/* Theme Name: Theme_name Author: LATELIER CONCEPTION WEB Author URI: www.latelier-conceptionweb.com */ html, body{margin:0;padding:0;} /*====================OBJETS====================*/ main{height: 100%;} .clear{clear: both;float: none;} /*====================PARALLAX====================*/ .background {background-repeat:no-repeat;background-position:50% 50% !important;} /* bandeau gris / typographie #222221 jaune #E5B318 vert #92B63A bleu #5073B0 violet #BF007A */ body{font-family: 'Dosis', sans-serif; margin: 0; padding: 0;} a {text-decoration:none; } .separateur_menu{margin: 10px 15px;border: none;width: 2px;height: 20px;background-color: white;} ul{ list-style-type: none;padding:0;margin:0;} li{ list-style-type: none; padding: 0; margin: 0;} button:focus{ outline:none;} input:focus{ outline:none;} select:focus{ outline:none;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| STYLE ANIMATION |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ .aggrandissement{width: 50%!important; transition: all 1.5s ease;} .taille_image{ height: 350px!important; transition: all 1s ease;} .aggrandissement-bloc-texte{width: 30%!important; transition: all 1s ease;} .aggrandissement-longueur{height: 100%!important; transition: all 1s ease;} .texte_h4{opacity: 1!important;} .texte_deplacement{margin-left: 0!important; margin-right: 0!important; transition: all 1s ease;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| HEADER |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ header{ position: fixed; width: 100%; z-index: 10; top: 0;background-color:rgba(0,0,0,0);transition: all 0.5s;} header .sur-header{ display: flex; justify-content: flex-end; background-color: #222221; height: 40px; color: white; font-size: 14px; } header .sur-header a img {height: 20px; margin-top: 10px; margin-right: 15px;} header .sur-header a {color: white;} header .sur-header .email-contact, .num-telephone{ margin-top: 12px;font-weight: 300;letter-spacing: 1.1px;font-size: 12px;} header .header-principal {display: flex; position: relative;} header .header-principal .logo_header{height: 54px;margin: 10px 20px;} header .header-principal .logo_couleur{height: 54px;position: absolute;left: 20px;top: 10px;opacity: 0;transition: all 0.5s;} header .header-principal .partie_droite { justify-content: flex-end;display: flex;width: 90%; margin-right: 15px;} header .header-principal .partie_droite nav .menu-menu-principal-container {padding: 10px; margin: 15px 0;} header .header-principal .partie_droite nav .menu-main-menu-container {padding: 10px; margin: 15px 0;} header .header-principal .partie_droite nav ul li { display : inline;margin: 0 10px;position: relative;} header .header-principal .partie_droite nav ul li a {color:white; font-weight: 300; letter-spacing: 1.1px;font-size: 16px;transition: all 0.3s ease;position: relative;} header .header-principal .partie_droite nav ul li a.active {color:#E5B318!important;} header .header-principal .partie_droite nav ul li a hr{position: absolute;border: 0;height: 2px;width: 0;margin: 0;background-color: #E5B318;bottom: -4px;left: 0;transition: all 0.5s;} header .header-scroll .header-principal .partie_droite nav ul li a hr{ background-color: #222221!important;transition: all 0.5s;} header .header-principal .partie_droite nav ul li a:hover hr{ width: 100%;transition: all 0.5s;} header .header-principal .partie_droite .notification_button {margin-left: 20px;} header .header-principal .partie_droite .notification_button .rond-blanc{ width: 45px;height: 45px;border-radius: 50px;background-color: white;text-align: center;box-shadow: 2px 2px 10px grey;margin: 10px;position: relative;transform: scale(1);transition: all 1s ease;} header .header-principal .partie_droite .notification_button .rond-blanc:hover{transform: scale(1.1);transition: all 1s ease; cursor: pointer;} header .header-principal .partie_droite .notification_button .rond-blanc .compteur{width: 25px;height: 25px;background-color: #BF007A;border-radius: 30px;position: absolute;bottom: -5px;left: -5px;color: white;padding-top: 5px;box-sizing: border-box;font-size: 12px;box-shadow: 2px 2px 10px #656565;} header .header-principal .partie_droite .rond-blanc .notification {height: 20px;margin-top: 12px;} .principal_h{ margin: 25px 10px 0 10px!important;} /* Sous menu FR */ header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu {position: absolute;background-color: #222221;left: -50.43px;top: 45px;width: 144px;padding: 0;max-height: 0;opacity: 0;transform: translateY(-10px);transition: max-height 0.4s ease-in-out, opacity 0.3s ease, transform 0.3s ease, padding 0.3s ease; overflow: hidden;} header .header-principal .partie_droite nav .menu-item-has-children:hover .sub-menu{max-height: 800px;opacity: 1;transform: translateY(0);padding: 15px 0!important;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu li{display: block; border-bottom: solid 1px #e6e6e6; padding-bottom: 10px; margin-bottom: 10px;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu li:first-child{border-bottom: solid 1px #e6e6e6; padding-bottom: 10px; margin-bottom: 10px;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu li:last-child{border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu li a{color:white!important;} /* Sous menu EN */ header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu {position: absolute;background-color: #222221;left: -50.43px;top: 45px;width: 162px;padding: 0;max-height: 0;opacity: 0;transform: translateY(-10px);transition: max-height 0.4s ease-in-out, opacity 0.3s ease, transform 0.3s ease, padding 0.3s ease; overflow: hidden;} header .header-principal .partie_droite nav .menu-item-has-children:hover .sub-menu{max-height: 800px;opacity: 1;transform: translateY(0);padding: 15px 0!important;} header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu li{display: block; border-bottom: solid 1px #e6e6e6; padding-bottom: 10px; margin-bottom: 10px;} header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu li:first-child{border-bottom: solid 1px #e6e6e6; padding-bottom: 10px; margin-bottom: 10px;} header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu li:last-child{border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;} header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu li a{color:white!important;} header .header-principal .lang { display: flex; margin-top: 25px;} header .header-principal .lang_burger { display: none;} header .header-principal .lang li a{ color: white; margin-right: 10px;opacity: 0.5;transition:all 0.5s;} header .header-principal .lang li a:hover{opacity: 1;transition:all 0.5s;} header .header-principal .lang li.current-lang a{opacity:1;} header .header-principal .lang li a { margin-top: 20px;!important; } header .header-principal #nav-icon3{display: none; margin: 20px 20px 0 10px;} .header-scroll{background-color: white!important;transition: all 0.5s;} .text-scroll{color: #222221!important;transition: all 0.5s;} .cercle-scroll{box-shadow: 0 0 10px gray;transition: all 0.5s;} .Burger-scroll{ background: #222221!important;} .logocouleur{opacity: 1!important;transition: all 0.5s;} .logo{opacity: 0!important;transition: all 0.5s;} /*----------------------------------------------- BULLE NOTIFICATION -----------------------------------------------*/ .bulle_notif{position: absolute; width: 220px; height: auto; right: 30px; top:110px; background-color: white; border-radius: 20px; box-shadow: 0 0 30px rgba(150,150,150,0.7);transition: all 1s ease; margin: 10px; opacity: 1;z-index:-100;} .bulle_notif hr:last-child{display: none;} .date_notif{font-size: 14px;font-weight: 500;color: #5073B0;margin: 20px 20px 0;} .titre_notif{font-size: 16px;font-weight: 300;color: #222221;margin: 10px 20px; letter-spacing: 2px;} .lien_notif{font-size: 12px;font-weight: 600;color: #92B63A;margin-bottom: 10px;box-sizing: border-box;padding: 5px 20px; display: block;} .separateur{border-color: rgba(200,200,200,0.2);} .fermer{transition: all 1s ease; top: -600px; opacity: 0; } /*----------------------------------------------- ICONE BURGER/CROIX -----------------------------------------------*/ #nav-icon3, #nav-icon4 {width: 30px;height: 45px;position: relative;margin: 5px 20px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} #nav-icon3 span {display: block;position: absolute;height: 3px;width: 100%;background: white;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} /* Icon 3 */ #nav-icon3 span:nth-child(1) {top: 0;} #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 10px;} #nav-icon3 span:nth-child(4) {top: 20px;} #nav-icon3.open span:nth-child(1) {top: 18px;width: 0;left: 50%;} #nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} #nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} #nav-icon3.open span:nth-child(4) {top: 18px;width: 0;left: 50%;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G1 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*----------------------------------------------- TRAIT VERTICALE -----------------------------------------------*/ div .trait_vertical{ position: absolute; background-color: rgba( 130, 130, 130, 0.2);border: none; width: 3px; height: 1500px;top: 660px; left: 100px;} /*----------------------------------------------- SECTION 1 -----------------------------------------------*/ @keyframes bounce{ from {margin-top: 30px;} 50% {margin-top: 20px;} to {margin-top: 30px;} } #section_1{ position: relative;} #section_1 .background_section_1{ background-size: cover; width: 100vw; height: 95vh;min-height: 700px;} #section_1 .background_section_1 .filter_gris{ background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;} #section_1 .background_section_1 .filter_gris .contenu{ width: 50%;margin-left: 18%; padding-top: 17%;} #section_1 .background_section_1 .filter_gris .contenu .sous_titre{ color: white; font-size: 20px; letter-spacing: 2px;} #section_1 .background_section_1 .filter_gris .contenu .titre{color: white;font-size: 32px;font-weight: 200;letter-spacing: 3px; margin-top: 10px;} #section_1 .background_section_1 .filter_gris .contenu .icone_video{height: 30px;position: relative;top: 3px;} #section_1 .background_section_1 .filter_gris .contenu .lien_vidéo{margin-left: 30px; color: white; vertical-align: super;} #section_1 .background_section_1 .filter_gris .contenu .SGT_ALGERIE{ background-color: #92B63A; color: white;font-size: 17px;font-weight: 300;padding: 10px 0;width: 25%;text-align: center; margin-left: 120%;transform: scale(1);transition: all 0.5s ease;} #section_1 .background_section_1 .filter_gris .contenu .SGT_ALGERIE:hover{transform: scale(1.1);transition: all 0.5s ease;} #section_1 .background_section_1 .filter_gris .contenu .SGT_SGR{ background-color: rgb(229, 179, 24)!important;} #section_1 .background_section_1 .filter_gris .contenu .cta-list { position: absolute; right: 4%; bottom: 14%; display: flex; flex-flow: wrap; width: 43%; } #section_1 .background_section_1 .filter_gris .contenu .cta-list a{ width: 25%; margin: 0% 4%; } #section_1 .background_section_1 .filter_gris .contenu .cta-list .cta-button{ background-color: #5073B0;color: white;font-size: 17px;font-weight: 300;padding: 10px 0;text-align: center; margin-top: 5%;transform: scale(1);transition: all 0.5s ease;} #section_1 .background_section_1 .filter_gris .contenu .cta-list .cta-button:hover{ transform: scale(1.1);transition: all 0.5s ease;} #section_1 .background_section_1 .filter_gris .contenu .scroll{height: 40px;margin-top: 11%; animation: bounce 1s ease infinite;} #section_1 .bloc_gris_section_1{z-index: 5; background-color: #222221; position: absolute; right: 0;bottom: -5vh; display: flex; justify-content: space-around; box-sizing: border-box; padding: 25px 15px; width: auto;} #section_1 .bloc_gris_section_1 a{width: auto;display: block;} #section_1 .bloc_gris_section_1 .pet_bleu, .pet_jaune, .pet_vert, .pet_violet{ display: flex; justify-content: center; margin: 8% 3%; text-align: start;} #section_1 .bloc_gris_section_1 img{height: 30px; margin-right: 10px; position: relative; top:5px;} #section_1 .bloc_gris_section_1 span {color: white;font-weight: 400;letter-spacing: 2px;padding-right: 30px;font-size: 16px;} #section_1 .bloc_gris_section_1 a .separateur_gris{ border: none; width: 2px; height: 30px; background-color: rgba(200,200,200,0.3);} #section_1 .bloc_gris_section_1 a:nth-child(4) hr{ display: none;} /*----------------------------------------------- SLIDER 1 G1 -----------------------------------------------*/ #slider_1{ position: relative;} #slider_1 .event .contenu_slider_1 { display: flex; justify-content: space-around; width: 80%; margin: 10% 13% 5% 13%;} #slider_1 .event .contenu_slider_1 .partie_droite {width: 50%; padding: 2%; z-index: 1;} #slider_1 .event .contenu_slider_1 .partie_droite .image_slider_1{ background-size: cover;background-position: center; width: 100%; height: 100%;} #slider_1 .event .contenu_slider_1 .partie_gauche{width: 50%; padding: 2%;} #slider_1 .event .contenu_slider_1 .partie_gauche h2 {letter-spacing: 3px;font-size: 35px;font-weight: 600;color: #222221;} #slider_1 .event .contenu_slider_1 .partie_gauche h3 {font-size: 26px;font-weight: 300;letter-spacing: 4px;margin-top: -20px;color: #222221;} #slider_1 .event .contenu_slider_1 .partie_gauche p { margin: 12% 0 11% 0;color: #222221;} #slider_1 .event .contenu_slider_1 .partie_gauche a { background-color: #92B63A;color: white;padding: 10px 50px;font-weight: 300;transform: scale(1);display: block;text-align: center;width: 30%;transition: all 0.5s ease;} #slider_1 .event .contenu_slider_1 .partie_gauche a:hover{transform: scale(1.1);transition: all 0.5s ease;} #slider_1 .trait_horizontal{ position: absolute; background-color: rgba( 130, 130, 130, 0.2);border: none; width: 400px; height: 3px;top: 50%; right: 0;margin: 0;padding: 0;} #slider_1 .owl-nav{display: none;} #slider_1 .owl-dots{position: absolute; top: 190px;margin-left: 135px;} #slider_1 .owl-dots .owl-dot{width: 8px;height: 8px;left: 30px;margin: 10px;border-radius: 8px;border: 1px solid black;} #slider_1 .owl-dots .active{ background-color: black!important;} /*----------------------------------------------- BLOC VIDEO G1 -----------------------------------------------*/ #bloc_vidéo {position:relative; width: 100%; height: 350px; padding: 100px 0;} #bloc_vidéo .bloc_bleu{ position: absolute; width: 0 ;height: 200px; background-color: #5073B0;right: 0; top: calc( 50% - 100px );transition: all 1.5s ease;} #bloc_vidéo .trait_horizontal{position: absolute; background-color: rgba( 130, 130, 130, 0.2);border: none; width: 50%; height: 3px;top: 50%;left: 0; margin: 0;padding: 0;} #bloc_vidéo iframe { position: absolute; left: calc( 50% - 380px ); top: calc( 50% - 207.5px );} /*----------------------------------------------- BLOC ACTUALITÉS G1 -----------------------------------------------*/ #bloc_actualités { position: relative; width: 100%; margin-bottom: 5%;} #bloc_actualités .bloc_jaune{margin: 0;padding: 0; width: 0; height: 220px; background-color: #E5B318; transition: all 1s ease;} #bloc_actualités .bloc_jaune h3{position: absolute;font-size: 35px;left: 20%;top: 0;font-weight: 600;letter-spacing: 4px;} #bloc_actualités .bloc_jaune h2{position: absolute;font-size: 30px;left: 20%;top: 60px;font-weight: 300;} #bloc_actualités .bloc_jaune h4{color: white; padding-top: 150px;padding-left: 66%;font-size: 16px;font-weight: 300;opacity: 0;transition: 1s 1s all ease;} #bloc_actualités .bloc_actualités{margin: -12.5% 0 0 50%;display: flex;} #bloc_actualités .bloc_actualités .actu{margin-right: 10%; width: 40%;} #bloc_actualités .bloc_actualités .actu .date_actu{color: #5073B0;font-size: 20px;font-weight: 600;letter-spacing: 3px;} #bloc_actualités .bloc_actualités .actu .titre_actu {font-size: 28px;font-weight: 300;letter-spacing: 3px;margin-top: 15px; color: #222221;} #bloc_actualités .bloc_actualités .actu .contenu_actu {font-size: 15px;color: black; margin-bottom: 15%;} #bloc_actualités .bloc_actualités .actu .en_savoir_plus {background-color: #92B63A;color: white;padding: 10px 10px;box-sizing: border-box;transform: scale(1);display: block;text-align: center;width: 40%;transition: all 0.5s ease; margin-left: 30%;} #bloc_actualités .bloc_actualités .actu .en_savoir_plus:hover {transform: scale(1.1);transition: all 0.5s ease;} /*----------------------------------------------- BLOC RECRUTEMENT G1 -----------------------------------------------*/ #bloc_recrutement{ display: flex; width: 100%;margin-top: 5%; margin-bottom: 20px;} #bloc_recrutement .titre_recrutement{width: 15%; transform: rotate(-90deg);padding-top: 170px;padding-left: 160px;box-sizing: border-box;font-weight: 300;letter-spacing: 1px;font-size: 14px; color: #5073B0;} #bloc_recrutement .slider_job{width: 45%; margin-right: 10%; } #bloc_recrutement .slider_job .owl-stage-outer {padding-bottom: 2%;} #bloc_recrutement .slider_job .event .contenu_slider_jobs h3{font-size: 35px;font-weight: 600;letter-spacing: 4px;} #bloc_recrutement .slider_job .event .contenu_slider_jobs h4{font-size: 26px;font-weight: 300;letter-spacing: 4px;margin-top: -20px;} #bloc_recrutement .slider_job .event .contenu_slider_jobs p{ font-size: 16px;margin-top: 0; width: 90%; margin-bottom: 40px;} #bloc_recrutement .slider_job .event .contenu_slider_jobs .en_savoir_plus{ background-color: #5073B0 ; padding: 10px 30px;color: white;transform: scale(1);display: inline-block;text-align: center;width: 30%;transition: all 0.5s ease;} #bloc_recrutement .slider_job .event .contenu_slider_jobs .en_savoir_plus:hover{transform: scale(1.1);transition: all 0.5s ease;} #bloc_recrutement .slider_job .owl-dots{position: absolute;top: 30px;margin-left: -50px;} #bloc_recrutement .slider_job .owl-dots .owl-dot{width: 8px;height: 8px;left: 30px;margin: 10px;border-radius: 8px;border: 1px solid black;} #bloc_recrutement .slider_job .owl-dots .active{ background-color: black!important;} #bloc_recrutement .owl-nav{display: none;} #bloc_recrutement .nous_recrutons {width: 30%;} #bloc_recrutement .nous_recrutons {position: relative;width: 400px; height: 250px;background-color: rgb(229, 179, 24);} #bloc_recrutement .nous_recrutons .nous {font-size: 34px;margin-left: 10px;font-weight: 600;letter-spacing: 4px;} #bloc_recrutement .nous_recrutons .recrutons {font-size: 28px;font-weight: 300;letter-spacing: 4px;margin: -20px 0 50px -80px;} #bloc_recrutement .nous_recrutons .decouvrir_postes {background-color: #E5B318;padding: 10px 30px;color: white;margin-left: 0px;transform: scale(1);display: block;text-align: center;width: 45%;transition: all 0.5s ease;} .pagination{text-align: center;margin-top: 50px;} .pagination .screen-reader-text{display: none;} .pagination .page-numbers{margin-left: 5px;margin-right: 5px;} .pagination .page-numbers.current{font-size: 20px;color: #5073B0;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G2 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*----------------------------------------------- Bloc Principal G2 -----------------------------------------------*/ #bloc_principal_G2 .background{background-size: cover; background-position: center;width: 100%;} #bloc_principal_G2 .background .filter { background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;} #bloc_principal_G2 .background .filter .contenu { width: 100%;text-align: center; padding-top: 14%; color: white;} #bloc_principal_G2 .background .filter .contenu h1{font-size: 20px;font-weight: 500;letter-spacing: 2px; } #bloc_principal_G2 .background .filter .contenu h2{font-weight: 300;font-size: 32px;letter-spacing: 4px; } #bloc_principal_G2 .background .filter .contenu .page-logo{height: 120px;} #bloc_principal_G2 .background .filter .contenu .scroll_G2{ height: 40px; animation: bounce 1s ease infinite;display: none;} .page-template-page_sgt .lien_bandeau{justify-content:initial;} .page-template-page_sgt .lien_bandeau a{display:block;width:50%;} .page-template-page_sgt .lien_bandeau .nav-previous{width: 100%!important;box-sizing:border-box;} .page-template-page_sgt .lien_bandeau .nav-next{width: 100%!important;box-sizing:border-box;} .page-template-page_sgt .lien_bandeau .nav-next:hover{background-color: #92B63A!important;} .page-template-sgt-france .lien_bandeau{justify-content:initial;} .page-template-sgt-france .lien_bandeau a{display:block;width:100%;} .page-template-sgt-france .lien_bandeau .nav-previous{width: 100%!important;box-sizing:border-box; background-color: #5073B0!important; color: white!important;} .page-template-sgt-france .lien_bandeau .nav-previous a{color: white!important;} .page-template-sgt-france .lien_bandeau .nav-next{width: 100%!important;box-sizing:border-box;} .page-template-sgt-france .lien_bandeau .nav-next:hover{background-color: #92B63A!important;} .page-template-sgt-algerie .lien_bandeau{justify-content:initial;} .page-template-sgt-algerie .lien_bandeau a{display:block;width:50%;} .page-template-sgt-algerie .lien_bandeau .nav-previous{width: 100%!important;box-sizing:border-box;} .page-template-sgt-algerie .lien_bandeau .nav-next{width: 100%!important;box-sizing:border-box;background-color: #92B63A!important; color: white!important;} .page-template-sgt-algerie .lien_bandeau .nav-next a{color: white!important;} .page-template-sgt-algerie .lien_bandeau .nav-next:hover{background-color: #92B63A!important;} #produits{position: relative;top: -105px;} #encre_video{position: relative;top: -105px;} .page-template-page-environnement #Bandeau_retour.retour-actu{display: none!important;} /*----------------------------------------------- Bloc_Texte/Image G2 -----------------------------------------------*/ #Bloc_Texte_Image {position:relative; width: 100%; padding-top: 60px;} /* #Bloc_Texte_Image {position:relative; width: 100%; height: 500px; padding-top: 60px;} */ #Bloc_Texte_Image .bandeau_jaune{position: absolute; width: 0;height: 150px; background-color: #E5B318;right: 0; top: calc( 50% - 100px );transition: all 1s ease;} #Bloc_Texte_Image .contenu {width: 80%; margin-left: 10%;display: flex; justify-content: space-between;} #Bloc_Texte_Image .contenu .partie_gauche {width: 40%; margin-top: 80px; margin-left: -100%;transition: all 1s ease;} #Bloc_Texte_Image .contenu .partie_gauche h2 {font-size: 32px;font-weight: 600;letter-spacing: 4px;} #Bloc_Texte_Image .contenu .partie_gauche h3 {font-size: 26px;font-weight: 300;letter-spacing: 4px;margin-top: -16px;} #Bloc_Texte_Image .contenu .partie_gauche p {font-size: 16px;} #Bloc_Texte_Image .contenu .partie_droite {width: 40%;} #Bloc_Texte_Image .contenu .partie_droite .image {position: absolute; background-position: 50% 50%; width: 400px; height: 0; margin-top: 50px;transition: all 1s 0.2s ease;background-repeat: no-repeat;background-size: 100%;} .first-elem .bandeau_jaune{width: 50%!important;} .first-elem .image{ height: 350px!important;background-repeat: no-repeat;} .first-elem .partie_gauche{margin-left: 0!important;} /*----------------------------------------------- BLOC IMAGE TEXTE G2 -----------------------------------------------*/ #Bloc_Image_Texte {position:relative; width: 100%;} /* #Bloc_Image_Texte {position:relative; width: 100%; height: 500px; } */ #Bloc_Image_Texte .bandeau_bleu{position:absolute; background-color: #5073B0; width: 0; height: 150px; top: calc( 50% - 100px ); margin-left: 0;transition: all 1s ease;} #Bloc_Image_Texte .contenu_texte {width: 80%; margin-left: 10%;display: flex; justify-content: space-between;} #Bloc_Image_Texte .contenu_texte .partie_droite_ {width: 40%; margin-top: 80px; margin-right: -100%;transition: all 1s ease;} #Bloc_Image_Texte .contenu_texte .partie_droite_ h2 {font-size: 32px;font-weight: 600;letter-spacing: 4px;} #Bloc_Image_Texte .contenu_texte .partie_droite_ h3 {font-size: 26px;font-weight: 300;letter-spacing: 4px;margin-top: -16px;} #Bloc_Image_Texte .contenu_texte .partie_droite_ p {font-size: 16px;} #Bloc_Image_Texte .contenu_texte .partie_gauche {width: 40%;} #Bloc_Image_Texte .contenu_texte .partie_gauche .image {position: absolute; background-position: 50% 50%; width: 400px; height: 0; margin-top: 50px; transition: all 1s 0.2s ease; background-repeat: no-repeat; background-size: 100%;} /*------------------------------------------------- BLOC SLIDER DATE ------------------------------------------------*/ #Bloc_Slider_Date{ width: 100%; height: auto;position: relative; margin-bottom: 5%;} #Bloc_Slider_Date .trait_horizontal{position: absolute; width: 100%; height: 2px; border: none;top: 130px;background-color: #86979124;} #Bloc_Slider_Date h3 { color: #5073B0; text-align: center; letter-spacing: 3px; font-size: 18px; font-weight: 500;} #Bloc_Slider_Date .owl-carousel.owl-drag .owl-item .event{ text-align: center;} #Bloc_Slider_Date .no-js .owl-carousel, .owl-carousel.owl-loaded .owl-item li{text-align: center;} #Bloc_Slider_Date .no-js .owl-carousel, .owl-carousel.owl-loaded .owl-item a{color: #5073B0;} #Bloc_Slider_Date .owl-next, .owl-prev{position: absolute;top: 115px;width: 22px;height: 38px;} #Bloc_Slider_Date .owl-next {right: 300px;width: 35px;height: 35px;background-color: #5073B0;top: 160px;} #Bloc_Slider_Date .owl-next:hover {opacity: 0.7!important;} #Bloc_Slider_Date .owl-prev {left: 300px;width: 35px;height: 35px;background-color: #5073B0;top: 160px;} #Bloc_Slider_Date .owl-prev:hover {opacity: 0.7!important;} .wingz_1 .owl-item.not-select-calendrier .event p{opacity: 0;transition: all 0.7s;} .wingz_1 .owl-item .event p{opacity: 0;transition: all 0.7s;} .wingz_1 .owl-item.center .event p{opacity:1!important;transition: all 0.7s 0.5s;} .wingz_1 .owl-stage{ margin-top: 50px;} .wingz_1 .owl-carousel{width: 80%;margin-left: 10%;} .wingz_1 .owl-item.center .event a{color: #5073B0;font-weight: 500;transition: all 0.7s; transform: scale(0.5)!important;} .wingz_1 .owl-item.center .event span{color: #5073B0;font-weight: 500;transition: all 0.7s; transform: scale(0.5)!important;} .wingz_1 .owl-item .event a{color: rgba(80, 115, 176, 0.2);font-size: 75px;font-weight: 500;transition: all 0.7s;transform: scale(1);display: block;} .wingz_1 .owl-item .event span{color: rgba(80, 115, 176, 0.2);font-size: 75px;font-weight: 500;transition: all 0.7s;transform: scale(0);display: block;} .wingz_1 .owl-item.center .event {transition: all 0.7s;} .wingz_1 .owl-dots{width: 100%;justify-content: center;text-align: center;position: absolute;top: 0;display: flex;} .wingz_1 .owl-dots .owl-dot{width: 6px;height: 6px;left: 30px;margin: 10px;border-radius: 8px;border: 1px solid #5073B0;} .wingz_1 .owl-dots .active{ background-color: #5073B0!important;} /*-------------------------------------------------- BLOC VIDÉO G2 --------------------------------------------------*/ #bloc_vidéo_G2{position:relative; width: 100%; height: 500px; margin: 0; padding: 0;} #bloc_vidéo_G2 .bandeau_vert{width: 20%; height: 0; background-color: #92B63A; margin-left: 40%;transition: all 1s ease; } #bloc_vidéo_G2 iframe{position:absolute; margin-left: calc( 50% - 380px );top: 40px;} /*----------------------------------------------- BLOC FRANCE ALGÉRIE -----------------------------------------------*/ #Bloc_France_algerie { background-color: #f4f4f4; width: 100%; height: auto; padding-bottom: 1%; padding-top: 1px;} #Bloc_France_algerie h2{ color: #E5B318; text-align: center;padding-top: 50px;font-size: 14px;font-weight: 300;letter-spacing: 2px;} #Bloc_France_algerie p{ width: 50%;text-align: center;margin-left: 25%;font-size: 16px;} #Bloc_France_algerie .bouton {width: 30%; margin-left: 35%; display: flex; justify-content: space-between; margin-top: 5%;} #Bloc_France_algerie .bouton .btn_france{ width:45%;background-color: #E5B318;padding: 15px 30px;color: white; border: none;transform: scale(1.0);transition: all 0.5s ease;cursor: pointer;} #Bloc_France_algerie .bouton .btn_france:hover {transform: scale(1.1);transition: all 0.5s ease;} .bouton-eteint{background-color: grey!important;transition: all 0.5s;} #Bloc_France_algerie .bouton .btn_algerie{ width:45%;background-color: #92B63A;padding: 15px 30px;color: white; border: none;transform: scale(1.0);transition: all 0.5s ease;cursor: pointer;} #Bloc_France_algerie .bouton .btn_algerie:hover {transform: scale(1.1);transition: all 0.5s ease;} /* ----- */ #Bloc_France_algerie .contenu_anime{position:relative;margin: 5% 10%;} .cacher{opacity: 0!important;} .parent-cacher{display: none!important;} .fin-transition{transition: all 0.5s!important;} /* ----- */ #Bloc_France_algerie .contenu_anime .contenu_algerie {width: 100%;height: 100% ; display:flex; justify-content: center; flex-wrap: wrap;transition: all 0.5s;} #Bloc_France_algerie .contenu_anime .contenu_algerie .machine_x { width: 160px;height: auto;margin-bottom: 20px; border-radius: 10px; text-align: center; margin: 1.5%;opacity: 1;} #Bloc_France_algerie .contenu_anime .contenu_algerie .machine_x .rond_couleur{background-color: #92B63A; width: 10px; height: 10px; border-radius: 10px; margin-left: calc( 50% - 5px );margin-bottom: 5%;} #Bloc_France_algerie .contenu_anime .contenu_france {width: 100%;height: 100% ; display: flex; justify-content: center; flex-wrap: wrap; opacity: 1;transition:all 0.5s;} #Bloc_France_algerie .contenu_anime .contenu_france .machine_x { width: 160px;height: auto;margin-bottom: 20px;border-radius: 10px; text-align: center; margin: 1.5%;opacity: 1;} #Bloc_France_algerie .contenu_anime .contenu_france .machine_x .rond_couleur{background-color: #E5B318; width: 10px; height: 10px; border-radius: 10px;margin-left: calc( 50% - 5px ) ;margin-bottom: 5%;} /*----------------------------------------------- BLOC IMAGE G2 -----------------------------------------------*/ #bloc_image_G2{ width: 100%; height: 350px;} #bloc_image_G2 .background{background-size: cover; width: 100%; height: 100%;} #bloc_image_G2 .filter{ background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;text-align: center; } #bloc_image_G2 .filter .contenu {padding-top: 100px;} #bloc_image_G2 .filter .contenu h3 {color: white; font-size: 30px; font-weight: 400;} #bloc_image_G2 .filter .contenu a {color: white; background-color: #92B63A; padding: 10px 30px;transform: scale(1);transition: all 0.5s ease; display: inline-block; width: 10%;} #bloc_image_G2 .filter .contenu a:hover {transform: scale(1.1);transition: all 0.5s ease;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G3 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*------------------------------------------------- BLOC PRINCIPAL G3 -----------------------------------------------*/ #bloc_principal_G3 .background{ background-size: cover; width: 100%; height: 55vh ;} #bloc_principal_G3 .background .filter { background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;} #bloc_principal_G3 .background .filter .contenu { width: 100%;text-align: center; padding-top: 14%; color: white;} #bloc_principal_G3 .background .filter .contenu h1{font-size: 20px;font-weight: 500;letter-spacing: 2px; } #bloc_principal_G3 .background .filter .contenu h2{font-weight: 300;font-size: 32px;letter-spacing: 4px; } #bloc_principal_G3 .background .filter .contenu .scroll_G3{ height: 40px; animation: bounce 1s ease infinite;} /*------------------------------------------------- BLOC G3 -----------------------------------------------*/ #bloc_principal_G2 .background .filter .contenu .catalogue_download {display: flex; justify-content: center; width: 80%; margin-left: 10%;gap:40px;padding-bottom: 100px;} #bloc_principal_G2 .background .filter .contenu .catalogue_download .catalogue_fr{ background-color: #5073B0;padding: 1px 10px;box-sizing: border-box;display: flex; align-items: center; justify-content: center; width: auto;text-align: center;margin-top: 5%;transform: scale(1); transition: all 0.5s ease;} #bloc_principal_G2 .background .filter .contenu .catalogue_download .catalogue_fr:hover{transform: scale(1.1); transition: all 0.5s ease; } #bloc_principal_G2 .background .filter .contenu .catalogue_download .catalogue_al{ background-color: #92B63A;padding: 1px 10px;box-sizing: border-box;display: flex; align-items: center; justify-content: center; width: auto;text-align: center;margin-top: 5%;transform: scale(1); transition: all 0.5s ease;} #bloc_principal_G2 .background .filter .contenu .catalogue_download .catalogue_al:hover{transform: scale(1.1); transition: all 0.5s ease;} #bloc_principal_G2 .background .filter .contenu .catalogue_download .catalogue_secu{ background-color: #e1017b;padding: 1px 10px;box-sizing: border-box;display: flex; align-items: center; justify-content: center; width: auto;text-align: center;margin-top: 5%;transform: scale(1); transition: all 0.5s ease;} #bloc_principal_G2 .background .filter .contenu .catalogue_download .catalogue_secu:hover{transform: scale(1.1); transition: all 0.5s ease;} #bloc_principal_G2 .background .filter .contenu .catalogue_download .text_catalogue{ color: white;font-size: 14px;font-weight: 300;} .cd-main-content{ display: flex; padding-top: 6%;} .cd-filter{ margin-left: 8%;width: 20%; margin-right: 5%;} .cd-gallery{width: 60%;justify-content: space-around; margin-right: 15%;} #MixItUp8B844B{display: flex;justify-content: space-evenly;flex-wrap: wrap;} .cd-filter-block ul li { margin: 8% 0;} .cd-gallery ul li { text-align: center; margin: 2%; padding: 1%;width: 190px;height: auto;border-radius: 10px;transition: 0.5s box-shadow ease;} .cd-gallery ul li:hover{box-shadow: 0 0 10px #988d8d;transition: 0.5s all ease;} .cd-gallery ul li h4 {font-weight: 400;font-size: 16px;color: gray;} .cd-gallery ul li img {width: 40%; height: auto;} .cd-gallery ul li h4 {font-weight: 400;font-size: 14px;color: gray; margin: 0} .cd-gallery ul li h3 {font-weight: 500;font-size: 18px;color: #222221; margin: 5px;} .cd-gallery ul li h5 {font-weight: 300;font-size: 12px;color: #222221; letter-spacing: 2px; margin: 5px;} .cd-filter form ul li {display: flex;position: relative;} .checkbox-label .tags{border-radius: 20px;box-shadow: 1px 1px 5px #949494; width: 180px;height: auto;padding: 10px 0;text-align: center; font-size: 13px;font-weight: 400;letter-spacing: 1px;} .check{width: 12px;height: 12px;border-radius: 100%;display: flex;margin: 12px;} .check .circle-valid{margin: auto;width: 8px;height: 8px;border-radius: 100%;opacity: 0;transition:all 0.5s;} .mix{display: none;} .rempli .check .circle-valid{opacity:1!important;transition:all 0.5s;} .cd-gallery ul{text-align: center;} .open-filtre{display: none;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G4 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*------------------------------------------------- BLOC PRINCIPAL G4 -----------------------------------------------*/ #bloc_principal_G4 .background{ background-size: cover;background-position: center; width: 100%; height: 55vh ;} #bloc_principal_G4 .background .filter { background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;} #bloc_principal_G4 .background .filter .contenu { width: 100%;text-align: center; padding-top: 14%; color: white;} #bloc_principal_G4 .background .filter .contenu h1{font-size: 20px;font-weight: 500;letter-spacing: 2px; } #bloc_principal_G4 .background .filter .contenu h2{font-weight: 300;font-size: 32px;letter-spacing: 4px; } #bloc_principal_G4 .background .filter .contenu h3{font-weight: 500;font-size: 18px;letter-spacing: 2px; margin-top: -1%;} #bloc_principal_G4 .background .filter .contenu p {font-weight: 500;font-size: 16px;letter-spacing: 4px;margin-top: 3%;} /*------------------------------------------------- BLOC G4 -----------------------------------------------*/ #Bloc_info_produit {display: flex; justify-content: center ;width: 100%; padding: 5% 0 5% 0;} #Bloc_info_produit .partie_gauche{width: 40%; text-align: center;} #Bloc_info_produit .partie_gauche h2{font-weight: 400;font-size: 20px;color: rgba(100,100,100,1);} #Bloc_info_produit .partie_gauche h3{font-weight: 500;font-size: 26px;color: #222221;margin-top: -5px} #Bloc_info_produit .partie_gauche .sous_titre{font-weight: 400;font-size: 18px;color: #5073B0;margin-top: -15px;letter-spacing: 2px;} #Bloc_info_produit .partie_gauche .div_btl img{height:auto; width: 50%;} #Bloc_info_produit .partie_gauche .btn_download {display:inline-block;background-color: #5073B0; width: auto; height: 40px;padding: 2% 5%;box-sizing: border-box;transform: scale(1);transition: all 0.5s ease;} #Bloc_info_produit .partie_gauche .btn_download:hover {transform: scale(1.1);transition: all 0.5s ease;} #Bloc_info_produit .partie_gauche .btn_download a img {float: left; height: 15px} #Bloc_info_produit .partie_gauche .btn_download a p{font-weight: 300;font-size: 14px;color: white ;margin:0;padding-left: 30px;} .caracteristique{margin:30px 0;} .caracteristique a.btn-fr, .caracteristique a.btn-alge{display: inline-block;color: white;border-radius: 100px;padding: 5px 30px;text-transform: capitalize;margin: 0 10px;transform: scale(1);transition: all 0.5s ease;} .caracteristique a.btn-fr:hover, .caracteristique a.btn-alge:hover{transform: scale(1.1);transition: all 0.5s ease;} .caracteristique a.btn-alge{background-color: rgb(146, 182, 58);} .caracteristique a.btn-fr{background-color: #5173ae;} #Bloc_info_produit .partie_droite{width: 40%;} #Bloc_info_produit .partie_droite table {border-collapse: collapse;width: 90%; margin-left: 5%!important;} #Bloc_info_produit .partie_droite table caption {text-align: left!important;font-size: 14px;font-weight: 500;letter-spacing: 2px;} #Bloc_info_produit .partie_droite table thead tr th { border: none; font-weight: 500!important; font-size: 14px!important;} #Bloc_info_produit .partie_droite table tbody td, th {border: 1px solid rgba(200,200,200,0.4); text-align: center; padding: 10px 20px; font-weight: 300; font-size: 13px;} #Bloc_info_produit .partie_droite table tbody tr {font-family: initial!important;} #Bloc_info_produit .partie_droite table tbody tr:hover {background-color: rgba(140,140,140,0.5)!important;} #Bloc_info_produit .partie_droite table tbody .surligner th{color:white;} #Bloc_info_produit .partie_droite .legende_tab {display: flex;justify-content: end;margin-top: 20px;flex-direction: row-reverse;width: 95%;} #Bloc_info_produit .partie_droite .legende_tab .rond{ width: 15px;height: 15px;border-radius: 15px;} #Bloc_info_produit .partie_droite .legende_tab p{color: #222221; font-size: 14px; margin-top: -2px;margin-right: 10px;} #BLOC_meme_categorie_produit {margin: 5% 0;} #BLOC_meme_categorie_produit .titre {margin-left: 15%; margin-bottom:5%;font-size: 18px;font-weight: 500;letter-spacing: 2px;color: rgba(100,100,100,1);} #BLOC_meme_categorie_produit .tuile { display: flex; justify-content: center;} #BLOC_meme_categorie_produit .tuile .produit_x_liste {width: 20%;height: auto; text-align: center;} #BLOC_meme_categorie_produit .tuile .produit_x_liste img{height: auto; width: 50%;} #BLOC_meme_categorie_produit .tuile .produit_x_liste h2 {font-size: 14px; font-weight: 400;color: rgba(100,100,100,1);} #BLOC_meme_categorie_produit .tuile .produit_x_liste h3 {margin-top: -5px;font-size: 16px; font-weight: 400;color: black;} #BLOC_meme_categorie_produit .tuile .produit_x_liste p {margin-top: -10px;font-size: 10px;font-weight: 400;color: #5073B0;letter-spacing: 2px;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G5 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*------------------------------------------------- BLOC PRINCIPAL G5 -----------------------------------------------*/ #bloc_principal_G5 .background{ background-size: cover; width: 100%; height: 55vh ;} #bloc_principal_G5 .background .filter { background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;} #bloc_principal_G5 .background .filter .contenu { width: 100%;text-align: center; padding-top: 14%; color: white;} #bloc_principal_G5 .background .filter .contenu h1{font-size: 20px;font-weight: 500;letter-spacing: 2px; } #bloc_principal_G5 .background .filter .contenu h2{font-weight: 300;font-size: 32px;letter-spacing: 4px; } #bloc_principal_G5 .background .filter .contenu .scroll_G5{ height: 40px; animation: bounce 1s ease infinite;} /*--------------------------------------------- BLOC LISTE ARTICLES G5 ---------------------------------------------*/ #Bloc_Liste_articles_G5{ margin: 5% 0;width: 100%;height: auto;font-size: 0;display: inline-block; text-align: center;} #Bloc_Liste_articles_G5 .articles_X { margin: 5% 2%;text-align: center;vertical-align: top;width: 260px; display: inline-block;} #Bloc_Liste_articles_G5 .articles_X .lien .background{ height: 140px;width: 270px;background-size: cover;} #Bloc_Liste_articles_G5 .articles_X .lien p {background-color: #E5B318;width: 110px;height: 25px;color: white;padding-top: 5px;box-sizing: border-box;letter-spacing: 3px;font-size: 12px;margin: auto;margin-top: -12px;} #Bloc_Liste_articles_G5 .articles_X .lien h3 {font-size: 15px;font-weight: 600;width: 80%;margin-left: 10%; color: #222221;} #Bloc_Liste_articles_G5 .articles_X .lien_article {display:inline-block;background-color: #92B63A;color: white;padding: 5px 30px;font-size: 14px;transform: scale(1);transition: all 0.5s ease;} #Bloc_Liste_articles_G5 .articles_X:hover .lien_article {box-shadow: 0 0 10px #8c8686;transition: 0.5s all ease;transform: scale(1.1);} #Bloc_Liste_articles_G5 .screen-reader-text{display: none;} #Bloc_Liste_articles_G5 .page-numbers {;padding: 0px;text-align: center;font-size: 18px;color: #222221;transition: all 0.5s ease; font-weight: 300;} #Bloc_Liste_articles_G5 .page-numbers:hover {font-size: 20px;transition: all 0.5s ease;} #Bloc_Liste_articles_G5 .current{font-size: 20px; font-weight: 500;} #Bloc_Liste_articles_G5 .next, .prev{display: none;} #Bloc_Liste_articles_G5 .nav-links{ text-align: center; } .cache-nav{opacity:0!important;transition: all 0.5s;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G6 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*------------------------------------------------- BLOC PRINCIPAL G6 -----------------------------------------------*/ #bloc_principal_G6 .background{ background-size: cover; width: 100%; height: 55vh ;} #bloc_principal_G6 .background .filter { background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;} #bloc_principal_G6 .background .filter .contenu { width: 100%;text-align: center; padding-top: 14%; color: white;} #bloc_principal_G6 .background .filter .contenu h1{font-size: 20px;font-weight: 500;letter-spacing: 2px; } #bloc_principal_G6 .background .filter .contenu h2{font-weight: 300;font-size: 32px;letter-spacing: 4px; } #bloc_principal_G6 .background .filter .contenu .scroll_G6{ height: 40px; animation: bounce 1s ease infinite;} /*----------------------------------------------- BANDEAU RETOUR G6 -------------------------------------------------*/ #Bandeau_retour.retour-actu{position: sticky;} #Bandeau_retour{width: 100%;top: 110px;background-color: white; z-index: 2;} #Bandeau_retour .lien_bandeau {display: flex;justify-content: space-around;text-align: center;width: 100%; } #Bandeau_retour .lien_bandeau .nav-next{width: 30%;padding: 20px;color: #222221;font-size: 12px;letter-spacing: 2px;font-weight: 400;transition: 0.5s all ease;} #Bandeau_retour .lien_bandeau .nav-next:hover{transition: 0.5s all ease;background-color: #5073B0; color: white;} #Bandeau_retour .lien_bandeau .nav-next a{color: #222221;padding: 25px 50px;} #Bandeau_retour .lien_bandeau .nav-next:hover a{color: white;} #Bandeau_retour .lien_bandeau #return-news{width: 40%;padding: 20px;color: #222221;font-size: 12px;letter-spacing: 2px;font-weight: 400;transition: 0.5s all ease;} #Bandeau_retour .lien_bandeau #return-news:hover{transition: 0.5s all ease;background-color: #5073B0; color: white;} #Bandeau_retour .lien_bandeau .nav-previous{width: 30%;padding: 20px;color: #222221;font-size: 12px;letter-spacing: 2px;font-weight: 400;transition: 0.5s all ease;} #Bandeau_retour .lien_bandeau .nav-previous:hover{transition: 0.5s all ease;background-color: #5073B0; color: white;} .not-hover{background-color: white!important;} #Bandeau_retour .lien_bandeau .nav-previous a{color: #222221;padding: 25px 50px;} #Bandeau_retour .lien_bandeau .nav-previous:hover a{color: white;} #Bandeau_retour .lien_bandeau .trait{border: none;background-color: rgba(130, 130, 130, 0.2);height: 20px;width: 3px;margin: 20px 0;} #Bandeau_retour .trait_horizontal{border: none;background-color: rgba(130, 130, 130, 0.1);height: 2px;width: 100%;margin: 0; padding: 0;} .Fixe_retour{ position: fixed;width: 100%;top: 103px;z-index: 1;background-color: white;} /*----------------------------------------------- Bloc TITRE ARTICLE -------------------------------------------------*/ #Bloc_titre_article {padding-top: 50px;width: 100%; height: auto;} #Bloc_titre_article .social_media {margin-bottom: 4%;} #Bloc_titre_article .social_media ul {padding: 0; margin: 0} #Bloc_titre_article .social_media ul li {list-style-type: none;display: inline; margin: 5px;} #Bloc_titre_article .social_media ul li a img{ height: 15px;transition: 0.5s all ease;padding: 20px;transform:scale(1);} #Bloc_titre_article .social_media ul li a img:hover{transition: 0.5s all ease;transform:scale(1.5);} #Bloc_titre_article .titre_article{ text-align: center; width: 26%;margin-left: 37%;font-weight: 500;font-size: 22px;letter-spacing: 2px;} #Bloc_titre_article .cercle_noir{width: 12px;height: 12px; background-color: #222221; border-radius: 15px;margin-left: calc( 50% - 6px ); margin-top: 3%;margin-bottom: 3%;} #Bloc_titre_article #shareCustomLogo{text-align: center;} /*----------------------------------------------- ---------------------------------------------*/ /*----------------------------------------------- PAGE G6 MODIFIABLE ---------------------------------------------*/ /*----------------------------------------------- ---------------------------------------------*/ /*----------------------------------------------- BLOC TITRE TEXTE --------------------------------------------------*/ #BLOC_TITRE_TEXTE {width: 60%; height:auto; margin-left: 20%; margin-bottom: 5%;} #BLOC_TITRE_TEXTE h4 {text-align: center;font-size: 18px;font-weight: 500; color: #222221;} #BLOC_TITRE_TEXTE p {;font-size: 15px;font-weight: 400; color: #222221;} /*-------------------------------------------------- BLOC SLIDER ----------------------------------------------------*/ #BLOC_SLIDER {width:60%; height:400px;margin: 5% 20%; position: relative; } #BLOC_SLIDER .event {width:100%;height: 400px; display: block;} #BLOC_SLIDER .event img{width:100%;height: 100%; object-fit: cover;} #BLOC_SLIDER .owl-prev{position: absolute;width: 30px;height: 30px;background-color: white;top: calc( 50% - 15px);left: 1%;} #BLOC_SLIDER .owl-next{position: absolute;width: 30px;height: 30px;background-color: white;top: calc( 50% - 15px);right: 1%;} #BLOC_SLIDER .owl-dots{position: absolute;bottom: 20px;margin-left: calc( 50% - 60px );display: flex;} #BLOC_SLIDER .owl-dots .owl-dot{width: 8px;height: 8px;left: 30px;margin: 10px;border-radius: 8px;border: 2px solid white;} #BLOC_SLIDER .owl-dots .active{ background-color: white!important;} #BLOC_SLIDER .owl-nav, .next, .back{ margin: 7.5px;height: 15px;} /*--------------------------------------------------- BLOC IMAGE ----------------------------------------------------*/ #BLOC_IMAGE{ width: 100%; height: 350px;margin-bottom: 5%;} #BLOC_IMAGE .background{background-size: cover; width: 100%; height: 100%;} #BLOC_IMAGE .filter{ background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;text-align: center; } #BLOC_IMAGE .filter .contenu {padding-top: 100px;} #BLOC_IMAGE .filter .contenu h3 {color: white; font-size: 30px; font-weight: 400;} #BLOC_IMAGE .filter .contenu a {color: white; background-color: #92B63A; padding: 10px 30px;transform: scale(1);transition: all 0.5s ease;display: inline-block;width: auto;} #BLOC_IMAGE .filter .contenu a:hover {transform: scale(1.1);transition: all 0.5s ease;} /*------------------------------------------------- BLOC MULTIMÉDIA -------------------------------------------------*/ #BLOC_MULTIMEDIA iframe{width: 50%;height: 400px;margin-left: 25%;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G7 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*----------------------------------------------- LISTE EMPLOIS -----------------------------------------------*/ #Bloc_emplois {width: 100%; padding: 10% 0 5% 0; } #Bloc_emplois .emploi_x {width: 70%;margin-left: 15%;border-bottom: solid 2px rgba(30, 30, 30, 0.1); transition: all 0.5s ease;padding: 10px 30px;} #Bloc_emplois .emploi_x h3{font-size: 21px;font-weight: 600;letter-spacing: 2px; color: #222221} #Bloc_emplois .emploi_x .attribut_emplois {display: flex; justify-content: space-around; width: 100%;} #Bloc_emplois .emploi_x .attribut_emplois div {display: flex; justify-content: center; width: 33%;} #Bloc_emplois .emploi_x .attribut_emplois div img {height: 24px;position: absolute;top: 0;left: 0;transition:all 0.5s;} #Bloc_emplois .emploi_x .attribut_emplois div img.blanc{opacity:0;transition:all 0.5s;} #Bloc_emplois .emploi_x .attribut_emplois div p {margin: 5px;color: #222221} #Bloc_emplois .emploi_x:hover{background-color: #5073B0; color: white;transition: all 0.5s ease;} #Bloc_emplois .emploi_x:hover h3 {color: white!important;} #Bloc_emplois .emploi_x:hover p {color: white!important;} #Bloc_emplois .emploi_x:hover .bleu {opacity: 0;transition: all 0.5s;} #Bloc_emplois .emploi_x:hover .blanc {opacity: 1!important;transition: all 0.5s;} .content-icone-emplois{position: relative;width: 24px!important;} /*----------------------------------------------- EMPLOI X -----------------------------------------------*/ #Bloc_emploi_X .bandeau_emploi {width: 100%; padding: 10% 0 0 0; } #Bloc_emploi_X {width: 60%;margin-left: 20%;border-bottom: solid 2px rgba(30, 30, 30, 0.1); transition: all 0.5s ease;padding: 10px 20px;} #Bloc_emploi_X h3{font-size: 21px;font-weight: 600;letter-spacing: 2px; color: #222221} #Bloc_emploi_X .attribut_emplois {display: flex; justify-content: start; width: 80%;} #Bloc_emploi_X .attribut_emplois div {display: flex; justify-content: start;width: 33%;} #Bloc_emploi_X .attribut_emplois div img {height: 24px;position: absolute;top: 0;left: 0;transition:all 0.5s;} #Bloc_emploi_X .attribut_emplois div p {margin: 5px;color: #222221;font-size: 12px;font-weight: 600;} #Bloc_emploi_X{ width: 60%; margin-left: 20%; margin-bottom: 5%;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES{display: flex;justify-content: space-between; margin-top: 5%;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .missions{ width: 48%; background-color: #f7f7f7;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .missions h4 { margin: 5% 10%;color: #5073B0; letter-spacing: 2px; font-weight: 600;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .missions p {margin: 10%;font-size: 12px;letter-spacing: 1px; color: #222221;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .attentes{ width: 48%; background-color: #f7f7f7;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .attentes h4{margin: 5% 10%; color: #5073B0; letter-spacing: 2px;font-weight: 600;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .attentes p{ margin: 10%;font-size: 12px;letter-spacing: 1px; color: #222221;} #Bloc_emploi_X .BLOC_POSTULER { width: 100%; background-color: #f7f7f7; padding:3%; box-sizing: border-box; margin-top: 4%;} #Bloc_emploi_X .BLOC_POSTULER h4{ padding: 0 5% 0 0;box-sizing: border-box; color: #5073B0; letter-spacing: 2px;font-weight: 600;} #Bloc_emploi_X .BLOC_POSTULER form .gauche, .nom, .prenom, .email {width: 80%; border: none; padding: 10px 5px;} #Bloc_emploi_X .BLOC_POSTULER form .message { width: 80%;height: 42%;border: none;padding: 10px 5px 0;margin-bottom: 5px;resize: none;} #Bloc_emploi_X .BLOC_POSTULER form .cv, .motivation { background-color: white; border: none;} #Bloc_emploi_X .BLOC_POSTULER form .envoyer {background-color: #5073B0;color: white; border: none; padding: 6px 31%;margin-bottom: 5px;-webkit-appearance: none;} #Bloc_emploi_X .BLOC_POSTULER .wpcf7{ column-count: 3;} #Bloc_emploi_X .BLOC_POSTULER .wpcf7 p{margin-top: 0px;} input:focus{outline: transparent;} textarea:focus{outline: transparent;} /*.cv_div{background-color: white;color: #5073B0;font-size: 14px;width: 80%;position: absolute;top: 0;}*/ /*.cv_div img {float: left;height: 15px;margin-right: 5%;margin-left: 5%;padding: 15px;}*/ .cv_div p {} .motivation_div{background-color: white;color: #5073B0;font-size: 14px;width: 80%;position: absolute;top: 0;} .motivation_div img {float: left;height: 15px;margin-right: 5%;margin-left: 5%;padding: 15px;} .motivation_div p {} /*.file-356, .file-357{opacity: 0; z-index: 1; margin-top: 4px;}*/ /*.fichier{position: relative;margin-bottom: 25px;height: 30px;}*/ div.wpcf7 .fichier input[type="file"]{height: 100%;} .fichier{height:45px;width:80%;position:relative;margin-bottom: 30px;} .file-356, .file-357{margin-top:0px;position:relative!important;width:100%;height:100%;top:0;left:0;opacity: 0; z-index: 1} .file-356 .wpcf7-not-valid-tip, .file-357 .wpcf7-not-valid-tip{position: relative;top:-18px;} #Bloc_emploi_X .BLOC_POSTULER .wpcf7 .fichier p{margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle;} .cv_div{width:100%;position:absolute;top:0;height:100%;background-color: white;color: #5073B0;font-size: 14px;} .motivation_div{width:100%;position:absolute;top:0;height:100%;background-color: white;color: #5073B0;font-size: 14px;} .cv_div img{height:15px;float:none;padding:12.5px;vertical-align:middle;margin-left:10px;margin-right:10px;} .motivation_div img{height:15px;float:none;padding:12.5px;vertical-align:middle;margin-left:10px;margin-right:10px;} .motivation_div p{display:none;} .motivation_div p:last-child{display:inline-block;width:calc(100% - 90px);} div.wpcf7 .ajax-loader{display: none;} /*----------------------------------------------- BLOC AUTRES OFFRES -----------------------------------------------*/ #Bloc_autres_offres {display: flex; margin-bottom: 5%; } #Bloc_autres_offres .emplois_autre {width: 50%;margin-left: 15%;} #Bloc_autres_offres .emplois_autre .emploi_x {width: 70%;border-bottom: solid 2px rgba(30, 30, 30, 0.1);transition: all 0.5s ease;padding: 10px 20px;} #Bloc_autres_offres h3{font-size: 18px;font-weight: 600;letter-spacing: 2px; color: #222221} #Bloc_autres_offres .attribut_emplois {display: flex; justify-content: space-around;} #Bloc_autres_offres .attribut_emplois div {display: flex; justify-content: space-around;} #Bloc_autres_offres .attribut_emplois div img {height: 20px;} #Bloc_autres_offres .attribut_emplois div p {margin: 5px;color: #222221;font-size: 12px;} #Bloc_autres_offres .nous_recrutons {width: 400px; height: 250px; border-width:3px; border-style: solid ;border-color: rgba(200, 200, 200, 0.4);margin-left: 5%;} #Bloc_autres_offres .nous_recrutons .nous {font-size: 34px;margin-left: 10px;font-weight: 600;letter-spacing: 4px;} #Bloc_autres_offres .nous_recrutons .recrutons {font-size: 28px;font-weight: 300;letter-spacing: 4px;margin: -20px 0 50px -160px;} #Bloc_autres_offres .nous_recrutons .decouvrir_postes {background-color: #E5B318;padding: 10px 30px;color: white;margin-left: -110px;} .close {display: none;} .open{ display: block!important;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| G8 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ #g8 #fond_header {width: 100%; height:97px; background-color: #5073B0;} #g8 #fond_header_al {width: 100%; height:97px; background-color: #92B63A;} /*----------------------------------------------- BLOC DROIT FRANCE -----------------------------------------------*/ /*----------------------------------------------- MAPS -----------------------------------------------*/ #Bloc_Contact iframe{ width: 50%; height: calc(103vh - 130px);background-color: #5073B0;} #Bloc_Contact {display: flex;} /*----------------------------------------------- BLOC DROIT -----------------------------------------------*/ #Bloc_Contact .partie_droite {width: 50%;} #Bloc_Contact .partie_droite .bloc_bleu{position:absolute; right:0;background-color: #5073B0;width: 55%;height: 300px;} #Bloc_Contact .partie_droite .bloc_bleu .bouton_pays {text-align: center; margin: 5%;} #Bloc_Contact .partie_droite .bloc_bleu .bouton_pays a { margin: 0 2%; transition: all 0.5s ease;} #Bloc_Contact .partie_droite .bloc_bleu .bouton_pays .france {color: white;} #Bloc_Contact .partie_droite .bloc_bleu .bouton_pays .algerie {color: rgba(255,255,255,0.2);} #Bloc_Contact .partie_droite .bloc_bleu .bouton_pays a:hover { border-bottom: solid 2px white; transition: all 0.2s ease;} #Bloc_Contact .partie_droite .bloc_bleu .contenu {display: flex; justify-content: space-around;} #Bloc_Contact .partie_droite .bloc_bleu .contenu .text_contenu {color: white;} #Bloc_Contact .partie_droite .bloc_bleu .contenu .text_contenu h2{font-size: 14px;font-weight: 400;} #Bloc_Contact .partie_droite .bloc_bleu .contenu .text_contenu h1{font-size: 14px;font-weight: 200; line-height: 1px;} #Bloc_Contact .partie_droite .bloc_bleu .contenu .text_contenu p{font-size: 14px;font-weight: 200; line-height: 1px;} #Bloc_Contact .partie_droite .bloc_form{margin-top: 315px;} #Bloc_Contact .partie_droite .bloc_form h2 {margin-left: 5%;font-weight: 500;font-size: 16px;margin-top: 3%;} #Bloc_Contact .partie_droite input{border-radius: 0;margin-left:20%;padding: 10px 0; width: 60%; border: none; border-bottom: solid 2px rgba(205, 205, 205, 0.4);color: #222221; font-weight: 300;} #Bloc_Contact .partie_droite .checkbox-626 input{width: initial; margin-left: 0;} #Bloc_Contact .partie_droite .checkbox-626 .wpcf7-list-item{text-align: start; margin-left: 20%; font-weight: 300;font-size: 12px;color: gray;} #Bloc_Contact .partie_droite select{ border-radius: 0;-webkit-appearance: none;margin-left:20%; margin-top: 15%; padding: 10px 0; width: 60%; border: none; border-bottom: solid 2px rgba(205, 205, 205, 0.4);color: #222221; font-weight: 300; background-color: white;} #Bloc_Contact .partie_droite textarea{ -webkit-appearance: none; box-shadow: none!important; margin-left:20%;padding: 10px 10px;margin-top:15px; box-sizing: border-box;width: 60%; height: 150px;border: solid 2px rgba(205, 205, 205, 0.4);color: #222221; font-weight: 300; background-color: white; resize: none;} #Bloc_Contact .partie_droite .envoyer {cursor: pointer;border:none ;margin-left:50%;padding: 10px 0;margin-top:10px ;width: 30%; background-color: #5073B0 ;color: white; font-weight: 300; resize: none;-webkit-appearance: none;transition: all 0.5s ease;} #Bloc_Contact .partie_droite .envoyer:hover {transform: scale(1.1);transition: all 0.5s ease;} #Bloc_Contact .wpcf7{ column-count: 2; width: 100%;height: 370px;} span.wpcf7-not-valid-tip{text-align: center;} /*----------------------------------------------- BLOC DROIT ALGERIE -----------------------------------------------*/ /*----------------------------------------------- MAPS -----------------------------------------------*/ #Bloc_Contact_al iframe{ width: 50%; height: calc(103vh - 130px);background-color: #92B63A;} #Bloc_Contact_al {display: flex;} /*----------------------------------------------- BLOC DROIT -----------------------------------------------*/ #Bloc_Contact_al .partie_droite {width: 50%;} #Bloc_Contact_al .partie_droite .bloc_vert{position:absolute; right:0;background-color: #92B63A;width: 55%;height: 300px;} #Bloc_Contact_al .partie_droite .bloc_vert .bouton_pays {text-align: center; margin: 5%;} #Bloc_Contact_al .partie_droite .bloc_vert .bouton_pays a { margin: 0 2%; transition: all 0.5s ease;} #Bloc_Contact_al .partie_droite .bloc_vert .bouton_pays .france {color: rgba(255,255,255,0.2);} #Bloc_Contact_al .partie_droite .bloc_vert .bouton_pays .algerie {color: white;} #Bloc_Contact_al .partie_droite .bloc_vert .bouton_pays a:hover { border-bottom: solid 2px white; transition: all 0.2s ease;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu {display: flex; justify-content: space-around;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu img {width: 30%;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu .text_contenu {color: white;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu .text_contenu h2{font-size: 14px;font-weight: 400;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu .text_contenu h1{font-size: 14px;font-weight: 200; line-height: 1px;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu .text_contenu p{font-size: 14px;font-weight: 200; line-height: 1px;} #Bloc_Contact_al .partie_droite .bloc_form{margin-top: 315px;} #Bloc_Contact_al .partie_droite .bloc_form h2 {margin-left: 5%;font-weight: 500;font-size: 16px;margin-top: 3%;} #Bloc_Contact_al .partie_droite input{border-radius: 0; margin-left:20%;padding: 10px 0; width: 60%; border: none; border-bottom: solid 2px rgba(205, 205, 205, 0.4);color: #222221; font-weight: 300;} #Bloc_Contact_al .partie_droite .checkbox-626 input{width: initial; margin-left: 0%;} #Bloc_Contact_al .partie_droite .checkbox-626 .wpcf7-list-item{text-align: start; margin-left: 20%; font-weight: 300;font-size: 12px;color: gray;} #Bloc_Contact_al .partie_droite select{ border-radius: 0;-webkit-appearance: none;margin-left:20%; margin-top: 15%; padding: 10px 0; width: 60%; border: none; border-bottom: solid 2px rgba(205, 205, 205, 0.4);color: #222221; font-weight: 300; background-color: white;} #Bloc_Contact_al .partie_droite textarea{-webkit-appearance: none;box-shadow:none!important;border-radius: 0; margin-left:20%;padding: 10px 10px;margin-top:15px; box-sizing: border-box;width: 60%; height: 150px;border: solid 2px rgba(205, 205, 205, 0.4);color: #222221; font-weight: 300; background-color: white; resize: none;} #Bloc_Contact_al .partie_droite .envoyer {cursor: pointer;border:none ;margin-left:50%;padding: 10px 0;margin-top:10px ;width: 30%; background-color: #92B63A ;color: white; font-weight: 300; resize: none;-webkit-appearance: none;transition: all 0.5s ease;} #Bloc_Contact_al .partie_droite .envoyer:hover {transform: scale(1.1);transition: all 0.5s ease;} #Bloc_Contact_al .wpcf7{ column-count: 2; width: 100%;height: 370px;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| FOOTER |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ /*----------------------------------------------- FOOTER HAUT -----------------------------------------------*/ footer .footer_haut{ width: 100%; background-color: #222221; padding-bottom: 1%;} footer .footer_haut .logo_footer{ height: 80px;margin-left: 7%; margin-top: 60px;} footer .footer_haut .divison_partie_haute {width: 86%; display: flex;margin-left: 7%; margin-bottom: 1%;} footer .footer_haut .divison_partie_haute .partie_gauche { width: 50%; display: flex; justify-content: start;color: white; margin-top: 50px;flex-flow: wrap;} footer .footer_haut .partie_gauche .algerie { margin-left: 110px;} footer .footer_haut .divison_partie_haute .partie_gauche .algerie h2 {font-size: 22px;font-weight: 400;letter-spacing: 2px;} footer .footer_haut .divison_partie_haute .partie_gauche .algerie span {font-size: 12px;font-weight: 400;letter-spacing: 0.5px;color: white;} footer .footer_haut .divison_partie_haute .partie_gauche .algerie span a{color: white;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer{width: 30%;margin-right: 2%;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer h2 a { color: white; /* Match existing text color */ text-decoration: none; /* Remove default underline */ transition: all 0.2s ease; /* Smooth transition */ } footer .footer_haut .divison_partie_haute .partie_gauche .left-footer h2 a:hover { text-decoration: underline; /* Show underline on hover */ } footer .footer_haut .divison_partie_haute .partie_gauche .left-footer h2{font-size: 22px;font-weight: 400;letter-spacing: 2px;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer span{font-size: 12px;font-weight: 400;letter-spacing: 0.5px; color: white;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer span a{color: white;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer .email {margin-top: 0px;padding-left: 0px;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer span{ display: block; } footer .footer_haut .divison_partie_haute hr { border-color: rgba(200, 200, 200, 0.3); height: 200px;} footer .footer_haut .divison_partie_haute .partie_droite { width: 50%; } footer .footer_haut .divison_partie_haute .partie_droite span{ margin-left: 50px; font-size: 13px;font-weight: 300;letter-spacing: 2px; color:#E5B318;} footer .footer_haut .divison_partie_haute .partie_droite .Logo_partenaires{ margin: 5%; width: 80%;} footer .footer_haut .divison_partie_haute .partie_droite .Logo_partenaires a {display: inline-block; vertical-align: middle;} footer .footer_haut .divison_partie_haute .partie_droite .Logo_partenaires a img { margin: 15px 20px; height: auto; width:100px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);transition:all 0.5s;} footer .footer_haut .divison_partie_haute .partie_droite .Logo_partenaires img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);transition:all 0.5s;} footer .footer_haut .navigation_footer{display: flex;justify-content: space-between;margin-left: 7%;margin-right: 2%;} footer .footer_haut .navigation_footer ul {padding:0;margin:0;list-style-type:none; } footer .footer_haut .navigation_footer ul li {margin-right: 48px; display : inline;} footer .footer_haut .navigation_footer ul li a {color:white; font-size: 13px; font-weight: 300; padding:5px; padding-bottom: 10px; letter-spacing: 1.1px;} footer .footer_haut .navigation_footer ul li.menu-item-has-children{margin-right: 0;} footer .footer_haut .navigation_footer ul li.menu-item-has-children ul{display: inline-block;margin-left: 48px;} /*----------------------------------------------- FOOTER BAS -----------------------------------------------*/ footer .footer_bas{ width: 100%; height: 40px; background-color: #171716; padding-top: 14px;} footer .footer_bas span { width: 100%; height: 40px; background-color: #171716; color: white; margin-left: 7%;font-size: 11px;font-weight: 300;letter-spacing: 2px;} footer .footer_bas a { width: 100%; height: 40px; background-color: #171716; color: #E5B318;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| MENTIONS LÉGALES |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ #texte_mentions_légales{ width: 60%; text-align: center; margin: 10% 20%;} #texte_mentions_légales h2{color: #5073B0;letter-spacing: 3px;font-size: 20px;font-weight: 500;} #texte_mentions_légales .block-text p{color: #222221;letter-spacing: 1px;font-size: 14px;font-weight: 500;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| ERROR 404 |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ #bloc_principal_G9 .background{background-size: cover; background-position: center;width: 100%; height: 100vh ;} #bloc_principal_G9 .background .filter { background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;} #bloc_principal_G9 .background .filter .contenu { width: 100%;text-align: center;padding-top: 10%;color: white;} #bloc_principal_G9 .background .filter .contenu h1{font-size: 150px;font-weight: 500;letter-spacing: 2px;margin-bottom: 0; } #bloc_principal_G9 .background .filter .contenu h2{font-weight: 300;font-size: 50px;letter-spacing: 4px;} #bloc_principal_G9 .background .filter .contenu h3{font-weight: 300;font-size: 15px;letter-spacing: 4px;color: white;} #bloc_principal_G9 .background .filter .contenu h3 a{font-weight: 300;font-size: 15px;letter-spacing: 4px;color: #E5B318;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| PLAN DU SITE |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ #contenu_plan_du_site{text-align: center; margin: 5%;} #contenu_plan_du_site h2{color: #5073B0;letter-spacing: 3px;font-size: 24px;font-weight: 500;} #contenu_plan_du_site strong{color: #92B63A;letter-spacing: 3px;font-size: 18px;font-weight: 500;} #contenu_plan_du_site ul li strong a{color: #92B63A;letter-spacing: 3px;font-size: 16px;font-weight: 500;} #contenu_plan_du_site ul li a{color: #222221;letter-spacing: 1px;font-size: 12px;font-weight: 500;} #Bloc_Slider_Date .next, #Bloc_Slider_Date .back{ margin: 10px;} .wpcf7-form-control-wrap{position: static;} header .header-principal .lang.damn { display: none;} /*-----------------------------------| |---------------------------------*/ /*-----------------------------------| MEDIA QUERIES |---------------------------------*/ /*-----------------------------------|_______________________|---------------------------------*/ @media screen and (max-width: 1290px){ footer .footer_haut .navigation_footer .gauche{display: none;} footer .footer_haut .navigation_footer .droit{text-align: center; width: 100%;padding-bottom: 5%;} } @media screen and (max-width: 1240px){ #section_1 .background_section_1 .filter_gris .contenu .cta-list{ margin-top: 15%;} #section_1 .background_section_1 .filter_gris .contenu .js-scrollTo{display: none;} #bloc_recrutement .slider_job{width: 42%;} footer .footer_haut {height: initial;} footer .footer_haut .navigation_footer{justify-content: center;} footer .footer_bas{text-align: center;} footer .footer_bas span{display: block;width: 80%;margin-left: 10%;} @media screen and (max-width: 1200px){ header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu{position: relative; background: none; left: 0; top: 0; width: auto; padding: 0!important; height: auto!important; transition: all 0.5s; overflow: inherit;} header .header-principal .partie_droite nav .menu-main-menu-container .sub-menu li:first-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } /*header .header-principal .logo_header{ width: 130px;}*/ header .sur-header .email-contact, .num-telephone{ margin-right: 10px;} header .header-principal #nav-icon3{display: block;} header .header-principal nav .lang_burger{ display: flex;justify-content: center;} header .header-principal .lang { display: none;} header .header-principal .lang.damn { display: block;} header .header-principal .lang.damn li{ display: inline-block;} header .header-principal .lang_burger{ display: inline-block; padding: 30px 20px;} header .header-principal .partie_droite nav ul li{ margin: 0;} header .header-principal .partie_droite hr{display: none;} header .header-principal .partie_droite a .rond-blanc{ width: 35px;height: 35px;margin-top: 15px;} header .header-principal .partie_droite .rond-blanc .notification{ height: 15px;margin-top: 14px;} header nav{position: fixed;width: 100%;height: calc(100% - 100px);bottom: 0;transition: all 0.5s;background-color: #5073B0;left:-100%; text-align: center;} header .header-principal .partie_droite nav ul li {display: flex; justify-content:center; margin-top: 25px;} header nav .nav_principal li a {color:white;font-size: 18px;} .open-nav-burger{transition: all 0.5s;left:0!important;} header .header-principal .partie_droite nav{ margin: initial; padding: initial;overflow: auto;} header .header-principal .partie_droite nav ul li a{margin: 10px;} header .header-principal .partie_droite nav:hover ul li a{background-color: #E5B318;} .color{background-color: #5073B0!important; color: white!important;} #slider_1 .owl-dots{position: absolute;bottom: 0;top: auto;margin-left: 46%;display: flex;} header .header-principal .partie_droite nav .menu-item-has-children{display: block;} header .header-principal .partie_droite nav .menu-item-has-children:hover .sub-menu{height: auto!important;padding: 0!important;} header .header-principal .partie_droite nav .menu-item-has-children .sub-menu li{ display: flex; justify-content: center; margin-top: 25px; border-bottom: none; padding-bottom: 0px; margin-bottom: 0px;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu {position: relative;background: none;left: 0;top: 0;width: auto;padding: 0!important;height: auto!important;transition: all 0.5s;overflow: inherit;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu li:first-child{padding-bottom: 0;border: none;} header .header-principal .partie_droite nav .menu-menu-principal-container .sub-menu li:last-child{padding-top: 0;} /*-----------------------------------|__________Single emploi__________|---------------------------------*/ #Bloc_autres_offres {flex-direction: column-reverse;} #Bloc_autres_offres .nous_recrutons{ width: 90%;text-align: center;margin-left: 5%;} #Bloc_autres_offres .nous_recrutons .nous{ margin-left: 0;} #Bloc_autres_offres .nous_recrutons .recrutons{ margin-left: 0;} #Bloc_autres_offres .nous_recrutons .decouvrir_postes{ margin-left: 0;} #Bloc_autres_offres .emplois_autre{ width: 90%; margin-left: 5%;} #Bloc_autres_offres .emplois_autre .emploi_x{ width: 100%; padding-left: 0; padding-right: 0;} #Bandeau_retour{top:105px;} } @media screen and (max-width: 1000px){ #section_1 .background_section_1 .filter_gris .contenu .cta-list{ width: 70%; right: auto; left: 15%; } footer .footer_haut .divison_partie_haute .partie_gauche .left-footer{margin-left: 1%; margin-right: 1%; text-align: center;} footer .footer_haut .divison_partie_haute .partie_gauche .left-footer .email{text-align: center;width:100%} #Bloc_Texte_Image .contenu .partie_gauche{margin-left: 0!important;margin-top: 80px!important;} #Bloc_Texte_Image .contenu .partie_gauche.texte_deplacement{margin-top: 0!important;} #section_1{z-index: 1;} #section_1 .background_section_1 .filter_gris .contenu{padding-top: 35vh;} #bloc_actualités {height: auto;} #bloc_actualités .bloc_jaune{width: 100%; text-align: center;padding: 2% 0;height: 160px;} #bloc_actualités .bloc_jaune h3{position: initial;font-size: 22px;} #bloc_actualités .bloc_jaune h2{position: initial;font-size: 25px; margin-top: -20px;} #bloc_actualités .bloc_jaune h4{ padding: initial;opacity: 1;} #bloc_actualités .bloc_actualités{margin: 5% 0; justify-content: center;} #bloc_actualités .bloc_actualités .actu{ margin-left: 5%; margin-right: 5%;width: 30%;} #bloc_recrutement {display: initial;} #bloc_recrutement .titre_recrutement{ transform: initial; margin-top: 8%;width: 100%; padding: initial;text-align: center;font-size: 18px;} #bloc_recrutement .nous_recrutons{border: none;width: 100%;text-align: center; height: auto;margin-bottom: 10%;} #bloc_recrutement .nous_recrutons h3{display: none;} #bloc_recrutement .nous_recrutons .recrutons{display: none;} #bloc_recrutement .nous_recrutons .decouvrir_postes{margin-left: initial; display: inline-block; width: 20%;} #bloc_recrutement .slider_job{ width: 80%; margin: 5% 10% 5% 10%; text-align: center;} #bloc_recrutement .slider_job .owl-dots{position: absolute;top: -20px;margin-left: initial;width: 100%;display: flex;justify-content: center;} #bloc_recrutement .slider_job .event .contenu_slider_jobs p{ width: initial} #bloc_vidéo iframe{width: 600px; left: calc( 50% - 300px );} footer .footer_haut { height: auto;} footer .footer_haut .logo_footer{ margin-left: 50%; transform: translateX(-50%); margin-top: 60px;} footer .footer_haut .divison_partie_haute{display: block; } footer .footer_haut .divison_partie_haute .partie_gauche{width: 100%; justify-content: center; margin-bottom: 5%;} footer .footer_haut .divison_partie_haute hr{display: none;} footer .footer_haut .divison_partie_haute .partie_droite{ width: 60%;margin: 0 20%;text-align: center;} footer .footer_haut .divison_partie_haute .partie_droite span{ margin: initial;} footer .footer_haut .divison_partie_haute .partie_droite .Logo_partenaires{width: auto;} footer .footer_haut .divison_partie_haute .partie_droite{ width: 90%; margin-left: 05%;} #Bloc_emploi_X .BLOC_POSTULER .wpcf7{ column-count: 1; text-align: center;} .cv_div, .motivation_div{margin-left:9%;width:82%;} .fichier{width:100%;} .cv_div img{margin-left:0;padding-left:0;} .motivation_div img{margin-left:0;padding-left:0;} .motivation_div p:last-child{width:auto;} /*-----------------------------------|__________G2__________|---------------------------------*/ #Bloc_Texte_Image {padding-top: initial; height: initial;} #Bloc_Texte_Image .bandeau_jaune{ width: 100%; top: calc( 35% - 100px );} #Bloc_Texte_Image .contenu{ flex-direction: column-reverse;} #Bloc_Texte_Image .contenu .partie_gauche{ width: 100%; margin-top: initial; text-align: center; } #Bloc_Texte_Image .contenu .partie_droite{ width: 100%; z-index: 1;} #Bloc_Texte_Image .contenu .partie_droite .image{ position: initial;width: 100%; margin-left: initial;} #Bloc_Image_Texte {padding-top: initial; height: initial;} #Bloc_Image_Texte .bandeau_bleu{ width: 100%; top: calc( 35% - 100px );} #Bloc_Image_Texte .contenu_texte{ flex-direction: column;} #Bloc_Image_Texte .contenu_texte .partie_droite_{ width: 100%; margin-top: initial;text-align: center;} #Bloc_Image_Texte .contenu_texte .partie_gauche{ width: 100%; z-index: 1;} #Bloc_Image_Texte .contenu_texte .partie_gauche .image{ position: initial;width: 100%;} #Bloc_France_algerie .bouton{ width: 50%; margin-left: 25%;} #Bloc_emploi_X{ width: 80%;margin-left: 10%;margin-bottom: 5%;} #Bloc_Slider_Date .owl-prev{ left: 0;} #Bloc_Slider_Date .owl-next{ right: 0;} .wingz_1 .owl-item.center .event p{width: 150%;margin-left: -25%;} /*-----------------------------------|__________CONTACT FR__________|---------------------------------*/ #Bloc_Contact {display: flex;flex-direction: column-reverse;} #g8 #Bloc_Contact{ margin-top: 0;} #g8 header .header-principal{ background-color: transparent;} #Bloc_Contact iframe{width: 100%;height:60vh;} #Bloc_Contact .partie_droite{ width: 100%;} #Bloc_Contact .partie_droite .bloc_bleu{ position: initial;width: 100%;height: 300px;padding-top: 50px;} #Bloc_Contact .partie_droite .bloc_form{ margin-top: 0;} #Bloc_Contact .partie_droite .bloc_bleu .bouton_pays{ margin: initial; padding: 3%;} #Bloc_Contact_al{display: flex;flex-direction: column-reverse;} #g8 #Bloc_Contact_al{ margin-top: 0;} #g8 header .header-principal{ background-color: transparent;} #Bloc_Contact_al iframe{width: 100%;height:60vh;} #Bloc_Contact_al .partie_droite{ width: 100%;} #Bloc_Contact_al .partie_droite .bloc_vert{ position: initial;width: 100%;height: 300px;padding-top: 50px;} #Bloc_Contact_al .partie_droite .bloc_form{ margin-top: 0;} #Bloc_Contact_al .partie_droite .bloc_vert .bouton_pays{ margin: initial; padding: 3%;} } @media screen and (max-width: 850px){ #section_1 .background_section_1 { min-height: 800px; } #section_1 .background_section_1 .filter_gris .contenu .SGT_ALGERIE{ margin-left: 100%;} .trait_vertical{ display: none;} #slider_1 .event .contenu_slider_1{ flex-direction: column-reverse; width: 100%;margin: 0; padding: 0;} #slider_1 .event .contenu_slider_1 .partie_gauche{ width: 90%;margin-left: 5%;text-align: center;padding: 0;margin-top: initial; padding-bottom: 2%;} #slider_1 .event .contenu_slider_1 .partie_droite .image_slider_1{ width: 100%; height: 400px;} #slider_1 .event .contenu_slider_1 .partie_droite{ width: 100%; padding: initial;} #slider_1 .owl-carousel{ width: 100%;} #slider_1 .owl-dots{position: initial; display: inline-flex;} #slider_1 .trait_horizontal{display: none;} #slider_1 .event .contenu_slider_1 .partie_gauche a {display: inline-block;} #bloc_vidéo_G2 iframe{ width: 80%; height: 70%; margin-left: 10%;} #section_1 .background_section_1{ height: 100vh;} #bloc_principal_G2 .background{height: auto;} #bloc_principal_G2 .background .filter .contenu{ padding-top: 30vh;} #bloc_principal_G4 .background {height: 100vh;} #bloc_principal_G4 .background .filter .contenu{padding-top: 30vh;} #bloc_principal_G5 .background {height: 100vh;} #bloc_principal_G5 .background .filter .contenu{padding-top: 30vh;} #Bloc_info_produit{ flex-direction: column;} #Bloc_info_produit .partie_gauche{width: 100%;} #Bloc_info_produit .partie_droite{width: 100%;margin-top: 15%;text-align: center;} #Bloc_info_produit .partie_droite table caption{ text-align: center!important;margin-bottom: 10%;} #Bloc_info_produit .partie_gauche .btn_download{margin: 10% 25% 0 25%;background-color: #5073B0;width: 50%;padding: 3% 7%;} #Bloc_info_produit .partie_droite table{ margin-left: 8%;} #BLOC_meme_categorie_produit .tuile{ flex-wrap: wrap;} #BLOC_meme_categorie_produit .titre{margin-left: 0; text-align: center;} #BLOC_meme_categorie_produit .tuile .produit_x_liste{ width: 160px;} #Bloc_info_produit .partie_droite table tbody td, th{padding: 6px 10px;} #BLOC_TITRE_TEXTE{width: 90%;margin-left: 5%;text-align: center;} #BLOC_SLIDER{ width: 100%;height: 400px;margin: 5% 0;} #BLOC_MULTIMEDIA iframe{width: 90%!important;height: 300px;margin-left: 5%;!important;} #bloc_vidéo_G2{ height: 350px;} #Bloc_Liste_articles_G5{margin: 10% 0;} #Bloc_Liste_articles_G5 .articles_X{margin: 10% 5%;} #bloc_principal_G2 .background .filter .contenu .catalogue_download{width: 90%; margin-left: 5%; flex-direction: column; align-items: center;padding-bottom: 40px;} #bloc_principal_G2 .background .filter .contenu .catalogue_download a{ margin-top: 0px!important; } /*----------------ENCRE-------------------- */ #bloc_principal_G2 .background .filter .contenu .scroll_G2 {padding-bottom: 300px;} /*-----------------------------------|__________Nos PRODUITS__________|---------------------------------*/ .cd-main-content{ display: block;} .cd-filter form ul{display: flex;flex-wrap: wrap; justify-content: space-between;} .cd-filter-block ul li{ margin: 1%;} .cd-filter{ width: 80%; margin-left: 10%;} .cd-gallery{ width: 80%; margin-left: 10%} .cd-gallery ul li{margin: 5% 0;} .open-filtre{display: block;text-align: center;padding: 10px 30px;width: 25%;height: auto;margin-left: 37.5%; background-color: #E5B318; color: white; box-sizing: border-box;} .caracteristique{width: 70%;margin:50px auto;} .caracteristique .text-caracteristique{text-align: justify;} .caracteristique a.btn-fr, .caracteristique a.btn-alge{margin-bottom: 30px;} } @media screen and (max-width: 700px){ #section_1 .background_section_1 .filter_gris .contenu .cta-list { width: 100%; left: 0; margin-top: 0%; position: relative; } #section_1 .background_section_1 .filter_gris .contenu .cta-list a{ width: 30%; margin: 0% 1%; } #section_1 .background_section_1 .filter_gris .contenu .cta-list .cta-button{ margin: 2%; } #section_1 .background_section_1 .filter_gris .contenu{width: 70%; margin-left: 15%} #section_1 .background_section_1 .filter_gris .contenu .SGT_ALGERIE{ margin-left: 60%;} #section_1 .bloc_gris_section_1 {flex-wrap: wrap; height: auto;} #section_1 .bloc_gris_section_1 a{ width: auto;} #section_1 .bloc_gris_section_1 .deux{display: none;} .separateur_gris{display: none;} #Bloc_France_algerie p{ width: 70%; margin-left: 15%;} #Bloc_France_algerie .bouton{ flex-direction: column; } #Bloc_France_algerie .bouton .btn_france{ width: initial; margin-bottom: 2%;} #Bloc_France_algerie .bouton .btn_algerie{ width: initial;} #Bloc_emploi_X{ width: 90%;margin-left: 5%;margin-bottom: 5%;padding: 0;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES{ display: initial;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .missions{width: 100%; padding: 1px; margin-bottom: 2%;} #Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .attentes{width: 100%;padding: 1px;margin-bottom: 2%;} #Bloc_emploi_X .BLOC_POSTULER h4{ padding: 5% 10%;} #Bloc_emploi_X .BLOC_POSTULER {margin-top: 0;} #Bloc_Slider_Date .owl-next{ top: 200px;} #Bloc_Slider_Date .owl-prev{ top: 200px;} #Bloc_Slider_Date .trait_horizontal{ display: none;} #Bloc_Slider_Date h3{width: 70%; margin-left: 15%;} } @media screen and (max-width: 600px){ footer .footer_haut .divison_partie_haute .partie_gauche .left-footer{width: 98%;} #Bloc_titre_article .titre_article{width: 80%;margin-left: 10%;} #Bloc_titre_article .social_media{margin-left: calc( 50% - 60px );} #BLOC_TITRE_TEXTE{ width: 90%;margin-left: 5%;text-align: center;} #BLOC_MULTIMEDIA iframe{ width: 90%;height: 300px;margin-left: 5%;} #BLOC_SLIDER{ width: 100%;height: 50vh;margin: 5% 0;} #Bloc_emplois .emploi_x {width: 80%;margin-left: 10%;} header .sur-header a{display: none;} header .sur-header .barre_deux{ display: none;} #Bloc_emploi_X .attribut_emplois {width: 100%;} /*-----------------------------------|__________CONTACT FR__________|---------------------------------*/ #Bloc_Contact .wpcf7{ column-count: 1; height: auto;} #Bloc_Contact .partie_droite .bloc_form form p{margin-top: initial;} #Bloc_Contact .partie_droite select{ margin-top: initial;} #Bloc_Contact .partie_droite .bloc_form h2{ text-align: center; margin-left: 0;} #Bloc_Contact .partie_droite .bloc_form p{ margin-left: 0;} #Bloc_Contact .partie_droite input{margin-left: 10%; width: 80%;} #Bloc_Contact .partie_droite select{margin-left: 10%; width: 80%;} #Bloc_Contact .partie_droite textarea{margin-left: 10%; width: 80%;} #Bloc_Contact .partie_droite .envoyer{ margin-left: 60%;} /*-----------------------------------|__________CONTACT AL__________|---------------------------------*/ #Bloc_Contact_al .wpcf7{ column-count: 1; height: auto;} #Bloc_Contact_al .partie_droite .bloc_form form p{margin-top: initial;} #Bloc_Contact_al .partie_droite select{ margin-top: initial;} #Bloc_Contact_al .partie_droite .bloc_form h2{ text-align: center; margin-left: 0;} #Bloc_Contact_al .partie_droite .bloc_form p{ margin-left: 0;} #Bloc_Contact_al .partie_droite input{margin-left: 10%; width: 80%;} #Bloc_Contact_al .partie_droite select{margin-left: 10%; width: 80%;} #Bloc_Contact_al .partie_droite textarea{margin-left: 10%; width: 80%;} #Bloc_Contact_al .partie_droite .envoyer{ margin-left: 60%;} .cd-filter form ul{margin-left: 20%;} #Bloc_Contact .partie_droite .checkbox-626 .wpcf7-list-item{margin-left: 10%;width: 80%;} #Bloc_Contact_al .partie_droite .checkbox-626 .wpcf7-list-item{margin-left: 10%;width: 80%;} } @media screen and (max-width: 500px){ #section_1 .background_section_1{ min-height: 600px; } #section_1 .background_section_1 .filter_gris .contenu .cta-list a { width: 48%; } .bulle_notif{ width: 100%; height: auto; right: 0; left: 0; margin: 0;text-align: center;z-index: 10;} .date_notif{ margin: 10px 0;} .titre_notif{margin: 0;} .lien_notif{ margin: 0 0 30px 0;} #Bandeau_retour{display: none;} #section_1 .background_section_1 .filter_gris .contenu{ text-align: center; padding-top: 20vh; margin-left: 5%;width: 90%;} #section_1 .background_section_1 .filter_gris .contenu .titre{ font-size: 22px; letter-spacing: 4px;line-height: 1.5;} #section_1 .background_section_1 .filter_gris .contenu .sous_titre{font-size: 16px;} #section_1 .background_section_1 .filter_gris .contenu .SGT_ALGERIE{margin-left: 25%;width: 50%;} .un, .deux, .trois{display: none;} #section_1 .bloc_gris_section_1{justify-content: initial; height: auto; position: initial; padding-left: 15%;} #bloc_recrutement .slider_job .owl-dots{position: absolute;top: -20px;} #section_1 .bloc_gris_section_1 img{ margin-left: 40px;} #slider_1 .event .contenu_slider_1 .partie_droite .image_slider_1{ height: 40vh;} #slider_1 .event .contenu_slider_1 .partie_gauche h2{font-size: 25px;} #slider_1 .event .contenu_slider_1 .partie_gauche h3{font-size: 18px;} #slider_1 .owl-dots{bottom: 47%;margin-left: initial;width: 100%;display: flex;justify-content: center;} #bloc_vidéo{height: 250px; padding: 0;} #bloc_vidéo iframe{ width: 90%; left: 5%; height: 200px; top: initial;} #bloc_vidéo .bloc_bleu{display: none;} #bloc_vidéo .trait_horizontal{display: none;} #bloc_actualités .bloc_actualités{flex-direction: column;} #bloc_actualités .bloc_actualités .actu{width: 90%; text-align: center;margin: 5%;} footer .footer_haut .partie_gauche .algerie{margin-left: 50px;} footer .footer_haut .divison_partie_haute .partie_droite .Logo_partenaires img {margin: 20px 0;} footer .footer_bas{ height: 50px;} #Bloc_emplois .emploi_x{width: 90%;margin-left: 5%;padding: 10px 0;} #Bloc_Contact .partie_droite .bloc_bleu .contenu{ display: inline-block;text-align: center;width: 100%;} #Bloc_Contact .partie_droite .bloc_bleu .contenu img{margin: 5% 25%;} #Bloc_Contact .partie_droite .bloc_bleu .contenu .text_contenu p{ line-height: 5px;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu{display: inline-block;text-align: center;width: 100%;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu img{margin: 5% 25%;} #Bloc_Contact_al .partie_droite .bloc_vert .contenu .text_contenu p{ line-height: 5px;} .open-filtre{width: 50%; margin-left: 25%!important;} .cd-filter form ul{ margin-left: 10%;} #bloc_principal_G6 .background .filter .contenu{padding-top: 125px;} #bloc_principal_G6 .background {min-height: 435px;} #bloc_recrutement .nous_recrutons .decouvrir_postes{width: 45%;} #bloc_image_G2 .filter .contenu a{width: 30%;} .caracteristique{width: 80%;} #Bloc_info_produit .partie_gauche .btn_download{ width: 200px;} } } @media screen and (max-width: 450px){ #Bloc_emplois .emploi_x .attribut_emplois{ font-size: 12px;} #Bloc_emplois .emploi_x h3{ text-align: center; font-size: 18px;} } @media screen and (min-height: 810px){ div .trait_vertical{top: 860px;height: 1600px;} }