/* ---------- LAYOUT ---------------------------------------------------------------------------- */



#page-wrapper {
  min-width: 320px;
}
.section {
  width: auto;
}

/* ENTETE */

#header01 .section {
  height: auto;
}
#header02 .section {
  padding: 0 20px;
}

/* PIED DE PAGE */

#footer01_col01,
#footer01_col02 {
  width: 50%;
}
#footer01_col03 {
  width: auto;
  padding: 55px 0 0;
  float: none;
  clear: both;
}
#footer01_col01 .region {
  padding: 0 55px;
}
#footer01_col02 .region {
  height: auto;
}
#footer01_col03 .region {
  padding: 0;
}
#footer02 .section {
  padding-left: 20px;
  padding-right: 20px;
}

/* PAGE */

#content,
.sidebar {
  width: auto !important;
  padding: 0 20px !important;
  float: none;
}

/* CONTENU SECONDAIRE */

#secondary-main #secondary-content { 
  padding-left: 20px;
  padding-right: 20px;
}

/* ACCUEIL 

#home02 .section,
#home04 .section {
  padding-left: 10px;
  padding-right: 10px;
}
#home03 .section {
  padding-left: 20px;
  padding-right: 20px;
}
#home02_col01 .region,
#home02_col02 .region,
#home02_col03 .region,
#home04_col01 .region,
#home04_col02 .region,
#home04_col03 .region,
#home04_col04 .region {
  padding: 0 10px;
}
#home04_col01,
#home04_col02 {
  width: 50%;
  margin: 0;
}
#home04_col03,
#home04_col04 {
  width: auto;
  padding: 0;
  margin: 0;
  float: none;
  clear: both;
}
#home04_col02 .region {
  margin: -244px 0 0;
}
#home04_col03 .region,
#home04_col04 .region {
  padding-top: 20px;
  margin: 0;
}

/* MAINTENANCE */

.maintenance-page #content {
  padding: 0 !important;
}



/* ---------- STYLE ----------------------------------------------------------------------------- */



/* ELEMENTS GENERIQUES */

h1, div#page-title {
  padding: 20px;
}

/* ERREUR */

.page-node-3 #main,
.page-node-4 #main {
  background-position: 0 0;
}
.page-node-3 h1,
.page-node-4 h1 {
  padding: 200px 20px 25px;
}

/* PIED DE PAGE */

#footer01_col01 .region {
  border-right: 1px solid #ffffff;
}
#footer01_col02 .region {
  border: none;
}
#footer01_col03 .region {
  text-align: center;
}
#footer01_col03 h2 {
  text-align: center;
}

/* CONTENU */

/* Mode listing */

.mode-listing li {
  margin: 0 0 0 10px;
}

/* Colonnes */

.col4 .col,
.col5 .col {
  width: 33.3333333333%;
}
.col4 .col:nth-child(4n+5),
.col5 .col:nth-child(5n+6) {
  clear: none;
}
.col4 .col:nth-child(3n+4),
.col5 .col:nth-child(3n+4) {
  clear: left;
}

/* SOMMAIRE */

#sommaire .bloc-listing {
  margin-left: 15px;
  margin-right: 15px;
}

/* En mode pastille */

/*#sommaire .listing-media {
height: 200px;
width: 200px;
}
#sommaire .listing-media img {
margin: 0 0 0 -34px;
}

/* FS VIEWS */

#listing-fsviews .col4 .col:nth-child(3n+1) .bloc-listing,
#listing-fsviews .col5 .col:nth-child(3n+1) .bloc-listing {
  margin: 0 20px 0 0;
}
#listing-fsviews .col4 .col:nth-child(3n+2) .bloc-listing,
#listing-fsviews .col5 .col:nth-child(3n+2) .bloc-listing {
  margin: 0 10px;
}
#listing-fsviews .col4 .col:nth-child(3n+3) .bloc-listing,
#listing-fsviews .col5 .col:nth-child(3n+3) .bloc-listing {
  margin: 0 0 0 20px;
}

/* DETAIL DE NOEUD */

/* Pages CMS */

.page-node .field-name-field-contenu-gauche,
.page-node .field-name-field-contenu-droite {
  width: auto;
  float: none;
}
.page-node .field-name-field-contenu-gauche .field-items,
.page-node .field-name-field-contenu-droite .field-items {
  border: none;
  padding: 0;
  margin: 0;
}

/* Page CMS "Séjour" */

.page-node-33 #main-wrapper {
  background-position: 50% 400px;
}
.page-node-33 #main {
  background-position: 50% -50px;
}
.page-node-33 #content-content .node-page-cms1c .content .field-name-field-contenu {
  margin-right: 270px;
}

/* RECHERCHE SYNDIC */

.block-recherche-syndic {
  background-position: 0 0;
}

/* LISTING SYNDIC */

#listing-syndic .col4 .col:nth-child(3n+1) .bloc-listing,
#listing-syndic .col5 .col:nth-child(3n+1) .bloc-listing {
  margin: 30px 20px 0 0;
}
#listing-syndic .col4 .col:nth-child(3n+2) .bloc-listing,
#listing-syndic .col5 .col:nth-child(3n+2) .bloc-listing {
  margin: 30px 10px 0;
}
#listing-syndic .col4 .col:nth-child(3n+3) .bloc-listing,
#listing-syndic .col5 .col:nth-child(3n+3) .bloc-listing {
  margin: 30px 0 0 20px;
}

/* DETAIL SYNDIC */

/* Listes */

.block-syndic ul.mode02.li04 li,
.block-syndic ul.mode02.li05 li {
  width: 33.3333333333%;
}

/* Crosselling */

#detail-syndic #listing-syndic .listings {
  margin: 0;
}
#detail-syndic #listing-syndic .col3 .col:nth-child(3n+1) .bloc-listing {
  margin: 30px 20px 30px 0 !important;
}
#detail-syndic #listing-syndic .col3 .col:nth-child(3n+2) .bloc-listing {
  margin: 30px 10px 30px !important;
}
#detail-syndic #listing-syndic .col3 .col:nth-child(3n+3) .bloc-listing {
  margin: 30px 0 30px 20px !important;
}

/* CARTOGRAPHIE */

#carto .resultats {
  width: auto;
  float: none;
}
.form-carto-categories li {
  width: 50%;
  margin: 0 0 20px;
  float: left;
}
.form-carto-categories a {
  padding: 0;
}
.form-carto-categories li:nth-child(2n+1) a {
  margin: 0 10px 0 0;
}
.form-carto-categories li:nth-child(2n+2) a {
  margin: 0 0 0 10px;
}
.form-carto {
  background-position: 0 0;
  width: auto;
  float: none;
}
#carto .googlemaps {
  height: 600px;
  margin: 0;
}



/* ---------- BLOCK ----------------------------------------------------------------------------- */



.menu-puce-label.menu-horizontal .content ul,
.menu-picto-label.menu-horizontal .content ul,
.menu-picto.menu-horizontal .content ul {
  text-align: center;
}
.menu-puce-label.menu-vertical .content li {
  margin: 0 0 10px;
}

#home04 .block {
  margin: 20px 0 0;
}

/* MENU PRINCIPAL */

.block-main-menu.menu-horizontal .content ul {
  text-align: left;
  height: auto;
}
.block-main-menu.menu-horizontal .content li {
  background-position: 50px 38px;
  width: 33.3333333333%;
  padding: 0 0 0 50px;
  margin: 0;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.block-main-menu .content a {
  font-size: 0.9em;
}
.block-main-menu.menu-horizontal .content li:nth-child(3n+3) {
  border-right: none;
}
.block-main-menu.menu-horizontal .content li:nth-child(3n+4) {
  clear: left;
}
.block-main-menu.menu-horizontal .content li.last:nth-child(3n+2),
.block-main-menu.menu-horizontal .content li.last:nth-child(3n+4) {
  border-right: 1px solid #66c4ec;
}
.block-main-menu .content li:hover > ul {
  display: none;
}

/* BLOC LANGUE */

.block-langue {
  margin: 0 !important;
  position: absolute;
  top: 45px;
  left: 20px;
}

/* MENU SOCIAL */

.block-social {
  display: inline-block;
}

/* MENU ESPACE */

#footer-wrapper .block-espace {
  margin: 0 0 0 50px;
  display: inline-block;
  position: relative;
  top: 17px;
}
.block-espace .content ul {
  text-align: center;
}

/* BLOC PARTAGE */

.i18n-fr .block-sharethis .content .stButton .st-sharethis-counter,
.i18n-en .block-sharethis .content .stButton .st-sharethis-counter,
.i18n-de .block-sharethis .content .stButton .st-sharethis-counter,
.i18n-nl .block-sharethis .content .stButton .st-sharethis-counter,
.i18n-es .block-sharethis .content .stButton .st-sharethis-counter,
.i18n-it .block-sharethis .content .stButton .st-sharethis-counter {
  background-image: url("../img/master/pictos.png") !important;
  background-position: -180px 0;
  width: 26px;
}

/* BLOC DIAPORAMA KWICKS */

#kwicks li {
  width: 25% !important;
}
#kwicks li.kwick2 {
  left: 25% !important;
}
#kwicks li.kwick3 {
  left: 50% !important;
}
#kwicks li.kwick4 {
  left: 75% !important;
}
#kwicks li.active .kwicks-texte h2,
#kwicks li.active .kwicks-texte p {
  display: none;
}
#kwicks li.active .kwicks-lien {
  background-image: url("../img/trait-blanc.png");
}
#kwicks li .kwicks-lien h3 {
  font-size: 2.1em;
}

/* MENU A FAIRE */

.block-afaire.menu-picto .content a {
  font-size: 1em;
}

/* MENU GUIDE PRATIQUE */

.block-guide.menu-horizontal .content li {
  margin: 0 8px 10px;
}

/* BLOC MEDIA */

.block-media .content {
  padding: 0 40px;
}
.block-media .content .bloc-listing {
  width: 33.3333333333%;
  padding: 0 10px;
  margin: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.block-media .content .apercu {
  right: 20px;
}

/* BLOC THEMATIQUE */

.block-thematique .content {
  margin: 0 -10px;
}
.block-thematique .content .bloc-listing {
  width: 50%;
  padding: 0 10px;
  margin: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.block-thematique .content .bloc-listing:first-child .apercu h2 {
  top: 40px;
  bottom: auto;
}
.block-thematique .content .apercu a.bt-plus {
  right: 20px;
}

/* MENU SOCIAL 2 */

.block-social2 {
  width: 250px;
  top: 238px;
  right: 20px;
}
.block-social2 h2 {
  padding: 23px 20px 0;
}
.block-social2 .content {
  background-position: 50% 217px;
  height: 110px;
  padding: 140px 0 0;
}

/* BLOC CARNET */

.block-carnet {
  width: 33.3333333333%;
}
.block-carnet .content {
  margin: 0 20px 30px 0;
}
.block-carnet #block-carnet-lien {
  padding: 0 0 0 10px;
  margin: 0 0 0 -10px;
}
.block-carnet .content a {
  background-position: 75% 100%;
}
#carnet-compteur {
  top: 100px;
}

/* MENU SEJOUR */

.block-sejour .content li {
  width: 33.3333333333%;
}
.block-sejour .content li:nth-child(5n+3) a {
  margin: 0 20px 30px 0;
}
.block-sejour .content li:nth-child(5n+1) a,
.block-sejour .content li:nth-child(5n+4) a {
  margin: 0 10px 30px;
}
.block-sejour .content li:nth-child(5n+2) a,
.block-sejour .content li:nth-child(5n+5) a {
  margin: 0 0 30px 20px;
}

/* BLOC FORUMS */

.block-forums .col4 .col {
  width: 50%;
}
.block-forums .col4 .col:nth-child(3n+4) {
  clear: none;
}
.block-forums .col4 .col:nth-child(4n+1) .bloc-listing,
.block-forums .col4 .col:nth-child(4n+3) .bloc-listing {
  margin: 0 15px 30px 0;
  clear: left;
}
.block-forums .col4 .col:nth-child(4n+2) .bloc-listing,
.block-forums .col4 .col:nth-child(4n+4) .bloc-listing {
  margin: 0 0 30px 15px;
}



@media only print{  
  /* ================ FOOTER ================ */
  #footer-wrapper #footer01 #footer01_col01 .newsletter,
  #footer-wrapper #footer01 #footer01_col01 .bouton_contact,
  #footer-wrapper #footer01 #footer01_col02,
  #footer-wrapper #footer01 #footer01_col03,
  #footer-wrapper #footer02,
  #footer-wrapper #footer03{
    display: none;
  }
  #footer-wrapper #footer01 #footer01_col01{
    width: 100% !important;
  }
  #footer-wrapper #footer01 #footer01_col01 .region-footer01-col01{
    border: none;
    height: auto !important;
    min-height: 10px !important;
  }
  
  /* ================ THEMATIQUES ================ */
  
  /* VIDEO ET ACCROCHE*/
  .node-type-thematiques #header-wrapper #header01,
  .node-type-thematiques .region-header02-droit,
  .node-type-thematiques .nav-fixe,
  .node-type-thematiques #main .section .video-haut video{
    display: none !important;
  }
  .node-type-thematiques #main .section .video-haut{
    height: 280px !important;
  }
  .node-type-thematiques #main .section .video-haut h1{
    padding-top: 130px;
    color: #009de0;
    width: 100%;
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    font-size: 3em;
  }
  .node-type-thematiques #main .section .zone_accroche{
    page-break-after: always;
  }
  .node-type-thematiques #main .section .zone_accroche p{
    width: 90%;
  }
  /* SOMMAIRE */
  .node-type-thematiques #main .section .sommaire{
    page-break-after: always;
  }
  .node-type-thematiques #main .section .sommaire .content-col{
    width: 100% !important;
    height: 220px !important;
    margin-bottom: 50px;
    overflow: hidden;
  }
  .node-type-thematiques #main .section .sommaire .content-col .sommaire-vignette{
    width: 45% !important;
    float: left;
    height: 100%;
  }
  .node-type-thematiques #main .section .sommaire .content-col .sommaire-vignette .media img{
    width: 100% !important;
    height: auto;
  }
  .node-type-thematiques #main .section .sommaire .content-col .col-2{
    clear: inherit !important;
    margin-top: 0 !important;
    float: right !important;
  }
  .node-type-thematiques #main .section .sommaire .accroche{
    width: 100% !important;
    height :auto !important;
    padding:0 !important;
    margin-bottom: 50px;
  }
  .node-type-thematiques #main .section .sommaire .accroche .box-text{
    width: 100%;
    padding: 15px !important;
  }
  /* CONTENU */
  .node-type-thematiques #main .section .contenu {
    margin: 0px auto 10px auto !important;
    width: 100%;
  }
  .node-type-thematiques #main .section .contenu .box-gauche{
    width: 100%;
    padding: 0;
  }
  .node-type-thematiques #main .section .contenu .contenu-video{
    display: none;
  }
  /* SEJOUR */
  .node-type-thematiques #main .section .sejour .box-sejour{
    width: 100%;
    margin-bottom: 30px;
    background-size: cover;
  }
  .node-type-thematiques #main .section .sejour .box-sejour a .right {
    background-size: 100% 100%;
  }
  .node-type-thematiques #main .section .sejour .bleu{
    display: none !important;
  }
  .node-type-thematiques #main .section .zone-infos .content .media{
    width: 100%;
    height: auto; 
    text-align: center;
  }
  .node-type-thematiques #main .section .zone-infos .content .infos{
    display: block !important;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
  }
  .node-type-thematiques #main .section .espace-presse{
    display:none !important;
  }
}