*{
	margin:						0;
	padding:					0;
}

a{
	text-decoration:			none;
	color:						#000;
}

body{
	font-family:				'Open Sans', sans-serif;
}

/* COULEURS */

/* ROUGE TRÈS CLAIR = f03839
/* ROUGE CLAIR = ee2224
/* ROUGE FONCÉ = c32727

/* GRIS CLAIR = 565656
/* GRIS FONCÉ = 303030

/*-----------------*/

/* CLASSES PERSOS */
.hideButDisplayOnMobile{
	display:					none;
}
.flexContent{
	padding:					5px;
	display:					flex;
	display:					-webkit-flex;
	justify-content:			space-between;
	-webkit-justify-content:	space-between;
	align-items:				flex-start;
	-webkit-align-items:		flex-start;
}
.center{
	width:						1405px;
	margin:						0 auto;
	overflow:					hidden;
	/* position:					relative; */
}
.full{
	width:						100%;
}
.wrapper{
	overflow:					hidden;
}
.bgRed{
	background-color:			#c32727 !important;
}
.red{
	color:						#ee2224;
}
.grey{
	color:						#303030;
}
.white{
	color:						#fff;
}
.titleSection{
	text-transform:				uppercase;
	font-family:				'Jura';
	font-size:					30px;
	text-align:					center;
	margin-bottom:				20px;
}
.subtitle{
	color:						#888;
	font-size:					15px;
	margin:						0px 0 40px 0;
	text-align:					center;
}
.section{
	padding:					90px 0;
}
.section p{
	/* text-align:					center; */
}
.linkStrong{
	text-transform:				uppercase;
	color:						#fff;
	padding:					10px 20px;
	border-radius:				1px;
	background:					#303030;
	font-size:					16px;
	display:					inline-block;
	z-index:					1000;
	position:					relative;
}
.centerElement{
	margin:						0 auto;
	text-align:					center;
	display:					block;
}
.margin-25{
	margin-top:					25px;
}
.margin-80{
	margin-top:					80px;
}
.padding-70{
	padding-bottom:				70px;
}
.light{
	font-weight:				300;
}
.shadow{
	box-shadow: 				0 0px 15px rgba(0,0,0,0.05), 0 -1px 10px rgba(0,0,0,0.15);
}
.callTo{
	display:					none;
}
.onMobile .callTo{
	display:					block;
}
/*-----------------*/
::selection{
	background-color: 			#303030;
	color: 						white;
}

/* Firefox */
::-moz-selection {
	background-color: 			#303030;
	color: 						white;
}
.voirPlus,
.cv,
.allerSur{
	display:					inline-block;
	color:						#fff;
	text-align:					right;
	font-size:					14px;
	border-radius:				1px;
	background:					#565656 url('/media/image/interface/aller-vers.png') no-repeat 10px 45%;
	margin-top:					30px;
	
	padding:					10px 20px 10px 36px;
	/* padding:					10px 20px;
	width:						120px; */
}
.cv{
	width:						130px;
	background:					#f03839 url('/media/image/interface/dl.png') no-repeat 10px 50%;
	margin-right:				10px;
}
.cv:hover{
	background-color:			#ee2224;
}
.voirPlus{
	width:						80px;
	background:					#ee2224 url('/media/image/interface/plus.png') no-repeat 10px 50%;
	margin-right:				10px;
	width:						105px;
}
.allerSur:hover{
	background-color:			#303030;
}
.voirPlus:hover{
	background-color:			#c32727;
}
.hidden{
	display:					none!important;
}
#homepage,
#equipe{
	overflow:					hidden;
}
header{
	padding-top:				15px;
}
header .logo{
	width:						265px;
	display:					inline-block;
}
header ul li{
	display:					inline-block;	
	margin-right:				10px;
}
header .language{
	position:					absolute;
	top:						0;
	right:						0;
	opacity:					0.4;
}
header .language.active{
	opacity:					1;
}
header .language:first-child{
	right:						35px;
}
.networks{
	float:						right;
	margin-top:					30px;
}
.networks li{
	margin-right:				0;
}
.networks img{
	/* width:						80%; */
}
#menu{
	text-align:					right;
	margin-top:					20px;
	text-transform:				uppercase;
	/* padding-bottom:				18px; */
}
#menu.center{
	overflow:					visible;
}
#menu a{
	padding-bottom:				15px;
	font-size:					14px;
	display:					inline-block;
	border-bottom:				3px solid white;
}
#menu a.active,
#menu a:hover{
	color:						#ee2224;
	border-bottom:				3px solid #ee2224;
}
#menu li:hover{
	color:						#ee2224;
}
#menu a:hover{
	border-color:				white;
}
#menu ul li ul{
	position:					absolute;
	display:					none;
	/* top:						41px; */
	left:						0;
	background:					#303030;
	padding:					10px;
	width:						calc(100% - 20px);
	z-index:					10000;
	text-align:					left !important;
}
#menu ul li ul li a{
	display:					block;
	color:						#fff;
	padding:					5px 0;
	font-size:					11px;
}
#menu ul li ul li a:hover{
	border-bottom:				3px solid #ee2224;
}
#menu .break{
	display:					block;
	height:						2px;
	width:						30%;
	background:					#fff;
}
#menu ul li ul li a:first-child(){
	padding-top:				0;
}
#menu ul li{
	position:					relative;
}
#menu ul li:hover > ul{
	display:					block;
}

.slider{
	background:					#c32727;
	width:						50000px;
	position:					relative;
}

.contentSlider{
	height:						455px;
	color:						#fff;
	position:					relative;
}
.contentSlider, 
.contentSlider p{
	position:					relative;
	z-index:					1005;
}
.contentSlider p:first-child{
	padding-top:				120px;
}
.contentSlider img{
	position:					absolute;
	top:						0;
	right:						0;
	height:						100%;
	z-index:					0;
}
.contentSlider  p, 
.textSlider{
	position:					relative;
	z-index:					1000;
	width:						65%;
	margin-bottom:				20px;
	font-size:					22px;
}
.item{
	width:						100vw;
	position:					relative;
	transition:					.5s ease;
	display:					block;
	float:						left;
	overflow:					hidden;
	vertical-align:top;
}
.sliderImgBg{
	height:						100%;
	position:					absolute;
	top:						0;
}
.eiffel{
	background:					url('/media/image/interface/eiffel.png') no-repeat top center / cover;
}
.oeil{
	background:					url('/media/image/illustration/9.jpg') no-repeat top right / cover;
}
.banniere1{
	background:					url('/media/image/illustration/10.jpg') no-repeat top right / cover;
}
.banniere2{
	background:					url('/media/image/illustration/6.jpg') no-repeat top right / cover;
}
.banniere3{
	background:					url('/media/image/illustration/7.jpg') no-repeat top right / cover;
}
.banniere4{
	background:					url('/media/image/illustration/8.jpg') no-repeat top right / cover;
}
.slideBar{
	background:					#303030;
	height:						30px;
	padding:					5px 0;
	user-select:				none;
}
.leftArrow,
.rightArrow{
	height:						30px;
	width:						31px;
	display:					block;
	background:					url('/media/image/interface/arrow-right.png') no-repeat top left / contain;
	cursor:						pointer;
	position:					absolute;
	right:						0;
	top:						0;
}
.slideBar .leftArrow{
	transform:					rotate(180deg);
	left:						0;
}
.leftArrow{
	left:						0;
}
#actualitesHomepage{
	position:					relative;
}
#actualitesHomepage .leftArrow,
#actualitesHomepage .rightArrow{
	background:					url('/media/image/interface/arrow-left.png') no-repeat top left / contain;
	top:						50%;
	height:						25px;
	width:						25px;
	transform:					translateY(-50%);
}
#actualitesHomepage .leftArrow{
	left:						0px;
	display:					none;
}
#actualitesHomepage .rightArrow{
	top:						50%;
	right:						0px;
	transform:					translateY(-50%) rotate(180deg);
}
#presentation .actuHome,
#actualites .actuHome,
#equipe .actuHome{
	padding:					30px 70px;
	display:					block;
	margin-bottom:				35px;
	overflow:					hidden;
}
.actuHome ul{
	list-style:					disc;
	margin-bottom:				40px;
	color:						#c32727!important;
}
.actuHome ul li span{
	color:						#000000;
}
.actuHome ul.last{
	margin-bottom:				20px;
}
.actuHome ul a{
	color:						#ee2224;
	font-weight:				bold;
}
#equipe .actuHome h4{
	margin-bottom:				10px;
}
.actuHome p.red{
	text-align:					left;
	margin-bottom:				40px;
}
.actuHome ul li .puce{
	color:						#ee2224;
	font-size:					18px;
	position:					relative;
	top:						2px;
}
.buttonsSlider{
	width:						118px !important;
	position:					relative;
	top:						5px;
}
.step:last-child{
	margin-right:				0;
}
.step{
	display:					inline-block;
	height:						15px;
	width:						15px;
	border-radius:				50%;
	margin-right:				15px;
	background:					rgba(255,255,255,0.7);
	cursor:						pointer;
}
.step.active{
	background:					rgba(255,255,255,1);
}
.step:hover{
	background:					rgba(255,255,255,0.9);
}

.actuHome{
	width:						85%;
	margin:						0 auto;
	position:					relative;
	transition:					.5s ease;
	display:					none;
}
.actuHome.active{
	display:					block;
}
.actuHome h4{
	font-size:					16px;
}
.actuHome h3,
.actuHome p{
	font-size:					18px;
}
.actuHome h3{
	/* margin:						30px 0; */
}
.actuHome .descriptionActu{
	margin:						30px 0;
}
.annotation{
	font-size:				0.8em;
	font-style:				italic;
	display:				block;
	text-align:				right;
	margin:					1em; 
}
#expertises{
	color:						#fff;
	/* background:					url('/media/image/interface/statue-home.png') no-repeat center center / cover; */
	background:					url('/media/image/illustration/10.jpg') no-repeat center center / cover;
}
#expertises .flexContent{
	width:						95%;
	margin:						0 auto;
}
#expertises .flexContent{
	flex-wrap:					wrap;
	-webkit-flex-wrap:			wrap;
	justify-content:			center;
}
.itemExpertise{
	position:					relative;
	vertical-align:				top;
	background:					rgba(238,34,36,0.8);
	width:						200px;
	height:						200px;
	padding:					15px;
	display:					inline-block;
	margin:						40px 20px 0px 20px;
	text-align:					center;
	font-size:					18px;
	transition:					0.3s ease;
}
.itemExpertise h4{
	text-transform:				uppercase;
}
.itemExpertise p{
	width: 						calc(100% - 20px);
	padding: 					0 10px;
	transition:					.2s;
	opacity:					0;
	position:					absolute;
	top:						50%;
	left:						0;
	transform:					translateY(-50%);
}
.itemExpertise:hover{
	background:					rgba(238,34,36,0.88);
}
.itemExpertise.style2{
	width:						150px;
	height:						150px;
}
.itemExpertise.style2 img{
	height:						40px;
}
.itemExpertise.style2 h4,
.itemExpertise.style2 p{
	font-size:					14px;
}
	
.itemExpertise img,
.itemExpertise h4{
	transition:					.2s;
}
.itemExpertise:hover img,
.itemExpertise:hover h4{
	opacity:					0;
}
.itemExpertise:hover p{
	opacity:					1;
}
.itemExpertise img{
	margin:						20px auto;
	height:						65px;
	display:					inline-block;
	text-align					center;
}

#map{
	background:					url('/media/image/interface/map.png') no-repeat center center / cover;
	color:						#fff;
}
#map .center{
	position:					relative;
	overflow:					visible;
}
#map .contactMap{
	position:					relative;
	left:						200px;
	text-align:					right;
	width:						550px;
}
#map .contactMap h4{
	color:						#ee2224;
	margin-top:					15px;
	margin-bottom:				5px;
}
#map .contactMap  ul li{
	display:					block;
}
#map .contactMap .networks {
	margin-top:					0;
	float:						none;
}
#map .contactMap .networks li{
	display:					inline-block;
}
#map .contactMap .networks li:last-child{
	margin-right:				0;
}
#map .encartMap{
	width:						240px;
	height:						270px;
	padding:					20px;
	text-align:					center;
	background:					#494949;
	box-shadow: 				0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	transition: 				all 0.2s ease-in-out;
	position:					absolute;
	top:						0;
	right:						0;
}
#map .encartMap:hover{
	box-shadow: 				0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
#map .encartMap p{
	-webkit-appearance:			none;
	margin-bottom:				10px;
	text-decoration: 			none;
	color:						inherit;
}
#map .encartMap p:last-child{
	margin-bottom:				0;
}
#map .encartMap img{
	display:					block;
	margin:						15px auto;
	text-align:					center;
}

footer{
	background:					#e3e4e6;
	padding-top:				45px;
	font-size:					14px;
	font-weight:				600;
	border-top:					1px solid rgba(0,0,0,0.2);
}
footer ul{
	width:						20%;
}
footer ul.networks{
	width:						auto;
}
footer ul li{
	display:					block;
	margin-bottom:				10px;
}
footer ul li:first-child{
	margin-bottom:				5px;
	display:					block;
}
footer .bottomBar{
	color:						#fff;
	font-weight:				400;
	background:					#ee2224;
	height:						60px;
	line-height:				60px;
	overflow:					hidden;
}
footer .bottomBar ul{
	margin-top:					5px;
}
footer .bottomBar ul li{
	display:					inline-block;
}
footer li a.light{
display:						block;
width:							10vw!important;
}

.follow{
	margin-right:				30px;
	position:					relative;
	bottom:						5px;
}
.slicknav_menu{
	display:					none;
}
.fullImage{
	position:					relative;
	width:						100%;
	overflow:					hidden;
	height:						300px;
	background:					#ee2224;
}
.fullImage img{
	position:					absolute;
	top:						0;
	left:						0;
	height:						100%;
}
.fullImage p{
	color:						#fff;
	text-align:					center;
	font-size:					18px;
	position:					relative;
	top:						50%;
	transform:					translateY(-50%);
}
.searchBar{
	width:						100%;
	height:						40px;
	background:					#303030;
	line-height:				40px;
}
.searchBar form{
	float:						right;
	height:						33px;
	border-bottom:				1px solid #fff;
	position:					relative;
}
.searchBar input{
	background:					none;
	color:						#fff;
	border:						none;
	outline:					none;
}
.searchBar input::-moz-selection{
	background:					#ee2224;
}
.searchBar input[type=submit]{
	width:						20px;
}
.searchBar img{
	position:					absolute;
	right:						0;
	top:						12px;
}
#actualites .section{
	padding-top:				40px;
	padding-bottom:				0;
}
.pagination ul {
	margin:						20px auto;
}
.pagination ul li{
	display:					inline-block;
	padding-right:				10px;
	margin-right:				10px;
	height:						20px;
	border-right:				2px solid rgba(0,0,0,0.2);
}
.pagination ul li a:hover,
.pagination ul li a.active{
	color:						#ee2224;
}
.pagination ul li:last-child{
	border-right:				none;
	margin-right:				0;
	padding-right:				0;
}

#equipeIntro p{
	margin:						50px 0;
}
#equipe .flexContent{
	padding:					0 5px;
}

#presentation p{
	margin:						1em 2%;
	font-size:					16px;
}
#presentation a{
	color:						#ee2224;
	text-decoration:			underline;
}
	#presentation a:hover{
		text-decoration:		none;
	}
#presentation strong{
	font-weight:				bold;
}
#presentation ul{
	list-style:					inside;
	margin:						1em 2em;
}
#presentation p.image{
	position:					relative;
	z-index:					4001;
	display:					block;
}
#presentation p.floatLeft{
	float:						left;
	width:						45%;
}
#presentation .actuHome{
	background:					white;
	/* margin-top:					-150px; */
	margin-top:					-100px;
	z-index:					4002;
}
#presentation p.strong{
	background:					#ee2224;
	padding:					2em;
	margin:						3em;
}
	#presentation p.strong{
			color:				white;
	}
/* 
#presentation .actuHome{
	display: 					block !important;
}
#presentation .actuHome{
	max-height:					285px;
	position: 					relative;
	min-height: 				200px;
	overflow:					hidden;
	margin: 					20px auto;
	padding-bottom:				20px;
} 
#presentation .actuHome p{
	margin: 					10px !important;
	width:						72%;
	margin-left:				27% !important;
}
#presentation .actuHome{
	margin: 					20px 0 !important;
	width:						100%;
}
#presentation .actuHome img{
	width: 						25%;
	float: 						left;
}
#presentation .actuHome.right{
	text-align:					right;
}
#presentation .actuHome.right p{
	margin-left:				0 !important;
	margin-right:				26% !important;
}
#presentation .actuHome.right img{
	float:						right;
*/
}
#realisations table{
	width:						100%;	
}
#realisations table thead{
	border-bottom:				1px solid #ee2224;
}
#realisations table tr td:last-child,
#realisations table th:last-child{
	border-right:				none;
}
#realisations table th{
	font-weight:				600;
}
#realisations table td{
	border-bottom:				1px solid rgba(0,0,0,.15);
}
#realisations table td,
#realisations table th{
	padding:					2px 10px;
	width: 						33%;
	border-right:				1px solid #303030;
}
#realisations .containerTable{
	padding:					20px;
}
.timeline{
	margin: 					10px auto;
	position:					relative;
}
.timeline.right{
	text-align:					right;
}
.timeline.right p.detailTimeline{
	width:						43%;
	width:						92%;
}
.timeline.left p.detailTimeline{
	margin-right:				5% !important;
}
.timeline.right p.detailTimeline{
	margin-left:				5% !important;
}
.timeline p.detailTimeline{
	padding-right:				10px;
	width: 						44%;
	border-right: 				1px solid #ee2224;
	display: 					inline-block;
	text-align:					right;
	margin:						20px auto !important;
}
.timeline p.dateTimeline:before{
	content: 					'';
	position: 					absolute;
	width: 						30px;
	border-top: 				2px dotted #ee2224;
	display:					block;
	top: 						50%;
	left: 						-50%;
	left: 						0%;
}
.timeline p.dateTimeline{
	border: 					1px dotted #ee2224;
	display: 					inline-block;
	width: 						60px;
	height:						60px;
	line-height:				60px;
	position:					absolute;
	top: 						50%;
	left: 						48%;
	left: 						0%;
	transform:					translate(-50%, -50%);
	-webkit-transform:			translate(-50%, -50%);
	text-align:					center;
	border-radius:				50%;
	margin:						0 40px !important;
}
.timeline.right p.dateTimeline:before{
	content: 					'';
	position: 					absolute;
	width: 						30px;
	border-top: 				2px dotted #ee2224;
	display: 					block;
	top: 						50%;
	left: 						100%;
}
.timeline.right p.detailTimeline{
	padding-right: 				0;
	position:					relative;
	padding-left: 				10px;
	border-right:				none;
	text-align:					left;
	border-left: 				1px solid #ee2224;
}
.exigences li{
	display:					block;
	padding-left: 				50px;
	position:					relative;
	margin:						20px auto;
}
.exigences li:before{
	content:					'';
	top:						calc(50% - 10px);
	left:						10px;
	position: 					absolute;
	display:					block;
	width:						20px;
	height:						20px;
	background:					url('/media/image/interface/check.png') no-repeat center center / cover;
}
.sliderEquipe{
	background:					#303030;
	height:						330px;
	margin-bottom:				50px;
	color:						#fff;
	text-align:					center;
	position:					relative;
}
.sliderEquipe.smallSlider{
	height: 					200px !important;
}
.sliderEquipe.smallSlider .prev,
.sliderEquipe.smallSlider .next{
	display: 					none !important;
	height: 					200px;
}
.sliderEquipe.smallSlider h3{
	position:					relative;
	bottom: 					40px;
}
.sliderEquipe.smallSlider ul{
	height: 					200px !important;
}
.sliderEquipe img{
	display:					block;
	margin:						30px auto 15px;
	position:					relative;
	z-index:					0;
	user-select:				none;
/* 	width:						175px; */
 }
.sliderEquipe .imgSliderEquipe{
	position:					relative;
	overflow:					hidden;
	text-align:					center;
}
.sliderEquipe .smallImgSliderEquipe img{
	width: 						60px !important;
	margin: 					0 auto !important;
	margin-bottom: 				30px !important;
	height: 					135px !important;
}
.sliderEquipe .imgSliderEquipe:before{
	content:					'';
	position:					absolute;
	top:						0;
	left:						50%;
	transform:					translateX(-50%);
	display:					block;
	width:						100%;
	height:						195px;
	height:						100%;
	background:					rgba(0,0,0,0.3);
	transition:					.2s;
	z-index:					10000;
}
.sliderEquipe ul{
	width:						100%;
	height:						330px;
	overflow:					hidden;
	position:					relative;
}
.sliderEquipe .prev{
	position:					absolute;
	top:						0;
	left:						0px;
	width:						50px;
	height:						330px;
	cursor:						pointer;
	transform:					rotate(180deg);
	/* display:					none; */
	z-index:					10000;
}
.sliderEquipe .next{
	position:					absolute;
	top:						0;
	right:						0px;
	width:						50px;
	height:						330px;
	cursor:						pointer;
	z-index:					10000;
}
.sliderEquipe .prev img,
.sliderEquipe .next img{
	position:					absolute;
	top:						50%;
	left:						50%;
	transform:					translateY(-50%) translateX(-50%);
	webkit-transform:					translateY(-50%) translateX(-50%);
	width:						31px;
	margin:						0;
	height:						42px;

	margin:						0 0 0 -15px;
}
.sliderEquipe .prev img.hover,
.sliderEquipe .next img.hover{
	display:					none;
}
.sliderEquipe .prev:hover img,
.sliderEquipe .next:hover img{
	display:					none;
}
.sliderEquipe .prev:hover img.hover,
.sliderEquipe .next:hover img.hover{
	display:					block;
}
.sliderEquipe ul li{
	vertical-align:				top;
	display:					inline-block;
	padding:					0 10px;
	width:						190px;
	height:						100%;
	background:					#303030;
	transition:					.2s ease;
	cursor:						pointer;
	position:					relative;
	right:						0;
	float:						left;
}
.sliderEquipe ul li:hover,
.sliderEquipe ul li.active{
	background:					#565656;
}
.sliderEquipe ul li:hover .imgSliderEquipe:before,
.sliderEquipe ul li.active .imgSliderEquipe:before{
	background:					rgba(0,0,0,0);
}
.sliderEquipe h4{
	font-size:					14px;
}
.containerSliderEquipe{
	overflow:					hidden;
}


@media screen and (max-width:1405px){
	.timeline{
		text-align:				left !important;
		width:					100% !important;
	}
	.timeline p.dateTimeline{
		left:					77%;
	}
	.timeline p.dateTimeline:before{
		display:				none !important;
	}
	.timeline p.detailTimeline{
		margin-left:			0 !important;
		padding-right:			0 !important;
		padding-left:			10px !important;
		text-align:				left;
		width:					69% !important;
		border-right:			none;
		border-left: 			1px solid #ee2224;
	}
	.timeline.right p.detailTimeline{
		margin-left:			0 !important;
	}
	.center{
		width:					95%;
	}
	.slicknav_nav a:hover{
		background:				none;
		color:					#ee2224;
	}
	.slicknav_nav a.active{
		color:					#ee2224;
	}
	header .logo{
		display:				block;
		margin:					0 auto;
		text-align:				center;
	}
	header .networks img,
	.bottomBar .networks img{
		height:					20px;
		width:					20px;
	}
	header .networks,
	.bottomBar .networks {
		float:					none;
		text-align:				right;
		margin-right:			15px;
		margin-top:				5px;
	}
	.bottomBar .networks {
		height:					15px;
	}
	.slicknav_btn{
		padding:				5px 10px;
		background:				#565656;
		float:					left;
	}
	.slicknav_menu{
		background:				transparent;
		top:					65px;
		position:				absolute;
		z-index:				10000;
	}
	.slicknav_nav{
		background:				#303030;
	}
	.slicknav_menu .slicknav_menutxt{
		font-size:				14px;
	}
	.slicknav_nav .slicknav_row:hover{
		background:				none;
	}
	.textSlider{
		font-size:				14px;
	}
	#map .contactMap{
		width:					285px;
		left:					0;
	}
	footer .center{
		width:					calc(100% - 15px);
	}
	#actualitesHomepage .leftArrow{
		left:					15px;
	}
	#actualitesHomepage .rightArrow{
		right:					15px;
	}
	footer .flexContent ul{
		margin:					5px;
		display:				inline-block;
	}
	.buttonsSlider.center{
		width:					900px;
	}
}
@media screen and (max-width:1200px){
	.voirPlus,
	.allerSur{
		font-size:				11px;
		width:					90px;
		background-size: 		10%;
	}
	.voirPlus{
		width:					60px;
	}
	#menu{
		display:				none;
	}
	.slicknav_menu{
		display:				block;
	}
	header .language{
		top:					-10px;
	}
	footer li a.light{
		width:					100%!important;
	}
}
@media screen and (max-width:900px){
	header .logo img{
	width:						100%;
	}
	.bgWhiteMobile p{
	background:					rgba( 255, 255, 255, 0.5 );
	}
	.contentSlider  p{
	padding:					2%;
	width:						90%;
	}
	.hideButDisplayOnMobile{
	display:					block;
	}
	#page404 #container404 p{
		font-size:				13px;
	}
	#page404 #container404 h2{
		font-size:				150px;
		padding-top:			50px;
	}
	#page404 #container404{
		height:					auto;
		padding-bottom:			80px;
	}
	footer a.light{
		display: none !important;
	}
	.sliderEquipe .next{
		right:					-10px;
	}
	.sliderEquipe .prev{
		left:					0;
	}
	.textSlider{
		font-size:				14px !important;
	}
	#equipe .actuHome li{
		font-size:				12px;
	}
	.searchBar form{
		width:					100%;
	}
	.searchBar input[type=text]{
		width:					90%;
	}
	.searchBar input[type=submit]{
		position:				absolute;
		right:					0;
	}
	.fullImage p{
		font-size:				13px;
	}
	.actuHome h4{
		font-size:				11px;
	}
	.actuHome h3,
	.actuHome p{
		font-size:				13px;
	}
	.bottomBar{
		text-align:				center;
		font-size:				12px;
		height:					auto !important;
		line-height:			15px !important;
	}
	.follow{
		margin:					0 !important;
		bottom:					0;
	}
	.bottomBar .flexContent div{
		width:					100%;		
	}
	.itemExpertise:hover img{
		opacity:				0;
	}
	.itemExpertise:hover h4{
		opacity:				1;
	}
	.itemExpertise{
		width:					80px;
		height:					80px;
	}
	.itemExpertise p{
		display:				none;
	}
	.itemExpertise.style2 {
		height:					80px;
		width:					80px;
	}
	.itemExpertise.style2 img{
		height:					65px;
	}
	.itemExpertise.style2 h4{
		font-size:				12px;
		/*EMAIL 12/05/16*/
		opacity:				1!important;
		/* ### */
	}
	/*EMAIL 12/05/16*/
		.itemExpertise.style2 img{
		opacity:				0!important;
		}
	/* ### */
	.itemExpertise img{
		margin:					5px auto;
		user-select:			none;
		transition:				.3s ease;
	}
	.itemExpertise h4{
		opacity:				0;
		user-select:			none;
		font-size:				12px;
		position:				absolute;
		top:					50%;
		left:					50%;
		transform:				translateY(-50%) translateX(-50%);
		transition:				.3s ease;
	}
	.contentSlider{
		padding-bottom:			20px;
		height:					auto;
	}
	.contentSlider p:first-child{
		padding-top:			20px;
	}
	.textSlider{
		width:					95%;
	}
	.linkStrong{
		font-size:				13px;
	}
	.actuHome{
		width:					70%;
	}
	.center{
		width:					calc(100% - 15px);
	}
	footer .flexContent{
		flex-wrap:				wrap;
	}
	footer .flexContent.center ul{
		width:					100%;
		text-align:				center;
	}
	#presentation p.floatLeft{
		float:						none;
		width:						calc( 100% - 1em );
	}
	#presentation .actuHome{ 
		margin-top:				0;
	}/* 
	#presentation p{
	text-align:					left!important;
	} */
	#presentation p.strong{
	margin:						1em;
	}
	.sliderEquipe.smallSlider, 
	.sliderEquipe.smallSlider ul{
	height:						auto!important;
	}
}

@media screen and (max-width:700px){
	/*.oeil{
		background:				url('/media/image/interface/full-home.png') no-repeat center right / cover;
	}
	#presentation .actuHome p{
		width:					90%;
		margin-left:			10px;
		margin:					10px 0 0 10px !important;
	}
	*/
	#presentation .actuHome.right p{
		float:					right;
		position:				relative;
		right:					10px;
		margin:					10px 0 10px !important;
	}
	#presentation .actuHome img{
		display:				none;
	}
	#actualites .actuHome,
	#presentation .actuHome,
	#equipe .actuHome{
		padding-left:			20px;
		padding-right:			20px;
		width:					calc(95% - 40px);
	}
	.section{
		padding:				40px 0;
	}
	#map .encartMap{
		width:					100%;
		height:					auto;
		position:				relative;
		background:				none;
		box-shadow:				none;
		padding:				10px 0;
	}
	#map .encartMap:hover{
		box-shadow:				none;
	}
	#map .networks{
		float:					none;
	}
	#map .contactMap{
		width:					100%;
		text-align:				center;