/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* TAGS DE BASE/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
*{margin:auto; }

html{height:100%;}

body{
	height: 100%;
	font: 100%  'Verdana',Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;	
	background-color:#efe2b7;
	background-image:url('../images/background.jpg'); background-repeat: repeat-x; background-position:top left; 
}

/* img */
img{border: none;}

/* Liens */
a,a:link,a:visited, a:active{ font-weight: normal; text-decoration: underline;color:#666666;}
a:hover{color:#00aeb9; text-decoration: underline;}


	
/* En-têtes */
h1,h2,h3,h4,h5,h6{ margin: 0 0 .2em 0; text-transform: none; }
h1, h2{ font-family: Verdana, 'Arial', Helvetica, sans-serif;font-size:14px; font-weight:bold; color:#333333; text-align:left; }
h2{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#00aeb9;}
h3{ font-size:19px; font-weight:normal; color:#08666c;	}
h4{ font-family: Verdana, 'Arial', Helvetica, sans-serif;font-size:24px; font-weight:normal; color:#333333;	}
h5{ font-family: 'Verdana', Arial, Helvetica, sans-serif;font-size:11px; font-weight:normal; color:#00aeb9;	}
h6{ font-size: 0.9em;}

/* Listes */
ul{margin: 0; padding: 0; padding:3px 0px 0px 10px;}
li{ padding-left:4px;}
ul ul{padding: .2em 0 0 1.6em;}
ul li, ul li a{
	padding-left:2px;
	line-height: 1.3em;
	list-style: none;
	margin:1px 0;
	font:'Verdana',Arial, Helvetica, sans-serif; font-size:9px; color:#333333; font-style: normal;
}
ul li{ list-style:circle; list-style-type:disc;}
ul li a{color:#333333;}
ul li a:hover{color:#ff9d02;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

table{border-collapse: collapse;}



/* Textes et Autres*/
p{text-align:justify; word-spacing:normal;}
br{}
hr{margin: 1em 0; color:#333333; border: dotted 1px; clear:both;}

/* Formulaires */
form{background: none; border:none;}
label{font-weight: bold;}
input, textarea, select, option{border: 1px solid #333333;}
input, textarea, select, option, label, fieldset, legend{color:#333333; }
option{border:none;}

/* CONTAINERS ========================================================================================================*/

#container1, #container2, #container3, #container4, #container5{margin:0; padding:0;height: auto !important; height:100%; min-height:100%; }
#container1{ height:100%;  margin:0; padding:0; border:none;}
#container2{ width:858px; margin: 0 auto;}
#container3{ position:relative;} 
#container4{}
#container5{}



/* HEADER ========================================================================================================*/
#header{ width:858px; height:53px;background-image:url('../images/header.jpg'); background-repeat:no-repeat; background-position:top left;}

#headerDate, #headerDate a, #headerDate a:hover { font:'Verdana',Arial, Helvetica, sans-serif; font-size:9px; color:#999999;padding-top:20px; }
#headerVersion, #headerVersion a, { font:'Verdana',Arial, Helvetica, sans-serif; font-size:10px; color:#999999; padding-top:20px; text-decoration: none;}
#headerVersion a:hover{ font:'Verdana',Arial, Helvetica, sans-serif; font-size:10px; padding-top:20px; color:#00aeb9; text-decoration: underline;}

/* BANNER ========================================================================================================*/
#banner{ width:858px; height:191px;background-image:url('../images/banner.jpg'); background-repeat:no-repeat; background-position:top left; }


/* CONTENT ========================================================================================================*/
#content{	width:858px;height:auto !important; /* real browsers */ }

#left_content{
	width:232px;
	float:left;
	padding-left: 1.18em;
}

#middle_content{
	width:858px;
	float:left;
	padding-left: 0px;
	height:auto !important; /* real browsers */
	background-image:url('../images/background_content.jpg'); background-repeat: repeat-y; background-position:top left; 
}
#right_content{
	width:585px;
	height:auto !important; /* real browsers */
	float:right;
	padding-right: 15px;

}


/* FOOTER ========================================================================================================*/
#footer{
	width:858px;
	height:50px;
	display:block;
	clear:both; 
	background-image:url('../images/footer.gif'); background-repeat: no-repeat; background-position:top left;
}
#menu_footer{ text-align: center; color:#666666;height:50px;}
#menu_footer ul{ padding-top:15px; padding-bottom:6px; margin-bottom:0px;}
#menu_footer li{ display:inline; margin:0 3px; padding:0; background:none; list-style:none;}
#menu_footer li a{
	color:#666666;
	font-weight:normal;
	font-size:9px; 
	text-decoration:none;
	letter-spacing:0px;
}
#menu_footer li a:hover{text-decoration:underline;color:#00aeb9;}

#infosFooter, #infosFooter a{color:#666666;font-weight:normal;font-size:9px; text-decoration:none;}
#infosFooter a {text-decoration:underline;}
#infosFooter a:hover{text-decoration:underline;color:#00aeb9;font-weight:normal;font-size:9px;}

/* MENU  ========================================================================================================*/


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	margin-top:25px;
	list-style: none;
	line-height: 10em;
	width:12em;
	padding-left:15px;
	font:'Verdana', Arial, Helvetica, sans-serif; font-size:12px; color:#716056; text-decoration:none;
}

#nav a {
	display: block;
	width: 14em;
	font:'Verdana', Arial, Helvetica, sans-serif; font-size:12px; color:#716056; text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	width: 14em; /* width needed or else Opera goes nuts */
	list-style: none;
	height:18px;
	font:'Verdana', Arial, Helvetica, sans-serif; font-size:12px; color:#716056; text-decoration:none;
	background-image:url(../images/puce.png); background-position:middle left; background-repeat:no-repeat; vertical-align:middle; 
	border-bottom:#716056 1px solid;  
	padding-bottom:8px; padding-left:35px; 
}
#nav li a:hover { /* all list items */color:#00aeb9;; text-decoration:none;}





#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#efe6bc; 
	border:#716056 1px solid;
	width:22em; padding:6px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1em 0 0 10em;
}
#nav li ul a:hover { /* second-level lists */
width:16em; padding:2px; background-color: #ECE192 ;color:#00aeb9;; text-decoration:none;
}





#nav li ul ul { /* third-and-above-level lists */
	position: absolute;
	background-color:#efe6bc; 
	/*border:#716056 1px solid;*/
	width:30em;
	padding:6px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1em 0 0 10em;
}
#nav li ul ul a:hover { /* third-and-above-level lists */
	width:24em; padding:2px;
 	background-color: #ECE192 ;
	color:#00aeb9;
 	text-decoration:none;
}



#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
	color:#716056;
	text-decoration:none;
	font-size:11px;
	white-space: nowrap; /* on change la valeur de la propri?t? white-space pour qu'il n'y ait pas de retour ? la ligne non-d?sir? */
}

#nav li ul ul { /* third-and-above-level lists */
	background: #fff;
	color:#00aeb9;
	text-decoration:none;
	white-space: nowrap; /* on change la valeur de la propri?t? white-space pour qu'il n'y ait pas de retour ? la ligne non-d?sir? */
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;background: #fff;color:#00aeb9;; text-decoration:none;

white-space: nowrap; /* on change la valeur de la propri?t? white-space pour qu'il n'y ait pas de retour ? la ligne non-d?sir? */
   
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;background: #fff;color:#00aeb9;; text-decoration:none;

white-space: nowrap; /* on change la valeur de la propri?t? white-space pour qu'il n'y ait pas de retour ? la ligne non-d?sir? */
   
}








/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

.error{color: #716056;}
.success{color: #41bfc1;}

/* MENU ========================================================================================================*/

.navigationBt{ 
	width:232px;height:31px;  
	background-image:url('../images/background_leftNavig.jpg'); background-repeat: no-repeat; background-position:top left;
	font-family:'Verdana', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight: bold; text-align: center; color:#716056 ; 
}
	
.navigationFond{ width:232px; margin-top:0px;
background-image:url('../images/background_menu.jpg'); background-repeat: repeat-y; background-position:top left;  }

.navigationBottom{ width:232px; height:109px; background-image:url('../images/background_menuInfos.jpg'); background-repeat: no-repeat; background-position:top left; }

.textInfos{ 
	vertical-align:middle;padding-top:3px; 
	font-family:'Verdana', Arial, Helvetica, sans-serif; font-size:19px; font-style:normal; font-weight:normal;
	line-height:20px; text-align: left; color:#08666c; }



/* textes ========================================================================================================*/

.titre1{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#00aeb9;}
.accroche{ font-family: 'Verdana', Arial, Helvetica, sans-serif;font-size:11px; font-weight:normal; color:#00aeb9;	}
.more, a.more, a:hover .more{ font-family: Verdana, 'Arial', Helvetica, sans-serif;font-size:10px; font-weight: bold; color:#333333; text-align:right; text-decoration:underline;	}
.textLeft{text-align:left;}
.textItal{ font-style:italic;}

.textRight{text-align:right;}

/* borders ========================================================================================================*/
.border{ border-top:#333333 dotted 1px;}
.borderVert{ background-image:url('../images/line.jpg'); background-repeat: repeat-y; background-position: center; }
.borderHorinz{ background-image:url('../images/line.jpg'); background-repeat: repeat-x; background-position: center; }

/* box ========================================================================================================*/

.boxTop{ width:270px; height:2px; background-image:url('../images/box_top.jpg'); background-repeat: no-repeat; background-position:bottom left; }
.boxMiddle{ width:270px;height:auto; background-image:url('../images/box_middle.jpg'); background-repeat: repeat-y; background-position:top left; padding-left: 6px; }
.boxBottom{ width:270px;height:6px; background-image:url('../images/box_bottom.jpg'); background-repeat: no-repeat; background-position:top left; }
.bloc, a.bloc, a:hover.bloc { font-family: Verdana, 'Arial', Helvetica, sans-serif;font-size:10px; font-weight: bold; color:#08666c; text-align:left; text-decoration:underline; 	}

/* clear et floats */
.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.block {display:block;clear:both;}


blockquote.stop {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;	
	
  margin: 10px 15px;
  padding-left: 35px;
  
  background-color: #444;
  background-image: url(../images/stop.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;  
	
}
blockquote.ok {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #00FF00;	
	
  margin: 10px 15px;
  padding-left: 35px;
  
  background-color: #444;
  background-image: url(../images/go.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;	
}