/* ----------------------------------------------------------------------------------------------------
	
	Style.css
	
		derniere modif par Cédric TUMMINELLO le 22 mars 2008 a 14h30
		- ajout des regles pour deux cadres inclus dans header.tpl > #page #top
		
		soit :
			- #page #top #top_left
			- #page #top #top_right


  ----------------------------------------------------------------------------------------------------- */


body {
	margin:0px;
}

#links {
	color:#666;
	font-size:15pt;
	font-family:tahoma;
}

#links a:link,
#links a:visited {
	color:#666;
	text-decoration:none;
}

#links a:hover {
	color:#999;
}


#page {
	width:1000px;
	margin:0px auto;
}

#page #top {
	width:1000px;
	height:21px;
	padding-top:2px;
}

/* ------ top_left  ------ */
#page #top #top_left {
	margin:0px 0px 0px auto;
	width:570px;
	text-align:left;
	padding-left:8px;
	height:22px;
	float:left;
	color:#CCCCCC;
	/*border:1px red solid;*/
}

#page #top #top_left img {
	vertical-align:middle;
	border:0px;
	cursor:pointer;
}

#page #top #top_left a:link, #page #top #top_left a:visited {
	text-decoration:none;
	color:#CCC;
	font-weight:normal;
	font-size:8pt;
	font-family:tahoma;
}

#page #top #top_left a:hover {
	text-decoration:none;
	color: #999;
	font-weight:normal;
	font-size:8pt;
	font-family:tahoma;
}

/* ------ top_right  ------ */
#page #top #top_right {
	margin:0px 0px 0px auto;
	border:1px white solid;
	width:400px;
	text-align:right;
	padding-right:8px;
	height:22px;
	
	/*background-color:#FF0000;*/
	
}

#page #top #top_right form {
	display:inline;
}

#page #top #top_right .field {
	font-family:tahoma;
	font-size:8pt;
	border:1px #ccc solid;
	color:#ccc;
	width:100px;
}

#page #top #top_right .field:hover {
	color:#666;
	border:1px #666 solid;
}

#page #top #top_right #formLogin #submit {
	background-image:url('/img/icons/connexion.gif');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
	width:16px;
	height:16px;
}

#page #top #top_right #loggedIn #submit {
	background-image:url('/img/icons/logout.gif');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
	width:18px;
	height:18px;
}

#page #top #top_right #loggedIn #pseudo {
	font-family:tahoma;
	font-size:10pt;
	font-weight:bold;
}

/* --------------------------------------------------- */

#page #header {
	background:url("/img/wallpaper/header.png") no-repeat;
	/*background:url("/img/wallpaper/header_2009.png") no-repeat;*/
	width:1000px;
	height:91px;
	margin-top:-3px;
}

html>body #page #header {
	margin-top:0px;
}

#page #header #logo {
	width:284px;
	height:89px;
	cursor:pointer;
	/*border:1px red solid;*/
}


#page #header #banpub {
	position:absolute;
	text-align:right;
	top:45px;
	width:960px;
}


#page #content {
	width:1000px;
	margin:0px;
	margin-top:73px;
	font-family:tahoma;
	font-size:10pt;
}

#page #content #body {
	width:990px;
	margin-left:5px;
}

#page #footer {
	width:1000px;
	height:70px;
	margin:0px;
	background:url("/img/wallpaper/footer.png") no-repeat;
}

#page #footer #copyright {
	margin:0px 45px;
	font-family:tahoma;
	font-size:8pt;
	color:#eee;
	text-align:center;
	padding-top:20px;
}

#page #menu {
	background:url("/img/wallpaper/menu.png") no-repeat;
	width:985px;
	height:25px;
	padding-top:13px;
	padding-left:15px;
	margin:0px;
	text-align:left;
	position:absolute;
	top:147px;
	font-size:6pt;
	font-family:Tahoma;
	text-transform:uppercase;
	color:#666666;
}

#page #menu div {
	float:left;
}

#page #menu .btn {
	/*min-width:55px;*/
	padding:0px 7px;
	text-align:center;
	margin-top:-2px;
}

#page #menu #actuFr {
	padding:0px 7px;
	text-align:center;
	margin-top:-2px;
	float:right;
	margin-right:5px;
}


#page #menu #actuFr a:link, 
#page #menu #actuFr a:visited {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
}

#page #menu #actuFr a:hover {
	color: #999999;
	text-decoration:underline;
	font-weight:bold;
	font-size:8pt;
}

#page #menu .btn_accueil_admin {
	/*min-width:55px;*/
	padding:0px 7px;
	text-align:center;
	margin-top:-2px;
	float:right;
	margin-right:15px;
}

#page #menu .btn_accueil_debat_admin {
	/*min-width:55px;*/
	padding:0px 7px;
	text-align:center;
	margin-top:-2px;
	float:right;
}

#page #menu .btn a:link, 
#page #menu .btn a:visited,
#page #menu .btn_accueil_admin a:link, 
#page #menu .btn_accueil_admin a:visited,
#page #menu .btn_accueil_debat_admin a:link, 
#page #menu .btn_accueil_debat_admin a:visited {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
}

#page #menu .btn a:hover,
#page #menu .btn_accueil_admin a:hover,
#page #menu .btn_accueil_debat_admin a:hover {
	color: #999999;
	text-decoration:underline;
	font-weight:bold;
	font-size:8pt;
}

#page #links {
	background:url("/img/wallpaper/links.png") no-repeat;
	width:985px;
	padding-right:15px;
	
	height:35px;

	position:absolute;
	top:114px;
}

#page #links #logo2 {
	width:284px;
	height:33px;
	cursor:pointer;
	/*border:1px red solid;*/
	float:left;
	margin-top:-5px;
}

#page #links div {
	float:right;
	margin-top:5px;
	text-align:center;
}

#page #links .btn_newsletter {
	width:84px;
	height:20px;
}

#page #links .btn_contact {
	width:70px;
	height:20px;
	margin-left:10px;
}

#page #links .btn_faq {
	width:55px;
	height:25px;
	margin-left:10px;
}

#page #links .btn_inscription {
	width:90px;
	height:25px;
	margin-left:15px;
}

#page #links .btn_communaute {
	width:103px;
	height:25px;
	margin-left:5px;
}

#page #links .btn_accueil {
	width:83px;
	height:25px;
}

#page #links .btn_accueil_debat {
	width:67px;
	height:20px;
}

#page #links a:link, #page #links a:visited, #page #links a:active, #page #links a:hover {
	text-decoration:none;
}

/* -------------------------------------------------------------- */

.cadre_s {
	width:238px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_s div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	color:#FFFFFF;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_s_transparent {
	width:240px;
	float:left;
	text-align:justify;
}

.cadre_s_transparent div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_m {
	width:488px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_m div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	color:#FFFFFF;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_m_transparent {
	width:490px;
	float:left;
	text-align:justify;
}

.cadre_m_transparent div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_l {
	width:738px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_l div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	color:#FFFFFF;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_l_transparent {
	width:740px;
	float:left;
	text-align:justify;
}

.cadre_l_transparent div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_xl {
	width:988px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_xl div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	color:#FFFFFF;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_xl_transparent {
	width:990px;
	float:left;
	text-align:justify;
}

.cadre_xl_transparent div h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	letter-spacing:1pt;
	padding-top:5px;
}

.cadre_space {
	margin-right:10px;
}

.title {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	padding-top:3px;
	padding-left:5px;
}

.title_bleu {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_bleu.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_cyan {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_cyan.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_gris {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_gris.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_magenta {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_magenta.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_marine {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_marine.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_orange {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_orange.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_rouge {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_rouge.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_rouge_pale {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_rouge_pale.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_jaune_vif {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_jaune_vif.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_vert {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_vert.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_marron {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_marron.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_marron_clair {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_marron_clair.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_vert_clair {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_vert_clair.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_noir {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_noir.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_rose {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_rose.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_violet {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_violet.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_jaune {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_jaune.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.title_anthracite {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background:url('/img/cadre/cadre_anthracite.png') repeat ;
	padding-top:3px;
	padding-left:5px;
}

.cadre_contenu {
	width:auto;
	font-size:8pt;
	padding:5px;
}

.spacer {
	clear:both;
	visibility:hidden;
}

/* ---------------- LIENS ---------------- */

.lien:link, .lien:visited {
	text-decoration:underline;
	color:#993300;
	font-weight:normal;
}

.lien:hover {
	text-decoration:none;
	color:#004a99;
	font-weight:normal;
}

.lien_retour:link, .lien_retour:visited {
	text-decoration:underline;
	color:#666666;
	font-weight:normal;
}

.lien_retour:hover {
	text-decoration:underline;
	color:#333333;
	font-weight:normal;
}

.lien_bleu:link, .lien_bleu:visited {
	text-decoration:none;
	color:#0066CC;
	font-weight:normal;
}

.lien_bleu:hover {
	text-decoration:underline;
	color:#004a99;
	font-weight:normal;
}

.link_footer:link, .link_footer:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}

.link_footer:hover {
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:normal;
}

.bouton {
  font-family:Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #004a99;
  text-decoration: none;
  cursor:pointer;
}

/* ---------------- RECHERCHE ---------------- */

#recherche .cadre_contenu form {
	display:inline;
}

#recherche .cadre_contenu form input {
	font-family:Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #004a99;
	text-decoration: none;
	cursor:pointer;
}


a.lien_rouge:link,
a.lien_rouge:visited {
	color:#9F5C4F;
	text-decoration:none;
}