#cqcanvas,#recrut810-canvas{height:100%;display:block;position:relative;font-size:23px;line-height:30px;font-family:"Open Sans", sans-serif;}
.recrut810-autoMargin{width:1200px;margin:0 auto;box-sizing:border-box;}
.recrut810-center{text-align:center;}
h1{color:#a4c93e;text-transform:uppercase;font-weight:bold;font-size:28px;margin-bottom:30px;}
#recrut810-head{height:910px;background:url(../img/header-fond.jpg) no-repeat; background-size:contain;object-fit: cover;opacity: .9}
#recrut810-head #recrut810-woman{width:560px;display:inline-block;margin-left:50px;}
#recrut810-head #recrut810-rejoindre{width:550px;display:inline-block;vertical-align:top;margin:230px 0px 0px 630px}
#recrut810-head .recrut810-six{overflow:hidden;position:relative;margin-top:100px;}
#recrut810-head .recrut810-six div{font-size:21px;font-weight:500;float:left;width:30%;margin:0 1.5% 28px 1.5%;background: #c3087c;text-align:center;color:#fff;padding:15px;box-sizing:border-box; border-radius: 3px;}
/* #recrut810-head .recrut810-six div:hover{transform: scale(1.02);transition: all .5s;} */
#recrut810-head .recrut810-six div i{font-size:120px}
#recrut810-le-cacb{margin-top:200px;}
#recrut810-qvt{margin-top:100px;display: flex; flex-direction: column;justify-content: center;align-items: center;}
#recrut810-le-cacb ul{overflow:hidden; text-align: center;}
#recrut810-le-cacb ul li{display:block;float:left;font-weight:bold;width:16.66%;font-size:20px;}
#recrut810-le-cacb ul li i{font-size:70px;color:#929292;}
#recrut810-le-cacb ul li small{font-size:25px;vertical-align:middle;}

.chiffresCles-container{margin: 0 auto;display: flex; justify-content: space-between; align-items: center;margin-top: 50px;width: 100%;}
/* .chiffreCle-item img{margin-bottom: -35px;} */
/* .chiffreCle-item .recrut810-num {margin-bottom: -10px;} */
.recrut810-p {color:#000 !important;font-size: 14px; font-weight: 700; line-height: 16px;}
.qualite{display: flex;flex-direction: column;margin: 0 auto; align-items: center;}
.qualité p {width: 100% !important;}

#recrut810-perspectives {background:#ffffff !important;}
#recrut810-perspectives h2 {text-transform:uppercase;font-weight:bolder;font-size:20px;margin-top:50px;text-decoration: underline; color: #000;}
#recrut810-perspectives p {text-align:center;}
#recrut810-perspectives ul{overflow:hidden;margin:75px 0; padding-left:0px;}
#recrut810-perspectives ul li{display:block;float:left;font-weight:bold;width:400px;font-size:20px;}
#recrut810-perspectives ul li i{font-size:70px;color:#929292;} 
#recrut810-perspectives ul li small{font-size:25px;vertical-align:middle;}

.recrut810-num{color:#D6993C !important;text-transform:uppercase;font-size:50px;line-height:56px;font-weight: 700;}

#recrut810-map{overflow:hidden;font-weight:bold;}
#recrut810-map img{margin-top: 70px;}
#recrut810-map .recrut810-left{float:left;width:calc(50% - 360px);}
#recrut810-map .recrut810-middle{position:relative;float:left;width:720px;height:645px;background:url(../img/map.png) top center no-repeat;background-size:100%;}
#recrut810-map .recrut810-right{float:left;width:calc(50% - 360px);}

#recrut810-nos-offres{background:#c3087c;padding:40px 0px;overflow:hidden;margin-top:45px; border-radius: 3px;}
#recrut810-nos-offres h1{color:#fff;position:relative;}
#recrut810-nos-offres .recrut810-content{background:#fff;border-radius:5px;padding:40px 37px;overflow:hidden;position:relative;}
#recrut810-nos-offres .recrut810-content ul {overflow:hidden;padding:30px 0;}
#recrut810-nos-offres .recrut810-content ul li{position:relative;font-size:18px;line-height:23px;border-radius:4px;border:2px solid #dadada;width:350px;height:250px;box-sizing:border-box;margin:0 37px 0 0;float:left;display:block;color:#6a6a6a;background:url(../img/logo.png) 16px 10px no-repeat;background-size:50px;box-shadow: 6px 6px 15px -6px rgba(0,0,0,0.4);}
#recrut810-nos-offres .recrut810-content ul li:hover{background-color:rgba(0,0,0,0.1);}
#recrut810-nos-offres .recrut810-content ul li strong{color:#000;text-transform:uppercase;display:block;margin-bottom:5px;}
#recrut810-nos-offres .recrut810-content ul li hr{width:25px;float:left;}
#recrut810-nos-offres .recrut810-content ul li a{text-decoration:none;color:inherit;display:block;width:100%;height:100%;position:absolute;top:0;left:0;padding:67px 20px 20px 20px;box-sizing:border-box;}
#recrut810-nos-offres .recrut810-content button{position:absolute;top:43px;border:none;background:none;font-size:20px;color:#c1c1c1;font-weight:bold}
#recrut810-nos-offres .recrut810-content .recrut810-prec{right:165px}
#recrut810-nos-offres .recrut810-content .recrut810-suiv{right:45px;}
#recrut810-nos-offres .recrut810-content button.recrut810-current{color:#6a6a6a;cursor:pointer;}
#recrut810-nos-offres .recrut810-content .recrut810-more{clear:both;}
#recrut810-nos-offres .recrut810-content .recrut810-more a{color:#a4c93e;text-decoration:underline}
#recrut810-nos-offres .recrut810-content .recrut810-more a:hover{text-decoration:underline}
#recrut810-nos-offres .recrut810-more .mail-recrutement{color: #000 !important;text-decoration:underline}

#recrut810-nos-metiers{padding:40px 0;}
#recrut810-nos-metiers table{width:100%;}
#recrut810-nos-metiers table td{position:relative;padding:0;overflow:hidden;box-sizing:border-box;}
#recrut810-nos-metiers table td > div{cursor:pointer;transition:all 0.3s;position:absolute;top:0px;left:0px;height:100%;width:100%;background:rgba(0,0,0,0.5);color:#fff;box-sizing:border-box;}
#recrut810-nos-metiers table td > div span{position:absolute;bottom:10px;left:10px;}
#recrut810-nos-metiers table td img{display:block;width:100%;height:auto;transition:all 0.3s;}
#recrut810-nos-metiers table td:hover > div{background:rgba(0,0,0,0.2);}
#recrut810-nos-metiers table td:hover img{transform:scale(1.2);transform-origin:center center}
#recrut810-nos-metiers .recrut810-txt{background:#a4c93e;color:#fff;padding:30px;vertical-align:top;width:29%;}
#recrut810-nos-metiers .recrut810-txt2{background:#2a6472;color:#fff;padding:20px;vertical-align:middle;text-align:center;}
#recrut810-nos-metiers .recrut810-txt2 a{text-decoration:none;color:#fff;}
#recrut810-nos-metiers .recrut810-txt2 a:hover{text-decoration:underline;}

#recrut810-perspectives{background:#f5f5f5;overflow:hidden;padding:40px 0;}
#recrut810-perspectives .recrut810-content{max-width:1850px;margin:0 auto;}
#recrut810-perspectives .recrut810-content > div{width:31.5%;margin:0 0 0 1.5%;float:left;background:#fff;}
#recrut810-perspectives .recrut810-content > div > img{width:100%;}
#recrut810-perspectives .recrut810-content h2{color:#397ab0;font-size:25px;margin-left:25px;}
#recrut810-perspectives .recrut810-content h2 span{position:relative;display:block;width:155px;margin:-30px 0 40px -10px;background:#a4c93e;text-transform:uppercase;padding:5px 10px;color:#fff;font-weight:bold;font-size:16px;}
#recrut810-perspectives .recrut810-content h2 span:after{position:absolute;top:100%;left:15px;content:'';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: #a4c93e transparent transparent transparent;}
#recrut810-perspectives .recrut810-content p{padding:12px 25px 25px 25px;font-size:14px;line-height:18px;color:#5f5d5e;font-weight:bold}

#recrut810-temoignages{overflow:hidden;padding:40px 0;}
#recrut810-temoignages .recrut810-content{max-width:1850px;margin:0 auto;}
#recrut810-temoignages .recrut810-content > div{width:30%;margin:0 0 0 3%;float:left;}
#recrut810-temoignages .recrut810-content > div > span{display:block;margin:0 auto;width:163px;height:163px;border-radius:50%;background:#a4c93e;}
#recrut810-temoignages .recrut810-content h2{font-size:20px;margin-top:10px;}
#recrut810-temoignages .recrut810-content p{padding:15px;font-size:14px;line-height:18px;color:#5f5d5e;font-weight:bold;font-style:italic;}

#recrut810-photos{background:#f5f5f5;padding:40px 30px;position:relative;}
#recrut810-photos h1{color:#000;text-align:left;text-transform:none;margin-bottom:10px;}
#recrut810-photos .recrut810-content{overflow-x:hidden;width:100%;padding:10px 0;}
#recrut810-photos .recrut810-content > div{width:calc(12 * 236px);}
#recrut810-photos .recrut810-content > div span{width:220px;height:145px;display:block;overflow:hidden;cursor:pointer;transition:all 0.2s;float:left;margin:0 8px;}
#recrut810-photos .recrut810-content > div span img{width:100%;}
#recrut810-photos .recrut810-content > div span:hover{transform:scale(1.1)}
#recrut810-photos button{position:absolute;top:43px;border:none;background:none;font-size:20px;color:#c1c1c1;font-weight:bold}
#recrut810-photos button.recrut810-current{color:#6a6a6a;cursor:pointer;}
#recrut810-photos .recrut810-precPhoto{right:165px}
#recrut810-photos .recrut810-suivPhoto{right:45px;}

#recrut810-footer{background:#f5f5f5;padding:20px 0;overflow:hidden;}
#recrut810-footer .recrut810-content{max-width:1850px;margin:0 auto;}
#recrut810-footer .recrut810-content > div{width:50%;box-sizing:border-box;float:left;}
#recrut810-footer .recrut810-content > div > .recrut810-icon{width:67px;height:67px;display:block;background:url(../img/icon-footer.png);margin:0 auto;}
#recrut810-footer .recrut810-content > div:nth-child(1) .recrut810-icon{background-position:-5px -3px;}
#recrut810-footer .recrut810-content > div:nth-child(2) .recrut810-icon{background-position:-82px 2px;}
#recrut810-footer .recrut810-content > div:nth-child(3) .recrut810-icon{background-position:61px -8px;}
#recrut810-footer .recrut810-content h2{padding:10px 0;font-size:13px;color:#397ab0;text-transform:uppercase;font-weight:bold;line-height:17px}
#recrut810-footer .recrut810-content p{color:#5f5d5e;font-size:11px;font-weight:bold;line-height:15px}
#recrut810-footer .recrut810-content a{color:#397ab0;font-size:13px;text-decoration:underline;font-weight:bold}
#recrut810-footer .recrut810-content .recrut810-apps a{margin-right:10px;display:inline-block;background:url(../img/app-icons.png);text-decoration:none;transition:all 0.3s}
#recrut810-footer .recrut810-content .recrut810-apps a:hover{opacity:0.8;}
#recrut810-footer .recrut810-content .recrut810-apps a:nth-child(1){width:177px;height:51px;background-position:-2px -1px;}
#recrut810-footer .recrut810-content .recrut810-apps a:nth-child(2){width:158px;height:52px;background-position:-200px -2px;}
#recrut810-footer .recrut810-content .recrut810-apps a:nth-child(3){width:181px;height:53px;background-position:-377px 0px;}


@media screen and (min-width: 1942px) {
  #recrut810-head{height:910px;background:url(../img/header-fond.jpg) no-repeat; background-size:cover;object-fit: cover;opacity: .9}
}

@media screen and (max-width: 1200px) {
  .recrut810-autoMargin{width:95%;}
  #recrut810-head #recrut810-rejoindre{width:360px;margin:230px 0px 0px 590px}
  #recrut810-head .recrut810-six div{width:47%;margin:0 1.5% 28px 1.5%;}
  #recrut810-le-cacb{margin-top:415px;}
}

@media screen and (max-width: 1000px) {
  #recrut810-head #woman{margin-left:-105px;}
  #recrut810-head #recrut810-rejoindre{margin:230px 0px 0px 530px}
  #recrut810-le-cacb ul li{width:33%}
  #recrut810-map .recrut810-left{float:none;margin:0 auto;width:100%;}
  #recrut810-map .recrut810-right{float:none;margin:0 auto;width:100%;}
  #recrut810-map .recrut810-middle{width:100%;float:none;height:675px;background-position:center center;}
  #recrut810-nos-metiers table{font-size:14px;line-height:21px}
}

@media screen and (max-width: 765px) {
  #recrut810-head{height:auto;}
  #recrut810-head #woman{visibility:hidden;}
  #recrut810-head #rejoindre{margin:0;position:absolute;display:block;max-width:90%;top:360px;left:50%;transform:translateX(-50%)}
  #recrut810-head .recrut810-six div{width:95%;margin:0 auto 20px auto;float:none}
  #recrut810-le-cacb{margin-top:33px;}
  #recrut810-le-cacb ul li{width:50%}
  #recrut810-nos-offres .recrut810-content{text-align:center;}
  #recrut810-nos-offres .recrut810-content ul{text-align:left;}
  #recrut810-nos-offres .recrut810-content > strong{display:block;margin-bottom:15px;}
  #recrut810-nos-offres .recrut810-content button{position:relative;top:auto;right:auto !important;left:auto !important;font-size:18px;}
  #recrut810-nos-metiers table{font-size:18px;}
  #recrut810-nos-metiers table td{display:block;width:100% !important;text-align:center;margin-bottom:10px;}
  #recrut810-nos-metiers .recrut810-txt2{display:none;}
  #recrut810-nos-metiers table td > div span{display:block;width:100%;left:auto;font-size:24px;line-height:30px}
  #recrut810-nos-metiers table td > div{max-width:320px;margin:0 auto;left:50%;transform:translateX(-50%);}
  #recrut810-nos-metiers table td img{max-width:320px;margin:0 auto;}
  #recrut810-perspectives .recrut810-content > div{width:90%;margin:0 auto;float:none}
  #recrut810-temoignages .recrut810-content > div{width:90%;margin:0 auto;float:none}
  #recrut810-photos{text-align:center;}
  #recrut810-photos h1{text-align:center;}
  #recrut810-photos button{position:relative;top:auto;right:auto !important;left:auto !important;font-size:18px;}
  #recrut810-footer .recrut810-content > div{float:none;width:90%;margin:0px auto 10px auto;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.2);}
}

@media screen and (max-width: 500px) {
	#recrut810-map .recrut810-middle{background:none;height:auto;}
	#recrut810-map .recrut810-middle span{background:url(../img/map.png);display:block;margin:40px auto;}
	#recrut810-map .recrut810-middle span:nth-child(1){width:147px;height:72px;background-position:-241px -98px;}
	#recrut810-map .recrut810-middle span:nth-child(2){width:194px;height:72px;background-position:-477px -150px;}
	#recrut810-map .recrut810-middle span:nth-child(3){width:147px;height:72px;background-position:-87px -236px;}
	#recrut810-map .recrut810-middle span:nth-child(4){width:155px;height:72px;background-position:-381px -403px;}
	#recrut810-nos-offres .recrut810-content{padding-left:5px;padding-right:5px;}
	#recrut810-nos-offres .recrut810-content ul{text-align:left;}
	#recrut810-nos-offres .recrut810-content ul li{text-align:left;width:295px;}
}