.recommand_client {
    border: 2px solid #e45e5f;
    margin: 8px 4px;
    border-radius: 4px;
    padding: 8px;
}

.buttonajoutetb {
    text-align: center;
    margin-top: 24px;
    padding: 16px 0 16px 0px;
    border-radius: 6px;
    font-size: 19px;
    font-weight: 800;
    background-color: #e45e5f !important;
    color: white;
    cursor: pointer;
    width: 270px;
}

.buttonAcceptCGA {
    margin: 0 8px 8px 8px;
    padding: 4px 16px; 
    background-color: white; 
    color: #9ed3c9; 
    border-radius: 6px; 
    display: inline-block;
}

.buttonShowCGA {
    color: white; 
    text-decoration: underline; 
    cursor: pointer; 
    margin: 0 8px; 
    font-weight: bold
}

.siteWebUserBadge {
    position: absolute;
    font-size: 10px;
    background-color: #E45E5F;
    width: 15px;
    border-radius: 50%;
    height: 15px;
    text-align: center;
    color: white;
    top: -5px;
    right: -15px;
}

.factureBadge {
    position: absolute;
    font-size: 10px;
    background-color: #E45E5F;
    padding: 2px 4px;
    color: white;
    top: -8px;
    border-radius: 6px;
}

.lienmailnotif {
    width: 300px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    background-color: #9ed3c9;
    color: white;
    border-radius: 6px;
}

.notifbutton {
    height: 32px;
    line-height: 32px;
    width: 72px;
    margin: auto;
}

.notifactif {
    background-color: #e45e5f;
    color: white;
    border-radius: 6px;
}

.notifinactif {
    color: #e45e5f;
    border: 1px solid #e45e5f;
    background-color: transparent;
    font-weight: 800;
    border-radius: 6px;
}

.connexionplacement {
    position: absolute;
    width: 100%;
    top: 25%;
}

.fullpagepublic {
    flex: 0 1 auto !important;
    flex-flow: column !important;
    height: 89% !important;
    display: flex !important;
    width: 100%;
}

.light-blue-text {
    color: #2d3441;
}

.red-text {
    color: #e45e5f;
}

.green-text {
    color: #9ed3c9;
}

.color1 {
color: #9ed3c9;
}

.color2 {
color: #2d3441;
}

.color3 {
color: #e45e5f;
}

.color4 {
color: black;
}

.backgroundcolorplanning1 {
background-color: #fbc76c !important;
}

.backgroundcolorplanning2 {
background-color: #9ed3c9 !important;
}

.backgroundcolorplanning3 {
background-color: #2d3441 !important;
}

.backgroundcolor1 {
background-color: #9ed3c9 !important;
}

.backgroundcolor1 > div > span {
color : white;
}
 
.backgroundcolor2 {
background-color: #6ebd12 !important;
}

.backgroundcolor3 {
background-color: #e45e5f !important;
}

.backgroundcolor4 {
background-color: #f4f0ef !important;
}

.backgroundcolor5 {
background-color: #f4f0ef !important;
}

.background-grey {
    background-color: #f7f7f7;
}

.vertical_sub {
vertical-align: sub;
}

input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

#evaluationdurable {
  margin-bottom: 20px;
}

#evaluationdurable_chart {
  height: 250px;
  text-align: center;
}

.ct-label {
  fill: #000000!important;
  color: #000000!important;
  font-size: 1em!important;
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie {
  fill: #b64b4c!important;
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie {
  fill: #e45e5f!important;
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie {
  fill: #e97e7e!important;
}
#evaluationdurable h3,  #evaluationdurable_legend li{
  margin-bottom: 20px;
}
#evaluationdurable h3{
  font-size: 20px;
}
#evaluationdurable_legend ul {
  list-style: none;
  margin-top: 20px;
}
#evaluationdurable_legend li:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 24px;
  margin-right: 10px;
  vertical-align: bottom;
}
#evaluationdurable_legend li:first-child:before {
  background-color: #b64b4c;
}
#evaluationdurable_legend li:nth-child(2):before {
  background-color: #e45e5f;
}
#evaluationdurable_legend li:last-child:before {
  background-color: #e97e7e;
}

   .bg-red{
                background-color: #e45e5f!important;
            }

.spanerror {
text-align: center;
margin-bottom: 24px;
color: #e45e5f;
font-weight: 700;
}

.boutonconnexion {
cursor: pointer;
display: block;
width: 200px;
height: 46px;
margin: auto;
border: 0;
border-radius: 6px;
background-color: #9ed3c9;
color: white;
}

.bandeaudownpublic {
display: block;
text-align: center;
padding-bottom: 8px;
padding-top: 8px;
background-color: white;
width: 100%;
position: absolute;
bottom: 0;
}



.boutonfrsdevis {
    padding-left: 25px;
    padding-right: 25px;
    color: white;
    background-color: #e45e5f;
    display: inline-block;
    border-radius: 6px;
    line-height: 58px;
    position: absolute;
    right: 24px;
}

.eventencourstype {
    background-color: #9ed3c9 !important;
}

.eventencourstype > div > span {
    color : white;
    font-weight: 700;
}

.button_catalogue {
    border: 1px solid #9ed3c9;
    color: #9ed3c9;
    background-color: #fff;
}

.selected2 {
    background-color: #9ED3C9 !important;
    color: white;
}

.zone-select-inactive {
    background-color: #e8e8e8;
    color: #959595;
    border-color: #e8e8e8;
}

.zone-select-active {
    background-color: #9ed3c9; 
    border-color: #9ed3c9;
    color: #ffffff;
    font-weight: 700;
}

.buttonSortSearchEngineNotSelected {
    border: 1px solid #B9B9BC;
    height: 20px;
    line-height: 20px;
}

.buttonSortSearchEngineSelected {
    border: 1px solid #E3C1AC;
    min-width: 45px;
}

.redButtonFilled {
    font-size: 14px;
    padding: 16px;
    text-align: center;
    border: 1px solid #e45e5f;
    border-radius: 6px;
    color: #fff;
    background-color: #e45e5f;
    cursor: pointer;
}

.redButtonOutlined {
    font-size: 14px;
    padding: 16px;
    text-align: center;
    border: 1px solid #e45e5f;
    border-radius: 6px;
    color: #e45e5f;
    background: none;
    cursor: pointer;
}

.svgColor {
    filter: invert(45%) sepia(93%) saturate(611%) hue-rotate(315deg) brightness(93%) contrast(92%);
}

.selectedFieldForm {
    border: 4px solid #9ED3C9;
    border-radius: 8px;
}

.unselectedFieldForm {
    border: 4px solid #fff;
    border-radius: 8px;
}

.smallButtonAction1 {
    padding: 4px;
    border: 1px solid #9ed3c9;
    border-radius: 4px;
    cursor: pointer;
    background-color: #9ed3c9;
    color: white;
}

.smallButtonAction2 {
    padding: 4px;
    border: 1px solid #e45e5f;
    border-radius: 4px;
    cursor: pointer;
    background-color: #e45e5f;
    color: white;
}

@media screen and (min-width: 800px) {

    .divjaugecdc {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
    }

    .subdivjaugecdc {
        background-color:#E6E6E6;
        padding:8px;
        height:19px;
        border-radius: 0 0 6px 6px;
    }

    .pjaugecdc {
        display:inline-block;
        position:absolute;
        right:24px;
        z-index:2;
    }

    .completionjaugecdc1{
        position:absolute;
        bottom:0;
        left:0;
        height:35px;
        background-color:#e45e5f;
        opacity: 0.6;
        border-radius: 0 0 0 6px;
    }

    .completionjaugecdc2 {
        position:absolute;
        bottom:0;
        left:0;
        height:35px;
        background-color:#9ed3c9;
        border-radius: 0 0 0 6px;
    }

    .divfiltrefrsfiltre {
        border-right: 1px solid #dbd8d7;
    }

    .divfiltrefrs {
        line-height: 50px;
        margin-bottom: 16px;
        background-color: #f4f0ef;
    }

    .buttonfilterfrsactive > select {
        color: white;
    }

    .buttonfilterfrs {
        display: table-cell;
        padding: 0px 16px;
        background-color: #f4f0ef;
    }

    .buttonfilterfrsactive {
        background-color: #9ed3c9;
        color: white;
    }

    .buttonreini {
        display: block;
        margin: 0 auto !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        background-color: #e45e5f !important;
    }

    .buttonreini:hover {
        background-color: #b64b4c !important;
    }

    .widthetape0 {
        width: 121.58px;
    }

    .widthetape1 {
        width: 194.38px;
    }

    .widthetape2 {
        width: 224.86px;
    }

    .widthetape3 {
        width: 100px;
    }

    .widthetape4 {
        width: 119.98px;
    }

    .widthetape5 {
        width: 106.66px;
    }

    .widthetape6 {
        width: 100px;
    }

    .backgrounddone {
        background-color: #9ed3c9;
    }

    .backgroundnotdone {
        background-color: #E6E6E6;
    }

    .borderdone {
        border: 4px solid #9ed3c9;
    }

    .bordernotdone {
        border: 4px solid #E6E6E6;
    }

    .etapedone {
        display: inline-block;
        border-radius: 6px;
        background-color: #9ed3c9;
        margin: -4px;
        border: 2px solid #9ed3c9;
        min-width: 100px;
        text-align: center;
    }

    .etapedone:hover {
        background-color: #8ebdb4;
    }

    .etapedone > p {
        color: white;
        font-size: 18px;
        font-weight: 900;
        padding: 8px 0px;
    }

    .linedone{
        display: inline-block;
        width: 29px;
        height: 8px;
        background-color: #9ed3c9;
    }

    .etapecurrent {
        display: inline-block;
        border-radius: 6px;
        background-color: white;
        border: 2px solid #9ed3c9;
        margin: -4px;
        min-width: 100px;
        text-align: center;
    }

    .etapecurrent:hover {
        background-color: #fafafa;
    }

    .etapecurrent > p {
        color: #9ed3c9;
        font-size: 18px;
        font-weight: 900;
        padding: 8px 0px;
    }

    .etapenotdone {
        display: inline-block;
        border-radius: 6px;
        background-color: #E6E6E6;
        margin: -4px;
        border: 2px solid #E6E6E6;
        min-width: 100px;
        text-align: center;
    }

    .etapenotdone:hover {
        background-color: #b8b8b8;
    }

    .etapenotdone > p {
        color: black;
        font-size: 18px;
        font-weight: 900;
        padding: 8px 0px;
    }

    .linenotdone {
        display: inline-block;
        width: 29px;
        height: 8px;
        background-color: #E6E6E6;
    }

    .divsousetape {
        display: none;
        position: absolute;
        top: 0;
    }

    .sousetape {
        position: absolute;
        padding: 16px;
        background: white;
        z-index: 1;
        border-radius: 6px;
    }

    .sousetapenextetape {
        padding: 8px;
        display: inline-block;
        border-radius: 6px;
        position: absolute;
        right: 16px;
    }

    .etape0 {
        top: 142px;
        left: 0;
    }

    .etape1 {
        top: 142px;
        left: 174px;
    }

    .etape2 {
        top: 142px;
        left: 418px;
    }

    .etape3 {
        top: 142px;
        left: 612px;
    }

    .etape4 {
        top: 142px;
        left: 752px;
    }

    .etape5 {
        top: 142px;
        left: 902px;
    }

    .etape6 {
        top: 142px;
        left: 960px;
    }

    .liensousetape {
        position: absolute;
        width: 8px;
        height: 20px;
    }

    .liensousetape0 {
        top: 122px;
        left: 58.79px;
    }

    .liensousetape1 {
        top: 122px;
        left: 253.77px;
    }

    .liensousetape2 {
        top: 122px;
        left: 496.38px;
    }

    .liensousetape3 {
        top: 122px;
        left: 691.82px;
    }

    .liensousetape4 {
        top: 122px;
        left: 834.805px;
    }

    .liensousetape5 {
        top: 122px;
        left: 981.12px;
    }

    .liensousetape6 {
        top: 122px;
        left: 1117.45px;
    }

    .inputswitchresearch {
        margin-bottom: 0;
        width: 30px;
        vertical-align: middle;
        border: 0;
        background-color: transparent;
    }

    .divswitchresearch {
        vertical-align: middle;
        display: inline-flex;
        width: 162px;
        float: right;
    }

    .progressbar{
        width: 100px;
        height: 24px;
        display: inline-block;
        border: 1px solid #0b2532;
        border-radius: 6px;
        line-height: 24px;
        margin-left: 16px;
        font-size: 14px !important;
    }

    .progress {
        width: 60%;
        background-color: #9ed3c9;
        display: inline-block;
        text-align: center;
        border-radius: 6px;
        height: 24px;
    }

    .boutoneventsite {
        width: 166px;
        height: 46px;
        line-height: 46px;
        color: #9ed3c9;
        border: 1px solid #9ed3c9;
        background: none;
        margin-left: 283px;
        padding: 5px 20px;
        border-radius: 6px;
        font-weight: bold;
    }

.facturedetaillebutton {
margin: auto;
line-height: 56px;
height: 56px;
background-color: #9ed3c9;
border-radius: 6px;
width: 294px;
margin-top : 24px;
color: white;
}

.divconnexionpublic {
width: 248px;
background-color: white;
border-radius: 6px;
margin: auto;
padding-bottom: 16px;
}

.mentions_public {
        display: inline-block;
        font-size: 12px;
        color: black;
        margin-right: 32px;
    }

.tab-item {
    display: inline-block;
    background-color: #e8e8e8;
  color: #959595;
   padding: 7px 14px;   
border-radius: 18px;
   margin-right: 14px;
    font-size: 14px;
}

.boutonvaliderdevis {
margin-top: 16px;
width: 138px;
height: 30px;
border: 0px;
background-color: #9ed3c9;
color: white;
border-radius: 6px;
font-size: 12px;
}

.bandeaudeviscompare {
background-color: #9ed3c9;
height: 70px;
line-height: 70px;
vertical-align: middle;
display: flow-root;
}

.boutonexportdevis {
line-height: 56px;
height: 56px;
background-color: #9ed3c9;
border-radius: 6px;
width: 294px;
margin: auto;
margin-top : 24px;
color: white;
}

    .tableV2 > thead {
        height: 73px;
        background-color: #0b2532;
        border-radius: 6px 6px 0px 0px;
    }

    .addArticleButton
    {
        margin-left: 16px;
        padding: 5px 20px;
        background-color: #d40e55;
        font-size: 14px;
        border-radius: 6px;
        width: 200px;
        color: white;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
    }

    .projetAjoutSubmit {
        display: inline-block;
        background-color: #015f8f;
        color: white;
        width: 120px;
        border: 0px;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        cursor : pointer;
        font-size: 16px;
        margin-left: 20px;
    }

    .projet-ajout-div3-auto-no-margin {
        display: inline-block;
        background-color: #f7f7f7;
        width: auto;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .projet-ajout-div3-auto {
        display: inline-block;
        background-color: #f7f7f7;
        width: auto;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        margin-left: 10px;
        border: 1px solid #979797;
    }

    .familyDesignation {
        position: absolute;
        top: 16px;
        right: 0px;
        font-size: 14px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px 0 0 6px;
        color: #4a90e2;
        height: 32px;
        line-height: 32px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .div_service_img_div {
        background-color: #f7f7f7;
        height: 72px;
        margin-top: 32px;
        border-radius: 6px;
        line-height: 72px;
    }

    .conversation-message-div {
        width: 54px;
        height: 54px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        background-color: #dceef6;
        line-height: 54px;
        border-radius: 50%
    }

    .selectpublic {
        height: 56px;
        width: 573px;
        display: inline-block;
        background-color: #f7f7f7;
        border-radius: 6px 0px 0px 6px;
        border: 1px solid #979797;
        margin-top: 16px;
        z-index: 10;
        text-align: initial;
    }

    .axetri {
        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;
    }

    .axetripublic {
        height: 56px;
        width: 200px;
        display: inline-block;
        z-index: 10;
        position: absolute;
        background-color: #f7f7f7;
        border-radius: 6px 0px 0px 6px;
        border: 1px solid #979797;
    }

    .color-grey, .color-grey td {
        color: #C0C0C0;
    }

    .offre-div {
        height: 139px;
        background-color: #f7f7f7;
        width: 100%;
        border-radius: 6px;
        margin-bottom: 8px;
    }

    .offre-p {
        font-size: 21px;
        font-weight: 700;
        color: #0b2532;
    }

    .accueilblock_div1 {
        display: inline-block;
        background-color: #f7f7f7;
        width: 250px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        vertical-align: middle;
        margin-right: 8px;
        border: 1px solid #979797;
        margin-left: 32px;
    }

    .accueilblock_div2 {
        display: inline-block;
        background-color: #f7f7f7;
        width: 250px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        vertical-align: middle;
        margin-right: 8px;
        border: 1px solid #979797;
    }

    .reportdiv {
        display: inline-block;
        height: 42px;
        z-index: 10;
        position: absolute;
        background-color: #f7f7f7;
        border-radius: 6px;
        border: 1px solid #979797;
        margin-left: 32px;
    }

    .reportimg {
        margin-left: 201px;
        cursor: pointer;
        vertical-align: middle;
        height: 42px;
        object-fit: scale-down;
        background-color: #f7f7f7;
        border-radius: 0px 6px 6px 0px;
        border-left: 2px solid #979797;
    }

    .reporta {
        color: #015f8f;
        font-size: 12px;
        font-weight: bold;
        padding: 8px;
        border: 1px solid #015f8f;
        border-radius: 6px;
    }

    .infobar
    {
        width: 50%;
        height: 50px;
        background-color: #9ed3c9;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 25%;
        border-radius: 0 0 6px 6px;
        display: none
    }

    .agendacdc {
        background: white;
        border: 1px solid #9ed3c9;
        color: #9ed3c9;
        font-weight: 400;
        display: inline-block;
        padding: 8.5px 17px;
        border-radius: 18px;
        margin-right: 16px
    }

    .agendacdcactif {
        background: #9ed3c9 !important;
        border: 1px solid #9ed3c9 !important;
        font-weight: 700 !important;
        color: white !important;
    }

    .bandeauresumecmd {
        position: absolute;
        top: 16px;
        right: 0;
        background-color: #f7f7f7;
        width: 214px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #4a90e2;
        font-weight: 700;
        border-radius: 6px 0 0 6px;
    }

    .ongletv2_disabled {
        background-color: #f7f7f7;
        font-weight: 100;
        color: #c8c8c8;
        cursor: inherit !important;
    }

.export-btn {
    float: right;
    color: #9ed3c9;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    border: 1px solid #9ed3c9;
    border-radius: 6px;

}

.bouton_projet_compare {
margin-top: 16px;
    width: 138px;
    height: 30px;
    border: 0px;
    background-color: #9ed3c9;
    color: white;
    border-radius: 6px;
    font-size: 12px;
}

.bandeau_projet_compare {
background-color: #9ed3c9;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    display: flow-root;
}

.offre-img {
        background-color: #d9d9d9;
        display: inline-block;
        width: 56px;
        height: 56px;
        object-fit: cover;
        border-radius: 50%;
        margin-left: 16px;
        margin-top: 42px;
    }

.projetAjoutSelect {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f4f0ef;
    padding-left: 16px;
    padding-right: 16px;
    width: 392px;
    height: 56px;
    vertical-align: top;
    margin-left: 32px;
    border: 1px solid #979797;
    color: black;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
}

.divflex_accueil {
display: inline-flex;
}

.rond_notification {
text-align: center;
    color: rgb(255, 255, 255);
    background: #e45e5f;
    font-size: 10px;
    overflow: hidden;
    border: 0px;
    position: absolute;
    margin-left: -54px;
    top: 24px;
    display: inline;
}


.proposition-agence-button {
    cursor: pointer;
    margin-bottom: 8px;
    border: 0px;
    background-color: #9ed3c9;
    border-radius: 6px;
    color: white;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    font-size: 14px;
}

.general_form_send_long {
    width: max-content !important;
    height: 56px !important;
    background-color: #9ed3c9 !important;
}

.create1_cdc_ajoutSalle {
    background-color: #9ed3c9;
    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;
}

.bouton_surmesure {
display: inline-block;
margin-bottom: 1em;
text-align: center;
color: white;
background-color: #e45e5f;
padding: 20px;
}

.bouton_simplifie {
display: inline-block;
text-align: center;
margin-left: 3em;
color: white;
background-color: #9ed3c9;
padding: 20px;
margin-right: 6em;
}

.actifcdcservice {
background: white;
border: 1px solid #9ed3c9;
color: #9ed3c9;
font-weight: 400;
display: inline-block;
padding: 8.5px 17px;
border-radius: 18px;
margin-right: 16px
}

    .tab-item-active {
        font-weight: bold;
        background-color: #9ed3c9;
        color: white;
    }

    .btn-primary {
        background-color: #9ed3c9;
        color: white;
    }

    .btn-primary:hover {
        background-color: #8ebdb4;
    }

    .reservation_gris {
        display: inline-block;
        background-color: #f4f0ef;
        color: #959595;
        padding: 8.5px 17px;
        border-radius: 18px;
        margin-right: 16px;
    }

    .reservation_bleu {
        font-weight: bold;
        background-color: #9ed3c9;
        color: white;
    }

    .minisearch_button {
        margin-bottom: 0px;
        margin-left: 16px;
        padding: 0px;
        border: 0px;
        background-color: #9ed3c9;
        object-fit: none;
        border-radius: 6px;
        vertical-align: middle;
        padding: 16px 29.5px;
    }

    .minisearch_button:hover {
        background-color: #8ebdb4;
    }

    .evalCObutton {
        background-color: #9ed3c9;
        color: white;
        border: 0px;
        font-size: 16px;
        border-radius: 6px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.5s;
        white-space: nowrap;
        width: 350px;
        text-align: center;
        height: 56px;
        line-height: 56px;
    }

    .evalCObutton:hover {
        background-color: #8ebdb4;
    }

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

    .pictoAddAccordCadre {
        background: url(/media/com_genius/images/v2/idealforevent/baseline_add_circle_black_24dp-b.png) no-repeat;
        height: 24px;
        padding-left: 24px;
    }

    .pictoRemoveAccordCadre {
        background: url(/media/com_genius/images/v2/idealforevent/baseline_remove_circle_black_24dp-b.png) no-repeat;
        height: 24px;
        padding-left: 24px;
    }

    .bandeaublacklist {
        position: absolute;
        top: 101.5px;
        background-color: #e45e5f;
        display: block;
        width: 864px;
        text-align: center;
        height: 45px;
        line-height: 45px;
        color: white;
        margin-left: 30px;
    }

    .notif_nb_message {
        text-align: center;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        display: none;
        color: #ffffff;
        background: #e45e5f;
        font-size: 10px;
        padding: 2px;
        overflow: hidden;
        margin-left: 5px;
        border: 0;
        position: absolute;
        left: 29px;
        top: 12px;
    }

    .etapesuivante_projet:hover {
        background-color: #8ebdb4;
    }

    .etapesuivante_projet {
        border: 0;
        border-radius: 6px;
        color: white;
        width: 150px !important;
        height: 56px !important;
        background-color: #9ed3c9;
        margin-left: 5% !important;
        cursor: pointer;
    }

    .general_form_send:hover {
        background-color: #13233A !important;
    }

    .general_form_send {
        width: 150px !important;
        height: 56px !important;
        background-color: #13233A !important;
        margin-left: 5% !important;
    }

    .newstatut_affichplus {
        text-align: center;
        background-color: #9ed3c9;
        width: 300px;
        height: 56px;
        border-radius: 6px;
        margin: auto;
        line-height: 56px;
    }

    .cdcdetaille_link:hover {
        background-color: #8ebdb4;
    }

    .cdcdetaille_link {
        width: 376px;
        display: inline-block;
        margin-right: 24px;
        background-color: #9ed3c9;
        color: white;
        border-radius: 6px;
        text-align: center;
        padding-top: 33px;
        padding-bottom: 33px;
        vertical-align: middle;
    }

    .cdcdetaille_skip {
        width: 376px;
        height: 102px;
        display: inline-block;
        line-height: 102px;
        text-align: center;
        border: 1px solid #9ed3c9;
        border-radius: 6px;
        color: #9ed3c9;
        vertical-align: middle;
    }

    #bloc_submit .backtoprojetupdate {
        background-color: #9ed3c9;
        border-width: 0px;
        color: #ffffff;
        min-width: 150px;
        padding: 10px 20px;
        border-radius: 5px;
        font-family: MyriadPro-Regular;
        font-size: 1em;
        cursor: pointer;
    }

    .bouton-export {
        color: #9ed3c9;
        font-size: 12px;
        font-weight: bold;
        padding: 8px;
        border: 1px solid #9ed3c9;
        border-radius: 6px;
    }

    .buttonActionCdp {
        display: inline-block;
        width: 166px;
        padding: 5px;
        background-color: #9ed3c9;
        border-radius: 6px;
        color: white;
        text-align: center;
    }

    .buttonActionCdp:hover {
        background-color: #8ebdb4;
    }

    .divminirond {
        display: inline-block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #9ed3c9;
        margin-left: 8px;
        text-align: center;
        vertical-align: middle;
        line-height: 32px;
    }

    .divminirond > p {
        color: white;
    }

    .divdonneslangue {
        cursor: pointer;
        padding-left: 10px;
        -webkit-appearance: none;
        background: url(/media/com_genius/images/v2/idealforevent/baseline_expand_more_white_24dp-b.png) no-repeat 99% 3px;
        width: 90%;
        margin-left: 5%;
        height: 30px;
        vertical-align: top;
        border: 1px solid #9ed3c9;
        color: #9ed3c9;
        border-radius: 6px;
        font-weight: 700
    }

    div.messagerie__conversation_message_notification {
        text-align: left;
        background-color: #9ed3c9;
        border-radius: 0px;
        margin-bottom: 20px;
    }

    div.messagerie__conversation_message_notification p {
        color: white;
        text-align: center;
    }

    .boutonexport {
        color: #2d3441;
        font-size: 12px;
        font-weight: bold;
        padding: 8px;
        border: 1px solid #2d3441;
        border-radius: 6px;
    }

    .boutonfacture {
        height: 40px;
        width: 40px;
        object-fit: none;
        background-color: #9ed3c9;
        border-radius: 6px;
        vertical-align: middle;
    }

    .boutonfacture:hover {
        background-color: #8ebdb4;
    }

    .boutonsendfiltre {
        cursor: pointer;
        margin-left: 8px;
        height: 40px;
        line-height: 40px;
        background-color: #9ed3c9;
        text-align: center;
        display: inline-block;
        width: 40px;
        vertical-align: middle;
        border-radius: 6px;
    }

    .boutonsendfiltre:hover {
        background-color: #b4869f;
    }

    .boutonvalidcommande {
        background-color: #e45e5f;
        font-weight: 700;
        padding: 18.5px 42px;
        border-radius: 6px;
    }

    .bandeauresumecmd {
        position: absolute;
        top: 16px;
        right: 0;
        background-color: #f7f7f7;
        width: 214px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #9ed3c9;
        font-weight: 700;
        border-radius: 6px 0 0 6px;
    }

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

    .suividepensesca_noselected {
        display: inline-block;
        width: 233px;
        height: 54px;
        border: solid 1px #979797;
        background: #f7f7f7;
        line-height: 56px;
        text-align: center;
        border-radius: 6px;
    }

    .suividepensesca_selected {
        display: inline-block;
        width: 233px;
        border: solid 1px black;
        background: #eaeaea;
        line-height: 56px;
        text-align: center;
        border-radius: 6px;
    }

    .accueil_agence_refuser {
        font-size: 12px;
        font-weight: bold;
        color: black;
        background-color: #f4f0ef;
        display: inline-block;
        border-radius: 6px;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    .accueil_agence_charge {
        margin-right: 8px;
        font-size: 12px;
        font-weight: bold;
        color: white;
        background-color: #e45e5f;
        display: inline-block;
        border-radius: 6px;
        width: 130px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    .typeacces_select {
        background-color: #9ed3c9 !important;
    }

    .typeacces_select > label {
        color: white !important;
    }


    .typeacces_div {
        width: 50%;
        display: block;
        margin: auto;
        background-color: #e8e8e8;
        border-radius: 6px;
        margin-bottom: 24px;
        color: black;
    }

    .typeacces_label {
        padding: 25px 23%;
        color: black;
        font-weight: bold;
        border-radius: 6px;
        cursor: pointer;
    }

    .background_public {
        background-image: url(/../images/Template/home.png);
        background-size: cover;
        background-attachment: fixed;
flex: 0 1 auto;
    flex-flow: column;
    height: 100%;
    display: flex;
    }

    .fichefournprob_middle {
        width: 701px;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .demande_devis_div {
        display: inline-block;
        width: 235px;
        height: 56px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
        margin-right: 16px;
        vertical-align: middle;
        line-height: 56px;
        margin-right: 0;
    }

    .demande_devis_right {
        width: 223px;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .demande_devis_left {
        width: 223px;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
        margin-right: 16px;
    }

    .demande_devis_middle {
        width: 478px;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .span_14_white {
        font-size: 14px;
        color: white;
    }

    .bandeau_repondez_que {
        background-color: #9ed3c9;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: white;
        font-size: 14px;
    }

    .
    .div-animation {
        width: 838px;
        border-radius: 6px;
        background-color: #f7f7f7;
        margin: 16px 16px 16px 16px;
    }

    .hr-cdc {
        color: #e9f6fc;
        width: 219px;
        margin-left: 20px;
        margin-top: 8px;
    }

    .texte-bleu {
        text-align: center;
        margin-bottom: 24px;
        color: #9ed3c9;
    }

    .h3-titre-cdc {
        width: 239px;
        height: 43px;
        font-size: 21px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #0b2532;
    }

    .preferences-cdc {
        margin-left: 8px;
        width: 239px;
        height: 10px;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.86;
        letter-spacing: normal;
        color: #0b2532;
    }

    .h3-titre-cdc-autre-couleur {
        width: 239px;
        height: 29px;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #959595;
    "
    }

    .texte_synthese_cdc {
        width: 163px;
        height: 24px;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #9ed3c9;
    }

    .synthese_cdc {
        width: 189px;
        height: 40px;
        margin-top: 18px;
        background-blend-mode: color;
        background-color: #f4f0ef;
        border-radius: 4px 0 0 4px;
        text-align: center;
    }

    .div-bas-salle {
        display: flex;
        flex-direction: row;
        margin-left: 16px;
        margin-right: 16px;
        background-color: #f7f7f7;
        border-radius: 0px 0px 8px 8px;
        margin-bottom: 16px;
    }

    .div-restauration {
        display: flex;
        flex-direction: row;
        margin-left: 16px;
        margin-right: 16px;
        background-color: #0b2532;
        border-radius: 8px 8px 0px 0px;
    }

    .background-white {
        background-color: white;
    }

    .div-cdc-ghostwhite {
        color: ghostwhite;
        text-align: center;
        margin-top: 24px;
    }

    .div-restauration-categories-1-2 {
        display: flex;
        margin-left: 16px;
        margin-right: 16px;
        background-color: #f7f7f7;
    }

    .div-restauration-categories-2-2 {
        display: flex;
        margin-left: 16px;
        margin-right: 16px;
        background-color: #e8e8e8;
    }

    .texte-restauration-categories {
        font-size: 11px;
        color: #959595;
    }

    .texte-restauration-categorie-presente {
        font-size: 14px;
        color: #0b2532;

    }

    .nombre-categorie-restauration {
        color: black;
        text-align: center;
        margin-top: 24px;
        width: 134px;
    }

    .cirlename-ajouter-photo {
        width: 100px;
        height: 100px;
        background-color: #DCEEF6;
        border-radius: 50%;
        line-height: 95px;
        vertical-align: middle;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .div-image-ajouter-photo {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 50%;
        margin-left: 100px;
        line-height: 100px;
        text-align: center;
        background-color: #9ed3c9;
    }

    .photo-contact-index {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        vertical-align: middle;
        display: inline-block;
        line-height: 56px;
        text-align: center;
        background-color: #9ed3c9;
    }

    .photo-contact-index:hover {
        background-color: #8ebdb4;
    }

    .preferences-grises {
        display: inline-block;
        background-color: #f4f0ef;
        padding: 8.5px 17px;
        border-radius: 18px;
        color: #959595;
        margin-right: 16px
    }

    .preferences-bleues {
        display: inline-block;
        background-color: #9ed3c9;
        padding: 8.5px 17px;
        border-radius: 18px;
        font-weight: bold;
        color: #ffffff;
    }

    .color-0b2532 {
        color: #0b2532;
    }

    .color-0b2532i {
        color: #0b2532 !important;
    }

    .color-black {
        color: black;
    }

    .color-ffffff {
        color: #FFFFFF;
    }

    .span-ajouter-photos-initiales {
        color: white;
        font-weight: 700;
    }

    .button_contact-detail2 {
        margin-top: 61px;
        margin-left: 24px;
    }

    .button_contact_detail1 {
        float: right;
        margin-top: 61px;
        margin-right: 48px;
        width: 300px;
        height: 56px;
        color: #026a9a !important;
        background-color: transparent !important;
        border: solid 1px #026a9a !important;
    }

    .description_planning_button {
        font-size: 12px;
        font-weight: bold;
        width: 149px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        border: 1px solid #9ed3c9;
        color: #9ed3c9;
        border-radius: 6px;
        margin: auto;
    }

    .ajouter-contact {
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-decoration: underline;
        color: #9ed3c9;
    }

    .description_planning_name {
        font-size: 14px;
        text-align: center;
    }

    .description_planning_head_commerciale {
        text-align: center;
        background-color: #f8c065;
        color: white;
        font-weight: 600;
        padding: 4px;
        font-size: 14px;
    }

    .description_planning_head_operationnelle {
        text-align: center;
        background-color: #9ed3c9;
        color: white;
        font-weight: 600;
        padding: 4px;
        font-size: 14px;
    }

    .description_planning_head_termines {
        text-align: center;
        background-color: #2d3441;
        color: white;
        font-weight: 600;
        padding: 4px;
        font-size: 14px;
    }

    .description_planning_div {
        position: absolute;
        margin-left: 87px;
        margin-top: -160px;
        background-color: white;
        border-radius: 6px;
        width: 188px;
        overflow: hidden;
        padding-bottom: 8px;
        z-index: 15;
    }

    .reporting_bandeau {
        width: 100%;
        background-color: #eeeeee;
        margin-bottom: 10px;
        height: 44px;
        line-height: 44px;
    }

    .blacklist-message {
        height: 167px;
        line-height: 167px;
        text-align: center;
        font-size: 32px;
        font-weight: bold;
        color: red;
        font-style: italic;
    }

    .blue {
        color: #2d3441;
    }

    .gris {
        color: #c4c4c4;
    }

    .green {
        color: #6ebd12;
    }

    .red {
        color: #e45e5f;
    }

    .hr-7 {
        color: #c8c8c8;
        margin-bottom: 16px;
        margin-left: 24px;
        margin-right: 20px;
    }

    .hr-6 {
        margin-bottom: 12px;
        color: #e9f6fc;
    }

    .inputFormV2-2C {
        margin-left: 5%;
        width: 55%;
        height: 20px;
        border-radius: 6px;
        background-color: #f7f7f7;
    }


    .selectFormV2-2C {
        margin-left: 5%;
        width: 58%;
        border-radius: 6px;
        background-color: #f7f7f7;
    }

    .titreSecondV2 {
        text-align: left;
        font-size: 18.5px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.19;
        letter-spacing: normal;
        color: #0b2532;
        margin: 12px 0;
    }


    .titreSecondV2 {
        text-align: left;
        font-size: 18.5px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.19;
        letter-spacing: normal;
        color: #0b2532;
        margin: 12px 0;
    }

    .labelFormV2-2C {
        width: 25%;
        margin-left: 5%;
        margin-top: 10px;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #0b2532;
        vertical-align: middle;
        white-space: normal;
    }

    .hr-5 {
        color: rgba(255, 255, 255, 0.5);
        margin: 0;
        border: 1px solid #e9f6fc;
    }

    .hr-4 {
        width: 803px;
        margin-left: 32px;
        margin-top: 16px;
        color: #e9f6fc;
        border: 1px solid #e9f6fc;
    }

    .hr-3 {
        margin-top: 560px;
        color: #e9f6fc;
        border: 1px solid #e9f6fc;
    }

    .hr-2 {
        margin-top: 32px;
        color: #e9f6fc;
        border: 1px solid #e9f6fc;
    }

    .hr-1 {
        margin-top: 8px;
        margin-bottom: 8px;
        color: #e9f6fc;
        border: 1px solid #f4f0ef;
    }

    ::placeholder {
        color: #8e8e8e;
        font-weight: 0;
        font-style: italic;
    }

    .buttonwhite {
        background-color: white;
        color: #9ed3c9;
        border: 1px solid;
        border-radius: 6px;
        cursor: pointer;
    }

    .buttonwhite:hover {
        color: #8ebdb4;
    }

    .buttonblue {
        background-color: #9ed3c9;
        color: white;
        border-radius: 6px;
        border: 0px;
        cursor: pointer;
    }

    .buttonblue:hover {
        background-color: #8ebdb4;
    }

    .buttonred {
        background-color: #e45e5f;
        color: white;
        border: 0px;
        border-radius: 6px;
        cursor: pointer;
    }

    .buttonred:hover {
        background-color: #cd5455;
    }

    .overgray:hover {
        background-color: #f7f7f7;
    }

    .search-input_search {
        margin-bottom: 0px;
        margin-left: 16px;
        padding: 0px;
        border: 0px;
        background-color: #9ed3c9;
        object-fit: none;
        border-radius: 6px;
        vertical-align: middle;
        padding: 16px 29.5px;
        transition: 0.5s;
    }

    .search-input_search:hover {
        background-color: #8ebdb4;
    }

    .search-div-ville {
        display: inline-block;
        background-color: #f4f0ef;
        width: 292px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
border: 1px solid #979797;
    }

.search-block-select {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f4f0ef;
    padding-left: 16px;
    padding-right: 16px;
    width: 259px;
    height: 58px;
    vertical-align: top;
    margin-left: 32px;
    border: 1px solid #979797;
    color: black;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
}

.search-block-select-img {
padding-left: 4px;
    padding-right: 4px;
    height: 54px;
    object-fit: scale-down;
    width: max-content;
    background-color: #f4f0ef;
    border: 1px solid #979797;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    vertical-align: top;
    margin-right: 16px;
}


    .selectpublic li:not(.default) {
        float: left;
        width: 630px;
        display: none;
        background: white;
        -webkit-appearance: textarea;
        cursor: pointer;
        box-shadow: 0 8px 8px 0 rgba(14, 49, 169, 0.3);
        position: relative;
    }

    .selectpublic li:not(.default):hover, .selecttri li.selected:not(.default) {
        background-color: #f7f7f7;
    }

    .axetripublic li:not(.default):first-of-type {
        margin-top: 12px;
    }

    .axetripublic li:not(.default) {
        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;
        line-height: 35px;
    }

    .axetripublic li:not(.default):hover, .selecttri li.selected:not(.default) {
        background-color: #f7f7f7;
    }

    .axetri li:not(.default) {
        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;
    }

    .axetri li:not(.default):hover, .selecttri li.selected:not(.default) {
        background-color: #f7f7f7;
    }


    .selecttri li:not(.default) {
        float: left;
        width: 224px;
        display: none;
        background: white;
        -webkit-appearance: textarea;
        cursor: pointer;
        box-shadow: 0 8px 8px 0 rgba(14, 49, 169, 0.3);
    }

    .selecttri li:not(.default):hover, .selecttri li.selected:not(.default) {
        background: #8abfd9;
    }

    .listOptionsSort {
         display: none;
         background: white;
         text-align: initial;
         z-index: 2;
         position: absolute;
         width: max-content;
         top: 30px;
         right: 0;
         box-shadow: 0 8px 8px 0 rgba(14, 49, 169, 0.3);
    }

    .listOptionsSort > div:hover {
        background-color: #f7f7f7;
    }

    .comparateur_bouton2 {
        background-color: #9ed3c9 !important;
        border-radius: 6px !important;
        padding: 18.5px 36px !important;
        float: right;
        display: inline-block;
        color: white;
    }

    .comparateur_bouton1 {
        background-color: white;
        border-radius: 6px;
        border: 1px solid #9ed3c9;
        padding: 18.5px;
        display: inline-block;
    }

.comparateur_bouton1 > p {
vertical-align: middle;
    color: #9ed3c9;
    display: inline;
}

    .comparateur_bandeau {
        height: 88px;
        background-color: #9ed3c9;
        line-height: 88px;
    }

    .styleButton1 {
        float: left;
        width: 300px;
        height: 56px;
        background-color: #9ed3c9;
    }

    .buttonhover:hover {
        background-color: #8ebdb4;
    }

    .select-projet-p1 {
        text-align: center;
        color: #9ed3c9;
    }

    .select-projet-p {
        text-align: center;
        margin-bottom: 24px;
        color: #9ed3c9;
    }

    .button-create {
        margin-top: 0px;
        padding: 16.5px 6.5px;
        background-color: #6ebd12;
        margin-right: 31px;
    }

    .h3blockv2result {
        display: inline-block;
        vertical-align: top;
        margin-top: 16px;
        margin-left: 20px;
        font-size: 28px;
        font-weight: 700;
        color: #0b2532;
        width: 94%;
    }

    .spanblockresult {
        color: #0b2532;
        font-size: 14px;
        vertical-align: super;
        margin-left: 8px;
        font-weight: 700;
        text-decoration: underline;
    }

    .div3blockv2result {
        display: flex;
        float: left;
        width: 447px;
        vertical-align: top;
        margin-left: 20px;
        color: #0b2532;
        height: 135px;
    }

    .div2blockv2result {
        display: block;
        width: calc(100% - 225px);
        height: 215px;
        overflow: hidden;
        float: right;
        border: 0px solid silver;
        color: #0b2532;
    }

    .connected-search-a-span {
        font-size: 12px;
        color: #c8c8c8;
        vertical-align: middle;
    }

    .connected-search-form-span {
        margin-top: 16px;
        color: #c8c8c8;
        font-size: 12px;
        margin-left: 24px;
    }

    .connected-search-form-button {
        margin-left: 0px;
        padding: 7px 45px;
        color: white;
        border-radius: 6px;
        font-size: 12px;
        background-color: #13233A;
        margin-bottom: 24px;
        border: 0;
        cursor: pointer;
    }

    .connected-search-form-button:hover {
        background-color: #13233A;
    }

    .connected-search-form-input2 {
        -webkit-appearance: none;
        -moz-appearance: textfield;
        text-align: center;
        border: 0;
        background-color: #f7f7f7;
        border-radius: 6px;
        padding-left: 16px;
        width: 64px;
        margin-left: 56px;
    }

    .connected-search-form-center-input {
        width: 206px;
        margin-top: 8px;
        border: 0;
        background-color: #f4f0ef;
        border-radius: 6px;
        margin-left: 5px;
    }

    .onglet_v2_selected {
        background-color: #13233A;
        color: #ffffff;
        border: none;
    }

    .connected-search-form-span2 {
        margin-top: 12px;
        color: silver;
        margin-left: 24px;
        font-size: 12px;
    }

    .devis-description-div {
        line-height: 56px;
        height: 56px;
        background-color: #9ed3c9;
        border-radius: 6px;
        width: 294px;
        margin-top: 24px;
        margin-left: 24%;
    }

    .devis-detail-td1 {
        font-size: 12px;
        color: #6ebd12;
        text-align: center;
        vertical-align: middle;
        font-weight: 700;
    }

    .devis-detail-tr {
        background-color: #f7f7f7;
        height: 40px;
    }

    .devis-detail-jaune {
        font-size: 21px;
        color: #f5a623;
    }

    .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-button1 {
        background-color: #9ed3c9;
        border-radius: 6px;
        border: 0px;
        cursor: pointer;
        color: white;
        height: 36px;
        margin-right: 8px;
        padding: 0px 10px;
    }

    .devis-bandeau-button {
        background-color: #e45e5f;
        border-radius: 6px;
        border: 0px;
        cursor: pointer;
        color: white;
        height: 36px;
        margin-right: 8px;
        padding: 0px 10px;
    }

    .devis-bandeau-p {
        display: inline-block;
        color: white;
        font-weight: 700;
        margin-left: 121px;
    }

    .devis-bandeau-a {
        color: white;
        margin-left: 8px;
        font-weight: 700
    }

    .devis-body-background {
        background-color: rgba(11, 37, 50, 0.95);
        padding-bottom: 32px;
    }

    .projet-ajout-div4 {
        width: 450px;
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        line-height: 56px;
        margin: 0 auto;
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .projet-ajout-div3 {
        width: 214px;
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        line-height: 56px;
        margin-right: 22px;
        display: inline-block;
    }

    .projet-ajout-div1 {
        width: 450px;
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        line-height: 56px;
        margin: 0 auto;
    }

    .accueil-search-input {
        margin-bottom: 0px;
        margin-left: 16px;
        padding: 0px;
        border: 0px;
        width: 83px;
        height: 56px;
        background-color: #9ed3c9;
        object-fit: none;
        border-radius: 6px;
        vertical-align: middle;
    }

    .accueil-search-div {
        display: inline-block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
    }

    .accueil-search-select {
        cursor: pointer;
        -webkit-appearance: none;
        background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 235px 16px;
        padding-left: 16px;
        padding-right: 16px;
        width: 292px;
        height: 56px;
        vertical-align: top;
        margin-left: 32px;
        margin-right: 16px;
        border: 1px solid #026a9a;
        color: #026a9a;
        border-radius: 6px;
        font-weight: 700
    }

    .projet-facture-p1 {
        display: inline-block;
        width: 290px;
        text-align: center;
        color: #6ebd12;
        font-style: italic;
    }

    .projet-devis-button {
        cursor: pointer;
        border: 0px;
        background-color: #9ed3c9;
        color: white;
        border-radius: 6px;
        padding: 8px 51px;
        margin-bottom: 4px;
        font-size: 12px;
    }

    .projet-devis-bleu {
        display: inline-block;
        width: 240px;
        text-align: center;
        color: #2d3441;
        font-style: italic;
    }

    .projet-devis-rouge {
        display: inline-block;
        width: 240px;
        text-align: center;
        color: #e45e5f;
        font-style: italic;
    }

    .projet-devis-vert {
        display: inline-block;
        width: 240px;
        text-align: center;
        color: #9ed3c9;
        font-style: italic;
    }

    .projet-selected-button1 {
        cursor: pointer;
        border: 1px solid;
        background-color: white;
        border-radius: 6px;
        color: #2d3441;
        width: 160px;
        height: 30px;
        font-size: 12px;
        font-weight: 700
    }

    .projet-selected-button {
        cursor: pointer;
        margin-bottom: 8px;
        border: 0px;
        background-color: #9ed3c9;
        border-radius: 6px;
        color: white;
        width: 160px;
        height: 30px;
        font-size: 12px;
    }

    .projet-selected-p {
        color: #2d3441;
        display: inline-block;
        width: 177px;
        text-align: center;
    }

    .projet-search-input1 {
        width: 286px;
        height: 56px;
        border-radius: 6px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        cursor: pointer;
        color: white;
        border: 0px;
    }

    .projet-search-input {
        margin-left: 16px;
        border: 0px;
        background-color: #f7f7f7;
        width: 300px;
    }

    .projet-search-div2 {
        width: 394px;
        height: 56px;
        background-color: #f7f7f7;
        border-radius: 6px;
        margin-right: 52px;
        display: inline-block;
        line-height: 56px;
    }

    .projet-search-div {
        display: inline-block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 52px;
    }

    .projet-message-agence {
        margin-top: 32px;
        border: 0px;
        color: white;
        border-radius: 6px;
        padding: 18px 32px;
        font-size: 16px;
        margin-right: 16px;
    }

    .projet-widget {
        border-radius: 6px;
        margin-left: 275px;
        width: 1170px;
        height: 80px;
        background-color: #f7f7f7;
        border: 2px dashed #c4c4c4;
        line-height: 80px;
        vertical-align: middle;
        text-align: center;
        margin-bottom: 40px;
    }

    .conversation-message-div3 {
        width: 80px;
        height: 60px;
        background-color: #f4f0ef;
        margin-left: 32px;
        margin-top: 16px;
        line-height: 72px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
    }

    .conversation-message-div3:hover {
        background-color: #cfcfcf;
    }

    .conversation-message-div {
        width: 54px;
        height: 54px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        background-color: #f4f0ef;
        line-height: 54px;
        border-radius: 50%
    }

    .conversation-write-textarea {
        resize: vertical;
        background-color: #f7f7f7;
        width: 753px;
        height: 32px;
        border: 0px;
        padding-top: 16px;
        padding-left: 25px;
        margin-top: 16px;
        padding-right: 25px;
    }

    .conversation-participant-div2 {
        width: 54px;
        height: 54px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        background-color: #9ed3c9;
        line-height: 54px;
        border-radius: 50%
    }

    .conversation-participant-div2 > span {
        color: white;
    }

    .button-lire {
        cursor: pointer;
        font-size: 12px;
        color: white;
        border: 0px;
        border-radius: 6px;
        background-color: #e45e5f;
        margin-left: 16px;
        margin-right: 16px;
        padding: 8px 19px;
    }

    .button-lire:hover {
        background-color: #cd5455;
    }

    .listmsg-div {
        width: 54px;
        height: 54px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        background-color: #9ed3c9;
        line-height: 54px;
        border-radius: 50%
    }

    .listmsg-div > span {
        color: white;
    }

    .pagination_numero {
        cursor: pointer;
        color: white;
        background-color: #13233A;
        border-radius: 15px;
        padding-left: 5px;
        padding-right: 6px;
        margin-left: 24px;
    }

    .projet-suppr-a {
        font-size: 12px;
        color: #c8c8c8;
        vertical-align: super;
    }

    .projet-type-input {
        font-size: 16px;
        font-style: italic;
        margin-left: 16px;
        width: 80%;
        border: 0px;
        background-color: #f7f7f7;
    }

    .projet-type-div {
        width: 544px;
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        display: inline-block;
        margin-left: 1px;
        margin-top: 1px;
        line-height: 56px;
        vertical-align: middle;
    }

    .projet-type-box {
        display: inline-block;
        width: 546px;
        height: 58px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #c8c8c8;
    }

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

    .retour {
        vertical-align: top;
        font-size: 12px;
        line-height: 24px;
        text-decoration: underline;
        font-weight: 700;
        color: #0b2532;
    }

    .icon {
        fill: #8abfd9;
    }

    .demander1 {
        border: 0px;
        background-color: #9ed3c9;
        color: white;
        border-radius: 6px;
        font-size: 12px;
        padding: 8px 30px;
        cursor: pointer;
    }

    .demander1:hover {
        background-color: #8ebdb4;
    }

    .voirtoutes {
        float: right;
        color: #9ed3c9;
        border: 1px solid;
        border-radius: 6px;
        padding: 5px 58px;
        margin-right: 254px;
        margin-top: 32px;
        background-color: white;
        cursor: pointer;
    }
    
    .plusphotos {
        float: right;
        color: #9ed3c9;
        border: 1px solid;
        border-radius: 6px;
        width: 190px;
        height: 65px;
        margin-right: 254px;
        margin-top: 32px;
        background-color: white;
        cursor: pointer;
    }

    .plusphotos:hover {
        color: #337fa5;
    }
    
    .voirtoutes:hover {
        color: #337fa5;
    }

    .selection1 {
        background-color: #9ed3c9;
        border-radius: 6px;
        cursor: pointer;
        color: white;
        border: 0px;
        float: right;
        width: 156px;
        height: 56px;
        line-height: 56px;
        text-align: center;
    }


    .selection1:hover {
        background-color: #8ebdb4;
    }

    .etab1 {
        border-bottom: 3px solid;
        font-weight: 700;
        color: #0b2532;
    }

    .navli {
        list-style-type: none;
        width: 210px;
        height: 40px;
        vertical-align: middle;
        line-height: 40px;
        background-color: white;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navli:hover {
        background-color: #f7f7f7;
    }

    .empty {
        margin-left: 32px;
        color: #6e7d84;
        font-size: 16px;
    }

    .create1 {
        margin-left: 32px;
        background-color: #9ed3c9;
        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;
    }

    .create1:hover {
        background-color: #8ebdb4;
    }

    #create1 #projetajout.create1 {
        padding: 18.5px 47px;
    }

    .menu {
        font-size: 16px;
        color: #0b2532;
        margin-right: 48px;
        text-decoration: none;
        display: inline-block;
        line-height: initial;
    }

    .menu:after {
        content: "";
        width: 100%;
        height: 2px;
        visibility: hidden;
        background: #0b2532;
        border-radius: 5px;
        transform: scaleX(0);
        transition: .25s linear;
        display: block;
        margin-top: 7px;
    }

    .menu:hover:after,
    .menu:focus:after {
        visibility: visible;
        transform: scaleX(1);
    }

    .MENUV2_SUPERADMIN_CONNECT_BACK {
        color: #e45e5f;
    }

    .MENUV2_SUPERADMIN_CONNECT_BACK:after {
        background-color: #e45e5f;
    }

    .search {
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        font-size: 16px;
        border: 0px;
        padding-left: 16px;
        color: #96a6ae;
        font-style: italic;
        margin-bottom: 0px;
    }

    .h4 {
        margin-top: 32px;
        margin-left: 32px;
        color: #0b2532;
        font-size: 21px;
        margin-bottom: 24px;
        font-weight: 700;
    }

    .blockprojet {
        width: 1170px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #9ed3c9;
        display: inline-block;
        padding-bottom: 8px;
        margin-bottom: 20px;
        position: relative;
        padding-top: 8px;
    }

    .blockmsgleft {
        width: 835px;
        padding-left: 32px;
        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;
    }

    .blockmsgright {
        width: 271px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        margin-left: 32px;
        float: right;
        margin-bottom: 24px;
        position: relative;
    }

    .blockmsgright2 {
        width: 271px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        margin-left: 815px;
        float: right;
        margin-bottom: 24px;
        position: absolute;
        margin-top: 404px;
    }

    .blockv2evenement {
        width: 864px;
        min-height: 184px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        margin-left: 30px;
        margin-bottom: 10px;
        position: relative;
    }

    .blockv2result {
        width: 864px;
        height: 225px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        margin-left: 30px;
        margin-bottom: 10px;
        position: relative;
    }

    .blockv2type {
        min-height: 31px;
        margin-left: 30px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
        border-radius: 6px;
        vertical-align: middle;
    }

    .div-accueil-petit-dej-planning-corps {
        width: 96%;
        text-align: center;
        height: 72px;
        background-color: #0b2532;
        margin-left: 2%;
        margin-top: 16px;
        border-radius: 6px;
    }

    .div-dejeuner-planning-corps {
        width: 96%;
        text-align: center;
        height: 72px;
        background-color: #0b2532;
        margin-left: 2%;
        margin-top: 8px;
        border-radius: 6px;
    }


    .div-flex-margin-left {
        display: inline-block;
        background-color: #e8e8e8;
        flex: 1 1 auto;
        margin-left: 8px;
        border-radius: 6px;
        height: 126px;
        padding-top: 24px;
    }

    .div-150px-flex-nuite-planning {
        width: 96%;
        text-align: center;
        height: 150px;
        background-color: rgba(232, 232, 232, 0.8);
        margin-left: 2%;
        margin-top: 8px;
        border-radius: 6px;
        margin-bottom: 32px;
    }

    .div-flex-margin-left-text-align {
        display: inline-block;
        background-color: #e8e8e8;
        flex: 1 1 auto;
        margin-left: 8px;
        border-radius: 6px;
        height: 126px;
        padding-top: 24px;
        text-align: center;
    }

    .div-flex-sans-margin-text-align-sans-margin-left {
        display: inline-block;
        background-color: #e8e8e8;
        flex: 1 1 auto;
        border-radius: 6px;
        height: 126px;
        padding-top: 24px;
        text-align: center;
    }

    .div-flex-sans-margin-left {
        display: inline-block;
        background-color: #e8e8e8;
        flex: 1 1 auto;
        border-radius: 6px;
        height: 126px;
        padding-top: 24px;
    }

    .blockv2filtre {
        width: 271px;
        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: 40px;
    }

    .blockv2filtreplanning {
        width: 271px;
        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-top: 16px;
        clear: both;
    }


    .blockv2 {
        width: 1170px;
        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;
    }

    .blockv2left {
        display: inline-block;
        width: 771px;
        height: 169px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        margin-bottom: 40px;
    }

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


    .blockv2left-cdc {
        display: inline-block;
        width: 870px;
        padding-bottom: 24px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        margin-bottom: 40px;
    }

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


    .blockv2right1-2 {
        margin-left: 24px;
        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;
    }

    .blockv2left1-2 {
        display: inline-block;
        width: 573px;
        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;
    }

    .blockv2msg {
        width: 100%;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        display: inline-block;
    }

    .blockv2left-1-3 {
        display: inline-block;
        width: 375px;
        margin-right: 24px;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
        vertical-align: top;
        margin-bottom: 40px;
    }

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

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

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

    .greyBackground {
        background-color: #f7f7f7;
    }

    .select_existing_project {
        background-color: #9ed3c9;
        border: 1px solid #9ed3c9;
        width: 275px;
        color: #9ed3c9;
        border-radius: 6px;
        float: none;
        margin-left: 14px;
        height: 54px;
        margin-top: 2px;
        line-height: 56px;
        text-align: center;
        margin-right: 32px;
    }

    .buttonSwitchMethodeSelect {
        width: 100px;
        height: 30px;
        position: relative;
        background-color: #9ed3c9;
        cursor: pointer;
        color: white;
        text-align: center;
        line-height: 30px;
    }

    .buttonSwitchMethodeNotSelect {
        width: 100px;
        height: 30px;
        position: relative;
        background-color: #e8e8e8;
        cursor: pointer;
        color: black;
        text-align: center;
        line-height: 30px;
    }


    .input_message_public1 {
        width: 281px;
        height: 44px;
        border-radius: 6px;
        border: 1px solid #979797;
        background-color: #f7f7f7;
        margin-right: 16px;
        font-size: 14px;
        padding-left: 16px;
    }

    .div_message_public1 {
        width: 304px;
        height: 56px;
        border-radius: 6px;
        border: 1px solid #979797;
        background-color: #f7f7f7;
        margin-right: 16px;
        display: inline-block;
        line-height: 56px;
        text-align: initial;
    }

    .div_message_public2 {
        width: 628px;
        height: 56px;
        border-radius: 6px;
        border: 1px solid #979797;
        background-color: #f7f7f7;
        margin: auto;
        margin-top: 15px;
        line-height: 56px;
        text-align: initial;
    }

    .input_message_public2 {
        border: 0;
        background-color: #f7f7f7;
        width: 544px;
        font-size: 14px;
    }

    .input_message_public3 {
        width: 607px;
        height: 54px;
        border-radius: 6px;
        border: 1px solid #979797;
        background-color: #f7f7f7;
        margin-top: 16px;
        font-size: 14px;
        font-weight: bold;
        padding-left: 16px;
        margin-bottom: 0;
    }

    .textarea_message_public {
        width: 607px;
        height: 182px;
        border-radius: 6px;
        border: 1px solid #979797;
        background-color: #f7f7f7;
        resize: none;
        margin-top: 16px;
        padding-left: 16px;
    }

    .phase_div_dashboard {
        width: 100px;
        margin-left: 24px;
        text-align: center;
    }

    .phase_div_dashboard2 {
        width: 85px !important;
        margin-left: 24px;
        text-align: center;
    }

    .phase1_dashboard {
        font-size: 14px;
        font-weight: bold;
        color: #2d3441;
        padding: 5px 10px;
        background-color: #f7f7f7;
        display: inline-block;
border-radius: 6px;
    }

    .phase2_dashboard {
        font-size: 14px;
        font-weight: bold;
        color: #e45e5f;
        padding: 5px 10px;
        background-color: #f7f7f7;
        display: inline-block;
border-radius: 6px;
    }

    .phase3_dashboard {
        font-size: 14px;
        font-weight: bold;
        color: #9ed3c9;
        padding: 5px 10px;
        background-color: #f7f7f7;
        display: inline-block;
border-radius: 6px;
    }

    .commandev2_div1 {
        width: 271px;
        background-color: white;
        border-radius: 6px;
        margin-bottom: 8px;
        padding-bottom: 16px;
    }

    .commandev2_p2 {
        text-align: center;
        width: 175px;
        height: 56px;
        margin: auto;
        line-height: 56px;
        color: white;
        font-weight: bold;
        background-color: #e45e5f;
        border-radius: 6px;
    }

    .commandev2_p2 a {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    .commandev2_p4 {
        color: #9ed3c9;
        font-size: 14px;
        text-decoration: underline;
        text-align: center;
        padding: 16px 24px 0px;
    }

    .commandev2_p5 {
        color: #959595;
        font-size: 12px;
        text-align: center;
        padding: 0px 48px 16px;
    }

    .commandev2_p6 {
        width: 208px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #e45e5f;
        border-radius: 6px;
        margin: auto;
        color: white;
        font-size: 14px;
        font-weight: bold;
    }

    .h3-title-devis {
        height: 53px;
        line-height: 53px;
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        color: #0b2532;
        vertical-align: middle;
    }

    .modifLinkV2 {
        font-size: 14px;
        text-align: right;
        color: #9ed3c9;
        text-decoration: underline;
    }

    .color-e9f6fc {
        color: #e9f6fc;
    }

    .blockDevisCreateV2 {
        width: 835px;
        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;
        position: relative;
    }

    .typeOfProjetDevisV2 {
        font-size: 12px;
        color: #959595;
    }

    .blocStatutDevisV2 {
        height: 40px;
        background-color: #f4f0ef;
        position: absolute;
        top: 16px;
        right: 0px;
        line-height: 40px;
        border-radius: 6px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .envoyeDevisButton {
        font-weight: bold;
        text-align: center;
        color: #6ebd12;
    }

    .brouillonDevisButton {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #9ed3c9;
    }

    .prixPublicText {
        height: 56px;
        font-size: 12px;
        color: #959595;
        padding-left: 12px;
        padding-right: 12px;
        width: 64px;
    }

    .inputTableau {
        width: 120px;
        height: 30px;
        border-radius: 6px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        background-image: url("/media/com_genius/images/v2/baseline_euro_symbol_black_24dp-black.png");
        background-position: right;
        background-repeat: no-repeat;
        -moz-appearance: textfield;
        -webkit-appearance: none;
        margin: 0;
    }

    .textAjouterPresentation {
        height: 24px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        color: #FFFFFF;
    }

    .textDevisDetailleV2 {
        height: 53px;
        line-height: 53px;
        text-align: center;
        color: #959595;
        padding-top: 8px;
    }

    .buttonDevisDetailleV2 {
        width: 191px;
        background-color: #9ed3c9;
        border-radius: 6px;
        margin: auto;
        text-align: center;
        margin-bottom: 70px;
        cursor: pointer;
    }

    .buttonDevisDetailleAction {
        background-color: #9ed3c9;
        color: #FFFFFF;
        border-radius: 6px;
        margin-bottom: 70px;
        padding: 8px;
    }

    .textButtonDevisDetailleV2 {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
    }

    .buttonModifierDevisV2 {
        width: 104px;
        height: 24px;
        background-color: #e8e8e8;
        border-radius: 6px;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        float: right;
        margin-right: 16px;
        cursor: pointer;
    }

    .sendButtonDevisV2 {
        text-align: center;
        width: 157px;
        height: 56px;
        line-height: 56px;
        margin: 0 0 0 24px;
        color: white;
        font-weight: bold;
        background-color: #e45e5f;
        border-radius: 6px;
        cursor: pointer;
    }

    .subModifForm {
        position: absolute;
        top: 0;
        right: 24px;
        color: #8CC63F;
        cursor: pointer
    }

    .add_article {
        background-color: #9ed3c9;
        height: 56px;
        width: 778px;
        border-radius: 6px;
        line-height: 56px;
    }

    .devisV2_blockRight {
        width: 271px;
        background-color: white;
        border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        margin-bottom: 8px;
        padding-bottom: 16px;
    }

    .btnRed_commandev2_small {
        width: 157px;
        height: 24px;
        font-size: 14px;
        margin: auto;
        line-height: 24px;
        color: white;
        font-weight: bold;
        background-color: #e45e5f;
        border-radius: 6px;
        text-align: center;
    }

    .tipsy-inner {
        background-color: #ff3b30 !important;
    }

    .tipsy-arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 8px 0 8px;
        border-color: #ff3b30 transparent transparent transparent;
    }

    .add_acompte {
        width: 160px;
        height: 32px;
        line-height: 32px;
        border-radius: 6px;
        background-color: #9ed3c9;
        cursor: pointer;
    }

    .boutonDemandeProjetV2 {
        cursor: pointer;
        font-size: 12px;
        color: white;
        border: 0px;
        border-radius: 6px;
        background-color: #e45e5f;
        margin-top: 8px;
        width: 160px;
        padding: 8px 19px;
    }

    .modifGreyButton {
        margin: auto;
        width : 157px;
        text-align: center;
        height: 56px;
        line-height: 56px;
        margin-bottom: 24px;
        background-color: #CBCBCB;
        color: #ffffff;
        border: 0;
        border-radius: 6px;
        font-weight: bold;
        cursor: pointer;
    }

    .validRedButton {
        background-color: #e45e5f;
        display: inline-block;
        line-height: 56px;
        text-align: center;
        height: 56px;
        width: 157px;
        border: 0;
        border-radius: 6px;
        margin-right: 4px;
        cursor: pointer;
    }

    .validRedButton span {
        color: #ffffff;
        font-weight: bold;
    }

    .annulCommandeLink span {
        font-size: 14px;
        color: #9ed3c9;
        text-decoration: underline;
        cursor: pointer;
    }

    .inputPoCmd {
        border-radius: 6px;
        background-color: #f7f7f7;
        height: 28px;
        font-size: 12px;
        width: 80%;
    }

    .soumettreDetailProjet {
        margin: 0 !important;
        padding: 5px 20px !important;
        background-color: #e45e5f !important;
    }

    .h3-title-projet-simplif {
        height: 53px;
        line-height: 53px;
        font-size: 21px;
        font-weight: bold;
        color: #0b2532;
        margin: 16px 0;
    }

    .detailCommande > table > tbody > tr:nth-child(even) {
        background-color: #f7f7f7;
    }

    .dlDevisButton {
        padding: 5px 20px !important;
        background-color: #CBCBCB !important;
        font-size: 14px;
        border-radius: 6px;
        width: 200px;
        color: white;
        font-weight: bold;
    }

    .addArticleButton {
        margin-left: 16px;
        padding: 5px 20px;
        background-color: #e45e5f;
        font-size: 14px;
        border-radius: 6px;
        width: 200px;
        color: white;
        font-weight: bold;
    }

    .statutButton {
        padding: 5px 20px;
        background-color: #e45e5f;
        font-size: 14px;
        border-radius: 6px;
        color: white;
        font-weight: bold;
        margin-left: 16px;
    }

    .statutButton span {
        color: #ffffff;
    }

    .addProductNoCmd {
        height: 50px;
        line-height: 50px;
        background-color: #e45e5f;
        padding: 20px 50px;
        border-radius: 6px;
    }

    .buttonTrioUnselect {
        background-color: #ffffff;
        border: 2px solid #9ed3c9;
        color: #9ed3c9;
        padding: 20px;
        border-radius: 50%;
        transition: 0.5s;
    }

    .buttonTrioSelect {
        background-color: #9ed3c9;
        border: 2px solid #ffffff;
        color: #ffffff;
        padding: 20px;
        border-radius: 50%;
        transition: 0.5s;
    }

    .blockProduit {
        border-radius: 5px 5px 5px 5px;
        border-bottom: 8px solid white;
        border-left: 1px solid #e6e7e8;
        border-top: 1px solid #e6e7e8;
        margin-bottom: 32px;
        margin-left: 10px;
        margin-right: 10px;
    }


    .triangleProduit {
        width: 0;
        height: 0;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        border-bottom: 25px solid white;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .buttonSeeMoreLess {
        background-color: #9ed3c9;
        border-width: 0px;
        border-style: outset;
        border-image: initial;
        border-color: buttonface;
        color: #ffffff;
        min-width: 150px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
        font-size: 1em;
        cursor: pointer;
    }

    .range_slider {
        margin: 20px auto 60px;
        width: 70%;
        text-align: center;
    }

    .noUi-connect {
        background-color: #9ed3c9;
    }

    .noUi-handle {
        box-shadow: none;
        border-radius: 50%;
        background-color: #f7f7f7;

    }

    .noUi-horizontal .noUi-handle {
        width: 25px;
        height: 25px;
    }

    .noUi-handle:after {
        content: none;
    }

    .noUi-handle:before {
        content: none;
    }

    .noUi-tooltip {
        background-color: #f7f7f7;
        border-radius: 8px;
    }

    .projet-widget-cote {
        border-radius: 6px;
        height: 80px;
        background-color: #f7f7f7;
        border: 2px dashed #c4c4c4;
        line-height: 80px;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }

    .blueButtonWithoutMargin {
        background-color: #9ed3c9;
        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;
    }

    .divspansimplifie {
        margin: 16px 0;
        width: 45%;
        vertical-align: top;
    }

    .pajouteproduit {
        display: inline-block;
    }

    .detailCommande {
        margin-right: 32px;
    }

    .flexcommande {
        justify-content: flex-end;
        margin-bottom: 24px;
    }

    .predcommande {
        display: inline-block;
        color: white;
        font-weight: 700;
    }

    .webannule {
        color: #9ed3c9;
        text-decoration: underline;
        font-weight: 200;
    }

    .button-lu {
        cursor: pointer;
        font-size: 12px;
        color: #e45e5f;
        border: 1px solid #e45e5f;
        border-radius: 6px;
        background-color: transparent;
        margin-left: 16px;
        margin-right: 16px;
        padding: 8px 19px;
    }

    .button-lu:hover {
        color: #cd5455;
        border: 1px solid #cd5455;
    }

    .showMapButton
    {
        padding: 4px;
        background-color: #13233A;
        width: 165px;
        border-radius: 6px;
        display: inline-block;
        float: right;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    }

    .noteEtbCarteV2 {
        padding: 6px;
        background-color: #e45e5f;
        color: white;
        border-radius: 8px;
        display: flex;
        align-items: center;
        position: absolute;
        top: 4%;
        right: 4%
    }

}

@media screen and (min-width: 100px) and (max-width: 800px) {

    .buttonfilterfrs {
        padding-left: 16px;
    }

    .divfiltrefrsfiltre {
        padding-left: 16px;
    }

    .buttonfilterfrsactive > select {
        color: white;
    }

    .buttonfilterfrsactive {
        background-color: #9ed3c9;
        color: white;
    }

    .divfiltrefrs {
        line-height: 50px;
        margin-bottom: 16px;
        background-color: #f4f0ef;
    }

    .etapedone {
        display: none;
    }

    .etapenotdone {
        display: none;
    }

    .divsousetape {
        display: none;
    }

    .etapecurrent {
        text-align: center;
        background-color: white;
        margin-left: 12px !important;
        margin-right: 12px !important;
        padding-bottom: 16px;
        padding-top: 16px;
        border-radius: 6px;
        border: 4px solid #9ed3c9;
    }

    .etapecurrent > p {
        font-size: 17px;
        color: #9ed3c9;
        font-weight: 900;
    }

    .inputswitchresearch {
        margin-bottom: 0;
        width: 30px;
        vertical-align: middle;
        border: 0;
        background-color: transparent;
        padding-right: 20%;
        height: 26px;
    }

    .divswitchresearch {
        vertical-align: middle;
        display: inline-flex;
        float: right;
    }

    .progressbar{
        width: 100px;
        height: 24px;
        display: inline-block;
        border: 1px solid #0b2532;
        border-radius: 6px;
        line-height: 24px;
        margin-left: 16px;
        font-size: 14px !important;
    }

    .progress {
        width: 60%;
        background-color: #9ed3c9;
        display: inline-block;
        text-align: center;
        border-radius: 6px;
        height: 24px;
    }

    .boutoneventsite {
        width: 166px;
        height: 46px;
        line-height: 46px;
        color: #9ed3c9;
        border: 1px solid #9ed3c9;
        background: none;
        margin-left: 70px;
        padding: 5px 20px;
        padding: 5px 20px;
        border-radius: 6px;
        font-weight: bold;
    }

.agenceProjectButton {
    padding: 12px;
    border-radius: 4px;
    background-color: #e45e5f;
    color: white;
    font-weight: 700
}

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

    .pictoAddAccordCadre {
        background: url(/media/com_genius/images/v2/idealforevent/baseline_add_circle_black_24dp-b.png) no-repeat;
        height: 24px;
        padding-left: 24px;
    }

    .pictoRemoveAccordCadre {
        background: url(/media/com_genius/images/v2/idealforevent/baseline_remove_circle_black_24dp-b.png) no-repeat;
        height: 24px;
        padding-left: 24px;
    }

.proposition-agence-button {
    cursor: pointer;
    margin-bottom: 8px;
    border: 0px;
    background-color: #9ed3c9;
    border-radius: 6px;
    color: white;
    display: block;
    padding: 0 16px;
    font-size: 14px;
margin: auto; 
margin-top: 16px;
width: 50%;
text-align: center;
padding-top: 16px;
padding-bottom: 16px;
}

.divconnexionpublic {
width: 248px;
background-color: white;
border-radius: 6px;
margin: auto;
padding-bottom: 16px;
}

    .mentions_public {
        display: block;
        text-align: center;
        font-size: 12px;
        color: black;
        margin-bottom: 16px;
    }

.conversation-write-submit {
        text-align: center;
display: block;
margin: auto;
        margin-bottom: 4%;
line-height: inherit !important;
    }

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

    .inputCheckboxBleu input[type=checkbox]:checked + label:before {
        background: #9ed3c9;
        border-color: #9ed3c9;
        content: '✓';
        color: white;
        font-size: 22px;
        font-weight: 900;
        line-height: 20px;
        text-align: center;
    }

    .inputSearchV2 {
        background-color: #f7f7f7;
        border-radius: 6px;
        border: 1px solid #c4d3da;
        height: 40px;
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        text-align: center;
        padding: 0 5px;
    }

    .general_form_send_long {
        width: max-content !important;
        height: 56px !important;
        background-color: #015f8f !important;
    }

    .date-report {
        width: 214px;
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        line-height: 56px;
        margin-right: 22px;
        display: inline-block;
    }

    .tableV2total thead tr:first-of-type {
        background-color: #0b2532;
        border-radius: 6px 6px 0px 0px;
        color: white;
    }

    .tableV2total tr:last-child td {
        background-color: #0b2532;
    }

    .tableV2 thead tr:first-of-type {
        background-color: #0b2532;
        border-radius: 6px 6px 0px 0px;
        color: white;
    }

    .tab-item {
        display: inline-block;
        background-color: #e8e8e8;
        color: #959595;
        padding: 7px 14px;
        border-radius: 18px;
        margin-right: 14px;
        font-size: 14px;
    }

    .projet-ajout-div3-auto {
        display: block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        margin: auto !important;
        margin-top: 8px !important;
        border: 1px solid #979797;
    }

    .projet-ajout-div3-auto-no-margin {
        display: block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        margin: auto !important;
        margin-top: 8px !important;
    }

    .projetAjoutSubmit {
        display: block;
        background-color: #015f8f;
        color: white;
        border: 0px;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        cursor : pointer;
        font-size: 16px;
        margin: 8px auto auto auto; !important;
    }

    .familyDesignation {
        position: absolute;
        top: 16px;
        right: 0px;
        font-size: 14px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px 0 0 6px;
        color: #4a90e2;
        height: 32px;
        line-height: 32px;
        font-weight: 700;
        padding-left: 8px;
        padding-right: 8px;
    }

    .productFamily {
        top: 10px;
        right: 10px;
        font-size: 12px;
        background-color: purple;
        border-radius: 6px;
        color: white;
        padding: 4px;
        width: max-content;
        margin-bottom: 8px;
    }

    .statutButton {
        padding: 5px 20px;
        background-color: #d40e55;
        font-size: 14px;
        border-radius: 6px;
        color: white;
        font-weight: bold;
    }

    .projet-result-h3 {
        font-size: 21px;
        padding: 16px 8px;
        background-color: #f7f7f7;
    }

    .axetripublic {
        width: 200px;
        display: inline-block;
        z-index: 10000;
        position : absolute;
        background-color: #f7f7f7;
        border-radius: 6px 0px 0px 6px;
        border: 1px solid #979797;
        overflow: hidden;
    }

    .axetripublic li.default {
        cursor: pointer;
        line-height: 56px;
        font-weight: bold;
        color: #999;
        list-style:none;
    }

    .div_service_img_div {
        background-color: #f7f7f7;
        margin-top: 32px;
        border-radius: 6px;
        line-height: 72px;
    }

    .demander1 {
        margin-left: 2%;
        width: 96%;
        height: 56px;
        border-radius: 6px;
        line-height: 56px;
        text-align: center;
        font-weight: bold;
        color: white;
        background-color: #9ed3c9;
        border: 0;
        margin-bottom: 4%;
    }

    .projet-resume-div {
        padding-right: 2%;
        padding-top: 2%;
        background-color: #f7f7f7;
        padding-bottom: 2%;
        text-align: end;
    }

    .projet-search-div {
        height: 56px;
        width: 96%;
        line-height: 56px;
        background-color: #f7f7f7;
        border-radius: 6px;
        padding-left: 4%;
        margin-top: 2%;
    }

    .projet-search-input {
        margin-left: 7%;
        border: 0;
        background-color: #f7f7f7;
        width: 70%;
    }

    .projet-search-div2 {
        height: 56px;
        width: 96%;
        line-height: 56px;
        background-color: #f7f7f7;
        border-radius: 6px;
        padding-left: 4%;
    }

    .list_message_span {
        color: #015f8f;
        font-weight: bold;
    }

    .fournservice-td {
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #0b2532;
    }

    .projet-selected-button1 {
        background-color: white;
        color: #9ed3c9;
        width: 92%;
        height: 56px;
        margin-left: 4%;
        border-radius: 6px;
        border: 1px solid #9ed3c9;
        font-weight: bold;
        margin-top: 4%;
    }

    .projet-selected-p {
        width: 80%;
        margin: auto;
        color: #4a90e2;
text-align: center;
    }

    .gris {
        color: #6e7d84;
    }

    .connected-search-form-span {
        display: block;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        color: #8e8e93;
    }

    .connected-search-form-span2 {
        display: block;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        color: #8e8e93;
    }

    .connected-search-form-label3 {
        display: block;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        color: #8e8e93;
    }

    .connected-search-form-input2 {
        width: 87%;
        background-color: #f7f7f7;
        margin-left: 5%;
        border: 1px solid #8e8e93;
        border-radius: 6px;
        height: 36px;
    }

    .connected-search-form-label2 {
        display: block;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        color: #8e8e93 !important;
    }

    .bandeau_mobile {
        background-color: #9ed3c9;
        position: absolute;
        top: -40px;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .selection1 {
        background-color: #9ed3c9;
        border: 0px;
        border-radius: 6px;
        color: white;
        font-weight: bold;
        height: 56px;
        width: 100% !important;
    }

    .box {
        position: fixed;
        top: -1000px;
        width: 80%;
        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: 70%;
        min-height: 40px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .selectproject {
        background-color: white !important;
        border: 1px solid #9ed3c9 !important;
        border-radius: 6px;
        color: #9ed3c9 !important;
        font-weight: bold;
        height: 56px;
        width: 100% !important;
        background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 99% 16px;
        -webkit-appearance: none;
        background-color: #f7f7f7;
    }

    .selectpublic {
        height: 56px;
        width: 75%;
        display: inline-block;
        background-color: #f7f7f7;
        border-radius: 6px 0px 0px 6px;
        border: 1px solid #979797;
        margin-top: 16px;
        z-index: 10;
        text-align: initial;
    }

    .projet-ajout-select {
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        background: url(/media/com_genius/images/v2/baseline_expand_more_white_24dp-b.png) no-repeat 264px 16px;
        padding-left: 16px;
        padding-right: 16px;
        width: 308px !important;
        height: 56px;
        vertical-align: top;
        border: 1px solid #9ed3c9;
        color: #9ed3c9;
        border-radius: 6px;
        font-weight: 700;
        margin-top: 8px;
        display: block;
    }

    .projet-ajout-input {
        background-color: #f7f7f7;
        border: 0;
        vertical-align: sub;
        margin-left: 8px;
        width: 245px;
    }

    .projet-ajout-div3 {
        display: block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        margin: auto !important;
        margin-top: 8px !important;
    }

    .divmobileajout {
        display: block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin: auto;
        margin-top: 8px;
    }

    .accfourniseur_p3 {
        font-size: 12px;
        background-color: #d40e55;
        display: inline-block;
        color: white;
        line-height: 16px;
        position: absolute;
    }

    .accueilblock_div2 {
        display: block;
        margin: auto;
        background-color: #f7f7f7;
        width: 259px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        vertical-align: middle;
        border: 1px solid #979797;
        margin-bottom: 16px;
    }

    .accueilblock_div1 {
        display: block;
        margin: auto;
        background-color: #f7f7f7;
        width: 250px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        vertical-align: middle;
        border: 1px solid #979797;
        margin-bottom: 16px;
    }

    .demande_devis_middle {
        display: block;
        margin: auto;
        width: 75%;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .demande_devis_right {
        display: block;
        margin: auto;
        width: 75%;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .demande_devis_left {
        display: block;
        margin: auto;
        width: 75%;
        height: 44px;
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .demande_devis_div {
        border: solid 1px #979797;
        background-color: #f7f7f7;
        border-radius: 6px;
    }

    .projet-ajout-div1 {
        display: block;
        background-color: #f7f7f7;
        width: 308px;
        border-radius: 6px;
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        margin: auto !important;
        margin-top: 8px !important;
    }

    .modifGreyButton {
        display: block;
        line-height: 56px;
        height: 56px;
        text-align: center;
        border-radius: 6px;
        background-color: #CBCBCB;
        color: white;
        font-weight: 700;
        margin: auto;
        width: 90%;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .ongletv2_disabled {
        background-color: #f7f7f7;
        font-weight: 100;
        color: #c8c8c8;
        cursor: inherit !important;
    }

    .bandeaublacklist {
        position: absolute;
        top: 140px;
        background-color: #c52020;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 15px;
        text-align: center;
        color: white;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 94%;
    }

.offre-img {
        background-color: #9ed3c9;
        display: inline-block;
        width: 56px;
        height: 56px;
        object-fit: cover;
        border-radius: 50%;
    }

.boutonvalidcommande {
width: 100%;
    background-color: #e45e5f;
    display: block;
    line-height: 56px;
    border-radius: 6px;
}

.projetAjoutSelect {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f4f0ef;
    padding-left: 16px;
    padding-right: 16px;
    width: 275px;
    height: 56px;
    vertical-align: top;
    border: 1px solid #979797;
    color: black;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
}

    .projet-devis-bleu {
           margin-top: 8px;
    font-weight: 700;
color: #2d3441;
    display: block;
    text-align: center;
    }

    .projet-devis-vert {
            margin-top: 8px;
    font-weight: 700;
    color: #9ed3c9;
    display: block;
    text-align: center;
    }

    .projet-devis-rouge {
            margin-top: 8px;
    font-weight: 700;
color: #e45e5f;
    display: block;
    text-align: center;
    }

.button-lire { 
padding: 8px 16px;
    background-color: #e45e5f;
    color: white;
    border: 1px solid;
    border-radius: 6px;
    display: block;
    margin: auto;
    margin-top: 8px;
}

.button-lu { 
padding: 8px 16px;
    background-color: transparent;
    color: #e45e5f;
    border: 1px solid;
    border-radius: 6px;
    display: block;
    margin: auto;
    margin-top: 8px;
}

.evalCObutton {
background-color: #9ed3c9;
    color: white;
    border: 0px;
    font-size: 16px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s;
    white-space: nowrap;
    text-align: center;
    height: 56px;
    line-height: 56px;
}

.contact_agence {
margin-top: 4%;
width: 94%;
margin-left: 3%;
height: 56px;
background-color: #9ed3c9;
color: white;
font-weight: bold;
border: 0;
border-radius: 6px;
line-height: 56px;
text-align: center;
}

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

.conversation-notification {
    color: white;
    text-align: center;
    padding-top: 20px;
}

div.messagerie__conversation_message_notification {
text-align: left;
    background-color: #9ed3c9;
    border-radius: 0px;
    margin-bottom: 20px;
}

    .pagination_numero {
        background-color: #13233A;
        color: white;
        border-radius: 15px;
        padding-left: 5px;
        padding-right: 6px;
        margin-left: 8px;
    }

    .listmsg-div {
        width: 46px;
        height: 46px;
        line-height: 46px;
        display: inline-block;
        border-radius: 50%;
        background-color: #9ed3c9;
        text-align: center;
    }

    .listmsg-div > span {
        color: white;
    }

.axetri {
        display: inline-block;
        z-index: 10;
        background-color: white;
        border-radius: 6px;
        width: 94%;
        margin-left: 3%;
        border: 1px solid #9ed3c9;
        overflow: hidden;
    }

    .axetri li.default {
        cursor: pointer;
        -webkit-appearance: textarea;
        cursor: pointer;
        line-height: 56px;
        font-weight: bold;
        color: #9ed3c9;
        background: url(/media/com_genius/images/v2/idealforevent/baseline_expand_more_white_24dp-b.png) no-repeat 94% 16px;
    }

.connected-search-form-center-input {
    width: 87%;
    background-color: #f7f7f7;
    border: 1px solid #8e8e93;
    border-radius: 6px;
    height: 36px;
}

 .hr-1 {
        color: #e9f6fc;
        border: 1px solid #f4f0ef;
    }

#footer_coordonnees {
  display: table-cell;
  vertical-align: top;
  padding-top: 50px;
  padding-left: 50px;
  width: 94%;
}

.etapesuivante_projet {
border: 0;
border-radius: 6px;
color: white;
width: 150px !important;
height: 56px !important;
background-color: #9ed3c9 !important;
}

.general_form_send
{
    width: 150px !important;
    height: 56px !important;
    background-color: #9ed3c9 !important;
margin-left: 0 !important;
}

.projet-widget-cote {
     margin-left: 3%;
    width: 94%;
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
    display: inline-block;
    margin-bottom: 24px;
    text-align: center;
    line-height: 80px;
    border: 2px dashed #c4c4c4;
    background-color: #f7f7f7;
}

.newstatut_affichplus {
text-align: center;
background-color: #9ed3c9;
width: 100%;
height: 56px;
border-radius: 6px;
margin: auto;
line-height: 56px;
margin-top: 16px;
}

.cdcdetaille_link {
width: 100%; 
display: inline-block; 
margin-right: 24px; 
background-color: #337fa5; 
color: white; 
border-radius: 6px; 
text-align: center; 
padding-top: 33px; 
padding-bottom: 33px; 
vertical-align: middle;
margin-bottom: 16px;
}

.cdcdetaille_skip {
width: 100%;
height: 102px;
display: inline-block;
line-height: 102px;
text-align: center;
border: 1px solid #337fa5;
border-radius: 6px;
color: #337fa5;
vertical-align: middle;
}

.divminirond {
width: 46px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    border-radius: 50%;
    background-color: #9ed3c9;
    text-align: center;
    vertical-align: middle;
}

.divminirond > p {
color: white;
}

.buttonblue {
width : 90%;
height: 56px;
line-height: 56px; 
border: 0;
border-radius : 6px;
background-color: #9ed3c9;
color: white;
font-weight: 700;
}

.padding0 {
padding : 0;
}

.addArticleButton {
display: block;
    width: 90%;
    text-align: center;
    height: 56px;
    line-height: 56px;
    background-color: #e45e5f;
    color: white;
    margin: auto;
    border-radius: 6px;
    font-weight: 700;
    margin-bottom: 16px;
}

.dlDevisButton {
display: block;
    width: 90%;
    text-align: center;
    height: 56px;
    line-height: 56px;
    background-color: #CBCBCB;
    color: white;
    margin: auto;
    border-radius: 6px;
    font-weight: 700;
    margin-bottom: 16px;
}

.mobile_block {
display : block;
}

.marginmobile8 {
margin-left: 8px;
}

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

.predcommande{
display: block;
    line-height: 56px;
    height: 56px;
    text-align: center;
    border-radius: 6px;
    background-color: #e45e5f;
    color: white;
    font-weight: 700;
    margin: auto;
    width: 90%;
    margin-bottom: 16px;
}

.pajouteproduit{
display: inline-block;
    width: 45%;
    background-color: #e45e5f;
    height: 56px;
    line-height: 56px;
    border-radius: 6px;
}

.background_public {
    background-image: url(/../images/Template/home.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    height: 100%;
    background-repeat: no-repeat;
    min-height: 700px;
    position: relative;
}   

.typeacces_div {
width: 50%;
    display: block;
    margin: auto;
    background-color: #e8e8e8;
    border-radius: 6px;
    margin-bottom: 24px;
    color: black;
}

.typeacces_select {
    background-color: #9ed3c9 !important;
}

.typeacces_select > label {
    color: white !important;
}

.typeacces_label {
    padding: 25px 23%;
    color: black;
    font-weight: bold;
    border-radius: 6px;
}

.hr-6 {
    margin-bottom: 12px;
    color: #e9f6fc;
}

.type_dashboard {
display: inline-block;
font-size: 12px;
color: #959595;
border-radius: 18px;
background-color: #e8e8e8;
line-height: 1;
vertical-align: middle;
}

.type_dashboard_selected {
display: inline-block;
font-size: 12px;
color: white;
border-radius: 18px;
background-color: #9ed3c9;
line-height: 1;
vertical-align: middle;
}

.font16 {
font-size: 16px !important;
}

.phase_div_dashboard2 {
display : block;
text-align: center;
line-height: 36px;
font-weight: bold;
}

.phase_div_dashboard {
display : block;
}

.phase1_dashboard {
line-height: 24px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
color: #9ed3c9;
}

.phase2_dashboard {
line-height: 24px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
color: #e45e5f;
}

.phase3_dashboard {
line-height: 24px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
color: #6ebd12;
}

.box_clear {
    box-shadow: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}

.mobilediv_back {
background-color: #f7f7f7;
border: 1px solid #ededed;
border-radius: 6px;
margin-bottom: 16px;
}

.selectpublic li:not(.default) { 
float: left; 
width: 280px; 
display: none; 
background: white; 
-webkit-appearance: textarea; 
cursor: pointer; 
box-shadow : 0 8px 8px 0 rgba(14, 49, 169, 0.3);
position: relative;
}

.selectpublic li:not(.default):hover, .selecttri li.selected:not(.default) { 
background-color : #f7f7f7;
}

.textarea_message_public {
    width: 283px;
    height: 182px;
    border-radius: 6px;
    border: 1px solid #979797;
    background-color: #f7f7f7;
    resize: none;
    margin-top: 16px;
    padding-left: 16px;
}

.input_message_public3 {
    width: 283px;
    height: 54px;
    border-radius: 6px;
    border: 1px solid #979797;
    background-color: #f7f7f7;
    margin-top: 16px;
    font-size: 8.5px;
    font-weight: bold;
    padding-left: 16px;
margin-bottom: 0;
}

.input_message_public2 {
border: 0;
background-color: #f7f7f7;
width: 236px;
font-size: 14px;
}

.div_message_public2 {
width: 304px;
    height: 56px;
    border-radius: 6px;
    border: 1px solid #979797;
    background-color: #f7f7f7;
    margin: auto;
    line-height: 56px;
    text-align: initial;
}

.div_message_public1 {
width: 304px;
height: 56px;
border-radius: 6px;
border: 1px solid #979797;
background-color: #f7f7f7;
display: inline-block;
line-height: 56px;
text-align: initial;
margin-bottom: 16px;
}

.input_message_public1 {
width: 281px;
height: 44px;
border-radius: 6px;
border: 1px solid #979797;
background-color: #f7f7f7;
font-size: 14px;
padding-left: 16px;
}

.conversation-write-textarea {
height: 112px;
width: 87%;
margin-left: 5%;
border: 1px solid #8e8e93;
background-color: #f7f7f7;
border-radius: 6px;
margin-top: 4%;
}

.connected-search-form-button {
width: 87%;
        height: 48px;
    background-color: white;
    border-radius: 6px;
    margin-bottom: 16px;
color: #13233A;
        border: 1px solid;
}

.fichefounr-div2 {
margin-left: 2%; 
width: 96%;
height: 56px;
border-radius: 3px;
border: solid 1px #026a9a;
line-height: 56px;
text-align: center;
font-weight: bold;
color: #9ed3c9;
margin-top: 12%;
}

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

.div-image-ajouter-photo {
    height: 100px;
    display: block;
    width: 100px;
    margin: auto;
    line-height: 100px;
    text-align: center;
    background-color: #9ed3c9;
    border-radius: 50%;
}

.div-image-ajouter-photo > span {
    color: white;
font-weight: 700;
}

.axetri li:not(.default) { 
display: none; 
background: white; 
-webkit-appearance: textarea; 
cursor: pointer; 
box-shadow : 0 8px 8px 0 rgba(14, 49, 169, 0.3);
line-height: 56px;
border-top: 1px solid #9ed3c9;
color: #9ed3c9;
}

.axetri li:not(.default):hover, .selecttri li.selected:not(.default) { 
background-color : #f7f7f7;
}

.projet-nb-a {
    margin-left: 8px;
}

.div_select_listmessage {
width: 94%;
margin-left: 3%;
height: 56px;
border-radius: 6px;
background-color: white;
border: 1px solid #026a9a;
margin-bottom: 16px;
line-height: 56px;
}

.button_contact-detail2 {
margin-left: 4%;
width: 44%;
height: 56px;
font-size: 12px !important;
color: #9ed3c9  !important; 
background-color: white  !important;
border: 1px solid #9ed3c9  !important;
padding: 0 !important;
max-width: 308px;
}

.button_contact_detail1 {
float: right;
margin-right: 4%;
width: 44%;
height: 56px;
font-size: 12px  !important;
padding: 0 !important;
max-width: 308px;
}

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

.pagination_div {
padding-bottom: 56px;
}

.conversation-message-div {
	width: 46px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	border-radius: 50%;
	background-color: #f4f0ef;
	text-align: center;
vertical-align: middle;
}

#create1 {
display: none;
}

.search-input_search {
padding : 0px;
border : 0px;
background-color: #9ed3c9;
object-fit: none;
border-radius: 6px;
vertical-align: middle;
display: block;
width: 308px; 
height: 56px;
margin: auto;
margin-top: 8px;
margin-bottom: 16px;
}
.search-div-ville {
display: block; 
background-color: #f4f0ef;
width: 308px;
border-radius: 6px;
height: 56px;
line-height: 56px;
margin: auto;
margin-top: 8px;
border: 1px solid #979797;
border: 1px solid #979797;
}

.search-block-select {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f4f0ef;
    padding-left: 16px;
    padding-right: 16px;
    width: 275px;
    height: 58px;
    vertical-align: top;
    border: 1px solid #979797;
    color: black;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
}

.search-block-select-img {
padding-left: 4px;
    padding-right: 4px;
    height: 54px;
    object-fit: scale-down;
    width: max-content;
    background-color: #f4f0ef;
    border: 1px solid #979797;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    vertical-align: top;
    margin-left: -3px;
}


.divflex_accueil {
display: block;
    margin: auto;
    text-align: center;
margin-top: 8px;
}

    .navli {
	border-top: 1px solid #dceef6;
        list-style-type: none;
        height: 40px;
        vertical-align: middle;
        line-height: 40px;
        background-color: white;
        padding-left: 10px;
    }

    .empty {
	display: block;
        color: #6e7d84;
        font-size: 16px;
	padding: 0 16px 0 16px;
    }

    .create1 {
        background-color: #9ed3c9;
        color: white;
        border: 0px;
            padding: 19px;
        border-radius: 6px;
        font-weight: bold;
    }

    .menu {
        font-size: 30px;
        color: #0b2532;
        margin-right: 30px;
    }

    .search {
        margin-left: 32px;
        width: 70%;
        height: 56px;
        border-radius: 6px;
        background-color: #f7f7f7;
        font-size: 32px;
        border: 0px;
        padding-left: 16px;
        color: #96a6ae;
    }

    .h4 {
        text-align: center;
	font-size: 21px; 
	padding: 0 20px 0 20px;
	margin-top: 16px;
    }

    .blockv2 {
        margin-left: 3%;
        width: 94%;
        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: 24px;
    }

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

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

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

.blockv2msg {
 	margin-left: 3%;
	width: 94%;
 	border-radius: 6px;
        box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
        background-color: #ffffff;
margin-bottom: 16px;
}

    .onglet_v2_selected {
        background-color: #13233A;
        color : white;
    }

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

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

.appliquer-filtres {
height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: #13233A;
    position: fixed;
    bottom: 0px;
    width: 100%; color: white;
}

.div_hide_filtres {
background-color: #13233A;
position: fixed;
bottom: 0px;
z-index: 10;
width: 100%;
    top: 0px;
    overflow-y: scroll;
}

.div_voir_filtres {
background-color: #13233A;
position: fixed;
bottom: 0;
margin-bottom: 0 !important;
z-index: 10000;
width: 100%;
}

.conversation-message-right {
float: right;
margin-top: 2%;
margin-right: 2%;
}

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

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

.conversation-message-p {
margin-left: 2%;
width: 96%;
line-height: 1.5;
word-break: break-all;
}

.hr-4 {
margin: 2%;
}

.conversation-message-left {
margin-left: 2%;
margin-top: 2%;
display: inline-block;
}

.conversation-message-left2 {
display: inline-block;
vertical-align: middle;
}

.conversation-message-div3 {
width: 80px;
    height: 60px;
    background-color: #f4f0ef;
    line-height: 72px;
    text-align: center;
    margin-left: 2%;
    display: inline-block;
}

.conversation-resume-h4 {
font-size: 21px;
padding: 16px 8px;
background-color: #f7f7f7;
}

.buttonwhite {
width: 94%;
    margin-left: 3%;
    height: 56px;
    background-color: white;
    color: #9ed3c9;
    font-weight: bold;
    border: 1px solid #9ed3c9;
    border-radius: 6px;
    margin-bottom: 16px;
}

.buttonred {
width: 94%;
    margin-left: 3%;
    height: 56px;
    background-color: #e45e5f;
    color: white;
    font-weight: bold;
    border: 0px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.buttonSwitchMethodeSelect {
    width: 100px;
    height: 36px;
    position: relative;
    background-color: #9ed3c9;
    cursor: pointer;
}

.buttonSwitchMethodeNotSelect {
    width: 100px;
    height: 36px;
    position: relative;
    background-color: #f4f0ef;
    cursor: pointer;
}

.color-0b2532
{
    color: #0b2532;
}

.color-0b2532i {
    color: #0b2532 !important;
}

.color-ffffff
{
    color: #ffffff;
}

.buttonTrioUnselect
{
    background-color: #ffffff;
    border: 2px solid #9ed3c9;
    color: #9ed3c9;
    padding: 20px;
    border-radius: 50%;
    transition: 0.5s;
}

.buttonTrioSelect
{
    background-color: #9ed3c9;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 20px;
    border-radius: 50%;
    transition: 0.5s;
}

.blockProduit
{
    border-radius: 5px 5px 5px 5px;
    border-bottom: 8px solid white;
    border-left: 1px solid #e6e7e8;
    border-top: 1px solid #e6e7e8;
    margin-bottom: 32px;
    margin-left: 10px;
    margin-right: 10px;
}


.triangleProduit {
    width: 0;
    height: 0;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 25px solid white;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.buttonSeeMoreLess
{
    background-color: #9ed3c9;
    border-width: 0px;
    border-style: outset;
    border-image: initial;
    border-color: buttonface;
    color: #ffffff;
    min-width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
}

.range_slider
{
    margin: 20px auto 60px;
    width: 75%;
    text-align: center;
}

.noUi-connect
{
    background-color: purple;
}

.noUi-handle
{
    box-shadow: none;
    border-radius: 50%;
    background-color: #f7f7f7;

}

.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 25px;
}

.noUi-handle:after
{
    content: none;
}

.noUi-handle:before
{
    content: none;
}

.noUi-tooltip
{
    background-color: #f7f7f7;
    border-radius: 8px;
}
.margin-b16-mobile
{
    margin-bottom : 16px;
}
.margin-t34-mobile
{
    margin-top : 34px;
}
.blueButtonWithoutMargin
{
    background-color: #9ed3c9;
    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;
}

.noteEtbCarteV2 {
    padding: 6px;
    background-color: #e45e5f;
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 4%;
    right: 4%
}

.showMapButton {
    padding: 6px 0;
    background-color: #13233A;
    width: 50%;
    margin: 16px auto;
    border-radius: 6px;
    display: block;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
}
}