@-ms-viewport {
  width: device-width;
}

/*  --------------------------------------------------
    :: Classes utiles ( clearfix, remplacement image etc. )
    --------------------------------------------------*/
    .ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}

    .element-invisible{
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
    }
    .sprite-ir,
    .ir {display: block; text-indent: -9999px;overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}

    .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

    .invisible { visibility: hidden; }

    .clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }

    .reset{display:block;height:0;clear:both;overflow:hidden;font-size:0;}


/*  --------------------------------------------------
    :: Hidden JIM
    --------------------------------------------------*/
.visible-premium {
    display:none !important;
}
.visible-logged  {
    display:none !important;
}
.visible-not-logged  {
    display:none !important;
}

.premium .hidden-premium {
    display:none !important;
}
.logged .hidden-logged  {
    display:none !important;
}
.not-logged .hidden-not-logged  {
    display:none !important;
}

.premium .visible-premium {
    display:inherit !important;
}
.logged .visible-logged  {
    display:inherit !important;
}
.not-logged .visible-not-logged  {
    display:inherit !important;
}

/*  --------------------------------------------------
    :: Hidden bootstrap
    --------------------------------------------------*/
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (min-width:600px) and (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phablet {
    display: inherit !important;
  }
  .hidden-phablet {
    display: none !important;
  }
}

@media (max-width:640px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }

}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {

    .site-container,
    .container {
        width: 100% !important;
    }



  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a,
  a:visited { text-decoration: none; }
  abbr[title]:after { content: ""; }
  a:after,
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" !important; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

  /* Masque l'habillage du site */

  .bloc-article {page-break-inside: avoid;}
  .bloc-article,
  .crop-block-content {height: auto !important;}


  .article-texte{line-height:1.6em;}
  div[role="main"]{width: 100% !important;font-size:14px !important;}
  div[role="complementary"],
  #menu-mobile-container-left,
  #menu-mobile-container-right,
  .article-outils,
  .pre-header,
  .menu-container,
  .mobile-header,
  .breadcrumbs,
  .menu-container,
  .pre-header,
  .site-header,
  .site-footer,
  .pub-bloc-300,
  .node-galerie-video,
  .bandeau-pub,
  #habillage-container,
  script,
  *[src*='weborama'],
  *[src*='/pub/'],
  .website-complementary {
    display:none !important;
  }

  .website-main {
    width:100%;
    margin:0 auto;
    float:none;
  }

  .habillage .habillage-site-contenu {
    margin:0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}