main.accueil .intro{position:relative;height:100vh;max-height:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}main.accueil .intro>figure,main.accueil .intro>figure img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}main.accueil .intro>figure img{object-fit:cover;object-position:center}main.accueil .intro>article{position:relative;height:100%;z-index:5;padding:0 50px 100px;display:flex;flex-direction:column;justify-content:center;align-items:center}main.accueil .intro>article .bigti{color:var(--blanc);text-align:center}main.accueil .intro>article .bigti+.menu{margin-top:75px}main.accueil .intro>article .menu{background:var(--blanc);padding:20px 30px;border-radius:30px;max-width:100%}main.accueil .intro>article .menu .nav{display:flex;position:relative;z-index:6}main.accueil .intro>article .menu.open .nav{display:none}main.accueil .intro>article .menu .nav .nav_item{background-color:var(--beige);color:var(--bleu);border:1px solid transparent;padding:16px 20px;width:275px;max-width:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-family:var(--supply);border-radius:13px;font-size:18px;margin:5px;transition:all .3s}main.accueil .intro>article .menu .nav .nav_item svg path{stroke:var(--bleu);transition:all .3s}main.accueil .intro>article .menu .nav .nav_item:nth-child(1):hover{background-color:var(--rose)}main.accueil .intro>article .menu .nav .nav_item:nth-child(2):hover{background-color:var(--blanc);border:1px solid var(--beige)}main.accueil .intro>article .menu .nav .nav_item:nth-child(3):hover{background-color:var(--cyan)}main.accueil .intro>article .menu .nav .nav_item:nth-child(4):hover{background-color:var(--bleu);color:var(--blanc)}main.accueil .intro>article .menu .nav .nav_item:nth-child(4):hover svg path{stroke:var(--blanc);transition:all .3s}main.accueil .intro>article .menu .nav .nav_item:nth-child(2){width:322px}main.accueil .intro>article .menu .nav .nav_item svg,main.accueil .intro>article .menu .nav .nav_item img{margin-right:5px}main.accueil .intro>article .menu form.rech{display:none}main.accueil .intro>article .menu form.rech .submit_rech{margin-left:15px}main.accueil .intro>article .menu.open form.rech{display:flex;align-items:center}main.accueil .intro>article .menu.open form.rech .faux_select{min-width:235px}main.accueil .metiers .content{text-align:center}main.accueil .metiers .content>figure img{margin:0 auto}main.accueil .metiers .content figure+.ssti,main.accueil .metiers .content figure+.ckeditor,main.accueil .metiers .content .ssti+.ckeditor{margin-top:25px}main.accueil .liste_metiers article{position:relative;padding-top:calc((100% / 3) - 30px);border-radius:30px;background-repeat:no-repeat;background-size:contain;background-position:center center}main.accueil .liste_metiers article:nth-child(9n+1),main.accueil .liste_metiers article:nth-child(6n+5){background-color:var(--rose);background-image:url(../img/v-bg-rose.png)}main.accueil .liste_metiers article:nth-child(6n+2),main.accueil .liste_metiers article:nth-child(6n+6){background-color:var(--beige);background-image:url(../img/v-bg-blanc.png)}main.accueil .liste_metiers article:nth-child(6n+3),main.accueil .liste_metiers article:nth-child(6n+4){background-color:var(--cyan);background-image:url(../img/v-bg-cyan.png)}main.accueil .liste_metiers article .content{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;display:flex;padding:15px;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;max-width:350px}main.accueil .liste_metiers article .bt{opacity:0;height:0;font-size:0;padding:0;border:none;transform:translateY(-5px);transition:all .5s}main.accueil .liste_metiers article:hover .bt{opacity:1;height:auto;font-size:16px;line-height:18px;padding:10px 40px;border:1px solid var(--bleu);background-color:transparent;transform:translateY(-5px)}main.accueil .liste_metiers article:hover .bt:hover{background-color:var(--bleu)}main.accueil .services{padding-bottom:100px}main.accueil .services>.content{text-align:center}main.accueil .services>.content .ssti+.smti{margin-top:50px}main.accueil .services .liste_services .list_item .xsti{padding:30px 15px;border-top-right-radius:10px;border-top-left-radius:10px;text-align:center}main.accueil .services .liste_services .list_item:nth-child(3n+1) .xsti{background-color:var(--cyan)}main.accueil .services .liste_services .list_item:nth-child(3n+2) .xsti{background-color:var(--beige)}main.accueil .services .liste_services .list_item:nth-child(3n+3) .xsti{background-color:var(--rose)}main.accueil .services .liste_services .list_item figure{position:relative;height:450px;width:100%;overflow:hidden;border-bottom-right-radius:10px;border-bottom-left-radius:10px}main.accueil .services .liste_services .list_item figure img{width:100%;height:100%;object-fit:cover;object-position:center}main.accueil .services .liste_services .list_item .btn{padding:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s;overflow:hidden;border-bottom-left-radius:30px;border-bottom-right-radius:30px;color:var(--bleu)}main.accueil .services .liste_services .list_item:hover figure{border-bottom-left-radius:0;border-bottom-right-radius:0}main.accueil .services .liste_services .list_item:hover .btn{background-color:var(--bleu);color:var(--blanc)}main.accueil .services .liste_services .list_item:hover .btn button{background-color:var(--blanc)}main.accueil .services .liste_services .list_item .btn button{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border:1px solid var(--bleu);border-radius:50px;transition:all .3s}main.accueil .agences article:not(.noimg){display:flex;justify-content:space-between;align-items:center}main.accueil .agences article:not(.noimg)>*{width:calc((100% / 3) - 20px);margin:10px;text-align:center}main.accueil .agences article:not(.noimg) .txt{max-width:375px;margin:0 auto}main.accueil .agences article .bt{margin:15px auto 0;border-color:var(--blanc)}main.accueil .chiffres_cles article{background-color:var(--rose);background-image:url(../img/v-bg-rose.png);background-size:contain}main.accueil .actus .ti{text-align:center;padding:0 25px}main.accueil .actus .actus_wrapper{margin-top:50px}main.accueil .actus .liste_actus{display:flex}main.accueil .actus .liste_actus article{display:flex;border-radius:30px;overflow:hidden;background-color:var(--beige);max-width:950px;margin:0 15px}main.accueil .actus .liste_actus article .img,main.accueil .actus .liste_actus article .img+.txt{position:relative;width:50%}main.accueil .actus .liste_actus article .img{position:relative;overflow:hidden}main.accueil .actus .liste_actus article .img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s}main.accueil .actus .liste_actus article .img:hover img{transform:scale(1.1);opacity:.9}main.accueil .actus .liste_actus article .txt{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:50px}main.accueil .actus .liste_actus article .txt .content{margin-top:25px}main.accueil .actus .liste_actus article .txt .bt{margin:25px auto 0}main.accueil .actus>.bt{margin:100px auto 0}main.accueil .actus .actus_wrapper .nav_actus{display:flex;justify-content:flex-end;padding:15px}main.accueil .actus .actus_wrapper .nav_actus .arrows{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border:1px solid var(--bleu);border-radius:50px;background-color:var(--bleu)}main.accueil .actus .actus_wrapper .nav_actus .slick-prev{transform:rotate(180deg)}main.accueil .actus .actus_wrapper .nav_actus .slick-next{margin-left:15px}main.accueil .recrutement article .txt{background-color:var(--cyan);background-image:url(../img/v-cyan-transparent.png);background-repeat:no-repeat;background-position:center}main.accueil .recrutement article.noimg .txt{background-size:contain}main.accueil .recrutement article .txt .bt{border:1px solid var(--cyan)}main.accueil .recrutement article .txt .bt:hover{background-color:var(--cyan);border:1px solid var(--bleu)}main.accueil .recrutement .patch{position:absolute;top:50px;left:50px}main.accueil .recrutement .patch svg{animation:spin 15s linear infinite}main.accueil .intro>article .menu .nav .nav_item,main.accueil .intro>article .menu .nav .nav_item:nth-child(2){font-size:16px;line-height:18px}@media screen and (max-width:1380px){main.accueil .intro>article .menu .nav .nav_item,main.accueil .intro>article .menu .nav .nav_item:nth-child(2){width:max-content;width:-moz-max-content;font-size:14px;line-height:16px}main.accueil .agences article:not(.noimg) .txt{max-width:300px}main.accueil .actus .liste_actus article{margin:0 8px}main.accueil .actus .liste_actus article .txt{padding:25px}main.accueil .recrutement article.noimg .txt{padding:75px 25px}main.accueil .actus .liste_actus .liste_actus{margin-top:75px}main.accueil .actus>.bt{margin:75px auto 0}main.accueil .services{padding-bottom:65px}main.accueil .recrutement article .txt{background-size:contain}main.accueil .recrutement .patch{top:25px;left:25px;width:120px}main.accueil .intro>article .menu.open form.rech .faux_select{min-width:auto}form.rech .field.text label{padding:13px 15px}.faux_select .selectric .label,form.rech input,form.rech input::placeholder,form.rech div.field .label{font-size:14px;line-height:16px}main.accueil .services .liste_services .list_item figure{height:300px}main.accueil .liste_metiers article:hover .bt{font-size:14px;line-height:16px}main.accueil .services>.content{padding-top:50px;padding-bottom:50px}}@media screen and (max-width:1180px){main.accueil .intro>article .menu .nav,main.accueil .intro>article .menu.open form.rech{flex-flow:row wrap;justify-content:center}main.accueil .liste_metiers article{padding-top:calc((100% / 3) - 10px)}}@media screen and (max-width:980px){main.accueil .intro>article .bigti+.menu{margin-top:50px}form.rech .close{top:-15px;right:-5px}main.accueil .intro>article{padding:0 25px 100px}main.accueil .liste_metiers article{padding-top:calc((100% / 2) - 10px)}main.accueil .services>.content .ssti+.smti{margin-top:25px}main.accueil .services .liste_services .list_item figure{height:400px}main.accueil .agences article:not(.noimg){flex-direction:column}main.accueil .agences article:not(.noimg)>*{width:100%;margin:0}main.accueil .agences article .ti+figure,main.accueil .agences article .ti+.txt,main.accueil .agences article figure+.txt,main.accueil .agences article:not(.noimg) figure+.txt{margin-top:25px}main.accueil .agences article:not(.noimg) .txt{max-width:none}main.accueil .agences article figure img{margin:0 auto}main.accueil .actus .liste_actus article{flex-direction:column}main.accueil .actus .liste_actus article .img,main.accueil .actus .liste_actus article .img+.txt{width:100%}main.accueil .actus .liste_actus article .img{height:250px}main.accueil .actus .actus_wrapper{margin-top:50px}main.accueil .actus>.bt{margin:50px auto 0}main.accueil .services{padding-bottom:40px}main.accueil .recrutement .patch{top:-35px;left:-35px;width:75px}}@media screen and (max-width:550px){main.accueil .liste_metiers article+article{height:auto}main.accueil .liste_metiers article .content{position:relative;left:0;transform:none;margin:0 auto;padding:20px}main.accueil .liste_metiers article .smti+.ckeditor,main.accueil .liste_metiers article .smti+.bt,main.accueil .liste_metiers article .ckeditor+.bt{margin-top:20px}main.accueil .liste_metiers article .bt{opacity:1;height:auto;font-size:18px;padding:10px 40px;border:1px solid var(--bleu);background-color:transparent;transform:none}main.accueil .services .liste_services .list_item figure{height:300px}main.accueil .services .liste_services .list_item .btn button{width:35px;height:35px}main.accueil .recrutement .patch{top:-35px;left:50%;transform:translateX(-50%);width:75px}main.accueil .actus .actus_wrapper{margin-top:35px}}@media screen and (max-width:500px){form.rech .input_custom::placeholder{font-size:14px}main.accueil .intro>article .menu .nav .nav_item,main.accueil .intro>article .menu .nav .nav_item:nth-child(2){width:100%}main.accueil .intro>article .menu .nav .nav_item{padding:16px 10px}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-moz-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}