/* CSS Document */

hr{clear:both;}

html, body{width:100%}
body{
	font-size:85%;
	font-family: Arial, Georgia, Verdana, sans-serif;
	/*color:#b8a561;--ANCIENNE_COULEUR--*/color:#000000;
	background:url(../interface/fond_body_ot.gif) repeat-x top;
}

body, h1, h2, h3, h4, form, p, ul, li {margin:0;padding:0;}
a img{border:none;}
ul{list-style-type:none;}

#main{
	/*width:1060px;*/
	
	
	/*TEST*/
	position:absolute;
	/*width:939px;*/
	width:1060px;
	margin-left:-530px;
	top:0;
	left:50%;
	
	/*position:relative;
	margin:0 auto;*/
	
	/*margin-left:-563px;*/
	
	background:#ffffff url(../interface/fond_main_ot.gif) no-repeat left top;
	
	/*TEST*/
	/*background:yellow;*/
	
	
	/*padding:0 61px 0 60px;*/
	min-height:776px;
	_height:776px;
}



#gauche{
	float:left;
	width:197px;
	background-color:#d1e09d;
	
	/*TEST*/
	margin-left:60px;
	_margin-left:30px;
}
#gauche h1{line-height:0em;}
#gauche ul{
	font-size:0.9em;
	background:#fbfcf7 url(../interface/ot/fond_menu_gauche.gif) repeat-x left top;
	margin:13px 0;
}
#gauche ul li{
	border-bottom:#e4e1c3 1px solid;
}
#gauche ul li.last-child{border:none;}
#gauche ul li.last-child{
	font-style:italic;
}
#gauche ul li a{
	display:block;
	width:182px;
	_width:197px;
	text-align:right;
	padding:4px 13px 4px 0;
	text-decoration:none;
	color:#a1ca0e;
	border-right:#f6f9ed 2px solid;
}
#gauche ul li.last-child a{
	color:#b8a561;
}
#gauche ul li a:hover, #gauche ul li.active a{font-weight:bold;color:#41a8d8;border-color:#41a8d8;background-color:#e4f1e9;}
#gauche ul li.last-child a:hover{background:none;border-color:#b8a561;color:#b8a561;}

#gauche a.lienIMG-gauche{
	display:block;
	line-height:0em;
}
#gauche a.lienIMG-gauche img{padding:0 0 13px 0;_margin:0 0 13px 0;}



#illustration{
	float:left;
	width:742px;
	height:168px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	background-position:left top;
	
	/*TEST*/
	margin-right:61px;
}
#illustration ul.menu-general{float:right;padding:2px 19px 0 0;*padding:4px 19px 0 0;}
#illustration ul.menu-general li{display:inline;font-size:0.75em;text-transform:uppercase;border-left:#ffffff 1px solid;padding:0 7px 0 11px;}
#illustration ul.menu-general li.last-child{border:none;}
#illustration ul.menu-general li a{color:#ffffff;text-decoration:none;}
#illustration ul.menu-general li a:hover{text-decoration:underline;}

#ot_langue{
	float:left;
	margin:66px 0 0 17px;
	_margin:66px 0 0 8px;
	_position:relative;
	_left:1px;
}
#ot_langue li{line-height:0em;font-size:0em;}


#centre{
	float:left;
	/*width:500px;*/
	width:466px;/*468*/
	_width:497px;/*500*/
	min-height:460px;
	_height:460px;
	background:transparent url(../interface/ot/fond_centre_ot.gif) no-repeat left top;
	padding:0 0 0 22px;
	*padding:0 0 0 32px;
	_padding:0 0 0 22px;
}
#centre ul{
	border-bottom:#c8e170 1px solid;
	padding:10px 0 5px 0;
}
#centre ul li{
	display:inline;
	font-size:0.8em;
	border-left:#93b907 1px solid;
	padding:0 2px 0 6px
}
#centre ul li.first-child{border:none;padding-left:0;}
#centre ul li a{
	color:#93b907;
	text-decoration:none;
}
#centre ul li a:hover{color:#41a8d8;}
#centre ul li.active a{font-weight:bold;color:#41a8d8;}
#centre h2{
	min-height:34px;
	_height:34px;
	font-size:1.8em;
	font-weight:normal;
	color:#41a8d8;
	background:transparent url(../interface/ot/fond_h2_ot.gif) no-repeat left top;
	padding:2px 0 10px 12px;
}
#centre h3{font-size:1em;padding:30px 0 0 0;}
#centre p{
	font-size:0.9em;
	line-height:1.3em;
	padding:6px 0 0 0;
}
#centre p a{color:#a2cb0d;}
#centre p.spip{clear:both;}
#centre p img{margin:5px;}
#centre p img.gauche{float:left;margin:0 8px 0 0;}
#centre p img.droite{float:right;margin:0 0 0 8px;}


#droite{
	float:right;
	/*width:210px;*/
	width:189px;
	/*_width:261px;*/
	padding:14px 21px 0 0;
	*padding:12px 21px 0 0;
	
	/*TEST*/
	/*padding-right:82px;*/
	
	color:#018aca;
}
#droite h2{
	clear:both;
	border-bottom:#c0e0b6 1px solid;
	line-height:0em;
	padding:10px 0 6px 0;
}
#droite h3{clear:both;font-size:0.9em;padding:2px 0 0 0}
#droite p{font-size:0.8em;}
#droite p a{color:#018aca;}

a.savoir-plus{
	font-size:0.8em;
	color:#9fc1d1;
	font-weight:bold;
	display:block;
	float:right;
	margin:10px 0 10px 0;
	text-decoration:none;
}
a.savoir-plus:hover{text-decoration:underline;}


#pied_page{
	clear:both;
	width:589px;
	_width:889px;
	margin:0 50px 0 0;
	padding:8px 0 40px 300px;
	color:#c8c1a2;
	font-size:0.75em;
	text-align:center;
	position:relative;
	top:40px;
	background:transparent url(../interface/ot/drome-des-collines.gif) no-repeat left top;
}
#pied_page p{
	border-top:#f1eddf 1px solid;
	display:block;
	padding:4px 0 0 0;
}
#pied_page strong{font-size:1.1em;}
#pied_page a.signature{
	z-index:4;
	display:block;
	float:right;
}
#pied_page span{
	position:relative;
	left:-110px;
}

#degrade{
	float:left;
	background:url(../interface/ot/fond_contenu.gif) repeat-x;
	width:742px;
}