/*CSS Ambodexter by Pierre-Emmanuel FERNANDES*/
/*http://www.24-design.fr*/

/*------ BASIC ELEMENTS -------------------------------------------------------------*/

html * {
padding:0;
margin:0;
} 
body { 
	margin:0px;
	padding:0px;
	border:0px;
	background:url('images/fond.gif') repeat center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-align:left;
	}

p {padding-bottom:100px; font-weight:bold;}
a:link, a:visited, a:active {text-decoration:none; color:#e47300;}
a:hover {color: #000;}

img{border:0px;}
/*------ PAGE ---------------------------------------------------------------------*/

#container {
margin-top:10px; 
margin-left:auto;
margin-right:auto;
width:971px;
}

#bordertop{
height: 8px;
width: 971px;
background:  url('images/border_a.png');
clear:left;
}

#main{
background:  url("images/border_b.png") repeat-y center top;
width: 971px;
position:relative;
overflow:auto; 
}

#borderbottom{
height: 8px;
width: 971px;
background:  url("images/border_c.png");
clear:left;
}

#top{
padding-left:8px;
padding-right:8px;
}

#bandeau{
width: 915px;
height: 180px;
margin-left: 20px;
margin-right: 20px;
margin-top: -11px;
background:  url("images/logo.gif") no-repeat left bottom;
clear: left;
text-align: right;
font-size: 13px;
color: #e47300;
}
#bandeau p{
padding-top: 30px;
}

#menu {
margin-top: 10px;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #f68b1e;
font-family: Arial, Helvetica, sans-serif;
}

#text{
width:699px;
float:left;
margin-left:58px;
margin-top:30px;
}
#texttoptext{
height:12px; 
width:699px;
background:  url("images/central_top.gif") no-repeat left bottom;
}
#textcentertext{
width:509px;
background:  url("images/central_center.gif") repeat-y left bottom;
padding-left: 170px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 50px;
}
#texttopall{
background:  url("images/central_top_light.gif") no-repeat left bottom;
height:12px; 
width:750px;
margin-left:60px;
}
#textcenterallagence{
background:  url("images/central_center_light.gif") repeat-y left bottom;
padding:18px 20px 50px 35px;
width:750px;
margin-left:60px;
}

#textcenteraccueil{
background:  url("images/central_center_light.gif") repeat-y left bottom;
padding:18px 20px 0px 35px;
width:750px;
margin-left:60px;
}

#lateral {
width:154px;
float:right;
background-color:#ffdb50;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
margin-right: 8px;
margin-top:30px;
}

#sousmenuagence{
height:37px;
margin-top: -3px;
margin-left: 160px;
background:  url("images/sousmenu_none.gif") no-repeat left top;
padding-left:10px;
padding-top:13px;
font-size: 16px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#mention {
color:white;
font-size:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:center;
}
h2 {
clear:left;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
height:40px;
margin-left:115px;
margin-top:-42px;
padding-top:23px;
padding-left:10px; 
color:white;
background:  url("images/h2.gif") no-repeat left top;
}


.blanc {color: #FFFFFF;}
.noir{color: #000000;}
.interligne{line-height:13.5pt;}
.normal{font-weight:normal;}
.legendemini{font-weight:normal; font-style:oblique;}


#imageall{
float:right;
width:500px;
}

#retour{
text-align:right;
padding-top:190px;
font-size:9px;
}

#ensemble{
clear:left;
padding-top:25px;
}

#pouragence{
margin-left:125px;
font-weight:bold;
padding-top:30px;
}