/** Shopify CDN: Minification failed

Line 21:1 "heght" is not a known CSS property
Line 79:1 Comments in CSS use "/* ... */" instead of "//"
Line 92:1 Comments in CSS use "/* ... */" instead of "//"
Line 562:1 Comments in CSS use "/* ... */" instead of "//"
Line 567:1 Comments in CSS use "/* ... */" instead of "//"
Line 568:3 Comments in CSS use "/* ... */" instead of "//"
Line 588:3 Comments in CSS use "/* ... */" instead of "//"
Line 617:2 Comments in CSS use "/* ... */" instead of "//"
Line 850:0 Expected "}" to go with "{"

**/


#barDefilement{
	display:flex;   
	color:black;
	overflow: hidden;
	width:100%;  
	heght:50px;
	position:relative; 
}

.message,.colorMessage,.timeMessage,.emojiMessage{
	padding-right:20px;  
	transition:all 10s linear;
	z-index:-3;     
	position:fixed; 
	top:-500px;  
	overflow: hidden;
	
}
 

.defil{
	transition:all 0s linear; 
	position:absolute;   

	color:blakc;
	z-index:1;
	width:max-content;   
	display : flex;
}
.defil img, .defil p{
	align-self :center; 
}
.defil img{
	margin-right : 8px; 
	margin-left : 8px;
}







  


.vide{
	width:100%; 
	    
	background-color:white; 
	color:white; 
}




#jsFAQ
{
	padding:25px; 
} 

.sousFaqLVL
{
	//cursor:pointer;
	padding-bottom: 5px;
	border-bottom : 1px solid #e5ddc3;
	margin:10px;  
	margin-left:20px; 
	margin-right:0px;  
	 

	transition: all 0.3s ease-out;  
}

.questionFaq
{
	//border-bottom:1px black solid; 
	text-transform: uppercase; 
}

.sousFaqLVL[niveau='1']:last, .sousFaqLVL[niveau='2']:last , .sousFaqLVL[niveau='3']:last , .sousFaqLVL[niveau='4']:last  { border : none }   
.sousFaqLVL:last-child{ border : none }  
.sousFaqLVL:last-of-type  
.sousFaqLVL[niveau='1'] 








.bloc2{
	display:flex;
	justify-content:center;
    align-items:center;
	flex-direction:column; 

	width:100%;
}
.titreBloc2{
	display:flex; 
    justify-content:center;
    align-items:center;
 
	width:100%;
	font-size:40px;
	text-align: center; 
}

.bloc2B
{	
	height:500px;
	width:90%;

	display:flex;
	justify-content:space-around; 
	align-items:center; 
	box-shadow: 10px 10px 10px black;   
}

.bloc2Button
{
	padding:5px;
	border-radius:5px;
	background-color:#0B435C;
	color:rgb(252,209,172); 
}

.bloc2Banim{
	width:500px;
	height:450px; 
	background-color:white;    
	position:relative;
}

.bloc2coffret{
	display:flex;
	justify-content:center;
    align-items:center;
	flex-direction:column;   
}

.imgBloc2Coffret{
	width:150px; 
}

.imgBloc21,.imgBloc22,.imgBloc23{
	position:absolute;
	width:200px;  
}

.imgBloc2fleche1,.imgBloc2fleche2,.imgBloc2fleche3{
	transition: all 0.4s ease-out; 
	position:absolute; 
	width:100px; 
	z-index:1; 
}

.imgBloc21{
	top:20px;
	left:30px;
}

.imgBloc22{
	top:200px;  
	left:70px;  
}

.imgBloc23{
	top:130px;  
	left:280px;  
} 

.imgBloc2fleche1{
	top:30px;
	left:190px;  
	transform: rotate(-45deg); 
}

.imgBloc2fleche2{
	top:270px;  
	left:20px;
	transform: rotate(100deg); 
	 
}

.imgBloc2fleche3{
	top:230px;   
	left:300px; 
	transform: rotate(-10deg);  
	 
}

.textBloc21,.textBloc22,.textBloc23{

	transition: all 0.4s ease-out;
	position:absolute; 
	  
	font-size:20px;  
	color:#0B435C; 
}

.textBloc21{	
	width:150px; 
	top:20px;
	left:320px;	
}

.textBloc22{	
	width:150px; 
	top:350px;  
	left:20px;	
}

.textBloc23{	
	width:150px; 
	top:290px;    
	left:300px;	
}

#dataBloc2{
	display:none; 
}

@media screen and (max-width: 990px) 
  {
    .bloc2B
	{   
      flex-direction:column;  
	  height:1000px; 
    }  
  }

@media screen and (max-width: 570px) 
	
  {
	.bloc2B
	{    
	  height:800px;  
    }
    .bloc2Banim{
      width:350px;
      height:315px; 
      background-color:white;    
      position:relative;
	} 

	.imgBloc21,.imgBloc22,.imgBloc23{
        position:absolute;
        width:140px;  
    }

    .imgBloc2fleche1,.imgBloc2fleche2,.imgBloc2fleche3{
        transition: all 0.4s ease-out; 
        position:absolute; 
        width:70px; 
        z-index:1; 
    }

    .imgBloc21{
        top:14px;
        left:21px;
    }

    .imgBloc22{
        top:140px;  
        left:49px;  
    }

    .imgBloc23{
        top:91px;  
        left:196px;  
    } 

    .imgBloc2fleche1{
        top:21px;
        left:133px;  
        transform: rotate(-45deg); 
    }

    .imgBloc2fleche2{
        top:189px;  
        left:14px;
        transform: rotate(100deg); 

    }

    .imgBloc2fleche3{
        top:161px;   
        left:210px; 
        transform: rotate(-10deg);  

    }

    .textBloc21,.textBloc22,.textBloc23{

        transition: all 0.4s ease-out;
        position:absolute; 

        font-size:14px;  
        color:#0B435C; 
    }

    .textBloc21{	
        width:105px; 
        top:14px;
        left:224px;	
    }

    .textBloc22{	
        width:105px; 
        top:245px;  
        left:14px;	
    }

    .textBloc23{	
        width:105px; 
        top:203px;    
        left:210px;	 
    }		

  }

@media screen and (max-width: 400px) 
	
  {
	.bloc2B
	{    
	  height:800px;  
    }
    .bloc2Banim{
      width:280px;
      height:252px;  
      background-color:white;    
      position:relative;
	} 

	.imgBloc21,.imgBloc22,.imgBloc23{
        position:absolute;
        width:112px;  
    }

    .imgBloc2fleche1,.imgBloc2fleche2,.imgBloc2fleche3{
        transition: all 0.4s ease-out; 
        position:absolute; 
        width:56px; 
        z-index:1; 
    }

    .imgBloc21{
        top:11px;
        left:17px;
    }

    .imgBloc22{
        top:112px;  
        left:39px;  
    }

    .imgBloc23{
        top:73px;  
        left:157px;  
    } 

    .imgBloc2fleche1{
        top:17px;
        left:106px;  
        transform: rotate(-45deg); 
    }

    .imgBloc2fleche2{
        top:151px;  
        left:11px;
        transform: rotate(100deg); 

    }

    .imgBloc2fleche3{
        top:129px;   
        left:168px; 
        transform: rotate(-10deg);  

    }

    .textBloc21,.textBloc22,.textBloc23{

        transition: all 0.4s ease-out;
        position:absolute; 

        font-size:11px;  
        color:#0B435C; 
    }

    .textBloc21{	
        width:84px; 
        top:11px;
        left:179px;	
    }

    .textBloc22{	
        width:84px; 
        top:196px;  
        left:11px;	
    }

    .textBloc23{	
        width:84px; 
        top:162px;    
        left:168px;	  
    }		

  }

@media screen and (max-width: 320px) 
	
  {
	.bloc2B
	{    
	  height:700px;   
    }
    .bloc2Banim{
      width:235px;
      height:212px;  
      background-color:white;    
      position:relative;
	} 

	.imgBloc21,.imgBloc22,.imgBloc23{
        position:absolute;
        width:94px;  
    }

    .imgBloc2fleche1,.imgBloc2fleche2,.imgBloc2fleche3{
        transition: all 0.4s ease-out; 
        position:absolute; 
        width:47px; 
        z-index:1; 
    }

    .imgBloc21{
        top:9px;
        left:14px;
    }

    .imgBloc22{
        top:94px;  
        left:33px;  
    }

    .imgBloc23{
        top:61px;  
        left:132px;  
    } 

    .imgBloc2fleche1{
        top:14px;
        left:89px;  
        transform: rotate(-45deg); 
    }

    .imgBloc2fleche2{
        top:127px;  
        left:9px;
        transform: rotate(100deg); 

    }

    .imgBloc2fleche3{
        top:108px;   
        left:141px; 
        transform: rotate(-10deg);  

    }

    .textBloc21,.textBloc22,.textBloc23{

        transition: all 0.4s ease-out;
        position:absolute; 

        font-size:9px;  
        color:#0B435C; 
    }

    .textBloc21{	
        width:71px; 
        top:9px;
        left:150px;	
    }

    .textBloc22{	
        width:70.56px; 
        top:164.64px;  
        left:9px;	
    }

    .textBloc23{	
        width:70.56px; 
        top:136px;    
        left:141px;	   
    }		

  }





.BlocTitre{
	display:flex;
  	justify-content:center;
  	align-items:center;
  	flex-direction:column;   
}









  


.vide{
	width:100%; 
	    
	background-color:white; 
	color:white; 
}



.imageAvecText1,.imageAvecText2{
	display:flex;
	margin:20px; 
    position:relative;
}

.boxtext,.boxtext2{
	display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column; 
	//margin-left:50px;  
  	flex:1;
}
  
.boxtext2{
	//margin-left:0px;
  	//margin-right:50px;   
  	flex:1; 
  
}


.titreIMGh{
	color:white;
	font-size:10px;
	transform: rotate(-90deg);
  	
}
 
.titreIMGh{ 
	position:absolute;
}
.imageDeImageText1,.imageDeImageText2{ 
  	display:flex !important; 
	position:relative;
  	flex:1; 
  	//justify-content:center;

}
                                          
.imageDeImageText2
{
    justify-content:flex-end;                                      
}
                                          
.imageDeImageText1
{
    justify-content:flex-start;                                       
}
  
.titrep,#titreh{ 
	text-align: center;
  	  
}
   
#titreh{
  	/*box-shadow: inset 0 -30px 0 #fef5e7;      
  	display: inline;*/ 
  	 
 }
  
.pourtitreIMGh{
  
  display:flex; 
  position:relative;
  //flex:1;  
  justify-content:center;
  align-items:center;  
  
}
  
.h2_light
{
	text-align: center; 
}
  
.sous-box{
  text-align : center
}

@media (max-width: 1160px) { 
     .boxtext,.boxtext2{
           
          flex:3;
      	  padding:5%; 
      }

      .boxtext2{
            
          flex:3; 

      }

      .imageDeImageText1,.imageDeImageText2{ 
          flex:2;  

      } 
}
      
  
@media screen and (max-width: 600px)  
{ 
  .imageAvecText2{  
  	flex-direction:column !important; 
    justify-content:center; 
    align-items:center;  
    position:relative;  
  } 
  .imageAvecText1{  
  	flex-direction:column-reverse !important;     
    justify-content:center; 
    align-items:center;  
  	position:relative;  
  }
  
  .imageDeImageText1,.imageDeImageText2{ 
  	display:flex; 
  	justify-content:center; 
  }
                                          
  .boxtext2,.boxtext{
  	background-color:white;
    z-index:1; 
    width:90%;   
    position:absolute;  
    top:50vw; 
   	padding:5%; 
  }
  .sous-box{
  	padding : none !important;
  } 
      
  
}

@media screen and (max-width: 600px)  
{ 
  
                                          
  .boxtext2,.boxtext{
  	  
    position:absolute; 
     
  }
    
  
}
      








.vide{
	width:100%; 
	    
	background-color:white; 
	color:white; 
}



	.marge-droite{ 
		position:fixed;
		right: 0px; 
		top:0px;     
		
	  
		  
		width:100px;
		height:100%;

		display:flex;
    	justify-content: center; 
    	align-items: center;
		flex-direction:column; 

	}

	.textMargeGauche 
	{
		transform: rotate(90deg);  
		width:max-content; 
	}


 @media screen and (max-width: 750px) {
    .marge-droite {
      right:-200px; 
    } 
} 


	.marge-gauche{
		position:fixed;
		left:0px;
		top:0px;   
		
		  
		width:100px;
		height:100%;

		display:flex;
    	justify-content: center; 
    	align-items: center;
		flex-direction:column; 

	}

	.textMargeGauche 
	{
		transform: rotate(270deg); 
		width:max-content; 
	}

 @media screen and (max-width: 750px) {
    .marge-gauche { 
      left:-200px; 
    }



 



  








.textEncadreSection
{
	display:flex;
	justify-content:center;
	align-intems:center;  
	flex-direction:column; 
}




.vide{
	width:100%; 
	    
	background-color:white; 
	color:white; 
}



	
.instaPlus
{
	/*display:flex;
  	justify-content:center;
  	align-items:center;
  	flex-direction:column; */  
}

#dataInsta
{
	display:none;
}



 
.gridFeatured{

	display: flex;
    margin-bottom: 2rem;
    margin-left: -.5rem;
    padding: 0;
    list-style: none; 
}