/* Turquoise : #138496 */
/* Aubergine clair #af0682*/
#navbar{
    margin-top:0px;
    transition: 0.8s;
    background-color: white;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}
#navbar-header{
    margin-left: 10vw;
    margin-right: 10vw;
}
.logo{
    max-width : 75px;
}

.logo-header{
    max-height: 75px;
}
.cover{
    border-top :2px solid #af0682
}

.social{
    display:inline
}

.navbar-nav a {
    font-size: 14px;
    color:#af0682 !important;
}

.collapse li:hover > a{
    background-color:#af0682 !important;
    color: white !important;
}
.aubergine {
    color : #af0682
}
.subpayform {
    height: 2000px;
}
.bg-grey {
    background-color : rgb(238, 236, 236);
}

.bg-grey h1{
    font-weight: normal;
    font-size:2.5vw;
}

.box{
    border : 0.05em solid #af0682;
    padding:20px
}

.pdf{
    background-color : rgb(238, 236, 236);
    padding: 10px;
    margin:0.3em;
    text-align:center;
    border-radius: 0.6em;
}

.fa-file-pdf{
    display: block;
}

.sous_titre{
    font-size: small;
    font-weight: 500;
}

.nav-tabs{
    border:none;
}

.nav-tabs li{
    text-align: center;
}

.fa-caret-down{
    color: white;
}

.nav-tabs li .active div{
    color : white;
    background-color: #af0682;
}

.nav-tabs li .active .fa-caret-down{
    color:#af0682;

}
/*
.btn{
    color : white;
    background-color: #af0682;
    border:none
}*/
.header-button, .header-button:hover{
    color : #af0682;
    background-color: white;
    border: 1px solid !important;
    border-radius:0px;
}

.card_title{
    font-size: 10px;
    font-weight: 900;
}

.card{
    background-color : rgb(238, 236, 236);
    padding: 7px;
    border-radius: 0%;
    /* border-radius: 0.6em; */
}

.btn_card{
    color : white !important;
    background-color: #af0682;
    border:none;
    border-radius: 0px 0px 0.6em 0.6em;
}

.btn_card a {
    color : white !important;
}

.btn_card a:hover {
    text-decoration: underline;
}

.text-grey li{
    font-size: 18px;
    font-weight: 500;
    color: rgb(102, 101, 101);
}

.paragraph_card{
    font-size: 80%;
}


@media screen and (min-width:992px){
    #cover { margin-top: 195px;
        transition: 1.2s;}
}

@media screen and (min-width:992px) and (max-width: 1092px){
    .navbar-nav a {
        font-size: 11px;
    }
}

@media screen and (min-width:0px) and (max-width: 992px) {
    #cover { margin-top: 112px; }

}

blockquote {
    font-family: Georgia, serif;
    font-size: 25px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #969696;
}



blockquote:before {
    font-family: Georgia, serif;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: -80px;
    content: "\201C";
    color: #af0682;
}
blockquote:after {
    font-family: Georgia, serif;
    position: absolute;
    /* sdisplay: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:6em;
    line-height: 1;
    right:-40px;
    bottom:-0.5em;
    content: "\201D";
    color: #af0682;
}

.scrollable{
    height:200px;
    padding: 20px;
    border-top: 1px  #CCC solid;
    border-bottom: 1px  #CCC solid;
    box-shadow:
            inset 0px 11px 8px -10px #CCC,
            inset 0px -11px 8px -10px #CCC;
    overflow-y: scroll;
}

a:active, a:focus ,a:hover{
    outline:none; text-decoration:none;
}

/* Scrollbar Styling */
.scrollable::-webkit-scrollbar {
    width: 10px;
}

.scrollable::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scrollable::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
}
.bgs1001 {
    background-color: #af0682;
}
.sombre {
    color: #370028;
}
 .tab-pane a:hover {
    text-decoration: underline;
     color: #370028;
 }

.hp .btn:hover {
    background-color: #370028 !important;
}

.colonne {
    font-weight: 700;
    font-size: 1.2em;
}
.jumbotron {
    padding: 2rem !important;
}
.total {
    font-size: 1.6rem;
    font-weight: 600;
}

.total input {
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid #af0682;
    color: #af0682;
}

.footer-row {
    position: fixed;
    width: 100%;
    bottom: 0px;
}
.bd-example {

}

.bd-example .form-check {
    font-size: 1.2rem;
    padding: 5px;
}

.bd-example .form-check-input {
    font-size: 1.2rem;
    margin-top: 15px;
    margin-left: 20px;
}

.bd-example .form-check-label {
    margin-left: 50px;
}

.bd-example .form-check {
    border-bottom : 1px solid lightgrey;
}

iframe {
    overflow: scroll;
    width: 100%;
    height: 900px;
    border: none;
}

fieldset {
    border: 1px solid #af0682;
    padding: 20px;
    border-radius: 6px;
}

legend {
    font-size: 1.1rem;
    font-weight: 600;
    color: #af0682;
    padding-left: 10px;
    background-color: #e5dae1 ;
    margin-left: 20px;
    border: 1px solid #af0682;
    border-radius: 6px;
}

.legend-1 {
    width: 20%;
}

.legend-2 {
    width: 40%;
}

.legend-3 {
    width: 60%;
}

.legend-4 {
    width: 80%;
}

.dashtoolsbar {
    width: 100%;
    margin-top: -20px;
    padding: 2px 10px;
    border-radius: 6px;
    min-height: 28px;
    position: relative;
}
.dashtoolsbarxl {
    width: 100%;
    margin-top: -18px;
    padding: 2px 10px;
    border-radius: 6px;
    height: 36px;
}

.w-5 {
    width: 5%;
}
.w-8 {
    width: 8%;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-78 {
    width: 78%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 94%;
}

label {
    font-weight: 600;
}
.bd-info {
    border-right: 1px solid #138496;
}
.bl-info {
    border-left: 1px solid #138496;
}
.reduc {
    border: 1px solid #af0682;
    padding: 5px;
}
/*.userregister label::before {
    content : '<i class=\'fas fa-unlock-alt text-info d-inline\'>';
} */

.reducincluses {
    margin-left: 30px;
    margin-top: -8px;
    font-size: 0.8rem;
    display: block;
}

.pointer {
    cursor: pointer;
}

.bg-aubergine {
    background-color: #af0682;
}

table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
    color: #ffffff!important;
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
    color: #ffffff!important;
}

#progress-overlay, #progress-overlay img {
    display: none;
}
#progress-overlay.progress {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #c5d4ff40;
    z-index: 50;
    display: block;
}
#progress-overlay.progress img {
    display: block;
}
#progress-overlay img {
    width: 100px;
}

#client-invoices-list .actions a {
    margin: 5px;
}

tbody tr.selected {
    background-color: #af068230;
}
.modcol1 {
    display: inline-block;
    width :16%;
}
.modcol2 {
    display: inline-block;
    width :77%
}
.modcol3 {
    display: inline-block;
    width :4%
}

.optionLine .fa-file-pdf {
    color: red;
}

.lineodd {
    background-color: #e5dae1 !important;
}

#news-container .items {
    border-radius: 3px;
    cursor: pointer;
}

#news-container .items .preview {
    width: 100%;
    height: 150px;
    max-height: 150px;
}

#news-container .items .preview img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.icrg .fa-file-pdf {
    color: red;
}


 /* Colonnes pour le dashboard client par 10%  */
.wdshb5 {width: 5%}
.wdshb10 {width: 10%}
.wdshb15 {width: 15%}
.wdshb20 {width: 20%}
.wdshb25 {width: 25%}
.wdshb24 {width: 24%}
.wdshb30 {width: 30%}
.wdshb35 {width: 35%}
.wdshb40 {width: 40%}
.wdshb45 {width: 45%}
.wdshb49 {width: 49%}
.wdshb50 {width: 50%}
.wdshb55 {width: 55%}
.wdshb60 {width: 60%}
.wdshb65 {width: 65%}
.wdshb70 {width: 70%}
.wdshb74 {width: 74%}
.wdshb75 {width: 75%}
.wdshb80 {width: 80%}
.wdshb85 {width: 85%}
.wdshb90 {width: 90%}
.wdshb95 {width: 95%}
.wdshb100 {width: 100%}

.actuDetail {
    height : 225px;
    width: 390px;
    float: left;
    margin: 0 20px 0 0;
}

.actuDetailListe {
    height : 75px;
    width: 130px;
    float: left;
    margin: 0 10px 0 0;
}

.annonceDetail {
    height: 100px;
    width: 155px;
    margin-bottom: 8px;
}

.annoncePhoto1{
    width: 155px;
}

.annonceDetailSmall {
    height: 50px;
    width: 75px;
}

.fondActuDansListe {
    background-color: rgb(238, 236, 236);
    margin : 10px 20px;
    padding: 15px;
}



.fondActuDansListe:hover {
    background-color: #fbfafa;
}

.annonceDate {
    border: inherit !important;
    padding: inherit !important;
    border-radius: 0 !important;
}

.annonceDate legend {
    padding: 0 !important;
    line-height: inherit !important;
    font-weight: 600;
    color: inherit !important;
    background-color: inherit !important;
    margin-left: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    margin-bottom: 0.5rem;
}

.mainAnPh {
    font-size: 155px;
}
.AnPh {
    font-size: 75px;
}
.annonceParam {
    font-size: 18px;
    color: #af0682;
    font-weight: 600;
}
.divPhotos {
    vertical-align: top;
}

.nomvendeur {
    font-size: 1.2rem;
    font-weight: 600;
    width: 100%;
}
.anIcone {
    width: 30px;
    display:inline-block;
}
.uneAnnonce dd, .uneAnnonce dt
{
    display: inline-block;
}

.uneAnnonce dt {
    width: 49%;
}

.auTop {
    vertical-align: top !important;
}
.labold {
    font-weight : 700;
}
.imgNone {
    color: #b6bece;
}

.imgAvatar {
    margin: 0 auto;
    max-height: 150px;
    text-align: center;
    height: 150px;
}

.statSoc {
    font-size: 1em;
    margin-top: 15px;
}

.onPict {
    color: red;
    float: right;
    margin: 6px 6px 6px 0;
    z-index: 90;
}

.modAnPh {
    width: 100%;
}

.modAnPh i{
    width: 100%;
    font-size: 10rem;
    margin: 0 auto;
    text-align: center;
}

.camCol {
    color: #b6bece;
}

.jconfirm .jconfirm-cell {

}

.cfaccueil {
    margin-top: -150px !important;
    display: block !important;
    vertical-align: top !important;
}

.enBlanc {
    color: white;
}

.pointeurMain:hover {
    cursor: pointer;
}

#listeSousMenu {
  margin-left: 30px;:
}

#planSite dt a {

    color: #af0682;
    font-size: 1.1em;
    text-decoration: underline;
}
#planSite dt {
    margin: 10px 20px !important;
}
#planSite dd {
    margin: 0 40px;
}

.rgpdLien {
    text-decoration-line: underline;
    color: #af0682;
    font-weight: 600;
}

.rgpdLien:hover {
    color: #af0682;
}

.ecartH {
    margin: 0 15px 0 20px;
}

.custom-file-label::after {
    content: "Choisir" !important;
}

.adroite {
    float: right;
}

#banqIframe {
    height:1000px;
}

.banqForm {
    height: 300px !important;
}
.gerCookies {
   margin: 0 0 020px 0;
}
.gerCookies dl {
    display: block;
    width: 90%;
    vertical-align: top;
    margin: 0 0 0 40px;
    border: 1px solid lightgrey;
    padding-top: 4px;
}

.gerCookies dt {
    display: inline-block;
    width: 78%;
    padding: 10px 10px;
}

.gerCookies dd {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 10px 10px;
}
.divCoolkies {
    padding: 0 0 0 50px;
}