/*
Theme Name: Divi Enfant
Description: Theme enfant de Divi. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: Divi
Version: 1.0
*/
/*
BLEU TRES FONCE : #2B3270
BLEU FONCE : #7476A3
BLEU : #CACAE5
BLEU CLAIR : #E3E1EA
ORANGE : #FEBF24
JAUNE : #F8E709
JAUNE CLAIR : #F8E09C
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&family=Ubuntu:wght@400;500;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
/*GENERAL*/
html {height: 100%}
body {background: #F8E09C}
body.home {height: 100%}
body p, #fondamentaux.ether ul li, #blog .post-content-inner {font-size: 16px!important;line-height: 26px!important;font-weight: 400!important;font-family: 'Roboto';color: black}
h1, h2, h3, h4, h5, #main-header a {font-family: 'Ubuntu'!important;font-weight: 500!important;letter-spacing: 1px;line-height: 1.5em}
.flex-center {display: flex;align-items: center}
.et_pb_button_module_wrapper {padding-bottom: 0!important;margin-bottom: 0!important}
/* BUTTON BACK TOP */
#button {display: inline-block;text-align: center;position: fixed; bottom: 100px;right: 100px;transition: background-color 1s, opacity 1s, visibility 1s;opacity: 0;visibility: hidden;z-index: 1000}
#button i {position: absolute;z-index: 2;left: 10px; top: 10px;background: #2B3270;width: 60px;height: 60px;border-radius: 100%}
#button i::before {font-size: 2em;line-height: 62px;color: #fff}
#button:hover {cursor: pointer}
#button.show {opacity: 1;visibility: visible}
div.grecaptcha-badge {display: none}
/*HEADER*/
#page-container {padding-top: 72px!important}
#main-header {background-color: transparent;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}
header.flex-center > div, #main-header .logo_container {display: flex;justify-content: center;align-items: center;position: relative;max-width: 1900px;width: 90%}
/*gauche mail*/
#main-header .gauche {width: 40%;text-align: center}
#main-header .gauche a {color: #2B3270!important}
#main-header .gauche a i {margin-right: 10px}
/*logo centre*/
#main-header .logo_container {width: 20%}
img#logo {max-width: 72px!important}
/*droite langues*/
#main-header .reseaux-langues {width: 40%;display: flex;justify-content: flex-end}
#main-header .reseaux-langues a.blog {margin-right: 40px;color:#2B3270;display: flex;align-items: center;font-size: 18px;color: #96298D}
#main-header .reseaux-langues a i {margin-right: 10px;color: #2B3270;font-size: 25px}
#main-header .reseaux-langues .langues {margin-left: 10px}
#main-header .reseaux-langues .linkedin, li.lang-item, li.lang-item a {list-style-type: none;display: flex;align-items: center}
li.lang-item {margin-left: 50px}
li.lang-item img {width: 30px!important;height: 18px!important}
#main-header .reseaux-langues img {max-width: 30px}
/*HOMEPAGE*/
body.home #main-content *, body.home #main-content {height: 100%}
body.home #main-content a {height: auto}
body.home header {height: 72px;position: static;top: 0}
body.home #et-main-area {height: 91vh;padding-top: 0}
body.home .et_pb_section {padding: 0}
body.home #main-footer {display: none}
#troisblocshp {max-width: 2000px;width: 100%;padding: 0}
.timeline{display:flex}
.tl-item.un {background: url("/wp-content/uploads/2024/11/accompagnement.jpg")}
.tl-item.deux {background: url("/wp-content/uploads/2024/11/galaxy-mauve.jpg")}
.tl-item {transform:translate3d(0,0);position:relative;width:50%;color:#fff;overflow:hidden;transition:width .5s;display: flex;flex-direction: column;background-repeat: no-repeat!important;background-size: cover!important;background-position: center!important}
.tl-item:after,.tl-item:before{transform:translate3d(0,0);content:"";position:absolute;left:0;top:0;width:100%;height:100%}
.tl-item:hover{width:65%!important}
.tl-item:hover:after{opacity:0}
.tl-item:hover:before{opacity:.85;transform:translate3d(0,0,0) translateY(0);transition:opacity 1s,transform 1s .25s}
.tl-item:hover .tl-content, .tl-item:hover .tl-content p {opacity:1;transform:translateY(0);transition:.75s .5s}
.tl-content {position:relative;z-index:1;text-align:center;margin:0 1.618em;display: flex;justify-content: center;align-items: center;flex-direction: column;height: auto!important;margin-top: 200px}
.tl-content:hover {cursor: pointer}
.tl-content h2 {color: #F8E09C;height: auto!important;font-size: 35px;font-weight: 700;max-width: 80%;margin: auto}
.timeline a {display: flex;justify-content: center;align-items: center}
.timeline a .tl-content img {position: absolute;top: 100px;width: 145px;height: 190px !important}
.tl-item:hover .tl-content h2 {margin-bottom: 40px}
.tl-content p {color: white;height: auto!important;opacity: 0;max-width: 90%;margin: 100px auto 0;background: rgba(0,0,0,0.5);padding: 10px!important;border-radius: 20px}
/*PARTICULIERS*/
/*introduction - gauche*/
#introduction .et_pb_bottom_inside_divider {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100px' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='M0 0v140h1280L0 0z'/%3E%3C/g%3E%3C/svg%3E")}
/*introduction - droite*/
#introduction .texte-intro {height: 400px;padding: 20px 40px!important}
#introduction .droite h1, #introduction .droite p, #introduction .droite h2 {text-align: center}
#introduction .droite h2 {text-transform: uppercase;color: #2B3270;letter-spacing: 4px;line-height: 1.2em}
#introduction .droite a.ancre, #intro-ether a.ancre, .decalage a.ancre, #video.ether a.ancre, #fondamentaux.ether a.ancre, #youmna.ether a.ancre, #accompagnement.ether a.ancre {color: #ffffff !important;border-width: 12px !important;border-color: #2b3270 !important;border-radius: 50px;font-size: 13px;font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;font-weight: 900 !important;text-transform: uppercase !important;background-color: #2b3270;display: inline-block;padding: .3em 0;border: 2px solid;display: block;text-align: center}
#introduction .droite a.ancre::after {line-height: inherit;font-size: inherit !important;margin-left: -1em;left: auto; font-family: ETmodules !important;font-weight: 400 !important;content: "\33";opacity: 0;position: absolute;}
#introduction .droite a.ancre:hover::after {left: auto;margin-left: .3em;opacity: 1}
#introduction .droite .et_pb_module {max-width: 100%}
#introduction .droite.flex {display: flex;align-items: center;padding: 0}
#introduction .titre-aspirez {padding: 40px 20px 0}
#introduction .droite.flex p {color: #2B3270}
/*video*/
#video {padding: 0}
/*avantages*/
#accompagnement-personnel {padding-bottom: 50px}
#accompagnement-personnel > div, #accompagnement-personnel .et_pb_button_module_wrapper {padding-bottom: 0;margin-bottom: 0!important}
#accompagnement-personnel h2, #solutions h2, #ouvrez-vous h2, #carousel h2, #explorez h2, #approche h2, #newsletter h2, #contact-form h2 {font-size: 26px;color: #FEBF24!important}
#accompagnement-personnel span {font-weight: 400}
#accompagnement-personnel .gauche h3 {color: #2B3270}
/*prix*/
#prix {padding-bottom: 50px}
#prix .et_pb_column {margin-bottom: 0}
#prix h3 {color: #ffb356}
#prix p {color: white}
#prix em {font-size: 3em;display: block;font-style: normal;color: #ffb356;font-weight: bold}
#prix > div {background-color: #2B3270;display: flex;align-items: center}
#prix > .et_pb_bottom_inside_divider {display: none}
#prix ul {padding-bottom: 0}
#prix ul li {color: white}
/*solutions*/
#solutions {padding-top: 50px}
/*alignement-perso*/
#alignement-perso .et_pb_bottom_inside_divider {background-image: url('data:image/svg+xml,')}
#alignement-perso .et_pb_toggle_content {color: black;font-size: 16px;line-height: 26px}
#alignement-perso h5 {color: #2B3270}
#alignement-perso h2 {color: white}
/*ouvrez-vous*/
#ouvrez-vous {padding: 20px 0 60px}
#ouvrez-vous .et_pb_top_inside_divider, #ouvrez-vous .et_pb_bottom_inside_divider {display: none}
#ouvrez-vous .et_pb_gallery_items {display: flex;align-items: center}
#ouvrez-vous .et_pb_gallery_item {width: 80%;margin: 0}
/*newsletter*/
#newsletter {padding: 20px 0}
#newsletter .flex-center {display: flex;justify-content: center}
#newsletter .flex-center > div:first-child {margin-right: 0;width: 35%}
#newsletter .flex-center > div:first-child p {padding: 30px;text-align: center}
#newsletter .et_pb_top_inside_divider, #newsletter .et_pb_bottom_inside_divider {display: none}
#newsletter .et_pb_gallery_items {display: flex;align-items: center}
#newsletter .et_pb_gallery_item {width: 80%;margin: 0}
#newsletter .flex-center > div.et-last-child {background: #ffb356}
#newsletter .flex-center > div.et-last-child h2 {text-align: center;color: white!important;padding-bottom: 0}
#newsletter form input {margin: auto}
#newsletter form label, #newsletter form .wpforms-submit-container {text-align: center}
#newsletter em {padding: 0 10px}
/*carousel*/
#carousel > div {padding-top: 0}
#carousel::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.5)}
#carousel h2 {text-align: center}
#carousel .quatre {margin-bottom: 40px;max-width: 1600px;width: 100%}
/*explorez*/
/*trois-blocs*/
#trois-blocs h3 {color: #2B3270!important;margin-bottom: 40px}
#trois-blocs img {max-width: 150px}
/*approche*/
#approche .gauche {padding: 40px 60px}
#approche h2 {text-align: center;margin-bottom: 20px}
#approche .et_pb_button_module_wrapper {padding-bottom: 0!important;margin-bottom: 0!important}
/*contact form */
#contact-form {padding: 20px 0 60px}
#contact-form .et_pb_top_inside_divider, #contact-form .et_pb_bottom_inside_divider {display: none}
#contact-form .et_pb_gallery_items {display: flex;align-items: center}
#contact-form .et_pb_gallery_item {width: 80%;margin: 0}
#contact-form h2 {color: white!important;text-align: center}
#contact-form form input {margin: auto}
#contact-form form label, #contact-form form .wpforms-submit-container {text-align: center}
#contact-form form textarea {max-width: 60%;margin: auto}
/* ETHER */
#intro-ether .et_pb_top_inside_divider {display: none}
#intro-ether img {max-width: 250px}
#intro-ether a.ancre, .decalage a.ancre, #video.ether a.ancre, #fondamentaux.ether a.ancre, #youmna.ether a.ancre, #accompagnement.ether a.ancre {max-width: 300px;margin: auto;background: white;color:#962A8D!important;border-color:white!important}
#intro-ether .et_pb_text_inner, #carousel.ether .et_pb_text_inner {text-align: center}
#intro-ether h1, #carousel.ether h2 {background:#962A8D;color: white!important;padding: 10px;text-align: center;display: inline-block}
#intro-ether .et_pb_bottom_inside_divider {background-image: url('data:image/svg+xml,');}
/*newsletter*/
#newsletter.ether {background: rgba(255 213 252);padding: 0;height: 580px}
#newsletter.ether .flex-center > div:first-child {width: 45%}
#newsletter.ether .flex-center > div:first-child p {text-align: left;padding: 30px 30px 0;background: white}
#newsletter.ether .flex-center > div:first-child p:last-child {padding-bottom: 30px}
#newsletter.ether .flex-center > div.et-last-child {background: #962A8D}
#newsletter.ether button[type=submit] {background: #FFD5FC}
#newsletter.ether em {color: white}
#newsletter.ether .flex-center {padding-bottom: 75px;position: absolute;top: -160px;left:0;right: 0}
/*univers ether*/
#univers-ether h2 {text-align: center;font-size: 26px;color: #962A8D}
#univers-ether p {text-align: justify}
#univers-ether .decalage {height: 600px}
#univers-ether .decalage .div:first-child {z-index: 2}
#univers-ether .decalage .et-last-child {background: #962A8D;position: absolute;right: 0;width: 80%;padding: 30px;z-index: 1;top:100px}
#univers-ether .decalage .et-last-child .et_pb_text_inner {display: flex;align-items: end}
#univers-ether .decalage .et-last-child .et_pb_text_inner .gauche {margin-right: 25px}
#univers-ether .decalage .et-last-child a {width: 270px;display: inline-block}
#univers-ether .decalage .et-last-child h3 {text-align: center;color: white}
#univers-ether .decalage .et-last-child p {color: white}
/*carousel*/
#carousel.ether .decalage {height: 600px}
#carousel.ether .decalage .div:first-child {z-index: 2}
#carousel.ether .decalage .et-last-child {background: #962A8D;position: absolute;right: 0;width: 80%;padding: 30px;z-index: 1;top:100px}
#carousel.ether .decalage .et-last-child .et_pb_text_inner {display: flex;align-items: end}
#carousel.ether .decalage .et-last-child .et_pb_text_inner .gauche {margin-right: 25px}
#carousel.ether .decalage .et-last-child a {width: 270px;display: inline-block}
#carousel.ether .decalage .et-last-child h3 {text-align: center;color: white}
#carousel.ether .decalage .et-last-child p {color: white}
/*video ether*/
#video.ether h2 {text-align: center;color:#962A8D}
#video.ether a.ancre.violet, #fondamentaux.ether a.ancre, #youmna.ether a.ancre {background: #962A8D;color: white!important;border-color: #962A8D!important}
#video.ether p {text-align: center}
/*fondamentaux*/
#fondamentaux.ether h2 {color: #962A8D;margin-bottom: 20px}
#fondamentaux.ether ul {list-style-type: none;padding-left: 0}
#fondamentaux.ether ul li {margin-bottom: 10px}
#fondamentaux.ether ul li i {color: white;background: #962A8D;margin-right: 10px;border-radius: 10px;padding: 3px 3px;display: inline-block;width: 20px;height: 20px}
/*youmna*/
#youmna.ether h2 {color:#962A8D}
/*accompagnement*/
#accompagnement.ether > div {padding-top: 0;padding-right: 30px}
#accompagnement.ether h2 {color: white;margin: 30px 0}
#accompagnement.ether .et_pb_text_19 p {text-align: center;margin-bottom: 10px}
#accompagnement.ether p {color: white}
#accompagnement.ether a.ancre {background-color: white;border-color: white!important;color: #2B3270!important}
/*contact form*/
#contact-form.ether button.wpforms-submit {background: #97298f}
/*BLOG*/
/*intro*/
#newsletter.ether.blog .flex-center .et_pb_module {margin-bottom: 0}
#newsletter.ether.blog .telechargez h2 {color: #962A8D!important;background: white;text-align: center;padding: 10px 0}
#newsletter.ether.blog .texte {}
#blog .et_pb_ajax_pagination_container {display: flex;flex-wrap: wrap;justify-content: space-around}
#blog .et_pb_ajax_pagination_container article {margin: 20px 20px;width: 260px;min-width: 260px}
/*newsletter*/
body.page-id-889 #newsletter form p, body.page-id-1162 #newsletter form p {text-align: center}
body.page-id-889 #newsletter form p input, body.page-id-1162 form p input {background-color: white;border: 1px solid #7f7979;padding: 14px}
body.page-id-889 #newsletter form .wpcf7-spinner, body.page-id-1162 #newsletter form .wpcf7-spinner {display: none}
body.page-id-889 #newsletter form input[type="submit"], body.page-id-1162 #newsletter form input[type="submit"] {background: #FFD5FC;border: none;margin-top: 10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {color: white}
/*affichage des articles*/
#blog article h1 a {color:#97288e!important;font-weight: 500!important;font-family: '', sans-serif !important;}
#blog > .et_pb_row {max-width: 1400px}
#blog h1.entry-title {font-size: 24px}
/*ARTICLE*/
body.single-post h1.entry-title {color: #962A8D;margin-bottom: 40px}
body.single-post .et_pb_row {padding: 0}
body.single-post .et_pb_row p:last-child {margin-bottom: 40px}
body.single-post .entry-content h2 {background: #97298f;color: white !important;display: inline-block;padding: 10px;margin: 40px 0}
body.single-post .entry-content h3 {margin: 30px 0;padding: 0}
body.single-post .entry-content h4 {font-style: italic;margin: 20px 0;padding: 0}
body.single-post .entry-content strong {color: #97298f;font-weight: 500}
body.single-post .et_pb_number_counter .percent {display: none}
/*FOOTER*/
#main-footer > .container {display: none}
#footer-bottom {padding: 5px 0;background-color: #2B3270}
#footer-info {padding-bottom: 0;color: white;display: flex;justify-content: space-between;width: 100%}
#footer-info a.linkedin::before {content: '\f08c';font-family: 'FontAwesome';margin-right: 10px;color: white}
/*BLOG*/
#comments, ol.commentlist, #respond, p.post-meta {display: none}
/*RESPONSIVE*/
@media (max-width:1080px) {
#newsletter.ether .flex-center {flex-direction: column}
#newsletter.ether .flex-center > div:first-child, #newsletter.ether .flex-center > div.et-last-child {width: 100%}
}
@media (max-width: 980px) {
#main-header .gauche {flex-direction: column;display: flex}
#main-header .gauche a.blog {margin-left: 0}
#introduction .et_pb_column_0 {background-position: center 17%}
#introduction .droite.flex > .et_pb_column {padding: 50px 6% 150px!important}
#accompagnement-personnel, #solutions, #carousel, #explorez, #approche {padding-top: 0}
#carousel {padding-bottom: 0}
#accompagnement-personnel > div, #solutions > div, #ouvrez-vous .flex-center, #explorez .flex-center {flex-direction: column}
#ouvrez-vous .et_pb_gallery_items {justify-content: center}
#ouvrez-vous .et_pb_gallery_items img {display: block;margin: auto}
#accompagnement-personnel > div img, #solutions > div img, #approche .droite img, #ouvrez-vous img, #fondamentaux.ether .flex-center img, #youmna.ether img {max-width: 275px}
#explorez img {max-width: 450px}
#alignement-perso h2 {font-size: 25px}
#newsletter .flex-center, #univers-ether .flex-center {flex-direction: column}
#newsletter .flex-center > div:first-child {width: 100%;margin-bottom: 0}
#carousel .quatre {margin-bottom: 0;padding-bottom: 0}
#trois-blocs .et_pb_blurb, #trois-blocs .et_pb_blurb_content {max-width: 100%}
#trois-blocs > div > .et_pb_column {padding: 20px!important}
/*ether*/
#intro-ether {padding-top: 60px}
#newsletter.ether {height: auto}
#newsletter.ether .flex-center {padding-bottom: 0;position: relative;top: -110px}
#univers-ether .et_pb_image {text-align: center}
#univers-ether .decalage .et-last-child, #carousel.ether .decalage .et-last-child {width: 100%}
#univers-ether .decalage .et-last-child, #carousel.ether .decalage .et-last-child {position: relative;margin-top: -30px;top: 0}
#univers-ether .decalage .et-last-child h3, #carousel.ether .decalage h3 {margin-top: 30px}
#univers-ether .decalage .et-last-child .et_pb_text_inner, #carousel.ether .decalage .et-last-child .et_pb_text_inner {flex-direction: column;align-items: center}
#univers-ether .decalage .et-last-child .et_pb_text_inner .gauche, #carousel.ether .decalage .et-last-child .et_pb_text_inner .gauche {margin-right: 0}
#carousel.ether .et_pb_image, #fondamentaux.ether .et_pb_image {text-align: center}
#fondamentaux.ether .flex-center, #youmna.ether .flex-center, #accompagnement.ether .flex-center {flex-direction: column}
#fondamentaux.ether h2, #youmna.ether h2, #accompagnement.ether h2 {text-align: center}
#accompagnement.ether > div {padding: 30px}
}
@media (max-width: 680px) {
/*header*/
header.flex-center > div {flex-direction: column}
#page-container {padding-top: 155px!important}
#main-header {height: 155px}
#main-header > div {margin: 0px auto}
#page-container {padding-top: 0}
#main-header .reseaux-langues {justify-content: center}
#main-header .gauche {width: 100%;padding-top: 20px}
#main-header .logo_container {margin:15px 0;order: 3}
.reseaux-langues {margin-top: 15px}
/*homepage*/
body.home #et-main-area {height: 115vh}
.timeline {flex-direction: column}
.tl-item, .tl-item:hover {width: 100%!important}
.tl-item:after,.tl-item:before{display: none}
.tl-item:hover:after{opacity:1;transform: none;transition: none}
.tl-item:hover:before, .tl-item:hover .tl-content, .tl-item:hover .tl-content p {opacity:1;transform:none;transition:none}
.tl-content {margin: 50px 10px 0}
.tl-content p {margin-top: 0;opacity: 1;z-index: 2;max-width: 100%}
.timeline a .tl-content img {top:60px;height: 135px!important;width: 100px}
/**/
#main-header .mail a::before, #main-header .tel a::before {display: block}
#introduction .et_pb_bottom_inside_divider, #trois-blocs .et_pb_bottom_inside_divider {display: none}
#introduction .droite.flex > div {padding: 40px}
#prix > div {flex-direction: column}
#prix .et_pb_column.et-last-child, #approche .droite {margin-top: 40px!important}
#prix .et_pb_button_module_wrapper {margin-top: 20px}
#approche {padding-top: 40px}
#approche .gauche {padding: 0}
#newsletter form input {max-width: 90%}
}
@media (max-width: 480px) {
header#main-header > .container {flex-direction: column}
header#main-header .tel {order:1;padding: 10px 0}
header#main-header .logo_container {order:3}
header#main-header .mail {order:2;padding-bottom: 10px}
#introduction .droite.flex > .et_pb_column {padding: 30px 6% 30px!important}
#main-header .tel, #main-header .logo_container, #main-header .mail {width: 100%}
#introduction .droite.flex > div.et-last-child {padding-top: 0}
#carousel .et_pb_gallery_image {text-align: center}
#carousel h2 {padding: 0 10px}
#explorez img {max-width: 100%}
body #page-container .et_pb_section .et_pb_button_2, body #page-container .et_pb_section .et_pb_button_3, body #page-container .et_pb_section .et_pb_button_4, body #page-container .et_pb_section .et_pb_button_5, body #page-container .et_pb_section .et_pb_button_6 {letter-spacing:0!important;font-size: 13px!important}
}
@media (max-width: 330px) {
#accompagnement-personnel > div img, #solutions > div img, #approche .droite img {max-width: 100%}
}