/* CSS GIP-ESJ 11-2008 */
@import url(Menu.css);
@import url(_color.css);
@import url(_typo.css);

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BEGIN CLEAN */
/* MARGES, suppression */
body, div, dl, dtt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, th, td 
{margin: 0px; padding: 0px; font-family: Arial, Helvetica, Verdana;}

/* TITRES, normalisation ligne */
h1, h2, h3, h4, h5, h6 
{font-size: 100%;}

/* LISTES, suppression style */
ul, ol 
{list-style:none;}

/* TABLEAU, suppression bordures */
table 
{border-collapse: collapse; border-spacing:0px;}

/* IMAGE, suppression bordures */
fieldset, img 
{border:0px; background-color: transparent;}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END CLEAN */

/* HTML, centrage de la page */
html 
{text-align: center;}


body {
	/*position: relative;*/
	text-decoration: none;
	text-align: left;
	background-color: #E1EDD6;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>conteneur page #CONTENT */
div#content {
	/*position:relative;*/
	/*width:100%;*/
	width: 907px;
	margin-left: auto !important;
	margin-right:auto !important;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>colonne #GAUCHE */
/* conteneur #colonne01 */
.col01 {
	float:left;
	width:230px;
	/*height:650px;*/
	background-image: url(../img/fd_gauche.png);
	background-repeat: repeat-x;
	background-position: 0px 170px;
}

/* bandeau #Col_1 SUB1 */
div#col01_sub1 {
	/*position:absolute;
	top:0;*/
	width:230px;
	height:150px;
	background-color: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* bandeau #Col_1 SUB2  */
div#col01_sub2 {
	/*position:absolute;
	top:150px;*/
	width:230px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #7F9A6D;
	}
/* bandeau #Col_1 SUB3 (conteneur MENU)  */
div#col01_sub3 {
	/*position:absolute;
	top:170px;*/
	width:230px;
	/*height:250px;*/
	background-image: url(../img/fd_gauche.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	z-index:10;
}
/* !!!!!! cf Menu.css pour action sur le menu !!!! */

/* bandeau #Col_1 SUB4  */
div#col01_sub4 {
	/*position:absolute;
	top:430px;*/
	width:230px;
	/*height:200px;*/
	/*margin-top:10px;*/
	/*background-color: #FFFFFF;*/
	/*margin:0px 0px 0px 6px;*/
	/*padding:5px 5px 5px 15px;*/
	/*border: 1px solid #CCCCCC;*/
	float:left;
	}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>colonne #DROITE */

/* conteneur #col02 */
.col02 {
	float:left;
	width:677px;
	/*height:700px;*/
	background-color: #E1EDD6;	
	background-image: url(../img/fd_central.png);
	background-repeat: repeat-x;
	background-position: 0px 170px;
	padding-bottom:10px;
	z-index:20 !important;
}

/* bandeau haut #col02_sub1 HEAD */
div#col02_sub1 {
	width:677px;
	height:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(../img/fd_banniere.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
}

/* bandeau #col02_sub2 bande horizontale droite */
div#col02_sub2 {	 
	width:677px;
	height:20px;
	background-color: #7F9A6D;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
/* bandeau #col02_sub2 bande horizontale droite ROUGE */
div#col02_sub2_red {	 
	float:left;
	width:340px;
	height:20px;
	background-image: url(../img/nav_i2.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
/* bandeau #col02_sub2 bande horizontale droite NAV */

/* bandeau nav HAUT*/
div#col02_sub2_nav {float:right; margin:0px 0px 0px 0px;}
/* navigation */
div#col02_sub2_nav ul {background-color: #FFFFFF; margin: 0; padding: 0px; font-size: 11px;}
div#col02_sub2_nav li {position: relative; list-style: none; margin: 0; float:left; border-left: 1px solid #E1EDD6;}
div#col02_sub2_nav li a {display: block; color: #FFFFFF; text-decoration: none; margin: 0; padding: 3px 0px 3px 6px; width:80px; }
div#col02_sub2_nav a:hover {color: #668057; background-color: #E1EDD6;}


/* Conteneur texte #col02_sub3*/
div#contenu {
	/*position:relative;*/
	width:677px;
	height:auto;
	background-image: url(../img/fd_central.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#contenuPage {
	/*position:relative;*/
	width:590px;
	height:auto;
	min-height:580px;
	/*height:442px;
	overflow-y:scroll;*/
	background-color: #FFFFFF;
	margin:1px 10px 0px 10px;
	padding:5px 20px 0px 40px;
}


/* bandeau bas #foot*/
div#foot {
	/*position:relative;*/
	width:650px;
	background-color: #FFFFFF;
	margin:10px 0px 4px 10px;
	padding:0px 0px 0px 0px;
	z-index:5;
	
	}

/* bandeau nav FOOT*/
div#navFoot {float:right; margin:0px 0px 0px 0px; background:#E1EDD6;}
/* navigation */
div#navFoot ul { margin: 0; padding: 0; font-size: 9px; background:#E1EDD6;}
div#navFoot li {position: relative; list-style: none; margin: 0; float:right; border-left: 1px solid #E1EDD6;}
div#navFoot li a {display: block; text-decoration: none; margin: 0; padding: 1px 3px 1px 10px; width:100px; }
div#navFoot a:hover {color: #CD131C; margin: 0; }



#footer{
	clear:both;
	margin-top:5px !important;
	width:100% !important;
	background:url(../img/fd_footer.jpg) left top repeat-x;
	height:125px;
}

#content_footer{
	width:907px;
	margin-left:auto;
	margin-right:auto;
}

.txtSelect {
	font-size:10px;
	color:#f8ce2e;
	font-weight:bold;
	padding:5px 0 0 10px;
}
.menuDeroulant {
	float:right;
	padding-right:20px;
}
#formDept SELECT {
	font-size:10px;
	font-family:arial;
	width:140px;
}
.annotation {
	font-size:11px;
	padding: 8px 8px 0 11px;
}

/*Syle bandeau*/
#flashcontent_bandeau_haut{
	font-family:Verdana;
	font-size:9px;
	color:#446D36;
}