@charset "iso-8859-1";

body {border-bottom: 1px solid #000000; border-right: 1px solid #00000;padding: 0; font: 0.8em Arial,sans-serif; text-align: center;}
address {font-style: normal}
#site {margin: 0 auto; text-align: left; width: 760px}

/******************************** ENTETE ******************************/
#entete {background: url(img/grandeBarre.jpg) no-repeat top left; height: 62px; padding: 0; z-index: 0; position: relative; left: 50%; width: 760px; margin-left: -380px}
#entete span {display: none}

.miniMenu {position: relative; top: -5px; left: 552px; background: url(img/pititeBarre3.jpg) no-repeat; height: 31px; width: 200px; text-align: center; padding: 0; z-index: 1}
.miniMenu ul {margin: 0; padding: 0}
.miniMenu li {display:inline}
.miniMenu a {color: #000000; font-weight: bold; text-decoration: none}
.miniMenu a:hover {color: #FFFFFF}



ul.barreMenu {text-align: center; margin: 1em 0 1em 0; width: 760px}
.barreMenu li {display: inline;  vertical-align: top}
.barreMenu a {font: 0.9em bold Arial,sans-serif; color: #B85033; margin: 0 1em}
.barreMenu a:hover {color: #4D0404}


.lien a {color: #B85033}
.lien a:hover {color: #4D0404}

#blockCentral {width: 760px}

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

#menuGauche {float: left; height: 700px; background: #4D0404; color: #000000; padding: 0; margin: 0; border: 1px solid #000000; width: 87px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 100px;
}
html>body #menuGauche {
  width: 100px;
}

#menuGauche h2 {background: #B94624; text-align: center; color: #FFFFFF; font: bold 1em Comic Sans MS,sans-serif; border-bottom: 1px solid #000000; margin: 0; padding: 0}

#menuGauche ul {margin: 0; padding: 0}
#menuGauche li {padding: 0.5em 0em 0.em 0.5em}
#menuGauche a {color: #000000; text-decoration: none; display: block; width: 87px; font: 0.7em Arial;padding: 0.3em}
/*background: url(img/jonction.gif) #CCFF99 no-repeat bottom*/
#menuGauche ul.presentation {list-style: none;background: url(img/jonction.gif) #FA6612 no-repeat bottom; padding: 0 0 40px 0; width: 88px}
#menuGauche ul.presentation span {font-weight: bold}
#menuGauche a {color: #000000}
#menuGauche a:hover {color: #006633}

#menuGauche div.infolys {color: #FFFFFF; font: 0.7em bold italic; text-align: center; padding-top: 10em}



#menuGauche A IMG {border: none}


#menuGauche ul.infos {border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; padding-left: 40px; text-indent: -20px; background: #006633}
#menuGauche ul.infos li a {color: #FFFFFF}
/*#menuGauche li.photos {list-style: url(img/IconePhoto.png)}
/*#menuGauche li.plan {list-style: url(img/IconeCartepng.png)}*/
#menuGauche hr {height: 1px; color: #FFFFFF; width: 100%; margin: 0 0 0 -40px; padding: 0} 
/********************************* CONTENU **********************************/

#contenu {margin-left: 100px; text-align: justify; padding: 0 1em}
p.colle {margin: 0}


#essentiel {height: 24px; background: url(img/barreVerte0001.jpg) no-repeat top left}
#essentiel span {display: none}
.reservation {float: right; height: 24px; width: 180px; background: url(img/tarifReservation.gif) no-repeat top right; margin: 0; padding: 0; cursor: hand}


.adresse {float: left; background: url(img/Lingas_PgAccueil.jpg) no-repeat; width: 695px; height: 521px}
.adresse address {display: none}

.texte1 {margin-left: 300px; padding: 0 1em}
h2.vert {color: #339900; font: italic bold 1em Arial, sans-serif}
.texte1 li {list-style-image: url(img/erablebrun.jpg)}
li.capacite {list-style-image: url(img/erableVert.jpg)}
.texte1 ul {margin-bottom: 150px}
div.logod {margin-top: 1em; background: url(img/logoGitedeFrance.png) no-repeat right top}
.photosChambres {width: 223px; float: left}
ul.chambres {border: 2px dotted #66CC66}
ul.chambres li {margin-left: 150px}

.texte2 {font-weight: bold}

.texte3 {padding: 0 3em}
/**************************************************
.texte3 h2 {font-size: 1em; background: url(img/giteDeFrance.gif) no-repeat left bottom; text-indent: 100px; height: 100px}
****************************************************/
.texte3 h3 {font-style: italic; font-size: 1.2em; margin-bottom: 3em}
.texte3 h3 div {text-align: center}
.texte3 div {text-align: center; font-weight: bold; margin-top: 1em}

.texte4 {}

.texte5 {margin-left: 200px; padding: 0 1em}

.epis {float: left; background: url(img/logoGitedeFrance.png) no-repeat left top; width: 300px; padding: 1em} 
.epis h2 {font-size: 1em; font-weight: bold; margin: 0 0 0 100px; padding: 0 0 1em 0}
.epis ul {list-style: square; margin: 0; padding: 0}
.epis li {text-align: left; margin-left: 100px}
.epis a {color: #000000}

.image {float: left; height: 216px; width: 143px; padding-top: 3em}

h1.reservations {float: left; background: url(img/reservation.gif) no-repeat top left; width: 148px; height: 27px}
h1.reservations span {display: none}

#table .photo {float: right}
#table ul {margin-bottom: 150px}
#table li {list-style: none}
dd {display: inline}
dt {padding: 0.5em}
.note {margin-top : 10em; text-align: right}

div.tourisme {float: left; width: 360px}
ul.tourisme {list-style: none}
.legende {text-align: right}
.aere {padding: 1em 0}

div.sport {float: right; width: 240px}
h2.sport {color: #009900; font-size: 1.2em}
h2.sport span {color: #CC9900}
.stations {border: 1px dotted #000000; padding: 1em; margin: auto 0 10px}
.stations h2 {font-size: 1em}

#partenariat {margin: 20px; text-align: center}
#partenariat address {width: 413px; margin: 1em auto; text-align: center}

p.vert {color: #339900; font-weight: bold}
.diagramme {float: left; width: 173px}
.salles {margin-left: 200px}
h2.seminaire {font-size: 1em}
.seminaires {float: left; width: 320px; padding-top: 1em}
.devis {color: #FF8000; text-align: center; margin: 50px 0 0 0; float: right; width: 200px; border: 2px dotted #999999; font-style: italic; font-weight: bold; font-size: 1.5em}
.devis2 {color: #000000; text-align: left; padding-left: 1em; padding-top: 1em; padding-bottom: 1em; margin: -90px 10px 0 0; float: right; width: 135px; border: 1px dotted #999999; font-size: 1em}

#sejours {float: right; width: 250px; text-align: right}
#sejours h2 {font-size: 1em}
#sejours p {float: right; font-size: 0.8em; width: 100px; margin-top: 85px}
#sejours .photo {clear: both}
#sejours img {display: block; float: right}


/**************************** PIED DE PAGE *******************************/

.habilitations {clear: both; text-align: center; margin-top: 1em }
.habilitations li {display:inline;text-decoration: none}
.habilitations a {color: #000000; font-size: 0.6em}

/************************** POPUPS ***********************************/
#aide {width: 406px; margin: 0;padding:0; text-align: justify; }
/*#aide h1 {background: url(img/enteteAide.gif); width: 412px; height: 47px; padding: 0; position: relative; left: 50%; margin: 0 0 0 0px}*/
#aide h1 span {display: none}
#aide ul {width: 350px}
p.question {width: 350px; margin-bottom: 0; font-style: italic}
p.reponse {width: 350px; margin-top: 0}

#plan {margin: 0 auto; text-align: justify; width: 412px}
#plan h1 {background: url(img/entetePlanDuSite.jpg); width: 548px; height: 55px; padding: 0; position: relative; left: 50%; margin: 0 0 0 -274px}
#plan h1 span {display: none}

/****************************** FORMULAIRE ****************************/
#formulaire {}
form {width: 450px; margin: 0 auto}
#formulaire input,textarea {border: 1px solid #000000; background: #999999}
.champ {clear: both; padding: 0.5em 0}
.champ label {float: left}
.champ input,textarea {float: right; width: 200px; text-align: left}
.champ input.court {width: 30px; margin-right: 170px}
.checkbox {
	clear: both;
	background-color: #FFFFFF;
	border: thin none;

}
input.bouton {clear: both; float: right; margin: 1em 0 3em 0; cursor: hand}
.cases {float: right; margin: -1em 50px 0 0}
#formulaire .cases input {border: none; background: none}