@charset "utf-8";
/* CSS Document */

/*
Theme Name:MBDA
Theme URI:-
Author:ORC Communications
Author URI:http://www.orc.fr/
Description:
Version:1.0
License:
License URI:
Tags:
*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,600,700');

/* ==================================== */
/* BASIC */
/* ==================================== */
html, body { height:100%; min-height:100%; }
body { 
	margin:0; padding:0; font-size:68.5%; font-family:'Lato', sans-serif; line-height:1.2; color:#000;background-color:#000; 
}
h1, h2, h3, h4, h5, h6 { 
	font-family:'Lato', sans-serif; font-weight:600; }
h1 { 
	font-size: 30px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
 }
h2 { 
	font-size: 22px;
    line-height: 24px;
    margin: 0;
    font-weight: bold;
 }
h3 { margin:0.3em 0 0.2em 0; }
h4 { 
	margin:0.2em 0 0.1em 0; }
h5 { font-size:1.1em; margin:0.1em 0 0.1em 0; }
img:not(.image) { max-width:100%; height:auto; border:none; width:100%;}
a { color:#ffffff; text-decoration:none; border:none; }
ul { list-style: none;margin:0; padding:0; }
#main_container { width: 100%; height: 100%; min-height: 100%; }
.red { color: #e4002b; }
.white { color: #ffffff; }
.bgred { background-color: #e4002b !important; }
.bgwhite { background-color: #ffffff !important; }
.bgblack { background-color: #000 !important; }
.bggrey { background-color:#ebebec; }
.bg-bleu{ 
	background-color: #D0E6EB;
	background-image: url(../images/fond-parcours.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}
.black { color: #000; }
.visuel1 { position: relative !important; min-height:535px; }
.right { text-align:right; }

/* ==================================== */
/* SECTIONS */
/* ==================================== */
section.section, #encart3 { position:relative; width:100%; display: table; }
section * { position:relative; }
.nobg .bgbloc { background: none !important; }
figure.figure { margin:0; padding:0; background-size: cover; background-position: center; height:100%; width:100%;position:absolute; transition: all .25s; }
figure.figure2 { margin:0; padding:0; background-size:cover; background-position: center; width:100%; position: absolute; height: 100%; transition: all .25s; }
.picture { position: relative; }
.segsub { position: relative; padding-bottom: 50px; margin: 0; line-height: 30px; padding:20px 20px 40px 20px; font-weight: bold !important }
.header { position:relative; }
.header .logo{
	position: absolute;
	top: 100px;
    left: 40px;
    width: 40%;
}
.inscription, .inscription2 { 
	position:fixed;
	z-index: 1000;
	cursor:pointer; 
}
.bloc_home { position: relative; width: 83%; max-width: 663px; height: 100%; background: no-repeat; margin: 18% 17% 0% 17%; font-family: 'Rajdhani', sans-serif; font-size: 3.3em; color: #000; letter-spacing: 0px; overflow: hidden; }
.bloc_home_square { background-color: rgba(255, 255, 255, 0.75);width: auto;line-height:0.92em; padding: 6% 4%;max-width:540px; }
.bloc_home_square span.black { font-size:1em; }
.bloc_home_triangle { position: absolute; top: 0; bottom: 0; right: 0; width: 70px; height: 100%; overflow: hidden; }
.bloc_home_triangle:after { background-color: rgba(255, 255, 255, 0.75); content: " "; height: 134%; left: -138px; position: absolute; top: -120px; transform: rotate(-54deg) skew(-29deg); width: 163px; }
.center { text-align:center; }
.left { text-align:left; }
.topsecret { font-size:0.75em;font-weight:600; }
.savoir { font-size:0.5em; text-transform: uppercase; font-weight: 600;cursor:pointer; }
.picto_encart4 { 
	margin: 0 auto;  
	font-size: 0;
}
.container { 
	padding: 90px 60px 125px;
 }
 .container .groupe{ 
	max-width: 1200px;
	margin: 0 auto;
 }
.title { 
	text-align: center; 
	max-width: 1236px;
	margin: 0 auto;
}
.title h1{ 
	color: #15829D;
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px; /* 109.091% */
	text-transform: uppercase;
}
.title span{ 
	display: block;
	color: #191919;
}
.bbot { 
	width: 23px; height: 7px; background-color: #FFF; 
	margin: 20px auto 30px; text-align: center; 
}
.first_bloc{ 
	width: 48%; 
	display: inline-block; vertical-align: top; margin-right: 4%;
	margin-top: 45px; 
}
.second_bloc { 
	width: 47%; display: inline-block; vertical-align: top; 
	margin-top: 0px; 
}
.second_bloc h2 { 
	color: #15829D;
	font-size: 25px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px; /* 96% */
}
.first_bloc p { 
	color: #191919;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
	padding: 0px 5px 0 0;
}
.first_bloc p span { 
	color: #15829D;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 26px; /* 108.333% */
}

.section2 .second_bloc p {
	font-weight: 700;
	font-size: 22px;
	line-height: normal;
}

.second_bloc p { 
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding: 5px 5px 20px 0;
	margin: 0;
}

.picto_list { 
	list-style: none;
    margin: 55px 70px 0;
    padding: 0;
}
.picto_list li { 
	display: inline-block;
    margin: 0px 20px 0 0;
    width: inherit;
    text-align: center;
    vertical-align: middle; 
}
.bloc_prog {     
	height: 100%;
    padding: 40px 40px;
    position: relative;
    border: 2px solid #15829D;
}
.bloc_prog .programme{     
	font-size: 30px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
}
.bloc_prog h2.evenement{     
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 10px 0 0;
}

.program_list { 
	padding: 0 20px;
	font-size: 19px;
    line-height: 23px; 
	list-style: disc;
}
.program_list li{ 
	padding: 5px 0;
}

.section4 ul.metiers { list-style: none; margin:0 auto;  
	width:44%; margin-right:5%; display:inline-block; vertical-align: top; 
}
.metiers p{ 
	font-size: 18px;
	line-height: 23px;
	margin-top: 20px;
}
.metiers li { 
	color: #15829D;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 26px; /* 108.333% */
	text-transform: uppercase;
	padding-bottom: 12px;
}

.accroche{
	position: absolute;
    bottom: 180px;
    left: 158px;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 44px; /* 110% */
	text-transform: uppercase;
    max-width: 565px;
}
.accroche span{
	font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    display: block;
    padding: 20px 0 0px;
    text-transform: initial;
}
.accroche span strong{
	font-weight: 800;
}

/* finalement on n'afficha pas les boutons dans les blocs */
.inscription-section2, .inscription-section3, .inscription-section4{
	display: none;
}

.inscription-section2{
	position: absolute;
    bottom: 123px;
    left: 0;
    z-index: 2;
}

.inscription-section3{
	position: absolute;
    bottom: 110px;
    left: 0;
    z-index: 2;
}

.inscription-section4{

}

.footer { background-color:#484848;width:100%; height:auto; }
.footer ul { 
	padding:40px; text-align:center; 
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 26px; /* 108.333% */
}
.footer li { padding-left:15px; display:inline-block; }
.footer li .bleu { 
	color: #A1CDD8; 
}

/* formulaire d'inscription */
#encart1i { background:#000; }
.ins_container_2017 { padding: 4% 12%; 
	color: #000; text-align: center; background:rgba(255,255,255,0.7); }
.ins_container_2017 h3 { text-transform: uppercase; }
.ins_container { 
	padding: 80px 40px; 
	color: #15829D;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 111.111% */
	text-transform: uppercase; 
	text-align: center; 
	background:#fff; 
	
}
.ins_container span.noir{ 
	color: #191919;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	display: block;
}
.ins_container h3 { 
	text-transform: uppercase;
    max-width: 1240px;
    margin: 30px auto;
 }
 .ins_container h4 { 
	font-size: 24px;
	line-height: 30px;
 }

.ins_container p { 
	font-size: 22px;
    max-width: 625px;
    margin: 20px auto;
}
.ins_container_ml { padding: 4% 12%; color: #000; text-align: left; background:#fff;font-size: 1.3em; }
.ins_container_ml h2 { font-size:3em; margin:0.3em 0 0.2em 0; text-transform: uppercase; color:#000; }
.ins_container_ml h3 { font-size:2em; margin:0.4em 0 0.25em 0; color:#15829D; }
.ins_container_ml a { color:#000; font-weight:bold; }
.list_inscription { 
	list-style: none;
	padding: 4% 0%;
    margin: 0 auto;
    counter-reset: li;
    font-weight: normal;
    text-align: center;
    color: #000;

	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 136.364% */

}
.list_inscription li { 
	display: inline-block;
    width: 17%;
    padding-left: 4px;
    margin-right: 41px;
    text-align: left;
    margin-right: 45px;
    padding-right: 15px;
    max-width: 262px;
    vertical-align: top;
	margin-bottom: 20px;
}
.list_inscription li:last-child { margin-right: 0px; }
.list_inscription li:before{ 
	content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0px;
    left: -40px;
    color: #15829D;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px; /* 111.111% */
    padding: 0px 5px;
    border-bottom: 2px solid #15829D;
}
.bloc_inscription { 
	background: #FFF;
    color: #000;
    padding: 60px 40px;
    max-width: 965px;
    margin: 0 auto;
 }
.bloc_inscription h3 { 
	color: #000;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
 }
.row_form { 
	clear:both; 
	color: #000;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px; /* 131.579% */
	text-transform: uppercase;
	margin:20px 0px;
}
.row_form label{ width:33%; display:inline-block; text-transform:uppercase; }
.row_form input{ 
	width: 64%;
    vertical-align: top;
    padding: 10px;
    border-radius: 2px;
    border: 2px solid #B8BABB;
    background: #FFF;
}
.row_form input[type=submit]{ 
    background-image: url(../images/bt-je-valide.png);
	border: none;
	margin-top: 70px;
	background-repeat: no-repeat;
	background-size: contain;
}
.row_form select{ width:77%; vertical-align: top; }
.row_form_label { 
	clear:both; margin:20px 0px; 
	color: #15829D;
	font-size: 25px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px; /* 96% */
}
.row_form_label label.small { 
	color: #15829D;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 157.895% */
}

.row_form_label label.noir { 
	color: #000;
}
.row_form_label label.noir span{ 
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.row_form_responses { margin:20px 0px; font-size:1.5em; }

.row_form_responses.liste-metiers{ 
	max-width: 840px;
}

.row_form_responses .data { 
	margin-bottom:10px; 
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}
.row_form_responses .cb { width: 20px; float: left; }

.row_form_responses .cb input{ 
	border-radius: 2px;
    border: 2px solid #B8BABB;
    background: #FFF;
    /* appearance: none; */
    background-color: #fff;
    margin: 0px 0px 0px 6px;
    font: inherit;
    color: currentColor;
    width: 1.7em;
    height: 1.7em;
    transform: translateY(-0.075em);

}



.validForm { cursor: pointer; border: 0; display: block; padding: 0; margin: 0; background-color: #fff; }
.invalid { color:#F00; }
.list_elem { list-style:none; margin:0;padding:0; }
.list_elem li {display:inline-block;
    margin: 10px 25px 10px 0;
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:30px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bloc_home_square p { margin:0; padding:0; }

/* ==================================== */
/* BLOCS */
/* ==================================== */
.clear { clear:both; }
.bloc { width: 100%; margin: 0 auto; display: table;margin-top: 20px; }
.header_menu a {  
	color: #000;
}
.header_menu li {  margin:10px 0px; }


/* ==================================== */
/* BUTTON SCROLL BOT */
/* ==================================== */
.bt_center { text-align:center; padding-top: 20px; padding-bottom: 20px; }
.header .scroll{
	position: absolute;
	bottom: 60px;
	left: 60px;
}
.scroll_inv { background-image:url(../design/bt_scroll.png); width:26px; height:26px;display: inline-block;filter: invert(100%); }
.section:last-of-type .scroll, .section:last-of-type .scroll_inv { transform: rotate(180deg);  }

/* ==================================== */
/* ARROW BLOCS */
/* ==================================== */
.arrow { height: 20px; position: absolute; width: 5px; }
.arrow:after { background-color: inherit; content: ""; height: 5px; left: 0px; position: absolute;	top: 0px; width: 20px; }
.chevron { position: relative; padding:21px 5px; }
.chevron:before { content: ''; position: absolute; top: 32px; left: 0; height: 2px; width: 5px; background: #ff9800; transform: skew(45deg, -45deg); }
.chevron:after { content: ''; position: absolute; top: 29px; left: 0; height: 2px; width: 5px; background: #ff9800; transform: skew(-45deg, 45deg); }

/* ==================================== */
/* TEXT STYLES */
/* ==================================== */


/* ==================================== */
/* RESPONSIVE */
/* ==================================== */
@media screen and (max-width:468px) {
	.bloc { width: 100%; height: auto; }
	.header_menu { margin-top: -1%; font-size: 1.3em; width: 98%; padding: 1%;  }
	.bloc_home { max-width: 80%; margin:15% auto; }
	.bloc_home_triangle { display:none; }
	.picto_encart4 { max-height: 252px;width:100%; }
	.bloc_home_triangle { display:none; }
	.bloc_home_square span.black { font-size:0.8em; }
	.first_bloc, .second_bloc { width:100%; }
	.container { 
		padding: 10px; margin: 0 auto; width: 90%; 
	}
	.bloc_prog { padding:7%; }
	.metiers { width:90%; }
	.metiers li { width:100%; }
	.hm { display:none; }
	.list_inscription {     padding: 15% 5% 10% 5%; }
	.list_inscription li, .list_inscription li:last-child { width: 70%; min-height: 90px; display: block; vertical-align: middle; margin-left: 60px; }
	.list_inscription li:before {top:0px;}
	#encart1r { height:auto !important; }
	.bloc_inscription {     
		width: 90%;
		padding: 10px;
	 }
	.row_form label, .row_form input, .row_form select { width: 97%; margin: 0; }
	.list_elem li {display:block; clear: both;}
	.row_form_responses .cb {margin: 0px; }
	.validForm { 
		background-repeat: no-repeat;
		height: 71px;
		background-size: contain;
		background-image: url(../images/bt-je-valide.png);  
	}
	.picto_list li { width: auto; }
	.inscription, .inscription2 { width: 100%; bottom: 0%; left: 50%; margin-left: -50%; position: fixed; text-align: right; margin-bottom: -3%; background: black; }
	.footer { padding-bottom: 60px; }
	.bt_center {padding-top: 20px; padding-bottom:20px;}
	.nm { margin:0px; }
	.ins_container_ml { padding: 4%; width:90%; }
}

@media screen and (min-width:469px) and (max-width:768px) {
	.bloc { width: 100%; height: auto; }
	.header_menu { text-align:left;font-size:1.4em; width:100%; 
		background-color: #FFF;
		margin-top: -0.5%;   }
	.header_menu li { margin: 10px 10px; display: inline-block; }
	.bloc_home { margin: 0 auto; margin:15% auto; }
	.bloc_home_triangle { display:none; }
	.picto_encart4 { max-height: 252px;width:100%; }
	.bloc_home_triangle { display:none; }
	.bloc_home_square span.black { font-size:0.8em; }
	.first_bloc, .second_bloc { width:100%; }
	.container { padding: 10px; margin: 0 auto; width: 90%; }
	.bloc_prog { padding:7%; }
	.metiers { width:90%; }
	.metiers li { width:100%; }
	.hm { display:none; }
	.list_inscription {     padding: 10% 5% 10% 5%; }
	.list_inscription li, .list_inscription li:last-child { 
		width: 70%; min-height: 90px; display: block; vertical-align: middle; margin-left: 60px;
	}
	.list_inscription li:before {top:0px;}
	#encart1r { height:auto !important; }
	.bloc_inscription { width: 80%; padding: 15px; }
	.row_form label, .row_form input, .row_form select { 
		width: 97%; 
		padding: 5px;
		margin: 0; 
	}
	.list_elem li {
		display:block; clear: both;
		margin-bottom: 4px;
	}
	.row_form_responses .cb {margin: 0px; }
	.validForm { 
		
		background-repeat: no-repeat;
		height: 71px;
		background-size: contain;
		background-image: url(../images/bt-je-valide.png);  
	}
	.picto_list li { width: auto; }
	.footer { padding-bottom: 60px; }
	.inscription, .inscription2 { width: 100%; bottom: 0%; left: 50%; margin-left: -50%; position: fixed; text-align: right; margin-bottom: -3%; background: black; }
	.bt_center {padding-top: 20px; padding-bottom:20px;}
	.nm { margin:0px; }
	.ins_container_ml { padding: 4%; width:90%; }
}

@media screen and (min-width:469px) and (max-width:1000px) {

	.list_inscription{
		padding: 10% 5% 10% 5%;
	}
	.list_inscription li, .list_inscription li:last-child { 
		width: 70%; min-height: 90px; display: block; vertical-align: middle; margin-left: 60px;
	}
}

@media screen and (min-width:769px) {
	.header_menu { 
		text-align: left;
    bottom: 7%;
    margin-left: 100px;
    position: absolute;
    color: #FFF;

	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px; /* 150% */

	}
	.header_menu li { margin: 10px 10px; display: inline-block; }
	.bloc { width: 100%; height: auto; }
	.picto_encart4 { }
	.bloc_home_triangle { display:none; }
	/*.bloc_prog { width:100%; }*/

	#encart1r { height:auto !important; }
	.row_form_responses .data { float:left; }
	.row_form_responses .cb {margin:0px 20px 0 0; }
	.validForm {  
		width: 557px !important;
		height: 71px; 
		background-image: url(../images/bt-je-valide.png); 
	}
}

@media screen and (max-width:1200px) {
	.bloc_home_triangle { display:none; }
	#encart1r { height:auto !important; }
}

@media screen and (max-width:1280px) {
	.section3 .first_bloc .bloc-video {
		position: absolute;
		width: 590px;
		top: 120px;
		left: 10px!important;
		z-index: 2;
	}
}

@media screen and (min-width:1024px) {
	.inscription { 
		top: 76%;
        left: 0;
        position: fixed;
        text-align: right;
	}
}

@media screen and (max-width:1024px) {
	.section3 .first_bloc {
		width: 55%;
		display: inline-block;
		vertical-align: top;
		margin-right: 4%;
		margin-top: 40px;
	}
	.section3 .second_bloc {
		width: 35%;
		display: inline-block;
		vertical-align: top;
		margin-right: 4%;
		margin-top: 0px;
	}
}

/* à partir de cette taille, on peut avoir un bloc ne prenant pas toute la page */
@media screen and (min-width:1200px) {
	section.section, #encart3, .footer { 
		position:relative; 
		/* width:1200px;  */
		display: table; 
		margin: 0 auto; 
	}
	
	.footer {height: auto;}
	.picto_encart4 { 
		max-width: 1512px;
	}
	.bloc { width: 1200px; height: auto; }
	.bloc_home { max-height: 244px; }
	.bloc_home_triangle { display:block; }
	/*.bloc_prog { width:100%; }*/

	#encart1r { height:auto !important; }
	.programme_picto { background:url(../design/picto_programme.png); background-repeat:no-repeat; width:170px; height:150px; position:absolute; top:0px; right:60px; }
	.evenement { 
		padding: 5px 0;
	 }
	.programme {  }
}

@media screen and (min-width: 1100px) and (max-width:1399px)  {
	section.section, #encart3, .footer {
		position: relative;
		/* width: 1200px; */
		display: table;
		margin: 0 auto;
	}
	.header .logo {
		position: absolute;
		top: 80px;
		left: 50px;
		width: 300px;
	}
	.accroche {
		position: absolute;
		top: 40%;
		left: 68px;
		font-size: 35px;
		font-style: normal;
		font-weight: 800;
		line-height: 41px;
		text-transform: uppercase;
		max-width: 550px;
	}
	.accroche span {
		font-size: 43px;
		font-style: normal;
		font-weight: 700;
		line-height: 47px;
		display: block;
		padding: 20px 0 0px;
		text-transform: initial;
	}
}

@media screen and (min-width: 1100px) and (max-width:1200px)  {
	.inscription-section2 {
		position: absolute;
		bottom: 80px;
		left: 0;
		z-index: 2;
	}
}


@media screen and (min-width: 1400px) and (max-width:1511px)  {
	section.section, #encart3, .footer {
		position: relative;
		/* width: 1200px; */
		display: table;
		margin: 0 auto;
	}
	.header .logo {
		position: absolute;
		top: 120px;
		left: 50px;
		width: inherit;
	}
	.accroche {
		position: absolute;
		top: 45%;
		left: 68px;
		font-size: 40px;
		font-style: normal;
		font-weight: 800;
		line-height: 44px;
		text-transform: uppercase;
		max-width: 565px;
	}
}
@media screen and (min-width: 1512px)  {
	.header .logo {
		position: absolute;
		top: 100px;
		left: 138px;
		width: inherit;
	}
}

@media screen and (min-width:1512px) {
	section.section, #encart3, .footer { 
		position:relative; width:1512px; display: table; margin: 0 auto; 
	}
	section2 { 
		background-color: #FFF;
	}
}

.video-first{
	margin-top: 40px;	
}

.contact_btn {
	padding: 10px 20px;
	background: #e4002b;
	display: inline-block;
	float: right;
}

.pcharge {
	font-size: 16px;
	font-style: italic;
}




.evenement { 
	padding: 5px 0;
 }

 .section2{
	background-color: #FFF;
 }
.section3{
	background-color: #E7E8E8;
	
 }

 .section2 .second_bloc{
	margin-top: 60px;
 }
 .section3 .title h1{
	color: #15829D;
	text-align: center;
	font-family: Lato;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px; /* 133.333% */
	text-transform: uppercase;
 }

 .section3 .container{
	padding: 80px 0;
	background-image: url(../images/fond-chiffres-cles.png);
    background-repeat: no-repeat;
 }
 .section3 .container .groupe{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 170px;
 }
 .section3 .container .groupe .title{
	margin: 0 auto 60px;
 }

.section3 .first_bloc{
	margin-top: 0;
}
.section3 .first_bloc .bloc-video{
	position: absolute;
    width: 590px;
    top: 0px;
	left: 0px;
    z-index: 2;
}
.section3 .second_bloc p{
	padding-bottom: 28px;
}

.section3 .first_bloc .chiffres-cles{
	position: absolute;
    top: 390px;
    left: 90px;
}

.section4{
	background-color: #FFF;
	background-image: url(../images/fond-section4.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 75px;
}

.section4 .container{
	padding: 70px 0px 40px;
}
.section4 .container .groupe .title h1{
	color: #15829D;
	text-align: left;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px; /* 133.333% */
	text-transform: uppercase;
}
.section4 .container .groupe p{
	color: #191919;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 26px; /* 108.333% */
	max-width: 1085px;
	margin-bottom: 60px;
}

/* page inscription */

.logo-inscription{
	position: absolute;
    top: 90px;
    left: 150px;
	width: 267px;
}


@media screen and (min-width:320px) and (max-width:768px){
	.accroche {
		position: inherit;
		bottom: inherit;
		left: 60px;
		font-size: 40px;
		line-height: 45px;
		max-width: 510px;
	}
	.header .scroll {
		display: none;
	}
	.section2 .first_bloc {
		margin-top: 0;
	}
	.section3 .first_bloc {
		width: inherit;
		display: block;
	}
	.section3 .second_bloc {
		width: inherit;
		display: block;
	}
	.section3 .container {
		padding: 40px 0;
	}
	.section3 .container .title {
		text-align: center;
		margin: 20px 0 30px;
	}
	.picto_list {
		list-style: none;
		margin: 0 auto;
		padding: 20px 20px;
		text-align: center;
	}

	.section3 .container{
		background-image: none;
	}
	
	.section3 .first_bloc .bloc-video {
		position: relative;
	}
	.section3 .first_bloc .chiffres-cles {
		position: relative;
		top: inherit;
		left: inherit;
		text-align: center;
	}
	.section3 .first_bloc .chiffres-cles img{
		width: inherit;
	}
	.section3 .second_bloc {
		padding-top: 50px;
	}

}

@media screen and (min-width:320px) and (max-width:767px){
	.ins_container h3 {
		/* font-size: 2.5em; */
	}
	.ins_container p {
		font-size: 18px;
		max-width: 625px;
		margin: 20px auto;
	}
}


@media screen and (min-width: 1000px) and (max-width:1200px)  {
	.section4 .container {
		padding: 70px 40px 40px;
	}
}

@media screen and (min-width: 769px) and (max-width:1100px)  {

	.header .logo {
		position: absolute;
		top: 80px;
		left: 50px;
		width: 300px;
	}
	.accroche {
		position: absolute;
		top: 280px;
		left: 51px;
		font-size: 25px;
		font-style: normal;
		font-weight: 800;
		line-height: 29px;
		text-transform: uppercase;
		max-width: 45%;
	}
	.accroche span {
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 33px;
		display: block;
		padding: 20px 0 0px;
		text-transform: initial;
	}

	.section3 .first_bloc .bloc-video {
		position: absolute;
		width: 500px;
		top: 0px;
		left: 10px;
		z-index: 2;
		max-width: 100%;
	}
}




.inscription-haut{
	display: none;
}

@media screen and (min-width:320px) and (max-width:1023px){
	.inscription{
		display: none;
	}
	.inscription-haut{
		display: block;
	}
}

@media screen and (min-width:320px) and (max-width:900px){
	.section4 .container {
		padding: 70px 15px 40px;
	}
}

@media screen and (min-width:768px) and (max-width:1040px){

	.inscription-haut {
		top: 0;
		bottom: inherit;
		left: 0;
		position: fixed;
		z-index: 1000;
		cursor: pointer;
	}
	
	.header .logo {
		position: absolute;
		top: 100px;
		left: 50px;
		width: 300px;
	}
	.accroche {
		position: absolute;
		top: 300px;
		left: 51px;
		font-size: 25px;
		font-style: normal;
		font-weight: 800;
		line-height: 29px;
		text-transform: uppercase;
		max-width: 45%;
	}
	.accroche span {
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 33px;
		display: block;
		padding: 20px 0 0px;
		text-transform: initial;
	}

	.inscription-section2 {
		position: absolute;
		bottom: 51px;
		left: 0;
		z-index: 2;
	}

	.section3 .container .groupe {
		max-width: 1200px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

}

@media screen and (min-width:768px) and (max-width:860px){

	.header .logo {
		position: absolute;
		top: 100px;
		left: 50px;
		width: 250px;
	}
	.accroche {
		position: absolute;
		top: 265px;
		left: 51px;
		font-size: 20px;
		font-style: normal;
		font-weight: 800;
		line-height: 25px;
		text-transform: uppercase;
		max-width: 45%;
	}
}

@media screen and (min-width:320px) and (max-width:767px){

	.title h1 {
		color: #15829D;
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: 38px;
		text-transform: uppercase;
		padding: 20px;
	}

	.accroche{
		color: #FFF;
		padding: 20px;
		font-size: 30px;
		line-height: 35px;
		left: 0;
	}
	.accroche span{
		font-size: 38px;
		font-style: normal;
		font-weight: 700;
		line-height: 44px;
	}
	.inscription-haut{
		position: fixed;
		bottom: 0;
		z-index: 1000;
	}
	.inscription-haut img{
		max-width: 110%;
	}
	

	.section3 .first_bloc .bloc-video {
		width: 100%;
	}

	.section4 {
		background-image: none;
	}

	

}

@media screen and (min-width:320px) and (max-width:1040px){
	.inscription-section2,
	.inscription-section3,
	.inscription-section4 {
		display: none;
	}

	.ins_container {
		padding: 100px 40px;
		color: #15829D;
		text-align: center;
		font-family: Lato;
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 37px;
		text-transform: uppercase;
		text-align: center;
		background: #fff;
	}

}

@media screen and (min-width:320px) and (max-width:600px){
	.metiers li {
		color: #15829D;
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		line-height: 20px;
		text-transform: uppercase;
		padding-bottom: 12px;
	}

	
}
@media screen and (min-width:320px) and (max-width:768px){
	.row_form_responses .data {
		margin-bottom: 10px;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 25px;
		margin-left: 25px;
	}
}

@media screen and (min-width: 320px) and (max-width: 768px){
	.ins_container {
		padding: 50px 40px;
		color: #15829D;
		text-align: center;
		font-family: Lato;
		font-size: 23px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px;
		text-transform: uppercase;
		text-align: center;
		background: #fff;
	}
	.ins_container span.noir {
		color: #191919;
		font-size: 23px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px;
		text-transform: uppercase;
		display: block;
		margin-
	}
}