body { color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:9pt; margin: 0; padding: 0; background-color:#FFFFFF; }
table { font-size:1em; padding:0; margin:0; font-style: normal; }
p { margin: 0; }
.p3 { margin: 3px 0; }
.p83 { margin: 8px 0 3px 0; }
form { margin:0; }
.textegris { color:#999999; }
.imagecadre { border:4px solid #CCCCCC; }
.imageleft { float:left; margin: 0 10px 10px 0; }
.imageright { float:right; margin: 0 0 10px 10px; }
.textesmall { font-size:0.9em; }
.blanc { color:#FFFFFF; }
.rouge { color:#FF0000; }
.clear { clear:both; }
.lienreservation a:link,
.lienreservation a:visited,
.lienreservation a:active { display:block; background-color:#cc3300; color:#FFFFFF; padding:5px; width:250px; border: 1px solid #993300; font-weight: bold; }
.lienreservation a:hover { background-color: #993300; }
/* ----- DIV chambre ------- */
.cadrechamrbe { border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc; padding: 10px; overflow: auto; }
.cadrechamrbe img { float:left; clear:left; margin-right:10px; }
/* ----- DIV Liste Cadre ------- */
.listecadre { border-top: 1px solid #cccccc; padding: 10px; overflow: auto; }
.listecadre:hover { background-color:#f5f5f5; }
.listecadre img { float:left; clear:left; margin-right:10px; }
/* ----- DIV de la galerie ------- */
#listphotos { border-bottom: 1px solid #e0e0e0; overflow: visible; }
#listphotos .barre { /* Liens des boxes photos */ cursor:pointer; display:block; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; font-size:1.5em; background-color:#f5f5f5; color: #942224; padding:5px 0; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-indent: 6px; }
#listphotos .barre span { color:#888888; font-family: Arial, Helvetica, sans-serif; font-size:8pt; }
#listphotos .barre:hover { /* Liens des boxes photos */ text-decoration:none; color: #333333; background-color:#eeeeee; }
#listphotos div { border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding-bottom:10px; }
#listphotos p { margin: 10px; text-align:justify; }
/* ----- Remplacement de la DIV Flash jQuery --- */
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
/* ----- les liens */
/* Lien normal */
a:link,
a:visited,
a:active { color: #f64c1f; text-decoration: none; }
a:hover { color: #bc310c; text-decoration: none; }
a:hover .imagecadre { border-color:#cc0000; }
/* Lien gris */
.agris:link,
.agris:visited,
.agris:active { color: #666666; text-decoration: none }
.agris:hover { color: #000000; text-decoration: none }
/* ----- Les div à droite */
.divdroite { background-repeat:no-repeat; border-bottom:#999999 1px dotted; margin:0 0 10px 0; padding:0; font-size:0.9em; }
/* DIV El Jadida */
.divjadida { background-image:url(../images/div-eljadida.jpg); height:93px; }
.divjadida p { padding: 30px 0 0 73px; }
/* DIV Réservation */
.divreservation { background-image: url(../images/div-reservation.jpg); height:80px; }
.divreservation p { padding: 30px 0 0 57px; }
/* ----- Les titres */
.titrebox { margin:5px 0 0 5px; font-size:1.1em; font-style:normal; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#3F5A69; }
h1 { /* Titre des pages */ color:#bc310c; border-bottom:1px dotted #CCCCCC; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; font-size:1.5em; margin: 0 0 15px 0; padding: 5px 0; }
h2 { /* Titre des sous pages */ color:#0099CC; font-family: Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #CCCCCC; font-size:1.2em; font-style:normal; font-weight:normal; margin: 0 0 10px 0; padding: 0 }
h3 { /* Petits titres */ font-family: Georgia, "Times New Roman", Times, serif; color:#e2441a; font-size:1em; font-style:normal; font-weight:bold; padding: 8px 0 3px 0; margin: 0; }
h4 { /* Petits titres */ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; font-size:1.2em; font-style:normal; font-weight:normal; margin: 0; padding: 0; }
h5 { /* Petits titres */ font-family: Georgia, "Times New Roman", Times, serif; color:#e2441a; font-size:1.5em; font-style:normal; font-weight:normal; margin: 0; padding: 0; }
label.error { /* remove the next line when you have trouble in IE6 with labels in list */
	color: #fff; font-weight: normal; background-color: #cc0000; margin: 0 5px; padding: 3px; }
/* ------ tab météo ---- */
#meteo .small { font-size:0.9em; }
#meteo .big { font-size:1.5em; font-weight: bold; margin:5px 0 }