/* CSS Document */
body {
	margin:0px;	padding:0px;
	color:#32312D;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:10pt;
	background-color:#EEE;
	text-align:center;
}
table, td {
	color:#32312D;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:10pt;
}
h1 {
	font-size:1.3em;
	font-weight:bold;
	margin:0px;
	padding:5px;
	color:#ABC934;
}
h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#395972;
}
h3 {
	font-size:1em;
	font-weight:bold;
	margin:5px;
	color:#54788E;
}

/* Entete
//////////////////////////////////////////////////////////////////////////// */

#entete {
	height:129px;
	background:url(_img/fond_entete.jpg) repeat-x 0px 0px;
	background-color:#3D738D;
	color:#FFF;
	border-bottom:1px solid #D6D6D5;
}

#logo {
	float:left;
	margin-top:25px;
}

/* Navigation */
#nav {
	text-align:left;
	padding-top:15px;
	margin:auto;
	width:800px;
}

#nav ul {
	margin:0px; padding:0px;
	list-style:none;
	float:left;
}	
#nav li a, #nav li h1 {
	margin:5px; padding:0px;
	padding-top:2px;
	width:187px; height:23px;
	display:block;
	background:url(_img/fond_btn_nav.jpg) repeat-x 0px 0px;
	color:#598CA7;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #395972;
}
#nav li h1 {
	color:#FFFFFF;
	font-size:1.1em;
	width:190px;
	height:25px;
	border:none;
	background:none;
}	
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background:url(_img/fond_btn_nav.jpg) repeat-x 0px -25px;
	text-decoration:none;
	color:#ABC934;
}

#nav li a.on {
	color:#ABC934;
}	

#options {
	margin-top:25px;
	text-align:right;
	float:right;
}

#options a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}	
#options a:hover, #options a:focus, #options a:active {
	color:#ABC934;
}

/* Contenu
//////////////////////////////////////////////////////////////////////////// */
#contenu {
	background-color:#FFF;
	padding:5px;
	/*border:1px solid #0000FF;*/
}

.encart {
	/*border:1px solid #FF0000;*/
	margin:auto;
	padding:0px;
	background-color:#F5F5F5;
}

/* Ombres */ 
.gauche {
	background:url(_img/ombre_g.jpg) repeat-y 0px 0px;
}
.centre {
	padding-left:4px;
	padding-right:4px;
	background:url(_img/ombre_d.jpg) repeat-y right;
}
.haut {
	/*height:6px;*/
	background:url(_img/ombre_h.jpg)  repeat-x;
}
.bas {
	height:5px;
	background:url(_img/ombre_b.jpg) repeat-x;
}
.bas_gauche {
	font-size:1px;
	width:4px; height:5px;
	float:left;
	background:url(_img/ombre_bg.jpg);
}
.bas_droit {
	font-size:1px;
	width:4px; height:5px;
	float:right;
	background:url(_img/ombre_bd.jpg);
}
.haut_gauche {
	font-size:1px;
	width:9px; height:6px;
	float:left;
	background:url(_img/ombre_hg.jpg) ;
}
.haut_droit {
	font-size:1px;
	width:9px; height:6px;
	float:right;
	background:url(_img/ombre_hd.jpg);
}

.encart .top {
	padding-left:10px;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	background:url(_img/fond_encart_top.jpg) #5487a2 repeat-x 0px 0px;;
}


/* Onglets */
ul.onglet {
	margin:0px; padding:0px;
	list-style:none;
}	

li a {
	padding-left:10px;
	padding-top:3px;
	height:22px;
	display:block;
	background:url(_img/fond_encart_onglet.jpg) repeat-x 0px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#598CA7;
	text-align:center;
}
li a:hover, li a:focus, li a:active {
	background:url(_img/fond_encart_onglet.jpg) repeat-x 0px -25px;
	text-decoration:none;
	color:#ABC934;
}

.onglet tr.first {
	padding-left:10px;
	padding-top:3px;
	height:22px;
	background:url(_img/fond_encart_onglet.jpg) repeat-x 0px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#598CA7;
}

.fin {
	background:url(_img/fond_encart_fin.jpg) repeat-x 0px 0px;
	height:6px;	font-size:1px;
}

.apparent {
   visibility: visible;
   display: block;
}

.cache {
   visibility: hidden;
   display: none;
}
.main {
	text-align:left;
	margin:10px;
}
#contenu a {
	text-decoration:none;
	font-weight:bold;
	color:#598CA7;
}
#contenu a:hover, #contenu a:focus, #contenu a:active {
	text-decoration:none;
	color:#ABC934;
}

#contenu .colonne {
	float:left;
	width:385px;
}

.close {
	float:right;
}
.close a {
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}
.close a:hover, .close a:focus, .close a:active {
	color:#ABC934;
}
/* Pied
//////////////////////////////////////////////////////////////////////////// */
#pied {
	font-size:0.75em;
	background-color:#EEE;
	border-top:1px solid #D6D6D5;
	color:#A0A0A0;
	text-align:center;
}



/* Divers
//////////////////////////////////////////////////////////////////////////// */
/* Espaceur de blocs */
.nettoyeur { clear:both; display:block; margin:0; padding:0; border:none; height:0; line-height:0px; font-size:0px;}

/* Fil d'Ariane */
.ariane {
	width:800px;
	margin:auto;
	text-align:left;
	padding:5px;
	font-size:0.7em;
}

/* Formulaires */
form{
	margin:0px;	padding:0px;
}
.formulaire, td {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.80em;
}
.formulaire input, .formulaire textarea {
	border:1px solid #DDD;
	background-color:#FFF;
	margin:2px; padding:2px; 
	margin-top:5px;
	font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

.formulaire .connect {
	border:none;
	background:url(_img/fond_btn_nav.jpg) repeat-x 0px 0px;
	margin:0px; padding:0px; 
	font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
}

.formulaire .cocher input {
	background:none;
	border:none;
	width:15px;
}

.formulaire .btn {
	padding:0px; margin:0px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	height:22px; /*width:125px;*/
	background:url(_img/fond_btn_nav.jpg) repeat-x 0px 0px;
	text-decoration:none;
	color:#598CA7;
	text-align:center;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:1.2em;
	font-weight:bold;
	border:1px solid #DDD;
	display:block;
	float:right;
	margin-right:5px;
}

.formulaire .btn:hover {
	background:url(_img/fond_btn_nav.jpg) repeat-x 0px -25px;
	color:#ABC934;
}

.important { color:#FF0000; font-weight:bold;}