html{ height: 100%; margin: 0; font-family: Tahoma; font-size: 100%; text-align:justify; background-color : #000; }
body { height: 100%; margin: 0; font-size: 0.75em;}
div#global { min-height: 100%; width: 1024px; padding : 0 0; margin: 30px auto 0 auto; position: relative; }
.accueil {background:url('images/FondAccueil.jpg') top center no-repeat;}
.chambre {background:url('images/FondChambre.jpg') top center no-repeat;}
.cuisine {background:url('images/FondCuisine.jpg') top center no-repeat;}
.plus {background:url('images/Fond-Plus2.jpg') top center no-repeat;}
.tarifs {background:url('images/FondTarifs.jpg') top center no-repeat;}
.dispos {background:url('images/FondDispos.jpg') top center no-repeat;}
.contact {background:url('images/FondContact.jpg') top center no-repeat;}
.acces {background:url('images/FondAcces.jpg') top center no-repeat;}
.livre {background:url('images/FondLivre.jpg') top center no-repeat;}
.liens {background:url('images/FondLiens.jpg') top center no-repeat;}
.photos {background:url('images/FondPhotos.jpg') top center no-repeat;}
.admin {background:url('images/FondAdmin.jpg') top center no-repeat;}
/*----Mise en page du texte-------------------------------------------------*/
h1 { margin-top: 0; }
h2 { color: #0066cc; font-size : 1em; margin: 5px 20px 10px 20px; text-align : left; }
h3 { color: #3399ff; font-size : 1em; margin: 5px 0 5px;}
.blanc { color : white; }
.bleu { color : blue; }
.rouge { color : red; }
.noir { color : #000; }
.rougeacces { color : #FF3333; }
.jauneliens {color : #FFFF66; }
.centrage {text-align : center;}
.centragedroite {text-align : right;}
.infos { font-size : .8em;}
.droite { display : block; margin: 15px 0 15px 300px;}
.basdroite { float : right; color : #FF3333; font-size : 1.1em; text-align : right; } 
.orange { color : #FF9900; font-size : 1.3em; font-weight : bold; font-family : Times New Roman;}
.inline { display : inline; }
.gras {font-weight : bold; color : #FF9900; }
.relief {font-weight : bold; }
.consigne { }
#coordonnees p { padding : 0; margin : 0; font-weight : bold; text-align : center; }
#pied p{ padding : 0; margin : 0;  }
#texte p{ padding :0; margin : 10px 30px 0 30px; line-height : 1.5em;}
#livredor p {padding : 0; line-height : 0.9em; margin-left : 20px;}
.livrelecture { text-indent : -.6em; font-size : 1em; margin : 10px 20px 0 20px; padding : 0; line-height : 1.3em; }
hr { height: 1px; margin: 15px auto; padding: 0; border: 0; width : 150px; text-align : center; }
hr.or {  color: #FF9900; background-color: #FF9900; }
hr.menus { color: #9933FF; background-color: #9933FF; }
/*----Première page du site-------------------------------------------------*/
img.centrage { display : block;  margin : 0 auto; }
img.phototexte {display : block; margin : 20px auto; border : 1px solid #CCFF33; }
img.evaldroite {float : right; margin-right : 10px; }
/*----IMAGES------------------------------------------------------------*/
.logo { float:left; margin-top : 40px; margin-left : 60px;}
.captcha {margin-left : 150px; }
.photoentete { position : relative; left : 463px;}
/*----MENU--------------------------------------------------------------*/
div#navigation { height : 50px; width : 900px; margin : 0 auto;}
.menuaccueil { background-color :#CCFF33;}
.menuchambre  { background-color :#FF66FF;}
.menucuisine  { background-color :#9933FF;}
.menuplus { background-color :#FFCC00;}
.menutarifs   { background-color :#FFFFFF;}
.menucontact { background-color :#99FFFF;}
.menuacces   { background-color :#FF3333;}
.menulivre   { background-color :#FF9900;}
.menuliens   { background-color :#FFFF66;}
#navigation ul { list-style-type: none; margin :0; text-align : center; padding : 0; }
#navigation li { float: left; padding : 0; line-height : 40px; }
#navigation li a { display : block; text-decoration : none; color :#000; padding : 5px; width : 90px;}
#navigation a:hover { background:url('images/FondTexte.png'); }
#navigation ul li ul {display:none; text-align : left;}
#navigation ul li:hover ul {display:block; background:url('images/FondEntete.png') center; }
#navigation ul li ul a {color : white; width : 200px; line-height : 20px; }
#navigation ul li ul a:hover {background:transparent; color : grey; }
#navigation li:hover ul li {float:none; width : 200px;}
#navigation li ul {position:absolute; z-index:10;}
a.active {background-color : #fff;}
/*----CORPS DU SITE ----------------------------------------------------*/
div#premiere { margin-top : 300px; }
div#preentete { height : 30px;}
div#entete { height : 200px; width : 900px; margin : 0 auto; background:url('images/FondEntete.png') center;}
div#contenu { width : 900px; height : 450px; margin : 0 auto; background:url('images/FondTexteBas2.png') center;  }
div#cadrephoto { width : 700px; height : 450px; margin : 40px auto 0 auto;  }
div#texte { position : relative ;float : left; width : 500px; margin-top : 20px; margin-bottom : 20px; background:url('images/FondTexte.png'); overflow : auto; height : 420px; }
div#coordonnees { width : 200px; float: right; text-align : center; color : #99ffff; margin-top : 60px;}
div#pied { margin : 40px auto; text-align : center; color : white;}
.important { width : 500px; text-transform : uppercase; font-weight : bold; text-align : center; bottom : 10px; position : absolute;}
/*----LISTE DANS PAGE --------------------------------------------------*/
.listecourante { list-style-type : none; padding : 0; margin : 10px 30px 0 30px; line-height:1.5em; }
li.listechambres { background:url('images/PuceListeChambres.png') no-repeat; background-position: 0 0.6em; padding-left : 1em; }
li.listeliens { background:url('images/PuceListeLiens.png') no-repeat; background-position: 0 0.6em; padding-left : 1em; }
li.listeacces { background:url('images/PuceListeAcces.png') no-repeat; background-position: 0 0.6em; padding-left : 1em; }
li.listeaccueil { background:url('images/PuceListeAccueil.png') no-repeat; background-position: 0 0.6em; padding-left : 1em; }
li.listecuisine { background:url('images/PuceListeCuisine.png') no-repeat; background-position: 0 0.6em; padding-left : 1em; }
/*----TABLEAU  --------------------------------------------------------*/
table { text-align : center; margin : 15px auto;}
.cal { width : 350px; }
.prix { width : 450px; height : 200px;}
tr { background-color : white; }
.enteteprix { background:url('images/FondEntete.png') center; color : white; }
.entete2prix { color : #3399ff;}
.entete { background-color : #FF66FF; color : #000;}
.entete2 { background-color : #000000; color : #FFFFFF;}
.current { background-color : #FF66FF; }
/*----FORMULAIRE -------------------------------------------------------*/
form {  margin-left: 30px;}
fieldset.sansbordure {border : none;}
label { display : inline-block; text-align : right; margin-right : 20px; vertical-align : top; }
label.champ { width : 70px; color : #000; }
label.tarif { width : 200px; }
label.adlien {width : 100px;}
label.or { width : 120px;}
input { margin-bottom :.3em;  }
input.champ { background:url('images/FondTexte.png'); width : 115px;}
input.captchacontact { background:url('images/FondTexte.png'); margin-left : 150px; width : 145px; }
input.adlien {width : 260px;}
input[type=radio] {  background-color:transparent; border:none;  }
select{ width : 420px; }
select.livreform {width : 125px; margin-bottom :.3em;}
option.livreform {width : 125px; }
textarea{  margin-top : 5px; width : 340px; color : black; background:url('images/FondTexte.png'); height : 80px;}
.messagelivre {width : 400px; }
#validecontact { color: #fff; font-size: 0; width: 152px; height: 26px; border: none; margin: 0; padding: 0; cursor:pointer; background: url("images/BoutonContact.png") 0 0 no-repeat; }
#modifier { color: #fff; font-size: 0; width: 152px; height: 26px; border: none; margin: 0; padding: 0; cursor:pointer; background: url("images/BoutonModifier.png") 0 0 no-repeat; }
#supprimer { color: #fff; font-size: 0; width: 152px; height: 26px; border: none; margin: 0; padding: 0; cursor:pointer; background: url("images/BoutonSupprimer.png") 0 0 no-repeat; }
#ajouter { color: #fff; font-size: 0; width: 152px; height: 26px; border: none; margin: 0; padding: 0; cursor:pointer; background: url("images/BoutonAjouter.png") 0 0 no-repeat; }
/*----LIENS ----------------------------------------------------------*/
a {color : #000; text-decoration : underline;}
a img { border : none; }
a:hover, a:focus, a:active{ text-decoration: underline; color : #666666;}
a.blanc {color : #fff; text-decoration : none; }
a.blancs {color : #fff;}