body { padding: 0 ; text-align: center ; font: 8pt "Verdana", helvetica, sans-serif ; background: #DDDDDD url('../images/fond.jpg') repeat-x 0 0; line-height: 15px}


div#large {position: relative; margin-left: auto; margin-right: auto; height: 170px; text-align: left; background: #000000; text-align: center;}

div#entete {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 90px; text-align: left; background: #1f1f1f url('../images/entete4.jpg') no-repeat 0 0; }
.conteneur {  text-align: center}

div#menu { position: absolute; float: right; right: 0px ; top: 0px ; width: 100px ; height: 25px ; text-align: left ; }
ul#navigation { height: 25px ; margin: 0 ; padding: 0 ; list-style-type: none  }
ul#navigation li { float: right ; text-align: center ; }
ul#navigation li a { width: 100px ; line-height: 25px ; color: #F2F2F2 ; display: block ; text-decoration: none ; }
ul#navigation li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #f78606; }

div#menu2 { position: absolute; float: right; right: 0px ; bottom: 0px ; width: 600px ; height: 40px ; text-align: left ; background: #1f1f1f ; }
ul#navigation2 { height: 40px ; margin: 0 ; padding: 0 ; background: url('../images/onglet.jpg') repeat-x 0 0px ; list-style-type: none; font-style:normal; font-variant:normal;  }
ul#navigation2 li { float: right ; text-align: center ; }
ul#navigation2 li a { width: 150px ; line-height: 40px ; color: #c9c9c9 ; display: block ; text-decoration: none ; font-weight:bold;}
ul#navigation2 li a:hover { text-decoration: none ; background: url('../images/onglet3.jpg') repeat-x 0 0 ; font-style:normal; font-variant:normal; font-weight:bold; color: #333333; }

div#centre { position: relative; margin-left: auto; margin-right: auto; width: 910px; text-align: left; background: #1f1f1f; overflow: auto;}


div#cadre { position: relative; float: right; width: 910px; height: 210px; text-align: left; background: #1f1f1f url('../images/doha3c.jpg') no-repeat; }

div#cadre1bis { float: right; width: 600px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat-x; display: inline; height: 690px;}
div#cadre1bis h1 { padding-top: 20px; line-height: 25px ; font-size: 13pt ; color: #1f1f1f ; display : table-cell ; vertical-align: top}
div#cadre1bis h2 {  line-height: 30px ; font-size: 9pt ; color: #1f1f1f ; display : table-cell ; vertical-align: bottom}
div#cadre1bis h3 {  line-height: 30px ; font-size: 9pt ; color: #1f1f1f ; display : table-cell ; vertical-align: bottom}
html>body #cadrebis1 {height: auto; min-height: 690px;}

div#cadrephoto { position: relative; float: left; margin-left: 20px; margin-right: 10px; margin-top: 20px; text-align: center; background: #444444; display: inline;}
div#cadrecarte { position: relative; float: left; margin-left: 25px; margin-right: 10px; margin-top: 10px; text-align: center; background: #444444; display: inline;}
div#navig { position: absolute; right: 0px; bottom: 0px; width: 600px; height: 18px; text-align: left; color: #c9c9c9 ; background: url('../images/accueil.gif') no-repeat}
div#reservation { float: left; width: 234px; height: 20px; text-align: center; background: #444444; }

div#carregauche { position: relative; float: left ; width: 310px; height: 250px; text-align: left;  background: #444444; }
div#carregauche h3 { padding-left: 10px;, line-height: 13px ; font-size: 9pt ; color: #f78606 ; display : table-cell ; vertical-align: top}
div#map { position: absolute; width: 270px; height: 220px; left: 20px; top: 20px; background: #111111;}

div#other { position: relative; float: right; width: 600px; height: 150px; text-align: left; background: #ffffff;}
div#other h2 { padding-left: 25px; margin-top: 10px; line-height: 20px ; font-size: 9pt ; color: #1f1f1f ; display : table-cell ; vertical-align: top}
div#other2 { position: relative; float: right; width: 600px; height: 150px; text-align: left; background: #ffffff;}
div#other2 h2 { padding-left: 25px; margin-top: 10px; line-height: 20px ; font-size: 9pt ; color: #1f1f1f ; display : table-cell ; vertical-align: top}


div#left1 { position: relative; float: left; width: 310px; height: 300px; padding-bottom: 10px; text-align: left; background: #1f1f1f}
div#left1 h3 { padding-top: 10px; padding-left: 10px; padding-right: 15px; line-height: 20px ; font-size: 9pt ; color: #f78606 ; display : table-cell ; text-align: justify; background: url('../images/fleche3.gif') no-repeat;}
html>body #left1 {height: auto; min-height: 300px;}

div#left2 { position: relative; float: left; width: 300px; height: 260px; text-align: left; background: #1f1f1f; padding-top: 10px; padding-left: 5px;}
div#left3 { position: relative; float: left; width: 300px; height: 260px; text-align: left; background: #1f1f1f; padding-top: 10px; padding-left: 5px;}


div#photo1 { position: relative; float: left; margin-top: 0px; margin-left: 17px; width: 85px; height: 70px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat; display: inline;}
div#photo2 { position: relative; float: left; margin-top: 0px; margin-left: 10px; width: 85px; height: 70px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat; display: inline;}
div#photo3 { position: relative; float: left; margin-top: 0px; margin-left: 10px; width: 85px; height: 70px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat; display: inline;}
div#photo4 { position: relative; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 17px; width: 85px; height: 70px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat; display: inline; }
div#photo5 { position: relative; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; width: 85px; height: 70px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat; display: inline; }
div#photo6 { position: relative; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; width: 85px; height: 70px; text-align: left; background: #ffffff url('../images/fond2.jpg') repeat; display: inline; }

.cadrehotel { float: left; margin-top: 5px; margin-left: 22px; height: 76px; text-align: left; background: #141414;}
.photohotel { float: left; margin-left: 3px; margin-top: 3px; width: 85px; height: 70px; text-align: left; background: #DDDDDD; display: inline; }
.textehotel { float: left; padding-left: 10px; margin-top: 3px; margin-right: 3px; width: 455px; height: 70px; text-align: left; background: #F2F2F2; display: inline; }
.titrehotel { text-align: left; font-family: Verdana; font-size: 8pt; color: #000000; line-height: 12px; margin-top: 5px;}


div#footer { position: relative; margin-left: auto; margin-right: auto; margin-top: 10px; width: 910px; text-align: left; background-color: #DDDDDD; font-size: 1em ; }
div#footer h3 { padding-top: 5px; padding-left: 5px; line-height: 10px ; font-size: 9pt ; color: #1f1f1f ; display : table-cell ; text-align: justify; background: url('../images/fleche4.gif') no-repeat;}

.left25 { padding-left: 25px}
.left5 { padding-left: 5px}
.inline  {display : inline}
.doha2   { padding-left: 15px; padding-right: 15px; font-family: Verdana; font-size: 8pt; color: #F2F2F2; text-align: justify; line-height: 15px}
.doha5   { padding-left: 25px; padding-right: 20px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; line-height: 15px}
.doha   { padding-left: 5px; padding-right: 5px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; }
.doha3   { padding-left: 15px; padding-right: 15px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; line-height: 15px}
.doha4   { padding-left: 5px; padding-right: 5px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; line-height: 15px}
.doha8   { padding-left: 5px; padding-right: 20px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; line-height: 15px}
.doha6   { padding-left: 20px; font-family: Verdana; font-size: 8pt; color: #c9c9c9; text-align: justify; }
.doha7   { padding-left: 40px; padding-right: 20px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; line-height: 15px}

.liste   { font-family: Verdana; font-size: 8pt; color: #F2F2F2; font-weight: bold; line-height: 20px; background-color: #333333;}
.liste1   { font-family: Verdana; font-size: 8pt; color: #f78606; line-height: 15px; background: #333333; text-align: center;}
.liste2   { font-family: Verdana; font-size: 8pt; color: #CCCCCC; line-height: 15px}
.black   { font-family: Verdana; font-size: 8pt; color: #1f1f1f; font-weight: bold; line-height: 15px}

option { font-family: Verdana; font-size: 8pt; color: #CCCCCC; background-color: #444444; line-height: 15px}

p { padding-top : 0px; padding-bottom : 0px; } 


a { color: #f87105; font-family: Verdana; font-size: 8pt; text-decoration:none}
a:hover      { color: #666666; font-size: 8pt;  font-family: Verdana;}