/*-----Header---------------------------------------------------------------------------------------------*/
#logo {
  margin: 0.75em 0;}


#titlesite {
    font-family: "Niconne";
    font-size: 24px;
    /*color: #000000; */
    color: #633e35; 
    font-weight: bold;
    text-decoration: none;
   /* text-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 0px;*/
    line-height: 0.8;
}  

#sstitlesite {
    font-size: 14px;
    font-family: 'Josefin Slab';
    /*color: #292C2D;*/
    color: #75b726;
    font-weight: bold;
    text-decoration: none;
}  

.logo-header-img-reponsive {
    width:240px;
    padding: 10px;
}

.title_header_allpage {
    font-family: 'Josefin Slab';
    font-weight: bold;
    color: #FFFFFF;
}
/*-----FIN Header---------------------------------------------------------------------------------------*/



/*--section---------------------------------------------------------------------------------------------*/

.section-1 {
    background-color: #c4d2a2;
}

.for-bg-secton-2 {
  background-image: url('../images/bg-wow.png');
  background-repeat: no-repeat;
  background-position: right; 
  background-size: contain;
}


.for-bg-secton-3 {
  background-image: url('../images/bg-wow.png');
  background-repeat: no-repeat;
  background-position: left; 
  background-size: contain;
}
.section-2 {
    background: #f4f4e8;
}

.section-3 {
    background: #f4f4e8;
}

.section-3 h2 {
    color: #817565;
    font-size: 1.1rem; 
    font-style: italic;
    font-family: 'Roboto Regular', sans-serif !important;
}

/*--FIN section---------------------------------------------------------------------------------------------*/


/*--Image---------------------------------------------------------------------------------------------------*/
.img-panneau { 
  z-index:10;  
  position: relative;
  left: 50px;
  top:-70px;
}

.img-header-page {
   max-height: 250px;
   float: right; 
   border-radius: 10px;
}

.pictogramme_avantage {
    max-width: 80px;
} 

.pictogramme_nuage {
    max-width: 250px;
} 

.wp-post-image {
    width: 100%;
    height: 400px;
    height: auto;
    position: relative;
}
/*--FIn Image-----------------------------------------------------------------------------------------------*/

/*--Div---------------------------------------------------------------------------------------------------*/

.div-panneau {
    padding: 0;
    margin: 0px;
    height:20px;
}

.div-button-header-page {
  position: absolute;
  bottom: 10px;
  right: 10px;
 }
 
 .div-avantage {
    background-image: url('../images/bg-avantage.png');
    background-size: 100% 100px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
}

 .div-avantage-white  {
    background-image: url('../images/bg-avantage-white.png');
    background-size: 90% 90%;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
}


 .div-nuage-marron-clair  {
    background-image: url('../images/nuage-marron-clair.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 200px;
}

 .div-nuage-marron-fonce  {
    background-image: url('../images/nuage-marron-fonce.png');
    background-size: 100% 100px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
}

 /*--FIN Div---------------------------------------------------------------------------------------------------*/
  footer .nav ul {
      display:flex;
   }	
  footer .nav li {
      flex:1;
   }	
   
   .decale-moins-50 {
        top : -50px;
   }
    
   .decale-plus-50 {
        top : 50px ;
   }
   
   .display-none-sm {
        display: none; 
   }