html, body {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: #323232;
    font-family: Verdana, arial, sans-serif;
}

.greyBack {
    background-color: #f3f3f3;
}

.sectionLPM .link {
    color: #323232;
    text-decoration: none;
}

.sectionLPM .underline {
    text-decoration: underline;
}

.sectionLPM .link:hover, .sectionLPM .link:focus {
    color: #323232;
    text-decoration: underline;
    cursor: pointer;
}


.erreur {
    color: #E74248;
}

.sectionLPM .font3 {
    font-size: 3rem;
}

.sectionLPM .h15 {
    height: 15px;
}

.sectionLPM .negatif {
    color: #fff;
    background-color: #000;
}

@media(min-width : 992px) {
    .sectionLPM .hActiv {
        height: 315px;
    }

    .sectionLPM #etapes {
        height: 110px;
    }

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

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

@media (min-width: 992px) {
    .modal-dialog {
        width: 700px;
    }

    .sectionLPM .border-md-jaune {
        border: 2px solid #EFCC00;
    }
}

.sectionLPM .puce-activation {
    width: 21px;
    height: 18px;
}

.sectionLPM ul.bulletJaune {
    list-style: none;
}

@media (min-width: 992px) {
    .sectionLPM ul.bulletJaune li {
        text-indent: -13px;
        padding-left: 20px;
    }

        .sectionLPM ul.bulletJaune li:before {
            content: "\f111";
            font-family: FontAwesome;
            font-size: 8px;
            color: #F8CA1F;
            vertical-align: middle;
        }
}

@media(max-width : 991px) {
    .sectionLPM .svgOffre {
        max-height: 100px;
    }

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

.sectionLPM .triangleFlash ~ .prix {
    color: #E74248;
}

.sectionLPM .panier.simChoisie {
    background-color: #f3f3f3;
    color: #323232;
}

.sectionLPM .panier.telChoisie {
    background-color: #f3f3f3;
    color: #323232;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #F7DF89;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
}

    .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
        color: #d3d3d3;
    }

.datepicker div {
    display: inherit;
}


/*#ui-datepicker-div {display: none;}*/

@media (min-width : 992px) {
    .sectionLPM.modal.fade.in {
        padding-top: 10vh;
    }

    #carousel-accessoires > .carousel-inner > .item {
        display: block;
    }
}

.sectionLPM .noPadding {
    padding-right: 0px;
    padding-left: 0px;
}

.sectionLPM .logoHaut {
    height: 45px;
}

@media (min-width: 992px) {
    .sectionLPM .logoHaut {
        height: 80px;
    }
}

.sectionLPM .panel-group .collapsed.panel-heading {
    background-color: #f9f9f9;
}

.sectionLPM .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #f3f3f3;
}

.sectionLPM .headingJaune {
    font-size: 3vw;
    line-height: 1.1;
}

@media (min-width: 600px) { /* 18/0.03 = 600*/
    .sectionLPM .headingJaune {
        font-size: 1.8rem;
    }
}

@media (max-width: 500px) { /* 15/0.03 = 500*/
    .sectionLPM .headingJaune {
        font-size: 1.5rem;
    }
}

.sectionLPM .collapsed .enJaune {
    color: #F7DF89;
}

.sectionLPM .bborder-jaune {
    border-bottom: 1px solid #F8CA1F;
}

.sectionLPM .bigpictoSSL {
    width: 80px;
    height: 80px;
}

.sectionLPM .pictoDownload {
    width: 40px;
    height: 47px;
}

.sectionLPM #suivi {
    border-bottom: none;
}

.sectionLPM .carte-paiement {
    padding: 10px;
}

.sectionLPM .spacer-paiement {
    display: none;
}

.sectionLPM .bgJaune {
    background-color: #F8CA1F;
}

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

.sectionLPM .triangleFlash {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(320px * 20 / 100);
    height: calc(320px * 20 / 100);
}

@media (min-width: 768px) {
    .sectionLPM .triangleFlash {
        width: calc(768px * 13 / 100);
        height: calc(768px * 13 / 100);
    }
}

@media (min-width: 992px) {
    .sectionLPM .triangleFlash {
        width: 6vw;
        height: 6vw;
    }
}

@media (min-width: 1600px) {
    .sectionLPM .triangleFlash {
        width: calc(1600px * 6 / 100);
        height: calc(1600px * 6 / 100);
    }
}

.sectionLPM #imgAppliAndro {
    position: absolute;
    left: 178px;
    top: -105px;
}

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

.sectionLPM .lh2 {
    line-height: 2;
}

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

.sectionLPM .lh1-3 {
    line-height: 1.3;
}

.sectionLPM .pad20l {
    padding-left: 20px;
}

.sectionLPM .pad25lr {
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width : 992px) {
    .sectionLPM .pad-md-25lr {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.boxOffre .cover {
    background-image: url('../img/box-fibre/figure-appels.jpg');
}

    .boxOffre .cover .push {
        width: 350px;
    }

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

@media print {
    html {
        font-size: 5pt;
    }

    .sectionLPM .panel {
        border: 1px solid #000;
        page-break-inside: avoid;
    }
}

/* fix pour les redimensionner les SGV sous IE */
@media screen and (min-width:0\0) {
    img[src*=".svg"] {
        width: 100%;
        height: 100%;
    }
}

.divDivPicto {
    height: 21px;
}

.divPicto {
    height: 11.5px;
}

@media(max-width : 991px) {
    .sectionLPM .choisirTelInactif.reverse {
        background-color: #fff;
        color: #78b8a8;
    }

    .sectionLPM .choisirSimInactif.reverse {
        background-color: #fff;
        color: #ADCD5E;
    }

    .sectionLPM .simChoisie.reverse, .sectionLPM .telChoisie.reverse {
        background-color: #fff;
    }
}

.sectionLPM .criteres-mobiles {
    padding: 0 10px;
}

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

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

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

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

@media(min-width : 768px) {
    .sectionLPM .offreTel.h600 {
        height: 590px;
    }

    .sectionLPM .offreTelAvecOffre {
        height: 560px;
    }

    .sectionLPM .odr-parent {
        height: 42px;
    }
}

.sectionLPM .tarifsPPI .bloc-tarifs {
    height: 160px;
    width: 205px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width : 992px) {
    .sectionLPM .tarifsPPI {
        background-color: #ec6806;
        color: #fff;
    }
}

@media(min-width : 768px) {
    .sectionLPM .tarifsPPI .bloc-tarifs {
        width: 610px;
        height: 100px;
    }
}

@media(min-width : 992px) {
    .parent-btn-orange-blanc .dropdown-menu, .btn-orange-blanc, .btn-orange-blanc:hover {
        color: #fff;
        background-color: #ec6806;
        border-color: #fff;
    }

        .parent-btn-orange-blanc .dropdown-menu li a, .parent-btn-orange-blanc .dropdown-menu li a:hover {
            color: #fff;
            background-color: #ec6806;
        }

        .btn-orange-blanc .badge {
            color: #fff;
            background-color: #333;
        }
}

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

    .alignCb td {
        padding: 5px;
    }

    .alignCb input {
        display: inline-block;
        vertical-align: top;
    }

    .alignCb label {
        display: inline-block;
        margin-left: 5px;
        text-align: justify;
    }

    .alignCb label {
        width: 95%;
    }

.texteUpsellRouge {
    color: #E74248;
}

.texteUpsellBarre {
    font-weight: normal;
}

.sectionLPM .img-responsive {
    display: inline;
}

.sectionLPM .img-auto-adjust {
    max-width: 100%;
    height: auto;
}

.marge {
    margin-left: 3em;
}

@media(min-width : 992px) {
    .flex-nxs {
        display: flex;
    }


    .flex-center-nxs {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.txtColor-white {
    color: #fff;
}

.sectionFooterActivation {
    padding: 20px 0px 20px 0px;
}


    .sectionFooterActivation a.link:hover, .sectionFooterActivation a.link, .sectionFooterActivation a.link:active {
        color: #FFF;
    }

.modal-center {
    max-width: 520px;
    margin: auto;
}

.radius-10 {
    border-radius: 10px !important;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-bolder {
    font-weight: bolder;
}

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

.placeholder-center:-ms-input-placeholder {
    text-align: center; /* for IE 10-11 */
}

.placeholder-center::-webkit-input-placeholder {
    text-align: center; /* for IE Edge */
}

.color-gray {
    color: gray;
}

.color-lightgreen {
    color: #AFDC7E;
}

/*centrer le deuxieme block des criteres filtre*/
.sectionLPM .type-critere-mobiles:nth-child(2) .criteres-mobiles {
    width: unset;
    float: none;
    text-align: center;
}


[type=radio]:not(:checked).toggle-check-defaut, [type=radio]:not(:checked).toggle-check-non, [type=radio]:not(:checked).toggle-check-oui, [type=radio]:checked.toggle-check-non, [type=radio]:checked.toggle-check-oui, [type=radio]:checked.toggle-check-defaut {
    position: absolute;
    left: -9999px
}

    [type=radio]:checked.toggle-check-defaut + .toggle-check-oui + label:before {
        left: 0px;
        top: -4px;
        width: 52px;
        height: 24px;
        background: #dfdfdf;
        border-radius: 15px;
        border-color: #dfdfdf;
        border-width: 1px;
        border-style: solid
    }

    [type=radio]:checked.toggle-check-defaut + .toggle-check-oui + label:after {
        width: 20px;
        height: 20px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        border-radius: 50%;
        background: #0066B1;
        top: -2px;
        left: 16px
    }

    [type=radio]:not(:checked).toggle-check-oui + label, [type=radio]:checked.toggle-check-oui + label {
        position: relative;
        padding-left: 47px;
        top: 2px;
        cursor: pointer
    }

        [type=radio]:not(:checked).toggle-check-oui + label:before, [type=radio]:not(:checked).toggle-check-oui + label:after, [type=radio]:checked.toggle-check-oui + label:before, [type=radio]:checked.toggle-check-oui + label:after, [type=radio]:checked.toggle-check-non + label + .toggle-check-defaut + .toggle-check-oui + label:before, [type=radio]:checked.toggle-check-non + label + .toggle-check-defaut + .toggle-check-oui + label:after {
            content: "";
            position: absolute
        }

    [type=radio]:checked.toggle-check-non + label + .toggle-check-defaut + .toggle-check-oui + label:before {
        left: 0px;
        top: -4px;
        width: 52px;
        height: 24px;
        background: darkgray;
        border-radius: 15px;
        border-color: #a9a9a9;
        border-width: 1px;
        border-style: solid
    }

    [type=radio]:checked.toggle-check-non + label + .toggle-check-defaut + .toggle-check-oui + label:after {
        width: 20px;
        height: 20px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        border-radius: 50%;
        top: -2px;
        left: 2px;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACtSURBVHgBXZCxDcMgEEUNLJAO2AKoUjobZARnEjsbZIN4jHS2F4C06dxBmUxA/kkhQiAhuLt3/75OGGMOSqljSmnvmuOcG6SUO8f/zDlfkBgbgOI7rhFQeGqtGYIJbxdj3H7AhHsNIcys6qTkmHNeGWM9Ad57ynWsHmGtXQggEAqnkhe1BwBDUSqj/1Dj4dJ6FFhBj8659oDCWoEfgR29MeIFhVvtj0DsaEPt8QWKZ1ZwV5UKaQAAAABJRU5ErkJggg==) no-repeat 5px 6px
    }

    [type=radio]:checked.toggle-check-oui + label:before {
        left: 0px;
        top: -4px;
        width: 52px;
        height: 24px;
        background: #0066B1;
        border-radius: 15px;
        border-color: #0066b1;
        border-width: 1px;
        border-style: solid
    }

    [type=radio]:checked.toggle-check-oui + label:after {
        width: 20px;
        height: 20px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        border-radius: 50%;
        top: -2px;
        left: 31px;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgBdU9tDYAgEPVIog0YJLCBJtEIkkCaaARNAA0kCfjOweYPYHs7eF/juq5xpJQ9MPGdWial1IPRxxhH0TDsbACM9/6iTEycABG01ktKyQLBOTdwSEC8OUVEB/8D4sYGYCzNlOstxlJIBGe0nuUtMvmlM2f+htrKa017AaMiQt25ql7sAAAAAElFTkSuQmCC) no-repeat 6px 6px
    }

    [type=radio]:not(:checked).toggle-check-oui + label + label, [type=radio]:not(:checked).toggle-check-non + label {
        color: #d3d3d3
    }