@media (max-width: 1350px)
{
    #sousMenu_2
    {
        left: 0px!important;
    }
    #sousMenu_9
    {
        left: -117px!important;
    }
}
@media (max-width: 1199px)
{
    h1 {
        font-size: 60px;
    }
    #sousMenu_9 {
    left: -14px !important;
    }
    .notActive
    {
       pointer-events: none;
       cursor: default;
    }
    #main2
    {
        width: 100%;
    }
    #logo
    {
        left: 0px;
        width: 100%;
        text-align: center;
    }
    #nav1
    {
        width: 100%;
        text-align: left;
    }
    .menuOngletOver, .menuOnglet:hover {
        border-bottom: 0;
    }
    #responsive-main-nav-toggler
    {
        display: inline-block;
    }
    .mobile-nav-open
    {
        display: block!important;
    }
    .mobile-nav-cat-open
    {
      display: block !important;   
    }
    #menuContainer
    {
        display: block;
        width: 100%;
    }
    .menuOnglet
    {
        float: none;
        text-align: left;
        width: 208px;
        background-color: #fff;
        display: none;
        top: 38px;
        opacity: 0.97;
    }
    .menuOngletOver, .menuOnglet:hover
    {
        float: none;
        width: 208px;
        padding: 15px 14px 14px 14px;
        display: none;
        top: 38px;
    }
    .sousMenu, .sousMenuOver
    {
        position: relative !important;
        top: 14px !important;
        left: -14px !important;
    }
    .shadowHeader
    {
        width: 100%;
    }
    #home
    {
        height: auto;
        margin-bottom: -4px;
    }
    #news
    {
        width: 100%;
    }
    #newsBackground
    {
        width: 100%;
    }
    #zoneNouvellesTitre
    {
        left: 15px;
    }
    .nouvellesContainer
    {
        left: 115px;
        width: 88%;
    }
    #homeBannerContainer > img
    {
        width:100%;
    }
    #footer
    {
        width: 100%;
    }
    .shadowFooterHome
    {
        width: 100%;
        left: -15px;
        background: url('../images/homeSepFooter.jpg') no-repeat center top;
    }
    #sectionTitle
    {
        width: 100%;
    }
    #content3 {
        width: 705px;
    }
    .content3WithRightImg {
        width: 44% !important;
    }
    #footer div
    {
        margin: 0px 15px 15px 15px;
    }
}
@media (max-width: 999px)
{
    .sousMenuDate {
        color: #aaa !important;
    }
    #newsBackground
    {
        height: 65px;
    }
    .nouvellesContainer
    {
        width: 85%;
        height: 65px;
    }
    .nouvelleTitre
    {
        display: inline-block;
        width: 480px;
        vertical-align: top;
        margin-top: 2px;
        line-height: 21px;
    }
    .newsPlus span
    {
        top: 1px !important;
    }
    #sousMenu2
    {
        position: absolute;
        float: none;
        width: auto;
        z-index: 1001;
        margin-top: 0px;
        background-color: #3f3b3c;
        opacity: 0.98;
        display: none;
        margin-left: 4%;
        padding-bottom: 40px;
    }
    .sousMenu2:link, .sousMenu2:active, .sousMenu2:visited, .sousMenu2:hover
    {
        color: #fff;
    }
    .sousMenu2:hover
    {
        color: #554747;
    }
    #header-subsections-list
    {
        display: block;
    }
    h1 {
        font-size: 54px;
    }
    #sectionTitleBackground {
        height: 93px;
    }
    #sectionTitle
    {
        height: 73px;
    }
    #content3 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .content3Alone {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .content3WithRightImg {
        width: 52% !important;
    }
    #content3Images
    {
        margin-right: 30px;
        margin-top:85px;
    }
    #quoteText {
        font-size: 32px;
        line-height: 37px;
        margin-right: 150px;
    }
    #quoteVideoLink,#quoteName,#quoteDescription
    {
        margin-right: 150px;
    }
}
@media (max-width: 767px)
{
    #header {
        height: 130px;
    }
    #responsive-main-nav-toggler {
        top: 0px;
    }
    .menuOnglet,.menuOngletOver,.menuOnglet:hover {
        top: 10px;
    }
    #menu2a
    {
        top: 32px;
        left: auto;
        right: 0px;
        background-color: #fff;
        width: 208px;
        opacity: 0.97;
        padding-top: 15px;
        display: none;
    }
    #menu2b {
        top: 5px;
        left: auto;
        right: 0px;
        text-align: right;
        background-color: transparent;
        width: 100%;
        opacity: 0.97;
        /* padding-bottom: 12px; */
        /* display: none; */
        /* text-align: ; */
        margin-right: 15px;
    }
    #menu2b div
    {
        display: inline-block;
    }
    #menu2b span
    {
        display: none;
    }
    #menu2a a, #menu2b a
    {
        font-size: 14px;
        line-height: 14px;
        padding-left:14px;
        margin-bottom: 0px;
    }
    #menu2b a
    {
        margin-top: 0px;
    }
    .openNewsBtnView
    {
        display: block;
    }
    #openNews
    {
        margin-top: 27px;
        margin-bottom: 0px!important;
    }
    .nouvellesContainer 
    {
        width: 76%;
    }
    #newsBackground
    {
        height: 87px;
    }
    .nouvelleTitre
    {
        width: 330px;
    }
    #homeAlertBannerContainer
    {
        height: 65px;
        background: url('../images/background-link-video-promo.jpg') repeat-y center top;
    }
    .fourReasons
    {
        top: 9px;
        width: 100%;
    }
    .fourReasons a {
        line-height: 22px;
        width: 470px;
        display: inline-block;
    }
    #contentHeader
    {
        height: 290px;
    }
    h1 {
        font-size: 32px;
    }
    #sectionTitleBackground {
        height: 71px;
    }
    #sectionTitle {
        height: 45px;
    }
    .content3WithRightImg {
        width: 92% !important;
    }
    #content3 > p > img {
        height: auto !important;
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }
    #content3Images {
        margin-left: 4%;
        margin-top: 40px;
    }
    #quoteText {
        font-size: 23px;
        line-height: 27px;
        margin-right: 0;
        margin-top: 70px;
    }
    #quotePhoto
    {
        right: 0px;
    }
    #quotePhoto img
    {
        width:170px;
    }
    #intranetLogOut i
    {
        right: 5px;
        top: 5px;
    }
    #intranetLogOut i span {
        display: none;
    }
    #footer img
    {
        width: 35px;
    }
    .content3Alone {
        padding-right: 20px!important;
        padding-left: 20px!important;
    }
    #content3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    #productsGrid {
        grid-template-columns: 1fr 1fr;
        column-gap: 45px;
        row-gap: 60px;
    }
}
@media (max-width: 479px)
{
    #header
    {
        height: 95px;
    }
    #logo
    {
        top: 15px;
    }
    #logo img {
        height: 40px;
    }
    #responsive-main-nav-toggler2
    {
        display: none;
    }
    #nav1
    {
        padding-top: 65px;
    }
    #menu2a.mobile-nav-open,#menu2b.mobile-nav-open
    {
        display: none!important;
    }
    #menu2a.mobile-nav2-open,#menu2b.mobile-nav2-open
    {
        display: block!important;
    }
    #menu2a
    {
        top: 30px;
        left: 0;
        width: 100%;
        z-index: 2;
    }
    #menu2b {
        top: 4px;
        left: auto;
        width: 100%;
    }
    .menuOnglet, .menuOngletOver, .menuOnglet:hover {
        top: 7px;
    }
    .menuOnglet,.menuOnglet:hover,.menuOngletOver,.sousMenu,.sousMenuOver
    {
        width: 90%;
        padding: 15px 5% 22px 5%;
    }
    #contentHeader
    {
        height: 250px;
    }
    #homeBannerContainer
    {
        height: 475px;
    }
    #newsBackground
    {
        height: 130px;
    }
    .nouvellesContainer {
        width: 95%;
        left: 15px;
        top: 20px;
    }
    .nouvelleTitre
    {
        width: 270px;
    }
    .bx-viewport
    {

        height: 110px !important;
    }
    .fourReasons a
    {
        width: 310px;
    }
    h1 {
        font-size: 33px;
    }
    #sectionTitleBackground {
        height: 100%;
    }
    #sectionTitle {
        height: auto;
    }
    #quote
    {
        text-align: left;
    }
    #quoteVideoLink, #quoteName, #quoteDescription {
        margin-right: 0;
        text-align: left;
        margin-left: 2%;
    }
    #quoteVideoLink, #quoteName, #quoteDescription {
        margin-right: 0;
    }
    #quoteVideoLink img
    {
        width:60%;
    }
    #quoteText {
        font-size: 17px;
        line-height: 22px;
        margin-top: 74px;
        text-align: center;
    }
    #quoteName {
        font-size: 18px;
    }
    #quoteDescription
    {
        width: 50%;
    }
    .loginCadre
    {
        margin-left: 4%;
        width: 92%;
        margin-right: 4%;
    }
    h2 {
        font-size: 22px;
        line-height: 26px;
    }
    #intranetLoginIntro, .intranetLoginFormLabel
    {
        font-size: 16px;
        line-height: 20px;
    }
    .courrielForm
    {
        width: 155px!important;
    }
    .boutonFormulaire
    {
        width: 177px!important;
        padding: 6px 0;
    }
    #footer img
    {
        margin: 0px 10px 0px 10px;
    }
    #footer2
    {
        line-height: 20px;
    }
    .fancybox-wrap
    {
        width: 100%!important;
        left: 0px!important;
    }
    .fancybox-news
    {
        top:40px!important;
    }
    .fancybox-skin
    {
        padding: 0px!important;
    }
    .fancybox-inner
    {
        width: 100%!important;
    }
    .fancybox-close2
    {
        top:0px!important;
        right: 0px!important;
    }
    .fourReasons a {
        font-size: 15px;
    }
    .footer-home #footer-icons {
        position: relative;
        left: -100px;
    }
    #faitesundon {
        text-align: center;
    }
    .content3Alone {
        padding-right:15px!important;
        padding-left: 15px!important;
    }
    #content3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    #productsGrid {
        grid-template-columns: 1fr;
    }
    .fancybox-inner .fancybox-image {
        width: auto!important;
        display: inline-block!important;
    }
    .fancybox-prev4 {
        left: -15px!important;
    }
    .fancybox-next4 {
        right: 0px!important;
    }
    .fancybox-outer, .fancybox-inner {
        height: 230px!important;
        text-align: center!important;
    }
    .fancybox-close4 {
        right: 0px!important;
    }
}
@media (max-height: 640px)
{
    .fancybox-news
    {
        top:40px!important;
    }
    .fancybox-news .fancybox-nav {
        top: -45px!important;
    }
}