/***** COMMUN *****/ body{font-family: 'oswaldregular'; font-size:16px; color:#000; letter-spacing: 1px; line-height: 1.5;} img{max-width:100%; height:auto;} a{color:#059dc7; text-decoration: none;} a:hover{color:#e5c621} .clear{clear:both;} .inline-bloc{display:flex; align-items: center; justify-content: space-between;} .wp-block-button a, .btn-default{border:0; text-align: center; background:#52c3de; color:#FFF; border-radius: 100px; padding:15px 50px; text-transform:uppercase; font-family: 'oswaldsemibold'; letter-spacing: 3px;} .wp-block-button a{color:#FFF; background:#000;} .wp-block-button a:hover, .btn-default:hover{background: #e5c621; color:#FFF;} .wp-block-button a:after, .btn-default:after{content:"\f30b"; margin-left:15px; font-size:18px; font-family: "Font Awesome 5 Free"; font-weight:900;} .wp-block-button__link{font-size:1em;} strong{font-family: 'oswaldbold';} h1{text-transform:uppercase; color:#059dc7; font-family: 'oswaldmedium'; font-size:45px; letter-spacing:5px;} h2{text-transform:uppercase; font-size:50px; font-family: 'oswaldlight';} .align-center{text-align:center;} /***** HEADER *****/ #header-main{margin:0 5%;} #header-main .menu a{text-transform:uppercase; font-family: 'oswaldmedium';} #open-menu, #responsive-menu{display:none;} #surtop-menu{background:#059dc7; border-radius:0 0 15px 15px; padding:15px 100px; float:right; width:calc(70% - 200px); margin:0 0 25px;} .menu-menu-surtop-container, .menu-menu-surtop-anglais-container{flex:calc(100% - 100px);} #main-menu ul, #surtop-menu ul{display:flex; align-items: center; justify-content: space-between;} #surtop-menu a{color:#FFF; font-size:14px;} #surtop-menu .current_page_item a, #surtop-menu a:hover{color:#000;} #surtop-menu .fas{font-size:20px;} #surtop-menu .wpml-ls-legacy-list-horizontal{padding:0; margin:0 50px;} #surtop-menu .wpml-ls-legacy-list-horizontal ul .wpml-ls-item{display:flex; align-items:center; margin-right:0;} #surtop-menu .wpml-ls-legacy-list-horizontal ul .wpml-ls-item::after{content:"|"; display:block; color:#FFF; margin:-2px 0 0;} #surtop-menu .wpml-ls-legacy-list-horizontal ul .wpml-ls-item:last-child::after{display:none;} #surtop-menu .wpml-ls-legacy-list-horizontal a:hover, #surtop-menu .wpml-ls-current-language a{color:#000;} #surtop-menu .wpml-ls-current-language a:hover{color:#FFF;} #logo{float:left; width:20%; margin:15px 2.5% 0; text-align:center;} #main-menu{float:right; width:55%; margin:35px 7%;} #main-menu a{color:#000; font-size:18px;} #main-menu .menu li{position:relative; text-align:center; flex:25%;} #main-menu .menu .sub-menu{display:none; position:absolute; background:#000; padding:30px 15px; text-align:center; z-index:10; width:calc(100% - 30px)} #main-menu .menu li:hover .sub-menu{display:block;} #main-menu .menu li .sub-menu li{padding:15px;} #main-menu .menu li .sub-menu li:after{content:""; background:#FFF; width:50%; height:1px; margin:15px auto 0; display:block;} #main-menu .current_page_item a, #main-menu a:hover, #main-menu .menu li.current-page-ancestor a, #main-menu .menu li .sub-menu .current_page_item a, #main-menu .menu li .sub-menu a:hover{color:#e5c621;} #main-menu .menu li .sub-menu a{color:#FFF; text-transform: inherit;} #menu-item-32 a, #menu-item-1566 a{color:#6ad403;} #header-main.sticky #surtop-menu{display:none;} #header-main.sticky #logo{width:10%;} /***** FOOTER *****/ #footer-main{background:#000; padding:50px 10%; margin:50px 0 0; color:#FFF; text-transform: uppercase; font-family: 'oswaldmedium';} #footer-main #informations-footer{align-items: end;} #footer-menu{border-bottom:2px solid #FFF; margin:0 7.5% 45px; padding:0 5% 25px;} #footer-menu ul{display:flex; align-items: center; justify-content: center;} #footer-menu ul li{margin:0 50px;} #footer-menu a{color:#FFF; text-transform:uppercase; font-family: 'oswaldmedium'; font-size:18px;} #footer-menu a:hover{color:#e5c621;} #contact-footer{letter-spacing: 2px; line-height: 2; flex:25%;} .contact-email{display:block; margin:15px 0 0;} .contact-email a{color:#e5c621;} #logo-footer{flex:50%;} #logo-footer li{margin:0 20px;} #infos-footer{text-align:right; letter-spacing: 3px; flex:25%;} .social{margin:25px 0; font-size:20px;} .social a{color:#FFF; font-size:30px;} .social a:hover{color:#e5c621;} .contact-link-footer{color:#e5c621; font-size:20px; display:block; margin:0 0 25px;} .contact-email a:hover, .contact-link-footer:hover{color:#FFF;} #copyright{justify-content: right; flex-wrap: wrap;} #copyright li:after{content:"|"; margin:0 25px; color:#808080;} #copyright li:last-child:after{display:none;} #copyright a{color:#808080; letter-spacing: 1px;} #copyright a:hover{color:#FFF;} #copyright img{margin:0 0 0 25px;} /***** BODY *****/ .inner-content{margin:0 10%} .inner-content p, .inner-content li{margin:0 0 25px; line-height:2; font-size:20px;} .inner-content ul{margin:0 5%;} .inner-content li{list-style:none; margin:15px 25px} .inner-content li:before{content:""; background:#059dc7; width:7px; height:7px; display:inline-block; vertical-align: middle; margin:0 15px 0 -22px;} .wp-block-quote{margin: 30px 0 30px 5%; font-size: 25px;} .wp-block-quote:after, .wp-block-quote:before{content:"\f10d"; font-family: "Font Awesome 5 Free"; font-weight:900; font-size: 30px; color: #e5c621; margin-top:-25px; float:left;} .wp-block-quote:after{content:"\f10e"; float:right;} .wp-block-quote p{font-size: 30px; letter-spacing: 2px; margin: 0 5%;} .wp-block-media-text .wp-block-media-text__content{padding:0;} .after-title:after{content:""; display:block; margin:25px auto 50px; width:25%; height:2px; max-width:300px; background: #059dc7;} /*** HOME ***/ #home-slider .slide{margin: 25px 50px 50px; border-radius: 15px; position:relative; background:#000; overflow: hidden; max-height:750px;} #home-slider img{opacity:0.5;} #home-slider .caption{position:absolute; left:10%; bottom:200px; width:60%;} #home-slider .caption .titre{font-family: 'oswaldsemibold'; font-size:25px; color:#52c3de; text-transform:uppercase; letter-spacing: 3px;} #home-slider .caption .texte{font-size:45px; color:#FFF; text-transform:uppercase; font-family: 'oswaldsemibold'; letter-spacing: 6px; margin:50px 0 25px;} #home-slider .caption .btn-default{float:right;} #home-slider .cat-slide{position:absolute; left:0; bottom:0; background:#FFF; padding:0 100px; width:30%; text-transform:uppercase; font-size:25px; letter-spacing:5px; height:100px; line-height: 100px; text-align:right;} #home-slider .owl-nav{position:absolute; left:15%; top:575px;} #home-slider .owl-nav button{width:100px; height:100px; background:rgba(255,255,255,0.5); margin:0 5px; font-size:30px;} #home-slider .owl-nav button:hover{background:#FFF;} #home-presentation{overflow: hidden;} #home-presentation h1:after{content:""; width:50%; height:2px; background:#000; margin:25px 0 50px; display:block;} #home-presentation .wp-block-column:not(:first-child){margin-left:5%;} #home-domaines{margin:50px 0 100px;} #home-domaines .wp-block-column{position:relative;} #home-domaines .wp-block-column .wp-block-image{border-radius: 15px; background:#000; height:500px; overflow: hidden;} #home-domaines .wp-block-column .wp-block-image img{object-fit: cover; height:100%; opacity:0.75;} #home-domaines .wp-block-column:hover .wp-block-image img{opacity:0.25;} #home-domaines .wp-block-column .wp-block-image a{display:block; height:100%;} #home-domaines .wp-block-column h3{position:relative; z-index:1;} #home-domaines .wp-block-column h3 a{display:block; color:#000; text-transform:uppercase; font-size:30px; font-family: 'oswaldsemibold'; text-align:center; letter-spacing: 4px;} #home-domaines .wp-block-column h3 a:hover{opacity:0.5;} #home-domaines .wp-block-column h3 a:before{content:""; display:block; border-radius:15px 15px 0 0; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:50px; -webkit-box-shadow: 0 0 25px 1px rgba(0,0,0,0.15); box-shadow: 0 0 25px 1px rgba(0,0,0,0.15); width:100px; height:100px; text-align:center; line-height: 100px; margin:-113px auto 25px;} #home-domaines .wp-block-column.puericulture h3 a:before{content:"\f77d"; background:#fb8cae;} #home-domaines .wp-block-column.aeronautique h3 a:before{content:"\f072"; background:#52c3de;} #home-domaines .wp-block-column.medical h3 a:before{content:"\f48e"; background:#FFF;} #home-domaines .wp-block-column.industrie h3 a:before{content:"\f085"; background:#ff690c;} #home-domaines .wp-block-column .domaine-hover{position:absolute; top:500px; left:0; width: calc(100% - 100px); color: #fff; margin: 100px 50px; color:#FFF; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; height:0; overflow:hidden;} #home-domaines .wp-block-column:hover .domaine-hover{height:100%; top:0;} #home-domaines .wp-block-column .domaine-hover strong{text-transform:uppercase} #home-domaines .wp-block-column .domaine-hover p{line-height: 1.5;} #home-domaines .wp-block-column .domaine-hover a{text-transform:uppercase; font-family: 'oswaldsemibold'; letter-spacing: 3px; color:#FFF; font-size:16px;} #home-domaines .wp-block-column .domaine-hover a:after{content:"\f30b"; margin-left:15px; font-size:18px; font-family: "Font Awesome 5 Free"; font-weight:900;} #home-domaines .wp-block-column .domaine-hover a:hover{color:#e5c621;} #home-rassurance{margin:0 0 50px;} #home-rassurance h2{font-family: 'oswaldsemibold'; letter-spacing: 2px;} #home-rassurance h2.after-title:after{background:#FFF;} #home-rassurance .wp-block-media-text__content{background: #e5c621; color:#FFF; text-align:center; padding: 50px 10% 0; margin: 0 -10% 0 0; width: 90%; position:relative;} #home-rassurance .wp-block-media-text__content .wp-block-columns{align-items: end; margin:0; justify-content: center;} #home-rassurance .wp-block-media-text__content .wp-block-column p{margin:0;} #home-rassurance .wp-block-media-text__content .wp-block-column a{border-radius:15px 15px 0 0; display:block; padding:15px; background: #FFF; color:#000; text-transform:uppercase; text-align:center;-webkit-box-shadow: 0 0 25px 1px rgba(0,0,0,0.15); box-shadow: 0 0 25px 1px rgba(0,0,0,0.15); font-size:14px; font-family: 'oswaldsemibold';} #home-rassurance .wp-block-media-text__content .wp-block-column a:hover{background:#000; color:#FFF;} .infos-rassurance.biosourcing h3, #home-rassurance .wp-block-media-text__content .wp-block-column.biosourcing a{color:#6ad403;} #home-rassurance .wp-block-media-text__content .wp-block-column a:before{content:""; display:block; width:100px; height:100px; background:url(../img/sprite_rassurance.png) 0 0; display:block; margin:0 auto;} #home-rassurance .wp-block-media-text__content .wp-block-column a:hover:before{background-position-y: -100px;} #home-rassurance .wp-block-media-text__content .wp-block-column.made_france a:before{background-position-x: -400px;} #home-rassurance .wp-block-media-text__content .wp-block-column.bpi_excellence a:before{background-position-x: -200px;} #home-rassurance .wp-block-media-text__content .wp-block-column.iso_9001 a:before{background-position-x: -300px;} #home-rassurance .wp-block-media-text__content .wp-block-column.rd4 a:before{background-position-x: -100px;} .infos-rassurance:before{content:""; width:2px; height:400px; float:left; margin:-150px 50px 0 75px; background:#059dc7; position:relative;} .infos-rassurance h3{text-transform:uppercase; font-family: 'oswaldsemibold'; font-size:35px; margin:0 0 50px;} .infos-rassurance.biosourcing{margin:0 5% 100px 0;} .infos-rassurance.made_france:before{float:right; margin-top:-200px;} .infos-rassurance.made_france{text-align:right; margin:0 0 0 5%;} #news-home{margin:100px 0 0;} #news-home h2{color:#059dc7; font-family: 'oswaldmedium'; font-size:50px; letter-spacing: 8px;} #news-home .separator{width:50%; height:2px; background:#000; margin:0 25px;} #news-home .btn-default{background:#000;} #news-home .btn-default:hover{background:#e5c621;} #news-home .list-news{align-items: stretch; flex-wrap:wrap;} #news-home .list-news .bloc-news{margin:50px 20px 0; font-size:20px; text-transform:uppercase; border-bottom:2px solid #000; width:29%;} #news-home .list-news .image{overflow:hidden; border-radius:15px; height:250px; display:block;} #news-home .list-news .image img{object-fit: cover; height:100%;} #news-home .list-news .titre{color:#000; margin:25px 0; display:block; line-height: 2;} #news-home .list-news a:hover .titre{opacity:0.5;} #news-home .list-news .link{float:right; margin:0 0 15px; font-family: 'oswaldsemibold'; letter-spacing: 5px;} /*** PAGES ***/ .breadcrumb{border-bottom:1px solid #EEE; margin:0 0 15px;} .breadcrumb, .breadcrumb a{color:#AAA; font-family: 'oswaldlight';} .breadcrumb .separator{margin:0 25px;} .breadcrumb a:hover{color:#e5c621;} #page.inner-content{margin-top:50px;} #page.inner-content h2{font-size:30px; color:#059dc7; margin:0 0 25px;} #page.inner-content h3{font-size:20px; margin:0 0 25px; font-family: 'oswaldsemibold';} #header-page{flex-direction: row-reverse;} #header-page .wp-block-media-text__media{margin:0 100px 100px 50px; height:500px; position:relative;} #header-page .wp-block-media-text__media:after{content:""; background:#e5c621; display:block; position:absolute; top:50px; left:50px; height:100%; width:100%; border-radius:15px;} #page.inner-content .wp-block-image img, #header-page img{object-fit:cover; height:100%; position:relative; z-index: 1; border-radius:15px;} #page.inner-content .wp-block-column .wp-block-image img{height:auto; object-fit:inherit;} #header-page h1{font-size:35px; font-family: 'oswaldlight'; margin:0 0 50px; color:#000;} #header-page h1 strong{display:block; font-family: 'oswaldmedium'; font-size:20px; color:#059dc7;} #header-page h1 strong:before{content:"//";} .line-right{text-align:right; position:relative; margin: 0 200px 100px 0; z-index: 1; padding:0 50px 0 0} .line-right:after{content:""; width:2px; height:180%; background:#059dc7; position:absolute; right:0; top:-200px;} .bloc-focus{margin:100px 0 50px;} .bloc-focus .wp-block-column:last-child figure{height:550px; margin: 0 100px 0 -100px;} .focus{border-radius:15px; padding:50px 50px 25px; margin:50px 0 50px 50px; width:100%; position:relative; z-index:2; text-align:center; background:#059dc7; color:#FFF; -webkit-box-shadow: 0 0 25px 1px rgba(0,0,0,0.25); box-shadow: 0 0 25px 1px rgba(0,0,0,0.25);} .focus p a{color:#FFF; text-decoration:underline;} .focus p a:hover{color:#000;} #page.inner-content .focus h2{color:#FFF;} .text-small-col{margin:50px 100px 0 50px;} .text-small-col li, .text-small-col p{font-size:16px;} .points-forts h2{font-size:40px; color:#000;} .points-forts figure{max-width:80px; margin:0 auto;} .points-forts p{margin:0;} #page.inner-content .points-forts figure img{border-radius: 0;} .hide{display:none;} #contact-footer-page{text-align:center; margin: 100px -12% 0;} #contact-footer-page .wp-block-cover{padding:25px 10%;} #page.inner-content #contact-footer-page h2{color:#FFF;} #page.inner-content .wp-block-column, .wp-block-buttons>.wp-block-button, #contact-footer-page .wp-block-column{margin:0 10px;} #contact-footer-page .wp-block-column a{background:#FFF; display:flex; align-items: center; justify-content: center; border-radius:15px; padding:20px; height:65px; line-height: 1.5;} #contact-footer-page .wp-block-column a:hover{background:#e5c621; color:#000;} #page.inner-content .realisation-exemple h3{margin:0;} #page.inner-content .realisation-exemple p{font-size:14px;} /*PILOTAGE GLOBAL */ .step-bloc{margin:50px 0;} .step-bloc ul, .step-bloc p{font-size:16px; margin:0 15%;} .inner-content .step-bloc li{font-size:16px} .step-bloc .step-title{background:#000; color:#FFF; padding:0 25px 0 75px; margin:25px 25px 25px 0; position:relative; height:100px; display: flex; align-items: center;} .step-bloc .step-title:before, .step-bloc .step-title:after{content:""; display : inline-block; height : 0; width : 0; border-top : 50px solid transparent; border-bottom : 50px solid transparent; position: absolute; top: 0;} .step-bloc .step-title:before{left: 0; border-left : 50px solid #FFF;} .step-bloc .step-title:after{right: -50px; border-left : 50px solid #000;} .step-bloc .wp-block-column:last-child .step-title:after, .step-bloc .wp-block-column:first-child .step-title:before{display:none} .col-picto li{font-size:15px;} /* QUALITE */ .content-toogle{display:none;} #page.inner-content .title-toogle{cursor:pointer;} #page.inner-content .title-toogle h3{margin:0;} /* RECRUTEMENT */ .bg-color{background:#daf0f7; padding: 50px 15%; margin: 0 -12% 50px;} /* SOCIETE */ .inner-content .frise{padding:50px 5%;} .inner-content .date{display:flex; margin:0;} .inner-content .date .wp-block-group{background:#000; color:#FFF; padding:10px 0 10px 85px; margin:5px; font-size:16px; position:relative; height:150px; display: flex; align-items: center;} .inner-content .date .wp-block-group strong{display:block;} .inner-content .date .wp-block-group p{font-size:14px; margin:0;} .inner-content .date .wp-block-group:before, .inner-content .date .wp-block-group:after{content:""; display : inline-block; height : 0; width : 0; border-top : 75px solid transparent; border-bottom : 75px solid transparent; position: absolute; top: 0;} .inner-content .date .wp-block-group:before{left: 0; border-left : 75px solid #daf0f7;} .inner-content .date .wp-block-group:after{right: -75px; border-left : 75px solid #000; z-index:2;} .inner-content .date .wp-block-group:last-child:after, .inner-content .date .wp-block-group:first-child:before{display:none} .inner-content .date .wp-block-group:first-child{padding-left:25px;} .accordion{display:block; cursor:pointer; border-bottom:1px solid; padding:5px 15px;} .accordion:after{content:"\f078"; font-family: "Font Awesome 5 Free"; font-weight:900; float:right;} .accordion.active:after{content:"\f077";} /* CONTACT */ .infos-contact{background:#EEE; padding:100px 50px; border-radius:25px;} .grecaptcha-badge{display:none;} .page-id-11 .grecaptcha-badge, .page-id-13 .grecaptcha-badge{display:block;} /* RECRUTEMENT */ .contact-footer-recrutement{background:#e5c621; padding:25px 10% 5px; border-radius: 15px; margin:25px 15%;} .list-recrutement{display:flex; justify-content: center; margin:0 0 50px;} .job-item{border-radius:15px; border:1px solid #000; text-align:center; padding:25px; margin:0 10px;} /*** MODAL ***/ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 100; /* Sit on top */ padding-top: 5%; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */} /* Modal Content */ .modal-content { background-color: #fff; margin: auto; padding: 75px 100px 50px; width: 80%; position:relative;} /* The Close Button */ .close {color: #000; position:absolute; top:25px; right:50px; line-height: 75px; font-size:75px;} .close:hover, .close:focus {color: #e5c621; text-decoration: none; cursor: pointer;} /*** ANIMATION ***/ .animated { animation-duration: 1s; animation-fill-mode: both; } .hidden { opacity: 0 } .visible { opacity: 1 } .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } #news-home .list-news a:hover .hvr-grow, .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } .bloc-news, #home-presentation .wp-block-column, #home-domaines .wp-block-column { -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms; } .bloc-news:nth-of-type(1), #home-presentation .wp-block-column:nth-of-type(1), #home-domaines .wp-block-column:nth-of-type(1) { -webkit-animation-delay: 1000ms; -moz-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; } .bloc-news:nth-of-type(2), #home-presentation .wp-block-column:nth-of-type(2), #home-domaines .wp-block-column:nth-of-type(2) { -webkit-animation-delay: 1500ms; -moz-animation-delay: 1500ms; -o-animation-delay: 1500ms; animation-delay: 1500ms; } .bloc-news:nth-of-type(3), #home-domaines .wp-block-column:nth-of-type(3) { -webkit-animation-delay: 2000ms; -moz-animation-delay: 2000ms; -o-animation-delay: 2000ms; animation-delay: 2000ms; } .wp-block-buttons{ text-align: center; } .wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top { padding: 0 10px; }