*{
margin:0;
padding:0;
border:0px;
}

html,body {height:100%;}
body
{
	text-align: center ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
}
a.white{text-decoration:none;
color:#FFFFFF;
}
a.noir{
	text-decoration:none;
	color:#000000;
}
a.noir:hover{
	text-decoration:underline;
	color:#000000;
}
a.noir:visited{
	color:#000000;
}
ul li {list-style:none;}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#AAC33F;
}

.police_titre_index{
color:#AAC33F;
font-size:20px;
font-weight:bold;
font-family:"Trebuchet MS";
}

.police_titre_index_bis{
color:#AAC33F;
font-size:20px;
font-weight:bold;
font-family:"Trebuchet MS";
margin-left:27px;
}

#rose{
	color:#D65189;
	font-size:24px;
}

/*Fin generale*/
.conteneur{
	width: 900px ;
	text-align:left ;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-height:650px;
	height:auto;
	border-color:#737475;
	border-style:solid;
	border-width:1px;
}

/*entete*/
#entete{
	width: 900px ;
	text-align: left ;
	position:relative;
	left:0;
	top:0;
	height:146px;
}
.desc{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.desc_bis{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:170px;
}

#logo{
	background:url(souslogo.jpg) no-repeat bottom;
	width:337px; 
	height:140px;
	margin:auto;
	position:absolute;
	left:0;
	top:0;
}

.zoneLogo{
	width:225px;
	height:auto;
	top:5px;
	left:35px;
	text-align:center;
	position:absolute;
}
#nom{
	font-family:"Trebuchet MS";
	color:#000000;
	font-size:27px;
	margin-top:-10px;
}
#nom a{
	text-decoration:none;
	color:#000000;
}
#nom a:hover{
	text-decoration:none;
	color:#000000;
}
#nom a:visited{
	text-decoration:none;
	color:#000000;
}
.logoassistance{
	color:#C0E825;
}
#Gestionaire{
	font-family:"Trebuchet MS";
	color:#828381;
	margin-top:-8px;
	font-size:16px;
}
#afterlogo{
background:url(header.png) repeat-x bottom;
width:563px; height:101px;
position:relative;
left:337px;
top:0;
z-index:2;
}
.menuhaut{
background:url(millieu.jpg) repeat-x;
color:#000000;
height:28px;
padding:5px 5px;
font-size:11px;
}
.bordure{
height:28px;
width:1px;
}
.float{
float:left;
}
.droite{
float:left;
margin-left:-1px;
}
#afterlogo a{
color:#000000;
}
#menu{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
width:557px;
position:absolute;
top:75px;
left:347px;
z-index:3;
}
#menu a{
color:#666666;
padding-right:10px;

}
#menu ul li{
display:inline
}
#secu{
position:absolute;
left:0px;
top:0px;
}

#recherche{
position:absolute;
left:10px;
top:106px;
}
#start_search{
color:#FFFFFF;
background-color:#BABABA;
font-size:11px;
}
#Rechercher{
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px 2px;
}
#whois{
position:absolute;
right:10px;
top:0px;
}

/*fin d'entete*/

/*corps*/
#centre{
position:relative;
left:0px;
width:900px;
height:auto;
top:6px;

}
#texte{
position:relative;
left:0px;
width:450px;
height:auto;
min-height:525px;
z-index:1;
}
#texte a{
color:#000000;
text-decoration:none;
}
#texte a:hover{
color:#000000;
text-decoration:underline;
}
.phototbloc{
float:left;
padding-right:10px;
}

.phototbloc_bis{
float:left;
padding-right:10px;
margin-left:20px;
}

.solde{
border-bottom:2px dotted #000;
position:relative;
left:5px;
width:100%;
height:100px;
}
.cadre_zone_txt{
position:absolute;
left:70px;
top:50px;
width:75px;
height:20px;
line-height:20px;
}
.cadre_zone_txt h1{
font-size:14px;
font-weight:bold;
color:#1c3856;
font-family:"Trebuchet MS";
}


#assistance{
border-bottom:2px dotted #000;
position:relative;
left:5px;
margin-top:20px;
width:100%;
height:100px;
}




#controle{
border-bottom:2px dotted #000;
position:relative;
left:5px;
margin-top:20px;
width:100%;
height:100px;
}

#point{
border-bottom:2px dotted #000;
position:relative;
left:5px;
margin-top:20px;
width:100%;
height:100px;
}

#image{
position:absolute;
right:0px;
top:93px;
width:463px; 
height:370px;
z-index:0;
}
#permis_sauve{
position:absolute;
top:0;
left:0;
width:130px;
text-align:right;
font-weight:bold;
z-index:0;
}
#lecteur{
position:absolute;
top:320px;
left:72px;
}
#lecteur a{
color:#000000;
}
#rosefonce{
background-color:#D65189;
position:absolute;
right:0;
top:368px;
height:60px;
width:390px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#roseclair{
background-color:#E78AAB;
position:absolute;
right:0px;
top:431px;
height:90px;
width:385px;
padding-top:5px;
padding-left:5px;}
#roseclair a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
}
#gris{
position:absolute;
right:10px;
top:351px;
z-index:10;
width:252px;
height:180px;
background:url(carte.png) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
text-align:center;
font-weight:bold;
}
#fianet{
	position:absolute;
	right:0px;
	top:530px;
	width:375px;
	text-align:right;
	margin-right:10px;
}

/*fin corps*/


/*Pied de page*/

#pied{
position:relative;
left:0px;
top:10px;
height:145px;
width:100%;
color:#000000;
bottom:0px;
}
#footer1{
position:absolute;
left:0px;
top:0px;
width:222px;
height:125px;
background-color:#D7D8D7;
}
#vert1{
position:absolute;
left:0px;
top:0px;
width:222px;
height:20px;
background-color:#B8E066;
}
#footer2{
position:absolute;
left:226px;
top:0px;
width:222px;
height:125px;
background-color:#BDBFBD;
}
#vert2{
position:absolute;
left:0px;
top:0px;
width:222px;
height:20px;
background-color:#B2DD5A;
}
#footer3{
position:absolute;
left:452px;
top:0px;
width:222px;
height:125px;
background-color:#A3A5A2;
}
#vert3{
position:absolute;
left:0px;
top:0px;
width:222px;
height:20px;
background-color:#A9D74C;
}
#footer4{
position:absolute;
right:0px;
top:0px;
width:222px;
height:125px;
background-color:#828381;
}
#vert4{
position:absolute;
left:0px;
top:0px;
width:222px;
height:20px;
background-color:#96D02B;
}
#footer5{
position:absolute;
left:0px;
top:125px;
width:900px;
height:19px;
background-color:#C0E825;
color:#000000;
}
#footer5 a{
 color:#000000;
}
#footer6{
	position:relative;
	margin-top:25px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	color:#000000;
	font-size:9px;
	text-align:center;
}
#footer6 a{
	color:#000000;
}

/*fin pied de page*/





/* MENU PAGE 1 */
.avmenu {
	background-color:#FFFFFF;
	border:#000000 solid 1px;
	background-color:#FFFFFF;
}
.back_ground_vert {
	background-color:#C0E825;
}
.avmenu li.heading2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	text-align: left;
	color: #000;
	display: block;
	padding: 2px 2px 2px 6px;
}
.avmenu li.heading2selected a{
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	color: #000;
	display: block;
	padding: 2px 2px 2px 6px;
}
a.heading2selected{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	text-decoration: none;
	letter-spacing:0px;
	padding : 0;
	text-align: left;
	background:#000;
}
.avmenu li.heading2selected a:hover{
	color:#000;
	background-color:#EEEEEE ;
	text-decoration:underline;
}
a.heading2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	text-decoration: none;
	letter-spacing:0px;
	padding : 0;
	text-align: left;
	background:#FFFFFF;
}
.avmenu li.heading2 a:hover{
	color:#000;
	background-color:#EEEEEE ;
	text-decoration:underline;
}
/* MENU PAGE 1 */
.avmenu li.heading3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	text-align: left;
	color: #000;
	display: block;
	padding: 2px 2px 2px 6px;
}
.avmenu li.heading3selected a {
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	color: #000;
	display: block;
	padding: 2px 2px 2px 6px;
}
a.heading3selected{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
  color: #000;
  text-decoration: none;
  letter-spacing:0px;
  padding : 0;
  text-align: left;
  background:#FFFFFF;
}
.avmenu li.heading3selected a:hover{
	color:#000;
	background-color:#EEEEEE ;
	text-decoration:underline;
}
a.heading3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	text-decoration: none;
	letter-spacing:0px;
	padding : 0;
	text-align: left;
	background:#FFFFFF;
}
.avmenu li.heading3 a:hover{
	color:#000;
	background-color:#EEEEEE ;
	text-decoration:underline;
}
