/* Mise en forme par défaut
======================================*/

#mouselabel { position: absolute; white-space : nowrap; background: #006FDE url(/images/bglabel.gif) repeat 0% -6px ; color: #fff; padding: 1px 4px; display: none ; border : 1px solid #1f54bc ; }
#carte {margin: 0 auto}
.chapo {margin : 8px 0 ; font-style : italic ; color : #888}

/* Menus
======================================*/

.creer-alerte {margin : 0 0 10px}

p#titre_facettes {color : #197DCF ; text-align : center ; padding : 3px 6px ; font-weight : bold ; text-transform : uppercase}

dl#menus_facettes {width : 298px ; border-bottom : 1px dashed #999}
dl#menus_facettes dt {border-top : 1px dashed #999 ; background : url(/images/puces/carre-blanc.gif) 2px 3px no-repeat ; padding : 1px 0 1px 19px ; font-weight : bold} 
dl#menus_facettes dt a {color : #197DCF}
dl#menus_facettes dd {padding : 2px}
dl#menus_facettes dd li {padding-left : 2px}
dl#menus_facettes dd li a {padding-left : 12px ; background-repeat : no-repeat ; background-position : 0 3px}
dl#menus_facettes dd li a.add {background-image : url(/images/icones/add.gif)}
dl#menus_facettes dd li a.remove:hover {background-image : url(/images/icones/remove.gif)}
dl#menus_facettes dd li a.selected {background-image : url(/images/icones/selected.gif)}
dl#menus_facettes dd li a.selected:hover {background-image : url(/images/icones/remove.gif)}
dl#menus_facettes dd li a.notselected:hover {background-image : url(/images/icones/selected.gif)}
dl#menus_facettes input, dl#menus_facettes select { border: 1px solid #bbb ; margin: 1px 0 ; }

/* Listes
======================================*/

.toggle p.h2 {background : url(/images/boutons/zoom-out.gif) 0 16px no-repeat ; padding-left : 20px ; cursor : pointer}
.toggle p.close {background-image : url(/images/boutons/zoom-in.gif) ; color : #357930}
ul.facette li {padding : 0 0 2px 20px ; background : url(/images/puces/carre-blanc.gif) 0 2px no-repeat}

/* Fil d'ariane
======================================*/
.arianes {margin : 0 0 4px ; clear : both}
.ariane {text-align : left}
.ariane a {color : #000}
.ariane .intitule {color : #0091be ; font-weight : bold}
.ariane span.criteres {padding : 0 0 0 15px ; background : url(/images/puces/fleche-double-bleue.gif) 0 2px no-repeat}
.ariane img {vertical-align : middle}

/* En-tête
======================================*/

.nb_resultats {float : right ; margin : 0 0 10px}

/* Liste d'annonces
======================================*/

.annonce {border : 1px solid #7DCFDF ; margin : 15px 0}
.panier {border : 1px solid #FFB900}
.annonce .titre a, .annonce .titre a b {color : #2061AF}
.annonce .titre {padding : 2px 6px ; background : #DFF7FF ; border-bottom : 1px solid #7DCFDF}
.panier .titre {background : #FFEEBF ; border-bottom : 1px solid #FFB900}
.annonces input { border: 1px solid #bbb }

.annonce .resume {padding : 2px 8px}
.annonce .resume .photo {float : right ; text-align : center}
.annonce .resume .photo img {margin : 6px 0 0 12px ; border : 1px solid #aaa}
.annonce .resume .descriptif {margin : 10px 0}
.annonce .resume .date_maj {text-align : right ; color : #888 ; font-style : italic}
.annonce .resume .fonctionnalites li {padding : 0 0 2px 20px}
.annonce .resume .fonctionnalites li a {color : #00669F}
.annonce .resume .fonctionnalites li.detail {background : url(/images/icones/detail.gif) 0 2px no-repeat}
.annonce .resume .fonctionnalites li.site_internet {background : url(/images/icones/internet.gif) 0 4px no-repeat}
.annonce .resume .fonctionnalites li.selectionner {background : url(/images/icones/coeur.gif) 0 2px no-repeat}
.panier .resume .fonctionnalites li.selectionner {display : none}
.annonce .resume .fonctionnalites li.deselectionner {background : url(/images/icones/croix.gif) 1px 3px no-repeat ; display : none}
.panier .resume .fonctionnalites li.deselectionner {display : block}
.annonce .resume .fonctionnalites li.envoyer_ami {background : url(/images/icones/send.gif) 0 3px no-repeat}
.annonce .resume .fonctionnalites li.commenter {background : url(/images/icones/crayon.gif) 1px 2px no-repeat}
.annonce .resume .fonctionnalites li.commenter textarea, .textarea { width: 570px ; border : 1px solid #bbb ; background : #f3f3f3 ; overflow: hidden ; }
.annonce .resume .fonctionnalites li.commenter i {color : #888}
.annonce .etoiles {float : left ; margin : 1px 6px 0 0}

/* Détail d'annonce
======================================*/
.annonce_detail h1 {padding : 0}
.annonce_detail p.h2 {font : bold 13px Georgia ; clear: left ; background : url(/images/puces/puce-fleur.gif) no-repeat 0 92% ; border-bottom : 1px solid #ccc ; color : #197DCF ; padding : 15px 0 2px 18px ; margin-bottom : 5px}

.annonce_detail #galerie-photo img {margin : 8px 4px 0 ; display : block ; border : 1px solid #333}
.annonce_detail #galerie-photo .thumbs-right {float : right ; padding : 0 0 10px 15px ; background : #fff}
.annonce_detail #galerie-photo-viewer { margin: 15px auto ; }

.annonce_detail ul.options {padding : 0 ; margin : 0}
.annonce_detail ul.options li {float : left ; width : 23% ; padding : 0 0 0 14px ; background : url(/images/puces/carre-orange.gif) 5px 8px no-repeat}

.annonce_detail #map_container {display : none ; margin : 10px 0 20px}
.annonce_detail #map {width : 630px ; height : 500px}

.annonce_detail a.bouton { border: 1px solid #bbb ; padding: 3px 5px ; background-color: #ddd ; color: #000 ; cursor: pointer ;}
#alerte_calendrier {background : #EFF8FF ; border : 1px dashed #B3D5EF ; margin : 5px 10px 0 ; padding : 4px 8px}
#alerte_calendrier p {text-align : center}
#alerte_calendrier .confirmation {display : none ; margin : 8px auto 6px}

.calendrier-promo {margin : 10px ; border : 3px solid #c00 ; padding : 5px 10px}
.calendrier-promo li {line-height : 20px ; background : url(/images/fr-promo.gif) 0 0 no-repeat ; padding-left : 60px ; font-size : 13px ; margin : 4px 0}
.calendrier-promo .pourcent {font-weight : bold ; font-size : 1.1em ; color : #f00}
.calendrier-promo .tarif {font-weight : bold ; color : #f00}

.calendrier-conteneur {margin : 10px 0}
.calendrier-mois {padding : 5px}
.faux-mois {width : 121px}
.calendrier-mois table {width : 121px}
.calendrier-mois thead th {background : #628ccb url(/images/fonds/calendrier-thead.gif) 0 0 no-repeat ; width : 121px ; height : 20px ; line-height : 20px ; color : #fff}
.calendrier-mois tbody th {border : 1px solid #cacaca ; text-align : center ; white-space : nowrap ; vertical-align : middle ; font-weight : normal ; font-size : 10px ; width : 50%}
.calendrier-mois tbody td {border : 1px solid #cacaca ; text-align : center ; white-space : nowrap ; vertical-align : middle ; height : 20px}
.calendrier-mois tbody .semaine-terminee th {text-decoration : line-through}
.calendrier-mois tbody .semaine-terminee td {background : #eeeeee url(/images/fonds/calendrier-semaine-indisponible.gif) 50% 50% no-repeat}
.calendrier-mois tbody .semaine-inexistante th {}
.calendrier-mois tbody .semaine-inexistante td {background : #d6e6ff}
.calendrier-mois tbody .semaine-indisponible th {text-decoration : line-through}
.calendrier-mois tbody .semaine-indisponible td {background : #eeeeee url(/images/fonds/calendrier-semaine-indisponible.gif) 50% 50% no-repeat}
.calendrier-mois tbody .semaine-en-promotion th {font-weight : bold ; color : #c00}
.calendrier-mois tbody .semaine-en-promotion td {background : url(/images/fr-promo.gif) 50% 50% no-repeat}
.calendrier-mois tbody .semaine-sans-tarif th {}
.calendrier-mois tbody .semaine-sans-tarif td {background : #d6e6ff}
.calendrier-mois tbody .semaine-avec-tarif th {}
.calendrier-mois tbody .semaine-avec-tarif td {font-weight : bold}

.calendrier-mois tbody td.tarif {font-weight : bold ; color : #000 ; height : 22px}
.calendrier-mois tbody td.non-renseigne  {background : #d6e6ff}
.calendrier-mois tbody td.promotion      {}
.calendrier-mois tbody td.tarif-base     {font-weight : bold}

.calendrier-legende {margin : 10px auto}

#promotions {border : solid 2px #c00 ; margin-top : 10px ; margin-bottom : 10px}
#promotions img {display : block}
#promotions td {vertical-align : middle ; padding : 1px 4px}
#promotions .promo {font : bold 13px Verdana ; color : #f00}

#contacter_l_annonceur a.contacter_l_annonceur {padding : 3px 25px 5px 0 ; text-align : right ; background : url(/images/icones/book.gif) right 4px no-repeat ; font-weight : bold ; color : #000}
#contacter_l_annonceur ul {margin : 4px 0 12px ; border : 1px solid #ccc ; padding : 4px 8px ; background : url(/images/fonds/blanc-gris-2.gif)}
#contacter_l_annonceur li {padding : 3px 0 2px 22px}
#contacter_l_annonceur li.telephone {background : url(/images/icones/telephone.gif) 0 6px no-repeat}
#contacter_l_annonceur li.site_internet {background : url(/images/icones/internet.gif) 0 6px no-repeat}
#contacter_l_annonceur li.fax {background : url(/images/icones/fax.gif) 0 6px no-repeat}
#contacter_l_annonceur li.email {background : url(/images/icones/send.gif) 0 6px no-repeat}

#menu_detail_annonce {width : 300px}
#menu_detail_annonce a.retour_aux_annonces     {font-weight : bold ; color : #c00 ; background : url(/images/icones/stop.gif) right 4px no-repeat ; padding : 5px 25px 5px 0 ; text-align : right}
#menu_detail_annonce a.selectionner            {font-weight : bold ; background : url(/images/icones/coeur-2.gif) right 2px no-repeat ; padding : 2px 25px 2px 0 ; text-align : right}
#menu_detail_annonce a.deselectionner          {display : none ; font-weight : bold ; background : url(/images/icones/croix.gif) right 2px no-repeat ; padding : 2px 25px 2px 0 ; text-align : right}
#menu_detail_annonce a.voir_les_disponibilites {font-weight : bold ; background : url(/images/icones/disponibilites.gif) right 2px no-repeat ; padding : 2px 25px 2px 0 ; text-align : right}
#menu_detail_annonce a.situer_sur_une_carte    {font-weight : bold ; background : url(/images/icones/carte.gif) right 2px no-repeat ; padding : 2px 25px 2px 0 ; text-align : right}
#menu_detail_annonce a.imprimer                {font-weight : bold ; background : url(/images/icones/imprimer.gif) right 2px no-repeat ; padding : 2px 25px 2px 0 ; text-align : right}
#menu_detail_annonce a.envoyer_a_un_ami        {font-weight : bold ; background : url(/images/icones/mail.gif) right 2px no-repeat ; padding : 2px 25px 2px 0 ; text-align : right}
#menu_detail_annonce div.votre_commentaire     {color : #0076A8 ; font-weight : bold ; background : url(/images/icones/edit.gif) right 2px no-repeat ; padding : 2px 25px 5px 0 ; text-align : right}

#menu_detail_annonce.panier {border : none}
#menu_detail_annonce.panier a.selectionner {display : none}
#menu_detail_annonce.panier a.deselectionner {display : block}

#menu_detail_annonce ul.autres_annonces {margin : 4px 0}
#menu_detail_annonce ul.autres_annonces li {padding : 0 0 0 15px ; background : url(/images/puces/fleche-double-bleue.gif) 0 4px no-repeat}
#menu_detail_annonce ul.autres_annonces li a {color : #000}

#menu_detail_annonce div.titre_appreciations {background : url(/images/fonds/onglet-300px-jaune.gif) ; margin : 10px 0 0 ; text-align : center ; padding : 5px 0 4px ; font-weight : bold}
#menu_detail_annonce div.titre_appreciations a {color : #000}
#menu_detail_annonce div.appreciations {padding : 8px 10px ; border : 1px solid #FFD737 ; border-top : 0 ; background : #FFFBDF}
#menu_detail_annonce div.appreciation {margin : 0 0 5px}
#menu_detail_annonce textarea.commentaire, .textarea {width : 298px ; border : 1px solid #ccc; background : #f3f3f3 }
#menu_detail_annonce .voir_autres_appreciations {text-align : right}
#menu_detail_annonce .voir_autres_annonces {font-weight : bold ; text-align : right ; background : url(/images/icones/home.gif) right 4px no-repeat ; padding : 2px 25px 2px 0 }
#menu_detail_annonce .laisser_une_appreciation {background : url(/images/icones/appreciation.gif) 0 3px no-repeat ; padding : 2px 0px 2px 42px }

#note-etoiles {height : 13px}
#note-etoiles li {float : left ; display : block ; width : 13px ; height : 13px}

.separateur {border-top : 1px dashed #aaa ; margin : 8px 0}

/* Liens du footer
======================================*/

#footer-links {margin : 1em 0 ; padding : 1em 0 ; border-top : 1px solid #ccc}
#footer-links-facettes {font-size : 0.9em ; line-height : 1.3em}
#footer-links-facettes td {padding : 0 3px}
#footer-links-facettes h2 {margin-bottom : 6px}
#footer-links-facettes li {margin-bottom : 3px}
#footer-links-facettes a {color : #888}

/* Appreciations 
======================================*/

.appreciation {padding-top: 5px}
.appreciation .etoiles {float : left ; margin : 2px 4px 0 0}
#appreciation th {text-align : left ; color : #0B59BF ; padding-right : 13px}
#appreciation td, #appreciation th {padding : 5px 10px 0 0}
#appreciation {margin : 0 0 20px}

input.bouton {-webkit-border-radius: 10px ; -moz-border-radius: 10px ; border-radius: 10px ; color: #fff ;
	font-weight: bold ; padding: 1px 8px ; margin: 0 auto ; color: #222 ; outline: none ; }
input.bouton { background-color: #d6eef9 ; border: 1px solid #255ABF ; color: #0076A8 ; }
.succes {background : url(/images/icones/succes.png) no-repeat ; color : green ; padding-left : 20px}
a.retour_a_annonce {font-weight : bold ; color : #c00 ; background : url(/images/icones/stop.gif) right 4px no-repeat ; padding : 5px 25px 5px 0 ; text-align : right}
#resume_annonce {width:300px ; padding : 20px 0 0 20px ; }
.erreur input.text, .erreur select.text {background : #ffde4f}
.erreur {color : #cd1a0f}
.important{background : url(/images/icones/important.gif) 5px 6px no-repeat ; border : 1px solid #ffc607 ; padding : 5px 10px 5px 28px ;}


/* Liste de campings
======================================*/

.camping { border : 1px solid #7DCFDF ; margin : 15px 0; zoom: 1 ;}
.camping div.padding { padding: 5px 10px ; }
.camping .right { float: right ; }
.camping .left { float: left ; }
.camping h2 {font : bold 11px Verdana ; background : #DFF7FF ; border-bottom : 1px solid #7DCFDF ; padding : 4px 8px; color: #CC001B ; font-weight: bold}
.camping h2 span {margin-left : 20px}
.camping p {margin : 4px 0}
.camping a:link, .camping a:visited { color: #CC001B ; text-decoration: none ; }
.camping a:hover { color: #CC001B ; text-decoration: underline ; }
.camping img.photo { display: block ; margin: 5px 4px  ; border: 1px solid #333 ; }
.camping .adresse { background : url(/images/icones/adresse.gif) 0px 10px no-repeat ; padding : 8px 0 3px 20px ; clear : left }
.camping .telephone { background : url(/images/icones/telephone.gif) 0px 8px no-repeat ; padding : 6px 0 0 20px }
.camping .fax { background : url(/images/icones/fax.gif) 0px 9px no-repeat ; padding : 6px 0 0 20px }
.camping .site { background : url(/images/icones/lien.gif) 0px 8px no-repeat ; padding : 6px 0 5px 20px }
.camping b { color: #197DCF ; }
.camping .bouton-ddd {text-align : center ; padding : 12px 0 6px}
.camping .bouton-ddd img {display : inline}

table.demande_information { border-collapse: collapse;  margin: 10px}
table.demande_information td { border: 0px solid #000; padding: 5px 0 ; }
table.demande_information td label { padding: 0 0 0 10px ; background: url(/images/puces/carre-rouge.gif) no-repeat 0px 5px ;}
table.demande_information th { padding: 5px 0 ; color: #d00 ; text-align: left }