/************/
/*  COMMON  */
/***********/
body {
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea,
p, blockquote {
  font-family : 'UbuntuLight', Tahoma, Geneva, Kalimati, sans-serif;
  font-size   : 15px;
}

.clear {
  clear : both;
}

.f-right {
  float : right;
}

.f-left {
  float : left;
}

.a-center {
  text-align : center;
}

.bloc-web a > img {
  height : 30px;
}

h2 {
  font-family : 'QuicksandBold', sans-serif;
  font-size   : 25px;
}

h3 {
  font-family : 'QuicksandBold', sans-serif;
  font-size   : 20px;
}

h4 {
  font-family : 'QuicksandBold', sans-serif;
  font-size   : 18px;
}

.border-dashed {
  border : 1px dashed #cccccc;
}

.marques_label img {
  width : 40px;
}

/* COMMON FORM */

.field-text, .field-date {
  padding-left       : 10px;
  border             : none;
  background         : #f5f5f5;
  -moz-box-shadow    : 1px 1px 0 0 #cccccc;
  -webkit-box-shadow : 1px 1px 0 0 #cccccc;
  -o-box-shadow      : 1px 1px 0 0 #cccccc;
  box-shadow         : 1px 1px 0 0 #cccccc;
  filter             : progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=0);
  height             : 37px;
  width              : 440px;

  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
}

.input-wrapper-date_debut_rech,
.input-wrapper-date_fin_rech {
  position : relative;
}

.input-wrapper-date_debut_rech input,
.input-wrapper-date_fin_rech input {
  width : 260px;
}

.input-wrapper-date_debut_rech:after,
.input-wrapper-date_fin_rech:after {
  position   : absolute;
  right      : 30px;
  top        : 29px;
  width      : 18px;
  height     : 18px;
  content    : '';
  background : url('../images/admin/calendar/calendar-icon.gif') 0 0 no-repeat transparent;
}

.field-textarea {
  padding            : 10px;
  border             : none;
  background         : #f5f5f5;
  -moz-box-shadow    : 1px 1px 0 0 #cccccc;
  -webkit-box-shadow : 1px 1px 0 0 #cccccc;
  -o-box-shadow      : 1px 1px 0 0 #cccccc;
  box-shadow         : 1px 1px 0 0 #cccccc;
  filter             : progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=0);
  width              : 98%;
  height             : 150px;
  resize             : none;
}

.styled-select {
  width              : 400px;
  overflow           : hidden;
  background         : #f5f5f5;
  border             : none;
  height             : 30px;
  -moz-box-shadow    : 1px 1px 0 0 #cccccc;
  -webkit-box-shadow : 1px 1px 0 0 #cccccc;
  -o-box-shadow      : 1px 1px 0 0 #cccccc;
  box-shadow         : 1px 1px 0 0 #cccccc;
  filter             : progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=0);
  padding-top        : 7px;
}

.styled-select select {
  width              : 100%;
  cursor             : pointer;
  border             : 0;
  -webkit-appearance : none;
  -moz-appearance    : none;
  text-overflow      : '';
  appearance         : none;
  background         : url("../images/front/select-arrow.png") no-repeat scroll 420px 2px #f5f5f5;
  font-family        : 'UbuntuRegular', sans-serif;
  font-size          : 13px;
  color              : #333333;
  padding-left       : 10px;
  height             : 20px;
}

@media (-webkit-min-device-pixel-ratio : 2) and (min-resolution : 192dpi) {
  .styled-select select {
    /* background      : url("../images/front/select-arrow@2x.png") no-repeat 376px 0 transparent; */
    background-size : 16px 144px;
  }
}

.contact-bloc .styled-select {
  width : 100%;
}

form .input_wrapper label, .contact-bloc .obligatoire {
  font-family : 'UbuntuRegular', sans-serif;
  font-size   : 15px;
  color       : #666666;
}

form .input_wrapper label {
  margin-bottom : 7px;
  display       : block;
}

form .input_wrapper {
  width         : 450px;
  margin-bottom : 10px;
  position      : relative;
}

form .validation-advice {
  color     : red;
  font-size : 12px;
}

form .buttons-set button {
  cursor     : pointer;
  border     : none;
  background : none;
  padding    : 0;
}

form .buttons-set button span.outer {
  border  : 3px solid #ffeb00;
  padding : 3px;
  display : block;
}

form .buttons-set button span.inner {
  color       : #000000;
  font-family : 'QuicksandBold', sans-serif;
  font-size   : 25px;
  font-weight : normal;
  background  : #ffeb00;
  display     : block;
  padding     : 8px 0;
  width       : 333px;
}

form .buttons-set button:hover span.outer {
  border : 3px solid #000000;
}

form .buttons-set button:hover span.inner {
  color      : #ffeb00;
  background : #000000;
}

form ul.error {
  color: #bb0000;
}

ul.global-messages {
  width       : 100%;
  margin      : 0 auto;
  font-size   : 12px;
  font-weight : bold;
}

ul.global-messages li {
  padding : 10px 0 10px 0;
  margin  : 5px 0 5px 0;
}

ul.global-messages li.notice {
  background : #ccd7ff;
  color      : #0f2a46;
  border     : 1px solid #0f2a46;
}

ul.global-messages li.error {
  background : #faebe7;
  color      : #df280a;
  border     : 1px solid #df280a;
}

ul.global-messages li.success {
  background : #eff5ea;
  color      : #446423;
  border     : 1px solid #446423;
}

ul.global-messages li ul li {
  width   : 92%;
  margin  : 0 2% 0 20px;
  padding : 2px 0 2px 0;
}

#map-page-plan {
  width   : 938px;
  height  : 519px;
  border  : 1px solid #cccccc;
  padding : 10px;
  margin  : 0 auto;
}

#map {
  width  : 939px;
  height : 519px;
}

.nb_element p {
  font-family  : 'QuicksandBold', sans-serif;
  margin-top   : 10px;
  font-size    : 20px;
  float        : left;
  margin-right : 15px;
}

div.galerie a.car-prev,
div.galerie a.car-next {
  background : url('../images/front/sprites.png') 0 0 no-repeat transparent;
  display    : block;
  height     : 50px;
  width      : 50px;
}

div.galerie a.car-prev {
  background-position : -501px -73px;
  margin-right        : 15px;
}

div.galerie a.car-next {
  background-position : -566px -73px;
  margin-left         : 15px;
}

#TB_window {
  overflow : hidden
}

#TB_ajaxWindowTitle {
  display : none;
}

#TB_title {
  background : none !important;
}

#TB_closeWindowButton {
  width      : 20px;
  height     : 20px;
  background : url('../images/front/sprites.png') -954px -185px no-repeat transparent;
  display    : block;
}

.lightbox .lb-content .galerie .img-container,
.lightbox .lb-content .galerie .img-container .slide,
.lightbox .lb-content .galerie .img-container .slide img {
  width  : 660px;
  height : 493px;
}

.lightbox .lb-content .galerie #title-img {
  margin-top : 10px;
}

#album_id-wrapper {
  display : none;
}

.bloc-meteo {
  position   : absolute;
  width      : 210px;
  height     : 60px;
  right      : 0;
  top        : 0;
  margin-top : 75px;
}

.bloc-meteo .picto {
  width  : 60px;
  height : 60px;
  float  : left;
}

.bloc-meteo .ville {
  font-family : 'SourceSansProExtraLight', sans-serif;
  float       : left;
  width       : 140px;
  margin-left : 10px;
  margin-top  : 12px;
  color       : #ffffff;
  font-size   : 20px;
  text-shadow : 3px 2px 3px rgba(0, 0, 0, 0.66);
}

.bloc-meteo .tmp {
  float       : left;
  width       : 140px;
  margin-left : 10px;
  color       : #ffffff;
  font-size   : 20px;
  text-shadow : 3px 2px 3px rgba(0, 0, 0, 0.66);
  font-family : 'SourceSansProRegular', sans-serif;
}

.bloc-meteo .tmp .celcius {
  font-family : "QuicksandBold", sans-serif;
}

.bloc-meteo .tmp .fahrenheit {
  font-family : 'SourceSansProExtraLight', sans-serif;
}

/* FOOTER */
#footer {
  background  : #282929;
  padding-top : 25px;
}

#footer .section {
  background     : url("../images/front/footer-section.png") repeat-x scroll left bottom transparent;
  width          : 960px;
  margin         : 0 auto 20px auto;
  padding-bottom : 20px;
}

#footer .last {
  background : none;
}

#footer .section .section-inner {
  width  : 680px;
  margin : 0 auto;
}

#footer h4 {
  color : #ffffff;
}

#footer #footer-twitter {
  background : url("../images/front/footer-x.png") no-repeat scroll 0 0 transparent;
  margin-left: 20px;
}

#footer #footer-facebook {
  background  : url("../images/front/footer-facebook.png") no-repeat scroll 0 0 transparent;
  margin-left: 20px;

}

#footer #footer-instagram {
  background  : url("../images/front/footer-instagram.png") no-repeat scroll 0 0 transparent;
  margin-left: 20px;
}

#footer #footer-vk {
  background  : url("../images/front/footer-vk.png") no-repeat scroll 0 0 transparent;
}

#footer .section-social h4 {
  float       : left;
  line-height : 34px;
}

#footer .section-social a {
  font-family  : 'QuicksandBold', sans-serif;
  font-size    : 18px;
  color        : #ffe400;
  padding-left : 40px;
  height       : 34px;
  float        : right;
  line-height  : 34px;
}

#footer #footer-twitter:hover {
  background-position : left bottom;
  color               : #ffffff;
}

#footer #footer-vk:hover {
  background-position : left bottom;
  color               : #ffffff;
}

#footer #footer-facebook:hover {
  background-position : left bottom;
  color               : #ffffff;
}

#footer #footer-instagram:hover {
  background-position : left bottom;
  color               : #ffffff;
}

#footer .section-contact #footer-contact {
  float : left;
  width : 40%;
}

#footer .section-contact #footer-newsletter {
  float : right;
}

#footer .section-contact p {
  font-family : 'UbuntuLight', sans-serif;
  font-size   : 13px;
  color       : #cccccc;
}

.section-contact #footer-newsletter #newsletter {
  position   : relative;
  margin-top : 6px;
}

.section-contact #footer-newsletter #newsletter #newsletter-email {
  border       : none;
  background   : url("../images/front/footer-newsletter.png");
  height       : 47px;
  width        : 310px;
  color        : #666666;
  font-family  : 'UbuntuLight', sans-serif;
  font-size    : 15px;
  padding-left : 10px;
}

.section-contact #footer-newsletter #newsletter .inner-submit {
  position : absolute;
  right    : 6px;
  top      : 8px;
}

.inner-submit {
  background : url("../images/front/inner-submit.png");
  height     : 32px;
  width      : 32px;
  border     : none;
  cursor     : pointer;
  padding    : 0;
}

.inner-submit:hover {
  background-position : left bottom;
}

#footer .section-contact #footer-contact #mail-tel {
  margin-bottom : 12px;
}

#footer .section-contact #footer-contact .lien-contact {
  background   : url("../images/front/footer-contact.png") no-repeat;
  height       : 34px;
  width        : 34px;
  margin-right : 10px;
}

#footer .section-contact #footer-contact .lien-contact:hover {
  background-position : left bottom;
}

#footer .section-contact #footer-contact .lien-tel {
  background   : url("../images/front/footer-tel.png") no-repeat;
  height       : 34px;
  width        : 34px;
  margin-right : 10px;
}

#footer .section-contact #footer-contact .tel {
  line-height : 34px;
  font-family : "UbuntuLight", sans-serif;
  font-size   : 15px;
  color       : #ffffff;
}

#footer .section-menu p {
  font-family   : 'QuicksandBold', sans-serif;
  font-size     : 18px;
  color         : #ffe401;
  text-align    : center;
  margin-bottom : 35px;
}

#footer .section-menu .menu-item {
  max-width    : 145px;
  margin-right : 20px;
}

#footer .section-menu .menu-item .link-item-menu {
  font-family    : 'QuicksandBold', sans-serif;
  font-size      : 18px;
  color          : #ffe401;
  text-transform : uppercase;
}

#footer .section-menu .menu-item .sub-menu {
  margin-top : 20px;
}

#footer .section-menu .menu-item .item-sub-menu .link-item-sub-menu {
  font-family : 'UbuntuLight', sans-serif;
  font-size   : 15px;
  color       : #999999;
  line-height : 20px;
}

#footer .section-menu .menu-item .item-sub-menu .link-item-sub-menu:hover {
  color : #ffffff;
}

#footer .section-menu .footer-partenaires {
  width : 178px;
}

#footer .section-menu .footer-partenaires a {
  font-family   : 'UbuntuRegular', sans-serif;
  font-size     : 16px;
  color         : #999999;
  margin-bottom : 22px;
  display       : block;
  padding       : 8px 0 8px 40px;
  background    : no-repeat left center;
}

#footer .section-menu .footer-partenaires a:hover {
  color : #ffffff;
}

#footer .section-menu .footer-partenaires .partenaires-instit {
  background-image : url("../images/front/footer-partenaires-instit.png");
}

#footer .section-menu .footer-partenaires .partenaires-ot {
  background-image : url("../images/front/footer-partenaires-ot.png");
}

#footer .footer-mentions {
  background  : #000000;
  text-align  : center;
  color       : #ffffff;
  font-family : 'UbuntuLight', sans-serif;
  font-size   : 11px;
  padding     : 4px 0;
}

#footer .footer-mentions a {
  background  : #000000;
  text-align  : center;
  font-family : 'UbuntuLight', sans-serif;
  color       : #f8ea2b;
}

#footer .footer-mentions a:hover {
  color : #ffffff;
}

/* HEADER */
#header #toolbar .langues {
  border-left : none;
}

#toolbar #togglePros {
  border-left : 1px solid #cccccc;
}

/* MON SEJOUR / GROUPE & PROS */
#mon-sejour, #groupe-pros {
  background : #ffd234;
  height     : 120px;
}

#groupe-pros .inner-wrapper {
  width   : 590px;
  margin  : 0 auto;
  height  : 95px;
  padding : 15px 0 10px 0;
}

#groupe-pros ul li {
  margin-bottom : 10px;
}

#groupe-pros ul li a {
  font-family  : 'QuicksandBold', sans-serif;
  color        : #000000;
  font-size    : 15px;
  display      : block;
  background   : url("../images/front/menu-item-pros.png") no-repeat 0 2px;
  padding-left : 22px;
}

#sejour-form {
  width    : 958px;
  margin   : 0 auto;
  height   : 118px;
  padding  : 2px 0 0 0;
  position : relative;
}

#sejour-form #type_form_sejour-wrapper {
  display : none;
}

#sejour-form label {
  font-family    : 'QuicksandBold', sans-serif;
  color          : #000000;
  font-size      : 12px;
  text-transform : uppercase;
}

#sejour-form #date_debut-wrapper, #sejour-form #date_fin-wrapper {
  width : 200px;
}

#sejour-form #mot_cle {
  width   : 400px;
  height  : 25px;
  padding : 0;
}

#sejour-form #univers-wrapper .styled-select, #sejour-form #categorie-wrapper .styled-select {
  width : 388px;
}

#sejour-form #univers-wrapper select, #sejour-form #categorie-wrapper select {
  height              : 25px;
  padding             : 0;
  -webkit-appearance  : none;
  margin-left         : 5px;
  width               : 96%;
  background-position : 354px 2px;
}

#sejour-form #date_debut, #sejour-form #date_fin {
  height  : 25px;
  width   : 188px;
  padding : 0;
}

#sejour-form button.button-submit {
  background-color : #000000;
  border-bottom    : 2px solid #cccccc;
  padding          : 0;
  border-right     : 2px solid #cccccc;
  border-top       : 0;
  border-left      : 0;
  width            : 40px;
  height           : 40px;
  line-height      : 35px;
  color            : #ffffff;
  font-size        : 14px;
  font-family      : 'QuicksandBook', sans-serif;
  margin-top       : 40px;
  margin-right     : 15px;
  position         : absolute;
  top              : 0;
  right            : 0;
}

#sejour-form button.button-submit:hover {
  background-color : #444444;
  font-family      : 'QuicksandBook', sans-serif;
  cursor           : pointer;
}

#sejour-form .input_wrapper {
  margin-bottom : 6px;
  float         : left;
  position      : relative;
}

/**************/
/*  HOMEPAGE  */
/**************/
.titre-rubrique-hp {
  background     : url("../images/front/titre-rubrique-hp.png") no-repeat scroll center 40px transparent;
  text-align     : center;
  height         : 58px;
  margin         : 20px 0;
  text-transform : uppercase;
}

.soustitre-rubrique-hp {
  background     : url("../images/front/titre-rubrique-hp.png") no-repeat scroll center 30px transparent;
  text-align     : center;
  height         : 48px;
  margin         : 20px 0;
  text-transform : uppercase;
}

/* SLIDESHOW */
#slideshow {
  width      : 100%;
  text-align : center;
  overflow   : hidden;
  position   : relative;
}

#sliderContainer {
  height   : 528px;
  overflow : hidden;
  position : relative;
}

#sliderSlider {
  height      : 528px;
  left        : 50%;
  margin-left : -750px;
  position    : absolute;
  top         : 0;
  width       : 1500px;
}

#sliderSlider a {
  display  : block;
  position : absolute;
}

#slideshow .title-slideshow {
  bottom         : 400px;
  color          : #ffffff;
  font-size      : 50px;
  line-height    : 48px;
  margin         : 0 auto;
  position       : relative;
  text-align     : left;
  text-transform : uppercase;
  width          : 50%;
}

#sliderContainer #triggers {
  bottom   : 30px;
  left     : 50px;
  position : absolute;
}

#sliderContainer #triggers .trigger.actif, #sliderContainer #triggers .trigger:hover {
  background-position : left bottom;
}

#sliderContainer #triggers .trigger {
  display    : block;
  height     : 36px;
  margin     : 5px;
  overflow   : hidden;
  position   : relative;
  width      : 36px;
  background : url("../images/front/slide-toggler.png") no-repeat scroll 0 0 transparent;
}

/* GGMAP - A VOIR */
#avoir-container {
  width   : 938px;
  height  : 519px;
  border  : 1px solid #cccccc;
  padding : 10px;
  margin  : 0 auto;
}

#map-avoir {
  width  : 939px;
  height : 519px;
}

.ggmwrapper {
}

.ggmwrapper .gg-lien {
  font-family : 'QuicksandBold', sans-serif;
  color       : #000000;
  font-size   : 13px;
}

.ggmwrapper a.gg-lien:hover {
  color : #ffdf12;
}

.ggmwrapper .gg-adresse {
  font-family : 'UbuntuLight', sans-serif;
  color       : #333333;
  font-size   : 12px;
}

.ggmwrapper .gg-savoirplus {
  background   : url("../images/front/btn_en_savoir_plus.png") no-repeat;
  font-family  : 'UbuntuRegular', sans-serif;
  color        : #000000;
  display      : block;
  height       : 26px;
  line-height  : 24px;
  padding-left : 30px;
  margin-top   : 5px;
}

/* BONS PLANS */
#bons-plans {
  width      : 938px;
  padding    : 10px;
  margin     : 0 auto;
  margin-top : 10px;
}

#bons-plans .actu {
  height       : 431px;
  width        : 290px;
  margin-right : 34px;
  float        : left;
}

#bons-plans .last {
  margin-right : 0;
}

#bons-plans .actu .actu-img {
  height        : 290px;
  width         : 290px;
  overflow      : hidden;
  margin-bottom : 1px;
}

#bons-plans .actu .actu-content {
  background : #000000;
  height     : 120px;
  padding    : 10px;
  position   : relative;
}

#bons-plans .actu .actu-content .actu-titre {
  color : #ffffff;
}

#bons-plans .actu .actu-content .actu-accroche {
  font-family : 'UbuntuRegular', sans-serif;
  color       : #999999;
  font-size   : 13px;
  text-align  : justify;
  line-height : 14px;
}

#bons-plans .actu .actu-content .actu-lien {
  background   : url("../images/front/actu-lien.png") no-repeat scroll 0 0 transparent;
  height       : 33px;
  color        : #ffdf12;
  font-family  : 'UbuntuBold', sans-serif;
  font-size    : 13px;
  display      : block;
  line-height  : 33px;
  padding-left : 40px;
  position     : absolute;
  bottom       : 10px;
}

#bons-plans .actu .actu-content .actu-lien:hover {
  background-position : left bottom;
  color               : #ffffff;
}

#actusListe #bons-plans .actu {
  margin : 11px;
}

/* TEXTE REF */
#texte-ref {
  max-width : 805px;
  margin    : 0 auto 15px auto;
}

#texte-ref h3, #texte-ref h3 {
  margin-bottom : 15px;
}

#texte-ref p {
  font-family : 'UbuntuLight', sans-serif;
  color       : #000000;
  font-size   : 13px;
}

/* EN CE MOMENT */
#en_ce_moment {
  display       : block;
  margin-bottom : 15px;
}

#en_ce_moment .item_event {
  border   : 1px solid #cccccc;
  display  : inline-block;
  position : relative;
  float    : left;
  margin   : 3px;
}

#en_ce_moment .item_event img {
  position : absolute;
  top      : 0;
  right    : 0;
}

#en_ce_moment .item_event img.bg {
  bottom   : 0 !important;
  position : absolute;
  top      : auto;
}

#en_ce_moment .item_event p.nom {
  position    : absolute;
  bottom      : 15px;
  font-family : 'QuicksandBold', sans-serif;
  font-size   : 20px;
  width       : 100%;
  text-align  : center;
  color       : #ffffff;
}

#en_ce_moment .item_event .infos_sup {
  padding    : 5px;
  height     : 199px;
  width      : 230px;
  position   : absolute;
  top        : 0;
  left       : 0;
  display    : block;
  background : url(../images/front/bg_infos.png) no-repeat;
  margin-top : 15px;
}

#en_ce_moment .item_event .infos_sup.vignette {
  display    : none;
  margin     : 0;
  background : #ffdf12;
  height     : 96%;
  width      : 96%;
}

#en_ce_moment .item_event:hover .infos_sup {
  display : block !important;
}

#en_ce_moment .item_event .infos_sup p.nom {
  position    : static;
  color       : #000000;
  text-align  : left;
  width       : 180px;
  font-size   : 20px;
  line-height : 21px;
}

#en_ce_moment .item_event .infos_sup .date {
  font-size : 15px;
}

#en_ce_moment .item_event .infos_sup .btn_reserver {
  text-transform : uppercase;
  font-weight    : bold;
  font-size      : 20px;
  color          : #000000;
  text-align     : center;
  padding-top    : 3px;
  border         : 2px solid #000000;
  top            : 150px;
  height         : 29px;
  left           : 5px;
  margin-left    : 10px;
  position       : absolute;
  width          : 198px;
}

#en_ce_moment .item_event .infos_sup.vignette .btn_reserver {
  top : 182px;
}

#en_ce_moment .item_event .infos_sup .en_savoir_plus {
  height       : 30px;
  background   : url("../images/front/btn_en_savoir_plus.png") no-repeat;
  color        : #000000;
  display      : inline-block;
  font-size    : 13px;
  left         : 15px;
  line-height  : 13px;
  padding-left : 35px;
  position     : absolute;
  bottom       : 30px;
}

#en_ce_moment .item_event .infos_sup.vignette .en_savoir_plus {
  bottom : 15px;
}

#en_ce_moment .item_event .infos_sup .en_savoir_plus2 {
  padding-top : 5px;
}

#en_ce_moment .voir-part {
  margin-bottom : 10px;
}

#en_ce_moment .block-price {
  display    : block;
  margin-top : 10px;
}

#en_ce_moment .block-price .a_partir {
  color       : #000000;
  font-size   : 15px;
  font-family : 'QuicksandBook', sans-serif
}

#en_ce_moment .block-price .price {
  font-family : 'UbuntuBold', sans-serif;
  font-size   : 22px;
  color       : #000000;
}

/* MEDIA CENTER */
#media-center .panel-content-media .news-twitter .content {
  border-bottom : 2px solid #666666;
}

#media-center #panel-content-facebookOt .news-facebook .content, #media-center #panel-content-toutes-les-news .news-facebook .content {
  padding-top   : 66px;
  height        : 139px;
  border-bottom : 2px solid #ccb20e;
}

#media-center #panel-content-facebookOt .news .content .text, #media-center #panel-content-toutes-les-news .news .content .text {
  font-family : 'QuicksandLight', sans-serif;
  font-size   : 12px;
}

#media-center #panel-content-facebookOt .news .content .text strong, #media-center #panel-content-toutes-les-news .news .content .text strong {
  font-family : 'QuicksandBold', sans-serif;
}

#media-center #panel-content-facebookOt .news.large .content .text, #media-center #panel-content-toutes-les-news .news.large .content .text {
  width : 206px;
}

#media-center #panel-content-facebookOt .news.large .content .img, #media-center #panel-content-toutes-les-news .news.large .content .img {
  position : absolute;
  top      : 8px;
  right    : 8px;
}

/* PARTENAIRES OT - INSTITUTIONNELS */
#partenaires-ref {
  border-top     : 2px solid #e5e5e5;
  background     : #ececec;
  padding-bottom : 10px;
}

#texte-part-inst, #texte-part-ot {
  max-width      : 805px;
  margin         : 0 auto 15px auto;
  border-bottom  : 2px solid #e5e5e5;
  padding-bottom : 30px;
}

#texte-part-inst p, #texte-part-ot p {
  font-family : 'UbuntuLight', sans-serif;
  color       : #333333;
  font-size   : 14px;
  line-height : 19px;
}

#texte-part-inst p strong, #texte-part-ot p strong {
  font-family : 'UbuntuBold', sans-serif;
}

.devenir-part, .voir-part {
  display      : block;
  height       : 32px;
  font-family  : 'UbuntuLight', sans-serif;
  font-size    : 13px;
  color        : #000000;
  line-height  : 15px;
  padding-left : 35px;
}

.devenir-part strong, .voir-part strong {
  font-family : 'UbuntuBold', sans-serif;
}

.devenir-part {
  background : url("../images/front/devenir-part.png") no-repeat;
}

.voir-part {
  background : url("../images/front/voir-part.png") no-repeat;
}

.devenir-part:hover, .voir-part:hover {
  background-position : left bottom;
}

#texte-part-ot .devenir-part, #texte-part-ot .voir-part, #texte-part-inst .voir-part {
  margin-top : 30px;
}

#texte-part-ot {
  border-bottom : none;
}

/*************/
/*  CONTACT  */
/*************/

.coords-horaires {
  background         : #f5f5f5;
  padding            : 15px;
  -moz-box-shadow    : 1px 1px 0 0 #cccccc;
  -webkit-box-shadow : 1px 1px 0 0 #cccccc;
  -o-box-shadow      : 1px 1px 0 0 #cccccc;
  box-shadow         : 1px 1px 0 0 #cccccc;
  filter             : progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=0);
}

.coords-horaires #coords {
}

.coords-horaires #coords .adresse {
  color        : #7f858a;
  font-family  : 'Brandon', sans-serif;
  font-size    : 22px;
  padding-left : 20px;
  margin-top   : 15px;
}

.coords-horaires #coords .tel-fax-mail {
  color        : #000000;
  font-family  : 'UbuntuRegular', sans-serif;
  font-size    : 17px;
  padding-left : 20px;
  margin-top   : 20px;
}

.coords-horaires #coords span {
  display       : block;
  background    : url("../images/front/pictos-contact.png") no-repeat;
  margin-bottom : 10px;
  padding-left  : 34px;
}

.coords-horaires #coords .tel {
  background-position : 0 -35px;
  height              : 22px;
  line-height         : 15px;
}

.coords-horaires #coords .fax {
  height              : 22px;
  line-height         : 17px;
  background-position : 0 -66px;
}

.coords-horaires #coords .mail {
  background-position : 0 -97px;
}

.coords-horaires #coords .mail a {
  color : #000000;
}

.coords-horaires #horaires {
  border-left  : 2px solid #ffffff;
  margin-left  : 45px;
  padding-left : 30px;
  width        : 50%;
}

.coords-horaires #horaires .horaires-title {
  background   : url("../images/front/pictos-contact.png") no-repeat 0 0;
  height       : 29px;
  line-height  : 29px;
  color        : #000000;
  font-family  : 'UbuntuLight', sans-serif;
  font-size    : 20px;
  display      : block;
  padding-left : 35px;
}

.coords-horaires #horaires .horaires p {
  font-family : 'UbuntuRegular', sans-serif;
  font-size   : 17px;
  margin-left : 36px;
  margin-top  : 20px;
}

.coords-horaires #horaires .horaires strong, .coords-horaires #horaires .horaires b {
  font-family : 'UbuntuBold', sans-serif;
  font-weight : normal;
}

.contact-bloc {
  margin-top : 30px;
}

.contact-bloc h3 {
  margin-bottom : 25px;
}

.contact-bloc #contact-form {
  position : relative;
}

.contact-bloc #contact-form #map {
  position           : absolute;
  height             : 535px;
  width              : 480px;
  top                : 22px;
  right              : 0;
  background         : #f5f5f5;
  -moz-box-shadow    : 1px 1px 0 0 #cccccc;
  -webkit-box-shadow : 1px 1px 0 0 #cccccc;
  -o-box-shadow      : 1px 1px 0 0 #cccccc;
  box-shadow         : 1px 1px 0 0 #cccccc;
  filter             : progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=0);
}

.contact-bloc #contact-form #message-wrapper {
  width : 100%;
}

#deposer-succes {
  text-align : center;
}

#deposer-succes #retour-accueil {
  margin-top : 40px;
}

/**************************/
/*  PAGES GROUPES & PROS  */
/**************************/

/* FORMULAIRE */
#groupes-pros-form .field-text, #groupes-pros-form .field-date {
  width : 400px;
}

#groupes-pros-form .styled-select {
  width : 410px;
}

#groupes-pros-form #message-wrapper {
  width : 920px;
}

#groupes-pros-form .buttons-set button {
  margin-right : 34px;
}

/* JH */
a.button {
  display         : inline-block;
  text-decoration : none;
}

a.button span.border {
  display : inline-block;
}

a.button span.bkg {
  display : block;
  padding : 10px 20px;
  margin  : 3px;
}

a.button span.bold {
  font-family : 'UbuntuMedium', sans-serif;
}

a.button span.upper {
  text-transform : uppercase;
}

a.button span.name {
  font-family : 'QuicksandBook', sans-serif;
}

a.button.c-yellow span.border {
  border : 3px solid #ffeb00;
}

a.button.c-yellow span.bkg {
  background-color : #ffeb00;
}

a.button.c-yellow span.name {
  color  : #000000;
  border : none;
}

a.button.c-yellow:hover span.border {
  border : 3px solid #000000;
}

a.button.c-yellow:hover span.bkg {
  background-color : #000000;
}

a.button.c-yellow:hover span.name {
  color  : #ffeb00;
  border : none;
}

a.button.c-black span.border {
  border : 3px solid #000000;
}

a.button.c-black span.bkg {
  background-color : #000000;
}

a.button.c-black span.name {
  color  : #ffdf12;
  border : none;
}

a.button.c-black:hover span.border {
  border : 3px solid #ffdf12;
}

a.button.c-black:hover span.bkg {
  background-color : #ffdf12;
}

a.button.c-black:hover span.name {
  color  : #000000;
  border : none;
}

a.button.en-images span.name {
  background : url('../images/front/sprites.png') -2px -106px no-repeat #000000;
  padding    : 4px 0 5px 35px;
}

a.button.incontournable span.name {
  background : url('../images/front/sprites.png') -2px -142px no-repeat #000000;
  padding    : 4px 0 5px 35px;
}

a.button.en-images:hover span.name {
  background : url('../images/front/sprites.png') -389px -109px no-repeat #ffdf12;
}

a.button.incontournable:hover span.name {
  background : url('../images/front/sprites.png') -389px -142px no-repeat #ffdf12;
}

a.more-results {
  margin-top       : 20px;
  width            : 100%;
  text-align       : center;
  background-color : #ffe401;
  color            : #000000;
  text-transform   : uppercase;
  text-decoration  : none !important;
  font-family      : 'UbuntuLight', sans-serif;
  display          : inline-block;
  padding          : 20px 0;
  font-size        : 18px;
  border-bottom    : 1px solid #a28e0c;
  border-right     : 1px solid #a28e0c;
}

a.more-results .bold {
  font-family : 'UbuntuBold', sans-serif;
}

a.more-results:hover {
  color : #666666;
}

a.more-results.loading {
  background-color : #cccccc;
}

a.more-results.loading span {
  display : none;
}

a.more-results.loading:after {
  content     : 'Chargement en cours ...';
  font-weight : bold;
  color       : #ffffff;
}

.center-content {
  max-width : 960px;
  margin    : 0 auto;
  overflow  : hidden;
  display   : block;
}

.clear {
  clear : both;
}

.std-content .bold {
  font-family : 'UbuntuBold', sans-serif !important;
}

.c-yellow {
  color : #ffdf12;
}

.picto-check {
  background : url('../images/front/sprites.png') -939px -4px no-repeat transparent;
  display    : block;
  width      : 49px;
  height     : 48px;
  margin     : 20px auto 0;
}

.title-categ-part, .title-page {
  background     : url("../images/front/titre-rubrique-hp.png") no-repeat scroll center 35px transparent;
  text-align     : center;
  height         : 50px;
  margin         : 20px 0 20px;
  text-transform : uppercase;
  display        : block;
  font-family    : 'QuicksandBold', sans-serif;
  font-size      : 25px;
}

h1.title-part {
  font-family    : 'QuicksandBold', sans-serif;
  background     : url('../images/front/sprites.png') -398px -713px no-repeat transparent;
  font-size      : 25px;
  text-transform : uppercase;
  padding        : 3px 0;
  padding-left   : 15px;
}

h2.sub-title-part {
  font-family    : 'QuicksandBold', sans-serif;
  font-size      : 18px;
  color          : #b1b8b9;
  text-transform : uppercase;
  padding        : 3px 0;
}

.print_share-it {
  width            : 950px;
  padding          : 5px;
  background-color : #000000;
  display          : inline-block;
  margin           : 5px auto;
}

.print_share-it .print {
  float : left;
}

.print_share-it .print a {
  background     : url('../images/front/sprites.png') -776px -339px no-repeat transparent;
  line-height    : 32px;
  height         : 32px;
  padding-left   : 28px;
  color          : #ffe401;
  text-transform : uppercase;
  font-size      : 12px;
  float          : left;
}

.print_share-it .print a:hover {
  color : #ffffff;
}

.print_share-it .share-it {
  float : right;
  width : 250px;
}

a.all-recommandations {
  background     : url('../images/front/sprites.png') -2px -247px no-repeat transparent;
  float          : right;
  color          : #000000;
  font-size      : 13px;
  text-transform : uppercase;
  font-family    : 'UbuntuLight', sans-serif;
  padding-left   : 40px;
  line-height    : 17px;
}

a.all-recommandations .bold {
  font-family : 'UbuntuBold', sans-serif;
}

a.all-recommandations:hover {
  background-position : -385px -247px;
}

form#reservation-form #message-wrapper {
  width : 100%;
}

form .validation-advice {
  color      : red;
  font-size  : 12px;
  margin-top : 6px;
}

form#reservation-form .field-date.calendar, form#reservation-form .field-text, form#reservation-form .field-date {
  width : 438px;
}

form button.calendar {
  margin-left : -25px;
}

/* =========================================================== */

#main_content {
  width          : 960px;
  margin         : 0 auto;
  padding-bottom : 30px;
}

.breadcrumb {
  background-color : #7f7f7f;
  width            : 100%;
  height           : 25px;
  margin-top       : 3px;
}

.breadcrumb .content-crumb {
  max-width   : 960px;
  margin      : 0 auto;
  line-height : 23px;
  color       : #ffffff;
  font-family : 'QuicksandBook', sans-serif;
  font-size   : 14px;
}

.breadcrumb .content-crumb a {
  color           : #ffffff;
  text-decoration : none;
  font-size       : 14px;
  font-family     : 'QuicksandBook', sans-serif;
}

.breadcrumb .content-crumb a:hover {
  color : #ffdf12;
}

.breadcrumb .content-crumb .slash {
  color : #ffffff;
}

.breadcrumb .content-crumb span {
  color       : #ffdf12;
  font-size   : 14px;
  font-family : 'QuicksandBook', sans-serif;
}

/* HEADER  */

#header-wrapper {
  min-height : 178px;
  width      : 100%;
  background : url('../images/front/bg-header-ot-le-mans.jpg') 0 0 repeat transparent;
  border-top : 2px solid #ffdf12;
}

#header-wrapper .header {
  position : relative;
  width    : 100%;
  height   : 178px;
}

#header-wrapper .logo {
  position   : absolute;
  bottom : 20px;
}

#header-wrapper .logo-ofcourse {
  position : absolute;
  top      : 70px;
  width    : 100px;
  right    : 1px;
}
#header-wrapper .logo-ofcourse img {
  width: 100%;
}

#toolbar {
  position : absolute;
  top      : 0;
  right    : 0;
}

#toolbar .tel {
  background   : url('../images/front/sprites.png') -5px 8px repeat transparent;
  padding-left : 20px;
  height       : 42px;
  line-height  : 42px;
  float        : left;
  color        : #cccccc;
  font-size    : 18px;
  font-family  : 'QuicksandBook', sans-serif;
  margin-right : 15px;
}

#toolbar a.a-plus-a-moins {
  width           : 43px;
  height          : 42px;
  float           : left;
  border          : 1px solid #cccccc;
  border-top      : 0;
  border-right    : 0;
  text-decoration : none;
}

#toolbar a.a-plus-a-moins span.img {
  background : url('../images/front/sprites.png') -1px -68px repeat transparent;
  height     : 30px;
  width      : 31px;
  display    : block;
  margin     : 5px auto 0;
}

#toolbar a.a-plus-a-moins ul {
  display     : none;
  margin-top  : 8px;
  margin-left : -1px;
}

#toolbar a.a-plus-a-moins ul li {
  float            : left;
  background-color : #ffdf12;
  width            : 45px;
  height           : 43px;
  text-align       : center;
  line-height      : 43px;
}

#toolbar a.a-plus-a-moins ul li span {
  font-family : 'QuicksandBold', sans-serif;
  font-size   : 20px;
  color       : #000000;
}

#toolbar a.a-plus-a-moins:hover ul {
  display : block;
}

#toolbar a.a-plus-a-moins:hover ul li {
  cursor : pointer;
}

#toolbar .groupe-et-pros {
  width         : 140px;
  height        : 42px;
  float         : left;
  border-top    : 1px solid #cccccc;
  border-bottom : 1px solid #cccccc;
  text-align    : center;
  line-height   : 42px;
  border-top    : 0;
}

#toolbar .groupe-et-pros span {
  color          : #ffdf12;
  font-size      : 14px;
  text-transform : uppercase;
  display        : block;
  margin         : 0 auto;
}

#toolbar .newsletters {
  width      : 43px;
  height     : 42px;
  float      : left;
  border     : 1px solid #cccccc;
  border-top : 0;
}

#toolbar .newsletters span {
  background : url('../images/front/sprites.png') -39px -76px repeat transparent;
  height     : 15px;
  width      : 24px;
  display    : block;
  margin     : 12px auto 0;
}

#toolbar .recherche {
  width         : 43px;
  height        : 42px;
  float         : left;
  border-top    : 1px solid #cccccc;
  border-bottom : 1px solid #cccccc;
  border-top    : 0;
}

#toolbar .recherche span {
  background : url('../images/front/sprites.png') -74px -74px repeat transparent;
  height     : 20px;
  width      : 20px;
  display    : block;
  margin     : 10px auto 0;
}

#toolbar .langues {
  width      : 43px;
  height     : 42px;
  float      : left;
  border     : 1px solid #cccccc;
  border-top : 0;
  position   : relative;
}

#toolbar .langues > span {
  display        : block;
  height         : 42px;
  line-height    : 42px;
  font-family    : "QuickSandBook", sans-serif;
  text-transform : uppercase;
  text-align     : center;
  color          : #d1d1d1;
}

#toolbar .langues ul {
  position           : absolute;
  top                : 42px;
  left               : 0;
  background-color   : #343434;
  width              : 100%;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  border             : 1px solid #cccccc;
  z-index            : 9;
}

#toolbar .langues ul li a {
  display       : block;
  width         : 100%;
  padding       : 5px 0;
  text-align    : center;
  border-bottom : 1px solid #cccccc;
}

#toolbar .langues ul li a:hover {
  background-color : #cccccc;
}

#toolbar .langues ul li:last-child a {
  border-bottom : 0;
}

#toolbar .mon-sejour {
  background-color : #ffdf11;
  height           : 43px;
  width            : 180px;
  text-align       : center;
  float            : left;
}

#toolbar .mon-sejour span {
  background     : url('../images/front/pictos_recherche.png') left 10px no-repeat transparent;
  padding-left   : 40px;
  height         : 43px;
  line-height    : 43px;
  float          : left;
  font-family    : 'QuicksandBold', sans-serif;
  text-transform : none;
  color          : #000000;
  margin-left    : 10px;
  font-size      : 19px;
}

#toolbar .mon-sejour.active span {
  background-position : 4px -27px;
}

#menu {
  height           : 45px;
  width            : 100%;
  background-color : #000000;
}

#menu #nav {
  width    : 960px;
  margin   : 0 auto;
  position : relative;
}

#menu #nav li.item-menu {
  float    : left;
  width    : 16.5%;
  position : static;
}

#menu #nav li.item-menu .arrow-active {
  width        : 0;
  z-index      : 10;
  height       : 0;
  border-style : solid;
  border-width : 0 6px 7px 6px;
  border-color : transparent transparent #ffffff transparent;
  line-height  : 0;
  position     : absolute;
  bottom       : 0;
  left         : 50%;
  margin-left  : -7px;
  display      : none;
}

#menu #nav li.sep {
  float            : left;
  height           : 30px;
  width            : 1px;
  background-color : #333333;
  z-index          : 99999;
  margin-top       : 8px;
  opacity          : 0.8;
}

#menu #nav li.item-menu a.link-item-menu .item-menu-actif {
  display          : none;
  height           : 3px;
  position         : absolute;
  bottom           : 0;
  left             : 0;
  right            : 0;
  background-color : #ffdf12;
  margin-bottom    : -3px;
}

#menu #nav li.item-menu a.link-item-menu {
  line-height     : 45px;
  color           : #ffffff;
  text-decoration : none;
  font-size       : 20px;
  font-family     : 'QuicksandBook', sans-serif;
  height          : 45px;
  width           : 100%;
  float           : left;
  text-align      : center;
  position        : relative;
}

#menu #nav li.item-menu a.link-item-menu:hover, #menu #nav li.item-menu a.link-item-menu.actif {
  color : #ffdf12
}

#menu #nav li.item-menu a.link-item-menu.actif .item-menu-actif {
  display : block;
}

#menu #nav li.item-menu:hover .arrow-active, #menu #nav li.item-menu.actif .arrow-active {
  display : block;
}

#menu #nav li.item-menu .sub-menu {
  position         : absolute;
  top              : 45px;
  left             : 0;
  width            : 900px;
  background-color : #ffffff;
  z-index          : 9;
  display          : none;
  box-shadow       : 0 0 0 8px rgba(0, 0, 0, 0.7);
  margin-left      : 9px;
}

#menu #nav li.item-menu:hover .sub-menu {
  display : block;
}

#menu .sub-menu {
  padding : 20px;
}

#menu .sub-menu .vignette-sub-menu {
  width    : 35%;
  float    : left;
  position : relative;
  display  : block;
}

#menu .sub-menu .vignette-sub-menu img {
  position : absolute;
  top      : 0;
  right    : 0;
  bottom   : 0;
  left     : 0;
}

#menu .sub-menu .vignette-sub-menu .picto-plus {
  background  : url('../images/front/sprites.png') -500px -3px no-repeat transparent;
  width       : 50px;
  height      : 50px;
  position    : absolute;
  left        : 50%;
  margin-left : -25px;
  top         : 0;
  margin-top  : 160px;
}

#menu .sub-menu .vignette-sub-menu .vignette {
  background-color : gray;
  height           : 385px;
  width            : 260px;
  text-decoration  : none;
  position         : relative;
  text-align       : center;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title {
  position   : relative;
  margin-top : 30px;
  display    : inline-block;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title .box-tiret {
  position      : absolute;
  left          : 50%;
  margin-left   : -8px;
  width         : 16px;
  height        : 45px;
  border-top    : 2px solid #ffffff;
  border-bottom : 2px solid #ffffff;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title .title {
  width          : 100%;
  display        : inline-block;
  color          : #ffffff;
  font-family    : 'QuicksandBold', sans-serif;
  font-size      : 18px;
  text-transform : uppercase;
  line-height    : 49px;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title.c-yellow .box-tiret {
  border-top    : 2px solid #ffdf12;
  border-bottom : 2px solid #ffdf12;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title.c-yellow .title {
  color : #ffdf12;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title.c-black .box-tiret {
  border-top    : 2px solid #000000;
  border-bottom : 2px solid #000000;
}

#menu .sub-menu .vignette-sub-menu .vignette .box-title.c-black .title {
  color : #000000;
}

#menu .sub-menu .vignette-sub-menu .vignette .become-partner {
  position         : absolute;
  bottom           : 0;
  left             : 0;
  right            : 0;
  height           : 55px;
  background-color : #ffffff;
  opacity          : 0.75;
  text-align       : center;
}

#menu .sub-menu .vignette-sub-menu .vignette .become-partner .title {
  font-family    : 'QuicksandBook', sans-serif;
  font-size      : 13px;
  text-transform : uppercase;
  color          : #000000;
  background     : url('../images/front/sprites.png') -2px -293px no-repeat transparent;
  height         : 36px;
  line-height    : 18px;
  padding-left   : 40px;
  display        : inline-block;
  text-align     : left;
  margin-top     : 10px;
}

#menu .sub-menu .vignette-sub-menu .vignette .become-partner .title .bold {
  font-family : 'QuicksandBold', sans-serif;
}

#menu .sub-menu .content-sub-menu .sub-pages {
  width : 65%;
  float : left;
}

#menu .sub-menu .content-sub-menu {
  display  : inline-block;
  width    : 100%;
  float    : left;
  position : relative;
}

#menu .sub-menu .content-sub-menu .sub-pages .btns-en-image-incontournable {
  display  : inline-block;
  position : absolute;
  bottom   : 0;
  right    : 0;
  width    : 65%;
}

#menu .sub-menu .content-sub-menu .sub-pages .btns-en-image-incontournable .en-image {
  float : left;
}

#menu .sub-menu .content-sub-menu .sub-pages .btns-en-image-incontournable .incontournable {
  float        : right;
  margin-right : 25px;
}

#menu .sub-menu .content-sub-menu .sub-pages .bloc-sub-menu {
  display       : inline-block;
  margin-bottom : 70px;
}

#menu .sub-menu .content-sub-menu .sub-pages .bloc-sub-menu .title_sub_menu {
  text-transform : uppercase;
  color          : #999999;
  font-family    : 'UbuntuLight', sans-serif;
  font-size      : 18px;
}

#menu .sub-menu .content-sub-menu .sub-pages .bloc-sub-menu .title_sub_menu .bold {
  font-family : 'UbuntuMedium', sans-serif;
}

#menu .sub-menu .content-sub-menu .sub-pages ul {
  margin : 15px 0 40px 20px;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.col-1 {
  width : 100%;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.col-2 {
  width : 49%;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu {
  list-style-type : disc;
  float           : left;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu a.link-item-sub-menu {
  text-decoration : none;
  color           : #000000;
  font-family     : 'QuicksandBold', sans-serif;
  font-size       : 16px;
  line-height     : 40px;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu a.link-item-sub-menu:hover {
  color : #888888;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu a.link-item-sub-menu,
#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu:hover a.link-item-sub-menu,
#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu.actif a.link-item-sub-menu {
  color : #000000;
}

#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu a.link-item-sub-menu:hover,
#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu:hover a.link-item-sub-menu:hover,
#menu .sub-menu .content-sub-menu .sub-pages ul li.item-sub-menu.actif a.link-item-sub-menu:hover {
  color : #999999;
}

#menu .sub-menu .vignette-sub-menu .vignette .picto_jaune_vignette_menu {
  position   : absolute;
  top        : 162px;
  left       : 106px;
  background : url(../images/front/picto_jaune.png) no-repeat;
  width      : 50px;
  height     : 49px;
}

#menu .sub-menu .vignette-sub-menu .vignette .titre_vignette_menu {
  height         : 50px;
  line-height    : 50px;
  color          : #ffffff;
  display        : block;
  font-family    : "QuicksandBold", sans-serif;
  font-size      : 18px;
  position       : absolute;
  text-align     : center;
  text-transform : uppercase;
  top            : 29px;
  width          : 100%;
}

#menu .sub-menu .vignette-sub-menu .vignette .titre_vignette_menu .tiret_blanc_bottom {
  position   : absolute;
  bottom     : 0;
  left       : 122px;
  height     : 3px;
  width      : 21px;
  background : #ffffff;
  display    : block;
}

#menu .sub-menu .vignette-sub-menu .vignette .titre_vignette_menu .tiret_blanc_top {
  position   : absolute;
  top        : 0;
  left       : 122px;
  height     : 3px;
  width      : 21px;
  background : #ffffff;
  display    : block;
}

/* ITEM SOUS PAGE */

.item-sub-categ {
  width    : 290px;
  height   : 430px;
  overflow : hidden;
  float    : left;
  display  : inline-block;
}

.item-sub-categ.first {
  margin : 25px 18px 25px 0;
}

.item-sub-categ.middle {
  margin : 25px 24px;
}

.item-sub-categ.last {
  margin : 25px 0 25px 18px;
}

.item-sub-categ .content-item {
  overflow : hidden;
  padding  : 1px;
}

.item-sub-categ .content-item .visuel {
  width            : 100%;
  height           : 290px;
  background-color : gray;
  overflow         : hidden;
  border-bottom    : 1px solid #ffffff;
}

.item-sub-categ .content-item .details {
  height           : 110px;
  background-color : #000000;
  padding          : 15px 10px 10px;
  position         : relative;
  border-top       : 1px solid #7f7f7f;
  border-bottom    : 1px solid #7f7f7f;
}

.item-sub-categ .content-item .details .nom {
  color          : #ffffff;
  font-family    : 'QuicksandBold', sans-serif;
  font-size      : 18px;
  text-transform : uppercase;
  display        : block;
  text-align     : center;
}

.item-sub-categ .content-item .details .link {
  background     : url('../images/front/sprites.png');
  color          : #fede12;
  line-height    : 25px;
  position       : absolute;
  bottom         : 0;
  margin-bottom  : 8px;
  text-transform : uppercase;
  font-family    : 'UbuntuBold', sans-serif;
  font-size      : 12px;
}

.item-sub-categ .content-item .details .voir_fiche {
  background-position : -395px -507px;
  padding-left        : 25px;
  right               : 0;
  margin-right        : 10px;
}

.item-sub-categ .content-item .details .voir_fiche:hover {
  color               : #ffffff;
  background-position : -781px -507px
}

.item-sub-categ .content-item .details .voir_carte {
  background-position : -8px -676px;
  padding-left        : 22px;
  left                : 0;
  margin-left         : 10px
}

.item-sub-categ .content-item .details .voir_carte:hover {
  color               : #ffffff;
  background-position : -395px -677px
}

/* CAROUSEL SOUS PAGES */

#caroussel-sub-categs {
  margin-top    : 50px;
  margin-bottom : 20px;
}

#caroussel-sub-categs #caroussel-categs {
  width       : 820px;
  height      : 50px !important;
  display     : inline-block;
  margin      : 0 auto;
  margin-left : 20px;
}

#caroussel-sub-categs a.thumbcateg {
  width          : 120px;
  height         : 45px;
  border         : 2px solid #e0e0e0;
  display        : inline-block;
  margin         : 0 20px;
  font-family    : 'UbuntuMedium', sans-serif;
  font-size      : 10px;
  color          : #999999;
  text-transform : uppercase;
  line-height    : 23px;
  text-align     : center; /* vertical-align: middle; */
  float          : left;
}

#caroussel-sub-categs a.thumbcateg span {
}

#caroussel-sub-categs .car-nav-left {
  float      : left;
  width      : 50px;
  height     : 50px;
  margin     : 0;
  background : url('../images/front/sprites.png') -370px -592px no-repeat transparent;
  z-index    : 99999;
}

#caroussel-sub-categs .car-nav-right {
  float      : right;
  width      : 50px;
  height     : 50px;
  margin     : 0;
  background : url('../images/front/sprites.png') -390px -545px no-repeat transparent;
  z-index    : 99999;
}

#caroussel-sub-categs .car-nav-left:hover {
  background-position : -503px -593px;
}

#caroussel-sub-categs .car-nav-right:hover {
  background-position : -523px -545px;
}

#caroussel-sub-categs a.thumbcateg.current {
  color  : #000000;
  border : 2px solid #ffdf13;
}

/* === MEDIA CENTER === */
#media-center .panel-media {
  margin-bottom : 15px;
  float         : left;
  width         : 100%;
}

#media-center .panel-header-media {
  float         : left;
  width         : 100%;
  margin-bottom : 20px;
}

#media-center .panel-header-media li {
  width        : 142px;
  height       : 35px;
  text-align   : center;
  position     : relative;
  float        : left;
  margin-right : 15px;
}

#media-center .panel-header-media li a {
  width         : 142px;
  height        : 32px;
  display       : block;
  border-radius : 20px;
  font-size     : 15px;
  color         : #999999;
  line-height   : 32px;
}

#media-center .panel-header-media li a:hover,
#media-center .panel-header-media li.panel-active-media a {
  background-color : #000000;
  color            : #ffdf12;
}

#media-center .panel-header-media li a:hover .arrow-active {
  display : block !important;
}

#media-center .panel-header-media li:hover .arrow-active,
#media-center .panel-header-media li.panel-active-media .arrow-active {
  width        : 0;
  height       : 0;
  border-style : solid;
  border-width : 7px 7px 0 7px;
  border-color : #000000 transparent transparent transparent;
  line-height  : 0;
  margin       : 0 auto;
}

#media-center .panel-content-media {
  clear   : both;
  display : none;
}

#media-center .panel-display-media {
  display : block;
  float   : left;
}

#media-center .news .content.pink {
  background-color : #c9007c;
}

#media-center .news .content.black {
  background-color : #000000;
}

#media-center .news .content.yellow {
  background-color : #ffdf12;
}

#media-center .news .content.yellow p.title, #media-center .news .content.yellow p.text {
  color : #000000;
}

#media-center .news .content.pink p.title, #media-center .news .content.pink p.text {
  color : #ffffff;
}

#media-center .news .content.black p.title {
  color : #ffdf12;
}

#media-center .news .content.black p.text {
  color : #ffffff;
}

#media-center .news {
  position        : relative;
  float           : left;
  padding         : 10px;
  text-decoration : none;
}

#media-center .news.small {
  height : 205px;
  width  : 205px;
}

#media-center .news.small .content {
  width    : 205px;
  height   : 205px;
  display  : block;
  position : relative;
}

#media-center .news.large {
  width  : 425px;
  height : 205px;
}

#media-center .news.large .content {
  width    : 100%;
  height   : 205px;
  display  : block;
  position : relative;
}

#media-center .news-twitter .content .h-tag {
  color       : #ffffff;
  float       : left;
  font-size   : 35px;
  margin-left : 10px;
  margin-top  : 60px;
}

#media-center .news-twitter .content p.title {
  font-size   : 15px;
  text-align  : left;
  padding     : 0 10px;
  font-family : 'QuicksandBook', sans-serif;
}

#media-center .news-twitter .content p.text {
  font-size   : 12px;
  text-align  : left;
  padding     : 0 10px;
  line-height : 12px;
  font-family : 'QuicksandBook', sans-serif;
}

#media-center .news-twitter .picto {
  width       : 50px;
  height      : 36px;
  z-index     : 1;
  position    : absolute;
  left        : 0;
  top         : 0;
  background  : url('../images/front/sprites_media_center.png') -7px -7px no-repeat transparent;
  margin-top  : 20px;
  margin-left : 20px;
}

#media-center .news-facebook .content {
  background-color : #000000;
  overflow         : hidden;
}

#media-center .news-facebook .content .h-tag {
  color       : #ffffff;
  float       : left;
  font-size   : 35px;
  margin-left : 10px;
  margin-top  : 60px;
}

#media-center .news-facebook .content p.title {
  font-size   : 15px;
  text-align  : left;
  padding     : 0 10px;
  font-family : 'QuicksandBook', sans-serif;
}

#media-center .news-facebook .content p.text {
  font-size   : 12px;
  text-align  : left;
  padding     : 0 10px;
  line-height : 12px;
  font-family : 'QuicksandBook', sans-serif;
  max-height  : 95%;
}

#media-center .news-facebook .picto {
  width       : 23px;
  height      : 48px;
  z-index     : 1;
  position    : absolute;
  left        : 0;
  top         : 0;
  background  : url('../images/front/sprites_media_center.png') -21px -62px no-repeat transparent;
  margin-top  : 20px;
  margin-left : 20px;
}

/* FILTERS */
#filtre-elements .input_wrapper label {
  text-transform : uppercase;
  color          : #000000;
  font-size      : 11px;
  font-family    : 'QuicksandBold', sans-serif;
}

/* FILTRES PARTENAIRES */
.filters {
  display          : inline-block;
  width            : 930px;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #cccccc;
  border-right     : 2px solid #cccccc;
  margin           : 30px auto 20px;
  padding          : 15px;
}

.filters .input_wrapper {
  float         : left;
  width         : 21%;
  margin-left   : 18px;
  margin-bottom : 0;
  position      : relative;
}

.filters .styled-select {
  width        : 90%;
  padding-left : 10px;
}

.filters .styled-select select {
  height              : 20px;
  width               : 96%;
  background-position : 140px 2px
}

.filters #classement-label, .filters #classement-label label {
  display : inline-block;
  width   : 100%;
}

.filters #classement-wrapper br {
  display : none;
}

.filters #classement-wrapper label {
  float : left;
  width : 97px;
}

.filters #classement-wrapper label input {
  margin-right : 5px;
}

.filters form .buttons-set {
  display : inline-block;
  float   : right;
}

.filters form .buttons-set button span.inner {
  width     : 114px;
  font-size : 16px;
}

.filters form .buttons-set button {
  margin-right : 10px;
  margin-top   : 8px;
}

.filters-order-price {
  width            : 240px;
  float            : left;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #cccccc;
  border-right     : 2px solid #cccccc;
  padding          : 5px;
}

.filters-order-price label {
  text-transform : uppercase;
  font-family    : 'QuicksandBold', sans-serif;
  color          : #000000;
  font-size      : 12px;
  float          : left;
  line-height    : 40px;
}

.filters-order-price .styled-select {
  width       : 165px;
  margin-left : 10px;
  display     : inline-block;
}

.filters-order-price .styled-select select {
  background : url("../images/front/select-arrow.png") no-repeat scroll 140px 0 #f5f5f5;
  width      : 97%;
}

/* FILTRES AGENDA */

.filters-agenda {
  display          : inline-block;
  position         : relative;
  width            : 930px;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #cccccc;
  border-right     : 2px solid #cccccc;
  margin           : 30px auto 20px;
  padding          : 15px;
  color            : #393939;
}

.filters-agenda {
  font-family    : 'QuicksandBook', sans-serif;
  text-transform : uppercase;
  font-size      : 15px;
}

.filters-agenda #periode-wrapper {
  width   : 100%;
  display : block;
  clear   : both;
  height  : 50px;
}

.filters-agenda #periode-wrapper input {
  float : left;
}

.filters-agenda #periode-wrapper label {
  float : left;
}

.filters-agenda #periode-wrapper input {
  visibility : hidden;
  height     : 0;
  width      : 0;
}

.filters-agenda #periode-wrapper label {
  font-family    : 'QuickSandBook', sans-serif;
  font-size      : 15px;
  line-height    : 20px;
  text-transform : uppercase;
  color          : #393939;
}

.filters-agenda #periode-wrapper input[type="radio"]:checked + label {
  border-bottom : 2px solid #ffdf12;
  font-family   : 'QuicksandBold', sans-serif;
}

.filters-agenda #periode-wrapper input[type="radio"]:hover + label {
  border-bottom : 2px solid #ffdf12;
  cursor        : pointer;
}

.filters-agenda #periode-wrapper label[for="periode-week"] {
  border-right  : 1px solid #393939;
  border-left   : 1px solid #393939;
  padding-left  : 15px;
  padding-right : 15px;
  margin-left   : 15px;
  margin-right  : 15px;
}

.filters-agenda #periode-wrapper {
  margin-bottom : 15px;
}

.filters-agenda #date_debut_rech-wrapper, .filters-agenda #date_fin_rech-wrapper {
  margin-top : 15px;
}

.filters-agenda .input_wrapper {
  float         : left;
  width         : 30%;
  margin-left   : 20px;
  margin-bottom : 0;
  position      : relative;
}

.filters-agenda .styled-select {
  width        : 90%;
  padding-left : 10px;
}

.filters-agenda .styled-select select {
  height              : 25px;
  width               : 240px;
  background-position : 222px 2px
}

.filters-agenda input.calendar, .filters-agenda select.calendar {
  width : 251px;
}

.filters-agenda #classement-label, .filters-agenda #classement-label label {
  display : inline-block;
  width   : 100%;
}

.filters-agenda #classement-wrapper br {
  display : none;
}

.filters-agenda #classement-wrapper label {
  float : left;
  width : 90px;
}

.filters-agenda #classement-wrapper label input {
  margin-right : 5px;
}

.filters-agenda form .buttons-set {
  display  : inline-block;
  position : absolute;
  right    : 0;
  top      : 0;
}

.filters-agenda form .buttons-set.valider {
  margin-top : 130px
}

.filters-agenda form .buttons-set.reset {
  margin-top : 50px;
}

.filters-agenda form .buttons-set button span.inner {
  width     : 200px;
  font-size : 20px
}

.filters-agenda form .buttons-set button {
  margin-right : 50px;
  margin-top   : 5px;
}

/* FILTRES SEJOUR */

.filters-sejour {
  display          : inline-block;
  position         : relative;
  width            : 930px;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #cccccc;
  border-right     : 2px solid #cccccc;
  margin           : 30px auto 20px;
  padding          : 15px;
  color            : #393939;
}

.filters-sejour {
  font-family    : 'QuicksandBook', sans-serif;
  text-transform : uppercase;
  font-size      : 15px;
}

.filters-sejour #type_form_sejour-wrapper {
  display : none;
}

.filters-sejour #date_debut-wrapper, .filters-sejour #date_fin-wrapper {
  margin-top : 15px;
}

.filters-sejour .input_wrapper {
  float         : left;
  width         : 30%;
  margin-left   : 20px;
  margin-bottom : 12px;
  position      : relative;
}

.filters-sejour .styled-select {
  width        : 90%;
  padding-left : 10px;
}

.filters-sejour .styled-select select {
  height              : 25px;
  width               : 240px;
  background-position : 222px 2px
}

.filters-sejour input.calendar,
.filters-sejour select.calendar,
.filters-sejour input#mot_cle,
.filters-sejour input#date_debut,
.filters-sejour input#date_fin {
  width : 251px;
}

.filters-sejour form .buttons-set {
  display : inline-block;
}

.filters-sejour form .buttons-set.valider {
  margin-top  : 10px;
  float       : left;
  margin-left : 20px;
}

.filters-sejour form .buttons-set.reset {
  margin-top : 10px;
  float      : left;
}

.filters-sejour form .buttons-set button span.inner {
  width     : 114px;
  font-size : 16px;
}

.filters-sejour form .buttons-set button {
  margin-right : 8px;
  margin-top   : 5px;
}

.hidden-wrapper {
  pointer-events : none;
  -ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter         : alpha(opacity=50);
  -khtml-opacity : 0.50;
  -moz-opacity   : 0.50;
  opacity        : 0.50;
}

.map-sejour {
  width            : 100px;
  height           : 50px;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #cccccc;
  border-right     : 2px solid #cccccc;
  display          : inline-block;
  position         : relative;
  float            : left;
  margin-right     : 10px;
}

.map-sejour .map {
  visibility       : hidden;
  position         : absolute;
  top              : 0;
  left             : 0;
  z-index          : 999;
  background-color : #cccccc;
  width            : 960px;
  height           : 575px;
}

.map-sejour:hover .map {
  visibility : visible
}

.map-sejour .title {
  float          : left;
  width          : 60px;
  height         : 50px;
  line-height    : 52px;
  text-transform : uppercase;
  font-size      : 13px;
  font-family    : 'UbuntuBold', sans-serif;
  text-align     : center;
}

.map-sejour .picto_map {
  background : url('../images/front/sprites.png') -770px -835px no-repeat #f2f2f2;
  width      : 40px;
  height     : 50px;
  float      : left;
}

/* FILTER PARTENAIRES */

.filters-liste-partenaires {
  display          : inline-block;
  position         : relative;
  width            : 930px;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #cccccc;
  border-right     : 2px solid #cccccc;
  margin           : 30px auto 20px;
  padding          : 15px;
  color            : #393939;
}

.filters-liste-partenaires {
  font-family    : 'QuicksandBook', sans-serif;
  text-transform : uppercase;
  font-size      : 15px;
}

.filters-liste-partenaires .input_wrapper {
  float         : left;
  width         : 30%;
  margin-left   : 20px;
  margin-bottom : 12px;
  position      : relative;
}

.filters-liste-partenaires .styled-select {
  width        : 90%;
  padding-left : 10px;
}

.filters-liste-partenaires .styled-select select {
  height              : 25px;
  width               : 240px;
  background-position : 222px 2px
}

.filters-liste-partenaires #univers-wrapper label {
  text-transform : uppercase;
  color          : #000000;
  font-size      : 12px;
  font-family    : 'QuicksandBold', sans-serif;
}

.filters-liste-partenaires input.calendar,
.filters-liste-partenaires select.calendar,
.filters-liste-partenaires input#date_debut,
.filters-liste-partenaires input#date_fin {
  width : 251px;
}

.filters-liste-partenaires form .buttons-set {
  display : inline-block;
}

.filters-liste-partenaires form .buttons-set.valider {
  margin-top  : 10px;
  float       : left;
  margin-left : 20px;
}

.filters-liste-partenaires form .buttons-set.reset {
  margin-top : 10px;
  float      : left;
}

.filters-liste-partenaires form .buttons-set button span.inner {
  width     : 114px;
  font-size : 16px;
}

.filters-liste-partenaires form .buttons-set button {
  margin-right : 8px;
  margin-top   : 5px;
}

/* FILTER SUB CATEG */
.filters.filter_sub_categ {
  width   : 450px;
  padding : 8px;
}

.filters.filter_sub_categ label {
  float          : left;
  text-transform : uppercase;
  color          : #000000;
  font-size      : 12px;
  font-family    : 'QuicksandBold', sans-serif;
  line-height    : 35px;
}

.filters.filter_sub_categ .styled-select {
  float       : right;
  width       : 275px;
  margin-left : 10px;
}

.filters.filter_sub_categ .styled-select select {
  background-position : 242px 2px;
  width               : 95%;
}

.filters.filter_sub_categ #localisation-wrapper {
  width : 95%;
}

/* ITEM PARTENAIRE */

.item-partenaire {
  width    : 290px;
  height   : 476px;
  border   : 1px solid #000000;
  overflow : hidden;
  float    : left;
  margin   : 20px 14px;
}

.item-partenaire.item-partenaire-type-1 {
  background-color : #ededed;
  border           : 1px solid #ededed;
  border-top       : 0;
  border-bottom    : 2px solid #b0b0b0;
}

.item-partenaire .content-item {
  overflow : hidden;
  padding  : 1px;
}

.item-partenaire .content-item-type-1 {
  font-family : 'QuicksandBook', sans-serif;
  border      : none;
}

.item-partenaire .content-item-type-1 .nom {
  color          : #000000;
  background     : url('../images/front/sprites.png') -398px -721px no-repeat transparent;
  text-transform : uppercase;
  font-size      : 16px;
  line-height    : 20px;
  font-family    : 'QuicksandBold', sans-serif;
  padding-left   : 15px;
  margin         : 35px auto 0;
  width          : 180px;
}

.item-partenaire .content-item-type-1 .adresse, .item-partenaire .content-item-type-1 .cp_ville, .item-partenaire .content-item-type-1 .tel, .item-partenaire .content-item-type-1 .fax {
  margin : 0 auto;
  width  : 180px
}

.item-partenaire .content-item-type-1 .adresse, .item-partenaire .content-item-type-1 .tel {
  margin-top : 20px;
}

.item-partenaire .content-item .visuel {
  width    : 100%;
  height   : 220px;
  overflow : hidden;
  display  : block;
  position : relative;
}

.item-partenaire .content-item .visuel img {
  margin-left : -6px;
}

.item-partenaire .content-item .type-partenaire {
  width       : 100%;
  height      : 32px;
  border-top  : 1px solid #ffffff;
  position    : relative;
  line-height : 32px;
}

.item-partenaire .content-item .type-partenaire.type-2 {
  background-color : #767e93;
}

.item-partenaire .content-item .type-partenaire.type-3,
.item-partenaire .content-item .type-partenaire.type-5,
.item-partenaire .content-item .type-partenaire.type-6,
.item-partenaire .content-item .type-partenaire.type-7,
.item-partenaire .content-item .type-partenaire.type-8,
.item-partenaire .content-item .type-partenaire.type-9,
.item-partenaire .content-item .type-partenaire.type-10,
.item-partenaire .content-item .type-partenaire.type-12,
.item-partenaire .content-item .type-partenaire.type-13
{
  background-color : #ffdf12;
}

.item-partenaire .content-item .type-partenaire .first,
.item-partenaire .content-item .type-partenaire .second,
.item-partenaire .content-item .type-partenaire .full {
  float          : left;
  text-align     : center;
  width          : 50%;
  color          : #000000;
  text-transform : uppercase;
  font-family    : 'QuicksandBook', sans-serif;
  font-size      : 16px;
}

.item-partenaire .content-item .type-partenaire .full {
  width : 100%;
  font-family : 'QuicksandBold', sans-serif;

}

.item-partenaire .content-item .type-partenaire .second {
  font-family : 'QuicksandBold', sans-serif;
}

.item-partenaire .content-item .type-partenaire.type-2 .first,
.item-partenaire .content-item .type-partenaire.type-2 .second {
  color : #ffffff;
}

.item-partenaire .content-item .type-partenaire .picto {
  background  : url('../images/front/sprites.png') 0 0 no-repeat transparent;
  width       : 32px;
  height      : 32px;
  position    : absolute;
  left        : 50%;
  margin-left : -16px;
  top         : 0;
  margin-top  : 16px;
  z-index     : 1;
}

.item-partenaire .content-item .type-partenaire.type-2 .picto {
  background-position : -815px -296px
}

.item-partenaire .content-item .type-partenaire.type-3 .picto,
.item-partenaire .content-item .type-partenaire.type-5 .picto,
.item-partenaire .content-item .type-partenaire.type-6 .picto,
.item-partenaire .content-item .type-partenaire.type-7 .picto,
.item-partenaire .content-item .type-partenaire.type-8 .picto,
.item-partenaire .content-item .type-partenaire.type-9 .picto,
.item-partenaire .content-item .type-partenaire.type-10 .picto,
.item-partenaire .content-item .type-partenaire.type-12 .picto,
.item-partenaire .content-item .type-partenaire.type-13 .picto
{
  background-position : -771px -296px
}

.item-partenaire .content-item .details {
  height           : 186px;
  background-color : #000000;
  padding          : 25px 10px 10px;
  position         : relative;
}

.item-partenaire .content-item .details .nom {
  color          : #ffffff;
  font-family    : 'QuicksandBold', sans-serif;
  font-size      : 16px;
  text-transform : uppercase;
  display        : block;
  line-height    : 20px;
}

.item-partenaire .content-item .details .cp-ville,
.item-partenaire .content-item .details .tel {
  color          : #ffffff;
  font-family    : 'QuicksandBook', sans-serif;
  font-size      : 14px;
  text-transform : uppercase;
  display        : block;
  line-height    : 20px;
}

.item-partenaire .content-item .details .date {
  color       : #ffffff;
  font-family : 'QuicksandBold';
  font-size   : 15px;
  display     : block;
}

.item-partenaire .content-item .details .link {
  color          : #ffdf12;
  background     : url('../images/front/sprites.png') -7px -638px no-repeat transparent;
  height         : 23px;
  line-height    : 23px;
  font-size      : 10px;
  text-transform : uppercase;
  font-family    : 'QuicksandBook'; /* margin-top: 13px; */
  position       : absolute;
  bottom         : 0;
  margin-bottom  : 58px;
}

.item-partenaire .content-item .details .savoir_plus {
  background-position : -7px -638px;
  padding-left        : 28px;
  float               : left;
  left                : 10px;
}

.item-partenaire .content-item .details .savoir_plus:hover {
  color               : #ffffff;
  background-position : -391px -638px
}

.item-partenaire .content-item .details .voir_carte {
  background-position : -8px -676px;
  padding-left        : 20px;
  float               : right;
}

.item-partenaire .content-item .details .savoir_plus .bold,
.item-partenaire .content-item .details .voir_carte .bold {
  font-family : 'QuicksandBold';
}

.item-partenaire .content-item .details .voir_carte:hover {
  color               : #ffffff;
  background-position : -395px -677px
}

.item-partenaire .content-item .details .btn {
  padding        : 7px 0;
  color          : #ffdf12;
  text-transform : uppercase;
  font-size      : 20px;
  font-family    : 'QuicksandBook';
  border         : 1px solid #ffdf12;
  position       : absolute;
  bottom         : 0;
  left           : 0;
  right          : 0;
  margin         : 10px;
  text-align     : center;
}

.item-partenaire .content-item .details .btn:hover {
  color  : #ffffff;
  border : 1px solid #ffffff;
}

.classements {
  display        : inline-block;
  width          : 100%;
  color          : #ffffff;
  font-family    : 'QuicksandBook';
  font-size      : 14px;
  text-transform : uppercase;
  line-height    : 11px;
}

.classements .icon-etoiles {
  background : url('../images/front/icon_etoiles.png') 0 0 no-repeat transparent;
  width      : 16px;
  height     : 16px;
  float      : left;
  margin     : 3px;
}

.classements .icon-etoiles.opacity {
  background-position : 0 -16px;
}

.classements .icon-epis {
  background : url('../images/front/icon_epis.png') 0 -16px no-repeat transparent;
  width      : 7px;
  height     : 16px;
  float      : left;
  margin     : 3px;
}

.classements .icon-epis.opacity {
  background-position : 0 0;
}

.classements .icon-cles {
  background : url('../images/front/icon_cles.png') 0 -16px no-repeat transparent;
  width      : 8px;
  height     : 16px;
  float      : left;
  margin     : 3px;
}

.classements .icon-cles.opacity {
  background-position : 0 0;
}

.classements span img {
  height       : 20px;
  margin-right : 5px;
}

.item-agenda {
  height : 476px;
}

.item-agenda .type-partenaire {
  display : none;
}

.item-agenda .content-item .details {
  border-top : 1px solid #ffffff;
  height     : 228px;
  padding    : 15px 10px 10px;
  position   : relative;
}

.item-agenda .details .date {
  color       : #ffffff;
  font-family : 'QuicksandBold';
  font-size   : 15px;
  display     : block;
}

.item-agenda .details .block-price {
  display    : block;
  margin-top : 10px;
}

.item-agenda .details .block-price .a_partir {
  color       : #ffdf12;
  font-size   : 15px;
  font-family : 'QuicksandBook'
}

.item-agenda .details .block-price .price {
  font-family : 'UbuntuBold';
  font-size   : 22px;
  color       : #ffdf12;
}

.item-agenda .details .en_savoir_plus {
  font-family    : 'UbuntuLight';
  color          : #ffdf12;
  font-size      : 13px;
  display        : block;
  text-transform : uppercase;
  background     : url('../images/front/sprites.png') -6px -375px no-repeat transparent;
  padding-left   : 30px;
  margin-bottom  : 20px;
  position       : absolute;
  bottom         : 0;
}

.item-agenda .details .en_savoir_plus .bold {
  font-family : 'UbuntuBold'
}

.item-agenda .details .en_savoir_plus:hover {
  color               : #ffffff;
  background-position : -392px -413px;
  cursor              : pointer;
}

.item-agenda .details .btn_reserver {
  display        : block;
  color          : #ffdf12;
  border         : 1px solid #ffdf12;
  padding        : 5px;
  position       : absolute;
  bottom         : 0;
  left           : 0;
  right          : 0;
  margin         : 8px;
  text-align     : center;
  text-transform : uppercase;
  font-size      : 20px;
  font-family    : 'UbuntuLight'
}

.item-agenda .details .btn_reserver:hover {
  color  : #ffffff;
  border : 1px solid #ffffff;
}

/* ITEM CATEGORIE */

.item-categ {
  display  : inline-block;
  width    : 300px;
  height   : 300px;
  position : relative;
  margin   : 8px;
}

.item-categ img {
  position : absolute;
  top      : 0;
  left     : 0;
  z-index  : -10;
}

.item-categ .title {
  position      : absolute;
  bottom        : 0;
  left          : 0;
  right         : 0;
  margin-bottom : 20px;
}

.item-categ .title p {
  text-align     : center;
  text-transform : uppercase;
  color          : #ffffff;
  font-family    : 'QuicksandBold';
  font-size      : 20px;
  z-index        : 999;
}

.item-categ .ombre {
  background : url('../images/front/ombre-item-categ.png') 0 0 no-repeat transparent;
  width      : 300px;
  height     : 89px;
  position   : absolute;
  bottom     : 0;
  left       : 0;
  right      : 0;
  z-index    : -1;
}

.item-categ .hover {
  position         : absolute;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0;
  background-color : #ffe401;
  display          : none;
  text-align       : center;
}

.item-categ .hover .title {
  top        : 0;
  margin-top : 65px;
}

.item-categ .hover .title p {
  color      : #000000;
  width      : 200px;
  text-align : center;
  margin     : 0 auto;
}

.item-categ .hover .savoir_plus {
  background   : url('../images/front/sprites.png') -392px -375px no-repeat transparent;
  line-height  : 26px;
  color        : #000000;
  font-family  : 'UbuntuBold';
  font-size    : 13px;
  display      : inline-block;
  padding-left : 30px;
  margin-top   : 220px
}

.item-categ:hover .hover {
  display : block;
}

/* FICHE PARTENAIRE GOLD */

/* === START SLIDESHOW PARTENAIRE === */
.slideshow-partenaire #slideshow {
  width      : 100%;
  text-align : center;
  overflow   : hidden;
  position   : relative;
}

.slideshow-partenaire #slideshow #Slider {
  position : relative;
}

.slideshow-partenaire #slideshow #Slider a {
  position : relative;
  display  : inline-block;
  width    : 100%;
}

.slideshow-partenaire #slideshow .infos-slide {
  position       : absolute;
  top            : 40%;
  left           : 32%;
  text-align     : left;
  text-transform : uppercase;
}

.slideshow-partenaire #slideshow .title-slideshow {
  color          : #ffffff;
  font-size      : 50px;
  position       : relative;
  bottom         : 400px;
  width          : 50%;
  text-transform : uppercase;
  margin         : 0 auto;
  text-align     : left;
  line-height    : 48px;
}

.slideshow-partenaire #slideshow .btn-savoit-plus {
  display    : block;
  margin-top : 10px;
}

.slideshow-partenaire #slideshow .btn-savoit-plus .picto-plus {
  background : url('../images/front/sprites.png') -5px -90px no-repeat transparent;
  width      : 32px;
  height     : 29px;
  float      : left;
}

.slideshow-partenaire #slideshow .btn-savoit-plus .txt {
  color       : #ffffff;
  font-size   : 15px;
  float       : left;
  line-height : 33px;
  margin-left : 5px;
}

.slideshow-partenaire #content {
  position : relative;
}

.slideshow-partenaire #sliderContainer {
  position : relative;
  height   : 570px;
  overflow : hidden;
}

.slideshow-partenaire #sliderSlider {
  position    : absolute;
  top         : 0;
  left        : 50%;
  margin-left : -700px;
  width       : 1400px;
  height      : 570px;
}

.slideshow-partenaire #sliderSlider a {
  display  : block;
  position : absolute;
}

.slideshow-partenaire .module_diag_for_home {
  position    : absolute;
  left        : 50%;
  margin-left : 180px;
}

.slideshow-partenaire #sliderContainer #caroussel-slides-partenaire {
  position    : absolute;
  bottom      : 0;
  width       : 815px;
  margin-left : 8px;
  height      : 75px !important;
  margin-top  : 12px;
}

.slideshow-partenaire #sliderContainer #caroussel-slides-partenaire .trigger {
  display  : inline-block;
  width    : 150px;
  overflow : hidden;
  position : relative;
  height   : 60px;
  margin   : 5px;
  opacity  : 0.6;
  border   : 2px solid transparent;
}

.slideshow-partenaire #sliderContainer #caroussel-slides-partenaire .trigger.actif, #sliderContainer #caroussel-slides-partenaire .trigger:hover {
  border  : 2px solid #ffdf12;
  opacity : 1;
}

.slideshow-partenaire #sliderContainer #caroussel-slides-partenaire .trigger img {
  position : absolute;
  top      : 0;
  left     : 0;
}

/* Caroussel slides */
.slideshow-partenaire {
  padding       : 0;
  margin-bottom : 20px;
}

.slideshow-partenaire h3 {
  font-size  : 25px;
  float      : left;
  margin-top : 0;
}

.slideshow-partenaire a.lien-voir-partenaires {
  float          : right;
  font-size      : 11px;
  color          : #394145;
  text-transform : uppercase;
  line-height    : 17px;
  margin-top     : 15px;
}

.slideshow-partenaire a.lien-voir-partenaires:hover {
  color : #e95f1f;
}

.slideshow-partenaire a.lien-voir-partenaires .picto {
  width        : 17px;
  height       : 16px;
  background   : url('../images/front/sprites.png') -152px -97px no-repeat transparent;
  float        : left;
  margin-right : 5px;
}

.carousel-content .car-nav-left {
  float      : left;
  width      : 50px;
  height     : 50px;
  margin     : 25px 7px 7px 7px;
  background : url('../images/front/sprites.png') -501px -73px no-repeat transparent;
  z-index    : 99999;
}

.slideshow-partenaire .carousel-content .car-nav-right {
  float      : right;
  width      : 50px;
  height     : 50px;
  margin     : 25px 7px 7px 7px;
  background : url('../images/front/sprites.png') -566px -73px no-repeat transparent;
  z-index    : 99999;
}

.slideshow-partenaire .carousel-content {
  width         : 960px;
  height        : 100px;
  position      : absolute;
  bottom        : 0;
  left          : 50%;
  margin-left   : -480px;
  margin-bottom : 20px;
}

.slideshow-partenaire .carousel-content .car-nav-left:hover {
  background-position : -564px -4px;
}

.slideshow-partenaire .carousel-content .car-nav-right:hover {
  background-position : -629px -4px;
}

.slideshow-partenaire #caroussel-slides-partenaire {
  float : left;
}

.slideshow-partenaire .carousel-content .trigger {
  width      : 210px;
  height     : 100px;
  float      : left;
  text-align : center;
}

.slideshow-partenaire #caroussel-slides-partenaire .trigger a {
  padding : 0 25px;
}

/* === END SLIDESHOW PARTENAIRE === */

/* FICHE PARTENAIRE GLOBAL */
.fiche-partenaire {
  display     : inline-block;
  width       : 960px;
  padding-top : 25px;
}

.fiche-partenaire .infos {
  position   : relative;
  width      : 100%;
  /*min-height : 850px;*/
  margin-top : 25px;
  display    : inline-block;
}

/*.fiche-partenaire.p-silver .infos {min-height: 780px;}*/
.fiche-partenaire .std-content {
  padding    : 0;
  text-align : justify;
}

.fiche-partenaire fieldset {
  margin-top : 30px;
}

.fiche-partenaire fieldset.descriptif-generale {
  margin-top : 10px;
}

.fiche-partenaire fieldset legend {
  font-size      : 22px;
  color          : #b1b8b8;
  text-transform : uppercase;
  font-family    : 'BrandonGrotesqueBold';
  margin-bottom  : 15px;
  padding        : 0;
}

/* FICHE PARTENAIRE GOLD */

.fiche-partenaire.p-2016 .f-left-fiche-partenaire {
  float          : left;
  width          : 600px;
  padding-bottom : 30px;
}

.fiche-partenaire.p-2016 .f-right-fiche-partenaire {
  float            : right;
  width            : 290px;
  padding          : 15px;
  background-color : #efefef;
  border-right     : 2px solid #cccccc;

}

.title-part.p-2016 {
  display : inline-block;
}

.list-capacites {
  display : block;
}

.list-capacites.dormir_manger {
  width : 40%;
}

.list-capacites.camping {
  width : 56%;
}

.list-capacites .capacite {
  margin : 8px 0;
}

.list-capacites .nb {
  font-size   : 18px;
  font-family : 'UbuntuBold';
  display     : inline-block;
}

.list-capacites .label {
  font-size    : 14px;
  width        : 175px;
  font-family  : 'UbuntuLight';
  background   : url('../images/front/sprites.png') -783px -425px no-repeat transparent;
  height       : 16px;
  line-height  : 16px;
  display      : inline-block;
  padding-left : 12px;
}

.pictos-services {
  margin-top : 30px;
  display    : inline-block;
  width      : 100%;
}

.pictos-services p.title-type-picto {
  font-family : 'UbuntuBold';
}

.pictos-services .picto { /*float: left;*/
  display       : inline-block;
  width         : 15%;
  margin-bottom : 10px;
  text-align    : center;
}

.pictos-services .texte {
  display       : block;
  margin-bottom : 10px;
  text-align    : left;
  margin-left   : 25px;
}

.pictos-services .picto .img {
  margin-right : 5px;
  width        : 30px;
  height       : 30px;
  display      : inline-block;
  position     : relative;
  z-index      : 0;
}

.pictos-services .picto .img .picto_tip {
  background    : url('../images/front/point-interrogation.png') 0 0 no-repeat transparent;
  position      : absolute;
  bottom        : 0;
  right         : 0;
  z-index       : 1;
  width         : 15px;
  height        : 15px;
  margin-bottom : -4px;
  margin-right  : -4px;
}

.pictos-services .picto .img .picto_tip:hover {
  cursor : pointer;
}

.pictos-services .picto .tip-content .label {
  line-height : 30px;
  height      : 30px;
  font-size   : 12px;
}

.pictos-services .picto .tip-content .distance {
  line-height : 30px;
  height      : 30px;
  font-size   : 12px;
}

.picto_tip .tip-top {
  background-clip     : border-box;
  background-color    : transparent;
  background-origin   : padding-box;
  background-position : 0 0;
  background-repeat   : repeat;
  background-size     : auto auto;
  height              : 17px;
}

.picto_tip .tip {
  padding-right : 10px;
}

.picto_tip .tip .tip-text {
  text-align  : justify;
  color       : #4c5d71;
  font-family : 'QuickSandBook';
  font-size   : 12px;
  margin      : 0 3px;
  padding     : 10px;
  background  : #ffffff;
  box-shadow  : 0 0 7px #999999;
  border      : 1px solid #cccccc;
}

.picto_tip .tip .tip-text ul {
  list-style  : disc outside;
  font-family : 'QuickSandBook';
  color       : #4c5d71;
}

.picto_tip .tip .tip-text ul li {
  margin-left : 10px;
}

.picto_tip .tip-bottom {
  height : 6px;
}

.brochure-pdf ul li {
  margin : 15px 0;
}

.brochure-pdf ul li a {
  background      : url('../images/front/sprites.png') -777px -384px no-repeat transparent;
  padding-left    : 28px;
  font-family     : 'QuicksandBold';
  display         : inline-block;
  height          : 30px;
  line-height     : 30px;
  color           : #000000;
  text-decoration : none;
  text-transform  : uppercase;
  font-size       : 15px;
}

.brochure-pdf ul li a.rando {
  background : url('../images/front/file-regular.svg') 0 0 no-repeat transparent;
}


.brochure-pdf ul li a:hover {
  color : #b1b8b8
}

.wrapper-details .details span img {
  margin-right : 5px;
}

.fiche-partenaire.p-2016 .wrapper-map #map-partenaire-2016 {
  width   : 940px;
  height  : 500px;
  display : block;
  border  : 1px solid #cccccc;
  padding : 10px;
  margin  : 40px auto 0;
}

.fiche-partenaire.p-2016 .wrapper-map #map {
  width  : 940px;
  height : 500px;
}

.fiche-partenaire.p-2016 .wrapper-details {
  width   : 100%;
  display : inline-block;
}

.fiche-partenaire.p-2016 .wrapper-details .bandeau {
  display    : block;
  padding    : 50px 0;
  text-align : center;
}

.fiche-partenaire.p-2016 .wrapper-details .bandeau.gold {
  background-color : #ffdf12;
  border-bottom    : 2px solid #cccccc;
}

.fiche-partenaire.p-2016 .wrapper-details .bandeau .txt {
  font-family    : 'QuicksandBook';
  font-size      : 19px;
  text-transform : uppercase;
  color          : #000000;
  background     : url('../images/front/sprites.png') -630px -72px no-repeat transparent;
  height         : 54px;
  line-height    : 26px;
  padding-left   : 60px;
  display        : inline-block;
  text-align     : left;
  margin-top     : 10px;
}

.fiche-partenaire.p-2016 .wrapper-details .bandeau .txt .bold {
  font-family : 'QuicksandBold';
}

.fiche-partenaire.p-2016 .wrapper-details .nom {
  font-size      : 20px;
  text-transform : uppercase;
  color          : #000000;
  font-family    : 'QuicksandBold';
  background     : url('../images/front/sprites.png') -398px -719px no-repeat transparent;
  padding-left   : 15px;
  margin-top     : 20px;
}

.fiche-partenaire.p-2016 .wrapper-details .classification_nb {
  font-size      : 18px;
  text-transform : uppercase;
  color          : #b1b8b9;
  font-family    : 'BrandonGrotesqueBold';
  margin-left    : 15px;
  line-height    : 23px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-adresse,
.fiche-partenaire.p-2016 .wrapper-details .bloc-itineraire {
  margin-left : 15px;
  margin-top  : 25px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-itineraire span.underline {
  text-decoration : underline;
}

.fiche-partenaire.p-2016 .wrapper-details .info-itineraires {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  margin-top: 30px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-adresse p {
  font-family    : 'UbuntuLight';
  font-size      : 16px;
  text-transform : uppercase;
  color          : #000000;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tel-fax,
.fiche-partenaire.p-2016 .wrapper-details .bloc-email-site {
  margin-left : 15px;
  margin-top  : 25px;
  font-family : 'UbuntuLight';
  font-size   : 16px;
  color       : #000000;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-email-site a {
  text-decoration : underline;
  color           : #000000;
  word-break      : break-all;
}

.fiche-partenaire.p-2016 .wrapper-details .bandeau-incontournable {
  display          : block;
  padding          : 15px 0;
  text-align       : center;
  width            : 260px;
  height           : 55px;
  background-color : #ffffff;
  border-bottom    : 2px solid #cccccc;
  margin           : 30px 0 10px 15px;
}

.fiche-partenaire.p-2016 .wrapper-details .bandeau-incontournable .txt {
  font-family    : 'UbuntuRegular';
  font-size      : 19px;
  text-transform : uppercase;
  color          : #000000;
  background     : url('../images/front/sprites.png') -934px -66px no-repeat transparent;
  height         : 58px;
  line-height    : 59px;
  padding-left   : 65px;
  display        : inline-block;
  text-align     : left;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs {
  display       : inline-block;
  bottom        : 0;
  margin-bottom : 50px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs p {
  font-size    : 20px;
  color        : #000000;
  font-family  : 'QuicksandBold';
  background   : url('../images/front/sprites.png') -12px -738px no-repeat transparent;
  padding-left : 15px;
  margin-top   : 20px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs .logo-euros {
  display     : inline-block;
  margin-left : 15px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs .logo-euros .picto-euros {
  background : url('../images/front/sprites.png') 0 0 no-repeat transparent;
  width      : 33px;
  height     : 35px;
  float      : left;
  margin     : 3px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs .logo-euros .picto-euros.display {
  background-position : -771px -249px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs .logo-euros .picto-euros.opacity {
  background-position : -815px -249px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs ul {
  margin-left : 30px
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-tarifs ul li {
  list-style-type : disc;
  font-size       : 20px;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-date .bold {
  font-family : 'UbuntuBold'
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-date p {
  font-family : 'UbuntuLight';
  font-size   : 15px;
  color       : #000000;
}

.fiche-partenaire.p-2016 .wrapper-details .bloc-date {
  margin-left : 15px;
  margin-top  : 25px;
}

.fiche-partenaire.p-2016 .wrapper-details .container-btn {
  bottom     : 15px;
  left       : 0;
  right      : 0;
  text-align : center; /* margin-top: 50px; */
}

.fiche-partenaire.p-2016 .wrapper-details .container-btn .btn {
  text-align : center;
  display    : inline-block;
}

.fiche-partenaire.p-2016 .wrapper-details .container-btn .btn a.button span.bkg {
  padding : 20px 35px;
}

.fiche-partenaire.p-2016 .wrapper-details .container-btn .btn .name {
  font-size      : 22px;
  text-transform : uppercase;
  font-family    : 'UbuntuMedium'
}

.fiche-partenaire.p-2016 .wrapper-description .chaine {
  margin-top : 25px;
}

.fiche-partenaire.p-2016 .wrapper-description .bloc-date .bold {
  font-family : 'UbuntuBold'
}

.fiche-partenaire.p-2016 .wrapper-description .bloc-date p {
  font-family : 'UbuntuLight';
  font-size   : 15px;
  color       : #000000;
}

.fiche-partenaire.p-2016 .wrapper-description .bloc-date {
  width : 100%;
  float : left;
}

/* FICHE PARTENAIRE SILVER */

.fiche-partenaire.p-silver {
  margin-top : 10px;
}

.fiche-partenaire.p-silver .f-left-fiche-partenaire {
  float : left;
  width : 470px;
}

.fiche-partenaire.p-silver .f-right-fiche-partenaire {
  float            : right;
  width            : 450px;
  padding          : 15px;
  background-color : #efefef;
  border-right     : 2px solid #cccccc;
  position         : absolute;
  right            : 0;
  top              : 0;
  bottom           : 0;
}

.fiche-partenaire .title-part.p-silver {
  text-align     : center;
  margin         : 0 0 15px;
  text-transform : uppercase;
  display        : block;
  font-family    : 'QuicksandBold';
  font-size      : 30px;
  clear          : both;
  background     : none
}

.fiche-partenaire .title .circle {
  background : url("../images/front/titre-rubrique-hp.png") no-repeat 0 0 transparent;
  width      : 58px;
  height     : 15px;
  margin     : 0 auto;
  clear      : both;
  display    : block;
}

.fiche-partenaire.p-silver .bandeau-type-partenaire {
  background-color : #767e93;
  width            : 100%;
  display          : inline-block;
  position         : relative;
  margin-top       : -3px
}

.fiche-partenaire.p-silver .bandeau-type-partenaire .first {
  float          : left;
  padding-left   : 65px;
  color          : #ffffff;
  text-transform : uppercase;
  font-family    : 'QuicksandBook';
  font-size      : 22px;
  line-height    : 35px;
}

.fiche-partenaire.p-silver .bandeau-type-partenaire .second {
  float          : left;
  padding-left   : 75px;
  color          : #ffffff;
  text-transform : uppercase;
  font-family    : 'QuicksandBold';
  font-size      : 25px;
  line-height    : 35px;
}

.fiche-partenaire.p-silver .bandeau-type-partenaire .picto {
  background  : url('../images/front/sprites.png') -632px -135px no-repeat transparent;
  width       : 52px;
  height      : 52px;
  position    : absolute;
  left        : 50%;
  margin-left : -25px;
  top         : 0;
  margin-top  : -25px;
  z-index     : 1;
}

.fiche-partenaire.p-silver .wrapper-details {
  height   : 95%;
  position : relative;
}

.fiche-partenaire.p-silver .wrapper-details .pictos-services {
  margin-top  : 30px;
  margin-left : 15px; /*text-align: center;*/
  display     : inline-block;
  width       : 100%;
}

.fiche-partenaire.p-silver .wrapper-details .pictos-services .picto {
  margin-right : 10px;
}

.fiche-partenaire.p-silver .wrapper-details .bandeau-incontournable {
  display    : block;
  padding    : 15px 0;
  text-align : center;
  width      : 290px;
  height     : 55px;
}

.fiche-partenaire.p-silver .wrapper-details .bandeau-incontournable {
  background-color : #ffffff;
  border-bottom    : 2px solid #cccccc;
  margin           : 35px 0 35px 15px;
}

.fiche-partenaire.p-silver .wrapper-details .bandeau-incontournable .txt {
  font-family    : 'UbuntuRegular';
  font-size      : 19px;
  text-transform : uppercase;
  color          : #000000;
  background     : url('../images/front/sprites.png') -934px -66px no-repeat transparent;
  height         : 58px;
  line-height    : 59px;
  padding-left   : 65px;
  display        : inline-block;
  text-align     : left;
}

.fiche-partenaire.p-silver .wrapper-details .nom {
  font-size      : 20px;
  text-transform : uppercase;
  color          : #000000;
  font-family    : 'QuicksandBold';
  background     : url('../images/front/sprites.png') -398px -720px no-repeat transparent;
  padding-left   : 15px;
  margin-top     : 20px;
}

.fiche-partenaire.p-silver .wrapper-details .classification_nb {
  font-size      : 18px;
  text-transform : uppercase;
  color          : #b1b8b9;
  font-family    : 'QuicksandBold';
  margin-left    : 15px;
  line-height    : 23px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-adresse {
  margin-left : 15px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-adresse p {
  font-family    : 'UbuntuLight';
  font-size      : 16px;
  text-transform : uppercase;
  color          : #000000;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-adresse p .bold,
.fiche-partenaire.p-silver .wrapper-details .bloc-tel-fax .bold,
.fiche-partenaire.p-silver .wrapper-details .bloc-email-site .bold {
  font-family : 'UbuntuRegular';
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tel-fax,
.fiche-partenaire.p-silver .wrapper-details .bloc-email-site {
  margin-left : 15px;
  margin-top  : 25px;
  font-family : 'UbuntuLight';
  font-size   : 16px;
  color       : #000000;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-email-site a {
  text-decoration : underline;
  color           : #000000;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs {
  display    : inline-block;
  margin-top : 10px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs p {
  font-size    : 20px;
  color        : #000000;
  font-family  : 'QuicksandBold';
  background   : url('../images/front/sprites.png') -12px -738px no-repeat transparent;
  padding-left : 15px;
  margin-top   : 20px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs .logo-euros {
  display     : inline-block;
  margin-left : 15px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs .logo-euros .picto-euros {
  background : url('../images/front/sprites.png') 0 0 no-repeat transparent;
  width      : 33px;
  height     : 35px;
  float      : left;
  margin     : 3px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs .logo-euros .picto-euros.display {
  background-position : -771px -249px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs .logo-euros .picto-euros.opacity {
  background-position : -815px -249px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs ul {
  margin-left : 30px
}

.fiche-partenaire.p-silver .wrapper-details .bloc-tarifs ul li {
  list-style-type : disc;
  font-size       : 20px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-date {
  margin-left : 15px;
  margin-top  : 25px;
}

.fiche-partenaire.p-silver .wrapper-details .bloc-date .bold {
  font-family : 'UbuntuBold'
}

.fiche-partenaire.p-silver .wrapper-details .btn {
  display       : block;
  margin-top    : 40px;
  margin-bottom : 10px;
  position      : absolute;
  bottom        : 0;
  text-align    : center;
  right         : 0;
  left          : 0;
}

.fiche-partenaire.p-silver .wrapper-details .btn p {
  font-family   : 'QuicksandBook';
  font-size     : 17px;
  margin-bottom : 20px;
}

.fiche-partenaire.p-silver .wrapper-details .btn a.button span.bkg {
  padding : 20px 65px;
}

.fiche-partenaire.p-silver .wrapper-details .btn .name {
  font-size      : 22px;
  text-transform : uppercase;
}

.fiche-partenaire.p-silver fieldset.descriptif-generale legend {
  font-size      : 25px;
  text-transform : uppercase;
  color          : #000000;
  font-family    : 'QuicksandBold';
  background     : url('../images/front/sprites.png') -12px -706px no-repeat transparent;
  padding-left   : 15px;
  margin-top     : 20px;
}

.fiche-partenaire.p-silver .wrapper-image {
  display       : inline-block;
  margin-bottom : 5px;
  position      : relative;
}

.fiche-partenaire.p-silver .wrapper-image .picto-zoom {
  width      : 40px;
  height     : 40px;
  background : url('../images/front/sprites.png') -638px -203px no-repeat transparent;
  position   : absolute;
  top        : 0;
  left       : 0;
}

.fiche-partenaire.p-silver .wrapper-description .bloc-date { /* margin-left: 15px; */
  margin-top : 25px;
}

.fiche-partenaire.p-silver .wrapper-description .bloc-date .bold {
  font-family : 'UbuntuBold'
}

.fiche-partenaire.p-silver #map-partenaire-silver {
  width   : 470px;
  height  : 331px;
  display : block;
}

.fiche-partenaire.p-silver #map {
  width  : 470px;
  height : 331px;
}

/* BONS PLANS */

#actusView .list {
  display    : inline-block;
  margin-top : 20px;
  width      : 100%;
}

#actusView .list .image {
  width  : 450px;
  height : 450px;
}

#actusView .list .content {
  background-color : #e5e5e5;
  width            : 480px;
  min-height       : 420px;
  padding          : 15px;
}

#actusView .list .content h2 {
  font-family    : 'QuicksandBold';
  background     : url('../images/front/sprites.png') -398px -713px no-repeat transparent;
  font-size      : 25px;
  text-transform : uppercase;
  padding        : 3px 0;
  padding-left   : 15px;
}

/* LE MANS EN IMAGES */
.items-galeries {
  display    : block;
  text-align : center;
}

.items-galeries .item-galerie .first-plan {
  width            : 290px;
  height           : 315px;
  z-index          : 1;
  display          : inline-block;
  background-color : #e5e5e5;
  border-bottom    : 2px solid #b1bbbc;
  position         : absolute;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0;
  margin-top       : -8px;
  margin-left      : -8px;
}

.items-galeries .item-galerie.second-plan {
  width            : 290px;
  height           : 315px;
  z-index          : 0;
  display          : inline-block;
  background-color : #ededed;
  position         : relative;
  margin           : 10px;
}

.items-galeries .item-galerie .first-plan .img {
  display    : inline-block;
  margin-top : 15px;
}

.items-galeries .item-galerie .first-plan .title {
  width         : 290px;
  text-align    : center;
  display       : block;
  font-family   : 'QuicksandBold';
  font-size     : 20px;
  color         : #000000;
  position      : absolute;
  bottom        : 0;
  margin-bottom : 10px;
}

.items-galeries .item-galerie .first-plan .hover {
  display          : none;
  width            : 290px;
  height           : 315px;
  position         : absolute;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0;
  background-color : #ffdf12;
  z-index          : 1;
}

.items-galeries .item-galerie .first-plan .hover .voir-album {
  background     : url('../images/front/sprites.png') -773px -608px no-repeat transparent;
  line-height    : 32px;
  color          : #000000;
  text-transform : uppercase;
  font-family    : 'UbuntuBold';
  font-size      : 13px;
  display        : inline-block;
  padding-left   : 40px;
  margin-top     : 135px;
}

.items-galeries .item-galerie:hover .first-plan .hover {
  display : block;
}

.liste_items {
  text-align : center;
}

.liste_items .item {
  display        : inline-block;
  width          : 150px;
  margin         : 18px;
  vertical-align : top;
}

.liste_items .item .img {
  display : block;
}

.liste_items .item .title {
  display    : block;
  text-align : left;
}

.liste_items .item .title span {
  font-size    : 15px;
  font-family  : 'QuicksandBook';
  background   : url('../images/front/sprites.png') -785px -462px no-repeat transparent;
  padding-left : 7px;
  color        : #000000;
  line-height  : 19px;
}

/* LISTE DES SALLES */

.liste_salles {
  display : block;
}

.liste_salles .salle {
  padding : 10px;
  margin  : 20px auto;
}

.liste_salles .salle .content {
  display          : inline-block;
  background-color : #f2f2f2;
  border-bottom    : 2px solid #cccccc;
  width            : 100%;
  padding          : 20px 0;
}

.liste_salles .salle .infos,
.liste_salles .salle .map {
  width : 49%;
}

.liste_salles .salle .map .map-view, .liste_salles .salle .map .map-salle {
  width  : 410px;
  height : 300px;
  margin : 20px auto;
}

.liste_salles .salle .infos .title {
  background   : url('../images/front/sprites.png') -398px -720px no-repeat transparent;
  font-size    : 20px;
  font-family  : 'QuicksandBold';
  padding-left : 15px;
  margin-left  : 25px;
  display      : block;
}

.liste_salles .salle .infos .logo {
  margin-left      : 25px;
  margin-top       : 20px;
  display          : inline-block;
  padding          : 10px;
  background-color : #ffffff;
  border           : 1px solid #cccccc;
}

.liste_salles .salle .infos .coordonnees {
  font-family : 'UbuntuLight';
  font-size   : 15px;
  margin-left : 25px;
  margin-top  : 20px;
}

.liste_salles .salle .infos .coordonnees span {
  display : block;
  margin  : 2px 0;
}

.liste_salles .salle .infos .coordonnees .cp, .liste_salles .salle .infos .coordonnees .ville {
  display : inline-block;
}

/* Pages Concerts et Spectacles */

.concerts-spectacles {
  display : inline-block;
  padding : 10px;
}

.concerts-spectacles .content {
}

.concerts-spectacles .f-right {
  width : 454px;
}

.concerts-spectacles .f-left {
  margin-right : 10px;
  width        : 474px;
}

.concerts-spectacles .item {
  width    : 232px;
  height   : 207px;
  float    : left;
  position : relative;
}

.concerts-spectacles .item-concerts {
  margin-right  : 10px;
  margin-bottom : 10px;
}

.concerts-spectacles .item-spectacles {
  margin-bottom : 10px;
}

.concerts-spectacles .item-theatre {
  margin-right : 10px;
}

.concerts-spectacles .item-danse {
}

.concerts-spectacles .item img {
  position : absolute;
  top      : 0;
  right    : 0;
  bottom   : 0;
  left     : 0;
  z-index  : 0;
}

.concerts-spectacles .item .name {
  z-index        : 2;
  position       : absolute;
  bottom         : 0;
  display        : block;
  text-align     : center;
  width          : 100%;
  text-transform : uppercase;
  color          : #ffffff;
  font-family    : 'QuicksandBold';
  font-size      : 20px;
  margin-bottom  : 10px;
}

.concerts-spectacles .item .filtre {
  z-index    : 1;
  position   : absolute;
  bottom     : 0;
  display    : block;
  background : url('../images/front/filtre-vignette.png') 0 0 repeat-x transparent;
  height     : 90px;
  width      : 100%;
}

.concerts-spectacles .item .hover {
  display          : none;
  z-index          : 4;
  background-color : #ffdf12;
  position         : absolute;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0
}

.concerts-spectacles .item:hover .hover {
  display : block;
}

.concerts-spectacles .item:hover .hover .title {
  font-size      : 20px;
  display        : block;
  width          : 100%;
  color          : #000000;
  font-family    : 'QuicksandBold';
  text-align     : center;
  margin-top     : 60px;
  text-transform : uppercase;
}

.concerts-spectacles .item:hover .hover .savoir_plus {
  background   : url('../images/front/sprites.png') -392px -375px no-repeat transparent;
  color        : #000000;
  font-family  : 'UbuntuBold';
  font-size    : 13px;
  display      : block;
  height       : 26px;
  line-height  : 26px;
  padding-left : 30px;
  margin-top   : 75px;
  margin-left  : 55px;
}

.concerts-spectacles .item-salles {
  width    : 453px;
  height   : 424px;
  display  : block;
  position : relative;
}

.concerts-spectacles .item-salles img {
  position : absolute;
  top      : 0;
  right    : 0;
  bottom   : 0;
  left     : 0;
  z-index  : 0;
}

.concerts-spectacles .item-salles .post-it {
  height        : 199px;
  width         : 230px;
  position      : absolute;
  bottom        : 0;
  left          : 0;
  display       : block;
  background    : url('../images/front/bg_infos.png') no-repeat;
  margin-bottom : 10px;
  margin-left   : 10px;
}

.concerts-spectacles .item-salles .post-it .name {
  font-size      : 20px;
  display        : block;
  width          : 100%;
  color          : #000000;
  font-family    : 'QuicksandBold';
  margin-top     : 15px;
  margin-left    : 15px;
  text-transform : uppercase;
}

.concerts-spectacles .item-salles .post-it .savoir_plus {
  background     : url('../images/front/sprites.png') -392px -375px no-repeat transparent;
  color          : #000000;
  font-family    : 'UbuntuBold';
  font-size      : 13px;
  display        : block;
  height         : 26px;
  line-height    : 26px;
  padding-left   : 30px;
  margin-top     : 100px;
  margin-left    : 15px;
  text-transform : uppercase;
}

/*** pop_up_langue ***/
#pop_up_langue {
  position       : absolute;
  top            : 0;
  bottom         : 0;
  left           : 0;
  right          : 0;
  background     : #000000;
  z-index        : 999;
  background     : rgba(0, 0, 0, 0.8);
  color          : #ffffff;
  font-size      : 32px;
  text-transform : uppercase;
  text-align     : center;
}

#pop_up_langue p {
  font-size    : 32px;
  padding-left : 232px;
  text-align   : left;
}

#pop_up_langue p.first {
  margin-top    : 30px;
  padding-top   : 217px;
  margin-bottom : 15px;
  background    : url('../images/front/fleche_pop_up.png') 125px 27px no-repeat;
}

#pop_up_langue .close {
  height         : 97px;
  background     : url('../images/front/close_pop_up.png') top center no-repeat;
  margin         : 91px 0 0 73px;
  color          : #ffffff;
  text-transform : uppercase;
  font-size      : 11px;
  border         : 0;
  outline        : 0;
  cursor         : pointer;
}

#pop_up_langue span {
  font-family : "UbuntuBold";
}

#pop_up_langue span + span, #pop_up_langue .color {
  color : #ffea00;
}

#google_translate_element {
  z-index  : 1000;
  position : absolute;
}

.liste_equipement li {
  background   : url("../images/front/sprites.png") no-repeat scroll -783px -425px transparent;
  padding-left : 15px;
  margin-top   : 3px;
}

/* Style Julie */
#brochure-list {
  margin-left : -37px;
  margin-top  : 40px;
}

.brochure-item {
  float         : left;
  margin-left   : 37px;
  margin-bottom : 43px;
  border-bottom : 4px solid #ffdf12;
}

.brochure-item a {
  display    : block;
  width      : 290px;
  height     : 428px;
  color      : #ffffff;
  background : url("../images/front/fg_shadow.png") repeat-x scroll bottom center transparent;
  position   : relative;
}

.brochure-item img {
  position : relative;
  z-index  : -1;
}

.brochure-item .savoir_plus {
  background-position : -7px -638px;
  padding-left        : 28px;
  float               : left;
  left                : 10px;
}

.brochure-item .savoir_plus:hover {
  color               : #ffffff;
  background-position : -391px -638px;
}

.brochure-item .link {
  color          : #ffdf12;
  background     : url('../images/front/sprites.png') -7px -638px no-repeat transparent;
  height         : 23px;
  line-height    : 23px;
  font-size      : 13px;
  text-transform : uppercase;
  font-family    : 'UbuntuBold';
  position       : absolute;
  bottom         : 0;
  margin-bottom  : 10px;
}

.brochure-item .titre {
  display            : block;
  padding            : 0 8px;
  -moz-box-sizing    : border-box;
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
  position           : absolute;
  top                : 285px;
  text-transform     : uppercase;
  font-family        : "SourceSansProBold";
  font-size          : 18px;
  max-width          : 100%;
  max-height         : 110px;
  overflow           : hidden;
  word-wrap          : break-word;
  -webkit-hyphens    : auto;
  -moz-hyphens       : auto;
  -ms-hyphens        : auto;
  -o-hyphens         : auto;
  hyphens            : auto;
}

/* Modif menu recherche */
#header #sejour-form #mot_cle {
  height        : 58px;
  line-height   : 58px;
  padding-left  : 10px;
  padding-right : 10px;
  width         : 796px;
  font-family   : 'QuicksandBold';
  color         : #9b9baa;
  font-size     : 20px;
  margin-top    : 30px;
}

#header #sejour-form #mot_cle-label {
  display : none;
}

#header #sejour-form button.button-submit {
  font-family   : 'QuicksandBold';
  font-size     : 23px;
  width         : 143px;
  height        : 58px;
  margin-top    : 32px;
  margin-right  : 0;
  border        : none;
  border-bottom : 2px solid #9c9cab;
}

/* Fin modif menu recherche */


/* Message alerte en haut de page */
.message-alerte {
  background         : #bb0000;
  padding            : 20px;
  position           : fixed;
  top                : 0;
  width              : 100%;
  z-index            : 2000;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  -webkit-box-shadow : 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow    : 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow         : 0px 2px 2px 0px rgba(0, 0, 0, 0.2);

  transition         : transform 300ms ease-out;
}

.message-alerte p, .message-alerte ul li {
  color : #ffffff;
}

.message-alerte strong {
  font-weight : bold;
}

.message-alerte em {
  font-style : italic;
}

.message-alerte u {
  text-decoration : underline;
}

.message-alerte s {
  text-decoration : line-through;
}

.message-alerte strong {
  font-weight : bold;
}

.message-alerte p a {
  color           : #ffffff;
  text-decoration : underline;
}

.message-alerte p a:hover {
  text-decoration : none;
}

.message-alerte ul {
  list-style-type     : disc;
  list-style-position : inside;
}

.message-alerte #btn_alert {
  display                    : inline-block;
  width                      : 50px;
  height                     : 50px;
  position                   : absolute;
  top                        : 100%;
  right                      : 40px;
  text-align                 : center;
  color                      : #ffffff;
  background-color           : #bb0000;
  font-size                  : 22px;
  border-bottom-left-radius  : 2px;
  border-bottom-right-radius : 2px;
  -webkit-box-shadow         : 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow            : 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow                 : 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  cursor                     : pointer;
  opacity                    : 1;
  transition                 : opacity 200ms ease-out 200ms;
}

.message-alerte #btn_alert i {
  display: block;
  width: 100%;
  height: 100%;
  background : transparent url("/images/btn_fleche.png") center center no-repeat;
  transform : rotate(180deg);
}

.message-alerte.closed #btn_alert i {
  transform : rotate(0deg);
}

.message-alerte.closed {
  transform : translateY(-100%);
  top       : inherit;
}

.message-alerte.closed #btn_alert {
  opacity : 0.4;
}

@media screen and (min-width : 481px) and (max-width : 1000px) {
  .message-alerte #btn_alert {
    width     : 35px;
    height    : 35px;
    right     : 15px;
    font-size : 15px;
  }
}


.fiche-partenaire .wrapper-details .bloc-date ul {
  max-height: 106px;
  overflow: hidden;
  list-style: circle inside;
}

.fiche-partenaire .wrapper-details .bloc-date ul li span.comment {
  display: inline-block;
  font-size: smaller;
  padding-left: 10px;
}

.fiche-partenaire .wrapper-details .bloc-date a.see-more{
  display: block;
  margin-top: 5px;
  text-align: center;
  text-decoration: underline;
  color: #000000;
}