/** Shopify CDN: Minification failed

Line 23: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 229:1 Comments in CSS use "/* ... */" instead of "//"
Line 327:1 "diplay" is not a known CSS property
Line 790:1 Comments in CSS use "/* ... */" instead of "//"
Line 795:1 Comments in CSS use "/* ... */" instead of "//"
Line 796:3 Comments in CSS use "/* ... */" instead of "//"
Line 816:3 Comments in CSS use "/* ... */" instead of "//"
Line 845:2 Comments in CSS use "/* ... */" instead of "//"
... and 2 more hidden warnings

**/


#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'] 







   
                      
body {
   overflow-x: hidden; 
} 

#data{ 
  z-index:-10;
  position:absolute;
  top:10%;
  left:4000px;
}  
 
 

body{
	margin:0;
}

main{
	width:100%;
	margin:auto;
}

.diapo{
	position: relative;
	overflow: hidden;

}  

#nav-droite,#nav-gauche{
	position: absolute; 
	top: 10% !important;     
	transform: translateY(-50%);
	color: white;
	font-size: 3em;
	
	width:100px;
	height:50px;

	cursor:pointer;
    
}

#nav-droite{
	right: -30px;  
}

#nav-gauche{
	left: 15px;  
}

#image-gauche{
	transform: rotate(0.5turn);  
}

.titre{
	 
	color:white;  
	font-size: 30px;
}

.sousText{
	
	color:white;
	font-size: 25px;
}

.lienHomePage{  
  
                      
	
}
.bouton{ 
	width: 200px;  
	height:50px;
	background-color:white;
	border-radius:5px;

	display:flex;
	justify-content:center;
	align-items:center; 
}
.textBouton{ 
	color:blue;
	font-size: 18px
}
.informationBox{
	display:flex;
	justify-content:center;
	align-items:center; 
	flex-direction: column;

	z-index:2;  
	
	position: absolute;
	bottom:0px;  
	width:100%;
	
}




.elements{
	display: flex; 
	transition: all 0.4s ease-out;
	
}

.element{
	flex:1 0 100%;
	position: relative;
}

.element > img{
	width: 100%
}

.imageHomePage{
	 
	
	//width:100%;
	
	 
}

        
.unselectable { 
      -webkit-user-select: none; 
      -webkit-touch-callout: none; 
      -moz-user-select: none; 
      -ms-user-select: none; 
      user-select: none;    
}   
.caption2{
	display: flex;
	
 
	flex-direction: column; 

	position: absolute;
	top: 30%;
   
	transform: translate(-50%, -50%);
	text-align:center;
	
	padding: 30px;
} 


#petitPoint{
	display:flex; 
	justify-content:space-between; 
}

.point{
	font-size:30px; 
	cursor:pointer; 
}
                      
                      
.rogne { position: relative; overflow: hidden; }   

.rogne img { position: absolute; object-fit: cover; }                              
                      

                      
                      
@media screen and (max-width: 1024px)
{
	.titre{
		font-size: 25px;
        width:100%;
	} 
    .sousText{
		font-size: 20px;
         width:100%;
	}
	.textBouton{
		font-size: 12px; 
	} 
	.informationBox{
  		bottom:0px;   
	
	}
	#nav-droite,#nav-gauche{
		top:60%; 
	} 
	.caption2{
		left: 50%;
		justify-content:center; 
		align-items:center;
        width:100%; 
	}  
    #nav-droite,#nav-gauche{
    	z-index:-1;   
        display:none; 
    }
    .lienHomePage{
    	align-self:center;                       
    }
}


                      
                      
                      
 



.haut-contactez-nous
{
	display:flex;
	justify-content: space-between; 
}

.lienFAQcontactezNous
{
	diplay:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

@media screen and (max-width: 750px) 
{
	.haut-contactez-nous
    {
        flex-direction:column; 
    }
}




.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,p{ 
	text-align: center;
  	  
}
   
#titreh{
  	/*box-shadow: inset 0 -30px 0 rgb(255,245,217);      
  	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; 
     
  }
    
  
}
      








.imageTextBande,.imageTextBaneTitre 
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column; 
    
}

.sousImageTextBande
{
	padding:20px; 
	width:100%;
	min-height:200px;
	display:flex;
	justify-content:space-evenly;
	align-items:center; 
	margin-top: 50px;
    flex-wrap: wrap;
	gap: 20px;
}

.blockImageTextbande
{
	width:150px;   
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.imageEnBande
{
	width:90%; 
}
 
@media screen and (max-width: 660px)  
{
  .blockImageTextbande
  {   
      height:100px; 
	  width: 100px;
  }




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




.section-lien
{
	display:flex;
	justify-content:space-around;
	align-items:center;
	position:relative;
}

.lien1,.lien2,.lien3,.imageDetail 
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex:1; 
	
}


.image:hover{ 
	width:83%;    
}

.titreLienDetail{ 
	color:black;
	text-align: center; 
}

.lienDetail{  
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center; 
	flex:1;
	position:relative; 
	cursor: pointer; 
}

.infoDetail
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center; 
	flex:1;
	width:80%;  
}

.rectangleDetail
{
	position:absolute; 
	top:20%;     
	left:10%;   
	background-color:rgb(255,245,217);
	width:80%; 
	height:20%; 
	z-index:-1;  
}

.anotation{
	color:white;
	position:absolute;
	top:0px; 
	z-index:1;
	font-weight: bold;
	font-size:20px; 
}

.grandTitreLienDetail
{
	flex:1; 
}

.image
{
	width:80%;
	transition:all 0.2s linear;  
	
}

.overflow
{
	overflow: hidden; 
	width:100%;  
	max-width:450px; 
	height:390px;
	//background-color:red;   

}



@media screen and (max-width: 1350px)  
{
  .overflow
  {   
      height:370px; 
  }
}

@media screen and (max-width: 1280px)  
{
  .overflow
  {   
      height:350px;  
  }
}

@media screen and (max-width: 1220px)  
{
  .overflow
  {   
      height:330px;   
  }
}

@media screen and (max-width: 1110px)  
{
  .overflow
  {   
      height:300px;       
  }
}

@media screen and (max-width: 1000px)  
{
  .overflow
  {   
      height:280px;        
  }
}

@media screen and (max-width: 990px)  
{
  .lien1,.lien3,.rectangleDetail  
  {   
      display:none;  
  }
	
  .overflow
  {    
      height:370px;          
  }
} 



	.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; 
    }


	
.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; 
}





 




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