html {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
}
body {
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: gray;
	background: #ffffff;
}
html, body, head, a, img{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	border: none;
}

div#espace {
	height: 5px;
	}
div#conteneur_annonce {
	position: relative;
	width: 694px;
	margin-left: auto;
	margin-right: auto;
	top: 30px;
	z-index: 110;
	}	
div#transparent {
	position: absolute;
	width: 100%;
	height: 2500px;
	top: 0px;
	left: 0px;
	background: black;
	-moz-opacity: .35;
	filter: alpha (opacity =35);
	opacity: .35;
	z-index: 120;
	}
div#transparent_zoom {
	position: absolute;
	width: 694px;
	height: 2460px;
	top: 0px;
	left: 0px;
	background: black;
	-moz-opacity: .50;
	filter: alpha (opacity =50);
	opacity: .50;
	z-index: 125;
	}
div#masque_foto1, #masque_foto2, #masque_foto3, #masque_foto4, #masque_foto5, #masque_foto6 {
	height: 150px;
	width: 220px;
	background: url('masque_CI.gif') no-repeat;
    position: absolute;
	z-index: 131;
	-moz-opacity: .10;
	filter: alpha (opacity =10);
	opacity: .10;
	}
div#masque_bigfoto1, #masque_bigfoto2, #masque_bigfoto3, #masque_bigfoto4, #masque_bigfoto5, #masque_bigfoto6 {
	height: 450px;
	width: 660px;
	background: url('masque_CI.gif') repeat;
    position: absolute;
	z-index: 132;
	-moz-opacity: .10;
	filter: alpha (opacity =10);
	opacity: .10;
	}
div#conteneur_zoom1, #conteneur_zoom2, #conteneur_zoom3, #conteneur_zoom4, #conteneur_zoom5, #conteneur_zoom6 {
	position: absolute;
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	z-index: 130;
	}	
/******************** Conteneur PAGE ********************/
div#conteneur {
	position: absolute;
	width: 100%;
	height: 180%;
	background: url('fd_blanc.jpg') repeat;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 30;
}
/************** Conteneur Haut de page ********************/
div#conteneurhaut {
	border: 0px solid orange;
	position: relative;
	width: 100%;
	z-index: 0;
}
div#haut_page {
	width: 100%;
	height: 119px;
	position: absolute;
	z-index: 0;
	display: block;
    }
/******************** Conteneur Centre ********************/
div#conteneurcentre {
	border: 0px solid blue;
	position: relative;
	width: 912px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	margin-top: 35px;
	background: url('fd_conteneur.gif') no-repeat;
	z-index: 30;
}
div#conteneur_centre_desc {
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	display: block;
	z-index: 30;
}
/************** Conteneur Bas de page ********************/
div#conteneurbas {
	border: Opx solid red;
	position: relative;
	width: 100%;
	left: 0px;
}
div#bas_page {
	width: 100%;
	height: 80px;
	position: absolute;
	z-index: 0;
	display: block;
    }
/******************** Bandeau Image ********************/
div#bandeau {
    width: 912px;
    height: 150px;
    position: relative;
	top: 25px;
	left: 0px;
    }
div#transimgbandeau {
	position: relative;
    width: 900px;
    height: 150px;
    position: absolute;
   	top: 0px;
	left: 6px;
	background: url('fd_black.gif') repeat;
	-moz-opacity: .17;
	filter: alpha (opacity =17);
	opacity: .17;
	z-index: 20;
	}
div#imgbandeau {
    width: 900px;
    height: 150px;
    position: absolute;
	left: 6px;
	z-index: 10;
    }
div#ombrebandeau {
    position: absolute;
    height: 49px;
	font-family: Helvetica;
	font-size: 43px;
    left: 389px;
	top: 45px;
	z-index: 30;
    }
div#txtbandeau {
    position: absolute;
    height: 49px;
	font-family: Helvetica;
	font-size: 43px;
	left: 391px;
    top: 43px;
	z-index: 40;
	}
div#slogbandeau {
    position: absolute;
    height: 25px;
	font-family: Helvetica;
	font-size: 17px;
	font-weight: bold;
	left: 500px;
    top: 92px;
	z-index: 40;
	}
/******************** Conteneur Menu ********************/
div#menu {
	position: absolute;
	width: 100%;
  	margin-left: 6px;
    border: 0px solid black;
    z-index: 80;
    }  
div#left_menu {
	position: absolute;
    width: 10px;
    height: 25px;
    background: url('left_menu.jpg') no-repeat;
    float: left;
    }
div#center_menu {
	position: relative;
    height: 25px;
    background: url('center_menu.jpg') repeat-x;
    float: left;
    }          
div#right_menu {
	position: relative;
    width: 10px;
    height: 25px;
    background: url('right_menu.jpg') no-repeat;
    float: left;
    }  
div#center_menu a {
	font-family: Verdana;
	color: white;
	font-size: 11px;
	font-weight: bold;
    position: relative;
    text-align: left;
    top: 4px;
    left: 0px;
	}
/************************************ Bandeau de composition du menu ***********************************/	
.nav_left {
	width: 10px;
	height: 25px;
	float: left;
	background: url('nav_left.gif') repeat-x;
	}
.nav_center {
	width: 880px;
	height: 25px;
	background: url('menu_mid.jpg') repeat-x;
	float: left;
	}
.nav_right {
	width: 10px;
	height: 25px;
	float: left;
	background: url('nav_right.gif') no-repeat;
	}
.nav {
	background: url('menu_mid.jpg') repeat-x;
	border: 0px solid red;
	height: 25px;
	width: 120px;
	float: left;
	margin-right: 5px;
	}
.nav li:hover .sub,
.nav li a:hover .sub,
.nav li.active .sub,
.nav li.hover .sub {
	display:block;
	height: 25px;
	}
.nav ul {
	margin: 0;
	padding-top: 0px;
	list-style: none;
	font-size: 11px;
	float: left;
	}
.nav li {
	position: relative;
	float: left;
	z-index: 1;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	}
.nav li:hover {
	z-index:2;
	}
.nav li a {
	overflow: hidden;
	font-family: verdana;
	color: gray;
	font-size: 11px;
	}
.nav li .sub {
	display: none;
	position: absolute;
	top: 25px;
	left: -3px;
    background-color: white;
	padding-top: 9px;
	}
.nav li ul {
    background-color: white;
	margin-left: 0px;
	font-size: 11px;
	list-style-type: none;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 10px;
	}
.nav .btm-bg {
    background-color: white;
	height: 9px;
	overflow: hidden;
	clear: both;
	}
/************************************ MENU et Boutons ************************************/
.menu-left {
	background: url('menu_left.gif') no-repeat;
	width: 0px;
	height: 25px;
	line-height: 25px;
	float: left;
	}
.menu-mid {
	background: url('menu_mid.gif') repeat-x;
	height: 25px;
	font-family: verdana;
	color: gray;
	font-size: 11px;
	font-weight: bold;	
	line-height: 25px;
	float: left;
	}
.menu-right {
	background: url('menu_right.gif') no-repeat;
	width: 5px;
	height: 25px;
	line-height: 25px;
	float: left;
	}
/************************************ Trait de séparation des sous menu ************************************/
.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none;
	}
/************************************ Roll texte des sous menu (Avant et Apres) *********************************/
.nav li:hover li a,
.nav li.active li a {
	font-family: verdana;
	font-size: 11px;
	background: none;
	color: gray;
	line-height: normal;
	display: block;
	width: 160px;
	padding: 3px 3px 3px;
	}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	background: silver;
	color: white;
	display: block;
	text-decoration: none;
	line-height: normal;
	}  
/********************Google Map********************/
div#google_map {
    width: 900px;
    margin: 7px;
    z-index: 20;
	}
div#google {
	margin-right: 4px;
    float: left;
    z-index: 20;
	}
div#search {
    float: left;
    margin-right: 7px;
    z-index: 30;
	}
/***********************************************************************************/
div#partie_gauche {
    background-color: white;
    float: left;
    margin-left: 4px;
    position: relative;
    display: block;
    }
div#contenu {
    height: 100%;
    background-color: white;
    float: left;
    margin-left: 6px;
    position: relative;
	display: block;
	}
div#partie_droite {
    height: 100%;
    background-color: white;
    margin-right: 5px;
    float: right;
    position: relative;
	display: block;
    }
/********************Contenu (centre de la page)********************/ 
div#photo {
	height: 140px;
	width: 220px;
	position: absolute;
	z-index: 40;
	border: 0px solid red;
	}
div#masque_photo {
	height: 140px;
	width: 220px;
	background: url('masque_photo.gif') no-repeat;
    position: relative;
	z-index: 50;
	}
div#masque_CI {
	height: 150px;
	width: 230px;
	background: url('masque_CI.gif') no-repeat;
    position: relative;
	z-index: 60;
	-moz-opacity: .30;
	filter: alpha (opacity =30);
	opacity: .30;
	}
div#txt {
	text-align: justify;
	width: *;
	height: *;
	padding: 5px;
	font-family: Verdana;
	color: black;
	font-size: 11px;
	}
/**************************************** Composition des cartouches *******************************************/
div#cartouche {
    position: relative;
    background: white;
    }
div#cartouchedesc {
    position: relative;
    float: left;
    }
div#arrond_top_left {
    height: 14px;
    width: 8px;
    background: url('arrond_top_left.gif') no-repeat;
    float: left;
    position: relative;
    z-index: 40;
    }
div#arrond_top_right {
    height: 14px;
    width: 8px;
    z-index: 40;
    float: right;
    position: relative;
    background: url('arrond_top_right.gif') no-repeat;
    }
div#arrond_bottom_left {
    height: 14px;
    width: 8px;
    background: url('arrond_bottom_left.gif') no-repeat;
    float: left;
    position: relative;
    z-index: 40;
    }
div#arrond_bottom_right {
    height: 14px;
    width: 8px;
    z-index: 40;
    float: right;
    position: relative;
    background: url('arrond_bottom_right.gif') no-repeat;
    }   
div#contenu_titre {
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	}
div#contenu_texte {
	font-family: Verdana;
	font-size: 11px;
    background: url('fd_blanc.jpg') repeat;
    margin: 1px;
	}
div#contenu_map {
    margin: 1px;
    background: url('fd_blanc.jpg') repeat;
	}
div#contenu_texte a {
	font-family: Verdana;
	color: black;
	font-size: 11px;
	}
div#arrond_bot_left {
    height: 5px;
    width: 5px;
    background: url('arrond_bot_left.gif') no-repeat;
    z-index: 40;
    float: left;
    position: relative;
    } 
div#arrond_bot_center {
    height: 4px;
    background: white;
    z-index: 40;
    float: left;
    position: relative;
    }     
div#arrond_bot_right {
	height: 5px;
    width: 5px;
    border: 0px solid black;
    z-index: 40;
    float: right;
    position: relative;
    background: url('arrond_bot_right.gif') no-repeat;
    }
/******************** Cartouche Contenus ********************/
div#info, #info a {
	font-family: Verdana;
	font-size: 11px;
	color: gray;
	font-weight: none;
	position: relative;
	}    
div#promo, #promo a {
	font-family: Verdana;
	font-size: 11px;
	color: orange;
	font-weight: none;
	position: relative;
    }        
div#pub, #pub a {
	align: center;
	position: relative;
    }
/******************** Module de recherche ********************/
dl, dt, dd, li {
margin: 0;
padding: 0;
list-style-type: none;
z-index: 10;
}
#menu_choix {
position: static;
font-family: helvetica;
z-index: 10;
}
#menu_choix dl {
float: right;
font-size: 11px;
z-index: 10;
}
#menu_choix dt {
cursor: default;
text-align: left;
align: left;
font-weight: normal;
z-index: 10;
}
#menu_choix dd {
position: absolute;
cursor: default;
border: 1px solid black;
height: auto;
width: 140px;
font-size: 11px;
background: #F1F1F1;
z-index: 10;
}
#menu_choix li {
text-align: left;
z-index: 10;
}
/****************** Jeux de Polices de Caractères *********************/
H1 {
cursor: default;
font-family: Helvetica;
font-size: 14px;
font-weight: bold;
text-align : left;
text-decoration : none;
display: inline;
}
H2 {
cursor: default;
font-family: Helvetica;
font-size: 13px;
font-weight: bold;
text-align : left;
text-decoration : none;
display: inline;
}
H3 {
cursor: default;
font-family: Helvetica;
font-size: 12px;
font-weight: normal;
text-align : left;
text-decoration : none;
display: inline;
}
BR {
cursor: default;
font-family: Helvetica;
font-size: 7px;
font-weight: normal;
text-align : left;
text-decoration : none;
display: inline;
}