/* CSS Document */
h1 {color:#4DABD0; font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif; border-bottom:#4DABD0 solid 2px; margin:0 0 5px 0;}

div#contenu {height:1%; margin-left:260px;}
div#contenu .retour_bp .retour {display:block; background:url(visuels/retour-orange-50.png) no-repeat left top; padding:10px 0 0 60px; margin-left:155px; height:50px; font-weight:bold; color:#FF5E0F; font-size:14px; }

.gpe_mois {display:none; text-align:center;}
.gpe_mois span {display:block;}
.gpe_mois table { margin:0 auto;}
.gpe_mois table td {text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; padding:0; vertical-align:top; }
.gpe_mois .table-mois table {}
.gpe_mois .table-mois td {width:80px; border:1px #FFFFFF solid; padding:2px 1px;}
.gpe_mois .mois-aff {font-size:11px; background-color:#4DABD0; color:#FFFFFF; font-weight:bold;}
.gpe_mois .semaine-resa, .gpe_mois .semaine-resa-encours, .gpe_mois .semaine, .gpe_mois .semaine-passee {color:#000000; height:50px; vertical-align:middle; padding:2px 0;  }
.gpe_mois .semaine-resa { background-color:#FF5E0F;}
.gpe_mois .semaine-resa-encours { background-color:#CDD737;}
.gpe_mois .semaine {background-color:#E6E6E6;}
.gpe_mois .semaine-passee {background-color:#E6E6E6; color:#999999;}
.gpe_mois .semaine-aff {font-weight:bold; font-size:14px;}
.gpe_mois .jours-aff {font-size:9px;}
.gpe_mois .resa-aff {font-size:9px;}
.gpe_mois a {cursor:pointer; color:#666666;}
.gpe_mois a:hover {text-decoration:none; color:#999999;}
.gpe_mois .entete {height:15px; position:relative; margin:15px 15px 5px 15px; font-weight:bold;}
.gpe_mois .entete .droit {float:right;}
.gpe_mois .entete .gauche {float:left;}
.gpe_mois .entete a {cursor:pointer;}

.menu_desc {}
.menu_desc img {float:left; margin-right:20px;}
.menu_desc_liste {margin-left:160px;}
.menu_desc_liste a {margin:0 0 2px 0; padding:4px 0 0 20px; display:block; font-weight:bold; background:url(visuels/cg/fleches/fleche-dte-orange-15.png) no-repeat left center; text-decoration:underline;}
.menu_desc_liste a:hover {text-decoration:none;}
.menu_desc_liste .retour {display:block; background:url(visuels/retour-orange-25.png) no-repeat left top; padding:5px 0 0 30px; margin:15px 0 0 0; height:25px; font-weight:bold; color:#FF5E0F; }
.menu_desc .note {float:right;}
.menu_desc .note td {height:20px; width:30px; padding:0; margin:0; border:none;}
.menu_desc .note img {float:none; margin:0; padding:0;}

div#contenu-description {overflow:hidden; background:#EEF8FB url(visuels/fond-bleu-top.png) top left no-repeat; width:520px; padding:10px; }
div#contenu-description-bottom {background:#EEF8FB url(visuels/fond-bleu-bottom.png) top left no-repeat; width:540px; height:17px;}

.description {text-align:left; border-bottom:1px solid #999999; padding-bottom:10px; }
.description ul {list-style:url(visuels/cg/puces/puce-orange-7.png); margin:0 0 0 17px; padding:0;}
.description li {margin:0 0 2px 0; padding:0;}

div#caracteristiques {}
div#caracteristiques .desc {float:left;}
div#caracteristiques .tarifs {margin-left:300px;}


div#commentaires {}
div#commentaires li {margin-bottom:20px;}

div#equipements {}
div#disponibilites {}

div#reservations {font-size:12px;}
div#reservations .legende {font-size:11px; text-align:left;}
div#reservations .legende ul { list-style:none;}
div#reservations .legende li {padding-left:5px; list-style:square; font-weight:bold; }
div#reservations .legende .orange { color:#FF5E0F;}
div#reservations .legende .vert {color:#CDD737;}
div#reservations .legende .gris {color:#CCCCCC;}

div#reservations .explications {font-size:11px; padding-top:7px;}
div#reservations .explications p {padding-bottom:5px;}

div#reservations .resa {float:right; margin-left:20px; background-color:#FFFFFF; border:1px #4DABD0 solid; padding:10px; font-size:11px; width:250px;}
div#reservations .resa table {margin:0; border-top:#666666 1px solid; }
div#reservations .resa td {vertical-align:top; padding-left:5px;}
div#reservations .resa a {font-size:12px; font-weight:bold; color:#CDD737;}
div#reservations .resa .valider {margin:10px auto 0 auto; width:150px; }
div#reservations .resa .valider img {float:left; margin-right:5px;}
div#reservations .resa .tarif, div#reservations .resa .tarif-total {font-weight:bold; text-align:right; white-space:nowrap; }
div#reservations .resa .tarif-total {border-top:#666666 1px solid; padding-top:3px;}
div#reservations .resa h3 {font-size:13px; margin:0 0 10px 0; color:#FF5E0F; text-decoration:none; border-bottom:#FF5E0F 1px solid;}

div#visuels {}
div#visuels .boite-visuels {text-align:center; border:1px solid #CCCCCC; padding:5px; background-color:#FFFFFF; margin:0 auto; width:380px;}
div#visuels .boite-visuels .vignettes {margin-left:265px;}
div#visuels .boite-visuels table td {padding:0;}
div#visuels .boite-visuels .petit {width:60px; text-align:left; vertical-align:top; padding-bottom:5px;}
div#visuels .boite-visuels .petit img {width:55px; cursor:pointer;}
div#visuels .boite-visuels .visuel_desc {text-align:center; display:none; width:260px;  height:210px; vertical-align:middle; float:left; position:relative; border-right:#CCCCCC 1px dotted; }
div#visuels .boite-visuels .visuel_desc img {display:inline; cursor:pointer; }


.description .texte {}
.description h1 {font-size:15px; margin:10px 0 10px 0; padding-bottom:5px; color:#4DABD0; border-bottom:#999999 1px solid;}
.description h3 {font-size:13px; margin:10px 0 3px 0; color:#666666; text-decoration:underline;}
.description h4 {font-size:12px; margin:0 0 0 0; color:#666666; display:inline;}


/* TEXTE D'ACCUEIL */
div#left .boite-accueil-titre {background:url(visuels/cg/boites/boite-verte-235.png) no-repeat top left; width:235px; height:24px; padding-top:7px; color:#FFFFFF; font-size:17px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
div#left .boite-accueil-corps {background:url(visuels/cg/boites/boite-corps-235.png) no-repeat top left; width:210px; padding:10px 15px 0 10px; }
div#left .boite-accueil-corps p {margin:0; padding:0; text-align:left;}
div#left .boite-accueil-corps ul {margin:0 0 0 15px; padding:0; list-style:url(visuels/cg/puces/puce-verte-7.png);}
div#left .boite-accueil-corps li {margin:0; padding-bottom:7px;}
div#left .boite-accueil-corps strong {color:#CDD737;}
div#left .boite-accueil-footer {background:url(visuels/cg/boites/boite-footer-235.png) no-repeat top left; width:235px; height:26px; }
div#left .boite-accueil-suite {display:block; font-weight:bold; text-align:right; height:25px; padding:5px 29px 0 0; margin:0; color:#CDD737; background:url(visuels/cg/fleches/fleche-dte-verte-p.png) right top no-repeat;}


.clear {clear:both;}