@media only screen and (max-width:1700px) {
	.contentMid {
	width:70%;
	margin:0 15%
	}

	#scrollToContinue {
	width:24%;
	font-size:17px;
	bottom:50px;
	left:38%
	}

	#wrap_main {
	width:80%;
	margin:40px 10% 25px 10%
	}

	#wrap_main h1 {
	width:50%;
	font-size:100px;
	margin:0 50% 0 0
	} 

	#mainArticle1 > div, #mainArticle2 > div, #mainArticle3 > div, #mainArticle4 > div {
	padding:40px
	}
}

@media only screen and (max-width:1600px) {
	.galerie {
	width:31%;
	margin:12px 1%
	}

	.galerie a, .galerie a:hover { font-size:12px }

	.galerie p { padding:8px }

	.msgHome h2, .h2Emploi { font-size:40px }

	.caseContact h2 { height:44px }
}

@media only screen and (max-width:1470px) {
	#slide2, .wrap_steps,
	#slide3, .wrap_human,
	#slide4, .wrap_activities,
	#slide5, .wrap_workwithus {
	background-position:55% 0;
	background-size:120%
	}

	#scrollToContinue {
	font-size:14px
	}

	#widget {
	width:320px;
	right:15px;
	top:20px
	}

	#widget > div > div { width:100px }

	#widget > div > div img { width:30px }

	#widget > div > div a,
	#widget > div > div a:hover { font-size:14px }

	#widget > div > div i {
	margin:0 0 0 10px;
	padding:2px 4px
	}

	.caseFlag { top:27px }

	.caseFlag p { margin:5px 0 5px 0 }

	#footer img {
	width:10%;
	margin:0 45% 25px 45%
	}

	#footer ul {
	width:30%;
	margin:0
	}

	#footer ul:nth-child(3) { margin:0 4% }

	#footer form {
	width:30%;
	margin:0
	}

	#footer aside {
	width:100%;
	text-align:right
	}

	#footer {
	padding:20px 5px
	}
}

@media only screen and (max-width:1370px) {
	.pageTitle, .pageTitle2 { font-size:24px }

	.contentMid {
	width:86%;
	margin:0 7%
	}

	.msgHome {
	width:45%;
	bottom:30%;
	right:2%
	}

	.msgHome h2, .h2Emploi {
	font-size:32px;
	margin:0 0 12px 0;
	padding:0 0 0 10px
	}

	.caseContact h2 { font-size:32px; padding:0 }

	.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

	.msgHome p {
	font-size:14px;
	margin:0 0 10px 0;
	padding:0 0 0 10px
	}

	.msgHome a,
	.msgHome a:hover {
	font-size:12px;
	margin:0 0 0 10px;
	padding:4px 10px
	}

	#social {
	bottom:15px;
	right:15px;
	text-align:right
	}

	#social a, #social a:hover { width:28px; font-size:22px; margin:0 4px; display:inline-block }

	#nav {
	width:200px;
	top:140px;
	left:25px
	}

	#wrap_main {
	width:90%;
	margin:40px 5% 25px 5%
	}

	#mainArticle1 > div, #mainArticle2 > div, #mainArticle3 > div, #mainArticle4 > div {
	padding:20px
	}

	#mainArticle1, #mainArticle2, #mainArticle3, #mainArticle4 {
	width:65%
	}

	#wrapMainPic1, #wrapMainPic3, #wrapMainPic4, #wrapMainPic5 {
	width:35%
	}

	#wrap_main h1 {
	width:100%;
	font-size:80px;
	margin:0
	}

	#logo {
	width:160px;
	left:25px
	}

	#logoMob {
	display:inline-block;
	position:relative;
	width:20%;
	margin:5px 40%
	}

	#logoMob img {
	width:100%;
	height:auto
	}

	#left {
	background-color:rgba(255, 255, 255, 0.95);
	background-image:url('./Design/smileyBottom.png');
	background-repeat:no-repeat;
	background-size:35%;
	background-position:bottom right;
	color:white;
	-webkit-overflow-scrolling:touch;
	display:none;
	overflow:auto;
	position:fixed;
	z-index:9999;
	width:100%;
	height:100%;
	text-align:right;
	font-size:0;
	top:0;
	bottom:0;
	left:-100%;
	padding:0 10px;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}

	#langMob, #socialMob {
	display:inline-block;
	position:relative;
	width:90%;
	text-align:left;
	font-size:0;
	margin:30px 0 0 10%;
	padding:0
	}

	#langMob a,
	#langMob a:hover {
	display:inline-block;
	width:auto;
	font-size:17px;
	color:#333333;
	text-decoration:none;
	margin:0 25px 0 15px
	}

	#left > p:nth-child(1) {
	display:inline-block;
	width:90%;
	text-align:left;
	margin:10px 0 0 0;
	padding:0
	}

	#logoLeft {
	display:inline-block;
	width:76%;
	text-align:left;
	margin:5px 14% 15px 10%;
	padding:0
	}

	#logoLeft img {
	display:inline-block;
	width:100%;
	height:auto;
	max-width:250px
	}

	#socialMob a, #socialMob a:hover {
	display:inline-block;
	position:relative;
	width:auto;
	text-decoration:none;
	margin:0 25px 0 10px;
	padding:0
	}

	#socialMob a img {
	width:100%;
	max-width:50px;
	height:auto
	}

	#left > ul {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0;
	padding:0
	}

	#left > ul > li {
	display:block;
	position:relative;
	width:90%;
	margin:0 0 10px 10%;
	padding:0
	}

	#left > ul > li img {
	display:inline-block;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
	vertical-align:middle;
	width:46px;
	height:auto;
	margin:0 10px 0 0
	}

	#left > ul > li a, #left > ul > li span {
	display:inline-block;
	width:auto;
	text-align:center;
	vertical-align:middle;
	font-size:22px;
	color:#333333;
	text-transform:uppercase;
	text-decoration:none;
	margin:0;
	padding:0
	}

	#left > ul > li a:hover, #left > ul > li a:hover span {
	display:inline-block;
	width:auto;
	text-align:center;
	vertical-align:middle;
	font-size:22px;
	text-transform:uppercase;
	color:#333333;
	text-decoration:none;
	margin:0;
	padding:0
	}

	#closeMenu, #closeMenu:hover {
	display:inline-block;
	margin:0;
	padding:0
	}

	#closeMenu i {
	display:inline-block;
	font-size:42px;
	color:#333333
	}

	#menuLink2 {
	display:block;
	position:absolute;
	background-image:url("./Design/cache.png");
	font-size:20px;
	top:130px;
	left:25px;
	z-index:9998;
	font-size:42px
	}

	#menuLink { display:none }

	.wrapMain1 { margin:0 0 30px 0 }

	.wrapBordel section:nth-child(1) {
	width:36%;
	margin:0 0 0 14%
	}

	.wrapBordel section:nth-child(2) {
	width:36%;
	margin:0 14% 0 0
	}

	.caseContact h2 {
	height:40px;
	font-size:30px;
	margin-bottom:20px
	}

	#nav, #menu { display:none }
}

@media only screen and (max-width:1200px) {
	#slide2, .wrap_steps,
	#slide3, .wrap_human,
	#slide4, .wrap_activities,
	#slide5, .wrap_workwithus {
	background-position:80% 20%;
	background-size:135%
	}

	#widget {
	right:15px;
	top:10px
	}

	#widget > div > a,
	#widget > div > a:hover {
	width:140px;
	font-size:12px;
	margin:0 20px 0 0;
	padding:4px 10px
	}

	.msgHome h2 .h2Emploi h2 { font-size:30px }

	.caseContact h2 { font-size:30px; height:34px }

	#container2 {
	height:auto
	}

	#imgMobile {
	display:inline-block;
	z-index:1;
	width:100%;
	height:auto
	}

	.wrap_steps, .wrap_human, .wrap_activities, .wrap_workwithus {
	background:none
	}

	#footer img {
	width:20%;
	margin:0 40% 25px 40%
	}

	#footer form input { width:60% }

	#footer form a { width:40% }

	#footer ul li a,
	#footer ul li a:hover { font-size:13px }
}

@media only screen and (max-width:1000px) {
	.bx-wrapper .bx-prev { left:10px }
	.bx-wrapper .bx-next { right:10px }

	.lato28, a.lato28, a.lato28:hover { font-size:26px; font-family:'Lato', sans-serif; line-height:32px }
	.lato26, a.lato26, a.lato26:hover { font-size:24px; font-family:'Lato', sans-serif; line-height:30px }
	.lato24, a.lato24, a.lato24:hover { font-size:22px; font-family:'Lato', sans-serif; line-height:28px }
	.lato22, a.lato22, a.lato22:hover { font-size:20px; font-family:'Lato', sans-serif; line-height:24px }
	.lato20, a.lato20, a.lato20:hover { font-size:18px; font-family:'Lato', sans-serif; line-height:20px }
	.lato18, a.lato18, a.lato18:hover { font-size:16px; font-family:'Lato', sans-serif; line-height:18px }
	.lato16, a.lato16, a.lato16:hover { font-size:14px; font-family:'Lato', sans-serif; line-height:16px }
	.lato14, a.lato14, a.lato14:hover { font-size:13px; font-family:'Lato', sans-serif; line-height:14px }
	.lato12, a.lato12, a.lato12:hover { font-size:12px; font-family:'Lato', sans-serif; line-height:14px }

	.ssTitle {
	font-size:30px;
	margin:0 0 15px 0
	}

	.contentMid {
	width:100%;
	margin:0;
	padding:0 10px
	}

	#scrollToContinue {
	width:90%;
	bottom:30px;
	left:5%
	}

	#mainArticle2 {	width:90% }

	#mainArticle2 .wrapMainTXT { width:100% }

	#wrap_main {
	width:98%;
	margin:30px 1% 20px 1%
	}

	#wrapMainPic1 img:nth-child(2) {
	display:none
	}

	.noBR { display:none }

	#wrap_main h1 {
	font-size:60px;
	margin-bottom:30px
	}

	#wrapMainPic1 p,
	#wrapMainPic3 p { display:none }

	#main { padding:0 15px }

	#container3 h1 {
	font-size:32px
	}

	.wrapMain1 { margin:0 0 20px 0 }
}

@media only screen and (max-width:950px) {
	.wrapBordel section:nth-child(1) {
	width:46%;
	margin:0 0 0 4%
	}

	.wrapBordel section:nth-child(2) {
	width:46%;
	margin:0 4% 0 0
	}

	.caseContact h2 {
	height:30px;
	font-size:22px;
	margin-bottom:15px
	}
}

@media only screen and (max-width:900px) {
	#home { display:block; width:50px; height:auto; z-index:9998; position:absolute; top:10px; left:10px; outline:none; font-size:26px; cursor:pointer }

	.msgHome h2 img, #slide6 h2 img, .msgHome2 img, .h2Emploi img, .h2Emploi p { display:none }

	.caseEmploi {
	width:48%;
	-webkit-box-shadow: 0px 0px 19px -9px rgba(0,0,0,0.64);
	-moz-box-shadow: 0px 0px 19px -9px rgba(0,0,0,0.64);
	box-shadow: 0px 0px 19px -9px rgba(0,0,0,0.64);
	margin:0;
	padding:0
	}

	#wrapEmploi article:nth-child(2n+1) {
	margin:0 4% 25px 0
	}

	#wrapEmploi article:nth-child(2n+2) {
	margin:0 0 25px 0
	}

	.sectionMobile {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0
	}

	.msgHome p {
	font-size:14px;
	border-left:none;
	margin:0 0 20px 0;
	padding:0
	}

	.section { display:none; visibility:none }

	.slideMobile {
	position:relative;
	display:inline-block;
	width:100%;
	margin:0 0 25px 0;
	padding:0
	}

	.slideMargin {
	width:96%;
	margin:0 2% 25px 2%
	}

	.msgHome2 {
	position:relative;
	display:inline-block;
	margin:0;
	padding:0
	}

	.caseContact {
	display:inline-block;
	width:100%;
	height:auto;
	margin-top:40px
	}

	.msgHome2 h2, #slideMobile h2, .caseContact2 h2, .caseContact h2, .h2Emploi {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	width:100%;
	font-size:26px;
	color:black;
	font-weight:400;
	margin:0 0 10px 0;
	padding:0
	}

	.msgHome2 h2 img, #slideMobile h2 img, .caseContact2 h2 img, .caseContact h2 img, .h2Emploi img {
	position:absolute;
	width:15%;
	height:auto;
	outline:none;
	bottom:0;
	right:0
	}

	.msgHome2 p {
	display:inline-block;
	width:100%;
	font-size:14px;
	color:black;
	font-weight:300;
	border-left:none;
	margin:0 0 20px 0;
	padding:0
	}

	.msgHome2:hover p {
	padding:0
	}

	.msgHome2 a {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	width:auto;
	font-size:12px;
	color:black;
	text-decoration:none;
	font-weight:300;
	border:solid 1px black;
	margin:0;
	padding:6px 12px
	}

	.msgHome2 a:hover {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	width:auto;
	font-size:12px;
	color:white;
	text-decoration:none;
	font-weight:300;
	background:#fc9d00;
	background:-moz-linear-gradient(left,  #fc9d00 0%, #f3510f 100%);
	background:-webkit-linear-gradient(left,  #fc9d00 0%,#f3510f 100%);
	background:linear-gradient(to right,  #fc9d00 0%,#f3510f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9d00', endColorstr='#f3510f',GradientType=1 );
	border:solid 1px white;
	margin:0;
	padding:6px 12px
	}

	.msgHome2 span {
	display:inline-block
	}

	.msgHome2 i {
	display:inline-block;
	margin:0 0 0 10px
	}

	.slideMobile > img {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 10px 0
	}

	#slideMobile1 { margin-bottom:10px }

	#widget > div > a { display:none }

	#headerMob {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0
	}

	#header { display:none }

	#social {
	width:80px;
	bottom:auto;
	right:130px;
	top:5px
	}

	#menu div > p:nth-child(2) { background-color:rgba(255, 255, 255, 0.7) }

	#wrapContact3Q { width:100% }

	#contactez select:nth-child(1),
	#contactez2 select:nth-child(1) {
	width:40%;
	margin:0 60% 10px 0
	}

	#contactez input:nth-child(2),
	#contactez2 input:nth-child(2) {
	width:48%;
	margin:0 4% 10px 0
	}

	#contactez input:nth-child(3),
	#contactez2 input:nth-child(3) {
	width:48%;
	margin:0 0 10px 0
	}

	#contactez input:nth-child(4),
	#contactez2 input:nth-child(4) {
	width:100%;
	margin:0 0 10px 0
	}

	#contactez input:nth-child(5),
	#contactez2 input:nth-child(5) {
	width:100%;
	margin:0 0 10px 0
	}

	#contactez textarea:nth-child(6) {
	width:100%;
	height:80px;
	margin:0 0 10px 0
	}

	#contactez input:nth-child(7),
	#contactez input:nth-child(8) {
	width:100%;
	margin:0 0 10px 0
	}

	#postuler { margin:0 }

	#emploiSee section:nth-child(1) {
	width:100%;
	border-bottom:solid 1px #cccccc;
	margin:15px 0 15px 0;
	padding:0 0 25px 0
	}

	#emploiSee section:nth-child(1) img { margin-bottom:15px }

	#emploiSee section:nth-child(2) {
	width:100%;
	margin:0
	}

	.logoAlt { display:inline-block }

	#muteVideo, #muteVideo2 {
	font-size:20px;
	bottom:15px;
	left:10px
	}

	.caseContact .white {
	color:black
	}

	#slideMobile6 {
	width:96%;
	height:auto;
	margin:0 2%
	}

	.caseContact {
	width:100%;
	height:auto;
	margin:0
	}

	.wrapBordel section:nth-child(2) { display:none }

	.caseContact > section {
	width:100%;
	margin:0 0 25px 0;
	padding:0
	}

	.wrapBordel section:nth-child(1), .wrapBordel iframe {
	width:100%;
	margin:0
	}

	#batimentMobile {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 15px 0
	}

	.wrapBordel { margin-top:15px }
}

@media only screen and (max-width:750px) {
	.galerie {
	width:48%;
	margin:10px 1%
	}

	.galerie a, .galerie a:hover { font-size:11px }

	#wrap_main { margin-top:0 }

	#container3 { height:auto }

	#container3 h1 {
	font-size:18px;
	text-align:left;
	margin:90px 0 15px 15px
	}
}

@media only screen and (max-width:700px) {
	.lato28, a.lato28, a.lato28:hover { font-size:24px; font-family:'Lato', sans-serif; line-height:30px }
	.lato26, a.lato26, a.lato26:hover { font-size:22px; font-family:'Lato', sans-serif; line-height:28px }
	.lato24, a.lato24, a.lato24:hover { font-size:20px; font-family:'Lato', sans-serif; line-height:26px }
	.lato22, a.lato22, a.lato22:hover { font-size:19px; font-family:'Lato', sans-serif; line-height:24px }
	.lato20, a.lato20, a.lato20:hover { font-size:17px; font-family:'Lato', sans-serif; line-height:22px }
	.lato18, a.lato18, a.lato18:hover { font-size:14px; font-family:'Lato', sans-serif; line-height:20px }
	.lato16, a.lato16, a.lato16:hover { font-size:13px; font-family:'Lato', sans-serif; line-height:18px }
	.lato14, a.lato14, a.lato14:hover { font-size:12px; font-family:'Lato', sans-serif; line-height:16px }
	.lato12, a.lato12, a.lato12:hover { font-size:11px; font-family:'Lato', sans-serif; line-height:14px }

	.caseEmploi {
	width:100%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
	}

	#wrapEmploi article:nth-child(1n+1) {
	margin:0 0 25px 0
	}

	#mainArticle1 > div, #mainArticle2 > div, #mainArticle3 > div, #mainArticle4 > div {
	margin:20px 0;
	padding:10px 15px
	}

	#wrapMainPic1, #wrapMainPic3, #wrapMainPic4, #wrapMainPic5 {
	margin:0
	}

	.wrapMain1 { margin:0 }
}

@media only screen and (max-width:650px) {
	#social, #widget { display:none }

	#logo2 {
	position:absolute;
	display:block;
	width:120px;
	top:10px;
	left:auto;
	right:10px
	}

	#menuLink2 {
	top:10px;
	right:auto;
	left:10px
	}

	#nav {
	width:60%;
	font-size:0;
	top:0;
	left:0
	}

	#menu {
	width:100%;
	font-size:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin:0;
	padding:0
	}

	#menu div { font-size:0 }

	#menu div > p:nth-child(2),
	#menu div > p:nth-child(2):hover {
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
	}

	#menu div > p:nth-child(2) a,
	#menu div > p:nth-child(2) a:hover { color:white }

	#wrapMainPic1, #wrapMainPic3, #wrapMainPic4, #wrapMainPic5 { display:none }

	#wrapMainPic1 * { display:none }

	.wrapMainTXT {
	width:100%;
	text-align:left
	}

	#mainArticle1, #mainArticle2, #mainArticle3, #mainArticle4 { width:100% }

	#mainArticle1 > a, #mainArticle2 > a, #mainArticle3 > a, #mainArticle4 > a {
	width:70%;
	margin:15px 15% 0 15%
	}

	#wrap_main h1 {
	font-size:40px;
	margin:10px 0 25px 0
	}

	.casePictureMain {
	display:inline-block;
	position:relative;
	height:320px;
	font-size:0;
	overflow:hidden;
	margin:0
	}

	.casePictureMain img {
	position:absolute;
	top:-20px
	}

	#footer img {
	width:30%;
	margin:0 35% 25px 35%
	}

	#footer ul {
	width:46%;
	margin:0
	}

	#footer ul:nth-child(3) { margin:0 2% }

	#footer form {
	width:68%;
	vertical-align:middle;
	margin:25px 0 0 0
	}

	#footer aside {
	width:28%;
	vertical-align:middle;
	text-align:right;
	margin:25px 0 0 0
	}

	#footer aside a,
	#footer aside a:hover {
	font-size:30px
	}

	#logo {
	width:160px;
	top:10px;
	left:auto;
	right:15px
	}

	#left > ul > li a, #left > ul > li span,
	#left > ul > li a:hover, #left > ul > li a:hover span {
	font-size:20px
	}

	#langMob a,
	#langMob a:hover {
	font-size:15px
	}

	#logoLeft {
	width:60%;
	margin:5px 20% 12px 20%
	}

	#closeMenu i {
	font-size:28px
	}
}

@media only screen and (max-width:450px) {
	#left > p:nth-child(1) {
	width:99%;
	text-align:right;
	margin:10px 1% 0 0
	}

	#left {
	background-size:25%
	}

	#logoLeft {
	width:80%;
	text-align:left;
	margin:5px 18% 10px 2%
	}

	#logoLeft img {
	max-width:150px
	}

	#langMob, #socialMob {
	width:98%;
	text-align:left;
	margin:30px 0 0 2%
	}

	#socialMob a, #socialMob a:hover {
	margin:0 25px 0 10px
	}

	#socialMob a img {
	width:100%;
	max-width:30px
	}

	#left > ul > li {
	width:98%;
	margin:0 0 10px 2%
	}

	#left > ul > li img {
	width:30px;
	margin:0 10px 0 0
	}

	#left > ul > li a, #left > ul > li span,
	#left > ul > li a:hover, #left > ul > li a:hover span {
	font-size:18px
	}

	#closeMenu i {
	font-size:32px
	}
}

/* ===================== MOBILE & TABLET ===================== */

@media only screen 
    and (device-width: 1280px) 
    and (device-height: 1024px)  {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:55% 0;
		background-size:145%
		}
	}

@media only screen 
    and (device-width: 1024px) 
    and (device-height: 768px)  {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:155%
		}
	}

@media only screen 
	and (min-device-width: 1366px) 
	and (max-device-width: 1366px) 
	and (orientation: landscape) 
	and (-webkit-min-device-pixel-ratio: 2) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:45% 10%;
		background-size:165%
		}
	}

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
	and (orientation: landscape) 
    and (-webkit-device-pixel-ratio: 2) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0
		}

		.msgHome:hover p { padding:0 }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}
	}

@media only screen 
    and (device-width: 896px) 
    and (device-height: 414px) 
	and (orientation: landscape) 
    and (-webkit-device-pixel-ratio: 2) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}
	}

@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
	and (orientation: landscape) 
    and (-webkit-device-pixel-ratio: 3) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}
	}

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
	and (orientation: landscape) 
    and (-webkit-device-pixel-ratio: 3) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}		

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}
	}

@media only screen 
    and (device-width: 896px) 
    and (device-height: 414px) 
	and (orientation: landscape) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}	

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}

		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#logoLeft {
		width:80%;
		text-align:left;
		margin:5px 18% 10px 2%
		}

		#logoLeft img {
		max-width:150px
		}

		#langMob, #socialMob {
		position:absolute;
		width:98%;
		text-align:left;
		margin:auto
		}

		#langMob { width:50%; top:50px; right:2%; left:48%; text-align:right }

		#socialMob { width:50%; top:90px; right:2%; left:48%; text-align:right }

		#socialMob a, #socialMob a:hover {
		margin:0 15px 0 8px
		}

		#socialMob a img {
		width:100%;
		max-width:36px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 10px 2%
		}

		#left > ul > li img {
		width:36px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:18px
		}

		#closeMenu i {
		font-size:20px
		}
	}

@media only screen 
    and (device-width: 812px) 
    and (device-height: 375px) 
	and (orientation: landscape)  {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}	

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}	

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}

		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#logoLeft {
		width:80%;
		text-align:left;
		margin:5px 18% 10px 2%
		}

		#logoLeft img {
		max-width:150px
		}

		#langMob, #socialMob {
		position:absolute;
		width:98%;
		text-align:left;
		margin:auto
		}

		#langMob { width:50%; top:50px; right:2%; left:48%; text-align:right }

		#socialMob { width:50%; top:90px; right:2%; left:48%; text-align:right }

		#socialMob a, #socialMob a:hover {
		margin:0 15px 0 8px
		}

		#socialMob a img {
		width:100%;
		max-width:36px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 10px 2%
		}

		#left > ul > li img {
		width:36px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:18px
		}

		#closeMenu i {
		font-size:20px
		}
	}

@media only screen 
    and (device-width: 869px) 
    and (device-height: 412px) 
	and (orientation: landscape) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:65% 0;
		background-size:125%
		}

		.msgHome {
		width:45%;
		bottom:35%;
		right:2%
		}	

		.msgHome h2, .h2Emploi {
		font-size:32px;
		margin:0 0 12px 0;
		padding:0 0 0 10px
		}

		.msgHome h2 img, #slide6 h2 img, .h2Emploi img { width:15% }

		.msgHome p {
		font-size:14px;
		margin:0 0 10px 0;
		padding:0 0 0 10px
		}

		.msgHome:hover p { padding:0 0 0 15px }

		.msgHome a,
		.msgHome a:hover {
		font-size:12px;
		margin:0 0 0 10px;
		padding:4px 10px
		}
	}

@media only screen 
    and (device-width: 1024px) 
    and (device-height: 1366px) 
	and (orientation: portrait) {
		#slide2, .wrap_steps,
		#slide3, .wrap_human,
		#slide4, .wrap_activities,
		#slide5, .wrap_workwithus {
		background-position:50% 0;
		background-size:250%
		}

		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#logoLeft {
		width:70%;
		text-align:left;
		margin:5px 28% 15px 2%
		}

		#logoLeft img {
		max-width:350px
		}

		#langMob, #socialMob {
		width:98%;
		text-align:left;
		margin:30px 0 0 2%
		}

		#socialMob a, #socialMob a:hover {
		margin:0 25px 0 10px
		}

		#socialMob a img {
		width:100%;
		max-width:50px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 15px 2%
		}

		#left > ul > li img {
		width:60px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:32px
		}

		#closeMenu i {
		font-size:42px
		}
	}

@media only screen 
    and (device-width: 1366px) 
    and (device-height: 1024px) 
	and (orientation: landscape) {
		.msgHome {
		width:45%;
		bottom:45%;
		right:2%
		}	

		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#left {
		background-size:25%
		}

		#logoLeft {
		width:70%;
		text-align:left;
		margin:5px 28% 15px 2%
		}

		#logoLeft img {
		max-width:350px
		}

		#langMob, #socialMob {
		width:98%;
		text-align:left;
		margin:30px 0 0 2%
		}

		#socialMob a, #socialMob a:hover {
		margin:0 25px 0 10px
		}

		#socialMob a img {
		width:100%;
		max-width:50px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 15px 2%
		}

		#left > ul > li img {
		width:60px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:32px
		}

		#closeMenu i {
		font-size:42px
		}
	}

@media only screen 
    and (device-width: 1112px) 
    and (device-height: 834px) 
	and (orientation: landscape) {
		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#left {
		background-size:25%
		}

		#logoLeft {
		width:70%;
		text-align:left;
		margin:5px 28% 15px 2%
		}

		#logoLeft img {
		max-width:350px
		}

		#langMob, #socialMob {
		width:98%;
		text-align:left;
		margin:30px 0 0 2%
		}

		#socialMob a, #socialMob a:hover {
		margin:0 25px 0 10px
		}

		#socialMob a img {
		width:100%;
		max-width:50px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 15px 2%
		}

		#left > ul > li img {
		width:60px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:32px
		}

		#closeMenu i {
		font-size:42px
		}
	}	

@media only screen 
    and (device-width: 568px) 
    and (device-height: 320px) 
	and (orientation: landscape) {
		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#logoLeft {
		width:80%;
		text-align:left;
		margin:5px 18% 10px 2%
		}

		#logoLeft img {
		max-width:150px
		}

		#langMob, #socialMob {
		position:absolute;
		width:98%;
		text-align:left;
		margin:auto
		}

		#langMob { width:50%; top:50px; right:2%; left:48%; text-align:right }

		#socialMob { width:50%; top:90px; right:2%; left:48%; text-align:right }

		#socialMob a, #socialMob a:hover {
		margin:0 15px 0 8px
		}

		#socialMob a img {
		width:100%;
		max-width:36px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 5px 2%
		}

		#left > ul > li img {
		width:32px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:16px
		}

		#closeMenu i {
		font-size:20px
		}
	}

@media only screen 
    and (device-width: 667px) 
    and (device-height: 375px) 
	and (orientation: landscape) {
		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#logoLeft {
		width:80%;
		text-align:left;
		margin:5px 18% 10px 2%
		}

		#logoLeft img {
		max-width:150px
		}

		#langMob, #socialMob {
		position:absolute;
		width:98%;
		text-align:left;
		margin:auto
		}

		#langMob { width:50%; top:50px; right:2%; left:48%; text-align:right }

		#socialMob { width:50%; top:90px; right:2%; left:48%; text-align:right }

		#socialMob a, #socialMob a:hover {
		margin:0 15px 0 8px
		}

		#socialMob a img {
		width:100%;
		max-width:36px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 10px 2%
		}

		#left > ul > li img {
		width:36px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:18px
		}

		#closeMenu i {
		font-size:20px
		}
	}

@media only screen 
    and (device-width: 736px) 
    and (device-height: 414px) 
	and (orientation: landscape) {
		#left > p:nth-child(1) {
		width:99%;
		text-align:right;
		margin:10px 1% 0 0
		}

		#logoLeft {
		width:80%;
		text-align:left;
		margin:5px 18% 10px 2%
		}

		#logoLeft img {
		max-width:150px
		}

		#langMob, #socialMob {
		position:absolute;
		width:98%;
		text-align:left;
		margin:auto
		}

		#langMob { width:50%; top:50px; right:2%; left:48%; text-align:right }

		#socialMob { width:50%; top:90px; right:2%; left:48%; text-align:right }

		#socialMob a, #socialMob a:hover {
		margin:0 15px 0 8px
		}

		#socialMob a img {
		width:100%;
		max-width:36px
		}

		#left > ul > li {
		width:98%;
		margin:0 0 10px 2%
		}

		#left > ul > li img {
		width:36px;
		margin:0 10px 0 0
		}

		#left > ul > li a, #left > ul > li span,
		#left > ul > li a:hover, #left > ul > li a:hover span {
		font-size:18px
		}

		#closeMenu i {
		font-size:20px
		}
	}