/**
 *
 * $Author: olivier $
 * $Rev: 8 $
 * $Date: 2022-08-11 16:53:37 +0200 (jeu. 11 août 2022) $
 * $Id: portail.css 8 2022-08-11 14:53:37Z olivier $
 * $HeadURL: https://subversion.ciss.fr/Portail/branches/POR-1583/src/public/css/portail.css $
 *
 * Copyright (c) C.I.S.S - Tous droits réservés
 *
 */

/* Modif z-index geocomplete par olivier */
.pac-container.pac-logo {
    z-index: 9999;
}

.m-portlet__head {
    padding: 0 1rem;
}

.subheader-10 {
    padding: 0;
    margin: 10px 0 10px 0;;
}

/* Titre des portlet */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-weight: 700;
    color: #365899
}

/* ----- MENU droit ---- */
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text{
    color: #365899;
    /* text-transform: uppercase; */
    font-size: 1.07rem;
    line-height: 23px;
    font-weight: 500;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link i.m-menu__hor-arrow.la.la-angle-down.icone-angle-down {
    color: #000000;
    font-size: 1rem;
    padding-left: 12px;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link > .m-menu__hor-arrow,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link >
i.m-menu__hor-arrow.la.la-angle-down.icone-angle-down {
    color: #000000;
    font-size: 1.2rem;
    padding-left: 10px;
}

.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-weight: 500;
    font-size: 1.07rem;
    line-height: 23px;
    text-transform: initial;
}
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link span.m-menu__link-text.sous-menu-placemarcher {
    color: #000000;
    font-size: 1.07rem;
    line-height: 23px;
    font-weight: 300;
}

.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-business.icones-sousmenu-placemarcher,
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-placeholder.icones-sousmenu-placemarcher,
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-map.icones-sousmenu-placemarcher,
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-gift.icones-sousmenu-placemarcher,
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-piggy-bank.icones-sousmenu-placemarcher,
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
.m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
.m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-notes.icones-sousmenu-placemarcher
{
    color: #000000;
    font-size: 1.07rem;
}
/* -----  FIN - MENU droit ---- */

/* ---- MENU HAUT ---- */

/* MENU HAUT */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link span.m-topbar__username.connecter-menuhaut {
    font-size: 1.1rem;
    color: #676c7b;
    font-weight: 300;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i.flaticon-search-1.icone-rechercher {
    color: #365899;
}

@media (max-width: 992px) {
    .m-brand .m-brand__logo {
        text-align: center !important;
    }
}

/* MENU HAUT --> Dégrader des icones */
/*.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon i:before {
    background: linear-gradient(180deg, #365899 25%, #5867dd 50%, #36a3f7 75%, #63abe3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

/* MENU HAUT --> dégrader icones menu */
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span::after, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span {
    background: linear-gradient(135deg, #5867dd 30%, #36a3f7 100%);
    padding-top: 1px;
    padding-bottom: 1px;
}

/* MENU HAUT */
/*.m-brand {
    padding: 0 25px;
}*/

/*  MENU HAUT --> Dégrarder icones more */
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__icon > i {
    background: linear-gradient(180deg, #365899 25%, #5867dd 50%, #36a3f7 75%, #63abe3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---- FIN - MENU HAUT ---- */

/* ---- MENU GAUCHE ---- */

/* MENU GAUCHE --> icone croix */
.m-aside-left--on .m-aside-left-close {
    left: 229px;
}

/* MENU GAUCHE --> icone croix */
.m-aside-left-close {
    left: -45px;
}

/*  Menu déroulant à GAUCHE  */
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    display: initial;
}

/* MENU GAUCHE --> Icones */
.m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #bf2d46 !important;
}

/* MENU GAUCHE --> texte */
.m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #bf2d46 !important;
}

/*  */
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-badge, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-badge {
    padding: 0 0 0 0px;
    text-align: right;
    display: flex;
    margin-top: 8px;
}

/* ---- FIN - MENU GAUCHE ---- */

/*  ---- CONNEXTION ---- */

/* CONNEXION --> bouton */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    padding: 0.8rem 1.5rem;
    font-size: 13px;
}

/* CONNEXION --> mot de passe oublié  */
.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .m-login__form-sub .m-link {
    color: #9e97aa;
}

/* CONNEXION */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub .m-link {
    font-size: .9rem;
    font-weight: 400;
}

/* CONNEXION */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub {
    margin: 9px -8px 10px auto;
}

/* ---- FIN - CONNEXION --> mot de passe oublié ---- */

/* ---- CONNEXION --> Alerte ----- */
.alert .close {
    padding-top: 0;
}

/* CONNEXION --> taille des input de la partie connectez-vous */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
    padding: 1rem 1.5rem;
}

/* CONNEXION --> Bouton Connexion */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action {
    margin-top: 3%;
}

/* CONNEXION --> Textes sous le bouton connexion */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__account .m-login__account-link {
    font-size: 14px;
    font-weight: 500;
}

/* CONNEXION -->Textes sous le bouton connexion */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__account {
    margin-top: 8%;
}

/* CONNEXION */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
    margin: 3rem auto 1.2rem auto;
}

/* ---- FIN - CONNEXION --> Alerte ----- */

/* ------ CONNEXION --> Partie formulaire ----- */

/* CONNEXION --> Connectez-vous */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head .m-login__title {
    font-size: 1.8rem;
}

.login_background {
  width: 800px;
  height: 596px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 #d5d5d5;
}

.login_heureux {
  width: 141.5px;
  height: 32px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a90e2;
}

.login_message {
  width: 144px;
  height: 18px;
  font-family: Montserrat;
  font-size: 7px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #9b9b9b;
}

.login_input {
  width: 140px;
  height: 21px;
  border-radius: 2px;
  background-color: #ecf3fc;
}

.login_bouton {
  width: 140px;
  height: 21px;
  border-radius: 2px;
  background-color: #4a90e2;
  box-shadow: 0 3.5px 7px 0 rgba(74, 144, 226, 0.4);
}

/* CONNEXION --> Ou avec */
.login-options {
    margin-top: 2.7rem;
    margin-bottom: 2.7rem;
}

/* CONNEXION */
.login-options h3 {
    color: #9e97aa;
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

/* CONNEXION */
h4.font-green {
    color: #9e97aa;
    font-size: 1.6rem;
    margin-bottom: 0.625rem;
}

/* CONNEXION --> Enlève la liste des Icones*/
ul.social-icons {
    list-style-type: none;
}

/* CONNEXION --> Icones */
li.Icons {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}

/* CONNEXION --> Icones */
li.Icons a {
    font-size: 2.4rem;
}

/* CONNEXION --> Icones */
ul.social-icons {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
    position: relative;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* CONNEXION --> Taille sous textes */
form.forget-form p, p.hint {
    font-size: 12px;
}

/* CONNEXION --> Taille des label dans inscription */
label.control-label.visible-ie8.visible-ie9 {
    font-weight: 400;
}

/* CONNEXION --> Boutons valider/Annuler */
.form-actions {
    margin-top: 1.3rem;
    margin-bottom: 2.7rem;
}

input.form-control.placeholder-no-fix {
    border-radius: 40px;
}

/* ------ FIN CONNEXION ------ */

/* ------ FIL D'ACTUS ---- */

.m-grid__item.m-grid__item--fluid.m-wrapper.grid-container {
    padding: 0 5px;
}

/* FIL D'ACTUS --> Gerer la publication */
.m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
    margin-right: -7%;
}

/* FIL D'ACTUS */
.m-portlet__body-actu {
    padding: 0 0 0 0;
}

/* FIL D'ACTUS */
.m-portlet.m-portlet--actus .m-portlet__head,
.m-portlet.m-portlet--articles .m-portlet__head,
.m-portlet.m-portlet--portail .m-portlet__head {
    padding: 0 0.8rem;
}

.m-portlet.m-portlet--actus {
    margin-bottom: 15px;
}

/* FIL D'ACTUS */
.m-portlet.m-portlet--actus .m-portlet__foot,
.m-portlet.m-portlet--articles .m-portlet__foot {
    padding: 0.6rem 0.6rem;
}

/* FIL D'ACTUS --> padding texte */
.m-stack__item-texte {
    padding: 1rem 1rem 1rem 1rem;
}

/* FIL D'ACTUS --> Exprimez vous  */
.m-stack__item-actu {
    padding: 0rem 1rem 0rem 1rem;
}

/* FIL D'ACTUS --> Logo Enseigne */
.m-portlet__head-logo {
    height: 48px;
    vertical-align: middle;
    border-style: none;
    display: table-cell;
    margin-right: 0.6rem;
    /*margin-left: 0.4rem;*/
}

/* FIL D'ACTUS --> Sélect */
button.btn.btn-brand.m-btn.m-btn--icon.btn-sm.btn-publier {
    position: absolute;
    right: 15px;
}
button.btn.btn-brand.m-btn.m-btn--icon.btn-sm.btn-publier.btn-Facebook-enseigne {
    position: initial;
}

/* FIL D'ACTUS --> Taille images(logo) pour le sélect dans fil d'actus*/
.m--logo {
    height: 48px;
    vertical-align: middle;
    border-style: none;
    display: inline-block;
    margin-right: 0.8rem;
}

/* FIL D'ACTUS --> Styles du p du Sélect */
p.text-enseigne {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 1.3rem;
    display: inline;
    color: #365899;
    font-weight: 700;
    font-family: Roboto;
}

/* Fil d'actus -  Titres des enseignes */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.text-enseigne {
    font-size: 1.3rem;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.text-enseigne a {
    color: #365899;
}

/* FIL D'ACTUS --> Enlève les padding au Sélect */
.form-group.m-form__group.col-xl-6.col-sans-padding {
    padding: 0;
}

/* FIL D'ACTUS --> Enlève la bordure au Sélect */
.select2-container--default .select2-selection--single {
    border: none;
}

/*  FIL D'ACTUS --> Enlève le padding à gauche du Sélect */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: .65rem 1.25rem .65rem 0.2rem;
}

/* ------FIN  FIL D'ACTUS ---- */

/* FIL D'ACTUS & ANNUAIRE PROS --> Image enseigne */
.pro-logo {
    width: 136px;
    border: 1px solid lightgrey;
    border-radius: 0px !important;
    box-shadow: 2px 2px 4px #ccc;
}

.profile-desc-link i {
    width: 22px;
    font-size: 19px;
    color: #abb6c4;
    margin-right: 5px;
}

.profile-desc-link a {
    font-size:14px;
    font-weight:600;
    color:#5b9bd1;
}

/* ------ STYLISATION ------ */
/* BODY --> Fond couleur */
.m-body {
    background-color: rgba(114, 126, 145, 0.12);
}

/* ICONES Fil d'actus ( Photo, reseau, titre ..) --> Bolder */
.m-btn--icon > span [class*=" la-"], .m-btn--icon > span [class^=la-] {
    font-weight: bolder;
}

/* Fil d'actus - Boutons ( Photo, reseau, titre ..) --> background + border */
a.m--hidden-xs.m--hidden-sm.m-portlet__nav-link.btn.btn-secondary.m-btn.m-btn--icon.m-btn--pill.ajoutSwitchBtn,
button.btn.btn-secondary.add_picture.m-btn.m-btn--pill.m-btn--icon.btn-sm.btn-modifs,
button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm.add_title.btn-modifs,
button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm {
    border: 1px solid #cdd6ed;
    background-color: #f6f7f9;
}
/*
button.btn.btn-secondary.add_title.m-btn.m-btn--pill.m-btn--icon.btn-sm.m--hidden-xs.m--hidden-sm,
button.btn.btn-secondary.add_picture.m-btn.m-btn--pill.m-btn--icon.btn-sm.m--hidden-xs.m--hidden-sm,
button.btn.btn-secondary.add_title.m-btn.m-btn--pill.m-btn--icon.m-btn--icon-only.btn-sm.m--visible-xs.m--visible-sm,
button.btn.btn-secondary.add_picture.m-btn.m-btn--pill.m-btn--icon.m-btn--icon-only.btn-sm.m--visible-xs.m--visible-sm{
    margin-right: 15px;
}*/

/* Fil d'actus - Boutons texte  ( Photo, reseau, titre ..) --> margin
button.btn.btn-secondary.add_picture.m-btn.m-btn--pill.m-btn--icon.btn-sm.btn-modifs,
button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm.add_title.btn-modifs,
button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm {
    margin-right: 6px;
    margin-bottom: 10px;
    margin-top: 10px;

/*
 Fil d'actus - Boutons ( Photo, reseau, titre, publier ..)--> Tailles text
button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm,
button.btn.btn-brand.m-btn.m-btn--icon.btn-sm.btn-publier {
    font-size: 1rem;
    text-align: -webkit-center;
    margin-top: 10px;
    margin-bottom: 10px;
}*/

/* Fil d'actus - Bouton publier */
button.btn.btn-brand.m-btn.m-btn--icon.btn-sm.btn-publier {
    background-color: #365899;
}

/* Fil d'actus - Exprimez-vous  */
textarea.form-control.actualite {
    border-color: #cdd6ed;
}

/* Fil d'actus - Exprimez-vous -->   Color text */
textarea.form-control.actualite::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder {
    color: #66686e;
}

/* Bouton modifs */
.col-lg-12.m--align-left.btn-modifs-mobile {
    display: inline-flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Fil d'actus - H4 -->  Titre des articles --> réglage taille + marge */
h4.profile-desc-title.titre-article {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 20px;
    margin-top: 11px;
    color: #365899;
}

/*  Fil d'actus - Textes / sous textes */
.m-stack__item.m-stack__item-texte {
    padding: 0rem 1.4rem 0rem 1.4rem;
}

/* Fil d'actus - P des sous textes */
p.text-actualite.sous-texte-article {
    margin-bottom: -3px;
    font-size: 0.9rem;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Fil d'actus - p sous textes */
p.text-actualite {
    font-weight: 500;
    font-size: 1rem;
    line-height: 21px;
    margin-bottom: 2rem;
}

/* FIL D'ACTUS --> Sous-texte des portlets */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
    margin-top: 0.4rem;
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: Roboto;
    color: #a8aabb;
}

/* Fil d'actus - Icones 3points --> dégradé */
i.flaticon-more.menu-portlet {
    background: linear-gradient(180deg, #365899 25%, #5867dd 50%, #36a3f7 75%, #63abe3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 3px;
    margin-right: -6px;
}

/* FIL D'ACTUS --> Loader */
.m-loader m-loader--primary {
    width: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* ------ FIN - FIL D'ACTUS ------ */

/*  ------ PAGE MES INFORMATIONS ------ */

/* PAGE MES INFORMATIONS */
span#profileName {
    letter-spacing: 1px;
    color: #365899;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
}

span#profileNaissance {
    letter-spacing: 2px;
    line-height: 24px;
    font-weight: 500;
}

/* PAGE MES INFORMATIONS */
.m-portlet.m-portlet--full-height-no.m-portlet-informations {
    margin-bottom: 1.5rem;
}

/* PAGE MES INFORMATIONS --> Image utilisateur */
.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper {
    margin: 0px;
    border: 0px;
}

/* PAGE MES INFORMATIONS --> Séparateur img / pictos */
.m-nav.m-nav--hover-bg > .m-nav__separator {
    margin-top: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddfe4;
}

/* PAGE MES INFORMATIONS --> Titre */
h1.m-address-name, h1.m-address-name small,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.titre,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
    font-size: 15px;
}

/* PAGE MES INFORMATIONS --> Sous-texte ( mobile principale..) */
.m-portlet .m-portlet__head .m-portlet__head-text .m-portlet__head-desc, .m-portlet .m-portlet__head .m-portlet__head-text small {
    color: #90949c;
}

/* PAGE MES INFORMATIONS --> Menu focus au clic sur un texte */
.m-nav > .m-nav__item > .m-nav__link .m-nav__link-text.menu-user.active {
    color: #365899;
    font-size: 14px;
    font-weight: 500;
}

/* PAGE MES INFORMATIONS --> Menu changement de couleur au clique */
.m-nav.m-nav--hover-bg > .m-nav__item.m-nav__item--active, .m-nav.m-nav--hover-bg > .m-nav__item:hover {
    background-color: transparent;
}

/*Partie Coordonnées */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon i {
    font-size: 17px;
}

/* PAGE MES INFORMATIONS  */
.m-portlet .m-portlet__head {
    padding-left: 1.6rem;
    margin-bottom: 0px;
    border-bottom: 1px solid #dddfe4;
}

/* PAGE MES INFORMATIONS  */
.m-portlet .m-portlet__body {
    padding: 1.2rem 1.6rem;
}

/* PAGE MES INFORMATIONS -->  Tel / Mail - & ANNUAIRE PROS */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    padding-left: 3px;
    vertical-align: middle;
}

/* PAGE MES INFORMATIONS -->  Tel / Mail small */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    font-size: 1.1rem;
}

/* PAGE MES INFORMATIONS --> SLIM Avatar */
#profil_slim {
    padding-right: 10px;
    margin-bottom: 20px;
}

#profil_slim .slim-profil {
    height: 130px;
    width: 130px;
    margin: auto;
    border-radius: 50%;
}

/* ---- PAGE MES INFORMATIONS ADRESSE ---- */

/* PAGE MES INFORMATIONS --> Adresses TEXTE H1 */
h1.m-address-name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #365899;
    margin-top: -10px;
}

/* PAGE MES INFORMATIONS --> Adresses TEXTE small */
h1.m-address-name small {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

/* PAGE MES INFORMATIONS --> Adresses */
#address .m-portlet__head {
    margin-bottom: 0.5rem;
}

/* PAGE MES INFORMATIONS --> Adresses */
div#address {
    padding: 0.5rem 0 0 0;
}

/* ---- FIN - PAGE MES INFORMATIONS ADRESSE ---- */

/* ----- PAGE MES INFORMATIONS PORTEFEUILLE ----- */

/* PAGE MES INFORMATIONS --> Portefeuille H1 */
h1.m-card-name, h1.m-cheque-name {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

/* PAGE MES INFORMATIONS --> Portefeuille p */
p.m-card-number, p.m-cheque-number {
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 4px;
}

/* PAGE MES INFORMATIONS --> Portefeuille img */
.m-card-avatar img, .m-cheque-avatar img {
    display: block;
    height: 135px;
    margin-left: auto;
    margin-right: auto;
}

/* PAGE MES INFORMATIONS PORTEFEUILLE --> carte bancaire th */
#table-bancaire th {
    width: 33%;
    font-size: 15px;
}

/* PAGE MES INFORMATIONS PORTEFEUILLE --> carte bancaire td */
#table-bancaire td {
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    height: 65px;
}

.m-card-bancaire img, .m-cheque-bancaire img {
    width: 25%;
}

/* PAGE MES INFORMATIONS PORTEFEUILLE */
#portefeuilleCarte, #cheque {
    width: 100%;
    display: block;
}

/* PAGE MES INFORMATIONS PORTEFEUILLE --> Bouton suivant */
button.btn.btn-outline-primary.btn-sm.m-btn.m-btn--icon.m-btn--pill.btn-suivant {
    float: right;
}

/* PAGE MES INFORMATIONS PORTEFEUILLE --> Icone bouton suivant */
.btn-suivant i.fa.fa-arrow-right {
    padding-left: 5px;
}
/* ----- FIN - PAGE MES INFORMATIONS PORTEFEUILLE ----- */


/* PAGE MES INFORMATIONS --> Mes messages */

/* MES INFORMATIONS - permet de mettre le texte à coté du checkbox */
label.m-checkbox.m-checkbox--single.m-checkbox--all.m-checkbox--solid.m-checkbox--brand.notif {
    display: initial;
}

label.Enseignes {
    display: inline;
}

/* MES INFORMATIONS - Couleur des checkbox */
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ spancolor-input {
    background: #365899;
}

/* MES INFORMATIONS - Menu déroulant sur l'image --> Bouton déconnecter */
.btn.m-btn--custom {
    padding: 0.75rem 1.5rem;
}

/* MES INFORMATIONS --> Bouton déconnecter */
i.fa.fa-power-off {
    padding-right: 6px;
}

/* MES INFORMATIONS - Menu déroulant sur l'image */
.mCustomScrollBox {
    margin-left: auto;
    margin-right: auto;
    /*display: table;*/
}

/* MES INFORMATIONS - Menu déroulant sur l'image --> texte haut  */
a.m--font-weight-300.m-link.m--font-light {
    font-size: 16px;
    font-weight: 400;
}

/* PAGE MES INFORMATIONS --> Achats */
.m--align-right {
    text-align: right;
    width: auto;
    display: block;
    margin-left: auto;
}

.m--align-left.btn-precedent {
    width: auto;
}

/* --- MES INFORMATIONS - FIN Achats---*/

/* MES INFORMATIONS - Menu --> Icones */
.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon {
    vertical-align: initial;
    line-height: 1;
}

/* MES INFORMATIONS - Menu déroulant / Menu  --> Icones */
.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon {
    font-size: 1.7rem;
}

/* MES INFORMATIONS - Menu déroulant sur l'image --> Icones et texte --> hauteur  */
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-text {
    vertical-align: text-bottom;
}

/* MES INFORMATIONS - Menu déroulant sur l'image --> Sous menu nav-bar --> hauteur  */
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-text.submenu-navbar {
    vertical-align: middle;
}

.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-icon {
    vertical-align: baseline;
}
/* -- FIN - MES INFORMATIONS - Menu déroulant sur l'image -- */

/* ----- FIN - MES INFORMATIONS ----- */


/*  ---- PAGE ANNUAIRE PROS ----
--> Modes de règlement */
td.paiement {
    vertical-align: middle;
}

i.flaticon-calendar.m--font-brand.icone-calandar,
i.flaticon-map-location.m--font-brand.icone-localisation,
i.flaticon-interface-9.m--font-brand.icone-marques,
i.flaticon-coins.m--font-brand.icone-règlement,
i.flaticon-notes.m--font-brand.icone-propos,
i.flaticon-open-box.m--font-brand.icone-Bonsplans,i.
flaticon-piggy-bank.m--font-brand.icone-fidéliter{
    color: #365899!important;
}

/* -------- ANNUAIRE PROS --> Actualités Modal FACEBOOK --------- */
h5.modal-title.title-facebook {
    color: #365899 !important;
    letter-spacing: 1px;
    font-weight: 500 !important;
    line-height: 24px;
    font-size: 1.5rem !important;
}

.modal-header.separator-title {
    border-bottom: 2px solid #ebedf2;
}

button.facebook-loginPDV.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm.btn-Facebook,
button.facebook-loginGRP.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm.btn-Facebook-enseigne {
    font-size: 1.2rem;
    margin-bottom: 18px;
    padding: 6px 15px;
}

i.fa.fa-facebook.icone-Facebook {
    padding-right: 5px;
    font-size: 1.1rem;
}

p.Actu-facebook{
    color: #000000;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 23px;
    margin-bottom: 6px;
    margin-left: 4px;
    display: inline-block;
    margin-left: 20px;
    position: absolute;
    margin-top: 6px;
}

button.facebook-loginGRP.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm.btn-Facebook-enseigne {
    margin-bottom: 15px;
}

i.fa.fa-trash-o.icone-Corbeille {
    float: right;
    position: relative;
    margin-top: 5px;
    font-size: 1.3rem;
    line-height: 24px;
    cursor: pointer;
}
/* -------- FIN - ANNUAIRE PROS --> Actualités Modal FACEBOOK --------- */


/* -------- ANNUAIRE PROS --> Bons plans --> img --------- */

/* ANNUAIRE PROS --> Bons plans --> Bouton menu */
button.m-btn.btn.btn-brand.btn-bonsplans {
    background-color: #365899;
    padding: 0.4rem 0.55rem !important;
}

/* ANNUAIRE PROS --> Bons plans --> Bouton acheter menu texte */
span.acheter-bons_plans {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 22px;
    vertical-align: baseline;
}

.m-portlet__body.bonplans {
    padding: 0rem 2.2rem;
}

.m-portlet__body.Bons-plans {
    padding-left: 0;
    padding-right: 0;
}

/* ANNUAIRE PROS --> Bons plans --> Bouton acheter */
button.btn.btn-sm.m-btn--pill.btn-success.btn-acheter-Bonplan {
    margin-bottom: 30px;
    margin-top: 15px;
    margin-right: 20px;
    float: left;
    font-size: 1.1rem;
}

/* ANNUAIRE PROS --> Bons plans --> Bouton acheter icone */
i.fa.fa-shopping-basket.panier_acheter-Bonplan {
    padding-right: 5px;
}

/* ANNUAIRE PROS --> Bons plans --> offre disponible (encadré) */
.m-widget19__action.offres-disponible {
    display: inline-block;
}

/* ANNUAIRE PROS --> Bons plans --> texte offre disponible */
span.m-badge.m-badge--metal.m-badge--wide.m-badge--rounded.m-offres-disponible {
    background-color: #365899;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 15px;
    margin-top: -3px;
    margin-bottom: 15px;
}

/* ANNUAIRE PROS --> Bons plans --> Titre H3 */
h3.m-widget19__title.m--font-light.Bons-plans {
    padding-left: 2.2rem;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #365899 !important;
}

/* ANNUAIRE PROS --> Bons plans --> Description */
.m-widget19__body.description-bonplan {
    color: #000000 !important;
    line-height: 23px;
    font-weight: 300;
    font-size: 1.1rem !important;
}

/* ANNUAIRE PROS --> Bons plans --> Suite bon plan */
.m-widget19__action.suite-bonplans {
    display: flow-root;
    margin-top: 0px;
}

/* ANNUAIRE PROS --> Bons plans --> Bouton Suite bon plan */
button.btn.m-btn--pill.btn-secondary.m-btn.m-btn--hover-brand.m-btn--custom.btn-suite-bonplans {
    float: right;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 18px;
    border: 1px solid #cdd6ed;
    background-color: #f6f7f9;
}
/* ------- FIN - ANNUAIRE PROS --> Bons plans -------- */

/* -------- ANNUAIRE PROS --> Main -------- */
/* ANNUAIRE PROS --> Main --> Bouton envelope */
a.btn.btn-metal.m-btn.m-btn--icon.m-btn--pill.btn-envelope {
    background-color: #365899;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 5px;
}

a.btn.btn-success.m-btn.m-btn--icon.m-btn--pill.btn-phone {
    font-size: 1rem;
    font-weight: 500;
    line-height: 21px;
}

i.la.la-envelope.icone-envelope,
i.la.la-envelope.icone-phone {
    font-size: 1.5rem;
}

/* ANNUAIRE PROS --> Main --> Titre */
.m-card-profile__title.title-main {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px;
    font-size: 1.6rem;
    margin-bottom: 8px;
}

/* ANNUAIRE PROS --> Main --> Catégorie */
label.categorie-enseigne {
    font-weight: 500;
    font-size: 1.1rem;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 1px;
}

/* ANNUAIRE PROS --> Main --> Activiter */
span.Activiter-enseigne {
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 21px;
}
/* -------- FIN - ANNUAIRE PROS --> Main -------- */

/* ANNUAIRE PROS --> Actualité --> H3 titre  */
.m-widget19 .m-widget19__pic .m-widget19__title {
    position: relative;
    bottom: 0;
    display: block;
    z-index: 1;
    font-size: 1.2rem;
    color: #000000!important;
    padding-left: 1.4rem;
    padding-right: 1rem;
    padding-top: 1rem;
    background: #FFFFFF;
    padding-bottom: 1.1rem;
}

/* ANNUAIRE PROS --> image enseigne  */
.m-card-profile .m-card-profile__pic #logo-enseigne img {
    text-align: center;
    border-radius: 0px;
}

/* ANNUAIRE PROS Horaires--> jours */
span.primary-link.jours {
    padding-left: 3rem;
    font-weight: 500;
    line-height: 24px;
    font-size: 1.1rem;
    color: #365899;
}

.table.table.table-hover.table-light td {
    padding: 0.75rem 0rem;
}

/* ANNUAIRE PROS Horaires--> séparateur */
tr.m--hidden-xs.m--hidden-sm.separator-horaires {
    border-bottom: 2px solid #cdd6ed;
    vertical-align: middle;
}

/* ANNUAIRE PROS Horaires--> Horaires */
td.font-white.horaires-ouverture {
    /*padding-left: 0;*/
    font-weight: 500;
    line-height: 24px;
    font-size: 1rem;
}

/* ANNUAIRE PROS Horaires--> Pas d'horaires */
p.pas-horaires {
    padding: 0.75rem;
    padding-left: 2.8rem;
    font-weight: 500;
    line-height: 24px;
    font-size: 1.1rem;
}

/* ANNUAIRE PROS Horaires--> Icone horaire */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^="la-"],
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon i.la.la-clock-o.icone-horaire {
    color: #365899 !important;
    font-size: 2.2rem;
}

/* ANNUAIRE PROS Horaires--> Image */
img.horloge {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 28%;
    opacity: 0.7;
}

/* ANNUAIRE PROS Horaires--> texte span */
.pas-horaires span {
    display: block;
    /* position: relative; */
    text-align: center;
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding-bottom: 20px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    /* width: 44%; */
    color: #000000;
}

/* ANNUAIRE PROS --> image enseigne  */
#logo-enseigne {
    width: 130px;
    height: 150px;
    position: relative;
    margin: auto;
}

/* ANNUAIRE PROS --> Fond image enseigne */
#logo-enseigne.slim {
    background-color: transparent;
}

/* ANNAIRE PROS --> image chequier */
.m-widget4__img.m-widget4__img--crt img {
    width: 5rem;
}

/* ANNUAIRE PROS --> Bouton poubelle / modifier */
#logo-enseigne.slim .slim-btn-group {
    bottom: -54px;
}

/* ANNUAIRE PROS --> Bouton sauvegarder */
input.btn.m-btn--pill.btn-secondary.m-btn.m-btn--custom.m-btn--label-success.m-btn--bolder.btn-save {
    border: 2px solid #34bfa3;
    padding: .55rem 1.5rem;
    margin-bottom: 15px;
    margin-top: 55px;
}

/* ANNUAIRE PROS --> Bouton appeler / message */
.m-card-profile__details {
    margin-top: 12px;
}

/* ANNUAIRE PROS --> Bouton appeler */
a.btn.btn-success.m-btn.m-btn--icon.m-btn--pill {
    margin-right: 15px;
    margin-bottom: 5px;
}

/* ANNUAIRE PROS --> Nombres marque */
span.caption-subject.bold.uppercase.Nombres-marques {
    vertical-align: middle;
    display: block;
    width: 121%;
    padding-right: 21px;
    margin-right: 15px;
}

.m-select2.m-select2--pill.col-12.ajout-marque {
    padding-right: 0;
}
/* FIN */

/* ANNUAIRE PROS --> changement adresse */
h4.new-adresse {
    margin-bottom: 13px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: -9px;
}

h4.verif-adresse {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 1.5rem;
    font-weight: 600;
}

.input-adresse {
    border: 1px solid #cdd6ed;
}

h4.refine_marker_pos {
    font-size: 1.5rem;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

button.btn.btn-outline-danger.m-btn.m-btn--outline-2x.btn-annuler {
    margin-right: 20px;
    font-size: 1.2rem;
}

button.btn.btn-success.m-btn.btn-enregistrer {
    font-size: 1.2rem;
}

i.la.la-cloud-upload.icone-enregistrer,
i.la.la-close.icone-annuler {
    padding-right: 8px;
    font-size: 1.5rem;
    vertical-align: middle;
}
/* ANNUAIRE PROS --> FIN changement adresse */

/* -------- ANNUAIRE PROS LISTE COMMERCANTS -------- */

/* ANNUAIRE PROS LISTE COMMERCANTS --> Block général */
.page-content#store-locator {
    padding: 10px 25px 0px 25px;
    width: 100%;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Titre enseigne */
span.one-pdv-name.uppercase {
    font-size: 15px;
    color: blue;
    font-weight: 900;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Sous-texte (services) */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-info .one-pdv-details .one-pdv-activ {
    font-weight: 600;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Bouton Appeler */
button.btn.m-btn--pill.btn-primary {
    padding-right: 20px;
    font-size: 14px;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Bouton Appeler */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-buttons {
    vertical-align: top;
    float: left;
    display: inline-block;
    width: 100%;
    height: 47px;
    white-space: nowrap;
    padding-top: 5px;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Icone Appeler */
[class*=" fa-"], [class^=fa-] {
    font-size: 1.1rem;
}

/* ANNUAIRE PROS LISTE COMMERCANTS */
.one-pdvs .one-pdv {
    margin: 0px;
    height: auto;
    padding: 15px 10px 15px 10px;
    border-bottom: 2px solid #eee;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Image enseigne */
.one-pdvs .one-pdv .one-pdv-img {
    width: 96px;
    border: 1px solid lightgrey;
    box-shadow: 2px 2px 4px #ccc;
    float: left;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Image enseigne */
.one-pdvs .one-pdv .one-pdv-img > img {
    border-radius: 0%;
}

/* ANNUAIRE PROS LISTE COMMERCANTS */
.one-pdvs .one-pdv .one-pdv-body {
    padding-left: 15px;
    position: relative;
    overflow: hidden;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Contenu texte + icone carte  */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row {
    display: block;
    width: 100%;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Contenu texte + icone carte */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-info {
    display: table-cell;
    vertical-align: top;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Icone carte */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-info .one-pdv-icon {
    display: inline-block;
    padding: 6px 6px 6px 0px;
    margin-left: -5px;
    margin-bottom: -5px;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Icone carte */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-info .one-pdv-icon > i {
    display: inline-block;
    position: relative;
    top: -2px;
    left: 5px;
    font-size: 25px;
    color: #212529;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Textes P */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-info .one-pdv-details .one-pdv-desc {
    margin-bottom: 0;
    color: #A6A8A8;
    font-weight: 400;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Ouvert/Fermé */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-datetime {
    vertical-align: top;
    display: inline-block;
    float: left;
    text-align: left;
    width: 100px;
    white-space: nowrap;
    padding-top: 3px;
    color: #A6A8A8;
    font-weight: 500;
    font-size: 14px;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Ouvert/Fermé */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-datetime .one-pdv-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: green;
    border-radius: 50% !important;
    margin-left: 5px;
    margin-right: 5px;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Fermé */
.one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-datetime .one-pdv-dot.bg-red {
    background-color: red;
}

/* ANNUAIRE PROS LISTE COMMERCANTS */
.mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

/* ANNUAIRE PROS LISTE COMMERCANTS --> Background */
.one-pdv.abstar {
    background-color: rgba(205, 220, 241, 0.3);
}
/* -------- FIN - ANNUAIRE PROS LISTE COMMERCANTS -------- */


/* ------ ANNUAIRE PROS photos ------ */
.grid-item a.cbp-lightbox::before {
    background-color: #f0eff8;
    position: absolute;
    content: '';
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0;
    opacity: 0;
}

/* ANNUAIRE PROS photos  --> photos hover */
.grid-item:hover a::before {
    -webkit-transition: all 0.3S ease-in-out;
    transition: all 0.3S ease-in-out;
    opacity: 0.8;
}

/* ANNUAIRE PROS photos */
.grid-item:hover .poubelle-btn {
    -webkit-transition: all 0.3S ease-in-out;
    transition: all 0.3S ease-in-out;
    opacity: 1;
    background-color: rgba(0, 0, 0, .9);
}

/* ANNUAIRE PROS photos  */
img.photos-pointdevente {
    margin-bottom: 28px;
}

/* ANNUAIRE PROS photos  */
.poubelle-btn {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E");
}

/* ANNUAIRE PROS photos */
.fond-btn {
    position: relative;
    padding: 0;
    margin: 0 7.2px;
    font-size: 0;
    outline: none;
    width: 36px;
    height: 36px;
    border: none;
    color: #fff;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50%;
    border-radius: 50%;
}

/* ANNUAIRE PROS photos */
a.poubelle-btn.fond-btn {
    display: block;
    z-index: 50;
    width: 40px;
    height: 40px;
    font-size: 3rem;
    position: relative;
    color: red;
    opacity: 1;
    background-color: #000000;
    bottom: 7%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ANNUAIRE PROS photos */
.cbp-item.f-a.img-marques {
    display: inline-block;
    margin: 15px;
}

/* ------ FIN - ANNUAIRE PROS photos ------ */

/* -------- ANNUAIRE PRO Mode de règlement -------- */
/* ANNUAIRE PRO Mode de règlement - imgages */
img.user-pic.fit {
    margin-top: 10px;
    margin-right: 10px;
    display: block;
}

/* ANNUAIRE PRO Mode de règlement - textes (images) */
a.primary-link.paiement {
    font-weight: 500;
    font-size: 1rem;
}

/* ANNUAIRE PRO Mode de règlement */
.row.reglements {
    margin-left: 8px;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* ANNUAIRE PRO Mode de règlement */
.col-xl-4.col-lg-6.col-md-6.col-sm-4.col-4.reglement {
    padding-left: 8px;
    padding-right: 2px;
}

/* ------- CARTES & CHEQUES CADEAUX ------ */

/* CARTES & CHEQUES CADEAUX - MENU  */
ul.nav.nav-tabs.m-tabs.m-tabs-line.m-tabs-line--brand.m-tabs-line-danger.text-center-mobile {
    display: block;
}

.col-xl-4.col-lg-6.col-md-6.col-sm-10.bloc-cartescadeaux {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* CARTES & CHEQUES CADEAUX - MENU --> Titre  */
li.nav-item.m-tabs__item.nav-text-center-mobile {
    display: block;
    text-align: center;
}

/* CARTES & CHEQUES CADEAUX - Taille H4 ( prix ) */
h4.m--font-danger.prix-cartescadeaux {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: .5rem;
}

/* CARTES & CHEQUES CADEAUX -  H4 ( prix ) */
.col-xl-5.col-lg-4.col-md-5.col-sm-3.col-6.m--valign-middle.prix-listescartes {
    padding-left: 5px;
    /*margin-left: -15px;*/
}

/* CARTES & CHEQUES CADEAUX -  Bouton ( ajouter ) */
.col-xl-7.col-lg-8.col-md-7.col-sm-9.col-6.m--align-right.panier-cartescadeaux {
    padding-right: 5px;
    margin-left: -15px;
}

/* CARTES & CHEQUES CADEAUX -  Bouton ( ajouter ) */
button.btn.btn-success.m-btn.m-btn--icon.ajoutpanier-cartescadeaux {
    padding: 0.65rem 1rem 0.65rem 0.8rem;
}

/* CARTES & CHEQUES CADEAUX -  Bouton ( ajouter ) */
.col-xl-4.col-lg-6.col-md-6.col-sm-8.bloc-cartescadeaux {
    padding-left: 0;
    padding-right: 0;
}

/* CARTES & CHEQUES CADEAUX - Couleur de fond */
.tab-content.Body-background-color {
    background: #f0eff8;
    margin: -1.2rem -1.6rem;
    padding: 2.2rem 2.2rem;
    border: 3px solid #FFF;
}

.row.Nombre_chequiers {
    justify-content: center;
}

h3.m-portlet__head-text p {
    margin-top: 1rem;
    font-size: 14px;
}

/* Enseigne + titre */
h1.m-portlet__head-label.m-portlet__head-label--danger small {
    display: block;
}

/* Boutons remise */
button.btn.m-btn--pill.m-btn.m-btn--gradient-from-primary.m-btn--gradient-to-info.btn--remise {
    position: relative;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* CARTES & CHEQUES CADEAUX */
button.btn.m-btn--pill.m-btn.m-btn--gradient-from-primary.m-btn--gradient-to-info.btn--remise p {
    margin-bottom: 0px;
}

/* CARTES & CHEQUES CADEAUX - small au lieu de */
h2.libelle small {
    text-transform: initial;
    font-size:16px;
    color:#66686e;
}

h2.libelle.prix {
    margin-bottom: 12px;
}
/* ------- FIN CARTES & CHEQUES CADEAUX ------ */


/* -------- Place De MarchE, CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE -------- */

/* ---- CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE ---- */
.m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.CarteCadeaux-size,
.m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.Marques-size,
.m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.fidelite-size,
.m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.cagnotte-size,
.m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.chequier-size {
    padding-top: 2.65rem;
}

/* --- CARTES ET CHEQUES CADEAUX --- */
.Description.CadeauxGrp {
    padding-bottom: 30px;
}

/*CARTES ET CHEQUES CADEAUX ---> Adresse p */
p.Adresse-ChequiersGrp, p.Adresse-cagnotte {
    font-weight: 300;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE */
.m-portlet.m-portlet--bordered-semi .m-portlet__body {
    padding-top: 0;
    padding-bottom :0;
    min-height: 100%;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE */
.m-portlet.m-portlet--creative .m-portlet__head {
    height: 6px;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE */
.m-portlet.m-portlet--creative.m-portlet--first {
    margin-top: 4rem;
    position: relative;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE */
.m-logo img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25px;
    cursor: pointer;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE */
.col-xl-4.col-lg-6.col-md-6.col-sm-8.col-fidelites,
.col-xl-4.col-lg-6.col-md-6.col-sm-8.col-cagnotte,
.col-xl-4.col-lg-6.col-md-6.col-sm-8.col-Nombre_chequiers,
.col-xl-4.col-lg-6.col-md-6.col-sm-8.col-Bons_plans {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE - encadré titres */
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
    padding-left: 9px;
    padding-right: 9px;
    height: 33px;
    border-radius: 5px;
    background: #5867dd;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: -0.1rem;
}

h1.m-portlet__head-label.m-portlet__head-label--danger.Remise {
    margin-top: 1.15rem !important;
}

/* Place De MarchE,CARTES ET CHEQUES CADEAUX & CARTE DE FIDELITE - Titres (tailes) */
h1.m-portlet__head-label.m-portlet__head-label--danger span {
    font-size: 14px;
    font-weight: 500;
}

/* Place De MarchE et CARTE DE FIDELITE - Titres menu  haut de page */
a.nav-link.m-tabs__link.active.titre-size,
a.nav-link.m-tabs__link.titre-size {
    font-weight: 500;
}

/* CARTE DE FIDELITE - Texte description --> Offres fidélité */
.Description-fidelitesGrp p {
    text-align: justify;
    margin-left: 20px;
    margin-right: 15px;
    line-height: 19px;
    font-weight: 500;
    font-size: 1rem;
    color: #000000;
}

/* CARTE DE FIDELITE - Texte description --> Offres privilèges  */
.Description-ChequiersGrp p {
    text-align: justify;
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 20px;
    font-weight: 500;
    font-size: 1.1rem;
    color: #000000;
}

/* CARTE DE FIDELITE - Titre (bon plan) */
h2.libelle-fidelitesGrp {
    font-weight: 600;
    color: #365899;
}

/**/

/* Place De MarchE - Images bons plans Grp */
.m-portlet__body.img-bonsplans,
.m-portlet__body.img-fidelitesGrp {
    padding-left: 0;
    padding-right: 0;
}

/* Place De MarchE */
label.nom-bonplan{
    font-size: 1.6rem;
}

label.nom-bonplan,
label.informations-bonplan,
label.disponibilité-bonplan,
label.durée-utilisation-bonplan{
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
    color: #365899;
    text-transform: uppercase;
    font-family: Roboto;
}

input.form-control.m-input.input-Nombonplan,
input.form-control.m-input.input-infobonplan,
select.custom-select.form-control.bonsplans-disponibilité,
select.custom-select.form-control.bonsplans-durée-utilisation {
    margin-bottom: 35px;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 25px;
    border: 2px solid #cdd6ed;
    border-radius: 9px;
    height: 45px;
    font-family: Roboto;
}

button#btnSauvegarderbonplan,
button#clear-add-tel,
button.btn.btn-secondary.cancel-update-tel{
    border: 2px solid #cdd6ed;
}

button#btnSauvegarderbonplan,
button#btnannulerbonplan,
button#btnSauvegarderPhoto,
button#btnannulerPhoto,
button#btnSauvegarderNewTel,
button#clear-add-tel,
button.btn.btn-primary.btnSauvegarderModifTel,
button.btn.btn-secondary.cancel-update-tel{
    border-radius: 6px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 22px;
    font-family: Roboto;
    letter-spacing: 1px;
}

button#btnannulerbonplan,
button#clear-add-tel,
button.btn.btn-secondary.cancel-update-tel{
    margin-left: 20px;
}

/* Place De MarchE - Prix + au lieu de  */
h2.libelle.prix {
    font-size: 16px;
    text-align: left;
    line-height: 22px;
    font-weight: 500;
    color: red;
    margin-bottom: 5px;
}

/* Place De MarchE - Titre (enseigne) */
.titre-bonplansGrp p,
h2.libelle-fidelitesGrp {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 17px;
    margin-bottom: 5px;
    margin-left: 20px;
    text-transform: uppercase;
}

/* Place De MarchE - P */
.enseigne-bonplansGrp p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #365899;
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

/* Place De MarchE --> Texte small ( proposé par) */
.enseigne-bonplansGrp small {
    font-size: 10px;
    display: inline-block;
    line-height: 22px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 5px;
}

/* Place De MarchE --> bouton en savoir plus */
a.btn.m-btn--pill.m-btn.m-btn--gradient-to-info.btn--Ensavoirplus {
    background-color: #f6f7f9;
    float: right;
    border: 1px solid #cdd6ed;
    margin-right: 16px;
    margin-top: 17px;
    cursor: pointer;
}

.clear {
    content: "";
    display: block;
    clear: both;
}

/* Id offre */
/*.m-logo small {
    display: table;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}*/

/*.Description {
    padding-bottom: 2rem;
}*/

/*button.btn.m-btn--pill.m-btn.m-btn--gradient-from-primary.m-btn--gradient-to-info.btn--Objectif {
    position: absolute;
    bottom: 20px;
}*/

/*.btn.m-btn--gradient-from-primary.m-btn--gradient-to-info {
    background: #5867dd;
    background: linear-gradient(135deg, #5867dd 35%, #c4c5d6 100%);
}*/

/* ------ DETAIL BON PLAN ------ */

/* DETAIL BON PLAN */
.m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.Bons-plans-size {
    padding-top: 2.8rem;
}

/* DETAIL BON PLAN - Titres (détails offre, conditions) */
.m-portlet__head.border-portlet.title-portlet {
    padding-top: 25px;
}

/* DETAIL BON PLAN - Titre offre bon plan */
.m-subheader.background-titrebonplan {
    padding: 10px 30px 10px 30px;
    background: #365899;
}

/* DETAIL BON PLAN - Titre offre bon plan (color) */
h3.m-subheader__title.m-subheader__title--separator.titre-bonplan {
    color: #FFFFFF;
}

/* DETAIL BON PLAN --> Titre 1 */
h3.m-portlet__head-text.titre-bonplanGrp {
    font-size: 1.3rem;
}

/* DETAIL BON PLAN --> titre H3 */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.titre-bonplanGrp,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.detail-bonplanGrp,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.conditions-bonplanGrp {
    font-size: 1.5rem;
    text-transform: uppercase;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.conditions-bonplanGrp {
    padding: 0 2rem;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.enseigne-bonplanGrp {
    font-size: 1.3rem;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 10px;
}

/* DETAIL BON PLAN - Border bottom Titre */
.m-portlet__head.border-portlet {
    border-bottom: 2px solid #cdd6ed;
}

/* DETAIL BON PLAN - img */
.image-bonplanGrp {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* DETAIL BON PLAN - img */
.image-bonplanGrp img {
    width: 100%;
    margin-bottom: 20px;
}

/* DETAIL BON PLAN */
.bonplanGrp {
    display: block;
    position: relative;
    font-size: 1.2rem;
    line-height: 19px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
}

/* DETAIL BON PLAN --> p */
.bonplanGrp p {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* DETAIL BON PLAN */
.info-bonplanGrp {
    text-align: center;
}

/* DETAIL BON PLAN --> prix + au lieu de */
p.prix-bonplanGrp {
    color: #365899;
    font-size: 1.8rem;
    line-height: 19px;
    margin-top: 6px;
    text-transform: initial;
    display: inline-block;
}

/* DETAIL BON PLAN */
p.prix-bonplanGrp small {
    font-size: 1.2rem;
}

/* DETAIL BON PLAN */
p.prixproduit-bonplanGrp {
    font-size: 1.8rem;
    text-decoration: line-through;
    color: #66686e;
    font-weight: 500;
    display: inline-block;
}

/* DETAIL BON PLAN --> texte vous economisez..*/
p.economie-bonplan {
    display: block;
    font-size: 1rem;
    text-transform: initial;
    line-height: 22px;
    font-weight: 400;
    margin-top: 5px;
}

/* DETAIL BON PLAN --> texte encadré bleu (disponibilité) */
span.center {
    font-size: 1rem;
    font-weight: 500;
    color: #FFFFFF;
    display: block;
    margin-top: 5px;
}

/* DETAIL BON PLAN --> chiffres encadré bleu (disponibilité) */
.valeurproprite p {
    display: inline-block;
    font-size: 1.8rem;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #FFFFFF;
}

/* DETAIL BON PLAN --> sous-texte(chiffres) encadré bleu (disponibilité) */
.valeurproprite small {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
}

/* DETAIL BON PLAN --> Séparateur valeurs encadré bleu (disponibilité) */
span.m-subheader.m-subheader__title.m-subheader__title--separator.separator-valeurs {
    padding: 17px 2px 0 0px;
    border-right: 2px solid #cdd6ed;
    margin-right: 6px;
}

/* DETAIL BON PLAN --> Encadré bleu (disponibilité) */
.valeurproprite {
    margin-top: 15px;
    background-color: #365899;
    border-radius: 4px;
    padding-bottom: 10px;
}

/* DETAIL BON PLAN --> Btn reserver */
button.btn.btn-success.reserver {
    font-size: 1.3rem;
    margin-top: 15px;
}

/* DETAIL BON PLAN */
i.fa.fa-hand-o-right.icone-main {
    margin-right: 7px;
    font-size: 1.3rem;
}

/* DETAIL BON PLAN --> Position texte encadré bleu (disponible..) */
.alert-information {
    margin-top: 10px;
    padding-top: 5px;
}

/* DETAIL BON PLAN */
#sociaux-petit a.fa.fa-facebook-square.logo-sociaux,
a.fa.fa-twitter-square.logo-sociaux,
a.fa.fa-google-plus-square.logo-sociaux,
a.fa.fa-linkedin-square.logo-sociaux {
    font-size: 2.4rem;
    margin-right: 10px;
}

/* DETAIL BON PLAN --> Texte reseaux sociaux */
#sociaux-petit p.reseaux {
    font-size: 1rem;
    margin-top: 15px;
}

/*.m-portlet__body.body-info {
    border-bottom: 1px solid #66686e;
}*/

/* DETAIL BON PLAN --> Detail offre */
.m-portlet__body.details-bonplan {
    padding: 1.2rem 0.9rem 0rem 2.2rem;
}

/* DETAIL BON PLAN --> Texte p */
.m-portlet__body.details-bonplan p,
.m-portlet__body.conditions p {
    text-align: justify;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 22px;
}

/* DETAIL BON PLAN --> texte p / H4 */
p.tel-bonplanGrp,
.Adresse-bonplanGps p,
.Adresse-bonplanGps h4,
.tel-bonplanGrp h4 {
    text-align: justify;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 22px;
    margin-bottom: 5px;
}

/* DETAIL BON PLAN --> texte H4 */
.Adresse-bonplanGps h4,
.tel-bonplanGrp h4 {
    font-weight: 600;
    margin-left: 2.2rem;
    font-size: 1.2rem;
}

/* DETAIL BON PLAN */
.m-portlet__body.informations {
    padding: 1.2rem 0rem 0rem 0rem;
    margin-bottom: -24px;
}

/* DETAIL BON PLAN --> Texte p */
.m-portlet__body.informations p {
    margin-left: 2rem;
}

/* DETAIL BON PLAN --> border top conditions*/
.m-portlet__head.border-portlet.informations {
    padding-left: 0;
    border-top: 1px solid #66686e;
}

/* DETAIL BON PLAN --> border top */
.m-portlet__head.border-portlet.enseigne-bonplan {
    border-top: 1px solid #66686e;
    margin-top: 10px;
}

/* DETAIL BON PLAN --> texte p (offre proposé par..) */
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text.enseigne-bonplanGrp small {
    font-size: 1rem;
    text-transform: initial;
    color: #000000;
    font-weight: 400;
    line-height: 23px;
    display: block;
    padding-left: 0;
}

/* DETAIL BON PLAN --> details / conditions */
.col-md-7.details-bonplan,
.col-md-5.conditions-bonplan {
    padding: 0;
}

.col-md-5.conditions-bonplan {
    padding-left: 0;
    padding-right: 0;
}

/* DETAIL BON PLAN */
.m-portlet__body.body-info {
    padding: 2.2rem 1.2rem;
}

/* DETAIL BON PLAN */
div#maps-bonplan {
    height: 250px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* DETAIL BON PLAN */
.m-portlet__body.informations.row {
    margin-left: 0;
    margin-right: 0;
}

/* DETAIL BON PLAN --> informations */
.bonplanGrp-générale.col-xl-6.col-lg-6.col-md-5.col-sm-12 {
    padding-left: 0;
}

/* --------- Fin detail bon plan -------- */


/* -------- FIN - ANNUAIRE PRO Mode de règlement -------- */


@media screen and (min-width: 440px) and (max-width: 560px) {
    /* CARTES & CHEQUES CADEAUX*/
    .col-lg-6, .col-md-6, .col-sm-8, .col-xl-4 {
        padding-right: 65px;
        padding-left: 65px;
    }
}

@media (min-width: 768px) {

    /* ----- MES INFORMATIONS ----- */
    .m-nav > .m-nav__item > .m-nav__link span.m-nav__link-text.menu-user {
        display: inline;
    }

    /* ANNUAIRE PROS --> Nombres marque */
    span.caption-subject.bold.uppercase.Nombres-marques {
        margin-left: 0px;
        vertical-align: middle;
    }
    /* FIN - ANNUAIRE PROS --> Nombres marque */


    /* ---- STYLISATIONS ---- */
    /* ----- FIL D'ACTUALITE ----- */
    .m-grid__item.m-grid__item--fluid.m-wrapper.grid-container {
        padding: 0 20px;
    }
    /* FIL D'ACTUALITE --> Bouton publier */
    button.btn.btn-brand.m-btn.m-btn--icon.btn-sm.btn-publier {
        position: initial;
    }

    /* FIL D'ACTUALITE --> Bouton Groupe  */
    a.m--hidden-xs.m--hidden-sm.m-portlet__nav-link.btn.btn-secondary.m-btn.m-btn--icon.m-btn--pill.ajoutSwitchBtn.btn-groupe {
        margin-right: 0px;
    }

/*     FIL D'ACTUALITE --> Boutons
    button.btn.btn-secondary.add_picture.m-btn.m-btn--pill.m-btn--icon.btn-sm.btn-modifs,
    button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm.add_title.btn-modifs,
    button.btn.btn-secondary.m-btn.m-btn--pill.m-btn--icon.btn-sm {
        margin-right: 15px;
    }*/

    /* FIL D'ACTUALITE --> Boutons modifs-mobile */
    .col-lg-12.m--align-left.btn-modifs-mobile {
        display: block;
    }

    /* FIL D'ACTUALITE --> Titre des articles (h4) */
    h4.profile-desc-title.titre-article {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 25px;
        margin-top: 11px;
    }

    /* FIL D'ACTUALITE --> P des sous-textes */
    p.text-actualite.sous-texte-article {
        margin-bottom: -3px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 25px;
    }

    /* FIL D'ACTUALITE --> A des sous-textes p */
    .text-actualite a {
        font-size: 14px;
    }

    /* FIL D'ACTUALITE --> Textes / sous-textes */
    .m-stack__item.m-stack__item-texte {
        padding: 0rem 2rem 0rem 1.4rem;
    }

    /* ------ CARTES & CHEQUES CADEAUX ------ */
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.CarteCadeaux-size, .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.Marques-size, .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.fidelite-size, .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.cagnotte-size, .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.chequier-size {
        padding-top: 4rem;
    }

    /* CARTES & CHEQUES CADEAUX */
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.CarteCadeaux-size {
        margin-right: 10px;
        margin-left: 6px;
    }

    /* CARTES & CHEQUES CADEAUX */
    .col-xl-4.col-lg-6.col-md-6.col-sm-8.bloc-cartescadeaux {
        padding-left: 0px;
        padding-right: 0;
    }

    /* CARTES & CHEQUES CADEAUX --> Bouton ajouter panier */
    .col-xl-7.col-lg-8.col-md-9.col-sm-9.col-9.m--align-right.panier-cartescadeaux {
        padding-right: 5px;
    }

    /* CARTES & CHEQUES CADEAUX -->  H4 prix */
    h4.m--font-danger.prix-cartescadeaux {
        font-size: 1.3rem;
    }

    /* CARTES & CHEQUES CADEAUX --> Prix (listes-cartes) */
    .col-xl-5.col-lg-4.col-md-5.col-sm-3.col-6.m--valign-middle.prix-listescartes {
        padding-left: 5px;
        margin-left: 0;
        padding-right: 0px;
    }

    /*CARTES & CHEQUES CADEAUX --> Bouton ajouter au panier  */
    button.btn.btn-success.m-btn.m-btn--icon.ajoutpanier-cartescadeaux {
        padding: 0.65rem 1rem 0.65rem 0.8rem;
    }

    /* CARTES & CHEQUES CADEAUX --> menu */
    ul.nav.nav-tabs.m-tabs.m-tabs-line.m-tabs-line--brand.m-tabs-line-danger.text-center-mobile {
        display: flex;
    }

    /* CARTES & CHEQUES CADEAUX */
    /*.m-portlet.cheques-titres {
        margin-left: 17px;
        margin-right: 10px;
    }*/
    /*.Description {
        padding-bottom: 2rem;
    }*/
    /*.Description p {
        font-size: 14px;
        margin-bottom: 20px;
    }*/
    /* .Description.CadeauxGrp p {
        margin-bottom: 0px;
    }*/
    /* h2.libelle {
        font-size: 25px;
    }

    h3.m-portlet__head-text p {
        margin-top: 1rem;
        font-size: 18px;
    }*/
    /* CARTES & CHEQUES CADEAUX */
    .Description.CadeauxGrp {
        padding-bottom: 0px;
    }

    /* CARTES & CHEQUES CADEAUX --> Encadré bleu (Titre) */
    .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
        font-size: 16px;
    }
    /* ------ FIN - CARTES & CHEQUES CADEAUX ------ */

    /* ----- Place De MarchE / CARTE DE FIDELITE ----- */
    /* CARTE DE FIDELITE (Offres fidélité) --> Texte description p */
    .Description-fidelitesGrp p {
        text-align: left;
        margin-left: 30px;
        margin-right: 20px;
        line-height: 25px;
        font-size: 1.1rem;
    }

    /* Place De MarchE BON PLAN / CARTE DE FIDELITE (Offres fidélité) */
    .titre-bonplansGrp p,
    h2.libelle-fidelitesGrp {
        font-size: 22px;
        line-height: 22px;
        margin-top: 19px;
        margin-bottom: 5px;
        margin-left: 30px;
    }

    /* Place De MarchE --> Texte p enseigne */
    .enseigne-bonplansGrp p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    /* Place De MarchE --> Texte small enseigne */
    .enseigne-bonplansGrp small {
        font-size: 13px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    /* Place De MarchE --> Bouton en savoir plus */
    a.btn.m-btn--pill.m-btn.m-btn--gradient-to-info.btn--Ensavoirplus {
        margin-right: 20px;
        margin-top: 20px;
    }

    /* Place De MarchE --> Bouton en savoir plus --> P */
    a.btn.m-btn--pill.m-btn.m-btn--gradient-to-info.btn--Ensavoirplus p {
        height: 4px;
        margin-top: 0px;
    }

    /* Place De MarchE --> PRIX */
    h2.libelle.prix {
        font-size: 22px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    /* ----- FIN - Place De MarchE  ----- */

    /* ----- Place De MarchE & CARTE DE FIDELITER ------ */
    /* Place De MarchE & CARTE DE FIDELITER */
    .col-xl-4.col-lg-6.col-md-6.col-sm-8.col-fidelites,
    .col-xl-4.col-lg-6.col-md-6.col-sm-8.col-cagnotte,
    .col-xl-4.col-lg-6.col-md-6.col-sm-8.col-Nombre_chequiers,
    .col-xl-4.col-lg-6.col-md-6.col-sm-8.col-Bons_plans {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* ------- DETAIL BON PLAN -------- */
    /* DETAIL BON PLAN */
    .m-portlet__head.border-portlet {
        border-bottom: 2px solid #cdd6ed;
    }

    /* DETAIL BON PLAN --> Titre offre bon plan */
    .m-subheader.background-titrebonplan {
        padding: 10px 30px 10px 30px;
        background: #365899;
    }

    /* DETAIL BON PLAN --> Titre offre bon plan  */
    h3.m-subheader__title.m-subheader__title--separator.titre-bonplan {
        color: #FFFFFF;
    }

    /* DETAIL BON PLAN --> Titre (Offre proposé par..) */
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.enseigne-bonplanGrp {
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    /* DETAIL BON PLAN --> Small (Offre proposé par) */
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text.enseigne-bonplanGrp small {
        font-size: 1.5rem;
        line-height: 23px;
        display: inline-block;
        padding-left: 0;
    }

    /* DETAIL BON PLAN --> Textes P (details / informations) */
    .m-portlet__body.details-bonplan p,
    .m-portlet__body.informations p {
        text-align: justify;
        font-weight: 400;
        font-size: 1.1rem;
        line-height: 22px;
    }

    /* DETAIL BON PLAN --> Texte (details) */
    .m-portlet__body.details-bonplan {
        padding: 1.2rem 0rem 1.2rem 2.2rem;
    }

    /* DETAIL BON PLAN --> Titres (Detail / Conditions) */
    .m-portlet__head.border-portlet.title-portlet {
        padding-left: 0;
    }

    /* DETAIL BON PLAN --> Titres (Detail / Conditions) */
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.detail-bonplanGrp,
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.conditions-bonplanGrp {
        font-size: 1.4rem;
        text-transform: uppercase;
        padding: 0 2.2rem;
    }

    /* DETAIL BON PLAN --> Textes p / H4 (informations) */
    .m-portlet__body.informations p,
    .Adresse-bonplanGps h4 {
        margin-left: 2.2rem;
    }

    /*.m-portlet__head.border-portlet.informations {
        padding-left: 0;
        border-top: none;
    }*/
    /* DETAIL BON PLAN --> Image */
    .image-bonplanGrp img {
        width: 85%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* DETAIL BON PLAN --> (profitez de au bouton réserver) */
    .bonplanGrp {
        font-size: 1.5rem;
        line-height: 22px;
        text-align: center;
    }

    .info-bonplanGrp {
        text-align: center;
    }

    /* DETAIL BON PLAN --> Texte P */
    .bonplanGrp p {
        display: inline-block;
    }

    /* DETAIL BON PLAN --> Prix + au lieu de */
    p.prix-bonplanGrp {
        font-size: 2.5rem;
        line-height: 23px;
    }

    /* DETAIL BON PLAN --> Prix small (au lieu de) */
    p.prix-bonplanGrp small {
        font-size: 1.6rem;
    }

    /* DETAIL BON PLAN --> Prix barré */
    p.prixproduit-bonplanGrp {
        font-size: 2.5rem;
    }

    /* DETAIL BON PLAN --> p Economiser.. */
    p.economie-bonplan {
        display: block;
        font-size: 1.2rem;
        line-height: 25px;
        margin-top: 7px;
    }

    /* DETAIL BON PLAN --> Encadré bleu : Disponible pour .. */
    .alert-information {
        margin-top: 10px;
        padding-top: 5px;
    }

    /* DETAIL BON PLAN --> Encadré bleu span */
    span.center {
        font-size: 1rem;
        font-weight: 500;
        color: #FFFFFF;
        display: block;
    }

    /* DETAIL BON PLAN --> Encadré bleu P (chiffres / sous-texte) */
    .valeurproprite p {
        display: inline-block;
        font-size: 1.3rem;
        margin-bottom: 8px;
        margin-top: 8px;
        color: #FFFFFF;
    }

    /* DETAIL BON PLAN --> Encadré bleu P sous-texte chiffre */
    .valeurproprite small {
        display: block;
        font-size: 0.9rem;
        font-weight: 400;
    }

    /* DETAIL BON PLAN --> Encadré bleu séparateur (chiffres / sous-texte) */
    span.m-subheader.m-subheader__title.m-subheader__title--separator.separator-valeurs {
        padding: 17px 2px 0 0px;
        border-right: 2px solid #cdd6ed;
        margin-right: 6px;
    }

    /* DETAIL BON PLAN --> Encadré bleu */
    .valeurproprite {
        margin-top: 10px;
        background-color: #365899;
        margin-left: 25px;
        margin-right: 25px;
        border-radius: 4px;
        padding-bottom: 10px;
    }

    /* DETAIL BON PLAN --> Bouton reserver */
    button.btn.btn-success.reserver {
        font-size: 1.3rem;
        margin-top: 15px;
    }

    /* DETAIL BON PLAN --> Icone (bouton reserver) */
    i.fa.fa-hand-o-right.icone-main {
        margin-right: 7px;
        font-size: 1.3rem;
    }

    /* DETAIL BON PLAN --> Icones Reseaux sociaux */
    a.fa.fa-facebook-square.logo-sociaux,
    a.fa.fa-twitter-square.logo-sociaux,
    a.fa.fa-google-plus-square.logo-sociaux,
    a.fa.fa-linkedin-square.logo-sociaux {
        font-size: 3rem;
        margin-right: 10px;
    }

    /* DETAIL BON PLAN */
    .reseau-sociaux {
        text-align: center;
        margin-bottom: 21px;
    }

    /* DETAIL BON PLAN --> Icones Reseaux sociaux */
    /* #sociaux-grand {
         display: block;
         margin-left: auto;
         margin-right: auto;
     }*/

    /* DETAIL BON PLAN --> Texte P (partager cette offre) */
    p.reseaux {
        font-size: 1.2rem;
        font-weight: 500;
    }

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

    /* DETAIL BON PLAN -->  Details de l'offre */
    .col-md-7.details-bonplan {
        padding-left: 0;
        padding-right: 20px;
    }

    /* DETAIL BON PLAN -->  Conditions */
    .col-md-5.conditions-bonplan {
        padding-left: 20px;
    }

    /* DETAIL BON PLAN */
    .m-portlet__body.body-info {
        padding: 2.2rem 1.2rem;
    }

    /* DETAIL BON PLAN -->  Téléphone */
    .tel-bonplanGrp {
        margin-top: 20px;
    }

    /* DETAIL BON PLAN -->  Informations */
    .m-portlet__body.informations {
        padding: 1.2rem 2rem 0rem 0rem;
    }

    /* DETAIL BON PLAN -->  Textes Informations */
    .bonplanGrp-générale.col-xl-6.col-lg-6.col-md-5.col-sm-12 {
        padding-left: 0;
    }
    /* ------ FIN - detail bon plan ------ */


    /* ------ ANNUAIRE PROS --> Mode de règlement ------ */
    /* ANNUAIRE PROS Mode de règlement --> img */
    img.user-pic.fit {
        margin-bottom: 10px;
        margin-right: 10px;
        display: inline-block;
    }

    /* ANNUAIRE PROS Mode de règlement --> Texte */
    a.primary-link.paiement {
        font-weight: 500;
        font-size: 1.1rem;
    }

    /* ANNUAIRE PROS Mode de règlement */
    .row.reglements {
        margin-left: 20px;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    /* ------ FIN - ANNUAIRE PROS Mode de règlement ------ */

    /* ANNUAIRE PROS --> Bons plans --> Bouton menu */
    button.m-btn.btn.btn-brand.btn-bonsplans {
        background-color: #365899;
        padding: 0.65rem 1.25rem !important;
    }

    /* ANNUAIRE PROS --> Actualité --> Icone corbeille */
    i.fa.fa-trash-o.icone-Corbeille {
        font-size: 1.6rem;
        line-height: 24px;
        cursor: pointer;
    }

    /* ANNUAIRE PROS --> Horaires */
    span.primary-link.jours {
        padding-left: 2.2rem;
    }

    td.horaires-ouverture {
        padding: 7px;
        vertical-align: middle;
    }
}

@media (max-width: 768px) {


    /* ----- MENU droit ---- */
    .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
    .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text,
    .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text{
        color: #b5c1d8;
        /* text-transform: uppercase; */
        font-size: 1.2rem;
        line-height: 23px;
        font-weight: 500;
    }

    .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 23px;
        text-transform: initial;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active >
    .m-menu__heading .m-menu__link-text, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav >
    .m-menu__item.m-menu__item--active > .m-menu__link span.m-menu__link-text.menu-fil-actu {
        padding-top: 25px;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link span.m-menu__link-text.sous-menu-placemarcher {
        color: #b5c1d8;
        /* text-transform: uppercase; */
        font-size: 1.1rem;
        line-height: 23px;
        font-weight: 500;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open >
    .m-menu__link i.m-menu__ver-arrow.la.la-angle-right.icone-angle-right {
        color: #b5c1d8;
        font-size: 1.2rem;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-business.icones-sousmenu-placemarcher,
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-placeholder.icones-sousmenu-placemarcher,
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-map.icones-sousmenu-placemarcher,
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-gift.icones-sousmenu-placemarcher,
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-piggy-bank.icones-sousmenu-placemarcher,
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu
    .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link i.m-menu__link-icon.flaticon-notes.icones-sousmenu-placemarcher
    {
        color: #b5c1d8;
        font-size: 1.2rem;
    }

    i.la.la-close.icone-close-menu {
        color: #b5c1d8;
        font-size: 1.9rem;
        margin-left: 12px;
        margin-top: 12px;
    }
    /* -----  FIN - MENU droit ---- */

    /* -------- ANNUAIRE PROS LISTE COMMERCANTS -------- */
    /* ANNUAIRE PROS LISTE COMMERCANTS */
    .m-footer {
        display: none;
    }
    /* -------- FIN - ANNUAIRE PROS LISTE COMMERCANTS -------- */

    /*---- ANNUAIRE PROS - horaires ----*/
    span.primary-link.jours {
        padding-left: 1rem;
        padding-right: 0.5rem;
        font-size: 1rem;
    }

    td.horaires-ouverture {
        font-size: .9rem;
    }

    /* ----- FIN - ANNUAIRE PROS - Horaires------ */

    /* -------- PAGE MES INFORMATIONS -------- */
    /* PAGE MES INFORMATIONS --> Menu tablettes */
    .m-nav > .m-nav__item > .m-nav__link span.m-nav__link-text.menu-user {
        display: none;
    }

    /* PAGE MES INFORMATIONS --> Menu tablettes */
    li.m-nav__item.submenu {
        display: inline-block;
        width: 35px;
    }

    /* PAGE MES INFORMATIONS --> Menu tablettes */
    ul.m-nav.m-nav--hover-bg.m-portlet-fit--sides {
        text-align: center;
    }

    /* PAGE MES INFORMATIONS --> Menu tablettes */
    .m-nav.m-nav--hover-bg > .m-nav__item > .m-nav__link {
        padding: 0px;
    }

    /* PAGE MES INFORMATIONS PORTEFEUILLE  */
    #table-bancaire th {
        font-size: 12px;
    }

    /* CARTES & CHEQUES CADEAUX --> Encadré bleu (Titre) */
    /*.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
        margin-top: -1.3rem;
    }*/

    /*.col-xl-7.col-lg-8.col-md-7.col-sm-9.col-6.m--align-right.panier-cartescadeaux {
        margin-left: -20px;
    }*/

    /* -------- FIN - PAGE MES INFORMATIONS -------- */

    /* Place De MarchE */
    .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
        margin-top: 1.2rem2
    }

    .m-portlet__body.img-bonsplans {
        margin-top: 25px;
    }

    /* Place De MarchE --> taille modal*/
    .modal-dialog.modal-lg.modal-bonsplans {
        max-width: 630px;
    }
}

@media (min-width: 800px) {

    /* ANNUAIRE PROS LISTE COMMERCANTS */
    .one-pdvs .one-pdv {
        height: 135px;
    }

    /* ANNUAIRE PROS LISTE COMMERCANTS --> Ouvert/Fermé */
    .one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-datetime {
        float: right;
        clear: both;
        width: 70px;
        padding-top: 0px;
        margin-top: 0px;
        font-size: 14px;
        margin-right: 9px;
    }

    /* ANNUAIRE PROS LISTE COMMERCANTS --> Bouton Appeler */
    .one-pdvs .one-pdv .one-pdv-body .one-pdv-row .one-pdv-buttons {
        vertical-align: top;
        float: right;
        margin-right: 9px;
        display: inline-block;
        width: 100px;
        height: 47px;
        white-space: nowrap;
        padding-top: 7px;
    }

    /* ANNUAIRE PROS LISTE COMMERCANTS --> Contenu texte + icone carte  */
    .one-pdvs .one-pdv .one-pdv-body .one-pdv-row {
        display: inline-table;
        width: 100%;
    }
    /* -------- FIN - ANNUAIRE PROS LISTE COMMERCANTS -------- */
}

@media (min-width: 993px) {
    /*.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-text, .m-aside-menu .m-menu__nav >
    .m-menu__item > .m-menu__link > .m-menu__link-title {
        margin-bottom: .5rem;
    }*/
    /*.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-badge, .m-aside-menu .m-menu__nav >
    .m-menu__item > .m-menu__link .m-menu__link-badge {
        display: initial;
    }*/
    /* MENU DE GAUCHE --> texte */
    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
        display: block;
        margin-bottom: .5rem;
    }

    /* -------- CARTES & CHEQUES CADEAUX ------- */
    /* CARTES & CHEQUES CADEAUX --> Prix */
    h4.m--font-danger.prix-cartescadeaux {
        font-size: 1.4rem;
        font-weight: 600;
    }

    /* CARTES & CHEQUES CADEAUX -->  prix */
    .col-xl-5.col-lg-4.col-md-5.col-sm-3.col-6.m--valign-middle.prix-listescartes {
        padding-left: 5px;
        margin-left: 0px;
        padding-right: 0;
    }

    /*  CARTES & CHEQUES CADEAUX --> Encadré bleu ( titres des bloc) */
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.CarteCadeaux-size,
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.Marques-size,
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.fidelite-size,
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.Bons-plans-size,
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.cagnotte-size,
    .m-portlet.m-portlet--creative.m-portlet--first.m-portlet--bordered-semi.chequier-size {
        padding-top: 4.1rem;
    }
    /* -------------- FIN - CARTES & CHEQUES CADEAUX -------------- */

    /* -------------- CONNEXION -------------- */
    /* CONNEXION --> Textes sous le bouton connexion */
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__account {
        margin-top: 5%;
    }

    input.form-control.m-input {
        font-size: 14px;
    }

    /* CONNEXION --> bouton */
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
        padding: 1rem 2rem;
        font-size: 16px;
    }

    /* CONNEXION --> mot de passe oublié  */
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub .m-link {
        font-size: 1rem;
        font-weight: 400;
    }

    /* CONNEXION */
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub {
        margin: 15px -15px 15px auto;
    }

    /* CONNEXION --> Taille du H3  */
    .login-options h3, h4.font-green {
        font-size: 1.8rem;
    }

    /* CONNEXION --> icones  */
    li.Icons a {
        font-size: 2.8rem;
    }

    /* -------------- FIN - CONNEXION -------------- */
    /* ------- ANNUAIRE PROS Photos ------- */
    /* ANNUAIRE PROS Photos --> Image */
    img.photos-pointdevente {
        margin-bottom: 10px;
    }

    /* ANNUAIRE PROS Photos --> Image background hover */
    .grid-item a.cbp-lightbox::before {
        background-color: #f0eff8;
        position: absolute;
        content: '';
        width: 100%;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0;
        opacity: 0;
    }

    /* ANNUAIRE PROS Photos --> Image --> hover */
    .grid-item:hover a::before {
        -webkit-transition: all 0.3S ease-in-out;
        transition: all 0.3S ease-in-out;
        opacity: 0.8;
    }

    /* ANNUAIRE PROS Photos --> Image --> Icone poubelle hover */
    .grid-item:hover .poubelle-btn {
        -webkit-transition: all 0.3S ease-in-out;
        transition: all 0.3S ease-in-out;
        opacity: 1;
        background-color: rgba(0, 0, 0, .9);
    }

    /* ANNUAIRE PROS Photos --> Icone poubelle */
    .poubelle-btn {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E");
    }

    /* ANNUAIRE PROS Photos */
    .fond-btn {
        position: relative;
        padding: 0;
        margin: 0 7.2px;
        font-size: 0;
        outline: none;
        width: 36px;
        height: 36px;
        border: none;
        color: #fff;
        background-color: #000000;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        background-position: 50%;
        border-radius: 50%;
    }

    /* ANNUAIRE PROS Photos --> */
    a.poubelle-btn.fond-btn {
        display: block;
        z-index: 50;
        width: 60px;
        height: 60px;
        font-size: 3rem;
        position: absolute;
        color: transparent;
        opacity: 0;
        background-color: transparent;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    /* ANNUAIRE PROS Photos */
    a.poubelle-btn.fond-btn::before {
        position: absolute;
        border-radius: inherit;
        box-sizing: border-box;
        width: 50%;
        height: 50%;
        top: 50%;
        left: 15%;
        border: 3px solid #fff;
        content: "";
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-transition: all .25s;
        transition: all .25s;
        z-index: -1;
        pointer-events: none;
    }

    /* ------- FIN - ANNUAIRE PROS Photos ------- */
    /* ------- ANNUAIRE PROS MARQUES ------- */
    .cbp-caption-activeWrap.m--valign-middle.font-hover {
        background-color: transparent;
    }
    /* ------- FIN - ANNUAIRE PROS MARQUES ------- */


    /* ---------- DETAIL BON PLAN  ---------- */
    /* DETAIL BON PLAN */
    .image-bonplanGrp img {
        width: 100%;
    }

    /* DETAIL BON PLAN */
    .bonplanGrp {
        margin-right: 0;
        font-size: 1.5rem;
        line-height: 22px;
        text-align: center;
    }

    /* DETAIL BON PLAN --> Encadré Bleu */
    .valeurproprite {
        margin-top: 10px;
        margin-left: 10%;
        margin-right: 10%;
        border-radius: 4px;
        padding-bottom: 10px;
    }

    /* DETAIL BON PLAN --> Icones reseaux-sociaux */
    a.fa.fa-facebook-square.logo-sociaux,
    a.fa.fa-twitter-square.logo-sociaux,
    a.fa.fa-google-plus-square.logo-sociaux,
    a.fa.fa-linkedin-square.logo-sociaux {
        font-size: 3.5rem;
        margin-right: 10px;
    }

    /* DETAIL BON PLAN --> Texte reseaux-sociaux */
    p.reseaux {
        font-size: 1.3rem;
        font-weight: 500;
    }

    /* DETAIL BON PLAN */
    .container-bonplan {
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
    }

    /* DETAIL BON PLAN --> Texte P (details / informations) */
    .m-portlet__body.details-bonplan p,
    .m-portlet__body.informations p {
        font-size: 1.2rem;
        line-height: 24px;
    }

    /* DETAIL BON PLAN --> Conditions*/
    .col-md-5.conditions-bonplan {
        padding-left: 20px;
    }

    /* ------ FIN - DETAIL BON PLAN ------ */
}

@media (min-width: 992px) {
    /* LOGO MENU HAUT */
    .m-brand__logo-img {
        height: 80px;
    }

    .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
        margin-right: -2%;
    }

    h1.m-portlet__head-label.m-portlet__head-label--danger.Remise {
        margin-top: 0.15rem !important;
    }

}

@media (max-width: 992px) {
    /* ----- FIL D'ACTUALITE ----- */
    /* FIL D'ACTUALITE --> Styles du p du Sélect */
    p.text-enseigne {
        font-size: 1.1rem;
    }

    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h3.m-portlet__head-text.text-enseigne {
        font-size: 1.1rem;
    }

    /* LOGO MENU HAUT */
    .m-brand__logo-img {
        height: 60px;
    }
}

@media (min-width: 1198px) and (max-width: 1330px){
    /* CARTES & CHEQUES CADEAUX -->  prix */
    .col-xl-5.col-lg-4.col-md-5.col-sm-3.col-6.m--valign-middle.prix-listescartes {
        padding-left: 5px;
        margin-left: 0px;
        margin-right: -35px;
        padding-right: 0;
    }

    .col-xl-7.col-lg-8.col-md-7.col-sm-9.col-6.m--align-right.panier-cartescadeaux {
        display: inline-block;
        margin-right: 2px;
        margin-left: 10px;
    }
}

.m-portlet--articles .m-portlet__body .m-widget14__header .m-widget14__desc{
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    display: inline-block;
}
.m-portlet--articles .m-portlet__body .m-widget14__header .m-section__heading{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.m-portlet--articles .m-portlet__body .m-logo,
.m-portlet--articles .m-portlet__body .m-widget19__pic{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/***** REMISE *****/
.m-portlet--articles .m-portlet__body .Remise{
    float: left;
    padding-left: 9px;
    padding-right: 9px;
    margin-left: 15px;
    margin-top: 15px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: white;
    border-radius: 5px;
    background: #B22222;
}

#list_scroll .general-item-list{
    overflow: auto;
}
#map{
    height: 100%;
}
.m-portlet.article .m-widget14__header .m-section__heading{
    text-transform: uppercase;
    font-weight: 600;
}
.m-portlet.article .m-portlet__body .row.m-row--no-padding{
    padding: 1rem 0px 1rem 0px;
}
.list-enter-active, .list-leave-active {
    transition: all 250ms;
}
.list-enter {
    opacity: 0;
    transform: translateX(-30px);
}
.list-leave-to  {
    opacity: 0;
    transform: translateY(30px);
}

/* Permet d'évier le bug du panier sur ipad. */
@media (max-width: 768px) {
    .m-dropdown.m-dropdown--mobile-full-width.m-dropdown--align-center > .m-dropdown__wrapper.no-ipad-bug-panier, .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper.no-ipad-bug-panier {
        left: 50%;
    }
}

@media (max-width: 767px) {
    .m-dropdown.m-dropdown--mobile-full-width.m-dropdown--align-center > .m-dropdown__wrapper.no-ipad-bug-panier, .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper.no-ipad-bug-panier {
        left: 30px;
    }
}

/* Fin du bug panier ipad. */