@charset "UTF-8";

/*
Theme Name: Mutami
Author: Bleu Digital
Author URI: bleu-digital.fr
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

footer .logo_vep {
    max-width: 135px !important;
}

.owl-solution .owl-item{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.arrow_slide {
    width: 100px; /* ajustez selon vos besoins */
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 150;
    display: flex;
    justify-content: center; /* centre horizontalement */
    align-items: center; /* centre verticalement */
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.1607843137);
    cursor: pointer;    
}

.par-dessus{
    width:100%;
    display:none;
    position:fixed;
    z-index: 50;
    padding-right: 25px;
}

.par-dessus .onglet_solution{
    border-radius: 0px !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.bloc_decouvrir{
    background-color: #E5E1D9;
    padding: 30px;
    border-radius: 45px;
}


.actualite #header .right {
    /* padding: 10px; */
    padding: 0 !important;
}

@media (max-width: 1100px) {
    .owl-carousel{
        width:50% !important;
    }
    .bloc_fixe{
        width:50% !important;
    }
}

@media (max-width: 670px) {
    .owl-carousel{        
        display: none !important;
    }
    .arrow_slide{
        width:20% !important;
        border-top-left-radius: 0px !important;
    }
    .bloc_fixe{
        width:80% !important;
    }
    .onglet_solution_premier{
        border-top-right-radius: 0px !important;
    }    

    .page_solution .init_margin_negative{
        margin-bottom: -60px;
    }

   /* #topcontrol #scroll_top_arrow {
        bottom: 100px;
        right: 12px;
    }*/
}

@media (max-width: 550px) {
    .onglet_solution_premier{
        min-width: initial !important;
        min-height: 80px !important;
        border-top-right-radius: 0px !important;
    }
    .arrow_slide{
        width:25% !important;
        border-top-left-radius: 0px !important;
    }
    .bloc_fixe{
        width:75% !important;
    }
}

.page_centres_soins .centres-carousel .card .card-body {
    position: relative;
}
.page_centres_soins .centres-carousel .card .hide-hover {
    display: block;
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%);
    width: 100%;
}
.page_centres_soins .centres-carousel .card:hover .hide-hover {
    display: block;
}

.page_centres_soins .centres-carousel .card .show-hover {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: all linear 0.2s;
    background-color: white;
    z-index: 1;
    position: relative;
}
.page_centres_soins .centres-carousel .card:hover .show-hover {
    display: block;
    max-height: 500px;
    transition: all linear 0.2s;
}
.page_centres_soins .centres-carousel .card .show-hover .desc {
    z-index: 1;
    position: relative;
}

.page_centres_soins .centres-carousel .card .hide-hover-height {
    opacity: 0;
    max-height: 150px;
    transition: all linear 0.2s;
}
.page_centres_soins .centres-carousel .card:hover .hide-hover-height {
    max-height: 0;
    transition: all linear 0.2s;
}

.page_centres_soins .centres-carousel .card {
    overflow: hidden;
}
.card_container {
    padding: 20px;
}
.page_centres_soins .centres-carousel .card .img img {
    max-width: 100%;
    margin: auto;
    height: auto;
    max-height: 130px;
    width: auto;
}
.page_centres_soins .centres-carousel .slick-track {
    margin-top: 30px;
    margin-bottom: 30px;
}
.page_centres_soins .centres-carousel {
    min-height: unset;
}
.actualite #contenu ul li {
    font-size: 18px;
}

@media (max-width: 767.98px) {
    .page_centres_soins .centres-carousel .card .hide-hover {
        display: none;
    }
    .page_centres_soins .centres-carousel .card .show-hover {
        max-height: unset;
    }
    .page_centres_soins .centres-carousel .card .hide-hover-height {
        display: none;
    }
    .page_agence .col_left .card_conseiller .col_infos .lien_tel .bloc_tel .img_tel {
        width: 35px;
    }
    .page_agence .col_left .card_conseiller .col_infos .lien_tel .bloc_tel .num_tel {
        font-size: 18px;
    }
    /* #slick_RaccsHome {
        margin-bottom: 110px;
    } */
    .page_vie_mutualiste .container_mt {
        margin-top: 30px;
    }
    .fix_mt_small {
        margin-top: 30px;
    }
    .page_header .d_image_left .col_titre .col_texte h1 {
        margin-bottom: initial;
    }
    .fiche_prevention_videos.slick-dotted.slick-slider {
        margin-bottom: 45px;
    }
    .fiche_prevention_videos .slick-track {
        margin-bottom: 20px;
    }
    .bandeau_violet {
        margin-bottom: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sitemap_html {
        columns: 2;
    }
    .page_vie_mutualiste .bloc_pictos .bloc_picto img {
        max-height: 60px;
    }
}

@media (max-width: 575.98px) {
    .qui-sommes-nous .card .svg svg {  
        max-width: 60px;
    }
    .sitemap_html {
        columns: 1;
    }
    .button_surco {
        font-size: 4cqw !important;
    }
}
@media (min-width: 1099.98px) {
    .d_custom_1100 {
        display: none;
    }
}



:root {
	--bs-body-line-height: 1.2; 
}

.agence_search_form_container {
    line-height: 1.5;
}

.page_agences .checks_depts .checkbox_list_item, 
.page_agences .checks_regions .checkbox_list_item {
    display: inline-block !important;
    width: 100%;
}

.page_agences .checks_depts .checkbox_list_item label .list_item_label, 
.page_agences .checks_regions .checkbox_list_item label .list_item_label {
    width: 100%;
}

.contact .card .youtube svg {
    height: 55px;
    max-width: 55px !important;
    width: 55px;
}

.contact .card.white .socials .youtube svg path {
    fill: #ff0000;
}

.contact .card.white .socials a {
    margin: 5px;
}

.qui-sommes-nous .section-offres .guillemets.ouvert, .qui-sommes-nous .section-engagement .guillemets.ouvert {
    left: 0;
    top: 10px;
}
.qui-sommes-nous .section-offres .guillemets.ferme, .qui-sommes-nous .section-engagement .guillemets.ferme {
    left: unset;
    right: 0;
    bottom: 10px;
}

.guillemets_texte {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.guillemets_texte p {
    margin-top: 50px;
}

.qui-sommes-nous .section-offres .guillemets.ouvert svg {
    max-width: 80px;
}
.qui-sommes-nous .section-offres .guillemets.ferme svg {
    max-width: 48px;
}

@media print, screen and (max-width: 575px) {
    .qui-sommes-nous .guillemets.ouvert, .qui-sommes-nous .guillemets.ferme {
      position: absolute;
    }
    .guillemets_texte {
        padding: 80px 0 55px 0;
    }
}
@media print, screen and (min-width: 576px) {
    .guillemets_texte {
        padding: 0 58px 0 90px;
    }
}

@media print, screen and (min-width: 992px) {
    .accueil .conseillers-section #search-conseillers {
      margin-top: 1rem;
    }
    
    .actualite #header .right {
        padding: 10px !important;
        /* padding: 0 !important; */
    }
}

.conseillers-section .middle-col .middle .img.text-center {
    max-width: 600px;
    margin: auto;
}




@media print, screen and (min-width: 1200px) {
    footer .menu_bas_1 {
      column-count: 3;
    }
  }