@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#003366 !important}
.vert {color:#a7c956 !important}
.gris {color:#424242 !important}
.jaune{color:#b98f00 !important}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#f8f8f8; border:1px #eee solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

body{margin:0;background:#003366}

.clair{color:#bbb}

ul li a{zoom:1}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{background:#003366 url(../img/squelette/bg.jpg) top center repeat-x ;text-align:center}

#header{background:url(../img/squelette/bg_head.gif) no-repeat;}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

div.gauche{width:306px;height:144px;float:left;}
h1.mid{width:335px;height:144px;float:left}
div.droite{width:319px;height:144px;float:right}


/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

#footer{font-size:11px;font-family:"georgia","times",serif;background:#b98f00;padding-bottom:10px;}
#topFoot{height:40px;background:url(../img/footer/topFoot.gif) no-repeat;color:#003366;}
#topFoot a{font-weight:bold;font-family:"georgia", "times", serif;font-size:12px;color:#003366;}
#topFoot a:hover{text-decoration:underline}
#topFoot p{padding-top:10px;text-align:center !important;}
#footer ul li{list-style:none}
#footer #contentFoot a{color:#dcc986;text-decoration:none;font-weight:normal;}
#footer #contentFoot a:hover{color:#fff;text-decoration:underline}
#contentFoot{position:relative;color:#dcc986;background:url(../img/footer/foot.gif) no-repeat;}

#menu{height:32px;text-align:center;color:#fff}
#menu ul{margin-top:0}
#menu ul li{display:inline;list-style:none}
#menu a{color:#ece1bb;font-family:"georgia","times",serif;font-size:12px;text-decoration:none}
#menu a:hover,#menu a.actif{color:#fff}

img.tiptop{position:absolute;left:392px}

#flash{position:relative;height:406px}

img.deco{margin:0 5px;position:relative;top:5px;}

#topChambres{background:url(../img/accueil/top_chambres.gif) no-repeat top;padding-top:37px;}
#basChambres{background:url(../img/accueil/bas_chambres.gif) no-repeat;height:16px;}
#contentChambre{background:url(../img/accueil/bg_chambres.gif) repeat-y}

#contentBlanc,#cont{background:url(../img/squelette/bg_contentblanc.gif) repeat-y}

#a, #b, #c{width:314px;float:left}
#a{margin-left:5px}
#chambres .contenu{padding:10px 10px 0 10px;font-size:11px;font-weight:normal;color:#fff;font-family:"arial",sans serif;}
#chambres .contenu img.visu{margin-right:6px;border:5px #fff solid}
#b{margin-left:4px;background:url(../img/fr/accueil/top_zoom.gif) no-repeat;color:#fff}
#b .contenu{padding-top:45px;font-family:"georgia","times",serif}

#chambres h2{padding-top:5px;padding-left:30px;padding-bottom:7px;color:#fff;font-family:"georgia","times",serif;font-size:14px;font-weight:normal;margin:5px 0 5px 0px}
h2.lampe{background:url(../img/contenu/lampe.gif) no-repeat;}
h2.gastro{margin-left:5px !important;background:url(../img/contenu/couverts.gif) no-repeat;}


/******
*** CONTENU
*******/

#flashContenu{position:relative;height:257px}


#contenuPages{background:url(../img/contenu/bg.gif) no-repeat;min-height:589px;height:auto !important;height:589px;}


#gauche{margin:40px 0 0 7px;width:232px;float:left;color:#fff}
#contentGauche{margin-bottom:5px;background:#003366;min-height:187px;height:auto !important;height:187px;}
#droite{width:673px;float:right;margin-right:19px}

#contentGauche h2{font-family:"georgia","times",serif;font-size:12px;color:#fff;background:url(../img/contenu/fleur.gif) 200px 0 no-repeat;padding:7px 0 5px 15px}
#contentGauche ul{margin:5px 4px 10px 4px;padding-bottom:10px}
#contentGauche ul li{margin-bottom:2px;font-family:"georgia","times",serif;font-size:11px;list-style:none}
#contentGauche ul li a{padding:5px 5px 5px 14px;font-weight:normal;color:#fff;display:block;background:url(../img/contenu/bg_onglet.gif) repeat-y;}
#contentGauche ul li a:hover,#contentGauche ul li a.actif{background:#fff;color:#003366;}

h3{padding-top:5px;padding-bottom:7px;color:#003366;font-family:"georgia","times",serif;font-size:16px;font-weight:bold;margin:35px 0 5px 0px}
h3.lampe{padding-left:30px;background:url(../img/contenu/lampeb.gif) no-repeat;}
h4{color:#b98f00;font-family:"georgia","times",serif;font-size:12px;font-weight:normal}

#droite a{color:#b98f00;font-weight:bold;text-decoration:none}
#droite a:hover{text-decoration:underline}

#droite p.gest{color:#666;margin-top:7px;}
#droite div.legendeHs{margin-right:7px;margin-bottom:7px;margin-top:7px;background:#003366;}
#droite div.legendeHs img{padding:0;margin:0;border:0}
div.legendeHs p{color:#fff;text-align:center;padding:5px 0}

.aide{color:#666}

#bandeauxDefile{background:url(../img/pages/vierge.gif) no-repeat}
#bandeauxDefileAccueil{background:url(../img/accueil/vierge.gif) no-repeat}
#drapeaux{position:absolute;z-index:10;bottom:0px;left:420px;}

/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#fbf0cd; margin:5px 0px; padding:5px 0px 5px 20px; width:410px}
.fond-infos2 {background-color:#fffdf6}

.couleur1 {background-color:#fbf0cd}
.couleur2 {background-color:#fffdf6}

.aide caption {width:673px; background-color:#b98f00; color:#fff; padding:1px 0px; font-weight:bold}
.aide td {padding:5px 0px;font-size:11px;color:#666}
.aide p{text-align:justify;}

.w70px{width:70px}
.w120px{width:120px}
.w376px{width:376px}


.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:673px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; padding:5px 0px 5px 5px; background-color:#FFF2C6; margin-bottom:4px}
#plan a:hover {background-color:#b98f00;color:#fff;text-decoration:none}
#plan ul li{list-style:none}
#plan h4 a{background:#C1E0FF;color:#003366;font-weight:normal;border:none}
#plan h4 a:hover{background:#003366;color:#fff;font-weight:bold;border:none}

div.extras .credits1,div.extras .credits2{color:#666;background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:410px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important}


/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}

/***************************************
************ FORMULAIRES ***
***************************************************************/

/*** FORMULAIRES ***/

label a{font-weight:bold;color:#fff;text-decoration:underline}
label a:hover{text-decoration:none}

p.textuel{margin-top:5px;}
label.normal{margin-right:10px;display:block;float:left;width:110px;text-align:right;font-weight:bold;color:#8c8c8c;}
p.textuel input{border:none;width:500px;background:#003366;color:#fff;padding:5px;font-family:arial;font-size:11px}
p.nonObli input{background:#CDE6FE;color:#8c8c8c}
textarea{border:none;width:500px;padding:5px;font-family:arial;font-size:11px;height:150px;background:#CDE6FE;color:#8c8c8c}

input.send{display:block;width:510px;padding:6px 0;border:none;font-size:12px;text-align:center;margin:5px 0 0 120px;background:#003366;color:#fff;font-weight:bold}
input.send:hover{background:#b98f00}