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

html{}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Manrope', sans-serif;font-weight:500;color:#111;font-size: 62.5%;}

.container, .contDemi{position:relative;display:block;margin:0 auto;padding:0 80px;width:100%}
.container{max-width:1200px;}
.contDemi{max-width:600px;}

.pad{padding-top:40px;padding-bottom:40px}
.Bigpad{padding-top:80px;padding-bottom:80px}


a[href^=tel]{color:inherit;text-decoration:none;} 
a{text-decoration:none;color:inherit;cursor:pointer;font-weight:700}
a:focus{outline:0;}
img{max-width:100%;}
hr{border:0;border-bottom:1px dotted #ccc;margin:40px 0}

.ancre{padding-top:50px;margin-top:-50px;}/* hauteur du header*/

.center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .justify{text-align:justify;} .uppercase{text-transform:uppercase;}
.none{display:none;} .block{display:block;}
.down{margin-bottom:30px;}.up{margin-top:30px;}
.flt-left{float:left}.flt-right{float:right}.clear{clear:both;}


/* COULEUR */

.blanc{color:#fff;}
.charcoal{color:#333333;}
.vert{color:#021776;}
.turquoise{color:#02bcb4;}
.bleu{color:#01a6e1;}

.bckpale{background:#f1f1f1;}
.bckCharcoal{background:#333;}
.bckGris{background:#e6e7e8;}
.bckVert{background:#48A5DC;}.bckVert h2{color:#111}
.bckBleu{background:#01a6e1;}
.bckTurq{background:#02bcb4;}

/* TEXTE */
h1, h2, h3, h4, h5, h6{margin:0;line-height:1.2;}
h1{font-size:28px;font-weight:700;text-transform:uppercase;margin-bottom:25px}h1 span{display:block;font-weight:400}
h2{font-size:22px;font-weight:700;font-family: 'Manrope', sans-serif;letter-spacing:1px}
h3{font-size:18px;font-weight:700;text-transform:uppercase} h3 span{font-weight:400;display:block}
h4{font-size:17px;font-weight:700;font-family: 'Manrope', sans-serif;l}
h5{font-size:16px;font-weight:700;text-transform:uppercase}
h6{font-size:15px;font-weight:700;color:#48A5DC;text-transform:uppercase}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul
h1 + img, h2 + img, h3 + img, h4 + img, h5 + img, h6 + img,
img + p, img + h1, img + h2, img + h3, img + h4, img + h5, img + h6{margin-top:15px}

p, li, cite{font-size:15px;line-height:1.5;margin:0 0 20px;letter-spacing:0.5px}
ul{list-style-type:disc} ul li{margin:0 0 0 15px} ol{margin-left:15px}ol li{margin:0 }

.bt a {background:#4c4d4f;padding:10px 12px;color:#fff;font-size:13px;border-radius:5px;display:inline-block}
.bt a:hover{background:#48A5DC;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
 h6 a:hover{-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;color:#333;}

/* HEADER  */

.headHome{height:100%;z-index:9}

header{width:100%;position:relative;z-index:9999;background:rgba(255, 255, 255, 1);-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
header .cont{max-width:1200px;padding:0 60px;display:block;margin:0 auto;position:relative}
header .logo{float:left;margin:30px 0;}



p.call{font-size:20px;font-weight:400;font-style:italic;letter-spacing:1px;float:left;margin:30px 0 0 30px ;color:#555;line-height:1.1}
.navTop{display:block;width:100%;font-weight:400;}.navTop ul{float:right;margin-top:-120px}
.navTop li{display:inline-block;margin:0;font-size:12px;line-height:1.1;text-align:center;text-transform:uppercase;vertical-align:middle;cursor:pointer}
.navTop li a {vertical-align:middle;font-weight:400;color:#fff;display:inline-block;padding:15px 20px;height:55px}
.navTop li.btHand a{background:#021776;}
.navTop li.btOffre a{background:#02bcb4;}
.navTop li.btEmplo a{background:#01a6e1;padding-top:20px}

.navTop li:hover a{background:#555;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.navTop li a.active{border-bottom:4px solid #333}
.navTop li.current_page_item a{border-bottom:4px solid #333}

.textresizer{list-style-type:none;position:absolute;top:65px;right:60px}
.zeno_font_resizer_container{
	list-style-type:none;
	position:absolute;
	top:65px;
	right:60px
}
.textresizer li{display:inline-block;margin:0 5px 0 0;color:#555}
.textresizer li.big{font-size:20px}

.headHome{z-index:0}
.headHome .bgH2{margin-left:-60px}

#dropDown{background:rgba(50, 50, 50, 1);width:100%;border:3px solid #fff;border-left:0;border-right:0;z-index:999;text-align:right}
.dropDown ul{list-style-type:none;}
.dropDown ul li{margin:0;display:inline-block;background:rgba(50, 50, 50, 1);}
.dropDown ul li a{padding:10px 20px;margin:0;display:block;font-size:14px;font-weight:400;color:#fff;letter-spacing:1px;border-left:3px solid #fff;margin-left:-3px}
.dropDown ul li:last-child a{border-right:3px solid #fff;}.dropDown ul li:hover{background:#555}

.dropDown > ul > li.cbp-hropen .sousNav a{color:#fff;display:block;}
.dropDown .sousNav {display:none;position:absolute;width: auto;max-width:227px;z-index:9;text-align:left}
.dropDown .sousNav ul li{margin:0;line-height:1}.dropDown .sousNav ul li a::after{content:"";padding:0}

.cbp-hropen .sousNav {display:block;background:#333;}
.dropDown li.cbp-hropen{background:#555}
.dropDown li.cbp-hropen li{border-bottom:1px solid #fff;border-left:0;width:100%}.dropDown li.cbp-hropen li:last-child{border:0}
.dropDown li.cbp-hropen li a{margin-left:0;display:block;padding:10px;font-weight:400;text-transform:none;border:none}
.dropDown li.cbp-hropen li a.active , .dropDown li a.active{background:#48A5DC}
.sousNavInner ul{margin:0}



 span#menuMob, #navMenu a.closebtn {display:none}
 

.serv p{margin-bottom:0}
.serv img{width:80px!important}
 
.fondHome01{min-height:550px}
.fondHome01{background:url(../img/fond/fond-home01.jpg) no-repeat center center / cover fixed}
.fondHome02{background:url(../img/fond/fond-home02.jpg) no-repeat center center / cover fixed}

.fondHandi{background:url(../img/fond/home-handicap.jpg) no-repeat center center / cover}
.fondEmploy{background:url(../img/fond/home-employeur.jpg) no-repeat center center / cover}
 
.bouton .col img{-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.bouton .col:hover img{transform:scale(0.9);-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.bouton .col:hover h3{color:#111;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.bouton img + h3{margin-top:5px}

.cycle-slideshow{position:relative;width:100%;margin:0 auto;margin:0;padding:0;z-index:0;height:100%;}
.cycle-slideshow .slide{width:100%;position:relative;height:100%;z-index:1;width:50%}
.cycle-slideshow .slide p{color:#6d6e71;}

.cycle-pager { z-index: 500; overflow: hidden;position:relative;margin:40px 20px 0 0;float:left;}
.cycle-pager span { width: 10px; height: 10px;border-radius:10px; background:#555;margin:0 5px;display:inline-block;cursor: pointer;}
.cycle-pager span.cycle-pager-active {background:#fff;}
.cycle-pager > * { cursor: pointer;}

.cycle-prev, .cycle-next{position:relative;cursor:pointer; height:17px;width:17px;z-index:999;float:left;margin:30px 20px 0 0}
.cycle-prev:after{content:"\276e";font-size:22px;}
.cycle-next:after{content:"\276F";font-size:22px;}


/* FOOTER */

footer{width:100%;background:#333;}
footer .container{max-width:960px}
footer h2 + p{margin-bottom:0}
footer p{color:#939598}footer p a{font-weight:400}

footer nav{display:block;margin:0 auto;width:auto;max-width:575px}
ul.navFoot{float:left;margin:30px 4% 0;}
ul.navFoot, ul.navFoot ul{list-style-type:none}
ul.navFoot li{font-size:12px;padding:0;margin:0 0 2px;color:#fff;}ul.navFoot li a{font-weight:400;color:#939598;}

#credits p{background:#111;padding:10px;text-align:center;margin:0;font-size:10px;font-weight:400;color:#aaa}



/* AUTRES PAGES */

.headPage img{vertical-align:bottom}
.listNews{margin:30px 0;border-bottom:1px solid #ccc;padding-bottom:30px}

.imgHover{position:relative;line-height:1;border:1px solid #ccc;margin-bottom:20px;display:inline-block}
.imgHover img:first-child{display:block}
.imgHover img:last-child, .imgHover:hover img:first-child{display:none;overflow:hidden}
.imgHover:hover img:last-child{display:block;}

p.btretour{line-height:1;text-align:right;font-weight:800;font-size:13px;color:#777;text-transform:uppercase;z-index:99}
p.btretour{margin-top:10px;float:right}
.btretour:before{content:"\276c";padding-right:5px;font-size:14px;margin-top:3px;vertical-align:inherit;display:inline-block;color:#48A5DC}

.head{height:550px;}
.head h2 {font-family: 'Manrope', sans-serif;font-weight:400;text-transform:uppercase;font-size:36px;max-width:100%;display:inline-block}

.headHome{background:no-repeat center center / cover}
.headHandicap{background:url(../img/fond/head-offre-handicape.jpg) no-repeat center center / cover}
.headEmployeur{background:url(../img/fond/head-employeur.jpg) no-repeat center center / cover}
.headOffre{background:no-repeat center center / cover}

.fondapproche{background:no-repeat center center / cover fixed}
.fondEquipe{background:no-repeat center center / cover fixed;min-height:550px}




.action img, .action h3{display:inline-block;text-align:left;vertical-align:bottom;}
.action h3{padding-left:10px}

.title{margin-top:-20px;}
.title h1{color:#fff;padding:15px 20px;text-align:center}

.offre h3{font-weight:400;margin-top:20px}

.handi .date{color:#48A5DC;}
.handi h6, .handi h1 span{color:#48A5DC;}

.btAll{border-top:1px solid #ccc;margin-top:60px}
.btAll p {display:block;margin:0 auto;text-align:center}
.btAll p a{border-radius:0 0 10px 10px; display:inline-block;text-align:center;padding:10px 15px;color:#fff;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.handi .btAll p a{background:#48A5DC}
.handi .btAll p a:hover, .handi .bt.gris:hover a{background:#48A5DC;}

.employeur .btAll p a{background:#01a6e1}
.employeur .btAll p a:hover, .employeur .bt.gris:hover a{background:#05568e;}
.employeur h6, .employeur h1 span{color:#01a6e1;}

.fondInscriptionHome{background:url(../img/fond/fond-offre-emploi.jpg) no-repeat center center / cover fixed}
.fondTrouverHome{background:url(../img/fond/fond-employeur.jpg) no-repeat center center / cover fixed}

.imgPicto{margin-top:-50px}

.offre-emploi .date, .offre-emploi h1 span{color:#02bcb4}
.offre-emploi .bt.gris:hover a{background-color:#018a83}
.offre-emploi .offre .col:nth-child(3n+0){margin-right:0}

.offreList{border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px}
.offreList:last-child{border:none}

ul.equipe{list-style-type:none}
.equipe li{margin:0 0 15px}

.video{width:100%;height:280px}

.fb a{background:url(../img/picto/facebook.svg) no-repeat left top / 30px;height:40px;padding-left:40px;cursor:pointer;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;display:block;padding-top: 4px;}
.fb a:hover{color:#48A5DC;}

.navLeft {list-style-type:none}
.navLeft li{margin:0 0 15px;line-height:1.2;}

.postHand{
	margin-right: 27px;
	min-height: 265px;
}


@media only screen and (max-width: 1024px) {.container, .contDemi{padding-left:50px;padding-right:50px}.headHome .bgH2{margin-left:-30px}}

@media only screen and (max-width: 960px) {

header{border-bottom:2px solid #48A5DC;}
header .cont{padding:0 40px}
header .logo img{width:240px}
p.call {font-size:18px;}

#dropDown{top:auto;border:none;background:none;margin-top: 20px;}
.navTop ul{float:none;margin:0}
.navTop li{display:block;margin:8px auto;}.navTop li a{height:46px;width:200px;padding-top:10px}
.navTop li.btEmplo a{padding-top:15px}

.dropDown ul li{display:block;background:none;text-align:center}
.dropDown ul li a, .dropDown ul li:last-child a{border:0;}.dropDown ul li a{padding:5px 0}
.dropDown li.cbp-hropen{background:none;} .dropDown ul li:hover{background:transparent;}
.dropDown .sousNav {position:relative;max-width:220px;margin:0 auto;margin-bottom:7px;text-align:center;}
.dropDown > ul > li.cbp-hropen a{color:#fff;display:block;font-size:12px}
.cbp-hropen .sousNav {background:none;}



 span#menuMob {position:absolute;right:40px;top:25px;width:40px;height:40px;display:block;background: url("../img/menu-mobile.svg") no-repeat center center / 35px;cursor:pointer;display:block}
.open .overlay{width:100%} 
.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.3s;padding-top:15%}
 #navMenu .overlay a.closebtn {display:block;position: absolute;top:0px;right: 25px;font-size: 60px;color:#fff;font-weight:400} .overlay-content {position: relative;width: 100%;text-align: center;}
 
.textresizer{right:40px}

}


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

body{text-align:center}
.container, .contDemi{padding:0 40px;}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:50px;padding-bottom:50px}
header .cont{padding:0 20px} span#menuMob{right:20px}

.contDemi.flt-left, .contDemi.flt-right{float:none}

h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}

p.call{text-align:left;margin:35px 0 0 10px;font-size:13px}

p, li{font-size:13px;margin:15px 0;}
li{margin:5px 0}
.bt a{margin:15px auto 0}
p.btretour{float:none;font-size:12px;display:block}

.fondHome01{min-height:350px}

.cycle-slideshow .slide{width:100%;margin-bottom:30px}
.cycle-pager, .cycle-prev, .cycle-next{float:none;display:inline-block;margin:0 auto}
.serv .col{display:block;width:100%;}
.serv .col:first-child{margin-bottom:10px}
.serv:first-child{margin-top:25px}

ul.navFoot{display:none}

.textresizer{right:20px}

.head h2{font-size:26px}
.imgPicto img{margin-top:-40px;}

.offre-emploi .bt{float:none;margin:0 auto}
.offreList .col{margin-bottom:0}

.headHome .bgH2{margin-left:0px}

}



@media only screen and (max-width: 480px) {

.container, .contDemi{padding:0 25px;}
.pad{padding-top:25px;padding-bottom:25px}
.Bigpad{padding-top:40px;padding-bottom:40px}



h1{font-size:20px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:11px;}

p, li{font-size:11px;}

header .logo img{width:200px}
span#menuMob{top:15px}
p.call {font-size:10px;max-width:100px;margin-top:30px}

 .textresizer{top:50px}
 
 .head h2{font-size:17px;max-width:100%}
 .bgH2{max-wisth:100%;}
 
 

	
}