.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-accueil-001_SUMMER.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_2								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-accueil-002_SUMMER.jpg') no-repeat center center; background-size: cover; z-index:10;}
.zone_mockup_2 .zone_mockup_2_up			{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_2_up.png') no-repeat top center; background-size: 100% auto;}
.zone_mockup_2 .zone_mockup_2_dw			{position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_2_dw.png') no-repeat bottom center; background-size: 100% auto;}

.zone_mockup_3								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-accueil-003_SUMMER.jpg') no-repeat center center; background-size: cover; z-index:10;}
.zone_mockup_3 .zone_mockup_3_up			{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_3_up.png') no-repeat top center; background-size: 100% auto;}
.zone_mockup_3 .zone_mockup_3_dw			{position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_3_dw.png') no-repeat bottom center; background-size: 100% auto;}

.zone_mockup_4								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-accueil-004_SUMMER.jpg') no-repeat center center; background-size: cover; z-index:10;}
.zone_mockup_4 .zone_mockup_4_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_4 .zone_mockup_4_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-text 									{position:relative; width:calc(100% - 100px); max-width:924px; padding:50px; background:#fff; color:#003946; font-size:15px; text-align: justify; margin:0px auto; z-index:15;}
.zone-text .col1							{width:100%; height:auto; min-height:300px; display:block; margin-bottom:25px; color: #003946; text-align: justify;}
.zone-text .col1 .box1_a					{position:relative; width:300px; height:300px; display:block; float:left;}
.zone-text .col1 .box1_a .inner 			{position:absolute; width:300px; height:300px; display:block; background:url('../img/fond/mokup_active.png') no-repeat top center; background-size: cover; }
.zone-text .col1 .box1_b					{width:calc(100% - 300px); height:auto; float:left;}
.zone-text .col1 .box1_b .textact			{width:calc(100% - 50px); margin-top:15px; margin-bottom:15px;;}
.zone-text .col1 .box1_b h3					{font-size:24px; font-family:Anton; margin:0px 0px 35px 0px; background:#f7f7f7; width:calc(100% - 20px); line-height:20px; padding:10px;}
.zone-text .col2							{column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 50px; -moz-column-gap: 50px; -webkit-column-gap: 50px;}
.zone-text h1								{font-size:25px; font-family:Anton; margin:0px 0px 35px 0px;}
.zone-text h2								{font-size:24px; font-family:Anton; margin:0px 0px 35px 0px;}
.zone-text .infonb							{position:absolute; top:180px; left:-220px; font-family:Anton; font-size:200px; color:#f2f2f2;}
.zone-text .img_ZEP							{float: right; clear: both;margin: 15px auto 15px auto; box-shadow: 0px 0px 45px rgba(0,0,0,0.15); width: 150%;}

.zone-video									{position:relative; width:100%; max-width:924px; margin:-130px auto 0px auto; z-index:15; display: block; box-shadow: 0px 0px 45px rgba(0,0,0,0.15);}

.zone-blog 									{position:relative; width:100%; max-width:1024px; margin:-30px auto 0px auto; z-index:15; display: block;}
.zone-blog .box 							{width:calc((100% / 3) - 33.4px); margin-right:50px; height:auto; min-height:550px; margin-bottom:50px; background:#fff; box-shadow: 0px 0px 45px rgba(0,0,0,0.15); Float:left;}
.zone-blog .box:nth-child(3)				{margin-right:0px;}
.zone-blog .box:nth-child(6)				{margin-right:0px;}
.zone-blog .box img 						{width:100%;}
.zone-blog .box .blog-article-txt 			{width:calc(100% - 30px); padding:15px;}
.zone-blog .box .blog-article-txt .Lurl		{font-size:12px; color:#888;}

.zone-galerie 								{position: absolute; top: calc(50% - 33px); left: 0; right: 0; background: rgba(255,255,255,0.7); width: 500px; padding: 5px 100px; line-height: 70px; font-size: 24px;	font-family: Anton; z-index: 25; margin: 0 auto; text-align: center; cursor: pointer; }

.margin-zone-text-1							{margin-top:-180px;}						
.margin-zone-text-2							{margin-top:-90px;}

@media screen and (min-width:100px) and (max-width:639px)  {
	.zone_mockup_1							{height:400px}
	.zone_mockup_2							{height:400px}
	.zone_mockup_3							{height:400px}
	.zone_mockup_4							{height:400px}
	.zone-text								{padding:10px; width:calc(100% - 20px);}
	.zone-text .col2						{column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0px; -moz-column-gap: 0px; -webkit-column-gap: 0px;}
	.zone-text .img_ZEP 					{width: 100%; float:none; margin:0; box-shadow: none;}
	.zone-text .col1						{height:auto;}
	.zone-text .col1 .box1_a				{float:none; width:300px; margin:0px auto 25px auto; display:block;}
	.zone-text .col1 .box1_b				{float:none; width:100%; margin:0px auto 25px auto; display:block; height:auto;}
	.mgleft-50								{margin-left:0px;}
	.zone-text .col1 .box1_b .textact		{width:100%;}
	.zone-text .infonb						{display: none;}
	.zone-blog .box 						{width:calc(90% - 40px); margin:0px auto 50px auto; float: none;}
	.zone-blog .box:nth-child(3)			{margin-right:auto;}
	.zone-blog .box:nth-child(6)			{margin-right:auto;}
	.zone-galerie							{width:100%; padding:5px 0px}

}
@media screen and (min-width:640px) and (max-width:959px)  {
	.zone-text .img_ZEP 					{width: 100%; float:none; margin:0; box-shadow: none;}
	.zone-blog .box 						{width: calc((100% / 2) - 25px);}
	.zone-blog .box:nth-child(2)			{margin-right:0px;}
	.zone-blog .box:nth-child(3)			{margin-right:50px;}
	.zone-blog .box:nth-child(4)			{margin-right:0px;}
	.zone-blog .box:nth-child(6)			{margin-right:0px;}

}
@media screen and (min-width:960px) and (max-width:1199px)    {
	.zone-text .img_ZEP 					{width: 100%; float:none; margin:0; box-shadow: none;}
}