@media (min-width: 1290px) {
    .wrap {
        width: 1040px; }    

    .tabs__item {
        display: table-cell;
        width: 18%;
    }
      
    .nav li a {
      border-bottom: 0;
      font-size: 16px;
   }
   
   .secondary-nav li a {
        text-decoration: none !important;
        display : inherit;
      font-size: inherit;
   }
}

@media (min-width: 1040px) and (max-width: 1290px) {
    
    .wrap {
        width: 1024px; 
    }    

    .tabs__item {
        display: table-cell;
        width: 18%;
    }
      
    .nav li a {
      border-bottom: 0;
      font-size: 14px;
   }
   
   .secondary-nav li a {
        text-decoration: none !important;
        display : inherit;
      font-size: inherit;
   }

}

@media (min-width: 1024px) and (max-width: 1040px) {
    .wrap {
        width: 1000px; }    

    .tabs__item {
        display: table-cell;
        width: 18%;
    }
      
    .nav li a {
      border-bottom: 0;
      font-size: 14px;
   }	

      .secondary-nav li a {
        text-decoration: none !important;
        display : inherit;
      font-size: inherit;
   }
   
}

@media (min-width: 767px) and (max-width: 1024px) {
    .wrap {
        width: 760px; }    

    .tabs__item {
        display: table-cell;
        width: 18%;
    }
      
    .nav li a {
      border-bottom: 0;
      font-size: 12px;
   }	

    .secondary-nav li a {
      text-decoration: none !important;
      display : inherit;
      font-size: inherit;
   }
   
    .pictogramme_nuage {
        max-width: 200px;
    } 

}



@media(min-width: 768px) and (max-width: 992px) {
    .title_header_page {
        font-size: 1.5em;
    }
    
    .texte_header_accueil {
        font-size: initial;
    }
    .div-image-Bouton-header {
        max-width: 150px;
    }
    .img-panneau {
        top: -50px;
    }
     
    decale-moins-50 {
        top : 0px;
    }
    
    .decale-plus-50 {
        top : 0px;
    }
}




@media(min-width: 768px) {
    
    .label-menu {
        display: none;
    }
    
    .nav {}
    
    .nav ul {
        background: #f4f4e8;
        margin-top: 0; 
    }
    
    .nav li {
        float: left;
        position: relative;
    }
  
    .nav li a:hover, .nav li a:focus {
        color: black;
        text-decoration: underline; 
    }
    .nav li ul.sub-menu,
    .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
    }
    
    .nav li ul.sub-menu li,
    .nav li ul.children li {}
    
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
        padding-left: 10px;
        border-right: 0;
        display: block;
        font-size: 14px;
        border-bottom: 1px solid #ccc; 
    }
    
    .nav li ul.sub-menu li:last-child a,
    .nav li ul.children li:last-child a {
        border-bottom: 0; 
    }
    
    .nav li ul.sub-menu li ul,
    .nav li ul.children li ul {
        top: 0;
        left: 100%; 
    }
    
    .nav li:hover > ul {
        top: auto;
        visibility: visible;
    }
    
    .secondary-nav {
        margin: 0;
        border-top: 0px !important; 
    }

    .secondary-nav li {
        float: right;
        position: inherit; 
    }

    .secondary-nav li a :hover{
        text-decoration: none !important;
        display : inherit;
    }

    /*Header div nom et tel*/
    #nom-tel {
        text-align: right;
        white-space: nowrap
    }
    
    #div-logo {
        text-align: left;
    }
}
    
@media(max-width:480px){
    .label-menu {
        display: block;
        padding: 10px;
        background-color: #BADA55;
        border-radius: 10px;
    }
    .nav li a {
        padding: 0.5em;
        font-size: 0.7em;
    }
    
    .img-panneau {
        top: initial;
        left: initial;
    }
    
    .img-header-page {
         max-height: none; 
         float: initial; 
    } 
    .div-panneau {
        height: 60px;
    }
    
    .div-avantage {
        background-image: url('../images/bg-avantage-500.png');
        background-size: 100% 200px;
        background-repeat: no-repeat;
        width: 100%;
        height: 200px;
    }
 
    .div-avantage-white  {
        background-image: url('../images/bg-avantage-white-500.png');
        background-size: 100% 200px;
        background-repeat: no-repeat;
        width: 100%;
        height: 200px;
    }
    
    .pictogramme_avantage {
        max-width: 40px;
    } 
    
    .pictogramme_nuage {
        max-width: 100px;
    } 
    
    .decale-moins-50 {
        top : 0px;
    }
    
    .decale-plus-50 {
        top : 0px ;
    }
       
    .display-none-sm {
        display: inherit; 
   }
   
       
    .for-bg-secton-2 {
        background-image: none !important;
      }
      
    .for-bg-secton-3 {
        background-image: none !important;
        
    }
    .rs-image {
    float: left;
    position: absolute;
    bottom: 10px;
}
    
.rs-ensavoirplus {
    float:right;
}
}

@media(min-width:480px) and (max-width: 767px) {
    
  
    .label-menu {
        display: none;
    }
    
    .nav {
        width: 100%;}
    
    .nav ul {
        background: #f4f4e8;
        margin-top: 0; 
        width: 100%;
    }
    
    .nav li {
        /*float: left;*/
        position: relative;
        display: block;
        width: 100%;
    }
  
    .nav li a:hover, .nav li a:focus {
        color: black;
        text-decoration: underline; 
    }
    .nav li ul.sub-menu,
    .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
    }
    
    .nav li ul.sub-menu li,
    .nav li ul.children li {}
    
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
        
        background-color: #dddddd;
        padding-left: 10px;
        border-right: 0;
        display: block;
        font-size: 14px;
        border-bottom: 1px solid #ccc; 
    }
    
    .nav li ul.sub-menu li:last-child a,
    .nav li ul.children li:last-child a {
        border-bottom: 0; 
    }
    
    .nav li ul.sub-menu li ul,
    .nav li ul.children li ul {
        top: 0;
        left: 100%; 
    }
    
    .nav li:hover > ul {
        position: relative;
        visibility: visible;
    }
     
   .wp-block-columns {
    display: block;
    }
        
    /*Header div nom et tel*/
    #nom-tel {
        text-align: center;
        white-space: nowrap
    }
    
    #div-logo {
        text-align: center;
    }
           .title_header_page {
        font-size: 1.5em;
    }
    
    .texte_header_accueil {
        font-size: initial;
    }
    
    .div-image-Bouton-header {
        max-width: 150px;
    }

    .img-panneau {
        top: initial;
        left: initial;
    }
    
    .img-header-page {
         max-height: none; 
         float: initial; 
    } 
    .div-panneau {
        height: 60px;
    }
    
    .for-bg-secton-2 {
        background-image: none !important;
      }
      
    .for-bg-secton-3 {
        background-image: none !important;
        
    }
      
   .div-avantage {
        background-image: url('../images/bg-avantage-500.png');
        background-size: 100% 150px;
        background-repeat: no-repeat;
        width: 100%;
        height: 150px;
    }
 
    .div-avantage-white {
        background-image: url(../images/bg-avantage-white-500.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 180px;
        font-size: 0.9em;
    }
    
    .pictogramme_nuage{
        max-width: 120px;
    } 
    
    .decale-moins-50 {
        top : 0px;
    }
    
    .decale-plus-50 {
        top : 0px ;
    }
    
    .display-none-sm {
        display: inherit; 
   }
}