@charset "utf-8";
/* CSS Document */

body{
margin: 10px;
background-color:#F7F4F3;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
text-align:center;
color: #666600;
}

#conteneur{border-top: 1px solid #3D3128;
border-bottom: 1px solid #3D3128;
}
#lang{

float:left;
}
#header{

margin: 0px auto 0px auto;
width:800px;

}
#wrapper{
background-image:url(images/fond_bg.jpg);
background-position:center;
background-repeat:repeat-y;
margin: 0px auto 0px auto;
width:900px;
}
#entete{
background-image:url(images/fond_entete.jpg);
background-position: top;
background-repeat:repeat-x; 
height: 260px;
width:822px;margin: 0px auto 0px auto;
background-color:#000;
}
h1{/*visibility:hidden;*/font-size:1.2em; border-bottom: #666600 2px dotted;padding: 10px;
text-align:right;
}
h2{font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
border-top: #666600 2px dotted;
text-align:left;
margin: 2px 10px 0px 40px;
padding: 10px;
width: 450px;
}

h3{font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
border-top: #666600 2px solid;
text-align:left;
margin: 2px;
padding-top: 10px;
}


#contenu{
margin: 20px auto 20px auto;
width: 822px;}
#contenu hr{
margin: 40px 20px 40px 40px;
}
#contenu table{
margin-right: auto;margin-left: 40px;font-size:0.9em;
}
#contenu td{
padding: 10px;
}
#index{
margin: 0px auto 0px auto;
width: 784px;
height: 752px;
background-image:url(images/logo_gm.jpg);
background-position:top;
background-repeat:no-repeat;
}

#texte{
float: right;
width: 210px;
border-bottom: #666600 2px solid;
font-size:0.9em;
text-align:left;
margin-right: 40px;background-color:#F7F4F3;

}
#menu{
padding:10px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
#menu ul li{ display:inline;
}
#menu_index ul li{ display:block;
margin: 15px 10px 10px 0px;
}
#menu ul li a, #menu2 ul li a{
padding:2px;
border: #fff 1px solid;
color:#fff; text-decoration:none;
font-weight:bold; }
#menu_index{
padding:10px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}


#situation_1{ position: relative;
left: 440px;
top: 190px;
text-align:left;width: 200px;
}
#tarifs_1{ position: relative;
left:490px;
top:340px;
text-align:left;width: 200px;
}

#saint_jean_1{ 
position: relative;
margin-left: auto;
margin-right: auto;
top: 260px;right:100px;
width: 200px;
}

#photo1{
	position: relative;
	left: -80px;
	top:-50px;
	text-align:left;
	width: 150px;
	padding: 10px 0px 10px 0px;

}

#photos{ position: relative;
left: 20px;
top: 130px;
text-align:left;

width: 200px;
}
#situation{
position: relative;
right: 150px;
top: -50px;
text-align:left;width: 200px;
}
#tarifs{ position: relative;
left:00px;
top: 250px;
text-align:left;width: 200px;
}
#saint_jean{ 
position: relative;
top: 220px;
left:670px;
width: 200px;
}
#pdp{
background-image:url(images/pdp.jpg);
background-position:bottom;
background-repeat:repeat-y;
width: 822px;
height: 40px;
color:#F7F4F3;
font-weight: bold;
padding-top: 10px;margin-right: auto;margin-left: auto;

}
#pdp a{color:#F7F4F3;}
#diapo{
width: 580px;
margin-right: auto;margin-left: auto;
padding: 5px 0px 5px 0px;
background-color:#999900;
}
#diapo_photo{ 

margin : 20px auto auto auto ;
text-align:center;

}
#menu1{ 
position: relative;
float: left;
top: 10px;
left:0px;
text-align: left;
width: 174px;} 
#menu2{ 
position: relative;
float: right;
top: 10px;
right:10px;
text-align: right;
} 
#ejs_box2_box{ 
color:#fff;
font-family:Verdana;
font-size:1em;
font-weight:bold;
border-color:#cc0000;
width:400px; 
padding:5px;
}

.imgleft{float: left;}
.imgright{float: right;}
a { text-decoration:none;
color: #000;}