.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-partners-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-text 									{position:relative; width:calc(100% - 100px); max-width:1024px; padding:0px; background:#fff; color:#003946; font-size:15px; text-align: justify; margin:0px auto; z-index:15;}

.partner_zone								{width:100%; height:auto; }
.partner_zone h2							{position:relative; font-size:15px; color:#fff; letter-spacing:1px; margin:40px 0px 40px 70px; padding-left:10px; width:100%;}
.partner_zone .square						{position:relative; width:calc(30% - 50px); height:400px; margin:0px 45px 45px 0px; float:left; color:#444; background:#fff; padding:0px 15px 15px 15px; line-height:21px; text-align:center; box-shadow: 0px 0px 45px rgba(0,0,0,0.15);}
.partner_zone .square .contenerimg			{position:relative; margin:10px auto 20px auto; width:250px; height:auto; height:250px; overflow:hidden; display:block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.partner_zone .square .contenerimg img		{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.partner_zone .square .contenerimg:hover img	{-webkit-transform: rotate(-3deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}
.partner_zone .square h3					{font-size:17px; color:#222; text-align:center;}
.partner_zone .square p						{font-size:15px; color:#333; margin-top:15px;}
.partner_zone .square .ahref				{position:absolute; bottom:5px; right:5px; font-size:12px; color:#fff; font-size:12px;}
.partner_zone .square_inview				{margin:5px; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}
.partner_zone .square:hover .contenerimg img 	{-webkit-transform: rotate(-3deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}


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

	.partner_zone .square					{width:90%; clear:both; margin:25px auto;}
	.partner_zone .square_inview			{margin:0px 1% 15px 1%;}
}
@media screen and (min-width:480px) and (max-width:639px)  {
	.zone_mockup_1							{height:400px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px; margin:25px auto;}

	.partner_zone .square					{width:70%; clear:both;}
	.partner_zone .square_inview			{margin:0px 15% 15px 10%;}
}
@media screen and (min-width:640px) and (max-width:799px)  {
	.zone_mockup_1							{height:400px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px;}

	.partner_zone .square					{width:43%;}
	.partner_zone .square_inview			{margin:0px 0px 15px 1%;}
}
@media screen and (min-width:800px) and (max-width:959px)  {
	.zone_mockup_1							{height:400px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px;}
	.partner_zone .square					{width:45%;}
	.partner_zone .square_inview			{margin:0px 0px 15px 1%;}
}