.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-blog-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;}

.zone_home 						{width:100%; height:auto; position: relative;}
.zone_home .zone_text			{width:100%; max-width:1024px; margin:0px auto 100px auto; display: block;}
.zone_home .zone_text h1 		{color:#fff; font-size:35px; line-height:40px; margin:0 auto 0 auto; padding:0; width:100%; text-align: center;}
.zone_home .zone_text h2 		{color:#eee; font-size:22px; line-height:35px; margin:0 auto 0 auto; padding:0; width:100%; text-align: center;}

.zone_explain_1						{position:relative; background:#fff; width:100%; padding: 20px 0px; margin:10px 0px 200px;}
.zone_explain_1 .contener_main		{width:100%; max-width:900px; margin:50px auto; display:block; display:block; color:#333; text-align: justify;}


@media screen and (min-width:100px) and (max-width:900px)  {
	.zone_mockup_1							{height:400px !important}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px;}
}