/* CSS Document */

html, body{width:100%}
body{
	font-size:80%;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#377298;
	background:#eff5d3 url(../interface/fond_body.gif) repeat-x top;
}

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


#fond_droite{
	z-index:1;
	position:absolute;
	right:0px;
	top:0px;
	height:269px;
	*height:271px;
	width:50%;
	background:#8bc0e2 url(../interface/fond_body3.gif) repeat-x left bottom;
}

#main{
	z-index:2;
	position:absolute;
	top:15px;
	left:-504px;
	margin-left:50%;
	width:1002px;
	/*height:200px;*/
	background:transparent url(../interface/fond_main.gif) repeat-y left top;
}

#menu_general{
	z-index:10;
	position:absolute;
	right:0;
	top:0;
	padding:11px 10px 0 0;
	*padding:13px 10px 0 0;
}

#menu_general li{
	font-size:0.85em;
	font-weight:bold;
	display:inline;
	border-left:#619eb3 1px solid;
	padding:0 4px 0 6px;
}
#menu_general li a{
	color:#619eb3;
	text-decoration:none;
}
#menu_general li a:hover{text-decoration:underline;}
#menu_general li.first-child{border-left:none;}
#menu_general li.first-child a{padding-right:9px;background:url(../interface/home.gif) no-repeat 49px 4px;}

#fond_courbe{
	z-index:3;
	position:absolute;
	top:49px;
	left:488px;
	margin-left:50%;
	/*width:50%;*/
	height:325px;
	/*background:transparent url(../interface/fond_body2.jpg) no-repeat 488px bottom;
	_background:transparent url(../interface/fond_body2.jpg) no-repeat 489px bottom;*/
	background:transparent url(../interface/fond_body2.jpg) no-repeat 0 bottom;
}

#main h1{
	/*float:left;*/
	font-size:0em;
	height:77px;
}

#illustration{
	/*float:left;*/
	width:1002px;
	height:137px;
	background-repeat:no-repeat;
	background-position:left top;
}

#menu_principal_accueil{
	float:left;
	width:642px;
	_width:1002px;
	padding:15px 320px 0 30px;
	height:43px;
	_height:58px;
	background-repeat:no-repeat;
	background-position:10px top;
	list-style-type:none;
	font-size:1.15em;
}
#menu_principal_accueil li{
	display:inline;
}
#menu_principal_accueil li a{
	font-weight:bold;
	text-decoration:none;
	color:#a18333;
	padding:0 10px 0 20px;
	background:url(../interface/puce.gif) no-repeat left 3px;
}
#menu_principal_accueil li a:hover{text-decoration:underline;}

#contenu_gauche{
	float:left;
	width:463px;
	margin:0 0 0px 10px;
	_margin:0 0 0px 5px;
	min-height:103px;
	_height:455px;
	background:white url(../interface/fond_qui_sommes_nous.jpg) no-repeat left top;
}
#contenu_gauche h2{
	padding:0 0 0 49px;
	line-height:0.45em;
}
#contenu_gauche p{
	width:410px;
	_width:443px;
	font-size:0.95em;
	text-align:justify;
	line-height:1.15em;
	padding:8px 0 0 33px;
}
#contenu_gauche p a{
	color:#a18333;
}
#flash{
	float:right;
	margin:10px 0 0 10px;
	position:relative;
	top:-6px;
}
#contenu_gauche a.coin-junior{
	/*float:left;
	position:relative;*/
	position:absolute;
	left:11px;
	bottom:86px;
}


#contenu_centre{
	float:left;
	width:263px;
	min-height:103px;
	_height:103px;
	background:white url(../interface/fond_au_fil.jpg) no-repeat left top;
	margin:0 0 20px 0;
}
#contenu_centre h2{
	padding:0 0 0 47px;
	font-size:0em;
	margin:0 0 12px 0;
}
#contenu_centre div h3{
	color:#b1903a;
	font-size:1.25em;
	background:transparent url(../interface/bordure_h3_info.png) no-repeat left bottom;
	padding:0 0 4px 0;
	margin:0 0 3px;
}
#contenu_centre div{
	float:left;
	width:230px;
	_width:241px;
	color:#869655;
	font-size:0.85em;
	margin:0 0 0 23px;
	_margin:0 0 0 11px;
	_position:relative;
	_left:1px;
	padding:7px 3px 7px 8px;
	border-left:#f1ecd6 1px solid;
	line-height:1.25em;
	cursor:pointer;
}
#contenu_centre div:hover{background:transparent url(../interface/fond_div_info.gif) repeat-y 2px top;}


#contenu_droite{
	float:left;
	width:256px;
	min-height:423px;
	_height:423px;
	background-repeat:no-repeat;
	background-position:left top;
}
#contenu_droite h2{
	margin:103px 0 0 40px;
}


#pied_page{
	float:left;
	width:982px;
	_width:1002px;
	padding:0 10px;
	height:51px;
	background:url(../interface/fond-pied_page.gif) no-repeat left top;
}
#pied_page p{
	display:block;
	float:right;
	color:#646464;
	font-size:0.85em;
	padding:0 10px 0 0;
}
#pied_page p a{color:#646464;}
#pied_page p a:hover{color:#b1903a;}
#pied_page ul{
	list-style-type:none;
	padding:0 10px 0 0;
	text-align:right;
	font-size:0.75em;
	font-weight:bold;
	margin:6px 0 6px 0;
}
#pied_page ul li{
	display:inline;
	border-right:#000000 1px solid;
	padding:0 4px 0 2px;
	*padding:0 2px 0 4px;
}
#pied_page ul li.last-child{border-right:none;padding-right:0;}
#pied_page ul li a{text-decoration:none;color:#000000;}
#pied_page ul li a:hover{text-decoration:underline;}
#pied_page a.signatureVL img{
	position:absolute;
	left:27px;
	bottom:49px;
	width:110px;
	height:38px;
}
#pied_page img.libellule{
	position:absolute;
	left:170px;
	bottom:73px;
	_bottom:72px;
}



#extranet{
	float:left;
	width:364px;
	height:27px;
	_width:1002px;
	_height:39px;
	background:url(../interface/fond_extranet.gif) no-repeat left top;
	padding:12px 0 0 638px;
}
#extranet label{
	float:left;
	cursor:pointer;
	margin:1px 0 0 0;
}
#extranet input{
	float:left;
	width:108px;
	_width:111px;
	margin:0 0 0 8px;
	background-color:#e3e9c5;
	border:#b9c388 1px solid;
	position:relative;
	top:-2px;
	color:#9aa469;
	padding:0 0 2px 3px;
}
#extranet input.submit{
	width:22px;
	height:22px;
	background:transparent url(../interface/ok.gif) no-repeat left top;
	border:none;
	top:-3px;
	cursor:pointer;
}