﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans);body {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
    background-color: #fff;
    width: 100%
}

body.fiche #header,body.liste #header {
    background-color: #ccc;
    padding: 0 0 10px
}

#contenu_article_1col .texte.entry-content div {
    padding: 1px
}

#div_affMenuResponsive {
    display: none
}

input,textarea {
    border-width: 1px;
    border-style: solid;
    color: #4c4c4c;
    border-color: #b5b5b5;
    font-size: 12px;
    padding: 0 0 0 1px;
    width: 179px
}

thead td,thead th {
    background-color: #b39e76;
    color: #fff;
    font-weight: 700
}

#mainContext #reservationHighlight #dv_bdc_resa_fiche,#productStructure #dv_bdc_resa_fiche {
    float: right;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    text-align: center
}

#mainContext #reservationHighlight #dv_bdc_resa_fiche #lien_btn_resa {
    background-color: #ff610d;
    font-size: 2.2em!important;
    font-family: verdana!important;
    font-weight: 500!important;
    letter-spacing: initial!important;
    height: auto!important;
    border-radius: 0!important;
    line-height: 25px!important;
    margin-top: 12px!important;
    display: inline-block!important;
    width: 246px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0
}

#mainContext #reservationHighlight #dv_bdc_resa_fiche #lien_btn_resa span {
    font-size: .7em!important;
    text-transform: none;
    display: block
}

.productButtons .btn_fiche_reco,.productsNavigation li .btn_fiche_reco {
    float: left;
    height: 20px;
    background: url(../images/btn_impa2.png) 5px -18px no-repeat #b39e76;
    border-radius: 5px;
    padding: 0 5px 0 25px;
    text-decoration: none;
    color: #fff;
    line-height: 17px
}

.productButtons .btn_fiche_prt,.productsNavigation li .btn_fiche_prt {
    border-radius: 5px;
    background: url(../images/btn_impa2.png) 1px 2px no-repeat #b39e76;
    float: left;
    height: 20px;
    width: 20px
}

.productButtons .btn_fiche_sel,.productsNavigation li .btn_fiche_sel {
    background: url(../images/btn_impa2.png) 5px -37px no-repeat #b39e76;
    border-radius: 5px;
    padding: 0 5px 5px 25px;
    text-decoration: none;
    color: #fff;
    line-height: 15px;
    height: 20px
}

#resultPhotos,.easy-accordion dd,.easy-accordion dt {
    margin: 0;
    padding: 0;
    position: absolute
}

#espace_widget .hebergements_communes #titre3_noir,#tourisme_accueil .hebergements_communes #titre3_noir {
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    font-weight: 700;
    font-size: 1.3em
}

#espace_widget .hebergements_communes,#tourisme_accueil .hebergements_communes {
    width: 200px;
    margin-left: 15px;
    float: left;
    height: 250px;
    font-family: verdana,arial;
    color: #f60;
    font-size: 1.2em;
    font-weight: 700
}

#espace_widget .hebergements_communes a,#tourisme_accueil .hebergements_communes a {
    text-decoration: none;
    color: #960;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px
}

#text_accueil_bottom,#text_accueil_span,h1 {
    font-family: Verdana,Arial,Helvetica,sans-serif
}

#espace_widget .hebergements_communes a:hover,#tourisme_accueil .hebergements_communes a:hover {
    text-decoration: none;
    color: #f60;
    font-weight: 400;
    font-weight: 700
}

#header .titre::after {
    font-size: 1.6em
}

body.fiche #header .titre::after {
    font-size: 1.2em
}

div {
    margin: 0;
    padding: 0;
    text-align: left
}

div.choix_affichage_resultat {
    margin-top: -5px;
    margin-right: 10px;
    width: 145px;
    float: right;
    height: 42px
}

div.choix_affichage_resultat input[type=image] {
    vertical-align: text-bottom
}

div.choix_affichage_resultat * {
    height: 36px;
    width: 64px;
    margin-right: 5px;
    float: left
}

div.libelle_affiche_resultat {
    margin-left: 8px;
    width: 90px;
    height: 35px;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    float: left
}

div.bulle_note_globale {
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -28px;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 10px;
    width: 110px;
    height: 51px;
    overflow: hidden;
    cursor: pointer
}

dd,dt,fieldset,h1,h2,h3,h4,h5,h6,li,ol,ul {
    padding: 0
}

td,th {
    padding: 2px 7px
}

#entour_site,#entour_site.fdautre {
    overflow: visible;
    width: 100%
}

div.bulle_note_globale:hover {
    background: rgba(255,255,255,.9)
}

div.bulle_note_globale:hover>span.bulle_nb_avis {
    margin-top: 10px;
    opacity: 0
}

div.bulle_note_globale:hover>span.bulle_voir_avis {
    margin-top: 0;
    opacity: 1
}

div.bulle_note_globale>span {
    display: block;
    text-align: center;
    color: #ff7011;
    font-size: 14px;
    line-height: 14px;
    margin-top: -5px
}

div.bulle_note_globale>span.bulle_voir_avis {
    color: #020202;
    font-size: 12px;
    margin-top: 10px;
    opacity: 0
}

#div_medias #div_mediasAlbum #controls a:hover,#div_medias #div_mediasAlbum #div_fiche_albumJquery li:hover,#fade {
    opacity: .8
}

div.bulle_note_globale>span.bulle_nb_avis {
    color: #020202;
    font-size: 12px;
    margin-top: 0;
    font-style: italic;
    position: absolute;
    left: 0;
    width: 100%
}

caption,th {
    text-align: left;
    font-style: normal
}

div.bulle_note_globale>span:first-child {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

dl {
    margin: 0;
    padding: 0 0 10px
}

dt {
    margin: 0;
    font-weight: 700
}

dd,li {
    margin: 0
}

ol,ul {
    margin: 0;
    list-style: none
}

ul li {
    padding: 0 5px 10px 15px;
    background: url(../images/li_common.gif) 0 5px no-repeat
}

li.lib_tri_act_on a {
    color: #fff;
    font-weight: bolder;
    font-size: 12px;
    border: none
}

h1 {
    margin: 0;
    font-size: 2em;
    color: #fff;
    font-weight: 400
}

a,h1 strong,h3,h4,legend,strong {
    font-weight: 700
}

caption,fieldset fieldset legend,th {
    font-weight: 400
}

h2,h5,h6 {
    margin: 0;
    font-size: 100%
}

h2 strong {
    color: #edcb8b
}

h3 {
    font-size: 1.2em;
    margin: 5px 0 10px
}

h3 strong,h4 strong {
    text-transform: uppercase
}

h4 {
    margin: 0;
    font-size: 1em
}

blockquote,form,input,p,pre {
    margin: 0;
    padding: 0
}

fieldset {
    border: none;
    margin: 0
}

fieldset ol,fieldset ul {
    margin: 0
}

fieldset li {
    background: 0 0;
    padding: 0 0 8px
}

fieldset fieldset input,fieldset li li input {
    border: none;
    width: auto
}

fieldset fieldset legend {
    padding: 0 0 3px;
    margin: 0
}

fieldset fieldset li {
    display: inline;
    margin: 0;
    padding: 0 0 0 10px
}

fieldset fieldset label {
    display: inline;
    font-size: 10px
}

th {
    margin: 0
}

td {
    margin: 0;
    text-align: center
}

adress,cite,code,dfn,em,var {
    font-style: normal;
    font-weight: 400
}

table {
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 10px;
    width: 100%
}

table .special td,table .special th {
    background-color: #f2f2f2
}

table .total td,table .total th {
    background-color: #f2f2f2;
    color: #ff7011;
    font-weight: 700
}

img {
    border: 0
}

img.btn_close {
    float: right;
    margin: -55px -55px 0 0
}

q:after,q:before {
    content: ''
}

a {
    cursor: hand;
    outline: 0;
    text-decoration: underline;
    color: #000
}

a:hover {
    text-decoration: none
}

a.play[onclick*=play] {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(0,0,0,.7);
    margin-top: -32px;
    margin-left: -32px;
    z-index: 10
}

a.play[onclick*=play]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff;
    border-width: 18px 0 18px 19px;
    margin-left: -5px;
    margin-top: -17px
}

.body_panier {
    background: 0 0
}

#close_panier {
    margin-top: 5px
}

#entour_site.fdautre {
    background: url(../IMG/png/fd_page29.png) top center no-repeat
}

#entour_site>#sitemap>#cnt_sitemap>#liens_par_communes {
    font-size: 1.1em;
    width: 100%;
    display: inline-block;
    margin-top: -20px;
    height: 30px;
    text-align: center;
    color: #333
}

#entour_site>#sitemap>#cnt_sitemap>#liens_par_communes>a {
    display: inline-block;
    width: 45%;
    text-align: left;
    padding: 0;
    background: 0 0;
    color: #ff6100
}

input[type=checkbox],input[type=radio] {
    width: 13px;
    height: 13px
}

#entour_site>#sitemap>#cnt_sitemap>#liens_par_communes>a>span {
    color: #333
}

#entour_site>#sitemap>#cnt_sitemap>#liens_par_communes>a>span:hover {
    text-decoration: none
}

.text_accueil {
    font-size: 1.5em;
    color: #fff
}

.text_accueilh2 {
    font-size: 1.2em;
    color: #fff
}

#text_accueil_bottom {
    font-size: 1em;
    color: #fff
}

#text_accueil_span {
    color: #fff;
    font-size: 1.1em
}

hr {
    color: #dfd7c4;
    background-color: #dfd7c4;
    border-bottom: 1px solid #fff
}

input[type=checkbox].mnt_checkbox {
    display: none
}

legend {
    padding: 0 5px
}

label {
    display: block;
    margin: 0 0 3px
}

label.mnt_label,label.mnt_label_on {
    background-image: url(../images/lite-check.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    cursor: pointer
}

label.mnt_label {
    background-position: 0 0
}

label.mnt_label_on {
    background-position: 0 -15px
}

#btn_accueil,#btn_accueil img {
    width: 100px;
    height: 100px
}

#menu1 dd,#menu1 dd a,#menu1 dt {
    display: inline
}

#main #mainContext .highlightNews dd p,#menu4 a,#sitemap a {
    line-height: 18px
}

select {
    color: #4c4c4c;
    font-size: 11px;
    padding: 0 0 0 1px;
    width: 179px
}

tbody td,tbody th {
    border-bottom: 1px solid #c2c2c2
}

#btn_accueil {
    position: absolute;
    margin-left: 0;
    margin-top: 10px;
    display: block
}

.btn_flag {
    margin: 0 0 0 5px
}

.btn_fiche {
    margin: 0 5px
}

#menu1 {
    color: #fff;
    padding: 5px 0;
    background: url(../images/bgd_menu1.gif) bottom left repeat-x #ee9e03;
    text-align: center;
    display: none
}

#menu1 ul {
    overflow: hidden;
    width: 955px;
    margin: 0 auto;
    text-align: left
}

#menu1 li {
    background: url(../images/bgd_menu1_li.gif) left no-repeat;
    padding: 0 0 0 8px;
    float: right
}

#menu1 a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding: 0 8px;
    display: block
}

#menu1 a:hover {
    text-decoration: underline
}

#menu1 dl {
    padding: 0;
    clear: both
}

#menu1 dt {
    padding: 3px 6px 0 0
}

#menu1 dd a {
    background: url(../images/bgd_menu1_dt_a.gif) right no-repeat;
    padding: 0 10px 0 0
}

#main {
    width: 100%
}

#main #menu3 li {
    background: 0 0;
    width: 92px;
    height: 30px;
    float: left;
    padding: 0;
    margin-left: 10px
}

#main #menu3 .first {
    width: 95px
}

#main #mainContext dd dt {
    background: 0 0
}

#main #mainContext dd dd {
    background: 0 0;
    padding: 0;
    margin: 0
}

#main #mainContext .listLinks {
    position: absolute;
    top: 9px;
    right: 6px;
    padding: 0;
    background: 0 0;
    height: auto;
    overflow: hidden
}

#main #mainContext #reservationHighlight .listLinks {
    background: 0 0;
    top: 3px
}

#main #mainContext #reservationHighlight .callCenter dt {
    color: #ff7011;
    font-size: 12px;
    background: 0 0;
    padding: 0 0 5px;
    font-weight: 700
}

#main #mainContext #reservationHighlight .callCenter dd {
    background: 0 0;
    padding: 0
}

#main #mainContext #reservationHighlight .mieux_connaitre {
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    width: 255px;
    height: auto;
    font-size: 14px;
    margin: 20px 0;
    float: left
}

#main #mainContext #reservationHighlight .mieux_connaitre a {
    color: #ff7011;
    background-color: #f6f6f6;
    text-decoration: underline
}

#main #mainContext #reservationHighlight .mieux_connaitre img {
    float: left
}

#main #mainContext #reservationHighlight .mieux_connaitre .img_coin {
    width: 90px;
    height: auto;
    float: left;
    margin-right: 10px
}

#main #mainContext #reservationHighlight .mieux_connaitre dt {
    background-color: #f6f6f6;
    margin: 10px;
    float: left;
    width: 95%
}

#main #mainContext #reservationHighlight .site_web {
    width: 255px;
    text-align: center;
    margin: 20px 0 0;
    float: left
}

#main #mainContext #reservationHighlight .site_web img {
    float: none
}

#main #mainContext #reservationHighlight .payment {
    height: auto;
    margin-top: 20px;
    float: left
}

#main #mainContext #reservationHighlight .payment dt {
    background: #efefef;
    font-size: 14px;
    padding: 5px;
    font-weight: 700;
    color: #000;
    border: 1px solid #ccc;
    height: 20px;
    float: left;
    width: 243px;
    margin-bottom: 10px
}

#main #mainContext #reservationHighlight .payment dd {
    background: 0 0;
    padding: 0 10px 10px;
    border: 1px solid #efefef
}

#main #mainContext #reservationHighlight .plannings {
    float: left;
    margin: 10px 0 0 12px;
    font-size: 13px;
    width: 280px
}

#main #mainContext #reservationHighlight .plannings dd {
    background: 0 0
}

#main #mainContext #reservationHighlight .resa {
    float: left;
    width: 100%;
    text-align: center
}

#main #mainContext #reservationHighlight .resa img {
    float: none
}

#main #mainContext #reservationHighlight .dl_tarifs {
    float: left;
    margin-left: 0;
    text-align: center;
    font-size: 13px;
    width: 292px
}

#main #mainContext #reservationHighlight .autres_refs {
    float: left;
    width: 100%;
    font-size: 13px;
    text-transform: none
}

#main #mainContext #reservationHighlight #ttr_dispos_tarifs {
    float: left;
    width: 100%
}

#main #mainContext #reservationHighlight #ttr_autres {
    float: left;
    width: 100%;
    border-radius: 0
}

#main #mainContext #reservationHighlight .callProprio dd {
    background: #fff;
    padding: 0;
    text-align: center
}

#main #mainContext #reservationHighlight .callProprio #ctc_email,#main #mainContext #reservationHighlight .callProprio #ctc_email2,#main #mainContext #reservationHighlight .callProprio #ctc_tel2 {
    display: none
}

#main #mainContext #reservationHighlight .callProprio dt {
    color: #333;
    background: #fff;
    font-weight: 400;
    padding: 10px 0;
    font-size: .9em;
    text-align: center
}

#main #mainContext #reservationHighlight .callProprio a {
    color: #333;
    background: 0 0;
    padding: 0 0 2px;
    font-weight: 400;
    margin-top: 2px;
    font-size: .9em;
    display: inline-block;
    text-decoration: underline;
    width: 100%
}

#main #mainContext #reservationHighlight .callProprio a>img {
    width: 26px;
    height: 19px;
    display: inline-block;
}

#main #mainContext #reservationHighlight .callProprio #ctc_tel {
    display: none;
    padding-left: 27px;
    text-align: left;
    text-align: center
}

#main #mainContext #reservationHighlight .adherent dt {
    background: 0 0;
    font-size: 11px;
    font-weight: 700;
    color: #000;
    padding: 0 10px 5px
}

#main #mainContext #reservationHighlight .adherent dd {
    background: 0 0;
    padding: 0 10px 10px
}

#main #mainContext #reservationHighlight .reserver {
    margin: 0;
    background-color: #fff;
    float: left;
    width: 100%
}

#main #mainContext #reservationHighlight .votre_sejour dd {
    background: #fff;
    padding: 0;
    font-size: 17px;
    display: inline-block;
    width: 100%
}

#main #mainContext #reservationHighlight .votre_sejour dt {
    color: #ff7011;
    font-size: 16px;
    background: 0 0;
    padding: 0 0 5px;
    font-weight: 700
}

#main #mainContext #reservationHighlight .votre_sejour dt span {
    color: #000;
    font-size: 13px;
    font-weight: 400
}

#main #mainContext #reservationHighlight .votre_sejour a {
    color: #ff7011;
    font-size: 14px;
    background: 0 0;
    padding: 0 0 2px;
    font-weight: 700;
    margin-top: 2px;
    display: block
}

#main #mainContext #reservationHighlight .votre_sejour #cnt_choix_votre_sejour div {
    display: inline-block;
    position: relative;
    width: 130px;
    vertical-align: top
}

#main #mainContext #reservationHighlight .votre_sejour #cnt_choix_votre_sejour>div:first-child {
    float: left
}

#main #mainContext #reservationHighlight .votre_sejour #cnt_choix_votre_sejour>div:nth-child(2) {
    float: right
}

#main #mainContext #reservationHighlight .votre_sejour #cnt_choix_votre_sejour span {
    height: 25px;
    width: 20px;
    position: absolute;
    right: 0;
    cursor: pointer
}

#main #mainContext #reservationHighlight .votre_sejour input {
    background-image: url(../images/cal-moteur.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 7px 15px;
    border-radius: 0;
    width: 100%;
    margin-left: 0;
    font-size: 14px;
    box-sizing: border-box
}

#main #mainContext #reservationHighlight #ttr_contactez_proprio {
    width: 100%;
    float: left
}

#main #mainContext .highlightNews dd dl {
    margin: 0 0 8px;
    position: relative;
    width: 99%;
    border: none
}

#main #mainContext .highlightNews dd dt {
    color: #000;
    font-size: 11px;
    padding: 0 0 0 148px;
    font-weight: 700
}

#main #mainContext .highlightNews dd dt a {
    padding: 0 0 0 17px;
    background: url(../images/bgd_highlightNews_a.gif) top left no-repeat;
    display: block;
    font-weight: 700;
    width: 110px
}

#main #mainContext .highlightNews dd dd {
    padding: 0;
    font-size: 12px;
    height: 190px;
    position: relative
}

#main #mainContext .highlightNews dd dd img {
    float: left;
    margin: 0 10px 5px 0
}

#main #mainContext .highlightNews dd dd .savoir_plus {
    height: 25px;
    margin: 0;
    color: #f60;
    font-weight: 700
}

#main #mainContext .highlightNews dd dd .newheb {
    bottom: 0;
    position: absolute;
    width: 280px;
    text-transform: uppercase;
    color: #f60;
    font-weight: 700;
    text-align: center
}

#main #mainContext .highlightNews .last {
    border: none;
    margin: 0
}

#main #mainContext .highlightNews .illustration {
    position: absolute;
    left: 0;
    top: 2px;
    padding: 0
}

#main #mainContext .titre_bold {
    font-size: .9em;
    text-align: center;
    font-weight: 700
}

#main #mainContext dl dl {
    background: 0 0;
    padding: 0;
    margin: 0 0 5px;
    width: auto
}

#main #productStructure #mainContext input {
    width: 117px
}

#main #productStructure #reservationHighlight dd dt {
    background-image: none;
    background-color: #b39e76
}

#main .cadre_bloc_proprietaire {
    background-color: #fff;
    padding-top: 11px;
    width: 946px;
    border-radius: 10px
}

#main #highlightOwners {
    background: url(../images/bgd_highlightOwners.png) bottom left no-repeat;
    overflow: auto
}

#main #highlightOwners dl dt {
    background: 0 0;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px
}

#main #highlightOwners dl dd {
    padding: 3px 0 0
}

#main #highlightOwners dd dl {
    overflow: auto;
    background: url(../images/bgd_highlightOwners_dl.gif) top left repeat-x;
    padding: 15px 10px 12px;
    width: 280px
}

#main #highlightImmo {
    background: url(../images/bgd_highlightImmo.gif) top left no-repeat;
    padding: 0;
    overflow: auto
}

#main .highlightWeb {
    background: url(../images/bgd_highlightWeb_dl.gif) bottom left no-repeat;
    overflow: hidden;
    position: relative
}

#main .highlightWeb dt {
    background: url(../images/bgd_highlightWeb_dt.gif) top left no-repeat;
    font-weight: 700;
    padding: 12px 10px 7px 107px;
    color: #000;
    margin: 0
}

#main .highlightWeb dt a {
    color: #000;
    font-weight: 700
}

#main .highlightWeb dd {
    background: 0 0;
    padding: 0 14px 0 105px;
    color: #000;
    font-size: 11px
}

#main .highlightWeb .illustration {
    position: absolute;
    bottom: 43px;
    left: 22px;
    padding: 0
}

#main .submitForm {
    padding: 0 0 10px;
    float: right;
    overflow: hidden
}

#main .submitForm input {
    border: none;
    color: #ff7011;
    width: auto;
    text-transform: uppercase;
    font-weight: 700;
    float: left
}

#main .submitForm a:hover {
    text-decoration: underline
}

#main #searchChoices dl,#main #searchChoices dl dl dl dd {
    padding: 0
}

#main #searchChoices dl dl dl dt {
    background: 0 0;
    padding: 0 0 4px
}

#main #searchChoices dd {
    padding: 0;
    background: 0 0;
    margin: 0 4px 0 5px;
    width: auto
}

#main #searchChoices dd dt {
    text-transform: none;
    color: #000;
    padding: 3px 0 0;
    margin: 0;
    background: url(../images/bgd_searchChoices_dd_dt.gif) top left repeat-x #f3efe6;
    width: 237px
}

#main #searchChoices dd dl {
    background: #fff
}

#main #searchChoices dd dd {
    padding: 5px 10px 10px;
    margin: 0
}

#main #searchChoices .special {
    background: url(../images/bgd_searchChoices_special.gif) top left no-repeat;
    padding: 10px 10px 5px;
    overflow: hidden
}

#main #searchChoices .first {
    background: url(../images/bgd_searchChoices_first.gif) top left no-repeat;
    padding: 8px 0 0;
    width: 237px
}

#main #searchChoices .first dt {
    background: 0 0;
    padding: 0
}

#main #searchChoices ol a {
    padding: 0
}

#main #searchChoices ol a:hover {
    background: 0 0
}

#main #searchChoices ol li.choix_rayon {
    overflow: visible!important
}

#main #searchChoices ol li.choix_rayon a {
    background-color: #efefef
}

#main #searchChoices .moreInformation {
    float: left;
    margin: 2px 0 0
}

#main #searchChoices .last dd {
    padding: 5px 10px
}

#main #searchChoices .inclusion .moreInformation {
    float: none;
    display: inline
}

#main #searchChoicesRef {
    width: 250px;
    margin-bottom: 5px
}

#main #searchChoicesRef span {
    float: left;
    margin-right: 3px;
    font-size: 13px
}

#main #searchChoicesRef #ref_heb_liste {
    width: 100px;
    margin-top: 5px;
    font-size: 13px
}

#main #searchChoicesRef #rechercherRef {
    float: left;
    margin-top: 3px
}

#main .subscribeNewsletter {
    background: url(../images/bgd_subscribeNewsletter_dl.gif) bottom left no-repeat;
    overflow: hidden;
    position: relative
}

#main .subscribeNewsletter dt {
    background: url(../images/bgd_subscribeNewsletter_dt.gif) top left no-repeat;
    font-weight: 700;
    padding: 12px 10px 7px 107px;
    color: #000;
    margin: 0
}

#main .subscribeNewsletter dt a {
    color: #000;
    font-weight: 700
}

#main .subscribeNewsletter dd {
    background: 0 0;
    padding: 0 14px 0 105px;
    color: #000;
    font-size: 11px;
    overflow: hidden
}

#main .subscribeNewsletter .illustration {
    position: absolute;
    bottom: 4px;
    left: 4px;
    padding: 0
}

#main .smallInformation {
    width: 80px
}

#main .highlightOperation {
    background: url(../images/bgd_highlightOperation.gif) bottom left no-repeat;
    overflow: hidden;
    padding: 0 0 20px
}

#main .highlightOperation dt {
    background: url(../images/bgd_highlightOperation_dt.gif) top left no-repeat;
    margin: 0;
    padding: 30px 14px 10px;
    color: #000;
    font-weight: 700
}

#main .highlightOperation dt a {
    color: #000;
    font-weight: 700
}

#main .highlightOperation dd {
    background: 0 0;
    padding: 0 10px
}

#main .highlightNews fieldset {
    padding: 0 0 10px
}

#main .highlightNews fieldset li {
    background: 0 0;
    padding: 0;
    float: left
}

#main .highlightNews dd dt a {
    color: #000;
    text-transform: none;
    font-size: 11px
}

#main #highlightThematics {
    height: 340px
}

#main #highlightThematics dd {
    margin: 0 4px
}

#main #highlightThematics dd dt {
    padding: 25px 20px 10px 10px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    text-transform: none
}

#main #highlightThematics dd dt a {
    font-weight: 700;
    text-transform: none;
    font-size: 28px;
    color: #ccc
}

#main #highlightThematics dd dd {
    padding: 0 30px 0 10px;
    color: #fff
}

#main #highlightThematics .navigation #btn_prev {
    float: left;
    cursor: pointer
}

#main #highlightThematics .navigation #btn_next {
    float: right;
    cursor: pointer
}

#main #highlightThematics .navigation .li_cnt {
    background: url(../images/bgd_highlightThematics_navigation_barre.gif) left top no-repeat;
    text-align: left;
    width: 280px;
    height: 20px;
    float: left
}

#main #highlightThematics .navigation .li_cnt ul li {
    color: #fff;
    margin-left: 3px;
    padding: 0;
    width: 88px;
    float: left
}

#main #highlightThematics .navigation .li_cnt ul li a {
    margin-left: 0;
    padding: 0;
    width: 88px;
    float: left
}

#main #highlightThematics .navigation .li_cnt ul li a span {
    text-align: center;
    margin-left: 4px;
    height: 15px;
    width: 85px;
    float: left;
    overflow: hidden
}

#main #highlightThematics .navigation .li_cnt ul li a:hover {
    background: url(../images/bgd_highlightThematics_navigation.gif) left top no-repeat;
    color: #fff
}

#main #highlightThematics .navigation li {
    background: 0 0;
    padding: 0;
    float: left
}

#main #highlightThematics .navigation li li a {
    color: #444;
    padding: 0 0 0 5px;
    display: block
}

#main #highlightThematics .navigation .last {
    background: 0 0
}

#main .tools li {
    background: 0 0;
    float: left;
    padding: 5px 4px 0 10px;
    margin: 0
}

#main .tools .date {
    clear: both;
    text-align: right;
    padding: 0;
    font-weight: 700
}

#main .tools img {
    border: none;
    margin: 0
}

#main .typeProduct {
    position: absolute;
    top: 3px;
    right: 0;
    padding: 0 10px 0 0
}

#main .typeProduct ul {
    padding: 0
}

#main .typeProduct li {
    float: left;
    margin: 1px 0 0 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    padding: 0 4px;
    text-align: center;
    text-decoration: none
}

#main .locationsGites {
    background: #8faf04
}

#main .chambresHotes {
    background: #2b40a7
}

#main .locationsCampings,#main .locationsGitesEnfants,#main .locationsGitesEtapes {
    background: #8faf04
}

#main .rechercherReserver {
    background: #ff7011
}

#main #otherProductsHighlight {
    padding: 0 0 14px
}

#main #otherProductsHighlight dd dl {
    position: relative;
    min-height: 65px;
    width: 100%;
    padding: 0 0 5px
}

#main #otherProductsHighlight dd dt {
    padding: 0 0 5px 90px
}

#main #otherProductsHighlight dd dd {
    padding: 0 0 0 90px
}

#main #otherProductsHighlight .illustration {
    position: absolute;
    left: 0;
    top: 4px;
    padding: 0
}

#main #reservationHighlight dd dt {
    font-size: 14px;
    color: #fff;
    padding: 3px 10px 4px;
    background-color: #b39e76
}

#main #reservationHighlight dd dd {
    padding: 10px 10px 0
}

#main #reservationHighlight strong {
    display: block
}

#main #reservationHighlight .callCenter {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: url(../images/bgd_productReservation_callCenter2.jpg) right top no-repeat #f9f9f9;
    padding: 10px 20px 10px 10px;
    margin: 0 0 10px
}

#main #reservationHighlight .callProprio,#main #reservationHighlight .votre_sejour {
    background-color: #fff;
    font-size: 14px;
    width: 100%;
    margin: 0;
    float: left;
    box-sizing: border-box
}

#main #reservationHighlight .votre_sejour {
    padding: 0 15px 5px;
    text-align: center;
    position: relative
}

#main #reservationHighlight .callProprio {
    border: 1px solid #e1e1e1;
    padding: 5px;
    display: block;
    border-radius: 0;
    color: #333
}

#main #reservationHighlight a:hover {
    text-decoration: none
}

#main #reservationHighlight .calendar a {
    font-weight: 700;
    text-decoration: none
}

#main #productGeolocalisation dt a:hover {
    text-decoration: none;
    color: #000;
    background-image: url(../images/bgd_blockOpen_hover.gif)
}

#main #productGeolocalisation .active dt a:hover {
    background-image: url(../images/bgd_blockClose_active_hover.gif)
}

#main #productInformation dt a:hover {
    text-decoration: none;
    color: #000;
    background-image: url(../images/bgd_blockOpen_hover.gif)
}

#main #productInformation .active dt a:hover {
    background-image: url(../images/bgd_blockClose_active_hover.gif);
    color: #000;
    cursor: default
}

#main .searchNavigation li {
    overflow: hidden;
    clear: none;
    padding: 1px 0 0 5px;
    float: left;
    font-size: 12px;
    background: 0 0
}

#main .searchNavigation label {
    padding: 0 5px 0 0;
    display: inline;
    width: auto
}

#main #callCenterList dt {
    color: #ff7011;
    background-image: url(../images/bgd_searchStructure_mainContext_dt.gif)
}

#main #callCenterList dd dl {
    margin: 0 0 10px;
    background: url(../images/bgd_callCenterList.gif) 5px 8px no-repeat;
    padding: 0 0 0 30px;
    border: 1px solid #fff
}

#main .calendar tbody td,#main .calendar thead td {
    border-bottom: 2px solid #fff
}

#main #callCenterList dd dt {
    color: #000;
    text-transform: none;
    font-size: 11px
}

#main .calendarHeader li {
    background: 0 0;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 183px
}

#main .calendarHeader .next,#main .calendarHeader .previous {
    width: 20px
}

#main .calendar {
    margin: 0 0 10px;
    font-weight: 700;
    color: #fff
}

#main .calendar td {
    padding: 2px 0
}

#main .calendar a {
    display: block;
    text-decoration: none;
    color: #fff
}

#main .calendar a:hover {
    color: #ff7011
}

#main .calendar thead td {
    font-weight: 700
}

#main .calendarInformation {
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%
}

#menu3 ul,body.fiche #header,body.liste #header {
    overflow: visible
}

#main .calendarInformation li {
    background: url(../images/bgd_calendar_disponible.gif) no-repeat;
    margin: 0 0 3px;
    padding: 0 0 0 15px;
    width: 190px;
    float: left;
    font-size: 10px
}

#main .calendarInformation .nonReservable {
    background-image: url(../images/bgd_calendar_nonReservable.gif)
}

#main .calendarInformation .surDemande {
    background-image: url(../images/bgd_calendar_surDemande.gif);
    width: 85px
}

#main .calendarInformation .indisponible {
    background-image: url(../images/bgd_calendar_indisponible.gif);
    width: 85px
}

#main .calendarInformation .libre {
    background-image: url(../images/bg_libre.jpg)
}

#main .calendarInformation .indispo {
    background-image: url(../images/bg_indispo.jpg)
}

#main .calendarInformation .promo {
    background-image: url(../images/bg_promo.jpg)
}

#main .calendarInformation .partiel_dispo {
    background-image: url(../images/bg_partiel_dispo.jpg)
}

#main .calendarInformation .loc_ferme {
    background-image: url(../images/bg_ferme.jpg)
}

#main .listLinks li {
    background: 0 0;
    padding: 0;
    float: left;
    margin: 0
}

#main .highlightButton img {
    border: none;
    float: none;
    margin: 0
}

#main .links li {
    padding: 0 0 5px 18px;
    background: url(../images/bgd_links_li.gif) 0 1px no-repeat
}

#main .links li a {
    padding: 0;
    background: 0 0;
    display: inline
}

#main .links li a:hover {
    color: #000;
    text-decoration: underline;
    background: 0 0
}

#main .changeInformation a,#main .changeInformation a:hover {
    background: url(../images/bgd_changeInformation.gif) right no-repeat;
    color: #e77512
}

#main #highlightSearch ol ul label {
    float: left;
    width: auto
}

#main .addPersonal input {
    width: auto;
    margin: 0 5px 0 0;
    float: left;
    border: none
}

#main .changeInformation a {
    text-align: right;
    margin: 0;
    padding: 6px 23px 0 0;
    float: right;
    display: block;
    font-weight: 400;
    text-decoration: none;
    width: auto
}

#main .changeInformation a:hover {
    text-decoration: underline
}

#main .articleText .mapImage {
    float: right;
    border: none
}

#main #cnt_cld {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-top: 70px;
    box-sizing: border-box
}

#main #cnt_cld #cnt_vs {
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
    margin-top: 0;
    box-sizing: border-box
}

#main #locationsGites #reservationHighlight dd.proprio {
    background: 0 0;
    display: inline-block
}

#main #locationsGites #reservationHighlight #tarifs .tab_tarifs {
    width: 170px;
    font-size: 1em
}

#main #locationsGites #reservationHighlight #tarifs thead th {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0
}

#main #locationsGites #reservationHighlight #tarifs thead td {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0;
    text-align: left
}

#main #locationsGites #reservationHighlight #tarifs tbody th {
    border: none;
    padding: 0 0 0 5px;
    background-repeat: no-repeat;
    text-align: center
}

#main #locationsGites #reservationHighlight #tarifs tbody td {
    border: none;
    padding: 4px 2px 0
}

#main #locationsGites #reservationHighlight .dl_tarifs dd {
    background-image: none
}

#main #chambresHotes #reservationHighlight #dl_planning #tarifs {
    background: 0 0;
    float: left;
    width: 250px
}

#main #chambresHotes #reservationHighlight #dl_planning .tab_tarifs_court {
    width: 250px;
    font-size: 1em;
    margin-top: 10px 0 10px 5px
}

#main #cityBreak #reservationHighlight #tarifs .tab_tarifs,#main #locationsCampings #reservationHighlight #tarifs .tab_tarifs,#main #locationsGitesEnfants #reservationHighlight #tarifs .tab_tarifs,#main #locationsGitesEtapes #reservationHighlight #tarifs .tab_tarifs {
    width: 170px;
    font-size: 1em
}

#main #chambresHotes #reservationHighlight #dl_planning .tab_tarifs_court thead th {
    background-color: #f6f6f6;
    color: #2b40a7;
    padding: 5px;
    text-align: left;
    font-weight: 700
}

#main #chambresHotes #reservationHighlight #dl_planning .tab_tarifs_court thead td {
    background: 0 0;
    color: #000;
    font-weight: 400;
    padding: 0
}

#main #chambresHotes #reservationHighlight #dl_planning .tab_tarifs_court tbody th {
    border: none;
    padding: 0 0 0 20px;
    background-repeat: no-repeat
}

#main #chambresHotes #reservationHighlight #dl_planning .tab_tarifs_court tbody td {
    padding: 4px;
    border: 1px solid #efefef
}

#main #cityBreak #reservationHighlight dd.proprio {
    background: 0 0;
    display: inline-block
}

#main #cityBreak #reservationHighlight #tarifs tbody th,#main #locationsCampings #reservationHighlight #tarifs tbody th,#main #locationsGitesEnfants #reservationHighlight #tarifs tbody th,#main #locationsGitesEtapes #reservationHighlight #tarifs tbody th {
    padding: 0 0 0 5px;
    background-repeat: no-repeat;
    border: none;
    text-align: center
}

#main #cityBreak #reservationHighlight #tarifs thead th {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0
}

#main #cityBreak #reservationHighlight #tarifs thead td {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0;
    text-align: left
}

#main #cityBreak #reservationHighlight #tarifs tbody td {
    border: none;
    padding: 4px 2px 0
}

#main #cityBreak #reservationHighlight .dl_tarifs dd {
    background-image: none
}

#main #locationsCampings #reservationHighlight #tarifs thead th {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0
}

#main #locationsCampings #reservationHighlight #tarifs thead td {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0;
    text-align: left
}

#main #locationsCampings #reservationHighlight #tarifs tbody td {
    border: none;
    padding: 4px 2px 0
}

#main #locationsCampings #reservationHighlight .dl_tarifs dd {
    background-image: none
}

#main #locationsGitesEnfants #reservationHighlight #tarifs thead th {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0
}

#main #locationsGitesEnfants #reservationHighlight #tarifs thead td {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0;
    text-align: left
}

#main #locationsGitesEnfants #reservationHighlight #tarifs tbody td {
    border: none;
    padding: 4px 2px 0
}

#main #locationsGitesEnfants #reservationHighlight .dl_tarifs dd {
    background-image: none
}

#main #locationsGitesEtapes #reservationHighlight #tarifs thead th {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0
}

#main #locationsGitesEtapes #reservationHighlight #tarifs thead td {
    background: 0 0;
    color: #333;
    font-weight: 400;
    padding: 0;
    text-align: left
}

#main #locationsGitesEtapes #reservationHighlight #tarifs tbody td {
    border: none;
    padding: 4px 2px 0
}

#main #locationsGitesEtapes #reservationHighlight .dl_tarifs dd {
    background-image: none
}

#main .payment li {
    background: 0 0;
    padding: 0 5px 0 0;
    margin: 0;
    display: inline
}

#locationsCampings #onglet_description #services,#locationsGitesEtapes #onglet_description #services {
    display: none
}

#main #productLoisirs dd dl {
    overflow: hidden;
    margin: 0 0 5px;
    width: 100%
}

#main #productLoisirs dd dt {
    background: 0 0;
    float: left;
    clear: both;
    padding: 0 0 0 3px;
    width: 30px
}

#main #productLoisirs dd dd {
    background: 0 0;
    float: left;
    padding: 5px 0;
    width: 190px
}

#main .guidesHighlight img {
    border: none;
    margin: 0 0 10px O;
    float: none
}

#main #resultDisplay a:hover {
    color: #ff7011;
    text-decoration: none
}

#main #reservationMenu li {
    background: 0 0;
    width: 102px;
    float: left;
    padding: 0
}

#main #disponibilites .calendarInformation {
    width: 600px
}

#main #disponibilites .calendarInformation li {
    width: auto;
    padding: 0 20px 0 15px
}

#chambresHotes,#cityBreak,#locationsCampings,#locationsGites,#locationsGitesEnfants,#locationsGitesEtapes {
    width: 1150px;
    margin: 0 auto;
    text-align: left
}

#neutral {
    width: 963px;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box
}

#locationsGites #highlightSearch {
    background-image: url(../images/bgd_highlightSearch_locationsGites.gif)
}

#locationsGites #highlightSearch h2 {
    color: #8faf04
}

#locationsGites #highlightSearch ul .active {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsGites #highlightSearch ul .last .active,#locationsGites #highlightSearch ul .last a:hover {
    background-image: url(../images/bgd_highlightSearch_last_active_locationsGites.gif)
}

#locationsGites #highlightSearch ul a:hover {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsGites #highlightSearch .date input {
    background-image: url(../images/bgd_calendar_locationsGites.gif)
}

.cadre_productHeader {
    padding-top: 0
}

#locationsGites #productGeolocalisation dt a {
    background-image: url(../images/bgd_blockOpen_locationsGites.gif);
    color: #667801
}

#locationsGites #productGeolocalisation .active dt a {
    background-image: url(../images/bgd_blockClose_active_locationsGites.gif)
}

#locationsGites #productInformation dt a {
    color: #667801;
    background-image: url(../images/bgd_blockOpen_locationsGites.gif)
}

#locationsGites #productInformation .active dt a {
    color: #667801;
    background-image: url(../images/bgd_blockClose_active_locationsGites.gif);
    cursor: default
}

#locationsGites .submitForm a {
    background-image: url(../images/bgd_hightlightSearch_submitForm_a_locationsGites.gif)
}

#locationsGites #productStructure #reservationHighlight dd dt {
    background-color: #8faf04;
    paddin-top: 5px;
    padding-bottom: 8px;
    padding-top: 8px
}

#locationsGites #productStrength h3 {
    color: #667801
}

#locationsGites #mainContext .descriptionProduct dt {
    background-image: url(../images/bgd_mainContext_dt_locationsGites.gif)
}

#locationsGites #mainContext .descriptionProduct dd {
    background-image: url(../images/bgd_mainContext_dd_locationsGites.gif)
}

#locationsGites #mainContext .descriptionProduct li {
    background-image: url(../images/li_common_locationsGites.gif)
}

#chambresHotes #highlightSearch {
    background-image: url(../images/bgd_highlightSearch_chambresHotes.gif)
}

#chambresHotes #highlightSearch h2 {
    color: #2b40a7
}

#chambresHotes #highlightSearch ul .active {
    background-image: url(../images/bgd_highlightSearch_active_chambresHotes.gif)
}

#chambresHotes #highlightSearch ul .last .active,#chambresHotes #highlightSearch ul .last a:hover {
    background-image: url(../images/bgd_highlightSearch_last_active_chambresHotes.gif)
}

#chambresHotes #highlightSearch ul a:hover {
    background-image: url(../images/bgd_highlightSearch_active_chambresHotes.gif)
}

#chambresHotes #highlightSearch .date input {
    background-image: url(../images/bgd_calendar_chambresHotes.gif)
}

#chambresHotes #productGeolocalisation dt a {
    background-image: url(../images/bgd_blockOpen_chambresHotes.gif);
    color: #2b40a7
}

#chambresHotes #productGeolocalisation .active dt a {
    background-image: url(../images/bgd_blockClose_active_chambresHotes.gif)
}

#chambresHotes #productInformation dt a {
    color: #2b40a7;
    background-image: url(../images/bgd_blockOpen_chambresHotes.gif)
}

#chambresHotes #productInformation dt a:hover {
    color: #2b40a7;
    cursor: default
}

#chambresHotes #productInformation .active dt a {
    color: #2b40a7;
    background-image: url(../images/bgd_blockClose_active_chambresHotes.gif);
    cursor: default
}

#chambresHotes .submitForm a {
    background-image: url(../images/bgd_hightlightSearch_submitForm_a_chambresHotes.gif)
}

#chambresHotes #productStructure #reservationHighlight dd dt {
    background-color: #2b40a7;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700
}

#chambresHotes #productStrength h3 {
    color: #2b40a7
}

#chambresHotes #mainContext .descriptionProduct dt {
    background-image: url(../images/bgd_mainContext_dt_chambresHotes.gif)
}

#chambresHotes #mainContext .descriptionProduct dd {
    background-image: url(../images/bgd_mainContext_dd_chambresHotes.gif)
}

#chambresHotes #mainContext .descriptionProduct li {
    background-image: url(../images/li_common_chambresHotes.gif)
}

#cityBreak #highlightSearch {
    background-image: url(../images/bgd_highlightSearch_cityBreak.gif)
}

#cityBreak #highlightSearch h2 {
    color: #ca4987
}

#cityBreak #highlightSearch ul .active {
    background-image: url(../images/bgd_highlightSearch_active_cityBreak.gif)
}

#cityBreak #highlightSearch ul .last .active,#cityBreak #highlightSearch ul .last a:hover {
    background-image: url(../images/bgd_highlightSearch_last_active_cityBreak.gif)
}

#cityBreak #highlightSearch ul a:hover {
    background-image: url(../images/bgd_highlightSearch_active_cityBreak.gif)
}

#cityBreak #highlightSearch .date input {
    background-image: url(../images/bgd_calendar_cityBreak.gif)
}

#cityBreak #productGeolocalisation dt a {
    background-image: url(../images/bgd_blockOpen_locationsCityBreak.gif);
    color: #ca4987
}

#cityBreak #productGeolocalisation .active dt a {
    background-image: url(../images/bgd_blockClose_active_locationsCityBreak.gif)
}

#cityBreak #productInformation dt a {
    color: #ca4987;
    background-image: url(../images/bgd_blockOpen_locationsCityBreak.gif)
}

#cityBreak #productInformation .active dt a {
    color: #ca4987;
    background-image: url(../images/bgd_blockClose_active_locationsCityBreak.gif);
    cursor: default
}

#cityBreak .submitForm a {
    background-image: url(../images/bgd_hightlightSearch_submitForm_a_cityBreak.gif)
}

#cityBreak #productStructure #reservationHighlight dd dt {
    background-color: #ca4987;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700
}

#cityBreak #productStrength h3 {
    color: #ca4987
}

#cityBreak #mainContext .descriptionProduct dt {
    background-image: url(../images/bgd_mainContext_dt_locationsCityBreak.gif)
}

#cityBreak #mainContext .descriptionProduct dd {
    background-image: url(../images/bgd_mainContext_dd_locationsCityBreak.gif)
}

#cityBreak #mainContext .descriptionProduct li {
    background-image: url(../images/li_common_locationsCityBreak.gif)
}

#locationsGitesEnfants #highlightSearch {
    background-image: url(../images/bgd_highlightSearch_locationsGites.gif)
}

#locationsGitesEnfants #highlightSearch h2 {
    color: #8faf04
}

#locationsGitesEnfants #highlightSearch ul .active {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsGitesEnfants #highlightSearch ul .last .active,#locationsGitesEnfants #highlightSearch ul .last a:hover {
    background-image: url(../images/bgd_highlightSearch_last_active_locationsGites.gif)
}

#locationsGitesEnfants #highlightSearch ul a:hover {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsGitesEnfants #highlightSearch .date input {
    background-image: url(../images/bgd_calendar_locationsGites.gif)
}

#locationsGitesEnfants #productGeolocalisation dt a {
    background-image: url(../images/bgd_blockOpen_locationsGitesEnfants.gif);
    color: #667801
}

#locationsGitesEnfants #productGeolocalisation .active dt a {
    background-image: url(../images/bgd_blockClose_active_locationsGitesEnfants.gif)
}

#locationsGitesEnfants #productInformation dt a {
    color: #77b9aa;
    background-image: url(../images/bgd_blockOpen_locationsGitesEnfants.gif)
}

#locationsGitesEnfants #productInformation dt a:hover {
    color: #77b9aa;
    cursor: default
}

#locationsGitesEnfants #productInformation .active dt a {
    color: #77b9aa;
    background-image: url(../images/bgd_blockClose_active_locationsGitesEnfants.gif);
    cursor: default
}

#locationsGitesEnfants .submitForm a {
    background-image: url(../images/bgd_hightlightSearch_submitForm_a_locationsGites.gif)
}

#locationsGitesEnfants #productStructure #reservationHighlight dd dt {
    background-color: #77b9aa;
    paddin-top: 5px;
    padding-bottom: 8px;
    padding-top: 8px
}

#locationsGitesEnfants #productStrength h3 {
    color: #77b9aa
}

#locationsGitesEnfants #mainContext .descriptionProduct dt {
    background-image: url(../images/bgd_mainContext_dt_locationsGitesEnfants.gif)
}

#locationsGitesEnfants #mainContext .descriptionProduct dd {
    background-image: url(../images/bgd_mainContext_dd_locationsGitesEnfants.gif)
}

#locationsGitesEnfants #mainContext .descriptionProduct li {
    background-image: url(../images/li_common_locationsGitesEnfants.gif)
}

#locationsGitesEtapes #highlightSearch {
    background-image: url(../images/bgd_highlightSearch_locationsGites.gif)
}

#locationsGitesEtapes #highlightSearch h2 {
    color: #8faf04
}

#locationsGitesEtapes #highlightSearch ul .active {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsGitesEtapes #highlightSearch ul .last .active,#locationsGitesEtapes #highlightSearch ul .last a:hover {
    background-image: url(../images/bgd_highlightSearch_last_active_locationsGites.gif)
}

#locationsGitesEtapes #highlightSearch ul a:hover {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsGitesEtapes #highlightSearch .date input {
    background-image: url(../images/bgd_calendar_locationsGites.gif)
}

#locationsGitesEtapes #productGeolocalisation dt a {
    background-image: url(../images/bgd_blockOpen_locationsGitesEtapes.gif);
    color: #667801
}

#locationsGitesEtapes #productGeolocalisation .active dt a {
    background-image: url(../images/bgd_blockClose_active_locationsGitesEtapes.gif)
}

#locationsGitesEtapes #productInformation dt a {
    color: #8c0903;
    background-image: url(../images/bgd_blockOpen_locationsGitesEtapes.gif)
}

#locationsGitesEtapes #productInformation dt a:hover {
    color: #8c0903;
    cursor: default
}

#locationsGitesEtapes #productInformation .active dt a {
    color: #8c0903;
    background-image: url(../images/bgd_blockClose_active_locationsGitesEtapes.gif);
    cursor: default
}

#locationsGitesEtapes .submitForm a {
    background-image: url(../images/bgd_hightlightSearch_submitForm_a_locationsGites.gif)
}

#locationsGitesEtapes #productStructure #reservationHighlight dd dt {
    background-color: #8c0903;
    paddin-top: 5px;
    padding-bottom: 8px;
    padding-top: 8px
}

#locationsGitesEtapes #productStrength h3 {
    color: #8c0903
}

#locationsGitesEtapes #mainContext .descriptionProduct dt {
    background-image: url(../images/bgd_mainContext_dt_locationsGitesEtapes.gif)
}

#locationsGitesEtapes #mainContext .descriptionProduct dd {
    background-image: url(../images/bgd_mainContext_dd_locationsGitesEtapes.gif)
}

#locationsGitesEtapes #mainContext .descriptionProduct li {
    background-image: url(../images/li_common_locationsGitesEtapes.gif)
}

#locationsCampings #highlightSearch {
    background-image: url(../images/bgd_highlightSearch_locationsGites.gif)
}

#locationsCampings #highlightSearch h2 {
    color: #8faf04
}

#locationsCampings #highlightSearch ul .active {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsCampings #highlightSearch ul .last .active,#locationsCampings #highlightSearch ul .last a:hover {
    background-image: url(../images/bgd_highlightSearch_last_active_locationsGites.gif)
}

#locationsCampings #highlightSearch ul a:hover {
    background-image: url(../images/bgd_highlightSearch_active_locationsGites.gif)
}

#locationsCampings #highlightSearch .date input {
    background-image: url(../images/bgd_calendar_locationsGites.gif)
}

#locationsCampings #productGeolocalisation dt a {
    background-image: url(../images/bgd_blockOpen_locationsCampings.gif);
    color: #667801
}

#locationsCampings #productGeolocalisation .active dt a {
    background-image: url(../images/bgd_blockClose_active_locationsCampings.gif)
}

#locationsCampings #productInformation dt a {
    color: #ff7011;
    background-image: url(../images/bgd_blockOpen_locationsCampings.gif)
}

#locationsCampings #productInformation .active dt a {
    color: #ff7011;
    background-image: url(../images/bgd_blockClose_active_locationsCampings.gif);
    cursor: default
}

#locationsCampings .submitForm a {
    background-image: url(../images/bgd_hightlightSearch_submitForm_a_locationsGites.gif)
}

#locationsCampings #productStructure #reservationHighlight dd dt {
    background-color: #ff7011;
    paddin-top: 5px;
    padding-bottom: 8px;
    padding-top: 8px
}

#locationsCampings #productStrength h3 {
    color: #ff7011
}

#locationsCampings #mainContext .descriptionProduct dt {
    background-image: url(../images/bgd_mainContext_dt_locationsCampings.gif)
}

#locationsCampings #mainContext .descriptionProduct dd {
    background-image: url(../images/bgd_mainContext_dd_locationsCampings.gif)
}

#locationsCampings #mainContext .descriptionProduct li {
    background-image: url(../images/li_common_locationsCampings.gif)
}

#header {
    overflow: hidden;
    clear: both;
    color: #a6926d;
    position: relative;
    height: auto;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box
}

#header dt {
    width: 425px;
    padding: 3px 0 0;
    float: left
}

#header dd {
    width: 535px;
    padding: 0 0 12px;
    float: left
}

#header strong {
    display: block;
    font-size: 18px;
    font-weight: 400
}

#header a {
    color: #a6926d;
    font-weight: 400
}

#header #head1 {
    color: #47c315;
    width: 100%;
    text-align: center;
    font-family: trebuchet MS,verdana;
    text-transform: none;
    font-size: 1.9em;
    font-weight: 400;
    margin-top: -10px;
    height: 140px
}

#header #head1 #liens_bandeau {
    position: absolute;
    top: 10px;
    margin-left: 600px;
    font-family: Arial,Helvetica,sans-serif;
    color: #f60;
    font-size: 15px
}

#header #head1 #liens_bandeau a.espace,#header #head1 #liens_bandeau a.label,#header #head1 #liens_bandeau a.moncompte,#header #head1 #liens_bandeau a.monpanier {
    font-size: .85em;
    text-decoration: underline;
    padding-top: 30px;
    text-align: center
}

#header #head1 #liens_bandeau a {
    color: #f60;
    font-weight: 700;
    width: 72px
}

#header #head1 #liens_bandeau a.espace::before,#header #head1 #liens_bandeau a.espace:hover::before,#header #head1 #liens_bandeau a.moncompte::before,#header #head1 #liens_bandeau a.moncompte:hover::before,#header #head1 #liens_bandeau a.monpanier::before,#header #head1 #liens_bandeau a.monpanier:hover::before {
    width: 30px;
    content: "";
    background-image: url(../images/sprite-bandeau.png);
    height: 30px;
    display: inline-block;
    top: 0;
    background-repeat: no-repeat;
    left: 0
}

#header #head1 #liens_bandeau a.moncompte {
    position: relative;
    font-weight: 400;
    display: inline-block
}

#header #head1 #liens_bandeau a.moncompte::before,#header #head1 #liens_bandeau a.moncompte:hover::before {
    position: absolute;
    margin-left: 21px
}

#header #head1 #liens_bandeau a.moncompte:hover::before {
    background-position: 0 -79px
}

#header #head1 #liens_bandeau a.moncompte::before {
    background-position: 0 -124px
}

#header #head1 #liens_bandeau a.monpanier {
    position: relative;
    font-weight: 400;
    display: inline-block
}

#header #head1 #liens_bandeau a.monpanier::before,#header #head1 #liens_bandeau a.monpanier:hover::before {
    position: absolute;
    margin-left: 21px
}

#header #head1 #liens_bandeau a.monpanier:hover::before {
    background-position: 0 -40px
}

#header #head1 #liens_bandeau a.monpanier::before {
    background-position: 0 -2px
}

#header #head1 #liens_bandeau a.espace {
    position: relative;
    font-weight: 400;
    display: inline-block
}

#header #head1 #liens_bandeau a.espace::before,#header #head1 #liens_bandeau a.espace:hover::before {
    position: absolute;
    margin-left: 22px
}

#header #head1 #liens_bandeau a.espace:hover::before {
    background-position: 0 -210px
}

#header #head1 #liens_bandeau a.espace::before {
    background-position: 0 -253px
}

#header #head1 #liens_bandeau a.label {
    position: relative;
    width: 55px;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px
}

#header #head1 #liens_bandeau a.label.st2 {
    background-color: #ff6100;
    color: #fff
}

#header #head1 #liens_bandeau a.label::before,#header #head1 #liens_bandeau a.label:hover::before {
    content: "";
    background-image: url(../images/sprite-bandeau.png);
    background-repeat: no-repeat;
    background-position: 0 -165px;
    height: 30px;
    display: inline-block;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 12px
}

#header #head1.fiche {
    height: 75px
}

#header #head1.fiche #liens_bandeau {
    top: 5px;
    margin-left: 610px
}

#header #head2 {
    color: #47c315;
    margin-left: 320px
}

#header #head3 {
    color: #47c315;
    margin-left: 400px
}

#header #head1-2 {
    color: #47c315;
    text-align: center;
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em
}

#header #liens_bandeau a,#header .numero {
    color: #fff;
    display: inline-block;
    text-align: center
}

#header:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 75px;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom,#929296 2%,#ccc 100%)
}

#header .numero>span>b,#header .titre {
    position: relative;
    display: inline-block
}

#header #btn_accueil {
    background-image: url(../images/logo-site.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
    height: 80px;
    margin-top: 0
}

#header .titre {
    width: 320px;
    min-height: 70px;
    background: url(../images/accueil-coeur.png) 100% 100% no-repeat;
    vertical-align: top
}

#header .numero {
    font-size: 15px;
    margin: -20px 10px 0 15px;
    max-width: 230px
}

#header .numero>span>b {
    font-size: 17px;
    padding: 0 10px;
    background: rgba(0,0,0,.8);
    line-height: 29px;
    border-radius: 5px;
    margin: 5px 0 5px 20px
}

#header .numero>span>b:before {
    content: '';
    height: 29px;
    width: 23px;
    display: inline-block;
    background: url(../images/fd-phone.png) no-repeat;
    margin-left: -29px;
    position: absolute
}

#header .numero span {
    display: inline-block;
    width: 100%
}

#header #header_diapo {
    width: 100%;
    min-height: 630px;
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -70px
}

#header #header_top {
    margin-left: calc(100vw / 2 - 496px);
    width: 963px;
    height: 75px
}

#header #liens_bandeau {
    display: inline-block;
    vertical-align: top;
    width: 630px;
    padding: 0;
    margin: 30px 0 0;
    position: relative
}

#header #liens_bandeau a {
    vertical-align: top;
    height: 100%;
    font-size: 14px;
    text-decoration: none;
    border-right: 1px dotted #fff;
    padding: 0 5px
}

#div_medias #div_mediasPhotos .itea_fancyboxPrincipale img,.productButtons ul li {
    vertical-align: middle
}

#header #liens_bandeau a:nth-child(2) {
    max-width: 80px
}

#header #liens_bandeau.de a:nth-child(2),#header #liens_bandeau.en a:nth-child(2) {
    max-width: 60px
}

#header #liens_bandeau a:nth-child(6) {
    padding-right: 0;
    border-right: none
}

#menu2 {
    float: right
}

#menu2 li {
    float: left;
    padding: 0;
    background: 0 0
}

#menu2 li a {
    text-decoration: none;
    font-weight: 400;
    display: block;
    padding: 0 8px 0 21px;
    background: url(../images/bgd_menu2_li_a.gif) top left no-repeat
}

#menu2 li .active,#menu2 li a:hover {
    text-decoration: underline
}

#menu2 li .active {
    background-position: 0 -16px
}

#faqStructure .articleText dt a,#mainContext dl a,#menu2 li .active:hover,#menu3 a,#siteMapStructure #content a,#subContext dl a {
    text-decoration: none
}

#mainContext dl a:hover,#subContext dl a:hover {
    text-decoration: underline
}

#menu2 .first a {
    background: 0 0;
    padding: 0 6px 0 0
}

#menu3 {
    text-transform: uppercase;
    clear: both;
    padding: 0 0 0 10px;
    position: relative;
    height: 54px;
    display: none
}

#menu3 a {
    color: #655434;
    padding: 7px 5px 19px 7px;
    margin: 0;
    width: 81px;
    display: block;
    background: url(../images/bgd_menu3_a.png) no-repeat
}

#menu3 a:hover {
    background-position: 0 -65px;
    color: #fff
}

#menu3 a.btn_home,#menu3 a.btn_home:hover {
    display: inline-block;
    height: 39px;
    width: 32px;
    background-image: url(../images/btn_home.png);
    float: left;
    background-position: center center;
    background-color: #d8c9ab;
    padding: 0;
    margin: 0 0 0 2px
}

#menu3 .active {
    background-position: 0 -65px;
    color: #fff
}

#menu3 .opened,#menu3 .opened:hover {
    background-position: 0 -548px;
    color: #655434
}

#menu3 .locationsGites a {
    background-position: 0 -241px;
    color: #fff
}

#menu3 .locationsGites .active,#menu3 .locationsGites a:hover {
    background-position: 0 -297px
}

#menu3 .chambresHotes a {
    background-position: 0 -359px;
    color: #fff
}

#menu3 .chambresHotes .active,#menu3 .chambresHotes a:hover {
    background-position: 0 -415px
}

#menu3 .cityBreak a {
    background-position: 0 -121px;
    color: #fff
}

#menu3 .cityBreak .active,#menu3 .cityBreak a:hover {
    background-position: 0 -177px
}

#menu3 .cityBreak a>span {
    font-size: 9px;
    font-weight: 700;
    margin-left: -1px
}

#mainContext dl a,#mainContext dt {
    font-weight: 400
}

#menu3 .rechercherReserver a {
    background-position: 0 -479px;
    color: #fff
}

#menu3 .rechercherReserver .active,#menu3 .rechercherReserver a:hover {
    background-position: 0 -535px
}

#menu3 .gitesEnfants a {
    background-position: 0 -640px;
    color: #fff
}

#menu3 .gitesEnfants .active,#menu3 .gitesEnfants a:hover {
    background-position: 0 -699px
}

#menu3 .gitesGroupes a {
    background-position: 0 -758px;
    color: #fff
}

#menu3 .gitesGroupes .active,#menu3 .gitesGroupes a:hover {
    background-position: 0 -817px
}

#menu3 .gitesGrands a {
    background-position: 0 -898px;
    color: #fff
}

#menu3 .gitesGrands .active,#menu3 .gitesGrands a:hover {
    background-position: 0 -957px
}

#menu3 #cnt_campings {
    position: relative;
    width: auto;
    height: auto;
    float: left;
    z-index: 10001
}

#menu3 #cnt_campings .locationsInsolites a {
    background-position: 0 -121px;
    color: #fff
}

#menu3 #cnt_campings .locationsInsolites a:hover {
    background-position: 0 -177px
}

#menu3 #cnt_campings .locationsInsolites .active {
    background-position: 0 -121px
}

#menu3 #cnt_campings .smenu_campings {
    position: absolute;
    top: 39px;
    background-color: #fff;
    margin: 0 -204px 0 11px;
    width: 295px;
    display: none;
    padding-top: 10px;
    padding-bottom: 9px;
    z-index: -1
}

#menu3 #cnt_campings .smenu_campings.camping {
    right: 0;
    margin-top: 0
}

#menu3 #cnt_campings .smenu_campings.camping li:before {
    content: "";
    height: 5px;
    width: 5px;
    position: absolute;
    background-color: #ff7011;
    margin-top: 13px;
    margin-left: -2px
}

#menu3 #cnt_campings .smenu_campings.insolites {
    left: 0;
    width: 397px
}

#menu3 #cnt_campings .smenu_campings.insolites li {
    min-width: 95px
}

#menu3 #cnt_campings .smenu_campings.insolites li:before {
    content: "";
    height: 5px;
    width: 5px;
    position: absolute;
    background-color: #b13f76;
    margin-top: 13px;
    margin-left: -2px
}

#menu3 #cnt_campings .smenu_campings li {
    background: 0 0;
    min-width: 117px;
    display: inline-block;
    width: auto;
    padding-left: 5px
}

#menu3 #cnt_campings .smenu_campings li a {
    width: 100%;
    background: 0 0;
    color: #000;
    text-transform: none;
    padding: 8px 5px 7px 9px;
    font-weight: 400;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    display: inline-block
}

#menu3 #cnt_campings .smenu_campings li a:hover {
    color: #f60
}

#menu3.fiche {
    margin-top: -54px!important
}

#menu3.fiche #menu3 .first a {
    margin: 0
}

#mainStructure {
    overflow: hidden;
    clear: both
}

#mainStructure.bonsplans {
    margin-left: 12px;
    width: 100%
}

#mainStructure.bonsplans #contenu_regroupements,#mainStructure.bonsplans #contenu_regroupements #cote_gauche {
    width: 100%
}

#mainStructure.bonsplans #contenu_regroupements #cote_gauche #bloc {
    width: 225px
}

#mainStructure.bonsplans #contenu_regroupements #cote_gauche #bloc * {
    max-width: 100%;
    box-sizing: border-box
}

#mainStructure.bonsplans #contenu_regroupements #cote_gauche #bloc .interbloc {
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    position: relative
}

#mainStructure.bonsplans #contenu_regroupements #cote_gauche #bloc .lien2 {
    position: relative;
    bottom: 0
}

#mainStructure.bonsplans #moteur_bplans form {
    padding-left: 3px
}

#content {
    float: left;
    width: 512px;
    margin: 0 8px 0 0;
    overflow: hidden
}

#content .howMany {
    overflow: hidden;
    padding: 0 0 10px
}

#content .howMany li {
    float: left;
    padding: 0 10px 0 0
}

#content .howMany label {
    display: inline;
    float: none;
    width: auto
}

#content .howMany select {
    width: 40px
}

#content .animals {
    overflow: hidden;
    padding: 0 0 10px
}

#content .animals li {
    float: left;
    padding: 0 10px 0 0
}

#content .animals label {
    display: inline;
    float: none;
    width: auto
}

#content .animals input {
    width: auto;
    border: none
}

#content .assurance {
    overflow: hidden;
    padding: 0 0 10px
}

#content .assurance li {
    float: left;
    padding: 0 10px 0 0
}

#content .assurance label,#content form ol ul label {
    width: auto;
    display: inline;
    float: none
}

#content .assurance input {
    width: auto;
    border: none
}

#content .information {
    font-style: italic
}

#content .submitForm input {
    margin: 0 0 0 20px
}

#content .when input {
    width: 110px;
    background: url(../images/bgd_calendar.gif) 97px 1px no-repeat;
    margin: 0 5px 0 0
}

#mainContext {
    float: left;
    width: 308px;
    margin: 0 0 0 7px
}

#mainContext dl {
    margin: 0 0 7px;
    padding: 0 0 4px;
    position: relative;
    width: 100%
}

#mainContext dl a.nouveau {
    display: inline-block
}

#mainContext dl dl dt {
    background: 0 0;
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 11px
}

#mainContext dd.fd_blanc,#mainContext dd.fd_blanc2 {
    background: url(../images/bgd_mainContext_dl.png) bottom left no-repeat;
    font-size: 11px;
    overflow: hidden
}

#mainContext dl dl dt a {
    color: #000;
    text-transform: none
}

#mainContext dd {
    padding: 15px 10px 0;
    margin-left: 4px
}

#mainContext dd.fd_blanc {
    min-height: 200px
}

#mainContext dd.fd_blanc.nopad {
    padding: 0
}

#mainContext dd.fd_blanc2 {
    height: 198px
}

#mainContext dd.fd_blanc2 dl {
    height: 185px;
    overflow: hidden;
    padding: 0
}

#mainContext dd #btn_contact {
    text-align: center;
    margin: 10px;
    position: relative
}

#mainContext dt {
    padding: 10px 14px 5px;
    color: #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px
}

#accordion-1 dt,#cnt_dsp #comment,#mainContext .choix_date,#mainContext .choix_date #duree,#resultListTriCnt #articleCommune h1,#resultVotreRech select,.productsHighlight .selection,.slider_lib_cha #nb_cha_max,.slider_lib_cha #nb_cha_min {
    font-family: Arial,Helvetica,sans-serif
}

#mainContext dt a {
    color: #fff
}

#mainContext .submitForm {
    margin: -2px 0 0 3px
}

#mainContext .submitForm input {
    border: none;
    width: auto
}

#mainContext h2 {
    font-size: 11px;
    padding: 0 0 10px;
    margin: 0;
    text-transform: none
}

#mainContext #reservationHighlight dt {
    background-color: #8faf04;
    width: 100%;
    display: inline-block;
    margin-top: -3px;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    font-weight: 700;
    padding: 11px;
    font-size: 16px;
    position: relative
}

#mainContext #reservationHighlight dt.campings.titre:before,#mainContext #reservationHighlight dt.chambreHotes.titre:before,#mainContext #reservationHighlight dt.cityBreak.titre:before,#mainContext #reservationHighlight dt.gitesEtapes.titre:before,#mainContext #reservationHighlight dt.titre:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    left: 20px;
    bottom: -10px;
    position: absolute;
    content: ""
}

#mainContext #reservationHighlight #btn_contact {
    position: relative;
    margin: 20px 0;
    float: left
}

#mainContext #reservationHighlight dt.titre {
    -moz-box-shadow: 0 5px 10px 0 #ccc;
    -webkit-box-shadow: 0 5px 10px 0 #ccc;
    -o-box-shadow: 0 5px 10px 0 #ccc;
    box-shadow: 0 5px 10px 0 #ccc;
    font-size: 21px;
    font-weight: 400;
    display: none
}

#mainContext #reservationHighlight dt.titre:before {
    border-color: #90af04 transparent transparent
}

#mainContext #reservationHighlight dt.chambreHotes.titre:before {
    border-color: #2b40a7 transparent transparent
}

#mainContext #reservationHighlight dt.campings.titre:before {
    border-color: #ff7011 transparent transparent
}

#mainContext #reservationHighlight dt.gitesEtapes.titre:before {
    border-color: #8c0903 transparent transparent
}

#mainContext #reservationHighlight dt.cityBreak.titre:before {
    border-color: #ca4987 transparent transparent
}

#mainContext #reservationHighlight dt.chambreHotes {
    background-color: #2b40a7
}

#mainContext #reservationHighlight dt.campings {
    background-color: #ff7011
}

#mainContext #reservationHighlight dt.gitesEtapes {
    background-color: #8c0903
}

#mainContext #reservationHighlight dt.cityBreak {
    background-color: #ca4987
}

#mainContext #reservationHighlight dd {
    margin-left: 0
}

#mainContext #reservationHighlight dd.proprio {
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

#mainContext .highlightButton {
    text-align: center
}

#mainContext .subscribeNewsletter input {
    width: 147px
}

#mainContext .subscribeNewsletter .submitForm input {
    width: auto
}

#mainContext .highlightInformation dd {
    background: 0 0;
    padding: 0
}

#mainContext .highlightInformation a {
    font-weight: 700
}

#mainContext .highlightInformation li li a {
    font-weight: 400
}

#mainContext #vouncherHighlight {
    background: url(../images/bgd_vouncherHighlight.gif) bottom no-repeat;
    padding: 0 0 4px
}

#mainContext #vouncherHighlight dt {
    background: url(../images/bgd_vouncherHighlight_dt.gif) no-repeat;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    padding: 15px 100px 7px 14px
}

#mainContext #vouncherHighlight dd {
    background: 0 0;
    padding: 0 100px 0 10px
}

#mainContext #vouncherHighlight p {
    padding: 0 0 7px
}

#mainContext #vouncherHighlight ul {
    padding: 0 0 6px
}

#mainContext #vouncherHighlight li {
    padding: 0 0 10px;
    background: 0 0
}

#mainContext #vouncherHighlight li a {
    background: url(../images/bgd_vouncherHighlight_li.gif) no-repeat;
    display: block;
    padding: 0 0 0 20px;
    width: 80%
}

#mainContext .case_coche {
    background-color: #ccc;
    width: 15px;
    margin: 0;
    padding: 0;
    float: left
}

#mainContext .lab_distance {
    float: left;
    width: 27px;
    margin: 0 2px 0 1px
}

#mainContext #ctc_lien_mail,#mainContext #ctc_lien_tel {
    display: inline-block
}

#mainContext .choix_date {
    font-size: 13px
}

#mainContext .choix_date #date_arrivee {
    width: 80px;
    float: left;
    display: block;
    height: 17px;
    font-size: 13px
}

#mainContext .choix_date img {
    float: left;
    display: block
}

#mainContext .choix_date #duree {
    float: left;
    display: block;
    margin-left: 20px;
    font-size: 13px;
    color: #333
}

#mainContext .choix_date #date_depart {
    width: 80px;
    float: left;
    display: block;
    height: 17px;
    font-size: 13px;
    margin-left: 20px
}

#mainContext .titreEvent dt,.titreEvent dt {
    background: 0 0;
    padding: 10px 14px 5px;
    color: #f60;
    font-size: 1.5em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400
}

#mainContext form li {
    float: left
}

#mainContext .fd_blanc dl {
    height: 88px
}

.titreEvent #titreEventDt {
    width: 500px
}

.titreEvent #themathiques {
    margin-left: 30px
}

#subContext {
    float: left;
    width: 128px
}

#subContext dl {
    padding: 0;
    margin: 0 0 6px;
    width: 100%
}

#subContext dl a {
    font-weight: 400
}

#subContext dl .titre_bloc_marron_droit a {
    margin: 0 0 0 10px;
    padding: 0;
    color: #fff;
    font-weight: 700;
    size: 1.35em
}

#subContext dt {
    color: #fff;
    font-size: 1.1em;
    padding: 12px 14px 8px;
    margin: 0;
    float: none;
    width: auto
}

#subContext dt a {
    font-weight: 700;
    color: #fff;
    font-size: 12px
}

#subContext dd {
    width: auto;
    float: none;
    padding: 0 10px;
    margin: 0 4px
}

#subContext input {
    width: 68px
}

#subContext .submitForm {
    margin: -2px 0 0 3px
}

#subContext .highlightButton {
    text-align: center
}

#subContext p img {
    float: right
}

#subContext form li {
    float: left
}

.cadre_bloc_marron_droit {
    background-color: #b09c74;
    padding-top: 6px;
    padding-bottom: 8px;
    border-radius: 5px;
    margin-bottom: 7px;
    margin-top: 3px
}

.titre_bloc_marron_droit {
    margin: 0 0 0 2px;
    padding: 0;
    color: #fff;
    font-weight: 700;
    size: 1.35em
}

.separ_bloc_marron_droit {
    display: block;
    float: left;
    margin-left: 8px;
    margin-bottom: 5px
}

.txt_blc {
    color: #fff
}

#productStructure {
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

#productStructure:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 308px;
    background-color: #fff;
    right: 0;
    bottom: 20px;
    z-index: -1
}

#productStructure #content {
    width: 70%;
    padding: 0 10px 0 0;
    margin: 0;
    box-sizing: border-box
}

#productStructure #mainContext {
    margin: 0;
    background-color: #fff;
    width: 28%;
    box-sizing: border-box;
    padding: 0 0 0 18px
}

#productStructure #mainContext dl {
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: #fff
}

#productStructure #mainContext dd dl {
    background: 0 0
}

#productStructure #mainContext dd.contactez_proprio {
    background-image: url(../images/bgd_productStructure_mainContext_dd.gif);
    float: left
}

#productStructure #mainContext .highlightNews dd dl {
    border: none;
    margin: 0
}

#productStructure #lien_btn_resa.resa_bleu_1,#productStructure #lien_btn_resa.resa_bleu_2,#productStructure #lien_btn_resa.resa_bleu_3,#productStructure #lien_btn_resa.resa_rouge_1,#productStructure #lien_btn_resa.resa_rouge_2,#productStructure #lien_btn_resa.resa_rouge_3 {
    background-image: none!important;
    color: #fff!important;
    width: 246px!important;
    font-size: 20px!important;
    height: 55px!important;
    border-radius: 0!important;
    line-height: 54px!important;
    margin-top: 12px!important;
    display: inline-block!important;
    font-weight: 700!important;
    font-family: verdana!important;
    letter-spacing: initial!important
}

#productStructure #mainContext .highlightNews dd dt {
    padding: 0
}

#productStructure #mainContext .highlightNews dd strong {
    text-transform: none
}

#productStructure #mainContext .highlightNews dd dd {
    padding: 0 0 5px
}

#productStructure #lien_btn_resa.resa_bleu_1 {
    background-color: #00c!important
}

#productStructure #lien_btn_resa.resa_bleu_2,#productStructure #lien_btn_resa.resa_bleu_3 {
    background-color: #00c!important;
    text-transform: none!important
}

#productStructure #lien_btn_resa.resa_rouge_1,#productStructure #lien_btn_resa.resa_rouge_2,#productStructure #lien_btn_resa.resa_rouge_3 {
    background-color: #c41c17!important
}

#productStructure #lien_btn_resa.resa_rouge_2,#productStructure #lien_btn_resa.resa_rouge_3 {
    text-transform: none!important
}

#productStructure .productsHighlight dl {
    background-image: url(../images/bgd_productStructure_productsHighlight_dl.gif)
}

#productStructure .productsHighlight dt {
    background-image: url(../images/bgd_productStructure_productsHighlight_dt.gif)
}

#searchStructure #mainContext,#searchStructure #mainContext dt {
    background-image: url(../images/bgd_searchChoices_dt.png);
    background-repeat: no-repeat;
    background-position: left top
}

#productStructure .txt_descri_h1 {
    font-size: 2em;
    padding: 5px 0 10px 10px;
    width: 520px;
    font-weight: 700
}

#productStructure .txt_descri_h2 {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 10px 20px 10px 0;
    box-sizing: border-box;
    font-size: 1.4em;
    color: #333
}

#productStructure #rappel_liste {
    position: fixed;
    margin-left: 5px;
    height: 175px;
    bottom: 13px;
    z-index: 1010;
    display: none
}

#productStructure .txt_descri_h1_span {
    font-size: .85em
}

#productStructure #reservationHighlight dd {
    background-color: #fff
}

#productStructure #reservationHighlight dd dd {
    background: url(../images/bgd_productStructure_mainContext_dd.gif) left top no-repeat
}

#productStructure .avisDispo .txt_descri_h1 {
    width: 80%;
    padding: 4px 0;
    position: relative
}

#searchStructure {
    overflow: auto;
    clear: both
}

#searchStructure #mainContext {
    width: 246px;
    margin: 0 12px 0 0
}

#searchStructure #mainContext dl {
    margin-top: 10px;
    background-image: url(../images/bgd_searchStructure_mainContext_dl.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 4px
}

#searchStructure #mainContext dt {
    color: #fff;
    margin: 0 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

#searchStructure #mainContext dt.ht_colonne {
    background-position: -1px -8px;
    padding-top: 0
}

#searchStructure #mainContext dt em {
    text-transform: none;
    display: block
}

#searchStructure #mainContext dd {
    background: 0 0
}

#searchStructure #mainContext dd.special {
    background-color: #fff
}

#searchStructure #mainContext p {
    padding: 0
}

#searchStructure #mainContext ul {
    padding-bottom: 10px
}

#searchStructure #mainContextHeb {
    margin-left: 120px
}

#searchStructure #content {
    width: 705px;
    margin: 0
}

#searchStructure .productsHighlight dl {
    background-image: url(../images/bgd_searchStructure_productsHighlight_dl.gif)
}

#searchStructure .productsHighlight dt {
    background-image: url(../images/bgd_searchStructure_productsHighlight_dt.gif)
}

#searchStructure .highlightInformation li {
    width: 218px
}

.cadre_bloc_col_gauche {
    background-image: url(../images/bgd_searchChoices_dt.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 1px
}

#faqStructure {
    overflow: auto;
    clear: both
}

#faqStructure #content {
    width: 827px
}

#faqStructure .articleText dl {
    padding: 0;
    margin: 0 0 5px
}

#faqStructure .articleText dt {
    background: url(../images/bgd_faqStructure_articleText_dt.gif) left top no-repeat;
    float: none;
    width: auto;
    margin: 0;
    padding: 0
}

#faqStructure .articleText dt a {
    font-weight: 400;
    padding: 9px 0 5px 14px;
    font-size: 14px;
    display: block;
    background: url(../images/bgd_blockOpen_locationsGites.gif) right no-repeat;
    color: #667801
}

#faqStructure .articleText dt a:hover {
    text-decoration: none;
    color: #000;
    background-image: url(../images/bgd_blockOpen_hover.gif)
}

#faqStructure .articleText .active dd {
    display: block
}

#faqStructure .articleText .active dt a {
    color: #667801;
    background-image: url(../images/bgd_blockClose_active_locationsGites.gif)
}

#faqStructure .articleText .active dt a:hover {
    background-image: url(../images/bgd_blockClose_active_hover.gif);
    color: #000
}

#faqStructure .articleText dd {
    width: auto;
    float: none;
    background: url(../images/bgd_faqStructure_articleText_dd.gif) 3px 0 no-repeat;
    padding: 15px 0 5px 4px;
    overflow: hidden;
    display: none
}

#faqStructure .articleText dd dl {
    padding: 0
}

#faqStructure .articleText dd dd,#faqStructure .articleText dd dt {
    background: 0 0;
    padding: 0
}

#siteMapStructure {
    overflow: auto;
    clear: both
}

#siteMapStructure #content {
    width: 827px
}

#siteMapStructure #content h1 {
    margin: 0 0 10px
}

#siteMapStructure #content ul {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: left
}

#siteMapStructure #content li {
    padding: 0;
    background: 0 0;
    float: left;
    width: 158px
}

#siteMapStructure #content dl {
    border-left: 1px solid #c6baa8;
    padding: 0 10px;
    margin: 0 0 20px
}

#siteMapStructure #content dt {
    clear: none;
    width: auto;
    text-transform: uppercase;
    background: 0 0
}

#siteMapStructure #content dt a {
    font-weight: 700;
    background: 0 0;
    padding: 0;
    display: inline
}

#siteMapStructure #content dd {
    padding: 0;
    width: auto
}

#siteMapStructure #content a {
    display: block;
    font-weight: 400;
    color: #332c20;
    background: url(../images/bgd_sitemap_a.gif) no-repeat;
    padding: 0 0 0 10px
}

#siteMapStructure #content a:hover {
    text-decoration: underline
}

#siteMapStructure #content .active {
    text-decoration: underline;
    background-position: 0 -31px
}

#reservationStructure {
    overflow: auto;
    clear: both
}

#reservationStructure #content {
    width: 647px
}

#reservationStructure #content table {
    width: 50%;
    margin: 0 0 20px
}

#reservationStructure #content .submitForm {
    clear: both
}

#menu4 li,#sitemap1 li {
    clear: none!important
}

#reservationStructure td {
    text-align: right
}

#reservationStructure #mainContext {
    margin: 0
}

#reservationStructure .textHighlight {
    background-image: url(../images/bgd_textHighlight_reservationStructure.gif)
}

#reservationStructure .textHighlight div {
    background-image: url(../images/bgd_textHighlight_div_reservationStructure.gif)
}

#menu4 {
    background-color: #333;
    padding: 10px 0;
    color: #fff;
    text-align: center
}

#menu4 ul {
    overflow: auto;
    width: 961px;
    margin: 0 auto;
    text-align: left
}

#menu4 li {
    background: 0 0;
    float: left;
    padding: 0 10px 0 0
}

#menu4 a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    margin-left: 8px;
    display: block;
    font-size: 1.2em;
    min-width: 155px
}

#menu4 .active,#menu4 a:hover {
    text-decoration: underline
}

#sitemap {
    color: #333;
    padding: 18px 0;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(to top,#b8b8b8 0,#646464 100%);
    height: 165px
}

#sitemap dl {
    border-left: 0 solid #c6baa8;
    padding: 0 0 0 5px;
    margin-left: 30px
}

#sitemap dt {
    clear: none;
    width: auto
}

#sitemap dt a {
    font-weight: 700;
    background: 0 0;
    padding: 0;
    display: inline
}

#sitemap dd {
    padding: 0;
    width: auto
}

#sitemap a {
    display: block;
    font-size: 1.1em;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    background: url(../images/bgd_sitemap_a.gif) no-repeat;
    padding: 0 0 0 10px
}

#articleHeader a:hover,#sitemap .active,#sitemap a:hover,#subMenu3 a:hover {
    text-decoration: underline
}

#sitemap .active {
    background-position: 0 -31px
}

#sitemap1 li,#sitemap2 li {
    background: 0 0;
    width: 225px;
    padding: 0;
    float: left
}

#cnt_sitemap {
    margin: 0 auto;
    width: 970px
}

#sitemap1 ul {
    overflow: hidden;
    width: 730px;
    margin: 0 auto;
    text-align: left
}

#sitemap2 ul {
    overflow: hidden;
    width: 225px;
    margin: 0 auto;
    text-align: left
}

.clear {
    clear: both
}

.listLinks select {
    width: 150px;
    padding: 0
}

.listLinks a {
    display: block;
    background: url(../images/bgd_listLinks_a.gif) no-repeat;
    padding: 0 0 2px 20px;
    margin: 2px 10px 0 0
}

.listLinks li a {
    margin: 0;
    padding: 2px 5px 1px
}

.listLinks li span {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    padding: 2px 5px 1px;
    display: block
}

#clouds ul {
    padding: 0 0 10px
}

#clouds li {
    display: inline;
    background: 0 0;
    padding: 0;
    font-size: 12px
}

#clouds strong {
    font-size: 16px;
    font-weight: 400
}

#clouds em {
    font-size: 11px
}

#clouds .infos_bl {
    width: 190px;
    height: auto;
    padding: 5px;
    border: 4px solid #e2e2e2;
    background-color: #fff;
    color: #020202;
    position: absolute;
    display: none;
    left: -8px;
    margin-top: 30px;
    text-align: justify
}

#highlightImmo dd a,#highlightOwners dl a {
    width: 260px;
    padding: 2px 0 2px 20px;
    display: block
}

#clouds .infos_bl_titre {
    font-weight: 700;
    font-size: 12px
}

#highlightOwners dd {
    background: 0 0;
    padding: 0
}

#highlightOwners dl a {
    background: url(../images/bgd_highlightOwners_dl_a.gif) no-repeat
}

#highlightImmo dt {
    background: 0 0
}

#highlightImmo dd {
    background: url(../images/bgd_highlightImmo_dd.gif) bottom left no-repeat;
    padding: 0 0 15px 14px;
    margin: 0
}

#highlightImmo dd a {
    background: url(../images/bgd_highlightImmo_dl_a.gif) no-repeat
}

.highlightButton {
    text-align: right;
    overflow: hidden;
    clear: both
}

.links {
    padding: 0 0 5px;
    width: 100%
}

.highlightDepartements {
    overflow: hidden
}

.highlightDepartements ul {
    float: left;
    width: 140px;
    margin: 0 0 10px;
    border: 1px solid #fff
}

.highlightDepartements li {
    background: 0 0;
    padding: 0;
    color: #dc610f
}

.highlightDepartements div {
    float: left;
    width: 130px
}

.highlightDepartements div ul {
    float: none;
    width: auto
}

#subMenu3 {
    width: 940px;
    border: 3px solid #d8c9ab;
    background: #fff;
    margin: -8px 0 0 4px;
    padding: 10px 0 0 10px;
    overflow: hidden
}

#subMenu3 dl {
    position: relative;
    width: 100%
}

#subMenu3 dt {
    font-size: 12px;
    color: #938364;
    border-bottom: 1px solid #938364;
    margin: 20px 10px 5px 250px
}

#subMenu3 dd {
    margin: 0 10px 0 250px;
    overflow: hidden
}

#subMenu3 dd dl {
    width: 170px;
    float: right
}

#subMenu3 dd dt {
    margin: 0 0 5px;
    font-size: 11px;
    color: #000;
    border: none
}

#subMenu3 dd dd {
    margin: 0;
    overflow: hidden
}

#subMenu3 .illustration {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0
}

#subMenu3 ul {
    width: 150px;
    float: left
}

#subMenu3 li {
    padding: 0 0 0 10px;
    background-image: url(../images/bgd_subMenu3_li.gif)
}

#subMenu3 a {
    font-weight: 400;
    text-decoration: none
}

#subMenu3 .mainLinks {
    width: 500px;
    float: left
}

#subMenu3 .themesMenu {
    width: 470px;
    float: left;
    overflow: hidden
}

#subMenu3 .themesMenu dt {
    margin: 0 10px 5px 0
}

#subMenu3 .themesMenu dd {
    overflow: hidden;
    float: left;
    margin: 0
}

#subMenu3 .themesMenu .illustration {
    position: relative;
    top: auto;
    left: auto;
    float: left;
    padding: 0 15px 0 0
}

#subMenu3 .themesMenu ul {
    width: 115px
}

#subMenu3 .close a {
    background-image: url(../images/bgd_subMenu3_close.gif);
    color: #7c6e52;
    font-weight: 400
}

.droite-moins {
    margin-left: 200px
}

.droite_li {
    flaot: right
}

#highlightSearch {
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px 12px;
    overflow: hidden
}

#highlightSearch div {
    padding: 10px 0 0
}

#highlightSearch div #img_legende {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: auto;
    height: 50px;
    position: absolute;
    top: 264px;
    right: 0;
    padding: 0;
    background-color: #000;
    opacity: .5;
    display: block;
    text-align: right;
    line-height: 35px
}

#highlightSearch #mode_recherche {
    padding: 0
}

#highlightSearch .special label {
    width: 60px
}

#highlightSearch .special label.libelle_commune {
    width: 150px
}

#highlightSearch .special label.libelle_commune2 {
    width: 250px
}

#highlightSearch .special #commune {
    width: 200px;
    font-size: 11px;
    border: 1px solid #b39e76
}

#highlightSearch .special input {
    width: 90px;
    margin: 0 2px 0 0
}

#highlightSearch .special p label {
    float: left;
    width: auto;
    margin: 0 2px 0 0
}

#highlightSearch .special p select {
    width: auto
}

#highlightSearch .special p input {
    width: 70px
}

#highlightSearch .special p img {
    margin: 0 0 0 2px
}

#highlightSearch .special .case_coche {
    width: 50px
}

#highlightSearch .special .case_coche_h {
    width: 130px
}

#highlightSearch .special.commune div {
    padding: 4px 0 0
}

#highlightSearch .special ul input {
    width: 13px;
    float: left
}

#highlightSearch h2,#highlightSearch h3 {
    width: 250px;
    color: #b39e76;
    font-weight: 700
}

#highlightSearch form {
    width: 303px;
    float: left
}

#highlightSearch form p {
    float: left;
    width: auto;
    font-size: 10px;
    padding: 0
}

#highlightSearch h2 {
    font-size: 1.5em;
    line-height: 1.5em;
    clear: both;
    text-align: center;
    padding: 8px 0 0
}

#highlightSearch h3 {
    padding: 0 0 10px 25px;
    font-size: 1.3em;
    line-height: 1.3em
}

#highlightSearchForm>ul {
    margin: 0;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 8px 6px;
    text-align: left
}

#highlightSearchForm>ul>li {
    display: inline-block;
    margin: 0;
    padding: 0!important;
    width: 100%
}

#boutons_recherche button {
    width: 130px;
    min-height: 27px;
    padding: 1px 0;
    margin-top: 0;
    text-transform: uppercase;
    background-color: #f60;
    border: 1px solid #f60;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    font-family: open sans;
    cursor: pointer;
    border-radius: 4px;
}

#boutons_recherche button:hover {
    background-color: #f93
}

#highlightSearchForm #btn_carte_moteur {
    margin: -px -12px 0 15px;
    float: left
}

#highlightSearch ol li {
    overflow: hidden;
    padding: 0 0 8px;
    clear: both
}

#highlightSearchForm>ul>li.commune {
    padding: 0;
    clear: both
}

#highlightSearch ol fieldset {
    padding: 0;
    margin: 0;
    float: left
}

#highlightSearchForm>ul>ul {
    background: 0 0;
    overflow: hidden;
    float: left;
    margin: 0;
    width: 220px
}

#highlightSearchForm>ul>li>ul>li {
    display: inline-block;
    padding: 0
}

#highlightSearchForm label {
    float: left;
    width: 110px
}

#highlightSearchForm input {
    float: left
}

#highlightSearchForm select {
    float: left;
    font-size: 9px;
    height: 16px
}

#highlightSearchForm .scale {
    float: right;
    padding: 0 5px 0 0
}

#highlightSearchForm .date input {
    background: url(../images/bgd_calendar.gif) 57px 1px no-repeat
}

#highlightSearchForm .date input.chp_arrive {
    background: #fff;
    width: 107px;
    border: 1px solid #b39e76;
    height: 14px;
    padding-left: 3px;
    text-align: left;
    font-size: 9px
}

#highlightSearchForm .date .btn_calendar {
    margin-right: 20px;
    cursor: pointer
}

#highlightSearchForm .listes_cs {
    margin-bottom: 5px
}

#highlightSearchForm .listes_cs select.liste_g {
    font-size: 11px;
    width: 125px;
    height: 18px;
    float: left;
    margin-right: 20px;
    border: 1px solid #b39e76
}

#highlightSearchForm .listes_cs select.liste_d {
    font-size: 11px;
    width: 125px;
    height: 18px;
    float: right;
    border: 1px solid #b39e76
}

#highlightSearchForm .listes_cs #date_arr {
    font-size: 11px;
    height: 16px
}

#highlightSearchForm #ref_heb {
    font-size: 11px;
    border: 1px solid #b39e76
}

#highlightSearchForm .submitForm {
    padding: 0;
    width: auto;
    margin: 0
}

#highlightSearchForm .submitForm #highlightSearchForm .submitForm a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    display: block;
    float: left;
    padding: 0 0 0 20px;
    margin: 3px 112px 0 0;
    background: url(../images/bgd_hightlightSearch_submitForm_a.gif) left no-repeat
}

#highlightSearchForm p {
    float: left;
    width: 645px;
    padding: 0 0 7px
}

#highlightSearchForm .listes select.liste_g {
    font-size: 11px;
    width: 274px;
    height: 18px;
    float: left;
    margin-right: 20px;
    border: 1px solid #b39e76
}

#highlightSearchForm .listes select.liste_d {
    font-size: 11px;
    width: 274px;
    height: 18px;
    float: right;
    border: 1px solid #b39e76
}

#cadre_moteur {
    overflow: hidden;
    padding-top: 5px
}

#cadre_moteur #highlightSearchForm #moteur {
    position: relative
}

#cadre_moteur #highlightSearchForm #moteur #zone_header_cnt {
    overflow: hidden;
    width: 950px;
    padding: 0;
    height: 300px;
    background-color: #fff
}

.submit_moteur {
    float: left;
    margin-top: 0;
    height: 32px
}

#rechercher_off {
    display: none;
    margin-right: 26px;
    float: right
}

#rechercher_att_off {
    float: left;
    margin-top: 8px
}

#rechercher_on {
    display: block;
    margin-right: 26px;
    float: right
}

#searchChoices .last {
    margin: 0 4px
}

#searchChoices .last span {
    background: url(../images/bgd_searchChoices_last_span.gif) bottom left no-repeat;
    padding: 0 0 6px;
    display: block
}

#searchChoices .last dt a {
    padding: 2px 10px 15px
}

#searchChoices .last li span {
    font-size: 11px;
    background: 0 0;
    padding: 0
}

#searchChoices .first span a {
    background: url(../images/bgd_open.gif) 221px 5px no-repeat #f3efe6;
    padding: 4px 10px 6px
}

#searchChoices .first span a:hover {
    background-image: url(../images/bgd_open_hover.gif)
}

#searchChoices .first dt a {
    padding: 0 10px 15px
}

#searchChoices dd ul {
    padding: 0;
    margin: 0 0 5px
}

#searchChoices dd ul .last {
    margin: 0
}

#searchChoices dd li {
    background: 0 0;
    padding: 0 0 6px;
    overflow: visible;
    float: none
}

#searchChoices dd dt a {
    display: block;
    overflow: hidden;
    width: 217px;
    color: #000;
    padding: 4px 10px 16px;
    background: url(../images/bgd_searchChoices_dd_dt_a.gif) bottom left no-repeat #f3efe6;
    cursor: default
}

#searchChoices dd dt a:hover {
    background-image: url(../images/bgd_searchChoices_dd_dt_a.gif);
    cursor: default
}

#searchChoices dd a:hover {
    text-decoration: none;
    color: #698100;
    background-image: url(../images/bgd_searchChoices_dd_a_hover.gif)
}

#searchChoices label {
    float: left;
    display: block;
    padding: 0 10px 0 0;
    width: 60px
}

#searchChoices span {
    display: block;
    font-size: 13px
}

#searchChoices span strong {
    float: left;
    display: block;
    padding: 0 5px 0 0;
    margin: -2px 0 0;
    border-bottom: 1px solid #f3efe6;
    font-size: 12px
}

#searchChoices ol {
    overflow: hidden;
    margin: 0 0 5px
}

#searchChoices ol li {
    width: auto;
    font-size: 11px;
    overflow: auto;
    clear: both
}

#searchChoices ol p {
    padding: 0;
    display: inline
}

#searchChoices ol label {
    width: 40px;
    padding: 0 5px 0 0;
    font-size: 13px
}

#searchChoices ol label.lab_distance_comli {
    display: inline-block;
    text-align: left;
    width: auto;
    line-height: 11px;
    margin-top: 10px
}

#searchChoices ol label.lab_distance_comli span {
    float: left;
    font-size: 13px
}

#searchChoices ol select {
    width: auto;
    float: left;
    margin: 0 4px 0 0
}

#searchChoices .when input {
    width: 75px;
    background: url(../images/bgd_calendar.gif) 62px 1px no-repeat
}

#searchChoices .when select {
    width: 77px
}

#searchChoices .when li {
    margin-left: 12px
}

#searchChoices .classement {
    margin: 10px 0 0
}

#searchChoices .inclusion {
    overflow: auto
}

#searchChoices .inclusion input {
    width: auto;
    border: none;
    margin: 0 4px 0 0
}

#searchChoices .inclusion label {
    width: auto;
    width: 188px;
    font-weight: 400;
    text-transform: none
}

#searchChoices .bigList {
    max-height: 200px;
    overflow: auto;
    margin: 4px 0 0
}

#searchChoices li span {
    font-size: 11px
}

#searchChoices li a {
    width: 200px;
    padding: 0 4px 0 13px;
    background: 0 0;
    font-size: 13px;
    float: left;
    line-height: 25px;
    margin-left: -5px
}

#searchChoices li a:hover {
    color: #ff7011;
    background: url(../images/bgd_searchChoices_li_a.gif) left no-repeat
}

#searchChoices li .active {
    background: url(../images/bgd_searchChoices_li_a.gif) left no-repeat #f9f9f9
}

#searchChoices li .active span {
    background: url(../images/bgd_searchChoices_li_active_span.gif) right no-repeat
}

#searchChoices li .active:hover {
    text-decoration: line-through;
    color: #000;
    background: url(../images/bgd_searchChoices_li_a_hover.gif) left no-repeat #f9f9f9
}

#searchChoices li .active:hover span {
    background-image: url(../images/bgd_searchChoices_li_active_hover_span.gif)
}

#searchChoices li ul {
    padding: 5px 0 0 12px;
    margin: 0
}

#searchChoices li .active2 {
    background: url(../images/bgd_searchChoices_li_a.gif) left no-repeat #f9f9f9;
    float: left
}

#searchChoices li .active2 span {
    width: 200px;
    background: url(../images/bgd_searchChoices_li_active_span.gif) right no-repeat;
    float: left
}

#searchChoices li .active2:hover {
    text-decoration: line-through;
    color: #000;
    background: url(../images/bgd_searchChoices_li_a_hover.gif) left no-repeat #f9f9f9;
    float: left
}

#searchChoices li .active2:hover span {
    text-decoration: line-through;
    background-image: url(../images/bgd_searchChoices_li_active_hover_span.gif);
    float: left
}

#searchChoices li.choix_rayon a {
    background: #efefef;
    height: 14px;
    width: 5px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    border-radius: 2px
}

#searchChoices li.choix_rayon a:hover {
    background: #efefef
}

#searchChoices .box label {
    padding: 0;
    width: auto;
    float: none
}

#searchChoices .box input {
    width: auto;
    padding: 0;
    margin: 0 5px 0 0;
    border: none;
    float: left
}

#searchChoices .information {
    font-size: 10px;
    text-align: right;
    padding: 0 0 5px
}

#searchChoices .int_auto_compl {
    border-bottom: 1px solid #efefef;
    height: auto;
    padding: 0 0 0 5px;
    float: left;
    width: 212px;
    text-align: left
}

#searchChoices .int_auto_compl a {
    float: left;
    width: 212px;
    text-align: left;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 11px
}

#searchChoices .int_auto_compl a:hover {
    background-color: #000;
    color: #093;
    text-decoration: none
}

#searchChoices #auto_compl {
    max-height: 350px;
    margin-top: 10px;
    width: 220px;
    color: #000;
    background-color: #fff;
    float: left;
    position: absolute;
    height: auto;
    overflow: auto;
    z-index: 3;
    display: none
}

#searchChoices .inactive {
    margin-left: 14px;
    float: left;
    display: block
}

#searchChoices .inactive_tri {
    font-size: 13px;
    line-height: 25px;
    padding: 0 4px 0 13px;
    float: left;
    color: #000;
    width: 195px;
    display: block;
    background: 0 0;
    margin-left: -5px
}

#searchChoices .removeSel {
    background: url(../images/bgd_searchChoices_li_a.gif) left no-repeat;
    float: left;
    cursor: pointer;
    width: 205px
}

#searchChoices .removeSel span {
    margin-left: 0;
    width: 195px;
    background: #fff;
    float: left;
    font-size: 13px;
    line-height: 20px;
    margin-top: 3px;
    margin-bottom: 3px
}

#searchChoices .removeSel:hover {
    text-decoration: line-through;
    color: #000;
    background: url(../images/bgd_searchChoices_li_a_hover.gif) left no-repeat #f9f9f9;
    float: left;
    font-size: 13px
}

#searchChoices .removeSel:hover span {
    text-decoration: line-through;
    background: 0 0;
    float: left;
    font-size: 13px
}

#articleHeader a,#headerThematics a,#headerThematics a:hover,#listThematics dl a {
    text-decoration: none
}

#searchChoices .removeSelSliders {
    background-color: #f9f9f9;
    float: left;
    cursor: default;
    text-decoration: none;
    width: 185px;
    margin: 3px 0 10px 12px;
    padding-left: 13px;
    color: #390;
    font-weight: bolder;
    font-size: 11px
}

#searchChoices #auto_compl2 {
    margin-top: 10px;
    width: 220px;
    color: #000;
    background-color: #fff;
    float: left;
    position: absolute;
    height: auto;
    overflow: auto;
    display: none;
    z-index: 10000
}

#searchChoices p input {
    float: none;
    display: inline;
    width: 215px
}

#searchChoices .where a {
    display: inline;
    margin: 0
}

#searchChoices .how label {
    display: inline;
    width: auto
}

#searchChoices dl dl dl {
    margin: 0 0 10px
}

#searchChoices .when2 .date {
    float: left;
    margin-right: 15px
}

.addPersonal {
    background: url(../images/bgd_addPersonal.gif) bottom no-repeat;
    padding: 0 0 14px;
    margin: 0 0 7px;
    width: 100%
}

.addPersonal form {
    padding: 14px 14px 0;
    background: url(../images/bgd_addPersonal_form.gif) no-repeat;
    overflow: hidden
}

.addPersonal label {
    margin: 0;
    width: 250px;
    float: left
}

.alertHighlight {
    background: url(../images/bgd_alertHighlight.gif) bottom left no-repeat #e69349;
    font-size: 12px;
    margin: 10px 0 20px
}

.alertHighlight div {
    background: url(../images/bgd_alertHighlight_div.gif) top left no-repeat;
    padding: 10px 10px 1px
}

#alertLayer {
    background: url(../images/bgd_alertLayer.gif) bottom no-repeat #fff;
    width: 398px;
    position: absolute;
    padding: 0
}

#alertLayer dt {
    background: url(../images/bgd_alertLayer_dt.gif) top no-repeat #b39e76;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px;
    color: #fff
}

#alertLayer dd {
    padding: 10px 10px 0;
    background: url(../images/bgd_alertLayer_dd.gif) no-repeat
}

#alertLayer .close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    margin: 0
}

#alertLayer .close a {
    background: 0 0;
    padding: 0
}

.changeInformation {
    overflow: hidden
}

.highlightNews dd dt strong {
    color: #f96d11;
    text-transform: uppercase
}

.highlightNews dd dt em {
    color: #f96d11;
    font-weight: 700;
    display: block
}

.highlightNews dd p {
    padding: 0 0 3px
}

.highlightNews dd li {
    padding: 0;
    background: 0 0
}

.highlightNews dd li a {
    padding: 0 0 0 17px;
    background: url(../images/bgd_highlightNews_a.gif) top left no-repeat;
    display: block;
    width: 115px
}

.highlightNews img {
    border: 1px solid #a39d9d
}

.highlightNews .submitForm {
    margin: -2px 0 0 13px
}

.highlightNews .submitForm input {
    border: none;
    width: auto
}

.highlightNews dt a {
    color: #333!important;
    font-size: 1em!important
}

.highlightInformation .previous {
    display: block;
    background: url(../images/bgd_listNews_previous.gif) repeat-x;
    text-align: center;
    padding: 6px 0 9px;
    width: 100%
}

.highlightInformation ul {
    margin: 10px 0 0
}

.highlightInformation li {
    background: 0 0;
    margin: 10px 10px 0;
    padding: 0 0 8px;
    overflow: auto;
    border-bottom: 1px solid #e9e9e9;
    width: 280px
}

.highlightInformation li img {
    border: 1px solid #a39d9d;
    float: left;
    display: block;
    margin: 2px 10px 5px 0;
    padding: 0
}

.highlightInformation li em {
    color: #ff7011;
    font-weight: 700
}

.highlightInformation li ul {
    margin: 0;
    padding: 0
}

.highlightInformation li li {
    border: none;
    margin: 0;
    width: auto
}

.highlightInformation .last {
    border: none
}

.highlightInformation p {
    padding: 0 0 2px;
    border: 1px solid #fff
}

.highlightInformation .next {
    display: block;
    background: url(../images/bgd_listNews_next.gif) no-repeat;
    text-align: center;
    padding: 8px 0 5px;
    margin: 0
}

#highlightThematics li {
    padding: 0 10px;
    color: #fff
}

#highlightThematics .navigation_cnt {
    background: #fff;
    position: absolute;
    top: 7px;
    left: 4px;
    padding: 0;
    overflow: hidden;
    height: 15px;
    width: 290px
}

#highlightThematics .navigation {
    background-image: url(../images/bgd_mainContext_dl.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 30px;
    position: absolute;
    left: 0;
    padding: 0;
    overflow: hidden;
    width: 301px;
    top: 352px
}

#highlightThematics .navigation li a {
    padding: 0
}

#highlightThematics .peche {
    height: 290px;
    width: 280px;
    background-color: #fff
}

#highlightThematics .peche dd {
    overflow: hidden;
    display: none;
    position: absolute
}

#highlightThematics .peche dd a {
    background-image: url(../images/bgd_highlightThematics_peche_a.gif)
}

#highlightThematics .peche .dl_lien {
    cursor: pointer;
    height: 250px;
    width: 250px;
    margin: -5px 0 0 -5px
}

#highlightThematics .peche .dt_lien {
    cursor: pointer;
    height: auto;
    width: 250px;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

#highlightThematics dd dd a {
    color: #fff;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    display: block
}

#highlightThematics navigation_cnt span {
    padding: 0 10px 1px 5px;
    display: block
}

#listThematics {
    background: url(../images/bgd_listThematics.gif) bottom no-repeat;
    margin: 0 0 8px;
    padding: 0 0 4px;
    width: 100%
}

#listThematics dt {
    background: url(../images/bgd_listThematics_dt.gif) no-repeat;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    padding: 12px 14px 8px;
    margin: 0;
    width: auto
}

#listThematics dt a:hover {
    color: #698100
}

#listThematics dd {
    background: url(../images/bgd_listThematics_dd.gif) no-repeat;
    margin: 0 4px;
    padding: 14px 2px 0 10px
}

#listThematics ul {
    clear: both;
    overflow: hidden;
    width: 100%
}

#listThematics li {
    background: 0 0;
    width: 156px;
    float: left;
    padding: 0 8px 0 0
}

#listThematics dl dt {
    background: 0 0;
    text-transform: none;
    color: #000;
    font-size: 11px;
    border-bottom: 1px solid #000;
    padding: 2px 0 1px 18px
}

#listThematics dl dd {
    background: url(../images/bgd_listThematics_dl_dd.gif) 4px 6px no-repeat;
    margin: 0;
    padding: 0 0 0 10px
}

#listThematics dl dd a {
    font-weight: 400
}

#listThematics dl dd a:hover {
    text-decoration: underline;
    color: #000
}

#listThematics .marine dt {
    background: url(../images/bgd_listThematics_marine.gif) top left no-repeat
}

#listThematics .culture dt {
    background: url(../images/bgd_listThematics_culture.gif) top left no-repeat
}

#listThematics .gourmet dt {
    background: url(../images/bgd_listThematics_gourmet.gif) top left no-repeat
}

#listThematics .nature dt {
    background: url(../images/bgd_listThematics_nature.gif) top left no-repeat
}

#listThematics .sport dt {
    background: url(../images/bgd_listThematics_sport.gif) top left no-repeat
}

#listThematics .parcours dt {
    background: url(../images/bgd_listThematics_parcours.gif) top left no-repeat
}

#articleHeader,#headerThematics {
    background: url(../images/bgd_articleHeader.jpg) bottom no-repeat #fff
}

#headerThematics {
    padding: 14px 14px 10px;
    margin: 4px 4px 0
}

#headerThematics div {
    background-repeat: no-repeat;
    height: 198px;
    padding: 10px 0
}

#headerThematics h1 {
    color: #fff;
    height: 87px;
    padding: 0 15px;
    line-height: 36px;
    font-size: 36px
}

#headerThematics ul {
    margin: 0 10px;
    overflow: auto
}

#headerThematics li {
    padding: 0;
    background: 0 0;
    float: left;
    width: 100px
}

#headerThematics .next a,#headerThematics .previous a {
    padding: 28px 0 0;
    height: 52px
}

#headerThematics .next,#headerThematics .previous {
    width: 10px
}

#headerThematics a {
    color: #dc610f;
    display: block;
    font-weight: 400;
    text-align: center;
    padding: 7px 0 0;
    line-height: 11px
}

#headerThematics a:hover,#headerThematics a:hover strong {
    color: #dc610f
}

#headerThematics strong {
    display: block;
    font-weight: 400;
    color: #fff
}

#articleHeader {
    padding: 14px 14px 10px;
    margin: 4px 4px 0
}

#articleHeader div {
    background-repeat: no-repeat;
    height: 198px;
    padding: 10px 15px
}

#articleHeader h1 {
    color: #fff;
    padding: 0 0 10px
}

#articleHeader li {
    background: url(../images/bgd_articleHeader_li.png) no-repeat;
    padding: 0 0 5px 20px
}

#articleHeader .active a {
    color: #fff
}

.articleNavigation {
    border-top: 1px solid #dfd7c4;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    margin: 4px 4px 0
}

.articleNavigation li {
    float: left;
    border-bottom: 1px solid #dfd7c4;
    border-top: 1px solid #fff;
    background: 0 0;
    padding: 0
}

.articleNavigation a {
    background: url(../images/bgd_articleNavigation_li.gif) left no-repeat;
    padding: 3px 0 3px 20px;
    display: block;
    width: 110px;
    text-decoration: none;
    font-weight: 400
}

.articleNavigation a:hover {
    text-decoration: underline
}

.articleNavigation .previous a {
    background-image: url(../images/bgd_articleNavigation_previous.gif);
    padding: 3px 0 3px 15px;
    width: 190px
}

.articleNavigation .next a {
    background: url(../images/bgd_articleNavigation_next.gif) right no-repeat;
    padding: 3px 15px 3px 0;
    width: 154px;
    text-align: right
}

.articleTitle {
    font-size: 12px;
    text-transform: none;
    margin: 10px 0 20px
}

#listArticles h3 strong,#productHeader strong,#productSituation strong,.articleTitle strong,.productsHighlight .rank {
    text-transform: uppercase
}

.articleTitle strong {
    font-size: 11px;
    display: block
}

.tools {
    float: right;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: both
}

.articleIntroduction {
    font-weight: 700;
    font-size: 13px
}

.articleText {
    padding: 0 4px 15px;
    overflow: auto
}

.articleText dl,.departmentList {
    overflow: hidden
}

.articleText img {
    border: 1px solid #a39d9d;
    margin: 0 10px 10px 0;
    float: left
}

.articleText .specialImage {
    float: right;
    margin: 0 0 10px 10px
}

.articleText dt {
    clear: both;
    width: 30%;
    margin: 0 10px 0 0;
    float: left;
    padding: 0 0 8px;
    background: url(../images/bgd_dt.gif) right top no-repeat
}

.articleText dd {
    float: left;
    padding: 0 0 8px;
    width: 65%
}

.textHighlight {
    background: url(../images/bgd_textHighlight.gif) bottom left no-repeat #b39e76;
    font-size: 12px;
    margin: 10px 0 20px
}

.textHighlight div {
    background: url(../images/bgd_textHighlight_div.gif) top left no-repeat;
    padding: 10px 10px 1px
}

.departmentList {
    clear: both;
    margin: 0 0 15px
}

.departmentList li {
    width: 145px;
    float: left;
    padding: 0 0 0 20px
}

.departmentList a {
    font-weight: 400;
    text-decoration: none
}

#listArticles h3 a:hover,#otherProductsHighlight dt a:hover,#reservationHighlight li a:hover,.departmentList a:hover {
    text-decoration: underline
}

#listArticles h3 a,#reservationHighlight li a {
    text-decoration: none
}

#listArticles {
    padding: 0 4px 5px;
    overflow: auto
}

#listArticles h2 {
    margin: 0 0 10px
}

#listArticles h3 strong {
    color: #ff7011
}

#listArticles li {
    border-bottom: 1px solid #e9e9e9;
    padding: 0;
    margin: 0 0 5px;
    background: 0 0;
    overflow: auto
}

#listArticles li ul {
    padding: 0
}

#listArticles li li {
    padding: 0 0 5px 20px;
    margin: 0;
    border: none;
    background: url(../images/bgd_listArticles_li.gif) left top no-repeat
}

#listArticles .illustration {
    border: 1px solid #a39d9d;
    float: left;
    padding: 0;
    margin: 0 10px 10px 0
}

.advert {
    margin: 10px 0 0 4px;
    padding: 0 0 10px
}

.advertGdf {
    margin: 0 0 10px
}

#otherProductsHighlight .equipment ul {
    overflow: hidden;
    margin: 3px 0 0
}

#otherProductsHighlight .equipment li {
    background: 0 0;
    float: left;
    padding: 0 12px 0 0;
    margin: 0
}

#otherProductsHighlight .equipment span {
    float: left
}

#otherProductsHighlight .equipment img {
    margin: 0 4px 0 0;
    float: left
}

#otherProductsHighlight dt a {
    text-decoration: none;
    font-weight: 700;
    background: url(../images/bgd_otherProductsHighlight_a.gif) no-repeat;
    padding: 0 0 0 20px
}

#otherProductsHighlight .illustration img {
    border: 1px solid #a39d9d
}

#reservationHighlight dd {
    padding: 5px 0 0
}

#reservationHighlight dd dd p {
    padding: 0 0 10px
}

#reservationHighlight .listLinks a {
    background: 0 0;
    color: #fff;
    font-size: 11px;
    margin: 2px 0 0
}

#reservationHighlight .listLinks li a {
    margin: 0
}

#reservationHighlight p {
    padding: 0 10px 5px
}

#reservationHighlight li {
    background-image: url(../images/bgd_reservationHighlight_li.gif);
    padding: 3px 0 10px 20px;
    margin: 0 10px
}

#reservationHighlight em {
    color: #a2a2a2;
    font-size: 12px
}

#reservationHighlight .callProprio p {
    padding: 0;
    margin-bottom: 5px
}

#reservationHighlight .callProprio #ctc_tel3 {
    display: none;
    text-align: center;
    padding-left: 27px
}

#reservationHighlight .adherent p {
    padding: 0;
    overflow: hidden;
    clear: both
}

#reservationHighlight .adherent span {
    display: block;
    float: left
}

#reservationHighlight .adherent img {
    display: block;
    float: left;
    margin: 0 0 0 4px
}

#reservationHighlight table {
    margin: 0 0 5px
}

#reservationHighlight thead td,#reservationHighlight thead th {
    background: 0 0;
    color: #000;
    font-weight: 400;
    padding: 0
}

#reservationHighlight tbody th {
    border: none;
    padding: 0 0 0 20px;
    background-repeat: no-repeat
}

#reservationHighlight tbody td {
    border: none;
    padding: 4px 2px 0
}

#reservationHighlight .saison1 {
    background-image: url(../images/ico_saison1.gif);
    background-position: 0 50%
}

#reservationHighlight .saison2 {
    background-image: url(../images/ico_saison2.gif);
    background-position: 0 50%
}

#reservationHighlight .saison3 {
    background-image: url(../images/ico_saison3.gif);
    background-position: 0 50%
}

#reservationHighlight .saison4 {
    background-image: url(../images/ico_saison4.gif);
    background-position: 0 50%
}

#reservationHighlight .saison5 {
    background-image: url(../images/ico_saison5.gif);
    background-position: 0 50%
}

#reservationHighlight .saison6 {
    background-image: url(../images/ico_saison6.gif);
    background-position: 0 50%
}

#reservationHighlight .saison7 {
    background-image: url(../images/ico_saison7.gif);
    background-position: 0 50%
}

#reservationHighlight .people {
    background-image: url(../images/ico_people.gif)
}

#reservationHighlight .meal {
    background-image: url(../images/ico_meal.gif)
}

#reservationHighlight #autres_refs {
    background-color: none;
    float: left;
    display: block;
    height: auto;
    z-index: 100
}

#reservationHighlight .logos_hca {
    height: auto;
    text-align: center;
    background: 0 0!important
}

#reservationHighlight .logos_hca img {
    float: none;
    margin-top: 20px
}

#reservationHighlight #cnt_dispos {
    width: 255px;
    height: auto;
    margin: 3px 0;
    float: left
}

#reservationHighlight #barre_dsp {
    width: 255px
}

#reservationHighlight #barre_dsp #titre_mois_dsp {
    width: 200px;
    font-size: 14px
}

#reservationHighlight #cadre_dsp #cnt_mois {
    width: 252px;
    border: 1px solid #efefef;
    background-color: #fff
}

#reservationHighlight #cadre_dsp #cnt_mois .semaine {
    font-size: 14px;
    width: 240px
}

#reservationHighlight #cadre_dsp #cnt_mois .semaine a,#reservationHighlight #cadre_dsp #cnt_mois .semaine a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #000
}

#reservationHighlight #cadre_dsp #cnt_mois .lib_sem {
    width: 160px;
    font-size: 14px;
    margin-left: 20px
}

#reservationHighlight #cadre_dsp #cnt_mois .prix_indispo {
    width: 60px;
    float: right;
    text-align: center
}

#reservationHighlight #cadre_dsp #cnt_mois .prix_indispo span {
    width: auto
}

#reservationHighlight #cadre_dsp #cnt_mois .prix_indispo_orange {
    width: 60px;
    float: right;
    text-align: center;
    background-image: url(../images/dispos/fd_tableau_indispo_orange2.jpg);
    background-repeat: repeat-x
}

#reservationHighlight #cadre_dsp #cnt_mois .prix_indispo_orange span {
    width: 60px
}

#reservationHighlight #cadre_dsp #cnt_mois .prix_dispo,#reservationHighlight #cadre_dsp #cnt_mois .prix_loc_clair {
    float: right;
    width: 60px
}

#reservationHighlight #cadre_dsp #cnt_mois .prix_dispo span {
    width: 60px;
    float: left;
    text-align: center
}

#reservationHighlight #cadre_dsp #legendes {
    float: left;
    background-image: url(../images/fd_legende_fiche.gif);
    background-repeat: no-repeat;
    width: 240px
}

#reservationHighlight #voir_annee {
    margin-top: 10px;
    float: left
}

#reservationHighlight #voir_annee a {
    margin: 0 0 0 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #f60;
    height: 25px
}

#reservationHighlight #widgetItea {
    height: 375px;
    float: left;
    width: 245px;
    border: none;
    margin-left: 5px
}

#reservationHighlight #widgetItea.iframe_wid_gites {
    margin-left: 17px
}

#reservationHighlight #widgetItea_resa {
    height: 450px;
    float: left;
    width: 245px;
    border: none;
    margin-left: 5px
}

#reservationHighlight #cnt_inc_tarifs_ch {
    float: left
}

#reservationHighlight .cnt_infos_relais {
    display: inline-block;
    margin: 10px 0 0 -5px
}

#reservationHighlight .cnt_infos_relais .photo_infos_relais {
    float: left;
    margin: 5px;
    background-color: #000
}

#reservationHighlight .cnt_infos_relais span {
    margin: 7px 0 0 5px;
    width: 95%;
    text-align: left;
    float: left
}

#reservationHighlight .cnt_infos_relais span .diff {
    margin-top: 12px
}

#reservationHighlight .cnt_infos_labels .titre_infos_labels {
    font-weight: 700;
    display: inline-block;
    text-align: left;
    width: 100%;
    margin-bottom: 10px
}

#reservationHighlight .cnt_infos_labels ul li {
    margin: 0;
    background: 0 0;
    position: relative;
    padding: 0 0 2px 26px
}

#reservationHighlight .cnt_infos_labels ul li:before {
    content: "";
    background-image: url(../images/check.png);
    background-size: contain;
    background-position: no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0
}

#reservationHighlight .cnt_infos_labels ul li a,#reservationHighlight .cnt_infos_labels ul li a:hover {
    color: #fff;
    text-decoration: underline
}

#reservationHighlight .callCenter p {
    padding: 0
}

#reservationHighlight dl.dl_dispos,#reservationHighlight dl.dl_dispos dd {
    margin: 0;
    padding: 0
}

#reservationHighlight dl.dl_dispos dd img {
    margin-left: -4px
}

#reservationHighlight dl.dl_dispos #fond_cnt_dispos {
    background-image: url(../images/tab_fond_disponibilites.jpg);
    height: 247px
}

#reservationHighlight #cnt_dsp #comment {
    margin-left: 5px;
    font-size: 14px;
    height: 51px;
    float: left
}

.mini_courts {
    font-size: 10px
}

.tab_tarifs {
    width: 170px;
    font-size: 1em
}

.date_valid {
    text-align: center
}

.productsNavigation {
    overflow: hidden;
    padding: 7px 0 0;
    width: 70%;
    height: 20px;
    margin-bottom: 3px;
    border-radius: 3px;
    background-color: #fff
}

.productsNavigation ul {
    padding: 0;
    width: 100%;
    height: 20px;
    margin-bottom: 3px;
    margin-top: 3px
}

.productsNavigation li {
    background: 0 0;
    float: left;
    width: 200px;
    height: 15px;
    padding: 0;
    text-align: center
}

.productsNavigation li a {
    text-decoration: none
}

.productsNavigation li.addthis {
    text-align: left;
    width: 145px;
    height: 15px;
    margin-left: 10px;
    margin-top: -4px;
    padding: 0;
    float: left
}

.productsNavigation li .btn_fiche_prt:hover,.productsNavigation li .btn_fiche_reco:hover,.productsNavigation li .btn_fiche_sel:hover {
    background-color: #a58f65
}

.productsNavigation li.ariane {
    border: none;
    padding: 3px;
    width: 623px;
    margin: 0;
    background-color: #fff;
    overflow: hidden;
    text-align: left;
    float: left;
    height: 12px;
    font-size: 12px;
    color: #505050
}

.productsNavigation li.nouvelle_rech,.productsNavigation li.nouvelle_rech:hover {
    background: url(../images/btn_refresh.gif) right no-repeat!important;
    display: block;
    width: 190px;
    text-align: left
}

.productsNavigation li.ariane a {
    font-style: normal;
    color: #505050;
    text-decoration: underline
}

.productsNavigation li.nouvelle_rech {
    font-weight: 400!important;
    font-size: 12px!important;
    color: #000;
    float: right;
    margin-right: 18px
}

.productsNavigation li.nouvelle_rech:hover {
    font-weight: 400;
    font-size: 13px;
    color: #ff7011!important;
    text-decoration: none;
    cursor: pointer
}

.productsNavigation li.nouvelle_rech a {
    font-weight: 400;
    color: #000!important;
    text-decoration: underline;
    padding: 0
}

.productsNavigation li.nouvelle_rech a:hover {
    color: #ff7011!important;
    padding: 0;
    text-decoration: none
}

.productsNavigation .previous {
    text-align: left;
    width: 160px;
    height: 15px;
    background: url(../images/btnprevnext.gif) left top no-repeat;
    padding: 2px 0 0 20px;
    margin-left: 20px
}

.productsNavigation .previous.nobg {
    background: 0 0
}

.productsNavigation .previous a {
    text-decoration: none;
    font-weight: 400
}

.productsNavigation .previous a:hover {
    text-decoration: underline
}

.productsNavigation .previous:hover {
    background: url(../images/btnprevnext_over.gif) left top no-repeat;
    cursor: pointer
}

.productsNavigation .previous_empty {
    text-align: left;
    width: 160px;
    height: 15px;
    background: 0 0;
    padding: 0 0 0 15px;
    margin-left: 20px
}

.productsNavigation .btnfiche {
    float: right;
    width: auto;
    margin-right: 15px
}

.productsNavigation .btnfiche a {
    margin-left: 5px
}

.productsNavigation .next {
    text-align: right;
    width: 160px;
    height: 15px;
    background: url(../images/btnprevnext.gif) right bottom no-repeat;
    padding: 2px 20px 0 0;
    cursor: pointer
}

.productsNavigation .next:hover {
    background: url(../images/btnprevnext_over.gif) right bottom no-repeat
}

.productsNavigation .next a {
    text-decoration: none;
    font-weight: 400
}

.productsNavigation .next a:hover {
    text-decoration: underline
}

.productButtons {
    border-top: none;
    padding: 0;
    overflow: hidden;
    width: 600px;
    height: auto;
    float: left;
    background: 0 0;
    margin-left: 2px
}

.productButtons .btn_fiche_prt:hover,.productButtons .btn_fiche_reco:hover,.productButtons .btn_fiche_sel:hover {
    background-color: #a58f65
}

.productButtons .btnfiche {
    width: auto;
    height: 30px;
    margin: 5px 0 5px 5px;
    float: left
}

.productButtons .btnfiche a {
    margin-right: 5px
}

.productButtons ul {
    display: table;
    width: 780px;
    margin: 0;
    padding: 0;
    float: left;
    height: 45px!important
}

.productButtons ul li {
    position: relative;
    background-color: #eeeae3;
    display: table-cell;
    padding: 0;
    margin: 0;
    width: auto;
    height: 30px;
    float: none;
    max-width: initial;
    border-right: 1px solid #000
}

.productButtons ul li:hover {
    background-color: #ff7011;
    color: #fff
}

.productButtons ul li:hover::after {
    display: block
}

.productButtons ul li.avis_fond_rouge::after,.productButtons ul li.avis_fond_rouge:hover::after {
    border-color: red transparent transparent!important
}

.productButtons ul li::after {
    content: "";
    border-color: #ff7011 transparent transparent;
    border-style: solid;
    border-width: 6px 8px 0;
    cursor: pointer;
    height: 0;
    width: 0;
    position: absolute;
    margin-left: -7px;
    left: 50%;
    bottom: -6px;
    top: initial;
    display: none
}

.productButtons .onglet_actif,.productButtons li {
    font-weight: 700;
    height: 38px;
    text-align: center;
    text-decoration: none;
    width: auto;
    max-width: 100px
}

.productButtons .dv_buttons {
    float: right;
    text-align: center;
    margin-right: 0;
    margin-bottom: 30px
}

.productButtons li {
    background: #fff;
    border: none;
    color: #555;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin: 4px 2px 0 0;
    padding: 4px 9px 0;
    cursor: pointer
}

.productButtons a.btn_localiser,.productButtons a.btn_siteweb2 {
    margin-right: 5px;
    float: left
}

.productButtons li a,.productButtons li a:hover {
    text-decoration: none;
    color: #000
}

.productButtons li.li_promo {
    line-height: 30px
}

.productButtons .onglet_actif {
    background: linear-gradient(to bottom,#f1e7d2 0,#fff 100%);
    border-radius: 10px 10px 0 0;
    color: #7b6a48;
    float: left;
    font-size: 1.1em;
    line-height: 16px;
    padding: 4px 6px 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.productButtons a.btn_localiser a:hover,.productButtons a.btn_photos a:hover,.productButtons a.btn_siteweb2 a:hover {
    color: #fff
}

.productButtons a.btn_localiser,.productButtons a.btn_photos,.productButtons a.btn_siteweb2 {
    background: linear-gradient(to bottom,#d8c9ab 0,#b39e76 100%);
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    width: 80px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer
}

.productButtons a.btn_photos {
    float: left
}

#cache_rayons,#loading {
    opacity: .5
}

.productButtons.inter,.productButtons.top {
    border-top: none;
    height: auto;
    margin-left: 0;
    display: block
}

.productButtons.inter,.productButtons.top,.productsTools {
    padding: 0;
    float: left;
    overflow: hidden
}

.productButtons.top {
    width: 100%;
    background-color: #eeeae3;
    margin-top: 10px
}

.productButtons.top ul {
    background-color: #000
}

.productButtons.top .onglet_ini {
    position: relative
}

.productButtons.top .onglet_ini:after {
    display: block
}

.productButtons.top.onglet_fixed {
    width: 100%;
    background-color: transparent
}

.productButtons.inter {
    width: 100%;
    background: #fff
}

.productsTools {
    margin: 0
}

.productsTools li {
    background: 0 0;
    float: left;
    padding: 5px 2px 0 10px;
    margin: 0
}

.productsHighlight {
    overflow: hidden;
    clear: both
}

.productsHighlight .lastOffers {
    background-image: url(../images/bgd_productsHighlight_lastOffers.png);
    padding: 5px 10px 5px 27px
}

.productsHighlight .special {
    background-image: url(../images/bgd_productsHighlight_special.png);
    padding: 5px 10px 5px 27px
}

.productsHighlight .selection {
    padding: 5px 10px 5px 27px;
    color: #f60
}

.productsHighlight div {
    overflow: hidden;
    clear: both;
    width: 100%
}

.productsHighlight div ul {
    float: left;
    padding: 13px 0 0;
    overflow: hidden
}

.productsHighlight div li {
    background: url(../images/bgd_productsHighlight_li.png) left top no-repeat;
    padding: 0 0 0 18px;
    color: #fff
}

.productsHighlight div a,.productsHighlight div a:hover {
    text-decoration: none
}

.productsHighlight .cadre_bloc_carre {
    background-image: url(../images/bgd_withBigPicture_dt.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 256px;
    float: left;
    padding-top: 8px;
    clear: none;
    overflow: hidden
}

.productsHighlight h2 {
    background-repeat: no-repeat;
    background-position: left top;
    padding: 5px 10px 5px 0;
    float: left;
    margin: 6px 0 6px 5px
}

.productsHighlight .lien_blc:active,.productsHighlight .lien_blc:hover,.productsHighlight .lien_blc:link,.productsHighlight .lien_blc:visited {
    color: #fff
}

.productsHighlight p {
    float: left;
    width: 100%;
    font-weight: 400
}

.productsHighlight dl {
    background: url(../images/bgd_productsHighlight_dl.png) bottom left no-repeat;
    padding: 5px 0 19px;
    height: 90px;
    position: relative;
    width: 100%
}

.productsHighlight a,.productsHighlight a:hover,.productsHighlight a:visited {
    text-decoration: none
}

#productMedias a:hover,.productsHighlight .withBigPicture p a {
    text-decoration: underline
}

#productMedias a,.cadre_productStrength #clouds a,.productsHighlight .withBigPicture p a:hover {
    text-decoration: none
}

.productsHighlight dt {
    padding: 2px 14px 5px 164px
}

.productsHighlight .description {
    width: 330px;
    text-align: justify;
    clear: both
}

.productsHighlight .priceInfo {
    color: #d80e40
}

.productsHighlight .event {
    font-size: 12px
}

.productsHighlight .event span {
    float: right;
    padding-bottom: 3px
}

.productsHighlight dd {
    margin: 0 4px;
    padding: 0 100px 0 160px
}

.productsHighlight dd a {
    font-weight: 400
}

.productsHighlight .illustration {
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 0;
    width: 120px;
    text-align: center
}

.productsHighlight .illustration img {
    border: 1px solid #a39d9d;
    margin-top: -2px
}

.productsHighlight .savoir_plus {
    width: 75px;
    height: 25px;
    margin: 0;
    color: #f60
}

.productsHighlight .rank {
    position: absolute;
    right: 0;
    top: 31px;
    padding: 0 10px 0 0;
    font-weight: 700
}

.productsHighlight .equipment {
    float: left;
    padding: 0 0 0 160px
}

.productsHighlight .equipment ul {
    overflow: hidden
}

.productsHighlight .equipment li {
    background: 0 0;
    padding: 0 10px 0 0;
    float: left;
    overflow: hidden;
    height: 20px
}

.productsHighlight .equipment li span {
    display: block;
    float: left;
    margin: 2px 0 0
}

.productsHighlight .equipment li img {
    margin: 0 3px 0 0;
    float: left
}

.productsHighlight .possibilities {
    padding: 0;
    margin: 0;
    float: left
}

.productsHighlight .possibilities ul {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.productsHighlight .possibilities li {
    background: 0 0;
    float: left;
    padding: 0 5px;
    margin: 0;
    border-right: 1px solid #ebebeb
}

.productsHighlight .possibilities .last {
    border: none
}

.productsHighlight .price {
    position: absolute;
    right: 10px;
    bottom: 28px;
    padding: 0;
    background: url(../images/bgd_price.gif) bottom left no-repeat;
    width: 66px
}

.productsHighlight .price p {
    background: url(../images/bgd_price_p.gif) top left no-repeat;
    padding: 3px 0 4px 4px;
    color: #fff;
    font-weight: 700
}

.productsHighlight .price strong {
    font-size: 14px;
    line-height: 11px;
    display: block
}

.productsHighlight .price span {
    font-size: 24px;
    float: left;
    line-height: 20px
}

.productsHighlight .price em {
    font-size: 9px;
    line-height: 10px;
    display: block
}

.productsHighlight .withBigPicture {
    width: 256px;
    float: left;
    height: auto;
    background-image: url(../images/bgd_withBigPicture.png);
    padding: 0 0 15px
}

.productsHighlight .withBigPicture dt {
    padding: 30px 14px 5px
}

.productsHighlight .withBigPicture dd {
    padding: 0 10px
}

.productsHighlight .withBigPicture .illustration {
    position: relative;
    float: left;
    padding: 0 0 5px 10px;
    top: auto;
    left: auto
}

.productsHighlight .withoutDescription {
    width: 256px;
    float: left;
    height: auto;
    background-image: url(../images/bgd_withoutDescription.png);
    padding: 0 0 15px
}

.productsHighlight .withoutDescription dt {
    padding: 9px 14px 5px
}

.productsHighlight .withoutDescription dd {
    padding: 0 10px
}

.productsHighlight .withoutDescription .possibilities {
    margin: 0 0 14px;
    float: right
}

.productsHighlight .withoutDescription .illustration {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    padding: 2px 0 5px 10px
}

.productsHighlight .withoutDescription .price {
    padding: 0;
    bottom: 45px
}

.productsHighlight .cadre_bloc_liste {
    background-color: #fff;
    height: 330px;
    width: 510px;
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 20px;
    position: relative;
    overflow: visible
}

.productsHighlight .cadre_bloc_liste .cnt_photos {
    position: relative;
    overflow: hidden;
    margin: -7px auto 0;
    height: 337px;
    width: 510px;
    text-align: center
}

.productsHighlight .cadre_bloc_liste .cnt_photos #cnt_photo,.productsHighlight .cadre_bloc_liste .cnt_photos #cnt_photo2 {
    height: 100%;
    width: 100%;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0
}

.productsHighlight .cadre_bloc_liste .cnt_photos #cnt_photo {
    z-index: 2
}

.productsHighlight .cadre_bloc_liste .cnt_photos #cnt_photo2 {
    z-index: 1
}

.productsHighlight .cadre_bloc_liste .btn_diapo {
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: 160px;
    cursor: pointer
}

.productsHighlight .cadre_bloc_liste #btn_prec_diapo {
    z-index: 20;
    top: 0;
    left: 0
}

.productsHighlight .cadre_bloc_liste #btn_suiv_diapo {
    z-index: 20;
    right: 0;
    top: 25%
}

.productsHighlight .cadre_bloc_liste cnt_photos #cnt_photos img {
    float: none
}

.productsHighlight .promo em {
    padding: 0 0 0 12px;
    clear: both
}

.cadre_bloc_liste {
    position: relative;
    background: url(../images/bgd_productsHighlight_dt.png) top left no-repeat;
    padding-top: 7px;
    height: 110px
}

.cadre_bloc_liste .event .event_span_lf {
    float: left
}

.cadre_bloc_liste .event .event_span_rg {
    float: right
}

.newheb {
    width: 170px
}

.savoir_plus_cdt {
    width: 75px;
    height: 25px;
    margin: 0;
    color: #f60
}

.cadre_cote_gauche {
    overflow: hidden;
    padding: 0;
    width: 780px;
    background-color: #fff
}

#productHeader h1,#productHeader h2 {
    font-size: 24px;
    padding: 3px 0 0;
    float: left
}

#productDescription {
    padding: 0 0 15px
}

#productHeader {
    /* overflow: hidden; */
    position: relative;
    padding: 0;
    margin: 0;
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 65px;
}
#productHeader .offre-zen {
    /* position: absolute; */
    right: 52px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #ff610d;
    font-weight: bold;
    top: 50%;
    /* transform: translateY(-50%); */
}

#productHeader .offre-zen:before {content: "";display: block;height: 54px;background: url(../images/zen.png) no-repeat center/contain;}
#productHeader h2 {
    width: 445px
}

#productHeader #ico_ec_fiche {
    margin-top: -5px
}

#productHeader p {
    float: left;
    width: 75px;
    padding: 7px 0 0 10px
}

#productHeader h1 {
    width: 100%;
    color: #333
}

#productHeader em {
    display: block;
    font-size: 14px
}

#menu_btn_orange {
    width: 160px;
    float: right;
    padding: 4px 4px 0 0
}

#menu_btn_orange ul {
    float: left;
    width: 78px;
    padding: 0;
    margin: 0 0 0 2px;
    list-style-type: none
}

#menu_btn_orange ul li {
    float: left;
    width: 78px;
    padding: 0;
    margin: 0
}

#productReference {
    padding: 5px 0 5px 10px;
    float: left;
    font-weight: 700
}

#productSituation {
    padding: 5px 20px 5px 0;
    float: right
}

#productSituation strong {
    font-weight: 400
}

#productMedias {
    width: 780px;
    height: 600px;
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden
}

#productMedias dl {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

#productMedias dt {
    padding: 0;
    width: 475px;
    float: left
}

#productMedias img {
    margin: 0
}

#productMedias dd {
    overflow: hidden;
    background: url(../images/bgd_productMedias_dd.gif) right repeat-y;
    padding: 0
}

#productMedias ul {
    overflow: hidden
}

#productMedias li {
    padding: 6px 15px 6px 18px;
    margin: 0 0 0 6px;
    background: url(../images/bgd_productMedias_li.gif) 0 6px no-repeat;
    float: left
}

#productMedias a {
    font-weight: 400
}

#productMedias .onglet_fiche {
    border: 1px solid red;
    float: left
}

#productGeolocalisation,#productGeolocalisation .liste_vign {
    width: 255px;
    float: left
}

#productGeolocalisation dl {
    width: 214px;
    border: none;
    background: 0 0;
    padding: 2px 0 0
}

#contenu_cdt #cote_gauche,#contenu_cdt_larg #cote_gauche {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 5px;
    float: left
}

#productGeolocalisation dt {
    background: url(../images/bgd_productGeolocalisation_dt.gif) bottom repeat-x;
    padding: 0
}

#productGeolocalisation dt a {
    padding: 5px 0 5px 10px;
    display: block;
    font-size: 14px;
    background-position: right;
    background-repeat: no-repeat
}

#productGeolocalisation dd {
    background: url(../images/bgd_productGeolocalisation_dd.gif) no-repeat;
    padding: 14px 0 0 6px
}

#productGeolocalisation fieldset {
    padding: 0 7px 0 0
}

#productGeolocalisation legend {
    padding: 0 0 10px 5px
}

#productGeolocalisation li {
    background: 0 0;
    padding: 0 0 7px;
    display: block;
    float: none
}

#productGeolocalisation .liste_vign li {
    float: left;
    margin: 0 0 10px 5px;
    padding: 0
}

#productGeolocalisation .liste_vign li img {
    width: 80px;
    height: 60px
}

#productGeolocalisation .liste_vign .btn {
    float: left;
    margin: 0 0 10px;
    padding: 0 0 0 3px
}

#productGeolocalisation .liste_vign2 {
    width: 255px;
    float: left
}

#productGeolocalisation .liste_vign2 li {
    float: left;
    margin: 0 0 10px 5px;
    padding: 0
}

#productGeolocalisation .liste_vign2 li img {
    width: 80px;
    height: 30px
}

#productGeolocalisation .liste_vign2 .btn {
    float: left;
    margin: 0 0 10px;
    padding: 0 0 0 3px
}

#productGeolocalisation #cnt_vignettes_fiche #vides {
    width: 80px;
    height: 60px;
    margin-top: 2px;
    margin-bottom: 1px;
    float: left
}

#productGeolocalisation #cnt_vignettes_fiche .plus_de_photos {
    background-color: #efefef;
    width: 250px;
    height: 40px;
    margin-top: -5px;
    margin-left: 5px;
    float: left
}

#productGeolocalisation #cnt_vignettes_fiche #plus_de {
    margin: 10px;
    float: left;
    color: #d63;
    font-weight: 700;
    font-size: 14px
}

#productGeolocalisation #cnt_vignettes_fiche #plus_de_pagination {
    margin: 10px;
    float: right;
    font-size: 14px;
    color: #646464;
    font-weight: 700
}

#productGeolocalisation #cnt_vignettes_fiche #plus_de_pagination a {
    color: #d63;
    font-weight: 700
}

#productGeolocalisation input {
    width: 170px
}

#productGeolocalisation .submitForm {
    padding: 3px 0 0
}

.cadre_productStrength {
    width: 100%;
    float: left;
    margin-left: 0
}

.cadre_productStrength #clouds {
    float: left;
    overflow: hidden;
    width: 150px;
    background-image: url(../images/fd_contenu_bloc_descri.png);
    background-position: bottom left;
    background-repeat: no-repeat
}

.cadre_productStrength #clouds a:hover {
    text-decoration: underline
}

.cadre_productStrength #clouds ul {
    padding: 0 0 10px
}

.cadre_productStrength #clouds li {
    display: inline;
    background: 0 0;
    padding: 2px;
    font-size: 12px
}

.cadre_productStrength #clouds strong {
    font-size: 14px;
    font-weight: 400
}

.cadre_productStrength #clouds em {
    font-size: 11px
}

.cadre_productStrength #clouds .fd_fleche {
    background-image: url(../images/fleche_bloc_descri.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 10px 5px 5px
}

.cadre_productStrength .titre_bloc_descri {
    background-image: url(../images/fd_titre_bloc_descri.gif);
    background-position: top left;
    background-repeat: no-repeat;
    color: #fff;
    padding: 5px
}

.cadre_productStrength #productLoisirs2 {
    overflow: hidden;
    width: 180px;
    float: left;
    margin-left: 12px;
    background-image: url(../images/fd_contenu_bloc_descri2.png);
    background-position: bottom left;
    background-repeat: no-repeat
}

.cadre_productStrength #productLoisirs2 .titre_bloc_descri {
    background-image: url(../images/fd_titre_bloc_descri2.gif);
    background-position: top left;
    background-repeat: no-repeat;
    color: #fff;
    padding: 5px
}

.cadre_productStrength #productLoisirs2 .fd_fleche {
    background-image: url(../images/fleche_bloc_descri2.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 15px;
    border-left: 1px solid #c96;
    border-right: 1px solid #c96
}

.cadre_productStrength #productLoisirs2 dd dl {
    overflow: hidden;
    margin: 0 0 5px
}

.cadre_productStrength #productLoisirs2 dd dt {
    background: 0 0;
    float: left;
    padding: 0 0 0 2px;
    width: 25px
}

.cadre_productStrength #productLoisirs2 dd dd {
    background: 0 0;
    float: left;
    padding: 5px 0;
    width: 150px
}

#productStrength {
    padding: 0;
    width: 100%;
    overflow: visible;
    float: left;
    background-color: #fff;
    position: relative
}

#productStrength h3 {
    width: 400px
}

#productStrength ul {
    clear: both;
    padding: 0 0 10px;
    overflow: hidden;
    width: 370px
}

#productStrength li {
    width: 30%;
    float: left;
    padding: 0 0 5px 20px
}

#productStrength p {
    clear: both;
    line-height: 1.4em
}

#productStrength #btns_nn1 {
    float: left;
    width: 170px;
    margin: -1px 0 10px 60px
}

#productStrength #btns_nn1 img {
    float: left
}

#productStrength #btns_nn1 #btn_attente_n1 {
    float: right;
    margin-top: 5px
}

#productStrength #caracts_fiche {
    width: 100%;
    display: inline-block
}

#ico_addthis {
    float: right;
    display: inline-block!important;
    height: 30px;
}

#productStrength #caracts_fiche ul {
    width: 100%;
    height: auto
}

#productStrength #caracts_fiche li {
    background: url(../images/li_common.gif) 0 5px no-repeat;
    display: inline;
    float: left;
    font-size: 13px;
    margin: 5px 10px 0;
    padding: 0 0 0 12px;
    width: 250px
}

#productStrength #descriptif_fiche {
    float: left;
    margin: 0;
    font-size: 14px
}

#productStrength #descriptif_fiche>ul {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block
}

#productStrength #descriptif_fiche>ul>li {
    width: 30%;
    padding: 0 25px 15px 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: 0 0
}

#productStrength #descriptif_fiche>ul>li:first-child>div {
    padding: 0 0 15px;
    text-align: justify
}

#productStrength #descriptif_fiche>ul>li:first-child {
    width: 70%;
    background: 0 0
}

#productStrength #descriptif_fiche>ul>li>ul {
    width: 100%;
    display: block
}

#productStrength #descriptif_fiche>ul>li>ul>li {
    width: 100%;
    display: block;
    padding: 0 0 5px 10px
}

#productStrength #ico_thms_fiche {
    margin: 10px;
    float: left;
    width: 97%
}

#productStrength #ico_thms_fiche img {
    margin-right: 10px;
    float: left
}

#productStrength h2.chapo {
    text-transform: none;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #000
}

.highlightReview {
    float: right
}

.highlightReview a {
    background: url(../images/bgd_highlightReview_a.gif) no-repeat;
    display: block;
    padding: 0 0 0 20px;
    margin: 4px 0 0;
    font-weight: 400;
    text-decoration: none
}

#contenu_cdt #cote_droit ul,#onglet_cdt #vieLocale_mois #vieLocale_mois_cnt {
    background-position: top;
    list-style-image: none;
    float: left;
    list-style-type: none
}

#contenu_cdt_larg #cote_droit,#onglet_cdt {
    display: none
}

.highlightReview a:hover {
    text-decoration: underline
}

#productInformation dl,#productInformation2 dl {
    padding: 0 10px;
    margin: 0 0 5px;
    width: 730px;
    float: left
}

#productInformation dt,#productInformation2 dt {
    background: url(../images/bgd_productInformation_dt.gif) left top no-repeat
}

#productInformation dt a,#productInformation2 dt a {
    color: #667801;
    font-weight: 400;
    padding: 9px 0 5px 14px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    background-position: right;
    background-repeat: no-repeat
}

#productInformation dd {
    background: url(../images/bgd_productInformation_dd.gif) left top no-repeat;
    padding: 15px 0 5px 4px;
    overflow: hidden
}

#productInformation dd dl {
    padding: 0
}

#productInformation dd dd,#productInformation dd dt {
    background: 0 0;
    padding: 0
}

#productInformation2 #productTarifsChambres dt {
    height: 30px
}

#productInformation2 #productTarifsChambres a {
    width: 250px;
    float: left
}

#productInformation2 #lib_annes_ch span,#productInformation2 #productTarifsChambres div {
    float: left
}

#productInformation2 #lib_annes_ch {
    margin-top: 10px;
    height: 30px;
    font-size: 14px;
    width: 150px
}

#productInformation2 #lib_annes_ch span a {
    float: left;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 11px;
    color: #000;
    width: 50px;
    text-decoration: underline
}

#productInformation2 #lib_annes_ch span a:hover {
    color: #ff7011;
    text-decoration: none
}

#contenu_cdt {
    margin-top: 7px;
    padding-bottom: 20px;
    float: left;
    overflow: hidden
}

#contenu_cdt #cote_gauche {
    width: 750px;
    background-color: #fff;
    margin-right: 15px
}

#contenu_cdt #cote_gauche #actu {
    margin: 10px;
    width: 760px;
    float: left
}

#contenu_cdt #cote_gauche img {
    float: left;
    margin-right: 5px
}

#contenu_cdt #cote_gauche .mois_cdt {
    margin: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #000
}

#contenu_cdt .lieu_cdt {
    margin-bottom: 2px;
    font-weight: bolder;
    color: #f60;
    font-size: 12px
}

#contenu_cdt .titre_cdt {
    font-weight: 700;
    color: #000;
    font-size: 12px;
    width: 730px
}

#contenu_cdt .desc_cdt {
    font-weight: 400;
    color: #000;
    font-size: 12px;
    width: 730px
}

#contenu_cdt #cote_droit {
    width: 190px;
    background-color: #fff;
    float: left;
    min-height: 390px;
    height: auto!important;
    border-radius: 7px
}

#contenu_cdt #cote_droit img {
    margin: 20px 0 0 5px
}

#contenu_cdt #cote_droit ul {
    padding: 15px 0 0;
    margin: 15px 0 0 5px;
    width: 183px;
    height: 112px;
    background-image: url(../images/bg_vie_locale_cal.png);
    background-repeat: no-repeat;
    display: block
}

#contenu_cdt #cote_droit ul a {
    font-size: 11px;
    font-weight: 400;
    text-decoration: none
}

#contenu_cdt #cote_droit li {
    text-align: center;
    font-size: 11px;
    padding: 0;
    height: 16px;
    margin: 7px 0 0 5px;
    width: 55px;
    float: left;
    display: block;
    background: 0 0
}

#contenu_cdt_larg #cote_gauche {
    width: 900px;
    background-color: #fff;
    margin-right: 15px
}

#contenu_cdt_larg #cote_gauche #actu {
    margin: 10px;
    width: 760px;
    float: left
}

#contenu_cdt_larg #cote_gauche img {
    float: left;
    margin-right: 5px
}

#contenu_cdt_larg #cote_gauche .mois_cdt {
    margin: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #000
}

#contenu_cdt_larg #cote_gauche .lieu_cdt {
    margin-bottom: 2px;
    font-weight: bolder;
    color: #f60;
    font-size: 12px
}

#contenu_cdt_larg #cote_gauche .titre_cdt {
    font-weight: 700;
    color: #000;
    font-size: 12px;
    width: 730px
}

#onglet_cdt {
    margin-top: 20px;
    float: left
}

#onglet_cdt #vieLocale {
    width: 690px;
    height: auto;
    float: left
}

#onglet_cdt #vieLocale dt {
    font-size: 15px;
    font-weight: 700;
    margin: 20px
}

#onglet_cdt #vieLocale dd {
    padding: 5px 0 5px 4px
}

#onglet_cdt #vieLocale img {
    float: left;
    border: 1px solid #a39d9d;
    margin: 0 10px 10px 0
}

#onglet_cdt #vieLocale div {
    width: 600px;
    float: left;
    margin-left: 10px;
    padding: 5px 0 0 3px;
    overflow: hidden;
    position: relative
}

#onglet_cdt #vieLocale dl {
    float: left;
    width: 195px;
    background: url(../images/bgd_productOwners_dl.gif) no-repeat;
    padding: 0
}

#onglet_cdt #vieLocale dl dt {
    background: url(../images/bgd_productOwners_dt.gif) no-repeat;
    padding: 45px 15px 0
}

#onglet_cdt #vieLocale dl dd {
    padding: 15px
}

#onglet_cdt #vieLocale_mois {
    float: left;
    width: 450px;
    overflow: visible;
    margin: 20px 0 10px 80px
}

#onglet_cdt #vieLocale_mois #vieLocale_mois_cnt {
    padding: 15px 0 0 5px;
    margin: 0;
    width: 120px;
    height: 90px;
    background-image: url(../images/bg_cal_cdt.png);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 0
}

#onglet_cdt #vieLocale_mois #vieLocale_mois_cnt div {
    text-align: center;
    font-size: 11px;
    padding: 0;
    height: 20px;
    margin: 2px 0 0 7px;
    width: 30px;
    float: left;
    display: block;
    background: 0 0;
    text-decoration: none
}

#onglet_cdt #vieLocale_mois #vieLocale_mois_cnt a {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none
}

#onglet_cdt #vieLocale_mois #titre_cdt {
    float: left;
    height: 50px;
    padding-top: 50px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #f60
}

#onglet_cdt #vieLocale_cnt {
    float: left;
    width: 650px;
    height: auto;
    margin: 15px 0 10px 5px;
    overflow: visible;
    z-index: 0
}

#onglet_cdt #vieLocale_cnt #iframe_cdt {
    float: left;
    width: 600px;
    height: 600px;
    overflow: visible
}

#onglet_cdt #vieLocale_cnt div {
    width: 400px
}

#onglet_cdt #loisirs {
    width: 640px
}

#onglet_cdt .zones_details_fiche .contenu {
    border: none
}

#onglet_cdt .zones_details_fiche li {
    width: 200px
}

.cdt_cnt {
    width: 560px;
    margin: 20px 0 0 5px;
    font-weight: bolder;
    color: #f60;
    font-size: 14px;
    overflow: hidden;
    text-align: justify
}

.cdt_cnt .titre_cdt {
    font-weight: 700;
    color: #000;
    font-size: 14px
}

.cdt_cnt .desc_cdt {
    font-weight: 400;
    color: #000;
    font-size: 14px
}

.cdt_cnt img {
    float: left;
    border: 1px solid #a39d9d;
    margin: 0 10px 10px 0
}

#onglet_avis_clients {
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%
}

#onglet_avis_clients .zones_details_fiche {
    width: 95%
}

#onglet_avis_clients .onglet_titre::before {
    content: "Avis clients";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

#onglet_tarifs_dispos {
    margin-top: 0;
    display: block;
    float: left;
    width: 100%
}

#onglet_tarifs_dispos .cadre_dsp_lst_annee {
    width: 780px;
    padding: 20px 20px 0
}

#onglet_tarifs_dispos .cnt_desc {
    display: block
}

#onglet_tarifs_dispos .cnt_desc ul {
    width: 100%;
    border: none
}

#onglet_tarifs_dispos .payment {
    text-align: center;
    margin: 10px 0
}

#onglet_tarifs_dispos .titre_cs {
    width: 100%;
    float: left;
    text-align: left;
    color: #8faf04;
    font-weight: 700;
    margin-left: 0;
    font-size: 14px
}

#onglet_tarifs_dispos .enonce_tarifs_cs {
    font-size: 12px;
    font-style: italic;
    color: #999;
    font-weight: 400;
    float: left;
    width: 100%;
    text-transform: none;
    margin-left: 0
}

#resultType .active a,#resultType a:hover {
    color: #000
}

#onglet_tarifs_dispos .tab_tarifs_cs {
    width: auto;
    float: right;
    margin: 0;
    display: inline-block
}

#onglet_tarifs_dispos .tab_tarifs_cs th {
    font-size: 13px;
    color: #000;
    font-weight: 400
}

#onglet_tarifs_dispos .tab_tarifs_cs td {
    text-align: left;
    font-size: 13px;
    font-weight: 400
}

#onglet_tarifs_dispos .lien_tarifaire {
    text-align: left;
    margin: 0;
    width: 100%;
    display: block
}

#onglet_tarifs_dispos .lien_tarifaire a {
    line-height: 23px;
    height: 25px;
    font-size: 13px;
    text-decoration: none;
    color: #f60
}

#onglet_tarifs_dispos .onglet_titre::before {
    content: "Tarifs";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

#onglet_tarifs_dispos .dl_tarifs {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    font-size: 1.1em;
    width: 85%;
    text-align: left
}

#onglet_tarifs_dispos .zones_details_fiche .contenu {
    border: none
}

#onglet_tarifs_dispos #tarifs #date_valid {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 10px 0
}

#onglet_tarifs_dispos #cnt_mois .infos_bl {
    left: -28px!important
}

#onglet_localisation {
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%
}

#onglet_localisation #cadre_localisation {
    position: relative;
    min-height: 450px;
    width: 100%;
    overflow: hidden
}

#onglet_localisation .cliquez_loc {
    color: #369;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
    display: block;
    margin: 25px 0 0
}

#onglet_localisation #cliquez_ifrm,#resultType #li_photos_on {
    display: none
}

#onglet_localisation #zoom_google {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px
}

#onglet_localisation #ifrm_localisation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    margin-left: 0;
    border: none
}

#onglet_localisation .onglet_titre::before {
    content: "Localisation et Tourisme";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

#onglet_idees .fd_scotch,#onglet_idees .scotch {
    margin: 20px;
    width: 100%;
    float: left
}

#cadre_localisation .comment {
    font-weight: 700;
    padding: 10px 0;
    display: block
}

#onglet_idees {
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%
}

#onglet_idees .fd_scotch {
    height: auto;
    padding: 0;
    font-size: 15px
}

#onglet_idees .scotch dd {
    width: 90%
}

#onglet_idees .barre_scotch {
    width: 100%;
    height: 40px;
    float: left;
    background-image: url(../images/scotch.png);
    background-repeat: no-repeat;
    background-position: top left
}

#onglet_idees .contenu_idsprp {
    background-image: url(../images/fd_scotch.jpg);
    float: left;
    height: auto;
    width: 580px
}

#onglet_idees .lib_idsprp {
    float: left;
    margin: 10px;
    font-size: 14px;
    font-weight: 700;
    width: 600px
}

#onglet_idees .titre_idsprp {
    float: left;
    margin: 10px;
    font-size: 13px;
    font-weight: 700;
    background-image: url(../images/bgd_contactOwners.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 20px;
    width: 600px
}

#onglet_idees .texte_idsprp {
    float: left;
    margin: 10px;
    font-size: 13px
}

#onglet_idees .texte_idsprp2 {
    float: left;
    margin: 0 10px 10px;
    font-size: 13px;
    width: 420px
}

#onglet_idees .photo_idsprp {
    float: right;
    margin: 0 10px
}

#onglet_proprio {
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%
}

#onglet_proprio #proprio {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    margin: 10px 0 0;
    position: relative;
    padding-bottom: 20px
}

#coin_label {
    width: auto;
    padding: 20px;
    border-radius: 100%;
    background-color: #ff7011;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    position: relative;
    float: right
}

#cnt_coin_photo {
    position: relative;
    display: block;
    float: left;
    width: 22%;
    text-align: center
}

#onglet_proprio #coin_photo {
    float: left;
    width: 100%;
    text-align: center
}

#onglet_proprio #coin_texte {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 10px 10px
}

#onglet_proprio #coin_photo .photo {
    margin: 0 10px 10px
}

#onglet_proprio .onglet_titre::before {
    content: "Votre propriétaire";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

#productOwners dd {
    padding: 5px 0 5px 4px
}

#productOwners .cnt_img {
    text-align: center;
    width: 125px;
    padding-bottom: 5px
}

#productOwners img {
    float: none;
    margin: 0
}

#productOwners div {
    width: 430px;
    float: left;
    padding: 15px 10px 0
}

#productOwners div.fd_scotch,#productOwners div.fd_scotch1,#productOwners div.fd_scotch2 {
    width: 462px;
    background-repeat: repeat-y;
    padding: 0;
    float: left
}

#productOwners div.fd_scotch {
    background-image: url(../images/fd_scotch.jpg)
}

#productOwners div.fd_scotch1 {
    background-image: url(../images/fd_scotch1.jpg)
}

#productOwners div.fd_scotch2 {
    background-image: url(../images/fd_scotch2.jpg)
}

#productOwners dl {
    float: left;
    width: 195px;
    background: url(../images/bgd_productOwners_dl.gif) no-repeat;
    padding: 0
}

#productOwners dl dt {
    background: url(../images/bgd_productOwners_dt.gif) right top no-repeat;
    padding: 45px 15px 0
}

#productOwners dl dd {
    padding: 15px
}

#productOwners .contactOwners {
    background: url(../images/bgd_contactOwners.gif) 10px 0 no-repeat;
    padding: 0 10px 25px 25px
}

#productEquipment,#productTarifsChambres {
    overflow: hidden
}

#productTarifsChambres dl {
    width: 705px;
    float: left;
    margin: 0;
    overflow: hidden
}

#productEquipment dl dt,#productTarifsChambres dl dt {
    border-bottom: 1px solid #000;
    background: url(../images/bgd_interieur.gif) top left no-repeat;
    padding: 3px 0 1px 21px;
    margin: 0 0 2px
}

#productEquipment dl dd,#productTarifsChambres dl dd {
    float: left;
    width: 163px
}

#productEquipment em,#productTarifsChambres em {
    font-size: 10px
}

#productEquipment dl {
    width: 352px;
    float: left;
    margin: 0;
    overflow: hidden
}

#productEquipment .interieur {
    float: none;
    width: auto
}

#productEquipment .interieur dd,#productEquipment .interieur ul {
    width: 166px;
    float: left
}

#productEquipment .exterieur {
    margin: 0 20px 0 0
}

#productEquipment .exterieur dt {
    background-image: url(../images/bgd_exterieur.gif)
}

#productEquipment .services dt {
    background-image: url(../images/bgd_services.gif)
}

.guidesHighlight {
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px
}

.guidesHighlight li {
    background: 0 0;
    padding: 0;
    float: left;
    width: 125px;
    margin: 0 2px 0 0
}

.guidesHighlight .last {
    width: 85px
}

.guidesHighlight p {
    background: url(../images/btn_guidesHighlight_a.gif) no-repeat;
    padding: 0 5px 0 20px
}

.guidesHighlight a {
    text-decoration: none;
    font-weight: 400;
    padding: 0
}

#resultMap li .active,#resultMap li a:hover,#resultPhotosContent dd a:hover,.guidesHighlight a:hover {
    text-decoration: underline
}

#resultList a,#resultMap li a,#resultPhotosContent dd a,#resultType a {
    text-decoration: none
}

#resultMenu {
    background: url(../images/bgd_resultMenu.png) bottom left no-repeat;
    overflow: hidden;
    padding: 0 0 0 8px;
    margin: 0;
    width: 695px
}

#resultType {
    margin: 8px 0 0;
    overflow: hidden
}

#resultType .active {
    background-image: url(../images/bgd_resultType_active.png)!important
}

#resultType .active a,#resultType .active em {
    background-image: url(../images/bgd_resultType_active_a.png)!important
}

#resultType .active .first {
    background-image: url(../images/bgd_resultType_active_first_a.png)!important
}

#resultType a,#resultType li em {
    background: url(../images/bgd_resultType_a.png) left top no-repeat;
    color: #fff;
    display: block
}

#resultType li {
    background: url(../images/bgd_resultType_li.png) right top no-repeat;
    padding: 0;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    height: 31px;
    margin-bottom: 3px;
    border-radius: 4px 4px 0 0
}

#resultType li#li_carte {
    background: url(../images/bgd_resultType_li_orange.png) right top no-repeat
}

#resultType li#li_carte a,#resultType li#li_carte em {
    background: url(../images/bgd_resultType_a_orange.png) left top no-repeat
}

#resultType li em {
    position: absolute;
    height: 31px;
    width: 5px;
    margin-left: -4px
}

#resultType li #li_photos_off {
    background: url(../images/bgd_resultType_li_inactive.png) right top no-repeat;
    padding: 0;
    float: left;
    margin-left: 5px
}

#resultType a {
    margin-left: -1px;
    padding: 9px 13px 4px 8px
}

#resultType .first {
    background-image: url(../images/bgd_resultType_first_a.png)
}

#resultMap {
    background: url(../images/bgd_resultMap.png) bottom left no-repeat;
    padding: 6px 14px 14px
}

#resultMap dl {
    overflow: auto;
    padding: 0;
    width: 675px
}

#resultMap dt {
    float: left;
    padding: 0 5px 0 0
}

#resultMap dd {
    float: left;
    padding: 0 30px 0 0
}

#resultMap ul {
    margin: 0 0 7px;
    overflow: hidden
}

#resultMap li {
    float: left;
    padding: 0 20px 0 0;
    background: 0 0
}

#resultMap li a {
    background: url(../images/bgd_resultMap_li_a.gif) no-repeat;
    padding: 0 0 0 20px
}

#resultMap li .active {
    background: url(../images/bgd_resultMap_li_active.gif) no-repeat;
    color: #e69349
}

#resultMap #cadre_carte {
    height: 553px;
    width: 677px;
    overflow: hidden
}

#resultPhotos {
    background: url(../images/bgd_resultMap.gif) bottom left no-repeat;
    padding: 6px 14px 14px;
    width: 675px
}

#resultPhotos #inter_navigation {
    height: 30px;
    width: 665px;
    float: left;
    text-align: right
}

#resultPhotos #galerie_photos {
    width: 660px;
    height: auto;
    margin: 50px 0 100px 9px;
    display: block;
    float: left
}

#resultPhotos #galerie_photos .photos {
    width: 310px;
    height: auto;
    margin: 0 0 5px 5px;
    float: left;
    display: block
}

#resultPhotos #galerie_photos .photos img {
    border: 5px solid #000;
    float: left;
    margin: 0
}

#resultPhotos #galerie_photos .galerie_overlay {
    height: 30px;
    width: 310px;
    color: #fff;
    background-image: url(../images/pix_noir.png);
    position: absolute;
    margin: 166px 0 0;
    float: left
}

#resultPhotos #galerie_photos .galerie_overlay a {
    color: #fff;
    float: left
}

#resultPhotos #galerie_photos .galerie_overlay p {
    margin: 8px 0 0 15px;
    font-weight: 700;
    font-size: 12px;
    float: left
}

#resultPhotos #galerie_photos .galerie_overlay p span {
    float: left;
    width: 212px
}

#resultPhotos #galerie_photos .galerie_overlay p a {
    float: right
}

#resultPhotos .searchNavigation {
    width: 666px
}

#resultPhotos #inter_navigation_bas {
    height: 30px;
    width: 665px;
    float: left;
    text-align: right
}

#resultPhotosContent {
    border: 1px solid #fff;
    overflow: hidden;
    padding: 15px;
    width: 650px;
    margin: 5px 0
}

#resultPhotosContent ul {
    overflow: hidden;
    background: url(../images/bgd_resultPhotos_li.gif) bottom left repeat-x #f3efe6;
    margin: 0 0 3px;
    width: 100%
}

#resultPhotosContent li {
    background: 0 0;
    float: left;
    padding: 3px 0 12px
}

#resultPhotosContent li a {
    background: url(../images/bgd_resultPhotos_li_a.gif) right no-repeat;
    display: block;
    padding: 2px 15px 0;
    text-decoration: none;
    color: #646464
}

#resultPhotosContent .active a,#resultPhotosContent li a:hover {
    color: #000
}

#resultPhotosContent .active {
    background: url(../images/bgd_resultPhotos_active.gif) bottom left no-repeat
}

#resultPhotosContent dl {
    float: left;
    width: 205px;
    padding: 10px 0 5px 15px;
    position: relative
}

#resultPhotosContent .typeProduct {
    left: 11px;
    float: none;
    width: auto
}

#resultPhotosContent .typeProduct li {
    width: 110px
}

#resultPhotosContent .action {
    position: absolute;
    left: 207px;
    top: 5px;
    width: auto
}

#resultPhotosContent .action a {
    background: 0 0;
    padding: 0
}

#resultPhotosContent dt {
    padding: 8px 0 3px
}

#resultPhotosContent dt img {
    border: 1px solid #e9e9e9
}

#resultPhotosContent dd {
    float: left
}

#resultPhotosContent dd ul {
    background: 0 0
}

#resultPhotosContent dd li {
    background: 0 0;
    padding: 0
}

#resultPhotosContent dd strong {
    text-transform: uppercase;
    font-weight: 400
}

#resultPhotosContent dd a {
    font-weight: 400;
    background: url(../images/bgd_resultPhotos_dd_a.gif) left top no-repeat;
    padding: 0 0 0 18px
}

#resultPhotosContent .rank {
    float: right;
    width: 60px;
    text-align: right
}

#resultList {
    padding: 0;
    width: 100%;
    float: left;
    text-align: center
}

#resultList .special {
    background-color: #f3f3f3
}

#resultList>ul {
    display: inline-block;
    overflow: hidden;
    width: 45%;
    vertical-align: top;
    min-height: 330px;
    margin: 20px 20px 20px 0;
    text-align: left
}

#mainPanier #resultList>ul {
    width: 100%
}

#resultList>ul>li {
    width: 100%;
    height: 100%;
    background: 0 0;
    font-size: 13px;
    box-sizing: border-box!important;
    position: relative;
    padding: 0;
    border: 1px solid #cac0b6
}

#resultList .no_results>li {
    border: none;
    width: auto;
    display: inline-block;
    height: auto;
    margin: 0 auto 0 0;
    padding: 15px;
    background: #8faf04;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    overflow: visible;
    margin-top: 16px;
}
#resultList .no_results>li:before {content: "";position: absolute;left: 0;bottom: 100%;border-style: solid;width: 0;height: 0;border-color: transparent transparent #8faf04;border-width: 0 16px 16px 0;}
#resultList li {
    list-style: none
}

#resultList h2 {
    font-size: 11px;
    text-transform: none;
    margin: 5px 0 0
}

#reservationMenu,#resultDisplay dt,.calendarHeader,.resumeProduct em {
    text-transform: uppercase
}

#resultList .no_results a,#resultList a:hover {
    text-decoration: underline
}

#resultList .illustration {
    float: left;
    width: 135px;
    padding: 0
}

#resultList .illustration dt {
    margin: 0 2px 0 1px;
    float: left;
    text-align: center;
    width: 110px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px
}

#resultList .illustration dd {
    clear: both
}

#resultList .illustration img {
    border: 1px solid #ebebeb
}

#resultList .description {
    float: left;
    width: 100px
}

#resultList .description ul {
    width: 50px;
    overflow: hidden
}

#resultList .description li {
    padding: 0;
    width: 20px;
    float: left
}

#resultList .action {
    padding: 0;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px
}

#resultList .action .reservation {
    text-align: right;
    width: 180px;
    float: right
}

#resultList .action .reservation a {
    background: 0 0;
    padding: 0 0 5px;
    margin: 0
}

#resultList .close_inf_lst {
    float: right;
    margin: 0 5px 5px 0;
    display: none
}

#resultList .no_results {
    background-color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 500px;
    margin-top: -30px;
    /* text-align:center; */
    width: 100%;
    border: none;
}

#resultList .no_results a {
    font-size: 15px;
    font-weight: 700;
    color: #c60;
    text-align: center;
    height: 500px;
    width: 700px;
    margin-top: 150px
}

#resultList .liens_gites {
    color: #8faf04
}

#resultList .liens_chambres {
    color: #2b40a7
}

#resultList .liens_citybreak {
    color: #ca4987
}

#resultList .liens_campings {
    color: #ff7011
}

#resultList .liens_enfants {
    color: #77b9aa
}

#resultList .liens_groupes {
    color: #8c0903
}

#resultList .cn_pl {
    background-color: #fff;
    border: 5px solid #fff;
    float: left;
    width: 685px;
    display: none
}

.btn_site,.main3,.prices tbody td,.prices tbody th {
    border: none
}

#resultList .selection a {
    background-image: url(../images/bgd_resultList_selection_a.gif)
}

#resultList .removeSelection a,#resultList .removeSelection2 a {
    background-image: url(../images/bgd_resultList_removeSelection_a.gif)
}

#resultList .removeSelection2 a {
    float: left
}

#resultDisplay {
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 5px;
    display: none
}

#resultDisplay dt {
    padding: 5px 0 0 10px;
    float: left;
    width: 234px
}

#resultDisplay dd {
    float: left;
    padding: 3px 4px 0 7px;
    overflow: hidden;
    background: url(../images/bgd_resultDisplay_dd.gif) repeat-y;
    margin: 2px 0
}

#resultDisplay a {
    padding: 0 15px 0 0;
    display: block;
    background: url(../images/bgd_resultDisplay_a.gif) right no-repeat
}

#resultDisplay .active {
    background-image: url(../images/bgd_resultDisplay_active.gif)
}

#resultDisplay .localisation {
    width: 105px
}

#resultDisplay .rank {
    width: 85px
}

#resultDisplay .rooms {
    width: 42px
}

#resultDisplay .capacity {
    width: 35px
}

#resultDisplay .price {
    width: 128px
}

.searchNavigation {
    overflow: hidden;
    padding: 0 10px 2px
}

.searchNavigation ul {
    float: right;
    padding: 0
}

.searchNavigation a {
    font-weight: 400;
    display: block;
    padding: O 0 0 10px;
    text-decoration: none
}

.searchNavigation a:hover {
    text-decoration: underline
}

.searchNavigation li {
    color: #ff7011
}

.searchNavigation img {
    margin: 2px 0 0
}

.searchNavigation form {
    float: right;
    padding: 0 10px 0 0
}

.searchNavigation select {
    width: 40px
}

#reservationMenu a,#reservationMenu span {
    color: #655434;
    padding: 7px 5px 19px 7px;
    margin: 0 7px 0 0;
    width: 81px;
    display: block;
    text-decoration: none
}

#reservationMenu {
    clear: both;
    padding: 4px 0 3px 3px
}

#reservationMenu ul {
    overflow: hidden
}

#reservationMenu a {
    background: url(../images/bgd_reservationMenu_a.gif) no-repeat
}

#reservationMenu .active a,#reservationMenu a:hover {
    background-position: 0 -55px
}

#reservationMenu span {
    font-weight: 700;
    background: url(../images/bgd_reservationMenu_a.gif) 0 -109px no-repeat
}

#reservationMenu .active span {
    background-position: 0 -163px
}

#reservationMenu strong {
    display: block
}

.resumeProduct {
    overflow: hidden
}

.resumeProduct ul {
    margin: 0 0 4px;
    width: 140px;
    float: left
}

.resumeProduct li {
    padding: 0 0 4px 15px
}

.resumeProduct p {
    text-align: center
}

.calendarHeader {
    width: 100%;
    clear: both;
    font-weight: 700;
    overflow: hidden;
    background: url(../images/bgd_calendarHeader.gif) bottom left no-repeat;
    margin: 0;
    padding: 0 0 2px
}

.calendarHeader div {
    background: url(../images/bgd_calendarHeader_div.gif) top left no-repeat;
    padding: 5px 0 2px 3px;
    text-align: center
}

#disponibilites {
    border: 6px solid #676767;
    width: 880px;
    padding: 10px 0 0 10px;
    background: #fff;
    overflow: hidden
}

#disponibilites .calendarHeader {
    background-image: url(../images/bgd_calendarHeader_disponibilites.gif);
    margin: 0 0 3px
}

#disponibilites .calendarHeader div {
    background-image: url(../images/bgd_calendarHeader_disponibilites_div.gif)
}

#disponibilites h2 {
    margin: 0 0 10px;
    text-transform: none
}

#disponibilites ul {
    margin: 10px 0 0
}

#disponibilites li {
    width: 205px;
    margin: 0 15px 0 0;
    float: left;
    background: 0 0;
    padding: 0
}

#month {
    border-top: 6px solid #676767;
    width: 259px;
    padding: 10px 5px 10px 15px;
    background: url(../images/bgd_month.png) bottom left no-repeat
}

#month .calendarHeader {
    background-image: url(../images/bgd_calendarHeader_disponibilites.gif);
    margin: 0 25px 3px 22px;
    width: 205px
}

#month .calendarHeader div {
    background-image: url(../images/bgd_calendarHeader_disponibilites_div.gif)
}

#month .calendarHeader li {
    background: 0 0;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 161px
}

.close,.nextYear,.previousYear {
    float: right
}

#month .calendarHeader .next,#month .calendarHeader .previous {
    width: 20px
}

#month h2 {
    margin: 0 0 10px;
    text-transform: none
}

#month .calendar {
    margin: 0 0 10px 25px;
    width: 200px
}

#month .information {
    font-size: 10px;
    color: #a2a2a2;
    font-style: italic
}

#month .calendarInformation {
    margin: 0 0 5px
}

.close,.nextYear,.previousYear,.priceInformation {
    margin: 0 10px 0 0
}

.calendar .nonReservable {
    background-image: url(../images/bgd_calendar_nonReservable.gif)
}

.calendar .indisponible {
    background-image: url(../images/bgd_calendar_indisponible.gif)
}

.calendar .surDemande {
    background-image: url(../images/bgd_calendar_surDemande.gif)
}

.calendar .saison1 {
    background: #83a104
}

.calendar .saison2 {
    background: #53b2f4
}

.calendar .saison3 {
    background: #f48400
}

.calendar .saison4 {
    background: #f26464
}

.calendar tbody td {
    background: url(../images/bgd_calendar_disponible.gif) repeat-x
}

.close {
    padding: 0
}

.close a,.nextYear a {
    padding: 0 15px 0 0;
    display: block
}

.close a {
    background: url(../images/bgd_closeLayer.gif) right no-repeat;
    text-decoration: none;
    color: #8faf04
}

.close a:hover {
    text-decoration: underline
}

.nextYear a {
    background: url(../images/bgd_nextYear.gif) right no-repeat;
    text-decoration: none;
    font-weight: 400
}

.nextYear a:hover {
    text-decoration: underline
}

.previousYear a {
    display: block;
    background: url(../images/bgd_previousYear.gif) left no-repeat;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-weight: 400
}

.previousYear a:hover {
    text-decoration: underline
}

.priceInformation {
    float: right;
    background: url(../images/bgd_priceInformation.gif) left no-repeat;
    padding: 2px 0 0 20px
}

.prices {
    width: 248px
}

.prices caption {
    font-weight: 700;
    margin: 0 0 5px;
    text-align: center
}

.prices thead th {
    padding: 0 0 3px;
    background: 0 0;
    color: #000;
    font-weight: 400
}

.prices thead td {
    background: no-repeat;
    color: #000;
    font-weight: 400;
    padding: 0 0 3px 18px
}

.prices td {
    padding: 0 0 3px;
    text-align: left
}

.prices tbody th {
    padding: 0 0 0 20px;
    background-repeat: no-repeat
}

.prices .saison1 {
    background-image: url(../images/ico_th_saison1.gif)
}

.prices .saison2 {
    background-image: url(../images/ico_th_saison2.gif)
}

.prices .saison3 {
    background-image: url(../images/ico_th_saison3.gif)
}

.prices .saison4 {
    background-image: url(../images/ico_th_saison4.gif)
}

.prices .people {
    background-image: url(../images/ico_people.gif)
}

.prices .meal {
    background-image: url(../images/ico_meal.gif)
}

#entour_highlightSearch #searchStructure {
    overflow: hidden
}

#entour_highlightSearch #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    top: 252px;
    margin-left: 303px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

#entour_highlightSearch #moteur_bplans {
    padding-left: 15px!important
}

#entour_highlightSearch #moteur_bplans #highlightSearchForm {
    position: absolute;
    z-index: 100
}

#entour_highlightSearch.index #chercher-carte {
    display: none
}

#entour_highlightSearch.index>#mainStructure>#mainContext {
    width: 100%;
    height: 415px
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl>dt {
    text-align: center
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl>dd.navigation {
    height: 30px
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl>dd>dl>a {
    position: absolute;
    height: 300px;
    left: 8px;
    font-weight: 700
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl>dd>dl>div.bg_fond_carte {
    background: url(../images/carte-accueil-29.jpg) center top no-repeat;
    height: 315px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl.z4>dd {
    height: 355px
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl.z4>dd p {
    padding: 5px
}

#entour_highlightSearch.index>#mainStructure>#mainContext>dl.z4>dd p span.titre {
    display: inline-block;
    padding-bottom: 5px;
    width: 100%;
    text-align: center
}

#entour_highlightSearch.index>#mainStructure>#mainContext>.highlightNews dd dd .newheb {
    top: 330px;
    left: 10px
}

#entour_highlightSearch.index>#mainStructure>#content {
    width: 100%
}

#entour_highlightSearch.index>#mainStructure>#content.bas1 {
    margin-bottom: 15px;
    height: 120px
}

#entour_highlightSearch.index>#mainStructure>#content.bas1 .cadre_bloc {
    text-align: center;
    width: 180px;
    height: 120px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin: 0 10px 5px 0
}

#entour_highlightSearch.index>#mainStructure>#content.bas1 .cadre_bloc a {
    color: #fff
}

#entour_highlightSearch.index>#mainStructure>#content.bas1 .cadre_bloc dl .titre_bloc {
    width: 100%;
    height: auto;
    display: inline-block
}

#entour_highlightSearch.index>#mainStructure>#content.bas1 .cadre_bloc dl dd {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 5px
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 {
    margin-bottom: 15px;
    height: 300px
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #cnt_fb_ifrm {
    display: inline-block;
    float: left;
    background-color: #fff;
    width: 420px;
    height: 270px;
    margin-left: 15px
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #wmeteo {
    display: inline-block;
    float: left
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #liens {
    display: inline-block;
    float: right;
    width: 245px;
    height: 150px;
    text-align: left
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #liens li {
    font-size: 17px;
    margin: 10px 0 0 10px;
    width: 100%;
    list-style: none;
    background: url(../images/bgd_sitemap_a.gif) no-repeat
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #liens li a {
    color: #fff;
    font-weight: 400
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #cnt_meteo {
    background-color: #fff;
    height: 272px;
    display: inline-block;
    margin-left: 5px;
    width: 260px
}

#entour_highlightSearch.index>#mainStructure>#content.bas2 #cnt_meteo #titre_meteo {
    font-size: 17px;
    color: #646464;
    font-weight: 700;
    display: inline-block;
    padding: 30px;
    text-align: center
}

#entour_highlightSearch.index span.lbl_votre_recherche,#entour_highlightSearch.index>#mainStructure>#subContext {
    display: none
}

#entour_highlightSearch.index>#mainStructure>#content>.productsHighlight {
    margin-left: 2%;
    width: 97.2%
}

#entour_highlightSearch.index>#mainStructure>#content>.productsHighlight .cadre_bloc_liste {
    width: 100%;
    height: 626px
}

#entour_highlightSearch.index>#mainStructure>#content>.productsHighlight .cadre_bloc_liste .cnt_photos {
    width: 100%;
    height: 633px
}

#entour_highlightSearch.index>#mainStructure>#content>.productsHighlight .cadre_bloc_liste #btn_prec_diapo {
    top: 25%
}

#entour_highlightSearch.index #cadre_moteur #highlightSearch #moteur #zone_header_cnt {
    height: auto
}

#entour_highlightSearch #mainPref #rappel_liste {
    position: fixed;
    margin-left: 5px;
    height: 175px;
    bottom: 13px;
    z-index: 1010;
    display: none
}

.reso {
    margin-left: 10px
}

.btn_site {
    display: block;
    float: left;
    width: 102px;
    padding: 0 35px 5px 22px
}

.lib_tri_act {
    color: #fff;
    font-weight: 400
}

.main {
    cursor: pointer
}

.main3 {
    cursor: pointer;
    width: 35px;
    height: 28px
}

#listResults {
    float: left;
    width: 800px;
    height: auto;
    border: #ccc
}

#loading {
    position: absolute;
    margin: 5px 0 0 5px;
    left: 230px;
    top: 183px;
    width: 237px;
    height: 4000px;
    background-color: #fff;
    display: none;
    z-index: 1000
}

.img_dl,.img_dl2,.img_dl2b,.img_dlb {
    display: block;
    float: left
}

#col_droite,#col_gauche,#col_liste,.col_g_zones {
    height: auto;
    float: left
}

#cnt_criteres_moteur {
    float: left
}

#col_gauche {
    width: 450px;
    text-align: left
}

#col_droite {
    width: 800px;
    text-align: left
}

#col_liste {
    width: 780px;
    margin: 10px
}

.col_g_zones {
    width: 430px;
    margin: 10px
}

.cl_infos {
    background-color: #efefef;
    margin: 10px 0 2px 2px;
    width: 693px;
    float: left
}

#slider,.slider_cha {
    background-color: #ccc
}

.cl_infos .cnt {
    margin: 10px;
    float: left
}

.nb_results {
    width: 300px;
    height: 25px;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    text-align: left
}

#slider {
    width: 100px;
    float: left
}

.img_dl {
    height: 85px;
    margin-top: 10px
}

.img_dl2,.img_dl2b {
    margin-top: 0
}

.img_dl2 {
    height: 70px
}

.img_dl2b {
    height: 85px
}

.img_dlb {
    height: 35px;
    margin-top: 10px
}

#resultListTriCnt,#resultVotreRech {
    display: inline-block;
    background-color: #fff
}

#mg_moteur {
    height: 1470px
}

#mg_z7,#mg_z7 .img_dl,#mg_z8,#mg_z8 .img_dl {
    height: auto;
    float: left
}

#mg_z4 {
    float: left
}

#mg_z4 dd dd {
    margin-bottom: 10px;
    padding: 5px 10px 15px
}

#mg_z8b,#mg_z8b .img_dl {
    height: auto;
    float: left
}

.slider_lib {
    margin-top: -4px;
    height: auto;
    float: left;
    margin-left: 13px;
    width: 200px
}

#slider_epis_cnt {
    width: 100px;
    font-size: .8em;
    float: left
}

#slider_epis_cnt #slider_epis {
    margin: 13px 0 0 23px
}

#slider_epis_cnt #slider_epis_lib {
    height: 20px;
    margin: 0 0 0 13px;
    width: 120px;
    float: left
}

#slider_epis_cnt #slider_epis_lib img {
    float: left
}

.slider_pers {
    margin: 0;
    height: auto;
    float: left
}

#slider_pers_cnt {
    width: 160px;
    font-size: .8em;
    float: left;
    margin-left: 13px
}

#slider_pers_cnt #slider_pers {
    margin: 15px 10px 3px
}

#slider_pers_cnt #slider_pers_lib {
    height: 20px;
    margin-top: 3px;
    width: 185px;
    float: left
}

#slider_pers_cnt #slider_pers_lib img {
    float: left
}

.slider_lib_pers {
    margin: 17px 0 0;
    height: auto;
    float: left;
    width: 215px
}

.slider_lib_pers #bdc_ok_pers,.slider_lib_pers .label {
    margin-left: 5px;
    float: left
}

.slider_lib_pers .label {
    height: auto;
    width: 80px
}

.slider_lib_pers .bdc {
    height: auto;
    float: left;
    width: 30px;
    margin-top: 15px
}

.slider_lib_pers .listes {
    height: auto;
    float: left;
    width: 70px;
    margin-top: 5px
}

.slider_lib_pers #nb_pers_max,.slider_lib_pers #nb_pers_min {
    float: left;
    width: 80px;
    margin-top: 2px;
    margin-left: 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #390
}

.slider_cha {
    margin: 0 0 0 13px;
    height: auto;
    float: left
}

#slider_cha_cnt {
    width: 160px;
    font-size: .8em;
    float: left;
    margin-left: 13px
}

#slider_cha_cnt #slider_cha {
    margin: 15px 10px 3px
}

#slider_cha_cnt #slider_cha_lib {
    height: 20px;
    margin-top: 3px;
    width: 180px;
    float: left
}

#slider_cha_cnt #slider_cha_lib img {
    float: left
}

.slider_lib_cha {
    height: auto
}

.slider_lib_cha .label {
    height: auto;
    margin-left: 5px
}

.slider_lib_cha .bdc {
    height: auto;
    float: left;
    width: 30px;
    margin-top: 15px
}

.slider_lib_cha .listes {
    height: auto;
    float: left;
    width: 70px;
    margin-top: 5px
}

.slider_lib_cha #bdc_ok_cha {
    float: left;
    margin-left: 5px
}

.slider_lib_cha #nb_cha_max,.slider_lib_cha #nb_cha_min {
    margin-top: 2px;
    margin-left: 5px;
    font-size: 11px;
    color: #390
}

#slider_prix_cnt {
    width: 120px;
    margin-left: 10px;
    font-size: .8em;
    float: left
}

#slider_prix_cnt #slider_prix {
    margin: 0 10px
}

#slider_prix_cnt #slider_prix_lib {
    height: 15px;
    margin-top: -15px;
    width: 140px;
    float: left
}

#slider_prix_cnt #slider_prix_lib img {
    float: left
}

#slider_prix_frch {
    height: 20px;
    font-size: 11px
}

#slider_prix_g {
    float: left;
    width: 50px
}

#slider_prix_d {
    float: right;
    width: 50px;
    text-align: right
}

#resultListTriCnt {
    height: auto;
    width: 100%;
    margin-left: 0
}

#resultListTriCnt #articleCommune {
    background-color: #fff;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
    height: auto;
    border: none;
    text-align: left
}

#cadre_dsp .infos_bl .titre_semaine,#cadre_dsp_lst .infos_bl .titre_semaine,#cnt_dispos_ch .titre_semaine {
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d
}

#resultListTriCnt #articleCommune h1 {
    color: #333;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px
}

#resultListTriCnt #articleCommune.ca {
    margin: 10px;
    width: 655px
}

#resultListTriCnt .h2_lspc {
    font-weight: 700
}

#resultListTriCnt .h2_lspc strong {
    color: #669
}

#resultListTriCnt h2 strong {
    color: #f90
}

#resultListTri {
    float: left;
    height: auto;
    margin: 15px 0 0;
    width: 100%;
    background-color: #fff
}

#resultListTri .slider_lib {
    width: 70px;
    margin-left: 0
}

#resultListTri .col_tris #tri_nom_ca {
    width: 170px
}

#resultListTri .col_tris_prix {
    margin-top: 5px;
    padding: 0;
    color: #000;
    float: right;
    height: 25px
}

#resultVotreRech {
    height: auto;
    width: 100%;
    margin: 5px 10px 0;
    color: #000;
    font-size: 1.2em;
    font-weight: 700
}

#resultVotreRech select {
    color: #c60
}

#resultListTri_carte {
    float: left;
    height: auto;
    margin: 10px 0 0;
    width: 100%;
    background-color: #fff
}

#resultListTri_carte #cnt_tri_exact_carte {
    float: left;
    margin: -8px 0 0
}

#resultListTri_carte .col_tris {
    float: left;
    width: 685px;
    margin-top: 5px;
    height: auto;
    font-size: 12px;
    color: #963;
    font-weight: 700
}

#resultListTri_carte .col_tris select {
    width: 60px
}

#resultListTri_carte .col_tris #tri_nom_ca {
    width: 170px
}

#resultListTri_carte .col_tris_prix {
    margin-top: 5px;
    padding: 0;
    color: #000;
    float: right;
    height: 25px
}

#cnt_dispos {
    width: 167px;
    height: 300px;
    height: auto
}

#cnt_dsp {
    float: left;
    margin-left: -3px
}

#cnt_dsp #comment {
    margin: 10px 0 0 5px;
    text-align: left;
    float: left;
    color: #999
}

#cnt_dsp #comment_ch {
    margin: 5px 0 0 5px;
    text-align: left;
    float: left
}

#cnt_dsp #comment_ch_lien {
    margin: 5px 0 8px 5px;
    width: 190px;
    text-align: left;
    float: left
}

#cnt_dsp #comment_ch_ppt {
    margin: 5px 0 0 5px;
    text-align: center;
    float: left;
    width: 170px
}

#barre_dsp {
    float: left;
    width: 175px;
    height: 25px;
    background-image: url(../images/dispos/fd_barre_dispos.jpg);
    background-repeat: repeat-x;
    margin-bottom: 5px
}

#barre_dsp #btn_gch_dsp {
    float: left;
    cursor: pointer
}

#barre_dsp #btn_drt_dsp {
    float: right;
    cursor: pointer
}

#barre_dsp #titre_mois_dsp {
    float: left;
    height: 20px;
    font-size: 12px;
    margin-top: 5px;
    width: 120px;
    text-align: center
}

#cadre_dsp {
    float: left;
    width: 175px
}

#cadre_dsp #cnt_mois {
    float: left;
    width: 175px;
    height: 200px
}

#cadre_dsp #cnt_mois .semaine {
    float: left;
    font-size: 11px;
    width: 165px;
    background-color: #efefef;
    height: 24px;
    margin-top: 7px;
    margin-left: 5px
}

#cadre_dsp #cnt_mois .lib_sem {
    float: left;
    width: 115px;
    margin: 5px 0 0 5px;
    height: 15px
}

#cadre_dsp #cnt_mois .prix_loc_clair {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_loc_clair.jpg);
    background-repeat: repeat-x
}

#cadre_dsp #cnt_mois .prix_loc_clair span {
    float: left;
    width: 55px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp #cnt_mois .prix_loc {
    float: left;
    width: 60px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_loc.jpg);
    background-repeat: repeat-x
}

#cadre_dsp #cnt_mois .prix_loc span {
    float: left;
    width: 55px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp #cnt_mois .prix_promo {
    float: left;
    width: 60px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_promo.jpg);
    background-repeat: repeat-x
}

#cadre_dsp #cnt_mois .prix_promo span {
    float: left;
    width: 60px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp #cnt_mois .prix_dispo {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_libre.jpg);
    background-repeat: repeat-x
}

#cadre_dsp #cnt_mois .prix_dispo span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp #cnt_mois .prix_indispo {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_indispo.jpg);
    background-repeat: repeat-x
}

#cadre_dsp #cnt_mois .prix_indispo span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px;
    color: #fff
}

#cadre_dsp #cnt_mois .prix_indispo_orange {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_indispo_orange.jpg);
    background-repeat: repeat-x
}

#cadre_dsp #cnt_mois .prix_indispo_orange span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp #legendes {
    float: left;
    width: 175px;
    height: 90px;
    background-image: url(../images/dispos/fd_legende.jpg);
    background-repeat: no-repeat
}

#cadre_dsp .infos_bl .titre_semaine {
    width: 170px;
    height: 14px;
    margin: 3px 5px 2px 6px;
    padding: 0 4px;
    text-align: justify;
    word-spacing: .23em;
    font-weight: 700;
    cursor: default;
    float: left
}

#cadre_dsp .infos_bl .infos_semaine {
    width: 20px;
    height: 15px;
    float: left;
    margin: 3px 0 2px 6px;
    text-align: center
}

#cadre_dsp .infos_bl .jours_dispo {
    color: #333;
    font-weight: 700;
    width: 20px;
    height: 15px;
    margin: 3px 0 2px 6px;
    text-align: center;
    background-image: url(../images/dispos/fd_tableau_libre.jpg);
    background-repeat: repeat-x;
    cursor: default;
    float: left
}

#cadre_dsp .infos_bl .jours_gris,#cadre_dsp .infos_bl .jours_indispo {
    color: #fff;
    width: 20px;
    height: 15px;
    margin: 3px 0 2px 6px;
    background-repeat: repeat-x;
    cursor: default;
    float: left;
    text-align: center
}

#cadre_dsp .infos_bl .jours_indispo {
    background-image: url(../images/dispos/fd_tableau_indispo.jpg)
}

#cadre_dsp .infos_bl .jours_gris {
    background-image: url(../images/dispos/fd_tableau_gris.jpg)
}

#voir_annee,#voir_annee a {
    margin-top: 10px
}

#voir_annee a {
    margin-left: 5px;
    font-weight: 700;
    color: #f60
}

#cnt_dsp_lst {
    float: left
}

#cnt_dsp_lst #barre_dsp {
    position: absolute;
    left: 0;
    top: 0;
    width: 680px;
    background: 0 0
}

#cnt_dsp_lst #barre_dsp #btn_gch_dsp {
    float: left;
    cursor: pointer
}

#cnt_dsp_lst #barre_dsp #btn_drt_dsp {
    float: right;
    cursor: pointer
}

#cnt_dsp_lst.fiche {
    position: relative;
    width: 100%
}

#cnt_dsp_lst.fiche #barre_dsp {
    width: 588px;
    top: 20px;
    left: 15px
}

#cadre_dsp_lst {
    float: left
}

#cadre_dsp_lst #cnt_mois {
    float: left;
    width: 170px;
    height: 225px;
    margin-bottom: 10px
}

#cadre_dsp_lst #cnt_mois .titre_mois_dsp {
    float: left;
    height: 23px;
    font-size: 12px;
    width: 165px;
    text-align: center;
    background-image: url(../images/dispos/fd_barre_dispos.jpg);
    background-repeat: repeat-x;
    padding-top: 5px;
    margin-left: 2px
}

#cadre_dsp_lst #cnt_mois .semaine {
    position: relative;
    float: left;
    font-size: 11px;
    width: 165px;
    background-color: #efefef;
    height: 24px;
    margin-top: 7px;
    margin-left: 2px
}

#cadre_dsp_lst #cnt_mois .semaine a,#cadre_dsp_lst #cnt_mois .semaine a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #000
}

.m2,.vign_liste a.fleche {
    text-decoration: none!important
}

#cadre_dsp_lst #cnt_mois .lib_sem {
    float: left;
    width: 115px;
    margin: 5px 0 0 5px;
    height: 15px
}

#cadre_dsp_lst #cnt_mois .prix_loc_clair {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_loc_clair.jpg);
    background-repeat: repeat-x
}

#cadre_dsp_lst #cnt_mois .prix_loc_clair span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp_lst #cnt_mois .prix_loc {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_loc.jpg);
    background-repeat: repeat-x
}

#cadre_dsp_lst #cnt_mois .prix_loc span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp_lst #cnt_mois .prix_promo {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_promo.jpg);
    background-repeat: repeat-x
}

#cadre_dsp_lst #cnt_mois .prix_promo span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp_lst #cnt_mois .prix_dispo {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_libre.jpg);
    background-repeat: repeat-x
}

#cadre_dsp_lst #cnt_mois .prix_dispo span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp_lst #cnt_mois .prix_indispo {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_indispo.jpg);
    background-repeat: repeat-x
}

#cadre_dsp_lst #cnt_mois .prix_indispo span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px;
    color: #fff
}

#cadre_dsp_lst #cnt_mois .prix_indispo_orange {
    float: left;
    width: 45px;
    height: 24px;
    background-image: url(../images/dispos/fd_tableau_indispo_orange.jpg);
    background-repeat: repeat-x
}

#cadre_dsp_lst #cnt_mois .prix_indispo_orange span {
    float: left;
    width: 35px;
    height: 16px;
    text-align: center;
    margin: 5px 0 0 3px
}

#cadre_dsp_lst #legendes,#cadre_dsp_lst #legendes_mini {
    width: 750px;
    height: 25px;
    background-repeat: no-repeat;
    float: left
}

#cadre_dsp_lst #legendes {
    background-image: url(../images/dispos/fd_legende_lst.png)
}

#cadre_dsp_lst #legendes_mini {
    background-image: url(../images/dispos/fd_legende_lst_mini.png);
    margin-top: -20px;
    margin-bottom: 10px
}

#cadre_dsp_lst .infos_bl .titre_semaine {
    width: 170px;
    height: 14px;
    margin: 3px 5px 2px 6px;
    padding: 0 4px;
    text-align: justify;
    word-spacing: 9px;
    font-weight: 700;
    cursor: default;
    float: left
}

#cadre_dsp_lst .infos_bl .infos_semaine,#cadre_dsp_lst .infos_bl .jours_dispo {
    width: 20px;
    height: 15px;
    margin: 3px 0 2px 6px;
    text-align: center;
    float: left
}

#cadre_dsp_lst .infos_bl .jours_dispo {
    color: #333;
    font-weight: 700;
    background-image: url(../images/dispos/fd_tableau_libre.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cadre_dsp_lst .infos_bl .jours_gris,#cadre_dsp_lst .infos_bl .jours_indispo {
    color: #fff;
    width: 20px;
    height: 15px;
    margin: 3px 0 2px 6px;
    text-align: center;
    background-repeat: repeat-x;
    cursor: default;
    float: left
}

#cadre_dsp_lst .infos_bl .jours_indispo {
    background-image: url(../images/dispos/fd_tableau_indispo.jpg)
}

#cadre_dsp_lst .infos_bl .jours_gris {
    background-image: url(../images/dispos/fd_tableau_gris.jpg)
}

.sem_patientez {
    display: none;
    position: absolute;
    left: 0;
    margin: 3px 0 0 134px
}

#plannLst {
    border-bottom: 1px solid #f3f3f3
}

#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.popup_block {
    display: none;
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0 0 20px #000;
    border-radius: 10px
}

#popup_ajsel,#popup_heber,#popup_plan,#popup_planning,#popup_resa {
    display: none
}

#popup_ajsel #cnt_pop_ajsel,#popup_heber #cnt_pop_heber,#popup_plan #cnt_pop_plan,#popup_resa #cnt_pop_resa {
    width: inherit;
    overflow: hidden
}

#loading_ajsel,#loading_heber,#loading_plan,#loading_resa,#loading_resa_n1 {
    float: right;
    margin: 3px 20px 0 0;
    display: none
}

#popup_planning #cnt_pop_planning {
    width: inherit;
    margin: 3px 20px 0 0;
    overflow: hidden
}

#popup_planning #lien_fermer_pl {
    font-size: 14px;
    font-weight: 700
}

#popup_diapos_fiche {
    display: none;
    left: 0;
    top: 0;
    z-index: 10010!important;
    padding: 5px!important;
    box-shadow: 0 0 0 2000px rgba(0,0,0,.5)
}

#popup_diapos_fiche .close .btn_close {
    margin: -8px!important;
    width: 24px!important;
    height: 23px!important
}

#popup_ctc #cnt_pop_ctc,#popup_diapos_fiche #cnt_pop_diapos_fiche,#popup_tarifaire #cnt_pop_tarifaire {
    width: inherit;
    overflow: hidden
}

#popup_diapos_fiche #cnt_pop_diapos_fiche {
    margin: 0;
    padding: 0
}

#popup_diapos_fiche #cnt_pop_diapos_fiche img {
    float: left;
    margin-right: 0
}

#popup_diapos_fiche #cnt_pop_diapos_fiche #chargement {
    width: 700px;
    margin-top: 250px;
    padding: 0;
    font-size: 15px;
    font-weight: 700
}

#popup_diapos_fiche #lien_fermer_pl {
    font-size: 14px;
    font-weight: 700
}

#popup_diapos_fiche #bdc-prec-diapo {
    position: absolute;
    left: 2px;
    top: 0;
    margin-top: 30%;
    display: none;
    cursor: pointer
}

#popup_diapos_fiche #bdc-suiv-diapo {
    position: absolute;
    right: 4px;
    top: 0;
    margin-top: 30%;
    display: none;
    cursor: pointer
}

#popup_tarifaire {
    display: none;
    z-index: 10002
}

#popup_tarifaire #cnt_pop_tarifaire_n,#popup_tarifaire #cnt_pop_tarifaire_n1 {
    width: inherit;
    overflow: hidden;
    display: none
}

#popup_tarifaire #periodes {
    float: left;
    width: 700px;
    height: auto;
    background-color: #fff
}

#popup_tarifaire #periodes table {
    font-size: 13px
}

#popup_tarifaire #periodes .td_left {
    text-align: left;
    font-size: 12px
}

#popup_tarifaire #periodes .td_center {
    text-align: center
}

#popup_tarifaire #periodes .periode_titre {
    text-align: center;
    background-color: #fff;
    font-weight: 700
}

#popup_tarifaire #periodes .periode_sous_titre {
    text-align: center;
    background-color: #a8d58a
}

#popup_tarifaire #periodes .col_vert {
    background-color: #a8d58a
}

#popup_tarifaire #periodes .col_vert_clair {
    background-color: #dbebaa
}

#popup_tarifaire #periodes .col_blanc {
    background-color: #fff
}

#loading_tarifs,#popup_ctc,#tarifs_ch_n1,#tarifs_n1 {
    display: none
}

#loading_ctc {
    float: right;
    margin: 3px 20px 0 0;
    display: none
}

#tarifs_ch {
    font-size: 11px;
    font-weight: 400
}

#tarifs_court_n1 {
    display: none;
    background: 0 0
}

#loading_contact {
    float: right;
    margin: 0 70px 0 5px;
    display: none
}

.cadre_dsp_lst {
    width: 680px
}

.cadre_dsp_lst_annee {
    width: 880px;
    background-color: #fff;
    padding: 30px 0 30px 30px
}

.cadre_dsp_lst_ch {
    width: 555px;
    overflow: hidden
}

.cadre_dsp_lst_ch #cnt_mois {
    height: 160px
}

.cadre_dsp_lst_ch_annee {
    width: 930px;
    background-color: #fff;
    padding: 30px 0 0 10px;
    overflow: hidden
}

.cadre_dsp_lst_ch_annee #cnt_mois {
    height: 180px
}

#cnt_dispos_ch {
    height: 755px;
    width: 620px;
    float: left
}

#cnt_dispos_ch #widgetItea {
    width: 713px;
    transform: scale(.91);
    margin: 0 0 0 -50px;
    padding: 0;
    height: 800px;
    float: left
}

#cnt_dispos_ch .mois {
    width: 185px;
    height: 130px;
    float: left
}

#cnt_dispos_ch .titre_semaine {
    width: 175px;
    height: 14px;
    float: left;
    margin: 5px;
    text-align: center;
    word-spacing: 10px;
    font-weight: 700;
    cursor: default
}

#cnt_dispos_ch #cnt_dsp {
    float: left;
    margin-left: -10px
}

#cnt_dispos_ch #barre_dsp {
    float: left;
    width: 175px;
    height: 25px;
    background-image: url(../images/dispos/fd_barre_dispos.jpg);
    background-repeat: repeat-x;
    margin-bottom: 5px;
    margin-left: 5px
}

#cnt_dispos_ch #barre_dsp #btn_gch_dsp {
    float: left;
    cursor: pointer
}

#cnt_dispos_ch #barre_dsp #btn_drt_dsp {
    float: right;
    cursor: pointer
}

#cnt_dispos_ch #barre_dsp #titre_mois_dsp {
    float: left;
    height: 20px;
    font-size: 14px;
    margin-top: 5px;
    width: 120px;
    text-align: center
}

#cnt_dispos_ch #cadre_dsp {
    float: left;
    width: 175px
}

#cnt_dispos_ch #cadre_dsp #cnt_mois {
    float: left;
    width: 185px
}

#cnt_dispos_ch #cadre_dsp #cnt_mois .jours,#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_dispo,#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_indispo,#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_indispo_gris,#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_invisible,#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_loc {
    width: 20px;
    height: 15px;
    margin: 3px 0 2px 6px;
    text-align: center;
    float: left
}

#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_loc {
    color: #390;
    font-weight: 700;
    background-image: url(../images/dispos/fd_tableau_loc_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_indispo_gris {
    color: #fff;
    background-image: url(../images/dispos/fd_tableau_gris_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_dispo {
    color: #333;
    font-weight: 700;
    background-image: url(../images/dispos/fd_tableau_libre_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch #cadre_dsp #cnt_mois .jours_indispo {
    color: #fff;
    background-image: url(../images/dispos/fd_tableau_indispo_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch #cadre_dsp #cnt_mois .jours {
    background-color: #efefef
}

#cnt_dispos_ch .infos_bl {
    width: 100px;
    height: auto;
    padding: 2px 0;
    border: 4px solid #e2e2e2;
    background: #fff;
    color: #020202;
    position: absolute;
    display: none;
    margin-left: 30px;
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    text-align: center
}

#cnt_dispos_ch .infos_bl h3 {
    color: #000;
    font-size: 1em;
    font-weight: 700
}

#cnt_dispos_ch #legendes {
    float: left;
    margin-top: 7px;
    width: 200px;
    height: 15px
}

#cnt_dispos_ch #comment {
    margin: 5px 0 0 5px;
    width: 200px;
    text-align: left;
    float: left
}

#cnt_dispos_ch_lst {
    height: 680px;
    float: left
}

#cnt_dispos_ch_lst .mois {
    width: 185px;
    height: 130px;
    float: left
}

#cnt_dispos_ch_lst .titre_semaine {
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    width: 175px;
    height: 14px;
    float: left;
    margin: 5px;
    text-align: center;
    word-spacing: 10px;
    font-weight: 700;
    cursor: default
}

#cnt_dispos_ch_lst #cnt_dsp {
    float: left;
    margin-left: -10px
}

#cnt_dispos_ch_lst #barre_dsp {
    position: absolute;
    float: left;
    left: 0;
    top: 0;
    width: 560px;
    height: 25px;
    background: 0 0;
    margin: 0 0 5px 5px
}

#cnt_dispos_ch_lst #barre_dsp #btn_gch_dsp {
    float: left;
    cursor: pointer
}

#cnt_dispos_ch_lst #barre_dsp #btn_drt_dsp {
    float: right;
    cursor: pointer
}

#cnt_dispos_ch_lst .titre_mois_dsp {
    float: left;
    font-size: 12px;
    margin-left: 5px;
    width: 175px;
    text-align: center;
    background-image: url(../images/dispos/fd_barre_dispos.jpg);
    background-repeat: repeat-x;
    height: 26px;
    padding-top: 5px
}

#cnt_dispos_ch_lst #cadre_dsp_ch {
    float: left;
    margin-left: 5px
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois {
    float: left;
    width: 185px;
    height: 185px
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours,#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_dispo,#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_indispo,#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_indispo_gris,#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_invisible,#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_loc {
    width: 20px;
    height: 15px;
    margin: 3px 0 2px 6px;
    text-align: center;
    float: left
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_loc {
    color: #390;
    font-weight: 700;
    background-image: url(../images/dispos/fd_tableau_loc_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_indispo_gris {
    color: #fff;
    background-image: url(../images/dispos/fd_tableau_gris_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_dispo {
    color: #333;
    font-weight: 700;
    background-image: url(../images/dispos/fd_tableau_libre_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours_indispo {
    color: #fff;
    background-image: url(../images/dispos/fd_tableau_indispo_ch.jpg);
    background-repeat: repeat-x;
    cursor: default
}

#cnt_dispos_ch_lst #cadre_dsp_ch #cnt_mois .jours {
    background-color: #efefef
}

#cnt_dispos_ch_lst .infos_bl {
    width: 100px;
    height: auto;
    padding: 2px 0;
    border: 4px solid #e2e2e2;
    background: #fff;
    color: #020202;
    position: relative;
    display: none;
    margin-left: 30px;
    margin-top: -10px;
    font-weight: 400;
    font-size: 12px;
    text-align: center
}

#zoom_video,#zoom_video iframe {
    width: 100%!important;
    overflow: hidden
}

#cnt_dispos_ch_lst .infos_bl h3 {
    color: #000;
    font-size: 1em;
    font-weight: 700
}

#cnt_dispos_ch_lst #legendes {
    float: left;
    margin: 45px 0 0 5px;
    width: 680px;
    height: 15px;
    text-align: left
}

#cnt_dispos_ch_lst #comment {
    margin: 5px 0 0 5px;
    width: 680px;
    text-align: left;
    float: left
}

#entour_site_pf {
    width: 100%;
    overflow: hidden
}

#zoom_video {
    margin: 10px 0;
    display: none
}

#zoom_video iframe {
    padding: 0;
    margin: 0;
    height: 550px
}

#zoom_google {
    width: 475px;
    height: 356px;
    display: none;
    float: left
}

.titre_ref_liste a,.vign_liste img {
    float: none
}

.filet_bleu {
    border: 2px solid #3a69ad;
    width: 75px;
    height: 55px
}

.filet_vert {
    border: 2px solid #390;
    width: 75px;
    height: 55px
}

#vign_liste {
    float: none;
    margin: 5px;
    width: 180px;
    height: 120px
}

.vign_liste {
    margin: 0;
    background-color: #fff;
    width: 100%;
    height: 250px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: inline-block
}

.vign_liste .slides {
    width: 4000px;
    height: 100%;
    position: absolute
}

.vign_liste .slides .slides_container {
    width: 1000%;
    height: 100%
}

.vign_liste .slides .slides_container div {
    width: 388px;
    height: 100%;
    background-position: center center;
    background-size: cover;
    display: inline-block
}

.vign_liste a.fleche {
    cursor: pointer;
    z-index: 100;
    top: 25%;
    width: 48px;
    height: 48px;
    margin-top: 0;
    transition: all .3s ease 0;
    border-radius: 5px;
    position: absolute;
    display: none
}

.vign_liste a.fleche.prec {
    top: 0;
    left: 0;
    height: 100%
}

.vign_liste a.fleche.prec:after,.vign_liste a.fleche.suiv:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 15px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    margin-left: -6px;
    margin-top: -6px
}

.vign_liste a.fleche.prec:after {
    top: 50%;
    height: 15px;
    transform: rotate(-133deg)
}

.vign_liste a.fleche.suiv {
    top: 0;
    right: 0;
    height: 100%
}

.vign_liste a.fleche.suiv:after {
    top: 50%;
    height: 15px;
    transform: rotate(45deg)
}

.titre_ref_liste {
    font-weight: 700;
    position: relative;
    display: inline-block;
    width: 100%
}

.titre_ref_liste img {
    float: right
}

.infos_liste {
    float: left;
    width: 335px;
    height: 38px
}

.infos_liste>#descriptif_liste {
    overflow: hidden
}

.pictos_liste {
    height: 98px;
    margin-right: 5px;
    margin-top: 5px;
    text-align: right;
    width: 140px;
    float: right
}

.pictos_liste span {
    float: left;
    width: 100%
}

.epis_liste,.savoirPlus {
    float: right
}

.m2 {
    cursor: default;
    color: #646464;
    font-weight: 400
}

.prix_listes,.savoirPlus,.savoirPlus a {
    font-weight: 700
}

.savoirPlus,.savoirPlus a {
    border-radius: 5px;
    color: #fff;
    display: block;
    text-shadow: 0 1px 1px #786438;
    text-decoration: none
}

.prix_listes {
    font-size: 18px
}

.prix_listes>span {
    font-size: 13px;
    font-weight: 700
}

.savoirPlus {
    background-color: #b39e76;
    padding: 5px;
    margin: 0
}

.titre_puces_campings,.titre_puces_chambres,.titre_puces_citybreak,.titre_puces_enfants,.titre_puces_gites,.titre_puces_groupes {
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-top: 2px
}

.titre_type_chambres,.titre_type_citybreak,.titre_type_enfants,.titre_type_gites,.titre_type_groupes {
    font-weight: 400;
    height: 15px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    text-align: center
}

#contenu_comptes #resultList a:hover,#mainPanier #resultList a:hover {
    text-decoration: underline
}

.savoirPlus:hover {
    background: linear-gradient(to bottom,#ed6434 0,#f96 100%)
}

.titre_puces_gites {
    background-color: #8faf04
}

.titre_puces_chambres {
    background-color: #2b40a7
}

.titre_puces_campings {
    background-color: #ff7011
}

.titre_puces_citybreak {
    background-color: #ca4987
}

.titre_puces_groupes {
    background-color: #8c0903
}

.titre_puces_enfants {
    background-color: #77b9aa
}

.titre_type_chambres,.titre_type_gites {
    padding: 1px;
    width: 90px
}

.titre_type_gites {
    background-color: #8faf04
}

.titre_type_chambres {
    background-color: #2b40a7
}

.titre_type_campings {
    padding: 1px 3px 3px;
    float: right;
    width: auto;
    height: 15px;
    background-color: #ff7011;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

.titre_type_citybreak,.titre_type_enfants,.titre_type_groupes {
    padding: 1px
}

.titre_type_citybreak {
    width: 90px;
    background-color: #ca4987
}

.titre_type_groupes {
    width: 90px;
    background-color: #8c0903
}

.titre_type_enfants {
    width: 90px;
    background-color: #77b9aa
}

.titre_lien_gites .libelle_ref,.titre_lien_gites:hover .libelle_ref {
    color: #8faf04;
    padding: 3px 0 0 2px
}

.titre_lien_chambres .libelle_ref,.titre_lien_chambres:hover .libelle_ref {
    color: #2b40a7;
    padding: 3px 0 0 2px
}

.titre_lien_campings .libelle_ref,.titre_lien_campings:hover .libelle_ref {
    color: #ff7011;
    padding: 3px 0 0 2px
}

.titre_lien_citybreak .libelle_ref,.titre_lien_citybreak:hover .libelle_ref {
    color: #ca4987;
    padding: 3px 0 0 2px
}

.titre_lien_groupes .libelle_ref,.titre_lien_groupes:hover .libelle_ref {
    color: #8c0903;
    padding: 3px 0 0 2px
}

.titre_lien_enfants .libelle_ref,.titre_lien_enfants:hover .libelle_ref {
    color: #77b9aa;
    padding: 3px 0 0 2px
}

#mainPanier {
    font-size: 13px;
    margin-top: 0;
    height: auto
}

#mainPanier #bdc_enreg_panier {
    cursor: pointer
}

#mainPanier #zone_input {
    float: left;
    margin-top: 5px
}

#mainPanier #zone_input img {
    float: right
}

#mainPanier #btn_poubelle {
    cursor: pointer;
    float: right;
    margin: 3px
}

#mainPanier #panier_vide {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: 600px;
    margin-top: 50px;
    height: 300px
}

#mainPanier #resultList {
    padding: 4px;
    width: 98%;
    float: left;
    overflow: hidden;
    font-size: 13px;
    border-top: 1px solid #efefef
}

#mainPanier #resultList .infos_liste {
    float: left;
    width: 320px;
    height: 38px
}

#mainPanier #resultList .special {
    background-color: #f3f3f3
}

#mainPanier #resultList ul {
    margin: 0 0 5px
}

#mainPanier #resultList li {
    padding: 2px 0 0 2px;
    background: 0 0;
    overflow: auto;
    clear: both;
    font-size: 13px
}

#mainPanier #resultList li li {
    clear: none
}

#mainPanier #resultList li .localisation {
    float: left;
    width: 112px;
    padding: 5px 0 0 7px
}

#mainPanier #resultList li .rank {
    float: left;
    width: 93px;
    padding: 5px 0 0;
    text-align: center
}

#mainPanier #resultList li .rooms {
    float: left;
    width: 53px;
    padding: 5px 0 0;
    text-align: center
}

#mainPanier #resultList li .capacity {
    float: left;
    width: 47px;
    padding: 5px 0 0;
    text-align: center
}

#mainPanier #resultList li .price {
    float: left;
    width: 130px;
    padding: 5px 7px 0 5px;
    text-align: right
}

#mainPanier #resultList li img {
    margin: 0
}

#mainPanier #resultList h2 {
    font-size: 11px;
    text-transform: none;
    margin: 5px 0 0
}

#mainPanier #resultList a {
    text-decoration: none
}

#mainPanier #resultList .illustration {
    float: left;
    width: 135px;
    padding: 0
}

#mainPanier #resultList .illustration dt {
    margin: 0 2px 0 1px;
    float: left;
    text-align: center;
    width: 110px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px
}

#mainPanier #resultList .illustration dd {
    clear: both
}

#mainPanier #resultList .illustration img {
    border: 1px solid #ebebeb
}

#mainPanier #resultList .description {
    float: left;
    width: 100px
}

#mainPanier #resultList .description ul {
    width: 50px;
    overflow: hidden
}

#mainPanier #resultList .description li {
    padding: 0;
    width: 20px;
    float: left
}

#mainPanier #resultList .action {
    padding: 0;
    overflow: hidden;
    width: 470px;
    margin: 20px 0 0;
    font-size: 13px
}

#mainPanier #resultList .action li {
    width: auto!important;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block
}

#mainPanier #resultList #bdc_ok,#mainPanier #resultList #liens_panier a {
    background: linear-gradient(to bottom,#fd9562 0,#ce3704 100%);
    border-radius: 5px;
    color: #fff;
    height: 25px;
    padding: 0 5px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    line-height: 25px
}

#mainPanier #resultList #email_panier {
    padding: 5px;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 15px
}

#mainPanier #resultList #connexion {
    margin: 10px;
    display: inline-block;
    font-size: 17px;
    width: 97%
}

#mainPanier #resultList #bdc_ok {
    width: 20px;
    font-size: 13px
}

#mainPanier #resultList #liens_panier {
    float: right;
    display: inline-block
}

#mainPanier #resultList #liens_panier a {
    width: 150px;
    font-size: 11px;
    margin-left: 5px;
    text-align: center
}

#mainPanier #resultList .msg_erreur,#mainPanier #resultList .msg_ok {
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin: 10px 0;
    width: 100%;
    display: inline-block
}

#mainPanier #resultList .msg_erreur {
    background-color: red
}

#mainPanier #resultList .msg_ok {
    background-color: #8faf04
}

#mainPanier #resultList .pictos_liste {
    float: right;
    width: 140px;
    height: 85px;
    text-align: right;
    margin-top: 5px
}

#mainPanier .titre_ref_liste {
    float: left;
    width: 320px;
    margin-bottom: 5px;
    margin-top: 2px;
    font-weight: 700;
    position: relative
}

#mainPanier .titre_ref_liste a {
    float: none
}

#mainPanier .titre_ref_liste img {
    float: right
}

#mainPanier #vign_liste {
    float: none;
    margin: 5px;
    padding-top: 5px
}

#mainPanier .vign_liste {
    float: left;
    margin: 5px;
    background-color: #fff;
    width: 190px;
    height: 130px;
    text-align: center;
    border: 1px solid #efefef
}

#mainPanier .infos_liste {
    float: left;
    width: 320px
}

#mainPanier .pictos_liste img {
    margin-left: 4px
}

#mainNewsletter {
    font-size: 13px;
    margin: 20px 0;
    width: 850px;
    height: 500px;
    background-color: #fff;
    border-radius: 7px
}

#mainNewsletter #titre_news {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 700;
    color: #060;
    width: 850px;
    text-align: center;
    float: left
}

#mainNewsletter #bdc_enreg_panier {
    cursor: pointer
}

#mainNewsletter table {
    border: 0;
    margin: 15px;
    padding: 0
}

#mainNewsletter table td,#mainNewsletter table tr {
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    text-align: left
}

#mainNewsletter input {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    float: left
}

#mainNewsletter #inscription_news {
    margin: 30px;
    width: 600px;
    float: left
}

#mainNewsletter #inscription_news #lib_news {
    font-size: 14px;
    font-weight: 700;
    float: left
}

#mainNewsletter #inscription_news .obligatoire {
    margin-left: 10px;
    font-size: 11px;
    font-weight: 700;
    color: red;
    float: left
}

#mainNewsletter #inscription_news .lib_obligatoire {
    font-size: 11px;
    font-weight: 700;
    color: red;
    float: right;
    font-style: italic
}

#mainNewsletter #dep_news {
    width: 20px
}

#mainNewsletter #desinscription_news {
    margin: 30px;
    width: 600px;
    float: left
}

#mainNewsletter #desinscription_news #lib_news {
    font-size: 14px;
    font-weight: 700;
    float: left
}

#mainNewsletter #desinscription_news .obligatoire {
    margin-left: 10px;
    font-size: 11px;
    font-weight: 700;
    color: red;
    float: left
}

#contenu_comptes {
    width: 950px;
    margin-bottom: 20px;
    overflow: hidden
}

#contenu_comptes #cote_gauche {
    width: 950px;
    float: left
}

#contenu_comptes #resultList {
    background: url(../images/bgd_resultCompte.png) bottom left;
    padding: 4px;
    width: 900px;
    float: left;
    overflow: hidden;
    font-size: 11px
}

#contenu_comptes #resultList .infos_liste {
    float: left;
    width: 600px
}

#contenu_comptes #resultList .special {
    background-color: #f3f3f3
}

#contenu_comptes #resultList ul {
    margin: 0 0 5px
}

#contenu_comptes #resultList li {
    padding: 11px 0 0 8px;
    background: 0 0;
    overflow: hidden;
    clear: both
}

#contenu_comptes #resultList li li {
    clear: none
}

#contenu_comptes #resultList li .localisation {
    float: left;
    width: 112px;
    padding: 5px 0 0 7px
}

#contenu_comptes #resultList li .rank {
    float: left;
    width: 93px;
    padding: 5px 0 0;
    text-align: center
}

#contenu_comptes #resultList li .rooms {
    float: left;
    width: 53px;
    padding: 5px 0 0;
    text-align: center
}

#contenu_comptes #resultList li .capacity {
    float: left;
    width: 47px;
    padding: 5px 0 0;
    text-align: center
}

#contenu_comptes #resultList li .price {
    float: left;
    width: 130px;
    padding: 5px 7px 0 5px;
    text-align: right
}

#contenu_comptes #resultList h2 {
    font-size: 11px;
    text-transform: none;
    margin: 5px 0 0
}

#contenu_comptes #resultList a {
    text-decoration: none
}

#contenu_comptes #resultList .illustration {
    float: left;
    width: 135px;
    padding: 0
}

#contenu_comptes #resultList .illustration dt {
    margin: 0 2px 0 1px;
    float: left;
    text-align: center;
    width: 110px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px
}

#contenu_comptes #resultList .illustration dd {
    clear: both
}

#contenu_comptes #resultList .illustration img {
    border: 1px solid #ebebeb
}

#mainContacter dd table td,#mainContacter dd table tr,#mainContacterAmi dd table tr,#services_fiche table td,#services_fiche table tr {
    border: none
}

#contenu_comptes #resultList .description {
    float: left;
    width: 100px
}

#contenu_comptes #resultList .description ul {
    width: 50px;
    overflow: hidden
}

#contenu_comptes #resultList .description li {
    padding: 0;
    width: 20px;
    float: left
}

#contenu_comptes #resultList .action {
    clear: both;
    padding: 3px 0 2px;
    overflow: hidden;
    width: 200px;
    margin-left: 10px;
    float: left
}

#contenu_comptes #resultList .action li {
    width: auto!important;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block
}

#contenu_comptes #resultList .action a {
    font-weight: 400;
    margin: 5px 0 0;
    background: url(../images/bgd_action_a.gif) no-repeat;
    padding: 0 3px 0 20px;
    display: block
}

#mainContacter dd ul li,#mainContacter ul li {
    padding: 5px 0!important;
    background-image: none
}

#contenu_comptes #resultList .pictos_liste {
    float: left;
    width: 120px;
    height: 80px;
    text-align: right
}

#mainContacter dd .tab_contacter .frm_ctc_send,#mainContacter dd table #lig_bdc,#mainContacter ul li #bdc_envoie {
    text-align: center
}

#contenu_comptes #resultList .vign_liste {
    float: left;
    margin-right: 5px;
    background-color: #fff;
    width: 130px;
    height: 86px
}

#contenu_comptes #resultList .titre_ref_liste {
    float: left;
    width: 850px;
    margin-bottom: 5px;
    font-weight: 700
}

#contenu_comptes #resultList .connexion {
    margin: 20px;
    width: 800px
}

#contenu_comptes #resultList .connexion span {
    margin-top: 3px;
    float: left
}

#contenu_comptes #resultList .connexion #bdc_enreg_panier {
    cursor: pointer
}

#contenu_comptes #resultList #aucune_offre {
    text-align: center;
    margin: 100px 0;
    font-weight: 700;
    font-size: 16px;
    width: 900px
}

#contenu_comptes #btn_poubelle {
    float: right;
    cursor: pointer
}

.cnt_infos_listes {
    width: 680px;
    display: none;
    height: auto;
    overflow: hidden
}

.img_att {
    display: none;
    float: right
}

.cnt_infos_listes_att {
    width: 200px;
    display: none;
    height: auto;
    font-size: 15px;
    font-weight: 700;
    margin: 50px 0 50px 300px;
    float: left
}

.cnt_infos_listes_att .img_att,.cnt_infos_listes_att span {
    float: left
}

#nb_refs_pages {
    font-size: 11px;
    padding: 5px;
    width: 50px
}

#img_att_nbpp {
    margin-top: 2px
}

#mainContacter {
    float: left;
    height: auto
}

#mainContacter dt {
    font-size: 1.5em;
    font-weight: 700
}

#mainContacter dd {
    font-size: 1.2em;
    margin-top: 15px;
    text-align: left
}

#mainContacter dd ul {
    float: left;
    width: 590px;
    padding: 0;
    margin: 0 0 0 2px
}

#mainContacter dd ul li {
    float: left;
    width: 100%
}

#mainContacter dd table {
    margin: 20px 0 0 25px
}

#mainContacter dd table td {
    margin-top: 15px;
    text-align: left
}

#mainContacter dd table td input {
    width: 75px
}

#mainContacter dd #sujet_ctc {
    width: 532px
}

#mainContacter dd .tab_contacter {
    position: relative;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box
}

#mainContacter ul {
    width: 100%;
    display: inline-block
}

#mainContacter ul li {
    width: 100%!important;
    display: inline-block!important;
    margin: 0
}

#mainContacter ul li label {
    width: 25%;
    display: inline-block;
    color: #333;
    font-size: 12px;
    vertical-align: top
}

#mainContacter ul li input {
    width: 60%;
    border: 1px solid #d7cdb9;
    border-radius: 3px;
    padding: 3px 5px;
    vertical-align: top
}

#mainContacter ul li select {
    border: 1px solid #333;
    padding: 2px 5px;
    color: #303030;
    vertical-align: top
}

#mainContacter ul li #ctc_adultes,#mainContacter ul li #ctc_enfants {
    color: #303030;
    width: 115px;
    padding: 2px 5px;
    border: 1px solid #333
}

#mainContacter ul li textarea {
    width: 60%!important;
    border: 1px solid #646464!important;
    height: 95px!important
}

#mainContacter ul li #arrivee_ctc,#mainContacter ul li #depart_ctc {
    width: 66px!important
}

#mainContacter #ctc_entete {
    font-size: 12px
}

#mainContacter .obligatoire {
    color: #ff610d
}

#mainContacter #ctc_entete .obligatoire {
    margin: 7px 0;
    display: inline-block
}

#mainContacter ul li #message_ctc {
    width: 532px
}

#mainContacter ul li input[type=checkbox] {
    width: auto!important
}

#mainContacter ul li #label_ctc_copie {
    width: 80%!important
}

#mainContacter ul li #bdc_envoie {
    font-size: 18px;
    padding: 5px;
    width: 100px;
    color: #fff;
    display: block;
    font-family: 'PT Sans',sans-serif;
    font-weight: 400;
    background: #ff7e10;
    background: -moz-linear-gradient(top,#ff7e10 0,#ff610d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff7e10),color-stop(100%,#ff610d));
    background: -webkit-linear-gradient(top,#ff7e10 0,#ff610d 100%);
    background: -o-linear-gradient(top,#ff7e10 0,#ff610d 100%);
    background: -ms-linear-gradient(top,#ff7e10 0,#ff610d 100%);
    background: linear-gradient(to bottom,#ff7e10 0,#ff610d 100%);
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px;
    text-decoration: none;
    margin: 0 auto
}

#mainContacter ul li #bdc_envoie:hover {
    background: #ff610d;
    background: -moz-linear-gradient(top,#ff610d 0,#ff7e10 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff610d),color-stop(100%,#ff7e10));
    background: -webkit-linear-gradient(top,#ff610d 0,#ff7e10 100%);
    background: -o-linear-gradient(top,#ff610d 0,#ff7e10 100%);
    background: -ms-linear-gradient(top,#ff610d 0,#ff7e10 100%);
    background: linear-gradient(to bottom,#ff610d 0,#ff7e10 100%)
}

#mainContacter dd .tab_contacter li ul li {
    background-image: none;
    width: 21%!important;
    display: inline-block!important;
    padding: 5px 0!important;
    margin: 0
}

#mainContacter dd .tab_contacter li ul li:last-child {
    width: 40%!important
}

#mainContacter dd .tab_contacter li ul li:last-child input {
    margin-left: 30px!important
}

#mainContacterAmi {
    float: left;
    overflow: hidden
}

#mainContacterAmi dt {
    font-size: 1.5em;
    font-weight: 700
}

#mainContacterAmi dd {
    font-size: 1.2em;
    margin-top: 15px;
    text-align: left
}

#mainContacterAmi dd ul {
    float: left;
    width: 590px;
    padding: 0;
    margin: 0 0 0 2px
}

#mainContacterAmi dd ul li {
    float: left;
    width: 580px;
    padding: 0;
    margin: 0;
    background-image: none
}

#mainContacterAmi dd table {
    margin: 20px 0 0 10px
}

#mainContacterAmi dd table td {
    border: none;
    margin-top: 15px;
    text-align: left
}

#mainContacterAmi dd table td input {
    width: 180px
}

#mainContacterAmi dd table #lig_bdc {
    text-align: center
}

#mainContacterAmi dd #bdc_envoyer {
    width: 80px
}

#mainContacterAmi dd #message_expediteur {
    width: 400px
}

#barre_tchat {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10001;
    background: url(../images/bg_barre_tchat.png) repeat-x
}

#barre_tchat #barre_tchat_container {
    line-height: 34px;
    height: 34px;
    width: 600px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
    font-size: 1.3em
}

#barre_tchat #lien_panier {
    display: none;
    float: left;
    width: 220px;
    background-image: url(../images/ico_fond_panier.png);
    background-repeat: no-repeat
}

#barre_tchat #lien_panier a,#barre_tchat #lien_preferences a {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    margin-left: 25px
}

#barre_tchat #lien_tchat {
    display: none
}

#barre_tchat #lien_preferences {
    display: none;
    width: 250px;
    float: left;
    background-image: url(../images/ico_fond_pref.png);
    background-repeat: no-repeat
}

#barre_tchat #liens_sociaux {
    position: absolute;
    left: 70%;
    display: none
}

#barre_tchat #liens_sociaux a {
    margin: 9px 0 0;
    float: left
}

#panier {
    position: fixed;
    left: 20%;
    top: 10%;
    width: 54%;
    z-index: 10001;
    background-color: #fff;
    height: 80vh;
    border: 3px solid #f60;
    display: none;
    margin: 0 auto
}

#panier #close_panier {
    position: absolute;
    right: 10px;
    z-index: 1003
}

#panier_container {
    z-index: 1002;
    height: 100%;
    background-color: #fff;
    width: 100%;
    overflow: none
}

#panier_container iframe {
    margin: 30px 0 0;
    background-color: #fff;
    width: 99%;
    height: 90%;
    overflow: auto
}

.titre_votre_panier {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    width: 600px;
    margin-bottom: 10px;
    text-align: center
}

#mainLocParCom table,#mainLocParCom table td,#mainLocParCom table td span,#mainLstThemes dd,#mainLstThemes dl,#services_fiche table td,.headChambres table td,.headCity table td,.headEnfants table td,.headGites table td,.headGroupes table td,.headThemes table td,.locations table td {
    text-align: left
}

.ajout_ref_panier {
    font-size: 13px;
    font-weight: 700;
    color: #063;
    margin: 10px 0;
    width: 400px
}

#attente_panier {
    width: 33px;
    height: 26px;
    background-image: url(../images/bg_attente.png);
    position: absolute;
    margin-left: -40px;
    margin-top: 2px;
    display: none
}

#attente_panier img {
    margin: 6px 0 0 7px
}

#equips_int_fiche .ul {
    width: 720px;
    float: left
}

#equips_int_fiche .dd {
    width: 142px;
    float: left
}

#equips_ext_fiche .ul2 {
    width: 400px;
    float: left
}

#equips_ext_fiche .dd2 {
    width: 200px;
    float: left
}

#services_fiche table {
    float: left;
    background-color: #fff
}

#services_fiche .ul {
    width: 400px;
    float: left
}

#services_fiche .dd {
    width: 170px;
    float: left
}

#services_fiche .ul_service {
    width: 400px;
    float: left;
    margin-top: 5px
}

#services_fiche .dd_service {
    width: 400px;
    float: left
}

#services_fiche .ul2 {
    width: 680px;
    float: left
}

#services_fiche .dd2 {
    width: auto;
    margin: 5px;
    float: left
}

#rappel_liste,#rappel_liste #rappel_liste_bgd_bas,#rappel_liste_cnt {
    width: 950px;
    max-width: 100%;
    background-repeat: no-repeat
}

#rappel_liste {
    background-image: url(../images/bgd_rappel_refs_index.png);
    background-position: top left;
    float: left;
    height: auto;
    text-align: center;
    margin: 5px 0 20px 10px;
    overflow: hidden
}

#rappel_liste #rappel_titre {
    color: #fff;
    font-weight: 700;
    float: left;
    margin: 5px 0 5px 9px;
    font-size: 1.2em
}

#rappel_liste #rappel_liste_bgd_bas {
    background-image: url(../images/bgd_bas_rappel_refs_index.png);
    background-position: bottom left;
    float: left;
    height: 9px
}

#rappel_liste #rappel_btn_close {
    float: right;
    cursor: pointer;
    margin: 2px 5px 0 0;
    display: none
}

#rappel_liste_cnt {
    float: left;
    height: 150px;
    padding-top: 0;
    text-align: center;
    background-color: #fff;
    background-image: url(../images/bgd_details_refs_index.png);
    background-position: top left
}

#rappel_liste_cnt .detail_ref {
    float: left;
    height: 180px;
    width: 136px;
    text-align: center;
    padding: 10px
}

#rappel_liste_cnt .detail_ref_clair {
    float: left;
    height: 130px;
    width: 130px;
    margin: 0;
    text-align: center;
    padding: 10px 10px 10px 17px;
    background-color: #fff
}

#rappel_liste_cnt #vign_liste {
    width: 100px;
    height: 80px
}

#resultListPgSuiv,.calendrier {
    display: none
}

.easy-accordion {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.easy-accordion dt {
    margin-bottom: 0;
    margin-left: 0;
    z-index: 5;
    transform: rotate(-90deg);
    cursor: pointer
}

#region,#region_cadre {
    margin-left: 10px;
    float: left
}

.easy-accordion dd {
    z-index: 1;
    opacity: 0;
    overflow: hidden
}

.easy-accordion dd.active {
    opacity: 1;
    z-index: 3
}

.easy-accordion dd.no-more-active {
    z-index: 2;
    opacity: 1
}

.easy-accordion dd.plus {
    z-index: 4
}

.easy-accordion dd p {
    line-height: 120%;
    color: #888
}

.easy-accordion .slide-number {
    position: absolute;
    bottom: 0;
    left: 10px;
    font-weight: 400;
    font-size: 1.1em
}

#accordion-1 {
    width: 500px;
    height: 245px;
    padding: 0 0 0 5px
}

#accordion-1 dl {
    width: 500px;
    height: 245px;
    background: 0 0
}

#accordion-1 dt {
    height: 54px;
    line-height: 44px;
    text-align: right;
    padding: 0 15px 0 0;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
    background: url(../images/accordeon/slide-title-inactive-1.png) no-repeat;
    color: #fff;
    overflow: hidden
}

#accordion-1 dt.active {
    cursor: pointer;
    color: #fff;
    background: url(../images/accordeon/slide-title-active-1.png) no-repeat
}

#tourisme_accueil li,#tourisme_accueil ul {
    background: 0 0;
    float: left;
    list-style: none
}

#accordion-1 dt.active.hover {
    color: #fff
}

#accordion-1 dt.hover {
    color: #f60
}

#accordion-1 dd {
    background: url(../images/accordeon/slide2.png) bottom right repeat-x;
    margin: 0 3px 0 0;
    padding: 25px 10px 15px
}

#accordion-1 dd img {
    float: right;
    margin: 5px 0 0
}

#accordion-1 .slide-number {
    color: #68889b;
    left: 0;
    font-weight: 700
}

#accordion-1 a {
    color: #f60
}

#accordion-1 h2 {
    font-size: 2.5em;
    margin-top: 10px
}

#accordion-1 .more {
    padding-top: 10px;
    display: block
}

#accordion-1 .active .slide-number {
    color: #fff
}

#region {
    width: 150px
}

#region_cadre {
    width: 923px;
    height: 300px;
    background-image: url(../images/bg_region.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px
}

.titre_region {
    font-family: verdana,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 1.4em;
    text-transform: uppercase;
    display: block;
    margin-top: 0;
    margin-bottom: 10px
}

#tourisme_accueil {
    margin-left: 25px;
    width: 260px;
    float: left;
    height: 250px
}

#tourisme_accueil ul {
    width: 250px
}

#tourisme_accueil li {
    margin: 5px 2px 0 0;
    padding: 0
}

#tourisme_accueil img {
    width: auto;
    height: auto
}

#espace_widget,#espace_widget div {
    float: left
}

#espace_widget .deplacement {
    width: auto;
    height: 80px;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    margin-top: 170px;
    margin-left: 20px
}

#socials_links {
    float: right;
    width: 91px;
    height: auto;
    margin-right: 15px
}

#socials_links img {
    margin-top: 13px
}

.lieux_coeur {
    font-family: verdana,arial;
    color: #f60;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 15px
}

.locations #headPgCnt,.locations .blanc12,.locations a {
    font-family: Arial,Helvetica,sans-serif
}

#mainLocParCom table,#mainLstThemes dl {
    height: auto;
    background-color: #fff;
    padding: 20px;
    margin: 25px
}

#documents_portfolio2 a {
    display: block;
    float: left;
    margin: 3px;
    opacity: .6;
    width: 80px;
    height: 65px
}

#documents_portfolio2 a:hover {
    opacity: 1
}

#documents_portfolio2 img {
    width: 80px;
    height: 60px
}

#mainLocParCom {
    overflow: hidden;
    height: auto;
    width: 960px
}

#mainLocParCom table {
    width: 900px
}

#mainLocParCom table td span {
    font-size: 14px
}

#mainLstThemes {
    overflow: hidden;
    height: auto;
    width: 960px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px
}

#mainLstThemes dl {
    width: 860px
}

#mainLstThemes dd {
    width: 80%
}

#mainLstThemes H4 {
    font-size: 1em;
    color: #888;
    font-weight: 400
}

#mainLstThemes H2 a {
    font-size: 1.2em;
    color: #f90;
    text-decoration: none;
    font-weight: 400
}

.themes #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.locations #headPgCnt,.themes #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    margin: 0 0 6px;
    height: 277px;
    overflow: hidden
}

.themes #headPgCnt {
    width: 963px;
    padding: 0 0 6px
}

.themes #headPgGch {
    width: 250px;
    float: left;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 20px
}

.themes #content {
    width: 960px
}

.locations #headPgCnt {
    width: 963px;
    padding: 0 0 6px
}

.locations #headPgGch {
    width: 300px;
    float: left;
    overflow: hidden
}

.locations #content {
    width: 960px
}

.locations table {
    width: 960px;
    border: none
}

.locations a {
    text-decoration: none;
    font-size: 1em;
    color: #f60
}

.locations h1 {
    color: #ff6100;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    margin: 15px
}

.locations .blanc12 {
    color: #fff;
    font-weight: 700;
    font-size: 12px
}

.headCity #headPg #headPgGch H1,.headCity #headPg #headPgGch H2,.headThemes #headPg #headPgGch H1 {
    font-size: 1.1em;
    font-family: Arial,Helvetica,sans-serif
}

.locations .blanc12 a.rub {
    text-decoration: underline;
    color: #fff
}

.headListes {
    margin-bottom: -6px
}

.headListes #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headListes #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 277px;
    font-family: Arial,Helvetica,sans-serif
}

.headListes #headPgGch {
    width: 300px;
    float: left;
    overflow: hidden
}

.headListes #content {
    width: 960px
}

.headListes table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headListes table td {
    text-align: left
}

.headThemes {
    margin-bottom: -6px
}

.headThemes #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headThemes #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headThemes #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px
}

.headThemes #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headThemes #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headThemes #headPg #headPgGch H1 {
    color: #646464
}

.headThemes #content {
    width: 960px
}

.headThemes table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headThemes #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    top: 252px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headCity #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headCity #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headCity #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px
}

.headCity #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headCity #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headCity #headPg #headPgGch H1 {
    color: #646464;
    font-weight: 700
}

.headCity #headPg #headPgGch H2 {
    margin-top: 5px;
    color: #000;
    maring: 0;
    padding: 0
}

.headCity #headPg #headPgGch H2 strong {
    color: #646464
}

.headCity #content {
    width: 960px
}

.headCity table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headCity #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headCity #titre_produit {
    margin: 12px;
    color: #475fcf;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

.headEnfants {
    margin-bottom: -6px
}

.headEnfants #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headEnfants #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headEnfants #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px
}

.headEnfants #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headEnfants #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headEnfants #headPg #headPgGch H1 {
    font-size: 1.1em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.headEnfants #headPg #headPgGch H2 {
    margin-top: 5px;
    font-size: 1.1em;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    maring: 0;
    padding: 0
}

.headEnfants #headPg #headPgGch H2 strong {
    color: #646464
}

.headEnfants #content {
    width: 960px
}

.headEnfants table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headEnfants #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headEnfants #titre_produit {
    margin: 12px;
    color: #475fcf;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

.headGroupes {
    margin-bottom: -6px
}

.headGroupes #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headGroupes #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headGroupes #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px
}

.headGroupes #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headGroupes #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headGroupes #headPg #headPgGch H1 {
    font-size: 1.1em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.headGroupes #headPg #headPgGch H2 {
    margin-top: 5px;
    font-size: 1.1em;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    maring: 0;
    padding: 0
}

.headGroupes #headPg #headPgGch H2 strong {
    color: #646464
}

.headGroupes #content {
    width: 960px
}

.headGroupes table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headGroupes #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headGroupes #titre_produit {
    margin: 12px;
    color: #475fcf;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

.headChambres {
    margin-bottom: -6px
}

.headChambres #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headChambres #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headChambres #headPg #headPgCnt #headPgGch {
    font-size: 1.1em;
    float: left;
    width: 290px;
    margin: 10px 0 0 10px
}

.headChambres #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headChambres #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headChambres #headPg #headPgGch H1 {
    font-size: 1.2em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.headChambres #headPg #headPgGch H2 {
    margin-top: 5px;
    font-size: 1.1em;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    maring: 0;
    padding: 0
}

.headChambres #headPg #headPgGch H2 strong {
    color: #646464
}

.headChambres #content {
    width: 960px
}

.headChambres table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headChambres #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headChambres #titre_produit {
    margin: 12px;
    color: #475fcf;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

.headGites {
    margin-bottom: -6px
}

.headGites #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headGites #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headGites #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px;
    font-size: 1.1em
}

.headGites #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headGites #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headGites #headPg #headPgGch H1 {
    font-size: 1.2em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.headGites #headPg #headPgGch H2 {
    margin-top: 5px;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    maring: 0;
    padding: 0;
    font-weight: 400;
    font-size: 1.1em
}

.headGites #headPg #headPgGch H2 strong {
    color: #646464
}

.headGites #content {
    width: 960px
}

.headGites table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headGites #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headGites #titre_produit {
    margin: 12px;
    color: #8faf04;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

.headCampings #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headCampings #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headCampings #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px;
    font-size: 1em;
    text-align: justify
}

body.rubriques .headRegroupes {
    font-size: 22px;
    color: #f60;
    padding: 0 0 20px
}

.headArticles table td,.headCampings table td,.headRegroupes table td {
    text-align: left
}

.headCampings #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headCampings #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headCampings #headPg #headPgGch H1 {
    font-size: 1.2em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.headCampings #headPg #headPgGch H2 {
    margin-top: 5px;
    font-size: 1em;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    maring: 0;
    padding: 0
}

.headCampings #headPg #headPgGch H2 strong {
    color: #646464
}

.headCampings #content {
    width: 960px
}

.headCampings table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headCampings #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headCampings #titre_produit {
    margin: 12px;
    color: #475fcf;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

.headArticles #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headArticles #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    min-height: 288px
}

.headArticles #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 5px 0 0 10px
}

.headArticles #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headArticles #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headArticles #headPg #headPgGch H1 {
    font-size: 1.6em;
    color: #f60;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

.headArticles #headPg #headPgGch ul {
    margin-top: 5px;
    margin-left: 20px
}

.headArticles #headPg #headPgGch ul li {
    background: url(../images/li_common-articles.gif) 0 5px no-repeat
}

.headArticles #headPg #headPgGch ul a:link {
    color: #646464;
    text-decoration: none;
    font-weight: 400
}

.headArticles #headPg #headPgGch ul a:visited {
    color: #646464;
    text-decoration: none
}

.headArticles #headPg #headPgGch ul a:hover {
    color: #f60;
    text-decoration: none
}

.headArticles #content {
    width: 960px
}

.headArticles table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headArticles #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    top: 249px;
    margin-left: 304px;
    z-index: 10000
}

.headRegroupes {
    margin-left: 10px
}

.headRegroupes #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headRegroupes #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

.headRegroupes #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px
}

.headRegroupes #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headRegroupes #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headRegroupes #content {
    width: 960px
}

.headRegroupes table {
    width: 960px;
    background-color: #fff;
    border: none
}

.headRegroupes #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    top: 252px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headRegroupes H1 {
    font-size: 1.8em;
    color: #f60;
    font-family: verdana,arial
}

.headRegroupes .h2 {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: 20px 0;
    font-size: 1.5em
}

.headRegroupes .h2 strong {
    color: #edcb8b
}

.headRegroupes.listes H1 {
    font-size: 1.8em;
    color: #f60;
    font-family: verdana,arial
}

.headRegroupes.listes .h2 {
    margin: 20px 0;
    font-size: 1.5em
}

.headLocations #headPg {
    background: url(../images/bgd_highlightSearch_div.png) top left no-repeat;
    overflow: hidden;
    padding-top: 5px
}

.headLocations #headPg #headPgCnt {
    background: url(../images/bgd_highlightSearch.png) bottom left no-repeat;
    color: #4c4c4c;
    width: 963px;
    padding: 0 0 6px;
    margin: 0 0 6px;
    overflow: hidden;
    height: 288px
}

#contenu_articlef.libre2,.body_404,.cadre_bloc_marron_gauche,.headLocations table {
    background-color: #fff
}

.headLocations #headPg #headPgCnt #headPgGch {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px;
    font-size: 1em;
    text-align: justify
}

.headLocations #headPg #headPgCnt #headPgDrt {
    float: left;
    width: 656px;
    margin: 10px 0 0 5px
}

.headLocations #headPg #headPgCnt #headPgDrt #zone_header_cnt {
    overflow: hidden;
    width: 645px;
    padding: 0;
    height: 278px
}

.headLocations #headPg #headPgGch H1 {
    font-size: 1.2em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.headLocations #headPg #headPgGch H2 {
    margin-top: 5px;
    font-size: 1em;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    maring: 0;
    padding: 0
}

.headLocations #headPg #headPgGch H2 strong {
    color: #646464
}

.headLocations #content {
    width: 960px
}

.headLocations table {
    width: 960px;
    border: none
}

.headLocations table td {
    text-align: left
}

.headLocations #zone_header_mask {
    position: absolute;
    width: 656px;
    height: 299px;
    top: 249px;
    margin-left: 304px;
    background-image: url(../images/mask_photo_accueil.png);
    z-index: 10000
}

.headLocations #titre_produit {
    margin: 12px;
    color: #475fcf;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700
}

#lien_voir_planning {
    display: block
}

.body_404 {
    font-size: 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: 100px;
    color: #000
}

#mg_z2,#mg_z2 select {
    font-size: 13px
}

.main2 {
    cursor: pointer;
    width: 184px;
    height: 23px;
    border: none;
    float: right;
    margin-right: 3px
}

#mg_z2 {
    border-top: 2px dotted #f60;
    padding-top: 10px
}

#mainStructureArticle {
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 0;
    min-height: 600px
}

#mainStructureArticle h1 {
    color: #f60;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 24px;
    margin-left: 15px;
    margin-top: 15px
}

#mainStructureArticle .cadre_bloc_marron_droit {
    display: inline-block
}

#contenu_article {
    width: 490px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    float: left;
    margin-top: 20px;
    margin-bottom: 15px;
    border-radius: 7px;
    padding: 20px 10px
}

#contenu_article h1 {
    color: #f60;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

#contenu_article .reseau a {
    color: #939;
    margin-left: 20px;
    margin-top: 8px;
    border-left: 1px solid #ccc;
    display: block;
    padding-left: 10px
}

#colonne_droite_article,#colonne_droite_article_2col {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 20px
}

#contenu_articlef {
    width: 940px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    float: left;
    margin: 20px 10px 10px
}

#contenu_article_1col,#contenu_article_2col {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 1.2em;
    padding: 20px 10px;
    border-radius: 7px;
    background-color: #fff;
    float: left
}

#contenu_article_2col {
    width: 740px;
    font-family: Arial,Helvetica,sans-serif
}

#contenu_article_1col img,#contenu_article_2col img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px
}

#contenu_article_2col h1 {
    color: #f60;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

#text_1col,#text_2col {
    margin-left: 30px;
    margin-top: 15px;
    margin-right: 40px
}

#contenu_article_1col {
    box-sizing: border-box;
    width: 950px;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 10px
}

#colonne_droite_article {
    width: 430px;
    float: left;
    margin-left: 10px
}

#colonne_droite_article_2col {
    width: 170px;
    float: left;
    margin-left: 30px
}

#colonne_gauche_droite {
    width: 290px;
    float: left;
    margin-right: 10px
}

.cadre_bloc_marron_gauche {
    padding-bottom: 8px;
    border-radius: 7px;
    margin-bottom: 8px;
    width: 290px
}

.titre_bloc_marron_gauche {
    background-image: url(../images/bgd_titre_centre_article.gif);
    background-repeat: no-repeat;
    color: #fff;
    height: 30px;
    font-size: 1.3em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding: 5px;
    margin-bottom: 5px
}

.texte_bloc_marron_gauche {
    padding: 5px;
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

#hierarchie {
    font-size: .9em
}

.ombre_photos {
    box-shadow: 1px 1px 5px #646464
}

#zoom_photos {
    height: 450px;
    width: 100%;
    text-align: center;
    float: left;
    margin-left: 1px
}

#zone_header_cnt {
    position: relative
}

#addpanierbutton,#planbutton,#printbutton {
    float: left;
    cursor: pointer
}

.tab_tarifs_cs th div,.tab_tarifs_cs th span,.tab_tarifs_cs th strong {
    float: left
}

.tab_tarifs_cs table {
    background-color: #ccc;
    border: 1px solid #f60
}

#contenu_regroupements #cote_gauche #bloc,#contenu_regroupements #cote_gauche #bloc2,#contenu_regroupements #cote_gauche #bloc3,#contenu_regroupements #cote_gauche #bloc3 .rond {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 5px;
    float: left
}

#contenu_regroupements {
    margin-top: 7px;
    padding-bottom: 20px;
    float: left;
    overflow: hidden
}

#contenu_regroupements #cote_gauche {
    width: 795px;
    float: left
}

#contenu_regroupements #cote_gauche #bloc {
    margin: 0 15px 10px 0;
    width: 250px;
    background-color: #fff;
    min-height: 350px
}

#contenu_regroupements #cote_gauche #bloc .photo {
    display: block;
    float: left
}

#contenu_regroupements #cote_gauche #bloc .interbloc {
    margin: 0 0 10px 10px;
    width: 230px
}

#contenu_regroupements #cote_gauche #bloc .interbloc h1 {
    background-color: #646464;
    color: #ff6100;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px
}

#contenu_regroupements #cote_gauche #bloc .interbloc .h2,#contenu_regroupements #cote_gauche #bloc .interbloc h2 {
    color: #333!important;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 400
}

#contenu_regroupements #cote_gauche #bloc .interbloc p {
    margin: 2px 0 0 2px;
    font-size: 13px
}

#contenu_regroupements #cote_gauche #bloc .interbloc span {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px
}

#contenu_regroupements #cote_gauche #bloc .interbloc span .lien2 a {
    text-decoration: none;
    color: #f60;
    font-size: 12px
}

#contenu_regroupements #cote_gauche #bloc .interbloc .lien2 a {
    text-decoration: none;
    color: #f60;
    font-size: 14px
}

#contenu_regroupements #cote_gauche #bloc .interbloc2 {
    margin: 0 0 10px;
    width: 250px
}

#contenu_regroupements #cote_gauche #bloc .interbloc2 a {
    text-decoration: none;
    color: #8faf04;
    text-align: center;
    width: 100%;
}

#contenu_regroupements #cote_gauche #bloc .interbloc2 div {
    margin: 5px 3px 5px 6px;
    font-size: 12px
}

#contenu_regroupements #cote_gauche #bloc .interbloc2 h1 {
    color: #ff6100;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    margin: 3px
}

#contenu_regroupements #cote_gauche #bloc2 {
    margin: 0 0 10px;
    background-color: none;
    height: auto
}

#contenu_regroupements #cote_gauche #bloc2 h1 {
    color: #ff6100;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    margin: 15px
}

#contenu_regroupements #cote_gauche #bloc3 {
    margin: 0 15px 10px 0;
    width: 250px;
    background-color: #fff;
    height: 420px
}

#contenu_regroupements #cote_gauche #bloc3 h1 {
    margin: 10px
}

#contenu_regroupements #cote_gauche #bloc3 .rond {
    margin: 0 0 10px;
    width: 250px;
    background-color: #fff;
    height: auto
}

#contenu_regroupements #cote_gauche #bloc3 .photo_vide {
    display: block;
    width: 250px;
    height: 150px;
    background-color: #fff;
    float: left
}

#contenu_regroupements #cote_gauche #bloc3 .photo {
    display: block;
    float: left
}

#contenu_regroupements #cote_gauche #bloc3 .interbloc {
    margin: 0 0 10px;
    width: 250px;
    height: auto;
    background-color: #fff
}

#contenu_regroupements #cote_gauche #bloc3 .titre {
    float: left;
    width: 230px;
    font-weight: bolder;
    color: #ff6100;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 16px;
    margin: 10px
}

#contenu_regroupements #cote_gauche #bloc3 .visuel {
    width: 250px;
    float: left;
    background-color: #000
}

#contenu_regroupements #cote_gauche #bloc3 .contenu {
    width: 230px;
    height: 105px;
    margin: 0 10px;
    float: left
}

#contenu_regroupements #cote_gauche #bloc3 .tarifs {
    width: 230px;
    margin: 10px;
    height: 20px;
    float: left
}

#contenu_regroupements #cote_gauche #bloc3 .lien {
    float: right;
    margin: 10px
}

#contenu_regroupements #cote_gauche .cnt_pht_rond {
    float: left;
    height: auto;
    width: 225px;
    text-align: center
}

#contenu_regroupements #cote_gauche .bloc .interbloc select {
    border: none;
    background-color: #ded1b8;
    width: 230px
}

#contenu_regroupements #cote_droit {
    width: 160px;
    background-color: #fff;
    float: left;
    border-radius: 7px
}

#contenu_regroupements #cote_droit ul .subMenu,#contenu_regroupements #cote_droit ul .subMenu li {
    background: 0 0;
    border: none;
    list-style-type: none
}

#contenu_regroupements #cote_droit ul {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 5px
}

#contenu_regroupements #cote_droit ul .subMenu .li_bp,#contenu_regroupements #cote_droit ul .subMenu .li_bp a {
    background: 0 0;
    border: none;
    list-style-type: none;
    padding: 0
}

#contenu_regroupements #cote_droit ul .subMenu {
    display: none
}

#contenu_regroupements #cote_droit ul .subMenu li a {
    color: #f60;
    text-decoration: none
}

#contenu_regroupements #cote_droit ul .subMenu li a:hover {
    color: #ff6100;
    text-decoration: none
}

#contenu_regroupements #cote_droit ul .subMenu .li_bp {
    font-size: 11px
}

#contenu_regroupements #cote_droit ul .subMenu .li_bp a:hover {
    color: #ff6100;
    text-decoration: none
}

#contenu_regroupements #cote_droit ul li a {
    color: #333;
    text-decoration: none
}

#contenu_regroupements #cote_droit ul li a:hover {
    color: #ff6100
}

#contenu_regroupements #cote_droit .toggleSubMenu {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    margin: 0 0 5px;
    padding: 1px 0 0 10px;
    cursor: pointer
}

.filtre .dropdown-menu li>div.infos_bl_malin,.infos_bl_charges,.infos_bl_fiche,.infos_bl_liste,.infos_bl_tri {
    display: none;
    font-size: 12px;
    color: #020202;
    background: #fff;
    height: auto;
    font-weight: 400;
}
div#presentation-videos:not(.visible){
    opacity:0;
    pointer-events: none;
    position: absolute;
}
div#presentation-videos>h3 {
    font-size: 24px;
    font-weight: normal;
}
div#presentation-videos {
    margin-bottom: 40px;
    clear: both;
    padding-top: 30px;
}
#liste_tri_prop a[onclick^="javascript:showTriGestion2(1);setStatListe(9)"] {
    display: none;
}
.infos_bl_liste {
    width: 300px;
    padding: 2px 0;
    position: absolute;
    margin-left: -280px;
    margin-top: 30px;
    text-align: center
}

.infos_bl_fiche {
    width: 350px;
    padding: 5px;
    position: absolute;
    margin-left: 20px;
    margin-top: 45px;
    text-align: left;
    z-index: 1000
}

.filtre .dropdown-menu li>div.infos_bl_malin,.infos_bl_charges,.infos_bl_tri {
    padding: 10px 10px;
    z-index: 1000;
    text-align: left;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border-radius: 4px;
}

.infos_bl_fiche.ttco {
    margin-top: 10px
}

@keyframes displayBubble {
    from {
        opacity: 0;
        transform: scale(0.7) translate(0%,-100%);
    }
}

.filtre .dropdown-menu li>div.infos_bl_malin {
    width: auto;
    position: absolute!important;
    margin-top: -30px;
    transform: translate(0%,-100%);
    pointer-events: none;
    animation: displayBubble 0.1s;
}

.infos_bl_charges {
    width: 200px;
    position: absolute;
    top: 60px;
    right: 125px
}

.infos_bl_tri {
    width: 205px;
    position: absolute;
    top: 30px;
    right: 0
}

.widget {
    display: block;
    float: left;
    width: 230px;
    background: #fff;
    margin-right: 5px;
    overflow: hidden;
    height: auto
}

#wmaree,#wmeteo {
    margin-left: 15px
}

#liste_tri_prop a {
    padding: 4px 0;
    margin-top: 8px;
    font-weight: 400;
    text-decoration: underline;
    font-family: 'Open Sans';
    color: #333;
    font-size: 13px
}

#liste_tri_prop {
    display: inline-block;
    padding: 0 0 20px;
    font-size: 12px;
    margin: 0;
    color: #c60;
    font-weight: 700;
    width: 100%;
    position: relative
}

.bloc,.cnt_txt_ids {
    display: block
}

#galleria {
    width: 300px;
    height: 250px
}

.bgnone {
    background-image: none
}

#titre_faq {
    background-color: #e9e9e9;
    width: 90%;
    padding: 6px
}

#titre_faq a {
    cursor: pointer;
    text-decoration: none;
    color: #060;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.3em
}

#nb_ch_fiche {
    width: 350px;
    float: left
}

#formulaire_onrecherche {
    float: left;
    width: 650px;
    text-align: left
}

#formulaire_onrecherche table {
    float: left
}

#formulaire_onrecherche tr {
    text-align: left;
    border: none
}

#formulaire_onrecherche td {
    border: none;
    font-family: arial;
    font-size: 12px;
    color: #203620;
    text-align: left;
    height: 20px;
    padding: 2px
}

#formulaire_onrecherche a {
    font-family: arial;
    font-size: 12px;
    color: #060
}

#formulaire_onrecherche select {
    font-family: Arial;
    font-size: 11px;
    background-color: none;
    color: #4d4707;
    padding: 1px
}

#barre_cookies,#moteur_listes_commune #commune,#moteur_listes_commune input,#moteur_listes_date #date_arr,#moteur_listes_date input,#moteur_listes_reference input,#pop_panier_ami,#pop_panier_ami>div>input,#pop_panier_ami>div>textarea,.arial12,.boxi,.textare {
    font-family: Arial,Helvetica,sans-serif
}

#formulaire_onrecherche textarea {
    background-color: none;
    border: none;
    padding: 5px
}

#formulaire_onrecherche .erreur_message {
    font-size: 12px;
    font-weight: 700;
    color: #8c0903
}

.boxi {
    font-size: 11px;
    padding: 0;
    width: auto
}

.textare {
    border: 2px solid #646464;
    padding: 1px;
    color: #333;
    background-color: #fff;
    margin-top: 5px;
    width: auto;
    height: 15px
}

.boutons {
    cursor: pointer
}

#tri_nb_offres {
    width: 680px;
    height: 17px;
    float: left
}

.ico_confort {
    margin-top: -8px
}

.cnts_regroupes {
    float: left
}

.bloc {
    width: 99%
}

.arial12 {
    size: 12px
}

.cnt_txt_idsall {
    display: none
}

#btn_arrivee_ctc,#btn_date_arr,#btn_date_arrivee,#btn_depart_ctc {
    cursor: pointer
}

#ico_dismiss_tchat_non {
    cursor: pointer;
    margin: 0;
    height: 30px;
    top: 3px;
    vertical-align: center;
    right: 100px;
    position: absolute
}

#ico_dismiss_tchat_non span {
    color: #fff;
    font-size: 12px
}

#ico_dismiss_tchat_non img {
    vertical-align: top
}

.avis_prop {
    float: left;
    padding: 0
}

.avis_prop table {
    float: left;
    padding: 0;
    margin: 0;
    border: none
}

.avis_prop td,.avis_prop tr {
    border: none
}

.avis_prop .note {
    font-size: 22px;
    color: #390;
    font-weight: 700;
    margin: -25px 25px 0 0;
    float: right;
    height: 80px;
    width: 200px;
    background-image: url(../images/fd_note_globale.png);
    background-repeat: no-repeat;
    background-position: right
}

.avis_prop .note .lib {
    margin: 26px 15px 0 0;
    float: right
}

.avis_prop .note .lib_ng {
    margin: 26px 6px 0 0;
    float: right
}

.avis_prop .nb_avis {
    margin-top: -22px;
    color: #646464;
    font-size: 11px;
    float: left
}

.slider_lib_epis {
    margin-top: 5px;
    height: auto;
    float: left;
    margin-left: 0;
    width: 215px;
    font-size: 13px
}

.slider_lib_epis #bdc_ok_epis,.slider_lib_epis .label {
    margin-left: 5px;
    float: left
}

.slider_lib_epis .label {
    height: auto;
    width: 80px
}

.slider_lib_epis .bdc {
    height: auto;
    float: left;
    width: 30px;
    margin-top: 15px
}

.slider_lib_epis .listes {
    height: auto;
    float: left;
    width: 70px;
    margin-top: 5px
}

.slider_lib_epis #nb_epis_max,.slider_lib_epis #nb_epis_min {
    float: left;
    width: 80px;
    margin-top: 2px;
    margin-left: 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #390
}

#mode_recherche {
    padding: 0;
    width: 274px;
    height: 23px;
    background: url(../images/bg_onglets_rech.png) no-repeat;
    margin: auto
}

#mode_recherche a {
    font-weight: 700;
    text-align: center;
    display: block;
    float: left;
    width: 136px;
    height: 19px;
    padding-top: 4px;
    margin-top: 0;
    text-decoration: none;
    color: #756547;
    font-family: Arial;
    font-size: 14px
}

#mode_recherche a.active {
    background: url(../images/onglet_rech_active.png) no-repeat;
    color: #fff
}

#mode_recherche.inverse {
    background: url(../images/bg_onglets_rech_inverse.png) no-repeat
}

#cadre_carte,#chargement_carte {
    background: #fff;
    position: absolute
}

#mode_recherche>a:last-child {
    margin-left: 2px
}

#boutons_recherche {
    margin-top: -10px
}

#cadre_carte {
    text-shadow: 0 0 20px #fff;
    overflow: hidden;
    border-radius: 4px;
    top: 0;
    left: -500px;
    width: 963px;
    height: 685px;
    padding: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

#contenu_lesplus ul,.assurance {
    overflow: visible
}

#cadre_carte.voir {
    visibility: visible;
    top: 555px;
    opacity: 1;
    z-index: 10000;
    overflow: visible;
    padding-top: 50px
}

#cadre_carte.voir>img {
    cursor: pointer;
    margin: -70px -15px 0 0
}

#cadre_carte iframe {
    background: 0 0;
    border-radius: 16px;
    display: block;
    margin: auto
}

#recherche_criteres ol,#recherche_criteres ul {
    width: 100%;
    height: auto;
    display: inline-block
}

#recherche_criteres li {
    display: inline
}

#panneau_rech_carte {
    font-weight: 700;
    width: 250px;
    text-align: center;
    margin: 60px 0 0 25px;
    position: absolute;
    display: none
}

#panneau_rech_carte.voir {
    display: block
}

@-webkit-keyframes masquerChargementCarte {
    0% {
        left: initial;
        top: initial;
        opacity: 1
    }

    100% {
        left: initial;
        top: initial;
        opacity: 0
    }
}

#chargement_carte {
    margin-top: 20px;
    width: 100%;
    height: 100vh
}

.btns_liste_n1 {
    position: absolute;
    left: 70px;
    top: 35px;
    cursor: pointer
}

#photopanier {
    display: none
}

#cntz_proprio {
    display: none;
    width: 250px;
    height: auto;
    padding: 5px;
    color: #000
}

#cnt_flgs_enal {
    float: left;
    margin: 15px
}

.bloc_rub_moncompte {
    width: 900px;
    height: auto;
    float: left
}

#en_liste_gris {
    display: none;
    margin-left: 1px;
    height: 36px;
    width: 67px
}

#sur_carte_gris {
    display: none;
    height: 36px;
    width: 64px;
    float: left
}

#en_liste_attente {
    display: none;
    float: left
}

#en_liste_gris_att {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: 52px;
    margin-top: 10px;
    top: 5px
}

.lib_km {
    color: #f90;
    font-weight: 400;
    text-decoration: none
}

#popup_date_liste {
    border: 1px solid red;
    background-color: #fff;
    position: absolute;
    width: 210px;
    height: 70px;
    margin-top: 20px;
    display: none
}

#popup_date_liste #popup_date_liste_cnt {
    margin: 18px 10px 10px 8px;
    position: absolute;
    width: 190px;
    height: auto;
    float: left;
    color: red;
    text-align: center
}

#popup_date_liste #popup_date_btn {
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.voir_annee_liste {
    position: absolute;
    margin-top: -50px;
    margin-left: 490px;
    display: none
}

.voir_annee_liste a {
    margin-left: 5px;
    font-weight: 700;
    color: #f60;
    margin-top: 10px
}

#popup_panier_liste,#popup_planning_liste {
    display: none
}

#popup_panier_liste #cnt_pop_panier_liste_liste,#popup_planning_liste #cnt_pop_planning_liste {
    width: inherit;
    margin: 3px 20px 0 0;
    overflow: hidden
}

#popup_fond_transparent {
    display: none;
    position: fixed;
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 999
}

#mainContacterOtsi {
    float: left;
    overflow: hidden;
    height: 600px
}

#mainContacterOtsi dt {
    font-size: 1.3em;
    font-weight: 700
}

#mainContacterOtsi dd {
    font-size: 1em;
    margin-top: 15px;
    text-align: left
}

#mainContacterOtsi dd ul {
    float: left;
    width: 590px;
    padding: 0;
    margin: 0 0 0 2px
}

#mainContacterOtsi dd ul li {
    float: left;
    width: 580px;
    padding: 0;
    margin: 0;
    background-image: none
}

#mainContacterOtsi dd table {
    margin: 20px 0 0 25px
}

#mainContacterOtsi dd table tr {
    border: none
}

#mainContacterOtsi dd table td {
    border: none;
    margin-top: 15px;
    text-align: left
}

#mainContacterOtsi dd table td input {
    width: 112px
}

#mainContacterOtsi dd table #lig_bdc {
    text-align: center
}

#mainContacterOtsi dd #message_ctc,#mainContacterOtsi dd #sujet_ctc {
    width: 500px
}

#mainContacterOtsi dd #adresse_ctc {
    width: 390px;
    height: 50px
}

#cache_rayons {
    margin-top: 3px;
    height: 30px;
    background-color: #fff;
    display: none;
    position: absolute;
    width: 220px
}

.phrase_heber_dispo {
    color: #000;
    font-size: 13px;
    height: 20px;
    float: left;
    width: 650px;
    margin-top: 5px
}

.phrase_liste_heber {
    display: inline-block;
    font-family: "Open Sans"!important;
    color: #000;
    font-size: 14px;
    height: auto;
    float: left;
    width: 100%;
    padding: 0
}

.phrase_liste_heber div {
    font-family: 'Open Sans';
    color: #333;
    font-size: 13px;
    margin: 10px 0
}

#page_venir_en_bretagne {
    margin: 0;
    padding: 0;
    width: 963px;
    height: auto;
    float: left;
    background-color: #fff
}

#page_venir_en_bretagne>#bando {
    float: left;
    width: 963px;
    height: 212px;
    background-image: url(../images/venir-en-bretagne/bandeau.jpg);
    background-repeat: no-repeat
}

#page_venir_en_bretagne>#carte {
    float: left;
    width: 963px;
    height: 569px;
    background-image: url(../images/venir-en-bretagne/carte.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    position: relative
}

#page_venir_en_bretagne>#carte>h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff
}

#page_venir_en_bretagne>#carte>#tablo {
    display: block;
    width: 450px;
    position: absolute;
    bottom: 0;
    left: 10px;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 10px
}

#page_venir_en_bretagne>#carte>#tablo td {
    border: 1px solid #000;
    width: 60px;
    text-align: center;
    font-size: 10px;
    background-color: #fff
}

#page_venir_en_bretagne>#carte>#tablo td strong {
    color: #5a92d6;
    font-size: 9px;
    background-color: #fff
}

#page_venir_en_bretagne>#transport {
    float: left;
    width: 963px;
    background-color: #fff;
    color: #344593
}

#page_venir_en_bretagne>#transport>p {
    padding: 0;
    margin: 0;
    float: left
}

#page_venir_en_bretagne>#transport>p>span {
    display: inline-block;
    margin-top: 25px;
    float: left;
    width: 833px
}

#page_venir_en_bretagne>#transport>p>img {
    display: inline-block;
    float: left;
    margin-right: 10px
}

#page_venir_en_bretagne>#bas_page {
    float: left;
    width: 963px;
    height: 250px;
    background-image: url(../images/venir-en-bretagne/bas_page.jpg);
    background-repeat: no-repeat
}

.zones_details_fiche {
    /* float: left; */
    margin: 10px;
    width: 100%;
    /* overflow:hidden; */

}

.zones_details_fiche ul {
    width: 100%
}

.zones_details_fiche li {
    background-image: url(../images/bgd_puces_details_fiche.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: in-line;
    float: left;
    margin: 5px;
    padding: 0;
    width: 180px;
    height: auto
}

.zones_details_fiche li span {
    margin-left: 15px;
    line-height: 18px;
    float: left
}

.zones_details_fiche .contenu {
    width: 100%;
    float: left;
    font-size: 14px;
    height: auto;
    border: none;
    font-weight: 400;
    margin-top: 10px
}

.zones_details_fiche #contenu_tarifs_tb {
    font-size: 12px;
    height: auto;
    border: 1px solid #f0eadc;
    border-top: none;
    font-weight: 400
}

.zones_details_fiche .titre {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 22px;
    color: #000;
    cursor: pointer
}

.zones_details_fiche .titre span {
    margin: 6px 0 0;
    line-height: 22px;
    padding-left: 0
}

.zones_details_fiche #contenu_avis {
    width: 780px;
    padding: 10px;
    height: 0;
    border: none;
    box-sizing: border-box;
    overflow: hidden
}

.zones_details_fiche #contenu_avis>div>button {
    display: none
}

.zones_details_fiche #contenu_avis>div>div {
    margin-left: -555px;
    width: 700px!important;
    display: block!important
}

.zones_details_fiche #contenu_avis.ouvert>div>div,.zones_details_fiche #contenu_avis>div>div:first-child {
    margin-left: 0
}

.zones_details_fiche #contenu_avis>div>div .div_widget_itea_avis_reponse.div_widget_itea_avis_reponseProprio {
    font-size: 1em
}

.zones_details_fiche>a {
    float: right;
    margin: 5px 10px 0 0;
    background: #b39e76;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px
}

.zones_details_fiche>a:hover {
    background: #a58f65
}

.zones_details_fiche .bouton_plus {
    float: right;
    color: #fff;
    padding: 5px 18px 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    background: #f57900;
    font-size: 11px;
    margin: 5px -80px 5px 0;
    opacity: 0;
    position: relative
}

#services.zones_details_fiche li span,.zones_details_fiche #contenu_loisirs li span {
    margin-left: 20px
}

.zones_details_fiche .bouton_plus.visible {
    margin-right: 8px;
    opacity: 1
}

.zones_details_fiche .bouton_plus:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent #fff
}

.zones_details_fiche #contenu_loisirs {
    font-size: 13px
}

#services.zones_details_fiche li {
    width: 43%;
    height: auto
}

#equip_ext.zones_details_fiche,#equip_int.zones_details_fiche,#services.zones_details_fiche {
    margin: 0
}

#equip_ext.zones_details_fiche .titre span,#equip_int.zones_details_fiche .titre span,#les_plus.zones_details_fiche .titre span,#pieces.zones_details_fiche .titre span,#plan.zones_details_fiche .titre span,#services.zones_details_fiche .titre span {
    position: relative;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    width: 100%;
    line-height: 10px
}

#equip_ext.zones_details_fiche .titre span:before,#equip_int.zones_details_fiche .titre span:before,#les_plus.zones_details_fiche .titre span:before,#pieces.zones_details_fiche .titre span:before,#plan.zones_details_fiche .titre span:before,#services.zones_details_fiche .titre span:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0;
    border-color: #333 transparent transparent
}

#les_plus.zones_details_fiche li {
    height: auto;
    float: none;
    position: relative;
    width: 42%;
    display: inline-block;
    vertical-align: top
}

#les_plus.zones_details_fiche {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ccc
}

#les_plus.zones_details_fiche li:hover {
    background-image: url(../images/bgd_puces2_details_fiche.png);
    background-repeat: no-repeat;
    background-position: top left
}

#les_plus.zones_details_fiche li a {
    width: auto;
    height: auto;
    text-decoration: none;
    margin-left: 20px;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 18px;
    background-position: top right;
    padding-right: 10px
}

.zones_details_fiche .infos_bl {
    display: none;
    margin: 10px 0 10px 20px;
    font-size: 14px;
    float: left;
    width: 85%;
    z-index: 10;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2),0 0 0 4px #fff;
    padding: 5px;
}

#les_plus.zones_details_fiche .infos_bl2 {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 250px;
    display: none
}

#les_plus.zones_details_fiche ul {
    width: 100%;
    float: left
}

#les_plus.zones_details_fiche .titre span {
    /* background-image: url(../images/bgd_themes.png); */
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0;
    padding-left: 0;
    background-color: #fff;
}

#moteur_listes_commune,#moteur_listes_date {
    background: 0 0;
    padding: 0!important;
    cursor: pointer;
    left: initial
}

#les_plus .zones_details_fiche .contenu {
    display: none
}

#moteur_listes_capacite,#moteur_listes_commune,#moteur_listes_date,#moteur_listes_date .dates_cnt {
    display: inline-block;
    vertical-align: top
}

#zone_moteur {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: auto
}

#moteur_listes_commune {
    border: 0;
    height: 20px;
    font-size: 13px;
    font-weight: 700;
    width: 220px;
    position: relative;
    margin: 0
}

#moteur_listes_commune #commune {
    border: none;
    width: 175px;
    height: 18px;
    margin: -6px 2px 0 4px;
    padding: 0;
    float: left;
    font-weight: 700;
    font-size: 13px
}

#moteur_listes_commune input,#moteur_listes_date input {
    padding: 5px!important;
    border-radius: 0!important;
    border: 1px solid #000!important;
    width: 100%!important;
    position: relative!important;
    height: auto!important;
    margin: 0!important;
    box-sizing: border-box!important;
    font-weight: 700;
    font-size: 13px
}

#moteur_listes_date {
    border: 0;
    height: 30px;
    width: 257px;
    position: relative!important;
    margin: 0 0 0 5px;
    top: 0
}

#moteur_listes_date #date_arr {
    border: none;
    width: 90px;
    height: 18px;
    margin: -6px 3px 0 4px;
    padding: 0;
    float: left;
    font-weight: 700;
    font-size: 13px
}

#moteur_listes_date img {
    float: left;
    margin-top: -5px
}

#moteur_listes_date .dates_cnt {
    position: relative;
    width: 125px
}

#moteur_listes_date .dates_cnt img {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    right: 0;
    margin: 5px 0 0
}

#moteur_listes_date .dates_cnt #btn_date_dep {
    margin-right: 5px
}

#moteur_listes_nuits {
    position: absolute;
    left: 317px;
    width: 141px;
    height: 30px;
    background-image: url(../images/fond-nuits.png);
    background-repeat: no-repeat;
    cursor: pointer
}

#moteur_listes_nuits #choix_nuit {
    width: 130px;
    height: 18px;
    margin: -5px 0 0 5px;
    padding: 0;
    float: left;
    font-weight: 700;
    font-size: 13px
}

#moteur_listes_nuits #moteur_listes_nuits_cnt {
    display: none;
    margin: 3px;
    float: left;
    background-color: #fff;
    border: 1px solid #000;
    border-top: 0
}

#moteur_listes_nuits .durees {
    width: 90%;
    float: left;
    margin-left: 5px;
    background-color: #fff;
    height: 15px;
    border-bottom: 1px solid #efefef;
    padding: 0;
    color: #000
}

#moteur_listes_nuits .durees:hover {
    color: #060
}

#moteur_listes_nuits #duree0 {
    display: none
}

#moteur_listes_capacite {
    z-index: 1;
    width: 166px;
    height: 28px;
    background-image: url(../images/fond-capacite.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 100% 28px;
    position: relative;
    left: initial;
    margin: 0;
    background-color: #fff
}

#moteur_listes_capacite #choix_capacites {
    width: 160px;
    height: 18px;
    margin: -5px 0 0 5px;
    padding: 0;
    float: left;
    font-weight: 700;
    font-size: 13px
}

#moteur_listes_capacite #moteur_listes_capacites_cnt {
    display: none;
    margin: 3px;
    float: left;
    background-color: #fff;
    border: 1px solid #000;
    border-top: 0
}

#moteur_listes_capacite .capacites {
    width: 90%;
    float: left;
    margin-left: 5px;
    background-color: #fff;
    height: 15px;
    border-bottom: 1px solid #efefef;
    padding: 0;
    color: #000
}

#moteur_listes_capacite .capacites:hover {
    color: #060
}

#moteur_listes_capacite #capa0 {
    display: none
}

#moteur_listes_types {
    position: absolute;
    left: 632px;
    width: 164px;
    height: 30px;
    background-image: url(../images/fond-types.png);
    background-repeat: no-repeat;
    cursor: pointer
}

#moteur_listes_types #choix_types {
    width: 155px;
    height: 18px;
    margin: -5px 0 0 5px;
    padding: 0;
    float: left;
    font-weight: 700;
    font-size: 13px
}

#moteur_listes_types #moteur_listes_types_cnt {
    display: none;
    margin: 3px;
    float: left;
    background-color: #fff;
    border: 1px solid #000;
    border-top: 0
}

#moteur_listes_types .types {
    width: 90%;
    float: left;
    margin-left: 5px;
    background-color: #fff;
    height: 15px;
    border-bottom: 1px solid #efefef;
    padding: 4px 0;
    color: #000
}

#moteur_listes_types .types:hover {
    color: #060
}

#moteur_listes_types #types0 {
    display: none
}

#moteur_listes_rechercher {
    position: absolute;
    top: 10px;
    left: 805px;
    width: 175px;
    height: 27px;
    cursor: pointer
}

#highlightSearchForm .int_auto_compl {
    border-bottom: 1px solid #efefef;
    padding-top: 2px;
    float: left;
    width: 100%;
    text-align: left;
}

#highlightSearchForm #auto_compl,#highlightSearchForm #auto_compl2 {
    border: 1px solid #000;
    overflow: auto;
    z-index: 1;
    float: left;
    position: absolute
}

#highlightSearchForm .int_auto_compl a {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    display: block;
    font-weight: normal;
    padding: 7px;
    box-sizing: border-box;
}

#highlightSearchForm .int_auto_compl a:hover {
    background-color: #f4f4f4;
    text-decoration: none;
}

#highlightSearchForm #auto_compl,#message_moteur,#message_moteur2,#pop_panier_ami,#popup_ok_liste,.liste_sepa {
    background-color: #fff
}

#highlightSearchForm #auto_compl {
    max-height: 350px;
    color: #000;
    height: auto;
    display: none;
    padding: 0;
    margin: 28px 0 0 2px;
    border-top: 0;
    min-width: 215px;
}

#highlightSearchForm #auto_compl li {
    padding: 0;
    margin: 0
}

#highlightSearchForm #auto_compl2 {
    width: 175px;
    color: #000;
    background-color: #fff;
    height: auto;
    display: none;
    padding: 0;
    margin: 16px 0 0 2px;
    border-top: 0
}

#highlightSearchForm #auto_compl2 li {
    height: 13px;
    padding: 0;
    margin: 0;
    background: 0 0!important
}

.auto_compl_listes {
    border: 1px solid #000
}

#message_moteur {
    border: 4px solid red;
    margin: 30px 0 0 330px;
    padding: 20px 10px!important;
    width: 250px;
    height: auto;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    display: none;
    z-index: 1;
    position: absolute
}

#message_moteur2 {
    border: 4px solid #646464;
    margin: 30px 0 0 230px;
    padding: 10px 10px 15px;
    width: 500px;
    height: 100px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    display: none;
    line-height: 25px
}

#div_medias {
    margin: 0;
    border-top: none;
    width: 100%;
    border-radius: 0 0 5px 5px;
    height: 100%
}

#div_medias #div_mediasPhotos {
    height: 600px;
    background: #f5f2ed;
    position: relative;
    overflow: hidden;
    text-align: center
}

#div_medias #div_mediasPhotos .itea_fancyboxPrincipale {
    height: 408px;
    line-height: 330px;
    display: block;
    text-align: center
}

#div_medias #div_mediasAlbum {
    background-color: rgba(0,0,0,.6);
    height: 60px;
    padding: 9px 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0;
    position: absolute
}

#div_medias #div_mediasAlbum #div_fiche_albumJquery {
    position: relative;
    height: 61px;
    margin: 0 auto;
    width: 642px;
    overflow: hidden
}

@keyframes displayThumbFiche {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
}

img.ImageLoader,img[data-image] {
    opacity: 0.01;
    min-width: 1px;
    min-height: 1px;
}

img.ImageLoader.ImageLoaderLoaded {
    animation: displayImgAsync 0.3s 0.2s forwards;
}

@keyframes displayImgAsync {
    to {
        opacity: 1;
    }
}

#div_medias #div_mediasAlbum #div_fiche_albumJquery li {
    overflow: hidden;
    list-style: none;
    display: block;
    position: relative;
    width: 81px;
    height: 58px;
    padding: 1px;
    margin: 0 10px 0 0;
    background-color: #f0eadc;
    float: left;
    animation: displayThumbFiche 0.3s;
}

#div_medias #div_mediasAlbum #div_fiche_albumJquery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 5000px
}

#div_medias #div_mediasAlbum #div_fiche_albumJquery img {
    border: 2px solid #fff;
    display: block
}

#div_medias #div_mediasAlbum #controls a.prevBtn {
    top: 0;
    width: 40px;
    height: 100%;
    background: url(../images/prec-diapo-fiche.png) center center no-repeat;
    position: absolute;
    overflow: hidden
}

#div_medias #div_mediasAlbum #controls a.nextBtn {
    top: 0;
    width: 40px;
    height: 100%;
    right: 0;
    background: url(../images/suiv-diapo-fiche.png) center center no-repeat;
    position: absolute;
    overflow: hidden
}

#div_medias #lst_fiche_photos_supplJqueryAvecSurvol {
    width: 10000000px;
    margin-top: 0;
    margin-left: 0
}

#div_medias .elem_lst_fiche_photo {
    float: left;
    display: block
}

#chercher-carte {
    position: absolute;
    top: 150px;
    left: 10px;
    cursor: pointer
}

.liste_sepa {
    float: left;
    width: 100%;
    height: 15px
}

#popup_ok_liste {
    border: 2px solid #333;
    position: absolute;
    width: 210px;
    height: auto;
    margin-top: 30px;
    z-index: 1000;
    display: none
}

#popup_ok_liste #popup_ok_liste_cnt {
    height: auto;
    margin: 15px 10px 10px 8px;
    text-align: left;
    width: 190px
}

#popup_ok_liste #popup_ok_liste_cnt a {
    color: #b39e76;
    margin: 5px
}

#popup_ok_liste #popup_ok_liste_cnt a:hover {
    color: #f57900;
    margin: 5px
}

#popup_ok_liste #popup_ok_btn {
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer
}

#phrase_grand_gites {
    font-size: 12px;
    font-weight: 700;
    margin: 5px 0 10px;
    color: #646464
}

#contenu_services #chauffage,#contenu_services #electricite {
    width: 90%;
    height: auto;
    margin-left: 5px
}

#dl_planning #cnt_dispos_ch .mois {
    width: 230px;
    margin: 15px
}

#dl_planning #cnt_dispos_ch #cadre_dsp {
    width: 250px;
    margin-left: 5px
}

#dl_planning #cnt_dispos_ch #cadre_dsp #cnt_mois .jours_dispo,#dl_planning #cnt_dispos_ch #cadre_dsp #cnt_mois .jours_indispo,#dl_planning #cnt_dispos_ch #cadre_dsp #cnt_mois .jours_indispo_gris,#dl_planning #cnt_dispos_ch #cadre_dsp #cnt_mois .jours_invisible {
    line-height: 20px;
    margin: 3px 0 2px 6px;
    width: 25px;
    height: 20px
}

#dl_planning #cnt_dispos_ch .titre_semaine {
    width: 210px;
    margin: 5px 0 5px 6px;
    height: 16px
}

#dl_planning #cnt_dispos_ch .titre_semaine span {
    width: 20px
}

#dl_planning #reservationHighlight #cadre_dsp #cnt_mois {
    margin-left: 5px
}

.tri_div_charges {
    height: auto;
    float: right;
    margin-top: 4px;
    position: relative;
    width: 160px
}

.tri_div_charges input {
    margin: 2px 0 2px 5px
}

.tri_div_charges span {
    float: left;
    width: 135px;
    text-align: right
}

.tri_div_hb {
    margin: -5px 0 0 60px;
    float: left
}

#ctc_conseil {
    background-color: #efefef;
    border: 1px solid #ccc;
    float: left;
    font-size: 17px;
    line-height: 29px;
    margin: 20px 0 20px -9px;
    padding: 10px;
    text-align: center;
    width: 250px;
    position: relative
}

#ctc_conseil span {
    float: left;
    font-size: 18px;
    font-weight: 700
}

#ctc_conseil #picto_telephone {
    background-image: url(../images/telephone.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 45px;
    top: 67px
}

.txt_mondiale {
    font-size: 1.4em;
    font-weight: 700;
    text-decoration: none
}

#barre_cookies a,#dv_en_reservant a,#lien_tarifaire_tarifs a,#pop_panier_ami #btn_fermer #fermer:hover,.formulaire_sondage #popsd a {
    text-decoration: underline
}

.txt_mondiale img {
    margin-top: 6px
}

.adc_titre {
    display: inline-block;
    font-size: 18px;
    width: 100%
}

#postscriptum_acc {
    display: none
}

.blocs_avis {
    float: left
}

.blocs_avis>div {
    width: 555px;
    margin-left: 0;
    font-size: 1em;
    display: block!important
}

#pop_panier_ami {
    font-size: 16px;
    width: 500px;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    margin: -250px;
    z-index: 20000;
    position: fixed;
    padding: 20px;
    display: none;
    border: 1px solid #000;
    box-shadow: 0 0 0 2000px rgba(0,0,0,.7)
}

#pop_panier_ami>div>input,#pop_panier_ami>div>textarea {
    padding: 5px;
    border-radius: 3px;
    font-size: 14px;
    display: inline-block
}

#pop_panier_ami>div {
    display: inline-block;
    margin: 10px 0;
    width: 100%
}

#pop_panier_ami>div>input {
    width: 50%
}

#pop_panier_ami>div>textarea {
    width: 97%
}

#pop_panier_ami>div>.lib {
    font-weight: 700;
    width: 130px;
    display: inline-block
}

#pop_panier_ami .comment {
    font-size: 14px
}

#pop_panier_ami #btn_transmettre {
    background: linear-gradient(to bottom,#fd9562 0,#ce3704 100%);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px
}

#pop_panier_ami #cnt_transmettre {
    width: 100%;
    display: inline-block;
    text-align: center
}

#pop_panier_ami #btn_fermer {
    width: 100px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    display: inline-block;
    margin: -10px -35px 0 0
}

#pop_panier_ami #btn_fermer:hover {
    text-transform: uppercase;
    color: #000
}

#pop_panier_ami #btn_fermer #croix {
    width: 10px;
    text-align: center;
    border: 1px solid #000;
    padding: 0 3px;
    font-size: 11px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    height: 14px
}

#pop_panier_ami .msg_erreur,#pop_panier_ami .msg_ok {
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin: 10px 0;
    color: #fff;
    width: 100%;
    padding: 5px
}

#pop_panier_ami #btn_fermer #fermer {
    width: 50px;
    display: inline-block
}

#pop_panier_ami .msg_erreur {
    background-color: red
}

#pop_panier_ami .msg_ok {
    background-color: #8faf04
}

#pop_panier_ami_transpa {
    display: none;
    position: fixed;
    background-color: #000;
    opacity: .5;
    width: 1500px;
    height: 1500px;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 999
}

#onglet_avis {
    display: none
}

.sigle_euro {
    font-size: 12px;
    position: absolute
}

.lib_prix_sejour {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    position: relative
}

.lib_prix_sejour .lib_prix_sejour2 {
    font-size: 17px;
    margin-left: 10px;
    margin-right: 5px
}

#comment_md,#frais_dossier {
    font-size: 12px;
    text-align: center
}

#frais_dossier {
    height: auto;
    padding: 0 0 10px
}

.img_avisEtoile {
    height: 10px;
    margin: 0!important
}

#meteo-direct {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 12px;
    cursor: pointer;
    height: 89px;
    left: 136px;
    position: absolute;
    top: 160px;
    width: 112px;
    padding: 0;
    overflow: hidden;
    background-image: url(../images/snap-56.jpg);
    background-repeat: no-repeat
}

#md-titre {
    width: 95%;
    text-align: center;
    left: 2px;
    top: 8px;
    position: absolute;
    color: #000;
    font-weight: 700
}

#comment_md {
    width: 855px;
    height: 12px;
    padding: 5px;
    color: #fff;
    background-color: #222;
    margin: -12px 0 0
}

#cnt_pop_md {
    margin-top: -20px;
    overflow: hidden
}

#cnt_pop_md video {
    width: 100%;
    height: 540px;
    margin-top: 19px
}

.popup_block_md {
    display: none;
    background: #222;
    padding: 0;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 5%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0 0 20px #000;
    border-radius: 2px
}

.close_md {
    position: absolute;
    width: 100px;
    height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    top: -22px;
    right: 0;
    border-left: 2px solid #efefef;
    border-right: 2px solid #efefef;
    border-top: 2px solid #efefef;
    border-radius: 2px;
    background-color: #fff;
    text-align: center
}

.close_md span {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border: 1px solid #efefef;
    display: inline-block;
    font-size: 11px
}

#lnp_img,.infos_bl_accb {
    position: absolute;
    display: none
}

#slider_rayon #slider_reg {
    float: left;
    margin-top: -24px;
    background: url(../images/sliders/slider_rayon.png) -13px 0 no-repeat;
    width: 220px;
    height: 25px
}

#slider_rayon li a,#slider_rayon li a:hover {
    background-color: #efefef
}

#slider_rayon_cnt {
    width: 205px;
    margin-left: 5px;
    font-size: .8em;
    float: left;
    margin-top: 15px;
    background-image: url(../images/sliders/slider_rayon_fond.png);
    background-position: 0 9px;
    background-repeat: no-repeat
}

#barre_cookies,#slider_nb_km,.infos_bl_accb {
    text-align: center;
    font-size: 12px
}

#slider_rayon_cnt #slider_rayon {
    margin: 11px 0 0;
    position: absolute;
    width: 195px;
    height: 20px;
    background: 0 0;
    border: none
}

#slider_rayon_cnt #slider_rayon_lib {
    height: 15px;
    margin-top: 0;
    width: 140px;
    float: left
}

#slider_rayon_cnt #slider_rayon_lib img {
    float: left
}

#slider_rayon_cnt.slide_dis {
    background-image: url(../images/sliders/slider_rayon_fond_dis.png);
    background-repeat: no-repeat;
    margin-top: -3px;
    width: 215px
}

#slider_nb_km {
    width: 34px;
    float: left;
    margin-top: 30px;
    margin-bottom: 5px
}

.infos_bl_accb {
    width: 320px;
    height: auto;
    padding: 5px;
    border: 4px solid #e2e2e2;
    background: #fff;
    color: #020202;
    margin-left: 20px;
    margin-top: 25px;
    font-weight: 400;
    z-index: 1000
}

#barre_cookies {
    position: fixed;
    width: 100%;
    z-index: 10000;
    background-color: #efefef;
    color: #333;
    height: 25px;
    line-height: 20px;
    bottom: 28px
}

#liste_qst,.formulaire_sondage,.qst,.qst .checkbox {
    background-color: #fff
}

#espace_sondage,.formulaire_sondage table td {
    text-align: left
}

#barre_cookies a {
    margin: 0 10px;
    color: #83a104
}

#lnp_cnt {
    position: relative
}

#lnp_img {
    left: 75px;
    top: 4px
}

#espace_sondage {
    padding: 20px 0;
    height: auto;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-left: 12px;
    width: 100%
}

#espace_sondage>div {
    margin: 0 0 5px;
    position: relative;
    width: 48%;
    display: inline-block;
    vertical-align: top
}

#espace_sondage>div>div {
    display: block;
    padding-left: 32px
}

#espace_sondage>div>div.accueil,#espace_sondage>div>div.bouffee_d_oxygene,#espace_sondage>div>div.gastronomie,#espace_sondage>div>div.patrimoine,#espace_sondage>div>div.paysages,#espace_sondage>div>div.sports_et_loisirs,#espace_sondage>div>div.traditions {
    background-image: url(../images/pictos-sondages.gif);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px
}

#espace_sondage>div>div>span {
    color: #ed6434;
    font-weight: 700
}

#espace_sondage>div>div.gastronomie {
    background-position: -2px -185px;
    width: 30px;
    position: absolute
}

#espace_sondage>div>div.patrimoine {
    background-position: -2px -292px;
    width: 30px;
    position: absolute
}

#espace_sondage>div>div.traditions {
    background-position: -2px -112px;
    width: 30px;
    position: absolute
}

#espace_sondage>div>div.bouffee_d_oxygene {
    background-position: -3px 0;
    width: 30px;
    position: absolute
}

#espace_sondage>div>div.sports_et_loisirs {
    background-position: -3px -36px;
    width: 30px;
    position: absolute
}

#espace_sondage>div>div.paysages {
    background-position: -2px -73px;
    width: 30px;
    position: absolute
}

#espace_sondage>div>div.accueil {
    background-position: -7px -225px;
    width: 53px;
    position: absolute
}

#espace_sondage>div>div.la_chaleur_humaine,#espace_sondage>div>div.les_randonnees {
    background-image: url(../images/pictos-sondages.gif);
    height: 30px;
    width: 30px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat
}

#espace_sondage>div>div.les_randonnees {
    background-position: 1px -261px
}

#espace_sondage>div>div.la_chaleur_humaine {
    background-position: 0 -225px
}

#espace_sondage.onecolumn>div {
    width: 100%
}

#espace_sondage.onecolumn>div>div {
    padding-top: 10px
}

#liste_qst {
    display: inline-block;
    font-size: 15px
}

.qst {
    display: inline-block;
    padding: 5px 20px 5px 0;
    position: relative
}

.qst .checkbox {
    display: inline-block;
    position: absolute;
    right: 0
}

.formulaire_sondage {
    position: relative;
    display: inline-block;
    height: auto;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.formulaire_sondage table,.formulaire_sondage table tr,.formulaire_sondage table tr td {
    border: none;
    width: auto
}

.formulaire_sondage #popsd {
    padding: 30px 20px 20px;
    font-size: 15px;
    text-align: center;
    top: 0;
    left: 0;
    margin: 80px 0 0 100px;
    position: absolute;
    width: auto;
    height: auto;
    background-color: #efefef;
    border-radius: 5px;
    border: 1px solid #999;
    z-index: 10001
}

.formulaire_sondage #popsd a {
    position: absolute;
    right: 10px;
    font-size: 12px;
    top: 0
}

.formulaire_sondage #popsd_fd {
    opacity: .5;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    z-index: 10000;
    top: 0;
    left: 0
}

.formulaire_sondage #hpopsd {
    text-decoration: none
}

#ico_handi {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    margin-left: 10px;
    margin-bottom: 2px;
    height: auto
}

#ico_handi .infos_bl {
    line-height: 1.3em;
    background-color: #f5f2ed;
    padding: 10px;
    display: none;
    width: 93%;
    margin-top: 5px
}

#ico_handi a,#ico_handi img,#tout_compris,.titre_infos_coords {
    display: inline-block
}

#ico_handi a {
    font-weight: 400;
    margin-bottom: 5px;
    width: 100%
}

#ico_handi img {
    margin-right: 5px;
    cursor: pointer
}

#tout_compris {
    background-image: url(../images/picto-gant.gif);
    background-repeat: no-repeat;
    color: #e69349;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    margin: 12px auto 0;
    padding: 6px 0 0 30px;
    text-align: center;
    width: 135px
}

.titre_infos_coords {
    background: #efefef;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    margin-bottom: 10px;
    padding: 6px 5px 5px;
    width: 243px;
    text-align: center
}

#logo60ans,.portes_ouvertes {
    background-repeat: no-repeat
}

#logo60ans {
    background-image: url(../IMG/logo60ans.png);
    width: 290px;
    height: 130px;
    position: absolute;
    margin: 10px 0 0 -75px
}

.portes_ouvertes {
    text-align: center;
    background-image: url(../images/portes-ouvertes2.jpg);
    float: left;
    background-size: cover;
    width: 100%;
    background-position: center top;
    height: 209px
}

#onglet_detail_chambres {
    display: block;
    width: 100%;
    float: left
}

#onglet_detail_chambres>.chambre {
    margin: 10px 0 0 15px;
    width: 600px
}

#onglet_detail_chambres>.chambre>.titre {
    margin-bottom: 10px
}

#onglet_detail_chambres>.chambre>.titre>.lib {
    font-weight: 700;
    display: inline-block
}

#onglet_detail_chambres>.chambre>.titre>.epis {
    display: inline-block;
    width: auto;
    height: 16px;
    margin: 0 30px
}

#onglet_detail_chambres>.chambre>.titre>.epis img {
    display: inline-block;
    width: 20px;
    height: 20px
}

#onglet_detail_chambres>.chambre>.titre>.capacite {
    display: inline-block;
    margin: 0;
    width: auto;
    padding-left: 20px;
    position: relative;
    font-weight: 700
}

#onglet_detail_chambres>.chambre>.titre>.capacite::before {
    content: "";
    background-image: url(../images/ico_people_list.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

#onglet_detail_chambres>.chambre>.titre>.nb_lits {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700
}

#onglet_detail_chambres>.chambre>.titre>.nb_lits>.nb_lits_1place {
    display: inline-block;
    position: relative;
    width: 46px;
    height: 30px;
    padding-left: 71px;
    padding-top: 5px;
    line-height: 23px
}

#onglet_detail_chambres>.chambre>.titre>.nb_lits>.nb_lits_2place {
    display: inline-block;
    position: relative;
    width: 75px;
    height: 30px;
    padding-left: 60px;
    padding-top: 5px;
    line-height: 23px
}

#onglet_detail_chambres>.chambre>.titre>.nb_lits>.nb_lits_1place::before,#onglet_detail_chambres>.chambre>.titre>.nb_lits>.nb_lits_2place::before {
    content: "";
    position: absolute;
    width: 70px;
    top: 4px;
    height: 30px;
    background-image: url(../images/pictos-onglet-detail.gif);
    background-repeat: no-repeat;
    left: 0
}

#onglet_detail_chambres>.chambre>.titre>.nb_lits>.nb_lits_1place::before {
    background-position: -9px -2px
}

#onglet_detail_chambres>.chambre>.titre>.nb_lits>.nb_lits_2place::before {
    background-position: -100px -1px
}

#onglet_detail_chambres>.chambre>.descriptif {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    font-weight: 700
}

#onglet_detail_chambres>.chambre>.tarifs {
    display: inline-block;
    width: 100%;
    margin: 5px 0 5px 15px;
    font-size: 12px;
    font-weight: 700;
    position: relative
}

#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_bain,#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_douche,#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_television,#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_wc {
    width: 60px;
    background-image: url(../images/pictos-onglet-detail.gif);
    display: inline-block;
    background-repeat: no-repeat
}

#onglet_detail_chambres>.chambre>.tarifs>.content_pictos {
    display: inline-block;
    margin-top: 0;
    position: absolute;
    right: 0;
    bottom: -16px
}

#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_bain {
    position: relative;
    height: 30px;
    background-position: -144px -80px
}

#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_wc {
    position: relative;
    height: 30px;
    background-position: -144px -38px
}

#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_douche {
    position: relative;
    height: 82px;
    background-position: -64px -32px
}

#onglet_detail_chambres>.chambre>.tarifs>.content_pictos>.picto_television {
    position: relative;
    height: 50px;
    background-position: -2px -56px
}

#onglet_detail_chambres>.chambre>.tab_tarifs {
    display: inline-block;
    width: 350px;
    margin: 5px 0
}

#onglet_detail_chambres>.chambre>.tab_tarifs a {
    font-size: 12px;
    text-decoration: underline
}

#onglet_detail_chambres>.chambre>.tab_tarifs table {
    margin-top: 10px
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tab_tarifs {
    width: 500px
}

#onglet_detail_chambres>.chambre>.tab_tarifs th {
    background-color: #b39e76;
    font-weight: 700
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar {
    width: 400px;
    display: inline-block;
    margin-top: 10px
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar div {
    display: inline-block
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar .th {
    width: 100px;
    background-color: #ece6dc;
    text-align: center;
    margin: 0 0 0 -4px;
    padding: 4px;
    border-right: 1px solid #efefef
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar .th2 {
    width: 104px;
    background-color: #ece6dc;
    text-align: left;
    padding: 4px;
    border-bottom: 1px solid #efefef
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar .tr {
    width: 100%
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar .td {
    width: 100px;
    padding: 4px;
    text-align: center
}

#onglet_detail_chambres>.chambre>.tab_tarifs .tb_tar .td2 {
    width: 104px;
    padding: 4px
}

#onglet_detail_chambres>.chambre>.content>.photos {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    width: 295px;
    text-align: center;
    height: 190px;
    overflow: hidden;
    background-image: url(../images/logo-sph.gif);
    background-repeat: no-repeat
}

#onglet_detail_chambres>.chambre>.content>.widget_dispo {
    width: 265px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-top: -8px;
    position: relative;
    margin-left: 0
}

#onglet_detail_chambres>.chambre>.content>.widget_dispo>iframe {
    width: 100%;
    height: 221px;
    border: none;
    margin-top: 0
}

#onglet_detail_chambres>.content {
    width: 100%
}

#onglet_detail_chambres .onglet_titre::before {
    content: "Détail des chambres";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

.prix_dispo .sur_demande {
    font-size: 9px!important;
    margin: 2px 0 0 3px!important;
    line-height: 10px!important;
    color: #e74300
}

.prix_dispo .sur_demande2 {
    font-size: 10px!important;
    margin: 0!important;
    line-height: 10px!important;
    color: #e74300
}

#zone_tri_insolites {
    width: 100%;
    color: #333
}

#zone_tri_insolites .lib_choix {
    width: 67%;
    display: inline-block;
    height: 70px;
    vertical-align: top
}

#zone_tri_insolites .choix {
    width: 30%;
    display: inline-block;
    height: auto;
    vertical-align: top
}

#zone_tri_insolites .choix>span {
    display: block;
    height: 23px
}

#zone_tri_insolites .choix>span>.chk_label,#zone_tri_insolites .choix>span>.chk_label_on {
    background-image: url(../images/lite-check.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
    vertical-align: middle
}

#zone_tri_insolites .choix>span>input {
    display: none
}

#zone_tri_insolites .choix>span>label {
    width: 80px
}

#zone_tri_insolites .choix>span>.chk_label {
    display: inline-block;
    background-position: 0 0
}

#zone_tri_insolites .choix>span>.chk_label_on {
    background-position: 0 -15px;
    display: inline-block
}

#popup_quinzaine {
    position: fixed
}

.onglet_ini {
    background-color: #ff7011!important;
    color: #fff!important
}

#og_details_chambres,#og_localisation,#og_photos,#og_promotion {
    padding-top: 0
}

#onglet_description {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%;
    display: inline-block
}

#onglet_description .onglet_titre::before {
    content: "Description";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

#btn_contact a,#menu_partager {
    position: relative
}

#equipements .titre {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 5px;
    color: #000
}

#equipements>.titre:first-child {
    padding: 10px 0 5px 10px;
    color: #000;
    background-color: #ddd
}

#onglet_description .site_web {
    background: linear-gradient(to bottom,#fd9562 0,#ce3704 100%);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    float: right;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 10px;
    text-decoration: none;
    width: auto;
    font-size: 1em
}

#onglet_description .cnt_desc {
    display: block;
    float: left;
    width: 100%
}

#onglet_description .cnt_desc ul {
    width: 100%;
    border: none;
    overflow: visible;
}

#onglet_description .lien_desc {
    color: #000;
    font-weight: 700;
    font-size: 1.1em;
    width: 100%;
    display: inline-block;
    margin: 10px 0 5px 11px
}

#onglet_description .lien_desc span {
    font-size: 1.3em
}

#onglet_description #pieces {
    margin: 0;
    float: left;
    width: 100%;
    padding: 10px 0
}

#onglet_description #pieces .cnt_desc {
    margin: 0
}

#onglet_description #pieces .cnt_desc ul {
    border: none
}

#onglet_description #pieces .zones_details_fiche .contenu {
    margin-top: 0
}

#onglet_description #plan {
    margin: 0;
    padding: 10px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc
}

#onglet_description #plan #liens_pieces {
    height: 30px;
    position: relative
}

#onglet_description #plan #liens_pieces a {
    background: linear-gradient(to bottom,#ce3704 0,#fd9562 100%);
    border-radius: 5px;
    color: #fff;
    margin-right: 5px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 5px;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    position: absolute;
    left: 235px;
    top: 0;
    text-align: center;
    width: 150px
}

#onglet_description #dv_pieces {
    width: 95%;
    height: auto;
    font-size: 14px;
    padding-left: 0;
    margin-left: 5px
}

#onglet_description #dv_pieces .dvp_titre {
    padding-left: 0;
    border-bottom: none;
    margin: 10px 0;
    background: 0 0;
    text-transform: uppercase;
    color: #ff7011;
    font-weight: 700;
    clear: both;
}

#onglet_description #dv_pieces .dvpd_details {
    margin: 0 0 0 20px;
    padding: 0;
    border: none;
    overflow: hidden;
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_titre {
    background-image: url(../images/bgd_puces_details_fiche.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    font-weight: 400
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_cr {
    width: 100%;
    margin: 5px 0 0 30px
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_cr li {
    width: auto;
    padding: 0 25px 0 15px;
    background: url(../images/li_common.gif) 0 5px no-repeat;
    margin: 0
}

#btn_fiche_imprimer:before,#btn_fiche_panier:before,#btn_fiche_partager:before {
    background-image: url(../images/sprite-fiche.png)!important;
    background-repeat: no-repeat!important;
    position: absolute;
    top: 0;
    content: "";
    left: 0
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_cr li .dvp_dt_cr_lib {
    font-weight: 700
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_descr {
    margin: 0 0 10px 30px;
    line-height: 20px
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_descr .dvp_dt_ttdescr {
    font-style: italic;
    display: block
}

#btn_contact a,#cadre_enr,#menu_partager {
    display: inline-block
}

#onglet_description #dv_pieces .dvpd_details .dvp_dt_couchage {
    width: 100%;
    margin: 10px 0 0 30px
}

#btn_fiche_panier:before,#btn_fiche_partager:before {
    width: 20px
}

#btn_fiche_imprimer,#btn_fiche_partager {
    float: right!important;
    width: 55px
}

#onglet_description #dv_pieces .dvp_dt_cr li span {
    line-height: initial;
    margin-left: 0
}

#onglet_description #equipements li {
    width: 28%;
    padding: 0 0 5px 10px;
    display: inline-block;
    vertical-align: top;
    height: 25px
}

#btn_fiche_partager {
    display: block;
    padding: 0 0 0 20px
}

#btn_contact a {
    width: auto;
    float: left;
    height: auto;
    padding: 2px 0 10px 30px!important;
    color: #333!important;
    font-size: 13px!important;
    text-decoration: none!important
}

#btn_fiche_panier:before {
    height: 20px;
    background-position: top left!important
}

#btn_fiche_partager:before {
    height: 20px;
    background-position: 0 -30px!important
}

#btn_fiche_imprimer:before {
    width: 30px;
    height: 20px;
    background-position: bottom left!important
}

#cadre_enr {
    width: 95%;
    font-size: 1.1em;
    font-weight: 400;
    margin-left: 10px;
    background-image: url(../images/en_reservant.gif);
    background-position: 0 35px;
    background-repeat: no-repeat
}

#cadre_enr #titre_enr {
    font-weight: 700;
    width: 100%;
    display: block;
    font-size: 1.3em;
    margin-bottom: 15px
}

#dv_menu_partager {
    display: none;
    float: right;
    width: 100%;
    text-align: right;
    position: absolute;
    top: 65px;
    background-color: #fff
}

#dv_menu_partager>li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    position: relative;
    background: 0 0
}

#dv_menu_partager>li>a {
    height: 100%;
    width: 100%;
    padding: 0!important;
    margin: 0!important
}

#dv_menu_partager #btn_pa::before,#dv_menu_partager #btn_pe::before,#dv_menu_partager #btn_pf::before,#dv_menu_partager #btn_tw::before {
    background-image: url(../images/sprite-partage.gif)!important;
    background-size: cover!important;
    width: 20px;
    height: 20px;
    position: absolute!important;
    left: 0!important;
    content: "";
    background-repeat: no-repeat
}

#dv_menu_partager #btn_pf::before {
    background-position: 0 0
}

#dv_menu_partager #btn_pe::before {
    background-position: 0 -26px
}

#dv_menu_partager #btn_pa::before {
    background-position: 0 -46px
}

#dv_menu_partager #btn_tw::before {
    background-position: 0 -65px
}

.contact_fixed {
    position: fixed;
    width: 308px!important;
    top: 0;
    background-color: #fff;
    z-index: 101;
    margin-top: 10px!important
}

#dv_autres {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 20px 0 30px 10px;
    font-size: 1.2em
}

#dv_autres #titre_autres {
    font-weight: 700;
    width: 100%;
    display: block;
    font-size: 1.3em;
    margin-bottom: 15px
}

#dv_autres #cnt_autres,#dv_autres>span {
    width: 100%;
    display: block;
    margin: 5px 0
}

#dv_autres a,#dv_en_reservant,#dv_en_reservant a,#dv_en_reservant span {
    display: inline-block
}

#dv_autres a {
    margin: 10px 10px 0
}

#dv_autres .filet_vert {
    border: 2px solid #390;
    width: 120px;
    height: 80px
}

#dv_autres .filet_bleu {
    border: 2px solid #3a69ad;
    width: 120px;
    height: 80px
}

#dv_en_reservant {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
    background-color: #8faf04;
    margin: 20px 0
}

#dv_en_reservant a {
    color: #000
}

.onglet_fixed {
    position: fixed;
    width: 700px;
    top: -10px;
    z-index: 100
}

.onglet_fixed ul {
    background-color: #fff!important;
    height: 49px;
    margin: 0 0 10px
}

.titre-section {
    padding: 50px 0 49px;
    font-size: 2.2em;
    position: relative
}

.titre-section::after {
    content: "";
    border-top: 1px solid #898989;
    left: 0;
    right: 0;
    top: 74px;
    z-index: 0;
    position: absolute
}

.productButtons ul li:last-child {
    border-right: none!important
}

.onglet_titre {
    border-bottom: 1px solid #333;
    font-size: 1.5em;
    position: relative;
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
    color: #333;
    font-weight: 700
}

#auto_compl_ref,#bandeau_bp,#loading_contact2,#moteur_bplans #message_moteur,#moteur_bplans #message_moteur2,#pg_acc,.btn_video,.popup_enpromo {
    position: absolute
}

.onglet_titre.tarifs::before {
    content: "Tarifs"!important
}

.onglet_titre.tarifs_dispos::before {
    content: "Tarifs et disponibilités"!important
}

#legende_tarifs {
    float: left;
    height: auto;
    background-image: url(../images/dispos/fd_legende_lst.png);
    background-repeat: no-repeat;
    background-color: #efefef;
    padding: 15px;
    width: 100%;
    margin-left: 18px;
    display: block;
    background-position: 12px 10px;
    font-size: 1.1em;
    margin-top: 10px
}

#comment_tarifs {
    margin-top: 20px;
    color: #ff7011;
    font-weight: 700
}

#date_valid_tarifs {
    color: #ff7011;
    font-weight: 700;
    margin: 5px 0
}

#lien_tarifaire_tarifs {
    color: #ff7011;
    font-weight: 700;
    margin: 20px 0
}

#lien_tarifaire_tarifs a {
    color: #ff7011;
    margin-left: 5px
}

#paiements_tarifs {
    margin: 10px 0
}

#paiements_tarifs>div {
    font-weight: 700;
    font-size: 1em;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

#paiements_tarifs>img {
    display: inline-block;
    margin-right: 10px
}

#tarifs_tb {
    margin: 20px 0
}

#tarifs_tb .titre {
    background: 0 0;
    border: none;
    cursor: default
}

.tab_tarifs_autres {
    float: left;
    margin: 0;
    font-size: 1.2em
}

.tab_tarifs_autres .titre_centre {
    text-align: center;
    display: block;
    height: 20px;
    position: absolute;
    width: 550px
}

.tab_tarifs_autres thead th {
    background-color: #efefef;
    font-weight: 700;
    color: #000
}

.btn_video,.btn_video:active,.btn_video:hover {
    color: #fff!important
}

.tab_tarifs_autres thead tr th>div>font>span {
    width: 100%
}

.tab_tarifs_autres td {
    font-size: 1.2em
}

.tab_tarifs_autres .td_left {
    text-align: left;
    font-size: 1.2em;
    padding: 5px
}

.tab_tarifs_autres .td_right {
    text-align: right;
    font-size: 1.2em
}

.btn_video,.lspc_ca h1 {
    font-size: 12px;
    font-weight: 700
}

.div_widget_itea_avis_reponseClient_general {
    margin: auto!important
}

.btn_video,.lspc_ca {
    margin: 0;
    height: auto
}

.div_widget_itea_avis_reponseClient_detail {
    padding: 0 10px!important;
    box-sizing: border-box
}

.at-icon-wrapper {
    display: none!important
}

.btn_video {
    background: linear-gradient(to bottom,#fd9562 0,#ce3704 100%);
    border-radius: 4px;
    display: block;
    padding: 5px 7px;
    width: auto;
    text-transform: uppercase;
    text-decoration: none!important
}

#moteur_bplans #moteur_listes_capacite,#moteur_bplans #moteur_listes_date,#moteur_bplans #moteur_listes_reference {
    position: relative
}

.lspc_ca {
    background-color: #f3efe6;
    padding: 5px;
    overflow: hidden;
    width: 100%;
    border: none;
    text-align: left;
    box-sizing: border-box
}

#bandeau_bp,.popup_enpromo {
    background-color: #fff
}

.lspc_ca img {
    max-width: 45%
}

.lspc_ca h1 {
    color: #000;
    margin-bottom: 5px
}

#moteur_bplans #moteur_listes_capacite #choix_capacites,#moteur_bplans #moteur_listes_date #date_arr,#moteur_bplans #moteur_listes_nuits #choix_nuit,#moteur_bplans #moteur_listes_types #choix_types {
    margin: 5px 3px 0 4px
}

.lspc_ca_img {
    width: 55%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 10px;
    box-sizing: border-box
}

#moteur_bplans {
    display: inline-block;
    width: 100%;
    margin: 55px 0 10px!important;
    height: 57px
}

#moteur_bplans #moteur_listes_commune {
    height: 30px;
    position: relative
}

#moteur_bplans #moteur_listes_commune #commune {
    margin: 5px 2px 0 4px
}

#moteur_bplans #moteur_listes_date img {
    margin-top: 4px
}

#moteur_bplans .lbl_votre_recherche {
    display: none
}

#moteur_bplans .submitForm {
    padding: 0
}

#moteur_bplans #moteur_listes_rechercher {
    top: 0
}

#moteur_bplans #en_liste_gris_att {
    margin-left: 70px;
    margin-top: 5px!important;
    top: 0!important
}

#moteur_bplans #highlightSearchForm #auto_compl {
    margin: 26px 0 0 2px
}

#moteur_bplans #highlightSearchForm #auto_compl2 {
    margin: 26px 0 0 2px;
    z-index: 1000
}

#moteur_bplans div.choix_affichage_resultat {
    height: auto
}

#moteur_bplans #auto_compl_ref .int_auto_compl {
    border-bottom: 1px solid #efefef;
    padding-top: 2px;
    float: left;
    width: 100%;
    text-align: left
}

#bandeau_bp {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 0
}

#sous_titre_bp {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.picto-promo {
    display: inline-block
}

.picto-promo:hover>.popup_enpromo {
    display: block
}

.popup_enpromo {
    border: 4px solid #e2e2e2;
    display: none;
    padding: 10px;
    width: auto;
    height: auto;
    margin-top: 15px;
    margin-left: -100px;
    z-index: 100
}

#moteur_listes_reference,#pg_acc,#pg_acc_nb,.popup_enpromo ul li,.proprio.dgh {
    display: inline-block
}

.popup_enpromo ul,.popup_enpromo ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    list-style: none
}

#mg_z1 #auto_compl,#mg_z1 #auto_compl2 {
    margin-left: 80px;
    margin-top: 1px
}

.popup_enpromo ul li div {
    width: 100%;
    display: inline-block;
    height: auto
}

.popup_enpromo .titre_enpromo {
    font-weight: 700!important
}

.enpromoth {
    font-size: 14px!important
}

#mg_z1 #auto_compl {
    max-height: 350px
}

.fiche .cadre_dsp_lst {
    margin: 20px 0 0 16px;
    width: 600px
}

#presentTh h2 img,#presentTh p img,#presentTh td img {
    margin-right: 5px
}

.fiche .cadre_dsp_lst_annee {
    background-color: none
}

.fiche #cadre_dsp_lst #cnt_mois {
    width: 147px;
    height: 210px!important
}

.fiche #cadre_dsp_lst #cnt_mois .lib_sem {
    width: 93px
}

.fiche #cadre_dsp_lst #cnt_mois .semaine,.fiche #cadre_dsp_lst #cnt_mois .titre_mois_dsp {
    width: 143px
}

#lien_voir_compl {
    width: 610px;
    text-align: center;
    height: 40px;
    float: left;
    margin-top: 15px;
    color: #8faf04
}

#auto_compl_ref {
    width: 127px;
    color: #000;
    background-color: #fff;
    float: left;
    height: auto;
    overflow: auto;
    z-index: 3;
    display: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin-top: 27px;
    border: 1px solid #000;
    max-height: 350px;
    padding: 0!important
}

#moteur_listes_reference {
    width: 130px;
    position: relative;
    vertical-align: top;
    left: initial;
    margin: 0;
    padding: 0!important;
    display: none;
}

#moteur_listes_reference input {
    padding: 5px!important;
    border-radius: 0!important;
    border: 1px solid #000!important;
    width: 100%!important;
    position: relative!important;
    height: auto!important;
    margin: 0!important;
    box-sizing: border-box!important;
    font-weight: 700;
    font-size: 13px
}

#presentTh,#presentTh td {
    border: none;
    text-align: left
}

::-webkit-input-placeholder {
    opacity: .8
}

::-moz-placeholder {
    opacity: .7
}

:-ms-input-placeholder {
    opacity: .7
}

:-moz-placeholder {
    opacity: .7
}

#pg_acc {
    bottom: -23px;
    right: 10px;
    height: 20px;
    width: 100%;
    font-weight: 400;
    text-align: right;
    font-size: 14px;
    z-index: 2;
    color: #fff
}

.avis_fond_blanc {
    background-color: #fff!important;
    color: red!important
}

.avis_fond_rouge {
    background-color: red!important;
    color: #fff!important
}

#presentTh {
    background-color: #f3efe6;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin: 20px 0;
    height: auto;
    font-size: 13px
}

#presentTh #titre_presentTh {
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0
}

#presentTh h1 {
    font-weight: 700;
    color: #000;
    font-size: 12px;
    margin-bottom: 5px
}

#presentTh h2 {
    font-weight: 400;
    font-size: 12px
}

#presentTh img {
    max-width: 300px;
    max-height: 300px
}

#presentTh .titre_th {
    font-size: 15px
}

.proprio.dgh {
    text-align: center;
    line-height: 1.7em;
    width: 100%;
    padding: 0;
    margin: 0
}

.proprio.dgh.bt {
    margin-top: -30px
}

.proprio.socials {
    margin-top: -20px
}

.proprio.socials .callProprio {
    border: none!important;
    margin: 0 0 5px 15px!important
}

#loading_contact2 {
    margin: -18px 5px 0;
    display: none;
    right: 10px
}

.content_get_label iframe {
    display: block;
    margin-bottom: 10px
}

.content_get_label>.texte {
    font-size: 0
}

.content_get_label>.texte>* {
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top
}

.content_get_label>.texte>.gauche {
    width: calc(100% - 445px);
    margin-right: 10px
}

.content_get_label>.texte>.gauche h1 {
    font-size: 26px!important;
    padding: 0!important;
    margin: 0 0 10px!important;
    color: #655434!important;
    font-weight: 400
}

.content_get_label>.texte>.gauche h2 {
    font-size: 18px;
    margin: 0 0 10px;
    color: #f60;
    font-weight: 400
}

.content_get_label>.formulaire {
    padding: 10px;
    box-sizing: border-box;
    background: #f5f2ed;
    border: 1px solid #f0eadc;
    margin-top: 30px;
    overflow: hidden;
    position: relative
}

.content_get_label>.formulaire .itea_porteur_etape {
    float: left;
    width: 50%
}

.content_get_label>.formulaire .itea_porteur_etape.itea_porteur_etape_projet {
    width: 50%;
    right: 10px;
    top: 3em;
    position: absolute;
    margin-top: 13px
}

.content_get_label>.formulaire .itea_porteur_etape.itea_porteur_etape_ident {
    clear: left
}

.content_get_label>.formulaire .itea_porteur_etape.itea_porteur_etape_ident>p.porteur_infoComp {
    font-size: 0
}

.content_get_label>.formulaire .itea_porteur_etape.itea_porteur_etape_ident>p.porteur_infoComp:before {
    content: "Pour suivre l'évolution de votre projet en ligne.";
    font-size: 13px
}

.content_get_label>.formulaire .itea_porteur_etape.itea_porteur_etape_coordonnees {
    margin-top: -35px
}

.content_get_label>.formulaire .formPorteur {
    padding-top: 35px
}

.content_get_label>.formulaire .itea_porteur {
    padding: 0
}

.content_get_label>.formulaire .itea_porteur>h1 {
    margin-left: 0!important;
    font-size: 0!important;
    line-height: 1.5em
}

.content_get_label>.formulaire .itea_porteur>h1:before {
    content: "Envoyez nous votre demande de labellisation";
    font-size: 18px;
    line-height: 18px
}

.content_get_label>.formulaire .itea_input_porteur_photo {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 4px;
    background: #fdfdfc;
    text-align: center;
    opacity: 0;
    cursor: pointer;
    margin-top: 3px
}

.content_get_label>.formulaire .itea_input_porteur_photo+div {
    position: relative
}

.content_get_label>.formulaire .itea_input_porteur_photo+div:before {
    content: "Charger une photo";
    position: absolute;
    left: 50%;
    width: 160px;
    text-align: center;
    margin-left: -80px;
    bottom: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    pointer-events: none
}

.content_get_label .itea_porteur_group input[type=password],.content_get_label .itea_porteur_group input[type=text],.content_get_label .itea_porteur_group select,.content_get_label .itea_porteur_group textarea {
    border: 1px solid #ccc!important;
    padding: 4px!important
}

.content_get_label .porteur_contentGroupRadio input[type=radio][id] {
    display: none
}

.content_get_label .porteur_contentGroupRadio input[type=radio][id]+label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0;
    min-width: 120px;
    box-sizing: border-box
}

.content_get_label .porteur_contentGroupRadio input[type=radio][id]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #333;
    margin-top: -10px
}

.content_get_label .porteur_contentGroupRadio input[type=radio][id]:checked+label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #333;
    margin-top: -6px
}

.content_get_label .etapeValidation a {
    border-radius: 0;
    background: #f60;
    color: #fff;
    border: none
}

#itea_porteur_group_type {
    margin-top: 50px
}

#contenu_avis .div_avisClientCertification {
    background: url(../images/afnor.png) left top no-repeat;
    background-size: auto 40px
}

#contenu_avis .div_avisClientCertificationDetail {
    margin-bottom: 12px
}

#iframe_facebook {
    border: 1px solid red;
    float: right;
    height: 235px;
    width: 350px
}

.infos_bl_lmt {
    width: 140px;
    height: auto;
    padding: 5px;
    border: 4px solid #e2e2e2;
    background: #fff;
    color: #020202;
    position: absolute;
    display: none;
    top: 133px;
    left: 135px;
    right: 0;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    z-index: 1000;
    line-height: 15px
}

#cch_logo,#cnt_mois .infos_bl {
    z-index: 100;
    position: absolute
}

#cnt_fb_ifrm {
    width: 350px;
    height: 250px;
    margin-left: 30px;
    display: inline-block;
    border: 1px solid #7692bb;
    overflow: hidden
}

#tourisme_accueil_cc {
    width: 249px;
    height: auto;
    margin: 270px 0 0 30px;
    left: 0;
    top: 0;
    position: absolute
}

#tourisme_accueil_cc .hebergements_communes {
    width: 200px;
    margin-left: 15px;
    float: left;
    height: 250px;
    font-family: verdana,arial;
    color: #f60;
    font-size: 1.2em;
    font-weight: 700
}

#tourisme_accueil_cc .hebergements_communes #titre3_noir {
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    font-weight: 700;
    font-size: 1.3em
}

#tourisme_accueil_cc .hebergements_communes a {
    text-decoration: none;
    color: #960;
    font-weight: 700;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif
}

#tourisme_accueil_cc .hebergements_communes a:hover {
    text-decoration: none;
    color: #f60;
    font-weight: 400;
    font-weight: 700
}

#tourisme_accueil_cc ul {
    background: 0 0;
    list-style: none;
    float: left;
    width: 250px
}

#tourisme_accueil_cc li {
    margin: 5px 2px 0 0;
    padding: 0;
    background: 0 0;
    list-style: none;
    float: left
}

#tourisme_accueil_cc>span {
    background-color: #fff;
    display: inline-block;
    padding: 0 0 2px 4px
}

#tourisme_accueil_cc a {
    opacity: .6;
    transition: all .3s ease 0
}

#tourisme_accueil_cc a:hover {
    opacity: 1
}

#tourisme_accueil_cc>.lieux_coeur {
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #fff
}

#zone_contacter {
    width: 100%;
    float: right;
    text-align: left;
    margin: 0
}

#zone_contacter #contacter_rt {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    margin-right: 10px
}

.itea_porteur h1,.itea_porteur h2 {
    padding: 0;
    margin: 25px 0 0 10px
}

#zone_contacter #numero_rt {
    font-weight: 700;
    font-size: 20px;
    color: #8faf04;
    display: inline-block
}

.itea_porteur h2 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    width: 250px;
    border-bottom: 1px dotted #ccc
}

.itea_porteur input {
    height: 18px
}

.porteur_infoComp {
    font-size: 13px;
    margin-bottom: 15px
}

.img_vide {
    margin: 50px
}

.liencarto {
    color: #f60;
    font-size: 13px
}

.sr_svp {
    text-decoration: underline!important;
    font-weight: 400
}

#cch_logo {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .05;
    cursor: default
}

productStructure #mainContext {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 7px;
    width: 300px;
    float: right
}

* html #searchChoices .bigList {
    height: 200px
}

.highlightOperation .illustration {
    float: right;
    width: 132px
}

#campings #productInformation dt a:hover {
    color: #ff7011;
    cursor: default
}

#productLoisirs dl {
    overflow: hidden;
    width: 100%
}

#callCenterList dd {
    padding: 10px 10px 0
}

#slider_prix #slider_reg {
    float: left;
    margin-top: -8px;
    background: url(../images/sliders/slider_prix_reglette.gif) 4px 0 no-repeat;
    width: 120px
}

#cnt_mois .infos_bl {
    width: 190px;
    height: auto;
    padding: 2px 0;
    border: 4px solid #e2e2e2;
    background: #fff;
    color: #020202;
    display: none;
    left: -8px;
    margin-top: 30px
}

#cnt_pref_regroupe #rappel_liste {
    position: fixed;
    margin-left: 5px;
    height: 175px;
    bottom: 13px;
    z-index: 1010;
    display: none
}

.formulaire_spip select {
    width: auto
}

#avis.zones_details_fiche .titre span {
    background-image: url(../images/bgd_interieur.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0;
    padding-left: 0
}

span.lbl_votre_recherche {
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    display: block;
    margin-left: 10px
}

#choix_malins dd ul li,#equip_listes dd ul li {
    float: left;
    padding: 0
}

#og_avis span {
    color: #ce3704
}

.div_widget_itea_avis_groupeNotes .sp_widget_itea_avis_libelleQuest {
    margin: 0 7px 0 0!important;
    font-weight: 700
}

.at4-icon-left.at4-icon.aticon-email {
    display: none!important
}

#loisirs #contenu_loisirs {
    border: none
}

#equipements .zones_details_fiche .contenu,#pieces .zones_details_fiche .contenu,#plan .zones_details_fiche .contenu {
    display: none
}

#tarifs>div {
    width: 55%;
    display: inline-block;
    line-height: 1.8em
}

.dvp_dt_co_pictos li {
    background: 0 0
}

#onglet_description #pieces .dvp_dt_co_pictos li {
    width: auto!important
}

#contenu_tarifs_tb thead th {
    background-color: #2b40a7
}

.h2.moteurbp {
    position: absolute;
    z-index: 1;
    color: #000;
    margin-top: 5px
}

.titre_enpromo {
    color: #000;
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    position: relative
}

#moteur #auto_compl_ref .int_auto_compl {
    border-bottom: 1px solid #efefef;
    padding-top: 2px;
    float: left;
    width: 100%;
    text-align: left
}

.itea_porteur_group.itea_porteur_group_ville .itea_porteur_70 {
    padding-left: 9px
}

.votre_sejour.spe #cnt_votre_sejour {
    text-align: center;
    background-color: #999;
    margin: 10px 0
}

.nav-no-display {
    display: none!important
}

#message_top_moteur span,.lib_insol {
    display: inline-block
}

#menu_insolites {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    float: left
}

#menu_insolites label {
    font-weight: 700;
    position: relative;
    width: 94%;
    font-size: 13px;
    margin-left: 8px;
    margin-top: 5px;
    color: #390
}

#menu_insolites #voir_insolite {
    color: #390;
    position: relative;
    width: 93%;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 3px;
    margin: 9px 8px 10px;
    display: block;
    float: left
}

.lib_insol {
    padding: 0 0 7px;
    width: 100%;
    font-weight: 700;
    color: #339934
}

.insol {
    margin-left: 10px!important;
    width: 100%!important
}

#searchChoices .removeSel.insol:hover {
    width: 89%!important
}

.when li a {
    margin: 0!important
}

#moteur_rlst #moteur_listes_capacite #choix_capacites,#moteur_rlst #moteur_listes_date #date_arr,#moteur_rlst #moteur_listes_nuits #choix_nuit,#moteur_rlst #moteur_listes_types #choix_types {
    margin: 5px 3px 0 4px
}

#message_top_moteur {
    color: #f60;
    font-size: 18px;
    font-weight: 700;
    font-family: verdana,arial;
    float: left;
    width: 70%
}

#resas {
    float: none;
    width: 90%;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding: 0 0 0 10px
}

#btn_plus_crit,.lib_insol {
    font-size: 13px
}

#resultType li,body.liste #mainContext {
    display: none
}

#moteur_rlst {
    display: inline-block;
    width: 100%;
    margin: 25px 0 0!important;
    min-height: 57px
}

#moteur_rlst #moteur_listes_commune {
    height: 30px;
    position: relative
}

#moteur_rlst #moteur_listes_commune #commune {
    margin: 5px 2px 0 4px
}

#moteur_rlst #moteur_listes_date {
    position: relative
}

#moteur_rlst #moteur_listes_date img {
    margin-top: 4px
}

#moteur_rlst #moteur_listes_capacite {
    position: relative;
    z-index: 10000;
    overflow: visible;
}

#moteur_rlst .lbl_votre_recherche {
    display: none
}

#moteur_rlst .submitForm {
    padding: 0
}

#moteur_rlst #moteur_listes_rechercher {
    top: 0
}

#moteur_rlst #en_liste_gris_att {
    margin-left: 70px;
    margin-top: 5px!important;
    top: 0!important
}

#moteur_rlst #highlightSearchForm #auto_compl {
    margin: 26px 0 0 2px
}

#moteur_rlst #highlightSearchForm #auto_compl2 {
    margin: 26px 0 0 2px;
    z-index: 10000
}

#moteur_rlst #message_moteur,#moteur_rlst #message_moteur2 {
    position: absolute
}

#moteur_rlst #moteur_listes_reference {
    position: relative
}

#moteur_rlst div.choix_affichage_resultat {
    height: auto
}

#moteur_rlst #auto_compl_ref .int_auto_compl {
    border-bottom: 1px solid #efefef;
    height: 6px;
    padding-top: 2px;
    float: left;
    width: 100%;
    text-align: left
}

#btn_plus_crit {
    color: #fff;
    background-color: #419dce;
    border: solid 1px #419dce;
    position: relative;
    padding: 8px 14px!important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 150px;
    height: auto;
    cursor: pointer!important;
    border-radius: 4px;
    outline: none;
}

#liens_contact_ogp a,.btn_panier_listes.on,.btn_panier_listes:hover,.btn_resa_liste:hover,.caracts_ref .planning_ref>a {
    text-decoration: none!important
}

.filtre .dropdown-menu li a,.filtre .dropdown-menu li>div {
    display: block;
    position: relative
}

.filtre .dropdown-menu {
    font-size: 13px;
    position: relative;
    width: auto;
    padding: 10px;
    box-sizing: border-box
}

.filtre .dropdown-menu li a {
    padding: 3px 5px 3px 30px;
    font-weight: 400;
    text-decoration: none;

}

.filtre input+a:before,.filtre input:checked+a:after {
    content: "";
    border: 2px solid #546b80;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 5px;
    top: 50%;
    margin-top: -9px;
    display: none;
}

.filtre input {
    display: none
}

.filtre input:checked+a:after {
    background: url(../images/coche_filtres_liste.gif) left no-repeat
}

.filtre input+a:before {
    background-color: #fff
}

.filtre.chambres .dropdown-menu {
    display: block;
    box-sizing: border-box
}

.filtre .smenu {
    margin-left: 30px
}

#smenu_locg,#smenu_locinsol {
    display: none
}

#smenu_locg li {
    padding: 2px 0
}

.slider_lib_cha {
    padding: 15px 0!important;
    width: 100%!important
}

.slider_lib_cha #nb_cha_max,.slider_lib_cha #nb_cha_min {
    height: 30px;
    width: 93%!important;
    float: none
}

.slider_lib_cha .label {
    width: auto!important;
    float: none!important;
    display: inline-block
}

#valider_all .submit_filtre,.submit_filtre {
    margin: 10px 5px 10px auto;
    display: inline-block;
    float: none;
    color: #fff;
    border: none
}

.valider_filtre {
    text-align: center;
    padding: 0 3px 0 5px!important;
    box-sizing: border-box!important
}

.submit_filtre {
    background-color: #8faf04;
    padding: 4px 10px;
    cursor: pointer
}

#valider_all {
    width: 100%;
    text-align: center
}

#valider_all .submit_filtre {
    background-color: #f60;
    padding: 10px 20px;
    width: 150px;
    cursor: pointer;
    font-size: 15px;
    outline: none;
}

#pict_smenu_thgte,#pict_smenu_thinsol {
    cursor: pointer;
    background-image: url(../images/btn_pm_filtres.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0
}

#valider_all .submit_filtre:hover {
    background-color: #da5700;
}

#pict_smenu_thgte {
    background-position: 0 0;
    right: -20px
}

#pict_smenu_thgte.on {
    background-position: 0 -22px
}

#pict_smenu_thinsol {
    background-position: 0 0;
    right: 10px
}

#pict_smenu_thinsol.on {
    background-position: 0 -22px
}

.tri_div_charges {
    display: none
}

.libelle_ref,.tarifs_ref {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 2px 0 0
}

.libelle_ref {
    width: 65%;
    padding: 3px 0;
    height: 60px
}

.tarifs_ref {
    width: 35%;
    float: right;
    vertical-align: top;
    text-align: right;
    min-height: 60px
}

.tarifs_ref span {
    display: block
}

.caracts_ref {
    width: 100%!important;
    margin-top: 7px!important;
    margin-bottom: 5px;
    height: 40px!important;
    display: inline-block;
    padding: 10px 0 0 5px;
    box-sizing: border-box;
    background-color: #0001A
}

.caracts_ref.ttcp {
    margin-top: 7px!important
}

.caracts_ref.autres {
    height: 20px!important;
    margin-top: 0!important;
    padding: 0 0 0 5px;
    background-color: #fff
}

.caracts_ref li {
    min-width: 20px;
    min-height: 30px;
    margin-right: 5px;
    display: inline-block
}

.caracts_ref .planning_ref {
    background: url(../images/pictos_liens.png) 0 2px no-repeat;
    padding: 0;
    width: auto;
    height: 30px
}

.caracts_ref .planning_ref>a {
    width: 100%;
    display: block;
    height: 100%
}

.caracts_ref .planning_ref.loading {
    background: url(../images/attente.gif) no-repeat;
    background-position: 0 3px!important;
    background-size: 14px 14px!important;
    padding: 0;
    width: 5px;
    height: 5px
}

.caracts_ref.autres li {
    background: 0 0;
    width: auto;
    padding: 0
}

.caracts_ref .animaux {
    background: 0 0;
    vertical-align: top
}

.caracts_ref .animaux_gratuit,.caracts_ref .animaux_payant,.caracts_ref .handicap,.caracts_ref .ico_confort,.caracts_ref .ico_luxury,.caracts_ref .ico_premium,.caracts_ref .label_th,.caracts_ref .trophees {
    background-repeat: no-repeat;
    background-position: 0 0
}

.caracts_ref .animaux_gratuit {
    background-image: url(../images/ico_chien_list.png);
    width: auto;
    height: 20px!important;
    min-height: 20px!important;
    padding: 4px 0 0 10px;
    vertical-align: top
}

.caracts_ref .animaux_payant {
    background-image: url(../images/ico_chien_euro_list.png);
    width: 35px;
    height: 30px;
    padding: 4px 22px;
    vertical-align: top
}

.caracts_ref .handicap,.caracts_ref .label_th {
    width: auto;
    height: 30px;
    vertical-align: top
}

.caracts_ref .label_th {
    background-image: url(../images/ico_handicap_list_29.gif);
    padding: 4px 0 0 5px
}

.caracts_ref .handicap {
    background-image: url(../images/ico_handicap_list.gif);
    padding: 4px 0 0 25px
}

.caracts_ref .ico_confort {
    background-image: url(../images/ico_confort.png);
    width: 60px;
    height: 28px!important;
    padding: 0
}

.caracts_ref .ico_luxury,.caracts_ref .ico_premium {
    width: 60px;
    height: 30px!important;
    padding: 0
}

.caracts_ref .ico_premium {
    background-image: url(../images/ico_premium.png)
}

.caracts_ref .ico_luxury {
    background-image: url(../images/ico_luxury.png)
}

.caracts_ref .trophees {
    background-image: url(../images/logo-trophees-avis3.png);
    width: 64px;
    height: 64px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin: -37px 0 0;
    float: right;
    background-size: contain;
    transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transform-origin: 100% 100%;
    background-color: #fff;
    border: solid 2px #fff;
    box-sizing: border-box;
}
.caracts_ref .trophees._2 {
    background-image: url(../images/logo-trophees-avis3-2019.png);
}

.caracts_ref .trophees:hover {
    transform: scale(2);
}
@keyframes displayTwoTrophees{
    0%, 40%,100%{background-image:url('../images/logo-trophees-avis3-2019.png');}
    50%, 90%{background-image:url('../images/logo-trophees-avis3.png');}
}
.caracts_ref .trophees[data-trophees2="1"] {
    animation: displayTwoTrophees 5s infinite;
}
.caracts_ref .trophees.ttcp {
    margin: -16px 0 0 0;
    width: 45px;
    height: 45px;
    background-size: contain
}

.nb_epis,.nb_epis>ul>li {
    height: 20px;
    display: inline-block
}

.caracts_ref.autres .tout_compris {
    color: #ff7011;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    float: right;
    margin-right: 0
}

.btn_panier_listes,.btn_resa_liste {
    margin: 0;
    font-size: 12px;
    z-index: 1000;
    display: inline-block;
    position: absolute
}

.caracts_ref li.nb_epis {
    list-style: none;
    background-image: none!important
}

.nb_epis {
    float: left
}

.nb_epis>ul>li {
    background: url(../images/epis_listes.png) no-repeat;
    background-size: contain;
    width: 20px;
    padding: 0;
    float: left
}

.nb_epis>ul>li.bleu {
    background: url(../images/epis_bleu_listes.png) no-repeat;
    background-size: contain
}

.btn_panier_listes {
    background: url(../images/pictos_liens.png) 6px -47px no-repeat;
    background-color: rgba(255,255,255,.5);
    border-radius: 50px;
    border: none;
    color: #b39e76;
    font-weight: 700;
    padding: 9px 5px;
    text-align: right;
    bottom: 156px;
    right: 5px;
    width: 20px;
    height: 10px
}

.btn_panier_listes:hover {
    background-color: rgba(255,255,255,1)
}

.btn_panier_listes.on {
    background-color: rgba(246,219,15,1)
}

.btn_resa_liste {
    top: 5px;
    left: 10px;
    background-color: rgba(255,255,255,.5);
    padding: 5px 10px 5px 23px
}

.pagination,.pagination_bottom {
    text-align: right;
    font-size: 13px
}

.btn_resa_liste:hover {
    background-color: rgba(255,255,255,1)
}

.btn_resa_liste:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../images/bgd_puces_details_fiche.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 5px
}

.caracts_ref li.notes_ref {
    height: auto;
    width: 90px!important;
    display: inline-block;
    margin: 5px 0 0
}

.note_globale {
    background: 0 0;
    padding: 5px 0 0 5px;
    height: auto!important;
    width: auto!important;
    min-width: 45%;
    display: inline-block;
    margin: 0
}

#note_globale span {
    float: left;
    margin-right: 2px;
    padding-top: 7px
}

#note_globale img {
    display: inline-block;
    float: left;
    margin: 0;
    padding-top: 3px
}

#note_globale>.moyenne {
    margin-left: 2px;
    margin-right: 4px;
    color: #ff7011
}

#resultCarte {
    padding: 0;
    width: 32%;
    right: 0;
    position: absolute
}

body.liste #moteur_top {
    width: 100%
}

body.liste #neutral {
    margin: 0!important;
    width: 67%!important
}

body.liste #searchStructure #content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px
}

body.liste #cnt_sitemap {
    margin: 0
}

body.body_panier #resultList>ul {
    min-height: auto
}

#resultCarte.carte_fixed {
    right: 0;
    position: fixed;
    top: 0;
    height: 100vh
}

#resultCarte.carte_fixed>p {
    width: 100%
}

#resultCarte.carte_fixed #chargement_carte {
    height: 100%
}

#resultCarte.carte_fixed #cnt_carte_liste {
    height: 97vh!important
}

#moteur_rlst.moteur_fixed {
    position: fixed;
    width: 66%!important;
    z-index: 10000;
    background-color: #fff;
    top: 0;
    padding: 0;
    margin: 0!important;
    box-shadow: 0 0 10px #fff;
    box-sizing: border-box
}

.pagination {
    width: 70%;
    height: 10px;
    margin: -33px 0 0;
    padding: 0 0 20px;
    color: #000;
    position: relative;
    display: block;
    float: right;
    line-height: 23px
}

.pagination.mg_navig {
    margin: -75px 0 0
}

.pagination #nbpp {
    margin-left: 40px;
    float: left;
    color: #000
}

.pagination #nbpp img {
    float: right;
    margin: 0 0 0 2px;
    display: none
}

.pagination #pg {
    margin-right: 10px;
    float: right;
    color: #000;
    margin-top: 5px
}

.pagination a {
    font-weight: 400;
    color: #8faf04
}

.pagination_bottom {
    width: 100%;
    height: 25px;
    margin-right: 20px;
    margin-top: 2px;
    float: left;
    color: #000
}

#plannLst,#recep_planning>div {
    height: 100%
}

.pagination_bottom a {
    font-weight: 400;
    color: #8faf04
}

#recep_planning {
    background: #fff;
    padding: 20px;
    border: 4px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 25%;
    left: 10%;
    z-index: 99999;
    box-shadow: 0 0 0 2000px rgba(0,0,0,.5);
    border-radius: 4px;
    width: 690px;
    height: 300px;
    display: none
}

#recep_planning img.btn_close {
    box-shadow: 22px 0 63px #000;
    border-radius: 50px;
    margin: -50px
}

#load_planning {
    width: 100%;
    box-sizing: border-box;
    padding: 90px 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: none
}

.submitForm.mtacc {
    margin-left: 11px!important
}


body.liste #highlightSearchForm #moteur {
    font-size: 0!important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    overflow: visible!important;
    vertical-align: top
}

body.liste #moteur_listes_commune,body.liste #moteur_listes_commune #commune,body.liste #moteur_listes_commune input,body.liste #moteur_rlst #moteur_listes_capacite #choix_capacites,body.liste .moteur_listes_date input {
    font-weight: 700!important;
    font-size: 13px!important;
    font-family: Arial,Helvetica,sans-serif!important
}

body.liste #highlightSearchForm #moteur>ul {
    display: inline-block;
    height: 30px;
    width: 100%!important;
    box-sizing: border-box;
    overflow: visible!important;
    vertical-align: top
}

body.liste #highlightSearchForm #moteur>ul>li {
    display: inline-block;
    width: 16%;
    height: 30px;
    box-sizing: border-box;
    padding: 0 4px;
    background: 0 0;
    vertical-align: top
}

body.liste #highlightSearchForm #moteur>ul:first-child>li:first-child {
    width: 32%;
    box-sizing: border-box;
    vertical-align: top
}

body.liste #highlightSearchForm #moteur>ul:first-child>li:last-child {
    padding: 0 0 0 4px
}

body.liste #moteur_listes_commune {
    border: 1px solid #808080!important;
    height: 100%;
    width: 100%!important;
    display: inline-block!important;
    vertical-align: top;
    border-radius: 4px;
}

body.liste #moteur_listes_commune #commune,body.liste #moteur_listes_commune input {
    border: none!important;
    outline: none;
    border-radius: 4px!important;
}

body.liste #moteur_listes_capacite,body.liste .moteur_listes_date {
    border: 1px solid #808080!important;
    width: 100%!important;
    display: inline-block!important;
    height: 100%;
    vertical-align: top;
    border-radius: 4px;
    overflow: hidden;
}

body.liste .moteur_listes_date {
    position: relative!important
}

body.liste #moteur_listes_capacite {
    background: 0 0
}

body.liste .moteur_listes_date .dates_cnt {
    display: inline-block;
    width: 100%;
    height: 100%
}

body.liste .moteur_listes_date input {
    width: 100%!important;
    height: 100%;
    border: none;
    box-sizing: border-box;
    padding: 0 5px
}

body.liste .moteur_listes_date #btn_date_arr,body.liste .moteur_listes_date #btn_date_dep {
    padding: 0;
    position: absolute;
    right: 3px!important;
    top: 5px!important;
    width: auto;
    height: auto
}

body.liste #boutons_recherche {
    width: 100%!important;
    height: 32px!important;
    display: inline-block!important;
    vertical-align: top;
    padding: 0 0 0 2px!important;
    box-sizing: border-box
}

body.liste #boutons_recherche button {
    height: 100%!important;
    padding: 0!important;
    display: inline-block
}

body.liste #moteur_rlst #moteur_listes_capacite #choix_capacites {
    padding: 6px 1px 0 5px;
    box-sizing: border-box;
    margin: 0;
    height: 100%;
    width: 100%
}

body.liste #moteur_listes_capacite #valider_capacites {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    text-align: center
}

body.liste #moteur_listes_capacite #moteur_listes_capacites_cnt {
    width: 165px;
    display: none;
    margin: 1px 0 0 -1px;
    position: relative;
    border: 1px solid #ccc
}

body.liste #moteur_listes_capacite .capacites {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 1px 30px!important;
    line-height: 19px
}

body.liste #moteur_listes_capacite .capacites:before {
    content: "";
    border: 2px solid #bbb;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 5px;
    top: 0
}

body.liste #moteur_listes_capacite .capacites.checked::after {
    content: "";
    border: 2px solid #bbb;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 5px;
    top: 0;
    background: url(../images/bgd_searchChoices_li_a.gif) left no-repeat
}

body.liste #moteur_rlst #moteur_listes_capacite #choix_capacites:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0;
    border-color: #799596 transparent transparent;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 2
}

body.liste #highlightSearchForm #auto_compl2 {
    border: 1px solid #000;
    width: 100%;
    color: #000;
    background-color: #fff;
    float: left;
    position: absolute;
    height: auto;
    overflow: auto;
    z-index: 1;
    display: none;
    padding: 0;
    margin: 16px 0 0 2px;
    border-top: 0
}

body.liste #highlightSearchForm #auto_compl2 li {
    height: auto;
    padding: 0;
    margin: 0;
    background: 0 0
}

body.liste #moteur_rlst #highlightSearchForm #auto_compl2 {
    margin: 3px 0 0 -1px;
    position: relative;
    z-index: 100000
}

body.liste #highlightSearchForm .int_auto_compl a {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    display: block;
    color: #000;
    padding: 7px;
    box-sizing: border-box;
    font-weight: normal;
}

body.liste #highlightSearchForm .int_auto_compl a:hover {
    background-image: none;
    background: #f4f4f4;
}

body.liste #moteur_rlst #moteur_listes_capacite #choix_capacites::before {
    content: "";
    background-color: #fff;
    width: 19px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

body.liste #moteur_rlst #filtres {
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
    margin: 0!important;
    width: 95.5%!important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

body.liste #moteur_rlst #filtres .filtre {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

body.liste #moteur_rlst #filtres li {
    list-style: none!important;
    background: 0 0;
    padding: 0
}

body.liste #moteur_rlst #filtres .filtre>a {
    padding: 4px 15px 4px 3px;
    width: 100%;
    display: block;
    color: #000!important;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    background-image: none;
    height: 43px;
    line-height: 36px;
    cursor: default;
}

body.liste #moteur_rlst #filtres .filtre.services {
    padding: 0 0 0 1px;
    margin: 0
}

body.liste #moteur_rlst #filtres .filtre.services>a {
    line-height: 17px
}

body.liste #moteur_rlst #filtres .filtre>a:hover {
    color: #fff;
    text-decoration: none
}

body.liste #moteur_rlst #filtres .filtre>.dropdown-menu {
    display: inline-block;
    background-color: transparent;
    height: auto;
    z-index: 10000;
    color: #4d4d4d;
    box-sizing: border-box;
    border: none;
    display: flex;
    flex-wrap: wrap;
}

body.liste #moteur_rlst #filtres .filtre>a>span {
    font-size: 16px;
    text-transform: none;
    font-weight: bold;
}

body.liste #moteur_rlst #filtres .filtre>ul>li {
    padding: 0
}

body.liste #moteur_rlst #filtres .filtre>a.labelTypesQualifications {
    padding: 2px 0;
    height: 35px
}

body.liste #mt_filtres {
    width: 100%;
    display: inline-block;
    height: auto;
    position: relative;
    margin: 10px 0 0 4px
}

body.liste #moteur_rlst #filtres .filtre.equipements {
    padding: 0 3px 0 4px
}

body.liste .filtre .dropdown-menu li a:hover {
    background: rgb(220,224,224);
}

body.liste .filtre .dropdown-menu li a {
    padding: 8px 14px!important;
    background: #fff;
    border: solid 1px rgb(220,224,224);
    border-radius: 4px;
    cursor: pointer;
    margin-right: 4px;
    text-align: center!important;
    margin-bottom: 4px;
}

body.liste .filtre.resa .dropdown-menu li a {
    margin-bottom: 0;
}

body.liste .filtre .dropdown-menu li a font {
    color: inherit;
}

body.liste .filtre .dropdown-menu li input:checked+a {
    background: #00623b;
    color: #fff;
    border-color: #00623b;
}

.allbp,.lien_resa_proprio,.picto-enpromo {
    text-transform: uppercase
}

body.liste #moteur_rlst #filtres .qualifications {
    padding: 0 0 0 5px
}

body.liste #boutons_recherche button {
    width: 100%
}

body.liste #moteur_rlst {
    display: inline-block;
    width: 100%;
    margin: 25px 0 0;
    min-height: 57px;
    padding: 0 20px!important
}

.boutons_bottom_mobile {
    display: none!important
}

#content label {
    width: auto;
    display: inline-block;
    font-size: 13px
}

#resultListTri .col_tris select {
    width: 170px;
    display: inline-block;
    padding: 5px
}

#tri_listes {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-left: 0;
    padding: 0 0 5px;
    min-height: 10px
}

body.liste .rech_carte #resultCarte {
    width: 100%;
    min-height: 800px;
    position: relative;
    z-index: 1000
}

body.liste .rech_carte #resultList,body.liste .rech_carte #resultListTri {
    display: none
}

body.liste #neutral.rech_carte {
    margin: 0 auto!important;
    display: block;
    min-width: 90%
}

body.liste #neutral.rech_carte #moteur_rlst #filtres {
    max-width: 84vw!important
}

body.liste #neutral.rech_carte #moteur_rlst #filtres .filtre.chambres,body.liste #neutral.rech_carte #moteur_rlst #filtres .filtre.type_location {
    width: 100%
}

body.liste #neutral.rech_carte #moteur_rlst.moteur_fixed {
    min-width: 92vw
}

#popup_labels {
    position: absolute;
    width: 60%;
    box-sizing: border-box;
    z-index: 100000!important
}

.cnt_infos_labels {
    background-color: #8faf04;
    text-align: left;
    font-size: .9em;
    padding: 5px;
    margin-top: 0;
    border-radius: 0;
    display: inline-block;
    margin-left: 0;
    width: 100%;
    color: #fff;
    box-sizing: border-box
}

#resultListTri_carte,#searchChoices li #thrct,body.fiche #recepMainContext {
    display: none
}

.cnt_infos_labels ul {
    position: relative
}

.cnt_infos_labels ul li {
    padding: 0 0 5px 20px;
    background: 0 0;
    position: relative
}

.cnt_infos_labels ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-image: url(../images/check.png);
    background-size: contain;
    background-position: no-repeat
}

.cnt_infos_labels a {
    color: #fff
}

#cadre_enr {
    height: 470px
}

#resultCarte {
    top: 90px
}

#btnItineraire {
    background: url(../images/bdc_itineraire.png) no-repeat;
    width: 63px;
    height: 20px;
    position: absolute;
    z-index: 10000;
    right: 15px;
    top: 5px;
    cursor: pointer;
    text-decoration: none
}

.zones_details_fiche #contenu_avis>div>div.div_recapAvisLibelle>.sp_recapAvisNoteMoyenne {
    display: inline-block;
    margin: 0 5px;
    background: #f6a10e;
    color: #fff;
    padding: 2px 4px
}

.zones_details_fiche #contenu_avis>div>div.div_recapAvisLibelle>.sp_recapAvisLblBaseSur {
    display: inline-block;
    margin-left: 5px;
    color: #f6a10e
}

#vacances_scolaires {
    display: none
}

body.fiche .popup_block {
    border: none;
    border-radius: 0;
    padding: 25px 10px
}

body.fiche .close {
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    margin: 0
}

body.fiche .close .btn_close {
    width: 25px;
    height: 20px;
    margin: 0
}

body.fiche .addthis {
    width: 100%
}

#contenu_avis .div_avisClientCertification {
    min-height: 40px;
    padding: 10px 0 0 60px;
    background-image: none;
    position: relative
}

#contenu_avis .div_avisClientCertification::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -10px;
    background: url(../images/afnor.png) left top no-repeat;
    height: 70px;
    width: 70px;
    padding: 10px 0 0 60px;
    background-size: 112px 75px
}

.caracts_ref .note_globale {
    position: relative
}

.caracts_ref .note_globale::after {
    content: "";
    right: -45px;
    top: -4px;
    position: absolute;
    background: url(../images/afnor-listes.gif) left top no-repeat;
    background-size: contain;
    height: 40px;
    width: 38px
}

body.articles #contenu_articlef ul li {
    clear: both;
    padding: 0 .8em!important
}

body.articles #tourisme_accueil_cc ul li {
    clear: none!important;
    padding: 0!important;
    display: inline-block!important;
    float: none!important
}

#onglet_promotion {
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%
}

#onglet_promotion .fd_scotch {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px;
    padding: 0;
    font-size: 15px
}

#onglet_promotion .scotch {
    margin: 20px;
    width: 100%;
    float: left
}

#onglet_promotion .scotch dd {
    width: 90%
}

#onglet_promotion .barre_scotch {
    width: 100%;
    height: 40px;
    float: left;
    background-image: url(../images/scotch.png);
    background-repeat: no-repeat;
    background-position: top left
}

#onglet_promotion .contenu_idsprp {
    background-image: url(../images/fd_scotch.jpg);
    float: left;
    height: auto;
    width: 580px
}

#onglet_promotion .lib_idsprp {
    float: left;
    margin: 10px;
    font-size: 14px;
    font-weight: 700;
    width: 600px
}

#onglet_promotion .texte_idsprp {
    float: left;
    margin: 10px;
    font-size: 13px
}

#onglet_promotion .texte_idsprp2 {
    float: left;
    margin: 0 10px 10px;
    font-size: 13px;
    width: 420px
}

#onglet_promotion .photo_idsprp {
    float: right;
    margin: 0 10px
}

#onglet_promotion .onglet_titre::before {
    content: "Promotion";
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 7px;
    padding-right: 10px
}

#onglet_promotion .detail_cnt,#onglet_promotion .texte_idsprp {
    display: none
}

#onglet_promotion .detail_cnt {
    display: none;
    padding: 0 0 0 30px;
    color: #333
}

#onglet_promotion .savoir_plus_detail_promo {
    color: #333;
    margin-left: 15px;
    text-decoration: underline
}

#onglet_promotion .titre_idsprp {
    float: left;
    margin: 10px;
    font-size: 13px;
    font-weight: 700;
    background-image: url(../images/picto-promo-fiche.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    padding-left: 20px;
    width: 100%
}

#onglet_promotion .detail_promo li {
    padding: 0 5px 10px 0;
    background: 0 0;
    list-style-type: square;
    margin-left: 32px;
    width: auto
}

#onglet_promotion .detail_promo li.lien_plus_infos {
    text-align: right;
    list-style-type: none;
    padding: 0 0 0 30px
}

#onglet_promotion .detail_promo li.lien_plus_infos a {
    text-decoration: underline;
    color: #333
}

#main #mainContext .highlightNews.z1 .bloc_promo a:hover,.productsNavigation li.ariane a:hover {
    text-decoration: none
}

.epis_fiche {
    width: 18px
}

#cnt_epis {
    float: left;
    width: auto!important;
    padding: 7px 8px 0 0!important
}

#cnt_trophees {
    width: 100%;
    display: block;
    height: 85px;
    margin-bottom: 0;
    padding-left: 132px;
    position: relative;
    font-size: 14px;
    padding-top: 24px;
    box-sizing: border-box
}

#cnt_trophees:before {
    content: "";
    width: 85px;
    height: 100%;
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    background-image: url(../images/logo-trophees-avis3.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
}
/* #cnt_trophees+#cnt_trophees:before {
    background-image: url(../images/logo-trophees-avis3-2019.png);
} */
#cnt_trophees[data-annee="2019"]:before {
    background-image: url(../images/logo-trophees-avis3-2019.png);
}
.div_avis_note_detail {
    display: inline-block;
    height: 100px;
    max-width: 186px;
    position: absolute;
    right: 7px;
    z-index: 1
}

.div_avis_note_detail li {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: 0 0
}

.div_avis_note_detail li span {
    position: relative;
    width: 150px;
    text-align: left
}

.div_avis_note_detail li .sp_avis_note_detail:after {
    content: "";
    background-image: url(../images/avis_note_detail.gif);
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    display: block;
    top: 0;
    height: 20px;
    right: 0
}

.div_avis_note_detail li[data-note="5"] .sp_avis_note_detail:after {
    background-position: 0 -4px
}

.div_avis_note_detail li[data-note="4"] .sp_avis_note_detail:after {
    background-position: 0 -25px
}

.div_avis_note_detail li[data-note="3"] .sp_avis_note_detail:after {
    background-position: 0 -48px
}

.div_avis_note_detail li[data-note="2"] .sp_avis_note_detail:after {
    background-position: 0 -69px
}

.div_avis_note_detail li[data-note="1"] .sp_avis_note_detail:after {
    background-position: 0 -90px
}

.div_avis_note_detail li[data-note="0"] .sp_avis_note_detail::after {
    background-position: 0 -111px
}

.zones_details_fiche #contenu_avis,.zones_details_fiche #contenu_avis>div>div {
    position: relative
}

.div_recapAvisLibelle {
    width: 50%!important;
    float: left;
    height: 100px
}

.div_avis_note_detail .filtrable .sp_avis_note_detail {
    color: #666!important;
    position: relative
}

.div_avis_note_detail .filtrable .sp_avis_note_detail a {
    color: #666!important;
    font-weight: 400!important
}

#lib_choix_avis,#lib_choix_avis a {
    color: #333!important
}

.showavis {
    margin-left: 0!important;
    position: relative!important
}

.hideavis {
    margin-left: -5000px!important;
    position: absolute!important
}

#lib_choix_avis {
    display: block;
    font-size: 12px;
    width: 350px;
    position: absolute;
    bottom: 12px;
    z-index: 1
}

.div_avisClientCertification a {
    display: block
}

.cadre_productHeader.avisDispo.trophees .bulle_note_globale {
    right: 70px
}

.allbp {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-weight: 700!important;
    font-size: 13px!important;
    margin-top: 5px
}

.regroupements #header #header_top {
    height: 95px
}

.regroupements #bandeau_bp {
    top: 94px!important;
    background: #7493af;
    height: 70px
}

.regroupements #header::before {
    height: 94px
}

.regroupements #moteur_bplans {
    margin: 20px 0 0!important
}

.regroupements #moteur_bplans #highlightSearchForm>ul {
    padding: 0
}

.regroupements #moteur_bplans #highlightSearchForm #moteur_top {
    padding: 0;
    margin: 0;
    float: left
}

#productMedias.nouveau:before,.nouveau .vign_liste:before {
    content: "Nouveauté";
    background-color: #abbb12;
    padding: 2px 5px 8px;
    width: auto;
    height: 15px;
    font-size: 15px;
    display: inline-block;
    color: #fff;
    z-index: 1000
}

#productMedias.nouveau,.regroupements #moteur_bplans #boutons_recherche {
    position: relative
}

.nouveau .vign_liste:before {
    position: absolute;
    right: 50px;
    bottom: 9px
}

#productMedias.nouveau:before {
    position: absolute;
    left: 10px;
    top: 10px
}

.nouveau .btn_resa_liste {
    margin: 0;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1000;
    background-color: rgba(255,255,255,.4);
    padding: 5px 8px 5px 22px
}

.labellise {
    color: #505050
}

.lien_resa_proprio {
    background-image: none!important;
    background-color: #c41c17!important;
    color: #fff!important;
    width: 246px!important;
    font-size: 26px!important;
    font-family: verdana!important;
    font-weight: 400!important;
    letter-spacing: initial!important;
    height: auto!important;
    border-radius: 0!important;
    line-height: 26px!important;
    margin-top: 12px!important;
    display: inline-block!important;
    padding: 10px 0!important
}

.lien_resa_proprio span {
    width: 100%;
    display: block;
    font-size: 17px
}

#liens_contact_ogp #ctc_tel5,#tel_proprio_ctc span {
    display: none
}

#tel_proprio_ctc {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    position: relative;
    height: auto
}

#tel_proprio_ctc a {
    text-decoration: underline!important;
    position: relative
}

#tel_proprio_ctc a:before {
    content: "";
    position: absolute;
    left: -30px;
    top: -7px;
    background-image: url(../images/tel2.jpg);
    background-repeat: no-repeat;
    width: 25px;
    height: 35px
}

#cnt_coords_proprio {
    padding: 5px 0
}

#main #mainContext .titre_bold a {
    font-size: 1em!important
}

#cnt_coords_proprio #ctc_lien_tel3 {
    display: inline-block;
    vertical-align: top
}

#cnt_coords_proprio #ctc_lien_mail3 {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

#infos_proprio {
    width: 100ù;
    display: block
}

#infos_proprio #nom_proprio {
    font-weight: 700
}

#liens_contact_ogp {
    padding: 10px 0
}

#liens_contact_ogp a {
    color: #f57900;
    font-weight: 400
}

div.bulle_note_globale.top {
    position: relative!important;
    box-sizing: border-box;
    padding: 0;
    width: 100%!important;
    height: auto!important;
    cursor: pointer;
    top: initial!important;
    margin: initial!important;
    border-radius: 0!important
}

.etoile_demie_pleine,.etoile_pleine {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat
}

.etoile_demie_pleine {
    background-image: url(../images/etoile-demie-pleine.png)
}

.etoile_pleine {
    background-image: url(../images/etoile-pleine.png)
}

.bulle_note_globale.top .bulle_avis {
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 700px;
    color: #333;
    display: block;
    padding: 4px 0
}

.bulle_note_globale.top .bulle_etoiles_avis {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding: 4px 0 0 10px;
    line-height: 23px
}

.bulle_note_globale.top .bulle_etoiles_avis ul {
    display: inline-block;
    vertical-align: top;
    width: auto!important;
    left: 0;
    margin: 0;
    height: 24px
}

.bulle_note_globale.top .bulle_etoiles_avis .bulle_note_avis {
    display: inline-block;
    vertical-align: top
}

.bulle_note_globale.top .bulle_voir_avis {
    width: 100%;
    text-align: center;
    display: inline-block
}

.productsNavigation ul:first-child {
    display: none
}

.bulle_note_globale.top.t2 {
    position: absolute!important;
    right: 0!important;
    width: 200px!important;
    z-index: 1;
    top: 0!important;
    margin-top: 0!important;
    text-align: center;
    margin-right: 80px!important
}

body.fiche #header #header_top {
    margin-left: calc(100vw / 2 - 585px);
    width: 1150px;
    height: 70px
}

body.fiche #header #liens_bandeau {
    width: 740px;
    padding: 0 0 0 70px;
    box-sizing: border-box
}

#productHeader.gite h1 {
    color: #889603
}

#productHeader.chambre h1 {
    color: #2b40a7
}

#productHeader.camping h1 {
    color: #ff7011
}

#productHeader.citybreak h1 {
    color: #664894
}

#productHeader #sous_titre_fiche {
    width: 100%;
    margin: -5px 20px 0 0;
    font-size: 1.1em;
    display: inline-block;
    color: #505050
}

#productHeader#sous_titre_fiche #ref_heb_numero {
    font-weight: 700
}

#productHeader.gite #sous_titre_fiche #ref_heb {
    color: #889603
}

#productHeader.chambre #sous_titre_fiche #ref_heb {
    color: #2b40a7
}

#productHeader.camping #sous_titre_fiche #ref_heb {
    color: #ff7011
}

#productHeader.citybreak #sous_titre_fiche #ref_heb {
    color: #664894
}

#lien_localisation {
    color: #505050;
    position: relative;
    margin: 5px 0 0 30px;
    display: inline-block;
    padding-left: 22px;
    text-decoration: underline;
    height: 25px;
    line-height: 23px;
    font-weight: 400
}

#lien_localisation:before,#popup_ctc .close {
    margin: 0;
    top: 0;
    background-repeat: no-repeat;
    position: absolute
}

#lien_localisation:hover {
    text-decoration: none;
    color: #505050
}

#lien_localisation:before {
    content: "";
    background-image: url(../images/picto_localisation.png);
    width: 20px;
    height: 20px;
    display: block;
    left: 0
}

#popup_ctc .close {
    right: 0;
    z-index: 1;
    background-image: url(../images/pop_btn_close2.png);
    width: 30px;
    height: 30px;
    background-position: center center
}

#popup_ctc:after {
    content: "Contacter une conseillère séjour";
    background: #bda984;
    background: -moz-linear-gradient(top,#bda984 0,#a38f6c 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#bda984),color-stop(100%,#a38f6c));
    background: -webkit-linear-gradient(top,#bda984 0,#a38f6c 100%);
    background: -o-linear-gradient(top,#bda984 0,#a38f6c 100%);
    background: -ms-linear-gradient(top,#bda984 0,#a38f6c 100%);
    background: linear-gradient(to bottom,#bda984 0,#a38f6c 100%);
    width: 100%;
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 11px;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 0 1px 1px #735934
}

#popup_ctc.proprio:after {
    content: "Contacter le propriétaire"
}

body.liste #header .numero {
    margin: -15px 10px 0 15px;
    font-size: 14px
}

body.liste #header .numero>span>b {
    margin: 1px 0 1px 20px
}

body.liste #header #liens_bandeau {
    margin-top: 16px
}

body.liste #header .titre {
    background-position: 100% 63%
}

body.liste #header #btn_accueil {
    background-position: center 2px
}

body.liste .note_avis {
    width: auto!important;
    height: 25px!important;
    color: #ff7011;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.4);
    padding: 5px 35px 6px 10px;
    z-index: 100
}

body.liste .note_avis .lib_note,body.liste .note_avis .slib_note2 {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.picto-enpromo,body.liste .note_avis .nb_avis {
    text-align: center;
    font-size: 11px;
    display: block
}

body.liste .note_avis .nb_avis {
    background-image: url(../images/bulle-avis.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    position: absolute;
    right: 6px;
    top: 0;
    color: #8faf04;
    width: 20px;
    height: 25px;
    line-height: 25px;
    padding: 0 2px 0 0
}

.picto-enpromo {
    width: auto;
    height: auto;
    content: "Promo";
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 2px;
    left: 10px;
    border: 1px solid #fff;
    top: 10px;
    position: absolute;
    background-color: #ff7011;
    color: #fff
}

#choix_tri_exact:after,.assurance>span:before,.promo_pourc:after {
    content: ""
}

#choix_tri_exact,#liste_tri_exact {
    display: inline-block;
    position: relative
}

#liste_tri_exact,#moteur_listes_tri_exact_cnt {
    border: 1px solid;
    background-color: #fff;
    box-sizing: border-box
}

.picto-enpromo.resa {
    top: 40px
}

#liste_tri_exact {
    width: 170px;
    color: #333b3;
    cursor: default;
    z-index: 5000
}

#choix_tri_exact {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 12px
}

#choix_tri_exact:after {
    background-image: url(../images/picto-fl-tri.gif);
    background-repeat: no-repeat;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center center;
    padding: 0 2px
}

#moteur_listes_tri_exact_cnt {
    display: none;
    position: absolute;
    top: 23px;
    left: -1px;
    z-index: 1000;
    width: 101%
}

#liste_tri_exact .tri_exact {
    box-sizing: border-box;
    padding: 0 0 0 25px;
    position: relative;
    height: 24px;
    margin: 0;
    line-height: 22px
}

#liste_tri_exact .tri_exact.checked:after,#liste_tri_exact .tri_exact:before {
    border: 2px solid #bbb;
    width: 11px;
    height: 11px;
    left: 5px;
    top: 4px;
    position: absolute;
    content: ""
}

#valider_tri_exact {
    padding: 0 0 0 8px;
    box-sizing: border-box
}

#liste_tri_exact .tri_exact.checked:after {
    background: url(../images/bgd_searchChoices_li_a.gif) left no-repeat
}

.promo_pourc {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 3px 3px
}

.promo_pourc:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0 80px;
    border-color: transparent transparent transparent #ff7011;
    z-index: -1
}

.promo_pourc.pr1:after {
    border-color: transparent transparent transparent #2ed4c8
}

.promo_pourc.pr2:after {
    border-color: transparent transparent transparent #00aed9
}

.promo_pourc.pr3:after {
    border-color: transparent transparent transparent #d632af
}

.pagination.pourc_promo {
    width: 40%;
    text-align: right
}

.pagination.pourc_promo #nbpp {
    display: none
}

#main #mainContext .highlightNews.z1 .photo,#main #mainContext .highlightNews.z1 dd dd {
    height: 100%
}

#main #mainContext .highlightNews.z1 dd dl {
    height: 315px
}

#main #mainContext .highlightNews.z1 .bloc_promo {
    height: auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #434a54;
    padding: 5px;
    box-sizing: border-box;
    width: 65%;
    color: #fff!important;
    text-align: center
}

#lib_crit,#liste_tri_nouvelles,#liste_tri_promos,#logo_trophees {
    display: inline-block
}

#main #mainContext .highlightNews.z1 .bloc_promo a {
    color: #fff!important
}

#main #mainContext .highlightNews.z1 .flex-direction-nav {
    top: 40%!important
}

#tri_nouvelles,#tri_promo {
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px
}

#tri_pourc {
    max-width: 65px!important;
    text-align: center;
    font-size: 12px
}

#lib_crit {
    padding: 0 0 0 5px
}
#productHeader>.right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
}
#logo_trophees._2019 {
    background-image: url(../images/logo-trophees-avis3-2019.png);
}
#logo_trophees {
    background-image: url(../images/logo-trophees-avis3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 65px;
    margin-left: 0;
    margin-top: 0;
    cursor: pointer;
    /* position: absolute; */
    right: 0;
    top: 0;
    background-color: #FFF;
}

.detail_sejour {
    padding: 10px 0;
    margin: 0
}

.detail_sejour li {
    min-height: 15px;
    background: 0 0!important;
    padding: 10px 0!important;
    margin: 0!important
}

.detail_sejour li label,.detail_sejour li span {
    text-align: left;
    font-size: 12px;
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.detail_sejour li label {
    float: left
}

.detail_sejour li span {
    float: right
}

.assurance,.assurance div {
    text-align: center;
    box-sizing: border-box
}

.assurance,.assurance:hover>div {
    display: block
}

.detail_sejour.tab li {
    border-bottom: 1px solid #707070
}

.detail_sejour.tab .total_sejour {
    border: none;
    font-weight: 700
}

.detail_sejour.tab .total_sejour label {
    font-size: 22px;
    color: #707070
}

.detail_sejour.tab .total_sejour span {
    font-size: 24px;
    color: #889603
}

.assurance {
    width: 100%;
    padding: 2px 0 5px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    text-decoration: underline
}

.assurance>span {
    position: relative;
    padding: 0 0 0 21px
}

.assurance>span:before {
    position: absolute;
    border-radius: 50px;
    background-color: #ee2c12;
    width: 10px;
    height: 10px;
    left: 0;
    top: 5px;
    display: block
}

.assurance div {
    display: none;
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    position: absolute;
    background-color: #fff;
    z-index: 100
}

.assurance div a {
    color: #ff610d;
    text-decoration: underline!important;
    margin: 5px 0
}

.sejour_apartir {
    color: #ff7011;
    font-weight: 700;
    font-size: 20px
}

body.liste .col {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3)
}

body.liste #liste_choix_crit:not(:empty) {
    padding-left: 0;
}

body.liste #liste_choix_crit:not(:empty):before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-top: 0;
    margin-right: 10px;
    background: #01633c url(../images/filter.svg) no-repeat center 9px/16px;
    border-radius: 50%;
}

body.liste #liste_choix_crit:not(:empty):after {
    content: "";
    position: absolute;
    left: 28px;
    top: 19px;
    width: 0;
    height: 0;
    border-color: transparent #01633c;
    border-width: 6px 0 6px 8px;
    border-style: solid;
}

body.liste #liste_choix_crit {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #4c4c4c;
    padding: 10px 5px;
    position: relative;
}

body.liste #liste_choix_crit>a {
    border: solid 1px #dce0e0;
    padding: 8px 12px 8px 28px;
    font-size: 12px;
    font-weight: normal;
    background: #00623b;
    color: #fff;
    border-radius: 16px;
    border: none;
    outline: none;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    animation: displaySelectedFilters 0.3s forwards;
    opacity: 0;
    transform: translateX(-20px);
}

@keyframes displaySelectedFilters {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

body.liste #liste_choix_crit>a:nth-child(2) {
    animation-delay: 0.05s;
}

body.liste #liste_choix_crit>a:nth-child(3) {
    animation-delay: 0.1s;
}

body.liste #liste_choix_crit>a:nth-child(4) {
    animation-delay: 0.15s;
}

body.liste #liste_choix_crit>a:nth-child(5) {
    animation-delay: 0.2s;
}

body.liste #liste_choix_crit>a:nth-child(6) {
    animation-delay: 0.25s;
}

body.liste #liste_choix_crit>a:nth-child(7) {
    animation-delay: 0.3s;
}

body.liste #liste_choix_crit>a:nth-child(8) {
    animation-delay: 0.35s;
}

body.liste #liste_choix_crit>a:nth-child(9) {
    animation-delay: 0.4s;
}

body.liste #liste_choix_crit>a:nth-child(10) {
    animation-delay: 0.45s;
}

body.liste #liste_choix_crit>a:hover {
    background: #024c2f;
}

body.liste #liste_choix_crit>a:before,body.liste #liste_choix_crit>a:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    height: 2px;
    background: #fff;
    width: 12px;
    margin-top: -1px;
}

body.liste #liste_choix_crit>a:before {
    transform: rotate(45deg);
}

body.liste #liste_choix_crit>a:after {
    transform: rotate(-45deg);
}

body.liste #moteur_rlst #filtres #btn-close-plus:hover {
}

body.liste #moteur_rlst #filtres #btn-close-plus {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 42px;
    height: 42px;
    color: #000;
    cursor: pointer;
    transition: transform 0.3s;
    z-index: 9999999;
}

body.liste #moteur_rlst #filtres #btn-close-plus:before {
    transform: rotate(45deg);
}

body.liste #moteur_rlst #filtres #btn-close-plus:after {
    transform: rotate(-45deg);
}

body.liste #moteur_rlst #filtres #btn-close-plus:before,body.liste #moteur_rlst #filtres #btn-close-plus:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    height: 2px;
    background: #000;
    top: 50%;
    margin-top: -1px;
}

.lib_infos_planning>span:before,.votre_sejour.loader:before {
    content: "";
    background-repeat: no-repeat
}

body.liste #moteur_rlst #filtres #btn-close-plus:hover {
    transform: rotate(180deg);
}

body.liste .col:first-child {
    display: inline-block;
    width: auto;
}

body.liste .col:first-child li {
    display: inline-block;
    width: auto
}

.promo_pourc.pr1 {
    text-align: left
}

.promo_pourc.pr1.sem2::after {
    border-width: 65px 0 0 100px
}

.promo_pourc.pr1.sem2 span {
    font-size: 10px;
    display: block
}

.bouton_switch_saison {
    color: #fff;
    background-color: #f60;
    font-size: 12px;
    padding: 9px 10px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer
}

.bouton_switch_saison:hover {
    background-color: #f93
}

.bouton_switch_saison_fiche {
    color: #505050;
    position: relative;
    margin: 5px 0 0 30px;
    display: inline-block;
    padding-left: 0;
    text-decoration: underline;
    height: 25px;
    line-height: 23px;
    font-weight: 400
}

.body_print #coords {
    width: 49%
}

.body_print #caracts_fiche {
    height: auto!important;
    height: auto;
    margin-bottom: 0;
    width: 45%
}

.body_print #caracts_fiche>ul li {
    width: 100%
}

.body_print .print_cadre {
    border: 1px solid #333;
    padding: 5px 9px;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 0 10px
}

#cnt_widget_dispo {
    text-align: center;
    display: block
}

#cnt_widget_dispo iframe {
    float: none!important;
    display: inline-block;
    margin: 0 auto 15px;
    width: 100%
}

#cnt_widget_dispo #bdc_wd_voir,.contact_fixed #cnt_widget_dispo iframe {
    display: none
}

.contact_fixed #cnt_widget_dispo {
    position: relative;
    z-index: 100;
    margin: 0;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 25px;
    font-size: 12px
}

.contact_fixed #cnt_widget_dispo #bdc_wd_voir {
    display: inline-block;
    height: 25px;
    width: 100%;
    background-color: #fff;
    color: #333;
    text-align: center;
    cursor: pointer
}

.contact_fixed #cnt_widget_dispo #close_wdv {
    display: none;
    position: absolute;
    right: 5px;
    top: 2px;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer
}

.tarifs_valables_sejour {
    font-size: 12px!important;
    border: none!important;
    text-align: right
}

.tarifs_valables_sejour.centre {
    text-align: center;
    margin-top: 3px
}

.votre_sejour.loader:before {
    background-image: url(../images/loader.gif);
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    z-index: 1000
}

.votre_sejour.loader .detail_sejour {
    opacity: .4
}

.tarifs_verif_sejour.centre {
    font-size: 12px!important;
    border: none!important;
    text-align: right;
    text-align: center;
    margin-top: 3px
}

.lib_connaitre_prix,.lib_infos_planning {
    display: inline-block;
    font-size: 12px;
    width: 100%
}

.lib_connaitre_prix {
    text-align: center;
    padding: 0 35px 15px!important;
    box-sizing: border-box
}

.lib_infos_planning {
    height: 20px;
    text-align: center;
    padding-left: 0;
    position: relative;
    margin: 10px 0
}

.lib_infos_planning>span:before {
    background-image: url(../images/cal-moteur.png);
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    display: block
}

.lg_cal,.lg_cal>li {
    display: inline-block;
    height: auto
}

.lib_infos_planning>span {
    position: relative;
    padding-left: 21px
}

.lg_cal {
    list-style: none;
    width: 100%;
    text-align: center;
    font-size: 11px
}

.lg_cal>li {
    width: auto;
    padding: 0 0 10px!important;
    position: relative;
    background: 0 0!important;
    margin: 0 2px 0 0!important
}

.lg_cal>li.lg_ferme:before,.lg_cal>li.lg_indisp:before,.lg_cal>li.lg_libre:before {
    width: 16px;
    height: 15px;
    top: 0;
    content: "";
    display: inline-block;
    left: 0
}

.lg_cal>li.lg_ferme:before {
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff
}

.lg_cal>li.lg_indisp:before {
    position: absolute;
    background-color: #ca0000
}

.lg_cal>li.lg_libre:before {
    position: absolute;
    background-color: #8faf04
}

.lg_cal>li>label {
    margin: 0;
    padding: 0 0 0 21px
}

.prix_hp {
    position: absolute;
    right: 60px;
    text-decoration: line-through
}

.liens_tri_phrs,.liens_tri_phrs.off {
    font-size: 13px;
    text-decoration: underline
}

.skiptranslate {
    height: 0;
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0
}

.skiptranslate iframe {
    display: none!important
}

#google_translate_element,#lien_sur_loc,#menu_lang ul>ul {
    display: none
}

body {
    top: 0!important
}

#menu_lang {
    position: absolute;
    right: -40px;
    top: 0;
    width: 35px;
    height: 18px;
    z-index: 10010!important;
    margin-top: 7px
}

#menu_lang ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    height: 100%
}

#menu_lang>ul>li:before {
    content: "";
    background: url(../images/drapeaux/select.gif) 0 4px;
    background-size: auto auto;
    width: 8px;
    height: 18px;
    position: absolute;
    right: 2px;
    pointer-events: none
}

#menu_lang ul li,#menu_lang>ul {
    position: relative
}

#menu_lang ul li {
    padding: 0 0 2px;
    display: inline-block;
    width: 35px;
    height: 20px;
    box-sizing: border-box;
    margin: 0
}

#menu_lang ul li a {
    box-sizing: border-box;
    border-right: none!important;
    background-repeat: no-repeat;
    width: 35px!important;
    height: 20px!important;
    background-position: 0 0;
    background-size: contain
}

#menu_lang ul li.mlr_fr a {
    background-image: url(../images/drapeaux/fr.jpg);
    background-size: 25px 18px
}

#menu_lang ul li.mlr_en a {
    background-image: url(../images/drapeaux/en.jpg);
    background-size: 25px 18px
}

#menu_lang ul li.mlr_de a {
    background-image: url(../images/drapeaux/al.jpg);
    background-size: 25px 18px
}

#menu_lang ul li.mlr_it a {
    background-image: url(../images/drapeaux/it.jpg);
    background-size: 25px 18px
}

body.articles #header {
    overflow: visible!important
}

#header #liens_bandeau.de a {
    padding: 0 5px 0 0!important
}

body.articles #header,body.liste #header {
    height: 85px
}

body.fiche #header {
    min-height: 107px
}

body.fiche #header .numero {
    margin: -20px 46px 0 15px
}

body.articles #header,body.articles #header #header_top,body.articles #header:before,body.mon-panier #header,body.mon-panier #header #header_top,body.mon-panier #header:before,body.rubriques #header,body.rubriques #header #header_top,body.rubriques #header:before {
    height: 100px;
    overflow: visible
}

.divWidgetItea li,.divWidgetItea ul {
    list-style: none;
    background: 0 0
}

.divContentWidgetAvecCss .div_ficheTarifsAvecDispo .tarifsAvecDispo_detailUnMois_tarifUneDuree td {
    border-bottom: none
}

.divContentWidgetAvecCss li[data-duree-tarif=mid-week],.divContentWidgetAvecCss li[data-duree-tarif=week-end] {
    visibility: hidden!important
}

body.fiche .calendrier.fixed {
    position: fixed;
    top: 0!important;
    margin-top: 46px
}

.tarifsAvecDispo_detailUnMois_tarifUneDuree .libre {
    cursor: pointer
}

#main #reservationHighlight .votre_sejour.loader {
    min-height: 150px;
    display: block;
}

.liens_tri_phrs {
    font-weight: 700;
    color: #c60
}

.liens_tri_phrs.off {
    font-weight: 400;
    color: #333;
    cursor: pointer
}

#mail_prop_ln,#tel_prop_ln {
    display: inline-block!important;
    font-size: .9em!important;
    vertical-align: top
}

#lib_nb_loc_dn,#nb_offres_corresp.orange strong {
    color: #c60
}

#cnt_lib_votre_sejour {
    display: inline-block;
    font-weight: 700;
    padding: 0 0 7px!important;
    width: 100%;
    color: #000!important
}

#callProprio #titre_uq {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
    padding: 0 0 7px
}

#tel_prop_ln {
    width: 35%!important
}

#mail_prop_ln {
    width: 48%!important
}

#dv_fiche_cadre_gris {
    background-color: #fff;
    font-size: 13px;
    float: left;
    border: 1px solid #e1e1e1;
    padding: 5px;
    width: 100%;
    display: block;
    margin: 0;
    border-radius: 0;
    color: #333;
    box-sizing: border-box;
    text-align: center
}

#dv_fiche_cadre_gris a {
    color: #333;
    background: 0 0;
    padding: 0 0 2px;
    font-weight: 400;
    margin-top: 2px;
    font-size: .9em;
    display: inline-block;
    text-decoration: underline!important;
    width: 100%
}

#moteur #auto_compl_ref .int_auto_compl,#moteur_bplans #auto_compl_ref .int_auto_compl {
    height: 20px!important;
    box-sizing: border-box;
    margin: 0;
    padding: 0!important;
    background: 0 0
}

#auto_compl_ref .int_auto_compl a {
    float: left;
    font-size: .85em;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 2px 7px!important;
    box-sizing: border-box
}

body.liste .sfiltres .col {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3)
}

body.liste .sfiltres .col:first-child li {
    display: block;
    width: auto
}

body.liste #filtres>.col:first-child {
    background-color: #fff;
}

body.liste #moteur_rlst #filtres .sfiltres .filtre.type_location>ul>li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

body.liste #moteur_rlst #filtres .sfiltres .dropdown-menu {
    align-items: stretch;
}

body.liste #moteur_rlst #filtres .sfiltres .dropdown-menu>li:empty {
    display: none;
}

body.liste #moteur_rlst #filtres .sfiltres .dropdown-menu>li {
    width: 50%;
    margin-bottom: 5px;
}

body.liste #moteur_rlst #filtres .sfiltres .dropdown-menu>li>a {
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.liste #moteur_rlst #filtres .sfiltres .filtre.type_location>ul>li>div {
    width: 50%;
    position: relative;
    padding-bottom: 0;
}

body.liste #moteur_rlst #filtres .sfiltres .filtre.type_location>ul>li>div:empty {
    display: none;
}

body.liste #moteur_rlst #filtres .sfiltres .filtre {
    padding: 15px;
}

body.liste #moteur_rlst #filtres .sfiltres>.container {
    max-height: calc(100vh - 90px);
    overflow: auto;
    max-width: 100%;
    width: 1400px;
    margin: auto;
    margin-top: calc(100vh - 90px);
    padding: 15px;
    box-sizing: border-box;
    margin-top: 30px;
    display: flex;
}

body.liste #moteur_rlst #filtres .sfiltres>.box-window {
    max-width: 1200px;
    max-height: calc(100vh - 30px);
    background: #fff;
    border-radius: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    display: block!important;
}

body.liste #moteur_rlst #filtres .sfiltres>.box-window>.container {
    max-height: calc(100vh - 90px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    box-sizing: border-box;
}

body.liste #moteur_rlst #filtres .sfiltres {
    display: none;
    background-color: rgba(0,0,0,0.7);
    padding: 0;
    box-sizing: border-box;
    margin: 0!important;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    z-index: 999999;
    box-sizing: border-box;
    right: 0;
    bottom: 0;
    padding-bottom: 30px;
}

body.liste #moteur_rlst #filtres .filtre.resa div.infos_bl_malin {
    text-align: center;
    width: 100%
}

body.liste #moteur_rlst #filtres .filtre.resa>.dropdown-menu {
    min-width: 80%
}

#tri_listes {
    margin-top: 10px
}

#productDescription .zones_details_fiche .contenu {
    display: block!important
}

#productDescription .zones_details_fiche .titre>span:before {
    display: none
}

#productDescription .zones_details_fiche .titre {
    pointer-events: none
}

#sitemap #sitemap2 {
    display: inline-block;
    vertical-align: top;
    max-width: 210px
}

body.liste #moteur_rlst #filtres .filtre.resa #infos_bl14.infos_bl_malin {
    width: auto!important
}

.row_top {
    display: inline-block;
    width: 100%;
    padding: 0 0 10px
}

.row_top .nouvelle_recherche {
    padding: 7px 10px 5px 30px;
    display: inline-block;
    width: auto;
    height: 20px;
    margin: 5px 0;
    text-decoration: none;
    background-color: #e7e7e7;
    color: #dd540a;
    font-size: 1.25em;
    font-weight: 700;
    position: relative
}

.row_top .nouvelle_recherche:before {
    border-style: solid;
    border-width: 0;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    position: absolute;
    content: "";
    display: block;
    left: 13px;
    top: 11px;
    width: 7px;
    height: 7px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    transform: rotate(-135deg);
    border-radius: 0
}

.message_resa {
    float: right;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 1.25em;
    background-color: #e7e7e7;
    color: #000;
    display: inline-block;
    margin-right: 0
}

.bulle_note_globale.top.t2.mgt {
    top: 0
}

body.fiche #main #cnt_cld {
    margin-top: 21px
}

#btn_site_video_proprio {
    background-color: #ff7011;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    height: auto;
    bottom: inherit;
    left: inherit;
    margin: 0
}

#btn_site_web_proprio {
    background-color: #ff7011;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    height: auto;
    bottom: inherit;
    left: inherit;
    margin: 15px 0 15px;
    text-decoration: none
}

#popup_video {
    position: fixed;
    left: calc((100vw - 700px)/ 2);
    top: calc((100vh - 00px)/ 2.5);
    width: 700px;
    height: 500px;
    background-color: #000;
    padding: 20px 5px 0;
    box-shadow: 0 0 0 100000px rgba(0,0,0,.7)
}

#popup_video #cnt_pop_video {
    width: 100%;
    height: 100%
}

#popup_video .btn_close {
    width: 20px;
    height: 20px;
    margin: -6px
}

.content.carte_videos {
    margin: 0;
    float: none;
    overflow: visible;
    min-width: 100%
}

#carte_videos {
    width: 100%;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

#cartes_videos * {
    box-sizing: border-box
}

#carte_videos #cnt_carte_videos {
    margin: 40px 0 20px;
    width: 100%;
    height: calc(100vh - 120px);
    overflow: hidden;
    position: relative
}

#carte_videos #carte {
    width: 100%;
    height: 100%
}

#carte_videos #content,#carte_videos .leaflet-popup-content,.leaflet-popup-content-wrapper {
    padding: 0!important;
    margin: 0!important;
    width: 251px!important
}

#carte_videos .leaflet-popup-close-button {
    text-decoration: none;
    color: #fff
}

#carte_videos .vignette {
    width: 100%!important;
    height: 166px;
    display: block;
    padding: 0!important;
    margin: 0!important;
    cursor: pointer
}

#carte_videos .descr {
    padding: 10px;
    text-align: center;
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box!important
}

#carte_videos .titre {
    color: #3a485f;
    font-weight: 700;
    font-size: 15px
}

#carte_videos a {
    color: #3a485f;
    font-weight: 400;
    text-decoration: underline;
    font-size: 14px
}

#cartes_videos .leaflet-popup {
    box-sizing: border-box!important
}

#carte_videos #popup_video {
    border-radius: 0;
    padding: 0
}

#carte_videos #cnt_pop_video {
    padding: 0
}

#carte_videos .close {
    position: absolute;
    margin: 0;
    right: -20px;
    top: -60px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

#carte_videos .close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.971 47.971'%3E%3Cpath d='M28.228 23.986L47.092 5.122a2.998 2.998 0 0 0 0-4.242 2.998 2.998 0 0 0-4.242 0L23.986 19.744 5.121.88a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l18.865 18.864L.879 42.85a2.998 2.998 0 1 0 4.242 4.241l18.865-18.864L42.85 47.091c.586.586 1.354.879 2.121.879s1.535-.293 2.121-.879a2.998 2.998 0 0 0 0-4.242L28.228 23.986z' fill='%23fff'/%3E%3C/svg%3E")
}

#cnt_videos {
    width: 100%;
    height: auto
}

#cnt_videos * {
    box-sizing: border-box
}

#cnt_videos>div {
    list-style: none;
    width: 100%;
    display: inline-block
}

#cnt_videos>div>div {
    width: calc(100% / 3);
    padding: 0 10px;
    display: inline-block;
    vertical-align: top
}

#cnt_videos>div>div .vignette {
    width: 375px;
    height: 225px
}

#cnt_videos>div>div .titre {
    font-size: 18px;
    padding: 5px 0
}

#cnt_videos>div>div a {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0 35px;
    display: inline-block;
    width: 100%;
    text-align: left
}

#cnt_videos>div>div.left {
    padding-left: 0
}

#cnt_videos>div>div.right {
    padding-right: 0
}

#carte_videos .titre_page {
    font-size: 24px;
    padding: 30px 0 0;
    display: inline-block;
    width: 100%;
    color: #f60
}

#sitemap[data=carte-videos] #cnt_sitemap {
    margin: 0 auto!important
}

html[lang=en] #og_avis_clients,html[lang=en] #og_description,html[lang=it] #og_avis_clients,html[lang=it] #og_localisation {
    font-size: 0
}

html[lang=en] #og_avis_clients br,html[lang=en] #og_description br,html[lang=it] #og_avis_clients br,html[lang=it] #og_localisation br {
    display: none!important
}

html[lang=en] #og_avis_clients:before {
    content: "Reviews";
    font-size: 12px
}

html[lang=en] #og_description:before {
    content: "Description";
    font-size: 12px
}

html[lang=it] #og_avis_clients:before {
    content: "Clienti Avis";
    font-size: 12px
}

html[lang=it] #og_localisation:before {
    content: "Localizzazione";
    font-size: 12px
}

html[lang=en] #onglet_tarifs_dispos .onglet_titre.tarifs:before {
    content: "Prices and availability"!important
}

html[lang=en] #onglet_avis_clients .onglet_titre:before {
    content: "Reviews"
}

html[lang=en] #onglet_localisation .onglet_titre:before {
    content: "Location Tourism"
}

html[lang=en] #onglet_proprio .onglet_titre:before {
    content: "Your owner"
}

html[lang=de] #onglet_description .onglet_titre:before {
    content: "Beschreibung"
}

html[lang=de] #onglet_tarifs_dispos .onglet_titre.tarifs:before {
    content: "Preise und Verfügbarkeit"!important
}

html[lang=de] #onglet_avis_clients .onglet_titre:before {
    content: "Avis Kunden"
}

html[lang=de] #onglet_localisation .onglet_titre:before {
    content: "Lage Tourismus"
}

html[lang=de] #onglet_proprio .onglet_titre:before {
    content: "Ihr Besitzer"
}

html[lang=it] #onglet_description .onglet_titre:before {
    content: "Descrizione"
}

html[lang=it] #onglet_tarifs_dispos .onglet_titre.tarifs:before {
    content: "Prezzi e disponibilità"!important
}

html[lang=it] #onglet_avis_clients .onglet_titre:before {
    content: "Clienti Avis"
}

html[lang=it] #onglet_localisation .onglet_titre:before {
    content: "Localizzazione Turismo"
}

html[lang=it] #onglet_proprio .onglet_titre:before {
    content: "Il vostro proprietario"
}

#boutons_plusde_filtres,#boutons_plusde_filtres_fermer {
    display: none
}

body.tourisme * {
    box-sizing: border-box
}

#header #header_top,body.tourisme #header::before {
    height: 94px
}

body.tourisme #titre_tourisme {
    color: #000;
    margin: 0;
    padding: 0 10px 10px;
    font-weight: 700;
    font-size: 18px;
    position: relative
}

body.tourisme #cnt {
    display: inline-block;
    width: 100%;
    padding: 30px 0
}

body.tourisme #cnt_actu {
    display: flex;
    flex-wrap: wrap
}

body.tourisme #cnt_actu .actu {
    width: calc(100% / 3 - 20px);
    margin: 10px;
    border: none
}

body.fiche #cnt_actu .actu {
    width: calc(100% / 3 - 20px);
    margin: 10px;
    border: none;
    cursor: pointer
}

body.tourisme #cnt_actu .photo_tourisme {
    width: 100%;
    opacity: 1;
    transition: opacity .3s ease;
    cursor: pointer
}

body.tourisme #cnt_actu .photo_tourisme:hover {
    opacity: .5
}

body.tourisme #cnt_actu .infos {
    color: #333!important;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

body.tourisme #cnt_actu .infos .titre_tourisme {
    color: #f60;
    cursor: pointer;
    padding: 10px 0
}

body.articles #barre_tchat #lien_preferences,body.rubriques #barre_tchat #lien_preferences,body.tourisme #barre_tchat #lien_preferences {
    display: none!important
}

body.tourisme #cnt_actu .descr_tourisme {
    display: none
}

body.fiche #pop_infos_tourisme,body.tourisme #pop_infos_tourisme {
    display: none;
    font-size: 17px;
    position: absolute;
    top: 80px;
    left: calc((100% - 830px)/ 2);
    width: 830px;
    max-height: auto;
    background-color: #fff;
    z-index: 100000;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 0 0 200000px rgba(0,0,0,.5)
}

body.fiche #pop_infos_tourisme .infos,body.tourisme #pop_infos_tourisme .infos {
    display: flex
}

body.fiche #pop_infos_tourisme .photo,body.tourisme #pop_infos_tourisme .photo {
    height: 210px;
    width: 240px;
    border-radius: 50%;
    background-size: cover
}

body.fiche #pop_infos_tourisme .descr,body.tourisme #pop_infos_tourisme .descr {
    width: 75%;
    background-color: #fff;
    padding: 0 20px;
    box-sizing: border-box
}

body.fiche #pop_infos_tourisme .descr.larg,body.tourisme #pop_infos_tourisme .descr.larg {
    width: 100%
}

body.fiche #pop_infos_tourisme .descr div,body.tourisme #pop_infos_tourisme .descr div {
    width: 100%;
    padding: 0 0 10px
}

body.fiche #pop_infos_tourisme .descr .titre,body.tourisme #pop_infos_tourisme .descr .titre {
    font-weight: 700;
    color: #f60
}

body.fiche #pop_infos_tourisme .descr .dates,body.tourisme #pop_infos_tourisme .descr .dates {
    color: #f60
}

body.fiche #pop_infos_tourisme .lieu,body.tourisme #pop_infos_tourisme .descr .lieu {
    color: #f60;
    font-weight: 700
}

body.fiche #pop_infos_tourisme .descr .descriptif,body.tourisme #pop_infos_tourisme .descr .descriptif {
    overflow: auto;
    max-height: 400px
}

body.tourisme #pop_infos_tourisme .close {
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 700;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -25px;
    top: -15px;
    text-align: center;
    cursor: pointer
}

body.fiche #pop_infos_tourisme .close {
    display: inline-block;
    font-size: 0;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 700;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -13px;
    top: -15px;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

body.fiche #pop_infos_tourisme .close:hover,body.tourisme #pop_infos_tourisme .close:hover {
    color: #000!important
}

body.fiche #pop_infos_tourisme .close:before,body.tourisme #pop_infos_tourisme .close:before {
    content: "X";
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    line-height: 30px;
    cursor: pointer
}

body.tourisme #article_actu {
    font-size: 15px;
    padding: 10px 10px 20px
}

body.tourisme .lieu_tourisme a {
    border-bottom: 1px dotted #333;
    padding: 0 0 2px;
    display: inline-block;
    margin: 0 0 3px
}

.filtre_mois_cnt {
    text-align: center;
    width: calc(100% - 20px);
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
    box-sizing: border-box
}

.filtre_mois_cnt .filtre_mois {
    display: flex;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.filtre_mois_cnt .filtre_mois li {
    cursor: pointer;
    display: inline-block;
    width: auto;
    vertical-align: top;
    background: 0 0;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #ddd
}

.filtre_mois_cnt .filtre_mois li a {
    text-decoration: none
}

.filtre_mois_cnt .filtre_mois li.active {
    background-color: #f57900;
    border: 1px solid #f57900
}

.filtre_mois_cnt .filtre_mois li.active>a {
    color: #fff
}

.filtre_mois_cnt .filtre_semaines {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px;
    list-style: none;
    text-align: center;
    background-color: #efeFEF80
}

.filtre_mois_cnt .filtre_semaines li {
    text-decoration: none;
    background: 0 0;
    display: inline-block;
    width: auto;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 0 10px;
    cursor: pointer
}

.filtre_mois_cnt .filtre_semaines li a {
    text-decoration: none
}

.filtre_mois_cnt .filtre_semaines li.active {
    background-color: #f57900;
    border: 1px solid #f57900
}

.filtre_mois_cnt .filtre_semaines li.active>a {
    color: #fff
}

.loader {
    display: none
}

.lds-dual-ring {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    background-color: #fff
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #000;
    margin: auto;
    margin-top: 25%!important;
    border-color: #000 transparent #000 transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

body.tourisme .cnt_infos,body.fiche .cnt_infos {
    display: inline-block;
    width: 100%;
    background-color: #EFEFEF;
    padding: 5px;
    margin: 5px 0 0;
    box-sizing: border-box;
}

body.tourisme .cnt_infos span,body.fiche .cnt_infos span {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}

body.tourisme .cnt_infos span a,body.fiche .cnt_infos span a {
    text-decoration: underline;
    font-weight: normal;
}

body.tourisme .lieu_tourisme a {
    border-bottom: 1px dotted #333;
    padding: 0 0 2px;
    display: inline-block;
    margin: 0 0 3px;
}

.div_contentMedia.g2927330:before {
    content: "";
    background-image: url(../images/cc-fiche.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 10px;
    background-size: contain;
    background-position: center center;
}

#frm_carnet {
    font-size: 16px;
    display: inline-block;
    padding: 10px 0 20px;
    width: 100%;
    position: relative;
}

#frm_carnet>label {
    display: inline-block;
    color: #7ea112;
    font-weight: bold;
    width: 100%;
}

#frm_carnet>div {
    display: inline-block;
    color: #000;
    width: 50%;
}

#frm_carnet input {
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}

#frm_carnet #btn_connexion {
    cursor: pointer;
    background-color: #f60;
    color: #FFF;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    padding: 11px 10px;
}

#frm_carnet .loader.lds-dual-ring {
    width: 100%;
    height: 100%
}

#frm_carnet .lds-dual-ring::after {
    margin-top: 0!important;
}

body.rubriques.moncompte #contenu_regroupements #cote_gauche {
    width: 100%;
}

body.rubriques.moncompte .bloc_rub_moncompte {
    width: 100%
}

body.rubriques.moncompte #contenu_regroupements #cote_gauche #bloc {
    box-sizing: border-box;
    margin: 0 0 15px;
    width: calc(100% / 3 - 6px);
    background-color: #fff;
    min-height: 350px;
}

body.rubriques.moncompte #contenu_regroupements #cote_gauche #bloc .interbloc2 {
    width: 100%;
    margin: 0;
}

body.rubriques.moncompte #contenu_regroupements #cote_gauche #bloc:nth-child(2) {
    padding: 0 15px 0;
}

body.rubriques.moncompte #contenu_regroupements #cote_gauche #bloc .interbloc2 h1 {
    padding: 10px;
}

body.rubriques.moncompte #contenu_regroupements #cote_gauche #bloc .interbloc2 div {
    margin: 0;
    padding: 10px
}

body.rubriques.moncompte #frm_carnet>div.message_carnet {
    display: none;
    color: #FFF !important;
    background-color: rgba(255,0,0,0.6);
    font-weight: bold;
    padding: 10px 20px;
    box-sizing: border-box;
    min-width: calc(100% - 18px);
    text-align: center;
    font-size: 17px;
    margin-top: 10px;
    font-style: italic;
}

.div_widget_itea_avis_groupeNotes img {
    height: 10px;
    display: inline-block;
}

.div_widget_itea_avis_reponseClient>div>.avis_avatar>img {
    width: 88px;
    height: 88px;
    display: block;
    margin: auto;
}
.ImageLoader,[data-background-image] {
    opacity: 0.001;
    transition: opacity 0.3s 0.1s;
}
.ImageLoader.ImageLoaderLoaded{
    opacity:1;
}


/**
* Update 22/01/2020 - #4666
**/
#mainContext #reservationHighlight #dv_bdc_resa_fiche #lien_btn_resa.demande {
    font-size: 14px!important;
    cursor: pointer;
}

@keyframes displaySubContactProp{
    from{transform:translateY(-20px);opacity:0;}
}
.subcontactprop {
    animation:displaySubContactProp 0.3s;
    display: none;
    margin: 10px 0;
    /* background: #f5f5f5; */
    padding: 10px;
    border: solid 1px #f0f0f0;
    justify-content: space-around;
    border-radius: 8px;
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.2); */
    text-align: center;
}
.display-subcontactprop+.subcontactprop{display: block;}
.subcontactprop>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5px;
}
.subcontactprop>div.content_tel {
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 10px;
    box-sizing: border-box;
}
.subcontactprop>div>a {
    width: initial!important;
}

/** Scroller horizontal **/
.scroller-grill>{
    position: relative;
}
/** Width 1160px **/
.scroller-grill,.scroller-grill>.scroller-container, .scroller-grill>.scroller-container>.parent-bande {
    width: 1160px;
    margin: auto;
    position: relative;
    max-width: 100%;
}

/** Width 1160px **/
.scroller-grill>.scroller-container>.parent-bande .blocs>.bloc {
    width: calc(1160px / 3 - 20px);
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    box-sizing: border-box;
}

.scroller-grill>.scroller-container>.parent-bande .blocs {
    display: flex;
    justify-content: flex-start;
}

.scroller-grill>.scroller-container>.parent-bande>.bande {
    width: 100000px;
    transition: transform 0.3s;
}

.scroller-grill>.scroller-container>.parent-bande .blocs>.bloc:not(:last-child) {
    margin-right: 30px;
}

.scroller-grill>.scroller-container>.parent-bande {
    width: 100%;
    /* overflow: hidden; */
    transition: transform 0.3s;
}
.scroller-grill>.scroller-container {
    overflow: hidden;
}
.scroller-grill>.nav>div.prev:hover>div {transform: translateX(22px);}
.scroller-grill>.nav>div.next:hover>div {transform: translateX(-22px);}
.scroller-grill>.nav>div {
    position: absolute;
    top: 0;
    bottom: 0;
    /* transform: translateY(-50%); */
    width: 100px;
    /* height: 100%; */
    /* background: red; */
    cursor: pointer;
    overflow: hidden;
    transition: opacity 0.3s;
    -webkit-tap-highlight-color: transparent;
}

.scroller-grill {
    position: relative;
}

.scroller-grill>.nav>.prev {
    right: 100%;
    /* margin-right: 10px; */
}

.scroller-grill>.nav>.next {
    left: 100%;
    /* margin-left: 10px; */
}
.scroller-grill>.nav>div:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;}

.scroller-grill>.nav>div.prev:before {
    background: linear-gradient(90deg, #fff, transparent);
}
.scroller-grill>.nav>div.next:before {
    background: linear-gradient(90deg, transparent,#fff);
}
.scroller-grill>.nav>.next:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 20px;
    height: 20px;
    z-index: 10;
    transform: rotate(45deg);
    margin-left: -22px;
    margin-top: -10px;
}
.scroller-grill>.nav>.prev:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: solid 2px #000;
    border-left: solid 2px #000;
    width: 20px;
    height: 20px;
    z-index: 10;
    transform: rotate(-45deg);
    margin-left: 0px;
    margin-top: -10px;
}


.scroller-grill>.nav>div>div {
    position: absolute;
    top: 0;
    bottom: 0;
    transition: transform 0.35s, filter 0.3s;
    pointer-events: none;
    filter: grayscale(1);
}

.scroller-grill>.nav>div.prev>div, .scroller-grill>.nav>div.prev>div>.bloc {
    right: 0;
}

.scroller-grill>.nav>div.next>div, .scroller-grill>.nav>div.next    >div>.bloc {
    left: 0;
}
@keyframes outToLeft{
    to{transform:translateX(-100%);}
}
@keyframes outToRight{
    to{transform:translateX(100%);}
}
@keyframes inToLeft{
    from{transform:translateX(100%);}
}
@keyframes inToRight{
    from{transform:translateX(-100%);}
}
.scroller-grill>.nav>div>div>.bloc.out.to-left {
    animation:outToLeft 0.3s forwards;
}
.scroller-grill>.nav>div>div>.bloc.out.to-right {
    animation:outToRight 0.3s forwards;
}
.scroller-grill>.nav>div>div>.bloc.from-left {
    animation:inToRight 0.3s;
}
.scroller-grill>.nav>div>div>.bloc.from-right {
    animation:inToLeft 0.3s;
}
.scroller-grill>.nav>div>div>.bloc {
    width: 350px;
    margin: 0 10px;
    position: absolute;
    top:0;
    bottom:0;
    /* filter: blur(1px); */ 
}
.scroller-grill>.nav>div:hover>div {
    filter: grayscale(0);
}
.scroller-grill>.nav>div.disabled {
    opacity: 0;
    pointer-events: none;
}
@media(max-width:700px){
    .scroller-grill {
        padding: 0 30px;
        box-sizing: border-box;
    }
    
    .scroller-grill>.scroller-container>.parent-bande .blocs>.bloc {
        width: calc(100vw - 100px);
        /* max-width: 400px; */
        margin: 0!important;
    }
    .scroller-grill>.nav>.prev {
    margin-right: -40px;
}

.scroller-grill>.nav>.next {
    margin-left: -40px;
}
    .scroller-grill>.scroller-container>.parent-bande {
        transform: none!important;
    }
    
    .scroller-grill>.nav>div:hover>div {
        transform: none!important;
    }    
}
form.contact-form {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 20px auto;
    justify-content: space-between;
}

form.contact-form>div {
    width: calc(100% / 2 - 30px);
    display: flex;
    align-items: center;
    padding: 10px 0;
    box-sizing: border-box;
    min-width: 260px;
}

form.contact-form>div>label {
    min-width: 100px;
    text-align: left;
    color: #505050;
    font-size: 16px;
    padding-right: 10px;
    box-sizing: border-box;
    margin: 0;
}

form.contact-form>.wide {
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}
form.contact-form>.wide>textarea {display: block;width: 100%;}

form.contact-form>.wide>label {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
}

form.contact-form>input {flex: 1;}

form.contact-form>div>input {
    flex: 1;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 2px;
    border: solid 1px #a9a9a9;
    outline: navajowhite;
}

form.contact-form>div:not(:nth-child(2n)):not(.wide) {
    /* padding-right: 60px; */
    box-sizing: border-box;
}

form.contact-form>div>textarea {
    padding: 10px;
    border: solid 1px #a9a9a9;
    outline: none;
    border-radius: 2px;
    resize: none;
    height: 120px;
}

form.contact-form>div>button {
    cursor: pointer;
    outline: none;
    padding: 8px 24px;
    font-size: 16px;
    border: none;
    background: #ff6600;
    color: #FFF;
    border-radius: 2px;
}
.zen-intro>.cote-g{
   height:auto;
   /* background: rgba(255,255,255,0.2);*/
   width: 100%;
   display:flex;
   justify-content: space-between;
   padding:10px 40px;
   box-sizing:border-box;
   flex-wrap: wrap;
}
.zen-intro .pave-d p {
    margin: 14px 0;
}

.zen-intro .pave-d>h3 {
    margin-bottom: 0;
}
.zen-intro .pave-g,.zen-intro .pave-d{width:46%;padding:1%;background: linear-gradient(135deg,#fbfbfb,#fbfbfb,#ffcaa7);box-shadow: -2px 3px 17px 2px rgba(0,0,0,0.3);margin-top:10px;font-size: 14px;line-height: 18px;/* min-width: 330px; *//* flex: 1; */}
.zen-intro>.cote-g h3{margin:0px;padding:0px;display:inline-block;width:100%;color:#d20f4f;font-size: 16px;margin-bottom: 10px;}
.zen-intro .pave-g{/* background:url(../images/fond-pave-g.jpg) no-repeat right bottom; *//* background-size:cover; */}

.zen-intro>.cote-g h3 b{color:#8d5dc1;}
.zen-intro .pave-g p{background:url(../images/symbol.png) no-repeat center left;padding-left:40px;/* padding-right:22%; */margin: 14px 0;max-width: 400px;}

.zen-intro .pave-d ul{list-style-type:none;padding-left:95px;background-size: contain;margin: 14px 0;position: relative;}
.zen-intro .pave-d ul:before {content: "";position: absolute;left: 0;top: 0;bottom: -35px;width: 90px;background: url(../images/galets.jpg) no-repeat center/contain;}
.zen-intro .pave-d ul li{margin-bottom:5px;padding-left: 0;background: none;padding-bottom: 0;}
@keyframes displayZenIntro{
    0%{opacity:0;transform:translateY(-50px)}
    100%{opacity:1;transform:translateY(0px)}
}
.zen-intro>.cote-g>*{
    opacity:0;
    animation:displayZenIntro 0.5s forwards cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.zen-intro>.cote-g>*:nth-child(2){animation-delay:0.1s;}

.widget-dispo .itea_widget_dispo_title {display:none;}

#reservationHighlight .widget-dispo li {
    padding: 0;
    background:none;
    margin: 0;
}


.widget-dispo .divContentWidgetAvecCss .widgetIteaCalendrierDispo .calendItea_navigEtCalend table caption {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
}

.widget-dispo .divContentWidgetAvecCss .widgetIteaCalendrierDispo .calendItea_navigEtCalend .calendItea_navig>a {
    color: transparent!important;
}
#main #mainContext #reservationHighlight .votre_sejour a.periode-select {
    font-size: 18px;
    font-weight: normal;
    color: #376996;
    cursor: pointer;
    /* background: #ff7011; */
    /* color: #fff; */
    /* border-radius: 16px; */
    padding: 2px 0;
    line-height: 30px;
    box-sizing: border-box;
    user-select: none;
    border: solid 1px #cdcdcd;
    margin-bottom: 4px;
}

#main #mainContext #reservationHighlight .votre_sejour a.periode-select>span.end:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-top: solid 1px #376996;
    border-right: solid 1px #376996;
    transform: rotate(45deg);
    margin-left: -4px;
    margin-right: 8px;
    /* margin-top: -4px; */
    margin-bottom: 2px;    
}

#main #mainContext #reservationHighlight .votre_sejour a.periode-select.open+.widget-dispo {
    display: block;
    left: 0;
    right: 0;
    z-index: 10;
    /* box-shadow: 0 0 0 100vw rgba(0,0,0,0.2); */
}
@keyframes displayDispoCalendar{
    from{transform:translateY(50px);opacity:0;}
}
.widget-dispo {
    display: none;
    position: absolute;
    animation: displayDispoCalendar 0.2s;
}
#main #mainContext #reservationHighlight .votre_sejour a.periode-select:after {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    /* background: url(../IMG/calendar.svg) no-repeat center/contain; */
    background: url(../images/cal-moteur.png) no-repeat center/contain;
    content: "";
    margin-top: -3px;
    margin-left: 4px;
}
#cnt_votre_sejour_all .detail_sejour {
    text-align: center;
}
body.fiche #main #cnt_cld.contact_fixed {
    margin-top: 0!important;
}
#main #mainContext #reservationHighlight .votre_sejour a.periode-select.open+.widget-dispo>div {
    background: none;
    margin: 0;
    padding: 0 15px 0 15px;
}

.widget-dispo .divContentWidgetAvecCss .widgetIteaCalendrierDispo {
    padding: 5px;
}
.widget-dispo .divContentWidgetAvecCss .widgetIteaCalendrierDispo .calendItea_legende {
    padding: 7px;
    background: #f1f1f1;
    margin-bottom: -5px;
}

.widget-dispo .divContentWidgetAvecCss .widgetIteaCalendrierDispo .calendItea_legende ul>li {
    display: flex;
    align-items: center;
}