.opacity-04 {
    opacity: 0.4;
}

.opacity-1
{
    opacity: 1;
}

.blocnotif {
    width: 867px;
    display: inline-block;
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    background-color: #ffffff;
    margin-bottom: 24px;
    vertical-align: top;
    float: left;
}

.liste_catalogues thead tr {
    height: 56px;
    background-color: #0b2532;
}

.liste_catalogues thead tr th span {
    color: white;
}

.liste_catalogues tbody tr:nth-child(even)  {
    height: 56px;
    background-color: #f7f7f7;
}

.liste_catalogues tbody tr:nth-child(odd)  {
    height: 56px;
    background-color: #e8e8e8;
}

.liste_catalogues tbody tr td {
    text-align: center;
}

#form_fichefourn_etablissement + .select2-container {
    background-color: #f7f7f7;
    border: 1px solid #c4d3da;
    border-radius: 6px; 
}

.paysjson {
    color: #d1d1d1;
}

a {
    text-decoration: none;
}

.blocHautSociete {

}

.float-l {
    float: left;
}

.font-s21 {
    font-size: 21px;
}

.font-s14 {
    font-size: 14px;
}

.font-s12 {
    font-size: 12px;
}

.font-s10 {
 font-size: 10px;
}

.font-bold {
    font-weight: 700;
}

.div-circlename {
    display: inline-block;
    vertical-align: middle;
}

.photo-contact {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-block;
}

.margin-t10 {
    margin-top: 10px;
}

.margin-left-49 {
    margin-left: 49px;
}

.margin-r88 {
    margin-right: 88px;
}

.div-restauration-categorie-presente {
    width: 268px;
    height: 73px;
    display: flex;
}

.display-inline-block
.div-texte-restauration-categories {
    width: 134px;
    height: 49px;
    text-align: center;
    margin-top: 24px;
    margin-left: 55px;
}

.texte-agence-cdc {
    width: 239px;
    height: 74px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    overflow-wrap: break-word;
}


.font-family-roboto {
    font-family: Roboto;
}

.height {
    height: 100px;
}

.line-height-1-2 {
    line-height: 1.2;
}

.padding-16 {
    padding: 16px;
}

.padding-6
{
    padding: 6px;
}

::placeholder {
    font-style: normal !important;
}

.inputStyleFacture {
    width: 300px;
    height: 40px;
    border-radius: 6px;
    border: solid 0.5px #979797;
    background-color: white;
}

.trioButtonFiltre {
    display: flex;
    justify-content: space-around;
    margin-bottom: 16px;
}

.delaisProduitV2 {
    margin-bottom: 10px;
    text-align: left;
    padding-left: 5px;
    font-size: 12px;
    text-decoration: underline
}

.imgProduct {
    height: 225px;
    width: 225px;
    object-fit: cover;
}

.block_filter h3.reduire {
    background: url(/media/com_genius/images/Agrandir.png) no-repeat right;
    margin-right: 32px;
}

.block_filter h3 {
    margin-bottom: 10px;
    cursor: pointer;
    background: url(/media/com_genius/images/Reduire.png) no-repeat right;
    margin-right: 32px;
}

.imgPresentationProduct {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.padding-l8 {
    padding-left: 8px;
}

.tarifProduct {
    float: right;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 21px;
}

.visibility-hidden {
    visibility: hidden;
}

.search_agc {
    position: absolute;
    width: 300px;
    margin: 0 auto;
    z-index: 10;
    background-color: white;
    margin-left: 150px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.inputresetpassword {
width: 77%;
height: 46px;
border: 1px solid #979797;
background-color: #f7f7f7;
border-radius: 6px;
display: block;
margin: auto;
margin-top: 32px;
margin-bottom: 32px;
}

.button_catalogue {
    position: absolute;
    top: 32px;
    right: 48px;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}

.actions-frs-parament-div { 
    bottom: 0; 
    right: 20px;
}

.actions-frs-fichefourn-div {
    top: 30px; 
    right: 32px;
}

.align-items-flex-start {
    align-items: flex-start;
}

.align-items-center {
    align-items: center;
}

.align-items-flex-end {
    align-items: flex-end;
}

.h100 {
    height: 100%;
}

.h56p {
    height: 56px;
}

.w650p {
    width: 650px;
}

.input-multilang-container > * {
    position: absolute;
    left: 12px;
    top: 12px;
    bottom: 12px;
    width: calc(100% - 24px)!important;
    margin: 0!important;
    padding: 0!important;
    border: none;
}

.h174p {
    height: 174px;
}

.liste-actions-frs-div {
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    margin-right: 10px;
    padding: 10px;
    border-radius: 6px;
    background: #fefefe;
}

.liste-actions-frs-a {
    color: #fff;
    padding:6px 12px;
    border-radius: 6px;
}

.w450p {
    width: 450px;
}

.w474p {
    width: 474px;
}

.w67p {
    width: 67px;
}

.h50p {
    height: 50px;
}

.border-none {
    border: none;
}

.inputfilev2 {
    vertical-align: middle;
    border: 1px solid;
    border-radius: 6px;
    padding: 3px 8px;
    margin-right: 8px;
}

.delete-img-container {
    border-radius: 50%;
    position: absolute; 
    top: 5px; 
    right: 5px; 
    width: 24px; 
    height: 24px; 
    background-color: rgba(255,255,255,0.5);
}

.notif-search-bar {
    position: absolute;
    display: flex;
    right: 32px; 
    top: 32px; 
    width: 400px; 
    max-width: 90%; 
    padding-left: 32px; 
    box-sizing: border-box; 
    justify-content: space-between; 
    align-items: center;
}

.notif-search-bar input {
    width: 244px;
    background-image: url(/media/com_genius/images/v2/search-24-px.png);
    background-repeat: no-repeat;
    background-position: 4px 10px;
    padding-left: 28px;
}

.clear {
    clear: both;
    content: "";
    display: table;
}

.margin-b40 {
    margin-bottom: 40px;
}

input[disabled], textarea[disabled] {
    pointer-events:none
}

@media screen and (min-width: 800px) {
    .footer_block {
        background: white;
        width: 1170px;
        margin: 0 auto;
        text-align: center;
        padding-top: 8px;
        border-radius: 6px 6px 0 0;
        clear: both;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }

    .actu_tooltip {
        display: inline-block;
        background-color: #fbc76c;
        padding: 8px;
        border-radius: 6px;
        margin-left: 64px;
        margin-top: 32px;
        margin-bottom: 16px;
    }

    .actu_h2 {
        padding-left: 64px;
        font-weight: 600;
        font-size: 24px;
        width: 600px;
        margin-top: 80px;
    }

    .actu_p {
        margin-top: 8px;
        margin-left: 64px;
        width: 600px;
    }

    .actu_p2 {
        margin-top: 8px;
        margin-left: 64px;
        width: 832px;
    }

    .actu_button {
        display: inline-block;
        background-color: #fbc76c;
        color: white;
        padding: 16px;
        margin-top: 40px;
        border-radius: 6px;
        margin-left: 64px;
        margin-bottom: 64px;
    }

    .divfiltrefrsselect {
        margin-bottom: 0;
        border: 0;
        background-color: transparent;
    }

    .divfiltrefrsfloat {
        display: table;
        float: right;
    }

    .divfiltrefrstitre {
        display: inline-block;
        font-size: 18px;
        font-weight: 900;
        margin-left: 40px;
    }

    #projet_exigenceparticuliere table tr th:first-of-type, #projet_exigenceparticuliere table tr td:first-of-type {
        min-width: 650px;
    }

    .titleWithButton {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .digit_rond4 {
        padding: 3px 1px;
        border-radius: 100%;
    }

    .digit_rond3 {
        padding: 3px 1px;
        border-radius: 100%;
    }

    .digit_rond2 {
        padding: 3px 4px;
        border-radius: 100%;
    }

    .digit_rond1 {
        padding: 2px 5.5px 2px 5.5px;
        border-radius: 50%;
    }

    .right0 {
        right: 0;
        position: absolute;
    }

    .introtextparticipant{
        margin-left: 32px;
        margin-right : 32px;
        margin-bottom: 16px;
    }

    .partenaire-ime-absolute.partenaire-ime-ficheetb {
        top: 301px;
        left:  40px;
    }

    .affichtel {
        background: #f4f0ef;
        padding: 4px 8px;
        border-radius: 6px;
        margin-bottom: 4px;
        display: inline-block;
        margin-right: 4px;
    }

    .affichtel:hover {
        transform: scale(1.05);
        background: #dbd8d7;
    }

    .sendmessage {
        background: #e45e5f;
        padding: 4px 8px;
        border-radius: 6px;
        margin-bottom: 4px;
        display: inline-block;
        margin-right: 4px;
    }

    .sendmessage:hover {
        transform: scale(1.05);
        background: #cd5455;
    }

    .affichimgtel {
        vertical-align: middle;
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

    .affichimgmsg {
        vertical-align: middle;
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

    .tagarticle {
        background-color: #f7f7f7;
        padding: 5px;
        text-align: center;
        margin-top: 8px;
    }

    .faqtitre {
        font-size: 23px;
        text-align: initial;
        margin-left: 313px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .imgarticle {
        width: 200px;
        vertical-align: top;
        margin-top: 16px;
        margin-left: 16px;
        position: absolute;
        height : 112.5px;
        object-fit: contain;
    }

    .onfocusarticle {
        width: 1170px;
        height: 145px;
        max-height: 145px;
        display: inline-block;
        background-color: white;
        vertical-align: middle;
        text-align: initial;
        position: relative;
        transition: max-height ease-in-out 1s;
    }

    .articletitre {
        display: inline-block;
        font-weight: 800;
        margin-top: 16px;
        margin-left: 247px;
        font-size: 18px;
        height: 44px;
        max-width: 800px;
    }

    .onfocusarticle .articleimage {
        width: 270px;
    }

    .articlefleche {
        width: 1170px;
        text-align: center;
        margin: auto;
        background: #9ed3c9;
        border-radius: 0 0 6px 6px;
        margin-bottom: 24px;
    }

    .onfocusarticle .reductext {
        position: absolute;
        width: 480px;
        left: 246px;
        top: 88px;
    }
    .onfocusarticle .fulltext {
        display: none;
    }

    .focusarticle {
        position: relative;
        width: 1170px;
        max-height: 5000px;
        display: inline-block;
        background-color: white;
        vertical-align: middle;
        text-align: initial;
        transition: max-height ease-in-out 1s;
    }

    .focusarticle .reductext {
        display: none;
    }
    .focusarticle .fulltext {
        display: block;
        margin-top: 81px;
        margin-left: 32px;
        margin-right: 32px;
        margin-bottom: 32px;
    }

    .imgproduitfiche {
        position: absolute;
        right: 16px;
        height: 300px;
        width: 300px;
        object-fit: cover;

    }

    .titreproduitfiche {
        display: inline-block;
        position: absolute;
        left: 32px;
        top: 45%;
        border-bottom: 2px solid black;
        padding-bottom: 16px;
        max-width: 380px;
    }

    .blockrecommandfrs {
        box-shadow: 0 8px 16px 0 rgb(14 49 169 / 10%);
        display: inline-block;
        width: 20%;
        margin-left: 10%;
        border-radius: 6px;
    }

    .blockrecommand {
        display: block;
        text-align: center;
        width: 870px;
        margin: 0 auto;
    }

    .marginrecommand {
        margin-left: 30px;
        margin-right: 32px;
    }

    .buttonmodele{
        display: inline-block;
        line-height: 56px;
        border-radius: 6px;
        color: white;
        cursor: pointer;
        width: inherit !important;
        padding: 0 16px;
        background-color: #9ed3c9;
        margin-left: 40px;
    }

    .buttongauche {
        display: inline-block;
        line-height: 56px;
        border-radius: 6px;
        width: 150px !important;
        height: 56px !important;
        color: #9ed3c9 !important;
        background-color: transparent !important;
        border: solid 1px #9ed3c9 !important;
        margin-left: 40px;
    }

    .buttondroit {
        display: inline-block;
        line-height: 56px;
        border-radius: 6px;
        color: white;
        cursor: pointer;
        background-color: #9ed3c9;
        margin-left: 40px;
        width: 152px;
    }

    .button_suppr {
        display: inline-block;
        width: 206px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        border: 1px solid #e45e5f;
        border-radius: 6px;
        color: #e45e5f;
        font-weight: 900;
    }

    .block_participant_radius {
        border-radius: 6px;
        overflow: auto;
    }

    .block_champ_width {
        width: 862px;
        padding-right: 0;
    }

    .blockv2_participant {
        width: 1150px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        padding-bottom: 32px;
        margin-bottom: 40px;
        position: relative;
    }

    .champ-libelle-participant {
        width: 450px;
        height: 56px;
        border: 0px;
        border-radius: 6px;
        background-color: rgb(247, 247, 247);
        display: inline-block;
    }

    .champ-text-participant {
        width: 450px;
        height: 56px;
        border: 0px;
        border-radius: 6px;
        background-color: rgb(247, 247, 247);
        display: inline-block;
    }

    .champ-taille-participant {
        width: 208px;
        height: 56px;
        border: 0;
        border-radius: 6px;
        background-color: #f7f7f7;
        margin-right: 24px;
    }

    .sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
    }

    .nav-participant ul li:first-of-type a {
        border-radius: 6px 0 0 6px;
    }

    .nav-participant ul li:last-of-type a {
        border-radius: 0 6px 6px 0;
    }

    .form-searchAdvanced-accueil {
        display: flex;
        justify-content: space-around;
    }

    .flex-searchAdvancedAccueil {
        flex: 1 1 auto;
    }

    .widthPaxAccueilAdvanced {
        width: 190px !important;
    }

    .margin-r8-desktop{
        margin-right: 8px !important;
    }

    .margin-l8-desktop {
        margin-left: 8px !important;
    }

    .buttonCDCAdvancedSearch {
        padding: 10px 20px !important;
        position: absolute;
        top: 32px;
        right: 32px;
    }

    .selectmodifarrow {
        margin-bottom: 0;
        background: url(/media/com_genius/images/v2/meeting/keyboard-arrow-down-24-px.png) no-repeat;
        background-position-x: 97%;
        background-position-y: 50%;
        margin-left: 0 !important;
        border-radius: 6px !important;
    }

    .divmodifarrow2 {
        border-left: 1px solid #979797;
        height: 56px;
        position: absolute;
        right: 40px;
    }

    .selectmodifarrow2 {
        margin-bottom: 0;
        background: url(/media/com_genius/images/v2/meeting/keyboard-arrow-down-24-px.png) no-repeat;
        background-position-x: 97%;
        background-position-y: 50%;
        margin-left: 0 !important;
        border-radius: 6px !important;
    }

    .divmodifarrow3 {
        border-left: 1px solid #979797;
        height: 56px;
        position: absolute;
        left: 285px;
    }

    .divmodifarrow {
        background-color: #f7f7f7;
        margin-left: 32px;
        margin-right: 16px;
    }

    .heightaugmented185 {
        height: 185px !important;
    }

.inputCheckboxBleu input[type="checkbox"]:checked + label::before {
content: '✓';
line-height: 20px;
}

.create_devis {
 display : block !important; 
margin: auto;
}

.footer_div {
background-color: white;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
width: 1170px;
border-radius: 6px 6px 0 0;
bottom: 0;
    position: absolute;
    transform: translate(-38%, 0);
clear: both;
}

.evalCOexplicatif {
font-size: 18px;
}

.selectarrowdisplay {
    background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 210px 3px;
    -webkit-appearance: none;
    width: 240px;
}

.imgrond-conversation {
width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.divrond-conversation {
display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

.blockmsgleft-nopadding {
width: 867px;
    display: inline-block;
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    background-color: #ffffff;
    margin-bottom: 24px;
    vertical-align: top;
    float: left;
}

.pexplicatif {
width: 450px;
    text-align: center;
    margin: auto;
}

.projet_cdc_left{
    width: 870px;
    display: table;
    float: left;
}

    .sitemodifprojet {
	margin-top: 16px !important;
    height: 88px !important;
    line-height: 44px !important;
    }

.blockaffichproduit {
margin: 0;
padding: 0;
border: 1px solid #979797;
border-radius: 6px;
width: 268px;
display: inline-block;
margin-right: 8px;
overflow: auto;
margin-bottom: 16px;
}

.widthproduitlist {
width: 883px;
}

.width191 {
width: 191px;
}

width88 {
width: 88px;
}

.bigtextaccueil {
width: 765px;
display: block;
margin : 0 auto;
}

.reportdiv2 {
display: inline-block;
float: right;
margin-top: 8px;
margin-right: 16px;
}

.reportselect {
border: 0;
-webkit-appearance: none;
background-color: transparent;
width: 243px;
position: absolute;
top: 8px;
left: 8px;
font-weight: bold;
}

.reporopportunites {
background-color: white;
padding: 10px;
}

.reporopportunites64 {
background-color: white;
padding: 10px;
margin-top: 64px;
}

	.padding-search-accueil {
display: inline-block;
margin-left: 32px;
margin-right: 8px;
}

    .acceuilmarche_divlast {
        display: inline-block;
        margin-right: 0px;
    }

    .acceuilmarche_div {
        display: inline-block;
        margin-right: 122px;
    }

    .margint-88 {
        margin-top: 88px;
    }

    .accueilblock_p {
        font-size: 21px;
        font-weight: 900;
        margin-left: 32px;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .accueilblock_div {
        width: 765px;
        height: 169px;
        background-color: white;
        border-radius: 6px;
        margin: auto;
        margin-bottom: 180px;
    }

    .width88 {
        width: 88px;
    }

    .avis_nom {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        width: 415px;
    }

    .offre-div5 {
        display: inline-block;
        vertical-align: top;
        margin-top: 55px;
        width: 190px;
        text-align: center;
    }

    .offre-div4 {
        display: inline-block;
        width: 169px;
        text-align: center;
    }

    .offre-div3 {
        display: inline-block;
        margin-left: 30px;
        width: 600px;
        vertical-align: top;
        margin-top: 16px;
    }

    .offre-div2 {
        display: inline-block;
    }

    .margin-top-24 {
        margin-top: 24px;
    }

    .div-service {
        display: none;
    }

    .action_etb_1 {
        margin-top: 16px;
    }

    .action_etb_2 {
        margin-top: 16px;
    }

    .height-pre-donnees {
        height: 19px;
    }

    .margin-t5 {
        margin-top: 5px;
    }

    .width-whitespace-initial {
        width: initial !important;
        white-space: initial !important;
    }

    .donnees_langue_bouton {
        margin-left: 33px;
    }

    .donnees_langue_description {
        margin-left: 33px;
    }

    .donnees_langue_description a {
        margin-left: 10px;
    }

    .padding-r24 {
        padding-right: 24px;
    }

    .padding_general {
        padding: 16px 32px 0px 32px;
    }

    .div_main {
        width: 1170px;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .margin-left-16 {
        margin-left: 16px;
    }

    .margin-right-16 {
        margin-right: 16px;
    }

    .margin-b16 {
        margin-bottom: 16px;
    }

    .margin-16 {
        margin: 16px;
    }

    .font-size-18 {
        font-size: 18px;
    }

    .font-size-16 {
        font-size: 16px;
    }

    .font-size-14 {
        font-size: 14px;
    }

    .font-size-12 {
        font-size: 12px;
    }

    .margin-l50 {
        margin-left: 50px;
    }

    .margin-45pourcent {
        margin-left: 45%;
    }

    .margin-l5pourcent {
        margin-left: 5%;
    }

    .reporting_span_nom {
        margin-left: 16px;
        vertical-align: middle;
        font-weight: bold;
    }

    .reporting_span_general {
        float: right;
        margin-right: 16px;
    }

    .reporting_span_note {
        vertical-align: middle;
        font-weight: bold;
        margin-right: 8px;
    }

    .reporting_note_span {
        font-size: 32px;
        font-weight: bold;
        margin-left: 8px;
    }

    .reporting_note_span2 {
        vertical-align: middle;
        margin-right: 8px;
    }

    .blockv2_margin {
        margin-top: 64px;
        margin-bottom: 40px;
    }

    .blockv2_margin_32 {
        margin-top: 32px;
        margin-bottom: 40px;
    }

    .notvisible_mobile {
    }

    .notvisible_web {
        display: none !important;
    }

    button:focus {
        outline: none !important;
    }

    .h4-block {
        display: inline-block;
    }

    .searchresult_a_action {
        display: block;
        float: right;
        margin-right: 8px;
    }

    .searchresult_img_action {
        height: 16px;
        width: 16px;
    }

    select::-ms-expand {
        display: none;
    }

    .text-align-center {
        text-align: center;
    }

    .text-align-initial {
        text-align: initial;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-initial {
        overflow: initial;
    }

    .padding-b30 {
        padding-bottom: 30px;
    }

    .padding-b32 {
        padding-bottom: 32px;
    }

    .padding-b64 {
        padding-bottom: 64px;
    }

    .display-inlineblock {
        display: inline-block;
    }

    .display-none {
        display: none;
    }

    .display-inlineflex {
        display: inline-flex;
    }

    .display-flex {
        display: flex;
    }

    .directionColumn {
        flex-direction: column;
    }

    .directionRox {
        flex-direction: row;
    }

    .flex-end
    {
        justify-content: flex-end;
    }

    .flex-wrap
    {
        flex-wrap: wrap;
    }

    .height-72 {
        height: 72px;
    }

    .height-305 {
        height: 305px;
    }

    .min-height-305 {
        min-height: 305px;
    }

    .min-height-240 {
        min-height: 240px;
    }

    .left-10pourcent {
        left: 10%;
    }

    .left-35pourcent {
        left: 35%;
    }

    .right-10pourcent {
        right: 10%;
    }

    .left-26 {
        left: 26px;
    }

    .right-32 {
        right: 32px;
    }


    .textareaFormV2-2C {
        margin-left: 2.5%;
        width: 93%;
    }

    .buttonRelativeBlockV2 {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 32px
    }


    .height-73 {
        height: 73px;
    }

    .width-184 {
        width: 184px;
    }

    .width-134 {
        width: 134px;
    }

    .width-100
    {
        width: 100px;
    }

    .width-200 {
        width: 200px;
    }
    .width-4pourcent{
        width: 4%;
    }
    .width-60pourcent {
        width: 60%;
    }

    .width-78pourcent {
        width: 78%;
    }

    .width-90pourcent {
        width: 90% !important;
    }

    .width-maxcontent {
        width: max-content !important;
    }

    .min-width200 {
    	min-width: 200px;
    }

    .height-314 {
        height: 314px;
    }

    .heightauto {
        height: auto;
    }

    .minheight-100 {
        min-height: 100px;
    }

    .padding-t12 {
        padding-top: 12px;
    }

    .padding-t21 {
        padding-top: 21px;
    }

    .padding-t32 {
        padding-top: 32px;
    }

    .margin-0 {
        margin: 0;
    }

    .float-r {
        float: right;
    }

    .margin-t70 {
        margin-top: 70px;
    }

    .div-forgot {
        float: left;
        margin-left: 4000px;
        text-align: center;
    }

    .p-forgot {
        width: 900px;
        white-space: normal;
    }


    .padding-l32 {
        padding-left: 32px;
    }

    .padding-l32i {
        padding-left: 32px!important;
    }

    .padding-b32i {
        padding-bottom: 32px!important;
    }

    .padding-r32 {
        padding-right: 32px;
    }

    .padding-r20 {
        padding-right: 20px;
    }

    .align-sub {
        vertical-align: sub;
    }

    .align-middle {
        vertical-align: middle;
    }

    .align-super {
        vertical-align: super;
    }

    .align-top {
        vertical-align: top;
    }

    .margin-l680 {
        margin-left: 680px;
    }

    .block_general {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .margin-t18 {
        margin-top: 18px;
    }

    .margin-t6 {
        margin-top: 6px;
    }

    .margin-r6 {
        margin-right: 6px;
    }

    .margin-l32 {
        margin-left: 32px;
    }

    .margin-l16 {
        margin-left: 16px;
    }

    .margin-t8 {
        margin-top: 8px;
    }

    .margin-t16 {
        margin-top: 16px;
    }

    .margin-t56 {
        margin-top: 56px;
    }

    .margin-t88 {
        margin-top: 88px;
    }

    .margin-l0 {
        margin-left: 0;
    }

    .float-l {
        float: left;
    }

    .margin-l62 {
        margin-left: 62px;
    }

    .margin-t24 {
        margin-top: 24px;
    }

    .margin-l24 {
        margin-left: 24px;
    }

    .margin-l124 {
        margin-left: 124px;
    }

    .margin-l8 {
        margin-left: 8px;
    }

    .margin-r8 {
        margin-right: 8px;
    }

    .margin-r24 {
        margin-right: 24px;
    }

    .margin-r0 {
        margin-right: 0px;
    }

    .margin-r150
    {
        margin-right: 150px;
    }

    .margin-b15 {
        margin-bottom: 15px;
    }

    .margin-t8 {
        margin-top: 8px;
    }

    .margin-b120 {
        margin-bottom: 120px;
    }

    .margin-b24
    {
        margin-bottom: 24px;
    }

    .margin-b32 {
        margin-bottom: 32px;
    }

    .margin-r32 {
        margin-right: 32px;
    }

    .margin-b64 {
        margin-bottom: 64px;
    }

    .padding-b48 {
        padding-bottom: 48px;
    }

    .padding-b120 {
        padding-bottom: 120px;
    }

    .padding-12 {
        padding: 12px;
    }

    .padding-8-16 {
        padding: 8px 16px;
    }

    .both {
        clear: both;
    }

    .listestyletypenone {
        list-style-type: none;
    }

    select:focus {
        outline-offset: 0px;
        outline: 0px;
    }

    .display-table-cell {
        display: table-cell;
    }

    .vertical-align-middle {
        vertical-align: middle;
    }

    .vertical-align-top {
        vertical-align: top;
    }

    .white-space-normal {
        white-space: normal;
    }

    .white-space-pre-wrap
    {
        white-space: pre-wrap;
    }

    .margin-auto {
        margin: auto;
    }

    .margin-b72 {
        margin-bottom: 72px;
    }

    .margin-l0i {
        margin-left: 0 !important;
    }

    .font-style-italic {
        font-style: italic;
    }
    .block_entite{
        display: flex;
        margin-top: 32px;
    }

    .axetripublic li {
        padding: 5px 10px;
        z-index: 2;
        height: 35px;
        overflow: hidden;
    }

    .axetripublic li.default {
        cursor: pointer;
        -webkit-appearance: button-bevel;
        cursor: pointer;
        line-height: 50px;
        font-weight: bold;
        list-style-type: none;
    }

    .axetri li {
        padding: 5px 10px;
        z-index: 2;
        height: 32px;
        overflow: hidden;
    }

    .axetri li.default {
        cursor: pointer;
        -webkit-appearance: button-bevel;
        cursor: pointer;
        line-height: 32px;
        font-weight: bold;
        list-style-type: none;
    }

    .selectpublic li {
        padding: 5px 10px;
        z-index: 2;
    }

    .selectpublic li.default {
        cursor: pointer;
        -webkit-appearance: textarea;
        cursor: pointer;
        line-height: 46px;
        font-weight: bold;
        padding-left: 16px;
    }

    .max-width-805 {
        max-width: 805px;
    }

    .salles-planning-corps {
        width: 96%;
        margin-left: 2%;
        margin-top: 8px;
        text-align: center;
    }

    .cloche-notif {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: absolute;
        border-radius: 50%;
    }

    .left-370 {
        left: 370px;
    }

    .left-276 {
        left: 276px;
    }

    .left-133 {
        left: 133px;
    }

    .left-491 {
        left: 491px;
    }

    .left-603 {
        left: 603px;
    }

    .left-706 {
        left: 706px;
    }


    .selecttri {
        height: 30px;
        width: 246px;
        display: inline-block;
        z-index: 10;
        position: absolute;
        background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 228px 0px;
    }

    .selecttri li {
        padding: 5px 10px;
        z-index: 2;
    }

    .selecttri li.default {
        cursor: pointer;
        font-size: 12px;
        -webkit-appearance: textarea;
        cursor: pointer;
    }

    .mailto {
        vertical-align: middle;
        font-size: 12px;
    }

    .p_explicatif_create {
        width: 450px;
        text-align: center;
        margin-bottom: 32px;
    }

    .footer_menu {
        position: fixed;
        bottom: 0px;
        z-index: 1;
        display: none;
        width: 100%;
    }

    .padding_content {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .connexion-submit {
        margin: 0 auto;
        padding-left: 32px;
        margin-top: 25px;
    }

    .userInfo {
        display: inline-block;
        margin-right: 184px;
    }

    .donnees_connexion_div {
        width: 382px;
        margin-right: 4px;
    }

    .buttonPassword {
        display: inline-block;
        vertical-align: middle;
    }

    .select-search-tri {
        background: none;
        border: none;
        -webkit-appearance: unset;
        text-decoration: underline;
        background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 228px;
        font-size: 12px;
        width: 250px;
    }

    .img-button-create {
        margin-right: 8px;
        vertical-align: middle;
    }

    .a-divblock {
        font-size: 23px;
        display: inline-block;
        max-width: 450px;
    }

    .onclick-slider-2 {
        position: absolute;
        top: 110px;
        left: 190px;
        opacity: 0.7;
    }

    .fullscreen {
        position: absolute;
        top: 0px;
        left: 199px;
        opacity: 0.7;
    }

    .onclick-slider-1 {
        position: absolute;
        top: 110px;
        left: 10px;
        opacity: 0.7;
    }

    .image-arrow {
        width: 25px;
        height: 25px;
        transform: rotate(270deg);
    }

    .p-etablissement-resultats-text-null {
        margin-left: 32px;
    "
    }

    .span-4-meme-fin {
        cursor: pointer;
        margin-left: 24px;
    }


    .pagination-2 {
        display: block;
        float: right;
    }

    .nbresultats-2 {
        display: block;
        float: left;
    }

    .blockv2result-2 {
        height: auto;
        background-color: transparent;
        box-shadow: none;
    }

    .div-accord-groupe {
        display: inline-block;
        width: 25%;
        float: left;
    }

    .divforeach2blockv2result {
        display: inline-block;
        width: 55%;
        float: left;
    }


    .div4blockv2result {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .div1blockv2result {
        display: inline-block;
        width: 225px;
        height: 225px;
    }

    .filtre2 {
        display: inline-block;
        margin-top: 16px;
        margin-bottom: 0px;
    }


    .connected-search-span {
        margin-left: 24px;
        margin-top: 22px;
        display: block;
        float: left;
    }

    .listeSelectionV2 {
        border: 1px solid black;
        background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 628px;
    }

    .borderSelectionVilleV2 {
        border: 1px solid #c4d3da;
        border-radius: 6px;
        padding: 5px;
        background: url(/media/com_genius/images/v2/keyboard-arrow-down-24-px.png) no-repeat 275px;
    }

    .connected-search-a {
        float: right;
        margin-top: 20px;
        margin-bottom: 16px;
    }

    .connected-search-a-img {
        margin-right: 8px;
        vertical-align: middle;
    }

    .connected-search-form-label {
        display: block;
        width: 78%;
        float: left;
        margin-left: 24px;
        font-size: 14px;
    }

    .connected-search-form-label2 {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 700;
        margin-left: 24px;
    }

    .connected-search-form-label3 {
        font-size: 14px;
        margin-left: 24px;
        font-weight: 700;
    }

    .connected-search-form-label4 {
        display: block;
        width: 86%;
        float: left;
        font-size: 14px;
    }

    .connected-search-form-div {
        width: 155px;
        display: flex;
    }

    .connected-search-form-input3 {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .connected-search-etoiles-input {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .connected-search-form-label5 {
        display: block;
        width: 77%;
        float: left;
        line-height: 24px;
        padding-top: 3px;
        margin-left: 24px;
        font-size: 14px;
        white-space: normal;
    }

    .connected-search-form-foreach-label {
        width: 66%;
        white-space: normal;
        margin-left: 24px;
        font-size: 14px;
        margin-right: 24px;
        vertical-align: middle;
    }

    .localisations {
        display: block;
        float: left;
        width: 92%;
        height: 18px;
        overflow: hidden;
    }

    #type {
        padding-top: -5px;
        overflow: hidden;
        border: none;
    }

    #type .block_content {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    .onglet_v2 {
        padding: 6px 48px;
        border-left: 1px solid #dceef6;
        cursor: pointer;
    }

    #territoires_recherches {
        margin-bottom: 16px;
        margin-left: 24px;
        margin-right: 20px;
    }

    .clochefrsv2 {
        width: 30px;
        height: 29px;
        padding-right: 12px;
        vertical-align: sub;
        margin-left: 8px;
    }

    .devis-detail-span1 {
        font-size: 14px;
        font-weight: 700;
    }

    .devis-detail-p2 {
        font-size: 12px;
        margin-top: 24px;
    }

    .devis-detail-span {
        float: right;
        font-size: 10px;
    }

    .devis-detail-th1 {
        width: 184px;
        font-size: 12px;
        font-weight: 700;
    }

    .devis-detail-th {
        border-right: 2px solid #c8c8c8;
        width: 236px;
        font-size: 12px;
        font-weight: 700;
    }

    .devis-detail-table {
        width: 100%;
        margin-top: 16px;
        margin-bottom: 4px;
    }

    .devis-detail-p1 {
        float: right;
        margin-right: 9px;
        margin-top: 30px;
        text-align: end;
        font-weight: 700;
    }

    .devis-detail-p {
        display: inline-block;
        margin-left: 9px;
        margin-top: 17px;
        font-size: 21px;
        font-weight: 700;
    }

    .devis-detail-div {
        width: 605px;
        margin-left: 29.5%;
        background-color: white;
        padding-left: 34px;
        padding-right: 34px;
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .devis-bandeau-div1 {
        display: inline-block;
        margin-left: 121px;
    }

    .devis-bandeau-img {
        margin-left: 16px;
        vertical-align: middle;
    }

    .devis-bandeau-div {
        line-height: 72px;
        display: inline-block;
    }

    .mesdonnes-connexion-div {
        margin-left: 33px;
    }

    .societe-detail-ul1 {
        list-style-type: none;
        margin-left: 55%;
    }

    .societe-detail-ul {
        list-style-type: none;
        margin-left: 33px;
        width: 40%;
        float: left;
        height: 50px;
    }

    .mesdonnees-p {
        text-align: center;
        font-weight: bold;
        text-decoration: underline;
    }

    .projet-ajout-input1 {
        border: 0;
        background: none;
        font-size: 14px;
        width: 86%;
    }

    .projet-ajout-input2 {
        border: 0;
        background: none;
        font-size: 14px;
    }

    .projet-ajout-div2 {
        margin: 0 auto;
        display: inherit;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .projet-ajout-input {
        border: 0;
        background: none;
        font-size: 14px;
    }

    .projet-ajout-select {
        border: 0;
        background: none;
        font-size: 14px;
        cursor: pointer;
    }

    .projet-ajout-div {
        margin: 0 auto;
        display: table;
    }

    .projet-facture-img {
        padding-left: 2px;
        padding-top: 15px;
    }

    .projet-facture-div {
        display: inline-block;
        vertical-align: middle;
    }

    .projet-facture-p {
        display: inline-block;
        font-weight: 700;
    }

    .projet-devis-div {
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin-right: 38px;
        margin-top: 8px;
    }

    .projet-devis-p {
        display: inline-block;
        font-weight: 700;
        width: 114px;
    }

    .projet-devis-span {
        font-size: 12px;
        margin-right: 70.5px;
    }

    .projet-facture-span {
        font-size: 12px;
        margin-right: 100px;
    }

    .projet-devis-img {
        padding-left: 2px;
        padding-top: 15px;
    }

    .projet-selected-a {
        margin-right: 8px;
        float: right;
    }

    .projet-selected-div5 {
        display: inline-block;
        height: 193px;
        vertical-align: middle;
    }

    .projet-selected-div4 {
        display: inline-block;
        vertical-align: super;
        margin-left: 60px;
        margin-right: 60px;
    }

    .projet-selected-div3 {
        display: inline-block;
        vertical-align: middle;
        height: 175px;
        padding-left: 16px;
    }

    .projet-selected-div2 {
        display: inline-block;
        width: 179px;
        vertical-align: top;
        padding-left: 16px;
        float: left;
    }

    .projet-selected-div1 {
        display: inline-block;
        width: 432px;
    }

    .projet-fulscreen-r {
        position: absolute;
        top: 110px;
        left: 202px;
        opacity: 0.7;
    }

    .projet-fullscreen-l {
        position: absolute;
        top: 110px;
        left: 15px;
        opacity: 0.7;
    }

    .projet-selected-div {
        display: inline-block;
        width: 225px;
        height: 225px;
        vertical-align: bottom;
    }

    .projet-search-span {
        display: inline-block;
        font-size: 12px;
    }

    .projet-search-h4 {
        display: inline-block;
        margin-right: 8px;
    }

    .projet-notif-div {
        display: inline-block;
        float: right;
        margin-right: 30px;
    }

    .projet-resume-img {
        margin-right: 16px;
        margin-top: 16px;
    }

    .projet-resume-div {
        display: inline-block;
        float: right;
        text-align: end;
        position: absolute;
        top: 0px;
        right: 16px;
    }

    .projet-block {
        margin-top: 40px;
        margin-right: 275px;
    }

    .conversation-message-div2 {
        padding-bottom: 24px;
        clear: both;
    }

    .conversation-message-p {
        padding-top: 32px;
        width: 747px;
        margin-left: 32px;
        overflow: hidden;
        line-height: 1.5;
    }

    .conversation-message-left2 {
        display: inline-block;
        vertical-align: middle;
        margin-left: 16px;
        text-align: left;
    }

    .conversation-message-right2 {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16px;
        text-align: right;
    }

    .conversation-message-right {
        float: right;
        margin-top: 32px;
        margin-right: 32px;
    }

    .conversation-message-left {
        float: left;
        margin-top: 32px;
        margin-left: 32px;
    }

    .conversation-write-submit {
        width: 224px;
        height: 56px;
    }

    .conversation-write-wait {
        width: 34px;
        vertical-align: middle;
        margin-right: 29px;
    }

    .conversation-write-div {
        display: inline-block;
        vertical-align: middle;
        margin-left: 205px;
        line-height: 56px;
    }

    .conversation-write-p {
        font-size: 16px;
        margin-top: 24px;
    }

    .conversation-participant-div3 {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
    }

    .conversation-participant-div {
        margin-top: 24px;
        margin-left: 16px;
        margin-right: 16px;
    }

    .partage-conversation {
        font-size: 14px;
        margin-left: 16px;
        margin-top: 16px;
    }

    .conversation-date-div {
        position: absolute;
        bottom: 23px;
    }

    .conversation-resume-button {
        margin-top: 61px;
        float: right;
        margin-right: 32px;
        height: 56px;
        width: 181px;
        border: 1px solid;
        border-radius: 6px;
        font-weight: 700;
    }

    .conversation-resume-h4 {
        width: 545px;
        margin-left: 0px;
        margin-bottom: 8px;
        font-size: 22px;
        margin-top: 16px;
        display: inline-block;
    }

    .conversation-resume-div {
        position: relative;
        height: 185px;
    }

    .commande_resumev2-resume-div {
        height: 215px;
    }

    .conversation-block {
        margin-top: 46px;
        margin-bottom: 40px;
    }

    .conversation-attachement {
        vertical-align: middle;
        line-height: 54px;
    }

    .conversation-attachement-div {
        display: inline-block;
        float: right;
        margin-right: 30px;
        margin-top: 12px;
    }

    .conversation-subject {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        width: 470px;
    }

    .contact-div {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        width: 270px;
    }

    .contact-div2 {
        width: 700px !important;
    }

    .projet-nb-a {
        cursor: pointer;
        margin-left: 24px;
    }

    .archive-description-span {
        vertical-align: super;
        font-size: 14px;
    }

    .archive-description-span:hover {
        text-decoration: underline;
    }

    .projet-description-div {
        margin-left: 32px;
    }

    .projet-result-button {
        float: right;
        margin-right: 32px;
        height: 56px;
        width: 181px;
        border: 1px solid;
        border-radius: 6px;
        font-weight: 700;
    }

    .projet-result-type {
        font-size: 13px;
        padding-left: 32px;
        display: inline-block;
    }

    .projet-result-h3 {
        margin-left: 32px;
        display: inline-block;
        width: 600px;
        font-size: 22px;
        margin-top: 16px;
        margin-bottom: 8px;
        display: block;
    }

    .projet-suppr-div {
        float: right;
        margin-right: 8px;
        margin-top: 8px;
    }

    .projet-select-block {
        height: 184px;
        position: relative;
    }

    .projet-tri-option {
        font-size: 12px;
        text-decoration: underline
    }

    .projet-tri-select {
        background: url(/media/com_genius/images/v2/keyboard-arrow-down-24-px.png) no-repeat 100%;
        border: 0px;
        font-size: 12px;
        text-decoration: underline;
        padding: 0px;
        margin: 0px;
        margin-bottom: 8px;
        -webkit-appearance: none;
        width: 210px;
    }

    .projet-type-img {
        margin-left: 8px;
        vertical-align: middle;
    }

    .projet-filtre-img {
        float: right;
        margin-right: 30px;
        margin-top: 18px;
    }

    .projet-filtre-div {
        padding-left: 24px;
        width: 247px;
        height: 60px;
        border-radius: 6px;
        display: inline-block;
        line-height: 60px;
        vertical-align: middle;
    }

    .projet-filtre-span {
        font-size: 16px;
        height: 60px;
        padding: 20px 0px;
    }

    .image-hide {
        width: 150%;
        height: 150%;
        max-width: 550px;
        max-height: 300px;
    }

    .fullscreen-small {
        position: absolute;
        right: 0px;
        opacity: 0.7;
    }

    .image-small {
        width: 190px;
        height: 145px;
        object-fit: cover;
        float: right;
    }

    .div-image-small {
        position: relative;
        float: right;
        margin-top: 32px;
        margin-right: 32px;
    }

    .fullscreen-wide {
        position: absolute;
        top: 293px;
        left: 670px;
        opacity: 0.7;
    }

    .image-wide {
        width: 662px;
        height: 497px;
        margin-left: 32px;
        margin-top: 32px;
        object-fit: cover;
        float: left;
        position: relative;
    }

    .avis {
        font-size: 14px;
        vertical-align: super;
        margin-left: 8px;
        font-weight: 700;
        text-decoration: underline;
    }

    .descriptif2 {
        display: inline-block;
        width: 224px;
        vertical-align: top;
        margin-left: 32px;
        margin-top: 24px;
    }

    .descriptif1 {
        display: inline-block;
        width: 184px;
        vertical-align: top;
        margin-top: 24px
    }

    .descriptif {
        display: inline-block;
        height: 150px;
    }

    .favoris {
        float: right;
        margin-top: 16px;
        margin-right: 16px;
    }

    .h3-title {
        display: inline-block;
        vertical-align: top;
        margin-top: 24px;
        margin-left: 32px;
        font-size: 28px;
        font-weight: 700;
    }

    .retour2 {
        font-size: 12px;
        line-height: 24px;
        text-decoration: underline;
        font-weight: 700;
    }

    .resultvignette {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .projectselected {
        padding-left: 40px;
        padding-top: 24px;
        line-height: 35px;
        margin-bottom: 32px;
    }

    .etab:hover {
        border-bottom: 3px solid;
    }


    .imgresult {
        height: 225px;
        width: 225px;
        object-fit: cover;
        border-radius: 6px 0px 0px 6px;
    }

    .imgresult2 {
        height: 225px;
        width: 225px;
        object-fit: cover;
    }

    .nav {
        position: absolute;
        width: 1170px;
        margin: 0 auto;
        left: 0px;
        right: 0px;
    }

    .settings {
        position: absolute;
        width: 1170px;
        margin: 0 auto;
        left: 0px;
        right: 0px;
    }

    .doublenav {
        left: -520px !important;
        z-index: 11 !important;
    }

    .menu1 {
        text-align: right;
    }

    .logo {
        margin-left: 275px;
    }

    .blockmsgresult {
        width: 867px;
        display: inline-block;
        margin-bottom: 24px;
        vertical-align: top;
    }

    .blockv2content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .blockv2search {
        margin-left: 30px;
        display: inline-block;
        border-radius: 6px;
        vertical-align: middle;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    }

    .margin-bottom {
        margin-bottom: 8px;
    }

    .position-absolute {
        position: absolute;
    }

    .position-relative {
        position: relative;
    }

    .bottom-32 {
        bottom: 32px;
    }

    .bottom-23 {
        bottom: 23px;
    }

    .left-92 {
        left: 92px;
    }

    .bottom-66 {
        bottom: 66px;
    }

    .bottom-12 {
        bottom: 12px;
    }

    .left-104 {
        left: 104px;
    }

    .aligncenter {
        align: center;
    }

    .inputValidateursGestionHabilitation {
        width: 106px !important;
        margin-left: 1% !important;
    }

    #params_recherche {
        position: relative;
        padding-bottom: 52px;
    }

    #params_site_needed {
        position: relative;
        padding-bottom: 52px;
    }

    #params_paiements {
        position: relative;
        padding-bottom: 52px;
    }

    #abonnement_entite > .block_content {
        display: flex;
        margin-top: 32px;
    }

    .blocHautSociete > .block_content {
        display: flex;
        margin-top: 32px;
    }

    #historique {
        padding-top: 32px;
    }

    #abonnement_parametre {
        height: 429px
    }

    #resumeHierarchie > div > h3 {
        width: auto;
    }

    #devisButtonHierarchie > div > div {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }

    #devisButtonHierarchie > div > div > .devis-bandeau-button1 {
        margin-left: 50px;
    }

    .div-service_img {
        margin-left: 40px;
        width: 56px;
        vertical-align: middle;
    }

    .avis_note {
        display: inline-block;
        float: right;
        margin-top: 16px;
    }

    .avis_commentaire {
        width: 706px;
        margin-top: 8px;
    }

    .inactif_etb {

    }

    .etb_selected {
        padding-left: 8px;
        position: relative;
    }

    .projet_selected_designation {
        font-weight: 700;
        color: white;
    }

    .box {
        position: fixed;
        top: -1000px;
        width: 800px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #fff;
        color: #7F7F7F;
        padding: 25px 25px 30px;
        border: 0px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 5px #333;
        -webkit-box-shadow: 0 1px 5px #333;
        z-index: 9999;
        display: inline-block;
        max-height: 75%;
        min-height: 40px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .formDevisPO input::placeholder {
        color: #c8c8c8;
    }

    .checkInput {
        background-image: url("/media/com_genius/images/v2/devis_check_circle.png");
        background-position: right;
        background-repeat: no-repeat;
    }

    .submitDevisPO {
        height: 26px;
        padding: 4px 14px !important;
        min-width: 0 !important;
        font-size: 12px !important;
        margin-left: 8px;
        width: 90px
    }

    .min-width0 {
        min-width: 0 !important;
    }

    .borderRadius-6 {
        border-radius: 6px;
    }

    .rateyoagence {
        vertical-align: middle;
        display: inline-block;
        margin-left: 36px;
    }

    .popup_createvt {
        width: 275px;
        margin-top: 2px;
        margin-right: 40px;
    }

    .projet-icone-span {
        vertical-align: super;
        font-size: 14px;
    }

    .h2public {
        display: block;
        text-align: center;
        color: white;
        font-size: 37px;
        font-weight: bold;
        line-height: 1.19;
        margin: auto;
        margin-top: 36px;
        width: 744px;
    }

    .prestatairepublic {
        vertical-align: middle;
    }

    .borderRadius-6l {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .borderRadius-6r {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .textSwitchButton {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .commandev2_p1 {
        text-align: center;
        padding: 16px;
    }

    .commandev2_p3 {
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        padding: 16px 0px;
        border-bottom: 3px solid #e8e8e8;
    }

    .commandev2_maindiv {
        margin-top: 46px;
        display: inline-block;
        width: 867px;
    }

    .floatmenu {
        float: left;
    }

    .contentBlockDevisOption {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .dateExpireOption {
        font-weight: bold;
        line-height: 1.5;
    }

    .textTitle {
        font-size: 28px;
        font-weight: 300;
        line-height: 1.18;
        vertical-align: super;
    }

    .designationProjetDevisV2 {
        font-weight: bold;
        line-height: 1.5;
    }

    .propositionDevis {
        width: 198px;
        height: 26px;
        font-size: 21px;
        font-weight: bold;
        line-height: 1.19;
        display: inline-block;
    }

    .prestatationTitle {
        height: 24px;
        font-weight: bold;
        line-height: 1.5;
    }

    .ligneTableArticle > td {
        text-align: center;
        vertical-align: middle;
        padding-right: 24px;
    }

    .ligneTableArticle > td.text-align-initial {
        text-align: initial;
    }

    .ligneTableArticle > th {
        padding-right: 24px;
        font-size: 12px;
        text-align: center;
    }

    .blockAjoutPrestation {
        margin-top: 25px;
        margin-bottom: 40px;
        cursor: pointer;
    }

    .fontTable {
        font-size: 14px;
        font-weight: bold;
    }

    .divTableau {
        width: 120px;
        height: 30px;
    }

    .titreDevisV2 {
        height: 26px;
        font-size: 21px;
        font-weight: bold;
        line-height: 1.19;
    }

    .buttonModifierDevisTextV2 {
        font-size: 14px;
        font-weight: bold;
    }

    .titleBeforeText {
        height: 16px;
        font-size: 12px;
    }

    .textConditionsDevisV2 {
        width: 678px;
        font-size: 14px;
        line-height: 1.43;
        margin-bottom: 16px;
    }

    .text-align-end {
        text-align: end;
    }

    .presentationDevisV2 {
        height: 137px;
        padding-left: 32px;
    }

    .margin-r16 {
        margin-right: 16px
    }

    .annulModif {
        position: absolute;
        top: 0;
        right: 100px;
        color: red;
        cursor: pointer
    }

    .margin-b8 {
        margin-bottom: 8px;
    }

    .fr-fil {
        float: left;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .fr-dii {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .fr-fir {
        float: right;
    }

    .fr-dib {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    table[type=data].tableauAcompteV2 {
        width: 82%;
    }

    .tableauAcompteV2 tr {
        height: 40px !important;
    }

    .tableauAcompteV2 td {
        font-size: 12px;
    }

    .tablemodele > thead > tr > th {
        border: 0 !important;
        width: 0 !important;
    }

    .tablemodele tr {
        height: 40px;
    !important;
    }

    .div_submit {
        display: inline-block;
    }

    .acceuilconfiance_img {
        vertical-align: middle;
        margin-right: 109px;
    }

    .acceuilconfiance_imglast {
        vertical-align: middle;
    }

    .accueilfooter_div {
        display: inline-block;
        text-align: left;
        margin-right: 230px;
    }

    .explicatif_div {
        width: 490px;
        margin: auto;
        margin-top: 16px;
    }

    .formcivilite_select {
        width: 490px !important;
        height: 56px !important;
    }

    .autocomplete_div {
        margin-bottom: 16px;
        width: 488px !important;
        height: 54px;
        margin-right: 0px;
    }

    .text_argumentaire {
        text-align: center;
        width: 490px;
        margin: auto;
    }

    .annulCommandeLink {
        display: block;
        text-align: center;
        margin-top: 22px;
    }

    .detailCommande > table > thead > tr > th {
        border: 0;
    }

    .positionButtonCmdSimplif {
        position: absolute;
        bottom: 0;
        right: 30px;
    }

    .addOrsubButton {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 28px;
        top: 50%;
        transform: translateY(-50%);
    }

    .width-360 {
        width: 360px;
    }

    .buttonResumeCmdProduit {
        flex-direction: column;
        justify-content: space-around;
	display: inline-block; 
float: right; 
text-align: center; 
margin-right: 32px;
width: 160px;
    }

    .blockFiltreProduitV2 {
            width: 271px;
    margin-right: 16px;
        height: 100%;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        padding-bottom: 16px;
        vertical-align: top;
        float: left;
margin-bottom: 34px;
    }

    .numero-projet-produit-h4 {
        width: 400px;
        margin-left: 0px;
        margin-bottom: 8px;
        font-size: 28px;
        margin-top: 16px;
        display: inline-block;
    }

    .firstLane a {
        width: 65%;
    }

    .product_small_item {
        background-color: white;
        margin-top: 20px;
    }

    .product_price_div {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .product_price_span {
        vertical-align: sub;
        font-size: 14px;
        font-weight: bold;
    }

    .titre_produit_p {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 5px;
    }

    .closeWidget
    {
        display: inline-block !important;
        cursor: pointer;
        position: absolute;
        top: 8px;
        right: 8px;
    }

    .listDocument
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .max-height-170
    {
        max-height: 170px;
    }

    .blockWidget1-2
    {
        display: inline-block;
        width: 566px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        vertical-align: top;
        margin-bottom: 40px;
        position: relative;
    }

    .displayFlexWrap
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .listButtonProjetSimplif
    {
        display: inline-block;
        position: initial;
        vertical-align: bottom;
        float: right;
        margin-top: 36px;
    }

    .suividepensesca
    {
    	margin-top: 64px;
    }

    .centrageVerticalAbsolu
    {
        position: absolute;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .opacity-05
    {
        opacity: 0.5;
    }


    .selectEntite > label
    {
        margin-right: 40px;
    }

    .cadreCGUV
    {
        height: 35vh;
        overflow: auto;
        border: 1px solid;
    }

    #containerService
    {
    	display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #containerService > .listeService.width40
    {
        width: 40%;
    }

    .centrageVertical_30px
    {
    	height: 30px;
    	line-height: 30px;
    }

    .paginationWithTri
    {
        display: flex;
        justify-content: space-between;
    }

    .cursor-default
    {
        cursor: default;
    }

    .cursor-pointer
    {
        cursor: pointer;
    }

    .selection1.choiceDestionationSearch
    {
        width:100%;
        line-height: 30px;
        height: initial;
        padding: 10px
    }

    .mapConnectedSearchV2
    {
        height: 380px;
        width: 864px;
        margin: 8px 0 0 30px;
        display: none;
    }

    .genereFactureCom.modifLinkV2
    {
        font-size: 12px;
    }

    .date_notificaton {
        font-size: 12px;
        color: #2d3441;
    }

    #listServiceComplementaire {
        width: 450px;
    }

    .addMediaEtb > a
    {
        margin-right: 16px;
    }

    .listDoc {
        margin-left: 32px;
    }

    .width-50pc {
    	width: 50%;
    }

    .docNameEtb {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .etbStatus {
    	display: flex;
    	align-items: flex-end;
    }

    .margin_block_top {
        margin-top: 32px;
    }

    .todoListSimplif {
	    width: 867px;
		display: inline-block;
		border-radius: 6px;
		box-shadow: 0 8px 16px 0 rgb(14 49 169 / 10%);
		background-color: #ffffff;
		margin-bottom: 24px;
		vertical-align: top;
		float: left;
    }

    .eventFiltersContainer {
    	margin: 8px 8px 0 30px
    }

    .infoCommandeContainer {
        display: flex;
        align-items: center;
        margin: 4px 0;
    }

    .blockv2resultRecherche {
        margin-top: 30px;
    }

    .dragdropContainerMessage {
        display: flex;
        align-items: end
    }

    .dragdropContainerMessage button[type="submit"] {
        margin-right: 32px;
    }

    .block-info-preinscription-publique {
        width: 450px;
    }

    form[name="research"] > .padding-search-accueil {
        display: inline;
    }
}

@media screen and (min-width: 100px) and (max-width: 800px) {
    .actu_padding {
        width: 94%;
        margin-left: 3%;
    }

    .actu_tooltip {
        display: inline-block;
        background-color: #fbc76c;
        padding: 8px;
        border-radius: 6px;
        margin-left: 32px;
        margin-top: 32px;
        margin-bottom: 16px;
    }

    .actu_h2 {
        padding-left: 24px;
        padding-right: 24px;
        font-weight: 600;
        font-size: 24px;
        margin-top: 24px;
    }

    .actu_p {
        margin-top: 8px;
        margin-left: 24px;
        margin-right: 24px;
    }

    .actu_p2 {
        margin-top: 8px;
        margin-left: 24px;
        margin-right: 24px;
        white-space: break-spaces;
    }

    .actu_button {
        display: inline-block;
        background-color: #fbc76c;
        color: white;
        padding: 16px;
        margin-top: 40px;
        border-radius: 6px;
        margin-left: 32px;
        margin-bottom: 64px;
    }

    .notif-search-bar {
        position: initial;
        flex-wrap: wrap;
        margin-top: 32px;
    }

    .notif-search-bar input {
        width: 100%;
    }

    .divfiltrefrsselect {
        margin-bottom: 0;
        border: 0;
        background-color: transparent;
    }

    .divfiltrefrstitre {
        display: inline-block;
        font-size: 18px;
        font-weight: 900;
        margin-left: 40px;
    }

    .padding-s-0i {
        padding:  0!important;
    }

    .titleWithButton {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .digit_rond3 {
        padding: 2px 5px 2px 5px;
        border-radius: 35% / 50%;
    }

    .digit_rond2 {
        padding: 2px 5px 2px 5px;
        border-radius: 40% / 50%;
    }

    .digit_rond1 {
        padding: 2px 5.5px 2px 5.5px;
        border-radius: 50%;
    }

    .introtextparticipant{
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 8px;
        margin-top: 16px;
    }

    .partenaire-ime.partenaire-ime-ficheetb {
        left:  16px;
    }

    .faqtitre {
        font-size: 23px;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .articletitre {
        font-weight: 800;
        font-size: 20px;
        padding-top: 8px;
        padding-bottom: 16px;
    }

    .onfocusarticle .reductext {
        display: block;
        padding-bottom: 8px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .onfocusarticle .fulltext {
        display: none;
    }

    .focusarticle .reductext {
        display: none;
    }
    .focusarticle .fulltext {
        display: block;
        padding-bottom: 8px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .reductext {
        padding-bottom: 8px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .articlefleche {
        text-align: center;
        margin: auto;
        background: #9ed3c9;
        border-radius: 0 0 6px 6px;
        margin-bottom: 24px;
    }

    .tagarticle {
        display : none;
    }

    .focusarticle {
        background: white;
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 6px;
    }

    .onfocusarticle {
        background: white;
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 6px;
    }

    .fulltext {
        display: none;
    }

    .imgarticle {
        display: none;
    }

    .titreproduitfiche {
        padding-bottom: 16px;
    }

    .blockrecommandfrs {
        box-shadow: 0 8px 16px 0 rgb(14 49 169 / 10%);
        display: inline-block;
        width: 80%;
        margin-left: 10%;
        border-radius: 6px;
        position: relative;
    }

    .mobilenovisible {
        display: none;
    }

    .marginrecommand {
        margin-right: 32px !important;
    }

    .buttonmodele {
        display: inline-block;
        line-height: 56px;
        border-radius: 6px;
        color: white;
        cursor: pointer;
        width: inherit !important;
        padding: 0 16px;
        background-color: #9ed3c9;
        margin-top: 16px;
    }

    .buttongauche {
        display: inline-block;
        border-radius: 6px;
        width: 150px !important;
        height: 56px !important;
        color: #9ed3c9 !important;
        background-color: transparent !important;
        border: solid 1px #9ed3c9 !important;
        padding: 0 !important;
        line-height: 56px;
    }

    .buttondroit {
        display: inline-block;
        line-height: 56px;
        border-radius: 6px;
        color: white;
        cursor: pointer;
        background-color: #9ed3c9;
        margin-top: 16px;
        width: 152px;
    }

    .margin_block_top {
        margin-top: 32px;
        padding: 0 10px;
    }

    .todoListSimplif {
    	margin-left: 3%;
	    display: inline-block;
	    width: 94%;
	    border-radius: 6px;
	    box-shadow: 0 8px 16px 0 rgb(14 49 169 / 10%);
	    background-color: #ffffff;
	    margin-bottom: 16px;
	    overflow: hidden;
    }

    .button_suppr {
        display: inline-block;
        width: 96px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        border: 1px solid #e45e5f;
        border-radius: 6px;
        color: #e45e5f;
        font-weight: 900;
        margin-right: 32px;
    }

    .blockv2_participant {
        background: white;
        border-radius: 6px;
        padding-bottom: 32px;
    }

    .padding-b64-mobile {
        padding-bottom: 64px;
    }

    .nav-participant ul li {
        width: 100%;
    }

    .nav-participant ul li:first-of-type a {
        border-radius: 6px 6px 0 0;
    }

    .nav-participant ul li:last-of-type a {
        border-radius: 0 0 6px 6px;
    }

    .bandeau-participant {
        margin-top: -40px;
    }

    .actions-participant {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9;
        left: 0;
    }

    .list-actions-participant {
        display: none;
    }

    .aside-participant {
        padding:0!important;
    }

    .form-searchAdvanced-accueil {
        display: flex;
        flex-direction: column;
    }

    .flex-searchAdvancedAccueil {
        flex: none;
    }

    .flex-searchAdvancedAccueil > select {
        margin-bottom: 0;
    }

    .widthPaxAccueilAdvanced {
        width: 308px;
    }

    .selectmodifarrow {
        background: url(/media/com_genius/images/v2/meeting/keyboard-arrow-down-24-px.png) no-repeat;
        background-position-y: 50%;
        background-position-x: 95%;
        width: 308px !important;
        border-radius: 6px !important;
    }

    .divmodifarrow2 {
        border-left: 1px solid #979797;
        height: 56px;
        position: absolute;
        right: 50px;
        top: 0;
    }

    .align-middle {
        vertical-align: middle;
    }

    .retour2 {
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
    }

    .date_notificaton {
        margin-left: 3% !important;
        font-size: 12px;
        color: #2d3441;
        margin-bottom: 0 !important;
        margin-left: 12px;
    }

    .margin-t32-s {
        margin-top: 32px;
    }

.tdproposition {
display: block !important;
padding: 0 !important;
}

.types {
margin-left: 4%;
}

    .listestyletypenone {
        list-style-type: none;
    }

.h3-title-projet-simplif {
text-align: center;
font-size: 21px;
padding: 0 20px 0 20px;
margin-top: 16px;
}

.projet-selected-button {
width: 92%;
height: 56px;
margin-left: 4%;
margin-top: 8px;
border: 0;
border-radius: 6px;
color: white;
}

.mobile_search1 {
    width: 100% !important;
    padding-top: 0 !important;
}

.padding_content {
    margin-left: 4%;
}

.width-308 {
	width: 308px
}

.footer_div {
background-color: white;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
width: 100%;
border-radius: 6px 6px 0 0;
}

.evalCOexplicatif {
font-size: 18px !important;
height: 88px !important;
}

.photo-contact {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-block;
}

.imgrond-conversation {
width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
}

.divrond-conversation {
display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
width: 46px;
    height: 46px;
}

.pexplicatif {
text-align: center;
    margin: auto;
    margin-bottom: 32px !important;
}

.sitemodifprojet {
    height: 108px !important;
    line-height: 44px !important;
}

.blockaffichproduit {
margin: 0;
padding: 0;
border: 1px solid #979797;
border-radius: 6px;
width: 100%;
display: inline-block;
margin-right: 8px;
overflow: auto;
margin-bottom: 16px;
}

.widthproduitlist {
margin-left: 3%;
    width: 94%;
}

.modifLinkV2 {
line-height: 46px;
}

.bigtextaccueil {
width: 95%;
display: block;
margin : 0 auto;
}

.padding-search-accueil {
display: block;
text-align: center;
margin-bottom: 16px;
}

    .text_argumentaire {
        text-align: center;
        margin: auto;
    }

    .autocomplete_div {
        margin-bottom: 16px;
        height: 54px;
        margin-right: 0px;
        line-height: 56px;
        width: 78%;
        margin: auto;
    }

    .formcivilite_select {
        width: 271px !important;
        height: 56px !important;
    }


    .explicatif_div {
        margin: auto;
        margin-top: 64px;
    }

    .accueilfooter_div {
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

    .acceuilconfiance_img {
        display: block;
        margin: auto;
    }

    .acceuilconfiance_img {
        display: block;
        margin: auto;
        margin-bottom: 32px;
    }

    .acceuilmarche_divlast {
        display: block;
        margin: auto;
    }

    .acceuilmarche_div {
        display: block;
        margin: auto;
        margin-bottom: 32px;
    }

    .div_submit {
        display: block;
        text-align: center;
    }

    .accueilblock_p {
        font-size: 21px;
        font-weight: 900;
        padding-top: 28px;
        padding-bottom: 28px;
        display: block;
        text-align: center;
    }

    .accueilblock_div {
        width: 96%;
        background-color: white;
        border-radius: 6px;
        margin: auto;
        margin-bottom: 180px;
    }



    .accfournisseur_p2 {
        padding: 12px 21px;
        margin-right: 8px;
    }

    .accfournisseur_p1 {
        padding: 4px 21px;
        margin-right: 8px;
        width: 58px;
    }

    .accueilfournisseur_div {
        display: block;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        position: relative;
    }

    .p_evenement_dashboard {
        line-height: 24px;
        text-align: center;
    }

    .dashboard_divmain {
        width: 96%;
        margin-left: 2%;
        background-color: white;
        border-radius: 6px;
        margin-bottom: 40px;
    }

    .vertical-align-middle-v1 {
        vertical-align: middle;
        margin-left: 8px;
    }

    .projet-ajout-input2 {
        margin: auto;
        cursor: pointer;
        padding-left: 16px;
        padding-right: 16px;
        width: 274px !important;
        height: 44px;
        vertical-align: top;
        border: 1px solid #026a9a;
        border-radius: 6px;
        margin-top: 8px;
        display: block;
    }



    .background_public {
        background-image: url(/../images/Template/home2.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-position: -564px;
    }

    .selectpublic li {
        padding: 5px 10px;
        z-index: 2;
    }

    .selectpublic li.default {
        cursor: pointer;
        -webkit-appearance: textarea;
        cursor: pointer;
        line-height: 46px;
        font-weight: bold;
        padding-left: 16px;
        font-size: 14px;
    }

    .prestatairepublic {
        display: block;
        margin: auto;
    }

    .h2public {
        display: block;
        text-align: center;
        color: white;
        font-size: 37px;
        font-weight: bold;
        line-height: 1.19;
        margin: auto;
        margin-top: 36px;
    }

    .error_msg {
        display: block;
        text-align: center;
        margin-bottom: 4%;
    }


    .mobile_conversationwrite {
        width: auto !important;
        text-align: center;
        display: block !important;
        margin-bottom: 4%;
    }

    .projet-icone-span {
        vertical-align: super;
        font-size: 14px;
        font-weight: bold;
    }

    .popup_createvt {
        width: 275px;
        margin-top: 2px;
    }

    .p_avisdepose {
        width: 75%;
        vertical-align: middle;
    }

    .margin-r8 {
        margin-right: 2%;
    }

    .margin-l8 {
        margin-left: 2%;
    }

    .margin-16 {
        margin: 16px;
    }

    .color-grey {
        color: #C0C0C0;
    }

    .rateyoagence {
        vertical-align: middle;
        display: inline-block;
    }

    .conversation-write-submit {
        width: 94%;
        height: 56px;
    }

    .display-inlineblock {
        display: inline-block;
    }


    .conversation-write-wait {
        display: none;
    }

    .conversation-write-p {
        text-align: center;
        font-size: 21px;
        padding: 0 20px 0 20px;
        margin-top: 16px;
        font-weight: bold;
    }

    .elargirterritoire {
        float: right;
        margin-right: 5%;
    }

    .elargissement {
        margin-left: 5%;
    }

    .supprimer_localisation {
        float: right;
        margin-right: 5%;
    }

    .localisations {
        margin-left: 5%;
        font-weigth: bold;
        display: inline-block;
    }

    .div-accord-groupe {
        position: absolute;
        top: 168px;
        right: 16px;
    }

    .img-button-create {
        vertical-align: sub;
        margin-right: 2%;
    }

    .projet_selected_designation {
        font-weight: 700;
        color: white;
        font-size: 12px;
    }

    .display-none {
        display: none;
    }

    .div_show_filtre {
        background-color: white;
        display: none;
        padding-bottom: 56px;
    }

    .connected-search-a-img {
        vertical-align: middle;
    }

    .connected-search-a {
        float: right;
        margin-right: 5%;
    }

    .margin-l124 {
        display: block;
        margin: auto;
    }

    .connected-search-form-foreach-label {
        width: 86%;
        margin-left: 5%;
        white-space: normal;
        vertical-align: middle;
    }

    .connected-search-form-label5 {
        width: 86%;
        margin-left: 5%;
        white-space: normal;
    }

    .connected-search-form-div {
        display: flex;
    }

    .connected-search-form-label4 {
        width: 86%;
        margin-left: 5%;
    }

    .connected-search-form-label {
        margin-left: 5%;
        width: 86%;
    }

    .connected-search-span {
        margin-left: 5%;
        font-weight: bold;
    }

    .margin-l32 {
        margin-left: 4%;
    }

    .margin-r32
    {
        margin-right: 4%;
    }

    .projet-devis-img {
        padding-left: 2px;
        padding-top: 11px;
    }

    .pictoAccordCadreGestionnaire {
        background: url(/media/com_genius/images/v2/baseline_insert_drive_file_white_24dp-b.png) no-repeat;
        font-size: 14px;
        padding-left: 28px;
        vertical-align: middle;
    }

    .avis {
        font-size: 14px;
        vertical-align: super;
        margin-left: 8px;
        font-weight: bold;
    }

    .projet-selected-div3 {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        margin-left: 2%;
    }

    .projet-selected-div2 {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        margin-left: 2%;
    }


    .projet-fulscreen-r {
        position: absolute;
        top: 101px;
        right: 8px;
    }

    .projet-fullscreen-l {
        position: absolute;
        top: 101px;
        left: 8px;
    }

    .projet-description-p {
        margin-bottom: 2%;
    }

    .projet-description-span {
        font-size: 12px;
        font-weight: bold;
    }

    .list_message_img2 {
        float: right;
        margin-right: 16px;
        margin-top: 16px;
    }

    .list_message_img1 {
        vertical-align: middle;
        margin-right: 8px;
        margin-left: 8px;
    }

    .conversation_img {
        vertical-align: middle;
        margin-left: 2%;
    }

    .imgresult2 {
        width: 100%;
        height: 225px;
        object-fit: cover;
        position: relative;
    }

    .img_projet {
        vertical-align: middle;
        margin-right: 8px;
        margin-left: 8px;
    }

    .etb_selected {
        position: relative;
        margin-top: 6%;
    }

    .projet-search-input1 {
        width: 100%;
        height: 56px;
        margin-bottom: 0;
    }

    .projet-type-img {
        vertical-align: middle;
        margin-left: 8px;
    }

    .projet-resume-img {
        vertical-align: middle;
    }



    .margin-t24 {
        margin-bottom: 6%;
    }

    .avis_nom {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 8px;
    }

    .offre-div4 {
        text-align: center;
        width: 64%;
        margin: auto;
    }

    .offre-p2 {
        width: 96%;
        margin-left: 2%;
    }

    .offre-p {
        font-size: 21px;
        text-align: center;
        font-weight: bold;
    }

    .offre-div2 {
        display: block;
        padding-top: 8px;
        text-align: center;
    }

    .offre-div {
        background-color: white;
        width: 96%;
        border-radius: 6px;
        margin-bottom: 16px;
        margin-left: 2%;
    }

    .div-service_img {
        margin-left: 4%;
        width: 56px;
        vertical-align: middle;
    }

    .div-service {
        display: block;
    }

    .span-description-etb {
        margin: 0 2%;
        display: block;
        line-height: 1.5;
    }

    .onclick-etb-slider-1 {
        position: absolute;
        left: 5%;
        top: 100px;
    }

    .onclick-etb-slider-2 {
        position: absolute;
        right: 5%;
        top: 100px;
    }

    .h3-title {
        font-size: 24px;
        margin-left: 2%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .descriptif {
        display: flex;
    }

    .descriptif1 {
        display: inline-block;
        margin-left: 2%;
        width: 48%;
    }

    .descriptif2 {
        display: inline-block;
        margin-left: 2%;
        width: 48%;
    }

    .favoris {
        top: 8px;
        position: absolute;
        right: 5%;
    }

    .action_etb_1 {
        top: 8px;
        position: absolute;
        right: 13%;
    }

    .action_etb_2 {
        position: absolute;
        top: 8px;
        right: 21%;
    }

    .image-wide {
        width: 100%;
        height: 225px;
        object-fit: cover;
    }


    .axetri li {
        z-index: 2;
    }

    .axetripublic li {
        z-index: 2;
    }

    .padding_general {
        padding: 4%;
    }

    .donnees_langue_description {
        padding: 4%;
    }

    .userInfo {
        padding: 0% 4% 4% 4%;
    }

    .styleButton1 {
        width: 308px;
        height: 56px;
        display: block;
        margin: auto;
        padding: 0;
    }

    .societe-detail-ul1 {
        list-style-position: inside;
        list-style-type: none;
        padding: 0% 4% 4% 4%;
    }

    .societe-detail-ul {
        list-style-position: inside;
        list-style-type: none;
        padding: 4% 4% 0% 4%;
    }

    .div_main {
        margin: 0 auto;
    }

    .span-4-meme-fin {
        margin-left: 8px;
    }

    .spanblockresult {
        font-size: 14px;
        vertical-align: super;
        margin-left: 8px;
        font-weight: bold;
    }

    .margin-t8 {
        margin-top: 8px;
    }

    .descriptifspan {
        font-size: 14px;
        vertical-align: super;
        margin-left: 8px;
    }

    .div4blockv2result {
        display: inline-block;
        vertical-align: text-top;
        width: 48%;
        padding-bottom: 16px;
    }

    .div1blockv2result {
        height: 239px;
    }

    .a-divblock {
        font-size: 21px;
    }

    .h3blockv2result {
        margin-left: 8px;
    }

    .action_img1 {
        right: 16px;
        position: absolute;
        top: 16px;
    }

    .action_img2 {
        position: absolute;
        top: 16px;
        right: 58px;
    }

    .action_img3 {
        position: absolute;
        top: 16px;
        right: 100px;
    }

    .notvisible_mobile {
        display: none !important;
    }

    .notvisible_web {

    }

    .footer_menu {
        position: sticky;
        bottom: 0px;
        z-index: 1;
        display: none;
    }

    .nametag {
        width: 215px;
    }

    .menu1 {
        text-align: right;
        width: 575px;
    }

    .contact-div {
        display: inline-block;
        vertical-align: middle;
    }

    .padding-l32 {
        padding: 8px 16px;
    }

    .onglet_v2 {
        display: table-cell;
        padding: 13px;
        font-size: 12px;
        width: 25%;
        text-align: center;
    }

    .imgresult {
        width: 100%;
        height: 225px;
        object-fit: cover;
        position: relative;
    }

    .onclick-slider-1 {
        position: absolute;
        left: 8px;
        top: 100px;
    }

    .onclick-slider-2 {
        position: absolute;
        right: 8px;
        top: 100px;
    }

    .div_voir_filtres_title {
        vertical-align: middle;
        text-align: center;
        color: white;
        height: 54px;
        line-height: 54px;
    }

    .borderRadius-6l {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .borderRadius-6r {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .textSwitchButton {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .display-flex {
        display: flex;
    }

    .flex-wrap
    {
        flex-wrap: wrap;
    }

    #blocButtonSwitch {
        justify-content: center;
    }

    .mesdonnes-connexion-div {
        height: auto !important;
        padding: 4% 4% 0% 4%;
    }

    .buttonResumeCmdProduit {
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
        margin-top: 32px;
text-align: center;
    }

    .statutButton span {
        font-size: 12px;
        color: white;
    }

    .blockFiltreProduitV2 {
        width: 94%;
        margin-left: 3%;
        height: 100%;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        padding-bottom: 16px;
        vertical-align: top;
    }

    .divVoirPlusMobile {
        text-align: center;
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .numero-projet-produit-h4 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .imageProduit img {
        height: 225px;
        width: 100%;
        object-fit: cover;
        border-radius: 6px 6px 0 0;
    }

    .position-relative {
        position: relative;
    }

    .firstLane {
        flex-direction: column;
        justify-content: center;
    }

    .firstLane a {
        width: 100%;
    }

    .titre_produit_p {
        text-align: center;
        margin-top: 16px;
    }

    .product_price_div {
        text-align: center;
    }

    .product_price_span {
        font-size: 18px;
    }

    .delaisProduitV2 {
        text-align: center;
    }

    .addProduitToProjetSimplifie {
        margin-top: 24px;
    }

    #filter_produits_voirplus {
        margin-bottom: 24px;
    }

    .margin-t24 {
        margin-top: 24px;
    }

    #produit_resultats {
        margin-bottom: 80px;
    }

    .product_small_item {
        background-color: white;
        margin-top: 20px;
    }

    .product_price_div {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .product_price_span {
        vertical-align: sub;
        font-size: 14px;
        font-weight: bold;
    }

    .titre_produit_p {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 5px;
    }

    .margin-l80_accueil_form_mobile{
        margin-left: 80px;
    }

    .blockWidget1-2
    {
        display: inline-block;
        width: 94%;
        margin-left: 3%;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        margin-bottom: 24px;
        position: relative;
    }

    .buttonRelativeBlockV2
    {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 32px;
    }

    .closeWidget
    {
        position: absolute;
        top: 1%;
        right: 2%;
    }

    .listDocument
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    }

    .projet-facture-img
    {
        padding-left: 2px;
        padding-top: 10px;
    }

    .margin-b24{
    margin-bottom: 24px;
    }

    .margin-b32
    {
        margin-bottom: 32px;
    }

    .padding-b64
    {
        padding-bottom: 64px;
    }

    .text-align-center
    {
        text-align: center;
    }

    .margin-t16
    {
        margin-top: 16px;
    }

    .paginationWithTri
    {
        display: flex;
        justify-content: space-between;
        margin: 0 3%;
    }

    .padding-t32
    {
        padding-top: 32px;
    }

    .padding-b32
    {
        padding-bottom: 32px;
    }

    .selection1.choiceDestionationSearch
    {
        width:100%;
        max-width: 150px;
        line-height: 30px;
        height: initial;
        padding: 10px
    }

    .genereFactureCom.modifLinkV2
    {
        line-height: initial;
        text-align: right;
        display: inline-block;
    }

    .flex-column-mobile {
        flex-direction: column;
    }

    #listServiceComplementaire {
        width: 308px;
    }

    .margin-auto {
        margin: auto;
    }

    .blockProjectButton {
        display: block;
        text-align: center;
        margin: 16px
    }

    .button_catalogue {
        position: initial;
        display: block;
        width: 308px;
        height: 56px;
        line-height: 34px;
        margin: 8px auto auto auto;
    }

    #pixEtbCarte > img {
        width: 100%;
        height: 180px;
    }

    #listServices {
        width: initial;
    }

    .mapConnectedSearchV2 {
        height: 450px;
        width: 94%;
        margin: 3%;
        display: none;
        border-radius: 6px;
    }

    .addMediaEtb
    {
        flex-direction: column;
        text-align: center;
    }

    .addMediaEtb > a
    {
        padding: 16px !important;
        margin-bottom: 16px;
    }

    .docNameEtb {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 180px;
    }

    .etbStatus {
    	display: flex;
    	flex-direction: column;
    }

    .directionColumn {
        flex-direction: column;
    }

    .flex-searchAdvancedAccueil > .projet-ajout-input {
        background: none;
    }

    .infoCommandeContainer {
        display: flex;
        align-items: center;
        margin: 2%;
        flex-wrap: wrap;
    }

    .blockv2resultRecherche {
        margin-top: 8px;
    }

    .dragdropContainerMessage {
        display: flex;
        flex-direction: column;
    }

    .dragdropContainerMessage > #fileContainer {
        width: 90%;
        margin: 5% auto;
    }

    .block-info-preinscription-publique {
        width: 100%;
    }

}

.infoCommandePictos {
    height: 15px;
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
    margin-left: 4px;
    cursor: help;
}

.divActiveModifCDCClient {
	position: absolute;
	bottom: 39px;
	right: 32px;
}

.search_frs {
    position: absolute;
    width: 300px;
    margin: 0 auto;
    z-index: 10;
    background-color: white;
    margin-left: 150px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}


.btn {
    border: 0px;
    font-size: 16px;
    padding: 18.5px 75px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s;
    min-width: 157px;
}

.projet-result-archive-h3, .projet-result-abandon-h3 {
    width: 600px;
}

.tableV2 tr {
    height: 73px;
}

.tableV2 td {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border: none !important;
}

.tableV2 tr:last-child td:first-of-type {
    border-radius: 0px 0px 0px 6px;
}

.tableV2 tr:last-child td:last-of-type {
    border-radius: 0px 0px 6px 0px;
}

.tableV2 thead th {
    color: white;
    width: 124px;
}

.tableV2 thead th:first-of-type {
    border-radius: 6px 0px 0px 0px;
}

.tableV2 thead th:last-of-type {
    border-radius: 0px 6px 0px 0px;
}

.tableV2total tr {
    height: 73px;
}

.tableV2total td {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border: none !important;
}

.tableV2total tr:last-child b {
    color: white;
}

.tableV2total tr:last-child td:first-of-type {
    border-radius: 0px 0px 0px 6px;
}

.tableV2total tr:last-child td:last-of-type {
    border-radius: 0px 0px 6px 0px;
}

.tableV2total thead th {
    background-color: #0b2532;
    color: white;
    width: 124px;
}

.tableV2total thead th:first-of-type {
    border-radius: 6px 0px 0px 0px;
}

.tableV2total thead th:last-of-type {
    border-radius: 0px 6px 0px 0px;
}

.planning_bouton {
    line-height: 1.7;
    padding: 7px 12px 5px 12px;
    margin-right: 24px;
}

.box-sizing-border-box {
    box-sizing: border-box;
}

.message-explicatif {
    width: 680px;
    white-space: normal;
    line-height: 1.5;
}

.image-taille-max {
    max-height: 135px;
}

.reporting_no_data {
    width: 100%;
    height: 400px;
    margin: 0 auto;
}

.reporting_no_data p {
    vertical-align: middle;
    line-height: 400px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}

#libelleFacture {
    width: 649px;
}

#factureDetailValid {
    position: absolute;
    right: 30px;
    bottom: 15px;
    height: 39px;
    line-height: 39px;
}

.general_form_label.display-none {
    display: none;
}

.conversation-write-textarea.margin-l0 {
    margin-left: 0;
}


#msg_evol_devis {
    position: absolute;
    right: 16px;
    bottom: 15px;
    height: 39px;
    line-height: 39px;
    width: 215px;
}

.borderspacing-15-0{
    border-spacing: 15px 0px;
}

.inputCheckboxBleu {
    display: flex;
    align-items: center;
}

.inputCheckboxBleu input[type=checkbox]{
    display: none;
}

.inputCheckboxBleu input[type=checkbox] + label:before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 17px;
    height: 17px;
}

.inputCheckboxBleu label{
    cursor:pointer;
}

#zone_resultats_recherche_prestation #downloadCSV.bouton-export {
    position: absolute;
    right: 32px;
    top: 32px;
}

#reporting_tableau_factures .tableV2 th,
#reporting_tableau_factures .tableV2 td,
#reporting_tableau_factures .tableV2 td a {
    font-size: 13px;
}

#cdp_objectifs input {
    text-align: center;
    margin-bottom: 0;
}

.margin-t-32 {
    margin-top: 32px!important;
}

.lienActionCdp {
    text-decoration: underline;
    color: #015f8f;
    display: block;
    width: 180px;
}

.display-none-form {
    display: none;
}

#cdp_cdp table.dataTable.no-footer,
#projetencours table.dataTable.no-footer {
    border-bottom: none;
}

#cdp_cdp table.dataTable tbody th, 
#cdp_cdp table.dataTable tbody td,
#projetencours table.dataTable tbody th, 
#projetencours table.dataTable tbody td {
    padding: 5px;
}

.text-overflow-wrap {
    overflow: hidden;
    overflow-wrap: break-word;
}

.generaltitlev2{
    background-color : white!important;
    margin-left : 42%;
    border-left : none!important;
    border-top : none!important;
    font-weight : bold;
}

.width-100pourcent{
    width : 100%;
}
.margin-l10pourcent{
 margin-left:10%
}

.margin-l29{
    margin-left:29%;
}
.inputwebv2{
    display : flex;
    text-align : left;
}

.justify-content-space{
    justify-content: space-around;
}

.justify-content-space-between{
    justify-content: space-between;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-evenly{
    justify-content: space-evenly;
}

.borderbottomnone{
    border-bottom : none!important;
}
.margin-t4{
    margin-top : 4px;
}

.littleGreyButton{
    background-color: #CBCBCB;
    color: #ffffff;
    border: 0;
    border-radius: 6px;
    padding: 9px 15px;
    font-weight: bold;
}
.display-block{
    display: block;
}

.modifLinkV2Center{
    font-size: 14px;
    text-align: center;
    color: #015f8f;
    text-decoration: underline;
}

.littleRedButton{
    background-color: #d40e55;
    color: #ffffff;
    border: 0;
    border-radius: 6px;
    padding: 9px 15px;
    font-weight: bold;
}

#devis_agencev2 .sendButtonDevisV2 {
    width: 200px;
}

#propositions_agence_list {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    font-size: 15px;
}

#propositions_agence_list th, #propositions_agence_list td {
    border: none;
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

#propositions_agence_list tr {
    border-bottom: 1px solid #e9f6fc;
}

#propositions_agence_list tr:last-child {
    border-bottom: 0px;
}

#propositions_agence_list p {
    margin: 16px 0;
    font-size: 14px;
}

#propositions_agence_list a{
    font-size: 14px;
}

#propositions_agence_list .mrs {
    margin-right: 16px;
}

#propositions_agence_list small {
    font-size: 12px;
}

.proposition-agence-button.font-size-16 {
    font-size: 16px;
}

.compar {
    color: #c8c8c8;
    font-size: 12px
}

.blue-text {
    color: #015f8f;
}
.hover-saturate:hover {
    filter: saturate(2);
}

.min-width-maxcontent {
    min-width: max-content;
}
.flex-grow-1 {
    flex-grow: 1;
}
.flex-grow-3 {
    flex-grow: 3;
}

.projet_cdc_right{
    float: right;
    width: 296px;
    display: table;
}

.commission-button {
    cursor: pointer;
    border: 0;
    background-color: #015f8f;
    color: white;
    border-radius: 6px;
    padding: 8px;
    font-size: 12px;
}

.margin-l2pourcent {
    margin-left: 2%;
}

.width-6em {
    width:6em;
}

.width-25pourcent{
    width: 25%;
}

.width-15pourcent{
    width: 15%;
}

.font-size-smaller{
    font-size: smaller;
}

.width-60pourcent{
    width: 60%;
}

.width-50{
    width:50px;
}

.checkboxListe{
    width: 33%;
    float: left;
}

.margin-0 {
    margin: 0;
}

.display-inline{
    display:inline;
}

.flex-auto{
    flex:auto;
}

.text-align-right-impt {
    text-align: right !important;
}

.text-align-center-impt {
    text-align: center !important;
}

.resize-none{
    resize:none
}

.block_content_cdc {
    overflow: auto;
    padding: 0px 20px;
    color: #666666;
    font-family: MyriadPro-Regular;
    font-size: 1em;
}

.block_content_cdc_padding-0 {
    overflow: auto;
    padding: 0px 0px;
    color: #666666;
    font-family: MyriadPro-Regular;
    font-size: 1em;
}


.create1_cdc_ajoutSalle {
    background-color: #015f8f;
    color: white;
    border: 0px;
    font-size: 16px;
    padding: 18.5px 45px;
    border-radius: 6px;
    font-weight: bold;
    cursor : pointer;
    transition: 0.5s;
    white-space: nowrap;
}
.create1_no_margin_left {
    background-color: #015f8f;
    color: white;
    border: 0px;
    font-size: 16px;
    padding: 18.5px 75px;
    border-radius: 6px;
    font-weight: bold;
    cursor : pointer;
    transition: 0.5s;
    white-space: nowrap;
}

.loader-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: #fff;
    display: none;
}

.square:before {
    border-radius: initial!important;
}

.border-t-blue {
    border-top: 1px solid #e9f6fc;
}

.border-b-blue {
    border-bottom: 1px solid #e9f6fc;
}

.height-48 {
    height: 48px;   
}

.width-fit-content {
    width: fit-content;
}

#perso_workflow {
    overflow: hidden;
    padding: 10px 10px 22px 10px;
    margin-bottom: 40px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #ddd;
}

.margin-l10i {
    margin-left: 10px !important;
}

.width-100pourcent-i {
    width : 100% !important;
}

.margin-0i {
    margin: 0 !important;
}

.margin-r32i {
    margin-right: 32px!important;
}

.margin-r0i {
    margin-right: 0!important;
}

.width-200i {
    width: 200px!important;
}

.width-250 {
    width: 250px;
}

.inputStyleFacture:disabled {
    width: 300px;
    height: 40px;
    border-radius: 6px;
    border: solid 0.5px #979797;
    background-color: white;
    margin-bottom: 15px;
    padding: 5px;
}

.margin-l32:disabled {
    margin-left: 32px;
}

.input_euro {
    background-image: url("/media/com_genius/images/v2/baseline_euro_symbol_black_24dp-black.png");
    background-position: right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance:textfield;
}

.choiceButtonPopUp
{
    padding: 16px;
    width:330px !important;
    height:60px !important;
    line-height: 30px;
    text-align: center;
}

.modifFactureEmise.modifLinkV2
{
    text-align: left;
    line-height: initial;
}

.margin-b16i {
    margin-bottom: 16px !important;
}

.font-size-21 {
    font-size: 21px;
}

.border-bottom-grey {
    border-bottom: 1px solid #f4f0ef;
}

.planning-recherche-cdp {
    width: 320px;
    height: 44px;
    border-radius: 6px;
    background-color: #f7f7f7;
    display: inline-block;
    margin-left: 32px;
    line-height: 44px;
}

.bandeau_message_info {
    position: relative;
    padding: 24px;
    background-color: #9ed3c9;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    overflow: hidden;
}

.bandeau_message_info * {
    color: #fff;
    line-height: 24px;
}

.bandeau_message_info span {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}

.arrowPhotoEtbCarteV2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6)
}

.axetri2 {
    height: 42px;
    width: 200px;
    display: inline-block;
    z-index: 10;
    position: absolute;
    background-color: #f7f7f7;
    border-radius: 6px 0px 0px 6px;
    border: 1px solid #979797;
}

.axetri2 li {
    padding: 5px 10px;
    z-index: 2;
    height: 32px;
    overflow: hidden;
}

.axetri2 li.default2 {
    cursor: pointer;
    -webkit-appearance: button-bevel;
    line-height: 32px;
    font-weight: bold;
    list-style-type: none;
}

.axetri2 li.default2 img{
    display: none;
}

.axetri2 li:not(.default2) {
    float: left;
    width: 199px;
    display: none;
    background: white;
    -webkit-appearance: textarea;
    cursor: pointer;
    box-shadow: 0 8px 8px 0 rgba(14, 49, 169, 0.3);
    list-style-type: none;
}

.product_familyTypes span {
    margin-right: 5px;
    margin-bottom: 8px;
    padding: 0px 10px;
    background: #f7f7f7;
    color: #0b2532;
    border-radius: 5px;
    display: inline-block;
}

.zone-select {
    padding: 8px 16px;
    border-radius: 18px;
    margin-right: 16px;
    border: 1px solid;
    text-align: center;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.left-3pourcent {
    left: 3%;
}

.right-3pourcent {
    right: 3%;
}

.opacity-05
{
    opacity: 0.5;
}

.filter-brightness-06
{
    filter: brightness(0.6);
}

.object-fit-cover {
    object-fit: cover;
}

#selectVille_label {
    max-width: 105px;    
}

.font-weight-bold {
    font-weight: bold;
}

.text-decoration-underline {
	text-decoration: underline;
}

.labelEtbContainer {
	width: 95%; 
	margin-left: 2.5%;
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-evenly;
}

.labelEtbContainer > div {
	display: flex; 
	align-items: center; 
	width: 20%; 
	min-width: 150px; 
	min-height: 120px; 
	margin: 2.5%; 
	position: relative
}

.liste-actions-frs-div {
    z-index: 9;
}

.liste-actions-frs-div li {
    padding: 6px 0;
    transition: all 0.3s;
}

.liste-actions-frs-div li:hover {
    background-color: #F7F7F7;
}

.overflow-visible {
    overflow: visible!important;
}

.add_service_btn {
    border: 1px solid #000;
    border-radius: 50%;
    margin-left: 62px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
}

.add_service_btn:hover {
    background-color: #f7f7f7;
}

.listContactTypo {
    display: flex;
    flex-wrap: wrap;
    justify-content: start
}

.fichefourn_refs_content {
    display: flex;
    flex-direction: column;
    width: 20%;
    margin: 2.5%;
    text-align: center;
    border-radius: 8px;
    min-width: 150px;
    flex-grow: 1;
    justify-content: space-between;
}

.fichefourn_refs_content:hover {
    background-color: #F7F7F7;
}

.partenaire-ime {
    width: fit-content;
}

.partenaire-ime-absolute {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
}

.listChips {
    display: flex;
    margin: 8px 24px;
    flex-wrap: wrap
}

.chips {
    background-color: #f4f0ef;
    border-radius: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: flex;
    padding: 4px 8px;
}

.chipsWord {
    font-size: 14px;
    padding-right: 8px;
    display: inline-block;
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.chipsDelete {
   cursor: pointer;
   font-weight: bold;
}

.projet-description-span {
    vertical-align: super;
    font-size: 13px;
}

.buttonSortSearchEngine {
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 12px;
    margin: 0 8px 8px 8px;
    cursor: pointer;
    text-align: center
}

.paginationSearchEngine > span {
	font-size: 14px;	
}

.padding-5-10 {
	padding: 5px 10px;
}

#listServices > img {
	padding: 0 4px;
}

.border-979797 {
    border: 1px solid #979797;
}

.bandeau-participant {
    padding: 8px 16px;
}

.list-actions-participant > div:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.list-actions-participant > div:last-of-type {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.nav-participant ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    background-color: #fff;
    border-radius: 6px;
    flex-wrap: wrap;
}

.nav-participant ul li {
    flex-grow: 1;
    text-align: center;
    align-items: center;
    display: flex;
    line-height: 30px;
}

.nav-participant ul li a {
    padding: 8px 16px;
    display: inline-block;
    width: 100%;
}

.nav-participant ul li a.active {
    background-color: #9ed3c9;
    color: #fff;
}

.block-participant {
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    background-color: #ffffff;
}

.table-participant {
    border-collapse: collapse;
    margin-bottom: 16px;
    width: 100%;
}

.table-participant th, .table-participant td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.table-participant th:not(:last-of-type), .table-participant td:not(:last-of-type) {
    text-align: left;
}

.padding-16-32 {
    padding: 16px 32px;
}

.sub-menu a {
    display: block;
    padding: 8px;
}

.sub-actions:hover {
    background-color: rgb(158, 211, 201);
    cursor: pointer;
}

.sub-menu:hover {
    display: block;
}

.sub-menu {
    display: none;
    z-index: 9;
    min-width: max-content;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    border: 1px solid #ddd;
    background-color: white;
}

.sub-menu a {
    text-align: left;
}

.sub-menu a:hover {
    cursor: pointer;
    background-color: rgb(158, 211, 201);
}

.input_text {
    width: 100%;
    margin: 0;
    border: none;
    background: #f7f7f7;
    border-radius: 6px;
    padding: 12px;
    box-sizing: border-box;
}

.input_text:disabled {
    width: 100%;
    margin: 0;
    border: none;
    background: #f7f7f7;
    border-radius: 6px;
    padding: 12px;
    box-sizing: border-box;
    color: #C0C0C0;
}

.input_select {
    width: 100%;
    margin: 0;
    border: none;
    background: #f7f7f7;
    border-radius: 6px;
    padding: 0;
    box-sizing: border-box;
}

.margin-b16i {
    margin-bottom: 16px !important;
}

.margin-b8i {
    margin-bottom: 8px !important;
}

.margin-r6i {
    margin-right: 6px !important;
}

.unit-actions-btn:hover img{
    cursor: pointer;
    background-color: rgb(158, 211, 201);;
}

.sub-menu.unit-actions-menu {
    position: absolute;
    right: 0;
    top: initial;
    left: initial;
}

.fiche-participant {
    border-radius: 6px;
}

.fiche-participant-content {
    padding: 8px;
    border-bottom: 1px solid #0b2532;
    border-left: 1px solid #0b2532;
    border-right: 1px solid #0b2532;
    border-radius: 0 0 6px 6px;
}

.fiche-participant-header {
    padding: 8px;
    background-color: #0b2532;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inputCheckboxBleu.square input[type=checkbox] + label:before {
    border-radius: 0;
}

#participants > .block_content {
    overflow: visible;
}

.width-50pci {
	width: 50% !important;
}

input[type=checkbox].checkbox-initial {
    display: initial;
    margin-bottom: initial;
}

.margin-32 {
    margin: 32px;
}

#questions_list, .choices_list {
    list-style-type: none;
}

.move_up_img {
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 4px;
}

.move_down_img {
    cursor: pointer;
    position: absolute;
    bottom: 4px;
    left: 4px;
}

.delete_img {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
}

.questionnaire_rubrique {
    background-color: #fff;
    padding: 24px 32px 0 32px;
    margin-top: 32px;
    margin-bottom: 16px;
    border-top: 4px solid #e45e5f;
}

.questionnaire_rubrique input {
    text-align: center;
}

.question {
    background-color: #fff;
    border: 2px solid rgb(158, 211, 201);
    border-radius: 6px;
    padding: 24px 32px 8px 32px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.btn_full_width {
    height: 56px;
    border-radius: 6px;
    line-height: 56px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    border: none;
}

.questionnaire_container {
    margin-top: 32px;
    padding: 16px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.questionnaire_reponse {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.questionnaire {
    padding: 16px;
    border-radius: 6px;
    background-color: #fff;
}

.questionnaire_img {
    height: 100%;
    width: 20%;
    object-fit: cover;
    max-height: 15vh;
    float: left;
    margin-right: 20px
}

.questionnaire_rubrique_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 15vh
}

.questionnaire_progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 16px;
    border: 1px solid #aaa;
    border-radius: 6px;
}

.questionnaire_progress::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 6px;
}

.questionnaire_progress::-webkit-progress-value {
    background-color: #9ed3c9;
}

.questionnaire_progress::-moz-progress-bar {
    background-color: #9ed3c9;
}

.questionnaire_blockquote {
    font-style:italic;
    color: #555555;
    padding: 16px 16px 16px 40px;
    border-left:8px solid #9ed3c9 ;
    position: relative;
    background:#ededed;
}

.questionnaire_blockquote::before{
    content: "\"";
    color: #9ed3c9;
    font-size: 4em;
    position: absolute;
    left: 5px;
    top:-5px;
}

.badgePosition {
    position: absolute;
    font-size: 10px;
    width: 15px;
    border-radius: 50%;
    height: 15px;
    text-align: center;
    color: white;
    top: -5px;
    right: -15px;
}

.accordion .ui-state-default, 
.accordion .ui-widget-content .ui-state-default, 
.accordion .ui-widget-header .ui-state-default, 
.accordion .ui-button, 
html .accordion .ui-button.ui-state-disabled:hover, 
html .accordion .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    text-align: left;
}
.accordion .ui-state-active, 
.accordion .ui-widget-content .ui-state-active, 
.accordion .ui-widget-header .ui-state-active, 
.accordion a.ui-button:active, 
.accordion .ui-button:active, 
.accordion .ui-button.ui-state-active:hover {
    background-color: #333;
    color: #ffffff;
    border-radius: 3px 3px 0 0 ;
}
.accordion .ui-accordion .ui-accordion-content {
    padding: 8px 8px 4px 8px;
    overflow: hidden;
}

.cursor-help
{
    cursor: help;
}

.svgColorLightGrey 
{
    filter: invert(77%) sepia(2%) saturate(0%) hue-rotate(184deg) brightness(102%) contrast(101%);
}

.grouped-actions.expanded {
    background-color: #9ed3c9;
}
.grouped-actions .sub-actions {
    margin: 0 8px;
    background-color: #fff;
}
.grouped-actions .sub-actions:last-of-type {
    margin: 0 8px 8px
}

.grouped-actions .sub-actions:hover {
    cursor: pointer;
    background-color: rgb(158, 211, 201);
}

#js-exigence-particuliere-reporting > div {
    margin:  auto;
}

#projet_exigenceparticuliere table tr th:last-of-type, #projet_exigenceparticuliere table tr td:last-of-type {
    max-width: 85px;
}

.drop-zone {
    width: 100%;
    min-height: 100px;
    background-color: #fff;
    border-radius: 0.25rem;
    text-align: center;
    line-height: 100px;
    border: 6px dashed #ccc;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    cursor: pointer;
}

.drop-zone-active {
    transition: all 0.5s ease;
    background-color: #eee;
    border: 6px solid #ccc;
}

.drop-zone .documentImg {
    height: auto;
    width: 64px;
    object-fit: cover;
    margin: auto;
}

.drop-zone .deleteDocument {
    position: absolute;
    top: 0;
    right: 0;
}

.drop-zone > .fileContainer {
    width: 20%;
    margin: 2.5%;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    line-height: initial;
    position: relative;
}

.drop-zone img {
    width: 24px;
}

.deleteDocument:hover {
    filter: invert(44%) sepia(94%) saturate(1344%) hue-rotate(325deg) brightness(96%) contrast(85%);
}

.fileText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noDraggable {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.deposeMessage {
    display: flex;
    align-items: center;
}

.deposeMessage > span {
    color: #ccc;
}

.partenaire-ime-absolute > div {
    padding: 8px;
}

.partenaire-ime > div {
    padding: 4px;
}

.partenaire-ime-container {
    background-color: #fbc76c; 
    color: white;
    border-radius: 8px
}

.partnerImeHover {
    background-color: white;
    width: max-content;
    display: none;
    text-align: left;
    border-radius: 8px;
    margin-left: 75px;
    margin-top: 15px;
}

.partenaire-ime-container:hover + .partnerImeHover {
    display: block;
}

.partenaire-ime-compateur div {
    border-radius: 0;
    font-size: 12px;
    padding: 4px;
    margin-top: 8px;
}

.resize-vertical {
    resize: vertical;
}

#sessions > .block_content {
    overflow: visible;
}

form[name=form_session] .input_text input:disabled {
    background-color: #f7f7f7;
    padding: 5px;
}

.buttonGoodiesSearchEngineSelected {
    border: 1px solid #e45e5f;
    background-color: #e45e5f;
    font-weight: bold;
    color: white;
    height: 20px;
    line-height: 20px;
}

.buttonGoodiesSearchEngineNotSelected {
    border: 1px solid #B9B9BC;
    height: 20px;
    line-height: 20px;
}

.etb-recommande-ime {
    position: absolute;
    bottom: 4px;
    right: 4px;
    margin: 0 !important;
}

.imageField {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

#form_connexion_change_send:disabled {
    background-color: lightgrey !important;
}