@media (min-width : 992px) {
    #modalLightbox .modal-dialog { width: 90%;}
    #mobileToolBox {display:none!important;}
}

/*:: Screen largeur max 992px ::*/
/*******************************************************/
@media (max-width : 991px) {
    body { background: none;  overflow-x: hidden; }

	.bandeauNotifications { position: relative; z-index: 120; position: fixed; bottom: 0; left: 0; width: 100%; background: #1D2224!important; }
	.bandeauNotifications .message { line-height: 1.2!important; padding: 5px 65px 5px 10px!important; color: #FFF!important; }
    .bandeauNotifications .message a { color: #FFF; text-decoration: underline;}
    .bandeauNotifications .notificationHide { margin-left: 0!important; right: 5px!important; width: auto!important; color: #FFF!important; }

    .bandeauNotifications,
    #ContainerCols,
    #ColA #laune,
    #ContainerCols .row,
    #ColA .row.deux .cell,
    #ColA .row.une .cell,
    #PiedDePage,
    #ContainerCols .row .r-bloc {
        width: 100%!important;
    }

    #ColA,
    #ColContextuelle,
    #ContainerCols.trois #ColContenu,
    .actus .blocTxt {
        float: none;
        width: 100%;
    }

    #ColA #laune #slider { height: 320px; width: 100%; }
    #ColA #laune #slider .carousel-caption { bottom: 0; }

    .jspVerticalBar { display: none; }
    .jspContainer, .scroll-pane, .scroll-pane-large { height: 65px!important; overflow: hidden; width: 100%!important; }
    .content-toggle .scroll-pane-large .jspContainer, .content-toggle .scroll-pane .jspContainer, .content-toggle .scroll-pane, .content-toggle .scroll-pane-large { height: auto!important; }
    .jspPane { margin:0!important; width: 100%!important; top: 0!important; }

    #ColA .row.deux .cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; padding: 0 10px; }
    #ColA .row.une .cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px !important; padding: 0 10px; }

    #ContainerCols .cell h2 { font-size: 1.6em; }

    #ColA .three-ad-mobile {font-size: 0; margin-bottom: 20px; padding: 0 10px; text-align: center;}
    #ColA .three-ad-mobile .ad { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  display: inline-block; margin:0; padding: 0; width: 33.33%; }
    #ColA .three-ad-mobile .ad+.ad { padding-left: 10px; }
    #ColA .three-ad-mobile .ad a { display: block; }
    #ColA .three-ad-mobile .ad img { width: 100%; height: auto; }

    #ColA .row.une .cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding: 0 10px;}
    #ColA .row.une .cell iframe { height: 200px!important; overflow: hidden; }


    #ColA .row div div div:not(.content-toggle) div .actus:nth-child(n+2) { display:none; }

    #ColA .title-toggle { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #E0E2E2!important; width: 100%!important; margin: 0!important; padding: 7px 5px 7px 10px!important; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #ColA .title-toggle .glyphicon { display:block; float: right; font-size: 0.8em; top: 6px; }
    #ColA .title-toggle .glyphicon.glyphicon-chevron-up { display: none; }
    #ColA .content-toggle { display: none; }
    #ColA .content-toggle .imageflow { height: 210px!important; }

    #ContainerCols .row .r-bloc { padding: 0 10px; background: none; margin: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #ContainerCols .row .r-bloc .content-toggle { background: url(../images/bg_r-bloc.gif) repeat-x 0 0; margin-top: -3px; padding: 10px;}
    #ContainerCols .row .r-bloc p.tous a { top: -24px; right: 30px;}
    #ContainerCols .row .bl-livre { width: 100%; margin: 0; background:none; padding: 10px 0; }
    #ContainerCols .row .bl-livre+.bl-livre { border-top: 1px solid #ccc; }
    #ContainerCols .row .bl-livre .txtVisu { background: none; display: block; width: 100%; padding: 0;}
    #ContainerCols .row .bl-livre .blocVisu { display: inline-block; width: 30%; vertical-align: middle; margin: 0;}
    #ContainerCols .row .bl-livre .blocVisu img {max-width: 100%!important;}
    #ContainerCols .row .bl-livre .blocTxt { display: inline-block; width: 68%; vertical-align: middle;}

    #ColContenu .contenu.visible-xs-block { margin-top: 10px; margin-bottom: 0;}
    #ColContenu .contenu.visible-xs-block h2 { border: none; }
    #ColContenu .contenu.visible-xs-block .title-toggle { font-size: 1.3em; line-height: 1.4em}
    #ColContenu .contenu.visible-xs-block .content-toggle { padding-top: 10px;}
    #ColContextuelle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0;}
    #ColContextuelle .contenu, #ColContextuelle #carte.contenu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:50%; float: none; display: inline-block; margin-bottom: 1.5em; padding: 0 10px;}
    #ColContextuelle #Present.contenu { margin-bottom: 1.5em;}
    #ColContextuelle div.wrap-carousel { width: 100%; background: #E0E2E2; border-radius: 5px; margin: 0;}
    #ColContextuelle div.scrollWrapper { margin:0; width: 100%; }
    #ColContextuelle div.wrap-carousel a.play, #ColContextuelle div.wrap-carousel a.pause { left: auto; right: 5px;}

    #ContainerCols.trois #ColContenu { padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    #ColA #laune p.tous a { right: 10px; }

    .two-bloc { background-position: center 0; }
    .two-bloc .bl-left, .two-bloc .bl-right { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .two-bloc .txtVisu .blocVisu { width: 100%!important;}
    .two-bloc .txtVisu .blocVisu img { max-width: 100%!important;}

    .bl-photo { width: 100%; }

    .glyphicon.clickable-title {display: block !important;float: left !important;color: darkgray;font-size: 1em !important; top: -3px !important;}
}

/*:: Screen largeur min 768px ::*/
/*******************************************************/
@media (min-width : 768px) and (max-width:991px) {
	.bandeauNotifications { padding:10px 0; }

    #ColA, #ContainerCols.trois #ColContenu { width: 70%; float: left }
    #ColContextuelle, #ContainerCols.trois #ColContextuelle { width: 30%; float: left; margin: 0; padding: 10px 0;}
    #ColContextuelle #AccesDirect.contenu #ouvrir-fermer-AccesDirect a { top: 15px; }

    #ColContextuelle .ad { display: inline-block; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px 5px;}
    #ColContextuelle .ad img { width: 100%; max-width: 208px; height: auto!important;}
    #ColContextuelle .contenu, #ColContextuelle #carte.contenu { width: 100%;}

    #navigationTab { position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}
    #navigationTab .menuSearch { display: inline-block; vertical-align: middle; width: 400px;}
    #ContainerCols { margin-top: 80px; }

    #ColA .row.une .cell iframe, #ColA .row.deux .cell iframe { height: 300px!important; }
    .left .blocVisu { text-align: left; }
    .actus .txtVisu {position: relative; min-height: 98px;}
    .actus .blocVisu {position: absolute; left: 0; top: 0;}
    .actus .blocTxt {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 125px; padding-right: 15px;}

    #ContainerCols.trois #ColContenu { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #ContainerCols .menu-drop { padding: 10px; margin: 0; }
    #ContainerCols #ColContenu .menu-drop { padding: 10px 0; }
}

@media (max-width : 767px) {
    .resp-tabs-container {
        background: none;
        margin-top: 20px;
        padding-bottom: 0;
    }
    .resp-tab-content{
        border: 1px solid #c1c1c1;
        border-top: none;
        padding: 10px;
    }

    #ColContextuelle .contenu#facebook { text-align: center; width: 100%; }
    #ColContextuelle .contenu#carte, #ColContextuelle .contenu#liste { width: 100%;}

    #carouselUne .carousel-caption p { display: none; }
    #carouselUne .carousel-caption p.title { display: block; }

    #ColContextuelle .title-toggle { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #E0E2E2!important; width: 100%!important; margin: 0!important; padding: 7px 5px 7px 10px!important; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #ColContextuelle .title-toggle .glyphicon { display:block; float: right; font-size: 0.8em; top: 6px; }
    #ColContextuelle .title-toggle .glyphicon.glyphicon-chevron-up { display: none; }
    #ColContextuelle .content-toggle { display: none; }
    #ColContextuelle .content-toggle .imageflow { height: 210px!important; }
}


/*:: Screen largeur max 480px ::*/
/*******************************************************/
@media (max-width : 480px) {
    #ColContextuelle #AccesDirect.contenu h2,
    #ColContextuelle #AccesCible.contenu h2,
    #ColContextuelle #block-thematiques.contenu h2,
    #ColContextuelle #block-profils.contenu h2, #ColContextuelle #Present.contenu h2,
    #ColContextuelle #Nuage.contenu h2, #ColContextuelle #carte.contenu h2,
    #ColContextuelle #autopromotion.contenu h2,
    #ColContextuelle #facebook.contenu h2,
    #ColContextuelle #thematique.contenu h2,
    #ContainerCols .cell h2,
    #ContainerCols .row .r-bloc h2,
    #ColContextuelle .contenu#liste h2,
    #ColContextuelle #carte.contenu h2,
    #ColContenu h2 { font-size: 1.3em!important; line-height: 1.4em; font-weight: normal!important;}

    #ColContextuelle .contenu#carte .inner { padding: 0;}
    #ContainerCols ul.lien-flech { margin-top: 5px;}
    #ColContextuelle { padding: 0 10px 20px 10px;;}
    #ColContextuelle .contenu, #ColContextuelle #carte.contenu { width:100%; float: none; margin: 0 0 10px;; padding: 0;}
    #ContainerCols #ColContenu .menu-drop { padding: 0 0 10px 0; margin: 0; }

    .actus { padding: 15px;}
    .left .blocVisu { float: none; width: 100%!important;}

    #PiedDePage.mobile ul.share li { width: 50%; float: left; }
    #PiedDePage.mobile ul.share li span.name { display: none; }

    .attribute-long .object-center img { max-width: 100%; max-height: 100%; }
    .attribute-long .object-duo .content-view-embed { width: 100%; padding: 0!important;}
    .attribute-long .object-duo { margin-bottom: 0;}

    .two-bloc { background: none; }
    .two-bloc .bl-left, .two-bloc .bl-right { float: none; width: 100%; padding: 0;}
    .two-bloc .bl-left { padding-bottom: 20px; }
    .two-bloc .txtVisu .blocVisu { width: 100%!important; text-align: center;}

    .attribute-long .object-right, .attribute-long .object-left, .right .blocVisu { float: none; text-align: center; margin: 0 0 10px;  width: 100%!important;}
    .topCenter .blocVisu img, .left .blocVisu img { max-width: 100%; height: auto;}

    #ColContenu .TV .blocVisu, #ColContenu .TV .blocTxt { width: 100%; margin: 0;}
    #ColContenu .resultat .detail { padding: 0;}

    #ColA #laune #slider .carousel-control { font-size: 21px; }
    #ColA #laune #slider .carousel-control .icon-prev,
    #ColA #laune #slider .carousel-control .icon-next,
    #ColA #laune #slider .carousel-control .glyphicon-chevron-left,
    #ColA #laune #slider .carousel-control .glyphicon-chevron-right { top: 50%; transform: translateY(-50%);}

    #ColA #laune #slider  .carousel-control .icon-prev,
    #ColA #laune #slider .carousel-control .glyphicon-chevron-left { margin-left: -20px; }
    #ColA #laune #slider  .carousel-control .icon-next,
    #ColA #laune #slider .carousel-control .glyphicon-chevron-right { margin-right: -20px; }

    #carouselDiaporama .carousel-inner > .item { height: 200px !important; }

    #ColContenu .headerContact { padding: 0;}
    #ColContenu .contact { padding: 0; }
    #ColContenu .contact .naturequestion,
    #ColContenu .contact .nature2 { margin: 0; padding: 10px}
    #ColContenu .contact .naturequestion select, #ColContenu .contact .nature2 select { width: 100%;}
    #ColContenu form p, #ColContenu form h2, #ColContenu form ol { padding: 10px;}
    #ColContenu div.formw { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #ColContenu .contact input.txt, #ColContenu .contact select, #ColContenu .contact textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #ColContenu .contact .g-recaptcha { padding: 0 10px;}
    #ColContenu .contact .g-recaptcha > div { width: 100%!important;}
    #ColContenu .contact .g-recaptcha iframe { width: 100%!important;}
    #ColContenu form input.button { margin-top: 20px; margin-right: 10px;}

    #ColContenu #faqSlider { margin-bottom: 30px;}
    #ColContenu .faq .set1, #ColContenu .faq .set2, #ColContenu .faq .set3 { float: none; width: 100%; }
    #ColContenu .faq .line label {width:92%;}

    #faqSlider .slider { padding-left: 0;}

    #sitemap, #sitemap ul { padding: 0;}
    #sitemap ul li ul li ul li { padding: 3px 0 3px 10px;}

    /*traitement fil d'ariane mobile */
    #fil_dariane_mobile {display: block;}
     #fil_dariane {display: none;}


}