*{margin: 0; padding: 0;}

body
{
margin: 10px 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #dea ;
}

div#conteneur
{
width: 960px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
overflow: auto;
}

#header
{
overflow: auto;
text-align: center;
color: #000;
font-size: 1em;
}

#logo
{
position: relative;
width: 890px ;
height: 90px ;
display: block ;
float:right;
margin-top:10px;
margin-right:20px;
font-size: 1.8em;
}

h1 a img{
position: absolute;
border: 0;
left: 0;
top: 0;
}

#menu /*----------------------------------------------------- menu  horizontal -----------------------------------------------------*/
{
height: 35px ;
background: url(img/menu_top_2.png) repeat-x ;
list-style-type: none ;
text-align: center ;
}

#menu li
{
float: right ;
width: 185px ;
background: #90d339;

line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-left: 2px solid #dea ;
}

#menu li a
{
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
/*border-left: 2px solid #dea ;*/
background: url(img/menu_top_2.png) repeat-x;
}

#menu li a:hover
{
background: url(img/menu_top_1.png) repeat-x;
}

#gauche {/*--------------------------------------------------------- gauche ----------------------------------------------------------*/
/*	border:#9999CC thin solid;	*/	
float: left;
width:200px;

}		
#menugauche {
list-style-type: none;
}

#menugauche li{
height: 20px;
border-bottom: 1px solid #009900;
 
}

#menugauche a {
height: 20px;
width: 178px;
padding-left: 22px;
font-size: 1.1em;
font-weight: bold;
display: block;
position: relative;
color:#FFFFFF;
/*color:#666666;*/
text-decoration: none;
background:#90d339 url(img/menu_2.png); 
background-repeat:repeat-x;
}

#menugauche li a img{
position: absolute;
left: 0;
top: 0;
border: 0;

}

#menugauche a:hover {
color: #FFFFFF;
background-image:url(img/menu_1.png); 
background-repeat:repeat-x;

}		

.h2_menu{
font-size: 1.2em ;
margin: -5px 0 5px 25px;
color: #000 ;
line-height: 27px;
}

/*------------------------------------------------ contenu ---------------------------------------------------------*/
#droite{
width: 735px;
border:#9999CC thin solid;
float: left;
padding-bottom: 20px;
}

#contenu{
width: 685px;
margin: 0 25px 25px 25px;

}

.h2_droite{
font-size: 1.8em ;
margin: 25px 0 25px 25px;
color: #000 ;

}

.h3_droite{
padding-left: 25px ;
margin-bottom: 20px;
line-height: 25px ;
font-size: 1.4em ;
background: url(img/little_apple.gif) no-repeat left bottom ;
color: #9b2 ;
border-bottom: 1px solid #9b2 ;
}

.h4_droite{
margin: 20px 0 15px 20px;
padding-left: 5px ;
border-bottom: 1px solid #9b2 ;
border-left: 3px solid #9b2 ;
color: #9b2 ;
}
h5 {
	font-size:20px;
	color:#009900;
	font-weight:bold;
	margin-top: -20px;
	margin-bottom: 0px;
	margin-left: 25px;
}
h6{
padding-left: 25px ;
margin-bottom: 20px;
line-height: 25px ;
font-size: 1.4em ;
text-decoration:none;

}
div#contenu p
{
text-align: justify ;
text-indent: 2em ;
line-height: 1.7em ;
}

div#contenu a, a:link 
{
background-color:#FFFFFF;
color: #8a0 ;
text-decoration:underline;
}

div#contenu a:hover
{
color: #9b2 ;
background-color:#FFFFFF;

}

#footer{
width: 100%;
clear: both;
}

#footer p{
padding-right: 10px ;
line-height: 30px ;
text-align: right ;
color: #8a0 ;
clear: both;
}

pre
{
overflow: auto ;
background: #dea ;
border: 2px solid #9b2 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
}

* html pre
{
width: 636px ;
}

pre span
{
color: #560 ;
}

pre span.comment
{
color: #b30000 ;
}

.scrollertitle	{
color: #fff;
text-align: center;
font: 11px verdana, arial, sans-serif;
font-weight: bold;
padding: 5px;
border-bottom: 1px solid #FFFFFF;
background-image: url(img/menu_2.png);
background-repeat: repeat-x;
}

.newswindow	{ /*border: #3D83B4 1px solid; */}

.text  {
text-align:left; 
margin-left:25px;
}

a.no_und:link {
text-decoration:none;
background-color:#999999;
color:#003399;
border-bottom:none;
}
a.no_und:hover, a.no_und:visited {
text-decoration:none;
background-color:#999999;
color:#FFFFFF;
border-bottom:none;
}
/*a.no_und {
color:#333399; text-decoration:none; font-weight:bold; border-bottom:none; padding:0; margin:0;
}
a.no_und:hover, a.no_und:focus a.no_und:hover {
background:#ADB8BD; color:#FFFFFF;border-bottom:none;text-decoration:none;
}
a.no_und:hover { background:none; color:none;border-bottom:none;text-decoration:none;
}*/
a.exemple { color:#FFCC00; background-color:#339900;}
a.exemple:link {text-decoration:none; border-bottom:none}
a.exemple:hover {color:#FFFFFF;}
/*-------------------------------------------------------- Nav -----------------------------------------------*/
div#nav
		{
			
	
		}
		ul#nav
		{
			list-style-type: none ;
		}
				
		ul#nav li
		{
			float: left ;
			text-align: center ;
			width: 100px ;
			font-size: 1.2em ;
			font-weight: bold ;
			/*border-left: 2px solid #dea ;*/
			color:#006699;
		}
		
		ul#nav li a
		{

			display: block ;
			text-decoration: none ;

		}
		
		ul#nav li a:link, a:visited
		{
			/*color:#FF33CC;*/
		}
		
		ul#nav li a:hover
		{
		/*color:#00CC00;*/
		font-weight:bold;
		font-style:italic;
		}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
font-weight:bold;
background-color: #99CC66;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}



#photo {
text-align: center;
margin-left:5px;
}
		
#photo img{

border: 2px solid black;
}

#photo a{
margin-right: 20px;

}

/*------------------------------------------------------------------ Carte-------------------------------------------------------------------------*/
#carte{
width: 700px;
height: 400px;
background: url(../images/carte/vide.gif);
background-repeat: no-repeat;
background-position: right 40px;
margin: 25px auto;
position: relative;

}

#carte1{/*------------------------------------------- Carte1                                                   */
list-style-type: none;
}

#carte1 a {
text-decoration: none;
color: #000;
font-size: 14px;
display: block;

}
#carte1 a:link {
text-decoration: none;
color:#336600;
}

#carte1 li{
width: 200px;
line-height: 17px;
}
#carte1 li a:visited {
text-decoration:none;
font-style:italic;
color:#CC6600;
}
.titre{
font-weight: bold;

}

.propriete{
margin-left: 5px;
color: #009900;
}

#carte1 a em{
display: none;

}

#carte1 a em img{
border: 0;

}

#carte1 a:hover em{
display: block;
width: 350px;
height: 344px;
position: absolute;
top: 40px;
right: 0px;
}

#carte1 a:hover{/* Pour IE6 */
background: none;
}

#carte2{/*---------------------------------------------------------- Carte2                                                  */
width: 350px;
height: 344px;
position: absolute; 
right: 0;
top: 40px;
list-style-type: none;
}


#carte2 li a{
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url(img/maison20.png);

}

#carte2 li a:hover{
background: url(img/maison20.png);
border: 1px solid green;
}

#paca{
right: 60px;
top: 240px;
}

#lr{
right: 149px;
top: 270px;
}

#mp{
right: 175px;
top: 240px;
}

#aq{
right: 230px;
top: 230px;
}

#pc{
right: 210px;
top: 170px;
}

#li{
right: 170px;
top: 175px;
}

#au{
right: 137px;
top: 180px;
}

#ra{
right: 85px;
top: 190px;
}

#pl{
right: 230px;
top: 120px;
}

#ce{
right: 170px;
top: 120px;
}

#bo{
right: 110px;
top: 135px;
}

#fc{
right: 70px;
top: 135px;
}

#br{
right: 280px;
top: 95px;
}

#bn{
right: 215px;
top: 75px;
}

#hn{
right: 185px;
top: 55px;
}

#idf{
right: 155px;
top: 80px;
}

#ca{
right: 110px;
top: 80px;
}

#lo{
right: 70px;
top: 80px;
}

#al{
right: 38px;
top: 90px;
}

#pi{
right: 150px;
top: 55px;
}

#no{
right: 155px;
top: 25px;
}

#co{
right: 36px;
top: 290px;
}
/*-----------------------------------------------------------------------------------------------*/
.lien_suite{
color: #8a0 ;
text-decoration:underline;
}

div#nav
		{
			
	
		}
		ul#nav
		{
			list-style-type: none ;
		}
				
		ul#nav li
		{
			float: left ;
			text-align: center ;
			width: 100px ;
			font-size: 1.2em ;
			font-weight: bold ;
			/*border-left: 2px solid #dea ;*/
			color:#006699;
		}
		
		ul#nav li a
		{

			display: block ;
			text-decoration: none ;

		}
		
		ul#nav li a:link, a:visited
		{
			/*color:#FF33CC;*/
		}
		
		ul#nav li a:hover
		{
		/*color:#00CC00;*/
		font-weight:bold;
		font-style:italic;
		}
		
/*---------------------------------------------------------- Formulaire contact --------------------------------------------------------------*/
.formulaire_contact{
border:#666666 thin solid;
background-color:#CCCCCC;
width:335px; 
float:left; 
padding:10px 0 10px 0; 
height:370px;
margin-bottom: 15px;
 }
 
.formulaire_contact fieldset {
border: 0;
border-top:#339900 1px dotted;
margin:10px;

 }


 
.formulaire_contact legend { 
padding-left:5px; 
padding-right:10px; 
color:#666666; 
font-weight:bold;
background: #CCCCCC;/* pour ie*/
} 

.formulaire_contact p{ 
position: relative;
height: 18px;
font-weight: bold;
} 

.droite{ 
position: absolute;
top: 0;
right: 0;
margin-right: 25px;
}

.check{
margin: 15px 5px 0 5px;
}

.check span{
margin-left: 10px
}

#subm{
	border:#666666 thin solid;
	background-color:#CCCCCC;
	clear: both;
	height: 1%;/*pour ie6*/
	overflow: auto;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
 }