.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Codes couleur marketing */
/*
    Gris1   F4F4F4 <= F5F5F5
    Gris2   D9D9D9 <= (bg)AutreMobile
    Gris3   C6C4C4 <= ?
    Gris4   353535 <= bgBlack2
    Bleu1   88A3C7 <= ?
    Bleu2   3B67A1 <= 3565A6
    Jaune   F6C744 <= F8CA1F
    Vert    7BB5A8 <= 78B8A9
    Violet1 AA99C6 <= AD99CA
    Violet2 9D3B7E <= B83770

    -webkit
 */

html, body {
    height: 100%;
}

body {
    font-family: Verdana, arial, sans-serif;
    color: #323232;
    background-color: #E8E8E8;
    -ms-overflow-style: scrollbar;
}

textarea {
    resize: none;
}

a {
    color: #323232;
}

    a:hover, a:focus {
        color: #323232;
        text-decoration: none;
    }

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

    a.grey:focus, a.grey:hover {
        color: #B4B4B4;
    }

    a.white:focus, a.white:hover {
        color: #fff;
    }

    a.whiteGrey:focus, a.whiteGrey:hover {
        color: #B4B4B4;
    }

    a.yellow:focus, a.yellow:hover {
        color: #F8CA1F;
    }

    a.lightGray2:focus, a.lightGray2:hover {
        color: #666666;
    }

    a:focus {
        outline: none;
    }

    a.carousel-control {
        width: 8.33333333%;
        color: #F8CA1F;
        opacity: 1;
        text-shadow: none;
    }

.img-responsive-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/* Bloc et position */
.vaMidl, .vaMid {
    vertical-align: middle;
}

.vaMid {
    display: inline-block !important;
}

.vaTop {
    vertical-align: top;
}

.vaBot {
    vertical-align: bottom;
}

.posRel {
    position: relative;
}

.absBottom {
    position: absolute;
    bottom: 0;
}

.noFloat {
    float: none !important;
}

.ib {
    display: inline-block !important;
}

.centerCol {
    float: none;
    margin: 0 auto;
}

/* Clear */
.noClear {
    clear: none;
}

.clearL {
    clear: left;
}

.clearR {
    clear: right;
}

/* background-color */
.bgWhite {
    background-color: #fff;
}

.bgYellow, .fondDivJaune {
    background-color: #F8CA1F;
}

.bgClearYellow {
    background-color: #FFDD00;
}

.bgOrange {
    background-color: #FFAE01;
}

.bgOrangePPInter {
    background-color: #EA5F0E;
}

.bgOrangeInfoconso {
    background-color: #FF6600;
}

.bgDarkOrange {
    background-color: #D74015;
}

.bgPink {
    background-color: #B83770;
}

.bgBlue, .divInfo {
    background-color: #3565A6;
}

.bgBlue2 {
    background-color: #375D84;
}

.bgBlue3 {
    background-color: #DDE7F1;
}

.bgDarkBlue {
    background-color: #2D4E91;
}

.bgLightBlue {
    background-color: #728FC7;
}

.bgLightBlue2 {
    background-color: #5289C1;
}

.bgLightBlue3 {
    background-color: #718EC6;
}

.bgDarkBlue {
    background-color: #2D4E90;
}

.bgPurple {
    background-color: #AD99CA;
}

.bgGreen, .bg-vert-tel {
    background-color: #78B8A8;
}

.bgGreenLight {
    background-color: #AFDC7E;
}

.bgLightGreen {
    background-color: #40AD40;
}

.bgBlueGrey {
    background-color: #ADB8C7;
}

.bgRed {
    background-color: #CC3333;
}

.bgRed2 {
    background-color: #E92C32;
}

.bgMediumGrey {
    background-color: #DADADA;
}

.bgMediumGrey2 {
    background-color: #C9C7C7;
}

.bgDarkGray {
    background-color: #808080;
}

.bgBlack {
    background-color: #323232;
}

.bgBlack2 {
    background-color: #353535;
}

.bgGray {
    background-color: #615F60;
}

.bgLightGray, .bgLightGray-md-xs {
    background-color: #F5F5F5;
}

.bgLight3Gray {
    background-color: #A4A4A4;
}

.bg-vert-pale {
    background-color: #CAE3DD;
}

.bgGreyTableau {
    background-color: #DDE0E0;
}

.bgnoirTableau {
    background-color: #4E4E4E;
}

.fondDiv {
    background-color: #FFFFFF;
}

.borderFondDiv {
    border: 1px solid #FFFFFF;
}

.fondBlocParametrage, .fondGris {
    background-color: #E8E8E8;
}

.fondBlocRchg {
    background-color: #FFFFFF;
}

.fondDivRevers {
    background-color: #F4F4F4;
}

.fondInfoConso {
    background-color: #FFFFFF;
}

.bgLight2Gray, .bgGray2 {
    background-color: #D3D3D3;
}

.android:focus, .android:hover {
    background-color: #9DE17F;
}

.apple:focus, .apple:hover {
    background-color: #E1C07F;
}

.windows:focus, .windows:hover {
    background-color: #7FC4E1;
}

.androidAuto:focus, .androidAuto:hover {
    background-color: #D9D9D9;
}

.bgAndroidManuel {
    background-color: #9DE17F;
}

.bgApple {
    background-color: #E1C07F;
}

.bgWindows {
    background-color: #7FC4E1;
}

.bgAndroidAuto {
    background-color: #D9D9D9;
}

.bgGreyTableauTr:nth-child(even) {
    background-color: #DDE0E0;
}

.bgGreyTableauTr:nth-child(odd) {
    background-color: #D3D3D3;
}

.ligneRattrapage1 {
    background-color: #FFFFFF;
}

.ligneRattrapage2 {
    background-color: #A8D9FF;
}

@media (min-width: 992px) {
    body {
        background-color: #FFFFFF;
    }

    .fondDiv, .fondDivJaune {
        background-color: #E8E8E8;
    }

    .fondBlocRchge {
        background-color: #E8E8E8;
    }

    .fondBlocParametrage {
        background-color: #F5F5F5;
    }

    .fondBlocRemise {
        background-color: #F5F5F5;
    }

    .bg-md-white {
        background-color: #fff;
    }

    .bg-md-transp {
        background-color: transparent;
    }

    .fondDivRevers {
        background-color: #FFFFFF;
    }

    .fondInfoConso {
        background-color: #F4F4F4;
    }

    .bgDarkGray2 {
        background-color: #808080;
    }

    .fondBlocRchg {
        background-color: #F3F3F3;
    }

    .fondTitreForm {
        background-color: #F3F3F3;
    }

    .borderFondDiv {
        border: 1px solid #E8E8E8;
    }
}

@media (max-width: 991px) {
    .bgLight2Gray {
        background-color: #FFFFFF;
    }

    .borderLR-xs-10 {
        border: 10px solid #fff;
    }

    .margin-xs-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .bgLightGray-md-xs {
        background-color: #E8E8E8;
    }

    .bgLibActes.tdLibelleActes {
        background-color: #FFFFFF;
    }

    .tdLibelleActes {
        text-align: left;
    }
}

@media (max-width: 610px) {
    .tdDateActes, .tdLibelleActes {
        font-size: 11px;
    }

    .thLibelActe, .thDateActe, .thLibelActe.th-div-size, .thDateActe.th-div-size, .th-div-size {
        font-size: 13px;
    }

    .Acte.btn.btn-BLACKblack {
        font-size: 11px;
    }

    .Acte.btn.btn-Blue {
        font-size: 11px;
    }

    .Acte.btn-BLACKred {
        font-size: 11px;
    }
}

@media (min-width: 992px) (max-width: 1300px) {
    .Acte.btn.btn-BLACKblack {
        font-size: 13px;
    }

    .Acte.btn.btn-Blue {
        font-size: 13px;
    }

    .Acte.btn-BLACKred {
        font-size: 13px;
    }
}

.Acte.btn.btn-Blue {
    font-weight: bold;
    background-color: #3B67A1;
    border-color: #3B67A1;
    color: #fff;
}

.Acte.btn-BLACKred {
    font-weight: bold;
    background-color: #000000;
    border-color: #000000;
    color: #e74248 !important;
}

    .Acte.btn.btn-Blue:active,
    .Acte.btn-BLACKred.active,
    .open .dropdown-toggle.btn-Blue,
    .open .dropdown-toggle.btn-BLACKred {
        background-image: none;
    }

/* color */
.white, .whiteGrey, .ligneSelectionnee a {
    color: #FFFFFF;
}

.whiteI {
    color: #FFFFFF !important;
}

.yellow {
    color: #F8CA1F;
}

.lightBlue {
    color: #5B81B6;
}

.lightGreen {
    color: #40AD40;
}

.red {
    color: #e74248 !important;
}

.violet-fae {
    color: #AD99CA;
}

.vert-sim {
    color: #ADCD5E;
}

.bleu-eco {
    color: #4C82CB;
}

.bleu {
    color: #3565A6;
}

.vert-tel {
    color: #78B8A8;
}

.gris {
    color: #999999;
}

.lightGray {
    color: #A1A1A1;
}

.lightGray2 {
    color: #666666;
}

.orange {
    color: #FFAE01;
}

.orangeInfoConso {
    color: #FF6600;
}

.pink {
    color: #B83770;
}

.vert-android {
    color: #9DE17F;
}

.marron-iphone {
    color: #E1C07F;
}

.bleu-windowsphone {
    color: #7FC4E1;
}

.gris-os {
    color: #D9D9D9;
}

.black2 {
    color: #353535;
}

.lightBlack, .whiteDesktop {
    color: #323232;
}

@media (min-width: 992px) {
    .whiteDesktop {
        color: #fff;
    }
}

/* border */
.border1 {
    border: 1px solid #fff;
}

.border1Noir {
    border: 1px solid #000;
}

.border1Gris {
    border: 1px solid #ABABAB;
}

.tabRattrapage {
    border: 1px inset;
}

.borderBottomDiv {
    border-bottom: 1px solid #E8E8E8;
}

/* font-size */
.font0-1 {
    font-size: 0.1rem;
}

.font0-2 {
    font-size: 0.2rem;
}

.font0-3 {
    font-size: 0.3rem;
}

.font0-4 {
    font-size: 0.4rem;
}

.font0-5 {
    font-size: 0.5rem;
}

.font0-6 {
    font-size: 0.6rem;
}

.font0-7 {
    font-size: 0.7rem;
}

.font0-8 {
    font-size: 0.8rem;
}

.font0-9 {
    font-size: 0.9rem;
}

.font1 {
    font-size: 1rem;
}

.font1-07 {
    font-size: 1.07rem;
}

.font1-1 {
    font-size: 1.1rem;
}

.font1-2 {
    font-size: 1.2rem;
}

.font1-3 {
    font-size: 1.3rem;
}

.font1-4, fontNumBloc {
    font-size: 1.4rem;
}

.font1-5 {
    font-size: 1.5rem;
}

.font1-6 {
    font-size: 1.6rem;
}

.font1-8 {
    font-size: 1.8rem;
}

.font1-9 {
    font-size: 1.9rem;
}

.font2, .titre {
    font-size: 2rem;
}

.font2-2 {
    font-size: 2.2rem;
}

.font2-2b {
    font-size: 2.2rem;
    font-weight: bold;
}

.font2-5 {
    font-size: 2.5rem;
}

.font2-7 {
    font-size: 2.7rem;
}

.font3 {
    font-size: 3rem;
}

.font4 {
    font-size: 4rem;
}

.font4-5 {
    font-size: 4.5rem;
}

.font5 {
    font-size: 5rem;
}

.font6 {
    font-size: 6rem;
}

.font8 {
    font-size: 8rem;
}

.font10 {
    font-size: 10rem;
}

.font-xs-2 {
    font-size: 2rem;
}

/* texte */
.gras {
    font-weight: bold;
}

.souligne {
    text-decoration: underline !important;
}

.nowrap {
    white-space: nowrap;
}

/* padding */
.pad0 {
    padding: 0 !important;
}

.pad0t {
    padding-top: 0;
}

.pad0b {
    padding-bottom: 0;
}

.pad0l, .pad0lr {
    padding-left: 0 !important;
}

.pad0r, .pad0lr {
    padding-right: 0;
}

.pad1 {
    padding: 1px;
}

.pad2 {
    padding: 2px;
}

.pad2t {
    padding-top: 2px;
}

.pad2b {
    padding-bottom: 2px;
}

.pad2-5r {
    padding-right: 2.5px;
}

.pad2-5l {
    padding-left: 2.5px;
}

.pad4 {
    padding: 4px;
}

.pad4t {
    padding-top: 4px;
}

.pad4b {
    padding-bottom: 4px;
}

.pad5 {
    padding: 5px;
}

.pad5t {
    padding-top: 5px;
}

.pad5b {
    padding-bottom: 5px;
}

.pad5l {
    padding-left: 5px;
}

.pad5r {
    padding-right: 5px;
}

.pad5lr {
    padding-left: 5px;
    padding-right: 5px;
}

.pad5tb {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad7 {
    padding: 7px;
}

.pad10 {
    padding: 10px;
}

.pad10t {
    padding-top: 10px;
}

.pad10b {
    padding-bottom: 10px;
}

.pad10tb {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pad10l {
    padding-left: 10px;
}

.pad10r {
    padding-right: 10px;
}

.pad10lr {
    padding-left: 10px;
    padding-right: 10px;
}

.pad15l {
    padding-left: 15px;
}

.pad15r {
    padding-right: 15px;
}

.pad15lr {
    padding-right: 15px;
    padding-left: 15px;
}

.pad15tb {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pad15 {
    padding: 15px;
}

.pad2b {
    padding-bottom: 2px;
}

.pad20 {
    padding: 20px;
}

.pad20t {
    padding-top: 20px;
}

.pad-20t {
    padding-top: -20px;
}

.pad20b {
    padding-bottom: 20px;
}

.pad20tb {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad20l {
    padding-left: 20px !important;
}

.pad20r {
    padding-right: 20px;
}

.pad20lr {
    padding-right: 20px;
    padding-left: 20px;
}

.pad20l {
    padding-left: 20px;
}

.pad23b {
    padding-bottom: 23px;
}

.pad30 {
    padding: 30px;
}

.pad30t, .pad30t-hidden-xs {
    padding-top: 30px;
}

.pad30b {
    padding-bottom: 30px;
}

.pad30tb {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pad30l, .pad30lTitre {
    padding-left: 30px;
}

.pad30r {
    padding-right: 30px;
}

.pad30lr {
    padding-right: 30px;
    padding-left: 30px;
}

.pad40 {
    padding: 40px;
}

.pad40l {
    padding-left: 40px;
}

.pad40lr {
    padding-left: 40px;
    padding-right: 40px;
}

.pad40t {
    padding-top: 40px;
}

.pad40b {
    padding-bottom: 40px;
}

.pad50 {
    padding: 50px;
}

.pad50t, .pad50tb {
    padding-top: 50px;
}

.pad50b, .pad50tb {
    padding-bottom: 50px;
}

.pad50l, .pad50lr {
    padding-left: 50px;
}

.pad50r, .pad50lr {
    padding-right: 50px;
}

.pad60l {
    padding-left: 60px;
}

.pad60lr {
    padding-left: 60px;
    padding-right: 40px;
}

.pad70l {
    padding-left: 70px;
}

.pad70t {
    padding-top: 70px;
}

.pad70r {
    padding-right: 70px;
}

.pad70b {
    padding-bottom: 70px;
}

.pad-md-30lr {
    padding-left: 30px;
    padding-right: 30px;
}

.pad-md-150lr {
    padding-left: 150px;
    padding-right: 150px;
}

.pad-md-200lr {
    padding-left: 200px;
    padding-right: 200px;
}

.pad150r {
    padding-right: 150px;
}

@media (max-width: 480px) {
    .pad-xxs-0 {
        padding: 0;
    }

    .pad-xxs-0t {
        padding-top: 0;
    }

    .pad-xxs-0b {
        padding-bottom: 0;
    }

    .pad-xxs-4b {
        padding-bottom: 4px;
    }
}

@media(max-width : 991px) {
    .pad-md-30lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pad-md-150lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pad-md-200lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pad-xs-10l {
        padding-left: 10px;
    }

    .pad-xs-10r {
        padding-right: 10px;
    }

    .pad-xs-5b {
        padding-bottom: 5px;
    }

    .pad-xs-20b {
        padding-bottom: 20px;
    }

    .pad-xs-30 {
        padding: 30px;
    }

    .pad60l {
        padding-left: 20px;
    }

    .pad30lTitre {
        padding-left: 10px;
    }

    .pad30t-hidden-xs {
        padding-top: 0;
    }

    .marg20b-hidden-xs {
        margin-bottom: 0;
    }

    .min-width-bloc {
        min-width: 290px;
    }

    .min-width-bloc-ppinter {
        min-width: 300px;
    }
}

/* margin */
.marg0 {
    margin: 0;
}

.marg0t {
    margin-top: 0;
}

.marg0b {
    margin-bottom: 0;
}

.marg0l {
    margin-left: 0;
}

.marg0r {
    margin-right: 0;
}

.marg1t {
    margin-top: 1px;
}

.marg1 {
    margin: 1px;
}

.marg2t {
    margin-top: 2px;
}

.margn4l {
    margin-left: -4px;
}

.marg5t {
    margin-top: 5px;
}

.marg5b {
    margin-bottom: 5px;
}

.marg5tb {
    margin-top: 5px;
    margin-bottom: 5px;
}

.marg5l {
    margin-left: 5px;
}

.marg5r {
    margin-right: 5px;
}

.marg5 {
    margin: 5px;
}

.marg10 {
    margin: 10px;
}

.marg10t {
    margin-top: 10px;
}

.marg10b {
    margin-bottom: 10px;
}

.marg10l {
    margin-left: 10px;
}

.marg10r {
    margin-right: 10px;
}

.marg15l {
    margin-left: 15px;
}

.marg15r {
    margin-right: 15px;
}

.marg20t {
    margin-top: 20px;
}

.marg20b {
    margin-bottom: 20px;
}

.marg20l {
    margin-left: 20px;
}

.marg20r {
    margin-right: 20px;
}

.marg30t {
    margin-top: 30px;
}

.marg30b {
    margin-bottom: 30px;
}

.marg40b {
    margin-bottom: 40px;
}

.marg40t {
    margin-top: 40px;
}

.marg40r {
    margin-right: 40px;
}

.marg40l {
    margin-left: 40px;
}

.marg30l {
    margin-left: 30px;
}

.marg100l {
    margin-left: 100px;
}

.marg30r {
    margin-right: 30px;
}

.marg50t {
    margin-top: 50px;
}

.marg50b {
    margin-bottom: 50px;
}

.marg50l {
    margin-left: 50px;
}

.marg50r {
    margin-right: 50px;
}

.margMd-70t {
    margin-top: -70px;
}

.marg20b-hidden-xs {
    margin-bottom: 20px;
}

/* width */
.w15px {
    width: 15px;
}

.s25px {
    width: 25px;
    height: 25px;
}

.w20px {
    width: 20px;
}

.w30px {
    width: 30px;
}

.w40px {
    width: 40px;
}

.w50px {
    width: 50px;
}

.w100px {
    width: 100px;
}

.w110px {
    width: 110px;
}

.w120px {
    width: 120px;
}

.w125px {
    width: 125px;
}

.w150px {
    width: 150px;
}

.w170px {
    width: 170px;
}

.w200px {
    width: 200px;
}

.w250px {
    width: 250px;
}

.w270px {
    width: 270px;
}

/* line-height */
.lh0-9 {
    line-height: 0.9;
}

.lh1 {
    line-height: 1;
}

.lh1-1 {
    line-height: 1.1;
}

.lh1-5 {
    line-height: 1.5;
}

.lh1-8 {
    line-height: 1.8rem;
}

.lh2 {
    line-height: 2rem;
}

.lh3 {
    line-height: 3rem;
}

.lh60 {
    line-height: 60px;
}

/* height */
.h12 {
    height: 12px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}

.h54 {
    height: 54px;
}

.h60 {
    height: 60px;
}

.h80 {
    height: 80px;
}

.h100 {
    height: 100px;
}

@media (min-width: 992px) {
    .hmd30sm40 {
        height: 30px;
    }
}

@media (max-width: 991px) {
    .hmd30sm40 {
        height: 40px;
    }

    .hmd70 {
        height: 70px;
    }

    .hxs80 {
        height: 80px;
    }
}

@media (min-width : 992px) {
    .md-table-wrap {
        display: table;
        width: 100%;
    }

    .md-swapped {
        display: table-caption;
    }

    .md-max-width-bloc-data {
        max-width: 200px;
    }
}

@media (min-width: 1300px) {
    .pad-lg-50l {
        padding-left: 50px;
    }
}

/***********/
/* A TRIER */
/***********/
.container-fluid-minmax {
    max-width: 1600px;
    min-width: 320px;
}

.radius5 {
    border-radius: 5px;
}

.radiusL5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.radiusR5 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.titrePage, .titrePageSansPadding {
    font-size: 4rem;
    line-height: 4rem;
    text-align: center;
}

.titrePage {
    padding-bottom: 30px;
    padding-top: 30px;
}

.titreBloc {
    font-size: 2rem;
    line-height: 2rem;
}

.titrePageRecap {
    font-size: 1.8rem;
    line-height: 1.8rem;
}

.titrePage3 {
    font-size: 3rem;
    line-height: 3rem;
}

.titreDiv {
    height: 64px;
    line-height: 64px;
}

.majuscule {
    text-transform: uppercase;
}

.titre {
    padding-left: 14px;
    font-weight: bold;
}

@media (max-width: 480px) {
    .font-xxs-1 {
        font-size: 1rem;
    }

    .font-xxs-1-1 {
        font-size: 1.1rem;
    }

    .font-xxs-1-2 {
        font-size: 1.2rem;
    }

    .font-xxs-1-3 {
        font-size: 1.3rem;
    }

    .font-xxs-1-4 {
        font-size: 1.4rem;
    }

    .font-xxs-1-6 {
        font-size: 1.6rem;
    }

    .font-xxs-2 {
        font-size: 2rem;
    }

    .font-xxs-2-5 {
        font-size: 2.5rem;
    }

    .font-xxs-3-5 {
        font-size: 3.5rem;
    }

    .fontIBAN {
        font-size: 1.2rem;
        font-family: monospace;
        font-weight: bold;
    }
}

@media (max-width: 991px) {
    .titrePage, .titrePageSansPadding {
        font-size: 3.6rem;
        line-height: 3.6rem;
        text-align: center;
    }

    .font-xs-1-1 {
        font-size: 1.1rem;
    }

    .font-xs-1-2 {
        font-size: 1.2rem;
    }

    .font-xs-1-3 {
        font-size: 1.3rem;
    }

    .font-xs-1-4 {
        font-size: 1.4rem;
    }

    .font-xs-1-6 {
        font-size: 1.6rem;
    }

    .font-xs-2 {
        font-size: 2rem;
    }

    .font-xs-2-5 {
        font-size: 2.5rem;
    }

    .font-xs-3-5 {
        font-size: 3.5rem;
    }

    .font-xs-3-4 {
        font-size: 3.4rem;
    }

    .font-xs-3-2 {
        font-size: 3.2rem;
    }

    .fullwidth-xs {
        width: 100%;
    }
}

@media (min-width : 768px) {
    .font-sm-2 {
        font-size: 2rem;
    }

    .font-sm-2-5 {
        font-size: 2.5rem;
    }
}

@media (min-width : 992px) {
    .height-bloc {
        height: 60px;
    }

    .font-md-2-5 {
        font-size: 2.5rem;
    }
}

.tableau {
    display: table;
}

.fullwidth {
    width: 100%;
}

.halfwidth {
    width: 50%;
}

.fullheight {
    height: 100%;
}

.tr {
    display: table-row;
}

.td, .td5 {
    display: table-cell;
}

.td5 {
    padding: 5px;
}

.pad10lrFacture {
    padding-left: 0;
    padding-right: 10px;
}

.margSimV2b {
    margin-bottom: 20px;
}

@media(max-width : 991px) {
    .xs-block {
        display: block;
    }

    .xs-block-md-td {
        display: block;
    }
}

@media(max-width : 991px) {
    .pad70l {
        padding-left: 0;
    }

    .pad70r {
        padding-right: 0;
    }

    .fontNumBloc {
        font-size: 2rem;
    }

    .pad10lrFacture {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media(max-width : 991px) {
    .margAccordionT {
        margin-top: 10px;
    }
}

@media(max-width : 991px) {
    .margSimV2b {
        margin-bottom: 0;
    }
}

.td-xs-5, .td-xs-10, .td-xs-15, .td-xs-20, .td-xs-25, .td-xs-30, .td-xs-33, .td-xs-40, .td-xs-50, .td-xs-60, .td-xs-70, .td-xs-80, .td-xs-90, .td-xs-100 {
    display: table-cell;
}

.td-xs-5 {
    width: 5%;
}

.td-xs-10 {
    width: 10%;
}

.td-xs-15 {
    width: 15%;
}

.td-xs-20 {
    width: 20%;
}

.td-xs-25 {
    width: 20%;
}

.td-xs-30 {
    width: 30%;
}

.td-xs-33 {
    width: 33.3333%;
}

.td-xs-40 {
    width: 40%;
}

.td-xs-50 {
    width: 50%;
}

.td-xs-60 {
    width: 60%;
}

.td-xs-70 {
    width: 70%;
}

.td-xs-80 {
    width: 80%;
}

.td-xs-90 {
    width: 90%;
}

.td-xs-100 {
    width: 100%;
}

.w-xs-55 {
    width: 55%;
}

.bordert2 {
    border-top: 2px solid #fff;
}

.borderR {
    border-right: 1px solid #f3f3f3;
}

.borderL {
    border-left: 1px solid #f3f3f3;
}

.borderT {
    border-top: 1px solid #f3f3f3;
}

.borderBGris {
    border-bottom: 1px solid #f3f3f3;
}

.borderRGris {
    border-right: 1px solid #cccccc;
}

.borderLGris {
    border-left: 1px solid #cccccc;
}

.borderTGris {
    border-top: 1px solid #cccccc;
}

.borderL2, .borderL2Forfait {
    border-left: 2px solid #f3f3f3;
}

.borderL2Remise {
    border-left: 2px solid #f3f3f3;
}

.borderRB {
    border-right: 2px solid #FFFFFF;
}

.visible-xs {
    display: none;
}

@media (max-width: 991px) {
    .text-xs-left-md-center {
        text-align: left;
    }

    .text-xs-center-md-left {
        text-align: center;
    }

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

    .text-xs-right-md-left {
        text-align: right;
    }

    .text-xs-justify-md-left {
        text-align: justify;
    }

    .center-block-xs {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .visible-xs {
        display: block;
    }

    .disp-xs-lowerCaption {
        display: table-caption;
        caption-side: bottom;
        width: 100%;
    }

    .borderRB {
        border-bottom: 2px solid #F4F4F4;
    }

    .font-xs-1-2 {
        font-size: 1.2rem;
    }

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

    .borderL2Remise {
        border-left: 0 solid #f3f3f3;
    }

    .borderL2Forfait {
        border-left: 0;
    }

    .marg15-xs {
        margin: 15px;
    }

    .pad-xs-20t {
        padding-top: 20px;
    }

    .pad-xs-0-md-10r {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .td-md-5, .td-md-10, .td-md-15, .td-md-20, .td-md-25, .td-md-30, .td-md-33, .td-md-40, .td-md-50, .td-md-60, .td-md-70, .td-md-75, .td-md-80, .td-md-85, .td-md-90, .td-md-95, .td-md-100 {
        display: table-cell;
    }

    .w-xs-100 {
        width: 100%;
    }

    .td-md-5 {
        width: 5%;
    }

    .td-md-10 {
        width: 10%;
    }

    .td-md-15 {
        width: 15%;
    }

    .td-md-20 {
        width: 20%;
    }

    .td-md-25 {
        width: 25%;
    }

    .td-md-30 {
        width: 30%;
    }

    .td-md-33 {
        width: 33.3333%;
    }

    .td-md-40 {
        width: 40%;
    }

    .td-md-50 {
        width: 50%;
    }

    .td-md-60 {
        width: 60%;
    }

    .td-md-70 {
        width: 70%;
    }

    .td-md-75 {
        width: 75%;
    }

    .td-md-80 {
        width: 80%;
    }

    .td-md-85 {
        width: 85%;
    }

    .td-md-90 {
        width: 90%;
    }

    .td-md-95 {
        width: 95%;
    }

    .td-md-100 {
        width: 100%;
    }

    .w-md-45 {
        width: 45%;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-55 {
        width: 55%;
    }

    .border-md-10 {
        border-left: 10px solid #fff;
        border-right: 10px solid #fff;
    }

    .borderL-md-10 {
        border-left: 10px solid #fff;
    }

    .borderR-md-10 {
        border-right: 10px solid #fff;
    }

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

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

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

    .marg-md-0 {
        margin-top: 0;
    }

    .pad-md-0tb {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pad-md-2b {
        padding-bottom: 2px;
    }

    .pad-md-7 {
        padding: 7px;
    }

    .pad-md-10tb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pad-xs-0-md-10r {
        padding-right: 10px;
    }

    .pad-md-20l {
        padding-left: 20px;
    }

    .pad-md-20lr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pad-md-20t {
        padding-top: 20px;
    }

    .pad-md-15lr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pad-md-30l {
        padding-left: 30px;
    }

    .pad-md-55l {
        padding-left: 55px;
    }

    .pad-md-70l {
        padding-left: 70px;
    }

    .pad-md-85l {
        padding-left: 85px;
    }

    .pad-md-60l {
        padding-left: 60px;
    }

    .pad-md-40 {
        padding: 40px;
    }

    .pad-md-50t {
        padding-top: 50px;
    }

    .font-md-1-8 {
        font-size: 1.8rem;
    }

    .font-md-1-5 {
        font-size: 1.5rem;
    }

    .font-md-1-2 {
        font-size: 1.2rem;
    }

    .font-md-1 {
        font-size: 1rem;
    }

    .font-md-0-8 {
        font-size: 0.8rem;
    }

    .va-md-midl {
        vertical-align: middle;
    }

    .pull-md-none {
        float: none !important;
    }

    .pull-md-right {
        float: right !important;
    }

    .pull-md-left {
        float: left !important;
    }

    .text-xs-left-md-center {
        text-align: center;
    }

    .text-xs-center-md-left {
        text-align: left;
    }

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

    .text-xs-right-md-left {
        text-align: left;
    }

    .text-xs-justify-md-left {
        text-align: left;
    }

    .md-borderL {
        border-left: 1px solid #d3d3d3;
    }

    .md-borderR {
        border-right: 1px solid #d3d3d3;
    }

    .disp-md-lowerCaption {
        display: table-caption;
        caption-side: bottom;
        width: 100%;
    }

    .md-block {
        display: block;
        width: 100%;
    }

    .radius-md-T5 {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0;
    }

    .radius-md-B5 {
        border-top-left-radius: 0;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 5px;
    }

    .radius-md-none {
        border-radius: 0;
    }

    .xs-block-md-td {
        display: table-cell;
    }

    .xs-td-md-block {
        display: block;
    }

    .md-noFloat {
        float: none !important;
    }
}

.triangleOrangeL {
    width: 0;
    height: 0;
    border-left: none;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 80px solid #FFAE01;
}

.triangleOrangeB {
    width: 0;
    height: 0;
    border-top: none;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 50px solid #FFAE01;
}

.triangleVertB {
    width: 0;
    height: 0;
    border-bottom: none;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 50px solid #9DE17F;
}

.triangleMarronB {
    width: 0;
    height: 0;
    border-bottom: none;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 50px solid #E1C07F;
}

.triangleBleuB {
    width: 0;
    height: 0;
    border-bottom: none;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 50px solid #7FC4E1;
}

.triangleGreyB {
    width: 0;
    height: 0;
    border-bottom: none;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 50px solid #D9D9D9;
}

.cursPointer {
    cursor: pointer;
}

.xs-cursDef {
    cursor: default;
}

.xs-cursPointer {
    cursor: pointer;
}

@media (min-width: 992px) {
    .md-cursPointer {
        cursor: pointer;
    }

    .md-cursDef {
        cursor: default;
    }
}

.tBorderJaune {
    border-top: 1px solid #F8CA1F;
}

.modal-body button.close {
    width: 74px;
    height: 74px;
    opacity: 1;
    margin-right: -15px;
    margin-top: -15px;
    margin-left: 15px;
}

/* Picto information */
.glyphicon-info-sign {
    font-size: 1.8rem;
    color: #b4b4b4;
}

    .glyphicon-info-sign:hover {
        color: #000;
    }

/* DEBUT BLACKblack */
.btn-BLACKblack {
    color: #fff;
    background-color: #323232;
    border-color: #323232;
    font-weight: bold;
}

    .btn-BLACKblack:hover,
    .btn-BLACKblack:active,
    .btn-BLACKblack:focus,
    .btn-BLACKblack.active,
    .open .dropdown-toggle.btn-BLACKblack {
        color: #fff;
        background-color: #3B67A1;
        border-color: #3B67A1;
    }

    .btn-BLACKblack:active,
    .btn-BLACKblack.active,
    .open .dropdown-toggle.btn-BLACKblack {
        background-image: none;
    }

    .btn-BLACKblack.disabled,
    .btn-BLACKblack[disabled],
    fieldset[disabled] .btn-BLACKblack,
    .btn-BLACKblack.disabled:hover,
    .btn-BLACKblack[disabled]:hover,
    fieldset[disabled] .btn-BLACKblack:hover,
    .btn-BLACKblack.disabled:focus,
    .btn-BLACKblack[disabled]:focus,
    fieldset[disabled] .btn-BLACKblack:focus,
    .btn-BLACKblack.disabled:active,
    .btn-BLACKblack[disabled]:active,
    fieldset[disabled] .btn-BLACKblack:active,
    .btn-BLACKblack.disabled.active,
    .btn-BLACKblack[disabled].active,
    fieldset[disabled] .btn-BLACKblack.active {
        color: #fff;
        background-color: #D3D3D3;
        border-color: #D3D3D3;
    }

    .btn-BLACKblack.badge {
        color: #fff;
        background-color: #323232;
    }

/* FIN BLACKblack */

/* DEBUT BlackWhite */
.btn-BlackWhite {
    color: #000;
    background-color: #fff;
    border-color: #000;
    font-weight: bold;
}

    .btn-BlackWhite:hover,
    .btn-BlackWhite:active,
    .btn-BlackWhite:focus,
    .btn-BlackWhite.active,
    .open .dropdown-toggle.btn-BlackWhite {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-BlackWhite:active,
    .btn-BlackWhite.active,
    .open .dropdown-toggle.btn-BlackWhite {
        background-image: none;
    }

    .btn-BlackWhite.disabled,
    .btn-BlackWhite[disabled],
    fieldset[disabled] .btn-BlackWhite,
    .btn-BlackWhite.disabled:hover,
    .btn-BlackWhite[disabled]:hover,
    fieldset[disabled] .btn-BlackWhite:hover,
    .btn-BlackWhite.disabled:focus,
    .btn-BlackWhite[disabled]:focus,
    fieldset[disabled] .btn-BlackWhite:focus,
    .btn-BlackWhite.disabled:active,
    .btn-BlackWhite[disabled]:active,
    fieldset[disabled] .btn-BlackWhite:active,
    .btn-BlackWhite.disabled.active,
    .btn-BlackWhite[disabled].active,
    fieldset[disabled] .btn-BlackWhite.active {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-BlackWhite.badge {
        color: #fff;
        background-color: #000;
    }
/* FIN BlackWhite */

/* DEBUT BlackTransp */
.btn-BlackTransp {
    color: #000;
    background-color: transparent;
    border-color: #000;
    font-weight: bold;
}

    .btn-BlackTransp:hover,
    .btn-BlackTransp:active,
    .btn-BlackTransp:focus,
    .btn-BlackTransp.active,
    .open .dropdown-toggle.btn-BlackTransp {
        color: #3B67A1;
        background-color: transparent;
        border-color: #3B67A1;
    }

    .btn-BlackTransp:active,
    .btn-BlackTransp.active,
    .open .dropdown-toggle.btn-BlackTransp {
        background-image: none;
    }

    .btn-BlackTransp.disabled,
    .btn-BlackTransp[disabled],
    fieldset[disabled] .btn-BlackTransp,
    .btn-BlackTransp.disabled:hover,
    .btn-BlackTransp[disabled]:hover,
    fieldset[disabled] .btn-BlackTransp:hover,
    .btn-BlackTransp.disabled:focus,
    .btn-BlackTransp[disabled]:focus,
    fieldset[disabled] .btn-BlackTransp:focus,
    .btn-BlackTransp.disabled:active,
    .btn-BlackTransp[disabled]:active,
    fieldset[disabled] .btn-BlackTransp:active,
    .btn-BlackTransp.disabled.active,
    .btn-BlackTransp[disabled].active,
    fieldset[disabled] .btn-BlackTransp.active {
        color: #000;
        background-color: transparent;
        border-color: #000;
    }

    .btn-BlackTransp.badge {
        color: #444;
        background-color: transparent;
    }
/* FIN BlackTransp */

/* DEBUT WhiteBlackYellow */
.btn-WhiteBlackYellow {
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-weight: bold;
}

    .btn-WhiteBlackYellow:hover,
    .btn-WhiteBlackYellow:active,
    .btn-WhiteBlackYellow:focus,
    .btn-WhiteBlackYellow.active,
    .open .dropdown-toggle.btn-WhiteBlackYellow {
        color: #000;
        background-color: #F8CA1F;
        border-color: #F8CA1F;
    }

    .btn-WhiteBlackYellow:active,
    .btn-WhiteBlackYellow.active,
    .open .dropdown-toggle.btn-WhiteBlackYellow {
        background-image: none;
    }

    .btn-WhiteBlackYellow.disabled,
    .btn-WhiteBlackYellow[disabled],
    fieldset[disabled] .btn-WhiteBlackYellow,
    .btn-WhiteBlackYellow.disabled:hover,
    .btn-WhiteBlackYellow[disabled]:hover,
    fieldset[disabled] .btn-WhiteBlackYellow:hover,
    .btn-WhiteBlackYellow.disabled:focus,
    .btn-WhiteBlackYellow[disabled]:focus,
    fieldset[disabled] .btn-WhiteBlackYellow:focus,
    .btn-WhiteBlackYellow.disabled:active,
    .btn-WhiteBlackYellow[disabled]:active,
    fieldset[disabled] .btn-WhiteBlackYellow:active,
    .btn-WhiteBlackYellow.disabled.active,
    .btn-WhiteBlackYellow[disabled].active,
    fieldset[disabled] .btn-WhiteBlackYellow.active {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-WhiteBlackYellow.badge {
        color: #fff;
        background-color: #000;
    }

    .btn-WhiteBlackYellow .picto {
        color: #F8CA1F;
    }

    .btn-WhiteBlackYellow:hover .picto, .btn-WhiteBlackYellow:focus .picto {
        color: #000;
    }
/* FIN WhiteBlackYellow */

/* DEBUT WhiteBlackPurple */
.btn-WhiteBlackPurple {
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-weight: bold;
}

    .btn-WhiteBlackPurple:hover,
    .btn-WhiteBlackPurple:active,
    .btn-WhiteBlackPurple:focus,
    .btn-WhiteBlackPurple.active,
    .open .dropdown-toggle.btn-WhiteBlackPurple {
        color: #fff;
        background-color: #AD99CA;
        border-color: #AD99CA;
    }

    .btn-WhiteBlackPurple:active,
    .btn-WhiteBlackPurple.active,
    .open .dropdown-toggle.btn-WhiteBlackPurple {
        background-image: none;
    }

    .btn-WhiteBlackPurple.disabled,
    .btn-WhiteBlackPurple[disabled],
    fieldset[disabled] .btn-WhiteBlackPurple,
    .btn-WhiteBlackPurple.disabled:hover,
    .btn-WhiteBlackPurple[disabled]:hover,
    fieldset[disabled] .btn-WhiteBlackPurple:hover,
    .btn-WhiteBlackPurple.disabled:focus,
    .btn-WhiteBlackPurple[disabled]:focus,
    fieldset[disabled] .btn-WhiteBlackPurple:focus,
    .btn-WhiteBlackPurple.disabled:active,
    .btn-WhiteBlackPurple[disabled]:active,
    fieldset[disabled] .btn-WhiteBlackPurple:active,
    .btn-WhiteBlackPurple.disabled.active,
    .btn-WhiteBlackPurple[disabled].active,
    fieldset[disabled] .btn-WhiteBlackPurple.active {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-WhiteBlackPurple.badge {
        color: #fff;
        background-color: #000;
    }

    .btn-WhiteBlackPurple .picto {
        color: #AD99CA;
    }

    .btn-WhiteBlackPurple:hover .picto, .btn-WhiteBlackPurple:focus .picto {
        color: #000;
    }
/* FIN WhiteBlackPurple */

/* DEBUT WhiteBlackBlue */
.btn-WhiteBlackBlue {
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-weight: bold;
}

    .btn-WhiteBlackBlue:hover,
    .btn-WhiteBlackBlue:active,
    .btn-WhiteBlackBlue:focus,
    .btn-WhiteBlackBlue.active,
    .open .dropdown-toggle.btn-WhiteBlackBlue {
        color: #fff;
        background-color: #4C82CB;
        border-color: #4C82CB;
    }

    .btn-WhiteBlackBlue:active,
    .btn-WhiteBlackBlue.active,
    .open .dropdown-toggle.btn-WhiteBlackBlue {
        background-image: none;
    }

    .btn-WhiteBlackBlue.disabled,
    .btn-WhiteBlackBlue[disabled],
    fieldset[disabled] .btn-WhiteBlackBlue,
    .btn-WhiteBlackBlue.disabled:hover,
    .btn-WhiteBlackBlue[disabled]:hover,
    fieldset[disabled] .btn-WhiteBlackBlue:hover,
    .btn-WhiteBlackBlue.disabled:focus,
    .btn-WhiteBlackBlue[disabled]:focus,
    fieldset[disabled] .btn-WhiteBlackBlue:focus,
    .btn-WhiteBlackBlue.disabled:active,
    .btn-WhiteBlackBlue[disabled]:active,
    fieldset[disabled] .btn-WhiteBlackBlue:active,
    .btn-WhiteBlackBlue.disabled.active,
    .btn-WhiteBlackBlue[disabled].active,
    fieldset[disabled] .btn-WhiteBlackBlue.active {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-WhiteBlackBlue.badge {
        color: #fff;
        background-color: #000;
    }

    .btn-WhiteBlackBlue .picto {
        color: #4C82CB;
    }

    .btn-WhiteBlackBlue:hover .picto, .btn-WhiteBlackBlue:focus .picto {
        color: #000;
    }
/* FIN WhiteBlackBlue */

/* DEBUT WhiteBlackGreen */
.btn-WhiteBlackGreen {
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-weight: bold;
}

    .btn-WhiteBlackGreen:hover,
    .btn-WhiteBlackGreen:active,
    .btn-WhiteBlackGreen:focus,
    .btn-WhiteBlackGreen.active,
    .open .dropdown-toggle.btn-WhiteBlackGreen {
        color: #fff;
        background-color: #ADCD5E;
        border-color: #ADCD5E;
    }

    .btn-WhiteBlackGreen:active,
    .btn-WhiteBlackGreen.active,
    .open .dropdown-toggle.btn-WhiteBlackGreen {
        background-image: none;
    }

    .btn-WhiteBlackGreen.disabled,
    .btn-WhiteBlackGreen[disabled],
    fieldset[disabled] .btn-WhiteBlackGreen,
    .btn-WhiteBlackGreen.disabled:hover,
    .btn-WhiteBlackGreen[disabled]:hover,
    fieldset[disabled] .btn-WhiteBlackGreen:hover,
    .btn-WhiteBlackGreen.disabled:focus,
    .btn-WhiteBlackGreen[disabled]:focus,
    fieldset[disabled] .btn-WhiteBlackGreen:focus,
    .btn-WhiteBlackGreen.disabled:active,
    .btn-WhiteBlackGreen[disabled]:active,
    fieldset[disabled] .btn-WhiteBlackGreen:active,
    .btn-WhiteBlackGreen.disabled.active,
    .btn-WhiteBlackGreen[disabled].active,
    fieldset[disabled] .btn-WhiteBlackGreen.active {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-WhiteBlackGreen.badge {
        color: #fff;
        background-color: #000;
    }

    .btn-WhiteBlackGreen .picto {
        color: #ADCD5E;
    }

    .btn-WhiteBlackGreen:hover .picto, .btn-WhiteBlackGreen:focus .picto {
        color: #000;
    }
/* FIN WhiteBlackGreen */

/* DEBUT WhiteGreen */
.btn-WhiteGreen {
    color: #fff;
    background-color: #78B8A8;
    border-color: #78B8A8;
    font-weight: bold;
}

    .btn-WhiteGreen:hover,
    .btn-WhiteGreen:active,
    .btn-WhiteGreen:focus,
    .btn-WhiteGreen.active,
    .open .dropdown-toggle.btn-WhiteGreen {
        color: #fff;
        background-color: #ADCD5E;
        border-color: #ADCD5E;
    }

    .btn-WhiteGreen:active,
    .btn-WhiteGreen.active,
    .open .dropdown-toggle.btn-WhiteGreen {
        background-image: none;
    }

    .btn-WhiteGreen.disabled,
    .btn-WhiteGreen[disabled],
    fieldset[disabled] .btn-WhiteGreen,
    .btn-WhiteGreen.disabled:hover,
    .btn-WhiteGreen[disabled]:hover,
    fieldset[disabled] .btn-WhiteGreen:hover,
    .btn-WhiteGreen.disabled:focus,
    .btn-WhiteGreen[disabled]:focus,
    fieldset[disabled] .btn-WhiteGreen:focus,
    .btn-WhiteGreen.disabled:active,
    .btn-WhiteGreen[disabled]:active,
    fieldset[disabled] .btn-WhiteGreen:active,
    .btn-WhiteGreen.disabled.active,
    .btn-WhiteGreen[disabled].active,
    fieldset[disabled] .btn-WhiteGreen.active {
        color: #fff;
        background-color: #78B8A8;
        border-color: #78B8A8;
    }

    .btn-WhiteGreen.badge {
        color: #fff;
        background-color: #78B8A8;
    }
/* FIN WhiteGreen */

/* DEBUT WhiteBlackGreenTel */
.btn-WhiteBlackGreenTel {
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-weight: bold;
}

    .btn-WhiteBlackGreenTel:hover,
    .btn-WhiteBlackGreenTel:active,
    .btn-WhiteBlackGreenTel:focus,
    .btn-WhiteBlackGreenTel.active,
    .open .dropdown-toggle.btn-WhiteBlackGreenTel {
        color: #fff;
        background-color: #78b8a8;
        border-color: #78b8a8;
    }

    .btn-WhiteBlackGreenTel:active,
    .btn-WhiteBlackGreenTel.active,
    .open .dropdown-toggle.btn-WhiteBlackGreenTel {
        background-image: none;
    }

    .btn-WhiteBlackGreenTel.disabled,
    .btn-WhiteBlackGreenTel[disabled],
    fieldset[disabled] .btn-WhiteBlackGreenTel,
    .btn-WhiteBlackGreenTel.disabled:hover,
    .btn-WhiteBlackGreenTel[disabled]:hover,
    fieldset[disabled] .btn-WhiteBlackGreenTel:hover,
    .btn-WhiteBlackGreenTel.disabled:focus,
    .btn-WhiteBlackGreenTel[disabled]:focus,
    fieldset[disabled] .btn-WhiteBlackGreenTel:focus,
    .btn-WhiteBlackGreenTel.disabled:active,
    .btn-WhiteBlackGreenTel[disabled]:active,
    fieldset[disabled] .btn-WhiteBlackGreenTel:active,
    .btn-WhiteBlackGreenTel.disabled.active,
    .btn-WhiteBlackGreenTel[disabled].active,
    fieldset[disabled] .btn-WhiteBlackGreenTel.active {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-WhiteBlackGreenTel.badge {
        color: #fff;
        background-color: #000;
    }

    .btn-WhiteBlackGreenTel .picto {
        color: #78b8a8;
    }

    .btn-WhiteBlackGreenTel:hover .picto, .btn-WhiteBlackGreenTel:focus .picto {
        color: #000;
    }
/* FIN WhiteBlackGreenTel */

/* DEBUT GreenTelBlack */
.btn-GreenTelBlack {
    color: #000;
    background-color: #C8E3DE;
    border-color: #C8E3DE;
    font-weight: bold;
}

    .btn-GreenTelBlack:hover,
    .btn-GreenTelBlack:active,
    .btn-GreenTelBlack:focus,
    .btn-GreenTelBlack.active,
    .open .dropdown-toggle.btn-GreenTelBlack {
        color: #000;
        background-color: #C8E3DE;
        border-color: #C8E3DE;
    }

    .btn-GreenTelBlack:active,
    .btn-GreenTelBlack.active,
    .open .dropdown-toggle.btn-GreenTelBlack {
        background-image: none;
    }

    .btn-GreenTelBlack.disabled,
    .btn-GreenTelBlack[disabled],
    fieldset[disabled] .btn-GreenTelBlack,
    .btn-GreenTelBlack.disabled:hover,
    .btn-GreenTelBlack[disabled]:hover,
    fieldset[disabled] .btn-GreenTelBlack:hover,
    .btn-GreenTelBlack.disabled:focus,
    .btn-GreenTelBlack[disabled]:focus,
    fieldset[disabled] .btn-GreenTelBlack:focus,
    .btn-GreenTelBlack.disabled:active,
    .btn-GreenTelBlack[disabled]:active,
    fieldset[disabled] .btn-GreenTelBlack:active,
    .btn-GreenTelBlack.disabled.active,
    .btn-GreenTelBlack[disabled].active,
    fieldset[disabled] .btn-GreenTelBlack.active {
        color: #000;
        background-color: #C8E3DE;
        border-color: #C8E3DE;
    }

    .btn-GreenTelBlack.badge {
        color: #000;
        background-color: #C8E3DE;
    }

    .btn-GreenTelBlack .picto {
        color: #C8E3DE;
    }

    .btn-GreenTelBlack:hover .picto, .btn-GreenTelBlack:focus .picto {
        color: #000;
    }
/* FIN GreenTelBlack */

/* DEBUT WhiteTransp */
.btn-WhiteTransp {
    color: #eee;
    background-color: transparent;
    border-color: #eee;
    font-weight: bold;
}

    .btn-WhiteTransp:hover,
    .btn-WhiteTransp:active,
    .btn-WhiteTransp:focus,
    .btn-WhiteTransp.active,
    .open .dropdown-toggle.btn-WhiteTransp {
        color: #fff;
        background-color: transparent;
        border-color: #fff;
    }

    .btn-WhiteTransp:active,
    .btn-WhiteTransp.active,
    .open .dropdown-toggle.btn-WhiteTransp {
        background-image: none;
    }

    .btn-WhiteTransp.disabled,
    .btn-WhiteTransp[disabled],
    fieldset[disabled] .btn-WhiteTransp,
    .btn-WhiteTransp.disabled:hover,
    .btn-WhiteTransp[disabled]:hover,
    fieldset[disabled] .btn-WhiteTransp:hover,
    .btn-WhiteTransp.disabled:focus,
    .btn-WhiteTransp[disabled]:focus,
    fieldset[disabled] .btn-WhiteTransp:focus,
    .btn-WhiteTransp.disabled:active,
    .btn-WhiteTransp[disabled]:active,
    fieldset[disabled] .btn-WhiteTransp:active,
    .btn-WhiteTransp.disabled.active,
    .btn-WhiteTransp[disabled].active,
    fieldset[disabled] .btn-WhiteTransp.active {
        color: #eee;
        background-color: transparent;
        border-color: #eee;
    }

    .btn-WhiteTransp.badge {
        color: #eee;
        background-color: transparent;
    }
/* FIN WhiteTransp */

/* DEBUT WhiteRedTransp */
.btn-WhiteRedTransp {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    font-weight: bold;
}

    .btn-WhiteRedTransp:hover,
    .btn-WhiteRedTransp:active,
    .btn-WhiteRedTransp:focus,
    .btn-WhiteRedTransp.active,
    .open .dropdown-toggle.btn-WhiteRedTransp {
        color: #CC3333;
        background-color: #fff;
        border-color: #CC3333;
    }

    .btn-WhiteRedTransp:active,
    .btn-WhiteRedTransp.active,
    .open .dropdown-toggle.btn-WhiteRedTransp {
        background-image: none;
    }

    .btn-WhiteRedTransp.disabled,
    .btn-WhiteRedTransp[disabled],
    fieldset[disabled] .btn-WhiteRedTransp,
    .btn-WhiteRedTransp.disabled:hover,
    .btn-WhiteRedTransp[disabled]:hover,
    fieldset[disabled] .btn-WhiteRedTransp:hover,
    .btn-WhiteRedTransp.disabled:focus,
    .btn-WhiteRedTransp[disabled]:focus,
    fieldset[disabled] .btn-WhiteRedTransp:focus,
    .btn-WhiteRedTransp.disabled:active,
    .btn-WhiteRedTransp[disabled]:active,
    fieldset[disabled] .btn-WhiteRedTransp:active,
    .btn-WhiteRedTransp.disabled.active,
    .btn-WhiteRedTransp[disabled].active,
    fieldset[disabled] .btn-WhiteRedTransp.active {
        color: #CC3333;
        background-color: transparent;
        border-color: #CC3333;
    }

    .btn-WhiteRedTransp.badge {
        color: #CC3333;
        background-color: transparent;
    }
/* FIN WhiteRedTransp */

/* DEBUT PurpleBlack */
.btn-PurpleBlack {
    color: #AD99CA;
    background-color: #323232;
    border-color: #323232;
    font-weight: bold;
}

    .btn-PurpleBlack:hover,
    .btn-PurpleBlack:active,
    .btn-PurpleBlack:focus,
    .btn-PurpleBlack.active,
    .open .dropdown-toggle.btn-PurpleBlack {
        color: #AD99CA;
        background-color: #000;
        border-color: #000;
    }

    .btn-PurpleBlack:active,
    .btn-PurpleBlack.active,
    .open .dropdown-toggle.btn-PurpleBlack {
        background-image: none;
    }

    .btn-PurpleBlack.disabled,
    .btn-PurpleBlack[disabled],
    fieldset[disabled] .btn-PurpleBlack,
    .btn-PurpleBlack.disabled:hover,
    .btn-PurpleBlack[disabled]:hover,
    fieldset[disabled] .btn-PurpleBlack:hover,
    .btn-PurpleBlack.disabled:focus,
    .btn-PurpleBlack[disabled]:focus,
    fieldset[disabled] .btn-PurpleBlack:focus,
    .btn-PurpleBlack.disabled:active,
    .btn-PurpleBlack[disabled]:active,
    fieldset[disabled] .btn-PurpleBlack:active,
    .btn-PurpleBlack.disabled.active,
    .btn-PurpleBlack[disabled].active,
    fieldset[disabled] .btn-PurpleBlack.active {
        color: #AD99CA;
        background-color: #323232;
        border-color: #323232;
    }

    .btn-PurpleBlack.badge {
        color: #AD99CA;
        background-color: #323232;
    }
/* FIN BlackTransp */

/* DEBUT GreenBlack */
.btn-GreenBlack {
    color: #78B8A8;
    background-color: #323232;
    border-color: #323232;
    font-weight: bold;
}

    .btn-GreenBlack:hover,
    .btn-GreenBlack:active,
    .btn-GreenBlack:focus,
    .btn-GreenBlack.active,
    .open .dropdown-toggle.btn-GreenBlack {
        color: #78B8A8;
        background-color: #000;
        border-color: #000;
    }

    .btn-GreenBlack:active,
    .btn-GreenBlack.active,
    .open .dropdown-toggle.btn-GreenBlack {
        background-image: none;
    }

    .btn-GreenBlack.disabled,
    .btn-GreenBlack[disabled],
    fieldset[disabled] .btn-GreenBlack,
    .btn-GreenBlack.disabled:hover,
    .btn-GreenBlack[disabled]:hover,
    fieldset[disabled] .btn-GreenBlack:hover,
    .btn-GreenBlack.disabled:focus,
    .btn-GreenBlack[disabled]:focus,
    fieldset[disabled] .btn-GreenBlack:focus,
    .btn-GreenBlack.disabled:active,
    .btn-PurpleBlack[disabled]:active,
    fieldset[disabled] .btn-GreenBlack:active,
    .btn-GreenBlack.disabled.active,
    .btn-GreenBlack[disabled].active,
    fieldset[disabled] .btn-GreenBlack.active {
        color: #78B8A8;
        background-color: #323232;
        border-color: #323232;
    }

    .btn-GreenBlack.badge {
        color: #78B8A8;
        background-color: #323232;
    }
/* FIN GreenBlack */

/* DEBUT OrangeWhite */
.btn-OrangeWhite {
    color: #fff;
    background-color: #FF6600;
    border-color: #FF6600;
    font-weight: bold;
}

    .btn-OrangeWhite:hover,
    .btn-OrangeWhite:active,
    .btn-OrangeWhite:focus,
    .btn-OrangeWhite.active,
    .open .dropdown-toggle.btn-OrangeWhite {
        color: #fff;
        background-color: #FF6600;
        border-color: #FF6600;
    }

    .btn-OrangeWhite:active,
    .btn-OrangeWhite.active,
    .open .dropdown-toggle.btn-OrangeWhite {
        background-image: none;
    }

    /*.btn-OrangeWhite.disabled,
    .btn-OrangeWhite[disabled],
    fieldset[disabled] .btn-OrangeWhite,
    .btn-OrangeWhite.disabled:hover,
    .btn-OrangeWhite[disabled]:hover,
    fieldset[disabled] .btn-OrangeWhite:hover,
    .btn-OrangeWhite.disabled:focus,
    .btn-OrangeWhite[disabled]:focus,
    fieldset[disabled] .btn-OrangeWhite:focus,
    .btn-OrangeWhite.disabled:active,
    .btn-OrangeWhite[disabled]:active,
    fieldset[disabled] .btn-OrangeWhite:active,
    .btn-OrangeWhite.disabled.active,
    .btn-OrangeWhite[disabled].active,
    fieldset[disabled] .btn-OrangeWhite.active {
        color: #fff;
        background-color: #D3D3D3;
        border-color: #D3D3D3;
    }*/

    .btn-OrangeWhite.badge {
        color: #fff;
        background-color: #FF6600;
    }
/* FIN OrangeWhite */


/*filtre-vert-sim*/
.btn-filtre-vert-sim {
    color: #000;
    background-color: #DEEBBF;
    border-color: #DEEBBF;
    cursor: default;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .btn-filtre-vert-sim:hover,
    .btn-filtre-vert-sim:active,
    .btn-filtre-vert-sim.active,
    .open .dropdown-toggle.btn-filtre-vert-sim {
        color: #000;
        background-color: #DEEBBF;
        border-color: #DEEBBF;
    }

    .btn-filtre-vert-sim:active,
    .btn-filtre-vert-sim.active,
    .open .dropdown-toggle.btn-filtre-vert-sim {
        background-image: none;
    }

    .btn-filtre-vert-sim.disabled,
    .btn-filtre-vert-sim[disabled],
    fieldset[disabled] .btn-filtre-vert-sim,
    .btn-filtre-vert-sim.disabled:hover,
    .btn-filtre-vert-sim[disabled]:hover,
    fieldset[disabled] .btn-filtre-vert-sim:hover,
    .btn-filtre-vert-sim.disabled:focus,
    .btn-filtre-vert-sim[disabled]:focus,
    fieldset[disabled] .btn-filtre-vert-sim:focus,
    .btn-filtre-vert-sim.disabled:active,
    .btn-filtre-vert-sim[disabled]:active,
    fieldset[disabled] .btn-filtre-vert-sim:active,
    .btn-filtre-vert-sim.disabled.active,
    .btn-filtre-vert-sim[disabled].active,
    fieldset[disabled] .btn-filtre-vert-sim.active {
        background-color: #DEEBBF;
        border-color: #DEEBBF;
    }

    .btn-filtre-vert-sim.badge {
        color: #000;
        background-color: #DEEBBF;
    }

/*filtre-violet-fae*/
.btn-filtre-violet-fae {
    color: #000;
    background-color: #DFD6E9;
    border-color: #DFD6E9;
    cursor: default;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .btn-filtre-violet-fae:hover,
    .btn-filtre-violet-fae:active,
    .btn-filtre-violet-fae.active,
    .open .dropdown-toggle.btn-filtre-violet-fae {
        color: #000;
        background-color: #DFD6E9;
        border-color: #DFD6E9;
    }

    .btn-filtre-violet-fae:active,
    .btn-filtre-violet-fae.active,
    .open .dropdown-toggle.btn-filtre-violet-fae {
        background-image: none;
    }

    .btn-filtre-violet-fae.disabled,
    .btn-filtre-violet-fae[disabled],
    fieldset[disabled] .btn-filtre-violet-fae,
    .btn-filtre-violet-fae.disabled:hover,
    .btn-filtre-violet-fae[disabled]:hover,
    fieldset[disabled] .btn-filtre-violet-fae:hover,
    .btn-filtre-violet-fae.disabled:focus,
    .btn-filtre-violet-fae[disabled]:focus,
    fieldset[disabled] .btn-filtre-violet-fae:focus,
    .btn-filtre-violet-fae.disabled:active,
    .btn-filtre-violet-fae[disabled]:active,
    fieldset[disabled] .btn-filtre-violet-fae:active,
    .btn-filtre-violet-fae.disabled.active,
    .btn-filtre-violet-fae[disabled].active,
    fieldset[disabled] .btn-filtre-violet-fae.active {
        background-color: #DFD6E9;
        border-color: #DFD6E9;
    }

    .btn-filtre-violet-fae.badge {
        color: #000;
        background-color: #DFD6E9;
    }

/*filtre-bleu-eco*/
.btn-filtre-bleu-eco {
    color: #000;
    background-color: #9FC4F8;
    border-color: #9FC4F8;
    cursor: default;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .btn-filtre-bleu-eco:hover,
    .btn-filtre-bleu-eco:active,
    .btn-filtre-bleu-eco.active,
    .open .dropdown-toggle.btn-filtre-bleu-eco {
        color: #000;
        background-color: #9FC4F8;
        border-color: #9FC4F8;
    }

    .btn-filtre-bleu-eco:active,
    .btn-filtre-bleu-eco.active,
    .open .dropdown-toggle.btn-filtre-bleu-eco {
        background-image: none;
    }

    .btn-filtre-bleu-eco.disabled,
    .btn-filtre-bleu-eco[disabled],
    fieldset[disabled] .btn-filtre-bleu-eco,
    .btn-filtre-bleu-eco.disabled:hover,
    .btn-filtre-bleu-eco[disabled]:hover,
    fieldset[disabled] .btn-filtre-bleu-eco:hover,
    .btn-filtre-bleu-eco.disabled:focus,
    .btn-filtre-bleu-eco[disabled]:focus,
    fieldset[disabled] .btn-filtre-bleu-eco:focus,
    .btn-filtre-bleu-eco.disabled:active,
    .btn-filtre-bleu-eco[disabled]:active,
    fieldset[disabled] .btn-filtre-bleu-eco:active,
    .btn-filtre-bleu-eco.disabled.active,
    .btn-filtre-bleu-eco[disabled].active,
    fieldset[disabled] .btn-filtre-bleu-eco.active {
        background-color: #9FC4F8;
        border-color: #9FC4F8;
    }

    .btn-filtre-bleu-eco.badge {
        color: #000;
        background-color: #9FC4F8;
    }

/* Début Popover */
.popover {
    background-color: #fff;
    border: 1px solid #000;
    font-family: Verdana, arial, sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .popover.right > .arrow {
        border-right-color: #000;
    }

    .popover.left > .arrow {
        border-left-color: #000;
    }

    .popover.top > .arrow {
        border-top-color: #000;
    }

    .popover.bottom > .arrow {
        border-bottom-color: #000;
    }

    .popover.right > .arrow:after {
        border-right-color: #fff;
    }

    .popover.lft > .arrow:after {
        border-left-color: #fff;
    }

    .popover.top > .arrow:after {
        border-top-color: #fff;
    }

    .popover.bottom > .arrow:after {
        border-bottom-color: #fff;
    }

    .popover > .arrow {
        border-width: 10px;
    }

.popover-title {
    color: #000;
    font-size: 1.2rem;
    background-color: #fff;
    border: none;
    font-weight: bold;
    padding-bottom: 0;
}

.popover-content {
    color: #999999;
    font-size: 1.1rem;
}
/* Fin Popover */

/*CHECKBOX AND RADIOBOX*/
label.ctrlBox {
    padding-left: 30px;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: normal;
    top: -5px;
}

@media(max-width: 991px) {
    label.ctrlBox-xs-buttons {
        width: 100px;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        border: 1px solid #DCDADA;
        float: left;
    }

        label.ctrlBox-xs-buttons.choisi {
            background-color: #3565A6;
            color: #fff;
            border-color: #3565A6;
        }

        label.ctrlBox-xs-buttons.gauche {
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            border-right: none;
        }

        label.ctrlBox-xs-buttons.droite {
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
            border-left: none;
        }
}

label.ctrlBox input {
    opacity: 0;
    z-index: -1;
    position: absolute;
    margin-left: -25px;
}

label.ctrlBox .ctrlContainer.round {
    border-radius: 50%;
}

label.ctrlBox .ctrlContainer {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    label.ctrlBox .ctrlContainer.outer {
        width: 18px;
        height: 18px;
        margin-top: 1px;
        border: 2px solid #b4b4b4;
        background-color: #fff;
    }

    label.ctrlBox .ctrlContainer.outer-lightGreen {
        border: 2px solid #40AD40;
    }

    label.ctrlBox.souscriteASupprimer input:checked ~ .ctrlContainer.outer,
    label.ctrlBox .ctrlContainer.outer-red {
        border: 2px solid #CC3333;
    }

    label.ctrlBox.nonsouscrite input:checked ~ .ctrlContainer.outer,
    label.ctrlBox.souscriteAAjouter input:checked ~ .ctrlContainer.outer,
    label.ctrlBox .ctrlContainer.outer-blue {
        border: 2px solid #3565A6;
    }

label.ctrlBox input:disabled ~ .ctrlContainer.outer {
    background-color: #e8e8e8;
}

label.ctrlBox input ~ .ctrlContainer.outer .ctrlContainer.inner,
label.ctrlBox input ~ .ctrlContainer.outer .ctrlContainer.inner-vert-sim,
label.ctrlBox input ~ .ctrlContainer.outer .ctrlContainer.inner-violet-fae,
label.ctrlBox input ~ .ctrlContainer.outer .ctrlContainer.inner-bleu-eco,
label.ctrlBox input ~ .ctrlContainer.outer .ctrlContainer.inner-telephone {
    width: 14px;
    height: 14px;
    background-clip: content-box;
    padding: 1px;
    border: 1px solid transparent;
}

label.ctrlBox input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner,
label.ctrlBox input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner-vert-sim,
label.ctrlBox input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner-violet-fae,
label.ctrlBox input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner-bleu-eco,
label.ctrlBox input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner-telephone,
label.ctrlBox.souscriteAAjouter input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner,
label.ctrlBox.souscriteASupprimer input:disabled:checked ~ .ctrlContainer.outer .ctrlContainer.inner {
    background-color: #B4B4B4;
}

label.ctrlBox input:checked ~ .ctrlContainer.outer .ctrlContainer.inner,
label.ctrlBox.souscriteAAjouter input ~ .ctrlContainer.outer .ctrlContainer.inner,
label.ctrlBox.souscriteASupprimer input ~ .ctrlContainer.outer .ctrlContainer.inner {
    background-color: #3565A6;
}

label.ctrlBox input:checked ~ .ctrlContainer.outer .ctrlContainer.inner-vert-sim {
    background-color: #ADCD5E;
}

label.ctrlBox input:checked ~ .ctrlContainer.outer .ctrlContainer.inner-violet-fae {
    background-color: #ad99ca;
}

label.ctrlBox input:checked ~ .ctrlContainer.outer .ctrlContainer.inner-bleu-eco {
    background-color: #4C82CB;
}

label.ctrlBox input:checked ~ .ctrlContainer.outer .ctrlContainer.inner-telephone {
    background-color: #78B8A8;
}

label.ctrlBox.souscriteASupprimer input:checked ~ .ctrlContainer.outer .ctrlContainer.inner {
    background-color: #FFFFFF;
}

label.ctrlBox input:checked ~ .libelle {
    font-weight: bold;
}

/*END CHECKBOX AND RADIOBOX*/

.menu {
    background-color: #fff;
    transition-property: background-color;
    transition-duration: 1s;
}

    .menu:hover {
        background-color: #f5f5f5;
        transition: none;
    }

    .menu + .popMenu {
        display: none;
        width: 950px;
        position: absolute;
        top: 100%;
        left: calc(50% - 475px);
        background-color: #f5f5f5;
        z-index: 9999;
    }

    .menu:hover + .popMenu, .popMenu:hover {
        display: block;
    }

    .menu .caretLpm {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-left: 4px solid #000000;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
    }

    .menu:hover .caretLpm {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid #3565A6;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.caretLpmXs {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 4px solid #ffffff;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}

.collapsed .fa-angle-up:before {
    content: "\f107";
}

.collapsed .fa-chevron-down:before {
    content: "\f054";
}

.collapsed .fa-caret-up:before {
    content: "\f0d7";
}

.collapsed .glyphicon-menu-up:before {
    content: '\e259';
}

.normal {
    font-weight: normal;
}

/* SPECIFIQUE RM/PU/CHANGEMENT D'OFFRE */
.titre-points {
    height: 30px;
    line-height: 30px;
    position: relative;
}

    .titre-points img { /* pour l'alignement vertical */
        position: absolute;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.sous-titre-gamme {
    min-height: 30px;
}

.dispatch .visuel {
    vertical-align: bottom;
    width: 50%;
    margin-top: 10px;
    float: left;
}

.dispatch .price {
    width: 50%;
    margin-top: 3%;
    text-align: center;
    float: left;
    vertical-align: bottom;
}

    .dispatch .price .accroche {
        font-weight: bold;
        font-size: 1.3rem;
    }

    .dispatch .price .int {
        font-family: Verdana, arial, sans-serif;
        font-weight: bold;
        font-size: 6rem;
    }

    .dispatch .price .cent {
        font-family: Verdana, arial, sans-serif;
        font-weight: bold;
        font-size: 2rem;
        float: left;
    }

    .dispatch .price .period2 {
        font-family: Verdana, arial, sans-serif;
        font-weight: bold;
        font-size: 1.5rem;
    }

.imgPicto {
    height: 120px;
    width: 220px;
}

.imgPictoPetit {
    height: 60px;
    width: 110px;
}

.panier.choisirSimActif {
    background-color: #adcd5e;
    color: #fff;
}

.panier.choisirSimInactif {
    background-color: #f3f3f3;
    color: #fff;
}

    .panier.choisirSimInactif:hover {
        background-color: #adcd5e;
        color: #fff;
    }

.panier.choisirTelActif {
    background-color: #78b8a8;
    color: #fff;
}

.panier.choisirTelInactif {
    background-color: #f3f3f3;
    color: #fff;
}

    .panier.choisirTelInactif:hover {
        background-color: #78b8a8;
        color: #fff;
    }

.panier.choisirFAEActif {
    background-color: #ad99ca;
    color: #fff;
}

.panier.choisirFAEInactif {
    background-color: #f3f3f3;
}

    .panier.choisirFAEInactif:hover {
        background-color: #ad99ca;
    }

.panier.choisirECO24Actif {
    background-color: #4C82CB;
    color: #fff;
}

.panier.choisirECO24Inactif {
    background-color: #f3f3f3;
    color: #fff;
}

    .panier.choisirECO24Inactif:hover {
        background-color: #4C82CB;
        color: #fff;
    }

    .panier.choisirSimInactif a, .panier.choisirFAEInactif a, .panier.choisirTelInactif a, .panier.choisirECO24Inactif a {
        color: #fff;
    }

.panier.ForfaitSimChoisiInactif, .panier.FAEChoisiInactif, .panier.TelChoisiInactif, .panier.ECO24ChoisiInactif,
.panier.ForfaitSimChoisiActif, .panier.FAEChoisiActif, .panier.TelChoisiActif, .panier.ECO24ChoisiActif {
    background-color: #f3f3f3;
    color: #000;
}

@media(max-width : 991px) {
    .panier.choisirSimInactif.bgBlanc-xm, .panier.choisirFAEInactif.bgBlanc-xm, .panier.choisirTelInactif.bgBlanc-xm, .panier.choisirECO24Inactif.bgBlanc-xm,
    .panier.ForfaitSimChoisiInactif.bgBlanc-xm, .panier.FAEChoisiInactif.bgBlanc-xm, .panier.TelChoisiInactif.bgBlanc-xm, .panier.ECO24ChoisiInactif.bgBlanc-xm {
        background-color: #fff;
    }

        .panier.choisirSimInactif.bgBlanc-xm a, .panier.choisirFAEInactif.bgBlanc-xm a, .panier.choisirTelInactif.bgBlanc-xm a, .panier.choisirECO24Inactif.bgBlanc-xm a {
            color: #ccc;
        }
}

.chevronBooster {
    position: relative;
    display: table-cell;
    width: 15px;
    height: 50px;
}

    .chevronBooster:before, .chevronBooster:after {
        position: absolute;
        display: block;
        content: '';
        border-bottom: 25px solid transparent;
        border-top: 25px solid transparent;
    }

    .chevronBooster:before {
        right: 0;
        border-right: 15px solid #000;
    }

    .chevronBooster.chevronJaune:before {
        border-right-color: #F8CA1F;
    }

    .chevronBooster:after {
        right: -1px;
        border-right: 15px solid #f3f3f3;
    }

.libelleBooster {
    display: table-cell;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 50px;
    padding: 5px;
    vertical-align: middle;
    max-width: 140px;
}

    .libelleBooster.chevronJaune {
        border-top-color: #F8CA1F;
        border-right-color: #F8CA1F;
        border-bottom-color: #F8CA1F;
    }

.panier a.bloc {
    font-weight: bold;
    display: block;
}

.panier .separateurPanier {
    padding-top: 10px;
}

.panier.choisirSimActif .separateurPanier, .panier.choisirFAEActif .separateurPanier, .panier.choisirECO24Actif .separateurPanier {
    border-bottom: 1px solid #fff;
}

.panier.choisirSimActif .chevronBooster:before, .panier.choisirFAEActif .chevronBooster:before, .panier.choisirECO24Actif .chevronBooster:before {
    right: 0;
    border-right: 15px solid #fff;
}

.panier.choisirSimActif .chevronBooster:after {
    right: -1px;
    border-right: 15px solid #adcd5e;
}

.panier.choisirFAEActif .chevronBooster:after {
    right: -1px;
    border-right: 15px solid #ad99ca;
}

.panier.choisirECO24Actif .chevronBooster:after {
    right: -1px;
    border-right: 15px solid #4C82CB;
}

.panier.choisirSimActif .libelleBooster, .panier.choisirFAEActif .libelleBooster, .panier.choisirECO24Actif .libelleBooster {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.panier.choisirSimActif .link, .panier.choisirFAEActif .link, .panier.choisirECO24Actif .link {
    color: #fff;
}

.panier .separateurPanier {
    height: 0;
    width: 100px;
    border-bottom: 1px solid #000;
    margin: 5px 0 5px 0;
}

.cellPanier {
    border-right: 1px solid #fff;
    background-color: #f3f3f3;
    position: relative;
    padding: 20px 25px 10px 25px;
}

.panier {
    color: #fff;
    border-right: 1px solid #fff;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: bold;
    position: relative;
    padding: 20px 20px 10px 20px;
}

    .panier .panierTotal {
        vertical-align: middle;
        background-color: #f3f3f3;
        padding: 20px 20px 10px 20px;
    }

.affix .panier, .affix .panierTotal, .affix .cellPanier {
    border-bottom: 1px solid #fff;
}

.panierTriangle {
    width: 0;
    height: 0;
    border-top: 12px solid #F8C648;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}

.panierFleche15 {
    width: 0;
    height: 0;
    border-top-width: 15px;
    border-top-style: solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.panierFleche {
    width: 0;
    height: 0;
    border-top-width: 20px;
    border-top-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.flecheOption {
    position: absolute;
    border: 22px solid transparent;
    border-top-color: #E1E1E1;
}

@media(min-width : 992px) {
    .md-row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .modal-larger {
        width: 700px;
    }

    .panierFleche {
        border-right-width: 50px;
        border-left-width: 50px;
    }

    .cellPanier, .panier, .panierTotal {
        height: 317px;
    }

    .affix .cellPanier, .affix .panier, .affix .panierTotal {
        height: 149px;
    }

    .flecheOption {
        position: absolute;
        border: 22px solid transparent;
        border-left-color: #E1E1E1;
    }
}

.panierFleche.flecheSIM {
    border-top-color: #adcd5e;
}

.panierFleche.flecheTel {
    border-top-color: #78b8a8;
}

.panierFleche.flecheFAE {
    border-top-color: #ad99ca;
}

.panierFleche.flecheECO {
    border-top-color: #4C82CB;
}

.panier .equationPanier {
    position: absolute;
    background-color: #fff;
    color: #000;
    top: calc(50% - 20px);
    right: -20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 1000;
    font-weight: bold;
    font-size: 2.5rem;
}

.equationPanierVertical {
    height: 5px;
    background-color: #fff;
}

    .equationPanierVertical .equationPanierVerticalRond {
        position: relative;
        background-color: #fff;
        color: #000;
        left: calc(50% - 20px);
        top: -20px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        z-index: 1000;
        font-weight: bold;
        font-size: 2.5rem;
        text-align: center;
    }

.affix {
    position: static;
}

.md-showAffix {
    display: none;
}

@media(min-width : 992px) {
    .affix {
        position: fixed;
        top: 0;
        left: 0;
    }

        .affix .md-hideAffix {
            display: none;
        }

        .affix ~ .md-showAffix {
            display: block;
        }

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

@media(min-width : 992px) {
    .type-critere-offres div.ib {
        min-height: 65px;
    }

    .type-critere-mobiles div.ib {
        min-height: 90px;
    }
}

.type-critere-mobiles:nth-child(2) div.ib {
    width: 330px;
}

.type-critere-mobiles:nth-child(2) .criteres-mobiles {
    width: 110px;
    float: left;
}

.type-critere-mobiles:nth-child(3) div.ib {
    width: 330px;
}

.type-critere-mobiles:nth-child(3) .criteres-mobiles {
    width: 165px;
    float: left;
}

.offre {
    background-color: white !important;
    border-top-width: 2px !important;
    border-top-color: #ad99ca;
    border-top-style: none;
    position: relative;
    vertical-align: middle;
}

.header {
    color: #fff;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #fff;
    vertical-align: middle;
    line-height: 1.1;
}

    .header.SIM {
        background-color: #adcd5e;
    }

    .header.FAE {
        background-color: #ad99ca;
    }

    .header.ECO {
        background-color: #4C82CB;
    }


.prix.SIM {
    color: #adcd5e;
}

.prix.FAE {
    color: #ad99ca;
}

.prix.ECO {
    color: #4C82CB;
}

.pictoAjoutPoint {
    position: absolute;
    top: 40%;
    right: 20px;
}

.flechePushLeft, .flechePushRight {
    position: absolute;
    top: 30%;
}

.flechePushLeft {
    left: 20px;
}

.flechePushRight {
    right: 20px;
}

.flecheParametrage {
    position: absolute;
    top: 50%;
    right: 20px;
}

/*DEBUT TRIANGLE HAUT DROIT AVEC LIBELLE*/
.triangleHautDroit {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width: 35px; /*définit le coté droit.*/
    border-bottom: none;
    border-left-style: solid;
    border-left-color: transparent;
    border-left-width: 35px; /*définit le coté haut*/
    border-right: none;
}

    .triangleHautDroit:hover.SIM {
        border-top-color: #ADCD5E;
    }

    .triangleHautDroit:hover.FAE {
        border-top-color: #ad99ca;
    }

    .triangleHautDroit .libelle {
        position: absolute;
        top: -33px;
        left: -13px;
        color: #b4b4b4;
        font-weight: bold;
    }

    .triangleHautDroit:hover .libelle {
        color: #fff;
    }
/*FIN TRIANGLE HAUT DROIT AVEC LIBELLE*/

.offreTel {
    background-color: #f3f3f3;
    position: relative;
    margin: 20px 0 0 0;
    height: 520px;
}

    .offreTel:hover {
        background-color: #EBF4F3;
    }

    .offreTel .bloc-prix-mobile {
        height: 65px;
    }

.odr-parent {
    height: 42px;
}

@media(min-width : 992px) {
    .offreTel {
        height: 520px;
    }

    .pad10t-sm {
        padding-top: 0;
    }

    .bgBlanc-xm {
        background-color: transparent;
        color: transparent;
    }
}

.odr {
    color: #fff;
    background-color: #E74248;
}

    .odr.arrondi {
        border-radius: 5px;
    }

.odrDroite {
    background-color: #f3f3f3;
    padding: 10px;
}

.odrGauche {
    color: #fff;
    font-size: 2.5rem;
    font-weight: bold;
    background-color: #323232;
    padding: 15px 10px 15px 10px;
}

.prixTel {
    border-radius: 5px;
    background-color: #fff;
}

.feature {
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    width: 30px;
    height: 30px;
}

    .feature.large {
        width: 40px;
        height: 40px;
    }

    .feature.def-auditive {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-auditive.svg');
    }

        .feature.def-auditive:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-auditive-on.svg');
        }

    .feature.def-elocution {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-elocution.svg');
    }

        .feature.def-elocution:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-elocution-on.svg');
        }

    .feature.def-mentale {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-mentale.svg');
    }

        .feature.def-mentale:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-mentale-on.svg');
        }

    .feature.def-motrice {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-motrice.svg');
    }

        .feature.def-motrice:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-motrice-on.svg');
        }

    .feature.def-visuelle {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-visuelle.svg');
    }

        .feature.def-visuelle:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-def-visuelle-on.svg');
        }

    .feature.mobile-3G {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-3G.svg');
    }

        .feature.mobile-3G:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-3G-on.svg');
        }

    .feature.mobile-4G {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-4G.svg');
    }

        .feature.mobile-4G:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-4G-on.svg');
        }

    .feature.mobile-android {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-android.svg');
    }

        .feature.mobile-android:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-android-on.svg');
        }

    .feature.mobile-apn {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-apn.svg');
    }

        .feature.mobile-apn:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-apn-on.svg');
        }

    .feature.mobile-apple {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-apple.svg');
    }

        .feature.mobile-apple:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-apple-on.svg');
        }

    .feature.mobile-ecran {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-ecran.svg');
    }

        .feature.mobile-ecran:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-ecran-on.svg');
        }

    .feature.mobile-memoire {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-memoire.svg');
    }

        .feature.mobile-memoire:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-memoire-on.svg');
        }

    .feature.mobile-proprietaire {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-proprietaire.svg');
    }

        .feature.mobile-proprietaire:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-proprietaire-on.svg');
        }

    .feature.mobile-windows {
        background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-windows.svg');
    }

        .feature.mobile-windows:hover {
            background-image: url('https://medias.lapostemobile.fr/portail_mobile/img/pictos-specificites-mobiles/picto-mobile-windows-on.svg');
        }

.carousel-control.right, .carousel-control.left {
    background-image: none;
    filter: none;
}

.carousel-indicators {
    bottom: 0;
}

    .carousel-indicators .active {
        background-color: #000;
    }

    .carousel-indicators li {
        border: 1px solid #000;
    }

    .carousel-indicators.white .active {
        background-color: #fff;
    }

    .carousel-indicators.white li {
        border: 1px solid #fff;
    }

.carousel-control .glyphicon-chevron-right:before {
    content: "\e258";
}

.carousel-control .glyphicon-chevron-left:before {
    content: "\e257";
}

.carousel a:hover, .carousel a:focus {
    color: #323232;
    text-decoration: none;
}

@media (min-width : 992px) {
    #carousel-accessoires > .carousel-inner > .item {
        display: block;
    }

    .border-top-desktop {
        border-top: 2px solid lightgray;
    }

    .outline-desktop {
        outline: 10px solid whitesmoke;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

.fleche-bas-prix-conquete {
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 1001;
}

/*DEBUT PASTILLE MISE EN AVANT*/
.pastille {
    position: absolute;
    width: 160px;
    top: -10px;
    left: calc(50% - 80px);
    color: #fff;
    font-size: 1.3rem;
    line-height: 1;
}

.bgRouge {
    background-color: #E74248;
}

.bgBordeaux {
    background-color: #CC0000;
}

.bgVertTel {
    background-color: #78b8a8;
}

.bgVertPale {
    background-color: #CAE3DD;
}

.bgNoir {
    background-color: #323232;
}

.bgBleu {
    background-color: #0551A7;
}

@media(min-width : 992px) {
    .bg-md-grey {
        background-color: #f3f3f3;
    }
}

.pastille .pastilleFleche {
    width: 0;
    height: 0;
    border-top-width: 8px;
    border-top-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

    .pastille .pastilleFleche.rouge {
        border-top-color: #E74248;
    }

    .pastille .pastilleFleche.bordeaux {
        border-top-color: #CC0000;
    }

    .pastille .pastilleFleche.vertTel {
        border-top-color: #78b8a8;
    }

    .pastille .pastilleFleche.noir {
        border-top-color: #323232;
    }

    .pastille .pastilleFleche.bleu {
        border-top-color: #0551A7;
    }
/*FIN PASTILLE MISE EN AVANT*/

.currentStep, .currentStep:hover, .currentStep:focus, .currentStep:active {
    font-size: 2.5rem;
    color: #F8CA1F;
}

.nextStep, .nextStep:hover, .nextStep:focus, .nextStep:active {
    font-size: 2.5rem;
    color: #B4B4B4;
}

.btn-round {
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    padding: 0;
    max-width: 50px;
    max-height: 50px;
    min-width: 10px;
    min-height: 10px;
}

    .btn-round.disabled, .btn-round[disabled] {
        cursor: default;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .btn-round.currentStep,
    .btn-round.currentStep:hover,
    .btn-round.currentStep:focus,
    .btn-round.currentStep:active,
    .btn-round.currentStep.active {
        background-color: #000;
        border: none;
    }

    .btn-round.nextStep,
    .btn-round.nextStep:hover,
    .btn-round.nextStep:focus,
    .btn-round.nextStep:active,
    .btn-round.nextStep.active {
        background-color: #f3f3f3;
    }

.col7 {
    position: relative;
    float: left;
    min-height: 1px;
    width: 14.28571429%;
    padding-bottom: 10px;
}

/* FIN SPECIFIQUE RM/PU/CHANGEMENT D'OFFRE */

/*TOGGLE CHECKBOX*/
[type="checkbox"]:not(:checked).toggleCheck,
[type="checkbox"]:checked.toggleCheck {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"]:not(:checked).toggleCheck + label,
    [type="checkbox"]:checked.toggleCheck + label {
        position: relative;
        padding-left: 75px;
        cursor: pointer;
    }

        [type="checkbox"]:not(:checked).toggleCheck + label:before,
        [type="checkbox"]:checked.toggleCheck + label:before,
        [type="checkbox"]:not(:checked).toggleCheck + label:after,
        [type="checkbox"]:checked.toggleCheck + label:after {
            content: '';
            position: absolute;
        }

        [type="checkbox"]:not(:checked).toggleCheck + label:before,
        [type="checkbox"]:checked.toggleCheck + label:before {
            left: 0;
            top: -3px;
            width: 65px;
            height: 30px;
            background: #fff;
            border-radius: 15px;
            border-color: #B4B4B4;
            border-width: 1px;
            border-style: solid;
        }

        [type="checkbox"]:not(:checked).toggleCheck + label:after,
        [type="checkbox"]:checked.toggleCheck + label:after {
            width: 20px;
            height: 20px;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            transition: all .2s;
            border-radius: 50%;
            background: #F8CA1F;
            top: 2px;
            left: 5px;
        }

    [type="checkbox"]:not(:checked).toggleCheck.vert-tel + label:after,
    [type="checkbox"]:checked.toggleCheck.vert-tel + label:after {
        background: #78b8a8;
    }

    [type="checkbox"]:not(:checked).toggleCheck.violet-fae + label:after,
    [type="checkbox"]:checked.toggleCheck.violet-fae + label:after {
        background: #AD99CA;
    }

    [type="checkbox"]:not(:checked).toggleCheck.vert-sim + label:after,
    [type="checkbox"]:checked.toggleCheck.vert-sim + label:after {
        background: #ADCD5E;
    }

    [type="checkbox"]:not(:checked).toggleCheck.bleu-eco + label:after,
    [type="checkbox"]:checked.toggleCheck.bleu-eco + label:after {
        background: #4C82CB;
    }
    /* on checked */

    [type="checkbox"]:checked.toggleCheck + label:after {
        top: 2px;
        left: 40px;
    }

    [type="checkbox"]:checked.toggleCheck + label .ui,
    [type="checkbox"]:not(:checked).toggleCheck + label .ui:before,
    [type="checkbox"]:checked.toggleCheck + label .ui:after {
        position: absolute;
        left: 6px;
        width: 65px;
        border-radius: 15px;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
    }

    [type="checkbox"]:not(:checked).toggleCheck + label .ui:before {
        content: "";
        left: 32px;
    }

    [type="checkbox"]:checked.toggleCheck + label .ui:after {
        content: "";
        color: #F8CA1F;
    }

/*FIN TOGGLE CHECKBOX*/

#logoLPM {
    display: inline-block;
    width: 135px;
    height: 75px;
}

#ImglogoLPM {
    width: 152px;
    height: 105px;
}

.navbar-toggle span.icon-bar {
    width: 36px;
}

#ImgMoblogoLPM {
    height: 62px;
}

.navbar {
    border: none;
    min-height: 0;
}

header nav {
    height: 80px;
}

.navbar-toggle {
    margin: 0;
    padding: 14px 10px;
    border-radius: 0;
    border: 1px solid #000;
    background-color: #000;
    height: 62px;
    width: 58px;
}

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 5px;
        }

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: transparent;
    background-color: transparent;
}

.dropdown-menu .divider {
    margin: 0 15px;
}

#menuXS {
    position: absolute;
    right: 0;
    z-index: 9999;
    width: 320px;
}
/*@media(max-width:991px) {*/
.navbar-header {
    box-shadow: 0 0 12px #ababab;
}
/*}*/
/*@media(min-width:992px) {
	#menuXS {
		position: static;
		width: auto;
	}
	.navbar-header {
		float: none;
	}
}*/

.max-width-circle {
    max-width: 150px;
    width: 100%;
}

.cercleConsoMaxi {
    color: #ff6600;
    position: absolute;
    bottom: -10px;
    right: calc(50% - 5rem/2);
    font-size: 5rem;
}

.center-block-md {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

@media(min-width:992px) {
    .md-equation {
        position: absolute;
        top: calc(50% - 30px);
        right: -40px;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        z-index: 1000;
    }
}

.modal-content {
    border-radius: 0;
}

.text-justify {
    text-align: justify;
}

/*BOOTSTRAP SELECT*/
.btn-dropdown, .btn-dropdown:hover {
    background-color: #ffffff;
    border-color: #ccc;
}

    .btn-dropdown:focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(180, 180, 180, 0.6) !important;
        outline: 0 none !important;
    }

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 none !important;
}

.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled,
select.aspNetDisabled {
    background-color: #eee;
}

/*FIN BOOTSTRAP SELECT*/

/* Style de bordure quand le champ est en erreur */
.invalidable:invalid {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 156, 53, 1) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 156, 53, 1) !important;
}

/*Bouton selectionner un fichier*/

.buttonFileUpload {
    vertical-align: middle;
    background: transparent;
    border: 1px solid #1C1C1C;
    font-weight: bold;
    color: black;
    line-height: 34px;
    position: relative;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 200px;
}

    .buttonFileUpload[disabled] {
        color: #A8A8A8;
    }

/*Fin bouton selectionner un fichier*/

.ouInter {
    position: absolute;
    background-color: #fff;
    bottom: calc(0% - 32.5px);
    right: -32.5px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 1000;
    font-weight: bold;
    font-size: 2rem;
    border: 5px solid #e8e8e8;
    padding-top: 10px;
}

/*Suivi de commande*/

.progress.vertical {
    position: relative;
    width: 20px;
    min-height: 240px;
    float: left;
    margin-right: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.progress {
    transform: rotate(-90deg);
}

/*Fin*/


@media(max-width : 991px) {
    .borderFacture {
        background-color: #F4F4F4;
    }
}

/* Lignes rattrapage paiement et rm */
.headerRattrapage {
    background-color: #3B5277;
    color: #FFFFFF;
    border: 0;
}

.boutonRattrapage {
    background-color: Red;
    color: White;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

/* Détail commande mobile */
.rond {
    border-radius: 15px;
    width: 30px;
    height: 30px;
    z-index: 2;
    position: relative;
}

.rondHaut {
    position: absolute;
    left: 10px;
    top: -1px;
    width: 15px;
    height: 50%;
    z-index: 1;
}

.rondBas {
    position: absolute;
    left: 10px;
    bottom: -1px;
    width: 15px;
    height: 50%;
    z-index: 1;
}

.trait {
    min-height: 150px;
    height: 100%;
    width: 15px;
}

.rondCenter {
    margin-left: 3px;
    margin-right: 5px;
}

/*FAQ*/
.highlight {
    background-color: #FFFF00;
}

@media (min-width: 992px) {
    .cc {
        height: 2px;
        width: 100%;
        background-color: #ffffff;
    }
}

@media (max-width: 991px) {
    .traitFAQ {
        height: 1px;
        width: 100%;
        background-color: #ADB8C7;
    }
}

/*Info Conso -- Kit ABO*/
@media (min-width: 992px) {
    .traitABOLeft {
        border-left: 1px solid #999999;
    }

    .traitABORight {
        border-right: 1px solid #999999;
    }
}

@media (max-width: 991px) {
    .traitABOTop {
        border-top: 1px solid #999999;
    }
}



/*Info Conso -- PP*/
.traitPPTop {
    border-top: 1px solid #ADB8C7;
}

/*Info Conso -- Images*/
.imgInfoConso {
    width: 60px;
    height: 60px;
}

/* Panel */
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.panel-options {
    background-color: #fff;
    border-color: #f3f3f3;
    padding: 10px 0;
}

.panel-default .panel-heading {
    background-color: #fff;
    border-color: #f3f3f3;
    padding: 25px 25px;
}

.panel-group .panel-heading {
    background-color: #fff;
    border-color: #fff;
    padding: 25px 25px;
}

.panel-title {
    font-size: 3vw;
    line-height: 1.1;
}

.panel-body {
    padding: 20px 25px;
}

    .panel-body hr {
        border-color: #f3f3f3;
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: 0;
    }

.panel-footer {
    border-top: none;
    background-color: #fff !important;
    padding: 20px 20px;
}

@media (min-width: 600px) {
    .panel-title {
        font-size: 1.8rem;
    }
}
/* 18/0.03 = 600*/
@media (max-width: 500px) {
    .panel-title {
        font-size: 1.5rem;
    }
}
/* 15/0.03 = 500*/


/*Commander SIM*/
.imgSim {
    width: 20px;
    height: 20px;
}

.borderHrSim {
    border-color: #808080;
}


/*Facture*/

.triangleFacture {
    color: transparent;
}

.fa-caret-right {
    content: "\f0da";
}

.ligneFacture1:hover .triangleFacture {
    color: #ffffff;
}

.ligneFacture2:hover .triangleFacture {
    color: #ffffff;
}

.ligneFacture1:hover {
    background-color: #3565A6;
    color: #FFFFFF;
}

.ligneFacture2:hover {
    background-color: #3565A6;
    color: #FFFFFF;
}

@media (min-width: 992px) {
    .ligneFacture1 {
        background-color: #E8E8E8;
    }

    .ligneFacture2 {
        background-color: #D3D3D3;
    }
}

@media (max-width: 991px) {
    .ligneFacture1 {
        background-color: #FFFFFF;
    }

    .ligneFacture2 {
        background-color: #E8E8E8;
    }
}

.ligneFacture1:hover a {
    color: #FFFFFF;
}

.ligneFacture1:hover input {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.ligneFacture2:hover a {
    color: #FFFFFF;
}

/*Bandeau de notification des cookies*/
div#divCookie {
    margin: 0 auto;
    background-color: #F8F8F8;
    width: 100%;
    min-height: 50px;
    vertical-align: middle;
    z-index: 9999;
}

/* Carousel forfaits + jumelage */
.slick-inner-item-border, .bordureJumelage {
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
}

.bordure-tlr {
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
}

.bordure-blr {
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-top: none;
}

.slick-inner-item-border:hover, .bordureJumelage:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}

.slick-slide:not(.slick-active) {
    transform: scale(0.96);
    transition: all .15s ease-in-out;
}

.slick-slide.slick-active {
    transform: scale(1);
    transition: all .15s ease-in-out;
}

.slick-list {
    outline: none !important;
}

.slick-slide:focus {
    outline: none;
}

.slick-slide {
    width: 260px !important;
}

.slick-inner-item-card {
    margin-left: 10px;
    margin-right: 10px;
    top: 20px;
}

.slick-carousel {
    min-height: 700px;
}

@media(max-width : 767px) {
    .slick-carousel {
        max-width: 100%;
    }

    .slick-inner-item-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .slick-list {
        padding: 0 0 0 calc( (100% - 270px) / 2) !important;
    }

    .slick-slide {
        width: 270px !important;
    }

    .slick-custom-prev {
        left: -5px;
    }

    .slick-custom-next {
        right: -5px;
    }

    /*.slick-img-caracteristique-points {
        left: 1%;
        right: 1%;
    }*/

    .font-prix-mobile {
        font-size: 10rem;
    }
}

.slick-carousel {
    width: 280px !important;
}

@media(min-width : 1000px) and (max-width: 1309px) {
    .slick-carousel {
        width: 990px !important;
    }
}

@media(min-width : 1280px) {
    .slick-carousel {
        width: 1270px !important;
    }
}

@media(min-width : 768px) and (max-width: 999px) {
    .slick-carousel {
        width: 730px !important;
    }
}

@media(min-width:768px) {
    .slick-list {
        padding: 0 0 0 85px !important;
    }
}

.btn-choisir-offre {
    width: 90% !important;
    z-index: 1 !important;
    overflow: visible;
}

.img-responsive {
    display: inline;
}

.fgFae {
    color: #AD99CA;
}

.fgSim {
    color: #ADCD5E;
}

.fgEco {
    color: #4C82CB;
}

.offreChoixBordureTop {
    background-position: top;
    background-size: 13px 3px;
    background-repeat: repeat-x;
}

.bgPointFideTarifs {
    background-color: #F3F3F3;
}

.bgRemiseTarifs {
    background-color: #F8EBF0;
}

.vide {
    background-color: #fafafa;
}

.divPrixDecimal {
    vertical-align: top;
    padding-top: 7px;
    text-align: left;
    max-width: 120px;
}

/* Arrows */
.slick-custom-prev,
.slick-custom-next {
    /*font-size: 0;*/
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #ECECEC;
    opacity: 0.7;
    height: 140px;
    width: 50px;
    z-index: 1;
    border-radius: 10px;
}

    .slick-custom-prev:hover,
    .slick-custom-prev:focus,
    .slick-custom-next:hover,
    .slick-custom-next:focus {
        color: black;
        outline: none;
        background: lightgray;
    }

        .slick-custom-prev:hover:before,
        .slick-custom-prev:focus:before,
        .slick-custom-next:hover:before,
        .slick-custom-next:focus:before {
            opacity: 1;
        }

    .slick-custom-prev.slick-disabled:before,
    .slick-custom-next.slick-disabled:before {
        opacity: 1;
    }

    .slick-custom-prev:before,
    .slick-custom-next:before {
        font-size: 40px;
        font-weight: lighter;
        line-height: 1;
        opacity: 1;
    }

.slick-custom-prev {
    left: 48px;
}

.slick-custom-next {
    right: 48px;
}

.minHeight80 {
    min-height: 80px;
}

.col-md, .col-25, .col-50 {
    position: relative;
    min-height: 1px;
    float: left;
}

@media (min-width: 992px) {
    .col-md {
        width: auto !important;
    }
}

.col-25 {
    width: 25%;
}

.col-50 {
    width: 50%;
}

.svgOffre {
    max-height: 180px;
}

.th-div-size {
    font-size: 14px;
    margin-bottom: 5px;
}

.tdDateActes {
    text-align: center;
    padding: 6% 5% 6% 5%;
}

.bgLibActes {
    background-color: #DDE0E0;
}

.tdLibelleActes {
    padding: 2% 9% 2% 5%;
}

.thLibelActe {
    padding: 7% 5% 7% 5%;
}

.thDateActe {
    padding: 21% 5% 21% 5%;
}

.italic {
    font-style: italic;
}

.currentStep-curv, .currentStep-curv:hover, .currentStep-curv:focus, .currentStep-curv:active {
    font-size: 1.5rem;
    color: #F8CA1F;
}

.nextStep-curv, .nextStep-curv:hover, .nextStep-curv:focus, .nextStep-curv:active {
    font-size: 1.5rem;
    color: #B4B4B4;
}

.btn-curved {
    border-width: thick;
}

    .btn-curved.disabled, .btn-curved[disabled] {
        cursor: default;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .btn-curved.currentStep-curv,
    .btn-curved.currentStep-curv:hover,
    .btn-curved.currentStep-curv:focus,
    .btn-curved.currentStep-curv:active,
    .btn-curved.currentStep-curv.active {
        background-color: white;
        border-color: black;
        color: black;
    }

    .btn-curved.nextStep-curv,
    .btn-curved.nextStep-curv:hover,
    .btn-curved.nextStep-curv:focus,
    .btn-curved.nextStep-curv:active,
    .btn-curved.nextStep-curv.active {
        background-color: #f3f3f3;
    }

/* DEBUT BlackTransp */
.btn-BlackTransp-foyer {
    color: #000;
    background-color: transparent;
    border-color: #000;
    font-weight: bold;
}

    .btn-BlackTransp-foyer:hover,
    .btn-BlackTransp-foyer:active,
    .btn-BlackTransp-foyer:focus,
    .btn-BlackTransp-foyer.active,
    .open .dropdown-toggle.btn-BlackTransp-foyer {
        color: white;
        background-color: black;
        border-color: black;
    }

    .btn-BlackTransp-foyer:active,
    .btn-BlackTransp-foyer.active,
    .open .dropdown-toggle.btn-BlackTransp-foyer {
        background-image: none;
    }

    .btn-BlackTransp-foyer.disabled,
    .btn-BlackTransp-foyer[disabled],
    fieldset[disabled] .btn-BlackTransp-foyer,
    .btn-BlackTransp-foyer.disabled:hover,
    .btn-BlackTranspv[disabled]:hover,
    fieldset[disabled] .btn-BlackTransp-foyer:hover,
    .btn-BlackTransp-foyer.disabled:focus,
    .btn-BlackTransp-foyer[disabled]:focus,
    fieldset[disabled] .btn-BlackTransp-foyer:focus,
    .btn-BlackTransp-foyer.disabled:active,
    .btn-BlackTransp-foyer[disabled]:active,
    fieldset[disabled] .btn-BlackTransp-foyer:active,
    .btn-BlackTransp-foyer.disabled.active,
    .btn-BlackTransp-foyer[disabled].active,
    fieldset[disabled] .btn-BlackTransp-foyer.active {
        color: #000;
        background-color: transparent;
        border-color: #000;
    }

    .btn-BlackTransp-foyer.badge {
        color: #444;
        background-color: transparent;
    }
/* FIN BlackTransp */

@media (min-width: 992px) {
    .criteres-push .img {
        max-height: 120px;
        max-width: 74px;
    }

    #offreCritere .criteres-push {
        font-family: "Nexa Regular", Nexa Regular;
    }

    .criteres-push #divGo {
        font-family: "Nexa Black", Nexa Black;
        font-size: 36px;
        color: white;
    }

    .criteres-push #divOption {
        font-family: "Nexa Bold", Nexa Bold;
        font-size: 14px;
        color: white;
    }

    .criteres-push-carac {
        font-family: "Nexa Bold", Nexa bold;
        font-size: 18px;
        color: #333333;
    }

    .criteres-push .btnPushOffre {
        font-family: "Nexa Bold", Nexa Bold;
        background-color: white;
        color: #333333;
    }

    .criteres-push-entier {
        font-family: "Nexa Black", Nexa Black;
        font-size: 60px;
        color: white;
        line-height: 1;
    }

    .criteres-push-decimal {
        font-family: "Nexa Heavy", Nexa Heavy;
        font-size: 22px;
        color: white;
    }

    .criteres-push-mois {
        font-family: "Nexa Bold", Nexa Bold;
        font-size: 12px;
        color: white;
        margin-top: -20%;
    }

    .criteres-push-eng {
        font-family: "Nexa Regular", Nexa Regular;
        font-size: 10px;
        color: #333333;
    }
}

@media (max-width: 991px) {
    .criteres-push .img {
        max-height: 120px;
        max-width: 74px;
        float: right;
        margin-right: 15%
    }

    .criteres-push-img {
        width: 35%;
        float: left;
    }

    .criteres-push-carac {
        Margin-left: 35%;
    }

    #offreCritere .criteres-push {
        font-family: "Nexa Regular", Nexa Regular;
    }

    .criteres-push #divGo {
        font-family: "Nexa Black", Nexa Black;
        font-size: 36px;
        color: white;
    }

    .criteres-push #divOption {
        font-family: "Nexa Bold", Nexa Bold;
        font-size: 14px;
        color: white;
    }

    .criteres-push-carac {
        font-family: "Nexa Bold", Nexa bold;
        font-size: 18px;
        color: #333333;
    }

    .criteres-push .btnPushOffre {
        font-family: "Nexa Bold", Nexa Bold;
        background-color: #333333;
    }

    .criteres-push-entier {
        font-family: "Nexa Black", Nexa Black;
        font-size: 60px;
        color: white;
        line-height: 1;
    }

    .criteres-push-decimal {
        font-family: "Nexa Heavy", Nexa Heavy;
        font-size: 22px;
        color: white;
        float: left;
    }

    .criteres-push-mois {
        font-family: "Nexa Bold", Nexa Bold;
        font-size: 12px;
        color: white;
        margin-top: -20%;
    }

    .criteres-push-eng {
        font-family: "Nexa Regular", Nexa Regular;
        font-size: 10px;
        color: #333333;
    }

    #div_push_offre__vueM {
        padding-bottom: 5%;
    }
}
@media (max-width: 599px) {
    #div_push_offre__vueM {
        padding-bottom: 8%;
    }
}