/*
Theme Name: book-child
Template: book
Description: Création de book en ligne.
Author URI: https://book-en-ligne.fr

Version: 1.0.0
Tags:
*/

@font-face {
 font-family: 'Palanquin Dark';
 src: url('fonts/palanquin-dark-v7-latin-regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Palanquin Dark';
 src: url('fonts/palanquin-dark-v7-latin-500.woff2') format('woff2');
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Palanquin Dark';
 src: url('fonts/palanquin-dark-v7-latin-600.woff2') format('woff2');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Palanquin Dark';
 src: url('fonts/palanquin-dark-v7-latin-700.woff2') format('woff2');
 font-weight: 700;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Parisienne';
 src: url('fonts/parisienne-v8-latin-regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Parisienne';
 src: url('fonts/parisienne-v8-latin-regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-Regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-SemiBold.woff2') format('woff2');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}





body {font-size: 16px;}
:focus, :focus-visible {outline: none !important;}
::selection {background: var(--primary-color); color: white;}
.disp-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.disp-flex .col100 {width: 100%;}
.disp-flex .col1_2, .disp-flex .col50 {width: 50%;}
.disp-flex .col33 {width: 33.33%;}
.align-items-center {align-items: center;}
.gap30 {gap: 30px;}
.gap40 {gap: 40px;}
.gap30.flex-wrap .col33 {width: calc(33.33% - 20px);}
select {-webkit-appearance: none; -webkit-border-radius: 0px; color: #ababab; font-family: 'Palanquin Dark'; font-weight: 400;}
.cv-form select {font-family: inherit; color: #666666; font-weight: 500;}
.fa, .far, .fas {font-family: "Font Awesome 6 Pro" !important;}
.star.dashicons {font-family: dashicons !important;}
.div-select {position: relative; margin: 0 10px; width: 100%;}
.div-select:after {content:"\f107"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; right: 13px; color: var(--dark-color); bottom: 13px;}
.docbuilder-filters div-select:after {color: white;}
select:focus {outline: none !important;}
.back-light-blue {background: var(--light-color);}
.sect-back-gray {background: linear-gradient(180deg, #f0f5fb, #F0FFFA);}
.back-gradient-gw {background: linear-gradient(180deg, #F9F9FB, white);}
.line-back {font-family: 'Palanquin Dark'; position: relative; font-weight: 500; color: white; z-index: 1; display: inline-block;}
.line-back:before {content: ""; position: absolute; background: var(--primary-color); display: block; width: calc(100% + 20px); height: 64px; left: -10px; top: 16px; z-index: -1; transform: rotate(-1deg); border-radius: 5px;}
h2 .line-back {margin-left: 10px; margin-right: 10px;}
h2 .line-back:before {height: 46px; top: 13px;}
h1 {font-family: 'Palanquin Dark'; color: var(--dark-color); font-weight: 500; padding-bottom: 50px; font-size: 50px; line-height: 60px; margin-top: 0;}
h2 {font-size: 38px; line-height: 48px;}
h2, h2 span, h3, h4{font-family: 'Palanquin Dark' ; font-weight: 600 !important; color:var(--dark-color)}
p, span, strong, b, li, a {font-family: 'Montserrat' ; line-height: 1.6;}
a {text-decoration: none !important; transition:0.4s !important}
.double-btn-center {display: flex; justify-content: center; align-items: center; gap: 20px;}
.btn-light {background: #D7EAF9; padding: 15px 30px; border-radius: 10px; font-weight: bold; color: var(--dark-color) !important; font-size: 16px;}
.btn-center {text-align: center;}
#breadcrumbs {background: #d7eaf9; padding: 3px 8px; border-radius: 5px; display: inline-block; margin-bottom: 0;}
#breadcrumbs a {color: var(--dark-color) !important;}
.btn1 {color: #ffffff !important; background: var(--primary-color); padding: 12px 30px; display: inline-block; border-radius: 10px; font-weight: bold;}
img {max-width: 100%;}
body input[type="text"]:hover, body input[type="password"]:hover, body input[type="email"]:hover, body input[type="phone"]:hover, body textarea:hover, body input[type="text"]:focus, body input[type="password"]:focus, body input[type="email"]:focus, body input[type="phone"]:focus, body textarea:focus {border-color: initial !important;}
input, textarea, select {font-size: 16px !important;}

/* START HEADER */
.navbar {margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 20px; background-color: #e6f4ff;}
.logo {text-decoration: none !important; margin-right: auto; flex: 1;}
.nav-links {list-style: none; display: flex; gap: 10px; padding-left: 0; margin-bottom: 0;}
.nav-btn {list-style: none; display: flex; gap: 10px; padding-left: 0; margin-bottom: 0; margin-left: auto;}
.nav-links li {display: inline;}
.nav-links a, .nav-btn a:not(.btn-rect) {text-decoration: none; color: var(--dark-color); font-size: 16px; transition: 0.3s; font-weight: 600; padding: 5px 10px; border-radius: 5px;}
.nav-links a:visited {text-decoration: none; color: var(--dark-color)}
.nav-links a:hover, .nav-btn a:not(.btn-rect):hover {background: #D7EAF9; padding: 5px 10px; border-radius: 5px; color: var(--primary-color);}
.nav-btn {display: flex; align-items: center;}
.menu-toggle {display: none;}
.nav-btn .btn-rect {padding: 15px 30px;}
.nav-btn .btn-rect span {padding: 0;}

@media screen and (min-width: 769px) {
    .menu-links {flex: 2; display: flex; justify-content: center; align-items: center;}
    .menu-links .nav-links {flex: 1; justify-content: center;}
    .menu-links .nav-btn {flex: 1; justify-content: flex-end;}
    
}
@media screen and (max-width: 768px) {
    .menu-toggle {display: block;}
    .mobile-menu {display: none; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 20px;}
    .mobile-menu.active {display: flex;}
    .burger-menu {display: block; position: absolute; right: 20px; top: 20px; width: 25px; height: 30px; cursor: pointer; z-index: 1100;}
    .burger-menu span {display: block; width: 100%; height: 3px; background: #020a56; margin: 5px 0; transition: 0.3s; border-radius: 50px;}
    .menu-links {display: none; /* Cache le menu */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); /* Fond semi-transparent */ display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1000; opacity: 0; transform: translateY(-100%); transition: opacity 0.3s ease, transform 0.3s ease; backdrop-filter: blur(3px);}
    .menu-links.show-menu {opacity: 1; transform: translateY(0); display: flex;}
    .menu-links ul {list-style: none; padding: 0; text-align: center;}
    .menu-links ul li {margin: 10px 0;}
    .menu-links ul li a {color: white; font-size: 26px; text-decoration: none; line-height: 38px; font-weight: 600;}
    .burger-menu.open span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
    .burger-menu.open span:nth-child(2) {opacity: 0;}
    .burger-menu.open span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}
}

/* END HEADER */

p, li {color:var(--text-color);}
body footer .container.footer-inner {max-width: 1200px; width: auto !important;}
.dropdown:after {display:none !important}
input:focus, button:focus {outline-width: 0 !important;}
.menu-item:hover a {color: var(--primary-color);}
a:hover {color: var(--primary-color);}
.hentry {margin:0 !important}
.dropdown-toggle {color: white; border-radius: 3px; line-height: 27px; margin-left:10px; transition: 0.4s}
.sect-txt-page h2 {font-size: 22px; padding-top: 30px;}
.sect-txt-page h3 {font-size: 18px;}
.sect-txt-page p, .sect-txt-page li {font-size: 14px;} 
.txt-souspages nav {border-bottom: none !important;}
.txt-souspages nav ul {list-style: none; margin: 0; display: flex; flex-wrap: wrap;}
.txt-souspages nav ul li {display: block; padding: 8px 5px;}
.txt-souspages nav ul li a {padding: 6px 10px; background: #f2f3f4; line-height: 20px; border-radius: 3px;}


.hide-anim {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Quand la section entre dans le viewport, elle s'affiche */
.hide-anim.show-anim {
    opacity: 1;
    transform: translateY(0);
}



/* START HOME */
.how-home {padding: 80px 0}
.how-encadre {border: solid 1px #e3e5ef; border-radius: 5px; padding: 50px 30px; text-align: center; height: 100%;}
.how-encadre i {font-size: 30px; color: var(--primary-color); background: #E1E4FF; padding: 20px; border-radius: 50px;}
.how-home .col1_3 i {color: var(--primary-color); background: #E1E4FF;}
.how-home .col2_3 i {color: var(--secondary-color); background: #FFF0E1;}
.how-home .col3_3 i {color: #34CC1E; background: #E1FFE2;}
.div-list-cat {padding: 120px 20px 20px 20px; font-size: 16px; font-weight: bold; border-radius: 8px; color: white; text-transform: uppercase; text-align: center; margin-bottom: 0; display: block; width: 100%; background-image: linear-gradient(0deg, #000a579c, transparent);}
.listing-search-map-link {padding-bottom: 40px;}
.cat-list a {background-size: cover; background-position: center; display: flex; border-radius: 8px; align-items: flex-end; justify-content: center; width: 100%;}
.div-list-cat span {font-size: 17px !important; font-weight: 700; display: block; text-transform: capitalize;}
.sect-cat-metier {padding-top: 40px; gap: 15px;}
.sect-cat-metier > div {width: calc(50% - 8px) !important;}
.background-video {padding:100px 0; position:relative; z-index: 1; background: linear-gradient(180deg, #e6f4ff, white 80%) !important;}
.home-slider p {margin:0}
.home-slider h1 {color: var(--dark-color) !important; text-align: center; font-size: 50px; font-weight: 500; padding-top:0; max-width: 1000px; margin: auto; padding-bottom: 30px;}
.home-slider .subtitle {text-align: center; color: #6a7b93; font-size: 18px; max-width: 800px; margin: auto; padding-bottom: 30px;}
.btn-rect {background: transparent; border-radius: 10px; font-weight: 700; background-color: var(--primary-color);}
.btn-rect-bleu-fonce {border: solid 2px #24324F; background-color: #24324F;}
.btn-rect span{padding: 15px 30px; color:white; font-weight: bold; font-size: 16px;}
.btn-rect:hover {text-decoration: none; color: white;}
.btn-rect-bleu-fonce:hover {border: solid 2px #24324F; background-color: #24324F !important;}
.btn-anim-add {--uismLinkDisplay: var(--smLinkDisplay, inline-flex); display: var(--uismLinkDisplay) !important; position: relative; transition-duration: 0.4s; overflow: hidden;}
.book-pop .docbuilder-results {width: 100% !important; max-width: 100% !important;}
.book-pop h2 {padding: 0 0 20px 10px;}
.book-pop .load-more-books {display:none;}
.btn-anim-add::before,
.btn-anim-add span{margin: 0 auto; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-duration: 0.4s;}
.btn-anim-add:hover{background-color: var(--primary-color);}
.btn-anim-add:hover span{-webkit-transform: translateY(-400%) scale(-0); transform: translateY(-400%) scale(-0);}
.btn-anim-add::before{ content: attr(data-sm-link-text); color: white; position: absolute; width: 100%; text-align: center; margin: auto !important; font-size: 30px; -webkit-transform: translateY(500%) scale(-0.1,20); transform: translateY(500%) scale(-0.1,20); padding: 4px;}
.btn-anim-add:hover::before{letter-spacing: 0.05em; -webkit-transform: translateY(0) scale(1,1); transform: translateY(0) scale(1,1);}
.slider-listing-metier li a {color: #020a56 !important; background-color: #D7EAF9; padding: 5px 10px; transition: 0.4s; border-radius:50px; font-size: 16px; font-weight: initial; display: block;}
.slider-listing-metier ul {list-style: none; margin-left: 0; justify-content: center; display: flex; gap: 10px; margin-bottom: 30px;}


.filtre-search {max-width: 1000px; margin: auto;}
.filtre-search .hc_bookBuilder_filterSet {background: #fff; border-radius: 10px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.15); margin: 0; border: none; width: 100%; display: flex; align-items: center; padding: 10px;}
.filtre-search .hc_bookBuilder_filter_label {display: none;}
.filtre-search ul {margin: 0; list-style: none; width: 100%;}
.filtre-search label {width: 100%; margin-bottom: 0;}
.filtre-search input {padding: 10px !important; background: #fff !important; border: none !important; margin: 0 !important; width: 100%; font-size: 16px;}
.filtre-search input::placeholder {font-weight: 400; color: #6a7b93; font-size: 16px;}
.filtre-search .hc_bookBuilder_filterSet_submit {background: #3d52ff !important; border-color: #3d52ff !important; border-radius: 10px !important; font-size: 18px; text-transform: initial; letter-spacing: 0; width: auto; padding: 15px 40px; height: auto; line-height: 24px;}
.slider-listing-metier {padding-top: 60px;}

.minia-book {width: 33.33%; overflow: hidden; position: relative; border-radius: 20px; height: 450px;flex: 0 0 350px; scroll-snap-align: start;}
.minia-book a {display: flex; flex-direction: column; height: 100%;}
.minia-book p {margin: 0;}
.minia-book .minia-img {clear: both; display: block; height: 100%; position: absolute; width: 100%;}
.minia-book .minia-img:after {content:""; background: linear-gradient(45deg, #00042fa3, transparent); position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}
.minia-book .minia-img img {height: 100%; object-fit: cover; overflow: hidden; width: 100%;}
.minia-book .minia-name {color: white; font-weight: bold; font-size: 20px; padding: 20px; position: relative;}
.minia-book .minia-metier {margin: auto 20px 0 20px; background: hsl(0deg 0% 100% / 29%); padding: 5px 15px; border-radius: 50px; display: inline-block; width: fit-content; color: white; backdrop-filter: blur(20px);}
.minia-book .minia-service {margin: 5px 20px 20px 35px; color: white; opacity: .7; font-size: 14px;}
.hc_bookBuilder_listing_block .minia-book .minia-service {display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
.hc_bookBuilder_listing_block .minia-book .minia-service span {position: relative;}
.hc_bookBuilder_listing_block .minia-book .minia-service span:not(:first-child):before {content:""; width: 6px; height: 6px; background: white; display: block; position: absolute; left: -14px; top: 8px; border-radius: 50px;}
.slider-container {width: 100%; overflow: hidden; position: relative;}
.slider {display: flex; gap: 15px; overflow-x: auto; scroll-behavior: smooth; user-select: none; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.slider::-webkit-scrollbar {display: none;}
.sect-creer-book {text-align: center;}
.sect-creer-book .intro {max-width: 900px; margin: 20px auto 40px auto;}
.sect-creer-book .col33 {padding: 40px 25px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #EAEAEA; border-radius: 20px; text-align: center;}
.sect-creer-book h3 {font-weight: 500 !important; font-size: 22px;}
.sect-creer-book .img-cadre-av img {height: 50px;}
.sect-creer-book .listing-av {padding-bottom: 40px;}
.sect-creer-book .cta-av {background: #e6f4ff;}
.sect-creer-book .cta-av .desc-cta-av {font-size: 14px; padding: 10px 0;}
.sect-search-home {padding: 80px 0; background: linear-gradient(180deg, #e6f4ff, white 100%) !important;}
.sect-search-home h2 {text-align: center; padding-bottom: 10px; margin-top: 0;}
.sect-search-home .intro {text-align: center; max-width: 900px; margin: auto; padding-bottom: 50px;}
.listing-etp-btn {margin-bottom: 30px; position: sticky; top: 0px; z-index: 100; background: white; box-shadow: 0px 17px 20px 0px rgb(0 0 0 / 8%);}
.admin-bar .listing-etp-btn {top: 32px;}
.listing-etp-btn .inside-listing-etp-btn {display: flex; justify-content: center; align-items: center; gap: 20px;}
.listing-etp-btn a {padding: 20px 0; color: var(--dark-color) !important; font-size: 20px; font-weight: 600; transition: background 0.3s ease, color 0.3s ease; width: 33.33%; text-align: center;}
.listing-etp-btn a.active {color: var(--primary-color) !important; border-bottom: solid 2px var(--primary-color);}
.bloc-etp-how {padding: 50px 0; align-items: center;}
.bloc-etp-how img {height: 400px; object-fit: cover; overflow: hidden; width: 100%; border-radius: 10px;}
.how-home .intro {text-align: center; max-width: 1000px; margin: 20px auto 50px auto;}
.how-home h2 {text-align: center;}
#etp2 {flex-direction: row-reverse;}
/* END HOME */



/* START PAGE */
.header-h1 {background: linear-gradient(180deg, #e6f4ff, white 80%);; padding:50px 0}
.header-h1 h1 {padding-top: 0; padding-bottom: 0;}
.breadcrumb-page {font-size: 14px;}
.txt-legal {padding-bottom: 60px;}
.txt-legal h2 {font-size: 28px; line-height: 34px; font-weight: 400; padding-top: 30px;}
.txt-legal p, .txt-legal li {font-size: 14px;}
/* END PAGE */



/* START FAQ */
.faq {padding: 80px 0;}
.faq-item {background: #ffffff; padding: 10px; margin-bottom: 20px; border-radius: 10px; display: block;}
.faq-question {width: 100%; border: none; text-align: left; cursor: pointer; transition: background 0.3s; padding: 15px; font-size: 20px; margin: 0; font-weight: 400 !important;}
.faq-answer {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding: 0 15px;}
.faq-answer h3 {font-size: 18px; font-weight: 400 !important;}
.faq-item.active .faq-answer {opacity: 1; padding: 5px 15px;}
.faq .btn-contact {background: #3D51FF !important; margin-top: 10px; display: inline-block; color: white !important; font-weight: 600; font-size: 16px;}
.faq .btn-contact:hover {color: white !important;}
.faq .btn-contact:after {color: white !important;}
/* END FAQ */



/* START MAP FRANCE */
.section-map path {fill: #000a57; stroke: #e6f3ff; stroke-width: 1; cursor: pointer; transition: fill 0.3s;}
.section-map path:hover {fill: #3C52FF;}
.section-map text {font-size: 12px; fill: black; pointer-events: none; text-anchor: middle;}
.section-map .label-map {font-size: 16px; fill: #000a57; background: white; display: none; font-family: 'Montserrat'; font-weight: bold;}
.section-map .path-map:hover + .label-map {display: block !important;}
/* END MAP FRANCE */



/* START FOOTER */
footer {background-color: var(--dark-color) !important;}
footer .titre-footer {color: white; font-size:22px; border-bottom:solid 1px #343b79; padding-bottom:15px; margin-bottom:15px; font-family: 'Palanquin Dark';}
footer p, footer li, footer a {color: white !important; opacity: .9;}
footer .top-footer {padding: 50px 0;}
footer .bottom-footer {border-top: solid 1px #343b79; padding: 25px 0;}
footer .cta-footer {margin-top:50px}
.txt-footer {padding-bottom: 10px;}
.footer-rs {display: flex; gap: 10px; opacity: 1;}
.footer-rs a {background: #e6f4ff; display: block; padding: 5px !important; border-radius: 5px;}
.footer-rs a:hover {background: white;}
.footer-rs svg {display: block}
/* END FOOTER */


/* START OFFRE */
.toggle-container {display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 18px; font-weight: 600; margin-top: 60px; padding-bottom: 40px;}
.switch {position: relative; display: inline-block; width: 50px; height: 24px; margin: 0 10px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider-checkbox {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px;}
.slider-checkbox:before {position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%;}
input:checked + .slider-checkbox {background-color: #5382fa;}
input:checked + .slider-checkbox:before {transform: translateX(26px);}
.prix-offre {font-size: 22px; font-weight: bold; transition: 0.3s ease-in-out;}
.listing-offres {display: flex; gap: 40px; justify-content: center; padding-bottom: 60px;}
.listing-offres .bloc-offre {background: white;padding: 30px; border-radius: 20px; box-shadow: 0px 20px 60px 0px rgba(0.9999999999999865, 30.000000000000014, 81, 0.0784313725490196); width: 33.33%; position: relative;}
.listing-offres .bloc-offre .title-offre {color: #020a56; font-family: 'Palanquin Dark'; font-size: 22px; margin-bottom: 5px;}
.listing-offres .bloc-offre .desc-offre {font-size: 14px;}
.listing-offres .bloc-offre .prix-offre {color: #020a56; font-size: 35px;}
.listing-offres .bloc-offre .prix-offre-span {font-size: 16px; padding-left: 5px; color: #6d7d95; font-weight: normal;}
.listing-offres .bloc-offre ul {list-style: none; padding-left: 0; border-top: solid 1px #d8d9e3; padding-top: 15px; padding-bottom: 20px;}
.listing-offres .bloc-offre ul li {color: var(--dark-color); padding-bottom: 10px;}
.listing-offres .offre2 {border: solid 2px blue; margin-top: -30px;}
.listing-offres .offre2:before {content:"Populaire"; background: #3c52ff; display: inline-block; padding: 3px 12px; font-size: 14px; color: white; border-radius: 50px; position: absolute; top: -14px; left: calc(50% - 39px); font-weight: 500;}
.listing-offres li .fa-circle-check {color: #2bbd1f;}
.listing-offres li .fa-circle-xmark {color: red;}



/* END OFFRE */



/* START PAGE CONTACT */
input[type="submit"] {display: block; background: var(--primary-color) !important; color: white; font-weight: bold; font-size: 16px; border-color: var(--primary-color) !important; padding: 10px 30px; border-radius: 10px; margin: 0 auto !important; font-family: 'Montserrat';}
.gfield {padding: 0 !important;}
.form-contact .ginput_container input, .form-contact textarea {border: 1px solid #d2ebff; background: #e6f4ff; width: 100%; padding: 13px 20px !important; border-radius: 6px !important; color: #666 !important; font-size: 16px !important;}
body .gform_legacy_markup_wrapper .top_label div.ginput_container {margin-top: 0 !important;}
.gform_required_legend {display: none !important;}
.list-author-widget-contacts p:not(.footer-rs) a {background: #3C52FF; color: white; padding: 5px 8px; border-radius: 5px;}
/* END PAGE CONTACT */


/* START HEADER BUILDER */
.header-create-book {border-bottom: solid 1px #ddd; position: fixed; top: 0; right: 0; left: 0; display: flex; width: 100%; background: white; z-index: 999;}
.header-create-book .inside-section{width: 100%;}
.header-create-book img {height: 35px;}
.btn-return {color: #464646; border: solid 1px var(--text-color); text-align: center; border-radius: 3px; width: 30px; line-height: 30px; position: absolute; left: 11px; top: 11px;}
.btn-return:hover {color: #868686; border: solid 1px #d0d0d0;}
/* END HEADER BUILDER */

/* START PAGE CHOOSE TEMPLATE */
.btn-template-book {background: var(--primary-color); color: white !important; padding: 11px; display: inline-block; border-radius: 10px; margin: 20px auto !important; font-size: 16px; font-weight: 500;}
.btn-template-book:hover {background:var(--dark-color) !important; transition:0.4s}
.listing-templates {display: flex; gap: 30px; flex-wrap: wrap; padding-top: 60px;}
.encadre-choix-template {width: calc(33.33% - 20px);}
.encadre-choix-template img {box-shadow: 7px 5px 30px rgb(72 73 121 / 15%);}
.screen {display: block; width: 100%; height: 400px; overflow: hidden; position: relative; border: 1px solid #c4cee0; border-radius: 1px; margin: 0 auto; background-size: cover; background-position: top; transition: ease-in-out 3s; border-radius: 20px;}
.screen:hover {background-position: bottom;}
.num-template {text-align: center; font-size: 45px; color: #c4cee0; font-style: italic; margin-bottom: -26px !important; font-weight: bold;}
.screen1 {background-image: url('/wp-content/uploads/2025/07/template1-screen.webp');}
.screen2 {background-image: url('/wp-content/uploads/2023/04/screen-book-2-2.png');}
.screen3 {background-image: url('/wp-content/uploads/2022/12/screen-template-book-3.png');}
.screen4 {background-image: url('/wp-content/uploads/2022/12/tb4.png');}
.bar-settings-theme {position: fixed; right: 15px; bottom: 15px; z-index: 99; background: rgb(255 255 255 / 43%); padding: 15px; box-shadow: 4px 5px 50px 0px rgb(128 128 128 / 36%); border-radius: 10px; display: flex; align-items: center; gap: 10px; backdrop-filter: blur(6px); border: solid 1px #e0e0e0; height: 70px;}
.bar-settings-theme > div {display: flex; align-items: center; gap: 10px;}
.bar-settings-theme > .button-settings-theme {gap: 5px; cursor: pointer; padding-left: 6px;}
.bar-settings-theme > .button-settings-theme .fa-gear-complex {font-size: 26px; transition: .4s;}
.bar-settings-theme > .button-settings-theme:hover .fa-gear-complex {transform: rotate(45deg);}
.bar-settings-theme > div:not(:last-child) {border-right: solid 1px #afafaf; padding-right: 20px; margin-right: 10px;}
.bar-settings-theme p {margin: 0; font-weight: bold; color: black;}
.bar-settings-theme > div .listing-setting-theme {justify-content: center; display: flex; gap: 10px; position: relative;}
.bar-settings-theme > div .listing-setting-theme select {min-width: 150px; background: rgb(255 255 255 / 51%); border: solid 1px #bbbbbb; padding: 8px 30px 8px 10px; border-radius: 5px; cursor: pointer;}
.select-title-font .listing-setting-theme:before, .select-text-font .listing-setting-theme:before {content:"\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 900;position: absolute; font-size: 12px; right: 10px; top: 7px; pointer-events: none;}
.bar-settings-theme.close {width: 70px; overflow: hidden; opacity: 1;}
.bar-settings-theme.close .button-settings-theme {border-right: none !important;}
/* END PAGE CHOOSE TEMPLATE */




/* START INSCRIPTION */
.page-id-7126 header, .page-id-7126 footer, .page-id-689 header, .page-id-689 footer {display: none !important;}
.page-inscription {display: flex; align-items: center; background: #E6F4FF;}
.page-inscription .bloc1-inscription {width: 50%; height: 100vh; overflow: hidden; border-radius: 0 40px 40px 0; position: fixed;}
.page-inscription .bloc1-inscription img {width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.page-inscription .bloc2-inscription {width: 50%; padding: 40px; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin-left: auto;}
.page-inscription .bloc2-inscription .bloc-form-sign {max-width: 700px; margin: auto;}
.page-inscription .bloc2-inscription h1 {font-size: 30px; text-align: center; padding-bottom: 0;}
.page-inscription .bloc2-inscription h1 .line-back {margin-right: 10px;}
.page-inscription .bloc2-inscription h1 .line-back:before {height: 42px; top: 7px;}
.page-inscription .bloc2-inscription .intro {text-align: center;}
.page-inscription .bloc2-inscription .sign-gg {padding: 20px 0;}
.page-inscription .bloc2-inscription .sign-gg a {box-shadow: -1px 1px 20px 0px rgb(0 0 0 / 5%); background: white; padding: 10px 30px; display: flex; align-items: center; justify-content: center; width: fit-content; gap: 10px; margin: auto; border-radius: 10px; color: #020a56; font-weight: 600;}
.page-inscription .bloc2-inscription .sign-gg a img {height: 20px;}
.form-sign input[type="text"], .form-sign input[type="email"], .form-sign input[type="password"] {height: 50px; border-radius: 10px; border: solid 1px #134d7c45; padding: 10px 20px !important; color: #020a56; font-weight: 500; font-size: 16px;}
.form-sign .gfield_label {border-bottom: none !important; font-family: 'Montserrat' !important;}
.form-sign .ginput_password .gform-field-label {font-weight: normal !important;}
.gf_login_links a, .gchoice label {font-family: 'Montserrat' !important;}
.gform_validation_errors {border: none !important; box-shadow: none !important; background: #FFE9E8 !important; border-radius: 10px !important; margin-bottom: 30px !important;}
.gform_validation_errors .gform_submission_error {font-weight: 600 !important; font-family: 'Montserrat'; font-size: 14px !important; color: #d40808 !important;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {border: none !important; box-shadow: none !important; background: #FFE9E8 !important; border-radius: 10px !important; margin-bottom: 30px !important; padding: 15px 30px !important; color: #d40808; font-family: 'Montserrat';}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {color: #d40808 !important;}
.hc_bookBuilder_form .hc_bookBuilder_form_fields_container {border: none; padding: 0;}
.hc_bookBuilder_form .hc_bookBuilder_form_fields_container, .hc_bookBuilder_form .hc_bookBuilder_form_field {background-color: transparent !important; padding: 0 !important;}
.hc_bookBuilder_form .hc_bookBuilder_field_label, .hc_bookBuilder_form .hc_bookBuilder_form_field_container_title {font-size: 16px !important; color: #020a56 !important;}
.hc_bookBuilder_form_inscription .hc_bookBuilder_form_field label {width: 100%;}
.hc_bookBuilder_form_inscription .hc_bookBuilder_form_field .hc_bookBuilder_field_label {margin-bottom: 5px;}
.hc_bookBuilder_form_inscription input[type="submit"] {width: auto !important; text-transform: initial; font-size: 16px; background: #3C52FF !important; border: none !important; padding: 10px 30px; line-height: 30px; transition: .4s;}
.hc_bookBuilder_form_inscription input[type="submit"]:hover {background: #020a56 !important; color: white !important; border: none !important;}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.error {background-color: #EEC8C5 !important; padding: 10px 25px; border-radius: 10px; border: none !important;}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.error span {color: #B5302B !important; font-weight: 500 !important; display: flex; align-items: center;}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.error span:before {content:"\f071"; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 22px; padding-right: 15px;}
#gform_fields_login .ginput_container_text input {height: 50px; border-radius: 10px; border: solid 1px #134d7c45; padding: 10px 20px !important; color: #020a56; font-weight: 500; font-size: 16px; font-family: 'Montserrat'; width: 100%;}
#gform_fields_login .gf_login_links {padding-bottom:10px}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.success {background-color: #DCF4D5 !important; padding: 10px 25px; border-radius: 10px; border: none !important;}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.success span {color: #436037;}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.success span:before {content:"\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 22px; padding-right: 15px;}
/* END INSCRIPTION */



/* START LISTING BOOK */
.listing-book .hc_bookBuilder_filterSet ul {padding: 0 0 40px 0; list-style: none; display: flex; gap: 60px; justify-content: center;}
.listing-book .hc_bookBuilder_filterSet ul .hc_bookBuilder_geoloc_error_message, .listing-book .hc_bookBuilder_filterSet ul .hc_bookBuilder_filter_label {display: none !important;}
.listing-book .hc_bookBuilder_filterSet ul select, .listing-book .hc_bookBuilder_filterSet ul input[type="text"], .listing-book .hc_bookBuilder_filterSet ul .select-values {background: #f3f9ff; border-radius: 0 10px 10px 0; min-width: 250px; color: #020a56; font-weight: 500; font-family: 'Montserrat'; padding: 12px; border: solid 1px #d7eaf9;}
.listing-book .hc_bookBuilder_filterSet ul select, .listing-book .hc_bookBuilder_filterSet ul .select-values {cursor: pointer;}
.listing-book .hc_bookBuilder_filterSet ul .hc_bookBuilder_geoloc_error {background-color: #f3f9ff !important; color: #020a56 !important; border: solid 1px #d7eaf9 !important;}
.listing-book .hc_bookBuilder_filterSet label {margin-bottom: 0 !important; position: relative;}
.listing-book .hc_bookBuilder_filterSet label:before {font-weight: 400; font-family: "Font Awesome 6 Pro"; background: #d7eaf9; height: 100%; position: absolute; width: 40px; top: 0; left: -40px; display: flex; align-items: center; justify-content: center; color: #020a56; border-radius: 10px 0 0 10px; font-size: 18px;}
.listing-book .hc_bookBuilder_filterSet .hc_bookBuilder_geoloc_container label:before {content:"\f3c5";}
.listing-book .hc_bookBuilder_filterSet .hc_bookBuilder_filter[data-hc-bookbuilder-filter="job"] label:before {content:"\f030";}
.listing-book .hc_bookBuilder_filterSet .hc_bookBuilder_filter[data-hc-bookbuilder-filter="experience"] label:before {content:"\f762";}
.hc_bookBuilder_listing_blocks {gap: 40px;}
.hc_bookBuilder_listing_block {padding: 0; margin: 0; width: calc(25% - 30px);}
.hc_bookBuilder_listing_block .minia-book {width: 100% !important;}
.hc_bookBuilder_filter_select label::after {content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); pointer-events: none; color: #333; font-size: 14px;}
.hc_bookBuilder_listing_noresult:before {content:""; background-image: url(/wp-content/uploads/2025/02/no-result-book.webp); display: block; width: 400px; height: 200px; margin: auto; background-position: center; background-size: contain; opacity: .5; background-repeat: no-repeat; filter: grayscale(50%);}
.hc_bookBuilder_listing_noresult {height: auto; background: initial; border: initial; font-style: initial; color: var(--dark-color); font-weight: 500;}
/* END LISTING BOOK */




.bouton {color: white; font-weight: bold; padding: 10px 20px !important; text-decoration: none; float:none !important}
.bouton:hover {text-decoration: none; padding: 10px 20px !important;}
.btn-blc {background: var(--primary-color); color: white !important; transition: 0.4s; width: 90%; margin: auto; margin-bottom: 5%; border-radius: 5px; }
.offre-book .btn-blc:hover {background: #91aef7;}
.btn-blf {background: var(--dark-color); color: white !important; transition: 0.4s; width: 90%; margin: auto; margin-bottom: 5%; border-radius: 5px;}
.offre-book .btn-blf:hover {background: #647295;}
.btn-vrt {background: #5eceb1; color: white !important; transition: 0.4s; width: 90%; margin: auto; margin-bottom: 5%; border-radius: 5px;}
.offre-book .btn-vrt:hover {background: #86c9b8;}
.offre-book1 {display: none;}
.offre-book2, .offre-book3 {width: 50% !important;}
.sect-offres h1 {text-align: center; font-size: 19px; color: #5382fb;}
.sect-offres h2.big-title {display: none;}
.offre-subtitle {text-align: center; font-size: 40px; font-family: 'Palanquin Dark'; color: #2e3b59; font-weight: 900; margin-bottom: 60px; line-height: 50px;}
.etp-next-offre {margin-top: 50px; text-align: center;}
.etp-next-offre a {color: #828282; font-weight: 500;}
.etp-next-offre a i {font-size: 16px; position: relative; top: 2px; margin-left: 4px;}

.buy-form {box-shadow: 7px 5px 30px rgba(72,73,121,.15);
    border: solid 1px #dcdcdc;
    padding: 40px;}

.buy-form .gform_wrapper {margin-top:0 !important}
.buy-form #field_67_4 {margin-top:0 !important}

.buy-form .gform_wrapper ul.gfield_checkbox li label, .buy-form .gform_wrapper ul.gfield_radio li label {padding: 7px; width: 100%; border: solid 2px var(--primary-color); border-radius: 0px; font-size:15px}

.label-mode-paiement {text-transform: uppercase; text-align: center;}
.mode-paiement .gfield_label {display:none !important}
.mode-paiement ul li input {display:none !important}
.mode-paiement ul {display:flex !important; width:100%;}
.mode-paiement ul li {flex-basis: 100%;}
.mode-paiement {margin-bottom: 30px !important; padding: 10px 40px !important;}
.mode-paiement .gchoice:first-child {padding: 0 7px 0 0 !important;}
.mode-paiement .gchoice:last-child {padding: 0 0 0 7px !important;}
.mode-paiement .gchoice label {padding: 10px 15px !important; border-radius: 3px; background: white; border-bottom: solid 3px #dadce1; margin: 0; filter: opacity(0.8); width: 100% !important; max-width: 100% !important; text-align: left; position: relative; margin: 0 !important;}
.mode-paiement .gchoice input[type=radio]:checked+label:after {content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; position: absolute; top: 6px; color: #ffffff; right: 9px; font-size: 20px;}
.mode-paiement .gchoice input[type=radio]:checked+label {background: var(--dark-color);  color: white; border-bottom: solid 3px var(--dark-color); margin: 0; filter: opacity(1);}


    

.mode-paiement ul.gfield_radio #label_2_2_0:before {content: ""; background: url('/wp-content/uploads/2022/03/logo-cb.png'); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
.mode-paiement ul.gfield_radio #label_2_2_1:before {content: ""; background: url('/wp-content/uploads/2022/03/paypal-logo.png'); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
.mode-paiement ul.gfield_radio li label {font-size: 15px;}
.champs-stripe .ginput_full input {margin-bottom: 0 !important; font-size: 14px !important; font-family: sans-serif !important; padding-left: 15px !important;}

.popup-paiement-container .gform_button {width: auto; background: var(--primary-color) !important; letter-spacing: 0px; padding: 10px 15px; height: auto; line-height: 25px; border-radius: 2px !important; text-transform: capitalize; margin: auto;}
.form-paiement {max-width: 600px !important; background: #ffffff; margin: 0 !important; padding: 20px 40px 5px 40px !important;}
.formulaire-paiement .gform_footer {max-width: 600px !important; background: white; margin: 0 !important; padding: 20px 40px 40px 40px !important;}

.mode-paiement ul li {text-align: center; width:100%}
.mode-paiement.form-paiement {padding-bottom: 1px !important;}


.buy-form .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .buy-form .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {display:block !important; margin-bottom: 20px;}

.buy-form .ginput_full input {box-shadow: 7px 5px 30px rgba(72,73,121,.15) !important; border: solid 1px #dcdcdc; margin-bottom: 5px;}

.buy-form .ginput_card_field select {border-radius: 0px !important;
    box-shadow: 7px 5px 30px rgba(72,73,121,.15) !important;
    border: solid 1px #dcdcdc;height: 37px;margin-bottom: 0 !important; -webkit-appearance:none;}
.select-methode h2{background: var(--dark-color); color: white !important; font-size: 25px; padding: 20px; font-weight: normal;}
.select-methode {margin-bottom:0 !important}

.ginput_card_expiration {border-radius: 0px !important;
    height: 50px !important;}









.list-offres {box-shadow: 2px 4px 32px rgb(0 0 0 / 10%); background: white; border-radius: 3px;} 
.offre-book1 {position: relative; }
.offre-book2 {position: relative; border-left: solid 2px #ebebeb; border-right: solid 2px #ebebeb;}
.offre-book3 {position: relative;}
.offre-book3:before {content:"Plus populaire"; position: absolute; background: #ff5050; color: white; padding: 5px 10px; border-radius: 3px; top: -8px; text-align: center; left: calc(50% - 74px); text-transform: uppercase;}
.offre-encadre {background:white; padding:40px 20px; }
.offre-book h3 {font-size: 30px; padding-top: 40px; margin: 0 !important; padding-bottom: 0; text-align: center; color: #2e3b59;}
.bottom-offre {background: #F6F7F7; text-align: center; padding: 8px; border-radius: 0 0 3px 3px;}
.bottom-offre p {color: black; margin-bottom: 0 !important; font-weight: 700 !important; font-style: italic;}
.offre-price {font-size: 22px !important; color: var(--dark-color); padding-top: 15px; font-weight: 500;}
.offre-price-month {font-size: 15px; color: #8d8d8d; padding-left: 5px;}
.popup-paiement .offre-price-month {color: white;}
.eco-price {display: table; margin: auto; color: white; background: #ff5150; border-radius: 3px; padding: 0 4px; font-size: 18px; font-weight: 900;}
.offre-book .fa-times {color:red}
.offre-book .fa-check {color:#5ECFB2}
.offre-encadre div {font-size:18px}

.inside-section {max-width:1200px; margin:auto; display:block; position: relative;}
.single-book .inside-section, .single-book-model .inside-section {max-width:100% !important;}
footer .footer-inner {max-width:1200px; margin:auto; display:block; width: auto !important;}
.single-book h1 {padding-top: 0 !important;}


@media screen and (max-width: 1200px) {
    .inside-section {margin:0 4%;}
    footer .footer-inner {margin: 0 20px}
    .single-book .inside-section, .single-book-model .inside-section {margin: 0 !important} 
}
.page-template-template-html-php .container, .page-template-template-book-php .container, .single-book .container, .single-book-model .container{width:100%; padding:0 !important}
.cv-form-tab-content {height:auto !important}
.encadre-contact, .encadre-txt {border: solid 1px #eeeeee; border-radius: 10px; padding: 30px !important;}
.encadre-contact-message {padding: 30px !important;}
.encadre-contact ul{list-style: none; margin-left: 0; margin-bottom: 0;}
.encadre-contact i{color: var(--primary-color); width: 20px; font-size: 15px; text-align: center; padding-right: 10px;}
.encadre-contact img{border-radius: 10px;}
.content-area {padding:0px}





.gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
}
.form-contact .input-left, .form-contact .input-right{   width: 50%;
    float: left !important;
    clear: none !important;
	margin-top: 0 !important;}

.form-contact .input-right input, .form-contact .input-left input {width:100% !important}

.sect-page-contact .sect-2col .col1_2 {vertical-align:top}


.sect-page-contact i{color:var(--primary-color)}

.gform_wrapper div.validation_error{color: red;border-top: none;border-bottom: none;}
   

.gform_wrapper .validation_message {color:red}


.gform_wrapper li.gfield.gfield_error {background-color:#fff;border-top:none;
    border-bottom: none;}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {border: 1px solid red}


.fa-angle-up{margin-top:3px}
.select-period {display: flex; align-items: center; justify-content: center; width: 100%; margin: auto;}
.select-period a {height: 26px; border: solid 1px #2e3b59; width: 55px; margin: 30px; border-radius: 50px; position: relative; display: block;}
.select-period a span {width: 20px; height: 20px; background: #ff5150; display: block; border-radius: 50px; top: 2px; position: absolute; left: 2px; transition:0.4s;}
.offres-annees .select-period a span {left: 30px;}
.offres-mois .offre-book-annuel, .offres-annees .offre-book-mensuel {width: 0 !important; height: 0; visibility: hidden;}
.txt-menusel, .txt-annuel {font-size: 20px; color: var(--primary-color); width: calc(50% - 50px);}
.txt-menusel {text-align: right;}
.txt-annuel span {font-weight: 900; font-size: 15px; color: #ff5150;}
.offres-mois .txt-menusel, .offres-annees .txt-annuel {font-weight: bold;}

.btn-back-white {background: white; border: solid 5px #779cfb; padding: 20px 30px; color: black !important; text-transform: uppercase; font-weight: bold; border-radius: 50px; display:table}
.btn-back-white:hover {background: #303B58; color:white !important}



.h2-white {color:white !important}

.encadre-txt h3 {margin-top: -45px; background: white; display: table; padding: 0 20px; margin-bottom: 29px; color: var(--dark-color)}
.encadre-txt {margin: 50px 0 0 0;}

.txt-page p, .txt-page li, .txt-page span {color:var(--text-color) !important}
.error {color: red; font-weight: bold; border: solid 1px;  padding: 10px;}
.txt-page h2 {padding-top: 40px;}

	
#espace-perso .cv-delete {
	background-color: #c73030 !important;
    padding: 4px 11px;
    color: white;
    display: block;
    line-height: 25px !important;
    border-color: #c73030 !important;
}
#espace-perso .cv-delete:hover {background-color:#772b2b !important; border-color: #772b2b !important}
	
#espace-perso .cv-edit.disabled,
#espace-perso .cv-download.disabled {
	background-color:grey;
	color:lightgrey;
	border-color:darkgrey;
	cursor:not-allowed;
}


#espace-perso .cv-download {background-color:#fdd14e; padding: 8px 23px; color:black; border-bottom: solid #b1943f 2px; display: block; line-height: 22px !important; width:100%;border-radius: 0; margin:0}

#espace-perso .cv-download:not(.disabled):hover {background-color:#f5d883; transition:0.3s}
#espace-perso .cv-download.disabled:hover { opacity:1; }
.link-cv-thumbnail > * {display: table-cell; text-transform: uppercase; text-align: center; width:7%; vertical-align:top;}
.link-cv-thumbnail .div-cv-download {display: table-cell; text-transform: uppercase; text-align: center; width:86%; vertical-align:top;}
.link-cv-thumbnail {display: table; width:100%; margin-top: 6px;}
.div-cv-download {padding-left:3px}
.link-cv-thumbnail {width:350px !important}

#espace-perso .link-cv-thumbnail .dashicons {
    line-height: 30px;
    width: 30px;
    height: 30px;
}

#espace-perso .link-cv-thumbnail .cv-edit i {
	font-size: 25px;
}

#espace-perso .link-cv-thumbnail .cv-delete i {
	font-size: 25px;
}

.div-cv-edit {background: var(--primary-color); margin-right:3px}
.div-cv-edit i {font-size:25px; color:white}
.div-cv-edit a {display: block; padding: 11px;}
.book-view {background: var(--dark-color) !important; border-color: var(--dark-color);}
.div-cv-delete {padding-left: 3px;}
.offre-book .sect-2col {background-color:white;}




/* FORMULAIRES DE PAIEMENT */

.mode-paiement-title {text-align: center; color: #2e3b59; text-transform: uppercase; font-weight: bold;}
.champs-stripe #input_2_8_5, .champs-stripe #input_5_8_5 {border-radius: 2px !important; background:white !important; box-shadow: none !important; border: 1px solid #bbb !important; height:40px !important}
/*
.bloc-paiement,
#gform_wrapper_2 .gform_footer {
	display:none;
}
*/

.bloc-paiement,
#gform_wrapper_2 .gform_footer {
	visibility: hidden;
    height:0px;
    padding: 0 !important;
}

#gform_wrapper_2 .popup-paiement .gform_footer {padding: 20px 40px 40px 40px !important;}
.popup-paiement .form-paiement {padding: 20px 40px 5px 40px !important;}
#input_2_14_5 {background-color: #f6f6f6; height: 60px; padding: 20px; border-radius: 2px; box-shadow: none; margin-bottom: 0; margin-top: 10px; border: none !important}
.formulaire-paiement .StripeElement {height: 60px; padding: 20px; background: #f6f6f6; border: none !important}
.popup-paiement .bloc-paiement,
#gform_wrapper_2 .popup-paiement .gform_footer {
	visibility: inherit;
    height: auto;
}

.popup-paiement .bloc-paiement,
#gform_wrapper_2 .popup-paiement .gform_footer {
	display:block;
}

.popup-paiement-container {
	width:100vw;
	height:100vh;
	position:fixed;
	z-index:9999999997;
	top:0;
	left:0;
	text-align:center;
}

.popup-paiement-background {
	background-color:black;
	opacity:0.8;
	width:100%;
	height:100%;
	z-index:9999999998;
	position:absolute;
	top:0;
	left:0;
}

.helper {
	vertical-align:middle;
	display:inline-block;
	height:100%;
}

.popup-paiement {
	vertical-align:middle;
	display:inline-block;
	z-index:9999999999;
	position:relative;
	background-color: white;
	width: 500px;
}

.popup-paiement-close {
	position:absolute;
	top:0;
	right:0;
	width: 30px;
	height: 30px;
	background-size: cover;
	margin: 5px;
	border-radius: 50%;
	cursor:pointer;
	z-index:999;
}

.popup-paiement-close:before {content: "\f057";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: relative;
    color: var(--dark-color);
    font-size: 26px;
    transition: 0.4s;}


#gform_wrapper_2 #input_2_2 {
	margin:0;
}

#gform_wrapper_2 .gchoice_2_2_0,
#gform_wrapper_2 .gchoice_2_2_1 {
	cursor:pointer;
}


#gform_wrapper_2 #field_2_8 {
	list-style-type:none;
}

.popup-paiement-title {
	color: var(--dark-color) !important;
	padding: 10px 0;
    width: 100%;
    background: white;
    padding-top: 26px;
}

.popup-paiement-title-offre {
	font-size: 20px;
	font-weight: bold;
}

.docbuilder-results .loading {
	height:150px;
	background-image:url(/wp-content/uploads/2022/04/load.png); 
	-webkit-animation: rotation 1.3s infinite linear; 
	background-size: auto 50%;
	background-position:center;
	background-repeat:no-repeat;
	clear: both;
}

.notice_important {color: #ff5150; padding: 25px; margin-bottom: 0;}
.notice-offre {display: table; background: #dde6fc; margin-top: 10px; padding: 3px 15px; border-radius: 3px; color: #2e3b59;}
.notice-btn {text-decoration: underline !important; color: #2e3b59 !important; margin-left: 5px;}
div.notice_important {margin-bottom: 10px;}
.notice_important p, .notice_important li {color:white;}
.ep-resi {max-width: 400px; margin: auto; text-align: center; background: #f5f7fb; padding: 10px; border-radius: 5px;}  
.ep-resi .gform_footer {padding: 0 !important; margin: 0 !important;} 
.ep-resi .gchoice {text-align: center;} 
.ep-resi .gfield-choice-input {display: none !important;} 
.ep-resi .gchoice label {color: var(--dark-color) !important; font-weight: 500 !important;} 
.ep-resi .gfield {padding-right: 0 !important;} 
.ep-resi .gform_footer .button {background: transparent !important; border: none !important; color: #5482fb; padding: 0 !important; text-transform: initial !important;} 
.ep-resi .gform_footer .button:hover {background: transparent !important; border: none !important; color: #5482fb; padding: 0 !important; text-transform: initial !important;} 
.ep-bot-profil {justify-content: center; margin-top: 30px;}
.ep-bot-profil a {margin: 10px; padding: 10px 20px; border-radius: 3px; background: #f4f7fb; display: block; width: 200px; font-size: 14px;}

/* START BUILDER BOOK  */

.h1-builder {text-align:center; padding:4%;}
.h1-builder h1 {padding-top: 0 !important;}
.cv-color {padding: 8px 7px; display: table; float: left;}
.cv-color a {height: 20px; width: 20px; display: block; border-radius: 50%; cursor: pointer; text-align: center; line-height: 20px; font-size: 12px; border: solid 0.1px #0000002e;}
.cv-color a:not(.selected) > i.fas, .cv-template-color a:not(.selected) > span.dashicons {display: none;}
.cv-color a > i.fas, .cv-template-color a > span.dashicons {color: white;}
#cv-builder .cv-form .draganddrop label span {padding: 10px 15px; color: white; background-color: var(--primary-color) !important; border-radius: 3px; cursor: pointer; display: inline-block;}
#cv-builder .cv-form .draganddrop {background: #ffffff; padding: 10px; border: 2px dashed #24324f; overflow: hidden;}
#cv-builder .cv-form .drop-area-text {text-align: center; color: #24324f; font-size: 16px; padding-bottom: 20px; margin-top: 25px;}
#cv-builder .cv-form .draganddrop input {visibility: hidden !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;}
#cv-builder .cv-form .drop-preview-border {float: left; margin-bottom: 0.588%; width: 19%; float: left; margin-left: 0.588%; position: relative; padding: 2%; box-sizing: border-box; border-radius: 3px; cursor: grab;}
#cv-builder .cv-form .drop-preview {background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 100%;}
#cv-builder .cv-form .drop-preview-border .delete {position: absolute; top: 0; right: 0; background-color: red; color: white; width: 25px; height: 25px; text-align: center; border-bottom-left-radius: 5px; display: none; line-height: 25px; cursor: pointer; }
#cv-builder .cv-form .drop-preview-border:hover .delete {display: block;}
#img-loader-rotate img{-webkit-animation: rotation 2.0s infinite linear; margin-bottom:30px; display:block}
#cv-builder .cv-form form select.link-part.link-select, #cv-builder .cv-form form input[type="text"].link-part.link-prefix {display: none;}
@-webkit-keyframes rotation {
		from {-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(359deg);}
}

.select-checkboxes input[type=checkbox] {margin-right:5px !important}
#cv-builder .cv-form form input[type="text"].link-part.link-prefix {cursor: no-drop;background-color: #f9f9f9; font-size: 14px; border-radius: 0; text-align: right; padding-right: 0px; display: none;}
#cv-builder .cv-form form input[type="text"].link-part.link-text {font-size: 14px; width: 100%; border-left: solid 1px #ededed;}
#cv-builder .cv-form form input[type="text"].link-part.link-prefix:hover, #cv-builder .cv-form form input[type="text"].link-part.link-text:hover, #cv-builder .cv-form form input[type="text"].link-part.link-prefix:focus, #cv-builder .cv-form form input[type="text"].link-part.link-text:focus {border-color: #ededed !important;}
#cv-builder .book-contenu {box-shadow: 0 0 10px rgb(0 0 0 / 7%); border: 1px solid rgba(0, 0, 0, 0.08);}

/* Apercu non cliquable */ 
#cv-builder .cv-preview {position: relative;}
#cv-builder .noclic {z-index: 10; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

/* END BUILDER BOOK  */



/* START PAGE CONNEXION  */

.sect-connexion {max-width: 400px; margin: auto; text-align: center;}

.sect-connexion .gform_wrapper {background: whitesmoke; padding: 20px; margin-bottom: 20px !important; border-radius: 3px;}
.sect-connexion .button {text-transform: inherit; letter-spacing: 0; font-size: 15px; border-radius: 3px !important; margin: auto; line-height: 30px; height: auto !important; padding: 5px 30px;}
.sect-connexion .gf_login_links a {font-size: 14px;}
.sect-connexion h1 {padding: 50px 0;}
nav.gf_login_links {border-bottom: 0 !important; text-align: center; margin-bottom: 15%;}
    

/* END PAGE CONNEXION  */

/* START ESPACE PERSO */

.author #content {background:#F5F7FB}
.author header, .author footer {display: none;}
.author .header-create-book {position: fixed !important;}
.home .content-area {padding : 0px ;} 

.encadre-gris {border: 1px solid #F0F0F0; margin : 10px 5px 50px 5px; padding-bottom:35px; left:auto; right:auto; font-size:13px}

.encadre-gris p {color:#A6A6C4;}



.ep-h2{border-radius: 5px; margin-bottom: 30px; font-size: 25px; font-weight: 500 !important; margin-top: 0;}
.msg-ep-sub {position: fixed; top: 55px; width: 100%; display: block; background: #dde6fc; padding: 10px; left: 0; z-index: 9;}
.msg-ep-sub p {margin-bottom: 0; color: #5d7ecb;}
.msg-ep-sub p .btn-msg-ep {width: 185px; text-decoration: underline !important; color: #5d7ecb;}
.msg-ep-sub p .close-msg-ep {float: right; color: var(--dark-color);}
.img-min-book img {border-radius:5px; width:100%; margin-right:40px; box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15)}
.listing-opt a{padding-right:20px; color:#5382fa;}
.listing-opt a:last-child{padding-right:0px;}
.listing-opt a:hover{transition:0.4s; color:var(--dark-color)}
.listing-opt {padding-top:10px;text-align:center}
.ep-bloc-info {background:white; border-radius:5px; border:solid 1px #ececec; margin:0 10px}
.titre-ep-info {text-align:center; padding-top:20px; font-size:20px}
.nombre-ep-info {text-align:center; padding-bottom:15px; font-size:40px; font-weight:bold; color:#2f3c59}


.ep-info-profil {padding-bottom:30px}
.ep-info-profil span {font-weight:bold}




.num-views {
	position:relative;
	display:inline;
	font-weight:bold;
}

.option-premium {
	display: block;
	font-size: 10px;
	line-height: 10px;
	background-color: var(--dark-color);
	border-radius: 30px;
	color: gold;
	font-weight: normal;
	padding: 6px 10px 6px 30px;
	font-weight: normal;
	font-style: normal;
}

.num-views .option-premium {
	position: absolute;
    left: -35px !important;
    bottom: -51px !important;
    line-height: 16px;
    text-transform: capitalize;
}

.reseauxsociaux .block-premium {
	position:absolute;
	bottom:-20px;
	right:-40px;
    display: flex; align-items: center; text-transform: capitalize; line-height: 15px;
}

.star {
	position: absolute;
	top: 3px;
	left: 10px;
	color: gold;
    font-size: 12px;
    line-height: 15px;
}

.reseauxsociaux {
	display:inline-block !important;
	position:relative;
}

.num-views .star {
    left: -27px !important;
    bottom: -48px !important;
    top: auto;
    line-height: 16px;
    font-size: 12px;
}


.option-premium.pro {
	background-color: #48b598;
	color:white;
}

.cv-preview .image.pro {
	border: 2px solid #48b598;
}

.cv-preview .image.premium {
	border: 2px solid var(--dark-color);
    position: relative;
}

.sect-bottom-ep .sect-ep{ background: white; border: solid 1px #efefef; padding: 20px; border-radius: 4px; height: 100%;}
.sect-bottom-ep .bouton{text-align: center;}
.sect-bottom-ep .gform_button{width: 100% !important; max-width: 100%!important; padding: 10px 20px !important; font-size: 15px!important; line-height: 18px!important; height: auto!important; text-transform: capitalize!important; letter-spacing: inherit!important;}
.sect-ep .commentlist footer {background: transparent !important; color: var(--text-color) !important;}
.sect-ep .commentlist footer a{color: var(--dark-color) !important;}
.ep-formule, .ep-profil {text-align: center;}
.ep-formule button.btn-blc {width: auto; margin-top: 25px; margin-bottom: 10px;}
.ep-formule .big-title {font-size: 24px; padding: 30px 0 30px 0;}
.ep-formule #ep-offres .fa-angle-down {font-size: 25px; color: var(--primary-color);}
.ep-formule #ep-offres .big-title {display: none;}

/* END ESPACE PERSO */

/*FORMULAIRE DE RECHERCHE*/

.annuaire-book .col1_3{vertical-align:top}

.sect-col1-3 .col1_3 .filtre-search {background-color:#3EAAFD ; border-radius:10px; padding: 0px 30px 0px 30px; margin-right:100px}

.annuaire-book .sect-col1-3 .col1_3 h3 {text-align:center; text-transform:uppercase; font-size:22px; color:#ffffff; padding-top:25px; margin-top: 10px;}




.form-search{width:100%; margin : 5px 0; font-family: 'Montserrat'; font-weight:bold; border-radius:5px; padding:5px 0px 5px 15px;color:var(--dark-color);}


.form-search2{width:50%; margin : 0px 0; font-family: 'Montserrat'; font-weight:bold; border-radius:5px 0 0 5px; padding:5px 0px 5px 15px; color:var(--dark-color)}

.form-search3{width:50%; margin : 0px 0; font-family: 'Montserrat'; font-weight:bold; border-radius:0 5px 5px 0; padding:5px 0px 5px 15px; color:var(--dark-color)}

/*label*/.de-a {color:#ffffff; width:100%;margin:0px}

.button-search-annuaire-book{margin:25px 0 25px 0; max-width:none !important; font-size:20px !important; font-family:'Montserrat'; text-transform:none !important}

.search-fixed{position:fixed}

/*---------------------------------*/

/*BOOK*/
.book1{width:33.33%;float:left; padding:10px}

.inside-book {width:100%; border: 2px solid #f5f5f5;border-radius:10px; padding:5px 0px 5px 0px;}

.inside-book h4 {margin-left:15px;}

.photo-book{background-image:url("/wp-content/uploads/2020/05/book-en-ligne.png"); width:100%;height:200px;background-size:cover;background-repeat:no-repeat;transition: .5s ease-in-out;}

.cadre-photo{position: relative; display: block;}
.inside-cadre-photo {overflow: hidden;} 
.photo-book:hover{transform: scale(1.2);overflow:hidden; }

.vues-likes {text-align:right;font-weight:bold;padding-right:10px}

.desc-book {text-align:justify;padding:0 10px 0px 10px; min-height:150px;color:grey}






/*----------------------------------*/

/*RECHERCHE PAGE D'ACCUEIL */

.back-slide .filtre-search {width:30% ;margin:auto}
.back-slide .form-search{width:49.4%; margin : 5px 0; font-family: 'Montserrat'; font-weight:bold; border-radius:5px; padding:5px 0px 5px 15px;color:var(--dark-color);}
.back-slide .filtre-search .first-select {width:100%}

/* START TEMPLATE BOOK */
.form-contact-book {display: none; position: fixed; width: 100%; height: 100%; z-index: 2222; top: 0; left: 0; background: rgb(0 0 0 / 51%); align-items: center; justify-content: center;}
.form-contact-book .block-contact-book {background: white; padding: 20px; border-radius: 5px; position: relative; margin: 20px;}
.form-contact-book .block-contact-book .title-contact-form {text-align: center; padding: 0 0 10px 0; font-size: 16px; font-weight: bold; color: black;}
.form-contact-book .block-contact-book .close-form-contact i {position: absolute; right: -16px; top: -16px; font-size: 35px; color: #5382fb; background: white; border-radius: 50px; border: solid 2px white; cursor: pointer;}
.form-contact-book .block-contact-book .ginput_container input {max-height: 40px; padding: 10px !important;}
.form-contact-book .block-contact-book textarea {padding: 10px !important; max-width: 100%; position: relative; overflow: hidden;}
.form-contact-book .block-contact-book .gform_footer {justify-content: center;}
.form-contact-book .block-contact-book .gform_footer .button {text-transform: initial; font-size: 15px; border-radius: 5px !important; letter-spacing: 0;}

 
/* END TEMPLATE BOOK */


/* START EDIT PROFIL */
.page-id-697 #content {background:#F5F7FB}
.edit-profil .ginput_container input {height: 40px !important;  margin: 0 0 5px 0 !important; background:#F5F7FB !important; width:100%}
.edit-profil .ginput_container_password input {background: #f5f5f5; border: 1px solid #EEE; width: 100%; height: 50px; padding-left: 20px; font-weight: 500; margin-bottom: 24px; border-radius: 0;}
.edit-profil .col1_2 input {width:100% !important}
.edit-profil .col1_2, .edit-profil .col2_2 {padding: 10px;}
.edit-profil .inside-col {padding: 20px; background: white; border: solid 1px #ececec; border-radius: 5px;}
.edit-profil li {padding: 0 !important;}
.edit-profil .gform_button {max-width: 100% !important; width:100% !important;}
.edit-profil .ep-h2 {margin-bottom:10px !important}

/* START LISTING BOOK */
.docbuilder-list {margin: 0 0 50px 0;}
.bloc-load-more-books {width: 100%; text-align: center;}
.load-more-books {margin: 20px auto 0 auto;}
.home .docbuilder-list {overflow: inherit !important;}

.load-more-books:hover {
	color:white;
}

.docbuilder-list .list-block {
	float:left;
	background-color: #f2f3f4;
	width:31.333%;
	margin:1%;
    border-radius: 3px;
    padding-bottom:15px;
    overflow: hidden;
    position: relative;
}
.reset_filters {
    padding: 10px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.reset_filters i {
	color:var(--dark-color);
	font-size: 18px;
    padding-bottom: 7px;
}

.home .docbuilder-list .list-block {width:23%;}

.docbuilder-list .listing-book-name i {
	display:none;
}

.docbuilder-list .list-block-book-pro .listing-book-name i {
    display: block;
    float: right;
    color: #fbc43b;
    position: relative;
    overflow: hidden;
}

.docbuilder-list .list-block-book-premium .listing-book-name i {
    display: block;
    float: right;
    color: #5382FB;
    position: relative;
    overflow: hidden;
}

.docbuilder-list .listing-book-name {position: relative; overflow: hidden;}
.docbuilder-list .listing-book-local {padding: 10px 10px 0 10px; font-size: 14px; font-weight: bold; color: var(--dark-color);}
.docbuilder-list .listing-book-type {font-size: 14px; padding: 10px 10px 0 10px; color: #626b81; line-height: 20px;}
.docbuilder-list .listing-book-type i {margin-right: 8px; color: var(--dark-color);}

.docbuilder-list .list-block:hover {
	text-decoration:none;
}

.docbuilder-list .list-block h2,
.docbuilder-list .list-block p {margin:0;}
.docbuilder-list .list-block h2 {color:white;}
.docbuilder-list .list-block .book-thumbnail {display: block; margin: auto ;width: 100%; height: 315px; background-size: cover; background-position: center; transition: all .5s;}
.book-pop .docbuilder-list .list-block .book-thumbnail {height: 200px;}
.docbuilder-list .list-block:hover .book-thumbnail {transform: scale(1.1); height: 315px;}
.book-pop .docbuilder-list .list-block:hover .book-thumbnail {height: 200px;}
.docbuilder-filters {color: #2f3c59; position: relative; width: 100%; left: 0; top: 0; background: #f2f3f4; text-align: center; margin: 0 auto 10px auto; display: flex;}
.docbuilder-filters > div {float:left;}

.docbuilder-filters .docbuilder-filters-inside {width: 100%; padding: 10px 0; border-radius: 0 0 3px 3px; position: relative; display: flex; max-width: 1170px; margin: auto !important; align-items: flex-end;}

.title-filtre {color: white; font-family: 'Palanquin Dark'; font-size: 24px; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; line-height: 28px;}
.listing-book-desc {padding: 5px 10px 10px 10px; font-size: 14px; height:75px; overflow:hidden; color: #6c7387;}
.docbuilder-filters label{display:block; font-size: 14px; color:var(--dark-color);}
.docbuilder-filters select {height: 40px; background: #f2f3f4; padding: 0 26px 0 10px; width: 100%; margin: 5px 0; color: var(--dark-color); border: solid 2px var(--dark-color); font-weight: bold; -webkit-appearance: none; border-radius: 3px;}

.docbuilder-list .no_results {
	text-align: center;
    font-style: italic;
    line-height: 500px;
    font-size: 30px;
    color: #ababab;
}

.docbuilder-list .listing-book-name {padding: 15px 10px; font-size: 20px; background: linear-gradient(180deg, rgb(46 59 89 / 54%), transparent); z-index: 99; position: absolute; overflow: hidden; top: 0; width: 100%;}
.docbuilder-list .listing-book-metier {background: #5281fa; color: white; font-weight: bold; display: table; border-radius: 3px; padding: 0px 13px; line-height: 28px; margin-top: -13px !important; margin-left: 10px !important; position:relative; font-size: 14px;}

.color-white {color:white !important}

.send-msg {
	color:white;
}

.sect-cat {padding-top: 0 !important;}
#cv-builder .cv-form form#cv-form .required_error {border: 1px solid red !important;}
.div-desc-book {padding-bottom: 30px;}
.bloc-book-voir-plus {position: absolute; bottom: 8px; right: 0;}
.book-voir-plus{padding: 10px 10px 0 10px;color: #5281fa;font-weight: bold; display: table;float: right; position:relative; font-size: 14px;}
.book-voir-plus:after {content: "\f054"; font-weight: bold; position: absolute; top: 59%; right: 14px; bottom: 0; opacity: 0; transform: translate(-50%, -50%); transition: all 0.5s; font-size: 13px; font-family: "Font Awesome 6 Pro";}
.book-voir-plus:hover:after {opacity: 1; color: #2f3c59;}
.book-voir-plus:hover { transition: all 0.5s; padding: 10px 35px 0 20px ; color: #2f3c59 !important;}
.archive:not(.author) .container:not(.footer-inner) {width: 100% !important; padding: 0 !important;}

.book-galeries .image {
	opacity:0;
}

/* START BUILDER */
.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_day,
.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_month {
    width: 50px !important;
	padding-right:5px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_month,
.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_year {
	padding-left:5px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_day {
    width: 50px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_month {
    width: 40px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_year {
    width: 75px !important;
}

.hc_bookBuilder_form_field_date input[type="number"] {
	border: 0 !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_fields {
	background-color:white;	
	border: solid 1px #d7dde0 !important;
    border-radius: 10px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons {
    left: 15px !important;
    bottom: 15px !important;
    z-index: 99 !important;
    background-color: rgb(255 255 255 / 65%);
    padding: 12px 30px !important;
    box-shadow: 4px 5px 50px 0px rgb(128 128 128 / 36%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    backdrop-filter: blur(6px);
    border: solid 1px #e0e0e0;
    width: calc(100% - 30px) !important;
    justify-content: flex-end;
}
.hc_bookBuilder_template_container .hc_bookBuilder_quickaccess_buttons {
    width: auto !important;
    margin: auto;
    left: auto !important;
    right: 15px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_quickaccess_buttons a {
    font-weight: bold !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hc_bookBuilder_post_buttons .hc_bookBuilder_post_buttons_content {
    display: flex;
    justify-content: flex-end;
    gap: 25px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons .hc_bookBuilder_post_button {
    background-color: transparent !important;
    color: black !important;
    text-transform: initial !important;
    border: none !important;
    font-weight: 500 !important;
    padding: 0 !important;
	line-height: 37px !important;
    height: 37px !important;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons .hc_bookBuilder_post_button.previewConfirmSubmit {
    background-color: #050D27 !important;
    color: white !important;
    padding: 6px 25px !important;
    line-height: 25px !important;
    border-radius: 10px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons a.hc_bookBuilder_post_button {
    text-decoration:none;
}

/* END BUILDER */

@media only screen and (max-width: 991px){
    .docbuilder-list .list-block {float: none !important; width: auto !important; margin: 15px !important;}
    .docbuilder-filters {padding: 20px 5px !important;}
    .docbuilder-list {margin: 0;} 
    .main-navigation .menu li:hover .dropdown-toggle {color: #5382fa !important; margin: 0 0 10px 0;}
    .navbar-collapse .dropdown-menu {background: transparent !important;}
    #site-navigation.main-navigation .menu > li > ul li a {padding: 0 0 2px 5px; color: #e5e5e5;}
    .dropdown-toggle {margin: 0 0 10px 0;}
}




/* START PAGE 404 */
.title-404 {font-size: 200px; font-family: 'Palanquin Dark'; color: #5382fa;}
.page-header {border-bottom: none !important}
.error404 .content-area  {padding:7vh 0 !important}
/* END PAGE 404 */


/* START PAGE BOOK */
.page-book-view #main {width: 100% !important; padding: 0 !important;}
.page-book-view .content-area {padding: 0 !important;}
.book-templatemaxwidth {width: 100%; display: table;}
.page-book-view .menu-li a{font-size: 15px !important;}
.page-book-view .comment-respond {max-width: 1200px; margin: auto; padding-top: 20px;}
.page-book-view .book-desc {font-size: 15px; line-height: 27px;}
.page-book-view .title-apercu-book {display: none !important}
.page-book-view .name, .page-book-view .book-nom {position: relative;}
.template-book-4 .name, .template-book-2 .book-nom {line-height: 55px;}
.template-book-4 .name {display: block; margin-top: 0 !important;}
.send-msg i, .book-cv-down i {padding-right: 5px;}
#div-share {position: relative; padding-left: 10px;}
#div-share-inside {top: 0; vertical-align: top; position: absolute;}
#div-share .fb-share-button {text-align: right;}
#div-share .tw-share-button {text-align: left;}
#div-share .fb-share-button i{color: #1976F2;}
#div-share .tw-share-button i{color: #209CEA;}
#div-share i {font-size: 30px;}
.msg-book-footer i {background: #5382fa; padding: 20px; font-size: 20px; color: white; margin-right: 10px;}
.docbuilder-like-button {position: relative; padding-right: 10px; display:table-cell;}
.docbuilder-like-button:before {content: "\f004"; font-weight: 400; position: relative; transition: all 0.5s; font-size: 20px; font-family: "Font Awesome 6 Pro"; background: #5382fa; padding: 20px; color: whitesmoke;}
.docbuilder-like-button.liked:before {font-weight: bold;}
.docbuilder-like-button .dashicons {display:none;}
.book-share {padding: 0 !important; border: none !important; display:table-cell; }
.book-share i {padding: 20px; font-size: 20px; background: #5382fa; color: white;}
.comment-form .form-submit .submit {font-size: 16px; text-transform: inherit;}
.top-review-book {padding-top: 50px; display: table; width: auto; margin-left: 0;}
.footer-book {padding-left: 20px; padding-right: 20px;}
.bottom-book-message .title-contact-form {font-size: 25px; font-weight: bold; color: #2f3c59; padding: 50px 0 20px 0; font-family: 'Palanquin Dark';}
.bottom-book-message .button {text-transform: initial; letter-spacing: 0; font-size: 16px;}
.template-book-2 .book-cv .book-title {display: none;}
.body-template-book-2 .footer-book {background: #f9f9f9;}
.body-template-book-2 .footer-book .form-contact_wrapper {padding: 30px 30px 10px 40px; background-color: #fff !important; border-radius: 7px; border: 1px solid #eee; margin-bottom: 50px;}
.body-template-book-3 .footer-book .title-contact-form {font-size: 30px; font-weight: 900; color: black; text-transform: uppercase;}
.body-template-book-4 .footer-book {text-align: center; background: #212428; padding-bottom: 100px;}
.body-template-book-4 .footer-book .bottom-book-message {max-width: 800px; margin: auto;}
.body-template-book-4 .footer-book .bottom-book-message .title-contact-form, .body-template-book-4 .footer-book .comment-reply-title { color: #c5cfdf;}
.body-template-book-4 .footer-book .top-review-book {display: flex; align-items: center; justify-content: center;}
.body-template-book-4 .docbuilder-like-button:before, .body-template-book-4 .msg-book-footer i, .body-template-book-4 .book-share i {background: #ff014f;}
.body-template-book-4 #div-share-inside {top: -30px;}
.body-template-book-4 .footer-book .gform_footer {justify-content: center;}
.body-template-book-4 .footer-book .gform_button {background: #ff014f !important; border: none !important; border-radius: 3px !important;}
.body-template-book-4 #site-navigation, .body-template-book-4 footer {background: #212428 !important}
.page-book-view span[data-docbuilder-id="country"] {display: none;}
.page-book-view .adresse-txt:not(:last-of-type)::after {content:", ";}
.book-author-country:before {content:"\f3c5"; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: #6a7287;}
.template-book-4-info .book-author-country:before{color: #c3cddd;}
.template-book-3 .book-author-country:before, .template-book-2 .book-author-country:before {display: none;}
.body-template-book-1 .site-header, .body-template-book-1 .site-footer {display: none;}
.body-template-book-2 .site-header, .body-template-book-2 .site-footer {display: none;}
.body-template-book-3 .site-header, .body-template-book-3 .site-footer {display: none;}
.body-template-book-4 .site-header, .body-template-book-4 .site-footer {display: none;}
.return-book {position: fixed; width: 50px; height: 50px; background: #ffffffbf; border-radius: 3px; box-shadow: 7px 5px 30px rgb(25 65 109 / 20%); top: 20px; left: 20px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 9;}
.return-book a {padding: 10px; position: relative; width: 50px; height: 50px; display: block;}

.hc_bookBuilder_field_password_show {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #3c52ff;
    border-radius: 5px;
    padding: 0 2px;
	cursor:pointer;
}

.hc_bookBuilder_field_password_show > a {
    color: white;
    position: relative;
    top: 2px;
}

.hc_bookBuilder_field_password_show:hover {
    background-color: white;
}

.hc_bookBuilder_field_password_show:hover > a {
    color: #3c52ff;
}


/* START MAP */
.map-container {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    text-align: center;
}

#carte-france {
    width: 100%;
    height: auto;
}

.region {
    fill: #cccccc; /* Couleur de base des régions */
    stroke: #333;
    stroke-width: 1;
    cursor: pointer;
    transition: fill 0.3s ease-in-out;
}

.region:hover {
    fill: #007bff; /* Couleur au survol */
}
/* END MAP */


/* END PAGE BOOK */


/* START CV PREVIEW */

.cv-preview .cta-contact {padding: 4px 11px !important; font-size: 10px;}
a.socialnetwork[href*="instagram.com"]:after {content: "\f16d" !important;}
a.socialnetwork[href*="facebook.com"]:after {content: "\f082" !important;}
a.socialnetwork[href*="twitter.com"]:after {content: "\f081" !important;}
a.socialnetwork[href*="instagram.com"]:after {content: "\f16d" !important;}
a.socialnetwork[href*="behance.net"]:after {content: "\f1b5" !important;}
a.socialnetwork[href*="linkedin.com"]:after {content: "\f08c" !important;}
a.socialnetwork[href*="dribbble.com"]:after {content: "\f17d" !important;}
a.socialnetwork[href*="pinterest.fr"]:after {content: "\f0d3" !important;}
a.socialnetwork[href*="youtube.com"]:after {content: "\f16a" !important;}
a.socialnetwork[href*="tiktok.com"]:after {content: "\e07b" !important;}
.btn-contact-absolute {position: fixed; bottom: 10px; right: 10px; background: white; z-index: 2; display: block; padding: 24px; border-radius: 5px; text-align: center; box-shadow: 7px 5px 30px rgb(25 65 109 / 20%); cursor:pointer;}
.btn-contact-absolute a {color: var(--dark-color); font-size: 14px;}
.btn-contact-absolute i {display: block; font-size: 30px; margin: 0 0 4px 0;}


@media only screen and (min-width: 767px){
    .cv-preview .book-nom {font-size: 23px}
    .cv-preview .activite {padding: 3px 8px; border-radius: 2px; font-size: 7px;}
    .cv-preview .fa-adresse {font-size: 14px;}
    .cv-preview p, .cv-preview span {font-size: 7px; line-height: 10px;}
    .cv-preview .book-title {font-size: 14px; margin: 10px 0;}
    .cv-preview .book-contact a, .cv-preview .book-cv-down a {font-size: 9px;}
    .cv-preview .book-menu {padding: 6px 0;}
    .cv-preview .titre-galeries {font-size: 10px;}
    .cv-preview a.socialnetwork {width: 17px !important; height: 17px !important;}
    .cv-preview a.socialnetwork:after {font-size: 17px !important;}
    .cv-preview .book-title span {font-size: 16px !important;}
    .cv-preview .template-book-1 .book-cv-down {padding: 1px 6px; margin: 10px 0; border-width: 1px;} 
}
/* END CV PREVIEW */






@media screen and (min-width: 767px) {

}



@media screen and (max-width: 767px) {
    h1 {font-size: 35px !important; line-height: 35px;}
    h1 .line-back {margin: 0 7px;}
    h1 .line-back:before {height: 45px; top: 13px;}
    h2 {font-size: 28px; line-height: 32px;}
    h2 .line-back:before {height: 38px; top: 8px;}
    .background-video {padding: 50px 0;}
    .double-btn-center, .disp-flex:not(.flex-wrap), .listing-offres {flex-direction: column;}
    .minia-book {height: 320px; flex: 0 0 250px;}
    .listing-av > div, .listing-search-map-link > div, .bloc-etp-how > div, .bloc-faq-home > div, .top-footer .disp-flex > div, .header-h1 .disp-flex > div, .listing-offres > div {width: 100% !important;}
    .listing-etp-btn {display: none !important;}
    #etp2 {flex-direction: column !important;}
    .header-h1 .disp-flex.gap40 {gap: 20px;}
}


:root {
    --primary-color: #3c52ff;
    --secondary-color: #FFAA2B;
    --gray-color: #F0F5FB;
    --dark-color: #000a56;
    --medium-color: #101e8a;
    --light-color: #E6F4FF;
    --text-color: #6a7b93;
}