#navigation_wrap.header2 {background:none;position:fixed;top:0;left:0;width:100%;z-index:10;}
body.opened #navigation_wrap.header2 {width:calc(100% - 200px)}
#middle_wrap.header2 .bloc_carrousel .module_wrap{margin:0;}
#navigation_wrap.header2  #nav li a {background:none;box-shadow:none;text-shadow:none;color:#333;}
#header.header2 .bloc_logo{display:none;}


#middle_wrap.center2{text-align:center;}
#middle_wrap.center2 div.parallaxe_fond{background:#333;height:200px; background-size:100%; background-position: 50%;margin:10px 0;position:relative;}
#middle_wrap.center2 div.parallaxe_background{height:100%;position:absolute;top:0;left:0;width:100%;z-index:1;background-size:100%; background-position: 50%;}
#middle_wrap.center2 div.parallaxe_fond h1.titrepicto{text-align:center;padding-top:80px;color:#fff;text-shadow:0 0 15px rgba(0,0,0,0.5);z-index:2;position: relative;}
.center2 .fullwidth{height:500px; background-size: 100%;border:1px solid transparent;} 
.center2 .fullframe,.center2 .fullframenoheader{height:800px;color:#fff;overflow:hidden;}
.center2 .fullframe h2 a{color:#fff;font-size:55px; text-shadow:0 0 25px rgba(0,0,0,0.2)}
.center2 .fullwidth .module_wrap{background:none; text-align: center;max-width:800px;margin:0px auto;padding:20px;margin-top:150px;}

.center2 #middle{max-width:none;}
.header2{}


@media only screen and (max-width:1200px) {
  body.opened #navigation_wrap.header2 {width:100%;}
  #middle_wrap.center2 div.parallaxe_fond{ background-size:auto ;}
}
@media only screen and (max-width:900px) {
  #middle_wrap.center2 div.parallaxe_fond{margin-top:0;}
	#header.header2 .bloc_logo{display:block;}
  .bloc_paniersimple:hover .hover{display:none;}
.bloc_paniersimple:hover{z-index:10;text-align:center;}
.bloc_paniersimple:hover .module_wrap{padding-right:40px;}
}

.hoverplus .liste{border:0;}
.hoverplus img.saezam

.hoverplus .liste a.lienimage:before{
	
display:block;
	
content:"";
	
position:absolute;
	
left:0;
	top:0;
	
width:100%;
	
height:100%;
	
box-shadow:inset 0 0 0px 0px  rgba(0,0,0,0.5);
	
transition: all  0.2s ease-in-out;
	
line-height:150px;
	

}


.hoverplus .liste a.lienimage:after{
	
display:block;
	
content:url(../images/loupe.png);
	
position:absolute;
	
left:50%;
	top:50%;
	
width:40px;
	
height:40px;
	
margin-left:-20px;
	
margin-top:-20px;
	
background:rgba(0,0,0,0.8);
	
transition: all  0.2s ease-in-out;
	
line-height:50px;
	
-webkit-transform: scale(0);
	
-moz-transform: scale(0);
	
-o-transform: scale(0);
	
-ms-transform: scale(0);
	
transform: scale(0);
	
border-radius:5px;
	
text-align:center;
	

}



.hoverplus .liste a.lienimage:after{
}


.hoverplus .liste a.lienimage:hover:before{
	
box-shadow:inset 0 0 200px 0px rgba(0,0,0,0.8);
	

}



.hoverplus .liste a.lienimage:hover:after{
	
-webkit-transform: scale(1);
	
-moz-transform: scale(1);
	
-o-transform: scale(1);
	
-ms-transform: scale(1);
	
transform: scale(1);
	

}

.limitwidth{max-width:1050px;margin-left:auto;margin-right:auto;}
.untiers.limitwidth{max-width:350px;}
.undemi.limitwidth{max-width:525px;}
.deuxtiers.limitwidth{max-width:750px;}


div.columnflow .listeblocarticles{ 
	column-count: 4;
  column-gap: 0px;
	break-inside: avoid-column;
	-moz-column-count: 4;-webkit-column-count: 4;
  -moz-column-gap: 10px;-webkit-column-gap: 10px;
	padding:0;
	margin:10px;
}
div.columnflow .module_wrap{padding:0;}
div.columnflow .liste{
	margin-bottom:10px;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
div.columnflow .liste h2{text-align: center;}