html, body {
	height:100%;
	background: url(../images/fond.jpg) no-repeat;
	background-color: #5a8c06;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #472b2c;
	scrollbar-arrow-color: #5a8c06;
	scrollbar-track-color: #5a8c06;
	scrollbar-base-color: #d9eaa2;
	scrollbar-shadow-color: #d9eaa2;
	scrollbar-3dlight-color: #d9eaa2;
	scrollbar-darkshadow-color: #5a8c06;
}
	
/* GESTION DE LA TRANSPARENCE SOUS IE 6 - BON DIEU !! 
img {
	behavior:	url(js/png.htc);
}	
/* STRUCTURE DE LA PAGE */

	
#page {
    position: relative;
    min-height: 100%;
	background-image: url(../images/bg1.gif);
	}

#conteneur {
	width: 988px;
	position: relative;
	margin: 0 auto;

}
#conteneur-principal {
	position: relative;
	width: 968px;
	padding:2px;
	margin: 0 auto;
	background-image: url(../images/trans.png);	
}
#contenu-principal {
	width: 100%;
	background: url(../images/fond-accueil.jpg) no-repeat;
	background-color: #cfe48b;
}


#header {
	position: relative;
	background: transparent;
	width: 988px;
	height: 114px;
	/*background-color: #e3f0ba;*/
}

.contenu {margin-top: 16px;}
 /* TEXTE */
  
 
.rouge {color: #e20024;}
.texte-blanc-10 {font: normal 10px Arial, Helvetica, sans-serif;color: #FFFFFF;text-align:left}
.texte-blanc-11 {font: normal 11px Arial, Helvetica, sans-serif;color: #FFFFFF;text-align:left}
.texte-blanc-12 {font: normal 12px Arial, Helvetica, sans-serif;color: #FFFFFF;}

a.lien-blanc-11:link {font: normal 11px Arial, Helvetica, sans-serif;color: #FFFFFF; text-decoration:none; text-align:left}
a.lien-blanc-11:visited {color: #ffffff; text-decoration:none;}
a.lien-blanc-11:hover {color: #fddcf1; text-decoration:none;}


.texte-noir-10 {font: normal 10px Arial, Helvetica, sans-serif; color: #000000;text-align:left}
.texte-noir-11 {font: normal 11px Arial, Helvetica, sans-serif; color: #000000; text-align:left; padding-bottom:6px; text-decoration:none;}
a.texte-noir-11:link, a.texte-noir-11:visited, a.texte-noir-11:hover {color: #000000; padding-top:4px; padding-bottom:4px; float:left; text-decoration:none; }
a.texte-noir-11:hover {color: #e20024;}

.texte-noir-12 {font: normal 12px Arial, Helvetica, sans-serif; color: #000000; text-align:justify; text-decoration:none;}
.texte-noir-gras-12 {font: bold 12px Arial, Helvetica, sans-serif; color: #000000;}
.texte-noir-gras-14 {font: bold 14px Arial, Helvetica, sans-serif; color: #000000;text-align:left}

.texte-rouge-12 {font: normal 12px Arial, Helvetica, sans-serif; color: #000000; text-align:right; text-decoration:none;}
.texte-rouge-gras-12 {font: bold 12px Arial, Helvetica, sans-serif; color: #e20024; text-align:left; text-decoration:none;}

.lien-blanc-12 {font: normal 12px Arial, Helvetica, sans-serif;color: #FFFFFF; text-decoration:none}
a.lien-blanc-12:visited {color: #daeaa8; text-decoration:none;}
a.lien-blanc-12:hover {color: #daeaa8; text-decoration:none;}

/** DECO **/

.filet {background: url(../images/filet.png) repeat-x;
	padding-left:40px;}

#centre {float:left; left:0; width:1024px;height:560px;}

#gauche {float:left; left:0; width:512px;height:560px;}
#droite {float:right; width:512px;height:560px;}


p {margin: 0;}



#nav, #nav ul { /* toutes les listes */
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/*width: auto;*/
	padding:3px 0 0 0;
	margin: 0;
}

#nav li { /* tous les items de liste */
	float: left;
	padding: 3px 34px 2px 0;
	margin: 0;
	width: 0 auto; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background-color: #fff;
	width: 10em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}
.spacer{
	height:8px;
	padding:0;
	margin:0;
	border:0;
	}
/* FORMULAIRE */
.input, .select, .textarea, .button{
	color: #e20024;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	background-color: #fddcf1;
	border: 1px solid #e20024;
}
.input-:focus, .select:focus, .textarea:focus, .button  {
	color: #e20024;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	background-color: #fddcf1;
	border: 1px solid #e20024;
}
.input-admin, .select-admin, .textarea-admin {
	color: #0d53b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	background-color: #d3e3f9;
	border: 1px solid #0d53b3;
}
.input-admin:focus, .select-admin:focus, .textarea:focus-admin {
	color: #0d53b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	background-color: #d3e3f9;
	border: 1px solid #0d53b3;
}