body
{
color: #544b3c;
font: 13px "trebuchet ms", arial, sans-serif;
text-align: justify;
background: #3b2003;
}

h1
{
font: 20px georgia, serif;
color: #3b2003;
border-left: 4px solid #d2d600;
padding-left: 10px;
}

div#visuels h1
{
border-left: 0;
padding-left: 0;
}

h2
{
font: 14px georgia, serif;
font-weight: bold;
color: #3b2003;
padding-left: 15px;
background: url(../images/pictoh2.gif) no-repeat 0 5px;
}

a
{
color: #c92b2b;
}

a:hover
{
text-decoration: none;
}

strong.light
{
font-weight: normal;
}

img.imageAdroite
{
float: right;
border: 1px solid #c9917b;
padding: 5px;
margin-left: 20px;
margin-bottom: 10px;
}

div#conteneur
{
background: white;
width: 900px;
margin: 0 auto;
position: relative;
}

p.taxSejour
{
font-size: 11px;
}

/*
---------------------
HEADER
---------------------
*/

div#header
{
height: 77px;
background: url(../images/header.gif);
}

a#loGo
{
display: block;
width: 250px;
height: 75px;
margin-left: 250px;
float: left;
}
a#lienLogisHotel
{
display: block;
outline: none;
width: 67px;
height: 75px;
position: absolute;
left: 80px;
}

p#adresse
{
width: 360px;
float: left;
letter-spacing: 1px;
padding-left: 30px;
padding-top: 15px;
font-size: 12px;
}

ul#langSwitch
{
position: absolute;
right: 20px;
}

ul#langSwitch li
{
list-style-type: none;
float: left;
margin-left: 5px;
padding-right: 5px;
}

ul#langSwitch li a
{
text-decoration: none;
}

ul#langSwitch li.currentLang a
{
color: #d4659f;
font-weight: bold;
}

li#selectLangFR, li#selectLangEN
{
border-right: 1px solid silver;
}

div#visuels
{
background: white;
height: 278px;
position: relative;
}

div#encartReserv
{
position: absolute;
right: 0;
width: 219px;
height: 87px;
background: url(../images/boutonreserv.png) no-repeat;
}


div#visuels h1
{
color: white;
position: absolute;
right: 10px;
bottom: 5px;
font-size: 35px;
margin: 0
}


/*
---------------------
MENU
---------------------
*/

ul#mainmenu
{
padding: 0;
margin: 0;
}

ul#mainmenu a
{
color: white;
font: 14px arial, verdana, sans-serif;
text-decoration: none;
display: block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
float: left;
}

ul#mainmenu li
{
list-style-type: none;
float: left;
margin-right: 1px;
margin-top: 1px;

text-align: center;


}

ul#mainmenu li.item1 a
{
background: #702e14;
}
ul#mainmenu li.item2 a
{
background: #9a2e22;
}
ul#mainmenu li.item3 a
{
background: #ab461a;
}
ul#mainmenu li.item4 a,
ul#mainmenu li.item5 a
{
background: #ba7530;
}

ul#mainmenu li.item5 a
{
width: 84px;
}

/*
---------------------
CONTENUS
---------------------
*/

div#contenu
{
clear: left;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
min-height: 200px;
}

/*page accueil*/

div#soirEtape, div#mainText
{
float: left;
}

div#soirEtap
{
width: 267px;
height: 235px;
background: url(../images/soiree.jpg) no-repeat;
float: left;
color: #3b2002;
}

div#soirEtap h3
{

padding-left: 15px;
padding-top: 0px;
}

div#photochetape
{
float: left;
padding-top: 10px;
margin-left: 10px;
}

div#etapePrice
{
height: 80px;
text-align: center;
padding-top: 50px;
float: left;
margin-left: 30px;
}

div#etapePrice span.priCe
{
font-size: 16px;
font-weight: bold;
}

div#soirEtap p
{
clear: both;
text-align: center;
}

div#textHome
{

float: left;
width: 550px;
margin-left: 20px;
}

/*page contact*/

div#map
{
width:400px;
height:440px;
margin-bottom: 10px;
}

div#leFormulaire, div#map
{
float: left;
}

div#leFormulaire
{
padding-right: 25px;
width: 435px;
height: 510px;
}

input, textarea
{
width: 425px;
border: 1px solid #c69c6d;
background: #fff4e7;
font: 12px "trebuchet ms", arial, sans-serif;
color: #544b3c;
}

textarea
{
height: 100px;
}

input#envoyer
{
width: 100px;
margin-top: 10px;
}

#inputFormDirection
{
text-align: left;
}

#inputFormDirection input.obtain
{
width: 120px;
height: 22px;
}

#inputFormDirection input#fromAddr
{
width: 250px;
}

/*page nos tarifs*/

table.nosTarifs
{
border-collapse: collapse;
width: 500px;
}

table.nosTarifs td
{
border-bottom: 1px solid #ddbba3;
padding: 5px;
/*background: #ffefe5;*/
}

div.encadre, div.encadreResto
{
border: 1px solid #c67b59;
padding: 0 5px;
background: #ffefe5;
}

td.typechambre
{
background: #f9f3e1;
border-right: 1px solid #ddbba3;
}

td.nbPers
{
text-align: center;
background: #fef8f5;
}

td.tarif1
{
text-align: center;
background: #f9f3e1;
border-left: 1px solid #ddbba3;
border-right: 1px solid #ddbba3;
}

td.tarif2
{
text-align: center;
background: #fef8f5;
}

div.encadre
{
width: 490px;
margin-top: 20px;
text-align: center;
font-weight: bold;
font-size: 16px;
}

div.encadreResto
{
width: 450px;
}

/*
---------------------
FOOTER
---------------------
*/

div#footer
{
height: 39px;
background: url(../images/footer.jpg) no-repeat bottom center;
position: relative;
clear: both;
font-size: 12px;
padding-top: 10px;
}

div#footer a
{
text-decoration: none;
color: #3b2002;
}
div#footer a:hover
{
text-decoration: underline;
}

div#footer p
{
position: absolute;
left: 350px;
margin: 0;
top: 20px;
}

div#footer2
{
background: #3b2003;
padding-bottom: 30px;
color: #a38b7b;
font-size: 11px;
}

div#footer2 a
{
text-decoration: none;
color: #a38b7b;
}
div#footer2 a:hover
{
text-decoration: underline;
}

div#footer2 p
{
padding-top: 10px;
margin-top: 0;
text-align: center;
}
/*
div#footer2 ul
{
background: transparent;
margin: 0;
list-style: none;
padding-left:0;
padding-top: 10px;
}

div#footer2 ul li
{
float: left;
margin-right: 10px;
}

div#footer2 ul#repeatMenu
{
width: 480px;
margin: 0 auto;
}

div#footer2 ul#liensEnBasPage
{
float: left;
clear: both;
}*/

div#menuAutreTarifs
{
/*float: right; margin-right: 50px; margin-top: 15px;*/
}

p.personneMobReduite
{
background: url(../images/mobredui.gif) no-repeat;
padding-left: 27px;
padding-bottom: 5px;
}

img#qualiteTourisme
{
position: absolute;
bottom: 130px;
right: 10px;
}

img#h3etoiles
{
position: absolute;
bottom: 130px;
right: 85px;
}


div#visitevirtuelle
{
position: absolute;
right: 2px;
top: 387px;
width: 149px;
height: 39px;
background: url(../images/visite_virtuelle.gif) no-repeat top left;
}

div#visitevirtuelle a
{
width: 149px;
height: 30px;
display: block;
}

p.reserv
{
float: left;
padding-left: 100px;
padding-bottom: 10px;
padding-top: 10px;
margin: 0;
}