/*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*----------------------------- STYLE CSS -----------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ *{box-sizing: border-box;} html,body{font-family: 'Montserrat', sans-serif; box-sizing: border-box;} html,body,ul,p{margin: 0;} html,body,ul{padding: 0;} ul{list-style-type: none;} a{text-decoration: none;outline: none;} h1,h2,h3,h4,h5,h6,p{margin: 0; padding: 0;} strong{font-weight: 600;} .xdebug-error{font-size: 15px;} .xdebug-var-dump{font-size: 15px;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*----------------------------- BODY -----------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ body{background-repeat: repeat-Y; background-size: 100%; background-position: 50%;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*----------------------------- HEADER -----------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ header {width: 100vw; background: transparent; text-align: end; padding: 2% 5% 0 5%; position: fixed; z-index: 999;transition: all 0.5s;} header nav ul li {display: inline-block; margin: 20px 10px;} header nav ul li a {color: #303030; font-size: 17px; transition: all 0.5s;} header nav ul li a:hover {color:#ffc844 ; transition: all 0.5s;} header .btn_livre {background-color: #303030; color: white; padding: 5px 30px; border-radius: 5px;font-size: 14px;transition: all 0.5s;} header .btn_livre:hover { transition: all 0.5s; color: #ffc844;} input, textarea{outline: none;-webkit-appearance:none;} input[type="submit"]{cursor: pointer;} /* ANIMATION */ .header-scroll{background-color: white; box-shadow: 0 0 20px 0 #0000004d; transition: all 0.5s;} /* BURGER */ .menu-position{position: absolute;top: 50%;transform: translateY(-50%);display:none;left: 3%;z-index: 1;} .menu-burger{width: 30px;height: 37px;position: relative;margin: 0px;-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;} .menu-burger span{display: block;position: absolute;height: 3px;width: 100%;background: black;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;} header.active .menu-burger span{background:#2d2d2d;} body.white-header header .menu-burger span{background:#2d2d2d;} .menu-burger span:nth-child(1) {top: 10px;width:100%;} .menu-burger span:nth-child(2) {top: 18px;width:100%;} .menu-burger span:nth-child(3) {top: 26px;width:100%;} .menu-burger.open span:nth-child(1) {top: 18px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .menu-burger.open span:nth-child(2) {opacity: 0;left: -60px;} .menu-burger.open span:nth-child(3) {top: 18px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform:rotate(-135deg);width:100%;} /* VOLET MENU */ section.menu-responsive{width: 100%;height: calc(100vh - 100px);position: fixed;background-color: white;top: 100px;left: -100%;z-index: 10;-webkit-transform: translate3d(0, 0, 0);transform : translate3d(0, 0, 0);overflow: auto;transition:all 0.5s ease;} section.menu-responsive.active{left: 0%;transition:all 0.5s ease;} section.menu-responsive .menu-container{min-height: 350px;position: relative;width: 100%;height: 100%;} section.menu-responsive .menu-container ul{display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 80%;margin-left: 10%;} section.menu-responsive .menu-container ul li{padding-top: 10px;padding-bottom: 10px;} section.menu-responsive .menu-container ul li a .p{text-transform: uppercase;font-size: 15px;color:#2d2d2d;} section.menu-responsive .menu-container ul li a.active .p{color: #ffc844;} section.menu-responsive .menu-container ul .sub-menu{position: relative;top:10px;transform: none;left: 0;} section.menu-responsive .menu-container ul .sub-menu li a{color:#3d9cc5;} section.menu-responsive .buy-it{margin-top: 10px;} section.menu-responsive .buy-it p{margin-right: 0px;} /* MENTIONS LEGALES */ section.page-template h1{padding-top: 150px;margin-left: 5%;width: 90%;} .legal-content{position: relative;width: 100%;padding-left: 5%;padding-right: 5%;padding-top: 50px;padding-bottom: 40px;} .legal-content h3{color:#eb506f;padding-top: 20px;padding-bottom: 20px;} .legal-content p{padding-top: 10px;padding-bottom: 10px;} .legal-content p del{color: #eb506f;font-weight: 500;text-decoration: none;} /* PLAN DU SITE */ section.site-plan .entete{padding-top: 200px;margin-left: 10%;width: 80%;padding-bottom: 50px;} section.site-plan .entete h1{font-size: 35px;text-transform: uppercase;color: #ffc844;} section.site-plan .menu-menu-principal-container{width: 100%;padding-left: 10%;padding-right: 10%;padding-bottom: 50px;padding-top: 50px;} section.site-plan .menu-menu-principal-container ul li a{color: #ffc844;text-transform: uppercase;} section.site-plan .menu-menu-principal-container .sub-cat a{color: #ffc844;} section.site-plan .menu-menu-principal-container ul li ul li a{color: black;text-transform: none;} section.site-plan .menu-menu-principal-container ul li{margin-bottom: 10px;margin-top: 10px;} section.site-plan .menu-menu-principal-container ul li ul{margin-left: 10%;margin-top: 20px;margin-bottom: 20px;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*----------------------------- HOMEPAGE -----------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ #page-d-accueil{overflow: hidden;} .design{text-align: center;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_1 /////////////////////////////*/ #SECTION_1_HOMEPAGE {position: relative; width: 100vw; height: auto;} #SECTION_1_HOMEPAGE .g_cube_jaune_45{ position: absolute;width: 400px; height: 400px; background-color: #ffc844; border-radius: 15px; transform: rotate(20deg) translateX(-160px) translateY(-230px); z-index: -1; top:-70px; left: -50px;} #SECTION_1_HOMEPAGE h2{ padding-top: 200px; margin-left: 10%; font-size: 50px; width: 70%; color: #303030;opacity: 0;} #SECTION_1_HOMEPAGE .bloc_percentage {position: relative; width: 50%; text-align: right; margin-left: 45%; margin-top: 5%;} #SECTION_1_HOMEPAGE .bloc_percentage .p_cube_gris_45{ position: absolute; width: 130px; height: 130px; background-color: #303030; border-radius: 10px; transform: rotate(15deg) translateX(100px) translateY(200px); z-index: -1; right: 60px; top: 30px;} #SECTION_1_HOMEPAGE .bloc_percentage .un{ color:#303030; font-size: 20px; margin-right: 30%; transform: translateX(50px);opacity: 0;} #SECTION_1_HOMEPAGE .bloc_percentage .deux{ color:#ffc844; font-size: 90px; font-weight: 600;transform: translateX(50px);opacity: 0;display: inline-block;} #SECTION_1_HOMEPAGE .bloc_percentage .youlou{ margin-right: 14%;} #SECTION_1_HOMEPAGE .bloc_percentage .trois{ color: #ffc844; font-size: 20px;margin-right: 30%;transform: translateX(50px);opacity: 0;} #SECTION_1_HOMEPAGE .p_cube_jaune_45{ position: absolute; width: 180px; height: 180px; background-color: #ffc844; border-radius: 10px; transform: rotate(15deg) translateX(-200px) translateY(-100px); z-index: -1; bottom: -80px; left: 230px;} #SECTION_1_HOMEPAGE h1{ padding-top: 80px; margin-left: 25%; font-size: 50px; width: 60%; color: #303030; opacity: 0;transform: translateX(-50px);} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_2 /////////////////////////////*/ #SECTION_2_HOMEPAGE{width: 100vw; position: relative; height: auto; z-index: 1; margin-bottom: 110px;} #SECTION_2_HOMEPAGE .bloc_txt {margin-left: 15%;margin-top: 200px;width: 55%;} #SECTION_2_HOMEPAGE .bloc_txt h3{ font-size: 26px;} #SECTION_2_HOMEPAGE .bloc_txt p{ font-size: 26px; line-height: 40px} #SECTION_2_HOMEPAGE .bloc_txt p del{ color: #ffc844;font-weight: 500;text-decoration: none;} #SECTION_2_HOMEPAGE .bloc_percentage {position: relative; width: 50%; text-align: right; margin-left: 45%; margin-top: 5%;} #SECTION_2_HOMEPAGE .bloc_percentage .un{ color:#303030; font-size: 20px; margin-right: 30%} #SECTION_2_HOMEPAGE .bloc_percentage .deux{ color:#fff; font-size: 90px; font-weight: 600;display: inline-block;} #SECTION_2_HOMEPAGE .bloc_percentage .youlou{ margin-right: 10%;} #SECTION_2_HOMEPAGE .bloc_percentage .trois{ color: #000000; font-size: 20px;margin-right: 30%;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45{ position: absolute;width: 400px; height: 400px; z-index: -1; top:-200px; right: -120px;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45 div{background-color: #ffc844; border-radius: 15px; transform: rotate(45deg);width: 100%;height: 100%;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45 div{background-color: #ffc844; border-radius: 15px; transform: rotate(45deg);width: 100%;height: 100%;} #SECTION_2_HOMEPAGE .p_cube_gris_45{ position: absolute; width: 130px; height: 130px; z-index: -1; left: 490px; top: 390px;} #SECTION_2_HOMEPAGE .p_cube_gris_45 div{width: 100%;height: 100%; background-color: #303030;transform: rotate(45deg);border-radius: 10px;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_3 /////////////////////////////*/ #SECTION_3_HOMEPAGE {width: 100vw; height: auto; padding-bottom: 3%;position: relative;} #SECTION_3_HOMEPAGE .white-background{width: 100%;height: 53%;position: absolute;left: 0;top: 0;background-color: white;} #SECTION_3_HOMEPAGE h2{ text-align: end; font-size: 48px; width: 50%; margin-left: 40%; color: rgba(204,204,204,0.5);padding-top: 180px;padding-bottom: 20px;line-height: 65px;} #SECTION_3_HOMEPAGE .sous_titre{ text-align: end; width: 50%; font-size: 26px; margin-left: 35%; font-weight: 600; letter-spacing: 0px;margin-top: 40px;line-height: 40px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens{width: 80%;margin-left: 10%; margin-top: 100px;font-size: 0;} #SECTION_3_HOMEPAGE .bloc_quatre_liens a{width: 22%;margin-left: 1.5%;margin-right: 1.5%;display: inline-block;vertical-align: top;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp{ width: 100%; text-align: center;position: relative;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp h3{ font-size: 21px; color: #303030;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .carre{background-color: #ffc844; border-radius: 10px; padding: 35px;display: inline-block;margin-bottom: 40px;margin-top: 40px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp:nth-child(2n+1) .lien_x_exp .carre{ transform: rotate(45deg);} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .carre img{width: 60px;height: 60px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp:nth-child(2n+1) .lien_x_exp .carre img{transform: rotate(-45deg);} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .verbe{font-weight: 700; font-size: 18px; color: #303030;padding-bottom: 15px;position: relative;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .phrase{ font-size: 17px; color: #303030;line-height: 24px;position: relative;} #SECTION_3_HOMEPAGE .bloc_lien_texte{ width: 80%; margin-left: 10%; text-align: center; margin-top: 80px;} #SECTION_3_HOMEPAGE .bloc_lien_texte h3{ font-size: 26px;color:#303030;} #SECTION_3_HOMEPAGE .bloc_lien_texte p{ font-size: 24px; margin-top: 15px;color:#303030; margin-bottom: 30px;} #SECTION_3_HOMEPAGE .bloc_lien_texte a{font-size: 18px;display: inline-block;color: white; background-color: #ffc844; padding: 10px 80px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;} #SECTION_3_HOMEPAGE .bloc_lien_texte a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} #SECTION_3_HOMEPAGE .bloc_percentage {position: relative; width: 50%; text-align: start; margin-left: 45%; margin-top: 5%; z-index: 2; margin-bottom: 10%;text-align: right;} #SECTION_3_HOMEPAGE .bloc_percentage .un{ color:#303030; font-size: 20px; margin-right: 30%;} #SECTION_3_HOMEPAGE .bloc_percentage .deux{ color:#ffc844; font-size: 90px; font-weight: 600; display: inline-block;} #SECTION_3_HOMEPAGE .bloc_percentage .youlou{ margin-right: 10%;} #SECTION_3_HOMEPAGE .bloc_percentage .trois{ color: #ffc844;; font-size: 20px;margin-right: 30%;} #SECTION_3_HOMEPAGE .bloc_percentage .p_cube_gris_45{ position: absolute; width: 130px; height: 130px; z-index: -1; right: 60px; top: 310px;} #SECTION_3_HOMEPAGE .p_cube_gris_45 div{width: 100%;height: 100%; background-color: #303030;transform: rotate(45deg);border-radius: 10px;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_4 /////////////////////////////*/ #SECTION_4_HOMEPAGE{width: 100vw; height: auto; background: white; position: relative;z-index: 2; } #SECTION_4_HOMEPAGE .g_cube_jaune_45{position: absolute;width: 400px; height: 400px;z-index: -1; top:-490px; left: -40px;} #SECTION_4_HOMEPAGE .g_cube_jaune_45 div{ background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); width: 100%;height: 100%;} #SECTION_4_HOMEPAGE h2{font-size: 55px; margin-left: 10%; color: #303030;margin-bottom: 30px;} #SECTION_4_HOMEPAGE .reference_x{ width: 100vw; height:550px; display: flex; flex-direction: row; padding-bottom: 60px;} #SECTION_4_HOMEPAGE .reference_x:nth-child(2n+1){ flex-direction: row-reverse;} #SECTION_4_HOMEPAGE .reference_x .image_ref{ width: 50%; height: 100%; background-position: 50%; background-size: contain; background-repeat: no-repeat ;position: relative;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag{position: absolute;top: -30px;right: 30px;} #SECTION_4_HOMEPAGE .reference_x:nth-child(2n) .image_ref .tag{right: auto;left: 30px;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag .tag-icon{background-color: #ffc844;transform: rotate(45deg);display: inline-block;border-radius: 10px;position: relative;width: 60px;height: 60px;vertical-align: middle;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag .tag-icon img{width: 25px;height: 25px;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag p{display: inline-block;color: white;padding-top: 13px;padding-bottom: 13px;vertical-align: middle;background-color: #303030;padding-left: 40px;padding-right: 40px;font-size: 16px;font-weight: 600;margin-left: -20px;} .tend #SECTION_2_SINGLE_TENDANCE .droit{background-size: contain;} #SECTION_2_SINGLE_TENDANCE .droit .tag{position: absolute;top: -30px;right: 30px;} #SECTION_4_HOMEPAGE .reference_x:nth-child(2n) .image_ref .tag{right: auto;left: 30px;} #SECTION_2_SINGLE_TENDANCE .droit .tag .tag-icon{background-color: #ffc844;transform: rotate(45deg);display: inline-block;border-radius: 10px;position: relative;width: 60px;height: 60px;vertical-align: middle;} #SECTION_2_SINGLE_TENDANCE .droit .tag .tag-icon img{width: 25px;height: 25px;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);} #SECTION_2_SINGLE_TENDANCE .droit .tag p{display: inline-block;color: white;padding-top: 13px;padding-bottom: 13px;vertical-align: middle;background-color: #303030;padding-left: 40px;padding-right: 40px;font-size: 16px;font-weight: 600;margin-left: -20px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref{ width: 40%;margin-left: 10%;height: 100%; position: relative;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref .txt-absolute{ position: absolute;top: 50%;transform: translateY(-50%);width: 80%;margin-left: 0%;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h3{ font-size: 27px; letter-spacing: 6px; color: #303030; margin-bottom: 15px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h4{font-weight: 500; color: #303030; letter-spacing: 2px; font-size: 17px; margin-bottom: 20px; } #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref p{ font-size: 15px; margin-bottom: 50px;line-height: 22px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref a{display: inline-block; width: auto; margin-left: 0%; font-size: 18px; color: white; background-color: #ffc844; padding: 10px 38px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_5 /////////////////////////////*/ #SECTION_5_HOMEPAGE{width: 100vw; height: auto; background-color: white; padding-bottom: 100px;text-align: right;position: relative;} #SECTION_5_HOMEPAGE h3{display:inline-block; padding-top: 70px; text-align: end; font-size: 45px; width: 40%; margin-right: 10%; color: rgba(204,204,204,0.5);line-height: 70px;} #SECTION_5_HOMEPAGE h2{ display:inline-block; text-align: end; width: 55%; font-size: 27px; margin-right: 15%; font-weight: 600; letter-spacing: 1px; margin-top: 50px;} #SECTION_5_HOMEPAGE p{ display:inline-block; text-align: end; width: 50%; font-size: 25px; margin-right: 15%; font-weight: 300; letter-spacing: 1px;line-height: 40px;} #SECTION_5_HOMEPAGE .yes-life{} #SECTION_5_HOMEPAGE a{display: inline-block;font-size: 18px; color: white; background-color: #ffc844; padding: 10px 85px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;margin-right: 15%;margin-top: 30px;} #SECTION_5_HOMEPAGE a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} .yola{text-align: center;} .yola a{display: inline-block;font-size: 18px; color: white; background-color: #ffc844; padding: 10px 45px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;margin-top: 30px;margin-bottom: 30px;} .yola a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_6 /////////////////////////////*/ #SECTION_6_HOMEPAGE {width: 100vw; margin-bottom: 300px; position: relative;} #SECTION_6_HOMEPAGE .white-background{position: absolute;height: 100px;width: 100%;top: 0;left: 0;background-color: white;} #SECTION_6_HOMEPAGE .men_one{margin-left: 10%; position: relative; display: flex;} #SECTION_6_HOMEPAGE .men_one .p_carre_gris_45_e {width: 150px; height: 150px; display: block; position: absolute; bottom: -230%; left: -40px;} #SECTION_6_HOMEPAGE .men_one .p_carre_gris_45_e div{background-color: #303030; border-radius: 10px; transform: rotate(45deg);width: 100%;height: 100%;} #SECTION_6_HOMEPAGE .men_one .conteneur_img {width: 250px; height: 250px; border-radius: 10px; transform: rotate(45deg); display: block; overflow: hidden;} #SECTION_6_HOMEPAGE .men_one .conteneur_img .men_picture{ width: 140%; height: 140%; background-size: cover; background-position: 50%; background-repeat: no-repeat; transform: rotate(-45deg); margin: -50px;} #SECTION_6_HOMEPAGE .men_one .texte_men{ width: 25%; margin-left: 8%;} #SECTION_6_HOMEPAGE .men_one .texte_men .prenom_seul_1{ font-size: 50px; color: rgba(204,204,204,0.5);font-weight: 700; letter-spacing: 2px;} #SECTION_6_HOMEPAGE .men_one .texte_men .prenom_nom_1{ margin-top: -35px; font-size: 20px; margin-bottom: 30px; font-weight: 600; color: #303030; opacity: 0.8; margin-left: 10px;} #SECTION_6_HOMEPAGE .men_one .texte_men .poste_1{font-weight: 600; color: #303030;} #SECTION_6_HOMEPAGE .men_one .texte_men .texte_1{line-height: 26px;} #SECTION_6_HOMEPAGE .girl_one{margin-left: 40%; position: relative; display: flex; margin-top: 10%;} #SECTION_6_HOMEPAGE .girl_one .g_cube_jaune_45 { position: absolute;width: 400px; height: 400px; z-index: -1; bottom: 260%; right: -120px;} #SECTION_6_HOMEPAGE .girl_one .g_cube_jaune_45 div{background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); width: 100%;height: 100%;} #SECTION_6_HOMEPAGE .girl_one .conteneur_img {width: 250px; height: 250px; border-radius: 10px; transform: rotate(45deg); display: block; overflow: hidden;} #SECTION_6_HOMEPAGE .girl_one .conteneur_img .girl_picture{ width: 140%; height: 140%; background-size: cover; background-position: 50%; background-repeat: no-repeat; transform: rotate(-45deg); margin: -50px;} #SECTION_6_HOMEPAGE .girl_one .texte_girl{ width: 38%; margin-right: 10%; text-align: end;margin-left: 12%;} #SECTION_6_HOMEPAGE .girl_one .texte_girl .prenom_seul_2{ font-size: 50px; color: rgba(204,204,204,0.5); font-weight: 700; letter-spacing: 2px;} #SECTION_6_HOMEPAGE .girl_one .texte_girl .prenom_nom_2{ margin-top: -35px; font-size: 20px; margin-bottom: 20px; font-weight: 600; color: #303030; opacity: 0.8; margin-left: 10px;} #SECTION_6_HOMEPAGE .girl_one .texte_girl .poste_2{font-weight: 600; color: #303030;} #SECTION_6_HOMEPAGE .girl_one .texte_girl .texte_2{line-height: 26px;} #SECTION_6_HOMEPAGE .yes-life{text-align: center;} #SECTION_6_HOMEPAGE a{display: inline-block; margin-top: 10%; font-size: 18px; color: white; background-color: #ffc844; padding: 10px 78px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;} #SECTION_6_HOMEPAGE a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_7 /////////////////////////////*/ #SECTION_7_HOMEPAGE {position: relative; width: 100vw; height: auto; background-color: white; z-index: 2; padding-bottom:50px; } #SECTION_7_HOMEPAGE .g_cube_jaune_45 { position: absolute;width: 400px; height: 400px; top:-160%; left: -60px; z-index: -1;} #SECTION_7_HOMEPAGE .g_cube_jaune_45 div{background-color: #ffc844; border-radius: 15px; transform: rotate(45deg);width: 100%;height: 100%;} #SECTION_7_HOMEPAGE h2{font-size: 50px; margin-left: 10%; color: #303030; width: 55%; z-index: 10;} #SECTION_7_HOMEPAGE .yes-life{margin-top: 40px;margin-right: 0%;text-align: center;} #SECTION_7_HOMEPAGE .lien_t{font-size: 18px; color: white; background-color: #ffc844; padding: 10px 57px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;display: inline-block;} #SECTION_7_HOMEPAGE .lien_t:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} #SECTION_7_HOMEPAGE .liste_tendances {display: flex; width: 75%;margin-left: 20%; justify-content: space-around; flex-wrap: wrap; margin-top: 100px;} #SECTION_7_HOMEPAGE .liste_tendances a{width: 28%;margin-left: 2.5%;margin-right: 2.5%;display: inline-block;vertical-align: top;margin-bottom: 30px;} #SECTION_7_HOMEPAGE .liste_tendances .tendance_x {width: 100%;transform: scale(1); transition: all 0.5s; } #SECTION_7_HOMEPAGE .liste_tendances .tendance_x .img_t {width: 100%; height: 180px; background-size: cover; background-position: 50%; background-repeat: no-repeat;border: 1px solid black;} #SECTION_7_HOMEPAGE .liste_tendances .tendance_x h3{ margin-top: 20px; color: #303030; font-weight: 500;font-size: 20px;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_8 /////////////////////////////*/ #SECTION_8_HOMEPAGE{width: 100vw; height: auto; background-color: white; padding-bottom: 50px;position: relative;} #SECTION_8_HOMEPAGE h2{padding-top: 110px; text-align: end; font-size: 50px; width: 50%; margin-left: 40%; color: rgba(204,204,204,0.5);} #SECTION_8_HOMEPAGE .sous_titre{text-align: end; width: 55%; font-size: 25px; margin-right: 15%;margin-left:30%;font-weight: 600; letter-spacing: 1px; margin-top: 60px;display:inline-block;} #SECTION_8_HOMEPAGE .ss_titre_fin{text-align: end; width: 55%; font-size: 25px; margin-right: 15%;margin-left:30%;font-weight: 400; letter-spacing: 1px;display:inline-block;} #SECTION_8_HOMEPAGE .yes-life{margin-right: 15%;text-align: right;margin-top: 50px;margin-bottom: 30px;} #SECTION_8_HOMEPAGE a{font-size: 18px; color: white; background-color: #ffc844; padding: 10px 85px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;} #SECTION_8_HOMEPAGE a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} #SECTION_8_HOMEPAGE .img_logo{width: 350px;height: auto;margin: auto;} #SECTION_8_HOMEPAGE .liste_icone{ width: 60% ;margin-left: 20%;text-align: center;} #SECTION_8_HOMEPAGE .liste_icone a{font-size: 0px;padding: 0px;background-color: transparent;} #SECTION_8_HOMEPAGE .icone_x{ width: auto;height: auto;max-width: 250px;max-height: 250px; margin-left: 1.5%;margin-right: 1.5%;vertical-align: middle;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*----------------------------- CONTACT -----------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_1 /////////////////////////////*/ #SECTION_1_CONTACT {position: relative; width: 100vw; height: auto;} #SECTION_1_CONTACT .g_cube_jaune_45{ position: absolute;width: 400px; height: 400px; background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); z-index: -1; top:-70px; left: -50px;} #SECTION_1_CONTACT h1{ padding-top: 200px; margin-left: 10%; font-size: 50px; width: 60%; color: #303030;} #SECTION_1_CONTACT h2{ text-align: center; font-size: 40px; color: #d6d6d6;margin-top: 100px; margin-bottom: 50px;} #SECTION_1_CONTACT .wpcf7-form{text-align: center;} #SECTION_1_CONTACT .wpcf7-form p{ font-size: 30px; font-weight: 600; color: #303030; line-height: 50px;} #SECTION_1_CONTACT .wpcf7-form .nom{border: none; text-align: center; width: 200px; font-size: 20px; color: #303030; opacity: 0.6;} #SECTION_1_CONTACT .wpcf7-form .prenom{border: none; text-align: center; width: 200px;font-size: 20px; color: #303030; opacity: 0.6;} #SECTION_1_CONTACT .wpcf7-form .entreprise{border: none; text-align: center; width: 270px;font-size: 20px; color: #303030; opacity: 0.6;} #SECTION_1_CONTACT .wpcf7-form .mail{border: none; text-align: center; width: 270px;font-size: 20px; color: #303030; opacity: 0.6;} #SECTION_1_CONTACT .wpcf7-form .message{border: none; text-align: center; width: 650px; height: 200px; ;font-size: 20px; color: #303030; opacity: 0.6; resize: none; overflow: scroll;} #SECTION_1_CONTACT .wpcf7-form .tel{border: none; text-align: center; width: 270px;font-size: 20px; color: #303030; opacity: 0.6;} #SECTION_1_CONTACT .wpcf7-form .envoyer{ background-color: #ffc844; border: none; padding: 10px 30px; font-size: 20px; border-radius: 10px; color: white; margin-top: 50px; margin-bottom: 70px;transition: all 0.5s ease;} #SECTION_1_CONTACT .wpcf7-form .envoyer:hover{ background-color: white;color:#ffc844;} #SECTION_1_CONTACT .p_cube_gris_45{ position: absolute; width: 130px; height: 130px; background-color: #303030; border-radius: 10px; transform: rotate(45deg); z-index: -1; left: 4%; bottom: 420px;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_2 /////////////////////////////*/ #SECTION_2_CONTACT {display: flex; width: 100vw; justify-content: center; margin-bottom: 10%; } #SECTION_2_CONTACT .contact_x {width: auto; margin: 0 30px;} #SECTION_2_CONTACT .contact_x .prenom_seul{ font-size: 50px; color: #303030; opacity: 0.2; font-weight: 700; letter-spacing: 2px;} #SECTION_2_CONTACT .contact_x .prenom_nom{ margin-top: -35px; font-size: 20px; margin-bottom: 20px; font-weight: 600; color: #303030; opacity: 0.8; margin-left: 10px;} #SECTION_2_CONTACT .contact_x .tel{font-weight: 600; color: #303030;} #SECTION_2_CONTACT .contact_x a{font-weight: 600; color: #303030;} #SECTION_2_CONTACT .contact_x .mail{line-height: 30px; font-weight: 600; color: #303030;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*---------------------------- CAT TENDANCES -----------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ #SECTION_1_CAT_TENDANCES {position: relative; width: 100vw; height: auto; margin-bottom: 0%;} #SECTION_1_CAT_TENDANCES .g_cube_jaune_45{ position: absolute;width: 400px; height: 400px; background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); z-index: -1; top:-70px; left: -50px;} #SECTION_1_CAT_TENDANCES h2{ padding-top: 200px; margin-left: 10%; font-size: 50px; width: 50%; color: #303030;} #SECTION_1_CAT_TENDANCES .sst_g{ margin-left: 20%; margin-top: 150px ; font-size: 26px; width: 50%; color: #303030;font-weight: 600;} #SECTION_1_CAT_TENDANCES .sst_m{ margin-left: 20%; font-size: 26px; width: 50%; color: #303030;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SECTION_2 /////////////////////////////*/ #SECTION_2_CAT_TENDANCES {position: relative; width: 100vw; height: auto; margin-bottom: 10%;} #SECTION_2_CAT_TENDANCES h2{padding-top: 200px; margin-left: 10%; font-size: 50px; width: 50%; color: #303030; margin-bottom: 100px;} #SECTION_2_CAT_TENDANCES .liste_tendances {display: flex; width: 70%;margin-left: 25%; justify-content: space-around; flex-wrap: wrap; margin-top: 50px;} #SECTION_2_CAT_TENDANCES .liste_tendances .tendance_x {width: 250px;margin-bottom: 30px; transform: scale(1); transition: all 0.5s; } #SECTION_2_CAT_TENDANCES .liste_tendances .tendance_x .img_t {width: 90%; height: 150px; background-size: cover; background-position: 50%; background-repeat: no-repeat;} #SECTION_2_CAT_TENDANCES .liste_tendances .tendance_x h3{ margin-top: 20px; color: #303030; font-weight: 500;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*---------------------------- QUI SOMMES NOUS ---------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ #SECTION_1_QSM {position: relative; width: 100vw; height: auto; z-index: 1; background: white;} #SECTION_1_QSM .g_cube_jaune_45{ position: absolute;width: 400px; height: 400px; background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); z-index: -1; top:-70px; left: -50px;} #SECTION_1_QSM h1{ padding-top: 150px; margin-left: 10%; font-size: 50px; width: 50%; color: #303030;text-transform: uppercase;padding-bottom: 30px;} #SECTION_2_QSM {width: 100vw; background: white; margin-bottom: 6%; } #SECTION_2_QSM .wingz {width: 55vw; margin-left: 40vw; } #SECTION_2_QSM .wingz .event .image{width: 55vw; height: 60vh; background-size: cover; background-position: 50%; background-repeat: no-repeat;} #SECTION_2_QSM .wingz .event .texte_slider{position: absolute; width: 50vw; height: 80px; ; background-color: #3D3D3D; bottom: -40px; left: -40vw; color: white; border-radius: 10px} /*.page-template-t-qsm #SECTION_4_HOMEPAGE .owl-dots { position: absolute; bottom: 80px; left: 10%; } .page-template-t-qsm #SECTION_4_HOMEPAGE .owl-dots .owl-dot{ width: 15px; height: 15px; background-color: white; margin: 0 5px; border-radius: 100%; border: solid 2px #ffc844;} .page-template-t-qsm #SECTION_4_HOMEPAGE .owl-dots .active{ background-color: #ffc844;}*/ /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*---------------------------- SINGLE TENDANCE ---------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ #SECTION_1_SINGLE_TENDANCE {position: relative; width: 100vw; height: auto; margin-bottom: 50px; z-index: 2;} #SECTION_1_SINGLE_TENDANCE .g_cube_jaune_45{ position: absolute;width: 400px; height: 400px; background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); z-index: -1; top:-70px; left: -50px;} #SECTION_1_SINGLE_TENDANCE h2{ padding-top: 200px; margin-left: 10%; font-size: 50px; width: 50%; color: #303030; text-transform: uppercase;} #SECTION_2_SINGLE_TENDANCE{position: relative; width: 100vw; height: auto; background: white; display: flex;;} #SECTION_2_SINGLE_TENDANCE .gauche{width: 50%;} #SECTION_2_SINGLE_TENDANCE .gauche h1{ font-size: 34px; letter-spacing: 3px; font-weight: 600; color: #3D3D3D; width: 70%; margin-left: 15%; padding-top: 133px; text-transform: uppercase;} #SECTION_2_SINGLE_TENDANCE .gauche p{ width: 70%; margin-left: 15%; font-size: 24px; margin-top: 40px; color: #3D3D3D;} #SECTION_2_SINGLE_TENDANCE .droit{width: 50%; height: 600px; background-size: contain; background-position: 50%; background-repeat: no-repeat;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ PAGE MODIFIABLE ///////////////////////////////*/ /*BLOC_TITRE_TEXTE_G*/ #BLOC_TITRE_TEXTE_G {position: relative; width: 100vw; height: auto; padding: 90px 0;z-index: 2;} #BLOC_TITRE_TEXTE_G h4{ margin-left: 10%; font-size: 50px; width: 50%; color: #d6d6d6; transition: all 0.5s; position: relative;} #BLOC_TITRE_TEXTE_G h5{ padding-top: 50px; margin-left: 20%; font-size: 26px; width: 55%; color: #303030; transition: all 0.5s;} #BLOC_TITRE_TEXTE_G p{line-height: 40px; padding-top: 10px; margin-left: 20%; font-size: 24px; width: 55%; color: #303030; transition: all 0.5s;} #BLOC_TITRE_TEXTE_G ul li{line-height: 40px; padding-top: 10px; margin-left: 20%; font-size: 24px; width: 55%; color: #303030; transition: all 0.5s;position: relative;} #BLOC_TITRE_TEXTE_G ul li::before{content:"";position: absolute;width: 12px;height: 12px;left: -40px;top: 24px;background-color: #ffc844;border-radius: 100%;} #BLOC_TITRE_TEXTE_G ul li del{ color: #ffc844;text-decoration: none;font-weight: 500;} #BLOC_TITRE_TEXTE_G p del{ color: #ffc844;text-decoration: none;font-weight: 500;} #BLOC_TITRE_TEXTE_G .g_cube_jaune_45 { position: absolute; width: 270px; height: 270px; bottom: 320px; right: -150px; z-index: -1;} #BLOC_TITRE_TEXTE_G .g_cube_jaune_45 div {background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); width: 100%;height: 100%;} #BLOC_TITRE_TEXTE_G .p_cube_gris_45{ position: absolute; width: 130px; height: 130px; z-index: 1; right: 170px; top: -40px;} #BLOC_TITRE_TEXTE_G .p_cube_gris_45 div{background-color: #303030; border-radius: 10px; transform: rotate(45deg);width: 100%;height: 100%;} /*BLOC_TITRE_TEXTE_D*/ #BLOC_TITRE_TEXTE_D {background: white; width: 100vw; height: auto; padding: 90px 0;position: relative;z-index: 2;} #BLOC_TITRE_TEXTE_D h4{ margin-left: 45%; font-size: 50px; width: 50%; color: #d6d6d6; transition: all 0.5s; position: relative;} #BLOC_TITRE_TEXTE_D h5{ padding-top: 50px; margin-left: 33%; font-size: 26px; width: 55%; color: #303030; transition: all 0.5s; text-align: end;} #BLOC_TITRE_TEXTE_D h5:nth-last-child{ color: #ffc844;} #BLOC_TITRE_TEXTE_D p{line-height: 40px; padding-top: 10px; margin-left: 33%; font-size: 24px; width: 55%; color: #303030; transition: all 0.5s; text-align: end;} #BLOC_TITRE_TEXTE_D ul li{line-height: 40px; padding-top: 10px; margin-left: 33%; font-size: 24px; width: 55%; color: #303030; transition: all 0.5s;position: relative;text-align: right;} #BLOC_TITRE_TEXTE_D ul li::after{content:"";position: absolute;width: 12px;height: 12px;left: -40px;top: 24px;background-color: #ffc844;border-radius: 100%;} #BLOC_TITRE_TEXTE_D ul li del{ color: #ffc844; text-decoration: none;font-weight: 500;} #BLOC_TITRE_TEXTE_D p del{ color: #ffc844; text-decoration: none;font-weight: 500;} #BLOC_TITRE_TEXTE_D .g_cube_jaune_45 { position: absolute; width: 400px; height: 400px; background-color: #ffc844; border-radius: 15px; transform: rotate(45deg); bottom: -1100px; right: -60px; z-index: -1;} /*BLOC_CITATION*/ #BLOC_CITATION{width: 100vw; height: auto; background: white; z-index: 10; padding: 90px 0;} #BLOC_CITATION p { font-weight: 700;letter-spacing: 2px; margin-left: 20%; font-size: 50px; width: 60%; color: #303030; opacity: 0.2; transition: all 0.5s; position: relative; text-align: center; text-transform: uppercase;} #BLOC_CITATION:hover p { opacity: 0.6; transition: all 0.5s; } #BLOC_CITATION img { width: 80px; margin-left: 70%; opacity: 0.2; transition: all 0.5s;} #BLOC_CITATION:hover img { opacity: 0.6; transition: all 0.5s;} #BLOC_CITATION img:nth-child(1) { margin-left: 15%;} /*BLOC_IMAGE*/ #BLOC_IMAGE{width: 100vw; height: auto; background: transparent; z-index: 10; padding: 80px 0;} #BLOC_IMAGE div{width: 60% ;height: 500px; margin-left: 20%; background-size: 100%; background-position: 50%; background-repeat: no-repeat;transition: all 0.5s} /*BLOC_MULTIMEDIA*/ #BLOC_MULTIMEDIA{width: 100vw; height: auto; padding: 80px 0; z-index: 10; background: white;} #BLOC_MULTIMEDIA h4{ margin-left: 10%; font-size: 50px; width: 50%; color: #303030; opacity: 0.2; transition: all 0.5s;} #BLOC_MULTIMEDIA iframe{width: 60%; height: 500px; margin-left: 20%; background-size: cover; margin-top: 30px;} /*BLOC_QUE_FAIT_ON*/ #BLOC_QUE_FAIT_ON h2{ padding-top: 120px;padding-bottom: 30px; font-size: 40px; width: 100%; color: #d6d6d6; text-transform: uppercase; text-align: center;transition: all 0.5s;} #BLOC_QUE_FAIT_ON h2:hover{ opacity: 0.6; transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions{ display: flex; justify-content: center; flex-wrap: wrap; width: 80%; margin-left: 10%;} #BLOC_QUE_FAIT_ON .actions .action_x{ width: 18%; height: auto; margin: 20px 1%; text-align: center; transform: scale(1); transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x .forme{ width: 50px; height: 50px; background: #3D3D3D; border-radius: 10px; margin: 20px auto; transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x:hover{ transform: scale(1.1); transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+1) .forme{ width: 50px; height: 50px; background: #ffc844; border-radius: 10px;transform: rotate(45deg);} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+2) .forme{ width: 50px; height: 50px; background: #3D3D3D; border-radius: 10px;transform: rotate(45deg);} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+3) .forme{ width: 50px; height: 50px; background: #ffc844; border-radius: 10px;transform: rotate(0deg);} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+4) .forme{ width: 50px; height: 50px; background: #3D3D3D; border-radius: 10px; transform: rotate(0deg);} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+1):hover .forme{ transform: rotate(90deg); transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+2):hover .forme{ transform: rotate(90deg); transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+3):hover .forme{ transform: rotate(+45deg); transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x:nth-child(4n+4):hover .forme{ transform: rotate(+45deg); transition: all 0.5s;} #BLOC_QUE_FAIT_ON .actions .action_x p {font-weight: 700;} /*////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*----------------------------------- -----------------------------------*/ /*-------------------------------- FOOTER --------------------------------*/ /*----------------------------------- -----------------------------------*/ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////////*/ footer{width: 100vw; height: 200px; background-color: #202020; text-align: center; padding-top: 40px;} footer a{ color: white;transition: all 0.5s;} footer a:hover{ color: #ffc844;transition: all 0.5s;} footer .lien{margin: 0 20px ;font-size: 12px; color: white;} footer p{ font-size: 10px; letter-spacing: 0px; color: white;} footer .reseau_sociaux img{ height: 30px; margin: 30px 5px 30px 5px;transform: scale(1) ; transition: all 0.5s;} footer .reseau_sociaux img:hover{ transform: scale(1.1) ; transition: all 0.5s;} /* AJUSTEMENTS */ body .expert-sing #SECTION_4_HOMEPAGE h2{margin-bottom: 40px;} body .expert-sing #SECTION_2_CAT_TENDANCES h2{padding-top: 80px;} body .expert-sing #SECTION_3_HOMEPAGE h2{padding-top: 0px;} body .expert-sing #SECTION_4_HOMEPAGE{margin-top: 200px;} body .expert-sing #BLOC_TITRE_TEXTE_G .p_cube_gris_45{top: 350px;} body .expert-sing #BLOC_TITRE_TEXTE_G .yel-title{color: #ffc844;} body .expert-sing #BLOC_TITRE_TEXTE_D h4{text-align: right;} body .expert-sing #SECTION_7_HOMEPAGE{padding-top: 80px;background-color: transparent;} body .expert-sing #SECTION_2_QSM {width: 90%;margin-left: 5%;position: relative;} body .expert-sing #SECTION_2_QSM .first-slider{width: 55%;margin-left: 45%;position: relative;display: inline-block;} body .expert-sing #SECTION_2_QSM .owl-carousel-3{width: 100%;} body .expert-sing #SECTION_2_QSM .owl-carousel-3 .event .image{width: 100%; height:460px; background-size: contain; background-position: 50%; background-repeat: no-repeat;} body .expert-sing #SECTION_2_QSM .owl-carousel-4 {position: absolute;top: 400px;left: 8%;width: 60%;} body .expert-sing #SECTION_2_QSM .owl-carousel-4 .texte_slider p{padding: 20px;background-color: #303030;color: white;border-radius: 10px;font-size: 20px;} body .expert-sing #SECTION_2_QSM .owl-carousel .owl-stage-outer{height:100%;width:100%;} body .expert-sing #SECTION_2_QSM .owl-carousel .owl-stage-outer .owl-stage{height:100%;width:100%;} body .expert-sing #SECTION_2_QSM .owl-carousel .owl-stage-outer .owl-stage .owl-item{height:100%;width:100%;} body .expert-sing #BLOC_QUE_FAIT_ON{background-color: white;} body .expert-sing.goforit{overflow: hidden;} body .expert-sing .first-slider .owl-dots{position: absolute;left: -63%;bottom: 17%;} body .expert-sing .first-slider .owl-dots .owl-dot{width: 15px;height: 15px;border:1px solid #ffc844;background-color: transparent;transition: all 0.5S ease;border-radius: 100%;margin-left: 5px;margin-right: 5px;outline: none;} body .expert-sing .first-slider .owl-dots .owl-dot.active{background-color:#ffc844;} .end-sticky .owl-dots{position: absolute;right: 23%;top: 80%;} .end-sticky .owl-dots .owl-dot{width: 15px;height: 15px;border:1px solid #ffc844;background-color: transparent;transition: all 0.5S ease;border-radius: 100%;margin-left: 5px;margin-right: 5px;outline: none;} .end-sticky .owl-dots .owl-dot.active{background-color:#ffc844;} /*body .expert-sing #SECTION_2_QSM .wingz{height:550px;width: 90vw;margin-left: 5vw;} body .expert-sing .owl-carousel .owl-stage-outer{height: 100%;border: 1px solid transparent;} body .expert-sing .owl-carousel .owl-stage{height: 100%;border: 1px solid transparent;} body .expert-sing #SECTION_2_QSM .wingz .event .image{margin-left: 45%;width: 55%;}*/ .other-sing #SECTION_7_HOMEPAGE .g_cube_jaune_45{width: 300px;height: 300px;top: -60px;} span.wpcf7-not-valid-tip{font-size: 14px;} div.wpcf7-response-output{margin-top: 0px;margin-bottom: 30px;} /* HOVER TEST */ .hover-content{position: absolute;bottom: 20px;left: 20px;width: 50px;height: 50px;} .hover-content-relative{position: relative;width: 100%;height: 100%;overflow: hidden;} .hover-content-relative .white-back{position: absolute;width: 47px;height: 47px;top: 0;right: 0;background-color: white;} .hover-content-relative .yellow-back-1{position: absolute;background-color:#ffc844;width: 50px;height: 50px;top: -50px;left: -47px;transition:all 0.25s ease 0.25s;} .hover-content-relative .yellow-back-2{position: absolute;background-color:#ffc844;width: 50px;height: 50px;left: -50px;top: 0;transition:all 0.25s ease ;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp:hover .hover-content-relative .yellow-back-1{top: 0px;transition:all 0.25s ease;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp:hover .hover-content-relative .yellow-back-2{left: 0px;transition:all 0.25s ease 0.25s;} .hover-content-2{position: absolute;top: 20px;right: 20px;width: 50px;height: 50px;} .hover-content-relative-2{position: relative;width: 100%;height: 100%;overflow: hidden;} .hover-content-relative-2 .white-back{position: absolute;width: 47px;height: 47px;bottom:0;left: 0;background-color: white;} .hover-content-relative-2 .yellow-back-1{position: absolute;background-color:#ffc844;width: 50px;height: 50px;left: 0px;top: 50px;transition:all 0.25s ease 0.25s;} .hover-content-relative-2 .yellow-back-2{position: absolute;background-color:#ffc844;width: 50px;height: 50px;top: 0px;left: 50px;transition:all 0.25s ease ;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp:hover .hover-content-relative-2 .yellow-back-1{top: 3px;transition:all 0.25s ease;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp:hover .hover-content-relative-2 .yellow-back-2{left: 0px;transition:all 0.25s ease 0.25s;} .up-yel{width: 60%;position: absolute;top: -15px;height: 3px;left: 20%;overflow: hidden;} .up-yel div{width: 100%;position: relative;left: -100%;height: 100%;background-color:#ffc844;transition:all 0.5s ease;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp:hover .up-yel div{left: 0;transition:all 0.5s ease;} .down-yel{width: 60%;position: absolute;bottom: -15px;height: 3px;left: 20%;overflow: hidden;} .down-yel div{width: 100%;position: relative;right: -100%;height: 100%;background-color:#ffc844;transition:all 0.5s ease;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp:hover .down-yel div{right: 0;transition:all 0.5s ease;} .soleil{position: absolute;width: 340px;left: 7%; top: 110px;} section.legal-notice{padding-top: 200px;width: 80%;margin-left: 10%;padding-bottom: 100px;} section.legal-notice h1{margin-bottom: 40px;color: #ffc844;text-transform: uppercase;font-size: 35px;} section.legal-notice h2{margin-bottom: 30px;margin-top: 30px; color: #ffc844;text-transform: uppercase;font-size: 35px;} section.legal-notice p{font-size: 15px;} section.legal-notice p del{color:#ffc844;text-decoration: none;} section.legal-notice p a{color:#ffc844;} #SECTION_4_HOMEPAGE.end-sticky .reference_x .image_ref{height: 90%;margin-top: 40px;} .paginat{display: block;width: 100%;text-align: center;margin-top: 30px;} .page-numbers{color: black!important;width: auto!important;margin: 5px!important;vertical-align: middle!important;} .page-numbers.current{color: #ffc844!important;font-size: 24px;} section.pdf {margin-bottom: 40px;margin-top: 40px;text-align: center;} section.pdf a{font-size: 18px; color: white; background-color: #ffc844; padding: 10px 57px; border-radius: 5px;transform: scale(1); transition: all 0.5s ease;display: inline-block;} section.pdf a:hover{color:#ffc844;background-color: white;transition: all 0.5s ease;} .fas-bonsoir .soleil{display: none;} .expert-sing.wiz .soleil{top: 0px;width: 320px;} section.error{position: relative;width: 100%;height: 100vh;} section.error .error-inc{position: absolute;top:50%; width: 80%;margin-left: 10%;text-align: center;} section.error .error-inc h1{font-size: 40px;color: #ffc844;margin-bottom: 30px;} section.error .error-inc p a{color: #ffc844;} @media (max-width: 1025px){ #BLOC_TITRE_TEXTE_G .g_cube_jaune_45 {display: none;} #BLOC_TITRE_TEXTE_D .g_cube_jaune_45 {display: none;} .end-sticky .owl-dots{right: 83%;top: 12%;} #BLOC_TITRE_TEXTE_G .g_cube_jaune_45{width: 280px;height: 280px;} body.category #SECTION_3_HOMEPAGE{padding-top: 50px;} .soleil{display: none;} .menu-position{display: block;} header .menu-menu-principal-container{display: none;} header{height: 70px;} section.menu-responsive{height: calc(100vh - 70px);top: 70px;} header .btn_livre{display: none;} #SECTION_1_HOMEPAGE h2{padding-top: 180px;width: 80%;font-size: 35px;} #SECTION_1_HOMEPAGE .bloc_percentage{width: 70%;margin-left: 20%;margin-top: 60px;margin-bottom: 40px;} #SECTION_1_HOMEPAGE h1{font-size: 35px;width: 80%;margin-left: 10%;} #SECTION_1_HOMEPAGE h1:hover{font-size: 35px;width: 80%;margin-left: 10%;} #SECTION_2_HOMEPAGE .bloc_txt{width: 80%;margin-left: 10%;} #SECTION_2_HOMEPAGE .p_cube_gris_45{display: none;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45{width: 190px;height: 190px;top: -90px;right: 60px;} #SECTION_2_HOMEPAGE .bloc_percentage{margin-top: 100px;} #SECTION_2_HOMEPAGE .bloc_txt p{font-size: 21px;line-height: 35px;} #SECTION_2_HOMEPAGE .bloc_txt h3{margin-bottom: 20px;} #SECTION_3_HOMEPAGE h2{width: 80%;margin-left: 10%;padding-top: 60px;font-size: 35px;line-height: 45px;} #SECTION_3_HOMEPAGE .sous_titre{width: 80%;font-size: 23px;margin-left: 10%;font-weight: 500;letter-spacing: 0px;margin-top: 20px;line-height: 33px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens a{width: 45%;margin-left: 2.5%;margin-right: 2.5%;margin-bottom: 50px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp h3{font-size: 19px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .carre{margin-bottom: 20px;margin-top: 20px;padding: 20px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .carre img{width: 40px;height: 40px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .verbe{padding-bottom: 10px;} #SECTION_3_HOMEPAGE .bloc_lien_texte{margin-top: 60px;} #SECTION_3_HOMEPAGE .bloc_lien_texte h3{font-size: 24px;} #SECTION_3_HOMEPAGE .bloc_lien_texte p{font-size: 22px;} #SECTION_3_HOMEPAGE .bloc_percentage{width: 70%;margin-left: 20%;margin-top: 60px;margin-bottom: 40px;} #SECTION_4_HOMEPAGE .g_cube_jaune_45{width: 280px;height: 280px;top: -420px;} #SECTION_4_HOMEPAGE h2{margin-bottom: 50px;font-size: 35px;} #SECTION_4_HOMEPAGE .reference_x{flex-direction: column;height: auto;} #SECTION_4_HOMEPAGE .reference_x:nth-child(2n+1){flex-direction: column;} #SECTION_4_HOMEPAGE .reference_x .image_ref{width: 100%;height: 300px;} #SECTION_4_HOMEPAGE.end-sticky .reference_x .image_ref{width: 100%;height: 300px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref{width: 100%;margin-left: 0%;height: auto;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref .txt-absolute{position: relative;top: auto;transform: none;margin-left: 10%;padding-top: 30px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h4{margin-bottom: 20px;font-size: 17px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h3{font-size: 25px;letter-spacing: 3px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref p{font-size: 16px;margin-bottom: 20px;} #SECTION_5_HOMEPAGE h3{width: 80%;margin-left: 10%;padding-top: 20px;font-size: 35px;line-height: 45px;} #SECTION_5_HOMEPAGE h2{width: 80%;margin-left: 10%;padding-top: 0px;margin-top: 30px;} #SECTION_5_HOMEPAGE p{width: 80%;font-size: 23px;margin-left: 10%;font-weight: 500;letter-spacing: 0px;margin-top: 20px;line-height: 33px;} #SECTION_5_HOMEPAGE a{margin-right: 10%;} #SECTION_6_HOMEPAGE .men_one .texte_men{width: 55%;} #SECTION_6_HOMEPAGE .girl_one{margin-left: 0%;} #SECTION_6_HOMEPAGE .girl_one .g_cube_jaune_45{width: 180px;height: 180px;bottom: 320%;right: 100px;} #SECTION_6_HOMEPAGE .men_one .conteneur_img{width: 170px;height: 170px;} #SECTION_6_HOMEPAGE .girl_one .conteneur_img{width: 170px;height: 170px;} #SECTION_6_HOMEPAGE .men_one .p_carre_gris_45_e{bottom: -310%;} #SECTION_6_HOMEPAGE .men_one .conteneur_img .men_picture{width: 190%;height: 190%;} #SECTION_6_HOMEPAGE .girl_one .conteneur_img .girl_picture{width: 190%;height: 190%;} #SECTION_6_HOMEPAGE{margin-bottom: 160px;} #SECTION_7_HOMEPAGE h2{padding-top: 60px;width: 80%;font-size: 35px;} #SECTION_7_HOMEPAGE .g_cube_jaune_45{width: 280px;height: 280px;top: -120%;} #SECTION_7_HOMEPAGE .yes-life{margin-top: 0px;} #SECTION_7_HOMEPAGE .liste_tendances{width: 80%;margin-left: 10%;} #SECTION_7_HOMEPAGE .liste_tendances .tendance_x h3{font-size: 15px;} #SECTION_8_HOMEPAGE h2{padding-top: 70px;width: 80%;margin-left: 10%;padding-top: 60px;font-size: 35px;line-height: 45px;} #SECTION_8_HOMEPAGE .sous_titre{width: 80%;font-size: 23px;margin-left: 10%;letter-spacing: 0px;margin-top: 20px;line-height: 33px;} #SECTION_8_HOMEPAGE .ss_titre_fin{width: 80%;font-size: 23px;margin-left: 10%;font-weight: 500;letter-spacing: 0px;line-height: 33px;} #SECTION_8_HOMEPAGE .yes-life{margin-right: 10%;margin-top: 30px;} body .expert-sing #SECTION_1_QSM h1{font-size: 35px;width: 80%;margin-bottom: 40px;padding-top: 160px;} body .expert-sing #SECTION_2_QSM .first-slider{width: 100%;margin-left: 0%;} body .expert-sing #SECTION_2_QSM .owl-carousel-4{width: 100%;left: 0%;} body .expert-sing #SECTION_2_QSM {z-index: 1;} body .expert-sing #SECTION_2_QSM .owl-carousel-3 .event .image{height: 400px;} body .expert-sing #BLOC_TITRE_TEXTE_G .p_cube_gris_45{display: none;} body .expert-sing #BLOC_TITRE_TEXTE_G h4{font-size: 35px;width: 80%;} body .expert-sing #BLOC_TITRE_TEXTE_G h5{font-size: 22px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_TITRE_TEXTE_G p{font-size: 22px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_TITRE_TEXTE_G ul li{font-size: 22px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_TITRE_TEXTE_D ul li{font-size: 22px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_TITRE_TEXTE_D h4{font-size: 35px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_TITRE_TEXTE_D h5{font-size: 22px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_TITRE_TEXTE_D p{font-size: 22px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_CITATION{padding: 10px 0px;} body .expert-sing #BLOC_CITATION p{font-size: 25px;} body .expert-sing #BLOC_CITATION img{width: 50px;margin-left: 80%;} body .expert-sing #BLOC_CITATION img:nth-child(1){margin-left: 11%;} body .expert-sing #BLOC_IMAGE{padding: 50px 0px;} body .expert-sing #BLOC_IMAGE div{width: 80%;margin-left: 10%;height: 400px;} body .expert-sing #BLOC_MULTIMEDIA{padding: 50px 0px;} body .expert-sing #BLOC_MULTIMEDIA iframe{width: 80%;margin-left: 10%;height: 400px;} body .expert-sing #BLOC_MULTIMEDIA h4{font-size: 35px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_QUE_FAIT_ON .actions .action_x{width: 31%;} body .expert-sing #BLOC_QUE_FAIT_ON h2{padding-top: 30px;font-size: 35px;} #SECTION_1_CAT_TENDANCES h2{font-size: 35px;width: 80%;padding-top: 130px;} #SECTION_1_CAT_TENDANCES .sst_g{margin-left: 10%;width: 80%;margin-top: 80px;font-size: 24px;} #SECTION_1_CAT_TENDANCES .sst_m{margin-left: 10%;width: 80%;font-size: 24px;} #SECTION_2_CAT_TENDANCES .liste_tendances{width: 80%;margin-left: 10%;} body .expert-sing .first-slider .owl-dots{top: 4%;left: 50%;transform: translateX(-50%);} body .expert-sing #BLOC_IMAGE{background-color: white;} body .other-sing #SECTION_7_HOMEPAGE .g_cube_jaune_45{width: 190px;height: 190px;top: 80px;} #SECTION_1_SINGLE_TENDANCE h2{padding-top: 130px;font-size: 35px;width: 80%;} #SECTION_1_SINGLE_TENDANCE .g_cube_jaune_45{width: 370px;height: 370px;top: -150px;} #SECTION_2_SINGLE_TENDANCE{flex-direction: column-reverse;z-index: 2;} #SECTION_2_SINGLE_TENDANCE .droit{width: 100%;height: 400px;} #SECTION_2_SINGLE_TENDANCE .gauche{width: 100%;} #SECTION_2_SINGLE_TENDANCE .gauche h1{padding-top: 50px;width: 80%;margin-left: 10%;} #SECTION_2_SINGLE_TENDANCE .gauche p{width: 80%;margin-left: 10%;font-size: 22px;} #SECTION_1_CONTACT h1{font-size: 35px;width: 80%;padding-top: 130px;} #SECTION_1_CONTACT h2{margin-top: 70px;font-size: 30px;} #SECTION_1_CONTACT .wpcf7-form p{font-size: 25px;} #SECTION_1_CONTACT .p_cube_gris_45{left: -100px;} #SECTION_1_CONTACT .g_cube_jaune_45{width: 290px;height: 290px;top: -110px;left: -70px;} #SECTION_2_CONTACT .contact_x{width: 45%;margin-left: 2.5%;margin-right: 2.5%;text-align: center;} .wpcf7{width: 80%;margin-left: 10%!important;} #SECTION_1_CONTACT .wpcf7-form .message{width: 100%;} #SECTION_1_CONTACT .wpcf7-form .entreprise{width: 100%;} #SECTION_1_CAT_TENDANCES .g_cube_jaune_45{width: 290px;height: 290px;top: -160px;} #SECTION_1_QSM .g_cube_jaune_45{width: 290px;height: 290px;top: -160px;} body .expert-sing #SECTION_2_QSM .owl-carousel-4 .texte_slider p{border-radius: 0px;} } @media (max-width: 700px){ #BLOC_TITRE_TEXTE_G .g_cube_jaune_45{width: 230px;height: 230px;} #SECTION_1_HOMEPAGE h2{padding-top: 140px;font-size: 25px;} #SECTION_1_HOMEPAGE h1{font-size: 25px;} #SECTION_1_HOMEPAGE h1:hover{font-size: 25px;} #SECTION_1_HOMEPAGE .g_cube_jaune_45{width: 280px;height: 280px;} #SECTION_1_HOMEPAGE .p_cube_jaune_45{width: 120px;height: 120px;left: -10px;bottom: -20px;} #SECTION_1_HOMEPAGE .bloc_percentage .deux{font-size: 50px;} #SECTION_1_HOMEPAGE .bloc_percentage .p_cube_gris_45{width: 100px;height: 100px;top: 10px;right: 20px;} #SECTION_2_HOMEPAGE .bloc_txt{margin-top: 120px;} #SECTION_2_HOMEPAGE .bloc_txt h3{font-size: 24px;} #SECTION_2_HOMEPAGE .bloc_txt p{font-size: 19px;line-height: 32px;} #SECTION_2_HOMEPAGE .bloc_percentage{width: 70%;margin-left: 20%;} #SECTION_2_HOMEPAGE .bloc_percentage .deux{font-size: 50px;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45{width: 140px;height: 140px;right: 40px;} #SECTION_3_HOMEPAGE h2{font-size: 25px;line-height: 35px;padding-top: 30px;} #SECTION_3_HOMEPAGE .sous_titre{font-size: 20px;line-height: 29px;margin-top: 0px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens{margin-top: 80px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens a{width: 95%;} #SECTION_3_HOMEPAGE .bloc_lien_texte{margin-top: 30px;} #SECTION_3_HOMEPAGE .bloc_lien_texte h3{font-size: 20px;} #SECTION_3_HOMEPAGE .bloc_lien_texte p{font-size: 18px;} #SECTION_3_HOMEPAGE .bloc_lien_texte a{font-size: 15px;} #SECTION_3_HOMEPAGE .bloc_percentage .deux{font-size: 50px;} #SECTION_3_HOMEPAGE .bloc_percentage .p_cube_gris_45{width: 100px;height: 100px;top: 340px;right: 20px;} #SECTION_4_HOMEPAGE .g_cube_jaune_45{width: 170px;height: 170px;top: -360px;} #SECTION_4_HOMEPAGE h2{font-size: 25px;} #SECTION_4_HOMEPAGE.end-sticky h2{margin-bottom: 80px!important;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag{top: -20px;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag .tag-icon{width: 40px;height: 40px;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag .tag-icon img{width: 20px;height: 20px;} #SECTION_4_HOMEPAGE .reference_x .image_ref .tag p{padding-bottom: 8px;padding-top: 8px;font-size: 13px;padding-left: 30px;padding-right: 30px;} #SECTION_2_SINGLE_TENDANCE .droit .tag{top: -20px;} #SECTION_2_SINGLE_TENDANCE .droit .tag .tag-icon{width: 40px;height: 40px;} #SECTION_2_SINGLE_TENDANCE .droit .tag .tag-icon img{width: 20px;height: 20px;} #SECTION_2_SINGLE_TENDANCE .droit .tag p{padding-bottom: 8px;padding-top: 8px;font-size: 13px;padding-left: 30px;padding-right: 30px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h3{font-size: 22px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h4{font-size: 15px;letter-spacing: 0px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref p{line-height: 21px;font-size: 14px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref a{font-size: 15px;padding: 5px 18px;} .yola a{margin-bottom: 10px;margin-top: 0px;font-size: 15px;padding: 10px 25px;} #SECTION_4_HOMEPAGE .reference_x .image_ref{height: 250px;} #SECTION_4_HOMEPAGE.end-sticky .reference_x .image_ref{height: 250px;} #SECTION_5_HOMEPAGE h3{font-size: 25px;line-height: 35px;padding-top: 30px;} #SECTION_5_HOMEPAGE h2{font-size: 20px;line-height: 29px;margin-top: 20px;} #SECTION_5_HOMEPAGE p{font-size: 20px;line-height: 29px;margin-top: 0px;} #SECTION_5_HOMEPAGE a{font-size: 15px;padding: 10px 25px;} #SECTION_6_HOMEPAGE .men_one{flex-direction: column;width: 80%;margin-left: 10%;} #SECTION_6_HOMEPAGE .men_one .p_carre_gris_45_e{display: none;} #SECTION_6_HOMEPAGE .men_one .texte_men{margin-top: 60px;width: 100%;margin-left: 0%;} #SECTION_6_HOMEPAGE .men_one .conteneur_img{margin: auto;} #SECTION_6_HOMEPAGE .girl_one{flex-direction: column-reverse;width: 80%;margin-left: 10%;} #SECTION_6_HOMEPAGE .girl_one .g_cube_jaune_45{display: none;} #SECTION_6_HOMEPAGE .girl_one .texte_girl{margin-top: 60px;width: 100%;margin-left: 0%;} #SECTION_6_HOMEPAGE .girl_one .conteneur_img{margin: auto;} #SECTION_6_HOMEPAGE a{font-size: 15px;} #SECTION_6_HOMEPAGE .girl_one{margin-top: 60px;} #SECTION_7_HOMEPAGE h2{padding-top: 70px;font-size: 25px;} #SECTION_7_HOMEPAGE .yes-life{font-size: 15px;margin-top: 10px;} #SECTION_7_HOMEPAGE .yes-life a{font-size: 15px;} #SECTION_7_HOMEPAGE .liste_tendances a{width: 95%;margin-bottom: 40px;} #SECTION_7_HOMEPAGE .liste_tendances{margin-top: 70px;} #SECTION_7_HOMEPAGE .g_cube_jaune_45{width: 120px;height: 120px;top: -58%;left: 0px;} #SECTION_6_HOMEPAGE{margin-bottom: 20px;} #SECTION_8_HOMEPAGE h2{font-size: 25px;line-height: 35px;padding-top: 0px;} body.category #SECTION_8_HOMEPAGE h2{padding-top: 60px;} #SECTION_8_HOMEPAGE .sous_titre{font-size: 20px;line-height: 29px;margin-top: 0px;} #SECTION_8_HOMEPAGE .ss_titre_fin{font-size: 20px;line-height: 29px;margin-top: 0px;} #SECTION_8_HOMEPAGE .yes-life{margin-bottom: 50px;} #SECTION_8_HOMEPAGE .yes-life a{font-size: 15px;} #SECTION_8_HOMEPAGE .img_logo{width: 250px;} #SECTION_8_HOMEPAGE .icone_x{margin-top: 30px;} #SECTION_8_HOMEPAGE .liste_icone{width: 80%;margin-left: 10%;} footer{height: auto;} footer .lien{display: block;margin: 10px 20px;} footer p{width: 80%;margin-left: 10%;padding-bottom: 30px;} body .expert-sing #SECTION_8_HOMEPAGE{padding-top: 30px;} body .expert-sing #SECTION_1_QSM h1{padding-top: 120px;font-size: 25px;} body .expert-sing #SECTION_2_QSM .owl-carousel-3 .event .image{height: 340px;} body .expert-sing #SECTION_2_QSM .owl-carousel-4 .texte_slider p{font-size: 16px;} body .expert-sing #SECTION_2_QSM .owl-carousel-4{top: 300px;} body .expert-sing #BLOC_TITRE_TEXTE_G h4{font-size: 25px;} body .expert-sing #BLOC_TITRE_TEXTE_G h5{font-size: 19px;} body .expert-sing #BLOC_TITRE_TEXTE_G p{font-size: 19px;line-height: 30px;} body .expert-sing #BLOC_TITRE_TEXTE_G ul li{font-size: 19px;line-height: 30px;} body .expert-sing #BLOC_TITRE_TEXTE_D ul li{font-size: 19px;line-height: 30px;} body .expert-sing #BLOC_TITRE_TEXTE_D h4{font-size: 25px;} body .expert-sing #BLOC_TITRE_TEXTE_D h5{font-size: 19px;} body .expert-sing #BLOC_TITRE_TEXTE_D p{font-size: 19px;line-height: 30px;} body .expert-sing #BLOC_CITATION p{font-size: 20px;letter-spacing: 1px;width: 80%;margin-left: 10%;} body .expert-sing #BLOC_CITATION img:nth-child(1){margin-left: 5%;} body .expert-sing #BLOC_CITATION img{width: 35px;margin-left: 85%;} body .expert-sing #BLOC_IMAGE div{height: 310px;} body .expert-sing #BLOC_MULTIMEDIA h4{font-size: 25px;} body .expert-sing #BLOC_MULTIMEDIA iframe{height: 310px;} body .expert-sing #SECTION_7_HOMEPAGE{padding-top: 0px;} body .expert-sing #SECTION_7_HOMEPAGE h2{padding-top: 20px;} body .expert-sing #BLOC_QUE_FAIT_ON .actions .action_x{width: 48%;} body .expert-sing #SECTION_4_HOMEPAGE{margin-top: 90px;} body .expert-sing #BLOC_QUE_FAIT_ON h2{font-size: 25px;} #SECTION_1_CAT_TENDANCES h2{font-size: 25px;width: 80%;padding-top: 100px;} #SECTION_1_CAT_TENDANCES .sst_g{margin-top: 40px;font-size: 20px;} #SECTION_1_CAT_TENDANCES .sst_m{font-size: 20px;} body .expert-sing .first-slider .owl-dots{bottom: -25%;} body .other-sing #SECTION_7_HOMEPAGE .g_cube_jaune_45{display: none;} body .other-sing #SECTION_8_HOMEPAGE{padding-top: 0px;} body .other-sing #SECTION_7_HOMEPAGE h2{text-align: center;} body .other-sing #SECTION_7_HOMEPAGE .yes-life{margin-top: 20px;text-align: center;margin-right: 0%;} #SECTION_1_SINGLE_TENDANCE h2{font-size: 25px;padding-top: 100px;} #SECTION_2_SINGLE_TENDANCE .droit{height: 300px;} #SECTION_2_SINGLE_TENDANCE .gauche h1{font-size: 25px;} #SECTION_2_SINGLE_TENDANCE .gauche p{font-size: 18px;} body .other-sing #BLOC_TITRE_TEXTE_G{padding: 70px 0px;} #SECTION_1_CONTACT h1{font-size: 25px;padding-top: 100px;} #SECTION_1_CONTACT h2{width: 80%;margin-left: 10%;font-size: 22px;margin-top: 50px;} #SECTION_1_CONTACT .p_cube_gris_45{display: none;} #SECTION_1_CONTACT .wpcf7-form p{font-size: 20px;} #SECTION_1_CONTACT .wpcf7-form .nom{width: 100%;} #SECTION_1_CONTACT .wpcf7-form .envoyer{font-size: 15px;margin-top: 30px;} #SECTION_2_CONTACT{flex-direction: column;} #SECTION_2_CONTACT .contact_x{width: 95%;margin-bottom: 30px;} #SECTION_1_CONTACT .wpcf7-form p{line-height: 40px;} .alexanderhakim .logo-anim{width: 200px;} section.legal-notice{padding-top: 100px;padding-bottom: 50px;} section.legal-notice h1{font-size: 25px;} section.legal-notice h2{font-size: 20px;} section.legal-notice p{font-size: 14px;} section.site-plan .entete{padding-bottom: 0px;padding-top: 100px;} section.site-plan .entete h1{font-size: 25px;} .end-sticky .owl-dots{position: absolute;right:auto;top: -4%;left: 10%;} section.pdf a{font-size: 15px;} #SECTION_5_HOMEPAGE{padding-bottom: 30px;} #BLOC_TITRE_TEXTE_G{padding: 70px 0px;} #BLOC_TITRE_TEXTE_G ul li::before{width: 9px;height: 9px;left: -24px;top: 21px;} #BLOC_TITRE_TEXTE_D ul li::after{width: 9px;height: 9px;left: -24px;top: 21px;} #BLOC_TITRE_TEXTE_D{padding: 70px 0px;} body .expert-sing .first-slider .owl-dots{top: 6%;bottom: auto;} #SECTION_1_CAT_TENDANCES .g_cube_jaune_45{display: none;} #SECTION_1_QSM .g_cube_jaune_45{display: none;} #SECTION_1_SINGLE_TENDANCE .g_cube_jaune_45{display: none;} } @media (max-width: 450px){ #SECTION_1_HOMEPAGE h2{padding-top: 110px;font-size: 18px;} #SECTION_1_HOMEPAGE .bloc_percentage{text-align: center;margin-top: 50px;margin-bottom: 0px;width: 80%;margin-left: 10%;} #SECTION_1_HOMEPAGE .bloc_percentage .un{margin-right: 0%;font-size:16px;} #SECTION_1_HOMEPAGE .bloc_percentage .deux{margin-right: 0%;font-size:40px;} #SECTION_1_HOMEPAGE .bloc_percentage .trois{margin-right: 0%;font-size:16px;} #SECTION_1_HOMEPAGE .bloc_percentage .p_cube_gris_45{width: 80px;height: 80px;top: 50px;right: 50%;} body.anim-inc #SECTION_1_HOMEPAGE .bloc_percentage .p_cube_gris_45{transform: translateX(50%) rotate(45deg);} #SECTION_1_HOMEPAGE h1{font-size: 18px;padding-top:80px;} #SECTION_1_HOMEPAGE h1:hover{font-size: 18px;padding-top:80px;} #SECTION_1_HOMEPAGE .g_cube_jaune_45{width: 150px;height: 150px;} #SECTION_1_HOMEPAGE .p_cube_jaune_45{width: 90px;height: 90px;} #SECTION_2_HOMEPAGE{margin-bottom: 60px;} #SECTION_2_HOMEPAGE .bloc_txt{margin-top: 90px;} #SECTION_2_HOMEPAGE .bloc_txt h3{font-size: 20px;} #SECTION_2_HOMEPAGE .bloc_txt p{font-size: 17px;line-height: 27px;} #SECTION_2_HOMEPAGE .bloc_percentage{text-align: center;margin-top: 50px;margin-bottom: 0px;width: 80%;margin-left: 10%;} #SECTION_2_HOMEPAGE .bloc_percentage .un{margin-right: 0%;font-size:16px;} #SECTION_2_HOMEPAGE .bloc_percentage .deux{margin-right: 0%;font-size:40px;} #SECTION_2_HOMEPAGE .bloc_percentage .trois{margin-right: 0%;font-size:16px;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45{width: 100px;height: 100px;top: -70px;right: 50%;} #SECTION_2_HOMEPAGE .bloc_percentage .g_cube_jaune_45 div{transform: translateX(50%) rotate(45deg);} #SECTION_3_HOMEPAGE h2{font-size: 18px;line-height: 25px;} #SECTION_3_HOMEPAGE .sous_titre{font-size: 17px;line-height: 22px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp h3{font-size: 17px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .carre img{width: 25px;height: 25px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .carre{margin-bottom: 15px;margin-top: 15px;padding: 15px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .verbe{font-size: 16px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens .lien_url_xp .lien_x_exp .phrase{font-size: 15px;} #SECTION_3_HOMEPAGE .bloc_quatre_liens{margin-top: 60px;} #SECTION_3_HOMEPAGE .bloc_lien_texte{margin-top: 10px;} #SECTION_3_HOMEPAGE .bloc_lien_texte p{margin-bottom: 15px;} #SECTION_3_HOMEPAGE .bloc_lien_texte h3{font-size: 18px;} #SECTION_3_HOMEPAGE .bloc_lien_texte p{font-size: 16px;} #SECTION_3_HOMEPAGE .bloc_lien_texte a{font-size: 13px;} #SECTION_3_HOMEPAGE .bloc_percentage{text-align: center;margin-top: 50px;margin-bottom: 0px;width: 80%;margin-left: 10%;} #SECTION_3_HOMEPAGE .bloc_percentage .un{margin-right: 0%;font-size:16px;} #SECTION_3_HOMEPAGE .bloc_percentage .deux{margin-right: 0%;font-size:40px;} #SECTION_3_HOMEPAGE .bloc_percentage .trois{margin-right: 0%;font-size:16px;} #SECTION_3_HOMEPAGE .bloc_percentage .p_cube_gris_45{width: 80px;height: 80px;top: 310px;right: 50%;} #SECTION_3_HOMEPAGE .bloc_percentage .p_cube_gris_45 div{transform: translateX(50%) rotate(45deg);} #SECTION_4_HOMEPAGE h2{font-size: 18px;} #SECTION_4_HOMEPAGE{margin-top: 70px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h3{font-size: 18px;letter-spacing: 2px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref h4{font-size: 14px;} #SECTION_4_HOMEPAGE .reference_x .image_ref{height: 200px;} #SECTION_4_HOMEPAGE.end-sticky .reference_x .image_ref{height: 200px;} #SECTION_4_HOMEPAGE .reference_x .contenu_txt_ref a{font-size: 13px;} #SECTION_5_HOMEPAGE h3{font-size: 18px;line-height: 25px;} #SECTION_5_HOMEPAGE h2{font-size: 17px;line-height: 22px;} #SECTION_5_HOMEPAGE p{font-size: 17px;line-height: 22px;} #SECTION_5_HOMEPAGE a{font-size: 13px;} #SECTION_6_HOMEPAGE .men_one .texte_men .texte_1{font-size: 14px;line-height: 22px;} #SECTION_6_HOMEPAGE .girl_one .texte_girl .texte_2{font-size: 14px;line-height: 22px;} #SECTION_6_HOMEPAGE a{font-size: 13px;padding: 10px 18px;} #SECTION_7_HOMEPAGE h2{font-size: 18px;} #SECTION_7_HOMEPAGE .yes-life a{font-size: 13px;} #SECTION_8_HOMEPAGE h2{font-size: 18px;line-height: 25px;margin-bottom: 20px;} #SECTION_8_HOMEPAGE .sous_titre{font-size: 17px;line-height: 22px;} #SECTION_8_HOMEPAGE .ss_titre_fin{font-size: 17px;line-height: 22px;} #SECTION_8_HOMEPAGE .yes-life a{font-size: 13px;} body .expert-sing #SECTION_1_QSM h1{font-size: 20px;padding-top: 100px;} body .expert-sing #SECTION_2_QSM .owl-carousel-3 .event .image{height: 260px;} body .expert-sing #SECTION_2_QSM .owl-carousel-4{top: 220px;} body .expert-sing #SECTION_2_QSM .owl-carousel-4 .texte_slider p{font-size: 14px;border-radius: 0px;padding: 10px;} body .expert-sing #BLOC_TITRE_TEXTE_G{padding: 30px 0px;} body .expert-sing #BLOC_TITRE_TEXTE_G h5{font-size: 17px;} body .expert-sing #BLOC_TITRE_TEXTE_G p{font-size: 17px;} body .expert-sing #BLOC_TITRE_TEXTE_G ul li{font-size: 17px;} body .expert-sing #BLOC_TITRE_TEXTE_D ul li{font-size: 17px;} body .expert-sing #BLOC_TITRE_TEXTE_G .yel-title{padding-top: 30px;} body .expert-sing #BLOC_TITRE_TEXTE_D{padding: 30px 0px;} body .expert-sing #BLOC_TITRE_TEXTE_D h5{font-size: 17px;} body .expert-sing #BLOC_TITRE_TEXTE_D p{font-size: 17px;} body .expert-sing #BLOC_TITRE_TEXTE_D .yel-title{padding-top: 30px;} body .expert-sing #BLOC_CITATION p{font-size: 17px;} body .expert-sing #BLOC_IMAGE{padding: 10px 0px;} body .expert-sing #BLOC_MULTIMEDIA{padding: 10px 0px;} body .expert-sing #BLOC_MULTIMEDIA iframe{height: 250px;} body .expert-sing #BLOC_QUE_FAIT_ON .actions .action_x{width: 98%;} #SECTION_1_CAT_TENDANCES h2{font-size: 20px;} #SECTION_1_CAT_TENDANCES .sst_g{font-size: 16px;} #SECTION_1_CAT_TENDANCES .sst_m{font-size: 16px;} #SECTION_1_SINGLE_TENDANCE h2{font-size: 22px;padding-top: 100px;} #SECTION_2_SINGLE_TENDANCE .droit{height: 250px;} #SECTION_2_SINGLE_TENDANCE .gauche h1{font-size: 22px;} #SECTION_2_SINGLE_TENDANCE .gauche p{font-size: 16px;} #SECTION_1_CONTACT h1{font-size: 22px;} #SECTION_1_CONTACT h2{font-size: 20px;margin-bottom: 30px;margin-top: 30px;} #SECTION_1_CONTACT .wpcf7-form p{font-size: 17px;} #SECTION_1_CONTACT .wpcf7-form .envoyer{font-size: 13px;} #SECTION_1_CONTACT .wpcf7-form p{line-height: 30px;} #SECTION_4_HOMEPAGE .g_cube_jaune_45{top: -270px;} #SECTION_7_HOMEPAGE .g_cube_jaune_45{top: -53%;left: -40px;} .end-sticky .owl-dots{position: absolute;right:auto;top: -4%;left: 10%;} #SECTION_4_HOMEPAGE.end-sticky h2{margin-bottom: 50px!important;} section.pdf a{font-size: 13px;} }