.recommand_client {
    border: 2px solid #d40e55;
    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: #d40e55 !important;
    color: white;
    cursor: pointer;
    width: 270px;
}

.buttonAcceptCGA {
    margin: 0 8px 8px 8px;
    padding: 4px 16px; 
    background-color: white; 
    color: #62b2d6; 
    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: #62b2d6;
    color: white;
    border-radius: 6px;
}

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

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

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

.light-blue-text {
    color: #4a90e2;
}

.red-text {
    color: #d40e55;
}

.green-text {
    color: #6ebd12;
}

.color1 {
color: #62b2d6;
}

.color2 {
color: #015f8f;
}

.color3 {
color: #d40e55;
}

.color4 {
color: white;
}

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

.backgroundcolorplanning2 {
background-color: #99d059 !important;
}

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

.backgroundcolor1 {
background-color: #015f8f !important; 
}

.backgroundcolor1 > div > span {
color : white;
}

.backgroundcolor2 {
background-color: #6ebd12 !important;
}

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

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

.backgroundcolor5 {
background-color: #bfbfbf !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: #2c6eba!important;
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie {
  fill: #5a95d8!important;
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie {
  fill: #83afe2!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: #2c6eba;
}
#evaluationdurable_legend li:nth-child(2):before {
  background-color: #5a95d8;
}
#evaluationdurable_legend li:last-child:before {
  background-color: #83afe2;
}

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

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

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

.bandeaudownpublic {
margin-top: 252px;
display: block;
text-align: center;
padding-top: 48px;
padding-bottom: 16px;
}



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

.eventencourstype {
    background-color: #015f8f !important;
}

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

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

.selected2 {
    background-color: #015F8F !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 #d40e55;
    border-radius: 6px;
    color: #fff;
    background-color: #d40e55;
    cursor: pointer;
}

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

.svgColor {
    filter: invert(16%) sepia(99%) saturate(2894%) hue-rotate(185deg) brightness(96%) contrast(99%);
}

.selectedFieldForm {
    border: 4px solid #015f8f;
    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: #015f8f;
    }

    .backgroundnotdone {
        background-color: #E6E6E6;
    }

    .borderdone {
        border: 4px solid #015f8f;
    }

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

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

    .etapedone:hover {
        background-color: #337fa5;
    }

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

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

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

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

    .etapecurrent > p {
        color: #015f8f;
        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: #015f8f;
        display: inline-block;
        text-align: center;
        border-radius: 6px;
        height: 24px;
    }

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

.facturedetaillebutton {
margin: auto;
line-height: 56px;
height: 56px;
background-color: #015f8f;
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;
        font-weight: bold;
        color: white;
        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: #015f8f;
color: white;
border-radius: 6px;
font-size: 12px;
}

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

.boutonexportdevis {
line-height: 56px;
height: 56px;
background-color: #015f8f;
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: #015f8f;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 25%;
        border-radius: 0 0 6px 6px;
        display: none
    }

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

    .agendacdcactif {
        background: #d40e55 !important;
        border: 1px solid #d40e55 !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: #015f8f;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    border: 1px solid #015f8f;
    border-radius: 6px;

}

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

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

.offre-img {
        background-color: #8abfd9;
        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: #f7f7f7;
    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: rgb(212, 14, 85);
    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: #015f8f;
    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: #015f8f !important;
}

.create1_cdc_ajoutSalle {
    background-color: #015f8f;
    color: white;
    border: 0px;
    font-size: 16px;
    padding: 18.5px 45px;
    border-radius: 6px;
    font-weight: bold;
    cursor : pointer;
    transition: 0.5s;
    white-space: nowrap;
}

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

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

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

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

.btn-primary {
    background-color: #015f8f;
    color: white;
}

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

    .reservation_bleu {
        font-weight: bold;
        background-color: #004c72;
        color: white;
    }

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

.evalCObutton {
background-color: #015f8f;
    color: white;
    border: 0px;
    font-family: Roboto;
    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;
}

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

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

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

.bandeaublacklist {
position: absolute;
top: 101.5px;
background-color: #c52020;
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: #d40e55;
font-size: 10px;
padding: 2px;
overflow: hidden;
margin-left: 5px;
border: 0;
position: absolute;
left: 29px;
top: 12px;
}

.etapesuivante_projet:hover {
background-color: #337fa5;
}

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

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

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

.cdcdetaille_link:hover {
background-color: #337fa5;
}

.cdcdetaille_link {
width: 376px; 
display: inline-block; 
margin-right: 24px; 
background-color: #015f8f;
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 #337fa5;
border-radius: 6px;
color: #337fa5;
vertical-align: middle;
}

#bloc_submit .backtoprojetupdate {
    background-color: #015f8f;
    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: #015f8f;
        font-size: 12px;
        font-weight: bold;
        padding: 8px;
        border: 1px solid #015f8f;
        border-radius: 6px;
	}

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

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

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

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

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

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

.boutonfacture {
height: 40px;
width: 40px;
object-fit: none;
background-color: rgb(1, 95, 143);
border-radius: 6px;
vertical-align: middle;
}

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

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

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

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

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

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

.planningfiltresdiv2 {
color: #333333;
font-size:18px;
text-align:left;
font-weight: bold;
margin-top: 24px;
margin-left: 10px;
margin-bottom: 8px;
font-size: 21px;
}

.planningfiltresdiv {
display: inline-block;
margin-left: 32px;
}

.liplanningtri {
width: 15px;
height: 15px;
display: inline-block; 
background-color: #f8c065;
margin-right: 8px;
vertical-align: middle;
}

.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: white;
background-color: #bfbfbf;
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: #d40e55;
display: inline-block;
border-radius: 6px;
width: 130px;
height: 30px;
line-height: 30px;
text-align: center;
}

.typeacces_select {
background-color: #015f8f !important;
}

.typeacces_select > label {
color: white;
}

.typeacces_label {
padding: 0px 86px;
font-weight: 900;
cursor: pointer;
color: black;
}

.typeacces_div {
display: inline-block;
height: 112px;
background-color: #e8e8e8;
border-radius: 6px;
line-height: 112px;
margin-left: 32px;
transition : 0.5s
}

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

.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: #4a90e2;
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 : #4a90e2
    }

    .h3-titre-cdc{
        width: 239px;
        height: 43px;
        font-family: Roboto;
        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-family: Roboto;
        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-family: Roboto;
        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-family: Roboto;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #4a90e2;
    }

    .synthese_cdc{
        width: 189px;
        height: 40px;
        margin-top: 18px;
        background-blend-mode: color;
        background-color:#e8e8e8;
        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-family: Roboto;
        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: #dceef6;
    }
    .photo-contact-index{
        width: 56px;
        height: 56px;
        border-radius: 50%;
        vertical-align: middle;
        display: inline-block;
        line-height: 56px;
        text-align: center;
        background-color: #dceef6;
    }
.preferences-grises{
    display: inline-block;
    background-color: #e8e8e8;
    padding: 8.5px 17px;
    border-radius: 18px;
    color: #959595;
    margin-right: 16px
}
.preferences-bleues{
    display: inline-block;
    background-color: #004c72;
    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:#0b2532;
    font-family: Roboto;
    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 #015f8f; 
color: #015f8f; 
border-radius: 6px; 
margin: auto;
}
.ajouter-contact{
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-decoration: underline;
    color:#015f8f;
}

.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: #99d059;;
color: white;
font-weight: 600;
padding: 4px;
font-size: 14px;
}

.description_planning_head_termines {
text-align: center;
background-color: #acacac;
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 : #4a90e2;
}

.gris {
    color : #c4c4c4;
}

.green
{
    color: #6ebd12;
}

.red
{
    color: #d40e55;
}

.hr-7 {
margin-top: 32px;
    color: #e9f6fc;
    margin-left: 24px;
    margin-right: 24px;
}

.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-family: Roboto;
    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-family: Roboto;
    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-family: Roboto;
    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 #e9f6fc;
}

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

.buttonwhite {
    background-color: white;
    font-family: Roboto;
    color: #015f8f;
    border: 1px solid;
    border-radius: 6px;
    cursor : pointer;
}

.buttonwhite:hover {
    color : #337fa5;
}

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

.buttonblue:hover {
    background-color : #337fa5;
}

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

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

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

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

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

.search-block-select {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f7f7f7;
    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: #f7f7F7;
    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: #015f8f !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 #015f8f;
padding: 18.5px;
display: inline-block;
}

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

.comparateur_bandeau {
height: 88px; 
background-color: #4a90e2; 
line-height: 88px;
}

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

.buttonhover:hover {
    background-color: #337fa5;
}

    .select-projet-p1 {
        text-align: center;
        color : #4a90e2;
    }

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

    .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-family: Roboto;
        font-size: 28px;
        font-weight: 700;
        color: #0b2532;
        width: 94%;
    }

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

    .div3blockv2result {
        display: inline-block;
        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: #026a9a;
        border: 1px solid;
        border-radius: 6px;
        font-size: 12px;
        background-color: white;
        margin-bottom: 24px;
    }

    .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: #f7f7f7;
        border-radius: 6px;
        margin-left: 5px;
    }

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

    .devis-bandeau-button {
        background-color: #d40e55;
        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: #015f8f;
        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: #015f8f;
        color: white;
        border-radius: 6px;
        padding: 8px 51px;
        margin-bottom: 4px;
        font-size: 12px;
    }

    .projet-devis-bleu {
        display: inline-block;
        width: 250px;
        text-align: center;
        color : #4a90e2;
        font-style: italic;
    }

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

    .projet-devis-vert {
        display: inline-block;
        width: 250px;
        text-align: center;
        color : #6ebd12;
        font-style: italic;
    }

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

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

    .projet-selected-p {
        color : #4a90e2;
        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: #e8e8e8;
        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: #dceef6;
        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: #dceef6;
        line-height: 54px;
        border-radius: 50%
    }

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

.button-lire:hover {
background-color: #f1246e
}

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

    .pagination_numero {
        cursor: pointer;
        background-color: #8abfd9;
        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;
        font-family: Roboto;
        line-height: 24px;
        text-decoration: underline;
        font-weight: 700;
        color: #0b2532;
    }

.icon {
fill : #8abfd9;
}

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

.demander1:hover {
background-color : #337fa5;
}

.voirtoutes {
float : right;
color : #015f8f;
border: 1px solid;
border-radius: 6px;
padding: 5px 58px;
margin-right: 254px;
margin-top: 32px;
background-color: white;
cursor : pointer;
}

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

.plusphotos {
float : right;
color : #015f8f;
border: 1px solid;
border-radius: 6px;
padding: 5px 58px;
margin-right: 254px;
margin-top: 32px;
background-color: white;
cursor : pointer;
}

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

.selection1 {
background-color : #015f8f;
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 : #337fa5;
}

.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-family: Roboto; 
font-size: 16px;
}

.create1 {
margin-left: 32px;
background-color: #015f8f;
color: white;
border: 0px;
font-family: Roboto;
font-size: 16px;
padding: 18.5px 75px;
border-radius: 6px;
font-weight: bold;
cursor : pointer;
transition: 0.5s;
white-space: nowrap;
}

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

.menu {
font-family: Roboto; 
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-family : Roboto;
font-style : italic;
margin-bottom : 0px;
}

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

.blockprojet {
width : 1170px;
box-shadow: 0 8px 16px 0 rgba(14, 49, 169, 0.1);
background-color: #4a90e2;
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: #015f8f;
    border: 1px solid #015f8f;
    width: 275px;
    color: #015f8f;
    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: #015f8f;
    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: #4a90e2; padding: 5px 10px; background-color: #f7f7f7; display: inline-block; border-radius: 6px;
}

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

.phase3_dashboard {
    font-size: 14px;
    font-weight: bold;
    color: #6ebd12;
    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: #d40e55;
    border-radius: 6px;
}

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

.commandev2_p4 {
    color: #015f8f;
    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: #d40e55;
    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: #015f8f;
    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: #f7f7f7;
    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: #4a90e2;
}

.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: #015f8f;
    border-radius: 6px;
    margin: auto;
    text-align: center;
    margin-bottom: 70px;
    cursor: pointer;
}

.buttonDevisDetailleAction {
    background-color: #015f8f;
    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: #d40e55;
    border-radius: 6px;
    cursor: pointer;
}

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

.add_article {
    background-color: #015f8f;
    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: #d40e55;
    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: #015f8f;
    cursor: pointer;
}

.boutonDemandeProjetV2 {
    cursor: pointer;
    font-size: 12px;
    color: white;
    border: 0px;
    border-radius: 6px;
    background-color: #d40e55;
    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: #d40e55;
    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: #015f8f;
    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: #d40e55 !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: #d40e55;
    font-size: 14px;
    border-radius: 6px;
    width: 200px;
    color: white;
    font-weight: bold;
}

.statutButton
{
    padding: 5px 20px;
    background-color: #d40e55;
    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: #d40e55;
    padding: 20px 50px;
    border-radius: 6px;
}

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

.buttonTrioSelect
{
    background-color: #015f8f;
    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: #015f8f;
    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: #015f8f;
}

.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: #015f8f;
    color: white;
    border: 0px;
    font-family: Roboto;
    font-size: 16px;
    padding: 18.5px 75px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s;
    white-space: nowrap;
}

.detailCommande {
margin-right: 32px;
}

.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: #015f8f;
    text-decoration: underline;
    font-weight: 200;
}

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

.showMapButton
{
    padding: 4px;
    background-color: #015f8f;
    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: #D40E55;
    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 #015f8f;
    }

    .etapecurrent > p {
        font-size: 17px;
        color: #015f8f;
        font-weight: 900;
        padding: 8px;
    }

    .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: #015f8f;
        display: inline-block;
        text-align: center;
        border-radius: 6px;
        height: 24px;
    }

    .boutoneventsite {
        width: 166px;
        height: 46px;
        line-height: 46px;
        color: #015f8f;
        border: 1px solid #015f8f;
        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: #d40e55;
    color: white;
    font-weight: 700
}


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

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

    .pictoRemoveAccordCadre {
        background: url(/media/com_genius/images/v2/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: #015f8f;
    border-radius: 6px;
    color: white;
    display: block;
    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;
        font-weight: bold;
        color: white;
        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 #026a9a;
        border-radius: 6px;
        margin-top: 8px;
        display: block;
    }

    .inputCheckboxBleu input[type=checkbox]:checked + label:before {
        background: #015f8f;
        border-color: #015f8f;
        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: #026a9a;
        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: #015f8f;
        width: 92%;
        height: 56px;
        margin-left: 4%;
        border-radius: 6px;
        border: 1px solid #015f8f;
        font-weight: bold;
        margin-top: 4%;
    }

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

    .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: #4a90e2;
        position: absolute;
        top: -40px;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .selection1 {
        background-color: #015f8f;
        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 #015f8f !important;
        border-radius: 6px;
        color: #015f8f !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 #026a9a;
        color: #026a9a;
        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;
        border-radius: 50%;
        color: white;
        width: 16px;
        height: 16px;
        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: #8abfd9;
        display: inline-block;
        width: 56px;
        height: 56px;
        object-fit: cover;
        border-radius: 50%;
    }

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

.projetAjoutSelect {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f7f7f7;
    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: #4a90e2;
    display: block;
    text-align: center;
    }

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

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

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

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

.evalCObutton {
background-color: #015f8f;
    color: white;
    border: 0px;
    font-family: Roboto;
    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: #015f8f;
color: white;
font-weight: bold;
border: 0;
border-radius: 6px;
line-height: 56px;
text-align: center;
}

    .pagination_numero {
        background-color: #8abfd9;
        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: #dceef6;
        text-align: center;
    }


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

    .axetri li.default {
        cursor: pointer;
        -webkit-appearance: textarea;
        cursor: pointer;
        line-height: 56px;
        font-weight: bold;
        color: #026a9a;
        background: url(/media/com_genius/images/v2/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;
}

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

.general_form_send:hover
{
    background-color: #337fa5 !important;
}

.general_form_send
{
    width: 150px !important;
    height: 56px !important;
    background-color: #015f8f !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: #015f8f;
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: #dceef6;
    text-align: center;
    vertical-align: middle;
}

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

.padding0 {
padding : 0;
}

.addArticleButton {
display: block;
    width: 90%;
    text-align: center;
    height: 56px;
    line-height: 56px;
    background-color: #d40e55;
    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: #d40e55;
    color: white;
    font-weight: 700;
    margin: auto;
    width: 90%;
    margin-bottom: 16px;
}

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

.background_public {
        background-image: url(/../images/Template/homeMeeting.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }

.typeacces_select {
 background-color: #015f8f !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: b
}

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

.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: #004c72;
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: #4a90e2;
}

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

.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;
    color: #015f8f;
    border: 1px solid #015f8f;
    border-radius: 6px;
    margin-bottom: 16px;
}

.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: #015f8f;
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: #dceef6;
    border-radius: 50%;
}

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

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

.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 #026a9a;
color: #026a9a;
}

.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: #015f8f  !important; 
background-color: white  !important;
border: 1px solid #015f8f  !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: #dceef6;
	text-align: center;
vertical-align: middle;
}

#create1 {
display: none;
}

.search-input_search {
padding : 0px;
border : 0px;
background-color: #015f8f;
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: #f7f7f7;
width: 308px;
border-radius: 6px;
height: 56px;
line-height: 56px;
margin: auto;
margin-top: 8px;
border: 1px solid #979797;
}

.search-block-select {
cursor: pointer;
    -webkit-appearance: none;
    background-color: #f7f7f7;
    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: #f7f7f7;
    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;
        font-family: Roboto;
    }

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

    .create1 {
        background-color: #015f8f;
        color: white;
        border: 0px;
        font-family: Roboto;
            padding: 19px;
        border-radius: 6px;
        font-weight: bold;
    }

    .menu {
        font-family: Roboto;
        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: #004c72;
        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: #015f8f;
    position: fixed;
    bottom: 0px;
    width: 100%; color: white;
}

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

.div_voir_filtres {
background-color: #015f8f;
position: fixed;
bottom: 0px;
z-index: 10;
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: #e8e8e8;
    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: #015f8f;
    font-weight: bold;
    border: 1px solid #015f8f;
    border-radius: 6px;
    margin-bottom: 16px;
}

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

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

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

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

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

.color-ffffff
{
    color: #ffffff;
}

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

.buttonTrioSelect
{
    background-color: #015f8f;
    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: #015f8f;
    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: #015f8f;
    color: white;
    border: 0px;
    font-family: Roboto;
    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: #D40E55;
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 4%;
    right: 4%
}


.showMapButton {
    height: 40px;
    line-height: 40px;
    background-color: #015f8f;
    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);
}

}