body{
   /* 7eb8d 9*/
    background-color:#5db0e0;  
    /*font-family: "Open Sans", Arial, sans-serif;*/
   /* font-family: 'Arial', sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight:500;
}

h1 {
    font-size:20px;
    text-align:center;
    padding-top:10px;
    text-transform:uppercase;
}

h2{
    font-size:18px;
    font-weight:bold;
    color:#000000;
    text-align:left;
    text-transform:none;
}

/* fix1 : permet d'eviter le bug du scroll horizontal sur mobile (partout sauf sur le navbar) */
/* fix2 : penser à mettre un div=row dans le container du navbar */
.row{
    padding:0;
    margin:0;
}

form {
    padding:0;
    margin:0;
}

.container {
    padding:0px 40px;
}

@media (max-width: 768px) {
    .container {
        padding:0px 8px;
    }
}

































/********************************************************************/
/********************************************************************/
/* HEADER 1 */
/********************************************************************/
/********************************************************************/

.header1 {
    padding:10px 15px;
    background-color:#5db0e0;
    color:#FFFFFF;
    font-size:23px;
    font-weight:bold;
}
.header1 .milieu{
    text-align:right;
    font-size:16px;
    padding-top:12px;
    font-weight:normal;
}

.header1 .milieu .stat-valeur{
    background-color:#60d16d;
    color:#FFFFFF;
    padding:4px 6px;
    border-radius:3px;
}

.header1 .actions{
    text-align:right;
    color:#FFFFFF;
    font-size:14px;
    font-weight:normal;
    padding-right:40px;
    padding-top:2px;
    font-family: 'Lato', sans-serif;
}





.header1 .actions .credits{
    font-size:19px;
}

.header1 .actions .credits .valeur{
    font-size:19px;
    font-weight:bold;

}


.header1 .btn-action{
    background-color:#3ec547;
    border:1px solid #77d275;
    display:inline-block;
    color:#FFFFFF;
    padding:8px 10px;
    font-size:15px;
    margin-top:-3px;
    margin-left:10px;

}



.header1 .btn-action-ajouter-credit{
    background-color:#3ec547;
    border:1px solid #77d275;
    display:inline-block;
    color:#FFFFFF;
    padding:8px 10px;
    font-size:15px;
    margin-top:-3px;
    margin-left:10px;
    text-decoration:none;
}



.header1 .btn-action:hover{
        background-color:#333333;
        text-decoration:none;
}

.header1 .btn-action-offre-speciale{
    background-color:#d46be4;
    border:1px solid #c756d8;
    text-decoration:none;
}

.header1 .btn-action-offre-speciale:hover{
        background-color:#c756d8;
}

.header1 .btn-mode-agence-web-active{
    background-color:#7fc9f4;
    border:1px solid #91cdef;
    text-decoration:none;
}

.header1 .btn-mode-agence-web-active:hover{
    background-color:#7fc9f4;
    border:1px solid #91cdef;
}

.header1 .btn-action-bleu{
    background-color:#7fc9f4;
    border:1px solid #91cdef;
    text-decoration:none;
}

.header1 .btn-action-bleu:hover{
    background-color:#7fc9f4;
    border:1px solid #91cdef;
}




@media(max-width:768px) {

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

    .header1 .actions {
        text-align:center;
        margin:0;
        padding-right:0;
        padding:0;
    }

    .header1 .btn-action{
        padding:6px 3px;
        font-size:12px;
        margin:0px 5px;
    }

    .header1 .actions .credits{
        font-size:14px;
        display:none;
    }

    .header1 .actions .credits .valeur{
        font-size:14px;
        font-weight:bold;

    }

}
/********************************************************************/
/********************************************************************/
/* MAIN (avec menu) */
/********************************************************************/
/********************************************************************/

.main{
    padding:0;
    margin:0;
 
}

.main .menu-gauche{
    background-color:#5db0e0;
    color:#FFFFFF;
    min-height:1800px;
    margin-top:10px;

}

.main .menu-gauche a.menu-item{
    margin-top:5px;
    display:block;
    color:#FFFFFF;
    padding:10px;
    text-decoration:none;
    font-size:15px;
        border-radius:3px;
}

.main .menu-gauche a.menu-item:hover{
    background-color:#266f99;
}

.main .menu-gauche a.active {
    background-color:#266f99;

}

.main .menu-gauche a.menu-item-small{
        font-size:12px;
}

.main .menu-gauche .bulle{
    background-color:#206898;
    color:#FFFFFF;
    padding:4px 6px;
    border-radius:3px;
}

.main .menu-gauche .bulle-warning{
    background-color:#e1b35b;
}

.main .menu-gauche .bulle-danger{
    background-color:#e6575e;
}

@media(max-width:1200px){
    .main .menu-gauche a.menu-item{
        margin-top:5px;
        padding:10px 8px;
        font-size:13px;
    }
}


/********************************************************************/
/********************************************************************/
/* .page-menu-mobile  */
/********************************************************************/
/********************************************************************/
.page-menu-mobile{
    text-align:center;
    padding-top:30px;
    padding-bottom:100px;
}


.page-menu-mobile a.menu-item{
    display:inline-block;
    width:90%;
    margin-top:5px;
    background-color:#0288d4;
    color:#FFFFFF;
    padding:15px 10px;
    text-align:center;
}


/********************************************************************/
/********************************************************************/
/* CORPS  */
/********************************************************************/
/********************************************************************/
.corps{
    padding:0;
    margin:0;
       background-color:#FAFAFA;
}

.corps .row{
    padding:0;
    margin:0;

}

.corps .corps-titre{
    background-color:#F0F0F0;
    border-bottom:1px solid #ECECEC;
    color:#666666;
    padding:15px 15px;
    font-size:15px;
    padding-top:40px;
}

.corps .corps-titre .titre{
    font-size:18px;
    font-weight:bold;
    margin-top:5px;
    color:#000000;
}

.corps .corps-titre .actions{
    text-align:right;
    padding-right:40px;

}



.corps .corps-titre .btn-action{
    background-color:#1f1f1f;
    color:#dfbb3c;
    padding:8px;
    display:inline-block;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
}


.corps .corps-titre .btn-retour{
    background-color:#CCCCCC;
    color:#555555;
    padding:8px;
    display:inline-block;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
}


.corps .corps-titre .btn-retour:hover{
    background-color:#333333;
    color:#FFFFFF;
}


.corps .corps-titre .btn-action:hover{
    background-color:#333333;
}

.corps .corps-titre .btn-action-admin{
    background-color:#1f1f1f;
    color:#9fdcff;
}



.corps .corps-titre .btn-action-supprimer {
    background-color: #666666;
}

.corps .corps-titre .btn-action-supprimer:hover {
    background-color: #333333;
    cursor:pointer;
}

.corps .corps-titre .btn-action-gris {
    background-color: #666666;
}

.corps .corps-titre .btn-action-gris:hover {
    background-color: #333333;
    cursor:pointer;
}

.corps .corps-titre .btn-action-vert {
    background-color:#08ac00;
}

.corps .corps-titre .btn-action-vert:hover {
    background-color: #333333;
    cursor:pointer;
}


@media(max-width:1200px){
    .corps .corps-titre{
        padding:10px 5px;
        font-size:14px;
        padding-top:20px;
    }

    .corps .corps-titre .titre{
        font-size:17px;
    }

    .corps .corps-titre .actions{
        padding-right:0px;

    }

}


@media(max-width:768px){
    .corps .corps-titre{
        text-align:center;
    }

    .corps .corps-titre .actions{
        text-align:center;
        padding:0;
        margin-top:10px;
    }

    .corps .corps-titre .btn-action{
        padding:4px;
        font-size:13px;
        border-radius:2px;
    }


    .corps .corps-titre .btn-retour{
        padding:4px;
        font-size:13px;
        border-radius:2px;
    }


}

/********************************************************************/
/********************************************************************/
/* CONTENT  */
/********************************************************************/
/********************************************************************/

.content{
    padding:0px 30px;
    padding-bottom:50px;
    color:#333333;
    font-size:15px;
    min-height:500px;
}

@media(max-width:1450px) {
    .content{
        padding:0px 15px;
    }
}


@media(max-width:768px) {

    .content{
        padding:0px 5px;
        padding-bottom:20px;
        min-height:0px;
    }

}




/********************************************************************/
/********************************************************************/
/* menu-filtre  */
/********************************************************************/
/********************************************************************/

.corps-filtres{
    background-color:#F0F0F0;
}

.menu-filtre{
    padding:18px;
    border-top:1px solid #DDDDDD;
    padding-left:40px;
    padding-top:40px;
    padding-bottom:0px;

}

.menu-filtre .col-md-8, 
.menu-filtre .col-md-4,
.menu-filtre .row{
    padding:0;
}

.menu-filtre .col-gauche{
    text-align:left;
}

.menu-filtre .col-droite{
    text-align:right;
}


.menu-filtre a.item{
    display:inline-block;
    margin-right:5px;
    font-weight:normal;
    font-size:14px;
    padding:12px 15px;
    text-decoration:none;
    color:#333333;
    border-radius:2px;
    background-color:#CCCCCC;
}


.menu-filtre a.item-panier{
    display:inline-block;
    margin-right:4px;
    font-weight:normal;
    font-size:14px;
    padding:12px 20px;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:2px;
    background-color:#2eb561;

}
    .menu-filtre a.item-max-right{
    margin-right:50px;
    }

.menu-filtre-mini a.item{
    margin-right:5px;
    font-weight:normal;
    font-size:13px;
    padding:8px 8px;

}

.menu-filtre a.item-mini{
        border-top-left-radius:2px;
    border-top-right-radius:2px;
        font-size:13px;
        background-color:#E0E0E0;
        color:#333333;
    padding:4px 7px;
    margin-right:5px;
    margin-bottom:5px;
}

.menu-filtre a.item:hover{
    background-color:#333333;
    color:#FFFFFF;
}

.menu-filtre a.item-sel{
    background-color:#559ec9;
    color:#FFFFFF;
}

.menu-filtre select{
    border:1px solid #E0E0E0;
    padding:8px;
    color:#206898;

}


.menu-filtre a.btn-action{
    background-color:#52abe7;
    padding:5px 15px;
    color:#FFFFFF;
    display:inline-block;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
}

.menu-filtre a.btn-action-gris{
        background-color:#555555;

}

.menu-filtre .bulle{
    background-color:#6fa9ca;
    color:#FFFFFF;
    padding:4px 6px;
    border-radius:3px;
}

.menu-filtre .bulle-neutre{
    background-color:#B0B0B0;
}

.menu-filtre .bulle-warning{
    background-color:orange;
}

.menu-filtre .bulle-danger{
    background-color:#e6575e;
}

.menu-filtre .bulle-success{
    background-color:#77d275;
}


.menu-sous-filtre{
    padding:10px 30px;
    padding-bottom:10px;
}

.menu-sous-filtre a.item{
    display:inline-block;
    margin-right:10px;
    font-weight:normal;
    font-size:12px;
    padding:5px 5px;
    margin-bottom:5px;
    text-decoration:none;
    color:#333333;
    border-radius:2px;
    background-color:#CCCCCC;
}

.menu-sous-filtre a.item:hover{
    background-color:#333333;
    color:#FFFFFF;
}

.menu-sous-filtre a.item-sel{
    background-color:#559ec9;
    color:#FFFFFF;
}


.menu-sous-filtre .actions{
    margin-bottom:10px;
}

.menu-sous-filtre .btn-toggle{
    background-color:#CCCCCC;
    color:#333333;
    display:inline-block;
    padding:4px 6px;
    font-size:14px;
}

.menu-sous-filtre .btn-toggle:hover{
    background-color:#333333;
    color:#FFFFFF;
    cursor:pointer;
}

@media(max-width:1400px){
    .menu-filtre a.item{
        margin-right:5px;
        font-weight:normal;
        font-size:13px;
        padding:10px 8px;
    }

    .menu-filtre {
        padding-left:10px;
        padding-right:10px;
    }


}


@media(max-width:990px){
    
    .menu-filtre .col-gauche{
        text-align:center;
    }

    .menu-filtre .col-droite{
        text-align:center;
        padding-top:10px;
    }



    .menu-filtre a.item{
        margin:0px 2px;
        font-size:13px;
        padding:8px 8px;
    }

    .menu-filtre {
        text-align:center;
        padding:15px 0px;
    }

}

/********************************************************************/
/********************************************************************/
/*bloc-information */
/********************************************************************/
/********************************************************************/
.bloc-information{
    padding:18px;
    background-color:#c2deee;
    border:1px solid #F0F0F0;
    margin-bottom:20px;
    color:#1b86c3;
}

.bloc-information-gris{
    background-color:#F0F0F0;
    color:#333333;
}

.bloc-information-compte-bride{
    background-color:#d297e3;
    color:#333333;
}

/********************************************************************/
/********************************************************************/
/*ligne-consigne */
/********************************************************************/
/********************************************************************/

.ligne-consigne{
    padding:10px;
    background-color:#5db0e0;
    color:#FFFFFF;

    border-radius:3px;
    font-size:13px;
}
        
.ligne-consigne-warning{
    background-color:#d6b785;
}




/********************************************************************/
/********************************************************************/
/* tableau-top-filtre  */
/********************************************************************/
/********************************************************************/
.catalogue-filtres{
    padding:25px 20px;
    font-size:14px;
    margin-top:30px;
    background-color:#EEEEEE;

}



.catalogue-filtres .filtre-item{
    display:inline-block;
    margin-right:20px;
    font-size:16px;
}

.catalogue-filtres .filtre-action{
    display:inline-block;
}


.catalogue-filtres-right{
    text-align:right;
}

.catalogue-filtres select{
    border:1px solid #E0E0E0;
    padding:10px 15px;
    color:#0288d4;
    font-weight:normal;
    font-size:15px;
    border-radius:2px;
}

.catalogue-filtres input{
    border:1px solid #E0E0E0;
    padding:10px 15px;
    color:#0288d4;
    font-weight:bold;
    font-size:16px;
    border-radius:4px;

}

.catalogue-filtres .btn-valider{
    background-color:#0288d4;
    border:1px solid #0288d4;
    color:#FFFFFF;
    padding:8px 15px;
    font-weight:normal;
    font-size:15px;
    border-radius:2px;

}

.catalogue-filtres .btn-valider:hover{
    background-color:#333333;
}

@media(max-width:1200px) {
    .catalogue-filtres .filtre-item {
      margin-right:0px;
      color:#206898
    }
}




@media(max-width:768px){
    .catalogue-filtres{
        padding:20px 5px;
        padding-bottom:0px;
        font-size:12px;
    }


    .catalogue-filtres .filtre-item{
        display:block;
        text-align:center;
        margin-top:5px;
    }

    .catalogue-filtres .filtre-action{
        display:block;
        text-align:center;
        margin-top:5px;
    }

    .catalogue-filtres .btn-valider{
       width:50%;
    }


}

/********************************************************************/
/********************************************************************/
/* .catalogue-filtres .liste-cat-favories  */
/********************************************************************/
/********************************************************************/

.catalogue-filtres .liste-cat-favories{
    margin-top:15px;
    padding-left:90px;
    height:50px;

}

.catalogue-filtres .liste-cat-favories .btn-epingler{
    font-size:11px;
    color:#777777;
}

.catalogue-filtres .liste-cat-favories a.catalogue-cat-favori{
    display:inline-block;
    padding:5px 10px;
    font-size:12px;
    border:1px solid #DDDDDD;
    color:#888888;
    text-decoration:none;
}

.catalogue-filtres .liste-cat-favories a.catalogue-cat-favori-supprime{
    margin-right:10px;
    padding:5px 7px;
    border-left:0;
}

.catalogue-filtres .liste-cat-favories .btn-ajouter{
    font-size:12px;
}





.catalogue-filtres .liste-cat-favories .liste-items{
    margin-top:5px;
}


.catalogue-filtres .liste-cat-favories a.catalogue-cat-favori:hover{
        background-color:#CCCCCC;
}




/********************************************************************/
/********************************************************************/
/* tableau-top-filtre  */
/********************************************************************/
/********************************************************************/
.tableau-top-filtres{
    padding:20px 20px;
    padding-bottom:0px;
    font-size:14px;
    margin-top:30px;

}

.tableau-top-filtres .filtre-item{
    display:inline-block;
    margin-right:20px;
    font-size:16px;
}

.tableau-top-filtres .filtre-action{
    display:inline-block;
}


.tableau-top-filtres-right{
    text-align:right;
}
.tableau-top-filtres select{
    border:1px solid #E0E0E0;
    padding:10px 15px;
    color:#0288d4;
    font-weight:normal;
    font-size:15px;
    border-radius:2px;

}

.tableau-top-filtres input{
    border:1px solid #E0E0E0;
    padding:10px 15px;
    color:#0288d4;
    font-weight:normal;
    font-size:15px;
    border-radius:2px;


}

.tableau-top-filtres .btn-valider{
    background-color:#0288d4;
    border:1px solid #0288d4;
    color:#FFFFFF;
    padding:8px 15px;
    font-weight:normal;
    font-size:15px;
    border-radius:2px;

}

.tableau-top-filtres .btn-valider:hover{
    background-color:#333333;
}

@media(max-width:1200px) {
    .tableau-top-filtres .filtre-item {
      margin-right:0px;
      color:#206898
    }
}




@media(max-width:768px){
    .tableau-top-filtres{
        padding:20px 5px;
        padding-bottom:0px;
        font-size:12px;
    }


    .tableau-top-filtres .filtre-item{
        display:block;
        text-align:center;
        margin-top:5px;
    }

    .tableau-top-filtres .filtre-action{
        display:block;
        text-align:center;
        margin-top:5px;
    }

    .tableau-top-filtres .btn-valider{
       width:50%;
    }


}

/********************************************************************/
/********************************************************************/
/* tableau  */
/********************************************************************/
/********************************************************************/

.tableau{
    background-color:#FFFFFF;
    padding:20px;
}

.tableau .ligne-section{
    margin-top:20px;
    font-size:19px;
    color:#333333;
    font-weight:bold;
    padding-bottom:10px;
    padding-left:7px;
    color:#000000;
}

.tableau .ligne-titre{
    background-color:#F0F0F0;
    padding:13px 0px;
    font-size:13px;
    color:#333333;
    font-weight:normal;
           display: flex;
       align-items: center;
}


.tableau .ligne-titre .cell{
    padding:0px 5px;
    font-weight:normal;
    color:#666666;
}

.tableau .ligne{
    font-size:13px;
    border-bottom:1px solid #F0F0F0;
    color:#555555;
    padding:0;
}

.tableau .ligne-mini{
    font-size:12px;
    border-bottom:1px solid #F0F0F0;
    color:#555555;
    padding:0;
}


.tableau .ligne a.mini-lien-fin-liste:hover{
    cursor:pointer;
}



.tableau .ligne:nth-child(2n+1){
    background-color:#FAFAFA;
}

.tableau .ligne-warning {background-color:#ffdea8;}

.tableau .ligne-site-alerte-opportunite:nth-child(2n+1){background-color:#f3fae3;}
.tableau .ligne-site-alerte-opportunite {background-color:#eaf3d4;}

.tableau .ligne-site-alerte-conditions-tarifs-validees:nth-child(2n+1){background-color:#f3fae3;}
.tableau .ligne-site-alerte-conditions-tarifs-validees {background-color:#eaf3d4;}

.tableau .ligne-site-alerte-attente-conditions-tarifs:nth-child(2n+1){background-color:#ffe4c6;}
.tableau .ligne-site-alerte-attente-conditions-tarifs {background-color:#ffe4c6;}

.tableau .ligne-site-alerte-orange:nth-child(2n+1){background-color:#ffe9d7;}
.tableau .ligne-site-alerte-orange {background-color:#ffe9d7;}


.tableau .ligne-annonceur-opportunite-item{
    padding-bottom:30px;
    border-bottom:1px solid #E0E0E0;
}

.tableau .ligne-panier-item{
    padding-top:6px;
    padding-bottom:6px;
}



.tableau .ligne .cell{
    padding:10px 5px;
    padding-bottom:8px;
}

.tableau .ligne-mini .cell{
    padding:5px 5px;
    padding-bottom:0px;
}

.tableau .ligne .cell-mini{
    padding:8px 5px;
    padding-bottom:5px;

}

.tableau .ligne .cell .legende{
    font-size:12px;
    color:#888888;
}

.tableau .ligne .cell-small{
    font-size:11px;
}

/*
.tableau .ligne .cell-border-right{
    
    border-right:0px solid #E0E0E0;
    padding-bottom:0px;
    min-height:70px;
}*/

.tableau .ligne .cell a{
    color:#0675b4;
}

.tableau .ligne .log-texte{
    font-size:15px;
    color:#206898;
    background-color:#FFFFFF;
    padding:20px;
    border-radius:4px;
    border:1px solid #F0F0F0;
    margin-top:10px;
    margin-bottom:10px;
}


    .tableau a.btn-action-discret {
        background-color:#F0F0F0;
        color:#444444;
    }


    .tableau  a.btn-action-special {
        background-color:orange;
    }



.tableau .ligne .cell .tag{
    background-color:#E0E0E0;
    color:#333333;
    border-radius:1px;
    padding:2px 3px;
    font-size:12px;
    font-weight:normal;
    display:inline-block;
    margin-bottom:5px;
    margin-right:5px;

}

.tableau .ligne .cell .tag-domaine-commun {
    background-color: #FFFFFF;
    border: 1px solid #70bce8;
    color:#70bce8;
    border-radius:2px;
}

.tableau .ligne .cell .tag-domaine-commun-neutre {
    border: 1px solid #A0A0A0;
    color:#A0A0A0;
}


.tableau .ligne .cell .tag-domaine-premium {
    background-color:#e4c673;
    color:#FFFFFF;
}

    .tableau .ligne .cell .tag-nouveau {
        border:1px solid #449bcd;
        background-color:#449bcd;
        padding:1px 5px;
        font-size:11px;
    color:#FFFFFF;
}

.tableau .ligne .cell select{
  border:1px solid #E0E0E0;
    padding:7px 10px;
    color:#0288d4;
    font-weight:normal;
    font-size:14px;
    border-radius:4px;
 }


.tableau  .icone-aide a{
    color:#B0B0B0;

}

.tableau  .icone-aide a:hover{
    cursor:pointer;
}

.tableau .ligne a.btn-action-admin{
    background-color:#1f1f1f;
    color:#9fdcff;
}

.ligne .btn-action:hover{
        background-color:#333333;
}

.ligne a.btn-favori{
    background-color:#F0F0F0;
    border:1px solid #E0E0E0;
    padding:5px 5px;
    padding-right:6px;
    padding-top:6px;
    border-radius:3px;
    text-align:center;
    display:inline-block;
}

.ligne a.btn-favori:hover{
    cursor:pointer;
}


.ligne a.btn-favori span{
    color:#A0A0A0;
}

.ligne a.btn-favori:hover{
    background-color:#333333;
}


.ligne a.btn-favori-oui span{
    color:#d40115;
}




.ligne a.btn-visibilite{
    background-color:#F0F0F0;
    border:1px solid #E0E0E0;
    padding:5px 5px;
    padding-right:6px;
    padding-top:6px;
    border-radius:3px;
    text-align:center;
    display:inline-block;
}

.ligne a.btn-visibilite:hover{
    cursor:pointer;
}


.ligne a.btn-visibilite span{
    color:#A0A0A0;
}

.ligne a.btn-visibilite:hover{
    background-color:#333333;
}


.ligne a.btn-visibilite-oui span{
    color:green;
}




.ligne a.btn-cat-riche{
    background-color:transparent;
    border:1px solid #E0E0E0;
    padding:3px 5px;
    padding-top:3px;
    border-radius:3px;
    text-align:center;
    display:inline-block;
    text-align:center;
    margin-right:5px;

}

.ligne a.btn-cat-riche:hover{
    cursor:pointer;
}


.ligne a.btn-cat-riche span{
    color:#A0A0A0;
}

.ligne a.btn-cat-riche:hover{
    background-color:#333333;
}

.ligne a.btn-cat-riche-oui{
    background-color:#FFFFFF;
}

.ligne a.btn-cat-riche-oui span{
    color:#00a0ea;
}







.ligne a.btn-cat-pauvre{
    background-color:transparent;
    border:1px solid #E0E0E0;
    padding:3px 5px;
    padding-top:3px;
    border-radius:3px;
    text-align:center;
    display:inline-block;
    text-align:center;
    margin-right:5px;
}

.ligne a.btn-cat-pauvre:hover{
    cursor:pointer;
}


.ligne a.btn-cat-pauvre span{
    color:#A0A0A0;
}

.ligne a.btn-cat-pauvre:hover{
    background-color:#333333;
}

.ligne a.btn-cat-pauvre-oui{
    background-color:#FFFFFF;
}

.ligne a.btn-cat-pauvre-oui span{
    color:#ca7638;
}







.ligne a.btn-corbeille{
    background-color:#F0F0F0;
    border:1px solid #E0E0E0;
    padding:6px 5px;
    padding-right:6px;
    padding-top:7px;
    border-radius:3px;
    text-align:center;
}


.ligne a.btn-corbeille:hover{
    cursor:pointer;
}

.ligne a.btn-corbeille span{
    color:#A0A0A0;
}

.ligne a.btn-corbeille:hover{
    background-color:#333333;
}


.ligne a.btn-corbeille-oui span{
    color:#d40115;
}




.tableau .ligne a.btn-panier{
    background-color:#1dc05b;
    border:1px solid #1dc05b;
    padding:6px 5px;
    padding-right:6px;
    padding-top:7px;
    font-size:12px;
    border-radius:3px;
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
}

.tableau .ligne  a.btn-panier:hover{
    cursor:pointer;
    background-color:#007e30;
    border:1px solid #007e30;
}

.tableau .ligne a.btn-panier-retirer{
    background-color:#72db99;
    border:1px solid #72db99;


}


.panier .tableau .ligne  a.btn-retirer{
    color:#999999;
}

.panier .tableau .ligne  a.btn-retirer:hover{
    color:#111111;
    cursor:pointer;
}





    .tableau .ligne-section-mini {
        margin-top:15px;
        background-color:#F0F0F0;
        padding:15px 0px;
        font-weight:bold;
    }

        .tableau .ligne-section-blanche {
        background-color:#DDDDDD;
        padding:15px 0px;
        font-weight:bold;
    }

.tableau .ligne a.btn-action,
.tableau a.btn-action{
    background-color:#1f1f1f;
    color:#dfbb3c;
    padding:7px 9px;
    display:inline-block;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    border-radius:2px;
    text-transform:uppercase;
}


.tableau .ligne a.btn-action-debrider,
.tableau a.btn-action-debrider {
    background-color:#777777;
    color:#FFFFFF;
}



.tableau  .btn-action:hover{
     background-color:#333333;
     color:#FFFFFF;
}


.tableau a.btn-action:hover{
    background-color:#555555;
}


.tableau .ligne  a.btn-echange-reponse{
    background-color:#CCCCCC;
    color:#333333;
    padding:5px 9px;
    display:inline-block;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    border-radius:2px;
    text-transform:uppercase;
    text-decoration:none;
}

.tableau .ligne a.btn-echange-reponse-oui {
    background-color:#3ec547;
    color:#FFFFFF;

}

.tableau .ligne a.btn-echange-reponse-non {
    background-color:#CCCCCC;
    background-color:#e6575e;
    color:#FFFFFF;
}

.tableau .ligne a.btn-echange-reponse-oui-selected {
    background-color:#77d275;
    color:#FFFFFF;
    font-weight:bold;
}

.tableau .ligne a.btn-echange-reponse-non-selected {
    background-color:#444444;
    color:#A0A0A0;
}


.tableau .ligne  a.btn-echange-reponse:hover{
    cursor:pointer;
    background-color:#333333;
    color:#FFFFFF;
}


@media(max-width:1450px) {

    .tableau {
        padding: 4px 0px;
    }

    .tableau .ligne .cell a.btn-action {
        padding: 4px 3px;
        font-size: 11px;
    }
}


@media(max-width:1200px){


   .tableau .ligne-section-mini .cell a{
         font-size:12px;
    }


    .tableau .ligne .cell a.btn-action{
        padding: 4px 2px;
        font-size: 10px;
    }

    .tableau .ligne-section-mini  a.btn-action,
    .tableau .ligne a.btn-action,
    .tableau a.btn-action{
        padding:5px 5px;
        display:inline-block;
        font-size:10px;
        text-align:center;
        text-decoration:none;
        border-radius:2px;
        text-transform:uppercase;
        width:90%;
     }


}



@media(max-width:768px){

    .tableau{
        padding:5px 0px;
    }

    .tableau .ligne-section {
        text-align:center;
    }


    .tableau .ligne{
        padding:10px 0px;
        padding-bottom:30px;
    }

    .tableau .ligne-section-mini{
        text-align:center;
    }

    .tableau .ligne-section-mini .cell{
        margin-top:10px;
    }

    .tableau .ligne .cell{
        padding:5px 2px;
        text-align:center;
    }

    .tableau .ligne .cell-border-right{
        border-right:0;
        padding-bottom:0px;
        min-height:0px;
    }


    .tableau .ligne-section-mini  a.btn-action,
    .tableau .ligne a.btn-action,
    .tableau a.btn-action{
        width:60%;
     }



}

/********************************************************************/
/********************************************************************/
/* .panier  */
/********************************************************************/
/********************************************************************/

.panier a.btn-panier-payer{
        background-color:#1dc05b;
    border:1px solid #1dc05b;
    padding:10px 15px;
    padding-right:6px;
    padding-top:7px;
    font-size:15px;
    border-radius:3px;
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
    width:220px;
    display:inline-block;
}

.panier a.btn-panier-payer:hover{
        cursor:pointer;
    background-color:#007e30;
    border:1px solid #007e30;

}



/********************************************************************/
/********************************************************************/
/* formulaire  */
/********************************************************************/
/********************************************************************/

.formulaire{
    background-color:#FFFFFF;
    padding:20px 30px;
    border:1px solid #F0F0F0;
    min-height:500px;
}

.formulaire-fond-vide{
    background-color:transparent;
    border:0;
}

.formulaire .intro{
    margin-bottom:20px;
    line-height:28px;
    font-size:15px;
}


.formulaire .ligne{
    margin-top:15px;
}

.formulaire .champ-titre{
    text-align:right;
    padding-top:11px;
    font-weight:bold;
    font-size:15px;
    color:#555555;
}

.formulaire .champ-valeur .valeur {
    font-size: 14px;
    color: #0288d4;
    padding-top: 10px;
    margin-bottom:5px;

}

.formulaire .champ-valeur .legende {
    font-size: 14px;
    color: #666666;
    padding-top: 11px;
    margin-bottom:5px;
}


.formulaire .champ-valeur .legende-importante {
    color:orange;
    font-weight:bold;
}


.formulaire .champ-valeur .legende-bien-visible {
    color:#0288d4;
    font-weight:bold;
}

.formulaire .champ-valeur .legende-fond{
        background-color:#F0F0F0;
}

.formulaire .champ-valeur .legende-encadree{
      border:1px dashed #E0E0E0;
      padding:10px 10px;
      display:inline-block;
}


.formulaire .champ-valeur .legende a{
    color:#0288d4;
}

.formulaire .champ-valeur input{
    border:1px solid #E5E5E5;
    padding:12px 8px;
    color:#0288d4;
    font-weight:bold;
    width:90%;
    border-radius:4px;
}

.formulaire .champ-valeur .checkbox {
    padding-left: 30px;
    padding: 8px;
    color: #206898;
    width: 50px;
    margin-top:-1px;
}    

.formulaire .champ-valeur .checkbox label{
   width: 250px;
}    



.formulaire .champ-valeur a.btn-action{
    background-color:#e6575e;
    padding:3px 8px;
    font-size:13px;
    color:#FFFFFF;
    text-decoration:none;
}

.formulaire .champ-valeur a.btn-action:hover{
    background-color:#333333;
}









.formulaire .champ-valeur select{
    border:1px solid #E0E0E0;
    padding:8px;
    color:#0288d4;
    font-weight:bold;
    width:90%;
}

.formulaire .champ-valeur .textarea{
    border:1px solid #E0E0E0;
    padding:8px;
    color:#0288d4;
    font-weight:bold;
    width:90%;
}

.formulaire .champ-valeur .textarea-html{
    background-color:#e6f8ff;
    color:#0288d4;
    font-size:13px;
    font-weight:normal;
}

.formulaire .champ-valeur .textarea-warning{
    color:orange;
}

.formulaire .champ-valeur .textarea-100p{
    border:1px solid #E0E0E0;
    padding:8px;
    color:#0288d4;
    font-weight:bold;
    width:100%;
}



.formulaire input.btn-valider{
    background-color:#206898;
    padding:10px;
    color:#FFFFFF;
    width:180px;
    display:inline-block;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    border:0px;
    border-radius:3px;
}

.formulaire input.btn-valider-mini{
    padding:4px 10px;
    font-size:13px;
}



    .formulaire input.btn-payer {
        background-color:#77d275;
    }

.formulaire input.btn-valider-gris{
    background-color:#888888;
}


.formulaire input.btn-valider-warning{
    background-color:red;
}

.formulaire input.btn-valider:hover{
    background-color:#333333;
}

.formulaire input.btn-valider-photo{
    background-color:#36d3b3;
    padding:7px;
    color:#FFFFFF;
    width:160px;
    display:inline-block;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    border:0px;
    border-radius:3px;

}

.formulaire input.btn-valider-photo:hover{
    background-color:#333333;
}

.formulaire input.btn-valider-souple{
    width:auto;
}


.formulaire .sous-zone {
    background-color:#F0F0F0;
    padding:10px 20px;
    margin-top:40px;
}

.formulaire .sous-zone-first{
    margin-top:0px;
}

.formulaire .sous-zone .titre{
    font-size:18px;
    font-weight:bold;
    color:#000000;
}

.formulaire .align-left{
    text-align:left;
}


.formulaire .bloc-offre-mode-agence-web{
    background-color:#5db0e0;
    color:#FFFFFF;
    padding:20px;
    margin-top:20px;
    border-radius:3px;
}

.formulaire .bloc-offre-mode-agence-web .titre{
    font-size:16px;
    font-weight:bold;
    margin-bottom:15px;
}


@media(max-width:768px) {
    .formulaire {
        padding:0px;
        min-height:0px;
        padding-bottom:50px;
    }

    .formulaire h2 {
        text-align:center;
    }


    .formulaire .sous-zone .titre {
        text-align:center;
    }

    .formulaire .champ-titre{
        text-align:center;
        margin-bottom:5px;
        margin-top:20px;
    }

    .formulaire .champ-valeur  {
        text-align:center;
    }

    .formulaire .champ-valeur .valeur {
        text-align:center;
    }

    .formulaire .champ-valeur .legende {
        text-align:center;
    }


}

/********************************************************************/
/********************************************************************/
/* formulaire .offre-speciale-achat-credits */
/********************************************************************/
/********************************************************************/

.formulaire .offre-speciale-achat-credits{
    background-color:#d46be4;
    border:1px dashed #c756d8;
    padding:20px 15px;
    margin-bottom:30px;
    color:#FFFFFF;

}

.formulaire .offre-speciale-achat-credits .titre{
    font-size:20Px;

}

.formulaire .offre-speciale-achat-credits .description-ligne1{
    font-size:25Px;
    margin-bottom:5px;
}

.formulaire .offre-speciale-achat-credits .description-ligne2{
    font-size:16Px;
    margin-bottom:5px;
}

.formulaire .offre-speciale-achat-credits .description-periode{
    font-size:16Px;
    margin-bottom:5px;
}



.formulaire  .consignes-de-redaction{
    background-color:#f5d8f9;
    color:#c756d8;
    font-weight:normal;
    padding:10px;
    border-radius:4px;
}


/********************************************************************/
/********************************************************************/
/* tableau-echange-liens-actions */
/********************************************************************/
/********************************************************************/

.tableau-echange-liens-actions{
    text-align:right;
    padding-bottom:60px;
    margin-top:30px;

}

.tableau-echange-liens-actions .bloc-alerte{
    text-align:right;
    font-size:14px;
    margin-top:10px;
    color:#444444;
    background-color:#EEEEEE;
    display:inline-block;
    padding:15px;
    border-radius:3px;
    width:700px;

}


.tableau-echange-liens-actions .bloc-alerte-success {
    background-color:#b7eccc;
    color:#00752f;
}

.tableau-echange-liens-actions .bloc-alerte-warning {
    background-color:#e6575e;
    color:#FFFFFF;
}

.tableau-echange-liens-actions .bloc-alerte-discret {
    background-color:#FFFFFF;
    color:#999999;
    font-style:italic;
    font-size:13px;
}

.tableau-echange-liens-actions .bloc-alerte-discret a{
    color:#999999;

}

@media(max-width:900px){

    .tableau-echange-liens-actions{
        text-align:center;

    }

   .tableau-echange-liens-actions .bloc-alerte-conditions-min {
       width:90%;
    }

}


/********************************************************************/
/********************************************************************/
/* CONNEXION */
/********************************************************************/
/********************************************************************/

.connexion .logo{
    text-align:center;
     margin-top:150px;
     
}

.connexion .box{
    background-color:#FFFFFF;
    padding:30px;
    width:300px;
    margin:0 auto;
    margin-top:10px;
    text-align:center;
    border:1px solid #AAAAAA;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.16);
    box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.16);
    font-size:14px;
    color:#444444;
}

.connexion .titre{
    text-align:center;
    font-size:18px;
    color:#000000;
    margin-bottom:25px;
}

.connexion .input1{
    padding:10px 10px;
    width:240px;
    border:1px solid #D0D0D0;
    color:#000000;
    font-weight:bold;
    border-radius:3px;
            text-align:center;
}

.connexion .input-btn{
    background-color:#206898;
    padding:5px 10px;
    color:#FFFFFF;
    width:260px;
    height:40px;
    font-size:15px;
    text-align:center;
    border:0;
    text-decoration:none;
    border-radius:2px;
    text-align:center;
}

.connexion .form-error{
    font-size:13px;
}


.connexion .nom-champ{
    padding-bottom:7px;
}

@media(max-width:768px) {



    .connexion .logo{
        text-align:center;
         margin-top:30px;
     
    }

    .connexion .box {
        background-color:#FFFFFF;
        padding: 10px;
        width: 80%;
        color:#000000;
        margin-top:30px;
    }


    .connexion .titre{
        color:#000000;
    }

    .connexion .input1{
        width:80%;
        border:1px solid #D0D0D0;
        background-color:#FFFFFF;
        color:#000000;

    }

    .connexion .nom-champ{
        color:#000000;
    }

    .connexion .input-btn{
        background-color:#206898;
        padding:5px 10px;
        color:#FFFFFF;
        width:80%;
        height:40px;
        font-size:15px;
        text-align:center;
        border:0;
        text-decoration:none;
        border-radius:2px;
        text-align:center;
    }


}


/********************************************************************/
/********************************************************************/
/* Page Validation-offre-Externe  */
/********************************************************************/
/********************************************************************/

.page-validation-offre-externe{
    margin-top:40px;
}

.page-validation-offre-externe .corps{
    background-color:#FFFFFF;
    margin-top:20px;
    padding:30px;
    padding-top:50px;
    font-size:16px;
    border-radius:4px;
    padding-bottom:100px;
    margin-bottom:200px;
}

.page-validation-offre-externe .header-logos .col-droite{
    text-align:right;
}

.page-validation-offre-externe .header-logos img{
    width:170px;
}


.page-validation-offre-externe .header{

}

.page-validation-offre-externe .header .photo-jerome img{
    width:80%;
}

.page-validation-offre-externe .formulaire{
    margin-left:50px;
    margin-right:50px;
}

@media(max-width:768px){

    .page-validation-offre-externe .corps{
        margin-top:20px;
        padding:10px;
        padding-top:50px;
        padding-bottom:100px;
    }


    .page-validation-offre-externe .formulaire{
        margin-left:5px;
        margin-right:5px;
    }

    .page-validation-offre-externe .header-logos img{
        width:100px;
    }

    .page-validation-offre-externe .header .photo-jerome{
        text-align:center;
        margin-bottom:20px;
    }


    .page-validation-offre-externe .header .photo-jerome img{
        width:50%;
    }


}



/********************************************************************/
/********************************************************************/
/* annonce-site-details  */
/********************************************************************/
/********************************************************************/

.annonce-site-details{
    margin-top:10px;
    margin-bottom:60px;
    background-color:#cae5f5;
    border:1px solid #b0cee0;
    padding:8px;
    border-radius:2px;
}

.annonce-site-details .titre{
    margin-top:15px;
    font-size:12px;
    font-weight:bold;
    color:#555555;
}

.annonce-site-details .corps{
    margin-top:5px;
    margin-bottom:30px;
    background-color:transparent;
}

.annonce-site-details .mot-cle{
    padding:2px 3px;
    font-size:11px;
    margin-bottom:2px;
    color:#13567d;
    font-weight:normal;
    display:inline-block;
    background-color:transparent;
}

.annonce-site-details .bulle-mot-cle-nb{
    background-color:#77d275;
    color:#FFFFFF;
    border-radius:2px;
    padding:2px 8px;
    font-size:11px;
    display:inline-block;
    text-align:center;
    line-height:16px;
    font-weight:normal;
    width:auto;
}

.annonce-site-details .trust-flow-topic{
    padding:2px 3px;
    font-size:11px;
    margin-bottom:2px;
    color:#13567d;
    font-weight:normal;
    display:block;
    background-color:transparent;
}

.annonce-site-details .bulle-tf{
    color:#FFFFFF;
    border-radius:2px;
    padding:2px 8px;
    font-size:11px;
    display:inline-block;
    text-align:center;
    line-height:16px;
    font-weight:normal;
    width:auto;
}



/********************************************************************/
/********************************************************************/
/* echange-structure  */
/********************************************************************/
/********************************************************************/

.echange-structure{
    margin-top:30px;
}

.echange-structure .ligne-titre{
    background-color:#E0E0E0;
    color:#000000;
    font-weight:bold;
    padding:18px 0px;
    font-size:18px;
    margin-bottom:30px;
    margin-top:50px;
}

/*
.echange-structure .ligne-separation{
    border-bottom:2px solid #E0E0E0;
    padding-bottom:15px;
    margin-bottom:25px;
}*/

.echange-structure .col-fleche{
    text-align:center;
    font-size:40px;
}

.echange-structure .actions{
    margin-top:30px;
    background-color:#F0F0F0;
    padding:20px 0px;
        text-align:center;
}

.echange-structure .actions .col-droite{

}


.echange-structure .actions .btn-action{
    background-color:#0288d4;
    padding:10px 15px;
    font-size:16px;
    color:#FFFFFF;
    text-decoration:none;
    border:0;
    border-radius:2px;
}

.echange-structure .actions .btn-action-success{
    background-color:#3ec547;
}

.echange-structure .actions .btn-action:hover{
        background-color:#333333;

}



/********************************************************************/
/********************************************************************/
/* echange-form  */
/********************************************************************/
/********************************************************************/

.echange-structure .colonne-client {
    background-color:#F0F0F0;
    padding:20px;
    border:1px solid #E0E0E0;
}

.echange-structure .colonne-client .titre{
    background-color:#E0E0E0;
    padding:10px;
    font-size:20px;
    font-weight:bold;
    margin-bottom:30px;
}


.echange-form-moi{
    background-color:#d6ecf6;
}


.echange-form .ligne{
    margin-bottom:10px;
    border-bottom:0;
    border-bottom:1px solid #EEEEEE;
    padding-bottom:10px;

}

.echange-form-moi .ligne{
    border-bottom:1px solid #cbe1eb;

}



.echange-form .champ-titre{
    padding-top:10px;
    font-size:16px;
    font-weight:bold;
    color:#000000;
}

.echange-form .champ-valeur{
    padding-top:5px;
    color:#0288d4;
    font-size:15px;
}

.echange-form .champ-valeur .legende{
    color:#444444;
    font-style:italic;
    padding-bottom:8px;
    font-size:14px;
}


.echange-form .align-right{
    text-align:right;
}

.echange-form input.input1{
    border:1px solid #E0E0E0;
    padding:8px 8px;
    color:#0288d4;
    font-weight:bold;
    font-size:14px;
    border-radius:4px;
    width:100%;
}


.echange-form .bulle-fichier{
    margin-top:12px;
    border:1px dashed #CCCCCC;
    padding:5px;
}








/********************************************************************/
/********************************************************************/
/* .messagerie .messages  */
/********************************************************************/
/********************************************************************/


.messagerie .messages .liste{

    margin-top:10px;

}

.messagerie .messages .row {
    margin:0;
    padding:0;
}


.messagerie .messages .auteur-titre a{
    color:#32799e;
    margin-bottom:0px;
    font-size:15px;
    font-weight:bold;

}


.messagerie .messages .item {

    padding-bottom:10px;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #F0F0F0;
}

.messagerie .messages .date{
    color:#A0A0A0;
    margin-bottom:5px;
    font-size:12px;
    font-style:italic;
    margin-top:4px;
}

.messagerie .messages .auteur{
    text-align:right;
    font-size:14px;
}

.messagerie .messages .auteur img{
    width:35px;
}

.messagerie .messages .message{
    color:#000000;
    margin-bottom:0px;
    font-size:15px;
    font-weight:bold;
    background-color:#F0F0F0;
    border:1px solid #DDDDDD;
    border-radius:3px;
    padding:15px 20px;
}

.messagerie .messages .message-auteur-distant{
    background-color:#e7f4fb;
    border:1px solid #d0e5f1;
}

.messagerie .reponse {
    margin-top:10px;
    padding-top:35px;
    padding-bottom:25px;
    font-size:16px;
    
}

.messagerie  .reponse .form-textarea {
	width:100%;
	height:110px;
	padding:15px 15px;
	background-color:#FFFFFF;
	border:1px solid #C0C0C0;
	color:#0070c0;
	font-weight: bold;
    font-size:15px;
    border-radius:2px;
}

.messagerie .reponse  .btn-form{
	width:200px;
	height:40px;
	padding:2px;
	background-color:#0288d4;
	border:1px solid #0288d4;
	color:#FFFFFF;
	font-weight: bold;
    font-size:15px;
}

.messagerie .reponse  .btn-form:hover{
    background-color:#65a1c0;
    	border:1px solid #65a1c0;
}













/********************************************************************/
/********************************************************************/
/* COULEURS SUR MESURE  */
/********************************************************************/
/********************************************************************/

a.col-gris1,
.col-gris1 {color: #A0A0A0;}

.col-blanc{color:#FFFFFF;}

.col-bleu1{color:#206898;}
.bg-col-bleu1{background-color: #206898;}

.col-bleu2{color:#0288d4;}
.bg-col-bleu2{background-color: #0288d4;}


.col-noir{color:#000000;}
.bg-col-noir{background-color: #000000;}

.col-orange{color:orange;}
.bg-col-orange{background-color: orange;}

.col-success, .col-vert {color: green;}
.bg-col-success, .bg-col-vert {background-color: green;}

a.col-warning,
.col-warning{color:orange;}
.bg-col-warning{background-color:orange;}

.col-urgence, .col-danger {color: red;}
.bg-col-urgence, .bg-col-danger {background-color:red;}


/********************************************************************/
/********************************************************************/
/* bulle-etat  */
/********************************************************************/
/********************************************************************/

.bulle-etat{
    background-color:#888888;
    color:#FFFFFF;
    border-radius:3px;
    padding:4px 4px;
    font-size:13px;
    display:inline-block;
    text-align:center;
    line-height:16px;
    width:auto;
}

.bulle-etat a{
    color:#FFFFFF;
}

.bulle-etat-todo{
    background-color:orange;
}

.bulle-etat-todo-urgent{
    background-color:#d4a2da;
}

.bulle-etat-rejet{
    background-color:red;
}

.bulle-etat-attente{
    background-color:#e9c16a;
}


.bulle-etat-echec{
    background-color:#e37fa0;
}


.bulle-etat-pre-succes{
    background-color:#4da8cc;
}


.bulle-etat-vert,
.bulle-etat-succes{
    background-color:#4cc549;
}

.bulle-etat-premium{
    background-color:#e1d09b;
}

.bulle-etat-succes-leger{
    background-color:#8ce08a;
}

bulle-etat-bleu{
    background-color:#0288d4;
}

.bulle-etat-en-cours{
    background-color:#77d275;
}

.bulle-etat-opportunite-achetee {
    background-color:#5db0e0;
}

.bulle-etat-message-non-lu {
    background-color:orange;
}


.bulle-etat-vide{
    background-color:transparent;
    border:1px solid #A0A0A0;
    color:#777777;
}

.bulle-etat-delegation-agence{
    background-color:#0288d4;
}


.bulle-etat-bleu,
.bulle-etat-opportunites-mot-cle {
    background-color:#5db0e0;
}


@media(max-width:1200px){
    .bulle-etat {
        width:90%;
    }
}


@media(max-width:768px){
    .bulle-etat {
        width:auto;
    }
}



/********************************************************************/
/********************************************************************/
/* bulle-tf  */
/********************************************************************/
/********************************************************************/


.bulle-tf{
    background-color:#EEEEEE;
    color:#555555;
    border-radius:2px;
    padding:3px 7px;
    font-size:12px;
    display:inline-block;
    text-align:center;
    line-height:16px;
}


.bulle-divers{
    background-color:#A0A0A0;
    color:#FFFFFF;
    border-radius:3px;
    padding:3px 5px;
    font-size:13px;
    display:inline-block;
    text-align:center;
    line-height:16px;
    width:auto;

}

.bulle-site-titre-prospect {color:#865a36;}
.bulle-site-titre-a-evaluer {color:orange;}
.bulle-site-titre-valide {color:#206898;}
.bulle-site-titre-en-vente {color:#13b80f;}

.bulle-client-titre {color:#000000;}

.bulle-tf00 {background-color:#BBBBBB;color:#FFFFFF;}
.bulle-tf0 {background-color:#adbd85;color:#FFFFFF;}
.bulle-tf10  {background-color:#b3cc77;color:#FFFFFF;}
.bulle-tf15  {background-color:#5fe35c;color:#FFFFFF;}
.bulle-tf20  {background-color:#2ed52a;color:#FFFFFF;}
.bulle-tf30  {background-color:#05d900;color:#FFFFFF;}

.bulle-position-niv1 {background-color:#BBBBBB;color:#FFFFFF;}
.bulle-position-niv2 {background-color:#adbd85;color:#FFFFFF;}
.bulle-position-niv3  {background-color:#b3cc77;color:#FFFFFF;}
.bulle-position-niv4  {background-color:#5fe35c;color:#FFFFFF;}
.bulle-position-niv5  {background-color:#2ed52a;color:#FFFFFF;}
.bulle-position-niv6  {background-color:#05d900;color:#FFFFFF;}



.trafic-niv1 {color:#b3cc77;font-weight:bold;}
.trafic-niv2 {color:#5fe35c;font-weight:bold;}
.trafic-niv3 {color:#4ed94b;font-weight:bold;}
.trafic-niv4 {color:#14e40f;font-weight:bold;}

.bulle-type-site-prospect {background-color:#865a36;}
.bulle-type-site-valide {background-color:#206898;}
.bulle-type-site-valide-vente {background-color:#13b80f;}


.bulle-divers-gris {background-color:#888888;}
.bulle-divers-attente {background-color:#666666;}
.bulle-divers-normal {background-color:#0288d4;}
.bulle-divers-todo {background-color:#0288d4;}
.bulle-divers-succes {background-color:#77d275;}
.bulle-divers-succes2 {background-color:#2ebb2b;}
.bulle-divers-erreur {background-color:orange;}
.bulle-divers-erreur-grave {background-color:red;}
.bulle-divers-red {background-color:red;}



.bulle-note{
    background-color:transparent;
    color:#888888;
    border-radius:3px;
    padding:3px 8px;
    font-size:13px;
    border:0px solid #BBBBBB;
    display:inline-block;
    text-align:center;
    line-height:16px;
}

.bulle-note-niv1 {border-color:#888888;color:#888888;}
.bulle-note-niv2  {border-color:#888888;color:#888888;}
.bulle-note-niv3  {border-color:#8e9632;color:#8e9632;}
.bulle-note-niv4  {border-color:#6eb263;color:#6eb263;}
.bulle-note-niv5  {border-color:#37b722;color:#37b722;font-weight:bold;}
.bulle-note-niv6  {border-color:#169c00;color:#169c00;font-weight:bold;}



@media(max-width:1200px){
    .bulle-divers {
        width:90%;
    }
}


@media(max-width:768px){
    .bulle-divers {
        width:auto;
    }
}




/********************************************************************/
/********************************************************************/
/* col-reservation-etat  */
/********************************************************************/
/********************************************************************/

.col-reservation-etat-1{color:#A0A0A0;}  /* en création */
.col-reservation-etat-2{color:#cc6f23;}  /*  AttenteDescription*/
.col-reservation-etat-3{color:#aa48c3;}  /*  AttenteDePaiement */
.col-reservation-etat-4{color:#4ecb41;}  /*  Payee*/
.col-reservation-etat-5{color:#cc6f23;}  /*  AttenteValidationHote*/
.col-reservation-etat-500{color:#4ecb41;}  /* terminée */



.col-site-url-secret{color:red;}
.col-site-url-prospect{color:#865a36;}
.col-site-url-normal-editeur{color:#079933;}
.col-site-url-normal-annonceur{color:#206898;}
.col-site-url{color:#444444;}
 
 


/********************************************************************/
/********************************************************************/
/* DIVERS  */
/********************************************************************/
/********************************************************************/
.align-left{
    text-align:left;
}
.align-right{
    text-align:right;
}
.align-center{
    text-align:center;
}

.gras{
    font-weight:bold;
}

.rouge{
    color:red;
}

.bloc-corps{
    padding:0px 30px;

}


.notification-bloc {
    background-color:#7cdead;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}



.notification-bloc-warning {
    background-color:orange;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}


.notification-bloc-alerte-importante
{
    background-color:#c10000;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}

.notification-bloc-rappel {
    background-color:#dc78dd;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}

a.lien-avec-pointer{
    padding:3px;
    display:inline-block;
    margin-top:10px;
}


a.lien-avec-pointer{
    cursor:pointer;
}



.etoiles{
    color:#e4c856;
}

.bloc-min-height-600{
    min-height:600px;
}

@media(max-width:768px) {
    .notification-bloc {
        text-align: center;
    }

    .bloc-min-height-600{
        min-height:0;
    }

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

}





.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f00; /* Red */
}