body{
/* 7eb8d 9*/
background-color:#68b8e6;  
/*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;
}

h3{
font-size:16px;
font-weight:bold;
color:#333333;
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-stats */
/********************************************************************/
/********************************************************************/


.header-stats{
padding:7px 15px;
text-align:right;
background-color:#68b8e6;
color:#FFFFFF;
font-size:13px;
font-weight:normal;
}

.header-stats .stat-valeur{
background-color:#91cdef;
color:#FFFFFF;
padding:2px 2px;
border-radius:3px;
}

.header-stats .stat-valeur-negatif{
background-color:orange;
}


.header-stats .stat-valeur-positif{
background-color:#60d16d;
}

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

.header1 {
padding:10px 10px;
background-color:#68b8e6;
color:#FFFFFF;
font-size:23px;
font-weight:bold;
padding-bottom:0px;
}


.header1 .logo{
padding-top:5px;
text-align:left;
margin-left:-15px;
}

.header1 .logo img{
width:70%;
}

.header1 .milieu{
text-align:left;
font-size:16px;
padding-top:12px;
font-weight:normal;
padding-bottom:0px;

}

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

    .header1 .milieu a.menu-univers {
        display: inline-block;
        padding: 9px 6px;
        margin-right: 3px;
        font-size: 15px;
        background-color: #68b2e3;
        border: 1px solid #91cdef;
        border-bottom: 0;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
    }

        .header1 .milieu a.menu-univers:hover {
            background-color: #2f7eb7;
        }

.header1 .milieu a.menu-univers-sel{
background-color:#0c496d;
}


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


    .header1 .actions-col-droite {
        padding-top:10px;
    }

.header1 .actions .menu-simple {
    color: #FFFFFF;
   
}


.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:1400px) {

.header1 .milieu a.menu-univers {
    padding: 9px 5px;
    margin-right: 5px;
    font-size: 14px;
}
}

@media(max-width:1200px) {
.header1 .logo img {
    width: 100%;
}

.header1 .milieu a.menu-univers {
    padding: 9px 5px;
    margin-right: 2px;
    font-size: 13px;
}


.header1 .actions {
    font-size: 13px;
}

}

     
}

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



/********************************************************************/
/********************************************************************/
/* .header1 .dropdown */
/********************************************************************/
/********************************************************************/




.header1 .dropdown {
    display: inline-block;
    margin-left: 12px;
    margin-right: 32px;
    color: #FFFFFF;
}

    .header1 .dropdown .menu-btn {
        color: #FFFFFF;
        padding: 0;
        font-size: 13px;
        padding-top: 20px;
        padding-bottom: 9px;
        margin-left: 15px;
        background-color: transparent;
        margin-top: 8px;
        padding: 4px 0px;
        border-radius: 3px;
        font-weight: bold;
        border: 0;
    }

    .header1 .dropdown .menu-btn-sel {
        color: #FFFFFF;
        background-color: #830000;
    }




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

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

    .main .menu-gauche {
        background-color: #68b8e6;
        color: #FFFFFF;
        min-height: 1800px;
        margin-top: 10px;
    }

        .main .menu-gauche .titre-section {
            font-size: 11px;
            text-transform: uppercase;
            margin-top: 30px;
            margin-bottom: 15px;
            color: rgba(255,255,255,0.7);
            border-bottom: 1px solid rgba(255,255,255,0.7);
            padding-bottom: 10px;
        }

        .main .menu-gauche a.menu-item {
            margin-top: 5px;
            display: block;
            color: #FFFFFF;
            padding: 7px 10px;
            text-decoration: none;
            font-size: 14px;
            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;
            padding: 5px 10px;
            margin-top:2px;
        }

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

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

        .main .menu-gauche .bulle-neutre {
            background-color: #4096d0;
        }

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

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

    .corps .corps-titre {
        background-color: #F5F5F5;
        background-color: #FFFFFF;
        border-bottom: 1px solid #EAEAEA;
        color: #666666;
        padding: 15px 15px;
        font-size: 14px;
        padding-top: 20px;
        padding-right:0px;
    }

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

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



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


        .corps .corps-titre .btn-retour {
            background-color: #F0F0F0;
            border:1px solid #E0E0E0;
            color: #999999;
            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: #002d46;
            color: #FFFFFF;
        }



        .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 a.btn-action-vert,
        .corps .corps-titre .btn-action-vert {
            background-color: #08ac00;
            color: #FFFFFF;
        }

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



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


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




@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 15px;
    padding-bottom: 50px;
    color: #333333;
    font-size: 15px;
    min-height: 500px;
    
}

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

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


@media(max-width:768px) {

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




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

.corps-filtres {
    background-color: #F3F3F3;
    background-color: #FFFFFF;
}

.menu-filtre {
    padding: 18px;
    border-top: 1px solid #DDDDDD;
    padding-left: 40px;
    padding-top: 20px;
    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: 13px;
        padding: 10px 7px;
        text-decoration: none;
        color: #333333;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        background-color: #CCCCCC;
    }

        .menu-filtre a.item-catalogue{
                padding: 12px 14px;
    font-size:15px;
        }


    .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: 12px;
    padding: 8px 3px;
}

.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: #6fbbe7;
    color: #FFFFFF;
}

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

.menu-filtre a.item .bulle-etat{
    background-color:#298ac3;
    padding:3px 7px;
    color:#FFFFFF;
    border-radius:3px;
}



.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-neutre-visible {
    background-color: #66a9d0;
}

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


/********************************************************************/
/********************************************************************/
/*  .barre-confidentialite */
/********************************************************************/
/********************************************************************/
.barre-confidentialite {
    font-size: 13px;
}

    .barre-confidentialite .blocs-niveau {
    }

    .barre-confidentialite .bloc-niveau {
        padding: 3px 8px;
        border: 1px solid #CCCCCC;
        font-size: 12px;
        text-align: center;
        display: inline-block;
        float: right;
        line-height: 20px;
        color: #A0A0A0;
    }

    .barre-confidentialite .bloc-legende {
        padding: 3px 5px;
        text-align: center;
        display: inline-block;
        float: right;
        line-height: 20px;
        color:#A0A0A0;
    }

    .barre-confidentialite .bloc-consignes {
        margin-top: 12px;
        text-align: right;
    }

    .barre-confidentialite .bloc-niveau-valide {
        background-color: #5fe35c;
    }

/********************************************************************/
/********************************************************************/
/*bloc-information */
/********************************************************************/
/********************************************************************/
.bloc-information {
    padding: 18px;
    background-color: #cfe5f1;
    border: 1px solid #F3F3F3;
    margin-bottom: 20px;
    color: #107ab6;
    font-size: 14px;
}

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

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

.bloc-information-warning {
    background-color: #c26edb;
    color: #FFFFFF;
}

    .bloc-information-warning a {
        color: #FFFFFF;
    }



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

.ligne-consigne {
    padding: 10px;
    background-color: #68b8e6;
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 13px;
}

.ligne-consigne-warning {
    background-color: #d6b785;
}


/********************************************************************/
/********************************************************************/
/* tableau-top-multi-pages  */
/********************************************************************/
/********************************************************************/
.tableau-top-multi-pages {
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    padding: 10px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .tableau-top-multi-pages a.lien {
        padding: 5px 8px;
        border: 1px solid #F3F3F3;
        text-decoration: none;
        margin-left: 7px;
        display: inline-block;
    }

        .tableau-top-multi-pages a.lien:hover {
            background-color: #333333;
            color: #FFFFFF;
        }

    .tableau-top-multi-pages a.lien-sel {
        background-color: #0288d4;
        color: #FFFFFF;
    }



/********************************************************************/
/********************************************************************/
/* 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: #000000;
    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: 3px 00px;
    padding-bottom: 0px;
    font-size: 13px;
    margin-top: 20px;

}

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

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


.tableau-top-filtres-right {
    text-align: right;
}

.tableau-top-filtres select {
    border: 1px solid #E0E0E0;
    padding: 5px 2px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    border-radius: 2px;
}

    .tableau-top-filtres select.normal {
        border: 1px solid #E0E0E0;
        padding: 8px 15px;
        color: #000000;
        font-weight: bold;
        font-size: 15px;
        border-radius: 2px;
    }

.tableau-top-filtres input {
    border: 1px solid #E0E0E0;
    padding: 6px 8px;
    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-gris {
    background-color: #C0C0C0;
    border: 1px solid #B0B0B0;
    color: #FFFFFF;
    padding: 8px 15px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 2px;
}


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

.tableau-top-filtres .filtre-categories {
    padding-top: 10px;
    padding-bottom:10px;
}

.tableau-top-filtres .filtre-categories a.btn-cat {
    padding: 6px 9px;
    border-radius: 3px;
    background-color: #E0E0E0;
    border:#D0D0D0 1px solid;
    color: #555555;
    margin-right: 8px;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none;
    font-size:13px;
}


    .tableau-top-filtres .filtre-categories a.btn-cat-big {
        padding: 6px 12px;
        border-radius: 3px;
        background-color: #E0E0E0;
        color: #333333;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
        text-decoration: none;
        font-size:14px;
       
    }


.tableau-top-filtres .filtre-categories a.btn-cat:hover {
    background-color: #333333;
    color: #FFFFFF;
}

.tableau-top-filtres .filtre-categories a.btn-cat-sel {
    background-color: #63add8;
    color: #FFFFFF;
}


.tableau-top-filtres select.select-bleu {
    color: #0288d4;
}

.tableau-top-filtres select.select-voyant {
    color: #dc46d3;
    font-weight:bold;
}

.tableau-top-filtres input.input-voyant {
    color: #dc46d3;
    font-weight:bold;
}


.tableau-top-filtres a.btn-action-nouveau {
    background-color: #0288d4;
    border: 1px solid #0288d4;
    color: #FFFFFF;
    display: inline-block;
    padding: 8px 15px;
    font-weight: normal;
    font-size: 15px;
    border-radius: 2px;
}

@media(max-width:1400px) {
    .tableau-top-filtres .filtre-item {
        font-size: 12px;
    }

    .tableau-top-filtres select {
        padding: 5px 3px;
        font-size: 13px;
    }

    .tableau-top-filtres .btn-valider {
        padding: 5px 9px;
        font-size: 15px;
    }
}


@media(max-width:1200px) {
    .tableau-top-filtres .filtre-item {
        margin-right: 0px;
        font-size: 11px;
    }
}




@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: 5px 5px;
}

    .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: #F3F3F3;
        padding: 5px 0px;
        font-size: 13px;
        color: #333333;
        font-weight: normal;
        display: flex;
        align-items: center;
    }

  .tableau  .ligne-titre-forte{
      background-color:#555555;
      color:#FFFFFF;
  }


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

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



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


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



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

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





    .tableau .ligne-valide-legere:nth-child(2n+1),
    .tableau .ligne-valide-legere {
        background-color: #e6f5fd;
    }

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

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

    .tableau .ligne-warning:nth-child(2n+1),
    .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-bg-site-etat-calibrage-success {
        background-color: #edffda;
    }

    .tableau .ligne-bg-site-etat-calibrage-success:nth-child(2n+1) {
        background-color: #edffda;
    }

    .tableau .ligne-bg-site-etat-calibrage-echec {
        background-color: #f7d6fa;
    }

    .tableau .ligne-bg-site-etat-calibrage-echec:nth-child(2n+1) {
        background-color: #f7d6fa;
    }

    .tableau .ligne-bg-site-etat-calibrage-passable {
        background-color: #d4e7fc;
    }

    .tableau .ligne-bg-site-etat-calibrage-passable:nth-child(2n+1) {
        background-color: #d4e7fc;
    }


    .tableau .ligne-bg-site-etat-calibrage-warning {
        background-color: #ffeadd;
    }

        .tableau .ligne-bg-site-etat-calibrage-warning:nth-child(2n+1) {
            background-color: #ffeadd;
        }






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

    .tableau .ligne .cell-border-right2 {
        border-right: 1px solid #E0E0E0;
    }

    .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 #F3F3F3;
        margin-top: 10px;
        margin-bottom: 10px;
    }


    .tableau a.btn-action-discret {
        background-color: #F3F3F3;
        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-mono-thematique {
        background-color: #edfdec;
        border: 1px solid #0b9c08;
        color: #0b9c08;
        border-radius: 2px;
    }

    .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 {
        background-color: #FFFFFF;
        border: 1px solid #999999;
        color: #999999;
    }


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

        .tableau .ligne .cell-visible{
            font-size:14px;
        }

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

    .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: #002d46;
        color: #FFFFFF;
    }

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

.tableau .ligne .cell a.btn-action-voir {
    background-color: #555555;
    color: #FFFFFF;
}

    .tableau .ligne .cell a.btn-action-voir:hover {
        background-color: #777777;
        color: #FFFFFF;
    }


.ligne a.btn-favori {
    background-color: #F3F3F3;
    border: 1px solid #E0E0E0;
    padding: 4px 4px;
    padding-right: 4px;
    padding-top: 5px;
    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: #F3F3F3;
    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;
    color: #A0A0A0;
}

    .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: #90d2f1;
    color: #FFFFFF;
}

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







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

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







.ligne a.btn-corbeille {
    background-color: #F3F3F3;
    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 3px;
    padding-right: 5px;
    padding-top: 6px;
    font-size: 12px;
    border-radius: 2px;
    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;
    }

.panier-btn-delegation-voir:hover {
    cursor: pointer;
}

.panier-btn-delegation-voir {
    color: #0288d4;
}

.panier-delegation-legende {
    margin-top: 10px;
    width: 80%;
    text-align: left;
    float: right;
    background-color: #F3F3F3;
    padding: 10px;
    border: 1px solid #E0E0E0;
}

@media(max-width:1200px) {
    .panier-delegation-legende {
        margin-top: 10px;
        width: 100%;
    }
}



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


.tableau .ligne-section-mini-mini {
    margin-top: 4px;
    background-color: #F3F3F3;
    padding: 8px 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: #002d46;
    color: #FFFFFF;
    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: #0067a1;
    color: #FFFFFF;
}


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





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


.tableau a.btn-action-liste-site-achat-articles {
    padding: 6px 5px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    text-transform: uppercase;
    background-color: #002d46;
    color: #FFFFFF;
    width: 200px;
}

    .tableau a.btn-action-liste-site-achat-articles:hover {
        background-color: #0067a1;
    }



@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%;
    }

    .tableau a.btn-action-liste-site-achat-articles {
        padding: 8px 3px;
        font-size: 10px;
    }
}



@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 5px;
    padding-right: 6px;
    padding-top: 7px;
    font-size: 15px;
    border-radius: 3px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    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 #F3F3F3;
    min-height: 500px;
}

.formulaire h1{
    text-align:left;
    text-transform:none;
    font-size:24px;
    margin-top:0px;
    font-weight:bold;
}

.formulaire h2{
}

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

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

.formulaire .cadre-credits-offerts{
    background-color:#daffe9;
    border:1px dotted #baf2d0;
    padding:8px;
    border-radius:3px;
    color:#000000;
    font-size:14px;
}


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

.formulaire .ligne-small {
    margin-top: 0px;
    padding: 10px 0px;
}

.formulaire .ligne-trait-horiz-top {
    border-top: 1px solid #F3F3F3;
}

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

.formulaire .champ-titre-small {
    padding-top: 2px;
}

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

.formulaire .champ-valeur-small {
    padding: 0;
    margin: 0;
}

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

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

.formulaire .champ-valeur .legende-estimation-tarif {
    background-color: #f6e9cc;
    color: #956200;
    padding: 10px;
    border-radius: 3px;
}




.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 input.voyant {
        color:#e029c2;

}

.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-voyant {
           color:#e029c2;
}

.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,
.formulaire a.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-big,
.formulaire a.btn-valider-big {
    padding: 15px;
    color: #FFFFFF;
    width: 220px;
    font-size: 15px;
    border-radius: 3px;
}

.formulaire input.btn-valider-vert,
.formulaire a.btn-valider-vert {
    background-color:#2ed52a;
}

.formulaire input.btn-valider-100p,
.formulaire a.btn-valider-100p {
    width: 100%;
}

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

.formulaire .btn-margin-right {
    margin-right: 10px;
}


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


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

.formulaire .btn-valider-orange,
.formulaire input.btn-valider-orange {
    background-color: orange;
}

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

.formulaire a.btn-valider:hover,
.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,
.formulaire a.btn-valider-souple {
    width: auto;
}


    
.formulaire input.btn-vert {
    background-color: #2ed52a;
}

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

.formulaire .sous-zone a.option-affichage{
        font-size: 13px;
    font-weight: normal;
    color:#0288d4;

}

.formulaire .sous-zone .action-pliage {
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

    .formulaire .sous-zone .action-pliage:hover {
        cursor: pointer;
        color: #0288d4;
    }

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

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

.formulaire .sous-zone .action-pliage {
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

    .formulaire .sous-zone .action-pliage:hover {
        cursor: pointer;
        color: #0288d4;
    }

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


.formulaire .bloc-offre-mode-agence-web {
    background-color: #68b8e6;
    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: #e0eeff;
    color: #0288d4;
    font-weight: normal;
    padding: 15px;
    border-radius: 4px;
}


.formulaire .consignes-de-redaction-ia {
    background-color: #fae0ff;
    color: #b537d0;
    font-weight: normal;
    padding: 15px;
    border-radius: 4px;
}


.formulaire .consignes-de-redaction-majeur {
}

.formulaire .consignes-de-redaction-warning {
    background-color: red;
    color: #FFFFFF;
}

.formulaire .consignes-de-redaction-tb {
    background-color: #0075ed;
    color: #FFFFFF;
}


.formulaire .consignes-de-redaction .consignes-specifiques {
    color: #63340f;
}

    .formulaire .consignes-de-redaction .consignes-specifiques a {
        color: #63340f;
    }

.formulaire .ticket-message {
    background-color: #e0eeff;
    color: #0288d4;
    font-weight: normal;
    padding: 15px;
    border-radius: 4px;
    margin-bottom:15px;
}

.formulaire .ticket-message-admin {
    background-color: #d7f0d0;
    color: #2f7a1b;
}

    .formulaire .ticket-message-systeme {
    background-color: #FFFFFF;
    color: #888888;
}



/********************************************************************/
/********************************************************************/
/* 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;
    }
}
/********************************************************************/
/********************************************************************/
/* ressource-edito-page  */
/********************************************************************/
/********************************************************************/

.ressource-edito-page {
    max-width: 1200px;
    padding: 40px;
    background-color: #FFFFFF;
    border: 1px solid #F3F3F3;
}

    .ressource-edito-page .head-legende {
        background-color: #F3F3F3;
        padding: 15px;
        font-size: 14px;
        border: 1px dashed #A0A0A0;
        border-radius: 3px;
        font-style: italic;
    }

    .ressource-edito-page h1 {
        text-align: left;
        font-size: 35px;
        text-transform: none;
        margin-bottom: 20px;
        font-weight: bold;
        color: #000000;
    }

    .ressource-edito-page h2 {
        text-align: left;
        font-size: 28px;
        text-transform: none;
        color: #222222;
        margin-top: 50px;
        margin-bottom: 10px;
    }


    .ressource-edito-page h3 {
        text-align: left;
        font-size: 20px;
        text-transform: none;
        color: #333333;
        margin-top: 40px;
        margin-bottom: 10px;
    }


    .ressource-edito-page .photo {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .ressource-edito-page .texte2 {
        line-height: 25px;
    }


        .ressource-edito-page .texte2 a {
        }



    .ressource-edito-page .actions-bottom .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;
    }


@media(max-width:768px) {
    .ressource-edito-page {
        padding: 20px 10px;
    }
}

/********************************************************************/
/********************************************************************/
/* 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;
    }





/********************************************************************/
/********************************************************************/
/* accueil-zone-annonceur */
/********************************************************************/
/********************************************************************/
.accueil-zone-annonceur{
    padding-top:100px;
    padding-bottom:130px;
}

.accueil-zone-annonceur-bleu{
    background-color:#FFFFFF;
}

.accueil-zone-annonceur .titre-image{
    text-align:center;
}

.accueil-zone-annonceur .titre-image img{
    width:400px;
}


.accueil-zone-annonceur .h1-like{
    text-align:center;
    padding:0px 0px;
    margin:0px 15px;
    font-size:26px;
    font-weight:bold;
    color:#333333;
    margin-top:20px;
    margin-bottom:10px;
    line-height:35px;
    text-transform:none;
}

.accueil-zone-annonceur .h2-like{
    text-align:center;
    padding:0px 0px;
    margin:0px 15px;
    font-size:17px;
    font-weight:normal;
    color:#333333;
    line-height:27px;
    margin-top:10px;
    margin-bottom:20px;

    text-transform:none;
}

.accueil-zone-annonceur .h2-like a{
    color:#333333;

}

.accueil-zone-annonceur .h2-illustration-legende{
    text-align:center;
    margin-bottom:40px;
    margin-top:-20px;
}



.accueil-zone-annonceur-bleu .h1-like{
    color:#FFFFFF;
}


.accueil-zone-annonceur h1{
    font-size:17px;
    color:#666666;
    text-align:center;
    margin-bottom:100px;
    margin-top:30px;
}

.accueil-zone-annonceur  .item1{
   text-align:center;
   padding-bottom:20px;
   margin-top:70px;
}

.accueil-zone-annonceur  .item1 .image{
    margin-top:20px;
}

.accueil-zone-annonceur  .item1 .image img{
    width:80px;
}


.accueil-zone-annonceur  .item1 .image-mini{
    margin-bottom:30px;
    margin-top:60px;
}

.accueil-zone-annonceur  .item1 .image-mini img{
    width:50px;
}



.accueil-zone-annonceur  .item1 .stat-titre{
   font-size:18px;
   font-weight:bold;
   margin-top:20px;
   line-height:25px;
   color:#333333;
   text-align:center;
}

.accueil-zone-annonceur  .item1 .stat-valeur{
   font-size:35px;
   font-weight:normal;
   margin-top:20px;
   line-height:25px;
   color:#419bcf;
   text-align:center;
}


.accueil-zone-annonceur  .item1 .stat-explications{
   font-size:14px;
   font-weight:normal;
   margin-top:20px;
   line-height:18px;
   color:#555555;
   text-align:center;
   padding:10px 50px;
}

.accueil-zone-annonceur  .item1 .stat-explications a{
       color:#555555;

}


.accueil-zone-annonceur  .item1 .texte1{
   font-size:14px;
   font-weight:normal;
   margin-top:20px;
   line-height:25px;
   color:#555555;
   text-align:justify;
}

.accueil-zone-annonceur  .item1 .texte1 a{
   color:#555555;
}

.accueil-zone-annonceur-bleu .item1 .texte1{
   color:#FFFFFF;
}


.accueil-zone-annonceur  .item1 .titre{
    color:#222222;
    font-weight:bold;
    font-size:17px;
    margin-bottom:10px;
}


.accueil-zone-annonceur  .item1 .titre a{
    color:#32799e;
}



.accueil-zone-annonceur  .item1 .texte2{
   margin-top:25px;
   font-size:14px;
   text-align:justify;
   display:none;
}

.accueil-zone-annonceur .mini-actions{
    margin-top:15px;
}

.accueil-zone-annonceur .mini-actions .mini-lien{
    color:#999999;
    font-weight:normal;
    padding:8px 20px;
    display:inline-block;
    border-radius:3px;
    font-size:15px;
    text-decoration:none;
}

.accueil-zone-annonceur .mini-actions .mini-lien:hover{
    background-color:#333333;
    color:#FFFFFF;
}

.accueil-zone-annonceur .actions{
    text-align:center;
    margin-top:0px;
}

.accueil-zone-annonceur .text-jerome
{
    margin-top:40px;
    text-align:center;
    line-height:30px;
}

.accueil-zone-annonceur .text-jerome a{
    color:#333333;
}

.accueil-zone-annonceur .text-center
{
    text-align:center;
}

.accueil-zone-annonceur .actions .btn-action{
    min-width:200px;
	padding:12px 20px;
    background-color:#2ed52a;
    margin:0 20px;
	color:#FFFFFF;
	font-weight: bold;
    font-size:18px;
    border-radius:0px;
    line-height:32px;
    display:inline-block;
    text-decoration:none;
    border-radius:3px;

}

.accueil-zone-annonceur .actions .btn-action:hover{
   background: linear-gradient(45deg, #007fc9, #009db3);   
      background: linear-gradient(45deg, #333333, #333333);   
      cursor:pointer;

}





@media(max-width:920px) {

    .accueil-zone-annonceur{
        padding-top:50px;
        padding-bottom:40px;
        margin-bottom:30px;
    }



    .accueil-zone-annonceur .h1-like {
        line-height:40px;
        margin-top:0px;
        margin-bottom:10px;
    }


    .accueil-zone-annonceur .item1 .texte1 {
        margin-bottom:50px;
        margin-top:0px;
    }

    
    .accueil-zone-annonceur .titre-image img{
        width:80%;
    }

}


@media(max-width:768px) {
     .accueil-zone-annonceur .titre-image img{
      width:80%;
    }


    .accueil-zone-annonceur {
        padding-bottom:130px;
    }

    .accueil-zone-annonceur .item1 .titre {
        display:none;
    }

    .accueil-zone-annonceur .item1 .texte1 {
        margin-bottom:50px;
        margin-top:0px;
    }

    .accueil-zone-annonceur  .item1 .image{
        margin-top:0px;
    }

    
    .accueil-zone-annonceur .h2-illustration-legende img{
        width:80%;
    }



}






/********************************************************************/
/********************************************************************/
/* 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: #F3F3F3;
        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: #F3F3F3;
        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 #F3F3F3;
}

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

/********************************************************************/
/********************************************************************/
/* commande-bloc-annexe  */
/********************************************************************/
/********************************************************************/


.commande-bloc-annexe {
    margin-top: 10px;
}

    .commande-bloc-annexe .menu .menu-item {
        background-color: #CCCCCC;
        color: #000000;
        padding: 10px 0px;
        text-align: center;
    }

        .commande-bloc-annexe .menu .menu-item:hover {
            cursor: pointer;
            background-color: #999999;
        }


    .commande-bloc-annexe .menu .menu-item-sel {
        background-color: #0288d4;
        color: #FFFFFF;
    }

    .commande-bloc-annexe .menu {
        border-bottom: 1px solid #A0A0A0;
    }

        .commande-bloc-annexe .menu .col-xs-6 {
            padding: 0px 2px;
            margin: 0;
        }

    /********************************************************************/
    /********************************************************************/
    /* .commande-bloc-annexe .historique-commande  */
    /********************************************************************/
    /********************************************************************/

    .commande-bloc-annexe .historique-commande {
        margin-top: 30px;
    }

        .commande-bloc-annexe .historique-commande .message {
            margin-bottom: 20px;
        }

            .commande-bloc-annexe .historique-commande .message .auteur {
                font-size: 12px;
                margin-bottom: 4px;
            }

            .commande-bloc-annexe .historique-commande .message .texte {
                background-color: #E0E0E0;
                border-radius: 4px;
                border: 1px solid #EEEEEE;
                padding: 7px 12px;
                font-size: 13px;
                text-overflow: ellipsis;
                word-wrap: break-word;
            }





    /********************************************************************/
    /********************************************************************/
    /* messagerie-commande  */
    /********************************************************************/
    /********************************************************************/

    .commande-bloc-annexe .messagerie-commande {
        padding: 10px;
        margin-top: 30px;
    }

        .commande-bloc-annexe .messagerie-commande .titre {
            font-size: 18px;
            border-bottom: 1px solid #DDDDDD;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .commande-bloc-annexe .messagerie-commande .message {
            margin-bottom: 20px;
        }

            .commande-bloc-annexe .messagerie-commande .message .auteur {
                font-size: 13px;
            }

            .commande-bloc-annexe .messagerie-commande .message .texte {
                background-color: #d9ebf7;
                border-radius: 4px;
                border: 1px solid #EEEEEE;
                padding: 10px;
                font-size: 14px;
                text-overflow: ellipsis;
                word-wrap: break-word;
            }


        .commande-bloc-annexe .messagerie-commande #textarea-message {
            width: 100%;
            background-color: #FFFFFF;
            padding: 10px;
            border-radius: 0px;
        }


        .commande-bloc-annexe .messagerie-commande input.btn-envoyer {
            background-color: #0288d4;
            color: #FFFFFF;
            padding: 5px 10px;
            text-align: center;
            width: 100%;
            border: 0;
        }


        .commande-bloc-annexe .messagerie-commande .legende {
            font-size: 13px;
            font-style: italic;
            margin-top: 15px;
        }




/********************************************************************/
/********************************************************************/
/* widget-bottom-contact */
/********************************************************************/
/********************************************************************/

span.widget-bottom-contact,
a.widget-bottom-contact{
    width:220px;
    background: linear-gradient(45deg, #419bcf, #36bdd0);   
    background: linear-gradient(45deg, #e942b5, #e942b5);   
    background: linear-gradient(45deg, #31c92a, #15bf0d);   
    position: fixed; 
    font-size:14px;
    display:block;
    height:40px;
    bottom:0%;
    right:40px;
    color:#FFFFFF;
    opacity: 1;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    padding:10px 0px;
    -webkit-box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    text-align:center;
    text-decoration:none;
}

span.widget-bottom-contact:hover,
a.widget-bottom-contact:hover{
    background: linear-gradient(45deg, #3086b8, #1f9daf);   
      background: linear-gradient(45deg, #333333, #333333);   
      cursor:pointer;
}

span.widget-bottom-contact2,
a.widget-bottom-contact2 {
   right:280px;
}

/********************************************************************/
/********************************************************************/
/* widget-bottom-telephone-version-mobile */
/********************************************************************/
/********************************************************************/


a.widget-bottom-telephone-version-mobile{
    width:100%;
    background: linear-gradient(45deg, #419bcf, #36bdd0);   
    background: linear-gradient(45deg, #e942b5, #e942b5);   
        background: linear-gradient(45deg, #31c92a, #15bf0d);   

    position: fixed; 
    font-size:14px;
    display:block;
    bottom:0%;
    right:0px;
    color:#FFFFFF;
    opacity: 1;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    padding:5px 0px;
    -webkit-box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    text-align:center;
    text-decoration:none;
}

a.widget-bottom-telephone-version-mobile:hover{
    background: linear-gradient(45deg, #3086b8, #1f9daf);   
      background: linear-gradient(45deg, #333333, #333333);   
      cursor:pointer;

}

a.widget-bottom-telephone-version-mobile .numero-telephone{
    font-size:19px;
    margin-top:5px;
    margin-bottom:3px;
}




/********************************************************************/
/********************************************************************/
/* tableau-bord-questions */
/********************************************************************/
/********************************************************************/


.tableau-bord-questions {
    margin-top: 50px;
    padding: 10px;
}

    .tableau-bord-questions .titre {
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 15px;
        border-bottom: 5px solid #E0E0E0;
        padding-bottom: 10px;
    }

    .tableau-bord-questions .question {
        font-size: 15px;
        font-weight: bold;
        margin-top: 28px;
    }

    .tableau-bord-questions .reponse {
        font-size: 14px;
        padding: 15px;
        background-color: #F3F3F3;
        line-height: 25px;
    }

    .tableau-bord-questions a.btn-voir {
        font-size: 14px;
        color: #0288d4;
    }

        .tableau-bord-questions a.btn-voir:hover {
            cursor: pointer;
        }



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

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

.col-ia{
    color:#b537d0;
}

.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-violet {
    color: #8a55e4;
}

.bg-col-violet {
    background-color: #8a55e4;
}

.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: #44c836;
}

.bg-col-success, .bg-col-vert {
    background-color: #44c836;
}

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-nano{
    border-radius: 0px;
    padding: 2px 2px;
    font-size: 11px;
    display: inline-block;
    text-align: center;
    line-height: 12px;
    width: auto;

}

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

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

.bulle-etat-warning {
    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-echec-grave {
    background-color: red;
}

.bulle-etat-promo {
    background-color:#ef3fa7;
}



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

.bulle-etat-mot-cle {
    background-color: #85bbe8;
}

.bulle-etat-mot-cle-positionne {
    background-color: #8d6f68;
}

.bulle-etat-mot-cle-non-positionne {
    background-color: #a48c86;
}


.bulle-etat-tag {
    background-color: #8f83cc;
}
.bulle-etat-tag-texte {
    color: #FFFFFF;
}

.bulle-etat-tag-puissant {
    background-color: #594d99;
    font-weight:bold;
}
.bulle-etat-tag-puissant-texte {
    color: #FFFFFF;
}


.bulle-etat-tag-parasite {
    background-color: #d0caee;
}
.bulle-etat-tag-parasite-texte {
    color: #968bcb;
}


.bulle-etat-categorie {
    background-color: #9ab8d2;
}


.bulle-etat-vert,
.bulle-etat-success,
.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: #68b8e6;
}

.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: #68b8e6;
}

.bulle-etat-profil-annonceur-nouveau
{
    background-color:#A0A0A0;
    color:#222222;
}

    .bulle-etat-profil-annonceur-nouveau-avec-achat
    {
    background-color:#7ee293;
    color:#222222;

    }


.bulle-etat-profil-annonceur-aucun-achat
{
    background-color:#A0A0A0;
    color:#222222;
}


.bulle-etat-profil-annonceur-gros-acheteur-recent
{
    background-color:#45d263;
    color:#222222;
}

.bulle-etat-profil-annonceur-acheteur-recent
{
    background-color:#7ee293;
    color:#222222;
}

.bulle-etat-profil-annonceur-gros-acheteur-ancien
{
    background-color:#d09069;
    color:#222222;
}

.bulle-etat-profil-annonceur-acheteur-ancien
{
    background-color:#e2ad8d;
    color:#222222;
}

.bulle-etat-site-profil-1{
    background-color: #206898;
    color:#FFFFFF;
}
.bulle-etat-site-profil-4{
    background-color: #206898;
    color:#FFFFFF;
}
.bulle-etat-site-profil-2{
    background-color: #229000;
    color:#FFFFFF;
}
.bulle-etat-site-profil-3{
    background-color: red;
    color:#FFFFFF;
}

.bulle-etat-cq-mot-cle-note-10{background-color: #4fd400;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-9{background-color: #4fd400;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-8{background-color: #4fd400;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-7{background-color: #7abf51;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-6{background-color: #7abf51;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-5{background-color: #7abf51;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-4{background-color: #e38b69;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-3{background-color: #e38b69;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-2{background-color: #e38b69;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-1{background-color: #FF0000;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note-0{background-color: #FF0000;color:#FFFFFF;}
.bulle-etat-cq-mot-cle-note--1{background-color: #FF0000;color:#FFFFFF;}


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


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



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


.bulle-tf {
    background-color: #DDDDDD;
    color: #555555;
    border-radius: 2px;
    padding: 3px 4px;
    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-divers-diffusion-forcee {
    background-color: #ffc000;
    color: #FFFFFF;
}


.bulle-divers-certifie-admin {
    background-color: #00c810;
    color: #FFFFFF;
}

.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: #04c200;
    color: #FFFFFF;
}


.bulle-da0 {
    background-color: #BBBBBB;
    color: #FFFFFF;
}

.bulle-da5 {
    background-color: #adbd85;
    color: #FFFFFF;
}

.bulle-da10 {
    background-color: #b3cc77;
    color: #FFFFFF;
}

.bulle-da15 {
    background-color: #5fe35c;
    color: #FFFFFF;
}

.bulle-da20 {
    background-color: #2ed52a;
    color: #FFFFFF;
}

.bulle-da25 {
    background-color: #05d900;
    color: #FFFFFF;
}

.bulle-da30 {
    background-color: #04c200;
    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;
}

.bulle-confidentialite {
    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-confidentialite-0 {
    background-color: #adbd85;
    color: #FFFFFF;
}

.bulle-confidentialite-1 {
    background-color: #b3cc77;
    color: #FFFFFF;
}

.bulle-confidentialite-2 {
    background-color: #5fe35c;
    color: #FFFFFF;
}

.bulle-confidentialite-3 {
    background-color: #2ed52a;
    color: #FFFFFF;
}

.bulle-confidentialite-4 {
    background-color: #05d900;
    color: #FFFFFF;
}

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

.bulle-trafic-niv0 {
    background-color: #b3dd8e;
    color: #FFFFFF;
}

.bulle-trafic-niv1 {
    background-color: #5fe35c;
    color: #FFFFFF;
}

.bulle-trafic-niv2 {
    background-color: #5fe35c;
    color: #FFFFFF;
}

.bulle-trafic-niv3 {
    background-color: #2ed52a;
    color: #FFFFFF;
}

.bulle-trafic-niv4 {
    background-color: #2ed52a;
    color: #FFFFFF;
}

.bulle-trafic-niv5 {
    background-color: #05d900;
    color: #FFFFFF;
}

/*
.bulle-da5 {background-color:#adbd85;color:#FFFFFF;}
.bulle-da10  {background-color:#b3cc77;color:#FFFFFF;}
.bulle-da15  {background-color:#5fe35c;color:#FFFFFF;}
.bulle-da20  {background-color:#2ed52a;color:#FFFFFF;}
.bulle-da25  {background-color:#05d900;color:#FFFFFF;}
.bulle-da30  {background-color:#04c200;color:#FFFFFF;}
*/


.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-divers-sensible {
    background-color: #d484eb;
}

.bulle-divers-redacteur-elite {
    background-color: #cca042;
}

.bulle-divers-redacteur-lw {
    background-color: #68b8e6;
}

.bulle-divers-redacteur {
    background-color: #42ccb0;
}



.bulle-note {
    background-color: #A0A0A0;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 12px;
    border: 0px solid #BBBBBB;
    display: inline-block;
    text-align: center;
    line-height: 16px;
}

.bulle-note-niv1 {
    background-color: #888888;
    color: #FFFFFF;
}

.bulle-note-niv-alerte {
    background-color: #d46a58;
    color: #FFFFFF;
}

.bulle-note-niv2 {
    background-color: #adbd85;
    color: #FFFFFF;
}

.bulle-note-niv3 {
    background-color: #adbd85;
    color: #FFFFFF;
}

.bulle-note-niv4 {
    background-color: #adbd85;
    color: #FFFFFF;
}

.bulle-note-niv5 {
    background-color: #2ed52a;
    color: #FFFFFF;
}

.bulle-note-niv6 {
    background-color: #04c200;
    color: #FFFFFF;
}






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


.bulle-redacteur-note-classe-1 {
    background-color: #e77777;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe0 {
    background-color: #666666;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe1 {
    background-color: #a1a1a1;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe2 {
    background-color: #899d59;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe3 {
    background-color: #99c336;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe4 {
    background-color: #5ad655;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe5 {
    background-color: #29c322;
    color: #FFFFFF;
}

.bulle-redacteur-note-classe6 {
    background-color: #29c322;
    color: #FFFFFF;
}


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

.bulle-niveau-confidentialite-1 {
    background-color: darkorange;
    color: #FFFFFF;
}

.bulle-niveau-confidentialite-2 {
    background-color: #5fe35c;
    color: #FFFFFF;
}

.bulle-niveau-confidentialite-3 {
    background-color: #2ed52a;
    color: #FFFFFF;
}

.bulle-niveau-confidentialite-4 {
    background-color: #2ed52a;
    color: #FFFFFF;
}



@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 */
}

.commentaire-annonceur-box {
    background-color: #f6e9cc;
    color: #956200;
    padding: 10px;
    border-radius: 3px;
}


a.btn-simple-toggle {
    color: #A0A0A0;
    font-size: 13px;
}

    a.btn-simple-toggle:hover {
        cursor: pointer;
        color: #0288d4;
    }

.assistance {
    font-size: 14px;
    text-align: justify;
    display: flex;
    margin-top: 30px;
    margin-right: 20px;
}

    .assistance img {
        height: 100px;
    }

    .assistance div {
        margin-left: 20px;
        margin-right: 30px;
    }

.formulaire-campagne-auto .slider-handle {
    background-color: #68b8e6;
    background-image: linear-gradient(to bottom,#68b8e6 0,#337ab7 100%);
}

.formulaire-campagne-auto .tarif-global {
    background-color: #F3F3F3;
    font-size: 25px;
    padding: 5px 10px;
    border-radius: 4px;
}

    .formulaire-campagne-auto .tarif-global .legende {
        font-size: 17px;
    }


.champ-valeur .info-mini {
    font-size: 12px;
    color: #ccc;
    font-style: italic;
    margin-top: 5px;
}

.tableau.tableau-sites .sites-btn-auto {
    width: 180px;
}

@media(max-width:768px) {

    .formulaire-campagne-auto .btn-valider-100p {
        height: 60px;
        white-space: normal;
        width: 90% !important;
    }

    .assistance {
        display: block;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 50px;
    }

        .assistance div {
            margin-left: 0;
            margin-right: 0;
            text-align: center;
            margin-bottom: 10px;
        }

    .tableau-sites .sites-nom {
        text-align: center;
        margin-bottom: 10px;
        border-bottom: solid 1px #e6e6e6;
        padding-bottom: 8px;
    }

    .tableau-sites .col-md-7 {
        text-align: center;
    }

    .tableau-sites .sites-vente {
        margin: 5px 0;
    }

    .tableau-sites .sites-metrics .col-xs-3 {
        padding: 0;
    }

    .tableau a.btn-action-liste-site-achat-articles,
    .tableau.tableau-sites .sites-btn-auto {
        width: 100%;
        margin: 5px 0;
    }
}