.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-programme-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: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;}
.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; min-height:300px; display: inline-block;}
.zone-text .col1 .box1_b .textact			{width:calc(100% - 50px); margin-top:15px; margin-bottom:15px;;}
.zone-text .col1 .box1_b .textact .program_list 		{padding-left:50px; position: relative; display: block; line-height:35px;}
.zone-text .col1 .box1_b .textact .program_list:before 	{content:""; position:absolute; top:10px; left:20px; display: block; width:15px; height:15px; background:url('../img/boutons/navigator.png') center center no-repeat; background-size:cover; transform: rotate(90deg); transition:all .2s ease-out;}
.zone-text .col1 .box1_b .textact .program_list:hover	{color:#009fc3;}
.zone-text .col1 .box1_b .textact .program_list:hover:before{left:30px;}
.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 .col1 .box1_b .textact .info_mail			{margin-top:30px;}

.zone-text .col1 .box1_c					{width:calc(98%); max-width:740px; margin:10px auto; height:auto; min-height:300px; display:block;}
.zone-text .col1 .box1_c 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 .col1 .box1_c .textact			{width:calc(100% - 50px); margin-top:15px; margin-bottom:15px;;}
.zone-text .col1 .box1_c .textact .hotpoint				{width:calc(100% - 50px); height:auto; padding:25px; color:#f7f7f7; background:#003946; font-size:22px; margin:-10px auto 20px auto;}
.zone-text .col1 .box1_c .textact .hotpoint ul 			{margin:10px 0px 0px 0px; padding:0px 0px 0px 5px; font-size:17px; list-style-type: circle;}
.zone-text .col1 .box1_c .textact .hotpoint li 			{font-size: 17px;}
.zone-text .col1 .box1_c .textact iframe				{margin:30px auto; padding:0px; border:none; background:#fff;}

@media screen and (min-width:100px) and (max-width:639px)  {
	.zone_mockup_1							{height:400px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px;}
	.zone-text								{padding:10px; width:calc(100% - 20px);}
	.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;}


}