/*Surcharge css Bootstrap*/
.container-fluid{
    margin: 0px;
    padding: 0px;
}

/***** Mennuu Mobile --------------------------------------------*/

/* ----------------  --------------------------*/  

/*--------------------Menuuuuuu ----------------------------------------------------------------*/
.nav_menu5{
    position: relative;
    z-index: -50;
    display: none;
    }



.div_menu6 {
    position:  absolute;
    top:0px;
    width: 100%;  
    /*background-color:#fff;*/  
    margin: 0 auto 0 auto;
    padding: 0;
    z-index: 20;
}


.div_menu6 .elem1{
   /* background-color:#ffffff;  */
    width: 100%;
    height: 30px; 
}

.div_menu6 .elem1 .item1{
    float: left;
    padding:5px 0px 0px 30px;
    max-width: 700px;
    height: 30px;
    color:#ffffff;  
}

.div_menu6 .elem1 .item1 .elem{
    float: left;
    height:20px;
}

.div_menu6 .elem1 .item1 .elem:nth-child(1){
    margin:0px 15px 0px 5px;
}

.div_menu6 .elem1 .item1 .elem:nth-child(2){
    margin:0px 15px 0px 0px;
}

.div_menu6 .elem1 .item1 .elem img
{
    margin-right: 5px;
}

.div_menu6 .elem1 .item1 .elem{
    display: inline-block;
    font-family: "Bebas Neue", sans-serif;
    font-size:1.2rem!important;
    color:#f7f7f7;
}

.div_menu6 .elem1 .item12 {
    float: right;
}

.div_menu6 .elem1 .item12 a{
    display: block;
    text-align: center;
    background-color: red;
    color: #000;
    width:115px;
    height: 30px;
    padding: 5px 0px 0px 0px;
    margin:0px 45px; 
    text-decoration: none;  
}

.div_menu6 .elem1 .item2 ,.div_menu6 .elem1 .item3{
float: right;
    margin:3px 5px 0px 10px;
    width: 25px;
    height: 25px;
}
/*----------------------------------------------------------------------------------------------*/

.div_menu6 .content{
    margin:0px auto;
}


.div_menu6 .content .elem2 {
    float: left;
    margin-left: 10px; 
    margin-right: 30px; 
    width: 120px;
    height: 120px;
}

.div_menu6 .content .elem3 #nav_menu6 {
    max-width: 1130px;
    margin: 0px auto;  
}

.div_menu6 .content .elem3 #nav_menu6 ul{
    margin:0px;
    padding: 0px;
    list-style-type: none;   
}

.div_menu6 .content .elem3 #nav_menu6 .ul_left{
    float: left;
    margin-top:30px;
}

.div_menu6 .content .elem3 #nav_menu6>  .ul_left> li{
    float: left;
    position: relative;
   /* background-color: #fff;*/
    padding:50px 18px; 
}

/*!!!Important!!!Evite au element ul de colapse*/
.div_menu6 .content .elem3 #nav_menu6 .ul_left::after{
    content: " ";
    display: block;
    clear:both;
}

.div_menu6  .menu_logo {
    float: right;
    width: 200px;
    height: 200px;
    transition: all .4s ease-in;
    margin: 20px 25px 20px 10px;
}

.div_menu6 .menu_logo a{
    text-decoration: none;
    color: #f7f7f7;
}

.div_menu6 .menu_logo .logo_img{
    border: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
}

.div_menu6 .content .elem3 #nav_menu6 .menu_logo {
    float: right;
    width: 200px;
    height: 200px;
    transition: all .4s ease-in;
}

.div_menu6 .content .elem3 #nav_menu6 .logo_img{
    border: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
}

.div_menu6 .content .elem3 #nav_menu6 .menu_logo_scroll{
    float: left;
    width: 140px!important;
    height: 140px!important;
    transition: all .4s ease-in;
}


.div_menu6 .content .elem3 #nav_menu6 a {
    text-decoration: none;
}


.div_menu6 .content .elem3 #nav_menu6> ul>  li> a{
    font-size-adjust: inherit;
    font-weight: bold;
    font-size: 18px!important;
    color: #f7f7f7!important;
    margin:0px;
   /* background-color: #fff;*/
    text-decoration: none!important; 
    text-transform: uppercase; 
    font-family: "https://fonts.google.com/specimen/Montserrat";

}

.div_menu6 .content .elem3 #nav_menu6> ul>  li{
}

.div_menu6 .content .elem3 #nav_menu6  ul  li a:hover{
    text-decoration: none!important; 
    /* color: #fff!important; background-color: #fac813;*/
    color: #DA183D!important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.div_menu6 .content .elem3 #nav_menu6 ul li ul{
    display: block;
}

.div_menu6 .content .elem3 #nav_menu6  ul li:hover ul{
    display: block;
    position: absolute;
    top:70px;
    left:0px;
    height:43px;
    z-index: 1000;
    padding: 0px;
}


.div_menu6 .content .elem3 #nav_menu6 ul li ul li a{
    display: block;
    text-align: center;
    background-color: red;
    color: #000;
    padding: 10px 15px 5px 15px;
    margin:0px; 
    text-decoration: none;  
}

.div_menu6 .content .elem3 #nav_menu6 ul li ul li a:hover{
    cursor: pointer;
    /*background-color: red;*/
    color: #fff!important;
}


#toogle_checked, .div_menu_toogle{
    display: none;
    }
 
  
/*PARTIE SOUS MENU*/
/*
.sub_menu_tp1{
    display: none;
    transition-duration: 0.8s;
   }*/


/*A partir de 1281 ou plus*/
/*
@media (min-width: 1281px ) {
    nav{
        width: 1050px;
    }

    .content{
        width: 1050px;
        }

    .footer_content{
        width: 960px;  
    }
}
*/
@media (max-width: 1500px) {
    .div_menu6 .content .elem3 #nav_menu6>  .ul_left> li{
        padding:50px 10px; 
    }

}
@media (max-width: 1350px) {
    .div_menu6 .content .elem3 #nav_menu6>  .ul_left> li{
        padding:50px 10px; 
    }

    .div_menu6 .content .elem3 #nav_menu6> ul>  li> a{
        font-size: 16px!important;
    }

}
@media (max-width: 1180px) {
    .div_menu6 .content .elem3 #nav_menu6>  .ul_left> li{
        padding:50px 9px; 
    }
    .div_menu6 .content .elem3 #nav_menu6> ul>  li> a{
        font-size: 15px!important;
    }
}
/*Bascule sur un autre type d'affichage du menu*/
@media (max-width: 1100px) {
    .div_menu6 {
        display: none;
    }
/*#######################  PARTIE MENU TOGGLE #####################################*/

.div_menu_toogle{
    position: absolute;
    display:block;
    top:0px;
    width: 100%;
    height: 180px;
    /* background-color: #ffffff;   */
    margin: 0px auto 0px auto;
    padding: 0px;
    z-index: 10;
}



.div_menu_toogle .elem1 {
    /* background-color:#ffffff;   */
    width: 100%;
    min-height: 30px;
    font-family:'BebasNeue';

}

.div_menu_toogle .elem1 .item1{
float: left;
padding:5px 0px 0px 30px;
max-width: 700px;
min-height: 30px;
color:#f7f7f7; 
}

.div_menu_toogle .elem1 .item1 .elem{
    float: left;
    height:20px;
}


.div_menu_toogle .elem1 .item1 .elem:nth-child(1){
    margin:0px 15px 0px 5px;
}

.div_menu_toogle .elem1 .item1  .elem:nth-child(2){
    margin:0px 15px 0px 5px;
 }
 
 .div_menu_toogle .elem1 .elem img{
    margin-right: 5px;
 }

 .div_menu_toogle .elem1 .elem {
    display: inline-block;
    font-family: "BebasNeue", sans-serif;
    font-size:1.2rem!important;
    color:#f7f7f7;
    white-space:nowrap;
 }

.menu_toogle .toogle_main{
        position: relative;
        width: 42px;
        height: 42px;
        margin:10px 20px 0 0;
        padding: 0;
        border-radius: 4px;
    }
   
.menu_toogle .toogle_main  .bar1{
        position: absolute;
        width: 30px;
        border-bottom:2px solid #f7f7f7;
        top:8px; 
        margin-left:4px; 
    }

.menu_toogle .toogle_main   .bar2{
        position: absolute;
        width: 30px;
        border-bottom:2px solid #f7f7f7;
        top:18px; 
        margin-left:4px; 
    }

.menu_toogle .toogle_main   .bar3{
        position: absolute;
        width: 30px;
        border-bottom:2px solid #f7f7f7;
        top:28px; 
        margin-left:4px; 
    }

.menu_toogle .menu_logo a{
    text-decoration: none;
    color: #f7f7f7;
}


.nav_menu5{
    display: block;
    position: absolute;
    top:150px;
    left: -130px;
    width: 130px;  
    height: 370px;
    z-index: 20;
    transition: all 0.9s;
    padding:0px;
    margin: 0px;
    }

.nav_menu5_active{
    left:0px;
    transition: all 0.9s; 
}
    
    
.nav_menu5 ul{
    padding: 0;
    list-style-type: none;
    
}

.nav_menu5 ul li a{
    display: block;
    font-family: "https://fonts.google.com/specimen/Montserrat";
    font-weight: bold;
    font-size: 14px!important;
    color: #828282;
    padding:20px 2px; 
    background-color: #ffffff;
    text-decoration: none!important;  
    border-top: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    text-align: center;
    text-transform: uppercase;
    line-height: 0.1rem;
}



.nav_menu5  ul  li a:hover{
    text-decoration: none!important;  
    /*background-color: #fac813;color: #fff!important;*/
    color:#2A8B97!important;
}

.nav_menu5  .toogle_logout a{
    border-bottom:1px solid #cccccc;
    background-color: red;
    color: #ffffff;
}

.nav_menu5 ul  li .logout{
    border:3px solid #ffffff!important;
    }

.nav_menu5  .toogle_logout a:hover{
    background-color: #ffffff;
    color: red!important;

    }

.nav_menu5 ul  li a:hover .logout{
    border:3px solid red!important;
    background-color: #ffffff;
    }

.nav_menu5 ul  li .logout2{
    border:2px solid red!important;
    background-color:#fff
    }


/*
.sub_menu{
    position: relative;
    float: right;
    cursor: pointer;

}
.sub_menu ul{
    display: none;
position: absolute;
top:100%;
z-index: 1000;
}
*/

.menu_toogle .label_toogle{
    display:block;
    position: absolute;
    left:60px;
    margin-top:30px;
    
}

.menu_toogle .elem{
    margin: 10px auto 0px auto;
    width:140px;
    height:140px;
}

.menu_toogle .elem img{
    border: 0px;
    width: 140px;
    height: 140px;
}

.menu_toogle .elem2{
    float: left;
    width: 250px;
    color:#ffffff;
}

.nav_menu5 ul {
    margin:0;
}

.nav_menu5 ul li {
    width: 100%;
}

.first_li_m{
    border-top:1px solid #cccccc;
}


.nav_menu5 .sub_menu ul li ,.nav_menu5 .sub_menu ul li a {
    width:160px;
}

.nav_menu5 .sub_menu{
    width:100%;
}

.label_submenu{
    width: 100%;
}

#toogle_checked2:checked ~ .div_menu_toogle , #toogle_checked2:checked ~ * .sub_menu   {
    display: block;
    padding-left:0em;
 } 

/*#toogle_submenu:checked ~ * .nav_menu5 .sub_menu ul{
display: block;
}*/


}

@media (min-width: 479px) and (max-width: 959px) {
    .div_menu6 .content .elem3 #nav_menu6> ul>  li> a{
        font-weight: 500;
        color: #fff!important; 
    }

}

@media (min-width: 0px) and (max-width: 480px) {
 
}