/* Accueil */
#img_page_accueil_valentin {
	width:500px;
	margin:auto;
}
#img_page_accueil_valentin img {
	vertical-align:top;
}
#presentation {
	position:fixed;
	top:50%; left:50%;
	transform:translate(-50%,-50%) scale(1);
	-webkit-transform:translate(-50%,-50%) scale(1);
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:100;
	background-color:#000;
	
}
#presentation.close {
	transform:translate(-50%,-50%) scale(4);
	-webkit-transform:translate(-50%,-50%) scale(4);
	transition:all .5s ease-in-out;
	opacity:0;
}
#presentation > img {
	min-width: 100%;
	min-height: 100%;
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:101;
}
#presentation > #fil {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:102;
	background-color:rgba(0,0,0,.6);
}
#presentation > #logo_accueil {
	position:absolute;
	width:400px;
	height:208px;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:104;
	opacity:0;
	animation-name:opLogo;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:forwards;-webkit-animation-name:opLogo;
	-webkit-animation-fill-mode:forwards;
}
#presentation > #logo_accueil > img {
	width:100%;
	vertical-align:auto;
}
#presentation > #entrer {
	position:absolute;
	width:80px;
	height:80px;
	left:50%;
	transform:translateX(-50%) scale(0);
	-webkit-transform:translateX(-50%) scale(0);
	bottom:100px;
	z-index:104;
	animation-name:bEnter;-webkit-animation-duration:.3s;animation-duration:1s;animation-fill-mode:forwards;-webkit-animation-name:bEnter;
	-webkit-animation-duration:.3s;-webkit-animation-fill-mode:forwards;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	cursor:pointer;
}
#presentation > #entrer > img {
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:104;
}
#presentation > #entrer > span {
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:105;
	color:#FFF;
	font-weight:700;
}
@-webkit-keyframes opLogo{
    0%{
		opacity:0;
    }
    100%{
		opacity:1;
    }
}
@keyframes opLogo{
    0%{
		opacity:0;
    }
    100%{
		opacity:1;
    }
}
@-webkit-keyframes bEnter{
    0%{
        transform:translateX(-50%) scale(.7);
        -webkit-transform:translateX(-50%) scale(.7)
    }
    45%{
        transform:translateX(-50%) scale(1.05);
        -webkit-transform:translateX(-50%) scale(1.05)
    }
    80%{
        transform:translateX(-50%) scale(.95);
        -webkit-tranform:translateX(-50%) scale(.95)
    }
    100%{
        transform:translateX(-50%) scale(1);
        -webkit-transform:translate(-50%,200px) scale(1)
    }
}
@keyframes bEnter{
    0%{
        transform:translateX(-50%) scale(.7);
        -webkit-transform:translateX(-50%) scale(.7)
    }
    45%{
        transform:translateX(-50%) scale(1.05);
        -webkit-transform:translateX(-50%) scale(1.05)
    }
    80%{
        transform:translateX(-50%) scale(.95);
        -webkit-tranform:translateX(-50%) scale(.95)
    }
    100%{
        transform:translateX(-50%) scale(1);
        -webkit-transform:translateX(-50%) scale(1)
    }
}
/* LES GROUPES */
#presentation > #produits_acc {
	position:absolute;
	top:20px;
	left:20px;
	z-index:103;
	width:100vw;
	height:100vh;
}
#presentation > #produits_acc * {
	color:#FFF !important;
}
#presentation > #produits_acc > div {
	font-size:24px;
	color:#FFF;
	font-weight:100;
	opacity:0;
	animation-name:opLogo;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards;-webkit-animation-name:opLogo;
	-webkit-animation-fill-mode:forwards;
}
/*Diaporama*/
#diapo_mos.upload {
	padding-left:65px;
}
#diapo_mos {
	margin:20px 0px;
	width:100%;
	height:400px !important;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow: 0px 10px 60px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 60px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 60px -6px rgba(0,0,0,0.75);
}
.diap-img {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0;
}
.diap-img.trans_diapo img {
	animation:trans_diapo .8s forwards;
}
.diap-img img {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(1.8);
	-webkit-transform:translate(-50%,-50%) scale(1.8);
	opacity:0;	
}
.diap-img.trans_diapo_fin img {
	transform:translate(-50%,-50%) scale(1);
	-webkit-transform:translate(-50%,-50%) scale(1);
}
@-webkit-keyframes trans_diapo {
	0% {-webkit-transform:translate(-50%,-50%) scale(1.8); opacity:0;}
	100% {-webkit-transform:translate(-50%,-50%)scale(1); opacity:1;}
}
@keyframes trans_diapo {
	0% {transform:translate(-50%,-50%) scale(1.8); opacity:0;}
	100% {transform:translate(-50%,-50%)scale(1); opacity:1;}
}
.diap-img figcaption {
	position:absolute;
	font-size:28px;
	opacity:0;
	color:#FFF;
	font-weight:bold;
}
.diap-img figcaption p {
	margin:0;
}
#acc {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	box-sizing:border-box;
	position:relative;
	margin-bottom:10px;
}
#acc > div#img_page_val_pres {
	width:350px;
	margin-right:10px;
	position:relative;
	
}
#img_page_val_pres:before, #img_page_val_pres:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

#img_page_val_pres:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
#acc > div#texte_pres_val {
	width:calc(100% - 360px);
	box-sizing:border-box;
}
#acc > div#texte_pres_val p {
	margin-top:0;
}
h2 {
	text-align:center;	
}
#mini-actu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
	padding-bottom:20px;
	position:relative;
}
#mini-actu:after {
	content:'';
	position:absolute;
	height:1px;
	width:70%;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	background: -moz-linear-gradient(left, rgba(132,21,87,0) 0%, rgba(132,21,87,1) 50%, rgba(132,21,87,0) 100%);
background: -webkit-linear-gradient(left, rgba(132,21,87,0) 0%,rgba(132,21,87,1) 50%,rgba(132,21,87,0) 100%);
background: linear-gradient(to right, rgba(132,21,87,0) 0%,rgba(132,21,87,1) 50%,rgba(132,21,87,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00841557', endColorstr='#00841557',GradientType=1 );
}
#mini-actu>.mini-actualite {
	width:32%;
	position:relative;
	height:300px;
	overflow:hidden;
}
.cnt-post {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:4px;
}
.cnt-post a {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
.cnt-post a img {
	position:absolute;
	min-height:100%;
	min-width:100%;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
#mini-actu>.mini-actualite:hover .body-act {
	top:0;
}
.mini-actualite>a {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
.body-act {
	position:absolute;
	box-sizing:border-box;
	top:50%;
	left:0;
	background-color:rgba(0,0,0,.6);
	color:#FFF;
	padding:10px;
	transition:all .3s ease-in;
	width:100%;
	min-height:100%;
}
.sk {
	position:absolute;
	width:100px;
	height:100px;
	overflow:hidden;
	left:50%;
	transform:translateX(-50%);
	top:-50px;
	
}
.sk > img {
	width:100%;
}
#top_prod {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
	padding-bottom:20px;
	position:relative;
}
#top_prod > article {
	box-sizing:border-box;
	width:33%;
	position:relative;
}
#top_prod > article > a {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
#top_prod > article > .cnt-ph-top {
	width:100%;
	height:330px;
	position:relative;
	overflow:hidden;
}
#top_prod > article > .cnt-ph-top > img {
	min-height:100%;
	min-width:100%;
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%) scale(1);
	-webkit-transform:translate(-50%,-50%) scale(1);
	-webkit-transition:-webkit-transform .3s ease;
	transition:-webkit-transform .3s ease;
	transition:transform .3s ease;
	transition:transform .3s ease, -webkit-transform .3s ease; 
}
#top_prod > article:hover > .cnt-ph-top > img {
	transform:translate(-50%,-50%) scale(1.2);
	-webkit-transform:translate(-50%,-50%) scale(1.2);
}
#top_prod > article > h3 {
	text-align:center;
}