.max-width{
    max-width: 100%!important;
}

#section_familles_produit{
    display:none;
    min-height: 125px;
}

#section_produits{
    display:none; 
    min-height: 125px;
}

#section_boutique_parametre{
    display:none;
    min-height: 125px;
}


html {
    height:100%;
    position:relative;
    font-family:tahoma, sans-serif;
}

body {
    margin:0;
    padding:0;
    overflow-x:hidden;
    height:100%;
    color:#787878;
    font-size:16px;
    position:relative;
}



section {
    overflow-x:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

section.floue {
    filter: url(../../../../modele.htm#svgBlur) ;
    -webkit-filter:blur(15px);
    -o-filter:blur(15px);
    -ms-filter:blur(15px);
    filter:blur(15px);
}

section:not(#menu) {
    padding:40px 0 0 0;
    background: #f9f9f9;
    min-height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:none;
    z-index:3;
}

section:not(#menu).affichee_defaut {
    display:block;
}


section .fond {
    position:relative;
    z-index:0;
    margin:0 0 20px 0;
    padding:20px 0;
    background-color:#fff;
}
section .fond.bleu {
    background-color:#018DB1;
}
section .fond.violet {
    background-color:#484848;
}

button {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    width:94%;
    border:0;
}

.bouton {
    display:block;
    padding:20px 70px 20px 5px;
    text-transform:uppercase;
    font-size:18px;
    background-color:#F44336;
    color:#fff;
    text-align:center;
    text-decoration:none;
    position:relative;
    transition: 0.3s;
    overflow:hidden;
    margin:5px 3%;
    cursor: pointer;
    clear:both;
}
.bouton.violet {
    background-color:#484848;
}
.les_listes_commandes .bouton p {
	text-transform: none;
}

.les_produits .le_produit .bouton {
	padding: 10px 5px;
}
.les_produits .le_produit .bouton p {
	text-transform: none;
	margin : 0px;
	font-size: 11px;
}

.bouton:before {
    right: 10px;
    top:10px;
    z-index: 2;
    height: 45px;
    position: absolute;
    width: 45px;
    content:'';
    background-image:url(../../img/sprite-btn-commercants.png);
    background-repeat:no-repeat;
    display:block;
    transition: 0.3s;
    opacity:0.5;
}
.bouton:after {
    background-color: rgba(255, 255, 255, 0.1);
    height: 200%;
    margin: -5px 0 0 -5px;
    right: 0;
    top: 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    width: 80px;
    content: '';
    position: absolute;
    transition: 0.3s;
}

.bouton:hover {
    opacity:0.9;
    transition: 0.3s;
}
.bouton:hover:after {
    width:110px;
}
.bouton:hover:before {
    right:20px;
}

#installation_scan_ios {
    text-decoration: none;
    color: #018DB1;
    float: right;
    margin-top: 20px;
}
.btn_scanner:before {
    background-position:0 0;
}
.btn_telephone:before {
    background-position:0 -45px;
}
.btn_enregistrer:before {
    background-position:0 -90px;
}
.btn_supprimer:before {
    background-position:0 -812px;
}
.btn_supprimer {
    background-color:#b82b00;
}
.btn_publie {
    background-color:#9ACD32;
}
.btn_depublie {
    background-color:#b82b00;
}
.btn_acheter:before {
    background-position:0 -180px;
}
.btn_envoyer:before {
    background-position:0 -360px;
}
.btn_programmer:before {
    background-position:0 -405px;
}
.btn_tous_clients:before {
    background-position:0 -498px;
}
.btn_certains_clients:before {
    background-position:0 -540px;
}
.btn_restreindre:before {
    background-position:0 -585px;
}
.btn_ajouter:before {
    background-position:0 -633px;
}
.btn_valider:before {
    background-position:0 -315px;
}
.btn_annuler:before {
    background-position:0 -678px;
}

#btn_ne_pas_utiliser {
    margin-top:20px;
}


.bouton.sans_picto {
    padding: 20px 5px;
}
.bouton.sans_picto:after,
.bouton.sans_picto:before {
    display:none;
}

h2 {
    text-align:center;
    color:#F44336;
    text-transform:uppercase;
    margin:5px 0;
    font-weight:normal;
    font-size:20px;
}

.fond h2 {
    margin:20px 0 5px 0;
    color:#F44336;
    padding:0px 3%;
}

.fond h2:first-child {
    margin:0 0 5px 0;
}


h2 span.petit {
    font-size:18px;
}

.fond.bleu, .fond.violet {
    color:#fff;
}
.fond.bleu h3, .fond.bleu h2, .fond.violet h3, .fond.violet h2  {
    color:#fff;
    margin:0;
}
h3 {
    text-align:center;
    color:#787878;
    text-transform:uppercase;
    margin:5px 0;
    font-size:26px;
    font-weight:normal;
}


input, textarea {
    display:block;
    margin:10px 3%;
    border:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    width:94%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    font-size:14px;
    border:1px solid #bfbfbf;
    background-color:transparent !important;
    color:#484848;
    font-size:20px;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    -ms-box-shadow:0;
    -o-box-shadow:0;
    box-shadow:0;
}

.bloc_input {
    margin:10px 3%;
    width:94%;
}

textarea {
    font-family:tahoma, sans-serif;
}

input#identifiant, input#mot_de_passe {
    text-transform:none;
}

input.required, textarea.required, input.requird, textarea.requird {
    border:1px solid #F67F65;
}
input.required.error, textarea.requird.error {
    border:2px solid #b82b00;
}

label.error {
    color:#b82b00;
    font-weight:bold;
    display:block;
    text-align:center;
    margin-bottom:10px;
}

textarea {
    resize:none;
    text-transform:none;
    text-align:left;
    font-size:16px;
}

.fond input, .fond textarea {
    background-color:#f9f9f9;
}

.fond.violet input, .fond.bleu input  {
    color:#fff;
    border:1px solid rgba(255,255,255,0.7);
}

::-webkit-input-placeholder {
    color:#787878;
}
::-moz-placeholder {
    color:#787878;
}
:-ms-input-placeholder {
    color:#787878;
}
input:-moz-placeholder {
    color:#787878;
}

input[type='date'] {
    display:inline-block;
    width:80%;
    margin-right:0;
}

input#nNbJours {
    display:inline-block;
    width:50%;
    margin-right:10px;
}
p.erreur {
    color:#484848;
}



section#menu {
    background: #fff;
    width:100%;
    height:100%;
    z-index:999;
    padding-bottom:30px;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.6);
    -ms-box-shadow:0 0 5px rgba(0,0,0,0.6);
    -o-box-shadow:0 0 5px rgba(0,0,0,0.6);
    box-shadow:0 0 5px rgba(0,0,0,0.6);
    position:fixed;
    top:-100%;
}

#retour_menu {
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-17px;
    width:35px;
    height:35px;
    background-size:100% auto;
    background-image:url(../../img/sprite-btn-commercants.png);
    background-position:0 -105px;
    text-indent:-9999px;
    cursor:pointer;
    opacity:0.6;
    z-index:9;
}

#logo_appsnet {
    position:absolute;
    bottom:3px;
    left:3%;
    width:24px;
    height:24px;
    background-size:100% auto;
    background-image:url(../../img/logo_swidzy.png);
}

#nom_commercant {
    position:absolute;
    bottom:0;
    left:calc(3% + 40px);
    line-height:30px;
    font-size:11px;
    text-transform:uppercase;
    color:#F44336;
    font-weight:bold;
}

#deconnexion {
    position:absolute;
    bottom:4px;
    right:3%;
    text-decoration:none;
    background-color:#b82b00;
    color:#fff;
    padding:3px 6px 3px 25px;
    font-size:10px;
    text-transform:uppercase;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-image:url(../../img/sprite-btn-commercants.png);
    background-position:-10px -868px;
    background-repeat:no-repeat;
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    transition-duration:0.4s;
}
#deconnexion:hover {
    opacity:0.7;
}

section#menu nav {
    display:block;
    position:relative;
    height:100%;
    overflow:hidden;
}

section#menu nav a {
    display:inline-block;
    height:25%;
    text-decoration:none;
    color:#fff;
    width:50%;
    vertical-align:top;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    text-align:center;
    text-transform:uppercase;
    transition-duration:0.6s;
}

section#menu nav a p {
    display:block;
    position:absolute;
    bottom:10px;
    width:92%;
    font-size:11px;
    margin:0 4%;
}
section#menu nav a strong {
    font-size:28px;
    line-height:14px;
}


section#menu nav a {
    float:left;
}

section#menu nav a#menu_passage_client {
    width:66.66%;
    height:30%;
    background-color:#F44336;
}
section#menu nav a#menu_actions_client {
    height:30%;
    width:33.33%;
    background-color:#F67F65;
}
section#menu nav a#menu_contenus {
    height:20%;
    width:33.33%;
    background-color:#231f20;
}
section#menu nav a#menu_familles_produit {
    height:20%;
    width:33.33%;
    background-color:#bfbfbf;
}
section#menu nav a#menu_produits {
    height:20%;
    width:33.33%;
    background-color:#231f20;
}
section#menu nav a#menu_boutique_parametre {
    height:20%;
    width:33.33%;
    background-color:#231f20;
}
section#menu nav a#menu_livreur {
    height:20%;
    width:33.33%;
    background-color:#231f20;
}
section#menu nav a#menu_boutique_stats {
    background-color:#484848;
}
section#menu nav a#menu_avis {
    width:66.66%;
    height:20%;
    background-color:#484848;
}
section#menu nav a#menu_nombre_clients {
    width:33.33%;
    height:30%;
}
section#menu nav a#menu_nombre_sms {
    width:66.66%;
    height:30%;
    background-color:#bfbfbf;
}
section#menu nav a#menu_factures {
    width:20%;
    height:20%;
    background-color:#1D1F2C;
}
section#menu nav a#menu_promo {
    width:66.66%;
    height:30%;
    background-color:#bfbfbf;
}
section#menu nav a#menu_achat_sms {
    width:33.33%;
    height:30%;
    background-color:#1D1F2C;
}
section#menu nav a#menu_compte {
    width:20%;
    height:20%;
    background-color:#231f20;
}
section#menu nav a#menu_contact {
    width:20%;
    height:20%;
    background-color:#484848;
}

section#menu nav a#menu_apercu {
    width:20%;
    height:20%;
    background-color:#bfbfbf;
}
section#menu nav a#menu_notification {
    width:20%;
    height:20%;
    background-color:#bfbfbf;
}

section#menu nav a#menu_apropos {
    width:20%;
    height:20%;
}

section#menu nav a:before {
    content:'';
    display:block;
    height:70px;
    width:70px;
    position:absolute;
    top:50%;
    margin-top:-50px;
    left:50%;
    margin-left:-35px;
    background-image:url(../../img/sprite-menu-commercants.png);
    background-repeat:no-repeat;
}
section#menu nav a#menu_passage_client:before {
    background-position:center 0;
}

section#menu nav a#menu_actions_client:before {
    background-position:center -625px;
}

section#menu nav a#menu_contenus:before {
    background-position:center -70px;
}
section#menu nav a#menu_familles_produit:before,
section#menu nav a#menu_boutique_parametre:before,
section#menu nav a#menu_produits:before,
section#menu nav a#menu_compte:before {
    background-position:center -420px;
    margin-top:-40px;
}
section#menu nav a#menu_boutique_stats:before {
    background-position:center -985px;
    margin-top:-40px;
}
section#menu nav a#menu_promo:before {
    background-position:center -140px;
    margin-top:-40px;
}
section#menu nav a#menu_nombre_clients:before,
section#menu nav a#menu_nombre_sms:before {
    background-position:center -210px;
    margin-top:-50px;
}
section#menu nav a#menu_factures:before {
    background-position:center -552px;
    margin-top:-50px;
}
section#menu nav a#menu_achat_sms:before {
    background-position:center -280px;
    margin-top:-50px;
}
section#menu nav a#menu_deconnexion:before {
    background-position:center -490px;
    margin-top:-40px;
}
section#menu nav a#menu_apercu:before {
    background-position:center -765px;
    margin-top:-40px;
}
section#menu nav a#menu_notification:before {
    background-position:center -910px;
    margin-top:-40px;
}
section#menu nav a#menu_avis:before {
    background-position:center -350px;
    margin-top:-40px;
}
section#menu nav a#menu_contact:before {
    background-position:center -695px;
    margin-top:-50px;
}

section#menu nav a#menu_apropos:before {
    background-image:url(../../img/logo_swidzy.png);
    height:90px;
    width:90px;
    margin-left:-45px;
    margin-top:-45px;
    background-size:65px auto;
    background-position:center;
}

#form_passage label.error {
    position:absolute;
    left:3%;
}



    #blocs_compte label {
        margin:20px 3% 0 3%;
        text-align:center;
        text-transform:uppercase;
        display:block;
        width:94%;
        color:#000;
        font-weight:bold;
    }

    #blocs_compte label.error {
        color:#b82b00;
        font-size:14px;
        text-transform:none;
        margin-top:0;
    }

    #blocs_compte > div {
        display:none;
        padding-top:10px;
    }
    #blocs_compte > div.infos_generales {
        display:block;
    }

    input[type='checkbox'] {
        width:20px;
        height:20px;
        float:left;
        clear:both;
        margin:10px 10px 10px 3%;
    }


    input[type='checkbox'] + label {
        float:left;
        width:auto !important;
        margin:10px 10px 10px 0 !important;
    }

    .un_acces {
        margin:10px 3%;
        background-color:#fff;
        padding:5px 10px;
        border:1px dashed #bfbfbf;
        position:relative;
        max-width:400px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
    }

    #section_compte .une_info p:last-of-type {
        font-weight:bold;
    }

    #section_compte p, #section_contact p {
        margin:10px auto;
        width:94%;
        display:block;
        max-width:400px;
    }

    #section_compte textarea, #section_contact textarea {
        height:150px;
    }

    #section_compte #demande_modification, #signaler_probleme #signaler_probleme {
        margin-top:20px;
        padding-top:20px;
        border-top:1px solid #484848;
    }

    #section_compte #boutons_compte .bouton {
        font-size:14px;
    }

    #section_compte .btn_enregistrer {
        margin-top:20px;
    }

    .un_acces .supprimer {
        display:block;
        position:absolute;
        top:-1px;
        right:-1px;
        background:#bfbfbf;
        height:20px;
        width:20px;
        cursor:pointer;
        background-image:url(../../img/close.png);
    }

    .tag_autorise {
        padding:0 5px;
        height:18px;
        display:inline-block;
        -moz-border-radius:2px 0 0 2px;
        -webkit-border-radius:2px 0 0 2px;
        border-radius:2px 0 0 2px;
        color:#fff;
        background-color:#484848;
        margin:3px 11px 3px 0px;
        position:relative;
        font-size:12px;
        line-height:16px;
    }
    .tag_autorise:after {
        content:'';
        display:inline-block;
        height:18px;
        width:9px;
        background-image:url(../../img/tag.png);
        position:absolute;
        top:0;
        right:-9px;
    }

    #nouvel_acces input[type='checkbox'] {
        margin: 5px 5px 5px 3% !important;
    }

    #nouvel_acces input[type='checkbox'] + label {
        margin: 5px 5px 5px 0 !important;
    }

    .gmap {
        border: 1px solid #bfbfbf;
        height: 300px;
        margin: 10px auto 0;
        max-width: 400px;
        width:94%;
    }



#section_passage_client h4.numero_carte_client {
    background-color:#1D1F2C;
    font-size: 20px;
    padding: 10px;
}

#section_passage_client h4.numero_carte_client img {
    width: 20px;
    height: auto;
    vertical-align: middle;
    padding-top: 0px;
}



#section_passage_client .une_info, #section_compte .une_info {
    padding:0 3%;
    margin:3px 0;
}
#section_passage_client h4 {
    text-align:center;
    text-transform:uppercase;
    margin:5px 0;
    font-weight:normal;
    font-size:14px;
    color:#fff;
    background-color:#bfbfbf;
    padding:3px 0;
    position:relative;
}
#section_passage_client h4.titre {
    background-color:#484848;
}

#section_passage_client h4.titre_important.solde_wallet {
    background-color:#358600;
    font-size: 20px;
    padding: 10px;
}


#section_passage_client .utilisateur {
    font-size: 30px;
    padding: 10px;
}

#section_passage_client h4.btn_details_points_en_cours, #section_passage_client h4.btn_ajout_points_existants {
    cursor:pointer;
}

#section_passage_client h4.btn_details_points_en_cours span, #section_passage_client h4.btn_ajout_points_existants span {
    position:absolute;
    right:3px;
    top:3px;
    display:block;
    height:18px;
    width:18px;
    line-height:16px;
    font-weight:bold;
    background-color:#484848;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

#section_passage_client .une_info p, #section_compte .une_info p {
    margin:0;
    display:inline-block;
    width:48%;
    margin-left:1%;
    vertical-align:top;
    font-size:14px;
}
#section_passage_client .une_info p:first-child, #section_compte .une_info p:first-child {
    margin-right:1%;
    margin-left:0;
    text-align:right;
    position:relative;
}
#section_passage_client .une_info p:last-child, #section_compte .une_info p:last-child {
    font-weight:bold;
}
#section_passage_client input#montant_passage {
    margin-bottom:2px;
}
#section_passage_client #form_passage input[type='tel'] + p, #section_passage_client #form_passage input[type='tel'] + label.error + p {
    margin:0;
    position:relative;
    top:4px;
    display:inline-block;
    font-size:30px;
    width:60px;
    margin-left:3px;
}
#section_passage_client #form_passage input[type='tel']#nombre_produits, #section_passage_client #form_passage input[type='tel']#nombre_produits + label.error + p {
    margin-top:20px;
}
#section_passage_client #form_passage input[type='tel']#nombre_produits + p {
    font-size:20px;
}

#section_passage_client #form_passage input[type='tel']#nombre_produits {
    display: inline-block;
    width: calc(94% - 100px);
}

#section_passage_client .btn_enregistrer {
    margin:20px 3%;
}

.details_points_en_cours {
    text-align:center;
    font-size:18px;
    display:none;
    margin-bottom:25px;
    height: 300px;
    overflow-y: scroll;
}

.ajout_points_existants {
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
    display:none;
    margin-top:10px;
}

.ajout_points_existants span {
    display: block;
    background-color: #bfbfbf;
    color: #fff;
    font-size: 14px;
    padding: 3px 0;
}

.ajout_points_existants p {
    margin:0;
}

section#section_passage_client .fond {
    padding: 0;
}


#les_avis > div {
    border-bottom:1px dotted #bfbfbf;
    padding:8px 0;
    margin:0 3%;
}

#les_avis > div p {
    margin:0;
}

#les_avis > div p span {
    font-size:12px;
    color:#787878;
}

.note {
    margin:10px 0;
}

#les_avis .note {
    margin:3px 0;
}

#les_avis .note:last-of-type {
    margin:3px 0 10px 0;
}

.note label {
    display:inline-block;
    vertical-align:middle;
    width:55%;
    text-align:center;
}

.note .br-widget {
    height: 20px;
    display:inline-block;
    vertical-align:middle;
}

#les_avis .note .br-widget {
    height:8px;
}

.note .br-widget a, #les_avis .note .br-widget > a {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    background-color: #bfbfbf;
    margin: 0 2px 0 0;
    text-align: center;
}

#les_avis .note .br-widget > a {
    height:10px;
    cursor:default;
}

.note .br-widget a.br-active,
.note .br-widget a.br-selected,
#les_avis .note .br-widget > a.br-selected
{
    background-color: #018DB1;
}

.note .br-widget .br-current-rating {
    font-size: 20px;
    line-height: 2;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}

.ui-progressbar {
    width:calc(100% - 65px);
    height:15px;
    border:none !important;
    background:#bfbfbf;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:10px;
}
.ui-progressbar + span {
    display:inline-block;
    vertical-align:middle;
    width:54px;
    text-align:center;
    font-size:14px;
    color: #bfbfbf;
    margin-bottom:10px;
}
.ui-progressbar + span strong {
    color: #018DB1;
    font-size:18px;
}

.ui-progressbar-value {
    background:#018DB1;
    border:none !important;
    margin:0 !important;
}

#section_avis .bloc_bouton {
    border-bottom:1px dotted #bfbfbf;
}

#note_moyenne label {
    display:block;
}

#section_avis .bloc_bouton .bouton:first-of-type {
    margin-bottom:5px;
}
#section_avis .bloc_bouton .bouton:last-of-type {
    margin-top:0;
    margin-bottom:20px;
}

.bouton.sans_picto.voir_plus {
    padding-top:3px;
    padding-bottom:3px;
    font-size:13px;
}

#les_avis .fiche_utilisateur {
    display:none;
}

#les_avis .fiche_utilisateur table {
    text-align:center;
    width:100%;
}

#les_avis .fiche_utilisateur table tr:first-of-type td {
    font-size:14px;
    background-color:#bfbfbf;
    color:#fff;
}

#les_avis .fiche_utilisateur table tr:last-of-type td {
    font-size:14px;
    background-color:#fff;
}

#les_avis .fiche_utilisateur .derniers_passages {
    text-align:center;
}

#enregistre_passage{
    position:relative;
}

#les_avis > div.mauvais_avis {
    background-image:url(../../img/attention.png);
    background-repeat:no-repeat;
    background-position:right 10px;
}



#section_achat_sms {
    text-align:center;
}

#section_achat_sms .fond {
    margin:15px auto;
    padding:10px 0;
}

#section_achat_sms h3.grand {
    font-size:50px;
    line-height: 14px;
    position:relative;
    top:-7px;
}
#section_achat_sms h3.petit {
    font-size:16px !important;
    margin-bottom:0;
}

#section_achat_sms input {
    width:80px;
    display:inline;
}
#section_achat_sms input + h3, #section_achat_sms input + h3 + h2 {
    display:inline;
    padding:0;
    position:relative;
    top:4px;
}

#section_achat_sms h2 {
    font-size:30px;
    margin-top:0;
}

#section_achat_sms .fond.blanc h2 {
    color:#787878;
}

#section_achat_sms .fond.blanc:first-of-type {
    margin-top:0;
}

#section_achat_sms p {
    margin-top:0;
}





fieldset {
    border:0;
    overflow:hidden;
    margin:0;
}

#section_promo #form_promo fieldset p, #sms_client p {
    display:inline-block;
    width:14% !important;
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle;
}



#section_promo fieldset p#previsu_sms {
    text-transform:none;
}

#section_promo #form_promo h4{
    margin-bottom:10px;
}

#section_promo fieldset #envoi_promo_ok p {
    width:100% !important;
}
#section_promo fieldset #envoi_promo_ok .fond p {
    width:40% !important;
}

#section_promo fieldset#form_promo-p-3 p {
    width:100%;
}

#form_promo-p-1 input[type='number'],
#form_promo-p-1 input[type='tel']
 {
    width:75%;
    display:inline-block;
    margin-bottom:0;
}

#section_promo input[type='radio'] {
    width:20px;
    height:20px;
    padding: inherit;
    display: inline-block;
}

#section_promo .content {
    text-align:center;
}

#section_promo .col-left{
    width:49%;
    float:left;
    border: 1px solid #484848;
    padding: 0px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 15px;
}


#section_promo .col-right{
    width:49%;
    float:right;
    border: 1px solid #484848;
    padding: 0px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 15px;

}

#section_promo .fiche_client_filtres,
#section_promo .resultat_filtres
{
    width: 50%;
    float: left;
    text-align: center;

    background-color: #f0f0f0;
    color: #787878;
    padding: 20px;
    margin-top: 17px;
}

#section_promo .fiche_client_filtres .une_info {
    margin-bottom: 3px;
    clear: both;
    height: 20px;
}
#section_promo .fiche_client_filtres .une_info  span.valeur_info,
#section_promo .fiche_client_filtres .une_info  span.libelle_info {
    display: block;
    width: 49%;
    text-align: right;
    float: left;
}
#section_promo .fiche_client_filtres .une_info span.valeur_info {
    color: #F67F65;
    font-weight: bold;
    text-align: left;
    float: right;
}

#section_promo .fiche_client_filtres h2,
#section_promo .resultat_filtres h2
{
    margin-top: -5px;
    padding: 13px;
}

#section_promo h2{
    background-color: #484848;
    font-weight: normal;
    color: white;
    margin-top:0px;
}

#section_promo h2 a,
#section_promo h2 span{
    display: inline-block;
    text-decoration: none;
    color: white;
    cursor: pointer;
}
#section_promo h2 a:hover{
    text-decoration: none;
}

#section_promo h2 a#precedent_filtres{
    float: left;
}
#section_promo h2 a#suivant_filtres{
    float: right;
}

input#szPanierMoyen, input#szCAAnnuel {
    width:60%;
    display:inline-block;
    margin-bottom:0;
}

#amount{
    border:none;
    color:#018DB1;
    font-weight:bold;
}

#section_promo .input-inline input[type=text]{
    width: 30%;
    padding: 0px;
    height: 30px;
}

#section_promo input.recherche_filtres{
    padding: 0;
    height: 30px;
}

fieldset#form_promo-p-1 p {
    width:15%;
    display:inline-block;
    font-size:30px;
    line-height:50px;
    text-align:left;
    margin:10px 0 0 0;
    float:right;
}

input#szPanierMoyen + p, input#szCAAnnuel + p {
    width:34% !important;
    display:inline-block;
    font-size:30px;
    line-height:50px;
    text-align:left !important;
    margin:10px 0 0 0;
    float:right;
}

#section_promo input[type=text], #section_promo select {
    width: 90%;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
    padding: 0px;
}

#section_promo fieldset#form_promo-p-1 h2 {
    font-size:18px;
    color:#787878;
}


#section_promo fieldset#form_promo-p-2 input[type='number'] {
    width:30%;
    display:inline-block;
    margin-bottom:0;
}

#section_promo fieldset#form_promo-p-2 .fond p {
    width:60%;
    display:inline-block;
    font-size:24px;
    line-height:50px;
    text-align:left;
    margin:10px 0 0 0;
    float:right;
}


#section_promo fieldset .bouton {
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px;
}

#section_promo #form_promo-p-2 p {
    text-align:center;
    width:100%;
    margin-bottom:0;
    font-size:20px;
}
#section_promo #form_promo-p-2 p.erreur {
    margin-top:0;
}

#section_promo .fond:after {
    left:-20px;
}

#contenu_promo {
    margin-top:20px;
    display:none;
}

#contenu_promo textarea, #form_sms_client textarea {
    width:100%;
}

#form_sms_client textarea {
    height:150px;
}

#section_promo .btn_aide, #sms_client .btn_aide {
    color:#fff;
    text-decoration:none;
    display:inline-block;
    vertical-align:top;
    margin-left:5px;
    text-align:center;
    height:22px;
    width:22px;
    line-height:22px;
    background-color:#018DB1;
    font-weight:bold;
    font-size:14px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
}

#section_promo fieldset #contenu_promo p, #sms_client p {
    width:100% !important;
    font-size:11px;
    line-height:11px;
    float:none;
    display:block;
    text-align:right;
}

#section_promo fieldset #contenu_promo p span.sms_clients, #sms_client p span.sms_clients {
    display:inline-block;
    padding:5px;
    background-color:#787878;
    color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#section_promo fieldset #contenu_promo p span.sms_clients .nb_sms, #sms_client p span.sms_clients .nb_sms {
    font-weight:bold;
    font-size:14px;
}

#sms_client h3 {
    font-size:18px;
}
#scan_client h2 {
    font-size:14px;
    color:#fff;
    background-color:#bfbfbf;
    padding:3px 0;
}

#nouvelle_campagne,
#avant_envoi_promo {
    display: none;
}
.si_pas_filtres_clients-titre {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background-color: #484848;
    color: #fff;
    margin-top: 0;
    font-weight:300;
    line-height: 2em;
}

.wizard .si_pas_filtres_clients ul{
    padding: 0 10px;
}

.si_pas_filtres_clients-flatTitre{
    text-align: left;
    margin-bottom: 1em;
    font-weight: 600;
}

.wizard .si_pas_filtres_clients ul > li {
    margin-bottom: 1em;
    text-align: left;
}

.hr{
    border-bottom: 1px solid #dedede;
}


#section_bon_plan form {
    width: 500px;
    float: left;
}


#section_bon_plan fieldset p {
    display:inline-block;
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle;
}



#section_bon_plan textarea {
    width:75%;
    display:inline-block;
    margin-bottom:0;
}

#section_bon_plan fieldset h2 {
    font-size:18px;
    color:#787878;
}

#section_bon_plan fieldset .bouton {
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px;
}



.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li {
    display: block;
    padding: 0;
}


.wizard > .steps .current-info,
.tabcontrol > .steps .current-info,
.wizard > .content > .title,
.tabcontrol > .content > .title {
    position: absolute;
    left: -999em;
}

.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps {
    display: inline;
}

.wizard > .steps .number {
    font-size: 1.429em;
}

.wizard > .steps > ul > li {
    width:25%;
    float:left;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
    text-align:center;

}

.wizard > .actions > ul > li {
    float:right;
}

.wizard > .actions > ul > li a {
    margin: 10px;
}

.wizard > .actions > ul > li.disabled {
    display:none;
}


.wizard > .actions > ul > li#suivant, .wizard > .actions > ul > li#precedent {
    text-indent:-9999px;
}
.wizard > .actions > ul > li#precedent {
    float:left;
}
.wizard > .actions > ul > li#precedent a {
    background-color:#484848;
}
.wizard > .actions > ul > li#valider {
    float:none;
    clear:both;
}
.wizard > .actions > ul > li#suivant a:after {
    right:auto;
    left:-20px;
}
.wizard > .actions > ul > li#suivant a:before {
    right:auto;
    left:10px;
}
.wizard > .actions > ul > li#suivant a:before {
    background-position:0 -225px;
}
.wizard > .actions > ul > li#valider a:before {
    background-position:0 -315px;
}
.wizard > .actions > ul > li#precedent a:before {
    background-position:0 -270px;
}
.wizard > .actions > ul > li#suivant a:hover:before {
    right:auto;
    left:20px;
}

.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 2px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
    background: #f0f0f0;
    color: #787878;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: #F44336;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
    background: #F67F65;
    opacity:0.5;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
    background: #484848;
    color: #fff;
}

.wizard > .content {
    background: #f0f0f0;
    display: block;
    margin: 0.5em;
    position: relative;
    width: auto;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wizard.vertical > .content {
    display: inline;
    margin: 0 2.5% 0.5em 2.5%;
}

.wizard > .content > .body {
    float: left;
    width: 95%;
    padding: 2.5%;
}

.wizard > .content > .body ul {
    list-style: disc !important;
}

.wizard > .content > .body ul > li {
    display: list-item;
}

.wizard > .content > .body > iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}


.wizard > .content > .body input[type='checkbox'] {
    display: inline-block;
}

.wizard > .content > .body input.error {
    border: 1px solid #484848;
    color: #484848;
}

.wizard > .content > .body label {
    display: inline-block;
    margin: 0 3% 0.5em 3%;
}

.wizard > .content > .body label.error {
    color: #484848;
    display: inline-block;
}

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions {
    display: inline;
    margin: 0 2.5%;
}

.wizard > .actions > ul {
    display: block;
    text-align: right;
}



.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}
.tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.tabcontrol > .steps > ul > li:hover {
    background: #787878;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current {
    background: #fff;
    border: 1px solid #787878;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a {
    color: #484848;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a {
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #787878;
    padding-top: 20px;
}

.tabcontrol > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul {
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
    display: list-item;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}


p.important {
    margin-right:0 !important;
    color: #484848 !important;
    text-align: center !important;
    padding:0 3%;
}

p.bandeau_important {
    margin-right:0 !important;
    background-color: #F44336;
    color: white !important;
    text-align: center !important;
    padding:10px;
}


#les_promotions p.important {
    font-size:13px !important;
}

#les_promotions .une_promotion {
    cursor:pointer;
}

#les_promotions .une_info {
    text-align:center;
}
#les_promotions .une_info p {
    display:block;
    width:100%;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:center !important;
}
#les_promotions .une_info p:first-child {
    border-bottom:1px dotted #bfbfbf;
    padding-top:5px;
}

#les_promotions .une_info p:last-child {
    padding-bottom:5px;
}


#les_promotions div.selected {
    background-color: #484848;
}
#les_promotions div.selected p, #les_promotions div.selected h2, #les_promotions div.selected p.important {
    color:#fff !important;
}

#les_promotions div.selected table {
    border-bottom:1px dotted #fff;
}

#section_contenus #arbo {
    margin:0 5px;
    margin-bottom:20px;
}

#section_contenus #libelles_accueil {
    margin:0 5px;
    margin-bottom:20px;
    padding-bottom:10px;
}

#libelles_accueil h3 {
    font-size:14px;
    color:#000;
    padding-top:15px;
    margin-bottom:10px;
}

#libelles_accueil textarea {
    float:left;
    width:49%;
    clear:both;
    margin: 0 1% 15px 0 !important;
    text-align:center;
    padding:6px 3px;
    height:56px;
}

textarea[readonly] {
    opacity:0.5;
}

#libelles_accueil .lien_libelle {
    float:right;
    width:49%;
    margin: 0 0 0 1%;
}
#libelles_accueil .lien_libelle p {
    margin:0;
}

#formulaire_enregistrer_accueil textarea#szSlogan {
    width:100%;
    height:90px;
}

.custom-combobox {
    position:relative;
    display:block;
}

#section_compte .custom-combobox {
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}
#section_compte .custom-combobox input {
    width:99% !important;
}
#formulaire_enregistrer_accueil .custom-combobox input {
    padding:3px;
    height:31px;
    text-align:left;
    color:#484848;
    font-size:14px;
}

.custom-combobox a {
    position:absolute;
    top:0;
    right:-2px;
    display:block;
    height:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#libelles_accueil .btn_enregistrer {
    margin:0 auto !important;
}

#libelles_accueil label.error {
    clear:left;
}

#arbo div {
    position:relative;
}

#arbo_contenus h2:hover, #arbo_contenus h3:hover, #arbo_contenus h4:hover {
    cursor:pointer;
}

#arbo h2, #arbo h3, #arbo h4 {
    font-size:12px;
    text-align:left;
    color:#fff;
    font-weight:normal;
    line-height:22px;
    padding:5px 10px;
    margin:15px 0 5px;
    text-transform:uppercase;
    position:relative;
}

#arbo h2 {
    background-color: #bfbfbf;
    font-weight:bold;
}

#arbo div div.enroule {
    display: none;
}

.sous_page {
    min-height:5px;
}

/* Placeholder du drag'n drop */

    .placement_bloc {
        background:rgba(191,191,191,0.7);
        border:1px dashed #bfbfbf;
        height:32px;
    }

    .enroule .placement_bloc {
        background:rgba(72,72,72,0.7);
        border:1px dashed #484848;
    }
    .enroule .enroule .placement_bloc {
        background:rgba(1,141,177,0.7);
        border:1px dashed #018DB1;
    }
    .enroule .enroule .enroule .placement_bloc {
        background:rgba(184,43,0,0.7);
        border:1px dashed #b82b00;
    }

/* Titre des pages */

    #arbo .enroule h2 {
        background-color:#484848;
        margin:5px 0 5px;
    }

    #arbo .enroule .enroule h2 {
        background-color:#018DB1;
        margin:5px 0 5px;
    }

    #arbo .enroule .enroule .enroule h2 {
        background-color: #b82b00;
    }

/* Affichage des '+' dans les titres des pages */

    #arbo #arbo_contenus:not(.contenu_boutique) .enroule .enroule .deroule, #contenu_noustrouver .deroule, #contenu_accueil .deroule,
    #arbo #arbo_contenus.contenu_boutique .enroule .enroule .enroule .deroule {
        display:none !important;
    }

/* Affichage des sous-pages dans les blocs des pages */

    #arbo #arbo_contenus:not(.contenu_boutique) .enroule .enroule .sous_page,
    #arbo #arbo_contenus.contenu_boutique .enroule .enroule .enroule .sous_page {
        min-height:0;
    }

/* Affichage des encarts 'nouvelle page' dans les blocs des pages */

    #arbo #arbo_contenus:not(.contenu_boutique) .enroule .enroule .nouvelle_page,
    #arbo #arbo_contenus.contenu_boutique .enroule .enroule .enroule .nouvelle_page {
        display:none !important;
    }

#arbo span.deroule {
    position:absolute;
    top:0;
    right:0;
    height:30px;
    line-height:30px;
    width:30px;
    display:block;
    color:#fff;
    font-size:30px;
    cursor:pointer;
    text-align:center;
}
#arbo .nouvelle_page {
    text-align:left;
    text-transform:uppercase;
    line-height:22px;
    font-size:12px;
    padding:5px 10px;
    margin:5px 0;
    border:1px dashed #787878;
    cursor:pointer;
    margin-top:15px;
}

#arbo .nouvelle_page {
    border:1px dashed #bfbfbf;
    color:#bfbfbf;
}

#arbo #arbo_contenus .nouvelle_page {
    border:1px dashed #484848;
    color:#484848;
    margin-top:0px;
}
#arbo #arbo_contenus .enroule .nouvelle_page {
    border:1px dashed #018DB1;
    color:#018DB1;
}

#contenu_accueil {
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #484848;
}

#contenu_accueil h2 {
    margin-top:0;
}

#edit_contenus {
    position:relative;
    max-width:1200px;
    margin:0 3%;
}


table.horaires {
    text-align:center;
}

table.horaires input[type='text'] {
    font-size:14px !important;
    padding:4px !important;
    height:33px;
}

table.horaires input[type='checkbox'] {
    width:auto !important;
}

table.horaires tr th {
    text-align:right;
    padding:0 3px;
}
table.horaires tr:first-child th {
    text-align:center;
    padding:0;
    width:100px;
}
table.horaires th {
    font-size:11px;
}

table.horaires tr td:nth-of-type(1), table.horaires tr td:nth-of-type(2) {
    width:40%;
}

table.horaires + .bloc_texte {
    font-size:12px;
    font-style:italic;
}

table.horaires tr td:nth-of-type(3) {
    width:20px;
}

table.horaires input {
    margin:3px auto;
    float:none !important;
}

table.horaires input[type='text'] {
    width:100% !important;
}

#section_contenus form input {
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:5px 0;
}

#section_contenus .bloc_sous_domaine {
    margin-top: 10px;
    margin-bottom: 10px;
}

#section_contenus .edit {
    display:block;
    height:32px;
    width:32px;
    background-image: url('../../img/sprite-menu-commercants.png');
    background-size:32px auto;
    background-position:0 -33px;
    position:absolute;
    right:30px;
    top:0;
    cursor:pointer;
    z-index:999;
    text-indent:-9999px;
}

#section_contenus .drag {
    display:inline-block;
    height:32px;
    width:32px;
    background-image: url('../../img/sprite-btn-commercants.png');
    background-size:32px auto;
    background-position:0 -512px;
    position:absolute;
    right:60px;
    top:0;
    z-index:999;
    text-indent:-9999px;
    cursor:move;
}

#section_contenus .dropzone {
    padding:40px 20px 20px 20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px dashed #787878;
    max-width:1000px !important;
    margin:5px 0;
    min-height:200px;
    text-align:center;
    clear:both;
}

.dropzone .dz-default.dz-message {
    height: 123px;
    left: 0;
    margin-left:0;
    margin-top: 0px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s ease-in-out 0s;
    width: 100%;
    background-size:100% auto;
    background-image:none;
    position:absolute;
    top:5px;
}

.dropzone .dz-default.dz-message span {
    display: block;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
}

.dropzone .dz-default.dz-message span.petit {
    font-size:14px !important;
}

#aide_photos .espace_disque span.cadre, .aide_photos .espace_disque span.cadre {
    background-color: #787878;
}

#section_contenus h3 {
    color:#018DB1;
    text-transform:uppercase;
    margin:15px 0 5px 0;
}
.petit {
    font-size:10px !important;
    line-height:12px;
}

.plus {
    margin:0;
    color:#018DB1;
}
.menu {
    text-align:center;
}
.menu p {
    margin:0;
}

.bleu {
    color:#018DB1;
}

table.carte {
    border-collapse:collapse;
    width:100%;
}

table.carte tr {
    border-bottom:1px dotted #bfbfbf;
}

table.carte tr:last-of-type {
    border-bottom:0px dotted #bfbfbf;
}

table.carte td {
    padding:5px 0;
    vertical-align:top;
}
table.carte td:first-of-type {
    padding-right:5px;
}
table.carte td:last-of-type {
    text-align:right;
}

#tableau_horaires {
    width:100%;
    border:1px solid #787878;
    border-collapse:collapse;
}

#tableau_horaires tr td {
    border:1px solid #bfbfbf;
    text-align:center;
    background-color:#f4f4f4;
    padding:4px;
}

#tableau_horaires tr td:first-child {
    border:1px solid #787878;
    background-color:#787878;
    color:#f9f9f9;
}

#tableau_horaires tr td.ferme {
    background-color:#bfbfbf;
}


.tableau {
    width:100%;
    border-collapse:collapse;
    font-size:12px;
}

.tableau tr td {
    border:1px solid #bfbfbf;
    text-align:center;
    background-color:#f4f4f4;
    padding:4px;
}

.tableau tr td:first-child {
    border:1px solid #787878;
    background-color:#787878;
    color:#f9f9f9;
}

.tableau tr td.ferme {
    background-color:#bfbfbf;
}

.tableau tr td.action span {
    display:inline-block;
    color:#fff;
    font-size:10px;
    text-transform:uppercase;
    background-color:#b82b00;
    padding:3px 5px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:pointer;
}



#section_contenus form, #section_contenus .zone_galerie {
    margin:5px 3%;
}

#section_contenus .btn_enregistrer, #section_contenus .btn_annuler {
    margin: 5px 0;
}

.mce-floatpanel {
    max-width:100% !important;
}

.mce-floatpanel .mce-container-body, .mce-floatpanel .mce-container {
    position:relative;
    max-width:100%;
}

.mce-floatpanel .mce-container textarea {
    left:3% !important;
    max-width:88%;
    padding:5px 3%;
}

.mce-foot {
    max-width:100% !important;
}

.mce-floatpanel iframe {
    max-width:94%;
    left:3% !important;
}

.mce-foot .mce-btn {
    position:relative;
    top:10px !important;
    left:0 !important;
    float:right;
    margin-right:10px;
}

.mce-panel {
    background-image:none !important;
}

.mce-menu {
    -webkit-border-radius:0px !important;
    -moz-border-radius:0px !important;
    border-radius:0px !important;
}

.mce-btn {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow:0 0 0 #fff; !important;
    -moz-box-shadow:0 0 0 #fff; !important;
    box-shadow:0 0 0 #fff; !important;
    border:0px !important;
    background-image:none !important;
    background-color:#f4f4f4 !important;
}

.mce-btn button {
    -moz-text-shadow: none !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
}


.mce-primary {
    background-image:none !important;
    background-color:#018DB1 !important;
    border:0px !important;
}


.mce-title {
    text-transform:uppercase;
}


.le_contenu h3 {
    color:#018DB1 !important;
    text-transform:uppercase !important;
    margin:15px 0 5px 0 !important;
    font-size: 15px !important;
    text-align:center !important;
    font-weight:bold !important;
}

.le_contenu h3.petit {
    margin:0 0 5px 0 !important;
}


.le_contenu .petit {
    font-size:11px !important;
    line-height:12px;
}

.le_contenu .plus {
    margin:0;
    color:#018DB1;
}

.le_contenu .menu {
    text-align:center !important;
}

.le_contenu .menu p {
    margin:0;
}

.le_contenu .bleu {
    color:#018DB1;
}

.le_contenu table.carte, .le_contenu table.liste {
    border-collapse:collapse;
    width:100%;
}

.le_contenu table.carte tr, .le_contenu table.liste tr {
    border-bottom:1px dotted #bfbfbf;
}

.le_contenu table.carte tr:last-of-type, .le_contenu table.liste tr:last-of-type {
    border-bottom:0px dotted #bfbfbf;
}

.le_contenu table.carte td, .le_contenu table.liste td {
    padding:5px 0;
    vertical-align:top;
}
.le_contenu table.carte td:first-of-type {
    padding-right:5px;
}
.le_contenu table.carte td:last-of-type {
    text-align:right;
}

.le_contenu table.liste.centre td {
    text-align:center;
}

.le_contenu .template_tableau {
    width:100%;
    border:1px solid #787878;
    border-collapse:collapse;
}

.le_contenu .template_tableau tr td {
    border:1px solid #bfbfbf;
    text-align:center;
    background-color:#f4f4f4;
    padding:4px;
}

.le_contenu .template_tableau tr th {
    border:1px solid #787878;
    background-color:#787878;
    color:#f9f9f9;
}

.espace_insuffisant {
    color:#b82b00;
}

.espace_insuffisant span.cadre {
    background-color:#b82b00 !important;
}



#section_factures p.erreur {
    text-align:center;
}

#section_factures div.colonne {
    display:block;
    width: 40%;
margin-left:10%;
float:left;
}
#section_factures input[type=radio] {
	width:20px;
        height:20px;
        float:left;
	margin:10px;
}
#section_factures label {
    margin: 10px;
    height: 20px;
    line-height: 20px;
    display: block;
    float: left;
}


#liste_factures {
    width:100%;
    max-width:800px;
    margin:0 auto;
    text-align:left;
    border-collapse:collapse;
    border:1px solid #484848;
}
#form_promo {
    float: left;
    margin-left: 50px !important;
    width: 40%;
}

#liste_promos, #liste_bons_plans {
    float: right;
    margin-right: 50px;
    width: calc(100% - 105px);
    text-align:left;
    border-collapse:collapse;
    border:1px solid #484848;
}

#liste_factures th, #liste_factures td,
#liste_bons_plans th, #liste_bons_plans td,
#liste_promos th, #liste_promos td {
    padding:10px;
}

#liste_promos td.periode,
#liste_bons_plans td.periode {
    width: 100px;
}

#liste_factures th, #liste_promos th, #liste_bons_plans th {
    background-color:#484848;
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
}

#liste_factures td, #liste_promos td, #liste_bons_plans td {
    font-size:13px;
}

#liste_factures tr td:nth-child(2), #liste_promos tr td:nth-child(2), #liste_bons_plans tr td:nth-child(2) {
    font-weight:bold;
}

#liste_factures tr:not(.entete), #liste_promos tr:not(.entete), #liste_bons_plans tr:not(.entete) {
    border-top:1px dotted #787878;
}
#liste_factures tr.entete + tr, #liste_promos tr.entete + tr, #liste_bons_plans tr.entete + tr {
    border-top:0px dotted #787878;
}

#liste_factures tr:not(.entete):hover, #liste_promos tr:not(.entete):hover, #liste_bons_plans tr:not(.entete):hover {
    background-color:#e6e6e6;
}

#liste_factures a.facture, #liste_promos a.facture, #liste_bons_plans a.facture {
    display:inline-block;
    height:20px;
    width:20px;
    background-image:url(../../img/pdf-blanc.png);
}



table#pre_paiement {
    width: 100%;
    margin-bottom: 50px;
}
table#pre_paiement tr {
    border: 1px solid #e6e6e6;
}
table#pre_paiement tr *{
    padding: 5px;
}
table#pre_paiement th {
    background-color: #e6e6e6;
    text-align: center;
}
table#pre_paiement tr td {
    text-align: center;
}
table#pre_paiement tr *:last-of-type {
    text-align: right;
}



.bloc_apercu_application .custom-combobox {
    position:relative;
    display:block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    width:94%;
}
.bloc_apercu_application .custom-combobox input {
    margin: 0 !important;
    width:99% !important;
    text-align:left;
}
.bloc_apercu_application .custom-combobox a {
    position:absolute;
    top:0;
    right:0;
    height:31px;
}

.bloc_apercu_application .custom-combobox a {
    height:100%;
}

.bloc_apercu_application {
    margin:0 auto;
    width:470px;
    margin-top:5px;
}

.bloc_apercu_application #bloc_telephone {
    height:940px;
    width:470px;
    background-image:url(../../img/iphone-vide.png);
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    float:right;
}
.bloc_apercu_application #bloc_telephone.iphone5s {
    background-image:url(../../img/iphone5-vide.png);
}
.bloc_apercu_application #bloc_telephone.galaxys5 {
    background-image:url(../../img/galaxy-vide.png);
}
.bloc_apercu_application #bloc_telephone.galaxys5 .apercu_application {
    background-image:url(../../img/galaxy-vide.png);
    border:1px solid #BFBFBF;
}
.bloc_apercu_application #bloc_telephone.blackberry {
    background-image:url(../../img/blackberry-vide.png);
}


.bloc_apercu_application .apercu_application {
    position:absolute;
    top:110px;
    left:50px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.fiche_client .message_utilisateur {
    font-size:12px;
}

.info_utilisateur {
    font-size:12px;
}

textarea.commentaire_utilisateur {
    resize:vertical;
    height:100px;
}

#section_passage_client .bloc_input {
    margin:0 3%;
}

#section_passage_client .bloc_input input[type='checkbox'] {
    margin:0 5px 10px 0 !important;
}
#section_passage_client .bloc_input input[type='checkbox'] + label {
    margin:0 0 10px 0 !important;
}

.btn_enregistrer_commentaire {
    margin-bottom:0 !important;
}

#section_passage_client .input-inline input[type=text]{
    padding: 0px;
    display: inline;
}

input.mis_en_avant {
    background-color : #9ACD32 !important;

}

#section_application{
    text-align: center;
}


#section_produits .colonne {
  width: 24%;
  float: left;
}
input {
    height: 53px;
    vertical-align: middle;
}
#section_produits .el_produit h4 {
    margin: 10px 0px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

#section_produits .el_produit h4.produit_even {
    background-color: #bfbfbf;
}

#dropzone-application{
    display: inline-block;
    width: 500px;
    min-height: 0px!important;
}

#formulaire_enregistrer_application fieldset{
    display: inline-block;
}

#section_produits .el_produit h4.produit_odd {
    background-color: #484848;
}

.produit-red {
    background-color: #b82b00!important;
}

#section_produits .el_produit.selected h4 {
    background-color: #00af5f;
}

#section_produits .btn_edit {
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    height: 32px;
    width: 32px;
    background-image:  url('../../img/sprite-menu-commercants.png');
    background-size: 32px auto;
    background-position: 0 -33px;
    cursor: pointer;
    text-indent: -9999px;
}

#section_produits .dropzone {
    min-height: 250px;
}

.boutique_colonne_1{
   /* display: inline-block;*/
    text-align: center;
    width: 50%;
float: left;
}

.boutique_colonne_1 h4,
.boutique_colonne_2 h4,
#configuration_des_zones_livraison {
    background-color: #484848;
    padding: 4px;
    color: #ffffff;
}

.boutique_colonne_2{
    display: inline-block;
    width: 50%;
    text-align: center;
}

.champ_livraison_mode{
    width: 100%;
    
    text-align: center;
}
.champ_livraison_mode .header input[type='checkbox']{
    position: relative;
    margin-left: calc(85%/2.5)!important;
    margin-right: 5% !important;
}
.petit_input{
    max-width: 130px;
}

#menu_commande{
    background: grey;
}

#section_commande{
    height: 100%;
}

#contenu{
    width: 100%;
}
.clone{
    display: none!important;
}

.les_produits{
    display: inline-block;
}

.le_produit{
    background: #048cb1;
    margin: 2px;
    float: left;
}

.liste_des_produits, .mode_de_livraison{
    background-color: #242020;
    color: white;
    text-align: center;
    padding: 5px;
}

.left {
    display: inline-flex;
}


.center{
    padding: 10px;
}
#date{
    border: none;
    font-size: 26px;
    color: white;
}

.crenau-passe {
    background-color: #F44336;
}

.ui-dialog{
    top: 150px!important;
}
.btn-entourer {
    border: solid 2px black;
}
.selectione-ligne-produit-detail {
    background: cadetblue;
}


[id^='dialog-ajout-'], #detail_commande {

    height: 100% !important;
    padding: 0px 0px 30px 0px !important;
    overflow: scroll !important;
}

[id^='dialog-ajout-'] .command_total {

    background: #018DB1;
    color: #fff;
    padding: 25px 15px;
    box-sizing: border-box;
}

[id^='dialog-ajout-'] table.liste_des_produits_ajouter_pour_commande thead tr th  {

    padding: 5px;
}

[aria-describedby^='dialog-ajout-'], [aria-describedby^='detail_commande'] {

    height: 90% !important;
    left: 0px !important;
    right: 0px !important;
    margin: auto !important;
    top: 37px !important;
    overflow: scroll !important;
    padding: 0 0 54 0 !important;
}

#carte {
    display: none;
}



.select2-search__field {
    height: initial;
}


#section_stats_boutique h2 {
    background-color: #484848;
    font-weight: normal;
    color: white;
    margin-top: 0px;
}
#section_stats_boutique input[type='radio'] {
    width: 20px;
    height: 20px;
    padding: inherit;
    display: inline-block;
}
#section_stats_boutique .div_radio {
    display: inline-block;
}
#section_stats_boutique > div > span {
    margin-left: 10px;
    margin-right: 30px;
}
#section_stats_boutique .div_radio input[type='text'] {
    height: 20px;
    display: inline-block;
    width: inherit;
}
#liste_stats_boutique {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #484848;
}
#liste_stats_boutique thead th,
#liste_stats_boutique tbody tr:last-child:not(.no_result) {
    background-color: #484848;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}
#liste_stats_boutique td {
    padding: 10px;
    font-size: 13px;
}
#liste_stats_boutique tbody tr {
    text-align: center;
    border-top: 1px dotted #787878;
}
#section_stats_boutique .data {
    width:100%;
    display: inline-block;
    margin: 10px;
}
#section_stats_boutique .graph {
    margin: auto;
    width: 60%;
}
.button {
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 20px;
    background-color: #F44336;
}
.button:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: 0.3s;
}

button.petit_bouton {
height: 40px;
font-size: 16px;
margin-top: 5px;
}

#form_stats_boutique {
    padding: 10px;
}
#section_stats_boutique .recherche input {
    display: inline-block;
    width: inherit;
    height: 20px;
}

.scroll {

    overflow: scroll;
    max-height: 400px;
}

[class^='colonne-'] {

    float: left;
    padding: 0px 7.5px;
    box-sizing: border-box;
}

[class^='colonne-']:after {

    display: block;
    clear: both;
    content: '';
}
.scroll-content:after {

    content: '';
    clear; both;
    display: block;
}
.bloc-content {

    background-color: #cecece1a;
    border: solid 1px #efefef;
    padding: 15px;
}

.space-top-bottom {

    margin-top: 15px;
    margin-bottom: 15px;
}

.space-top {

    margin-top: 15px;
}

.space-bottom {

    margin-bottom: 15px;
}

.fixed-bottom-bar {

    bottom: 0;
    position: fixed;
    background-color: #fff;
   
    width: 1000px; 
    max-width: 1000px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.btn-default {

    background-color: #78909C;
}

.btn-green {

    background-color: #66BB6A;
}

.btn-red {

    background-color: #EF5350;
}

.btn-orange {

    background-color: #FFA726;
}

.btn-blue {

    background-color: #018DB1;
}

.modal-window .ui-dialog-titlebar .ui-dialog-titlebar-close {

    text-indent: 0;
    width: 70px;
    height: 30px;
    margin: -16px 0 0 0;
}

.modal-window .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {

    background: none;

}

.modal-window .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick:after {

    content: 'Retour';
    
}

.ui-dialog .ui-dialog-titlebar-close {
    outline: 0;
}

#radio_expedie, #radio_livraison, #radio_emporter, #radio_place {
    display: inline-block;
    width: 20px;
}
.bloc_boutique_active .etat_boutique {
    padding-bottom: 10px;
}

.bloc_boutique_active .periode *,
.pre-header {
    display: inline-block;
}
.boutique_active_span {
    color: #0E5900;
}
.table.livreur-table thead th {

    vertical-align: middle;
    text-align: center;
}
#section_produits > .colonne .select2 {
   
   margin-top: 10px;
}
.liste_images .une_image {
    background-color: #e6e6e6;
}

#complement_titre{
        background-color: red;
        color: white;
        position: fixed;
        top: 0px;
        z-index: 10000;
        left: 50%;
width: 200px;
margin-left: -100px;
text-align:center;

}