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

/* TABLETTE */

@media only screen and (max-width: 989px) {

  #page-wrapper {
    min-width: inherit;
  }
  .section {
    width: auto !important;
  }
  #main-wrapper {
    margin-top: 5px;
    padding-top: 5px;
  }
  .detail-page-visio #main-wrapper,
  .detail-page-media #main-wrapper,
  .detail-page-favoris #main-wrapper,
  .page-carnet-de-voyage #main-wrapper {
    margin-top: 0;
    padding-top: 0;
  }

  /* PAGE */

  .one-sidebar #content,
  .two-sidebars #content {
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }
  .sidebar {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }

  /* ACCUEIL */

  #home01_left {
    width:67%;
    margin:0;
    padding:0 0 15px 15px;
  }
  #home01_right {
    width:33%;
    margin:0;
    padding:0 15px 15px 15px;
  }
  #home02_left {
    width:40%;
    margin:0;
    padding:0 0 0 15px;
  }
  #home02_middle {
    width:40%;
    margin:0;
    padding:0 0 0 15px;
  }
  #home02_right {
    width:20%;
    margin:0;
    padding:0 15px 0 15px;
  }

  /* ENTETE */

  #header04 .section {
    /*height: auto;*/
    padding:0;
    /*min-height:inherit;*/
  }
  #header04 .section .region {
    height: auto;
    min-height:inherit;
  }
  #header04 {
    background-image: none !important;
  }
  #header04 .block-banniere {
    display: none;
  }

}

/* SMARTPHONE */

@media only screen and (max-width: 767px) {

  #page {
    margin-bottom: 0 !important;
  }
  .page-destination #main-header > .section,
  .listing-page-tis #main-header > .section {
    padding: 40px 0 0;
  }
  .detail-page-tis #main-wrapper,
  .node-type-blog #main-wrapper,
  .page-vue-blog #main-wrapper {
    padding-top: 5px;
  }
  .detail-page-tis .block-syndic-intro h1 {
    font-size: 2em;
  }

  /* ENTETE */

  #header01A .section {
    height: 376px;
  }
  #header01 .section {
    height: auto;
  }
  .not-front #header01 .section {
    height: auto;
  }
  #header02 .section {
    padding:0;
  }
  .front #header-wrapper-bottom {
    display:none;
  }
  #tools {
    display:none;
  }
  #breadcrumb {
    padding: 6px 15px 6px 15px;
  }
  #header03 .section {
    padding:0;
  }

  /* PIED DE PAGE */

  #footer01_col01 {
    width: 100%;
    float: none;
  }
  #footer01_col02 {
    width: 100%;
    float: none;

    display: none;
  }
  #footer01_col01 .region,
  #footer01_col02 .region {
    padding: 20px 15px;
    clear: both;
  }

  /* PAGE */

  #content,
  .sidebar {
    width: auto !important;
    padding: 0 8px !important;
    float: none;
  }
  .detail-page-tis #content { /* uniquement pour la pages détail tis */
    padding: 0 15px !important;
  }

  /* ACCUEIL */

  #home01_left {
    width:100%;
    margin:0;
    padding:0 15px 15px 15px;
    float:none;
  }
  #home01_right {
    width:100%;
    margin:0;
    padding:0 15px 15px 15px;
    float:none;
  }
  #home02_left {
    width:100%;
    margin:0;
    padding:0 15px 15px 15px;
    float:none;
  }
  #home02_middle {
    width:100%;
    margin:0;
    padding:0 15px 15px 15px;
    float:none;
  }
  #home02_right {
    width:100%;
    margin:0;
    padding:0 15px 15px 15px;;
    float:none;
  }

  /* WIDGET DE LISTE */

  #widget01 #widget01_col01 {
    float:none;
    width:100%;
  }
  #widget01 #widget01_col02 {
    float:none;
    width:100%;
  }
  #widget01 #widget01_col02 .widget01_col02_A,
  #widget01 #widget01_col02 .widget01_col02_B,
  #widget01 #widget01_col02 .widget01_col02_C,
  #widget01 #widget01_col02 .widget01_col02_D,
  #widget01 #widget01_col02 .widget01_col02_E,
  #widget01 #widget01_col02 .widget01_col02_F,
  #widget02 .widget02_col01_G,
  #widget02 .widget02_col02_H,
  #widget02 .widget02_col03_I,
  #widget02 .widget02_col04_J,
  #widget02 .widget02_col05_K,
  #widget03 .widget03_col01_L,
  #widget03 .widget03_col02_M,
  #widget03 .widget03_col03_N,
  #widget03 .widget03_col04_O,
  #widget03 .widget03_col05_P,
  #widget04 .widget04_col01_Q,
  #widget04 .widget04_col02_R,
  #widget04 .widget04_col03_S,
  #widget04 .widget04_col04_T,
  #widget04 .widget04_col05_U,
  #widget05 .widget05_col01_V,
  #widget05 .widget05_col02_W,
  #widget05 .widget05_col03_X,
  #widget05 .widget05_col04_Y,
  #widget05 .widget05_col05_Z {
    width: 50%;
    float: left;
  }
  #widget01 #widget01_col01 .block {
    margin: 15px 7px 0;
  }
  /*#widget01 #widget01_col02 .widget01_col02_A .block,
  #widget01 #widget01_col02 .widget01_col02_B .block,
  #widget01 #widget01_col02 .widget01_col02_D .block,
  #widget01 #widget01_col02 .widget01_col02_E .block {
  margin: 15px 7px 0;
}*/
  #widget01 #widget01_col02 .widget01_col02_C .block,
  #widget01 #widget01_col02 .widget01_col02_F .block {
    margin: 15px 7px 0;
  }
  #widget02 .widget02_col01_G .block,
  #widget02 .widget02_col02_H .block,
  #widget02 .widget02_col03_I .block,
  #widget02 .widget02_col04_J .block,
  #widget02 .widget02_col05_K .block,
  #widget03 .widget03_col01_L .block,
  #widget03 .widget03_col02_M .block,
  #widget03 .widget03_col03_N .block,
  #widget03 .widget03_col04_O .block,
  #widget03 .widget03_col05_P .block,
  #widget04 .widget04_col01_Q .block,
  #widget04 .widget04_col02_R .block,
  #widget04 .widget04_col03_S .block,
  #widget04 .widget04_col04_T .block,
  #widget04 .widget04_col05_U .block,
  #widget05 .widget05_col01_V .block,
  #widget05 .widget05_col02_W .block,
  #widget05 .widget05_col03_X .block,
  #widget05 .widget05_col04_Y .block,
  #widget05 .widget05_col05_Z .block {
    margin: 15px 7px 0;
  }

}

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

/* TABLETTE */

@media only screen and (max-width: 989px) {

  .youtube-content {
    margin: 0;
  }
  .page-node .field-name-field-sous-titre .field-items {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  /*
  .front h1#logo {
  width: 550px;
  height: 280px;
}
  */
  .front h1#logo{
    width: 750px;
    height: 350px;
  }

  /* ENTETE */

  #header03 {
    margin:0;
    background-image:none;
  }

  /* CARTOGRAPHIE */

  .page-cartographie h1,
  .page-cartographie-fiche h1 {
    width:auto;
  }
  .page-cartographie #breadcrumb,
  .page-cartographie-fiche #breadcrumb {
    width:auto;
  }
  .page-cartographie .intro,
  .page-cartographie-fiche .intro {
    width:auto;
  }
  .page-cartographie .nav-haut,
  .page-cartographie-fiche .nav-haut {
    width:auto;
    padding:0;
  }
  .page-cartographie .form-carto-categories,
  .page-cartographie-fiche .form-carto-categories {
    width:auto;
    padding:0;
  }
  .form-carto-categories li {
    margin: 0;
    float: none;
  }

  /* BLOC RECHERCHE SYNDIC HEADER */

  .block-recherche-syndic-header {
    position: relative;
    top: auto;
    height: 54px;
  }
  .recherche-syndic-header {
    height: 54px;
  }
  .recherche-syndic-accordion .col {
    float: none;
    width: 100%;
    padding: 0 8px;
  }
  #header04 #recherche-syndic .form-item.form-type-checkbox label,
  #recherche-syndic.form-carto .form-item.form-type-checkbox label {
    width:auto !important;
  }

  /* GENERIQUES DETAIL VISIO + MEDIA + FAVORIS */

  #fiche-popup a.bt-close2-top {
    top:-60px;
    left:0;
  }
  #fiche-popup a.bt-close2-bottom {
    bottom:-60px;
    right:0;
  }

  /* DETAIL DE NOEUD */

  .page-node .carnet_links_global {
    margin: 0;
  }

  /* MEDIA Custom */

  #bloc-media-custom .diaporama-media img {
    height: 100%
  }

  /* Mode listing */

  .col2 .col,
  .col3 .col,
  .col4 .col,
  .col5 .col,
  #listing-syndic.selection .col5 .col:first-child {
    width: 25%;
  }

  .col2
  .col:nth-child(2n+3),
  .col3 .col:nth-child(3n+4),
  .col4 .col:nth-child(4n+5),
  .col5 .col:nth-child(5n+6) {
    clear: none;
  }
  .col5 .col:nth-child(4n+5) {
    clear: left;
  }

  /* LISTING SYNDIC */

  .listing-syndic-carte #listing-syndic .nav-haut {
    width: auto;
  }

}

/* SMARTPHONE */

@media only screen and (max-width: 767px) {

  /* ELEMENTS GENERIQUES */

  h1, div#page-title {
    font-size: 2em;
  }
  
  .front h1#logo {
    display: block;
    width: 90%;
    height: 160px;
    padding: 80px 0 0 290px;
    font-size: 3em;
    text-align: center;
    text-align: left;
  }

  /* CONTENU */

  #content .form-actions {
    margin-left: 0;
  }
  #content label {
    text-align: left;
    min-height: 0;
    width: auto;
    padding: 0 0 5px;
    float: none;
  }
  #content .field-label-hidden-middle label {
    display: none;
  }
  #content select,
  #content input,
  #content textarea,
  #content .form-textarea-wrapper,
  #content .ui-dropdownchecklist,
  #content .form-select-custom,
  #content #tis-page-sort-form {
    width: 100%;
    float: none;
  }
  .taille-moyen,
  .taille-moyen select,
  .taille-moyen input,
  .taille-moyen textarea,
  .taille-moyen .ui-dropdownchecklist,
  .taille-moyen .form-select-custom,
  .taille-grand,
  .taille-grand select,
  .taille-grand input,
  .taille-grand textarea,
  .taille-grand .ui-dropdownchecklist,
  .taille-grand .form-select-custom {
    width: 100% !important;
  }
  #content .form-item .description {
    padding: 2px 0 0 0;
  }
  #content .form-submit {
    width: auto;
    float: right;
  }

  /* Mode listing */

  /*.mode-listing .mode-liste,
  .mode-listing .mode-fiche,
  .mode-listing .mode-carte,
  .mode-listing .mode-comparateur,*/
  #listing-fsviews.photo .mode-listing,
  #listing-fsviews.video .mode-listing {
    display: none;
  }
  #listing-syndic .resultats {
    clear:both;
  }
  .col2 .col,
  .col3 .col,
  .col4 .col,
  .col5 .col,
  #listing-syndic.selection .col5 .col:first-child {
    width: 100%;
  }
  .col2
  .col:nth-child(2n+3),
  .col3 .col:nth-child(3n+4),
  .col4 .col:nth-child(4n+5),
  .col5 .col:nth-child(5n+6) {
    clear: none;
  }
  .col5 .col:nth-child(2n+3) {
    clear: left;
  }
  .listings-blog .col {
    width: 50%;
  }
  .listings-blog .col:nth-child(4n+5) {
    clear: none;
  }
  .listings-blog .views-row-odd .col {
    clear: left;
  }
  .listings-blog .views-row-first .col:first-child {
    width: 50%;
  }
  .listings-blog .views-row-first .col:first-child .listing-content {
    height: auto;
    min-height: inherit;
  }
  .listings-overflow-crosselling {
    overflow: inherit;
    margin: 0;
  }
  .listings-overflow-crosselling .listings-crosselling {
    width: 100%;
  }
  .listings-overflow-crosselling .bloc-listing-crosselling {
    margin: 0 0 15px 0;
    width:50%;
  }
  .listings-overflow-crosselling .bloc-listing-crosselling .listing-crosselling-media,
  .listings-overflow-crosselling .bloc-listing-crosselling .listing-crosselling-apercu,
  .listings-overflow-crosselling .bloc-listing-crosselling .listing-crosselling-detail {
    margin:0 7px;
  }
  .view-vue-blog.view-display-id-block_1 .item-list .pager li.pager-previous a,
  .view-vue-blog.view-display-id-block_2 .item-list .pager li.pager-previous a {
    left:7px;
  }
  .view-vue-blog.view-display-id-block_1 .item-list .pager li.pager-next a,
  .view-vue-blog.view-display-id-block_2 .item-list .pager li.pager-next a {
    right:7px;
    top:288px;
  }

  /* Pagination */

  .item-list .pager li,
  .nav-haut .links li,
  .nav-bas .links li,
  .google-search-pager.item-list ul.pager li {
    padding: 0 !important;
    margin: 0 0 0 10px !important;
  }
  .item-list .pager .pager-item,
  .item-list .pager .pager-current,
  .item-list .pager .pager-first,
  .item-list .pager .pager-last {
    display: none;
  }

  /* SOMMAIRE */


  /* FS VIEWS */

  #listing-fsviews .form-fsviews .form-item {
    width: 100%;
  }
  #listing-fsviews .col2 .bloc-listing,
  #listing-fsviews .col3 .bloc-listing,
  #listing-fsviews .col4 .bloc-listing,
  #listing-fsviews .col5 .bloc-listing {
    background-color: #ffffff;
    padding: 10px 10px 40px 10px;
    margin: 0 0 15px 0 !important;
  }
  #listing-fsviews .field-name-field-image {
    width: auto;
    margin: 0 0 10px;
    position: static;
  }
  #listing-fsviews .node h2,
  #listing-fsviews .field-name-field-actu-date,
  #listing-fsviews .field-name-field-bonplan-date,
  #listing-fsviews .field-name-field-commune,
  #listing-fsviews .field-name-body {
    margin: 0 0 5px;
    padding:0 !important;
  }

  /* Teaser Bons plans */

  #listing-fsviews .bonplan01 h2 {
    margin:0 70px 10px 0;
  }
  #listing-fsviews .bonplan01 .field-name-field-bonplan-date,
  #listing-fsviews .bonplan01 .field-name-field-commune,
  #listing-fsviews .bonplan01 .field-name-body {
    margin-right: 0;
  }

  /* Teaser Liens utiles */

  #listing-fsviews .lienutile01.col2 .bloc-listing {
    min-height: 70px;
  }
  #listing-fsviews .lienutile01 .field-name-field-image {
    width: 70px;
    margin: 0;
    position: absolute;
  }
  #listing-fsviews .lienutile01 .field-name-field-image img {
    max-height: 70px;
    max-width: 70px;
  }
  #listing-fsviews .lienutile01 h2,
  #listing-fsviews .lienutile01 .field-name-body {
    margin-left: 80px;
  }

  /* AUTRES LISTINGS */

  .page-search .field-name-field-image,
  .page-taxonomy .field-name-field-image,
  .page-carnet-de-voyage .field-name-field-image {
    margin-left: 0;
    float: none;
  }
  .page-taxonomy .field-name-field-image img,
  .page-carnet-de-voyage .field-name-field-image img {
    width: 100%;
  }

  /* CARNET DE VOYAGE  */

  .page-carnet-de-voyage .nav-carnet {
    background-image: none;
    margin:10px 0;
    padding:0 0 20px 0;
  }
  .page-carnet-de-voyage .nav-carnet ul li {
    display:block;
    float:none;
    width:100%;
  }
  .page-carnet-de-voyage .nav-carnet ul li {
    font-size: 1.3em;
    text-align:center;
    padding:5px 0;
    background-image: none;
    display:block;
  }
  .page-carnet-de-voyage .nav-carnet ul li:hover {
    background-image: none;
  }
  .form-carnet {
    margin:20px 0;
  }
  .page-carnet-de-voyage #fiche-popup .nav-bas .item-list .pager a {
    width: 47px;
    text-indent: -9999px;
  }
  .page-carnet-de-voyage #fiche-popup .nav-bas .item-list .pager .pager-previous a {
    padding:0;
  }
  .page-carnet-de-voyage #fiche-popup .nav-bas .item-list .pager .pager-next a {
    padding:0;
  }

  /* DETAIL DE NOEUD */

  .page-node .field-name-field-image {
    margin-left: 0;
    float: none;
  }
  .page-node .field-name-field-image img {
    width: 100% !important;
  }
  .page-node .carnet_links_global {
    text-align: right;
    margin: 10px 0 20px;
    float: none;
  }

  /* 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-node #content-content .node-page-cms1c img,
  .page-node #content-content .node-page-cms-1-colonne-sans-carnet img,
  .page-node #content-content .node-page-cms3l2c img {
    height: auto !important;
    width: 100% !important;
    margin: 10px 0 !important;
    float: none !important;
  }
  .page-node #content-content .node-page-cms1c iframe,
  .page-node #content-content .node-page-cms-1-colonne-sans-carnet iframe,
  .page-node #content-content .node-page-cms3l2c iframe {
    width: 100% !important;
  }

  /* LISTING SYNDIC */

  #listing-syndic {
    margin-top: -10px;
  }
  #listing-syndic .resultats-popup {
    width: 100%;
  }
  #listing-syndic .col1 .bloc-listing {
    min-height: inherit;
  }
  #listing-syndic .col1 .listing-entete,
  #listing-syndic .col1 .listing-apercu {
    margin: 0;
    padding:10px;
  }
  #listing-syndic .col2 .bloc-listing,
  #listing-syndic .col3 .bloc-listing,
  #listing-syndic .col4 .bloc-listing,
  #listing-syndic .col5 .bloc-listing {
    background-color: #ffffff;
    padding: 0;
    margin: 15px 7px 0 7px !important;
  }
  .listings-blog .views-row .bloc-listing {
    background-color: #ffffff;
    padding: 0;
    margin: 15px 7px 0 7px !important;
  }
  #listing-syndic .col2 .last .bloc-listing,
  #listing-syndic .col3 .last .bloc-listing,
  #listing-syndic .col4 .last .bloc-listing,
  #listing-syndic .col5 .last .bloc-listing {
    margin: 0;
  }
  #listing-syndic .col2 .listing-content,
  #listing-syndic .col3 .listing-content,
  #listing-syndic .col4 .listing-content,
  #listing-syndic .col5 .listing-content,
  #listing-syndic.selection .col5 .col:first-child .listing-content,
  .listings-blog .listing-content {
    overflow: hidden;
    height: auto;
    min-height: inherit;
  }
  #listing-syndic .col2 .listing-content .listing-entete,
  #listing-syndic .col3 .listing-content .listing-entete,
  #listing-syndic .col4 .listing-content .listing-entete,
  #listing-syndic .col5 .listing-content .listing-entete,
  .listings-blog .listing-content .listing-entete {
    padding: 10px;
  }
  #listing-syndic .col2 .listing-content .listing-media,
  #listing-syndic .col3 .listing-content .listing-media,
  #listing-syndic .col4 .listing-content .listing-media,
  #listing-syndic .col5 .listing-content .listing-media,
  .listings-blog .views-row-first .listing-content .listing-media,
  .listings-blog .listing-content .listing-media {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
  }
  #listing-syndic .col2 .listing-content:hover .listing-media,
  #listing-syndic .col3 .listing-content:hover .listing-media,
  #listing-syndic .col4 .listing-content:hover .listing-media,
  #listing-syndic .col5 .listing-content:hover .listing-media,
  .listings-blog .views-row-first .listing-content:hover .listing-media,
  .listings-blog .listing-content:hover .listing-media {
    opacity: 1;
    bottom: auto;
    position: relative;
  }
  #listing-syndic .col2 .listing-content .listing-apercu,
  #listing-syndic .col3 .listing-content .listing-apercu,
  #listing-syndic .col4 .listing-content .listing-apercu,
  #listing-syndic .col5 .listing-content .listing-apercu,
  .listings-blog .listing-content .listing-apercu {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color:#FFFFFF;
    opacity:1;

    display:none;
  }
  #listing-syndic .col2 .listing-content:hover .listing-apercu,
  #listing-syndic .col3 .listing-content:hover .listing-apercu,
  #listing-syndic .col4 .listing-content:hover .listing-apercu,
  #listing-syndic .col5 .listing-content:hover .listing-apercu,
  .listings-blog .listing-content:hover .listing-apercu {
    top: auto;
    background-color:#9ba5a5;
  }
		#listing-syndic.listing-syndic-brochures .col5 .listing-content .listing-apercu {
			background-color: #9ba5a5 !important;
			display: block;
		}
  #listing-syndic .col2 .listing-apercu .boutons .bt-plus a,
  #listing-syndic .col3 .listing-apercu .boutons .bt-plus a,
  #listing-syndic .col4 .listing-apercu .boutons .bt-plus a,
  #listing-syndic .col5 .listing-apercu .boutons .bt-plus a,
  .listings-blog .listing-apercu .boutons .bt-plus a {
    background-image: url("../img/master/bt-plus-hover.png");
  }
  #listing-syndic .col2 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  #listing-syndic .col3 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  #listing-syndic .col4 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  #listing-syndic .col5 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  .listings-blog .listing-content:hover .listing-apercu .boutons .bt-plus a {
    background-image: url("../img/master/bt-plus.png");
  }
  #listing-syndic .col2 .listing-apercu .boutons .bt-plus a:hover,
  #listing-syndic .col3 .listing-apercu .boutons .bt-plus a:hover,
  #listing-syndic .col4 .listing-apercu .boutons .bt-plus a:hover,
  #listing-syndic .col5 .listing-apercu .boutons .bt-plus a:hover,
  .listings-blog .listing-apercu .boutons .bt-plus a:hover {
    background-image: url("../img/master/bt-plus-hover.png") !important;
  }
  #listing-syndic .col2 .listing-apercu .boutons .phone,
  #listing-syndic .col3 .listing-apercu .boutons .phone,
  #listing-syndic .col4 .listing-apercu .boutons .phone,
  #listing-syndic .col5 .listing-apercu .boutons .phone {
    color:#7f8c8d;
  }
  #listing-syndic .col2 .listing-content:hover .listing-apercu .boutons .phone,
  #listing-syndic .col3 .listing-content:hover .listing-apercu .boutons .phone,
  #listing-syndic .col4 .listing-content:hover .listing-apercu .boutons .phone,
  #listing-syndic .col5 .listing-content:hover .listing-apercu .boutons .phone {
    color:#FFFFFF;
  }
  #listing-syndic .col2 .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col3 .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col4 .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col5 .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col2 .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col3 .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col4 .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col5 .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col2 .listing-apercu .boutons .bt-commander a,
  #listing-syndic .col3 .listing-apercu .boutons .bt-commander a,
  #listing-syndic .col4 .listing-apercu .boutons .bt-commander a,
  #listing-syndic .col5 .listing-apercu .boutons .bt-commander a {
    background-image: url("../img/pictos32/brochures-hover.png");
    color:#7f8c8d !important;
  }
  #listing-syndic .col2 .listing-content:hover .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col3 .listing-content:hover .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col4 .listing-content:hover .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col5 .listing-content:hover .listing-apercu .boutons .bt-consulter a,
  #listing-syndic .col2 .listing-content:hover .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col3 .listing-content:hover .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col4 .listing-content:hover .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col5 .listing-content:hover .listing-apercu .boutons .bt-importer a,
  #listing-syndic .col2 .listing-content:hover .listing-apercu .boutons .bt-commander a,
  #listing-syndic .col3 .listing-content:hover .listing-apercu .boutons .bt-commander a,
  #listing-syndic .col4 .listing-content:hover .listing-apercu .boutons .bt-commander a,
  #listing-syndic .col5 .listing-content:hover .listing-apercu .boutons .bt-commander a {
    background-image: url("../img/pictos32/brochures.png");
    color:#FFFFFF !important;
  }
  #listing-syndic .col2 .listing-apercu .boutons .bt-consulter a:hover,
  #listing-syndic .col3 .listing-apercu .boutons .bt-consulter a:hover,
  #listing-syndic .col4 .listing-apercu .boutons .bt-consulter a:hover,
  #listing-syndic .col5 .listing-apercu .boutons .bt-consulter a:hover,
  #listing-syndic .col2 .listing-apercu .boutons .bt-importer a:hover,
  #listing-syndic .col3 .listing-apercu .boutons .bt-importer a:hover,
  #listing-syndic .col4 .listing-apercu .boutons .bt-importer a:hover,
  #listing-syndic .col5 .listing-apercu .boutons .bt-importer a:hover,
  #listing-syndic .col2 .listing-apercu .boutons .bt-commander a:hover,
  #listing-syndic .col3 .listing-apercu .boutons .bt-commander a:hover,
  #listing-syndic .col4 .listing-apercu .boutons .bt-commander a:hover,
  #listing-syndic .col5 .listing-apercu .boutons .bt-commander a:hover {
    background-image: url("../img/pictos32/brochures-hover.png") !important;
  }
		#listing-syndic.listing-syndic-brochures .col5 .listing-content .listing-apercu .boutons .bt-consulter a,
		#listing-syndic.listing-syndic-brochures .col5 .listing-content .listing-apercu .boutons .bt-importer a,
		#listing-syndic.listing-syndic-brochures .col5 .listing-content .listing-apercu .boutons .carnet_links_global a {
			color: #ffffff !important;
			background-image: url("../img/pictos32/brochures.png") !important;
		}
  #listing-syndic .col1 .listing-media .media img {
    max-height: none;
    width: 100%;
    max-width: none;
  }
  #listing-syndic .col1 .listing-media {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
  }
  #listing-syndic .col1 .listing-content {
    height:auto;
    min-height: inherit;
    padding:0;
  }
  #listing-syndic .col1 .listing-apercu .boutons .bt-plus {
    margin: 0 20px 20px 20px !important;
    position:relative;
    right:auto;
    bottom:auto;
    display:block;
    text-align:center;
  }
  #listing-syndic .col2 .listing-entete h3,
  #listing-syndic .col3 .listing-entete h3,
  #listing-syndic .col4 .listing-entete h3,
  #listing-syndic .col5 .listing-entete h3,
  .listings-blog .listing-entete h3 {
    height: auto;
  }
  .page-node #listing-syndic .carnet_links_global {
    margin: 0;
  }
  .listing-syndic-carte #listing-syndic .googlemaps {
    height: 600px;
  }
  .listing-syndic-carte h1 {
    width:auto;
  }
  .listing-syndic-carte #breadcrumb {
    width:auto;
  }
  .listing-syndic-carte .intro {
    width:auto;
  }
  .listing-syndic-carte .nav-haut {
    width:auto;
    padding:0;
  }
  .listing-syndic-carte #listing-syndic .nav-haut {
    padding: 0 8px;
  }

  /* Mediatheque */

  .listing-syndic-mediatheque h1 {
    width:auto;
  }
  .listing-syndic-mediatheque #breadcrumb {
    width:auto;
  }
  .listing-syndic-mediatheque .intro {
    width:auto;
  }
  .listing-syndic-mediatheque .nav-haut {
    position: inherit;
    padding: 0 8px;
  }
  .listing-syndic-mediatheque #content-widget {
    width:auto;
  }
  .listing-syndic-mediatheque #block-system-main .content {
    margin-top: -10px;
  }

  /* Polaroid */

  .polaroid {
    margin: 10px auto;
    float:none;
  }
  #mediatheque .polaroid {
    margin: 15px auto;
  }

  /* DETAIL SYNDIC */

  /* Localisation */

  #content .form-localisation label {
    float: left;
  }

  .col-detail,
  .col-detail.first,
  .col-detail.last,
  .col2-detail .col-detail.first,
  .col2-detail .col-detail.last {
    padding: 0;
  }
  .col2-detail .col-detail,
  .col3-detail .col-detail,
  .col4-detail .col-detail {
    width: 100%;
  }
  .col2-detail .col-detail.first,
  .col2-detail .col-detail.last {
    border: none;
    margin: 0;
  }
  .detail-menu li {
    width: 100%;
    float: none;
  }
  .detail-page-tis .detail-menu li a {
    padding: 10px;
  }
  .detail-page-tis .detail-menu li a {
    display: none;
  }
  .detail-page-tis .detail-menu li a.on {
    display: block;
  }
  .detail-menu li a:hover,
  .detail-menu li a.on {
    border-bottom: #e2e2e2 solid 1px;
  }
  .detail-menu li a {
    height: auto;
    line-height:inherit;
    padding: 5px;
    margin: 0;
  }
  .detail-menu li.detail-menu-li01 a,
  .detail-menu li.detail-menu-li02 a,
  .detail-menu li.detail-menu-li03 a,
  .detail-menu li.detail-menu-li04 a {
    background-image: none;
  }
  .block-syndic ul.mode02 li {
    float: none;
  }
  .block-syndic ul.mode02.li02 li,
  .block-syndic ul.mode02.li03 li,
  .block-syndic ul.mode02.li04 li,
  .block-syndic ul.mode02.li05 li {
    width: 100%;
  }

  /* */

  .left-content {
    float:none;
    width:auto;
    margin:0 0 20px 0;
  }
  .detail-page-tis .left-content {
    display: none; /* provisoire */
  }
  .right-content {
    margin:0 0 20px 0;
  }
  #bloc-intro {
    margin:0 0 20px 0;
  }
  #detail-syndic #bloc-intro {
    margin-left: 0;
  }
  #micro-fiche {
    float:none;
    width:auto;
    margin:0 0 20px 0;
  }
  .detail-page-tis #breadcrumb,
  .detail-page-blog #breadcrumb,
  .node-type-blog #breadcrumb {
    padding: 5px 15px 6px 15px;
  }
  #detail-syndic .nav-haut .item-list .pager .pager-previous a,
  #detail-syndic .nav-haut .item-list .pager .pager-item a,
  #detail-blog .nav-haut .item-list .pager .pager-previous a {
    left: 15px;
  }
  .detail-page-tis #main > .section {
    position: static;
  }
  #detail-syndic .nav-haut .item-list .pager .pager-previous a,
  #detail-syndic .nav-haut .item-list .pager .pager-item a {
    top: 10px;
  }
  .detail-page-tis h1#page-title {
    padding: 0 15px 0 70px;
    min-height:37px;
  }
  .detail-page-blog h1#page-title,
  .node-type-blog h1#page-title {
    padding: 0 15px;
    min-height:37px;
  }
  .page-vue-blog h1#page-title {
    min-height: 37px;
    padding: 0 15px;
  }
  #detail-syndic .nav-bas,
  #detail-blog .nav-bas {
    margin:20px 0 20px 0;
  }

  /* DETAIL BLOG */

  .node-type-blog .field-slideshow-wrapper .field-slideshow {
    min-height: inherit;
  }
  .node-type-blog .field-slideshow-wrapper .field-slideshow img {
    width: 100%;
    max-width: inherit !important;
    min-height: inherit !important;
    max-height: inherit;
  }

  /* MEDIA Custom */

  #bloc-media-custom {
    margin: 0 0 20px 0 !important;
    position: relative;
  }
  #bloc-media-custom .diaporama-media {
    min-height: inherit;
  }
  #bloc-media-custom .diaporama-media img {
    width: 100%;
    max-width: inherit !important;
    min-height: inherit !important;
    max-height: inherit;
    position: inherit;
  }
  #bloc-media-custom .media-content ul.bt-media li {
    float: none;
    /*height: auto;
    line-height: inherit;*/
    clear:both;
    margin-bottom: 1px;
  }
  #bloc-media-custom .media-content ul.bt-media li a {
    border-right: none;
    border-bottom: 1px solid #dedede;
  }
  #bloc-media-custom .media-content ul.bt-media li.bt-media-localiser a,
  #bloc-media-custom .media-content ul.bt-media li.bt-media-partager a {
    background-color: #7f8c8d;
    width: auto;
    position: relative;
    left: auto;
    bottom: auto;
    border-bottom: #dedede solid 1px;
    padding: 0 50px 0 10px;
  }
  #bloc-media-custom .media-content ul.bt-media li.bt-media-iti {
    background-color: #95a5a6;
    width: auto;
    position: relative;
    left: auto;
    bottom: auto;
    border-bottom: #dedede solid 1px;
    border-right: none;
    padding:0 10px 0 10px;
    overflow:inherit;
  }
  #bloc-media-custom .media-content ul.bt-media li.bt-media-iti input,
  .media-iti input {
    float:left !important;
    width:100% !important;
    clear:left;
    padding:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  #bloc-media-custom .media-content ul.bt-media li.bt-media-iti input.form-submit,
  .media-iti input.form-submit {
    margin: 10px 0 0 0;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
  }
  #bloc-media-custom .media-content ul.bt-media li.bt-media-iti label,
  .media-iti label {
    float:none;
  }
  #bloc-media-custom .media-content ul.bt-media li.bt-media-partager a {
    background-color: #bdc3c7;
  }
  .syndication-diaporama .nivo-directionNav {
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: 15px;
    z-index: 50;
  }
  .syndication-diaporama a.nivo-imageLink {
    height: auto;
    width: auto;
  }

  /* Tableau de tarifs */

  .block-syndic-tarifs table tr {
    width: 50%;
    display: block;
  }
  .block-syndic-tarifs table tr:nth-child(odd) {
    float: left;
    clear: left;
  }
  .block-syndic-tarifs table tr:nth-child(even) {
    float: right;
    clear: right;
  }
  .block-syndic-tarifs table th,
  .block-syndic-tarifs table td {
    display: block;
  }
  .block-syndic-tarifs table td {
    height: 16px;
  }

  /* PLAN DU SITE */

  #site-map .site-map-box,
  #site-map .site-map-box.site-map-box-menu-main-menu {
    width: 100%;
    margin: 0 0 0 10px;
    float: none;
  }
  #site-map .site-map-box.site-map-box-menu-main-menu .content {
    margin-left: 0;
  }

  /* Page Recherche */

  .page-search #content .search-form .form-item {
    width: 100%;
  }
  .page-search #content .search-form label {
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0 0 5px;
    float: none;
  }
  .page-search #content .search-form input {
    width: 100%;
  }
  .page-search #content .search-form input.form-submit {
    width: auto;
  }

  /* DETAIL MEDIA */

  .block-media-detail .form-iti {
    float:none;
    width:auto;
  }
  #content .block-media-detail .form-iti label {
    text-align: left;
    width: 100%;
    padding: 0 0 5px 0;
  }
  #content .block-media-detail .form-iti input {
    width: 100%;
  }

  /* CARTOGRAPHIE */

  #listing-syndic.popup-carto .col2 .bloc-listing {
    width: auto;
    float: none;
  }
  #listing-syndic.listing-carto .col2 .bloc-listing {
    width: auto;
    float: none;
  }
  .zone-carto > .popup-carto {
    margin: 0;
    position:static;
    width:auto;
  }
  .popup-carto:after {
    display:none;
  }
  .form-carto {
    height: auto;
    width: auto;
    padding-bottom: 20px;
    float: none;
  }
  #carto .googlemaps {
    height: 400px;
    margin: 0;
    clear:both;
  }
  #carto .listing-carto {
    margin: 0;
  }
  #carto .resultats {
    width:100%;
    float:none;
  }

  /* Recherche Syndic */

  .recherche-syndic-header {
    height: auto;
    padding-top:30px;
  }
  .recherche-syndic-header .boutons-recherche-syndic {
    margin: 0;
    text-align: center;
  }
  .recherche-syndic-header h2,
  .recherche-theme-destination-header h2 {
    /*margin-top: 25px;*/
    margin-top:0;
  }
  #header04 #recherche-syndic .recherche-syndic-footer .form-submit.cancel {
    left:50%;
    width:120px !important;
    margin:0 0 0 -60px;
  }
  #header04 #recherche-syndic .recherche-syndic-top .form-item {
    float: none;
    width: 100%;
  }

  /* */

  .block-recherche-territorial {
    position: relative;
    top: auto;
  }
  .recherche-theme-destination-header .boutons-recherche-theme-destination {
    margin: 5px 0 0 0;
    text-align:center;
  }
  .recherche-theme-destination-header {
    height: auto;
  }
  .recherche-theme-destination-content ul li {
    float:none;
    width:100%;
  }
  .listing-syndic-mediatheque .googlemaps {
    top: -666px;
  }

}

@media only screen and (max-width: 585px){
  .front h1#logo {
    display: block;
    width: 90%;
    height: 160px;
    padding: 80px 0 0 220px;
    font-size: 3em;
    text-align: center;
    text-align: left;
  }
}
@media only screen and (max-width: 450px){
  .front h1#logo{
    width: 90%;
    height: 160px;
    font-size: 2em;
    padding: 80px 10px 10px 160px;
  }
  .front h1#logo span{
    margin-left: inherit;
  }
}

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

/* TABLETTE */

@media only screen and (max-width: 989px) {

  /* ENTETE */

  .block-search .content input {
    width: 100%;
  }

  /* BLOC RECHERCHE */

  .block-search .content .form-item {
    margin-bottom: 0;
  }

  /* MENU PRINCIPAL */

  #block-responsive-dropdown-menus-main-menu .content > ul > li > ul {
    width: 100%;
    left:0;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li > a {
    padding: 28px 15px 0;
  }
  #block-responsive-dropdown-menus-main-menu .content li li a {
    background-size:90%;
    padding: 125px 10px 15px 10px;
  }

  /* 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 {
    width: 24px;
  }

  /* FOOTER */

  .block-newsletter .content input {
    width: 215px;
  }


}

/* SMARTPHONE */

@media only screen and (max-width: 767px) {

  .block-outils {
    display: none;
  }

  /* DROPDOWN MENU RESPONSIVE */

  .menu-toggle .toggle-help {
    font-family: 'YanoneKaffeesatz-Regular';
    white-space: nowrap;
    text-transform:uppercase;
    font-size:1.4em;
  }
  .block-responsive-menu-principal .responsive-menu.menu-toggled {
    position: relative;
    z-index: 500;
    background-color: white;
  }
  .block-responsive-menu-principal .sub-menu.tier-two {
    display:none;
  }
  #block-responsive-dropdown-menus-main-menu {
    margin: 20px 0;
    position: static !important;
  }
  .not-front #block-responsive-dropdown-menus-main-menu .content li a {
    background-image:none !important;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li {
    height: auto;
    position: relative;
    float: none;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li > ul {
    background-color: #ffffff;
    width: auto;
    max-height: inherit !important;
    position: relative;
    top: auto;
    left: auto;
    overflow: inherit !important;
  }
  #block-responsive-dropdown-menus-main-menu .content ul.sub-menu.tier-three {
    display: block !important;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li:hover > ul {
    max-height: inherit !important;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li > ul > li {
    width: 100%;
    float: left;
    text-align:left;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li > ul > li > ul {
    max-height: none !important;
    margin: 10px 0 0;
    position: static;
    overflow: visible !important;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li > ul > li > ul > li {
    padding: 0 0 0 15px;
    margin: 5px 0 0;
  }
  #block-responsive-dropdown-menus-main-menu .content li a {
    font-size: 1.6em;
    text-transform: uppercase;
    background-image: none;
  }
  .not-front #block-responsive-dropdown-menus-main-menu .content li a {
    background-image:none !important;
  }
  #block-responsive-dropdown-menus-main-menu .content > ul > li > a {
    height: auto;
    padding: 5px 10px;
  }
  #block-responsive-dropdown-menus-main-menu .content li li a {
    background-image:none !important;
    padding:5px 10px 5px 10px;
  }
  #block-responsive-dropdown-menus-main-menu .content li li#menu-item-3344 a {
    background-image:none !important;
  }

  /* BLOC RECHERCHE */

  .block-localisation {
    float: left;
    width: 100%;
  }

  /* */

  .block-search {
    float: left;
    width: 100%;
  }
  .block-search .content input {
    width:100%;
  }
  .block-search .content .form-item {
    width:100%;
    margin-bottom: 1px;
  }
  .block-search .content .form-actions {
    float: none;
    position: absolute;
    right: 0;
    margin-right: 0;
  }

  /* MENU HEADER 01 */

  .block-menu-header01.menu-picto-label .content a {
    width:54px;
    display:block;
    padding: 0;
    text-indent:-9999px;
  }

  /* MENU HEADER 02 */

  .block-menu-header02 {
    clear:both;
    float: none;
    width: 100%;
  }
  .block-menu-header02.menu-picto-label.menu-horizontal .content li {
    margin: 0 0 1px 0;
    float:none;
  }
  .block-menu-header02.menu-picto-label.menu-horizontal .content li.first,
  .block-menu-header02.menu-picto-label.menu-horizontal .content li.last {
    width: 100%;
  }
  .block-menu-header02.menu-picto-label .content a {
    display:block;
    width:auto;
  }
  .block-menu-header02.menu-picto-label .content a.lien-agenda {
    border-left: none;
  }

  /* MENU COMPTE */

  .block-menu-compte {
    display:none;
  }

  /* BLOC CARNET */

  .block-carnet {
    width:100%;
    margin:0 0 1px 0;
    clear:both;
    background-color:#95a5a6;
  }
  .block-carnet .content a {
    border-left: none;
  }

  /* BLOC RECHERCHE */

  .block-search {
    float:none;
    margin:0 0 1px 0;
  }

  /* MENU PRINCIPAL */



  /* BLOC BANNIERE */

  .block-banniere {
    padding:10px;
  }
  .block-banniere h2 {
    font-size:1.7em;
    margin:0 0 10px 0;
  }
  .block-banniere .content {
    font-size:1.1em;
  }

  /* QUICKTAB FOOTER */

  .block-quicktab-footer ul.quicktabs-tabs {
    height:auto;
    padding: 0 0 20px 0;
  }
  .block-quicktab-footer #quicktabs-container-quicktab_footer {
    clear:both;
    height:auto;
    overflow:hidden;
  }
  .block-quicktab-footer ul.quicktabs-tabs li {
    background-image: none;
    padding: 0;
    margin: 0;
    float:none;
    text-align:center;
  }
  .block-quicktab-footer ul.quicktabs-tabs li a {
    padding:4px 10px;
    display:block;
  }
  .block-quicktab-footer ul.quicktabs-tabs li.active a {
    background-image: none;
  }

  /* MENU LOZERE */

  .block-menu-lozere.menu-picto.menu-horizontal .content li {
    margin: 0;
  }
  .block-menu-lozere .content a.lien-lozere {
    width: 65px;
    height:45px;
    background-position: -5px -6px;
  }

  /* FOOTER */

  .block-footer02 {
    float: left;
    margin: 0 0 20px 0;
    text-align:center;
    width:100%;
  }
  .block-footer02 .content {
    font-size: 1.3em;
    padding: 0 40px 5px 40px;
  }
  .block-contact .content ul.boutons-contact li {
    font-size: 1.4em;
  }

  /* MENU PRATIQUE */

  .block-pratique.menu-puce-label.menu-horizontal .content li {
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    display:block;
    float:none;
    text-align:center;
    background-image:none;
  }
  .block-pratique .content a {
    display:block;
  }
  .block-pratique {
    float:left;
    margin:0 0 10px 0;
    clear:both;
    width:100%;
  }

  /* BLOC LOUPE */

  .block-loupe .content .bloc-listing-loupe {
    width:50%;
  }
  #home01_right .block-loupe .content .bloc-listing-loupe {
    width:100%;
    float:none;
    margin:0;
  }

  /* BLOC ACCUEIL RANDOS & ACTIVITES NATURE */

  .block-accueil-randos .content .bloc-content,
  .block-accueil-activites .content .bloc-content {
    /*width:570px;*/
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
  }
  .block-accueil-randos .content .bloc-apercu h2,
  .block-accueil-activites .content .bloc-apercu h2 {
    float:none;
    clear:none;
    width:auto;
    height:auto;
    padding: 10px 10px 10px 10px;
  }
  .block-accueil-randos .content .bloc-picto,
  .block-accueil-activites .content .bloc-picto {
    float:none;
    clear:none;
    width:auto;
    height:60px;
    padding: 5px 10px 0 10px;
  }
  .block-accueil-randos .content .bloc-apercu,
  .block-accueil-activites .content .bloc-apercu {
    position: relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
  }
  .block-accueil-randos .content .bloc-content ul,
  .block-accueil-activites .content .bloc-content ul,
  .block-accueil-randos .content .bloc-content .bloc-listing,
  .block-accueil-activites .content .bloc-content .bloc-listing {
    margin:15px 15px 15px 15px;
    position: inherit;
  }
  .block-accueil-randos .content .bloc-content ul li,
  .block-accueil-activites .content .bloc-content ul li,
  .block-accueil-randos .content .bloc-content .bloc-listing h3,
  .block-accueil-activites .content .bloc-content .bloc-listing h3 {
    display:block;
    width:100%;
    float:left;
  }
  .block-accueil-randos .content .bloc-content .bloc-media img,
  .block-accueil-activites .content .bloc-content .bloc-media img {
    opacity:0.25;
    height: auto;
    width: 100%;
    vertical-align: bottom;
  }

  /* BLOC THEMATIQUE */

  /*.block-thematique .content .bloc-listing-thematique {
  overflow: hidden;
  height: 205px;
}*/


}


/* ---------- LAYERSLIDER ---------------------------------------------------------------------------- */

/* TABLETTE */

@media only screen and (max-width: 989px) {

  #layerslider .ls-nav-prev,
  #layerslider-mediatheque .ls-nav-prev {
    left: 10px !important;
  }
  #layerslider .ls-nav-next,
  #layerslider-mediatheque .ls-nav-next {
    right: 10px !important;
  }
  #layerslider .ls-content {
    text-align:left !important;
    right:auto !important;
    margin-right:0 !important;
    left:15px !important;
  }

}

/* SMARTPHONE */

@media only screen and (max-width: 767px) {

  #layerslider {
    height:430px !important;
  }
  #layerslider-mediatheque .ls-content {
    max-width: inherit !important;
    margin-left:0 !important;
    left:0 !important;
  }
  #layerslider .ls-content {
    left:15px !important;
    max-width:255px !important;
  }
  #layerslider .ls-content h2 {
    font-size: 1.6em !important;
  }
  #layerslider .ls-content p {
    font-size: 1.2em !important;
  }
}

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

/* TABLETTE */

@media only screen and (max-width: 989px) {

  /* BlockSIT FMA */

  .block-tis-widget-fma .content .listings-navigation ul {
    top:80px;
  }

  /* BlockSIT SEJOURS */

  .block-tis-widget-sejours .content .listings-navigation ul {
    top:80px;
  }

  /* BlockSIT Fiche XL */

  .block-tis-widget.blockSIT-XL .col-n .listing-entete .boutons {
    bottom: 10px;
  }

}

/* SMARTPHONE */

@media only screen and (max-width: 767px) {


  /* WIDGET TIS */

  .block-tis-widget .col1 .bloc-listing {
    min-height: auto;
  }
  .block-tis-widget .col1 .listing-entete,
  .block-tis-widget .col1 .listing-apercu {
    margin: 0 0 0 0;
    padding:10px;
  }
  .block-tis-widget .col1 .listing-media {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
  }
  .block-tis-widget .col1 .listing-content {
    height:auto;
    min-height: inherit;
    padding:0;
  }
  .block-tis-widget.blockSIT-sidebar .col-n .col {
    float:left;
    width: 100%
  }
  .block-tis-widget.blockSIT-sidebar .col-n .col:nth-child(2n+3) {
    clear: left;
  }
  .block-tis-widget .col2 .bloc-listing,
  .block-tis-widget .col3 .bloc-listing,
  .block-tis-widget .col4 .bloc-listing,
  .block-tis-widget .col5 .bloc-listing {
    background-color: #ffffff;
    padding: 0;
    margin: 15px 0 0 0 !important;
  }
  .block-tis-widget.blockSIT-sidebar .col-n .bloc-listing {
    background-color: #ffffff;
    padding: 0;
    margin: 0 !important;
  }
  .detail-page-tis .block-tis-widget.blockSIT-sidebar .col-n .bloc-listing {
    margin: 15px 0 0 !important;
  }
  .block-tis-widget .col2 .last .bloc-listing,
  .block-tis-widget .col3 .last .bloc-listing,
  .block-tis-widget .col4 .last .bloc-listing,
  .block-tis-widget .col5 .last .bloc-listing,
  .block-tis-widget.blockSIT-sidebar .col-n .last .bloc-listing {
    margin: 0;
  }
  .block-tis-widget .col2 .listing-content,
  .block-tis-widget .col3 .listing-content,
  .block-tis-widget .col4 .listing-content,
  .block-tis-widget .col5 .listing-content,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content {
    overflow: hidden;
    height: auto;
    min-height: inherit;
  }
  .block-tis-widget .col2 .listing-content .listing-entete,
  .block-tis-widget .col3 .listing-content .listing-entete,
  .block-tis-widget .col4 .listing-content .listing-entete,
  .block-tis-widget .col5 .listing-content .listing-entete,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content .listing-entete {
    padding: 10px;
  }
  .block-tis-widget .col2 .listing-content .listing-media,
  .block-tis-widget .col3 .listing-content .listing-media,
  .block-tis-widget .col4 .listing-content .listing-media,
  .block-tis-widget .col5 .listing-content .listing-media,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content .listing-media {
    position: relative;
    bottom: 0;
    left:0;
    right:0;
    opacity: 1;
  }
  .block-tis-widget .col2 .listing-content:hover .listing-media,
  .block-tis-widget .col3 .listing-content:hover .listing-media,
  .block-tis-widget .col4 .listing-content:hover .listing-media,
  .block-tis-widget .col5 .listing-content:hover .listing-media,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content:hover .listing-media {
    opacity: 1;
    bottom: auto;
  }
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content:hover .listing-media {
    position:relative;
  }
  .block-tis-widget.blockSIT-XL .col-n .col .listing-content .listing-apercu {
    display: none;
  }
  .block-tis-widget .col2 .listing-content .listing-apercu,
  .block-tis-widget .col3 .listing-content .listing-apercu,
  .block-tis-widget .col4 .listing-content .listing-apercu,
  .block-tis-widget .col5 .listing-content .listing-apercu,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content .listing-apercu {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color:#FFFFFF;
    opacity:1;

    display: none;
  }
  .block-tis-widget .col2 .listing-content:hover .listing-apercu,
  .block-tis-widget .col3 .listing-content:hover .listing-apercu,
  .block-tis-widget .col4 .listing-content:hover .listing-apercu,
  .block-tis-widget .col5 .listing-content:hover .listing-apercu,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content:hover .listing-apercu {
    top: auto;
    background-color:#9ba5a5;
  }
  .block-tis-widget .col2 .listing-apercu .boutons .bt-plus a,
  .block-tis-widget .col3 .listing-apercu .boutons .bt-plus a,
  .block-tis-widget .col4 .listing-apercu .boutons .bt-plus a,
  .block-tis-widget .col5 .listing-apercu .boutons .bt-plus a,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-apercu .boutons .bt-plus a {
    background-image: url("../img/master/bt-plus-hover.png");
  }
  .block-tis-widget .col2 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  .block-tis-widget .col3 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  .block-tis-widget .col4 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  .block-tis-widget .col5 .listing-content:hover .listing-apercu .boutons .bt-plus a,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-content:hover .listing-apercu .boutons .bt-plus a {
    background-image: url("../img/master/bt-plus.png");
  }
  .block-tis-widget .col2 .listing-apercu .boutons .bt-plus a:hover,
  .block-tis-widget .col3 .listing-apercu .boutons .bt-plus a:hover,
  .block-tis-widget .col4 .listing-apercu .boutons .bt-plus a:hover,
  .block-tis-widget .col5 .listing-apercu .boutons .bt-plus a:hover,
  .block-tis-widget.blockSIT-sidebar .col-n .listing-apercu .boutons .bt-plus a:hover {
    background-image: url("../img/master/bt-plus-hover.png") !important;
  }
  .block-tis-widget.blockSIT-style00 .col2 .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-style00 .col3 .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-style00 .col4 .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-style00 .col5 .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-sidebar.blockSIT-style00 .col-n .listing-apercu .boutons .phone {
    color:#7f8c8d;
  }
  .block-tis-widget.blockSIT-style00 .col2 .listing-content:hover .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-style00 .col3 .listing-content:hover .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-style00 .col4 .listing-content:hover .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-style00 .col5 .listing-content:hover .listing-apercu .boutons .phone,
  .block-tis-widget.blockSIT-sidebar.blockSIT-style00 .col-n .listing-content:hover .listing-apercu .boutons .phone {
    color:#FFFFFF;
  }
  .block-tis-widget .col1 .listing-media {
    width: auto;
    margin: 0 0 5px;
    position: relative;
    top: 0;
    left: 0;
  }
  .block-tis-widget .col1 .listing-media .media img {
    max-height: none;
    width: 100%;
    max-width: none;
  }
  .block-tis-widget .col1 .listing-entete,
  .block-tis-widget .col1 .listing-apercu {
    margin: 0;
  }
  .block-tis-widget .col1 .listing-apercu .boutons .bt-plus {
    margin: 0 20px 20px 20px !important;
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    text-align: center;
  }
  .block-tis-widget .col2 .listing-entete h3,
  .block-tis-widget .col3 .listing-entete h3,
  .block-tis-widget .col4 .listing-entete h3,
  .block-tis-widget .col5 .listing-entete h3,
  .block-tis-widget .col-n .listing-entete h3 {
    height: auto;
  }
  .blockSIT-3col-carteG .googlemaps {
    float:none;
    width:100%;
    height:320px;
  }
  .blockSIT-3col-carteG .listings {
    margin-left:0;
  }

  .blockSIT-3col-carteD .googlemaps {
    float:none;
    width:100%;
    height:320px;
  }
  .blockSIT-3col-carteD .listings {
    margin-right:0;
  }

  /* BlockSIT Fiche XL */

  .block-tis-widget.blockSIT-XL .col-n .col .bloc-listing {
    margin: 0;
  }
  .block-tis-widget.blockSIT-XL .col-n .col .listing-content {
    height: auto;
    min-height: inherit;
  }
  .block-tis-widget.blockSIT-XL .col-n .listing-content .listing-entete {
    padding:10px;
  }
  .block-tis-widget.blockSIT-XL .col-n .listing-content .listing-media {
    position:relative;
    bottom:auto;
    left:auto;
    right:auto;
  }

}

/* ---------- MEGA MENU ---------------------------------------------------------------------------- */


@media only screen and (max-width: 989px) {

  .tb-megamenu .btn-navbar {
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    border: none;
    height: 54px;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #efefef;
    font-family: 'YanoneKaffeesatz-Light';
    font-size: 1.6em;
    line-height: 54px;
    color: #2f2f2f;
  }
  .tb-megamenu .btn-navbar:hover,
  .tb-megamenu .btn-navbar:focus {
    color: #ffffff;
    background-color: #2f2f2f;
  }
  .tb-megamenu .btn-navbar .icon-reorder {
    margin-top:0;
    position: relative;
    top: -12px;
    background: url("../img/pictos54/menu-rwd.png") no-repeat 0 0;
    width: 54px;
    height: 54px;
  }
  .tb-megamenu .btn-navbar:hover .icon-reorder,
  .tb-megamenu .btn-navbar:focus .icon-reorder {
    background: url("../img/pictos54/menu-rwd-hover.png") no-repeat 0 0;
  }
  .tb-megamenu .btn {
    border-radius: 0;
    text-align: left;
  }
  .tb-megamenu .mega-inner {
    padding: 0;
  }
  .tb-megamenu .dropdown-menu .mega-nav > li {
    width: 100%;
    float: none;
    text-align: left;
  }
  .tb-megamenu .mega-nav > li a,
  .tb-megamenu .dropdown-menu .mega-nav > li a {
    margin-left: 0;
    padding:5px !important;
    background-image:none !important;
  }
  .tb-megamenu {
    height: auto;
  }
  .tb-megamenu .row-fluid + .row-fluid {
    padding: 0;
    border: none;
  }
  .tb-megamenu .nav {
    display: block;
    width: 100%;
  }
  .tb-megamenu .nav > li {
    height: auto;
    display: block;
  }
  .tb-megamenu .nav-collapse .nav > li > a,
  .tb-megamenu .nav-collapse .dropdown-menu a {
    border: none;
    color: #2f2f2f;
    padding: 5px 15px;
    background-image: none;
    display:block;
    line-height: inherit;
    height: auto;
    font-weight: normal;
    font-size: 1.3em;
    text-align: left;
    border-top: 1px solid #d9d9d9;
  }
  .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus {
    color: #0073a0;
  }
  .tb-megamenu .nav-collapse .dropdown-menu {
    background-color: inherit;
    height: auto;
  }
  .tb-megamenu .nav-collapse,
  .tb-megamenu .nav-collapse.collapse {
    position:relative;
    margin:0;
  }
  .tb-megamenu .nav-collapse {
    background: #FFF;
    margin-top: 0;
    position: relative;
    top: auto;
  }
  .tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    color: #0073a0;
    background-image: none;
  }
  .tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
  .tb-megamenu .nac-collapse .nav > li > a:hover {
    color: #0073a0;
  }
  .tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
  .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
  .tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: inherit;
    color: #0073a0;
    background-image: none;
    border-color: #d9d9d9 !important;
  }
  .block-tb-megamenu .navbar {
    padding: 0;
    margin-bottom: 1px;
  }
  .tb-megamenu .mega-nav li:first-child > .mega-dropdown-menu {
    display: none;
  }
  .tb-megamenu .dropdown-menu li > a:hover,
  .tb-megamenu .dropdown-menu li > a:focus {
    color: #0073a0;
  }
  .tb-megamenu .dropdown-submenu:hover > a {
    color: #ffffff;
  }
  .tb-megamenu .nav li.dropdown-submenu.active > .dropdown-toggle {
    color: #ffffff;
  }
  .tb-megamenu .nav li.mega.active > a {
    color: #ffffff;
  }
  .tb-megamenu .row-fluid, .tb-megamenu .mega-dropdown-menu,
  .tb-megamenu .row-fluid [class*="span"] {
    left: auto !important;
  }
  .tb-megamenu .block-mega-menu-carte .mega-nav {
    padding: 0;
  }
  .tb-megamenu .mega-nav.level-1 {
    height:auto;
  }
  .tb-megamenu .mega-nav.level-2 {
    min-height:inherit;
    height:auto;
  }
  .tb-megamenu .mega-nav.level-2,
  .tb-megamenu .dropdown-menu .mega-nav.level-2 {
    width:auto !important;
    height: auto;
    min-height: inherit !important;
    position:relative !important;
    top:auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#FFFFFF;
  }
  .tb-megamenu .block-mega-menu-col .mega-nav > li {
    float: none;
    width:auto
  }
  .tb-megamenu .mega-nav.level-2 > li,
  .tb-megamenu .dropdown-menu .mega-nav.level-2 > li {
    float: none;
    width:auto
  }
  .tb-megamenu .block-mega-menu-carte .mega-nav {
    background-image: none !important;
  }
  .tb-megamenu .dropdown-submenu > .dropdown-menu {
    top: auto;
    left: auto;
    min-height: inherit;
    padding-left:0;
  }
}

/* SMARTPHONE */

@media only screen and (max-width: 767px) {
  .detail-page-tis .tb-megamenu .dropdown-menu {
    padding-bottom:0;
  }
  .tb-megamenu .mega-nav,
  .tb-megamenu .dropdown-menu .mega-nav {
    border: none;
  }
  .tb-megamenu .mega-nav.level-2 > li:first-child > a,
  .tb-megamenu .dropdown-menu .mega-nav.level-2 > li:first-child > a {
    font-style: inherit;
    margin-bottom: inherit;
  }
}