@import url('/lae/public1.0/plugins/vendor/leaflet/dist/leaflet.css');

.filAriane {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6f6f6f;
    padding-top: 20px;
}

.filAriane a {
    color: #6f6f6f;
    padding: 0px 5px 0px 15px;
    font-size: 11px;
    background-image: url(/pub-100/img/site/fleche-ariane.gif);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    float: left;
}

#introduction .filAriane a strong {
    font-weight: normal;
    color: #6f6f6f;
}

.filAriane li,
.filAriane ul {
    float: left;
    list-style: none;
}

.filAriane a.accueil {
    padding: 0px 7px 0px 0px;
    background-image: none;
}

#sociauxDiffusio {
    float: left;
    padding-top: 15px;
    height: 20px;
    overflow: hidden;
}

#sociauxDiffusio #toolbox {
    color: #fff !important;
    font-size: 10px;
    line-height: 1.7em;
}

#sociauxDiffusio .fb_iframe_widget iframe {
    width: 92px !important;
    margin: 0 10px 0 0;
}

#sociauxDiffusio iframe {
    width: 62px;
    margin: 0 10px 0 0;
}

#sociauxDiffusio #toolbox a {
    color: #fff !important;
    display: inline-block;
    float: left;
    width: 90px;
    text-decoration: none;
    background: url("/pub-100/img/site/picto-facebook-mini.jpg") no-repeat 100% 50%;
}

#sociauxDiffusio .at-icon-wrapper {

}

#sociauxDiffusio #toolbox span {
    float: right;
    margin-left: 5px;
}

#content h2 {
    color: #007cbe;
    font-family: "open_sansregular", Verdana, Geneva, sans-serif;
    font-size: 48px;
    letter-spacing: -0.02em;
    clear: both;
}

#content h3 {
    color: #6f6f6f;
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 15px;
}

.introduction {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
    line-height: inherit;
    color: #6f6f6f;
    line-height: 1.6em;
    padding: 10px 0px 30px 0px;
    border-bottom: 1px dotted #bbbbbb;
    margin: 0px 0px 20px 0px;
}

.introduction-paveBleu {
    background-color: #007cbe;
    text-align: right;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
    line-height: inherit;
}

.introduction-paveBleu .entry-text {
    color: #fff;
}

#tinymce.introduction-paveBleu {
    width: 737px;
}

.introduction-paveBleu .showcase {
    width: 480px;
    height: 340px;
    overflow: hidden;
}

.introduction-paveBleu figcaption {
    display: none;

}

.introduction-paveBleu .entry-text {
    padding: 15px 15px 0px 15px;
    float: right;
    height: 325px;
    overflow: hidden;
    font-size: 16px;
    max-width: 700px;
}

#tinymce.introduction-paveBleu .entry-text {
    height: auto;
}

.introduction-paveBleu .diapo {
    float: right;
    width: 480px;
    height: 340px;
    overflow: hidden;
}

.introduction-paveBleu h4 {
    font-weight: bold;
    margin: 0px 0px 15px 0px;
    font-size: 16px;
}

.introduction-paveBleu .contact {
    background-image: url(/pub-100/img/site/picto-contact-gris.jpg);
    background-position: 100% 0%;
    background-repeat: no-repeat;
    padding-top: 40px;
    overflow: hidden !important;
}

.introduction-paveBleu .horaire {
    background-image: url(/pub-100/img/site/picto-horaire.jpg);
    background-position: 100% 0%;
    background-repeat: no-repeat;
    padding-top: 40px;
    overflow: hidden;
}

.introduction-paveBleu a {
    color: #92d0f1;
    font-weight: bold;
}

.introduction-paveBleu p {
    padding-bottom: 15px;
}

.cmBlocInfoEncadre {
    clear: both;
}

.article {
    font-size: 16px;
    color: #4e4e4e;
    line-height: 1.6em;
    margin-top: 30px;
    position: relative;
    clear: both;
}

.webcams #content-section,
.webcams .article {
    width: 100%;
}

.webcams aside {
    display: none;
}

/*.article-diffusio {
	display:none;
}*/
.article p {
    padding-bottom: 20px;
    overflow: hidden;
}

.article p.sansEspaceLigneDessous {
    padding-bottom: 0px;
}

.article ul {
    padding-bottom: 20px;
    padding-left: 15px;
}

.article h4 {
    font-size: 24px;
    color: #018DD2;
    font-family: "open_sanslight", Verdana, Geneva, sans-serif;
    margin: 5px 0px 15px 0px;
}

#pageReserver .article h4 {
    text-transform: uppercase;
    color: #000;

}

.article h5 {
    color: #018DD2;
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif;
    font-size: 14px;
}

.article a,
.introduction a {
    color: #018DD2 !important;
    text-decoration: underline;
}

.article a:hover,
.introduction a:hover {
    text-decoration: none;
}

.article .entry-text {
    /*	float:left;
        width:450px;*/
}

.article strong,
.sommaire strong,
.introduction strong {
    color: #018dd2;
}

.sommaire {
    margin: 30px 0px 40px 0px;
    float: none;

}

.sommaire h4,
.sommaire article,
article.sommaire,
.articleDiffusioSommaire {
    width: 230px;
    margin-right: 10px;
    float: left;
    font-size: 11px;
    color: #4e4e4e;
    line-height: 1.6em;
    background-color: #464646 !important;
    margin: 10px 10px 0px 9px;
    position: relative;
    height: 224px;
    display: table;
    overflow: hidden;

}

.sommaire h4 a,
.sommaire article a,
article.sommaire a,
.articleDiffusioSommaire a {
    display: table-cell;
    height: 58px;
    vertical-align: middle;
    color: #fff !important;
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif !important;
    font-size: 22px;
    text-align: center;
    width: 210px;
    padding: 166px 10px 0px 10px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

* + html .sommaire h4 a,
* + html .sommaire article a,
* + html article.sommaire a,
* + html .articleDiffusioSommairee a {
    display: block;
}

article.sommaire a p {
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif !important;
}

.articleDiffusioSommaire p {
    display: table-cell;
    height: 56px;
    vertical-align: middle;
    color: #fff !important;
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif !important;
    font-size: 20px;
    text-align: center;
    width: 208px;
    padding: 166px 10px 0px 10px;
}

.articleDiffusioSommaire p.cMdebut,
.articleDiffusioSommaire p.cMfin {
    display: none !important;
}

.sommaire article *,
.articleDiffusioSommaire * {
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif !important;
}

.sommaire h4 a figcaption,
.sommaire article a figcaption,
.articleDiffusioSommaire a figcaption,
article.sommaire a figcaption {
    display: none;
}

.sommaire article a figure,
article.sommaire a figure,
.sommaire h4 a figure {
    width: 228px;
    height: 166px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

article.sommaire a:hover figure,
.sommaire article a:hover figure,
.sommaire h4 a:hover figure {
    height: 146px;
}

.sommaire h4 a:hover,
.sommaire article a:hover,
article.sommaire a:hover {
    color: #FFF !important;
    background-color: #2b2b2b;
    text-decoration: none;
    /*transform: translate3D(0,-20px,0);*/
    padding: 156px 10px 10px 10px;

}

/*.sommaire h4 a:hover img,
.sommaire article a:hover img,
article.sommaire  a:hover img {
	transform: translate3D(0, 1rem, 0);
}*/
* + html .sommaire h4 a,
* + html .sommaire article a {
    display: block;
    line-height: inherit;
    height: 36px;
    padding-top: 176px;
    padding-bottom: 10px;
}

.sommaire h4 img,
.sommaire article img,
article.sommaire img,
.articleDiffusioSommaire img {
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 10;
    width: 228px;
    height: 166px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.sommaire-niveau2 {
    float: left;
    width: 230px;
    padding: 5px 6px 20px 6px;
    font-size: 11px;
    height: 375px;
    color: #4E4E4E;
    margin: 10px 0px;
}

.sommaire-niveau2:hover h4 {
    color: #23aae8;
}

figcaption {
    display: none;
}

.sommaire-niveau2-musee article,
.articleDiffusioSommaire,
.sommaireNiveau2 {
    float: left;
    width: 230px;
    font-size: 11px;
    color: #4E4E4E;
    height: 375px;

}

.sommaire-niveau2 figcaption,
.sommaire-niveau2-musee figcaption,
.articleDiffusioSommaire figcaption,
.sommaireNiveau2 figcaption {
    display: none;
}

.sommaire-niveau2 h4,
.sommaire-niveau2-musee h4,
.articleDiffusioSommaire h4,
.sommaireNiveau2 h4 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    text-transform: uppercase;

}

.sommaire-niveau2 figure,
.sommaire-niveau2-musee figure,
.articleDiffusioSommaire figure,
.sommaireNiveau2 figure {
    overflow: hidden;
}

.sommaireNiveau2 p {
    font-size: 13px;
}

.sommaire-niveau2 p a,
.sommaire-niveau2-musee p a,
.articleDiffusioSommaire p a,
.sommaireNiveau2 p a {
    display: none;
}

.sommaire-niveau2 img,
.sommaire-niveau2-musee img,
.articleDiffusioSommaire img,
.sommaireNiveau2 img {
    min-width: 230px;
    min-height: 230px;
}

.sommaire-niveau2 h5,
.sommaire-niveau2-musee h5,
.articleDiffusioSommaire h5,
.sommaireNiveau2 h5 {
    font-size: 15px;
    color: #0080c3;
    padding-bottom: 10px;
}

.sommaire-niveau2 p,
.sommaire-niveau2-musee p,
.articleDiffusioSommaire p,
.sommaireNiveau2 p {
    padding-bottom: 10px;
    font-size: 13px;
}

.sommaire-niveau2 a,
.sommaire-niveau2-musee a,
.articleDiffusioSommaire a,
.sommaireNiveau2 a {
    color: #4E4E4E;

}

.sommaire-niveau2 p a,
.sommaire-niveau2-musee p a,
.articleDiffusioSommaire p a,
.sommaireNiveau2 p a {
    background-color: #0080c3;
    padding: 3px 20px 3px 10px;
    color: #fff !important;
    display: inline-block;
    background-image: url(/pub-100/img/site/fleche-savoirPlus.gif);
    background-position: 95% 60%;
    background-repeat: no-repeat;
}

.sommaire-niveau2 a:hover,
.sommaire-niveau2-musee a:hover,
.articleDiffusioSommaire a:hover,
.sommaireNiveau2 a:hover {
    text-decoration: none;
    background-color: #00507a;
}

.cmBlocInfoEncadre .sommaire-niveau2 {
    clear: both;
    float: none;
}

#modes {
    list-style: none;
    font-size: 11px;
    margin-top: 20px;

}

#modes li {
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
}

#modes .actif, #modes a.actif:hover {
    background-color: #565656;
    color: #FFFFFF !important;
}

#modes a {
    color: #B0B0B0 !important;
    display: block;
    font-size: 1.1em;
    padding: 10px 15px;
    text-decoration: none;
    background-image: none;
}

#carteSommaire {
    position: relative;
    visibility: hidden;
    position: absolute;
    padding-bottom: 20px;

}

#cmCarteSpot {
    position: relative;
    height: 500px;
    clear: both;
    width: 945px;
}

#cmCarteSommaire {
    height: 500px;
    clear: both;
    width: 945px;

}

#carteSommaire.carteSommaireSpot {
    display: block;
    position: relative;
    visibility: visible;
}

#cartePositionPresta {
    width: 247px;
    height: 305px;
    display: block;
    float: left;
    margin: 0px 25px 7px 0px;
}

.transport {
    border-bottom: 1px dotted #BBBBBB;
    padding-bottom: 30px;

}

.transport .colGauche {
    width: 247px;
    display: block;
    float: left;
    margin: 0px 25px 7px 0px;
    text-align: right;
    background-image: url("/pub-100/img/site/picto-contact-venir.gif");
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-top: 39px;
}

.transport h4 {
    text-align: right;
    width: 247px;
}

.transport h5 {
    margin-bottom: 15px;
    text-align: right;
    width: 247px;
}

.transport h6 {
    color: #018DD2;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.6em;
}

.transport ul {

}

.transport ul li {
    float: left;
    width: 200px;
}

#tinymce #cartePositionPresta {
    background-image: url(/pub-100/img/site/google-map.jpg);
}

#moteurPlage {
    position: absolute;
    top: 0px;
    background-color: #efefef;
    padding: 10px;
    height: 480px;
    background-image: url(/pub-100/img/site/ombre-carteSommaire.jpg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    right: 0px;
}

#moteurPlage label {
    clear: both;
    float: right;
    width: 200px;
    text-align: left;
    margin-left: 5px;
    font-size: 11px;
    color: #5b5b5b;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    padding: 10px 30px 8px 0px;
}

#moteurPlage input {
    float: left;
    margin-top: 10px;
}

#moteurPlage #labelparkings {
    background-image: url('/pub-100/img/site/picto-parkings.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labeltiralo {
    background-image: url('/pub-100/img/site/picto-tiralo.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelespaces-verts {
    background-image: url('/pub-100/img/site/picto-espaces-verts.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labeljeux-enfants {
    background-image: url('/pub-100/img/site/picto-jeux-enfants.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelbars {
    background-image: url('/pub-100/img/site/picto-bars.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelrestaurants {
    background-image: url('/pub-100/img/site/picto-restaurants.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelclub {
    background-image: url('/pub-100/img/site/picto-club.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labeldouches {
    background-image: url('/pub-100/img/site/picto-douches.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelwc {
    background-image: url('/pub-100/img/site/picto-wc.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelbibliotheque {
    background-image: url('/pub-100/img/site/picto-bibliotheque.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelnavette {
    background-image: url('/pub-100/img/site/picto-navette.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labelsurf {
    background-image: url('/pub-100/img/site/picto-surf.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#moteurPlage #labeldeux-roues {
    background-image: url('/pub-100/img/site/picto-deux-roues.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.cmBlocInfoEncadre #cmCarteSommaire {
    visibility: visible;
    position: relative;
}

/*carte*/

#cmCarteSommaire .pictoFocus,
#cartePositionPresta .pictoFocus {
    background-image: url("/lib/laetis/diffusio-240-anglet/extension/custom/assets/fonds/fleche-rappelPicto.gif") !important;
    position: absolute;
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    margin-top: -40px;
    margin-left: -10px;
}

.cmBlocInfoEncadre #carteSommaire {
    position: relative;
}

#cmCarteSommaire .pictoFocus.marker,
#cartePositionPresta .pictoFocus.marker {
    margin-top: -40px;
    margin-left: -10px;
}

#cmCarteSommaire .pictoFocus.cluster,
#cartePositionPresta .pictoFocus.cluster {
    margin-top: -32px;
    margin-left: -10px;
}

#carteSommaire .infoWindow,
#cartePositionPresta .infoWindow {
    position: relative;
    z-index: 1000;
    cursor: default;
}

#carteSommaire .infoWindow .marker.left,
#cartePositionPresta .infoWindow.marker.left {
    padding-right: 13px;
}

#carteSommaire .infoWindow .marker.right,
#cartePositionPresta .infoWindow.marker.right {
    margin-left: -8px;
}

#carteSommaire .infoWindow .cluster.left,
#cartePositionPresta .infoWindow.cluster.left {
    margin-right: -5px;
}

#carteSommaire .infoWindow .cluster.right,
#cartePositionPresta .infoWindow.cluster.right {
    margin-left: -8px;
}

#carteSommaire .infoWindow .fleche,
#cartePositionPresta .infoWindow .fleche {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 14px;
    height: 20px;
    z-index: 1001;
}

#carteSommaire .infoWindow .fleche.right,
#cartePositionPresta .infoWindow .fleche.right {
    background-image: url("/lib/laetis/diffusio-240-anglet/extension/custom/assets/fonds/fleche-infoWindow-right.gif") !important;
    left: 0px;
}

#carteSommaire .infoWindow .fleche.left,
#cartePositionPresta .infoWindow .fleche.left {
    background-image: url("/lib/laetis/diffusio-240-anglet/extension/custom/assets/fonds/fleche-infoWindow-left.gif") !important;
    right: -27px;
}

#carteSommaire .infoWindow .fleche.marker,
#cartePositionPresta .infoWindow .fleche.marker {
    margin-top: -6px;
}

#carteSommaire .infoWindow .fleche.cluster,
#carteSommaire .infoWindow .fleche.cluster {
    margin-top: 6px;
}

#carteSommaire .infoWindow .fermer,
#cartePositionPresta .infoWindow .fermer {
    width: 14px;
    height: 13px;
    cursor: pointer;
    background-image: url("/lib/laetis/diffusio-240-anglet/extension/custom/assets/fonds/close.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 10px;
}

#carteSommaire .infoWindow .fermer.right,
#cartePositionPresta .infoWindow .fermer.right {
    right: 5px;
}

#carteSommaire .infoWindow .fermer.left,
#cartePositionPresta .infoWindow .fermer.left {
    right: 20px;
}

#carteSommaire .infoWindow .infoWindowPlage,
#cartePositionPresta .infoWindow .infoWindowPlage {
    position: relative;
    height: 205px;
    background-color: #fff;
    width: 202px;
    box-shadow: 2px 2px 10px #000;
    font-size: 11px;
    color: #787878;
}

#cmCarteSommaire .right .infoWindowPlage,
#cartePositionPresta .right .infoWindowPlage {
    margin-left: 13px;
}

#cmCarteSommaire .left .infoWindowPlage,
#cartePositionPresta .left .infoWindowPlage {
    margin-left: -18px;
}

#carteSommaire .infoWindow .contenuInfoWindow,
#cartePositionPresta .infoWindow .contenuInfoWindow {
    background-color: #FFF;
    margin: 0px 1px 1px 1px;
    padding: 5px;
}

#content #carteSommaire .infoWindow .infoWindowPlage h2,
#content #cartePositionPresta .infoWindow .infoWindowPlage h2 {
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif;
    color: #0daeff;
    font-size: 18px;
    width: 153px;
    padding: 7px 35px 10px 7px;
    margin-bottom: 1px;
    max-height: 65px;
    overflow: hidden;
}

#carteSommaire .infoWindow .infoWindowPlage p,
#cartePositionPresta .infoWindow .infoWindowPlage p {
    padding: 7px 7px 0px 7px;
}

#carteSommaire .infoWindow .infoWindowPlage .image,
#cartePositionPresta .infoWindow .infoWindowPlage .image {
    background-color: #FFF;
    margin: 0px 1px;
    width: 200px;
    height: 86px;
    overflow: hidden;
    line-height: 86px;
    background-repeat: no-repeat;

}

#carteSommaire .infoWindow .infoWindowPlage .detail,
#cartePositionPresta .infoWindow .infoWindowPlage .detail {
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    height: 17px;
    padding: 3px 0 0 8px;
    text-decoration: none;
    width: 62px;
    font-size: 0.7em;
    margin-top: 0px;
    border: none;
    float: left;
}

#carteSommaire .infoWindow .infoWindowPlage .plusLien,
#cartePositionPresta .infoWindow .infoWindowPlage .plusLien {
    background-image: url(/pub-100/img/site/plus-lien.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin-right: 5px;
}

/* finde info Gmap Window */

.pdf {
    background-image: url(/pub-100/img/icones/icone_pdf.gif);
    background-repeat: no-repeat;
    background-position: 0% 3px;
    padding-left: 15px;
    text-decoration: none !important;
}

.pdf:hover {
    background-image: url(/pub-100/img/icones/icone_pdf-hover.gif);
    text-decoration: underline !important;
}

.article object {
    margin-top: 10px;
}

.sejour {
    background-color: #007cbe;
    min-height: 453px;
}

.sejour h4 {
    background-color: #545454;
    color: #fff;
    font-size: 30px;
    padding: 20px 30px 10px 30px;
}

.sejour figure {
    float: right;
    margin-bottom: 100px;
}

.sejour .dureeSejour {
    background-image: url(/pub-100/img/site/fond-encart.jpg);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 26px;
    font-family: "FrutigerLTStd57Condensed", Verdana, Geneva, sans-serif;
    margin-left: 20px;
    width: 231px;
    height: 42px;
    padding: 15px 0px;
    text-align: center;
}

.sejour strong {
    color: #fff !important;
}

.sejour p {
    color: #fff;
    padding: 0px 30px 0px 20px;
}

.sejour .priceSejour {
    position: absolute;
    right: 0px;
    bottom: 5px;
    background-image: url(/pub-100/img/site/fond-tarif.png);
    width: 280px;
    height: 152px;
    padding: 30px 25px 0px 25px;
    text-align: center;
}

.sejour .priceSejour h5 {
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 0px 5px 0px;
    margin-bottom: 5px;
    line-height: 1.1em;
}

.sejour .priceSejour p {
    padding: 0px 0px 10px 0px;
}

.sejour .priceSejour p strong {
    color: #fff;
    font-size: 18px;
    /*display:block;*/
}

.sejour .contactSejour {
    background-image: url(/pub-100/img/site/logo-tel.gif);
    background-position: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding: 20px 0px 0px 60px;
    font-size: 14px;
}

.sejour .contactSejour strong {
    display: block;
}

.sejour .contactSejour a {
    color: #fff !important;
    text-decoration: none;
}

.sejour .reserver {
    background-image: url(/pub-100/img/site/bouton-reserver.gif);
    width: 219px;
    height: 43px;
    display: block;
    background-repeat: no-repeat;
    font-size: 18px;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    text-transform: uppercase;
    margin: 10px 0px 0px 0px;
}

.sejour .reserver:hover {
    background-image: url(/pub-100/img/site/bouton-reserver-hover.gif);
}

#pageReserver #content article ul {
    padding: 0;
    margin: 0;
}

#pageReserver #content article ul li {
    display: block;
    background: url(/pub-100/img/site/new/check.png) no-repeat 0 10px;
    padding: 0 0 0 20px;
}

#pageReserver #introduction p {
    font-size: 20px;
}

#pageReserver .tel {
    background: url(/pub-100/img/site/new/picto-tel.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
}

#pageReserver .mail {
    background: url(/pub-100/img/site/new/picto-envelope.png) no-repeat 0 7px;
    width: 20px;
    height: 22px;
    background-size: contain;
    display: inline-block;
    margin: 0 5px 0 0;
}

#pageReserver .article {
    font-size: 16px;
}

#pageReserver .resa {
    width: 390px;
    float: right;
    clear: inherit;
    margin: 0;
    padding: 30px 10px 10px 10px !important;
    text-align: center;
    font-size: 16px;
    border: 5px solid #e5356b;
}

#pageReserver .article.gauche {
    clear: inherit;
    float: left;
}

#pageReserver h1 {
    font-size: 56px;
}

#pageReserver #introduction p {
    font-size: 20px;
}

#pageReserver .article {
    font-size: 16px;
}

#pageReserver .resa {
    clear: inherit;
    margin: 0;
    padding: 30px 1% 10px 1% !important;
    text-align: center;
    font-size: 16px;
    width: 30%;
    margin: 0 1% 0 0;
    float: left;
}

#pageReserver .article.gauche {
    width: 65%;
    margin: 0 1% 0 0;
    clear: inherit;
}

#pageReserver .sommaire h4,
#pageReserver .sommaire article,
#pageReserver article.sommaire,
#pageReserver .articleDiffusioSommaire {
    width: 239px;
    background: transparent !important;
    margin: 0 5px;

}

#pageReserver section.sommaire {
    clear: both;
    padding: 30px 0 0 0;
}

#pageReserver article.sommaire {
    width: 32%;
    margin: 0 1% 30px 0;

}

#pageReserver .sommaire figure {
    width: 100%;
    height: 270px;
    overflow: hidden;
    position: relative;
    margin: 0 0 15px 0;
}

#pageReserver .sommaire img {
    min-height: 270px;
    min-width: 405px;
}

#pageReserver .sommaire h4 a,
#pageReserver .sommaire article a,
#pageReserver article.sommaire a,
#pageReserver .articleDiffusioSommaire a {
    padding: 0;
    color: #1d1d1d !important;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    font-family: "Open sans", sans-serif !important;
    text-align: left;
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    text-align: center;
}

#pageReserver .sommaire h4 a:hover,
#pageReserver .sommaire article a:hover,
#pageReserver article.sommaire a:hover {
    background: transparent !important;
    color: #018cd1 !important;
}