/*************************************************************/
/*         GESTION ORGANISATION ARTICLES / WIDGETS           */
/*************************************************************/
@media screen and (min-width:600px){
    .colAccueilArticleAGauche{
        display:inline-block; 
        padding-right:22px; 
        width:calc(100% - 335px) ;
    }

    .colAccueilArticleADroite{
        display:inline-block; 
        padding-left:30px; 
        width:calc(100% - 335px) ;
    }

    .colAccueilWidget{
        display:inline-block; 
        width:310px;
    }

    
}

@media screen and (min-width:1000px) {

    .DisplayWeb {
        display: none !important;
    }
}

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

    .colAccueilArticleAGauche,.colAccueilArticleADroite,.colAccueilWidget{
        display:block !important;
        width:100% !important;
    }
    .divContentBlock {
        display: inline-block !important;
    }

    .DisplayMobile {
        display: none !important;
    }
}


@media screen and (min-width:700px) {
    .widgetCoteACote{
        display:inline-block;
    }
}

@media screen and (max-width:700px){
    .widgetCoteACote{
        display:block;
        width:100% !important;
    }

 
}

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

    .vignetteArticleAccueil{
         display:block !important;
        width:100% !important;
    }
}


/*************************************************/
/*         GESTION AFFICHAGE DU SLIDER           */
/*************************************************/
@media screen and (max-width:850px) {
    .SliderText1_Tpl1, .SliderText2_Tpl1,.SliderText1_Tpl2, .SliderText2_Tpl2 ,.SliderText1_Tpl3, .SliderText2_Tpl3 ,
    .SliderText1_Tpl4, .SliderText2_Tpl4 ,.SliderText1_Tpl5, .SliderText2_Tpl5 ,.SliderText1_Tpl6, .SliderText2_Tpl6  {
        display: none;
    }
    .SliderImage{
        height:150px !important;
    }
}


@media screen and (max-width:500px) {
    .divSlider{
        display:none !important;
    }

    .BandeauSousSlider
    {
        display:none !important;
    }
}

@media screen and (max-width:1000px) {
    .SliderText1_Tpl7, .SliderText2_Tpl7 {
        display: none;
    }
}


/*************************************************/
/*            BANDEAU DE MENU                    */
/*************************************************/
@media screen and (max-width:500px) {
    .bandeGlobal{
        padding: 0px !important
    }
    #Menu > li, .btBandeauTop {
        width: 100% !important;
        margin: 0 0 5px 0 !important;
    }

    #divContainerMenu{
        margin-top: 0px !important;
    }

    .divBtActionMenuTpl2{
        float:none !important;
    }

    #Menu > li.MenuN1.k-item:not(.MenuAccueil){
        border-left:none !important;       
    }
}


@media screen and (max-width: 696px) {
    #MenuResponsive {
        width:80%;
        margin: 0 auto;
        border-radius:0px !important;
    }
    .bandeGlobal {
        padding: 0px !important
    }

     #MenuResponsive > li {
    border-radius:0px !important;
    }

    #MenuResponsive > li > div{
    left:0px !important;
    width:99% !important;
    }

    #MenuResponsive > li > div > ul{
    width:100% !important;
    }

    #MenuResponsive > li > div > ul > li{
    width:auto !important;
    }

    #MenuResponsive > li > div > ul > li > span{
    overflow:hidden;
    text-overflow:ellipsis;
    }

    #MenuResponsive .k-icon{
    display:none;
    }

    #MenuResponsive>li{
    padding:10px 0px;
    }

    #MenuResponsive>li:last-child{
        margin-right:0px !important;
    }

    #MenuResponsive .k-state-focused{
    box-shadow:none !important;
    /*background-color:*/
    }

    #imgLogo{
        display:none !important;
    }

    #imgLogoResponsive{
        display:block !important;
    }

    #divContainerMenu{
         display:none !important;
    }

    li.MenuN1{
        width:100% !important;
    }

    .notInMobile{
        display:none;
    }

    .dispositionArticle{
        display:inherit !important;
        padding-bottom:10px;
    }

    #divMenu{
        margin-top: -25px;
    }


    .dispositionArticleGauche{
        padding:0px 0px !important;
    }

    .tdArticleZone{
        padding:0px !important;
    }
}

@media screen and (min-width: 696px) {
    li.MenuN1{
        width:auto !important;
    }

    .notInMobile{
        display:block;
    }

    .dispositionArticle{
        display:flex !important;
        padding-bottom:inherit;
        padding-right:50px !important;
    }

    .dispositionArticleGauche{
        flex:1 !important;
    }

    .dispositionArticleDroite{
        flex:2 !important;
    }

     #divMenu{
        margin-top: 0px;
    }
}


#menuToggleResponsive {
    cursor: pointer;
}

#menuToggleResponsive span {
    display: block;
    width: 35px;
    height: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
}