body{
	background:url(images/fond.jpg) 0 0 no-repeat white;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	margin:0;
}


/******* Contenus *******/

h1{
	font-size:1.2em;
	color:#128ac8;
	text-transform:uppercase;
	width:100%;
	text-align:left;
	border-bottom:1px dashed #128ac8;
}

h2{
	clear:both;
	font-size:1em;
	color:#008ac7;
	margin-top:25px;
}

h3{
	font-size:1em;
	color:black;
}

p{
	color:black;
	font-size:1em;
	text-align:justify;
}

a{
	color:#000000;
}

a:hover{
	text-decoration:none;
}

/****************************** GLOBAL *************************/

div#global{
	width:980px;
	min-height:850px;
	height:850px;
	margin:0 0 0 80px;
}

/****************************** BANNIERE **********************/

div#banniere{
	height:164px;
	width:956px;
}

div#banniere_droite{
	position:relative;
	float:right;
	margin:0 25px 0 0;
}

div#menu_haut{
	list-style-type:none;
	margin:0;
	padding:0;
	height:32px;
	float:right;
}

div#menu_haut_gauche{
	height:32px;
	width:6px;
	background:url(images/menu_haut_gauche_8.png) 0 0 no-repeat;
	float:left;
}

html>body div#menu_haut_gauche{
	background:url(images/menu_haut_gauche.png) 0 0 no-repeat;
}

div#menu_haut_contenu{
	background:#89b642;
	float:left;
	height:32px;
	text-align:center;
}

div#menu_haut_contenu ul{
	list-style:none;
	margin:8px 0 0 15px;
	padding:0;
}

div#menu_haut_contenu ul li{
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
}

div#menu_haut_contenu ul li a{
	color:white;
	margin:0 20px 0 5px;
}

div#menu_haut_droite{
	height:32px;
	width:6px;
	background:url(images/menu_haut_droite_8.png) 0 0 no-repeat;
	float:left;
}

html>body div#menu_haut_droite{
	background:url(images/menu_haut_droite.png) 0 0 no-repeat;
}



/************ Recherche ************/

div#recherche_rapide{
	width:235px;
	position:relative;
	float:right;
	clear:both;
	margin:40px 0 0 0;
	padding:0;
}

div#loupe,
div.btn-rech input{
	float:left;
	margin:12px 2px 0 6px;
	border:none;
}

div#loupe{
	width:39px;
	height:47px;
	background:url(images/loupe_8.png) 0 0 no-repeat;
}

html>body div#loupe{
	background:url(images/loupe.png) 0 0 no-repeat;
}

div.champ,div.btn-rech{
	float:left;
}

div.champ input.text{
	color:#CCCCCC;
	font-style:italic;
}

div.champ input:focus{
	color:#000000;
	font-style:normal;
}

div.champ input{
	margin-top:20px;
	float:left;
	border:1px solid #959595;
	color:#000000;
	font-style:normal;
}

#btn-rechercher{
	width:34px;
	height:44px;
	background:url(images/btn-valid_8.png) 0 0 no-repeat;
}

html>body #btn-rechercher{
	background:url(images/btn-valid.png) 0 0 no-repeat;
}

/****************************** MENU ***************************/

div#menu{
	position:absolute;
	margin:0;
	padding:0;
	float:left;
	height:43px;
	z-index:90;
}

div#menu a{
	display:inline-block;
	font-size:1.2em;
	text-decoration:none; 
	color:#000; 
	height:22px;
}

div#menu ul{
	list-style-type:none;
	margin:0;
	clear:both;
	padding-left:30px;
	height:44px;
}

div#menu ul li {
	position:relative;
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:181px;
}

div#menu ul li.premier{
	margin:0;
}

div#menu ul li a{
	font-weight:normal;
	width:181px;
	height:29px;
	background:url(images/bouton_menu_8.png) no-repeat;
	text-align:center;
	color:white;
	padding:15px 0 0 0;
}

html>body div#menu ul li a{
	background:url(images/bouton_menu.png) no-repeat;
}

div#menu ul li.active a{
	background:url(images/bouton_menu_over_8.png) no-repeat;
	color:#7daf30;
}

html>body div#menu ul li.active a{
	background:url(images/bouton_menu_over.png) no-repeat;
}

div#menu ul li a:hover{
	text-decoration:none;
}

div#menu ul li ul{
	width:230px;
	display:block;
	position:absolute;
	top:44px;
	left:-9999px;
	height:auto;
	padding:0;
	margin:0;
}

html>body div#menu ul li ul{
	display:none;
	left:0;
}

div#menu ul li.hover ul{
	left:0;
}

html>body div#menu ul li:hover ul{
	display:block;
}

div#menu ul li ul li{
	margin:0;
	padding:0;
	display:block;
	border:0;
	width:230px;
	background:url(images/sous_menu_8.png) repeat-y;
	clear:both;
}

html>body div#menu ul li ul li{
	background:url(images/sous_menu.png) repeat-y;
}

div#menu ul li ul li a,
div#menu ul li.active ul li a,
div#menu ul li ul li.active a,
div#menu ul li ul li a:visited{
	display:block;
	text-align:left;
	font-weight:normal;
	background:#7daf30;
	/*background:url(images/sous_menu_a.png) #7daf30 repeat-y;*/
	color:white; 
	min-height:15px;
	height:15px; 
	border:0;
	padding:5px 0 5px 8px;
	width:217px;
	margin:0 0 0 2px;
}

html>body div#menu ul li ul li a,
html>body div#menu ul li.active ul li a,
html>body div#menu ul li ul li.active a,
html>body div#menu ul li ul li a:visited{
	height:auto;
}


div#menu ul li ul li a, div#menu ul li ul li a:visited{
	font-size:1em;
}

div#menu ul li ul li a:hover,
div#menu ul li ul li.hover a:hover{
	color:#7daf30;
	text-decoration:none;
	background:white;
	height:auto;
}

div#menu ul li ul li a span{
	float:left;
	width:195px;
}

div#menu ul li ul li a span.fleche{
	float:right;
	width:17px;
	border:0;
	margin:0 5px 0 0;
}

div#menu ul li ul li.sous_menu_haut{
	height:20px;
	background:url(images/sous_menu_haut_8.png) no-repeat;
}

html>body div#menu ul li ul li.sous_menu_haut{
	background:url(images/sous_menu_haut.png) no-repeat;
}

div#menu ul li ul li.sous_menu_bas{
	background:url(images/sous_menu_bas_8.png) no-repeat;
	height:14px; 
}

html>body div#menu ul li ul li.sous_menu_bas{
	background:url(images/sous_menu_bas.png) no-repeat;
}

div#menu ul li ul li ul{
	display:block;
	margin:-58px 0 0 -9999px;
	padding:0;
}

div#menu ul li ul li.hover ul{
	margin-left:229px;
}

div#menu ul li ul li:hover ul{
	margin-left:228px;
}

div#menu ul li ul li ul li.sous_menu_haut{
	background:url(images/sous_sous_menu_haut_8.png) no-repeat;
	height:14px;
	display:block;
}

html>body div#menu ul li ul li ul li.sous_menu_haut{
	background:url(images/sous_sous_menu_haut.png) no-repeat;
}


/****************************** CONTENU ************************/

div#haut_contenu{
	background:none;
	width:100%;
	height:15px;
	clear:both;
	margin:0;
	padding:43px 0 0 0;
	background:url(images/cadre_contenu_haut2_8.png) no-repeat;
}

html>body div#haut_contenu{
	background:url(images/cadre_contenu_haut2.png) no-repeat;
}

div#contenu{
	position:relative;
	background:url(images/cadre_contenu_8.png) repeat-y;
	min-height:570px;
	height:570px;
	width:930px;
	clear:both;
	float:left;
	padding:8px 15px 0 15px;
}

html>body div#contenu{
	height:auto;
	background:url(images/cadre_contenu.png) repeat-y;
}

div#bas-contenu{
	background:url(images/cadre-bas-contenu.jpg) no-repeat;
	height:23px;
	clear:both;
}

div#haut-contenu,div#bas-contenu{
	width:960px;
}

div#gauche{
	min-height:549px;
	width:260px;
	float:left;
}

/******* Cadres **********/

div.cadre{
	margin:0;
	width:242px;
}

div.cadre_titre{
	background:url(images/fond_titre.jpg) no-repeat;
	height:42px;
	padding-top:8px;
	margin:0;
}

div.cadre_titre img{
margin:0 0 0 30px;
float:left;
}

div.cadre_titre span{
font-size:1.8em;
color:white;
}

div.cadre_contenu{
background:url(images/fond_cadre.jpg) repeat-y;
min-height:30px;
height:30px;
padding:5px 17px 0 17px;
}

html>body div.cadre_contenu{
height:auto;
}

div.cadre_bas{
background:url(images/cadre_bas.jpg) no-repeat;
margin:0;
height:16px;
}

div.cadre p{
color:black;
text-align:left;
margin:7px 0 7px 0;
}

div.cadre fieldset{
border:1px solid #128ac8;
margin:10px 0 0 0;
padding:0 0 0 10px;
}

div.cadre legend{
font-size:1.2em;
color:#128ac8;
font-weight:bold;
}

div.cadre p.savoir{
text-align:right;
}

div.actualite{
width:100%;
border-bottom:1px solid white;
margin:20px 0 0 0;
}


/********* RACCOURCIS *************/

div.raccourci{
	width:241px;
	height:49px;
	margin:2px 0 0 0;
}

div.raccourci a{
	display:block;
	width:100%;
	height:100%;
	color:#7daf30;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	background:url(images/fond_raccourci.jpg) 0 0 no-repeat;
}

div.raccourci a:hover{
	background-position:0 -49px;
	color:#128ac8;
}

div.raccourci a span{
	float:left;
	margin:14px 0 0 40px;
}

div#telephone{
	width:241px;
	height:49px;
	background:url(images/fond_raccourci.jpg) 0 0 no-repeat;
	margin:2px 0 0 0;
}

div#telephone p{
	float:left;
	display:block;
	height:29px;
	font-size:1.6em;
	margin:10px 0 0 5px;
	color:#7daf30;
	font-weight:bold;
}

html>body div#telephone p{
	margin:10px 0 0 10px;
}

div#telephone p img{
	margin:0 10px 0 0;
}

/********** SAIEMB en images *********/

div#saiemb-images{
	width:241px;
	height:196px;
	margin:2px 0 0 0;
}

div#saiemb-images a{
	display:block;
	width:100%;
	height:100%;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	background:url(images/fond_saiemb_images.jpg) 0 0 no-repeat;
}

div#saiemb-images a:hover{
	background-position:0 -196px;
}

div#saiemb-images a span{
	float:left;
	margin:14px 0 0 60px;
}

div#images{
	position:relative;
}


/****** PARTENAIRE *****/

div#partenaire{
	width:241px;
	height:49px;
	margin:2px 0 0 0;
}

div#partenaire a{
	display:block;
	width:100%;
	height:100%;
	color:#128ac8;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	background:url(images/fond_partenaire.jpg) 0 0 no-repeat;
}

div#partenaire a:hover{
	background-position:0 -49px;
	color:#7daf30;
}

div#partenaire a span{
	float:left;
	margin:7px 0 0 40px;
}

div#droite{
	float:left;
	width:650px;
}

.bot{
	clear:both;
}

/****************************** LOCATION ***********************/

div#cadre-contact{
background:url(images/cadre-contact.jpg) no-repeat;
height:97px;
padding:15px 0 0 16px;
margin:0;
}

div#cadre-contact img{
float:left;
clear:both;
}

div#cadre-contact a{
font-size:1.2em;
margin:7px 0 0 5px;
float:left;
color:#128ccb;
}

div#haut-location{
background:url(images/cadre-haut-location2_8.png) no-repeat;
height:19px;
}

html>body div#haut-location{
background:url(images/cadre-haut-location2.png) no-repeat;
}

div#contenu-location{
background:url(images/cadre-location2_8.png) repeat-y;
min-height:650px;
height:650px;
float:left;
padding:0 20px 0 20px;
width:612px;
}

html>body div#contenu-location{
height:auto;
background:url(images/cadre-location2.png) repeat-y;
}

div#bas-location{
background:url(images/cadre-bas-location2.jpg) no-repeat;
height:24px;
clear:both;
}

div#haut-location,div#bas-location{
margin:0;
width:652px;
}

div.loc{
width:615px;
}

div.loc p{
text-align:justify;
width:340px;
float:left;
}

a#retour{
float:right;
cursor:pointer;
}

div.loc .savoirplus{
float:right;
font-size:0.8em;
text-align:center;
border:0;
}

div.loc a{
margin:0;
cursor:pointer;
}

div.loc p,img.sep-loc{
margin:10px 0 10px 0;
}

h4.offres{
color:#128ccb;
margin:0;
font-size:1.2em;
}

div.visuel{
float:left;
width:250px;
height:170px;
min-height:170px;
margin:10px 10px 10px 0;
}

html>body div.visuel{
height:auto;
}

div.visuel img{
border:1px solid #128ccb;
}

/****************************** RECHERCHE **********************/

div#recherche{
width:610px;
height:570px;
min-height:570px;
}

html>body div#recherche{
height:auto;
}

div#recherche h2.ajaxSearch_resultsInfo{
color:#000000;
margin:0 0 34px 0;
}

/****************************** Fil d'ariane *************************/

span.B_crumbBox{
	display:block;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	border-top:1px dashed #128ac8;
	color:#128ac8;
	clear:both;
}

span.B_crumbBox a{
	color:#128ac8;
}

span.B_crumbBox a:hover{
	color:#7daf30;
}

/****************************** FOOTER *************************/

p#footer{
	text-align:right;
	font-size:0.9em;
	margin:10px 25px 10px 0;
	color:black;
}

/***** Formulaires ********/

div#coordonnees{
	float:right;
	width:400px;
	border:1px solid #008ac8;
	background:#d9eef7;
	padding:0 10px 0 10px;
	font-size:1.2em;
	font-weight:bold;
}

div#coordonnees p{
	font-size:0.8em;
}

p.error{
	display:block;
	width:45%;
	padding:10px;
	border:1px dashed #7daf30;
	background:#ecf3e0;
}

p.error span{
	color:#7daf30;
}

input,textarea{
	border:1px solid #008ac8;
}

input[type=checkbox]{
	border:0;
}

.required{
	border:1px dashed #7daf30;
}

.noborder{
	border:0;
}


/***** DOCUMENTS *****/

div#contenu table#documents{
	width:100%;
}

div#contenu table#documents td.type{
	width:50px;
}

div#contenu table#documents td{
	border-bottom:1px dashed #128ac8;
}

div#contenu table#documents td.derder{
	border:0;
}