/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#84846C;
}
#bannertop {background-color:#202129;width:100%;position:absolute;left:0;top:0;}
#bannermenu {width:976px;color:#D1B8AB;font-family: Arial,"Lucida Grande",Lucida,sans-serif;font-size:14px;padding:2px 0px 2px 0px;}
#bannermenu a{text-decoration:none;color:white;}
#bannermenu a:hover{text-decoration:underline;}
#bannermenu a:visited{color:white;}

#header {
margin-top:20px;
height:155px;
width:824px;
background-image:url(../images/gabarit/banniere.png);background-repeat:no-repeat;
float:right;
}
#header ul{
float:right;
margin-top:125px;
margin-left:0px;
list-style:none;
font-family: Arial,"Lucida Grande",Lucida,sans-serif;
}

#header a, #header a:visited{color:white;text-decoration:none;}
#header a:hover{color:white;text-decoration:underline;}
#conteneur {
position: relative;
width: 996px;
margin: 20px auto; 
}
#centre {
background-color:#84846C;
/*margin-left: 182px;*/
margin-top:30px;
height:auto;
/*width:799px;*/
width:810px;
float:left; 
position: absolute;
top:155px;
left:172;
padding:5px 0px 0px 5px;
}
#gauche {
position: absolute;
left:0;
width: 172px;
margin-top:20px;
}
#menu{
position: absolute;
top:155px;
left:-40px;
width: 172px;
}
ul#menu li {
margin:15px 0px 30px 0px;
background-color:#202129;
height:30px;
list-style-type:none;
display:list-item;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
letter-spacing:0.1em;
font-size:14px;
text-align:center;
} 
ul#menu li a{
display: block ;
width: 172px ;
line-height: 30px ;
color: #D4CFC9 ;
text-decoration: none ;
}
ul#menu li a:hover{
background-color:#BFD6A7;
color:#202129;
}
#pied {
width:799px;
height:50px;
position:relative;
float:left;
margin:50px 0px 0px 172px;
/*position: absolute;
top:1100px;
left:182px;
position:relative;
clear:both;*/
padding:5px;
background-color:#202129;
color:white;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;letter-spacing:0.1em;font-size:14px;
}

#pied2 {
float:left;
width:800px;
padding:5px 0px 5px 0px;
margin-left:6px;
background-color:#202129;
color:white;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;letter-spacing:0.1em;font-size:14px;}
#pied2 a{text-decoration:none;color:white;}
#pied2 a:hover{text-decoration:underline;}
#pied2  a:visited{color:white;}



#anim{width:578px;border:3px solid #CCCCCC;/*background-color:#CCCCCC;*/}

#encarts{background-color:#84846C;margin-top:20px;margin-left:60px;}
.encart1, .encart2, .encart3 {width:27%;height:200px;float:left;margin:5px;border:2px solid #CCCCCC;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size:12px;letter-spacing:0.1em;color:#D7D0C9;text-align:justify;padding:10px;}
.encart1 h2, .encart2 h2, .encart3 h2, #demipageg h2,  #demipaged h2 {color:#B0DB6A;background-color:#202129;margin:10px;font-weight:500;font-size:1.4em;}
.encart2 a, .encart2 a:visited{color:#D7D0C9;text-decoration:underline;}
.encart2 a:hover {text-decoration:none;}
.encart1{background-color:#6C444C;}
.encart2{background-color:#697B57;}
.encart3{background-color:#85756D;}
.listeolives{text-align:left;font-size:12px;color:#D4CFC9;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;}
.listepoint{text-align:left;font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;font-size:14px;}
/* PAGE CHAMBRES */

#argu {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size:14px;}
#lienschambres {width:350px;float:right;margin:10px 30px 0px 0px;}
/* PAGE CHAMBRES VERSION 2 */
#jardin, #colline, #chapelle {margin-left:10px;width:810px;height:480px;background-image:url(../images/sanary-bandol/chambres/bg_chambre.png);background-repeat:no-repeat;}

#argu {
width:40%;
float:left;
margin-left:50px !important;
margin-top:10px !important;
-margin-left:22px; /* IE6 */
-margin-top:20px;

 }

#photo1, #photo2 {margin-top:10px;float:right;width:53%;}


/* PAGE TARIF ACCES*/
#page {margin-left:10px;width:810px;height:700px;background-image:url(../images/sanary-bandol/chambres/bg_page.png);background-repeat:no-repeat;padding-top:10px;}
#pagecontact {margin-left:10px;width:810px;height:910px;background-image:url(../images/sanary-bandol/chambres/bg_histoire.png);background-repeat:no-repeat;}
#demipageg{width:45%;float:left;padding:0px 15px 0px 15px;}
#demipaged {width:47%;float:right;padding:0px 15px 0px 15px;}
#demipaged p, #demipageg p  {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size:14px;color:#bfd6a7;}
#demipaged a,#demipaged a:visited{color:white;text-decoration:none;}
#demipaged a:hover{text-decoration:underline;}
table.tbtarif  {border-collapse:collapse;border:2px solid #D4CFC9;width:250px;}
.tbtarif td{background-color:#BFD6A7;font-size:0.8em;padding-left:5px;}
.tbtarif a:visited{color:blue;}
.tbtarif th {background-color:#84846C;font-size:0.9em;color:#BFD6A7;font-weight:normal;}
#adresse {background-color:#202129;}
#adresse p{color:#D4CFC9;}
/* boutons */
#bttarifs {width:120px;height:35px;background-image:url(../images/icons/bt_tarifs.png);background-repeat:no-repeat;}
#bttarifs:hover {background-image:url(../images/icons/bt_tarifs_f2.png);background-repeat:no-repeat;}
	/* formulaire contact */
#contactform legend {font-weight: bold;color: #bfd6a7;letter-spacing: 0.1em;font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;}
#contactform td {height:30px;}
#contactform label, #contactform .checkbox {color: #bfd6a7;margin:5px;text-align: left;white-space: nowrap;font-size:0.8em;font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;font-size: 14px;}
.btcal{background-image:url(../images/icons/small-calendar.png);background-repeat:no-repeat;background-position:center;border:0px solid red;}
/* plan d'accès */
#detailplan {float:left;width:270px;background-color:#D4CFC9;margin:15px 0px 0px 6px;padding-right:5px;}
#detailplan strong{color:#000080;}
#detailplan h3, #detailplan h4 {font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;font-size:16px;}
h3.titremaison{background-image:url(../images/icons/maison.png);background-repeat:no-repeat;background-position:left;padding-left:10px;}
.nb1 {list-style-image:url(../images/plan/1.gif);font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;padding-left:5px;}
.nb2 {list-style-image:url(../images/plan/2.gif);font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;padding-left:5px;}
.nb3 {list-style-image:url(../images/plan/3.gif);font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;padding-left:5px;}
.nb4 {list-style-image:url(../images/plan/4.gif);font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;padding-left:5px;}
.nb5 {list-style-image:url(../images/plan/5.gif);font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;padding-left:5px;}
.nb6 {list-style-image:url(../images/plan/6.gif);font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;padding-left:5px;}
#liensplan {background-color:#333333;height:30px;margin:20px;padding:10px 0px 10px 0px}
#liensplan a.pdf {background-image:url(../images/icons/pdf_button_f2.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;color:#FFFFFF;text-decoration:none;}
#liensplan a.pdf:hover {text-decoration:underline;background-image:url(../images/icons/pdf_button.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;}
#planindic {background-color:#D4CFC9;padding:5px;font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;}
/* témoignage sur page d'accueil */ 
#temoin {clear:both;width:90%;height:120px;background-image:url(../images/background/bg_temoignages.png);background-repeat:no-repeat;background-position:center; margin:20px 0px 20px 0px;}
#temoinmsg0, #temoinmsg1, #temoinmsg2, #temoinmsg3  {width:690px;height:120px;padding:10px;margin-top:0px;font-size:1em;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;letter-spacing:0.1em;}
.auteur{float:left;width:80%;color:#336677;margin-top:8px;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;letter-spacing:0.1em;;}

.temoinnav {width:300px;font-size:.8em;position:relative;top:15px;}
a.precedent, a.precedent:visited{background-image:url(../images/icons/precedent.gif);background-repeat:no-repeat;background-position:left;padding-left:25px;text-decoration:none;color:#0000FF;}
a.precedent:hover{background-image:url(../images/icons/precedent_f2.gif);background-repeat:no-repeat;background-position:left;padding-left:25px;text-decoration:underline;color:#00FFFF;}
a.suivant, a.suivant:visited{background-image:url(../images/icons/suivant.gif);background-repeat:no-repeat;background-position:top right;padding-right:25px;text-decoration:none;color:#0000FF;}
a.suivant:hover{background-image:url(../images/icons/suivant_f2.gif);background-repeat:no-repeat;background-position:top right;padding-right:25px;text-decoration:underline;color:#00FFFF;}
/* PAGE HISTOIRE */
#pagehistoire p {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size:14px;color:#bfd6a7;width:790px;padding:10px;}
#pagehistoire li.dates{width:95%;text-align:left;padding-left:5px;margin-left:10px;line-height:20px;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size:14px;color:#bfd6a7;}
#pagehistoire {margin-left:10px;width:810px;height:1200px;background-image:url(../images/sanary-bandol/gite/bg_gite.png);background-repeat:no-repeat;}
/*#pagehistoire h1 {font-size:1.4em;border-bottom:1px solid #bfd6a7;text-align:left;padding:10px 0px 5px 10px;color:#D4CFC9;width:95%;}*/
#pagehistoire h1 {color:#B0DB6A;background-color:#202129;margin:20px 0px 5px 10px;font-weight:500;font-size:1.4em;text-align:left;padding-left:20px;width:95%;}
#pagehistoire a {color:white;}
/* PAGE GITE */
#pagegite {margin-left:10px;width:810px;height:1200px;background-image:url(../images/sanary-bandol/gite/bg_gite.png);background-repeat:no-repeat;padding-top:10px;}

h1.gite {color:#b0db6a;background-color:#202129;width:95%;padding:5px;margin-right: 10px;margin-bottom:30px;margin-left:10px;font-weight: 500;font-size: 1.4em;}
#argugite {width:41%;float:left;padding-left:30px;}
#argugite p,ul {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size:14px;color:#bfd6a7;}
#photogite {float:right;width:50%;margin-top:10px;}
.miniaturesgite {float:left;margin-top:15px;margin-left:10px;width:95%;}
.miniaturesgite img {margin:5px 5px 5px 5px;border:0px;} 
h3.remerciements {color:#bfd6a7;}