@charset "UTF-8";
/* CSS Document */
/*
 Theme Name:   Divi - mf
 Theme URI:    http://*.marcfrancey.ch
 Description:  CV
 Author:       Marc Francey
 Author URI:   http://marcfrancey.ch
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child-mf
*/
/* Stylage des modèle de pages d'archives dans le Divi Builder */
.mf_realisations_archive {
  font-family: 'Montserrat'; }
  .mf_realisations_archive h2 {
    font-size: 24px;
    font-weight: 800; }
  .mf_realisations_archive h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 0; }
  .mf_realisations_archive .dmach-acf-value {
    color: #000; }
  .mf_realisations_archive p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2em; }
  .mf_realisations_archive .et_pb_module {
    margin: 0 !important; }
  .mf_realisations_archive div.grid-col.dmach-grid-item {
    background-color: transparent;
    transition: background-color 0.5s ease-in-out;
    /* Transition fluide */ }
    .mf_realisations_archive div.grid-col.dmach-grid-item .et_pb_section {
      background-color: transparent !important; }
    .mf_realisations_archive div.grid-col.dmach-grid-item:hover {
      background-color: #F6F6F6; }
  .mf_realisations_archive .reset-filters {
    display: none !important; }

.et_pb_contact_field_radio:nth-child(1) label {
  font-weight: 700; }

.et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_0_tb_body .divi-radio-buttons .et_pb_contact_field_radio input:checked + label, .et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_0_tb_body .divi-radio-tick_box.radio-choice-check input:checked ~ .checkmark, .et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_0_tb_body .divi-radio-tick_box.radio-choice-radio .divi-checkboxsingle input:checked ~ .checkmark:after, .et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_0_tb_body .divi-radio-tick_box.radio-choice-radio .divi-checkboxmulti input:checked ~ .checkmark, .et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_0_tb_body .divi-radio-tick_box .divi-checkboxmulti input:checked ~ .checkmark {
  background-color: green !important; }

div.mf-wpdm-download-button > div > a {
  border: 2px solid #000;
  background-color: #fff;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  padding: 10px 15px 10px 40px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 60px; }
  div.mf-wpdm-download-button > div > a:hover {
    background-color: #E8E8E8; }
    div.mf-wpdm-download-button > div > a:hover::before {
      content: '\f019'; }
  div.mf-wpdm-download-button > div > a::before {
    font-family: 'Font Awesome 6 Pro';
    /* Assurez-vous d'utiliser la bonne version */
    content: '\f1c1';
    font-size: 20px;
    font-weight: 200;
    margin: 0 20px 0 0;
    position: absolute;
    left: 15px; }

.vertical-align-center-row {
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    .vertical-align-center-row {
      display: flex;
      flex-direction: column;
      /* Force l'empilement des colonnes */ } }

.vertical-align-center-column {
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    .vertical-align-center-column {
      width: 100% !important; } }

#top-menu {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #000; }

.sub-menu {
  margin-left: -150px; }

#main-header {
  /* height: 200px !important;
    #top-menu-nav {
        margin-top:30px;
    }*/
  /*height:200px;
  .logo_container {height:150px !important;}*/
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 16px !important;
  font-weight: 200 !important;
  color: #000; }

.pa-blog-equal-height .pa-auto-height {
  height: auto !important; }

.pa-blog-equal-height .pa-auto-margin {
  margin-top: 20px !important; }

.mf-cv-company-logo img {
  filter: grayscale(1); }

.experience_company_duration {
  color: #000;
  font-weight: 600; }

.experience-description a {
  color: #f56845; }
  .experience-description a:before {
    content: 'aasdf'; }

.mf-cv-experience, .mf-cv-training, .mf-cv-language, .mf-cv-company, .mf_recommandation {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  color: black; }
  .mf-cv-experience ul, .mf-cv-training ul, .mf-cv-language ul, .mf-cv-company ul, .mf_recommandation ul {
    list-style: none;
    /* Supprime les puces par défaut */
    padding-left: 0;
    /* Ajuste l'alignement */
    margin-top: 10px; }
  .mf-cv-experience ul li, .mf-cv-training ul li, .mf-cv-language ul li, .mf-cv-company ul li, .mf_recommandation ul li {
    position: relative;
    padding-left: 2em;
    /* Espace réservé pour l'icône */
    margin-top: 20px 0 25px 0; }
  .mf-cv-experience ul li::before, .mf-cv-training ul li::before, .mf-cv-language ul li::before, .mf-cv-company ul li::before, .mf_recommandation ul li::before {
    font-family: 'Font Awesome 6 Pro';
    /* Assurez-vous d'utiliser la bonne version */
    content: '\f00c';
    /* Icône de coche (✔) */
    font-weight: 600;
    /* Obligatoire pour certaines icônes */
    position: absolute;
    left: 0;
    top: 0em;
    /* Ajuste l'alignement vertical */
    width: 1.5em;
    /* Assure un bon espacement entre l'icône et le texte */
    text-align: center; }
  .mf-cv-experience h3, .mf-cv-training h3, .mf-cv-language h3, .mf-cv-company h3, .mf_recommandation h3 {
    font-size: 16px;
    margin-top: 20px 0 0 0;
    font-weight: 800; }
  .mf-cv-experience .pt-cv-ifield img, .mf-cv-training .pt-cv-ifield img, .mf-cv-language .pt-cv-ifield img, .mf-cv-company .pt-cv-ifield img, .mf_recommandation .pt-cv-ifield img {
    display: none; }
  .mf-cv-experience .pt-cv-content, .mf-cv-training .pt-cv-content, .mf-cv-language .pt-cv-content, .mf-cv-company .pt-cv-content, .mf_recommandation .pt-cv-content {
    font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important; }
    .mf-cv-experience .pt-cv-content .pt-cv-rmwrap a, .mf-cv-training .pt-cv-content .pt-cv-rmwrap a, .mf-cv-language .pt-cv-content .pt-cv-rmwrap a, .mf-cv-company .pt-cv-content .pt-cv-rmwrap a, .mf_recommandation .pt-cv-content .pt-cv-rmwrap a {
      font-size: 0px;
      background-color: #000;
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 2px;
      width: 50px;
      padding: 0;
      margin: 10px 0 0 0; }
      .mf-cv-experience .pt-cv-content .pt-cv-rmwrap a::before, .mf-cv-training .pt-cv-content .pt-cv-rmwrap a::before, .mf-cv-language .pt-cv-content .pt-cv-rmwrap a::before, .mf-cv-company .pt-cv-content .pt-cv-rmwrap a::before, .mf_recommandation .pt-cv-content .pt-cv-rmwrap a::before {
        font-family: 'Font Awesome 6 Pro';
        /* Assurez-vous d'utiliser la bonne version */
        content: '\f141';
        font-size: 20px;
        font-weight: 300;
        display: inline-block;
        margin-left: 17px; }
      .mf-cv-experience .pt-cv-content .pt-cv-rmwrap a:hover::before, .mf-cv-training .pt-cv-content .pt-cv-rmwrap a:hover::before, .mf-cv-language .pt-cv-content .pt-cv-rmwrap a:hover::before, .mf-cv-company .pt-cv-content .pt-cv-rmwrap a:hover::before, .mf_recommandation .pt-cv-content .pt-cv-rmwrap a:hover::before {
        font-family: 'Font Awesome 6 Pro';
        /* Assurez-vous d'utiliser la bonne version */
        content: '\f101'; }

.mf-cv-experience .pt-cv-ctf-list > div:nth-child(1),
.mf-cv-experience .pt-cv-ctf-list > div:nth-child(2) {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 5px; }
.mf-cv-experience .pt-cv-ctf-list > div:nth-child(2):before {
  content: '-';
  margin-right: 5px; }
.mf-cv-experience .pt-cv-ctf-list .pt-cv-ctf-mf_experience_date_start {
  display: inline-block; }
.mf-cv-experience .pt-cv-ctf-list .pt-cv-ctf-mf_experience_date_end {
  display: inline-block; }
.mf-cv-experience .pt-cv-ctf-list .pt-cv-ctf-experience_company_name {
  display: none; }
.mf-cv-experience .pt-cv-ctf-list .pt-cv-ctf-experience_position {
  font-size: 22px;
  font-weight: 600; }
.mf-cv-experience .pt-cv-ctf-list .pt-cv-ctf-experience_position_subtitle {
  font-size: 18px;
  font-weight: 200; }
.mf-cv-experience .pt-cv-ctf-list .pt-cv-ctf-experience_description {
  display: none; }

.mf-cv-training .pt-cv-content {
  font-size: 0px; }
  .mf-cv-training .pt-cv-content .pt-cv-rmwrap {
    margin-top: -30px; }

.mf_company_logo {
  max-width: 200px;
  filter: grayscale(1); }

/*
.et_pb_row {
    display: flex;
    align-items: center;
}
.et_pb_column.align-middle {
    display: flex;
    align-items: center;
    justify-content: center; // Facultatif : centre aussi horizontalement 
}*/
/* Divi Theme Builder Experience */
div.mf_experience_length {
  font-weight: 200; }
  div.mf_experience_length div.mf_experience_duration {
    display: inline-block;
    font-weight: 800; }
  div.mf_experience_length div.mf_experience_date {
    display: inline-block;
    font-weight: 200; }

.mf-website-url a, .mf-zefix-url a {
  font-size: 14px;
  line-height: 30px; }
  .mf-website-url a::before, .mf-zefix-url a::before {
    font-family: 'Font Awesome 6 Pro';
    /* Assurez-vous d'utiliser la bonne version */
    display: inline-block;
    width: 50px;
    font-weight: 200;
    font-size: 24px;
    color: #000; }
  .mf-website-url a:hover::before, .mf-zefix-url a:hover::before {
    font-weight: 600; }

.mf-website-url a::before {
  content: '\e60e'; }

.mf-zefix-url a::before {
  content: '\e61e'; }

.mf_skill_lang {
  margin-top: 10px; }
  .mf_skill_lang a {
    background-color: #000;
    display: block;
    width: 50px;
    height: 28px;
    overflow: hidden;
    color: #fff;
    line-height: 28px; }
    .mf_skill_lang a::before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f141';
      font-size: 20px;
      font-weight: 300;
      display: inline-block;
      margin-left: 17px; }
    .mf_skill_lang a:hover::before {
      font-family: 'Font Awesome 6 Pro';
      content: '\f101'; }

.footer_note {
  font-weight: 200;
  margin: 0 10px; }

.mf_recommandation {
  /* Réduit la taille de l'image et ajuste les colonnes */ }
  .mf_recommandation .pt-cv-content-item {
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0; }
    .mf_recommandation .pt-cv-content-item:nth-child(1) {
      border-top: 0px; }
  .mf_recommandation .pt-cv-title {
    margin-top: -10px !important; }
  @media (min-width: 768px) {
    .mf_recommandation {
      /* Ajuste la taille de l’image à 50% de sa taille d'origine */
      /* Ajuste la largeur du texte pour compenser */
      /* Correction pour éviter que du contenu passe sous les éléments flottants */ }
      .mf_recommandation .pt-cv-thumb-wrapper {
        width: 25% !important;
        /* Réduit la largeur du wrapper image */
        float: left !important;
        /* Force l'image à rester à gauche */
        display: inline-block;
        /* Évite que le texte passe en dessous */ }
      .mf_recommandation .pt-cv-thumb-wrapper img {
        width: 100% !important;
        /* Remplit le conteneur réduit */
        height: auto !important;
        /* Maintient les proportions */
        display: block;
        /* Évite tout espace blanc sous l'image */
        border: 1px solid #000; }
      .mf_recommandation .pt-cv-colwrap {
        width: 70% !important;
        /* Équilibre la mise en page (au lieu de 80%) */
        float: left !important;
        /* Force le texte à rester à droite de l’image */
        display: inline-block;
        /* Assure un bon alignement */ }
      .mf_recommandation .pt-cv-content-item {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        /* Assure que tout reste bien aligné */ } }

/* Modification de l'épaisseur du compteur bar pour les langues */