@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;750;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@import './badge.css';

@import './retours.css';

/* SECTION MENU BG*/
#navbar{
    z-index: 5;
    transition: left 1s ease-in-out;
    top: 0;
    transform: translate(-100%);

}
#navbar.active #open-menu{
    display: none;
}

#navbar:not(.active) #close-menu{
    display: none;
}

[data-body] { 
    min-height: 90vh;
}

#open-menu,
#close-menu {
    text-align: right;
    position: absolute;
    top: 5px;
    left: 160px;
    z-index: 100;
    display: block;
}

/* position responsive menu at the right of the screen */
#close-menu {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    transform-origin: 0% 0%;
    transform: translate(200%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

/* and let's slide it in from the right */

#btn-bg{
    top: 0;
    left: 120px;
    width: 30px;
    height: 30px;
    background-color: var(--bs-primary);
    transform: translate(100%);
    transition: all 1s ease-in-out;
}

/* @media (min-width: 1200px) {
    #btn-bg, #close-menu, #open-menu{
        display: none;
    }
} */

/* !SECTION MENU BG*/

/* ========================================================================== */
/* Général */
/* ========================================================================== */
html body .container-xxl.justify-content-md-start{max-width:1660px}
.justify-content-space-between {justify-content: space-between;}
html body button {border-radius: 30px!important;}
html body .card {border-radius: 10px;}
.container_promo {transform: rotate(35deg);}

/* texte */ 
body{font-family: var(--bs-font-open-sans)!important;}
.ff-openSans{font-family: var(--bs-font-open-sans)!important;} 
.ff-poppins{font-family: var(--bs-font-sans-serif)!important;} 
datalist option{font-family: var( --bs-body-font-family)!important;}

a {text-decoration: none; color: #363848;}
.line-height-20 {line-height: 20px;}
p {font-size: 16px;}
h2 {font-size: 50px;}
h3 {font-size: 40px;}
.police_20{font-size: var(--bs-font-size-20);}


/* Espacement */ 
.mt-40 {margin-top: 40px;}

/* Background */ 
html body .bg-primary-dark {background-color: var(--bs-primary-dark);}
html body .bg-black {background-color: #000000;}
html body .bg-primary {background-color: var(--bs-primary);}
html body .bg-primary-light {background-color: var(--bs-primary-light);}
html body .bg-primary-middle {background-color: var(--bs-primary-middle);}
html body {background-image: url("../images/TBE_fond.jpg"); background-size: cover;}

/* Text */
.text-primary-dark {color: #3f9395;}

/* Bouton */
.btn-primary {color: #fff; background-color: #7fc2c8; border-color: #7fc2c8;}
.btn-primary:hover {color: #fff; background-color: #3f9395; border-color: #3f9395;}
html body a.btn.btn-primary.fw-semiBold.py-12.px-43.mt-60.mx-auto.rounded-pill{background-color:#7fc2c8;border-color:#7fc2c8;}

.btn-accent{background-color:#3f9395;border-color:#3f9395}
.btn-accent:hover{background-color:#7fc2c8;border-color:#7fc2c8;}
html body button.btn.btn-accent.text-white.text-uppercase.fw-semiBold.py-12.px-20.px-lg-34.shadow-none{width:380px;}

html body a.btn.btn-apply.fw-semiBold.py-12.px-43.rounded-pill {background-color:#f2f2f2;color:#7fc2c8;}
html body a.btn.btn-apply.fw-semiBold.py-12.px-43.rounded-pill:hover {background-color:#7fc2c8;color:#fff;}

html body a.btn.btn-apply-vert {background-color:#dbf5f5;color:#7fc2c8;}
html body a.btn.btn-apply-vert:hover {background-color:#3f9395;color:#ffffff;}

html body a.btn.btn-alice-blue.text-dark.fw-semiBold.py-12.px-xl-34.ms-xl-12.rounded-pill{padding-left:30px !important;padding-right:30px !important}
.btn-alice-blue{background-color:transparent;border-color:transparent}
.btn-alice-blue:hover{background-color:transparent;border-color:transparent;}

.btn-suggestion:hover {color: #7fc2c8; border-color: #7fc2c8;}
.btn-suggestion-all {color: #7fc2c8; border-color: #7fc2c8;}

.btn-book {background-color: #ffd9d9;}
.btn-book svg{color: #ff5353;}

.btn:hover{box-shadow: 0px 10px 29px rgb(62 53 120 / 14%);}

/* Formulaire */
html body .form-search .form-control{border:2px solid #cfcfcf;}
html body .form-search{min-width:360px;margin-left:20px}
.checkbox-switch .checkbox-switch-input[type=checkbox]:checked+.checkbox-switch-label .checkbox-switch {background-color: #c7eaec ;}
.checkbox-switch .checkbox-switch-input[type=checkbox]:checked+.checkbox-switch-label .checkbox-switch:before {background-color: #3f9395;}

.checkbox-type.type-1 .checkbox-type-input[type=checkbox]:checked+.checkbox-type-label .checkbox-type-icon svg{color: #3f9395;}
.checkbox-type.type-1 .checkbox-type-input[type=checkbox]+.checkbox-type-label .checkbox-type-icon svg {color: #3f9395;}

form .form-div {padding-bottom:20px;}
    form .form-div label{padding-bottom:10px;}
    form .form-div input:not([type=checkbox]){background-color:#f2f2f2;border:none;border-radius:50px;padding:10px;width: 100%;}

input.error  {background-color: #FFB4B4 !important;}
.error {color: #DA5353; font-style: italic; padding-top: 5px;}

/* textarea {background-color: #f2f2f2 !important; border: none !important;} */

/* Pagination */ 
.pagination {background-color: #dbf5f5 !important;}
.pagination-container .page-link{color: #7fc2c8;}
.pagination-container .page-item a{background-color: #dbf5f5;}
.pagination-container .page-item.active a.page-link{background-color: #3f9395;}

.square{
    position: relative;
}
.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.square > * {
    position: absolute;
}

/* ========================================================================== */
/* Header */
/* ========================================================================== */
html body .navbar .navbar-brand img{max-width: 300px;}
html body ul.navbar-nav.mx-xl-auto.order-2.order-xl-1{margin-left:20px}
html body .navbar .navbar-nav .nav-item{color:#1d1d1b;font-family: 'Quicksand', sans-serif;font-weight:700;margin-left:18px !important}
html body .navbar .navbar-nav .nav-item .nav-link{color:#1d1d1b;font-family: 'Quicksand', sans-serif;font-weight:700}
html body .navbar .navbar-nav .nav-item .nav-link:after{background-color:#7fc2c8;}
html body .navbar .navbar-nav .nav-item .nav-link.active{color:#7fc2c8;font-family: 'Quicksand', sans-serif;font-weight:700}
html body .navbar .navbar-nav .nav-item .nav-link:hover{color:#7fc2c8;}
.navbar-nav{margin-right: 20px;}
.dropdown-menu .dropdown-item:hover {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
}
.dropdown-menu .dropdown-item:last-child:hover{
    background-color: var(--bs-primary-light);
    color: var(--bs-primary)!important;
}

@media (max-width: 1420px) {
    html body .navbar .navbar-nav .nav-item { margin-left: 15px !important;}
    html body .form-search {min-width: 200px;}
    /* #main-content {width:calc(100% - 214px) !important;max-width:100%;} */
    html body .navbar .navbar-nav .nav-item .nav-link::after {display:none;}
    .navbar .navbar-nav .nav-item .nav-link {font-size:14px;}
    #main-content .container-fluid {margin-left:0;}
    .carte_bleue > div > p {font-size:14px !important;}
    #main-content .table-borderless a.btn-sm {overflow: hidden;text-indent: -9999px;height:20px;}
    #main-content .table-borderless a.btn-sm:before {text-indent: 0;float:left;}
}


#new_notif {right: 0;}
 

/* @media (max-width: 1420px) {
    html body .navbar .navbar-nav .nav-item { margin-left: 10px !important;}
    html body .form-search {min-width: 300px;}
} */

/* ========================================================================== */
/* Menu */
/* ========================================================================== */

.ouv {margin-left: 65px;}
.fer {margin-left: 98px;}
html body .navbar .navbar-nav .nav-item .nav-link:focus {color: var(--bs-primary);}
.accordion-button{background-color: var(--bs-white)!important;}


/* ========================================================================== */
/* Menu vertical Candidat*/
/* ========================================================================== */

.menu_vertical_candidat{
    
    border-radius: 0 12px 0 0;
     width: 220px;
    box-shadow: 0px 0px 1px 0px rgba(128, 128, 128, 0.23);
    }
.btnmenu{
    font-size: 25px;
    display: none;
}

/* ========================================================================== */
/* Footer */
/* ========================================================================== */
html body .footer .footer-widget.about .footer-brand img {max-width:80px}
html body .footer .footer-widget.about .footer-description{font-family: 'Quicksand', sans-serif;font-weight:200;font-size:16px}
html body .footer .footer-widget.link-list .footer-link-list .link-item {font-family: 'Quicksand', sans-serif;font-weight:200}

html body a#fb.social-link:hover{background-color: #3b5998; color: #FFFFFF;}
html body a#twitch.social-link:hover{background-color: #6441A5; color: #FFFFFF;}
html body a#youtube.social-link:hover{background-color: #c4302b; color: #FFFFFF;}
html body a#linkedin.social-link:hover{background-color: #0e76a8; color: #FFFFFF;}
html body a#tiktok.social-link:hover{background: linear-gradient(22deg, rgba(255,0,80,1) 16%, rgba(0,242,234,1) 55%, rgba(0,0,0,1) 79%); color: #FFFFFF;}
.footer .footer-widget.link-list .footer-link-list .link-item .link{font-size:16px;}

[data-notification-element]:first-of-type {
    border-bottom: none !important;
}
[data-notification-etat="0"] [data-notification-etat="1"], [data-notification-etat="1"] [data-notification-etat="0"]{display: none;}
[data-notification-wraper]:empty:after {
    content: "Aucune notification à afficher";
}

/* ========================================================================== */
/* Alert bootstrap */
/* ========================================================================== */

#toastDiv {
    position: fixed;
    bottom: 10px;
    z-index: 10001;
}

.success {
    background-color: var(--primary-color);
    color: #fff;
}

.danger {
    background-color: #911d1d;
    color: #fff;
}

/* ========================================================================== */
/* Toutes les pages */
/* ========================================================================== */

h6.card-title.titleEmpl{font-size:40px !important; line-height:1.6}
p.card-text{line-height:1.8;padding-left:40px;padding-right:40px}

.segment_etape {display: flex; flex-wrap: wrap; justify-content: center;}
    .segment_etape .segment.active {width: 121px; height: 6px; background-color: #7fc2c8; display: block;}
    .segment_etape .segment {width: 56px; height: 6px; background-color: #dadada; display: block; margin: 0 5px;}


#header-page {padding-top: 80px; padding-bottom: 80px;}
#header-page .contenu{padding: 40px 100px; border-radius: 25px;}
#header-page .contenu a{margin-left: 100px;}
.border_primary{border: 1px solid var(--bs-border-primary);}
.bg_white{ background-color: var(--bs-body-bg);}

.no-chevron .dropdown-toggle:after {border:none;margin:0;}

.label_chips{
    border: 1px solid var(--dark-color);
    color: var(--dark-color);
    background-color: var(--white-color);
    transition: background-color 0.3s, color 0.3s;
  }

.input_chips:checked~.label_chips{
    background-color: var(--bs-primary);
    color: var(--white-color);
}

.cursor-pointer {cursor: pointer;}
.z-index-10 {z-index: 10;}

body:has(dialog[open]) {overflow: hidden}

/* CSS Page Activité*/

/* .card{
    border: none !important;
} */
/* Utilities */
.rounded-10{
    border-radius: 10px;
}

.small-container {max-width:900px;}

#form_agence_active .badge.rounded-pill.bg-primary {padding:2px 4px 4px 3px;}

body[data-page="accueil"] .swiper-slide .heading-header-1 {font-size:2.75rem !important;}
body[data-page="accueil"] .container-xxl #carouselExampleControls img.w-25.rounded-pill {width:150px !important;height:150px !important;}

#navbarContent .dropdown-toggle:hover img {-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);}


.score small .fa.fa-info {width:20px;height:20px;text-align:center;}
.liste_agence .table.table-hover.table-borderless td.referent {white-space:normal;}

.contact_message .listing-match.active {background:#f1f1f1;}
.contact_message .listing-match {padding:10px;}
.contact_message .listing-match .profilImg {background:#fff;}

.listing-match:not(:last-child) {margin-bottom:15px !important;}
.contact_message .listing-match:hover {background:#f8f8f8;}

/* -------------------------------------------------------------------------- */
/* SECTION tooltips question */

.tooltip-questions .tooltip-arrow{display: none;}
.tooltip-questions .tooltip-inner{background-color: var(--bs-primary);}
.border-vert {border-color:var(--primary-color) !important;}


/* !SECTION CLOSE - tooltips question */
/* -------------------------------------------------------------------------- */



@media (max-width:992px) {
    .padding-right{
        padding-right: 0px;
    } 
    .padding-left{
        padding-left: 0px;
    }

    .carte_bleue {margin:0 !important;}
    
    
}
@media (max-width:1420px) {
    /* .liste_agence td:nth-child(2), .liste_agence td:nth-child(3), .liste_agence td:nth-child(4), .liste_agence th:nth-child(2), .liste_agence th:nth-child(3), .liste_agence th:nth-child(4) {display:none;} */
    .liste_agence td {white-space:normal !important;}
    #menu #btnmenu {display:none !important;}
}
@media (max-width:430px){
    a.navbar-brand img{
        width:170px !important;
    }
}
@media (max-width:1050px){
    .btnmenu{     
        display:flex;
        position: absolute;
        right: 0;
        translate: 100%;
    }

    #navbarContent > div > div.d-flex.flex-column.flex-xl-row {width:100%;}
        #navbarContent > div > div.d-flex.flex-column.flex-xl-row ul {flex-direction:initial !important;}

    body[data-page="mes-infos"] #wrap_all_question > div {width: 100% !important;}
}

@media (max-width:768px) {
    /* #menu + .d-flex > #main-content, #menu + .container_tdb, #menu + #main-content, #menu_left + .container_tdb {width:calc(100% - 120px) !important;} */
    /* #menu + .d-flex > #main-content, #menu + .container_tdb, #menu + #main-content, #menu_left + .container_tdb {width:calc(100% - 51px) !important;} */
    .container_tdb #section-valeurs > .p-3 {padding-left:0 !important;padding-right:0 !important;}
    .container_tdb .container_profil {padding-left:10px !important;padding-right:10px !important;}
    .container_tdb .container_info > div {margin-top:5px !important;margin-bottom:5px !important;padding-left:0 !important;padding-right:0 !important;}
    #menu_left + #main-content > .container-fluid {padding:0 !important;}
    #menu_left + #main-content > .container-fluid .block-header.entete > div {margin-left:0 !important;}
    #main-content .detailDiv {width:100%;}

    /*ENTREPRISE*/
    #menu_left {width:120px;}
    #menu_left > #navigation-verticale li:not([data-li-agence]) a {text-indent:-9999px;overflow:hidden;width:100%;height:50px;line-height:50px;}
    #menu_left > #navigation-verticale > li, #menu_left > #navigation-verticale > li .nav-item {margin-left:0 !important;}
    #menu_left > #navigation-verticale > li a:before {font-family: "FontAwesome";text-indent:0;display:block;font-size:26px;font-weight:400;text-align:left;margin-left:20px;width:50px;text-align:center;}
    #menu_left > #navigation-verticale > li a[href="/entreprise/tableau-de-bord/"] {padding:0;}
    #menu_left > #navigation-verticale > li a[href="/entreprise/tableau-de-bord/"]:before {content:"\f009";}
    #menu_left > #navigation-verticale > li a[aria-controls="menu-offres"]:before {content:"\f0b1";}
    #menu_left > #navigation-verticale > li a[href="/agence/profil/"]:before {content:"\f19c";}
    #menu_left > #navigation-verticale > li a[href="/agence/match/"]:before {content:"\f004";}
    #menu_left > #navigation-verticale > li a[href="/agence/messages/"]:before {content:"\f086";}
    #menu_left > #navigation-verticale > li a[aria-controls="menu-agences"]:before {content:"\f1ad";}
    #menu_left > #navigation-verticale > li a[aria-controls="menu-membres"]:before {content:"\f0c0";}
    #menu_left > #navigation-verticale > li a[href="/mon-compte/"]:before {content:"\f013";}

    #menu_left > #navigation-verticale li ul {padding-top:0;}
    #menu_left > #navigation-verticale li li {border-bottom:none !important;}
    #menu_left > #navigation-verticale li li a {height:30px;line-height:30px;padding:0;}
    #menu_left > #navigation-verticale > li li a:before {text-align:center;padding-left:0;font-size:20px;margin-left:10px;}
    #menu_left > #navigation-verticale > li li a[href="/agence/offre/"]:before, #menu_left > #navigation-verticale > li li a[href="/entreprise/ajouter-agence/"]:before, #menu_left > #navigation-verticale > li li a[href="/entreprise/ajouter-membre/"]:before {content:"\f067";}
    #menu_left > #navigation-verticale > li li a[href="/agence/emplois/"]:before, #menu_left > #navigation-verticale > li li a[href="/entreprise/membres/"]:before, #menu_left > #navigation-verticale > li li a[href="/entreprise/liste-agences/"]:before {content:"\f03a";}

    #menu_left label.small {font-size:8px;}
    #menu_left select {font-size:12px;}
    #menu_left ul#navigation-verticale > li.nav-item.me-15 {margin-right:0 !important;padding-left:2px;padding-right:2px;}

    /*CANDIDAT*/
    #menu {width:120px;display:flex !important;position:relative !important;translate:0;}
    #menu > .menuGauche > li:first-child {padding:0.25rem !important;}
    #menu > .menuGauche li a {text-indent:-9999px;overflow:hidden;width:100%;height:50px;line-height:50px;}
    #menu > .menuGauche > li, #menu > .menuGauche > li .nav-item {margin-left:0 !important;}
    #menu > .menuGauche > li a:before {font-family: "FontAwesome";text-indent:0;display:block;font-size:26px;font-weight:400;text-align:left;margin-left:20px;width:50px;text-align:center;}
    #menu > .menuGauche > li a[href="/tableau-de-bord/"] {padding:0;}
    #menu > .menuGauche > li a[href="/tableau-de-bord/"]:before {content:"\f009";}
    #menu > .menuGauche > li a[aria-controls="menu-offres"]:before {content:"\f0b1";}
    #menu > .menuGauche > li a[href="/profil/"]:before {content:"\f007";}
    #menu > .menuGauche > li a[href="/match/"]:before {content:"\f004";}
    #menu > .menuGauche > li a[href="/messages/"]:before {content:"\f086";}
    #menu > .menuGauche > li a[aria-controls="menu-agences"]:before {content:"\f1ad";}
    #menu > .menuGauche > li a[href="/mes-infos/"]:before {content:"\f2bb";}
    #menu > .menuGauche > li a[href="/mon-compte/"]:before {content:"\f013";}

    #menu > .menuGauche li ul {padding-top:0;}
    #menu > .menuGauche li li {border-bottom:none !important;}
    #menu > .menuGauche li li a {height:30px;line-height:30px;padding:0;}
    #menu > .menuGauche > li li a:before {text-align:center;padding-left:0;font-size:20px;margin-left:10px;}
    #menu > .menuGauche > li li a[href="/agence/offre/"]:before, #menu > .menuGauche > li li a[href="/entreprise/ajouter-agence/"]:before, #menu_left > .menuGauche > li li a[href="/entreprise/ajouter-membre/"]:before {content:"\f067";}
    #menu > .menuGauche > li li a[href="/agence/emplois/"]:before, #menu > .menuGauche > li li a[href="/entreprise/membres/"]:before, #menu > .menuGauche > li li a[href="/entreprise/liste-agences/"]:before {content:"\f03a";}

    #menu label.small {font-size:8px;}
    #menu select {font-size:12px;}
    #menu ul.menuGauche > li.nav-item.me-15 {margin-right:0 !important;padding-left:2px;padding-right:2px;}

    #menu + #main-content > div > div {padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
    #wrap_all_question > div {padding-left:0 !important;padding-right:0 !important;}
    #form-questions h5, #form-questions select, #form-offres h5, #form-offres select {font-size:14px !important;margin-right:0 !important;margin-left:0 !important;}
    #form-questions select, #form-offres select, #form-questions input, #form-offres input {border-radius:8px;padding-top:4px;padding-bottom:4px;padding-left:15px;}
    #form-questions select, #form-offres select {background-color:rgba(182, 180, 180, 0.397);}
    #form-questions h5, #form-offres h5 {margin-top:8px;}
    #form-questions .responsdesign, #form-offres .responsdesign {display:block;}
    #form-questions .flex-wrap, #form-offres .flex-wrap {max-width:100%;}
    #form-questions > div.questionTri, #form-offres > div.questionTri {padding:15px !important;}
    #wrap_all_question > div > form > .card {padding-left:10px !important;padding-right:10px !important;}
    #wrap_all_question > div > form > .card .mx-3.mb-3.form-floating, #wrap_all_question > div > form > .card .d-flex.flex-wrap.align-items-start.align-content-start.p-2.m-0 {margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}

    p {font-size:14px;}
    .liste_agence table tr > th {font-size:12px !important;}
    .liste_agence table tr > td:first-child img {display:none;}
    .liste_agence table tr > td a.btn {font-size:16px !important;padding:0;margin:2px;}
    footer > .container-xxl {padding-left:0 !important;padding-right:0 !important;}
    footer .footer-link-list li {align-items: center;justify-content: center;}
    footer .social-btn-group {align-items: center; justify-content: center;}
    footer .form-newsletter button {padding-left:20px !important;padding-right:20px !important;}

    #form-offres {margin-left:0 !important;margin-right:0 !important;}
    #form-offres table.table-borderless tr > th:nth-child(2), #form-offres table.table-borderless tr > td:nth-child(2), #form-offres table.table-borderless tr > th:nth-child(3), #form-offres table.table-borderless tr > td:nth-child(3) {display:none;}

    body[data-page="agence/emplois"] #main-content > .container-fluid {margin-left:0 !important;}
    body[data-page="agence/emplois"] #form-offres select {max-width:100%;}

    .menuGauche .nav-item .accordion-button > img {width:30px;}
    #form-offres + div > .text-primary.retour {margin-left:0;}
    select {max-width:100%;}
    body[data-page="agence/offre"] #form-offre > .row {max-width:100%;width:100%;--bs-gutter-x:0 !important;}
    body[data-page="agence/offre"] #form-offre .col-12:not(.row) > .col-6 {width:100%;padding-left:0 !important;padding-right:0 !important;}
    body[data-page="agence/offre"] #main-content h5 {font-size:14px !important;margin-left:2px !important;}
    body[data-page="agence/offre"] .bullebleu .position-relative.p-2 > .d-flex.w-100 > img {width:18px;}
    body[data-page="agence/offre"] .bullebleu .position-relative.p-2 > .d-flex.w-100 > i {position:absolute;top:0;right:0;}
    #form-offres > .body.mt-4 {padding:10px;}
    #form-offre h5 {line-height:20px;}
    #form-offre .ms-2.d-flex.flex-wrap {max-width:100%;margin:0 !important;}
    #form-offre .ms-2.d-flex.flex-wrap .form-floating.pe-4 {padding:0 !important;}
    #form-offre .ms-2.d-flex.flex-wrap .col-sm-12.col-md-6.col-lg-6 {width:100%;}
    #form-offre .ms-2.d-flex.flex-wrap .col-sm-12.d-flex.flex-column {max-width:100%;}
    #form-offre .ms-2.d-flex.flex-wrap .col-12.d-flex .d-flex.justify-content-evenly.align-items-baseline, #form-offre .ms-2.d-flex.flex-wrap .col-12.d-flex .d-flex.justify-content-evenly.align-items-center {width:100%;}
    .modal {max-width:100vw;}
    label.label_chips, div.label_chips span {font-size:12px;}
    #form-offre .wid-u-info > .d-flex.flex-wrap.col-12 > .col-sm-12.d-flex.flex-column > .col-12.d-flex:not(.mt-4):not(.mb-3) {flex-wrap:wrap;}
    #form-offre .wid-u-info > .d-flex.flex-wrap.col-12 > .col-sm-12.d-flex.flex-column > .col-12.d-flex:not(.mt-4):not(.mb-3) .col-3.d-flex.justify-content-evenly.align-items-center label {width:50%;margin-top:4px;}
    #form-offre .d-flex.flex-wrap.justify-content-end.ps-20.my-2.pt-15 button {padding-left:15px !important;padding-right:15px !important;}
    #menu_left + #main-content .container_filtre > div {flex-wrap:wrap;}
    #main-content div[data-wraper-match-potentiel] > div {width:100%;}

    #main-content #form-offres .table.table-hover.table-borderless tr td:first-child {max-width:80%;text-wrap:wrap;}
    #main-content .bullebleu h5 {line-height:18px;}
    body[data-page="agence/offre"] .bullebleu .position-relative.p-2 > .d-flex.w-100 > i {width:20px !important;height:20px !important;top:-7px !important;line-height:9px;}
    #main-content .bullebleu button.btn.btn-sm.btn-primary.fa.fa-plus {line-height:1.3;}
    #main-content .block_tooltips #tooltips_doc {position:absolute;top:0;right:32px;}
    #main-content .block_tooltips {position:relative;}
    body[data-page="agence/profil"] .portrait {min-width:150px;}
    body[data-page="agence/profil"] .portraitDiv {flex-wrap:wrap;}
    body[data-page="agence/profil"] .portraitDiv > .portrait + div {translate:0 10%;}
    body[data-page="entreprise/ajouter-agence"] label[for="description"] {text-wrap:wrap;font-size:14px;text-align:left;}
    body[data-page="entreprise/ajouter-agence"] form#ajoutAgenceForm + .bloc_btn.d-flex.flex-wrap.justify-content-end {padding:20px;}

    body[data-page="profil"] #menu + .container_tdb {padding:0 !important;}
    body[data-page="profil"] .container_tdb .portraitDiv {
        /* height:320px; */
        /* top:210px !important; */
        display:block !important;
    }
    /*body[data-page="profil"] .container_tdb .modif_bandeau {top:-320px;}*/
    body[data-page="profil"] #menu + .container_tdb {max-width:calc(100% - 120px);}

    body[data-page="profil"] #menu + .container_tdb .p-0 > .modif_bandeau {padding-right: 0 !important;}
    body[data-page="profil"] #menu + .container_tdb .portrait + .bloc_nom {margin-left:100px;text-align:left;max-width:calc(100% - 100px);}
    body[data-page="profil"] #menu + .container_tdb .portrait + .bloc_nom .d-flex.flex-column.mb-3.mb-lg-0.text-lg-start {margin-top:30px;}
    body[data-page="profil"] #menu + .container_tdb .bloc_score {right:0;position:absolute;bottom:-40px;}
    body[data-page="profil"] #menu + .container_tdb > .p-0 {padding-bottom:40px !important;}

    body[data-page="profil"] .container_tdb .portrait img, body[data-page="profil"] .container_tdb .portrait {width:80px;height:80px;min-width:80px;}
    body[data-page="profil"] .container_tdb .portrait {margin-left:0 !important;}
    body[data-page="profil"] .container_tdb .ff-poppins.mt-2.text_nom {font-size:20px !important;}
    body[data-page="profil"] .container_tdb .portraitDiv > .d-flex.flex-row.align-items-baseline {width:100%;}
    body[data-page="profil"] .container_tdb .portraitDiv > .d-flex.flex-row.align-items-baseline + .card {width:calc(100% - 40px) !important;margin-left:20px;margin-top:40px;}
    body[data-page="profil"] .container_tdb .d-flex.flex-column.w-40 {width: 100% !important;}
    body[data-page="profil"] .container_tdb .top-100.top-sm-50.container_nom.ps-3 {padding-left:5px !important;}

    body[data-page="mes-infos"] #wrap_all_question > div {width: 100% !important;}

    body[data-page="profil"] .card > .col-12.d-flex.flex-column.mb-3.ms-2.ms-md-0.ps-4.ps-md-0 {padding-left:0 !important;}
    body[data-page="profil"] #form-user-adress .col-12.col-lg-6 .form-group {padding-left:0;padding-right:0;}
    body[data-page="profil"] #form-user-adress .ff-poppins.text-dark.fs-6.fw-bold {padding:0 !important;}
    body[data-page="profil"] #form-user-adress > div > .row {padding:0 !important;}
    #tooltips_doc {min-width:25px;min-height:25px;}
    
    body[data-page="profil"] #wrap_all_question .affichage-form .mt-3.me-3, #wrap_all_question .affichage-form .mt-3.me-3 h5 {margin:0 !important;}
    .h5, h5 {font-size:1rem;}
    body[data-page="profil"] .card.competence .info.m-0.p-2.col-4.row, body[data-page="profil"] .card.competence > .body.p-3.mx-2 {padding:0 !important;}
    body[data-page="profil"]  .bloc_photo .d-flex.wid-u-info.justify-content-between {display:block !important;}
    body[data-page="profil"] .bloc_reponse_profil img.mx-2.h-25 {display:none !important;}
    /* body[data-page="profil"] .bloc_reponse_profil fieldset * {width:100%;min-width:100%;} */

    body[data-page="messages"] .card.container_message {padding:5px !important;}
    body[data-page="messages"] #main-content h5 {margin-left:0 !important;}

}

@media (max-width:768px) and (orientation: portrait) {
    #menu_left, #menu  {height:100vh;position: fixed !important;}
    #main-content, #menu + .container_tdb {margin-left:120px !important;padding-left:10px !important;padding-right:10px !important;}
    #main-content h5 {font-size:16px;width:100%;}
    .px-4 {padding-left:10px !important;padding-right:10px !important;}
}

.style-input{
    border: none;
    border-radius: 10px;
    background-color: rgba(var(--bs-input-grey));
}
.bullebleu{
    background-color: rgba(var(--bs-primary-rgb-opacity));
    border-radius: 10px; 
}

.border-primary{
    border-color: var(--bs-primary) !important;
}

.modal {
    z-index: 10000;
}

dialog:not([open]) {
    display: none !important;
}