/*
Theme Name: modele-cv-child
Template: modele-cv
Description: Des modeles CV à télécharger pour adapter à son profil. Nous réalisons des exemples de Curriculum Vitae originaux, modernes et design.
Author URI: https://modele-cv.com

Version: 1.0.0
Tags:,recherche, modele, job, travail, cv, telecharger, exemple, lettre de motivation, stage, entretien, alternance, curriculum vitae, modeles.
*/

@font-face {
 font-family: 'gilroy';
 src: url('fonts/Gilroy-Bold.woff2') format('woff2');
 src: url('fonts/Gilroy-Bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
 size-adjust: 100%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
 font-family: 'gilroy';
 src: url('fonts/Gilroy-Regular.woff2') format('woff2');
 src: url('fonts/Gilroy-Regular.woff') format('woff');
 font-weight: normal;
 font-style:normal;
 font-variant:normal;
 font-display: swap;
 size-adjust: 100%;
 ascent-override: 90%;
 descent-override: 22%;
 line-gap-override: 0%;
}

@font-face {
 font-family: 'gilroy';
 src: url('fonts/Gilroy-Medium.woff2') format('woff2');
 src: url('fonts/Gilroy-Medium.woff') format('woff');
 font-weight: 600;
 font-style:normal;
 font-variant:normal;
 font-display: swap;
 size-adjust: 100%;
 ascent-override: 90%;
 descent-override: 22%;
 line-gap-override: 0%;
}

@font-face {
 font-family: 'DejaVu Sans Condensed';
 src: url('fonts/DejaVu-Sans-Condensed.woff') format('woff');
 font-weight: normal;
 font-style:normal;
 font-variant:normal;
 font-display: optional;
}

@font-face {
 font-family: 'DejaVu Sans Condensed';
 src: url('fonts/DejaVu-Sans-Condensed-Bold.woff') format('woff');
 font-weight: bold;
 font-style:normal;
 font-variant:normal;
 font-display: optional;
}

@font-face {
 font-family: 'Poppins';
 src: url('fonts/poppins-v20-latin-regular.woff') format('woff');
 font-weight: 400;
 font-style: normal;
 font-display: optional;
}

@font-face {
 font-family: 'Poppins';
 src: url('fonts/poppins-v20-latin-200.woff') format('woff');
 font-weight: 200;
 font-style: normal;
 font-display: optional;
}

@font-face {
 font-family: 'Poppins';
 src: url('fonts/poppins-v20-latin-300.woff') format('woff');
 font-weight: 300;
 font-style: normal;
 font-display: optional;
}

@font-face {
 font-family: 'Poppins';
 src: url('fonts/poppins-v20-latin-500.woff') format('woff');
 font-weight: 500;
 font-style: normal;
 font-display: optional;
}

@font-face {
 font-family: 'Poppins';
 src: url('fonts/poppins-v20-latin-600.woff') format('woff');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}


:root {
  --color-bg: #F9F8F3;
  --color-text: #444444;
  --color-primary: #0056D2;
  --color-title: #292929;
  --color-block: #EAE6DC;
  --color-light: #FFFFFF;
  --color-border: #D5D3D1;
  --color-yellow: #FFC857;
  --color-dark: #292929;
  
  /* 🔴 Blocs erreurs */
  --color-error-bg: #ffe4d8; /* Fond rouge clair */
  --color-error-title: #B00020; 
  --color-error-text: #444444;
  
  /* 🟡 Blocs conseils */
  --color-advice-bg: #fbeecf; /* Fond jaune clair */
  --color-advice-title: #8D6B00;
  --color-advice-text: #444444;
}


/* START CSS GENERAL */
*, *::before, *::after {box-sizing: border-box;}
html {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 16px;}
body {margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; background: var(--color-bg); height: 100%;}
body, button, input, select, textarea {font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #30323d;}
::selection {background: var(--color-primary); color: #FFFFFF;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fbfbfa inset; box-shadow: 0 0 0px 1000px #fbfbfa inset;}
.disp-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.align-item-center {align-items: center;}
.disp-flex .col25 {width:25%;}
.disp-flex .col33 {width:33.333%;}
.disp-flex .col50 {width:50%;}
.disp-flex .col60 {width:60%;}
.disp-flex .col40 {width:40%;}
.disp-flex .col20 {width:20%;}
.disp-flex .col30 {width:30%;}
.disp-flex .col35 {width:35%;}
.disp-flex .col15 {width:15%;}
.bloc-template-cv {padding: 15px;}
.bloc-img-template-cv {margin-bottom: 15px;}
.align-center {text-align: center;}
.cv-contenu {overflow:hidden;}
.fa, .far, .fas {font-family: "Font Awesome 6 Pro" !important;}
:focus-visible {outline-color: #154467 !important;}
h4 {font-size: 17px !important; padding-top:10px}
.txt-metier h5{text-transform: none;}
a {color: var(--color-primary);}
.h2-style {font-size: 30px; letter-spacing: 1px;}
body .cv-preview, button, input, select {line-height: 5mm !important;}
#cookie-law-info-bar span{color: gray; font-weight: 200 !important; padding: 0 60px;}
#cn-accept-cookie {background: #fed456; color: black !important;}
h3 {font-size: 21px !important; line-height: 1.2; padding-top: 20px; padding-bottom: 5px; font-weight: 600 !important;}
h2 strong , h3 strong {font-weight: 600 !important;}
h2 {font-weight:700 ; font-size:29px; line-height: 1.3;}
.site-branding .site-logo-div {width:100% !important;}
h1, h2, h3, h4, h5 {font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif !important; color: var(--color-title); margin: 0;}
.padding-top20 {padding-top:20px}
.margin-top50 {margin-top:50px}
.gap50 {gap: 50px;}
.gap30 {gap: 30px;}
.gap20 {gap: 20px;}
.gap15 {gap: 15px;}
.btn1 {background: var(--color-primary); display: table; padding: 10px 30px; border-radius: 5px; color: white; font-weight: 500; text-decoration: none !important; transition: .4s;}
.btn1:hover {color: white; background: var(--color-dark);}
.justifiy-content-center {justify-content: center;}
.btn-center {margin: auto;}
header .container, footer .container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
img {height: auto; max-width: 100%; vertical-align: middle;}
input[type=text], input[type=phone], input[type=email], textarea, select {font-size: 16px !important;}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {border-radius: 5px; font-size: 16px;}
table {width: 100%; border-collapse: collapse; font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; overflow: hidden;}
th {background-color: var(--color-block); color: #0a1f40; padding: 12px; text-align: left; border-bottom: 4px solid var(--color-bg); border-radius: 10px; font-weight: 600;}
td {padding: 10px; border-bottom: 4px solid var(--color-bg); background: #ffffff; border-radius: 10px;}
th, td {border-left: 4px solid var(--color-bg); border-right: 4px solid var(--color-bg);}
th strong, td strong {font-weight: 600 !important; color: #0a1f40;}
th:first-child, td:first-child {border-left: none;}
th:last-child, td:last-child {border-right: none;}
.color-blue {color: var(--color-primary);}
.justify-content-center {justify-content: center;}
.h2-svg svg {height: 32px; margin-bottom: -4px; fill: var(--color-primary);} 
/* END CSS GENERAL */



/* START MENU */
#masthead .onepress-menu {margin: 0 !important; line-height: 75px;}
.followWrap {position: sticky; top: 0px; background: var(--color-bg); z-index: 999;}
.admin-bar .followWrap {top: 32px;}
#masthead {z-index:9; box-shadow: none; border-bottom: solid 2px var(--color-block); height: 100%;}
.ft-menu ul li a:hover {color:#09223B}
.ft-menu ul li.current-menu-item > a {color:#09223B}
.site-topbar {background: #1b4e7b; line-height:60px}
.home .site-topbar {background: #00000021 !important}
#topbar:hover a {transition: 0.3s;}
.menu-compte a{display:block !important; width: auto; height: 100%;}
.onepress-menu ul li a {border-top: none !important; color: var(--color-text) !important; padding: 7px 15px; background: transparent; border-radius: 3px; margin: 5px; font-size: 16px; font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif;}
.onepress-menu ul li a:hover {background: var(--color-bg);}
.onepress-menu a {text-decoration: none !important;}
.onepress-menu li:hover > ul {opacity: 1; height: auto; top: 90% !important;}
.menu-compte a, .onepress-menu a {color: var(--color-title); font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif !important; font-weight: 600 !important; text-transform: inherit !important; letter-spacing: 0 !important;}
.site-header-wrapper.is-fixed .menu-item-2638 {background:#FDCF4F !important;}
.site-header-wrapper.is-fixed .menu-item-2638 a {color:#18406d !important;}
.onepress-menu.onepress-menu-mobile {height: auto !important;  box-shadow: 7px 5px 30px rgba(72,73,121,.15);}
#header-section .deprec {position: fixed; background-color: #ffca4c; padding: 10px 10px 40px 10px; z-index: 999999999; width: 50vw; right: 20px; top: 92px;}
#header-section .deprec a.link {text-decoration:underline;}
#header-section .deprec a.button {position: absolute; bottom: 10px; right: 10px; padding: 5px 10px; color: white; background-color: #da3b3b; border-radius: 5px; cursor:pointer;}
#header-section .deprec a.button:hover {background-color: #ec2d2d;}
#header-section {position: relative !important; right: 0 !important; border:none !important; z-index: 9 !important;}
.site-header-wrapper.no-scroll .site-branding .site-logo-div {width: 60%; max-height: 60px;}
.site-branding {width:73%}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {height: 2px !important;}
.container-menu {display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 100%;}
.container-menu .site-branding {margin-right: auto; flex: 1;}
.container-menu .main-navigation {flex: 2; display: flex; justify-content: center; align-items: center;}
.menu-btn-login a {line-height: 30px; font-size: 16px; padding: 6px 20px; border: solid 2px var(--color-block); background: var(--color-block); display: flex !important; align-items: center; gap: 8px; border-radius: 5px;}
.menu-btn-create a {line-height: 30px; font-size: 16px; padding: 6px 20px !important; border: solid 2px var(--color-primary); display: flex !important; align-items: center; gap: 8px; border-radius: 5px; background: var(--color-primary); color: white !important;}
.menu-btn-create a i, .menu-btn-login a i {font-size: 16px;}
.menu-bot .onepress-menu {display: flex; gap: 10px; justify-content: flex-end;}
.sub-menu .menu-item a i {font-size: 16px; color: var(--color-primary); padding-right: 5px;}

@media only screen and (min-width: 834px) and (max-width: 1200px){
    header .container {position: relative; width: 100% !important;}
    
}

@media only screen and (min-width: 834px){
    .onepress-menu {display: flex !important; width: auto; align-items: center;}
    #nav-toggle {display: none !important;}
    .onepress-menu .sub-menu {top: 70% !important; transition: 0.4s; display: block !important; opacity: 0; box-shadow: 7px 5px 30px rgb(56 56 56 / 30%); border-radius: 3px; background: white; border: none; height: 0; overflow: hidden;}
    header .container {display: flex; align-items: center;}
    header .menu-login span {display: none;}
    .main-navigation {display: flex; gap: 20px;}
    .menu1 {flex: 1; justify-content: center;}
    .menu-bot {flex: 1; justify-content: flex-end;}
}

@media only screen and (max-width: 833px){
    header .container {width: 100% !important;}
    .onepress-menu.onepress-menu-mobile>li>a {padding: 12px 0px 0 0; font-weight: 600 !important; color: var(--color-title);}
    .onepress-menu {display: none !important; width: 100%;}
    .onepress-menu.onepress-menu-mobile {top: 0px !important; min-height: 100vh !important; padding: 30px !important; background: var(--color-bg) !important; position: absolute; overflow: auto !important; display: block !important; width: 100% !important; right: 0; height: 100% !important;}
    .onepress-menu a {font-size: 20px; line-height: 30px; font-weight: 600 !important;}
    #nav-toggle {padding-bottom: 0px !important; position: relative; z-index: 999;}
    .onepress-menu .sub-menu {display: block !important;}
    .onepress-menu .sub-menu a {font-size: 18px; padding-top: 1.5px !important; padding-bottom: 1.5px !important;}
    .onepress-menu.onepress-menu-mobile li {width: 100%;}
    .nav-toggle-subarrow {display: none !important;}
    .menu-login {border-top: solid 2px var(--color-block); margin-top: 10px !important;}
    .onepress-menu.onepress-menu-mobile>.menu-login>a {padding: 15px 0 !important; font-size: 16px;}
    .menu-login a span {margin-left: 15px;}
    .menu-bot {position: fixed; bottom: 0; background: white; z-index: 99; right: 0; width: 100%;}
    .menu-bot > .onepress-menu-mobile {top: auto !important; min-height: auto !important; overflow: hidden !important; position: relative !important; height: auto !important; padding-top: 5px !important; border-top: solid 1px var(--color-border); text-align: center; background: var(--color-block) !important;}
    .menu-bot > .onepress-menu-mobile .menu-login {border-top: 0; margin-top: 0 !important;}
    .main-navigation > .onepress-menu-mobile {padding-bottom: 155px !important;}
    .onepress-menu.onepress-menu-mobile>.menu-btn>a {display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px;  width: min-content; margin: auto; padding: 4px 35px !important;}
    header .menu-btn a i {position: relative !important; left: auto; top: auto;}
    .container-menu .main-navigation {display: none;}
    .nav-is-visible + .main-navigation {display: flex !important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;}
    .menu-btn-login a {border: none; text-align: center; font-size: 18px; justify-content: center; background: none !important;padding-top: 10px !important; padding-bottom: 10px !important;}
    .menu-btn-create a {color: white !important; font-size: 18px; justify-content: center; padding-top: 8px !important; padding-bottom: 8px !important;}
    .onepress-menu.onepress-menu-mobile > li:not(.menu-btn-login, .menu-btn-create) > a {border-bottom: solid 1px var(--color-border); margin-bottom: 7px !important; padding-bottom: 4px;}
    .onepress-menu.onepress-menu-mobile ul li a {padding: 3px 15px !important;}
    .onepress-menu a i.fa-chevron-down {display: none !important;}
}


@media only screen and (min-width: 641px){
    .no-scroll #nav-toggle {padding-bottom: 0px !important;}
    .menu-compte {height: 75px;}
    .menu-item-6908 a{color:#333333}
    .menu-item-6908 .fa-user:before {padding: 10px 11px; background: #ffffff; color: #000000;}
    .site-branding {float: left; width: 200px !important;}
    .no-scroll .site-header {height: 130px;}
}

/* END MENU */


/* START PAGE CONSEILS */
#related_pages_conseils {overflow: hidden; margin-bottom: 40px;} 
.listing-related_pages_conseils {display: flex; gap: 25px;}
.related_page_conseil {float:left; width:33.33%; display:block; text-decoration: none !important; border: solid 1px var(--color-border); border-radius: 10px; overflow: hidden;}
.related_page_conseil .thumbnail {height: 230px; border-radius: 5px; object-fit: cover; overflow: hidden; width: 100%; background-size: cover;}
.title-more-conseils {color: #0a1f40; font-weight: 700; font-size: 29px; line-height: 38px; margin: 0 0 20px 0;}
.related_page_conseil .title {font-weight: 600; font-size: 18px; padding: 15px 25px; display: block; text-decoration: none !important; color: #091d38; transition: .4s; line-height: 26px;}
.related_page_conseil:hover .title {color: #3f65ff;}
.sect-home-conseils .conseils-home .related_page_conseil .title {display: block; position: relative; border-radius: 5px; font-size: 20px; font-weight: 400; margin: 0;}
.sect-page-conseils .conseils-home .related_page_conseil .title {background: #081e40; padding: 15px; width: 80%; display: block; margin: -27px auto 20px auto; position: relative; color: white !important; text-align: center; border-radius: 5px;}
.sect-home-conseils .conseils-home .related_page_conseil .title a {color: #081e40 !important; text-decoration: none !important; font-weight: 600;}
.sect-page-conseils .conseils-home .related_page_conseil .title a {color: white !important; text-decoration: none !important;}
.related_page_conseil .title:hover { text-decoration: none;}
.link-title {padding: 10px 0; display: block; font-size: 18px; font-weight: bold; transition: 0.4s; color: #091e40; text-decoration: none !important;}
.link-title:hover {text-decoration: none; color:#2B2B2B;}
.back-advice {height: 250px; display: block; border-radius: 3px 3px 0 0; object-fit: cover; overflow: hidden; width: 100%;}
.encadre-listing-conseil {background: white; padding: 25px; border-radius: 10px; } 
.encadre-listing-conseil .related_pages_conseils {display: flex; gap: 40px;}
.encadre-listing-conseil .related_pages_conseils .related_page_conseil {width:33.33%; display:block; text-decoration: none !important; position: relative;}
.encadre-listing-conseil .related_pages_conseils .related_page_conseil:not(:last-child):after {content:""; position: absolute; width: 1px; height: 100%; right: -20px; background: #c9d1d9; top: 0;}
.bloc-listing-conseil {border: solid 1px var(--color-border); border-radius: 10px; overflow: hidden; background: white;}
.listing-conseils {display: flex; flex-wrap: wrap; gap: 20px; width: 100%; margin-bottom: 40px;}
.child-thumb {width: calc(33.333% - 14px);}
.child-thumb a {text-decoration: none !important;}
.child-thumb .conseil-title {font-size: 18px; display: block; color: #0b1d38; font-weight: 600; padding: 15px 20px; line-height: 26px;}
.reading-time {display: block; font-size: 14px; font-weight: initial; color: #46546b;}
.reading-time i {font-size: 16px; padding-right: 5px; color: var(--color-primary);}
@media only screen and (max-width: 991px){
    .related_page_conseil {width:50%;}
}


@media only screen and (max-width: 840px){
    .child-thumb {width: calc(50% - 10px);}
    .listing-conseils {margin-top: 40px;}
}

@media only screen and (max-width: 767px){
    .related_page_conseil {width:100%;}
    .child-thumb {width: 100%;}
    .listing-related_pages_conseils {flex-direction: column;}
}

/* END PAGE CONSEILS */



/* START TEMPLATE */
.template-cv .disp-flex.flex-wrap > .bloc-cv-template {width: calc(33.33% - 20px);}
.template-cv .col3 {padding: 20px; text-align: center;}
.template-cv.disp-flex:not(.flex-wrap) > div {margin: 15px;}
.template-cv img {border: solid 1px var(--color-border); transition: 0.6s; border-radius: 8px; display: block; margin: auto;}
.list-template-color p {margin-bottom:0 !important}
.cv-template-color {height:36px; margin: auto; display: table;}
.cv-color{padding: 8px 7px; display: table; float: left;}
.cv-color a{height: 20px; width: 20px; display: block; border-radius: 2px; cursor: pointer; text-align: center; line-height: 20px; font-size: 12px;}
.cv-color a > i.fas,
.cv-template-color a > span.dashicons {color:white;}
.cv-color a:not(.selected) > i.fas,
.cv-template-color a:not(.selected) > span.dashicons {display:none}
.cv-template-color a > span.dashicons {position: relative; right: 1px;}
.ldd-block {text-decoration: none; padding: 7px 7px 20px 7px; display: block; transition: 0.4s; width: 33%;}
.ldd-block img {margin-bottom: 20px; box-shadow: 7px 5px 30px rgb(25 65 109 / 20%); border-radius: 3px;}
.ldd-block a:hover {text-decoration: none !important;}
.template-ldd {padding: 50px; max-width: 21cm; margin: auto; display: table; background:white; margin-top:40px !important; border: solid 2px #f0f3f9; border-radius: 6px;}
.template-ldd p {font-size: 12px !important;}
.template-ldd-ft {display: block;color: red;font-style: italic;}
.title-graphisme {text-align: center; font-weight: bold; color: var(--color-primary) !important;}
#exemples .bouton-metier, #exemples .btn-template {margin-top: 30px !important;}
.exemples-ldm-txt {margin-bottom: 60px;}
.exemples-ldm-txt h3 {text-align: center;}
.exemples-ldm-txt .template-ldd {margin-top: 10px !important;}
.exemples-ldm-txt .bouton-metier {margin-top: 0px !important;}
.marg-list-cv {margin: 0 30px;}
.marg-list-cv .bloc-img-template-cv {margin-bottom: 0 !important;}
.template-lettre .col2 {padding: 20px !important;}
.list-template-ldd {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding-top: 50px;}
.btn-template {display: table; margin: auto; background: var(--color-yellow); padding: 10px 30px; font-weight: bold; text-decoration: none !important; transition:0.5s; overflow: hidden; position: relative; border-radius: 6px; color: var(--color-title) !important; border: solid 1px #edb137;}
.bloc-img-template-cv .btn-template-hover {position: absolute; bottom: -50px; background: var(--color-primary); color: white; padding: 6px 20px; display: table; font-weight: 600; border-radius: 5px; transition: .4s; opacity: 0;}
.bloc-img-template-cv:hover .btn-template-hover {bottom: 20px; opacity: 1;}
.bloc-img-template-cv a {position: relative; display: flex; justify-content: center; overflow: hidden;}

/*SPLIT TEST HOME BTN TEMPLATES */
.template-cv-btn-yellow .bloc-img-template-cv a {flex-direction: column; text-decoration: none !important;}
.template-cv-btn-yellow .bloc-img-template-cv a .btn-template-hover {position: relative; bottom: 0; opacity: 1; margin-top: 14px; padding: 9px; color: var(--color-title) !important; border: solid 1px #edb137; background: var(--color-yellow); text-decoration: none !important; font-weight: bold; text-align: center; margin-bottom: 15px;}

.card img {box-shadow: 7px 5px 30px rgba(72,73,121,.15); width: 100%; cursor: grab;}
.sous-page-24 .carousel {padding-top: 20px;}
.sous-page-24 .carousel .card {background: none !important; overflow: initial;}
.sous-page-24 .carousel .card img {border-radius: 5px;}
.background-img-template {height: 348px; background-size: contain; background-repeat: no-repeat; box-shadow: 7px 5px 30px rgba(72,73,121,.15); position:relative; background: round; transition: 0.4s; font-size:22px}
.background-img-template-more:hover input[type="submit"] {font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;     font-size: 62px !important;}
.background-img-template input[type="submit"] {position:absolute; left:0; width:100%; opacity:0; margin-top:0 !important; transition:0.3s; font-size:16px; bottom:0;}
.template-cv form {height:428px}
.template-cv input {padding: 13px !important; margin: auto !important; display: table !important; margin-top: 8px !important;}
.template-cv-div .flex-wrap .col50 div, .template-cv-div .flex-wrap .col33 div {margin: 10px 25px 0 25px;}
.template-cv-sidebar {display: flex; flex-wrap: wrap; gap: 20px;}
.template-cv-sidebar > a, .template-cv-sidebar > div {display: block; width: calc(50% - 10px);}
.template-cv-sidebar img {border: solid 1px #E5E6E8; transition: 0.6s; border-radius: 8px; display: block; margin: auto;}
.title-template {text-align: center; font-size: 18px !important; padding-bottom: 15px; display: flex; justify-content: center; align-items: center;}
.title-template a {color: #081f40 !important;}
.title-template .number {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: var(--color-block); border-radius: 5px; color: #0a1f40; margin-right: 10px; font-size: 16px; font-weight: bold;}

.desc-template {margin-bottom: 0;}
.desc-template a {display: initial !important;}
.metier-template {margin-top: 10px;}
.desc-template b, .metier-template b {color: #0a1f40 !important;}
.list-card-template-ldd img {height: 100% !important;  box-shadow: none !important;}
.list-card-template-ldd .card {background: transparent !important;}


@media screen and (max-width: 740px) {
    .template-cv form {height:505px; width:300px; margin: auto;}
    .background-img-template {height:425px; width:300px}
    .cv-template-color {margin: auto; display: table;}
}

@media screen and (min-width: 741px) and (max-width: 790px) {
    .template-cv form {height:225px}
    .background-img-template {height:155px}
    .template-cv .dashicons {font-size:16px !important;width:15px; height:15px}
    .background-img-template:hover input[type="submit"] {font-size:14px !important}
    .cv-color {padding: 8px 2px !important;}
}

@media screen and (min-width: 791px) and (max-width: 950px) {
    .template-cv form {height:260px}
    .background-img-template {height:190px}
    .template-cv .dashicons {font-size:16px !important;width:15px; height:15px}
    .background-img-template:hover input[type="submit"] {font-size:14px !important}
    .cv-color {padding: 8px 4px !important;}
}

@media screen and (min-width: 951px) and (max-width: 1100px) {
    .template-cv form {height:310px}
    .background-img-template {height:230px}
    .template-cv .dashicons {font-size:16px !important;width:15px; height:15px}
    .background-img-template:hover input[type="submit"] {font-size:16px !important}
}

@media screen and (min-width: 1101px) and (max-width: 1300px) {
    .template-cv form {height:347px}
    .background-img-template {height:267px}
    .background-img-template:hover input[type="submit"] {font-size:16px !important}
}

@media screen and (min-width: 1600px) {
    .template-cv form {height:525px}
    .background-img-template {height:445px}
    .mini-cta .background-img-template {height: 330px !important;}
    .mini-cta .template-cv form {height: 340px !important;}
}
/* END TEMPLATE */
	


/* START PAGE PAIEMENT */
.btn-return {left: 0; background-image: url(/wp-content/uploads/2022/09/arrow.png); background-size: 12px; transform: rotate(180deg); border-radius: 3px 0 0 3px; transition: 0.4s; position: absolute; top: 0; height: 100%; width: 50px; background-repeat: no-repeat; text-align: center; background-position: center;}
.btn-return:hover {color: #e0e0e0; background-color: #1a1a1a; text-decoration: none;}
.inside-template-crea-cv {text-align:center}
.buy-cv .col2 img {width: 220px !important; box-shadow: 7px 5px 30px rgba(72,73,121,.15);}
.buy-form-v2 .gform_wrapper ul.gfield_radio #label_67_2_0:before {content: ""; background: url(/wp-content/uploads/2021/10/logo-cb.png); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
.buy-form-v2 .gform_wrapper ul.gfield_radio #label_67_2_1:before {content: ""; background: url(/wp-content/uploads/2021/10/paypal-logo.png); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
.reassurance {display:table; width: 100%; text-align:center; max-width: 1200px; margin: 35px auto 60px auto;}
.reassurance i {font-size: 55px; color: var(--color-primary);}
.reassurance .rea-ptop {font-weight: bold; font-size: 22px; color: #072040; margin-bottom: 0;}
.reassurance .rea-pbot {margin-top: 0;}
.img-reassurance {max-height: 70px;}
.phrase-paiement-btn {background: white; margin-top: -70px; position: relative; color: gray;}
.buy-form-v2 .gform-footer {padding-top: 0 !important;}
.buy-cv {margin: 60px auto 30px auto; padding: 0; max-width: 1100px; background: white; border-radius: 20px; overflow: hidden; border: solid 1px #e0e0e0;}
.buy-cv .pad40-pc {padding: 5px 30px 30px 30px !important;}
.buy-form-v2 {width: 100%;}
.avis-pay {padding-top: 30px;}
.listing-avis-trust {display: flex; gap: 30px; margin: 40px 0;}
.listing-avis-trust .bloc-note-trust {min-width: 200px;}
.listing-avis-trust .bloc-note-trust .logo-trust {width: 120px; display: block; margin-bottom: 10px;}
.listing-avis-trust .txt-note-trust {margin-top: 6px; font-weight: 600; margin-bottom: 0;}
.bloc-review-trust {background: white; padding: 15px; border-radius: 5px; width: 100%;}
.bloc-review-trust .head-bloc-review-trust {display: flex; gap: 20px;}
.bloc-review-trust .head-bloc-review-trust img {width: 135px; display: block; margin-bottom: 4px;}
.bloc-review-trust .head-bloc-review-trust .name-bloc-review-trust p {margin: 0; color: gray;}
.bloc-review-trust .date-bloc-review-trust {margin: 0 0 0 auto; color: gray;}
.bloc-review-trust .titre-bloc-review-trust {margin: 15px 0 0 0; font-weight: bold; color: black;}
.content-bloc-review-trust {margin: 0;}
.link-review-trustpilot {margin: 0;}
.link-review-trustpilot a {color: var(--color-text);}

.avis-pay h2 {text-align: center;}
.buy-form-v2 .gform-footer {padding-bottom: 0px !important;}
.buy-form-v2 .gform-footer input[type="submit"] {margin-bottom: 0 !important;}
.buy-p {padding: 20px 30px; margin-bottom: 0; margin-top: 0; text-align: left;}
.liste-abo {list-style: none; padding: 0 30px; margin: 0; display: flex; gap: 15px;}
.liste-abo > li {width: 20%; background: #f9fafc; padding: 15px 5px; border-radius: 5px; color: #081e40;}
.liste-abo2 i{color:var(--color-primary);}
.liste-abo2 li{color: #081e40; font-size: 17px;}
.price-form {text-align: center !important; color: #0e2c53 !important; font-size: 30px !important; font-weight: bold; margin: 0; line-height: 30px;}
.price-date {text-align: center; color: gray; font-size: 13px;}
.buy-form-shadow {box-shadow: 7px 5px 30px rgba(72,73,121,.15); padding: 40px; background:#ffffff;}
#input_67_9_5{background: white; height: 40px; padding: 10px !important; border-radius: 2px; box-shadow: none !important; font-size:14px !important; font-family: sans-serif !important;}
.gchoice_67_17_1 {padding-bottom:20px}
.page-template-template-page-paiement #header-section.h-on-top.no-transparent, .page-template-template-page-paiement footer{display:none !important}
.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:table !important; width:100%}
.mode-paiement {margin-bottom: 40px !important}
.mode-paiement ul li label {padding-left:5px !important}
#input_67_9_1_label, #input_67_9_5_label {display:none !important}
.ginput_stripe_creditcard {padding-top:15px !important;}
.gf_coupon_info table {margin-bottom:0 !important}
.label-mode-paiement {display:none}
.buy-form-v2 .gchoice_select_all, .buy-form-v2 .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .buy-form-v2 .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {text-align: left; padding: 5px 10px 5px 5px; margin-left: 0 !important; width: 100%; border-bottom: solid 2px #072040;}
.buy-form-v2 .gchoice_select_all, .buy-form-v2 .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+#label_67_17_1, .buy-form-v2 .gform_wrapper ul.gfield_radio li input[type=radio]:checked+#label_67_17_1 {font-weight: 700; background: none; color: black; }
.buy-form-v2 ul.gfield_radio li {border-bottom: solid 1px #072040;}
.buy-form-v2 .gform_wrapper ul.gfield_radio li {color: #072040; text-align: left;; width: 100%; }
.buy-form-v2 .mode-paiement {margin-bottom: 20px !important;}
#field_67_9 {padding-right: 0 !important;}
.gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label {letter-spacing: 0 !important;}
.buy-form-v2 #gform_submit_button_84 {width: 100% !important; background: var(--color-primary) !important; color: #ffffff !important; letter-spacing: 0; box-shadow: none; text-transform: initial; font-size: 16px !important; font-weight: bold; border: none; border-radius: 10px; padding: 10px 20px !important; line-height: 25px !important;}
.buy-cv-v2 .copyright-img-min {padding:0 !important; max-width: 350px; position: relative;}
.buy-cv-v2 .copyright-img-min img {box-shadow: 3px 4px 30px 0px rgb(7 32 64 / 10%); border-radius: 10px; border: solid 1px #e0e0e0;}
.buy-cv h1 {font-size: 20px !important; margin: 20px 30px; font-weight: bold; border-bottom: solid 1px #e0e0e0; margin-bottom: 0; padding-bottom: 15px;}
.pad40-pc {padding:40px; background: white;}
.gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label {max-width: 100% !important;}
.last-price {display: block; font-size: 14px; font-style: italic; text-decoration: line-through; line-height: 26px; color: #8a8a8a;}
.buy-cv-v2 .copyright-img-min:after {content:"© MODELE-CV.COM"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #ffffff00; z-index: 99; display: flex; align-items: center; justify-content: center; opacity: .3;}
/* POPUP SUPPR DE LA PAGE DE PAIEMENT 
.answer-question-pop {display: none; position: absolute; background: #f9fafc; z-index: 9999; border-radius: 10px; border: solid 1px #e0e0e0; box-shadow: 3px 4px 30px 0px rgb(7 32 64 / 10%); padding: 20px 30px; right: 20px; max-width: 400px;}
.answer-question-pop h2 {font-size: 20px; line-height: 30px; padding-bottom: 10px;}
.answer-question-pop ul {padding: 0; list-style: none; margin: 0;}
.answer-question-pop.active {display: block;}
.answer-question-pop li {padding: 5px 0; line-height: 22px;}
.answer-question-pop li i {color: #3f65ff; font-size: 18px; padding-right: 5px;}
.btn-open-answer {color: #3f65ff; font-size: 14px; position: relative; bottom: 5px; margin-left: 5px; cursor: pointer;}
*/
.buy-listing-service {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 3px;}
.buy-listing-service .buy-bloc-service i {color: var(--color-primary);}
.top-buy {position: relative;}


@media (min-width: 768px){
.reassurance {display: flex; justify-content: center; gap: 40px;}
.reassurance .bloc-reassurance {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.buy-cv.vc_col-sm-6, .buy-form.vc_col-sm-6 {width: 48% !important; margin: 1%;}
}
@media only screen and (min-width: 641px){
    .mode-paiement ul li {width: 49% !important; display: table-cell !important;}
}
/* END PAGE PAIEMENT */



/* START PAGE CONNEXION */
.content-login-page {background: var(--color-bg); min-height: 100vh; display: flex; gap: 40px;}
.content-login-page h1 {text-align:center;}
.login-page-col {flex: 1; padding: 40px;}
.login-page-col-form {border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.intro-login {margin-top: 0; text-align: center; border-bottom: solid 1px var(--color-border); padding-bottom: 30px; margin-bottom: 30px;}
.form-connexion {width: 100% !important;}
.form-connexion label {font-size: 16px; text-align: left; font-weight: 600; color: var(--color-title) !important;}
.logo-login-page svg {width: 240px;}
.content-login-page .gfield--type-remember_me .gchoice {display: flex; align-items: center; gap: 3px;}
.login-page-col-infos h2, .login-page-col-infos p {color: white;}
.login-page-col-infos {display: flex; justify-content: center; align-items: center; background: #292929; margin: 20px; border-radius: 10px;}
.login-page-infos {display: flex; flex-direction: column; gap: 20px; height: 100%; justify-content: center;}
.login-page-infos-bloc {border: solid 2px #4b4b4b; padding: 20px; border-radius: 10px;}
.login-page-form {margin-bottom: auto;}
.logo-login-page {margin-bottom: auto; margin-right: auto;}
.netclic-remember {cursor: pointer;}
.netclic-remember input {width: auto !important;}
.form-connexion .netclic-login__btn, .form-connexion button[type="submit"] {background: var(--color-primary); color: white; padding: 15px 20px; font-weight: 600; width: 100%; border: none !important; border-radius: 10px; cursor: pointer;}
.netclic-field {position: relative;}
.netclic-field .netclic-field__label {margin: 0 0 6px; display: block;}
.netclic-field input {padding: 15px 20px 15px 40px; display: block; width: 100%;}
.netclic-eye svg {width: 16px; fill: #747474;}
.netclic-password__toggle:focus {outline: none !important; outline-offset: 0px;}
.form-connexion input {font-size: 16px;}
.icon-login-field svg {display: block; width: 20px; position: absolute; bottom: 15px; left: 15px; fill: #747474;}


.mcv-lost-password, .mcv-reset-password {margin-bottom: 60px;}
.mcv-lost-password input[type="text"], .mcv-reset-password input[type="password"] {border: solid 1px #dde0e3 !important; background: #fff !important; transition: .4s; letter-spacing: 0; font-size: 16px; border: none; box-shadow: none; border-radius: 10px; font-weight: 500;}
.content-reset-password {flex-direction: column; padding: 40px; justify-content: center; align-items: center;}
.content-reset-password .logo-login-page {margin: 0 0 auto 0 !important;}
.content-reset-password .reset-page-col {margin-bottom: auto !important; max-width: 600px;}
.content-reset-password .reset-page-col form .netclic-field:not(:last-child) {margin-bottom: 20px !important;}
.content-reset-password .notice-success {background: var(--color-block); margin: 15px 0 10px 0; padding: 15px; border-radius: 8px; font-weight: 600;}
.content-reset-password .notice-error {background: var(--color-error-bg); color: var(--color-error-text); margin: 15px 0 10px 0; padding: 15px; border-radius: 8px; font-weight: 600;}
.content-reset-password .notice-success:before {content: "\f058"; font-family: 'Font Awesome 6 Pro';font-weight: 400; color: var(--color-primary); padding-right: 6px;}
.content-reset-password .notice-error:before {content: "\f057"; font-family: 'Font Awesome 6 Pro';font-weight: 400; color: var(--color-error-title); padding-right: 6px;}

@media (max-width: 1022px) {
    .content-login-page {flex-direction: column;}
    .logo-login-page {margin: 0 auto 40px auto;}
}
@media (max-width: 768px) {
    .login-page-col {padding: 20px;}
    .content-login-page h1 {line-height: 1.2; font-size: 24px; margin-bottom: 6px;}
    .intro-login {padding-bottom: 25px; margin-bottom: 15px;}
    .form-connexion form {padding: 10px 10px 0 10px !important;}
    .login-page-col-infos h2 {font-size: 20px; padding-top: 0;}
    .login-page-col-infos {border-radius: 10px 10px 0 0; margin: 0;}
  }
/* END PAGE CONNEXION */

/* START PAGE AVIS */
.form-avis select, .form-contact select {border-top: none !important; border-left: none !important; border-right: none !important; box-shadow: none !important; border-bottom: solid 1px #f7f7f7 !important; border-radius: 0 !important; color: #969696 !important; background:#f7f7f7 !important}
.form-avis .avis-input input, .form-contact .contact-input input {border-top: none !important; border-left: none !important; border-right: none !important; box-shadow: none !important; border-bottom: solid 1px black !important; border-radius: 0 !important;}
.form-contact .contact-area textarea {border: 2px solid #d4d4d4 !important; background-color: #fffefb !important; border-radius: 0 !important; box-shadow: none !important;}
.form-avis .avis-input input::placeholder, .form-contact .contact-input input::placeholder, .form-contact .contact-area textarea::placeholder {color: #969696 !important;}
.form-avis #gform_submit_button_66 {color: white !important; border: none !important;}
.form-avis label {display:none !important}
.form-avis {background: #4085F3; border-radius: 5px; padding: 30px !important;}
.form-avis .gform_legacy_markup_wrapper {margin: 0 !important;}
.form-avis select {width: 100% !important;}
.form-avis select, .form-avis .gform_body .gfield input[type=text] {height: 45px; border-radius: 3px !important; background: white !important; border: none !important; font-size: 14px !important;}
.form-avis .gform_body .gfield textarea {height: 100px; border-radius: 3px !important; background: white !important; border: none !important; font-size: 14px;}
.form-avis .gform_footer .button {background: #0b1e40 !important; transition: .3s;}
.form-avis h2 {font-size: 22px; color: white; padding-bottom: 10px;}
/* END PAGE AVIS */

 

/* START FORM CONTACT */
.radio-flex .gfield_radio {display: flex; }
.flex-center .gfield_radio {justify-content: center;}
.flex-center label {text-align: center;}
.radio-flex .gfield_label {font-weight: normal !important; font-size: 21px !important; padding: 0 !important;}
.radio-flex .gfield_radio li input {display: none !important;}
.radio-flex .gfield_radio li {margin: 5px !important; border-radius: 3px; border: solid 1px var(--color-border); text-align: center; padding: 10px 5px;}
.radio-flex .gfield_radio li label {padding: 8px 20px !important; margin: 0 !important; height: 100%; font-size: 16px !important; font-weight: 600; color: #081f40;}
.radio-flex .gfield_radio li input[type=radio]:checked+label {background: var(--color-block); font-weight: normal !important;}
.form-contact2 .contact-info {display: flex; background: var(--color-block); padding: 20px 0; border-radius: 10px; max-width: 900px; margin: auto;}
.form-contact2 .contact-info div:last-child {padding: 0 20px 0;}
.form-contact2 .contact-info i {font-size: 25px; padding: 0 15px; color: #081f40;}
.form-contact2 .contact-info h3 {padding-top: 0; color: #081f40 !important; font-weight: bold !important; font-size: 20px !important;}
.form-contact2 .contact-info p {margin-bottom: 10px; font-size: 16px;}
.btn-contact-info {background: var(--color-primary); border-radius: 3px; color: white; padding: 2px 10px; margin: 0 10px; text-decoration: none !important; transition: 0.4s; display: inline-block;}
.btn-contact-info:hover {background: #55749f; color: white;}
.contact-reussi {text-align: center;}
.contact-reussi i {font-size: 80px; text-align: center; margin: 20px; color: #091d38;}
.form-resi-aide {padding: 60px 0;}
.form-resi-aide h2, .form-resi-aide p {text-align: center;}
.form-resi-aide form {max-width: 800px; margin: auto; background: var(--color-block); padding: 25px 40px; border-radius: 20px;}
.form-resi-aide form input[type="text"], .form-resi-aide form input[type="email"], .form-resi-aide form input[type="number"] {background: white; height: 55px !important;}
.form-resi-aide form label, .form-resi-aide form legend {color: #081f40 !important;}
.form-resi-aide form .gfield_radio input, .form-resi-aide form .gfield_radio label {cursor: pointer;}
.form-resi-aide form textarea {max-width: 100% !important;}
.form-resi-aide form .gfield_description.instruction  {display: none !important;}
.form-resi-aide form .button, .form-contact form .button {background: #081f40 !important; color: white !important; font-size: 16px !important; margin: auto !important; border: none !important; padding: 12px 30px !important; font-weight: bold !important; border-radius: 10px !important;}
/* START FORM CONTACT */


/* START HOME */
.home .page-header {padding:21px 0px !important}
.list-av-cv {margin: 30px 0;}
.av-home-cv, .inc-home-cv {padding: 20px; border-radius: 5px; background: var(--color-block);}
.av-home-cv, .inc-home-cv h3 {padding-top: 0;}
.page-header {padding: 15px 0px 45px 0px !important; border-top: 1px solid #18497a !important; background: #18497a !important; border-bottom: 1px solid #18497a !important;}
.page-header .entry-title {margin-bottom: 0px; font-size: 20px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: white; text-align:center} 
.bouton-cta {display: inline-block; color: white !important; padding: 14px 30px; text-decoration: none !important; box-shadow: inset 0 0 0 2px #ffffff;; font-weight: bold; position: relative; text-transform: uppercase; background: transparent; transition: color 0.25s 0.0833333333s;}
.bouton-cta:hover {color:#fdd556 !important;  text-decoration: none !important;}
.bouton-cta:hover::before, .bouton-cta:hover::after {border-color: #fdd556; transition: border-color 0s, width 0.25s, height 0.25s; width: 100%; height: 100%;}
.bouton-cta:hover::before {transition-delay: 0s, 0s, 0.25s;}
.bouton-cta::before { border-bottom-width: 3px !important; border-left-width: 3px !important;}
.bouton-cta::before, .bouton-cta::after {border: 0 solid transparent; box-sizing: border-box; content: ""; pointer-events: none; position: absolute; width: 0; height: 0; bottom: 0; right: 0;}
.bouton-cta:hover::after {transition-delay: 0s, 0.25s, 0s;}
.bouton-cta::after {border-top-width: 3px; border-right-width: 3px;}
.bouton {display: inline-block; color: #081e40 !important; padding: 14px 30px; text-decoration: none !important; box-shadow: inset 0 0 0 2px #081e40;; font-weight: bold; position: relative; text-transform: uppercase; background: transparent; transition: color 0.25s 0.0833333333s;}
.bouton:hover {color:#4085F3 !important; text-decoration: none !important;}
.bouton:hover::before, .bouton:hover::after {border-color: #4085F3; transition: border-color 0s, width 0.25s, height 0.25s; width: 100%; height: 100%;}
.bouton:hover::before {transition-delay: 0s, 0s, 0.25s;}
.bouton::before {border-bottom-width: 3px !important; border-left-width: 3px !important;}
.bouton::before, .bouton::after {border: 0 solid transparent; box-sizing: border-box; content: ""; pointer-events: none; position: absolute; width: 0; height: 0; bottom: 0; right: 0;}
.bouton:hover::after {transition-delay: 0s, 0.25s, 0s;}
.bouton::after {border-top-width: 3px; border-right-width: 3px;}
.avis-home {padding: 60px 0; background: linear-gradient(180deg, var(--color-bg), #ffffff); margin-bottom: 60px;}
.avis-home h2 {text-align: center;}
.avis-home .bouton-cta {color: #081e40 !important; box-shadow: inset 0 0 0 2px #081e40;}
.avis-home .bouton-cta:hover::before, .avis-home .bouton-cta:hover::after {border-color: #4085F3;}
.avis-home .bouton-cta:hover {color:#4085F3 !important;}
.bouton-bl {background-color:#1B4A78; border-radius:6px; display:inline-block; color:white !important; padding:10px 26px; text-decoration:none; border:solid #1B4A78; font-weight:600; position: relative; text-transform:uppercase; color:white !important;}
.bouton-bl:hover {background-color:transparent; color:#1B4A78 !important; transition: 0.3s ease-in-out;text-decoration:none !important;}
.bouton:active {position:relative; top:1px;}
.gform_wrapper input {background:white}
.gform_wrapper .top_label .gfield_label {display: inline-block; line-height: 1.3; clear: both; width: 100%; font-size: 16px !important;}
.p-block-bleu {color:white !important;}
.encadre-conseil {background: #081e40; padding: 30px 20px; min-height: 220px; width: 80%; display: block; margin: 0 auto 20px auto; margin-top: -100px; position: relative; box-shadow: 7px 5px 30px rgba(72,73,121,.15); color: white !important;}
.encadre-conseil h3 {text-align: center; padding-top: 0;}
.encadre-conseil a {color:white}
.encadre-conseil a:hover {color:white; text-decoration: none}
.encadre-conseil strong {font-size: 18px; padding: 4px 20px; display: block;}
.conseil-home img{width: 100% !important; border-radius: 5px; box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.33);}
.back-img {padding:30px 0px; margin-top:50px}
.sect1-home {display:table; padding-top:15px; padding-bottom:15px; width:100%; list-style:none}
.sect1-home img {width:auto; box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);}
.sect1-home img:hover {transition: 0.6s; transform: translateY(-10px);}
.intro-home {padding:0px 50px}
.sect2-home {background: linear-gradient(to right, #1A416D, #346198); color:white; display:table; text-align:center; padding:40px}
.col3 {display:table-cell; width:33%;}
.sect2-home img {width: 88px;}
.sect3-home {display:table; text-align:center}
.sect3-home p{font-family: 'anton_regular', sans-serif; letter-spacing: 1px;}
.sect4-home {display:table; padding:70px 0px}
.sect5-home {background:#EFF1F5}
.bloc-col2_3 {display:table;}
.vc_toggle h3 {font-size: 17px !important; padding: 9px 0 0 0 !important; color: #081e40 !important;}
.list-how.faq-toggle {display: flex; flex-wrap: wrap; gap: 15px;}
.list-how.faq-toggle > div {width: calc(50% - 8px);}
.sect-faq {padding-top:50px !important; padding-bottom:50px !important; margin: 0 !important}
.vc_toggle {background: var(--color-block); padding: 15px 15px 0 15px !important; border-radius: 5px;}
.vc_toggle .titre-accordion:after {display:none;}
.breadcrumbs-cv #breadcrumbs {text-align: center; color: white; margin-bottom: 20px; font-size: 12px; margin-top: -40px;}
.breadcrumbs-cv #breadcrumbs a {color:white; font-weight:bold}
.breadcrumbs-lettre {color: #abc2dd !important;}
.breadcrumbs-lettre #breadcrumbs {margin: 0; padding-left: 10px;}
.breadcrumbs-lettre a{color: #abc2dd !important;}
.home #breadcrumbs {display:none}
.list-cv-old {display:none !important}
.opacity-back {background:#14416b61; padding:2%}
.full-width.avis-home {padding:0 !important}
.avis-home .line-c:after {background: #14416c !important;}
.home #start{font-size: 15px; display: table; margin: auto; padding-bottom: 50px;}
.home #start strong {font-weight: 500 !important;}
.cta-full-width {background: linear-gradient(to right, #1A416D, #346198); display:block; width:100%; padding:30px; margin-bottom:80px}
.cta-full-width img {width:350px; margin:auto; display:block}
.cta-full-width p{color:white !important; text-align:center; font-size:22px; font-weight:bold; width:50%; margin:auto; padding-bottom:30px; padding-top:10px}
.v2-home p{color:white; margin-right:0; text-align:right}
.v2-home .margin {padding-top:200px; padding-bottom:200px}
.v2-home h1 {color:white; font-size:25px; text-align:right; text-transform: uppercase;}
.v2-home h1:after {width:0 !important}
.btn-v2 {background:#FED04D; padding:10px 20px; text-decoration:none !important; text-transform:uppercase; letter-spacing:2px; font-weight:bold}
.btn-v2:hover {background:#fed04dc4; transition:0.3s}
.back-img {background:#081e40;}
.temoignages i{color:#4ADA8D;}
.home .temoignages {color: white !important;}
.temoignages {text-align:center; padding:20px; margin-bottom:30px !important;}
.avis-name {text-transform:uppercase; color:white; font-weight:bold}
.list-avis .avis-name {color:#15416C !important; }
.avisfooter {color: #c3c3c3;}
.home #traduction-cv {padding: 40px 0; background: var(--color-primary); margin-top: 60px;}
.home-sect-metier {background-image: url('https://modele-cv.com/wp-content/uploads/2023/01/cv-metier-1.jpg'); position: relative; display: block; margin: 10px; padding: 40px 25px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 3px; height: 100%;}
.home-sect-metier p, .home-sect-pays p {position: relative; color: #e4e4e4 !important;}
.home-sect-metier h2, .home-sect-pays h2 {margin-bottom: 25px; position: relative; color: white;}
.home-sect-pays {background-image: url('https://modele-cv.com/wp-content/uploads/2023/01/cv-pays-1.jpg'); position: relative; display: block; margin: 10px; padding: 40px 25px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 3px; height: 100%;}
.home-sect-metier:before {content:""; position: absolute; background: rgb(8 30 64 / 70%); left: 0; top: 0; display: block; width: 100%; height: 100%; border-radius: 3px;}
.home-sect-pays:before {content:""; position: absolute; background: rgb(8 30 64 / 70%); left: 0; top: 0; display: block; width: 100%; height: 100%; border-radius: 3px;}
.home-sect-metier .bouton, .home-sect-pays .bouton {color: white !important; box-shadow: inset 0 0 0 2px white;}
.template-cv.disp-flex.flex-wrap {text-align: center; margin-top: 25px;}
.template-cv.disp-flex.flex-wrap .col25 {padding: 10px;}
.btn-download-cv a {color: var(--color-primary); text-decoration: none !important; transition: 0.4s;}
.home .flickity-page-dots {display: none;}
.home-list-typo {justify-content: center; margin: 30px 0; flex-direction: row !important; padding-left: 0 !important;}
.home-list-typo li {list-style: none; padding: 6px 20px; background: var(--color-block); margin: 10px; border-radius: 3px;}
.list-pays .col3 {padding: 20px; text-align: center;}
.list-pays .col3 img {height: 120px;}


.filter-type-cv ul {list-style: none; display: flex; gap: 10px; justify-content: center;}
.filter-type-cv ul li a, .filter-type-cv ul li span {padding: 7px 15px; border-radius: 5px; font-weight: 500; display: block; transition: 0.4s; text-decoration: none !important; border: solid 1px var(--color-border); cursor: pointer;}
.filter-type-cv ul li.active a, .filter-type-cv ul li.active span {background: var(--color-block); color: #0c2041; font-weight: 600;}
.filter-type-cv ul li.active a:before, .filter-type-cv ul li.active span:before {content: "\f00c "; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 14px; padding-right: 8px; color: var(--color-primary);}
.filter-type-cv ul li a:hover, .filter-type-cv ul li span:hover {background: var(--color-block);}
.filter-type-cv ul li:not(.active) a, .filter-type-cv ul li:not(.active) span {color: #091e40;}
.how-mcv h2 {text-align: center; margin: 40px auto 60px auto;}
.how-mcv .bloc-how-mcv {background: white; padding: 40px; border-radius: 10px; text-align: center; border: solid 1px #eae6dc;}
.how-mcv .bloc-how-mcv .disp-flex > div {position: relative;}
.how-mcv .bloc-how-mcv .disp-flex > div:first-child:after {content: ""; height: 100%; width: 2px; display: block; background: #eae6dc; position: absolute; right: -25px; top: 0;}
.how-mcv .bloc-how-mcv .disp-flex > div:last-child:before {content: ""; height: 100%; width: 2px; display: block; background: #eae6dc; position: absolute; left: -25px; top: 0;}
.how-mcv .bloc-how-mcv h3 {color: #091e40 !important; display: flex; align-items: center; gap: 10px; justify-content: center; font-weight: bold; position: relative;}
.how-mcv .bloc-how-mcv h3.number-before:before {content:""; background: var(--color-block); width: 35px; height: 35px; color: #0a1f40; display: flex; align-items: center; justify-content: center; font-weight: 900; border-radius: 10px;}
.how-mcv .bloc-how-mcv .col33:nth-child(1) h3.number-before:before {content:"1";}
.how-mcv .bloc-how-mcv .col33:nth-child(2) h3.number-before:before {content:"2";}
.how-mcv .bloc-how-mcv .col33:nth-child(3) h3.number-before:before {content:"3";}
.how-mcv .bloc-how-mcv .col33:nth-child(4) h3.number-before:before {content:"4";}
.how-mcv .bloc-how-mcv .col33:nth-child(5) h3.number-before:before {content:"5";}
.bloc-how-mcv img {border-radius: 6px; border: solid 1px var(--color-border);}
.home-24 h2 {line-height: 1.2; font-size: 50px; color: var(--color-title);}
.home-24 .intro-page {text-align: center; margin: 0 auto 40px auto !important; font-size: 18px; max-width: 800px;}
.home-24 .surtitre-h2 {margin-top: 0 !important;}
.home-24 h2.accroche {font-size: 30px !important; line-height: 45px !important;}
.home-24 .title-home-listing-cv {font-size: 32px !important; line-height: 45px !important; text-align: center; font-weight: 900 !important; margin-bottom: 10px;}
.home-24 .title-home-listing-cv i {color: var(--color-primary); margin-right: 10px;}
.home-24 .desc-home-listing-cv {text-align: center; margin-bottom: 30px; margin-top: 0;}
.services-tools h2 {text-align: center; max-width: 900px; margin: 80px auto;}
.services-tools .arg-services-tools {display: flex; background: white; padding: 20px; border-radius: 10px; margin-bottom: 40px; align-items: center; gap: 25px; box-shadow: 7px 5px 30px 0px rgba(0, 0, 0, 0.12); width: 120%; position: relative;}
.services-tools .arg-services-tools h3 {padding-top: 0; font-size: 18px !important; font-weight: 600 !important; padding-bottom: 6px;}
.services-tools .arg-services-tools p {margin-bottom: 0; margin-top: 0; line-height: 22px;}
.services-tools .arg-services-tools-decal-l {left: -20%;}
.services-tools .arg-services-tools .services-tools-icon img {max-width: 60px;}
.services-tools .col-right-arg-tools > div:not(.arg-services-tools-decal-r) {left: -20%;}
.txt-arg-services-tools .btn-arrow {margin-top: 10px;}
.btn-arrow {display: block; position: relative; transition: .4s; font-size: 16px; font-weight: 600; color: var(--color-primary); text-decoration: none !important;}
.btn-arrow:hover {text-decoration: none !important; padding-left: 20px; color: var(--color-primary);}
.btn-arrow:after {content:"\f30b"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 10px; transform: scale(1); opacity: 1; transition: 0.4s; transform-origin: right center; position: absolute; font-size: 12px; line-height: 27px;}
.btn-arrow:before {content:"\f30b"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 10px; transform: scale(0); opacity: 0; transition: 0.4s; transform-origin: left center; left: 0; position: absolute; font-size: 12px; line-height: 27px;}
.btn-arrow:hover:before {transform: scale(1); opacity: 1;}
.btn-arrow:hover:after {transform: scale(0); opacity: 0;}
.services-tools-img img {animation: img-topbot 10s infinite linear;}
.number-home {background: var(--color-primary); text-align: center; border-radius: 10px; padding: 40px; margin-top: 100px; margin-bottom: -82px; position: relative;}
.number-home p {text-transform: uppercase; color: white !important; font-size: 18px; margin: 0;}
.number-home p .number {display: block; font-size: 40px; font-weight: bold;}
.home-type-cv {background: var(--color-block); padding: 100px 0; overflow: hidden;}
.home-type-cv h2 {text-align: center; margin-top: 50px;}
.home-type-cv .home-type-cv-intro {text-align: center;}
.listing-type-cv ul {display: flex; list-style: none; gap: 20px; margin: 50px 0; justify-content: center;}
.listing-type-cv ul li span {padding: 8px 15px; border-radius: 5px; transition: 0.4s; cursor: pointer; background: var(--color-bg); display: inline-block;}
.listing-type-cv ul li span:hover {border-bottom: solid 4px var(--color-primary);}
.txt-home-type-cv h3 {font-size: 30px !important; margin-bottom: 10px; text-align: center;}
.txt-home-type-cv .intro-type-cv {text-align: center; max-width: 900px; margin: auto;}
.txt-home-type-cv #exemples p {color: #3d4a63 !important;}
.txt-home-type-cv #exemples h4 {color: #eaecee !important; padding-bottom: 0; margin-top: 20px;}
.txt-home-type-cv #exemples .template-ldd {margin-top: 15px !important;}
.av-home-type-cv {margin-top: 25px;}
.av-home-type-cv > div {background: var(--color-bg); padding: 25px; border-radius: 10px;}
.av-home-type-cv > div h4 {font-size: 20px !important;}
.av-home-type-cv > div ul {list-style: none !important; position: relative;}
.av-home-type-cv > div ul li {position: relative; line-height: 22px; padding-bottom: 10px; padding-left: 10px;}
.av-home-type-cv .home-type-cv-av ul li .title-av-inc {color: #c8d3ff !important;}
.av-home-type-cv .home-type-cv-inc ul li .title-av-inc {color: #ffcad3 !important;}
.av-home-type-cv .home-type-cv-av ul li::marker {color: #a3b6ff !important; font-size: 16px; content: "\f00c "; border-radius: 10px; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding-right: 10px;}
.av-home-type-cv .home-type-cv-inc ul li::marker {color: #ff8095 !important; font-size: 16px; content: "\f00d "; border-radius: 10px; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding-right: 10px;}
.txt-home-type-cv {position: relative; right: -100vw; transition: .5s; visibility: hidden; overflow: hidden;}
.txt-home-type-cv .inside-txt-home-type-cv {width: 0; height: 0;}
.list-txt-home-type-cv {display: flex;}
.home-type-cv.type1-active .btn-listing-type1, .home-type-cv.type2-active .btn-listing-type2, .home-type-cv.type3-active .btn-listing-type3, .home-type-cv.type4-active .btn-listing-type4, .home-type-cv.type5-active .btn-listing-type5, .home-type-cv.type6-active .btn-listing-type6 {border-bottom: solid 4px var(--color-primary);}
.home-type-cv.type1-active .txt-home-type1, .home-type-cv.type2-active .txt-home-type2, .home-type-cv.type3-active .txt-home-type3, .home-type-cv.type4-active .txt-home-type4, .home-type-cv.type5-active .txt-home-type5, .home-type-cv.type6-active .txt-home-type6 {right: 0; width: 100%; visibility: visible; height: 100%;}
.home-type-cv.type1-active .txt-home-type1 .inside-txt-home-type-cv, .home-type-cv.type2-active .txt-home-type2 .inside-txt-home-type-cv, .home-type-cv.type3-active .txt-home-type3 .inside-txt-home-type-cv, .home-type-cv.type4-active .txt-home-type4 .inside-txt-home-type-cv, .home-type-cv.type5-active .txt-home-type5 .inside-txt-home-type-cv, .home-type-cv.type6-active .txt-home-type6 .inside-txt-home-type-cv {width: 100%; height: 100%;}
.intro-type-cv a {text-decoration: underline;}
.home-24 .avis-home h2, .home-24 .faq-home h2:not(.titre-accordion), .home-24 .sect-ldm-graphisme h2 {text-align: center; margin: 100px auto 60px auto;}
.sect-ldm-graphisme {background: var(--color-block); padding: 60px 0; overflow: hidden; margin: 60px 0;}
.sect-ldm-graphisme h2 {margin-bottom: 30px; text-align: center;}
.sect-ldm-graphisme .card-slider {margin: 0; width: 100%;}
.home-24 .faq-home {max-width: 700px; margin: auto;}
.home-24 .title-tarifs-home {font-size: 22px; font-weight: bold; text-align: center; color: #0c1e40;}
.home-24 .price-home {max-width: 450px; margin: 30px auto; border-radius: 5px; box-shadow: 7px 5px 30px rgb(72 73 121 / 15%) !important; background: white;}
.sect-home-conseils {padding-top: 50px;}
.sect-home-conseils h2 {font-size: 32px; line-height: 45px;}
.sect-home-conseils-header {display: flex; align-items: center; margin-bottom: 20px;}
.sect-home-conseils-header .btn-title-right {margin-left: auto;}
.sect-home-conseils-header .btn-title-right a {background: var(--color-primary); color: white; padding: 10px 20px; display: block; border-radius: 10px; text-decoration: none !important; font-weight: 600;}
.home-24 #related_pages_conseils {display: flex;}
.home-24 .related_page_conseil > div {margin: 0;}
.home-24 .traduction-cv-home {background: none !important;}
.home-24 .traduction-cv-home h2 {max-width: 1000px; margin: 0 auto 60px auto; text-align: center;}
.home-24 .traduction-cv-home ul {padding: 0 0 10px 0;}
.home-24 h1 {text-align: center; padding-top: 30px; font-size: 50px !important; line-height: 1.2 !important; margin: 30px auto;}

.template-cv .disp-flex.flex-wrap.gap30 > div {width: calc(33.33% - 20px);}
.template-cv.marg-list-cv .disp-flex.flex-wrap.gap30 > div {width: calc(25% - 23px);}
.template-cv.marg-list-cv.template-3col-desc .disp-flex.flex-wrap.gap30 > div {width: calc(33.33% - 20px);}

.template-cv.free-cv .disp-flex > .col25 {width: calc(25% - 23px) !important;}
.template-cv.free-cv a {background: var(--color-primary); text-decoration: none !important; padding: 8px 15px; color: white; border-radius: 5px; display: block; font-weight: 600; transition: .4s;}
.template-cv.free-cv a:hover {background: #091E40;}
.home-24 .sect-avis .carousel {grid-auto-columns: calc((100% / 4) - 12px) !important;}
.home-24 .sect-avis .carousel .card {background: transparent;}
.home-24 .sect-avis .carousel .card .txt-temoignage {text-align: center;}
.home-24 .sect-avis .carousel .card .img-temoignage img {display: block; max-width: 80px; border-radius: 100px; margin-right: 20px;}
.home-24 .sect-avis .carousel .card .nom-temoignage {text-align: center; margin-bottom: 0; font-weight: bold; color: #0b1e40;}
.home-24 .sect-avis .carousel .card .job-temoignage {text-align: center; margin: 0;}
.home-24 .sect-avis .carousel .card .icon-temoignage {margin-left: auto;}
.home-24 .sect-avis .carousel .card .icon-temoignage img {box-shadow: none;}
.page-ldm {position: relative; overflow: hidden;}
.page-ldm .sect-home-conseils {padding-top: 140px; margin-top: 0 !important}
.page-ldm .bloc-cta-lettre {margin-bottom: -80px; margin-top: 80px;}
.page-ldm .sect-home-conseils {background: var(--color-block);}
.page-ldm .sect-home-conseils h2 {color: #0c1e40 !important;}
.page-ldm .sect-home-conseils .conseils-home .related_page_conseil .title {background: transparent;}
.page-ldm .sect-home-conseils .conseils-home .related_page_conseil .title a {color: #0b1d38 !important;}
.page-id-3944 #primary {padding-bottom: 0 !important;}
.title-slider-template {text-align: center; color: #0A1F40 !important; font-size: 16px;}
.title-slider-template a {text-decoration: none !important; color: #0A1F40; font-size: 16px;}
.sous-page-24 h1 {margin-top: 0 !important; padding-top: 0 !important;}
.sous-page-24 .breadcrumb-metier {text-align: center; margin-top: 20px; margin-bottom: -10px;}
.slide-metier-cv .breadcrumb-metier p {margin: 0;}
.slide-metier-cv .breadcrumb-metier p a {color: #0b1e40; font-weight: 600; text-decoration: none !important;}
#doc-filter > div {position: absolute; visibility: hidden; transform: translateX(5000px);}
.doc-filter-1-active .doc-filter-1, .doc-filter-2-active .doc-filter-2, .doc-filter-3-active .doc-filter-3, .doc-filter-4-active .doc-filter-4, .doc-filter-5-active .doc-filter-5 {visibility: visible !important; transform: translateX(0px) !important; position: relative !important; transition: .3s;}
.btn-filter1-active .btn-filter1 span, .btn-filter2-active .btn-filter2 span, .btn-filter3-active .btn-filter3 span, .btn-filter4-active .btn-filter4 span, .btn-filter5-active .btn-filter5 span {background: #D5E7FE; color: #0c2041;}
.slide-ldm-graphisme {display: flex; flex-direction: row !important; background: none !important; gap: 60px; border-radius: 0 !important; align-items: center;}
.slide-ldm-graphisme .ldm-graphisme-img {width: 35%;}
.slide-ldm-graphisme .ldm-graphisme-img img {border-radius: 10px;}
.slide-ldm-graphisme .ldm-graphisme-txt {width: 65%;}
.slide-ldm-graphisme .ldm-graphisme-txt i {color: var(--color-primary); font-size: 20px; padding-right: 6px;}
.filter-template-cv {opacity: 0; transition: .3s; visibility: hidden; top: 0; right: 0; left: 0; position: fixed; width: 100%; height: 100%;}
.filter-template-cv.active {position: fixed; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 21%); left: 0; opacity: 1; visibility: visible !important; z-index: 9;}
.sidebar-filter-template-cv {background: var(--color-bg); width: 300px; right: 0; position: absolute; top: 77px; height: calc(100% - 77px); padding: 25px; transition: .3s; overflow-x: auto;}
.admin-bar .sidebar-filter-template-cv {top:109px; height: calc(100% - 109px);}
.sidebar-filter-template-cv::-webkit-scrollbar {display: none;}
.sidebar-filter-template-cv ul {list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.sidebar-filter-template-cv ul a {text-decoration: none !important; display: block; background: var(--color-block); padding: 5px 15px; border-radius: 5px; color: #091e40; transition: .3s; font-size: 14px;}
.title-filter-cv {color: #0c2041; font-size: 16px; margin-top: 20px; font-weight: 600;}
.top-sidebar-filter {display: flex; align-items: flex-end; border-bottom: solid 1px var(--color-border); padding-bottom: 10px;}
.top-sidebar-title-filter {color: #0c2041; font-weight: 600; font-size: 20px; margin-bottom: 0; margin-top: 0;}
.top-sidebar-close-filter {margin-left: auto; font-size: 25px; margin-bottom: 0; color: #0c2041; margin-top: 0;}
.btn-filter-cv-close:not(.filter-template-cv-left) {cursor: pointer;}
.btn-filter-cv i {color: #3f65ff;}
.filter-template-cv.close .filter-template-cv-left {display: none;}
.filter-template-cv.active .filter-template-cv-left {width: calc(100% - 300px); height: 100%; position: fixed; display: block;}
.sect-txt-home h2 {font-size: 26px; padding-top: 50px; line-height: 35px;}
.sect-txt-home h3 {font-size: 18px !important; padding-top: 20px; line-height: 28px; font-weight: 600 !important;}
.list-home-cv-pays {display: flex; gap: 30px; margin: 30px 0; justify-content: center; flex-wrap: wrap;}
.bloc-home-cv-pays a {background: white; display: flex; gap: 20px; text-decoration: none !important; color: #091e40; font-weight: 600; font-size: 18px; align-items: center; padding: 20px; border-radius: 5px; transition: .4s;}
.bloc-home-cv-pays a:hover {background: var(--color-primary); color: white;}
.bloc-home-cv-pays a img {max-height: 50px;}
.number-listing {background: var(--color-block); color: #0a1f40; width: 30px; display: inline-block; text-align: center; border-radius: 5px; line-height: 30px; margin-right: 10px;}
.template-cv-pop {background: white; padding: 40px !important; border-radius: 10px; text-align: center; border: solid 1px #eae6dc;}
.template-cv-pop h2 {margin-bottom: 7px; font-size: 28px !important; line-height: 35px !important; font-weight: bold !important;}
.template-cv-pop h2:after {content:"\f06d"; font-weight: 400; font-family: "Font Awesome 6 Pro"; color: var(--color-primary); margin-left: 10px;}
.template-cv-pop .intro {font-size: 18px; padding-bottom: 20px; margin-top: 0;}

@media screen and (max-width: 1450px) {
    .home-24 .sect-avis .carousel {grid-auto-columns: calc((100% / 3) - 12px) !important;}
}
@media screen and (max-width: 1150px) {
    .home-24 .sect-avis .carousel {grid-auto-columns: calc((100% / 2) - 8px) !important;}
}

@media screen and (max-width: 950px) {
    .filter-type-cv {padding-right: 0 !important;}
    .filter-type-cv ul {overflow-x: auto; position: relative; justify-content: start;}
    .filter-type-cv ul::-webkit-scrollbar {display: none;}
    .filter-type-cv ul li {min-width: max-content;}
    .services-tools .disp-flex {flex-direction: column;}
    .services-tools .disp-flex > div {width: 100%;}
    .services-tools .arg-services-tools {width: 100% !important; left: 0 !important;}
    .services-tools .services-tools-img img {max-height: 400px; display: block; margin: -60px auto -30px auto;}
    .home-24 h2 {line-height: 55px; font-size: 40px;}
    .template-cv:not(.list-templates-desc) .disp-flex.flex-wrap.gap30 > div {width: calc(50% - 15px);}
    .slide-ldm-graphisme {flex-direction: column !important; gap: 15px;}
    .slide-ldm-graphisme > div {width: 100% !important;}
    .slide-ldm-graphisme .ldm-graphisme-img img {max-width: 300px; margin: auto; display: block;}
    .sect-ldm-graphisme .card-slider .cs-arrow-right i {right: -22px !important;}
    .sect-ldm-graphisme .card-slider .cs-arrow i {top: 25% !important;}
    .template-cv.free-cv .disp-flex > .col25 {width: calc(50% - 15px) !important;}
    .sect-avis .carousel .card .icon-temoignage {display: none;}
    .template-cv.marg-list-cv.template-3col-desc .disp-flex.flex-wrap.gap30 > div {width: calc(50% - 15px);}
}



@media screen and (max-width: 840px) {
    .home-sect-pays, .home-sect-metier {margin: 10px 0;}
    .template-cv.disp-flex.flex-wrap {flex-direction: initial !important;}
    .template-cv.disp-flex.flex-wrap .col25 {width: 50% !important;}
    .list-how.faq-toggle > div {width: 100%;}
    .bloc-how-mcv .disp-flex {flex-direction: column;}
    .bloc-how-mcv .disp-flex > div {width: 100%;}
    .how-mcv .bloc-how-mcv .disp-flex > div:first-child:after, .how-mcv .bloc-how-mcv .disp-flex > div:last-child:before {display: none;}
    .home-24 .sect-avis .carousel {grid-auto-columns: 100% !important;}    
}
    
@media screen and (min-width: 642px) {
    .filter-template-cv.active .sidebar-filter-template-cv {-webkit-transform: translateX(0); transform: translateX(0);}
    .sidebar-filter-template-cv {-webkit-transform: translateX(300px); transform: translateX(300px);}

    
}
@media screen and (max-width: 641px) {
    .home-24 h1 {font-size: 28px !important; padding: 20px 0 10px 0 !important; text-align: left;}
    .error-404 h1 {font-size: 34px !important; line-height: 50px !important;}
    .home-24 h2.accroche {font-size: 24px !important; padding: 0 !important; text-align: left;}
    .home-24 h2.accroche .anim-arrow {display: none;}
    .home-24 h2 {line-height: 34px; font-size: 26px; text-align: left;}
    .how-mcv h2, .services-tools h2, .home-type-cv h2, .home-24 .avis-home h2, .home-24 .faq-home h2:not(.titre-accordion), .home-24 .sect-ldm-graphisme h2 {margin: 0 auto 30px auto;}
    .bloc-how-mcv {margin-bottom: 50px;}
    .number-home .disp-flex {flex-wrap: wrap; flex-direction: row;}
    .number-home .disp-flex > div {width: calc(50% - 10px);}
    .number-home {margin-top: 40px; padding: 25px;}
    .number-home p {font-size: 14px;}
    .number-home p .number {font-size: 28px;}
    .listing-type-cv ul {overflow-x: auto; position: relative; justify-content: start; margin: 50px 0 20px 0;}
    .listing-type-cv ul li {min-width: max-content;}
    .listing-type-cv ul::-webkit-scrollbar {display: none;}
    .sect-home-conseils-header {flex-direction: column; margin-bottom: 40px !important; gap: 10px;}
    .sect-home-conseils-header .btn-title-right {margin-left: 0;}
    .home-24 #related_pages_conseils {flex-direction: column;}
    .home-24 .traduction-cv-home {padding: 0 0 50px 0 !important;}
    .txt-home-type-cv h3 {font-size: 24px !important; line-height: 32px;}
    .page-ldm .bloc-cta-lettre {margin-bottom: 40px; margin-top: 80px;}
    .sidebar-filter-template-cv {top: 100px; width: 100%;}
    .filter-template-cv.active .sidebar-filter-template-cv {-webkit-transform: translateX(0); transform: translateX(0);}
    .sidebar-filter-template-cv {-webkit-transform: translateY(100%); transform: translateY(100%); right: auto;}
    .filter-template-cv-left {width: 100%; height: 100px; top:0;}
    .list-home-cv-pays {gap: 15px; justify-content: flex-start;}
    .bloc-home-cv-pays a {padding: 10px;}
    .filter-template-cv {right: auto;}
    .template-cv-pop {padding: 25px !important;}
    .template-cv-pop h2 {text-align: left; font-size: 22px !important; line-height: 30px !important; padding-top: 0;}
    .template-cv-pop .intro, .home-24 .intro-page {font-size: 16px; text-align: left;}
    .template-cv-pop.template-cv.marg-list-cv .disp-flex.flex-wrap.gap30 > .col33 {width: 100% !important;}
    .home-24 .intro-page {margin-bottom: 30px !important;}
    .template-cv-pop h2:after {display: none;}
    .template-cv-pop h2:before {content:"\f06d"; font-weight: 400; font-family: "Font Awesome 6 Pro"; color: var(--color-primary); margin-right: 10px;}
    .how-mcv .bloc-how-mcv h3 {justify-content: flex-start;}
    .sect-home-conseils h2 {font-size: 24px; line-height: 34px; padding-bottom: 10px; text-align: center;}
    .txt-home-type-cv h3, .txt-home-type-cv .intro-type-cv {text-align: left;}
    .title-template {justify-content: flex-start;}
    .surtitre-h2 {text-align: left !important;}
    .template-cv.marg-list-cv .align-center {text-align: left;}
    .encadre-savoir {padding: 25px !important;}
    .answer-question-pop {right: auto;}
    .answer-question-pop h2 {padding-top: 0;}
}

@media screen and (max-width: 461px) {
    .template-cv.free-cv .disp-flex > .col25 {width: 100% !important;}
}

@media screen and (max-width: 380px) {
    .number-home .disp-flex > div {width: 100%;}
}
/* END HOME */





/* START TRAD CV */
.formulaire-cv {padding-left: 0; padding-right: 3%; overflow: hidden; position: relative;}
.formulaire-cv .form-trad .gform_footer {text-align: center;}
.formulaire-cv .form-trad .gform_footer .button {background: #ffdb50 !important; border: none !important; box-shadow: none !important; color: #081e40 !important; padding: 12px 50px !important;}
.formulaire-cv .form-trad .gform_drop_area {color: #0b1e40 !important; margin-top: 20px; margin-bottom: 0 !important;}
.formulaire-cv .form-trad .gform_fileupload_rules {color: #747474; font-size: 12px;}
.formulaire-cv .form-trad .gf_coupon_item {color: white !important;}
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {color: black;}
.formulaire-cv .gform_wrapper .gf_progressbar_wrapper {display:none}
.formulaire-cv .gform_wrapper {margin: auto; padding:5%; background: #ffffff; border-radius: 5px;}
.formulaire-cv .wpb_button, .formulaire-c.wpb_content_element,.formulaire-cv ul.wpb_thumbnails-fluid>li {margin-bottom: 0px;}
.formulaire-cv .gform_wrapper {width:100%;}
.trad-contact .ginput_container input {height: 45px; border: none !important; margin-bottom: 0 !important;}
.trad-contact textarea {border: none !important;}
.formulaire-cv .form-trad .gf_coupon_code {border: none !important; height: 45px;}
.trad-contact .ginput_container input[type="email"] {margin-top: 0 !important; width: 100% !important;}
.gform_wrapper span.ginput_product_price {color: #184978 !important;}
.ginput_product_price_label {display:none !important}
input[type="reset"], input[type="submit"], input[type="submit"] {cursor: pointer; background: #184979; letter-spacing: 0; text-transform: initial;}
.gform_body .gfield input, .gform_body .gfield textarea {border:solid 1px #dde0e3 !important; border-radius: 3px !important; padding: 8px !important;}
.prix-form {text-align: center; font-size: 25px; margin: 50px auto 0 auto !important; font-weight: 600;}
.prix-form .ginput_product_price {color: var(--color-primary) !important; text-align: center; font-weight: bold; box-shadow: none; margin: 0 !important; font-size: 30px !important; max-width: 250px;}
.cv-mots li, .cv-delais li, .cv-choix li, .cv-pay li {text-align:center;}
.cv-delais li {width: 50%;}
.cv-mots input, .cv-delais input, .cv-choix input, .cv-pay input {display:none !important; }
.cv-mots label, .cv-delais label {border: solid 2px #091d40; width: 100% !important; padding: 20px 15px !important; color: #091d40; font-size: 15px !important; font-weight: 600; border-radius: 3px;}
.cv-choix label {color: #081e40; font-size: 14px !important; font-weight: 600; border-radius: 1px; text-transform: uppercase; background: white; padding: 25px !important; border-radius: 5px;}
.cv-pay label {border: solid 2px #081e40; width: 100% !important; padding: 13px 8px !important; font-size: 15px !important; font-weight: 600; border-radius: 1px; color: #081e40; text-transform: uppercase; border-radius: 3px;}
.cv-pay .gchoice_41_182_0 label:before {content: "\f09d"; font-family: "Font Awesome 6 Pro"; margin-right:10px}
.cv-pay .gchoice_41_182_1 label:before {content: "\f1ed"; font-family: "Font Awesome 6 Pro"; margin-right:10px}
.cv-mots label:hover, .cv-delais label:hover {background:#091d40; transition:0.4s; font-weight:600; color: white;}
.cv-choix label:hover, .cv-pay label:hover {background:#081e40; transition:0.4s; font-weight:600; color:white}
#traduction-cv img {max-width: 400px; padding-right: 30px; padding-bottom:30px; width: 100%;}
#traduction-cv .bouton-cta {width: auto; margin: 25px auto; display: table;}
#traduction-cv .home-trad-cv-img {text-align: center; display: block;}
#traduction-cv li {color: black; font-weight: bold; font-size: 17px; list-style:none}
.form-trad .cv-choix ul.gfield_radio li input[type=radio]:checked+label, .form-trad .tradcv-pay ul.gfield_radio li input[type=radio]:checked+label {background:#081e40 !important; color:white !important}
.form-trad ul.gfield_radio li input[type=radio]:checked+label {background:#091d40 !important; color: white !important;}
.form-trad .cb-trad {max-width: 470px;  margin: auto !important;}
.form-trad .gform_body .gfield .gfield-choice-input {width: auto !important;}
.form-trad .gfield_radio li label {margin:0 !important;}
.label-cv-pro {margin-top: 28px !important;}
.label-cv-pro label {font-weight: bold !important; color: #081f40 !important; margin-top: -6px !important; width: auto !important; font-size: 16px !important;}
#field_79_11 > label {font-size: 24px !important; font-weight: bold !important; color: #081F40;} 
.cv-pro-form .ginput_container input, .cv-pro-form .ginput_container textarea{border: 2px solid #d4d4d4 !important; background-color: white !important; border-radius: 0 !important; box-shadow: none !important;}
.cv-pro-form .name_first label, .cv-pro-form .name_last label {margin-top: -43px !important;}
.formulaire-cv-pro {max-width: 500px; margin: auto;}
.formulaire-cv-pro ul.gfield_radio li {border-bottom: solid 2px #184979;}
.formulaire-cv-pro .gchoice_select_all, .formulaire-cv-pro .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .formulaire-cv-pro .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {font-weight: 700; background: #184979; color: white; text-align: left; padding: 5px 10px; margin-left: 0 !important; width: 100%; max-width: 100% !important;}
.formulaire-cv-pro .mode-paiement ul {width: 100%!important;}
.cp-form-input #gf_coupon_button{width: auto !important; padding-left: 20px !important; padding-right: 20px !important; background: #184978; color: white;}
.gform_wrapper .gform_fields .cp-form-input input {width: 200px !important;}
.gform_wrapper  span.ginput_total {color: #184977 !important;}
.picto-trad img {width:100px}
.picto-trad p{text-transform: uppercase; color: #18497a; font-size: 15px;}
.gform_wrapper .cp-form ul.gfield_checkbox li input[type=checkbox]:checked+label{background:none !important}
.cv-choix .gchoice label:before{content: ""; height: 100px; display: block; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; margin-bottom: 25px;}
.cv-choix .gchoice:first-child label:before {background-image: url('https://modele-cv.com/wp-content/uploads/2019/10/traduction-cv-1.png');}
.cv-choix .gchoice:nth-child(2) label:before {background-image: url('https://modele-cv.com/wp-content/uploads/2019/10/relecture-cv-1.png');}
.cb-trad label {color: white !important;}
.gform_legacy_markup_wrapper #stripe-payment-link:before {display: none !important;}



@media only screen and (min-width: 641px){
    .gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button {margin-right: 10px; background: #222222; color: white; border-radius: 10px; padding: 1%; padding-right: 5%; padding-left: 5%;}
}


/* NEW PAGE TRAD */
.form-trad {background: white; border: solid 2px var(--color-border); max-width: 900px; margin: auto; margin-bottom: 60px; border-radius: 20px; overflow: hidden; padding: 25px;}
.form-trad .listing-form-trad {list-style: none; display: flex; gap: 15px; padding: 0; justify-content: center; margin: 0;}
.form-trad .listing-form-trad li {flex:1; display: flex; flex-direction: column; gap: 4px; color: var(--color-title); position: relative;}
.form-trad .listing-form-trad li.etp-ok {font-weight: bold;}
.form-trad .listing-form-trad li span {background: var(--color-block); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 6px;}
.form-trad .listing-form-trad li.etp-ok span {background: var(--color-primary); color: white;}
.form-trad .content-form-trad {background-color: var(--color-bg); border-radius: 15px; margin-top: 25px; padding: 25px; text-align: center;}
.form-trad .content-form-trad .title-etp-form-trad {margin-top: 0; font-size: 24px; font-weight: 600; margin-bottom: 0;}
.form-trad .content-form-trad .desc-etp-form-trad {margin-top: 5px; margin-bottom: 25px;}
.form-trad .listing-form-trad li:not(:last-child):after {content:""; width: calc(100% - 50px); height: 2px; background: #d4d3d1; position: absolute; right: 5px; top: 14px;}
.encart-import-form-trad {background: var(--color-block); border-radius: 10px; padding: 20px; border: solid 2px var(--color-border); max-width: 400px; margin: auto; cursor: pointer;}
.encart-import-form-trad .import-form-trad {border: solid 2px var(--color-border); border-radius: 10px; display: flex; gap: 10px; padding: 5px; align-items: center; background: var(--color-bg);}
.encart-import-form-trad .import-form-trad p {margin: 0;}
.encart-import-form-trad .import-form-trad p:first-child {margin: 0; background: var(--color-block); border-radius: 7px; padding: 5px 20px;}
.encart-import-form-trad em {margin-top: 8px; display: block; font-size: 14px; opacity: .8; margin-bottom: 0;}
.nav-form-trad {margin-top: 25px; display: flex; justify-content: center; gap: 25px;}
.nav-form-trad .btn1 {display: flex; align-items: center; gap: 11px; width: fit-content;}
.nav-form-trad .btn1.btn-back {background: var(--color-block); color: var(--color-text);}
.nav-form-trad .btn1.btn-back svg {fill: var(--color-text) !important;}
.nav-form-trad .btn1 svg {display: block; max-width: 20px; fill: white; width: 20px;}
.selects-pays-trad-cv {display: flex; gap: 25px; background: var(--color-block); padding: 25px; border-radius: 10px; max-width: 700px; margin: auto; border: solid 2px var(--color-border)}
.selects-pays-trad-cv .field-pays-trad-cv {flex: 1;}
.selects-pays-trad-cv .field-pays-trad-cv label {display: block; font-weight: 600; padding-bottom: 7px; line-height: 1.5; color: var(--color-title);}
.selects-pays-trad-cv .field-pays-trad-cv select {background: var(--color-bg); padding: 10px; border: solid 2px var(--color-border); border-radius: 5px; cursor: pointer; width: 100%;}
.options-form-trad {display: flex; justify-content: center; gap: 15px; margin: 20px 0;}
.card-option-form-trad {background: var(--color-block); padding: 20px; border-radius: 10px; flex: 1; text-align: left; cursor:pointer;}
.card-option-form-trad.preselect {border: solid 2px var(--color-primary);}
.title-card-option-form-trad {margin: 0; font-size: 17px; font-weight: bold; color: var(--color-title); line-height: 1.3;}
.desc-card-option-form-trad {margin: 0; font-size: 15px;}
.price-card-option-form-trad {margin: 5px 0; font-style: italic; color: var(--color-primary);}
.recap-form-trad ul {list-style: none; text-align: left; border: solid 1px var(--color-border); padding: 10px 20px !important; border-radius: 10px;}
.recap-form-trad ul li:not(:last-child) {border-bottom: solid 1px var(--color-border); padding-bottom: 5px; margin-bottom: 5px;}
.total-price-form-trad {font-weight: bold;font-size: 18px; color: var(--color-title);}
.micro-text-pay-form-trad {font-size: 14px; max-width: 400px; margin: 10px auto;}
/* END TRAD CV */




/* START PAGE INTERNE */
.encadre-savoir {background: var(--color-block); padding: 30px; border-radius: 3px;}
.a-savoir em {background: #091e40 !important; color: #fffefb; padding:6px 13px; font-weight: bold; border-radius: 3px;} 
.a-savoir {margin-bottom:-10px; margin-left:20px; padding-top: 20px;}

.encadre-savoir a:hover{text-decoration: underline;color:var(--color-yellow)}
.st-cta {text-transform:uppercase; margin-bottom:0; letter-spacing:2px}
.title-cta {text-transform:uppercase; font-weight:bold; font-size:24px; letter-spacing:2px;color:black;}
.encadre-cta {background:var(--color-primary); padding:20px; border-radius: 5px;}
.encadre-cta .cta-t2, .encadre-cta li {color: white !important;}
.encadre-cta .bouton-metier {background: #0c1e40 !important;}
.encadre-cta img {max-width: 240px; margin: auto; display: block; padding: 0 20px;}
.encadre-cta .disp-flex {align-items: center;}
.cta-t1 {font-weight: bold; color:white; font-size:28px; margin:0; line-height: 33px; padding-bottom: 10px;}
.cta-t2 {color:var(--color-primary); font-size:16px; margin:0; text-transform:uppercase; padding-bottom:25px;}
.mini-cta img {margin-bottom:25px}
.mini-cta .col4 {text-align:center}
.mini-cta form p {display:none !important}
#start-cv {clear: both;}
.block-sp {width:100%; clear:both}
.image-sp img{width: 200px; float:left; margin-right:20px; margin-bottom:40px !important}
.txt-sp p{ width:65%; float:left}
.title-souspages {font-size:16px !important; text-transform:uppercase; font-weight:bold}
.txt-sp {font-size:14px !important;}
.btn-sp {border-top:solid 2px #FCD063;padding:10px; border-bottom:solid 2px #FCD063; text-transform:uppercase; font-weight:bold; margin-bottom: 40px; display: table;}
.btn-sp:hover {border-left: solid 2px #FCD063; border-right: solid 2px #FCD063; border-top:none; border-bottom:none; color:#173B61; text-decoration:none}
.souspages li {list-style:none;}
.souspages li:before {content:""; position:absolute; background:#FDCF50; width:8px; height:8px; left:18px; margin-top:9px;}
.line-c:after {display: block; content: ""; height: 2px; width: 50px; margin: 8px auto 20px; position: relative; background: #4085F3;}
.line-c, .line-g {color:#081e40; font-weight: bold; font-size: 25px; line-height: 36px;}
.line-c {text-align:center}
.line-g:after {    display: block; content: ""; height: 2px; width: 50px; margin-top: 8px; position: relative; background: #4085F3;}
.btn-metier {background:#EFF1F5; padding:10px; display:block; border-right:solid #FECA3A; font-weight:bold}
.btn-metier:hover {background:#FECA3A; text-decoration:none; color:#1B426B; transition:0.4s}
.template-nomarge .container {width:100%; padding:0}
.margin {padding-left:10%; padding-right:10%;}
.big-margin {padding-left: 350px; padding-right: 350px;}
.page-id-5669 #primary, .page-id-2622 #primary ,.page-id-248 #primary, .page-id-2836 #primary, .page-id-29491 #primary, .page-id-37 #primary, .page-id-63 #primary, .page-id-65 #primary, .page-id-67 #primary, .page-id-4782 #primary, .page-id-3944 #primary, .page-id-6851 #primary {padding-top:0 !important}
.page-id-2622 #primary, .page-id-2836 #primary, .page-id-29491 #primary, .page-id-37 #primary {padding-bottom:0 !important}
.background-img-template:hover input[type="submit"] {position: absolute; background: #265181; color: #ffffff; opacity: 1; vertical-align: middle; top: 0;}
.background-img-template:focus input[type="submit"] {position: absolute; background: #265181; color: #ffffff; opacity: 1; margin-bottom: 0 !important; max-height: 100px; vertical-align: middle; display: table; bottom: 0;}
.accroche {text-align: center; font-size: 25px; color: #091E40; display: table; margin: auto; text-transform: none; font-weight: 900;}
.surtitre-h2 {text-align: center; margin-bottom: 0; color: var(--color-primary) !important; font-weight: 600; font-style: italic; margin-top: 10vh;}
.titre-accroche {text-align: center; font-size: 40px; line-height: 40px; margin: 0; margin-top: 20px;}
.titre-accroche strong {font-family: 'anton_regular', sans-serif !important}
.txt-flag-cv {display: block; width: 100%; text-align: left; }
.flag-cv-img {display: block;}
.inside-flag-cv {background: white; display: flex; align-items: center; border-radius: 5px; gap: 15px; border: solid 1px #e6e7ea; padding: 15px;}
.inside-flag-cv span {font-size: 20px; font-weight: bold; display: block;}
.inside-flag-cv a {color: #081e40; text-decoration: none !important; transition: 0.5s; line-height: 20px;}
.inside-flag-cv a:hover {color: var(--color-primary);}
.txt-page p, .txt-page li {color:gray}
.list-icon {width:100px; margin:auto; display:block}
.list-icon-full {margin-top:75px; width: 100%; background: #0c2043; padding: 40px 0;}
.list-icon-full i{font-size: 40px; text-align: center; display: block; color: white;}
.list-icon-full img {max-height: 70px; display: block; margin: auto;}
.list-icon-full p{color: white !important;}
.icon-secu {height: 50px; filter: brightness(0) invert(1);}
.txt-secu {color: #ffffff !important; font-weight: 900;}
.list-icon-full p {text-align:center; color:black; }
.btn-liste {background:#FCCB3D; padding:5px 15px; font-weight:bold; border:solid 2px #FCCB3D; display:table; margin:auto; margin-bottom: 25px;}
.btn-liste:hover {background:none; transition:0.4s; color:#1A416D ; text-decoration:none}
.row-cta-pays {display: flex; align-items: center; background: var(--color-block); padding: 20px; border-radius: 5px; margin: 10px; border: solid 1px var(--color-border); text-decoration: none !important; color: var(--color-title); font-weight: 600;}
.row-cta-pays p {margin: 0 !important;}
.row-cta-pays img {max-height: 60px; margin-right: 20px;}
.liste-competences .disp-flex {gap:20px;}
.liste-competences .disp-flex .col50 {width: calc(50% - 10px);}
.liste-competences .disp-flex .col50 .accordion-content-blue {margin-bottom: 0;}
.liste-competences .accordion-content-blue .titre-accordion {font-size: 16px !important;}
.toc-sidebar {background: var(--color-block); padding: 20px; border-radius: 10px; margin-bottom: 20px; max-height: calc(100vh - 390px); overflow: scroll;}
.toc-sidebar::-webkit-scrollbar {display: none!important;}
.toc-sidebar #sommaire-article {display: flex; flex-direction: column;}
.toc-sidebar #sommaire-article .title_lvl2 {font-weight: 600; color: #0c1e40;}
.toc-sidebar #sommaire-article .title_lvl2:not(:first-child) {border-top: solid 1px #d9dadc;}
.toc-sidebar #sommaire-article .title_lvl3 {margin-left: 10px; padding: 3px 0;}
.toc-sidebar #sommaire-article .title_lvl4 {margin-left: 20px; padding: 3px 0;}
.toc-sidebar #sommaire-article a {font-size: 14px; color: #454B54; padding: 7px 0; display: block; transition: .3s; text-decoration: none !important;}
.toc-sidebar #sommaire-article a:hover, .toc-sidebar #sommaire-article a:focus {text-decoration: none !important; color: var(--color-primary);}
.toc-sidebar .title-sommaire {font-size: 20px !important; font-weight: bold; color: #0b1e40 !important; margin-bottom: 7px; margin-top: 0;}
.toc-sidebar .anim-arrow {display: none;}
.bloc-listing-template-full {border-bottom: solid 1px #c9d1d9; margin-bottom: 35px; padding-bottom: 25px;}
.template-cv-txt {width: 100%; display: flex; gap: 20px; border: solid 2px var(--color-block); border-radius: 15px; overflow: hidden; background: #ffffff; margin-bottom: 30px;}
.template-cv-txt p, .template-cv-txt li {font-size: 14px !important; margin-bottom: 0;}
.template-cv-txt .template-cv-txt-sidebar {width: 30%; background: var(--color-block); padding: 20px;}
.template-cv-txt .template-cv-txt-content {width: 70%;}
.template-cv-txt .template-cv-txt-name {font-size: 20px !important; font-weight: bold; color: black; padding: 10px 0;}
.template-cv-txt .title-template-cv-sidebar {padding: 15px 0 4px 0; font-weight: bold; font-size: 16px !important;}
.template-cv-txt .template-cv-txt-content {padding: 20px 20px 20px 0;}
.template-cv-txt .template-cv-txt-about {padding-bottom: 20px;}
.template-cv-txt .template-cv-txt-title {font-size: 16px !important; font-weight: bold; padding-bottom: 8px;}
.template-cv-txt .template-cv-txt-exp {padding-bottom: 15px;}
.template-cv-txt .template-cv-txt-title-exp {font-weight: 600;}
.template-cv-txt p, .template-cv-txt ul {margin: 0;}
.title-template-cv a {text-decoration: none; color: #091E40; font-weight: 600;}
.bloc-langue-logo{display: flex ;align-items: center;gap: 30px;}
.logo-langue img{height: auto;max-width: 100px;vertical-align: middle;}
.contenu-lettre-html {background: white;padding: 40px;margin: auto;max-width: 800px; border-radius: 10px; border: solid 1px #f0f3f9;}
.infos-personnelles-html, .infos-entreprise-html {margin-bottom: 20px;font-size: 14px;}
.infos-entreprise-html {text-align: right}
.corps-lettre-html {font-size: 14px;color: #555;}
.objet-lettre-html {font-size:16px;font-weight: bold;margin-bottom: 10px;}
.cta-bottom-template {background: var(--color-dark); padding: 40px 0; margin-top: 60px; overflow: hidden; position: relative;}
.cta-bottom-template > div {position: relative; z-index: 1;}
.cta-bottom-template:before {content:""; background-image: url(https://modele-cv.com//app/uploads/2025/03/templates-cv-cta.webp); position: absolute; width: 300px; height: 200px; opacity: .2; left: 4vw; transform: rotate(-7deg); bottom: -72px;}
.title-cta-bottom-template {text-align: center; font-size: 30px; line-height: 35px; color: white !important; font-weight: bold; margin-top: 0;}
.top-page-listing-template {padding-top: 60px;}
.bloc-txt-red {background: var(--color-error-bg); border-radius: 10px; padding: 30px; position: relative;}
.bloc-txt-blue {background: var(--color-block); border-radius: 10px; padding: 30px; position: relative;}
.bloc-txt-blue .number-listing {background: var(--color-bg);}
.bloc-txt-yellow {background: var(--color-advice-bg); border-radius: 10px; padding: 30px; position: relative;}
.bloc-txt-red h3, .bloc-txt-blue h3 {margin-top: 0; padding-top: 0;}
.bloc-txt-red h3 i, .title-bloc-txt-red i {color: var(--color-error-title) !important; margin-right: 8px;}
.bloc-txt-blue h3 i, .bloc-txt-blue h2 i, .title-bloc-txt-blue i {color: var(--color-primary) !important; margin-right: 8px;}
.bloc-txt-yellow i {color: #cfa500 !important; margin-right: 8px; font-size: 20px;}
.bloc-txt-yellow p {margin: 0;}
ol li::marker {color: var(--color-primary) !important; font-weight: bold; font-size: 20px;}
.bloc-txt-blue ul li, .bloc-txt-red ul li {padding-left: 8px !important;}
.bloc-txt-blue ul li::marker {color: var(--color-primary) !important; font-size: 16px; content: "\f00c "; border-radius: 10px; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding-right: 10px;}
.bloc-txt-red ul li::marker {color: #ce0000 !important; font-size: 16px; content: "\f00d "; border-radius: 10px; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding-right: 10px;}
.title-bloc-txt-blue, .title-bloc-txt-red, .title-bloc-txt-yellow {margin: 0; font-size: 18px !important; font-weight: 600; color: #091E40 !important;}
.link-title-template {display: flex; align-items: center; gap: 5px; text-decoration: none; font-weight: bold;}
.link-title-template i {font-size: 14px;}
.subtitle-home-listing-cv {padding: 40px 0px;text-align: center;}
.border-bloc-template {border-bottom: solid 1px #e3e3e3; padding-bottom: 30px;}
.how-create-cv h2 {margin-top: 0; margin-bottom: 15px; font-size: 32px; line-height: 40px;}
.how-create-cv .intro {text-align: center; max-width: 1000px; margin: 0 auto 40px auto; font-size: 18px;}
.number-etp {background: #FAC773; width: 35px; height: 35px; color: #0a1f40; display: flex; align-items: center; justify-content: center; font-weight: 900; border-radius: 10px;}
.templates-creer-cv {text-align: center; margin-bottom: 60px; padding-bottom: 0px;}
.templates-creer-cv ul {padding: 0; list-style: none; display: flex; gap: 15px; text-align: center; align-items: flex-start; max-width: 900px; margin: 0 auto 40px auto;}
.templates-creer-cv ul li {border-radius: 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; width: 33.33%; color: #0a1f40; font-weight: 600;}
.templates-creer-cv ul li img {height: 45px;}
.how-creer-cv {padding: 60px 0;}
.how-creer-cv h2, .how-creer-cv .intro {text-align: center;}
.how-creer-cv .bloc-listing-how-creer-cv {background: #fdfdfb; padding: 25px 40px; border-radius: 10px; border: solid 1px #f0f3f9; display: flex; align-items: center; gap: 30px; margin: 20px auto; max-width: 900px;}
.how-creer-cv .bloc-listing-how-creer-cv h3 {padding: 10px 0 10px 0;}
.how-creer-cv .bloc-listing-how-creer-cv p {margin-top: 0;}
.how-creer-cv .bloc-listing-how-creer-cv svg {display: block; width: 60px; fill: var(--color-primary);}
.txt-creer-cv {max-width: 900px !important; margin: auto;}
.exemples-clients-cv {display: flex; gap: 40px;}
.exemples-clients-cv .bloc-exemple-client-cv {width: 50%;}
.exemples-clients-cv .bloc-exemple-client-cv img {display: block; border-radius: 10px; margin-top: 20px;}
.exemples-clients-cv .bloc-exemple-client-cv .name-exemple-client-cv {text-align: center; font-weight: bold; color: #0a1f40; font-size: 18px; margin: 0;}
.exemples-clients-cv .bloc-exemple-client-cv .job-exemple-client-cv {margin: 0; text-align: center;}
.exemples-clients-cv .bloc-exemple-client-cv .title-exemple-client-cv {text-align: center; font-style: italic; display: table; margin: auto; background: #e1e7fd; color: #0a1f40; padding: 3px 20px; margin-bottom: 10px; border-radius: 5px;}
.faq-creer-cv {padding-top: 60px;}
.faq-creer-cv h2 {margin-bottom: 30px;}
.top-page-left-mobile .breadcrumb-metier {text-align: center;}
.top-page-left-mobile h1 {max-width: 100%; margin-top: 0; padding-top: 0;}
.top-page-left-mobile {margin-top: 60px; padding-bottom: 0;}
.txt-legal {background: white; padding: 40px !important; border-radius: 20px; margin: 60px 0;}
.txt-legal h2 {padding-bottom: 10px; font-size: 22px; padding-top: 50px;}
.txt-legal h2:first-child {padding-top: 0;}
.top-creer-cv {padding-top: 60px; padding-bottom: 60px;}
.top-creer-cv h1 {font-size: 44px !important; line-height: 1.2 !important; max-width: 900px;}
.top-creer-cv img {border-radius: 10px; box-shadow: 2px 1px 20px 0px rgb(0 0 0 / 18%); width: 80%; margin: auto; display: block;}
.double-btn {display: flex; align-items: center; gap: 15px;}
.double-btn > .btn1:last-child {background: var(--color-dark);}
.double-btn > .btn1:last-child:hover {background: var(--color-primary);}
.double-btn > .btn1 {font-size: 18px; padding: 12px 20px; font-weight: 600; display: flex; align-items: center; gap: 7px;}
.double-btn > .btn1 svg {display: block; width: 25px; fill: white;}
.double-btn-center {margin: 40px 0; justify-content: center;}
.top-creer-cv .disp-flex {align-items: center; gap: 40px;}
.top-creer-cv ul {list-style: none !important; padding-left: 20px; margin-bottom: 35px;}
.top-creer-cv ul li {display: flex; font-weight: 600; align-items: center; gap: 5px; font-size: 20px; padding: 5px 0px;}
.top-creer-cv ul li .number {background: var(--color-yellow); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: black; margin-right: 6px; font-weight: 900; font-size: 15px;}
.top-creer-cv ul svg {display: block; fill: var(--color-primary); width: 20px;}
.top-creer-cv .col50 {position: relative;}
.lp-accroche {background: rgb(255 255 255 / 64%); display: flex; width: fit-content; position: absolute; padding: 10px 15px; border-radius: 10px; backdrop-filter: blur(10px); font-weight: 600; max-width: 250px; line-height: 1.3; font-size: 16px; align-items: center; gap: 10px; box-shadow: 2px 1px 20px 0px rgb(0 0 0 / 18%);}
.lp-accroche svg {height: 40px; display: block; fill: var(--color-primary);}
.lp-accroche1 {top: 60%;}
.lp-accroche2 {right: 0; top: 69%;}
.lp-accroche3 {top: 31%; right: -16px;}
.lp-accroche4 {top: 23%; left: 16px; background: linear-gradient(135deg, #0956D2 0%, #7B61FF 100%); color: white !important;}
.lp-accroche4 svg {fill: white !important;}
.sect-logo-clients {border-top: solid 1px var(--color-border); border-bottom: solid 1px var(--color-border); padding-top: 60px; padding-bottom: 60px; margin-bottom: 60px;}
.sect-logo-clients p {text-align: center; max-width: 600px; margin: 30px auto 0 auto;}
.lisiting-logo-clients {display: flex; gap: 20px; justify-content: center;}
.lisiting-logo-clients .bloc-logo-clients {flex: 1;}
.lisiting-logo-clients .bloc-logo-clients img {max-width: 100%; max-height: 50px; width: auto; display: block; margin: auto;}
.label-template {position: absolute; background: hsl(0deg 0% 100% / 65%); backdrop-filter: blur(10px); padding: 8px 15px; font-size: 14px; color: #000000; border-radius: 5px; right: 5px; top: 5px; box-shadow: 2px 1px 20px 0px rgb(0 0 0 / 31%); display: flex; align-items: center; gap: 7px; font-weight: 600; max-width: 220px; text-align: left; line-height: 1.3;}
.label-template svg {display: block; height: 20px; fill: var(--color-primary);}
.templates-creer-cv .title-template, .bloc-img-template-desc .title-template {margin-bottom: 0; text-align: left; justify-content: flex-start; font-weight: 600;}
.templates-creer-cv .desc-template, .bloc-img-template-desc .desc-template  {margin: 14px 0; text-align: left; opacity: .8;}
.templates-creer-cv .template-cv {margin-bottom: 40px;}
.sous-btn {margin-top: 8px; font-size: 15px;}
.sur-btn {text-align: center !important; margin-bottom: 8px; margin-top: 40px;}
.title-svg {display: flex; gap: 8px;}
.title-svg svg {width: 30px;}
.svg-red {fill: #ff3800;}
.cta-inside-page {background: var(--color-title); border-radius: 15px; margin-top: 40px; padding: 40px; position: relative; overflow: hidden;}
.cta-inside-page h2, .cta-inside-page p, .cta-inside-page li {color: white !important; position: relative; z-index: 1;}
.cta-inside-page:before {content:""; background-image: url(https://modele-cv.com//app/uploads/2025/03/templates-cv-cta.webp); position: absolute; width: 300px; height: 200px; opacity: .2; transform: rotate(-7deg); bottom: -45px; right: -2%;} 
.idea-list-txt {margin: 40px 0;}
.listing-list-txt {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;}
.listing-list-txt .bloc-list-txt {width: calc(33.33% - 14px); background: white; padding: 25px; border-radius: 20px; border: solid 1px var(--color-border);}
.listing-list-txt .bloc-list-txt h3 {padding-top: 0;}
.listing-list-txt .bloc-list-txt li {padding: 6px 0; line-height: 1.4;}
.double-btn-hero {display: flex; align-items: center; gap: 20px;}
.double-btn .btn-link {text-decoration: none !important; color: var(--color-title); font-weight: 600; display: flex; align-items: center; gap: 8px;}
.double-btn .btn-link svg {display: block; width: 30px; fill: var(--color-primary);}
.double-btn a {font-size: 18px;}
.top-hero .hero-2col {display: flex; gap: 40px; margin-bottom: 60px;}
.top-hero .hero-col:first-child {width: 60%;}
.top-hero .hero-col:last-child {width: 40%; background: var(--color-block); padding: 25px; border-radius: 10px; display: flex; align-items: center;}
.top-hero .hero-col:last-child img {display: block; margin: auto;}
.top-hero .breadcrumb-metier {margin-top: 0 !important; text-align: left !important;}
.top-hero h1 {max-width: 100%; font-size: 40px !important; text-align: left;}
.top-hero .intro-page {text-align: left !important; margin-bottom: 0 !important;}
.top-hero .double-btn {justify-content: flex-start; margin: 30px 0 0 0;}
.faq-page h2 {margin-bottom: 25px; margin-top: 40px}
.list-btn-job-list{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0;}
.btn-job-list { display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 5px; background: #e2e2e2; text-decoration: none; line-height: 1.2; white-space: nowrap; }
.bloc-new {background: linear-gradient(135deg, #0956D2 0%, #7B61FF 100%); padding: 5px 10px; color: white; text-transform: uppercase; font-size: small; font-weight: 900; border-radius: 4px;}
.list-etp-ccm {padding: 80px 0;}
.list-etp-ccm h2 {text-align: center; margin: 0 auto 20px auto;}
.choice-doc-etp-ccm {display: flex; gap: 10px; justify-content: center;}
.choice-doc-etp-ccm a {background: transparent; padding: 7px 15px; border-radius: 5px; border: solid 1px var(--color-border); color: var(--color-title); cursor: pointer; min-width: 120px; text-align: center;}
.choice-doc-etp-ccm a.active {background: var(--color-block); color: #0c2041; font-weight: 600;}
.choice-doc-etp-ccm a.active:before {content: "\f00c "; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 14px; padding-right: 8px; color: var(--color-primary);}
.listing-blocs-etp-ccm {display: none; position: relative; padding-left: 50px; padding-top: 40px;}
.listing-blocs-etp-ccm.active {display: block;}
.listing-blocs-etp-ccm:before {content:""; height: 100%; width: 4px; display: block; background: var(--color-primary); position: absolute; left: 0; border-radius: 50px;}
.listing-blocs-etp-ccm .bloc-etp-ccm:not(:first-child) {padding-top: 40px;}
.listing-blocs-etp-ccm .bloc-etp-ccm:last-child:before {content:""; position: absolute; display: block; width: 5px; height: 100%; background: var(--color-bg); left: -50px;}
.listing-blocs-etp-ccm .bloc-etp-ccm h3 {padding-top: 0; display: flex; align-items: center; font-weight: 900 !important;}
.listing-blocs-etp-ccm .bloc-etp-ccm h3:before {content:""; position: absolute; left: -73px; background: var(--color-bg); border: solid 4px var(--color-primary); width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: var(--color-primary); font-weight: 900;}
.listing-blocs-etp-ccm .bloc-etp1-ccm h3:before {content:"1";}
.listing-blocs-etp-ccm .bloc-etp2-ccm h3:before {content:"2";}
.listing-blocs-etp-ccm .bloc-etp3-ccm h3:before {content:"3";}
.listing-blocs-etp-ccm .bloc-etp4-ccm h3:before {content:"4";}
.listing-blocs-etp-ccm .bloc-etp5-ccm h3:before {content:"5";}
.listing-blocs-etp-ccm .bloc-etp-ccm {display: flex; gap: 30px; padding-bottom: 60px; position: relative; align-items: flex-start;}
.listing-blocs-etp-ccm .bloc-etp-ccm .txt-etp-ccm, .listing-blocs-etp-ccm .bloc-etp-ccm .img-etp-ccm {flex: 1;}
.listing-blocs-etp-ccm .bloc-etp-ccm .img-etp-ccm {position: relative;}
.listing-blocs-etp-ccm .bloc-etp-ccm .img-etp-ccm video, .listing-blocs-etp-ccm .bloc-etp-ccm .img-etp-ccm img {border-radius: 10px; border: solid 2px var(--color-border); max-width: 100%;}
.img-etp-ccm video {display: block; cursor: pointer;}
.sect-faq-ccm h2 {padding-bottom: 30px; padding-top: 50px;}
.sect-faq-ccm .faq-toggle h2:first-child {padding-top: 0;}
.sect-faq-ccm {padding-top: 0 !important;}
.video-overlay-state {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0; transition: opacity 0.2s ease;}
.video-overlay-state.visible {opacity: 1;}
.video-overlay-icon {width: 70px; height: 70px; border-radius: 999px; background: rgba(42, 42, 42, 0.55); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center;}
.video-overlay-icon svg {width: 30px; height: 30px; fill: #fff; display: none;}
.video-overlay-state.show-play .icon-play, .video-overlay-state.show-pause .icon-pause {display: block;}
.video-reload-btn {position: absolute; inset: 0; margin: auto; width: 70px; height: 70px; border: 0; border-radius: 999px; background: rgba(42, 42, 42, 0.55); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; transition: transform 0.2s ease, opacity 0.2s ease; backdrop-filter: blur(4px);}
.video-reload-btn:hover {transform: scale(1.06);}
.video-reload-btn svg {width: 30px; height: 30px; fill: #fff; margin-left: 2px;}
.video-progress {position: absolute; left: 12px; right: 12px; bottom: 12px; height: 5px; background: rgba(255, 255, 255, 0.35); border-radius: 999px; overflow: hidden; z-index: 2;}
.video-progress-bar {display: block; width: 0; height: 100%; background: #0956D2; border-radius: 999px; transition: width 0.08s linear;}
.arrow-right-txt {height: 17px; margin: 0 5px; fill: var(--color-primary);}


@media screen and (max-width: 1140px){
    .listing-list-txt .bloc-list-txt {width: calc(50% - 10px) !important;}
}


@media screen and (max-width: 740px) {
    .liste-competences .disp-flex{gap:0}
    .template-cv-txt {flex-direction: column;}
    .template-cv-txt-sidebar {width: 100% !important;}
    .template-cv-txt-content {width: 100% !important; padding: 0 20px 20px 20px !important;}
    .template-cv-txt-img {width: 40%; border-radius: 10px; overflow: hidden;}
    .template-cv-txt-top-sidebar {display: flex; gap: 20px;}
    .title-cta-bottom-template {font-size: 20px !important; line-height: 1.5 !important;}
    .how-creer-cv .bloc-listing-how-creer-cv {flex-direction: column; align-items: flex-start; gap: 10px;}
    .how-creer-cv .bloc-listing-how-creer-cv img {height: 70px; width: auto;}
    .exemples-clients-cv {flex-direction: column;}
    .exemples-clients-cv .bloc-exemple-client-cv {width: 100%;}
    .top-page-left-mobile .breadcrumb-metier, .top-page-left-mobile h1, .top-page-left-mobile .intro-page, .how-create-cv .intro, .how-mcv .bloc-how-mcv, .templates-creer-cv {text-align: left;}
    .top-page-left-mobile .btn1 {width: 100%; text-align: center;}
    .how-create-cv h2 {text-align: left; font-size: 22px; line-height: 30px; padding-top: 0;}
    .how-mcv .bloc-how-mcv {padding: 25px;}
    .templates-creer-cv ul {flex-direction: column; gap: 25px;}
    .templates-creer-cv ul li {flex-direction: row; text-align: left; gap: 30px; width: 100%;}
    .top-page-left-mobile {margin-top: 30px; padding-bottom: 0;}
    .top-page-left-mobile .breadcrumb-metier > p {margin-bottom: 0 !important;}
    .top-page-left-mobile .intro-page, .how-create-cv .intro {font-size: 16px;}
    .cta-bottom-template:before {width: 190px; height: 127px; left: -3vw; bottom: -23px; background-size: cover;}
    .txt-legal {margin: 15px 0; padding: 25px !important;}
    .table-wrapper {overflow-x: auto; width: 100%;}
    .table-wrapper table {border-collapse: collapse; min-width: 600px;}
    
    
    .top-creer-cv h1 {padding-top: 0 !important; font-size: 30px !important;}
    .top-creer-cv {padding-top: 40px; padding-bottom: 40px;}
    .double-btn, .double-btn-hero {flex-direction: column; align-items: flex-start;}
    .double-btn a {width: 100%; text-align: center; justify-content: center;}
    .double-btn-hero .btn-link {justify-content: center;}
    .lp-accroche3 {right: 0; top: 9%; z-index: 1;}
    .lp-accroche2 {left: 0; z-index: 4; top: 69%;}
    .lp-accroche1 {right: 6px; top: 49%; z-index: 3;}
    .lp-accroche4 {top: 29%; z-index: 2; left: 10px;}
    .sect-logo-clients {padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px;}
    .templates-creer-cv .template-cv .disp-flex.flex-wrap.gap30 > div, .templates-creer-cv .template-cv .disp-flex.flex-wrap.gap30 > div img {width: 100% !important;}
    .top-creer-cv ul li {font-size: 18px;}
    .lp-accroche {font-size: 14px !important; max-width: 190px;}
    .templates-creer-cv a, .bloc-img-template-desc a {flex-direction: column; text-decoration: none !important;}
    .templates-creer-cv .btn-template-hover, .bloc-img-template-desc .btn-template-hover {position: relative; opacity: 1; bottom: 0; text-align: center; margin-top: 14px;}
    .templates-creer-cv .bloc-desc-template, .bloc-img-template-desc .bloc-desc-template {margin-bottom: 15px;}
    .more-template-btn-listing {margin-top: 40px; text-align: center;}
    .more-template-btn-listing .btn1 {widows: 100%; text-align: center;}
    .sect-logo-clients p {font-size: 14px !important;}
    .lisiting-logo-clients .bloc-logo-clients img {max-height: 25px;}
    .templates-creer-cv h2 {font-size: 25px !important;}
    .listing-list-txt .bloc-list-txt {width: 100% !important;}
    .cta-inside-page {padding: 25px;}
    .cta-inside-page h2 {padding-top: 0 !important;}
    .top-hero .hero-2col {flex-direction: column; margin-top: 20px; gap: 25px; margin-bottom: 30px;}
    .top-hero .hero-col {width: 100% !important;}
    .top-hero .hero-col:last-child {padding: 15px;}
    .top-hero h1 {font-size: 28px !important;}
    .top-hero .double-btn {margin: 15px 0 0 0;}
    .listing-blocs-etp-ccm .bloc-etp-ccm {flex-direction: column; padding-bottom: 30px; gap: 20px;}
    .listing-blocs-etp-ccm .bloc-etp-ccm h3 {padding-left: 10px;}
    .listing-blocs-etp-ccm .bloc-etp-ccm h3:before {width: 35px; height: 35px;left: -40px; border: solid 3px var(--color-primary); font-size: 16px;}
    .listing-blocs-etp-ccm:before {left: 6px; width: 3px;}
    .listing-blocs-etp-ccm {padding-left: 30px;}
    .listing-blocs-etp-ccm .bloc-etp-ccm:last-child:before {left: -25px;}
    .list-etp-ccm {padding: 50px 0;}

}
/* END PAGE INTERNE */


/* START PAGE QUI SOMMES NOUS */
.timeline-story {display: flex; gap: 60px;}
.timeline-story .timeline-col1 {width: 35%; position: relative;}
.timeline-story .timeline-col2 {width: 65%; position: relative;}
.timeline-story .timeline-col2:before {content: ""; width: 2px; height: 100%; background: var(--color-border); display: block; position: absolute; left: -20px;}
.bloc-timeline {padding-left: 50px; position: relative;}
.bloc-timeline .timeline-title .timeline-year {background: var(--color-yellow); padding: 5px 10px; border-radius: 5px; position: absolute; left: -34px; top: 15px;}
.bloc-timeline-col1 {position: sticky; top: 100px;}
.missions-mcv {margin-top: 60px; margin-bottom: 60px;}
.list-services-mcv ul {list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 25px;}
.list-services-mcv li {background: white; width: calc(33.33% - 19px); border-radius: 6px; padding: 25px;}
.list-services-mcv li > strong:first-child {font-size: 18px; line-height: 1.2; display: block; padding-bottom: 10px;}
.chiffres-mcv, .contact-about-mcv {margin-top: 60px; margin-bottom: 60px;}
.chiffres-mcv > div {display: flex; gap: 40px;}
.chiffres-mcv .title-chiffres-mcv {width: 65%;}
.chiffres-mcv .bloc-title-chiffres-mcv {position: sticky; top: 100px;}
.chiffres-mcv .listing-chiffres-mcv {width: 35%;}
.chiffres-mcv .listing-chiffres-mcv .bloc-chiffres-mcv {display: flex; border-bottom: solid 1px var(--color-border); flex-direction: column; padding: 20px 0;}
.chiffres-mcv .listing-chiffres-mcv .bloc-chiffres-mcv:first-child {padding-top: 0 !important;}
.bloc-chiffres-mcv p:first-child {font-size: 40px; font-weight: 900; color: var(--color-primary); margin: 0;}
.bloc-chiffres-mcv p:last-child {font-size: 20px; margin: 0;}
.engagements-mcv {background: var(--color-block); padding: 40px; border-radius: 10px; margin-top: 60px; margin-bottom: 60px;}
.contact-about-mcv .disp-flex {gap: 40px;}
.style-form {background: var(--color-block); padding: 40px; border-radius: 10px;}
.style-form input[type="submit"] {background: var(--color-primary); display: table; padding: 10px 30px; border-radius: 5px; color: white; text-decoration: none !important; transition: .4s; border: none; font-weight: 600; font-size: 16px;}
.style-form input[type="submit"]:hover {background: var(--color-title);}
.style-form input[type="text"], .style-form input[type="email"], .style-form input[type="tel"] {height: 50px !important; border-radius: 10px !important; border: solid 1px var(--color-border) !important; background: var(--color-bg);}
.style-form textarea {border-radius: 10px !important; border: solid 1px var(--color-border) !important; background: var(--color-bg);}


@media screen and (max-width: 740px) {
    .timeline-story, .chiffres-mcv > div {flex-direction: column; gap: 20px;}
    .timeline-story .timeline-col1, .timeline-story .timeline-col2, .chiffres-mcv .title-chiffres-mcv, .chiffres-mcv .listing-chiffres-mcv {width: 100%;}
    .timeline-story .timeline-col2:before {left: 0;}
    .bloc-timeline .timeline-title .timeline-year {left: -10px;}
    .bloc-timeline {padding-left: 75px;}
    .list-services-mcv li {width: 100%;}
    .engagements-mcv, .style-form {padding: 25px;}

}
/* END PAGE QUI SOMMES NOUS */

/* START CHOICE CV */
#filters {display: flex; justify-content: center; align-items: center; gap: 30px; margin: 20px auto 0px auto;}
.filter-group {text-align: center; background: white; padding: 10px 20px; border: solid 1px #f0f3f9; border-radius: 10px; display: flex; gap: 10px;}
.filter-group strong {text-align: left; font-weight: bold; color: #0b1e40;}
.filter-group label {display: flex; align-items: center; gap: 2px; cursor: pointer;}
.builder-etp-choice h1 {text-align: center; margin-top: 40px;}
.builder-etp-choice .intro {text-align: center; margin-top: 0; margin-bottom: 40px;}
#no-results-message img {width: 200px; border: none; opacity: .6;}
#no-results-message {text-align: center; padding: 0 40px; color: #0b1e40; font-weight: bold; font-size: 16px; display:none;}
#reset-filters {padding: 7px 15px; border: solid 1px #0b1e40; color: #0b1e40; border-radius: 5px; cursor: pointer; background: #f8fafc;}
.btn-filtre-menu {display: none; background: #081f40; color: white; padding: 12px 30px; border-radius: 10px; text-align: center; justify-content: center; align-items: center; gap: 10px; display: none; width: 100%; font-weight: bold;}
.builder-etp-choice .template-cv {margin-top: 40px; margin-bottom: 40px;}

@media only screen and (max-width: 768px) {
    .btn-filtre-menu {display: flex;}
    #filters {display: none;}
    .builder-etp-choice h1 {font-size: 25px !important; line-height: 30px !important; padding-bottom: 10px;}
    .builder-etp-choice .intro {line-height: 22px; margin-bottom: 20px;}
}

/* END CHOICE CV */



/* START FOOTER */
.widget-footer {display:flex; text-align:left; padding: 25px 0; gap: 30px;}
.widget-footer p {color:#d9dbdf !important;}
.widget-footer li {list-style:none; text-align:left; margin: 0; position: relative;}
.widget-footer {color:white !important;}
.widget-footer a {color:#d9dbdf !important; padding: 5px 0; display: block; line-height: 24px;}
.button-li-footer:focus {outline: none !important;}
.button-li-footer:hover {background: var(--color-block);}
.button-li-footer {background: var(--color-bg); color: var(--color-title); display: block; text-align: center; margin-left: auto; border: none !important; border-radius: 5px; padding: 8px 25px; transition: 0.4s; cursor: pointer; display: flex; align-items: center; gap: 10px;}
.button-li-footer svg {width: 25px;}
.ul-langue {background: var(--color-bg); padding: 15px 30px; position: absolute; border-radius: 5px; right: 0px; bottom: 53px; margin: 0; display: flex; flex-direction: column; gap: 9px; list-style: none;}
.ul-langue li a {color: #091d38; display: flex; column-gap: 6px;}
.ul-langue li a img {width: 25px; height: 25px;}
.widget-footer li:before {content: ""; width: 5px; height: 5px; position: absolute; background: var(--color-primary); top: 15px; left: -15px; border-radius: 1px;}
.widget-footer .titre-widget {font-weight: 600; font-size: 18px; text-align: left; display: flex; align-items: center; gap: 9px; color: white !important;}
.listing-rs-footer {display: flex; column-gap: 10px; align-items: center; margin-right: auto; justify-content: center;}
.listing-rs-footer svg {width: 25px; display: block; height: 25px;}
.langue-rs-footer {padding-bottom: 10px; background: var(--color-title);}
.langue-rs-footer .content-langue-rs-footer {display: flex; justify-content: center; align-items: center; position: relative;}
footer li a {text-decoration:none !important;}
footer li a:hover {color:var(--color-primary) !important; transition:0.4s}

@media screen and (max-width: 940px) {
  .site-footer .btt a {right: 0;left: 0;}
}

@media only screen and (max-width: 641px){
	.widget-footer a {padding: 4px 0;}
    .widget-footer {flex-direction: column; gap: 0px;}
}

/* END FOOTER */

/* START 404 */
.error-404 {padding: 5% 0;}
.error-404 h1 {text-align: center; padding-top: 0px; font-size: 55px; line-height: 70px !important; max-width: 700px; margin: 0 auto 60px auto; color: #0c1f41;}
/* END 404 */



@media screen and (max-width: 740px) {
    .col3, .sect4-home .bloc-contenu, .sect4-home-img   {display:block; width:100%}
	.col4 {padding:10px; width:100%}
	.sect3-home {width:100%}
	.full-width {width:100%}
	.form-img {display:none}
}

@media screen and (min-width: 1140px) {
    .col2_3 {display:table-cell;padding:10px;  vertical-align:top; padding:50px 0px}
    .col1_3 {display:table-cell;padding:50px 10px}
	.col1_3_70 {width:70%; padding-right: 20px}
}




@media screen and (min-width: 840px) {
    .bloc-col2 {display:table; width:100%;margin:20px 0px}
    .col2 {padding:10px; width: 50%; display: table-cell; vertical-align: middle;}
    .deuxe-sect-ldd {width: 66% !important; margin: auto;}
    .deuxe-sect-ldd .col2{width: 33% !important;}
}


@media screen and (min-width: 740px) {
    .col4 {display:table-cell; padding:2%; width:25%}
    .template-cv-full .col4 {display:table-cell; padding:25px; width:25%;}
	.sect4-home-img {display:table-cell; vertical-align:middle; }
    .sect4-home .bloc-contenu {display:table-cell; width:75%; vertical-align:middle;padding-right:20px}
    .form-img {display:table; width:100%}
    .form-img-img{display:table-cell; width:50%; text-align:center}
	.form-img img {width:200px}
}


@media only screen and (max-width: 641px){
	.entry-title {font-size:16px !important;}	
	.home .page-header {padding: 15px 0px!important;}
    h1:after {width: 3px;height: 19px;}
	.pub-mobile {display:none}	
	.img100mobile {width:100% !important ; padding:0 !important}
	h2 {font-size: 24px; padding-top:20px; line-height: 1.3;}
	.onlypc {display:none}
    .av-home-cv, .inc-home-cv
}


.name_first input {border-radius: 50px; padding-left: 19px !important;}
.name_first input:before {content:"/f007"}
.fa-caret-right {color: #fdd14e; font-size: 17px;}

.liste-abo li {font-size: 14px; margin:0}
.price-home .liste-abo {text-align:center; padding-top:30px}
.preview {width: 30%; padding: 20px; display: table-cell;}
.preview-txt {display: table-cell; vertical-align: middle; text-align: left; text-transform:uppercase ; color:black ; font-weight:bold}

.nom-pdt {display:none}
.cv-note {display:none}






@media screen and (min-width: 640px){
	.conseil-home .col2 {display: table-cell; width: 50%; padding: 25px; vertical-align: top;}
	.table-image {display:table; width:100%}
	.table-cell-arg {display:table-cell; vertical-align:middle}
	.table-cell-img {display:table-cell; width:40%; padding-right: 20px;}
	.pb-only-mobile {display:none}
	.only-mobile {display:none !important}
	.widget-footer > div {width:25%;}
	.margin-no-mobile {padding-left:10%; padding-right:10%;}
	.apercu-cv-mobile {display:none}
	.cv-mots li, .cv-delais li, .cv-choix li, .cv-pay li{display:table-cell !important;   height: 40px; vertical-align:middle; border-left: solid white 20px; border-right: solid white 20px;} 
	#input_65_147.textarea {background:white}
	.gchoice_41_169_1, .gchoice_65_182_0, .gchoice_65_182_1 {width:50%}
	.gchoice_41_182_0 {width: 50% !important;}
	.cv-mots ul, .cv-delais ul, .cv-choix ul, .cv-pay ul{display:table !important; text-align:center; }
}

@media screen and (max-width: 640px) {
    .table-cell-img img {width: 50% !important; margin: auto;  display: block;}
    .logo-header-crea-cv {float:right; text-align: center; width: 100%;}
    .header-create-book .margin {padding: 0 !important;}
	.choix-modele-image a, .choix-modele-image figure {width:100%}
	 .only-desktop {display:none}
    .only-mobile {margin-bottom:30px}
	.margin {padding-left:15px; padding-right:15px;}
	.big-margin {padding-left:30px; padding-right:30px;}
    .disp-flex {flex-direction: column;}
}
@media screen and (min-width: 640px) and (max-width: 1300px) {
    .big-margin {padding-left:100px; padding-right:100px;}	
}





.form-contact #input_29_7, .form-contact #input_29_1 {width: 100% !important;}
#field_79_7, #field_79_1, #field_79_6, #field_79_5, #field_79_24 {max-width: 500px !important; margin: 30px auto !important;}
#input_79_7, #input_79_1, #input_79_6, #input_79_24 {width: 100%;}
#input_79_9 div:first-child {text-align: center; margin: auto !important;}
.form-contact2 .gform_footer {text-align: center;}

.cv-form input:focus {outline:none !important}








/* START CODE PROMO */
.cp-form input {margin-top:0 !important}
.code-promo label{border:none !important}
.code-promo input {margin:0 !important}
#gf_coupons_container_67 {display:table !important;width:100%}
#gf_coupons_container_67 input {display:table-cell !important;}
.code-promo ul.gfield_checkbox li input[type=checkbox]:checked+label {background:none !important}
#gf_coupon_button:hover {background: #ffffff !important; color: #081e40 !important;}
#gf_coupon_button {background: #081e40 !important; color: white !important; border: none !important; height: 45px; transition: 0.4s;}
#gf_coupon_code_67 {width:auto !important; margin-right:10px}
/* END CODE PROMO */






/* START PAGES METIER */
.template-metier h1 {margin-bottom:0 !important; line-height: 42px; font-weight: bold; padding-bottom: 15px; font-size: 32px;}
.template-metier .txt-metier p {color:#30323d; line-height: 1.5;}
.template-metier .txt-metier p strong, .template-metier .txt-metier li strong {color: #30323d;}
.slide-metier-cv .intro-metier {margin-top: 0; font-size: 17px;}
.bouton-metier {background: var(--color-primary); color: #ffffff; border-radius: 10px; font-weight: 600; font-size: 16px; padding: 10px 25px; text-decoration: none !important; display: inline-block; transition: 0.4s;}
.bouton-metier:hover {background: #081f40; color: white;}
.breadcrumb-metier a {color: var(--color-title); font-weight: 600; text-decoration: none !important;}
.breadcrumb-metier #breadcrumbs {font-size: 13px !important; background: var(--color-block); padding: 4px 12px !important; border-radius: 5px; display: inline-block; margin: 0 0 20px 0;}
.slide-metier-cv {padding-top: 40px; padding-bottom: 40px; overflow: hidden; position: relative;}
.slide-metier-cv img {max-height: 100%; display: block; object-fit: cover; overflow: hidden; width: 100%; height: 100%; border-radius: 10px;}
.slide-metier-cv-back-blue {background: #081e40;}
.slide-metier-cv-back-blue h1, .slide-metier-cv-back-blue .intro-metier, .slide-metier-cv-back-blue .intro-metier strong {color: white !important;}
#start-cv, #ldm {padding: 70px 0;}
.cta-more-ldm .carousel .card {background: transparent !important;}
.txt-metier p {font-size: 16px;}
.txt-metier img {border-radius: 10px;}
.txt-metier .title-faq {color: #081e40 !important; font-weight: bold; font-size: 25px; line-height: 36px; margin-top: 35px;}
.sidebar-metier-liste {background: var(--color-block); padding:12px 20px !important; margin-top: 50px; border-radius: 3px;}
.sidebar-metier-liste h3 {color: #0a1e40 !important; font-size: 22px !important; margin: 0 0 20px 0; font-weight: bold !important; line-height: 28px;}
.sidebar-metier-liste p {color: #0a1e40 !important; font-size: 22px !important; margin: 0 0 20px 0; font-weight: bold !important; line-height: 28px; padding-top: 20px; padding-bottom: 5px;}
.sidebar-metier-liste .souspages-metier {display: flex; flex-wrap: wrap;}
.sidebar-metier-liste .souspages-metier li {padding: 0 5px;}
.souspages-metier {padding-left:0 !important}
.souspages-metier li {list-style:none}
.souspages-metier a {text-decoration: none !important; display: block; padding: 2px 0px; color: #4f4d3c; font-weight: 600; transition:0.4s;}
.souspages-metier a:before {content: "-"; padding-right: 7px;}
.cta-metier{background: linear-gradient(45deg, var(--color-primary), #274cdf); padding: 35px 25px; margin-bottom: 50px; border-radius: 10px;}
.sticky-cta {position: sticky; top: 100px;}
.cta-metier-titre {color: white !important; font-size: 22px !important; margin: 0; text-align: center; font-weight: bold;}
.cta-metier-desc {color: #dae0ff !important; max-width: 300px; margin: 5px auto 20px auto; text-align: center;}
.subtitle-metier-titre {text-align: center; color: white !important; margin-top: -8px;}
.cta-metier p {margin-bottom: 0;}
.cta-metier img {max-height: 160px; display: block; margin: 15px auto}
.cta-metier .bouton-metier, .cta-lettre-inside .bouton-metier {margin:auto; background: var(--color-title); color: #ffffff; display: table;}
.txt-metier li:not(.page_item) {color: #50535E; line-height: 1.7; font-size:16px; padding: 2px 0;}
.liste-soeur-metier li .title {margin: 0 !important; color: #0c1e40;}
.content-sidebar-toc {display: flex; flex-direction: row-reverse; gap: 30px; padding: 60px 0 70px 0;}
.content-sidebar-toc .content-sidebar-toc-row1_3 {width: 33.33%}
.content-sidebar-toc .content-sidebar-toc-row2_3 {width: 66.66%}
.slide-2col {display: flex; gap: 30px;}
.slide-2col .col50 {width: 50%;}
.template-cv .intro-subtitle {color: #50535E; line-height: 1.7; font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif; margin-bottom: 30px;}
.content-sidebar-toc-row2_3 h3 {padding-top: 20px;}
.content-sidebar-toc-row2_3 h2:not(:first-child) {padding-top: 40px;}
.bloc-cta-metier-ldmcv {background: var(--color-block); display: flex; gap: 40px; border-radius: 10px; align-items: center; padding: 30px; margin-bottom: 40px;}
.bloc-cta-metier-ldmcv img {max-width: 180px; border-radius: 5px;}
.listing-faq-metier {background: #fbfcfc; padding: 20px; border-radius: 15px; margin-top: 35px; border: solid 2px var(--color-block);}
.listing-faq-metier h3 {font-size: 18px !important; font-weight: 500 !important; margin-bottom: 6px;}
.listing-faq-metier h3:first-child {padding-top: 0 !important;}
.cta-stat-ldm {position: sticky; bottom: 0; text-align: center; margin: 40px auto; display: table; z-index: 2;}
.cta-stat-ldm p {margin: 0;}
.cta-stat-ldm a {background: var(--color-primary); padding: 10px 30px; display: inline-block; margin: 10px; color: white; text-decoration: none !important; border-radius: 10px; font-size: 16px; position: relative; overflow: hidden; animation: scintillement 2s infinite ease-in-out;}
.cta-stat-ldm a:hover {background: var(--color-primary); animation: none;;}
.cta-stat-ldm a i {margin-right: 5px;}
.content-links-soeur {background: white; padding: 40px; border-radius: 10px; border: solid 1px #f0f3f9;}
.content-links-soeur h2 {margin: 0; font-size: 20px; color: #0a1e40;}
.content-links-soeur ul {display: flex; flex-wrap: wrap; gap: 10px; column-gap: 40px; padding-top: 20px;}
.content-links-soeur ul li {width: calc(33.33% - 27px);}
.content-links-soeur ul a {text-decoration: none !important; color: var(--color-primary); font-weight: 600;}
.listing-metier-child {margin-bottom: 60px;}
.listing-metier-child .content-listing-link-metier {background: white; padding: 40px; border-radius: 10px; border: solid 1px #f0f3f9;}
.listing-metier-child .content-listing-link-metier .title-listing-metier {font-size: 22px; font-weight: 600; color: #081f40; margin: 0; line-height: 26px;}
.listing-metier-child ul {display: flex; flex-wrap: wrap; gap: 10px; column-gap: 40px; padding-top: 20px;}
.listing-metier-child ul li {width: calc(33.33% - 27px);}
.listing-metier-child ul li a {text-decoration: none !important;}
.listing-link-metier {display: flex; flex-wrap: wrap; gap: 40px; margin-top: 40px;}
.listing-link-metier .bloc-link-metier {background: white; padding: 40px; border-radius: 10px; border: solid 1px var(--color-border); width: calc(33.33% - 27px);}
.listing-link-metier .bloc-link-metier h3 {padding: 0; margin: 0;}
.listing-link-metier .bloc-link-metier h3 a {text-decoration: none !important;}
.listing-link-metier .bloc-link-metier a {color: #0c1f40;}
.txt-metier blockquote {background: #e1e7fd; padding: 10px 25px; border-radius: 10px; position: relative;}
.txt-metier blockquote:before {content:"\f10d"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; left: -15px; top: -6px; font-size: 35px; color: var(--color-primary);}
.txt-metier .bloc-em {background: white; padding: 20px !important; border-radius: 10px; border: solid 1px #f0f3f9; display: block; position: relative;}
.txt-metier .bloc-em:before {content:"\f10d"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; left: -15px; top: -6px; font-size: 25px; color: #081F40;}


@keyframes scintillement {
    0%, 100% {
        box-shadow: 0 0 10px rgba(62, 101, 255, 0.5), 0 0 20px rgba(62, 101, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 15px rgba(62, 101, 255, 0.8), 0 0 30px rgba(62, 101, 255, 0.5);
    }
}

@media screen and (min-width: 1501px) {
    .cta-more-ldm .carousel {grid-auto-columns: calc((100% / 4) - 12px) !important;}
}

@media screen and (max-width: 640px) {
    .bouton-metier {margin:20px auto 0px auto; font-size: 14px; text-align: center;}
    #start-cv, .content-sidebar-toc {padding: 30px 0;}
    .bloc-cta-metier-ldmcv {flex-direction: column-reverse;}
    .content-links-soeur ul li {width: 100%;}
    .listing-metier-child ul {flex-direction: column;}
    .listing-metier-child ul li {width: 100% !important;}
    .listing-metier-child .content-listing-link-metier {padding: 25px;}
    .listing-metier-child .content-listing-link-metier .title-listing-metier {padding-top: 0;}
    .slide-metier-cv .intro-metier {font-size: 16px;}
    .txt-metier .bloc-em:before {left: -5px; top: -15px;}

    
}
/* END PAGES METIER */

/* START 2020 PAGES */
.img-slide-page {box-shadow:none !important; max-width: 430px; margin:auto; display:block; width: 100%;} 
.intro-page {padding:0 !important}
.breadcrumb-pages a{color:white ; font-weight: bold}
.breadcrumb-pages #breadcrumbs {font-size: 13px !important; color: #dedede;}
.liste-cv-metier .flag-cv-img {max-width:25px !important;}
.liste-cv-metier .col4 {padding:10px !important}
.class-hide {display:none}
.big-number {font-size: 23px; border-radius: 50%; z-index: 1; color: #FBC534; font-family: 'anton_regular', sans-serif !important; font-weight: bold;}
.page-template-template-pages-internes-2020 p, .page-template-template-pages-internes-2020 li:not(.menu-item) {color: #3F3F3F; font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif; line-height: 1.5;}
.jobs_listing, .jobs_listing .jobs {padding: 0 !important; list-style: none;}
.jobs .job {background: white; border-radius: 10px; padding: 30px; margin-top: 20px; margin-bottom: 20px;}
.jobs .job_description {max-height: 300px; overflow: hidden; margin-bottom: 30px; position: relative; padding-top: 20px;}
.jobs .job_description:before {content: ""; position: absolute; background: linear-gradient(179deg, rgb(255 255 255 / 29%), rgb(255 255 255 / 79%), white); width: 100%; display: block; height: 60px; bottom: 0;}
.jobs .job_description h2 {font-size: 20px; margin-bottom: 0; margin-top: 20px;}
.jobs .job_region i {color: var(--color-primary); font-size: 20px; padding-right: 4px;}
.acces-rapide {display: flex; align-items: center; gap: 40px;}
.acces-rapide .title {color: var(--color-title); font-size: 24px; line-height: 26px; min-width: 170px; margin: 0; font-weight: 600;}
.acces-rapide ul {padding: 0; list-style: none; display: flex; gap: 15px;}
.acces-rapide ul li {flex: 1;}
.acces-rapide ul li a {display: block; padding: 10px 20px; border-radius: 10px; background: var(--color-block); color: var(--color-title); text-decoration: none !important; line-height: 22px; font-weight: 600; font-size: 16px; height: 100%; border: solid 1px var(--color-border);}
.acces-rapide ul li i {font-size: 16px; color: var(--color-primary); padding-right: 4px;}
/* END 2020  */


@media screen and (min-width: 640px) {
.bloc-titre-cv-builder {display:table; width:100%;}
.bloc-titre-cv-builder .h2-cv-builder1, .bloc-titre-cv-builder .h2-cv-builder2{padding:50px 50px 0 50px; display:table-cell;width: 50%;}
    .bloc-titre-cv-builder .h2-cv-builder1 h2 {width:21cm}
    }

@media screen and (min-width: 640px) and (max-width: 1300px) {
    .bloc-titre-cv-builder{display:none}
}

.menu-compte i, .menu-login i {font-size: 16px; transition: 0.4s; cursor: pointer;}

@media screen and (max-width: 640px){
  
	/*
    #cv-builder .cv-form a.hide-item i.fa-eye::after, #cv-builder .cv-form a.hide-item i.fa-eye-slash::after {display:none}
	*/
    .nav-toggle-subarrow i {display: none !important;}
    .nav-toggle-subarrow:before{content: "\f347";
    font-family:dashicons;
    margin-right: 10px;
    font-size: 19px;}
    .nav-toggle-dropdown .nav-toggle-subarrow:before {content: "\f343" !important;}
    
}

.back-top-top img {width: 24px; transform: rotate(45deg);}
.site-footer {background: #202020 !important;z-index: 9; position: relative;}
.site-info {background: var(--color-title) !important;}
.site-footer .btt a {background: #091d38 !important;}



@media screen and (min-width: 1600px){
    .margin.max-width {padding-left:0 !important; padding-right:0 !important}
    .max-width {max-width:1140px; margin-left:auto !important; margin-right:auto !important}
    .max-width.marg-list-cv {max-width:1600px; padding: 0 30px;}
    .max-width.marg-list-cv.template-cv img {width: 100%;}
    .big-max-width {max-width:1340px;}
}


#img-loader-rotate img{
		-webkit-animation: rotation 1.3s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

@-webkit-keyframes img-topbot {
0% {
    transform: translate(0px, 0px);
}
25% {
    transform: translate(5px, 8px);
}
50% {
    transform: translate(12px, 15px);
}
75% {
    transform: translate(8px, 3px);
}
100% {
    transform: translate(0px, 0px);
}
}

/* Tooltip text */

@media screen and (max-width: 850px){
    .tooltip-cv .tooltiptext {display:none}   
}
.tooltip-cv .tooltiptext {
  visibility: hidden;
    position: absolute;
    width: 100px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    bottom: 125%;
    left: 50%;
    margin-left: -50px;
    font-size: 14px;
}

.tooltip-info .tooltiptext {visibility: hidden;
    width: 100%;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    display: block;
    margin-top: 10px;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-cv:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip-info:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}




.etp-ccm h3 {text-align:center; text-transform: uppercase; color: #2b5587;}
.etp-ccm p {text-align:center}
.list-how h3 {color: #264f7f;}
.list-how .col2 {padding: 0 !important;}
.title-p-lettre {font-size: 24px; color: #0a1e40;}
.cta-lettre-inside {background: var(--color-primary); border-radius: 10px; padding: 30px; margin-top: 30px; position: relative;}
.cta-lettre-inside .cta-lettre-p1 {color: white !important; text-align: center; font-size: 22px; font-weight: 600; max-width: 510px; margin: auto;}
.cta-lettre-inside img {max-width: 70px; margin: auto; text-align: center; display: block; position: absolute; top: -9px;}


.encadre-ex-cv p {margin-bottom: 0; padding:0;}
.encadre-ex-cv li {margin: 0;}
.encadre-ex-cv {background: var(--color-block)!important;}
.exemple-cv-metier {text-align:center}

@media screen and (min-width: 990px){
    .exemple-cv-metier img{border:solid 1px #e3e3e3; max-width: 450px } 
}
@media screen and (max-width: 990px){
    .exemple-cv-metier img {margin-top:40px}
    .exemple-cv-metier img{border:solid 1px #e3e3e3;} 
    .mini-cta {padding-top:80px !important}
}


#doc-continue-later {    display: block !important;
    margin: 0 !important;
    width: 100%;
    text-transform: initial !important;
    padding: 0px !important; box-shadow: none !important; font-size: 12px !important;
  font-weight: 500; letter-spacing:1px !important;}


/* NOUVEAU BUILDER */

.single-cv-model footer, .single-lettre-motiv-model footer, .single-lettre-motiv footer {display:none !important}
.single-cv .site-footer{display:none !important}
@media screen and (max-width: 1300px){
.cv-info-conseil {display:none}
}

@media screen and (min-width: 1300px){
.single-cv-model .cv-preview, .single-lettre-motiv-model .cv-preview {display: block !important;
    width: 0px !important;
    vertical-align: top !important;
    background: white !important;
    transform: scale(0.4);
    left: 0;
    position: relative;
    height: 20px;}

.bloc-titre-cv-builder  {display:none}

#cv-builder .cv-form { margin-left: 367px;}
.cv-info-conseil {display:table-cell !important; width: 25%;}
.encadre-cv-info-hide {display:none; }
.encadre-cv-info {background: #DAEAFD;
    padding: 20px 30px 7px 30px;
    border-radius: 5px;
    border: solid 1px #2D578B; 
    position: fixed;}
.encadre-cv-info p, .encadre-cv-info li {color: #2D578B;}
#nom {display:block !important; }
/*.single-cv-model #cv-builder .cv-form .cv-form-tabs-contents .cv-form-tab-content {height: auto !important;}*/
#cv-builder .cv-form .cv-form-tabs-contents .cv-form-tab-content {padding: 20px 40px !important; background: #f7f7f7;}
#cv-builder .cv-form .cv-form-tabs .cv-form-tab.active > div {border:none !important}
#cv-builder .cv-form .cv-form-tabs-contents .cv-form-tab-content {border:none !important}
#cv-builder .cv-form .cv-form-tabs .cv-form-tab.active {background-color: #f7f7f7; !important}
/*.single-cv-model #cv-builder .cv-form .cv-form-tabs-contents .cv-form-tab-content{overflow: hidden !important;}*/

.single-cv-model #cv-builder .cv-preview.copyright:after, .single-lettre-motiv-model #cv-builder .cv-preview.copyright:after {
    content: "© MODELE-CV.COM";
    position: absolute;
    margin-top: -539px;
    font-size: 50px;
    color: rgba(0,0,0,.03);
    transform: rotate(60deg);
    margin-left: 200px;
    text-overflow: initial;
    white-space: nowrap;
}
}

@media screen and (min-width: 1400px) and (max-width: 1600px){
    .single-cv-model #cv-builder .cv-form, .single-lettre-motiv-model #cv-builder .cv-form {width:40%}
    .single-cv-model .cv-preview, .single-lettre-motiv-model .cv-preview {transform: scale(0.6); position: relative !important;}
}

@media screen and (min-width: 1601px) and (max-width: 1800px){
    .single-cv-model #cv-builder .cv-form, .single-lettre-motiv-model #cv-builder .cv-form {width:40%}
    .single-cv-model .cv-preview, .single-lettre-motiv-model .cv-preview {transform: scale(0.7); position: relative !important;}
}

@media screen and (min-width: 1801px) and (max-width: 2000px){
    .single-cv-model #cv-builder .cv-form, .single-lettre-motiv-model #cv-builder .cv-form {width:40%; padding-top:88px; }
    .single-cv-model .cv-preview, .single-lettre-motiv-model .cv-preview {transform: scale(0.8); position: relative !important; min-height: 800px;}
}

@media screen and (min-width: 2001px) and (max-width: 2200px){
    .single-cv-model #cv-builder .cv-form, .single-lettre-motiv-model #cv-builder .cv-form {width:40%; padding-top:59px !important}
    .single-cv-model .cv-preview, .single-lettre-motiv-model .cv-preview {transform: scale(0.9); position: relative !important; min-height: 1000px;}
}

@media screen and (min-width: 2201px){
    .single-cv-model #cv-builder .cv-form, .single-lettre-motiv-model #cv-builder .cv-form {width:40%;}
    .single-cv-model .cv-preview, .single-lettre-motiv-model .cv-preview {transform: scale(1.0); position: relative !important; min-height: 1200px; }
}



@media screen and (max-width: 1100px){
    .buy-cv-v2 .liste-abo {text-align: center !important; padding-bottom: 0 !important;}
    .mode-paiement ul li {width:50% !important; float: left;}
    .mode-paiement ul li label{padding: 5px 10px !important;max-width:100% !important; width:100% !important;}
    .buy-cv-v2 .col3 {display:block !important; width:100% !important}
    
}
.block-ex-cv {background: var(--color-primary); padding: 40px; text-align: center; border-radius: 3px;}
.block-ex-cv h2{padding-bottom:20px; color: white; font-size: 25px;}
.block-ex-cv p {display:flex; margin:auto}
.btn-1-ex-cv {background: #ffcd05; color: #091e40; padding: 10px; margin: 10px; width: 50%; font-weight: 600; border-radius: 3px; transition: 0.4s; text-decoration: none !important;}
.btn-1-ex-cv:hover {background: #091e40; color: white;}
.btn-2-ex-cv {background: #091e40; color: white; padding: 10px; border-radius: 3px; width: 50%; margin: 10px; font-weight: 600; transition: 0.4s; text-decoration: none !important;}
.btn-2-ex-cv:hover {background: #ffcd05; color: #091e40;}

#nav-toggle:not(.nav-is-visible) span {width: 26px !important;}
#nav-toggle:not(.nav-is-visible) span:before {display:none !important;}
#nav-toggle:not(.nav-is-visible) span:after {width: 15px !important;}
.skill-comp {position: fixed; bottom: 0; background: #f9c133; width: 100%;}
.skill-comp a {cursor: pointer;}
.skill-comp .bande-skill-comp {max-width: 575px; margin: auto; padding: 15px;}
.skill-comp .skill-comp-close i {position: absolute; right: 20px; top: 15px; font-size: 25px; color: #062140;}
.form-skill-comp {position: fixed; background: #062140; width: 100%; top: 0; z-index: 9; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.form-skill-comp .input input {border-radius: 3px !important;}
.hs-form-a4c23775-7e81-4f9e-9f35-11d34160a2b7_fd8debb1-c18e-463e-b16c-83c69384840a .hs-form-field label:not(.hs-error-msg) {color: white !important; font-size: 16px !important; font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif !important; margin-bottom: 7px !important; display: block !important; font-weight: initial !important;}
.form-skill-comp-title {text-transform: uppercase; font-weight: bold; font-size: 24px; margin-bottom: 10px;}
.form-skill-comp-subtitle {font-weight: bold; font-size: 18px; margin-bottom: 30px;}
.form-skill-comp-act {display: flex !important;}
.skill-comp-hide, .form-skill-comp-hide {display: none !important;}
.close-form-skill-comp a {cursor: pointer;}
.close-form-skill-comp i {position: absolute; color: white; right: 30px; font-size: 30px; top: 30px;}

/* START ACCRODION */
.titre-accordion {color: #0a1e40; cursor: pointer; font-size: 20px !important; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-top: 0; font-weight: 500; line-height: 24px;}
.txt-accordion {max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.txt-accordion h3 {font-size: 20px;}
.txt-accordion h4 {font-size: 17px;}
.accordion:after {content: '\02795'; font-size: 13px; color: #777; float: right; margin-left: 5px;}
.accactive:after {content: "\2796";}
.titre-accordion:before {content: "\f107"; transition: .3s; font-family: 'Font Awesome 6 Pro'; margin-right: 7px; background: #0956d2; color: white; font-weight: 500; display: inline-block; padding: 0 5px; line-height: 24px; border-radius: 3px; font-size: 14px;}
.titre-accordion.active:before {content: "\f106";}
.accordion-content-blue {background: var(--color-block); border-radius: 5px; padding: 15px 35px 15px 15px; margin-bottom: 20px;}
.accordion-content-blue .titre-accordion {margin: 0 !important; padding: 0 !important; font-size: 16px !important; position: relative;}
.accordion-content-blue .titre-accordion.active {margin-bottom: 20px !important;}
.style-accordion .accordion-content {background: var(--color-block); padding: 0 15px; border-radius: 5px; margin-bottom: 15px;}
.style-accordion .accordion-content .titre-accordion {color: var(--color-title) !important; cursor: pointer; font-size: 18px !important; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-top: 0; font-weight: 600; padding-top: 15px; margin-bottom: 0; padding-bottom: 0; line-height: 28px;}
.style-accordion .accordion-content .txt-accordion {padding-top: 15px;}
.style-accordion .accordion-content .txt-accordion > *:first-child {margin-top: 0 !important;}
/* END ACCORDION */
.header-builder {background: var(--color-title); padding: 15px 20px; display:table; width:100%; height: 45px; top: 0 !important;}
.menu-builder-1 {display: flex; gap: 10px; align-items: center;}
.header-builder .site-branding, .header-builder .header-right-wrapper {display:table-cell; vertical-align:middle; width: 50%;}
.header-builder img {height: 50px;}
.header-builder h1 {color: white; font-size: 18px; font-weight: inherit;}
.footer-builder {box-shadow: 10px 5px 10px 10px rgb(50 50 50 / 6%); background: white; z-index: 9999999999; margin-top: 50px; padding: 15px 10px;}
div.enfant-tarif {display: none; position: absolute; background: white; padding: 20px 50px; box-shadow: 7px 5px 30px rgb(72 73 121 / 15%);}
div.parent-tarif:hover .enfant-tarif{display:block; transition: 0.3s;}
.color-white {color:white; cursor: pointer;}
.inside-header-builder {display:block; width:100%;}
.page-template-template-page-paiement .header-builder .btn-return {float:left;}
.page-template-template-page-paiement .followWrap {display: none;}

@media screen and (max-width: 800px) {
    .header-builder .parent-tarif {display:none}
}


.list-block-book .book-img{
    height: 200px;
    background-position: center;
    background-size: cover;
	background-color:grey;
}

.reset_filter {
	color: #fbca3d !important;
    text-decoration: underline !important;
    margin-left: 10px;
    font-size: 12px;
	cursor:pointer;
	
}

.reset_all_filters {
	background-color: #fecd3e;
    color: #091d38 !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'gilroy', 'Helvetica Neue', Arial, sans-serif;
    position: absolute;
    bottom: 30px;
	cursor:pointer;
}




.anim-arrow {
  text-align: center;
  margin: 8% 0;
    display: table-cell;
}
.anim-arrow span {font-size: 20px; margin: 0 10px; font-weight: 400;}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.bouncehorizontal {
  -moz-animation: bouncehorizontal 2s infinite;
  -webkit-animation: bouncehorizontal 2s infinite;
  animation: bouncehorizontal 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@keyframes bouncehorizontal {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
#how video{width:100% !important}

@media screen and (max-width: 640px) {
	.image-sp img {width:100%; display:block}
	
}

@media screen and (max-width: 640px) {
    .template-cv .vc_column-inner{padding: 0 30px !important}
}

.cta-page-create {position: fixed; bottom: 0; z-index: 8; display: block; width: 100%; margin: 0; padding: 13px; text-align: center;}
.cta-page-create .btn-create-cv {text-transform: uppercase; border-radius: 50px; color: #383838;}

@media only screen and (min-width: 641px){
    .cta-page-create {background: rgb(255 255 255 / 60%); box-shadow: 7px 5px 30px rgb(56 56 56 / 30%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
    .followWrap {height:75px !important}
    .home #modeles .titre-accordion {margin-bottom: 20px !important;}
}

.buy-form-v2 .price-form-v2 {display: flex; align-items: center; border-bottom: solid 1px #d4d4d4; margin-bottom: 0; padding-bottom: 4px;}
.buy-form-v2 .price-form-v2 .price-cv {font-size: 35px; color: #081e40; font-weight: bold;}
.buy-form-v2 .price-form-v2 .price-time {display: flex; flex-direction: column; padding-left: 10px; color: #878787; font-size: 14px; line-height: 17px;}
.buy-form-v2 .price-form-v2 .txt-resi {padding-left: 20px; color: gray; font-size: 12px; border-left: solid 1px #d4d4d4; margin-left: 20px; line-height: 48px; font-style: italic;}
.buy-form-v2 .gfield--type-stripe .gform-field-label {margin-top: 20px !important;}

/* START UX MOBILE  */

@media screen and (min-width: 641px) and (max-width: 1360px){
    .cta-lettre-inside img {top: 99px; left: 10px;}
}

@media screen and (max-width: 1200px) and (min-width: 642px){
    .buy-form-v2 .price-form-v2 .price-cv {min-width: 105px;}
    .buy-form-v2 .price-form-v2 .price-time {min-width: 70px;}
    .buy-form-v2 .price-form-v2 .txt-resi {line-height: 20px;}
    
}


@media screen and (max-width: 1140px){
    .site-header {box-shadow: none !important;}
    .sect-account-act .disp-flex {flex-direction: column;}
    .form-edit-author, .account-statut, .form-resi-author {margin: 1% 2%; width: 96%;}
    .listing-link-metier .bloc-link-metier {width: calc(50% - 20px);}
    .acces-rapide {flex-direction: column; align-items: flex-start; gap: 0;}
    .acces-rapide .title {font-size: 20px; padding: 10px 0 5px 0;}
}

@media screen and (min-width: 1140px){
    .form-edit-author, .account-statut, .form-resi-author {width: 33%;}
}

@media screen and (max-width: 980px){
    .buy-cv-v2 .pad40-pc.disp-flex {flex-direction: column;}
    .buy-cv-v2 .pad40-pc.disp-flex .copyright-img-min {margin: auto;}
    .content-sidebar-toc {display: flex; flex-direction: column; gap: 30px;}
    .content-sidebar-toc .content-sidebar-toc-row1_3 {width: 100%}
    .content-sidebar-toc .content-sidebar-toc-row2_3 {width: 100%}
    .content-sidebar-toc .cta-metier {display: none;}
    .content-sidebar-cta-mobile {flex-direction: column-reverse !important;}
    .content-sidebar-cta-mobile .sticky-cta {position: relative !important; top: auto !important;}
    .content-sidebar-cta-mobile .cta-metier {display: block !important;}
    .slide-2col {flex-direction: column;}
    .slide-2col .col50 {width: 100%;}
    .slide-2col .col50 img {margin: auto !important; display: block; max-width: 100%;}
    .toc-sidebar {max-height: 100%;}
}
@media screen and (max-width: 840px){
    .form-contact2 .radio-flex .gfield_radio {flex-wrap: wrap;}
    .template-cv .disp-flex.flex-wrap > .bloc-cv-template {width: calc(50% - 15px);}
    .listing-link-metier .bloc-link-metier {width: 100%;}
    .acces-rapide ul {flex-direction: column; gap: 10px; width: 100%;}
}


@media only screen and (max-width: 641px){
    .template-cv .disp-flex.flex-wrap {flex-direction: row !important; gap: 15px;}
    .template-cv:not(.list-templates-desc) .disp-flex.flex-wrap.gap30 > div {width: calc(50% - 8px) !important;}
    .template-cv.template-3col-desc .disp-flex.flex-wrap.gap30 > div {width: 100% !important;}
    .template-cv .btn-template {display: block; text-align: center;}
    .template-metier h1 {font-size: 30px; line-height: 39px; letter-spacing: -1px; padding: 20px 0;}
    .breadcrumbs-lettre #breadcrumbs {padding: 0 0 10px 0 !important;}
    .accroche {font-size: 20px !important;}
    .anim-arrow span {font-size:18px !important}
    .intro-page {margin: 12px 0 !important;}
    .h2-style {font-size: 23px !important;}
    .buy-cv {margin-top: 20px !important; box-shadow: none !important; border: none; background: transparent; border-radius: 0;}
    .phrase-paiement-btn {margin-top: -76px; background: var(--color-bg);}
    .buy-cv h1 {border: none !important; text-align: left; font-size: 22px !important; line-height: 30px; padding-bottom: 20px; margin-left: 0; margin-right: 0;}
    .pad40-pc {padding:0px !important;}
    .buy-cv-v2 .liste-abo {display:none !important;}
    .buy-p {padding-top: 0; padding-left: 0; padding-right: 0;}
    .reassurance {margin-bottom: 20px; display: flex; flex-direction: column; gap: 20px;}
    .img-reassurance {max-width: 50px; max-height: 100%:}
    .bloc-reassurance {text-align: left; display: flex; align-items: center; gap: 25px;}
    .reassurance .rea-ptop {margin-top: 8px; font-size: 20px; line-height: 24px;}
    .reassurance .rea-pbot {line-height: 24px;}
    .buy-cv-v2 .pad40-pc {background: transparent !important; padding: 0 !important;}
    .buy-form-v2 .price-form-v2 {padding-bottom: 20px !important; margin-bottom: 20px; flex-wrap: wrap;}
    .buy-form-v2 .gform_wrapper ul.gfield_radio li {width: 100% !important; border: solid 1px #d5d5d5; margin-bottom: 0; color:black !important}
    .buy-form-v2 .gform_wrapper ul.gfield_radio li label{padding: 15px 15px 15px 15px !important; font-size: 15px !important; margin: 0 !important; border-bottom: none !important}
    .buy-form-v2 .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {background: #d5d5d5 !important; color:black !important}
    .buy-form-v2 .gform_wrapper ul.gfield_radio #label_67_2_0:before {content: ""; background: url(/wp-content/uploads/2021/10/logo-cb.png); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
    .buy-form-v2 .gform_wrapper ul.gfield_radio #label_67_2_1:before {content: ""; background: url(/wp-content/uploads/2021/10/paypal-logo.png); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
    .price-cv {font-size: 30px !important; min-width: 90px;}
    .buy-form-v2 .price-form-v2 .price-time {min-width: 70px; text-align: left; display: block; padding: 0;}
    .buy-form-v2 .price-form-v2 .txt-resi {text-align: left; line-height: 16px !important; font-size: 11px; padding: 0; margin: 0; border: none; width: 100%;}
    #input_67_9_5 {font-size: 14px !important;}
    .template-ldd {padding: 20px !important;}
    .template-ldd p{font-size: 12px !important;}
    .titre-accordion {font-size: 18px !important; line-height: 26px !important;}
    .titre-accordion:after {display: none !important;}
    .line-g, .line-c {font-size: 22px;}
    h3 {font-size: 20px !important;}
    .custom-logo-link img {width: 170px !important;}
    .site-branding .site-logo-div, .site-header, .followWrap {line-height: 59px !important;}
    .page-template-template-pages-internes-2020 p, .page-template-template-pages-internes-2020 li {font-size: 16px;}
    .list-how .col2:first-child {border-bottom: solid 2px var(--color-primary);}
    .vc_toggle {padding: 15px !important;}
    .home #traduction-cv {padding-bottom: 50px;}
    .bouton-cta, .bouton {text-align: center;}
    .template-cv-div {display: flex !important; flex-flow: row wrap;}
    .template-cv .col4 {width: 46%; margin: 2%;}
    .mini-cta .template-cv .col4 {width: 96%; margin: 2%;}
    .form-connexion {padding: 10px 0;}
    .form-connexion .gform_0 {padding: 0 10px !important;}
    .form-connexion p {margin-bottom: 0;}
    .form-connexion .gform_wrapper .top_label .gfield_label {margin-top: 0 !important}
    .form-connexion form {padding-bottom: 0 !important;}
    .disp-flex .col25, .disp-flex .col50, .disp-flex .col60, .disp-flex .col40, .disp-flex .col33, .disp-flex .col20, .disp-flex .col30, .disp-flex .col15, .disp-flex .col35 {width:100%;}
    .disp-flex .col25 {text-align: center;}
    .form-contact2 .radio-flex .gfield_radio {flex-wrap: initial; flex-direction: column;}
    .form-contact2 .radio-flex .gfield_radio li label {width: 100% !important;}
    .btn-contact-info {display: table; margin: 5px 0;}
    .form-contact2 .contact-info {flex-direction: column;}
    .form-contact2 .contact-info i {padding: 0 0 30px 0;}
    .cta-lettre-inside {margin-top: 50px;} 
    .cta-lettre-inside img {top: -41px; left: 7px; max-width: 67px;}
    .slide-metier-cv {padding-top: 20px; padding-bottom: 20px;}
    .sous-page-24 {margin-top: 7px !important; padding-top: 0 !important;}
    .sous-page-24 .breadcrumb-metier {text-align: left !important;}
    .sous-page-24 .breadcrumb-metier p {margin-bottom: 0 !important;}
    .sous-page-24 .intro-page {margin-bottom: 40px !important; font-size: 16px;}
    .filter-template-cv.active .filter-template-cv-left {width: 100%;}
    .sous-page-24 h2.accroche {line-height: 1.2 !important; margin-bottom: 8px;}
    .home-24 .title-home-listing-cv {font-size: 22px !important; line-height: 30px !important; margin-top: 20px !important; margin-bottom: 10px; text-align: left;}
    .home-24 h3.title-home-listing-cv {font-size: 19px !important;}
    .marg-list-cv {margin: 0 20px;}
    .home-24 .desc-home-listing-cv, .avis-pay h2 {text-align: left;}
    .listing-avis-trust {flex-direction: column;}
    .list-templates-desc .disp-flex > div {width: 100% !important;}
    .header-builder img {height: 30px; width: 30px;}
    .header-builder h1 {font-size: 16px;}
}

@media only screen and (max-width: 441px){
    .template-cv .disp-flex.flex-wrap > .bloc-cv-template {width:100%;}
    .phrase-paiement-btn {margin-top: -93px;}
}


@media (min-width: 576px) {
  header .container, footer .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  header .container, footer .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  header .container, footer .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  header .container, footer .container {
    max-width: 1140px;
  }
}

/* END UX MOBILE  */

/* START UX TABLETTE  */
@media screen and (min-width: 642px) and (max-width: 1300px) {
    .btn-template {padding:4px 20px !important; font-size: 14px;}
}

/* END UX TABLETTE  */