.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-galerie-001.jpg') no-repeat center center; background-size: cover; z-index:10;}
.zone_mockup_1 .zone_mockup_1_up			     {position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_1_up.png') no-repeat top center; background-size: 100% auto;}
.zone_mockup_1 .zone_mockup_1_dw			     {position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_1_dw.png') no-repeat bottom center; background-size: 100% auto;}
.zone_mockup_1 .titrage 					     {position: absolute; top: calc(50% - 95px); left: 0; right: 0; background: rgba(255,255,255,0.7); width: 500px; padding: 5px 100px; z-index: 25; margin: 0 auto;  box-shadow:0px 20px 45px rgba(0,0,0,0.7);}
.zone_mockup_1 .titrage h1					{line-height: 70px; font-size: 25px; font-family: Anton; text-align: center; width:100%; text-align: center; margin:0px auto; color:#003946;}


.galerie						{width:100%; }
.galerie .galerie_img 			{display:block; position:relative; margin:0px; width:calc(100% / 5); overflow:hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.galerie .galerie_img::before		{padding-top: 56.25%; content:""; display: block;}
.galerie .galerie_img img		{position:absolute; top:0; left:0; width:110%; min-height:100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.galerie .galerie_img:hover		{z-index:1000;}
.galerie .galerie_img:hover img	{-webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);}
.galerie .seeall				{background:#1aaa8f;}
.galerie .seeall a 				{position:absolute; top:calc(50% - 12px); left:0; text-align:center; width:100%; font-size:24px; color:#fff;}
.galerie .seeall:hover 			{background:#e95158;}

.video_zone					{width:100%; max-width:1024px; text-align:center; margin:0 auto 0 auto;}
.video_zone video 				{margin:42px auto 42px auto;}

@media screen and (max-width:639px)  {
	.zone_mockup_1							{height:200px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px; top: calc(50% - 45px);}
     .galerie .galerie_img 	                    {width:calc(100% / 2);}
}