/*  CSS  commun  */
												
	   // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 1000

.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}   

p {font-family: "Roboto Flex", sans-serif;font-size:20px;color:#5b5b5b;font-weight:light;line-height:24px;}

li {font-family: "Roboto Flex", sans-serif;font-size:18px;font-weight:200; }
      
  
       								

    
    		                               /*  CSS  cell  */
                                           
@media (min-width:198px) and (max-width:767.99px){ 
 
.cell {display:block; }  
.laptop {display:none; }  
.desk {display:none; }             
   .contenu {padding-left:15px;background-image:url('background-cell.png');background-repeat:no-repeat; background-position:left bottom;}	
   
   .contenu-pierre {width:95%;margin-left:15px;background-image:url('background-cell.png');background-repeat:no-repeat; background-position:left bottom;}	

   .contenu-site{width:95%;padding:10px;background-image:url('background-cell.png');background-repeat:no-repeat; background-position:left bottom;}	

.texte-pierre {margin-left:0px;margin-right:0px; }

 

 p.en-collaboration {font-family: "Roboto Flex", sans-serif;font-size:16px;color:#5b5b5b;font-weight:light;line-height:24px;}  

  .theme-title {font-family: "Roboto Flex", sans-serif;font-size:43px;color:black;padding-top:46px;font-weight:300;letter-spacing:2px;}
  
.theme2cell {width:100%;text-align:center;background-image:url('images/theme-background-2cell.jpg');background-repeat:repeat-x;height:71px;margin-top:30px;margin-bottom:0px;}  	
.theme-pierre {width:100%;text-align:center;background-image:url('images/theme-background-2cell-plus.jpg');background-repeat:repeat-x;height:201px;margin-top:20px;margin-bottom:15px;} 
.theme-produits {width:100%;text-align:center;background-image:url('images/theme-background-produits.jpg');background-repeat:repeat-x;height:201px;margin-top:20px;margin-bottom:15px;} 


.theme2 {width:100%;text-align:center;background-image:url('images/theme-background.jpg');background-repeat:repeat-x;height:146px;margin-top:30px;margin-bottom:40px;}  

.theme-title2 {font-family: "Roboto Flex", sans-serif;font-size:30px;color:black;font-weight:200;margin-top:-29px;letter-spacing:1px;}
.theme-title2-pierre {font-family: "Roboto Flex", sans-serif;font-size:26px;color:black;font-weight:200;margin-top:-29px;letter-spacing:1px;}

.contenu {max-width:767px;margin:auto; }

.sur-titre {font-family: "Roboto Flex", sans-serif;font-size:26px;color:#292929;padding-top:40px; font-weight:450;margin-bottom:-10px;}
.sur-titre2 {font-family: "Roboto Flex", sans-serif;font-size:26px;color:#292929; font-weight:450; margin-top:-10px;}

.rose-vents {width:90%;height:90%;margin-left:20px;} 
.vertus-texte {width:90%;margin-left:15px; }

.hr-clear-15-35 {clear:both;line-height:15px;}


// MENU //
.menu {width:100%;padding-left:auto;padding-right:auto;}
.menu-line {width:315px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:20px; }

  .accueil {
	float:left;margin-right:25px;margin-top:30px;margin-bottom:30px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-accueil.png") no-repeat;
        margin: ;
    }
    .accueil:hover {
        background: url("images/bouton-accueil-hover.png") no-repeat;
    }
	  .produits {
		float:left;margin-right:25px;margin-top:30px;margin-bottom:30px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-produits.png") no-repeat;
        margin: ;
    }
    .produits:hover {
        background: url("images/bouton-produits-hover.png") no-repeat;
    }
	
		  .vertus {
	 	float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-vertus.png") no-repeat;
        margin: ;
    }
    .vertus:hover {
        background: url("images/bouton-vertus-hover.png") no-repeat;
    }
	.pierre {
	  float:left;margin-right:25px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-la-pierre.png") no-repeat;
        margin: ;
    }
    .pierre:hover {
        background: url("images/bouton-la-pierre-hover.png") no-repeat;
    }
	
	.site {
	  float:left;margin-right:25px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-le-site.png") no-repeat;
        margin: ;
    }
    .site:hover {
        background: url("images/bouton-le-site-hover.png") no-repeat;
    }
	.contact {
	  float:left;
        width: 85px;
        height: 85px;
        background: url("images/bouton-contacts.png") no-repeat;
        margin: ;
    }
    .contact:hover {
        background: url("images/bouton-contacts-hover.png") no-repeat;
    }
    // fin menu cell//  
    
    .menu-line {width:315px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:20px; }

    /*   menu cell EN begins    */
 
  .home {
	float:left;margin-right:25px;margin-top:30px;margin-bottom:30px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-accueil-en.png") no-repeat;
        margin: ;
    }
    .home:hover {
         background: url("images/bouton-accueil-en-hover.png") no-repeat;
    }
	  .products {
		float:left;margin-right:25px;margin-top:30px;margin-bottom:30px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-produits-en.png") no-repeat;
        margin: ;
    }
    .products:hover {
          background: url("images/bouton-produits-en-hover.png") no-repeat;
    }
	
		  .virtues {
	 	float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 85px;
        height: 85px;
         background: url("images/bouton-virtues-en.png") no-repeat;
        margin: ;
    }
    .virtues:hover {
        background: url("images/bouton-virtues-en-hover.png") no-repeat;
    }
	.stone {
	  float:left;margin-right:25px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-stone-en.png") no-repeat;
        margin: ;
    }
    .stone:hover {
        background: url("images/bouton-stone-en-hover.png") no-repeat;
    }
	
	.the-site {
	  float:left;margin-right:25px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-site-en.png") no-repeat;
        margin: ;
    }
    .the-site:hover {
        background: url("images/bouton-site-en-hover.png") no-repeat;
    }
	.contact-us {
	  float:left;
        width: 85px;
        height: 85px;
      background: url("images/bouton-contact-en.png") no-repeat;
        margin: ;
    }
    .contact-us:hover {
       background: url("images/bouton-contact-en-hover.png") no-repeat;
    }
    // fin menu cell ete EN top//  
    
    // ==========================DÉBUT MENU PIED CELL=================================  //
     .menu-pied {width:100%;}
     


  .accueil-pied {
	float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-accueil-pied.png") no-repeat;
        margin: ;
    }
    .accueil-pied:hover {
        background: url("images/bouton-accueil-hover-pied.png") no-repeat; 
    }
	  .produits-pied {
		float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-produits-pied.png") no-repeat;
        margin: ;
    }
    .produits-pied:hover {
        background: url("images/bouton-produits-hover-pied.png") no-repeat;
    }
	
		  .vertus-pied {
	 	float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-vertus-pied.png") no-repeat;
        margin: ;
    }
    .vertus-pied:hover {
        background: url("images/bouton-vertus-hover-pied.png") no-repeat;
    }
	.pierre-pied {
	  float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-la-pierre-pied.png") no-repeat;
        margin: ;
    }
    .pierre-pied:hover {
        background: url("images/bouton-la-pierre-hover-pied.png") no-repeat;
    }
	
	.site-pied {
	  float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-le-site-pied.png") no-repeat;
        margin: ;
    }
    .site-pied:hover {
        background: url("images/bouton-le-site-hover-pied.png") no-repeat;
    }
	.contact-pied {
	  float:left;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-contacts-pied.png") no-repeat;
        margin: ;
    }
    .contact-pied:hover {
        background: url("images/bouton-contacts-hover-pied.png") no-repeat;
    }
    
    /*  menu cell pied EN begins    */
    .home-pied {
	float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
  background: url("images/bouton-pied-home.png") no-repeat;
        margin: ;
    }
    .home-pied:hover {
      background: url("images/bouton-pied-home-hover.png") no-repeat; 
    }
	  .products-pied {
		float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-pied-products.png") no-repeat;
        margin: ;
    }
    .products-pied:hover {
        background: url("images/bouton-pied-products-hover.png") no-repeat;
    }
	
		  .virtues-pied {
	 	float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-pied-virtues.png") no-repeat;
        margin: ;
    }
    .virtues-pied:hover {
           background: url("images/bouton-pied-virtues-hover.png") no-repeat;
    }
	.stone-pied {
	  float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
         background: url("images/bouton-pied-stone.png") no-repeat;
        margin: ;
    }
    .stone-pied:hover {
         background: url("images/bouton-pied-stone-hover.png") no-repeat;
    }
	
	.the-site-pied {
	  float:left;margin-right:0px;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-pied-the-site.png") no-repeat;
        margin: ;
    }
    .the-site-pied:hover {
        background: url("images/bouton-pied-the-site-hover.png") no-repeat;
    }
	.contact-us-pied {
	  float:left;margin-top:30px;margin-bottom:30px;
        width: 57px;
        height: 57px;
        background: url("images/bouton-pied-contact-us.png") no-repeat;
        margin: ;
    }
    .contact-us-pied:hover {
        background: url("images/bouton-pied-contact-us-hover.png") no-repeat;
    }
    
    /*   EN ends  */
    // fin menu cell pied//    
 
}            
            
                                      		/* ========================= CSS laptop=======================   */
@media (min-width:768px) and (max-width:1024px) { 
                        
.cell {display:none; }  
.laptop {display:block; }  
.desk {display:none; }  

.theme2cell {width:100%;text-align:center;background-image:url('images/theme-background-2cell.jpg');background-repeat:repeat-x;height:71px;margin-top:20px;margin-bottom:15px;}  
	

.theme2 {width:100%;text-align:center;background-image:url('images/theme-background.jpg');background-repeat:repeat-x;height:146px;margin-top:30px;margin-bottom:40px;}
.theme-pierre {width:100%;text-align:center;background-image:url('images/theme-background.jpg');background-repeat:repeat-x;height:146px;margin-top:30px;margin-bottom:40px;}

.contenu-accueil {width:600px;margin:auto; }
.contenu-accueilXXXX {background-image:url('background-accueil-400.png');background-repeat:no-repeat; background-position:left bottom;}	

.contenu {padding-left:35px;background-image:url('background-laptop.png');background-repeat:no-repeat; background-position:left bottom;}	
p.en-collaboration {font-family: "Roboto Flex", sans-serif;font-size:20px;color:#5b5b5b;font-weight:light;line-height:24px;}	

.contenu-produits {width:1024px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	

.contenu-site {width:954px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}

.contenu-vertus {width:1024px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	
.contenu-pierre {width:910px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	
.texte-pierre {margin-left:50px;margin-right:50px; }


.hr-clear-15-35 {clear:both;line-height:35px;}

.vertus-texte {width:545px;float:left; }

.sur-titre {font-family: "Roboto Flex", sans-serif;font-size:26px;color:#292929;padding-top:40px; font-weight:450;margin-bottom:-10px;}
.sur-titre2 {font-family: "Roboto Flex", sans-serif;font-size:26px;color:#292929; font-weight:450; margin-top:-10px;}
.rose-vents {float:left;margin-right:14px;margin-left:40px;}

                      
// MENU //
.menu {width:1023.99px;margin-left:auto;margin-right:auto;}
.menu-line {margin-top:30px;margin-bottom:20px; }

  .accueil {
	float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-accueil.png") no-repeat;
        margin: ;
    }
    .accueil:hover {
        background: url("images/bouton-accueil-hover.png") no-repeat;
    }
	  .produits {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-produits.png") no-repeat;
        margin: ;
    }
    .produits:hover {
        background: url("images/bouton-produits-hover.png") no-repeat;
    }
	
		  .vertus {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-vertus.png") no-repeat;
        margin: ;
    }
    .vertus:hover {
        background: url("images/bouton-vertus-hover.png") no-repeat;
    }
	.pierre {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-la-pierre.png") no-repeat;
        margin: ;
    }
    .pierre:hover {
        background: url("images/bouton-la-pierre-hover.png") no-repeat;
    }
	
	.site {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-le-site.png") no-repeat;
        margin: ;
    }
    .site:hover {
        background: url("images/bouton-le-site-hover.png") no-repeat;
    }
	.contact {
	  float:left;
        width: 85px;
        height: 85px;
        background: url("images/bouton-contacts.png") no-repeat;
        margin: ;
    }
    .contact:hover {
        background: url("images/bouton-contacts-hover.png") no-repeat;
    }
   /* fin menu LAPTOP FR   */  
    
    /*   menu laptop EN begins   */ 
   .home {
	float:left;margin-right:29px;
        width: 85px;
        height: 85px;
          background: url("images/bouton-accueil-en.png") no-repeat;
        margin: ;
    }
    .home:hover {
        background: url("images/bouton-accueil-en-hover.png") no-repeat;
    }
	  .products {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-produits-en.png") no-repeat;
        margin: ;
    }
    .products:hover {
        background: url("images/bouton-produits-en-hover.png") no-repeat;
    }
	
		  .virtues {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-virtues-en.png") no-repeat;
        margin: ;
    }
    .virtues:hover {
        background: url("images/bouton-virtues-en-hover.png") no-repeat;
    }
	.stone  {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-stone-en.png") no-repeat;
        margin: ;
    }
    .stone:hover {
        background: url("images/bouton-stone-en-hover.png") no-repeat;
    }
	
	.the-site {
	  float:left;margin-right:29px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-site-en.png") no-repeat;
        margin: ;
    }
    .the-site:hover {
        background: url("images/bouton-site-en-hover.png") no-repeat;
    }
	.contact-us {
	  float:left;
        width: 85px;
        height: 85px;
      background: url("images/bouton-contact-en.png") no-repeat;
        margin: ;
    }
    .contact-us:hover {
        background: url("images/bouton-contact-en-hover.png") no-repeat;
    }   
    
        /*   menu laptop EN ends */ 
    
    .menu-pied {width:700px;margin-left:auto;margin-right:auto; }

  .accueil-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-accueil-pied.png") no-repeat;
    }
    .accueil-pied:hover {
        background: url("images/bouton-accueil-hover-pied.png") no-repeat; 
    }
	  .produits-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-produits-pied.png") no-repeat;
    }
    .produits-pied:hover {
        background: url("images/bouton-produits-hover-pied.png") no-repeat;
    }
	.vertus-pied {
	 	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-vertus-pied.png") no-repeat;
        margin: ;
    }
    .vertus-pied:hover {
        background: url("images/bouton-vertus-hover-pied.png") no-repeat;
    }
	.pierre-pied {
	  margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-la-pierre-pied.png") no-repeat;
        margin: ;
    }
    .pierre-pied:hover {
        background: url("images/bouton-la-pierre-hover-pied.png") no-repeat;
    }
	
	.site-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-le-site-pied.png") no-repeat;
        margin: ;
    }
    .site-pied:hover {
        background: url("images/bouton-le-site-hover-pied.png") no-repeat;
    }
	.contact-pied {
	 margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-contacts-pied.png") no-repeat;
        margin: ;
    }
    .contact-pied:hover {
        background: url("images/bouton-contacts-hover-pied.png") no-repeat;
    }
    
    /*  Menu laptop pied EN begins   */
     .home-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-home.png") no-repeat;
    }
    .home-pied:hover {
        background: url("images/bouton-pied-home-hover.png") no-repeat; 
    }
	  .products-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-products.png") no-repeat;
    }
    .products-pied:hover {
        background: url("images/bouton-pied-products-hover.png") no-repeat;
    }
	.virtues-pied {
	 	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-virtues.png") no-repeat;
        margin: ;
    }
    .virtues-pied:hover {
        background: url("images/bouton-pied-virtues-hover.png") no-repeat;
    }
	.stone-pied {
	  margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-stone.png") no-repeat;
        margin: ;
    }
    .stone-pied:hover {
        background: url("images/bouton-pied-stone-hover.png") no-repeat;
    }
	
	.the-site-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-the-site.png") no-repeat;
        margin: ;
    }
    .the-site-pied:hover {
        background: url("images/bouton-pied-the-site-hover.png") no-repeat;
    }
	.contact-us-pied {
	 margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-contact-us.png") no-repeat;
        margin: ;
    }
    .contact-us-pied:hover {
        background: url("images/bouton-pied-contact-us-hover.png") no-repeat;
    }
    
    /*  ends   */
   

.theme-title {font-family: "Roboto Flex", sans-serif;font-size:43px;color:black;padding-top:46px;font-weight:300;letter-spacing:2px;}
.theme-title2 {font-family: "Roboto Flex", sans-serif;font-size:30px;color:black;font-weight:200;margin-top:-29px;letter-spacing:1px;}
.theme-title2-pierre {font-family: "Roboto Flex", sans-serif;font-size:30px;color:black;font-weight:200;margin-top:-29px;letter-spacing:1px;}

.contenu {width:950px;margin:auto; }


.rose-vents {float:left;margin-right:14px;} 
    
 
                        
 }                       
                                     		/*  CSS  desktop */
                                            
@media (min-width:1025px) {


.cell {display:none; }  
.laptop {display:none; }  
.desk {display:block; }  
                                        
p.en-collaboration {font-family: "Roboto Flex", sans-serif;font-size:20px;color:#5b5b5b;font-weight:light;line-height:24px;}

.theme2cell {width:100%;text-align:center;background-image:url('images/theme-background-2cell.jpg');background-repeat:repeat-x;height:71px;margin-top:20px;margin-bottom:15px;}  
.theme2 {width:100%;text-align:center;background-image:url('images/theme-background.jpg');background-repeat:repeat-x;height:146px;margin-top:30px;margin-bottom:40px;}

.theme-pierre {width:100%;text-align:center;background-image:url('images/theme-background.jpg');background-repeat:repeat-x;height:146px;margin-top:30px;margin-bottom:40px;}



.menu {width:1060px;margin-left:auto;margin-right:auto;}
.menu-line {margin-top:30px;margin-bottom:20px; }
.menu-marge {float:left;margin-right:40.8px; }
.menu-marge-last {float:left; }
    .accueil {
	float:left;margin-right:40px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-accueil.png") no-repeat;
        margin: ;
    }
    .accueil:hover {
        background: url("images/bouton-accueil-hover.png") no-repeat;
    }
	  .produits {
	  float:left;margin-right:40px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-produits.png") no-repeat;
        margin: ;
    }
    .produits:hover {
        background: url("images/bouton-produits-hover.png") no-repeat;
    }
	
		  .vertus {
	  float:left;margin-right:40px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-vertus.png") no-repeat;
        margin: ;
    }
    .vertus:hover {
        background: url("images/bouton-vertus-hover.png") no-repeat;
    }
	.pierre {
	  float:left;margin-right:40.8px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-la-pierre.png") no-repeat;
        margin: ;
    }
    .pierre:hover {
        background: url("images/bouton-la-pierre-hover.png") no-repeat;
    }
	
	.site {
	  float:left;margin-right:40.8px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-le-site.png") no-repeat;
        margin: ;
    }
    .site:hover {
        background: url("images/bouton-le-site-hover.png") no-repeat;
    }
	.contact {
	  float:left;
        width: 85px;
        height: 85px;
        background: url("images/bouton-contacts.png") no-repeat;
        margin: ;
    }
    .contact:hover {
        background: url("images/bouton-contacts-hover.png") no-repeat;
    }
    
   /* MENU EN begin  */
    
    
     .home {
	float:left;margin-right:40px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-accueil-en.png") no-repeat;
        margin: ;
    }
    .home:hover {
        background: url("images/bouton-accueil-en-hover.png") no-repeat;
    }


	  .products {
	  float:left;margin-right:40px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-produits-en.png") no-repeat;
        margin: ;
    }
    .products:hover {
        background: url("images/bouton-produits-en-hover.png") no-repeat;
    }
	
		  .virtues {
	  float:left;margin-right:40px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-virtues-en.png") no-repeat;
        margin: ;
    }
    .virtues:hover {
        background: url("images/bouton-virtues-en-hover.png") no-repeat;
    }
	.stone {
	  float:left;margin-right:40.8px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-stone-en.png") no-repeat;
        margin: ;
    }
    .stone:hover {
        background: url("images/bouton-stone-en-hover.png") no-repeat;
    }
	
	.the-site {
	  float:left;margin-right:40.8px;
        width: 85px;
        height: 85px;
        background: url("images/bouton-site-en.png") no-repeat;
        margin: ;
    }
    .the-site:hover {
        background: url("images/bouton-site-en-hover.png") no-repeat;
    }
	.contact-us {
	  float:left;
        width: 85px;
        height: 85px;
        background: url("images/bouton-contact-en.png") no-repeat;
        margin: ;
    }
    .contact-us:hover {
        background: url("images/bouton-contact-en-hover.png") no-repeat;
    }
      /* =======   MENU En end =========   */



.theme-title {font-family: "Roboto Flex", sans-serif;font-size:43px;color:black;padding-top:46px;font-weight:300;letter-spacing:2px;}
.theme-title2 {font-family: "Roboto Flex", sans-serif;font-size:30px;color:black;font-weight:200;margin-top:-29px;letter-spacing:1px;}
.theme-title2-pierre {font-family: "Roboto Flex", sans-serif;font-size:30px;color:black;font-weight:200;margin-top:-29px;letter-spacing:1px;}

.contenu-accueil {width:600px;margin:auto; }
.contenu-accueilXXX {background-image:url('background-accueil-400.png');background-repeat:no-repeat; background-position:left bottom;}	

.contenu {width:950px;margin:auto; }
.contenu {background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	
.contenu-produits {width:1100px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	
.contenu-vertus {width:1055px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	
.contenu-pierre {width:910px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}	
.texte-pierre {margin-left:50px;margin-right:50px; }
.contenu-site {width:954px;margin-left:auto;margin-right:auto;background-image:url('background.png');background-repeat:no-repeat; background-position:left bottom;}

.vertus-texte {width:545px;float:left; }
.hr-clear-15-35 {clear:both;line-height:35px;}


.sur-titre {font-family: "Roboto Flex", sans-serif;font-size:26px;color:#292929;padding-top:40px; font-weight:450;margin-bottom:-10px;}
.sur-titre2 {font-family: "Roboto Flex", sans-serif;font-size:26px;color:#292929; font-weight:450; margin-top:-10px;}
p {font-family: "Roboto Flex", sans-serif;font-size:20px;color:#5b5b5b;font-weight:light;line-height:24px;}
.rose-vents {float:left;margin-right:25px;margin-left:50px;}

.menu-pied {width:1060px;margin-left:auto;margin-right:auto; }

  .accueil-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-accueil-pied.png") no-repeat;
    }
    .accueil-pied:hover {
        background: url("images/bouton-accueil-hover-pied.png") no-repeat; 
    }
	  .produits-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-produits-pied.png") no-repeat;
    }
    .produits-pied:hover {
        background: url("images/bouton-produits-hover-pied.png") no-repeat;
    }
	.vertus-pied {
	 	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-vertus-pied.png") no-repeat;
        margin: ;
    }
    .vertus-pied:hover {
        background: url("images/bouton-vertus-hover-pied.png") no-repeat;
    }
	.pierre-pied {
	  margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-la-pierre-pied.png") no-repeat;
        margin: ;
    }
    .pierre-pied:hover {
        background: url("images/bouton-la-pierre-hover-pied.png") no-repeat;
    }
	
	.site-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-le-site-pied.png") no-repeat;
        margin: ;
    }
    .site-pied:hover {
        background: url("images/bouton-le-site-hover-pied.png") no-repeat;
    }
	.contact-pied {
	 margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-contacts-pied.png") no-repeat;
        margin: ;
    }
    .contact-pied:hover {
        background: url("images/bouton-contacts-hover-pied.png") no-repeat;
    }
    
    /*   menu pied EN begins   */
      .home-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-home.png") no-repeat;
    }
    .home-pied:hover {
        background: url("images/bouton-pied-home-hover.png") no-repeat; 
    }
	  .products-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-products.png") no-repeat;
    }
    .products-pied:hover {
        background: url("images/bouton-pied-products-hover.png") no-repeat;
    }
	.virtues-pied {
	 	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-virtues.png") no-repeat;
        margin: ;
    }
    .virtues-pied:hover {
        background: url("images/bouton-pied-virtues-hover.png") no-repeat;
    }
	.stone-pied {
	  margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-stone.png") no-repeat;
        margin: ;
    }
    .stone-pied:hover {
        background: url("images/bouton-pied-stone-en-hover.png") no-repeat;
    }
	
	.the-site-pied {
	margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-the-site.png") no-repeat;
        margin: ;
    }
    .the-site-pied:hover {
        background: url("images/bouton-pied-site-en-hover.png") no-repeat;
    }
	.contact-us-pied {
	 margin-top:30px;margin-bottom:30px;
        width: 57px; margin-left:auto;margin-right:auto;
        height: 57px;
        background: url("images/bouton-pied-contact-us.png") no-repeat;
        margin: ;
    }
    .contact-us-pied:hover {
        background: url("images/bouton-pied-contact-us-hover.png") no-repeat;
    }
    /*  Menu pied EN ends    */


}