

@media only screen and (max-width:1255px){
	
	#header nav#menuhead .lang-item{display: none;}

}


@media only screen and (min-width:1200px){
	
	#btn_menu{display: none;}

}

@media only screen and (max-width:1199px){
	
	#menuhead{display: none;}

}


@media only screen and (max-width:1024px) {


	.main_emploi h3{font-size: 26px;}
	.main_emploi .item .infos{margin-top: 30px}
	#success #title h3{margin-bottom: 120px;}
	#logosfooter img{height: 22px;}


}

@media only screen and (max-width:760px) {
	body{
		background: #fafafa;
	}

	#header.scroll{
		background: rgba(255, 255, 255, 0.75);
		width: 96%;
		left: 2%;
		top: 5px;
		border-radius: 15px;
	}

	h1, #success-stories #lienscomp h1, #single_success #lienscomp h1, #offre-rd #head h1{font-size: 60px;line-height: 70px}
	#head h1{font-size: 40px;line-height: 60px}
	#innovons-ensemble #head h1{font-size: 45px;line-height: 60px}
	h2{font-size: 20px;line-height: 35px;}
	#offre #head h2, #single_success #lienscomp h2{font-size: 20px;line-height: 35px; margin-top: 15px;}
	#success-stories #lienscomp h2, #single_success #lienscomp h2{font-size: 25px;line-height: 35px; }
	#success-stories #lienscomp .title, #single_success #lienscomp .title{margin-bottom: 90px;}
	#success #head h2{font-size: 22px;line-height: 35px; }
	#head p{font-size: 18px;line-height: 25px; margin-top: 15px;}

	#menu #nav .menu-item{text-align: center;}

	#head{padding-top:160px; margin-bottom: 0px; padding-bottom: 120px;}
	#success #head{padding-top:90px;margin-bottom: 0px}
	#accueil #head {margin-bottom: inherit;}

	#accueil #head h1, #institut #head h1{font-size: 35px; line-height: 50px;}
	#main_comp #competences h3{font-size: 50px;line-height: 60px;}
	#main_comp #competences{background-position: 0 30%;}
	#actus #head h1{font-size: 50px; line-height: 60px;}
	#actus #head{padding: 250px 0 30px; margin-bottom: 30px}
	#success-story #lienscomp, #single_story #lienscomp{background-size: contain !important;}
	#lienscomp .item{margin-bottom: 60px}
	#success #title h3{font-size: 18px; line-height: 30px;margin-bottom: 90px;}
	#success #head h1, #success #title h3 strong{font-size: 65px; line-height: 70px;}
	#success #head h3{font-size: 20px; line-height: 30px;}
	#main_single-success #headsingle{background-position: 50% 180px !important;}
	#main_single-success #headsingle #headbottom{padding: 40px 0; margin-bottom: 60px;}

	#layout{ margin-bottom:60px; }

	.box .txt{ padding: 30px; }

	#innovons-ensemble #main_page #pres h3{font-size: 40px; line-height: 50px}
	#innovons-ensemble #main_page #pres .ma{margin: 90px 0 30px;}
	#main_page #timeline .item-left .card *, #main_page #timeline .item-right .card *{text-align: center;}
	#main_page #timeline .badge img{margin-bottom: 60px;}

	#main_single-success #headsingle #title{padding: 120px 15px 60px;}
	#main_single-success #compet{margin-top: 120px}

	#headsingle #cover .img{min-height: 400px;}
	#main_single-actu #content #texte{column-count: 1;}

	.main_emploi h2{font-size: 35px; line-height:45px; text-align: left;}
	.main_emploi h3{text-align: left;}

	#main_contact h3, #main_contact h3 strong{font-size: 25px;line-height: 35px;}

	footer #lienfooter{bottom: 0;}
	footer #lienfooter .row{-ms-flex-pack: center !important; justify-content: center !important;}
	footer #lienfooter h5{font-size: 28px;line-height: 40px; text-align: center;}
	footer #nav li{text-align: center;}
	footer #logo, footer .infos p, footer #social{text-align: center;}
	

}