@charset "UTF-8";
@font-face {
    font-family: 'OpenSansRegular';
    src: url("../fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: 'OpenSansLight';
    src: url("../fonts/OpenSans-Light.ttf");
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url("../fonts/OpenSans-LightItalic.ttf");
}

@font-face {
    font-family: 'OpenSansBold';
    src: url("../fonts/OpenSans-Bold.ttf");
}

@font-face {
    font-family: 'OpenSansLightSemibold';
    src: url("../fonts/OpenSans-Semibold.ttf");
}

/*JDE icons*/
@font-face {
    font-family: 'jde';
    src:  url('../fonts/jde.eot?2khtpy');
    src:  url('../fonts/jde.eot?2khtpy#iefix') format('embedded-opentype'),
    url('../fonts/jde.ttf?2khtpy') format('truetype'),
    url('../fonts/jde.woff?2khtpy') format('woff'),
    url('../fonts/jde.svg?2khtpy#jde') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'jde' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
    content: "\e900";
}
.icon-logout:before {
    content: "\e901";
}
.icon-fb .path1:before {
    content: "\e903";
    color: rgb(255, 255, 255);
}
.icon-fb .path2:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(40, 40, 40);
}
.icon-linkedIn .path1:before {
    content: "\e905";
    color: rgb(255, 255, 255);
}
.icon-linkedIn .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(40, 40, 40);
}
.icon-magazine .path1:before {
    content: "\e907";
    color: rgb(228, 36, 24);
}
.icon-magazine .path2:before {
    content: "\e908";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path3:before {
    content: "\e909";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path4:before {
    content: "\e90a";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path5:before {
    content: "\e90b";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path6:before {
    content: "\e90c";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path7:before {
    content: "\e90d";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path8:before {
    content: "\e90e";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path9:before {
    content: "\e90f";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path10:before {
    content: "\e910";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path11:before {
    content: "\e911";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path12:before {
    content: "\e912";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path13:before {
    content: "\e913";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path14:before {
    content: "\e914";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path15:before {
    content: "\e915";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path16:before {
    content: "\e916";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path17:before {
    content: "\e917";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path18:before {
    content: "\e918";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path19:before {
    content: "\e919";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path20:before {
    content: "\e91a";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path21:before {
    content: "\e91b";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path22:before {
    content: "\e91c";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path23:before {
    content: "\e91d";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path24:before {
    content: "\e91e";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path25:before {
    content: "\e91f";
    margin-left: -0.75em;
    color: rgb(55, 57, 63);
}
.icon-magazine .path26:before {
    content: "\e920";
    margin-left: -0.75em;
    color: rgb(228, 36, 24);
}
.icon-magazine .path27:before {
    content: "\e921";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path28:before {
    content: "\e922";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path29:before {
    content: "\e923";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path30:before {
    content: "\e924";
    margin-left: -0.75em;
    color: rgb(228, 36, 24);
}
.icon-magazine .path31:before {
    content: "\e925";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path32:before {
    content: "\e926";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path33:before {
    content: "\e927";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path34:before {
    content: "\e928";
    margin-left: -0.75em;
    color: rgb(228, 36, 24);
}
.icon-magazine .path35:before {
    content: "\e929";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path36:before {
    content: "\e92a";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path37:before {
    content: "\e92b";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path38:before {
    content: "\e92c";
    margin-left: -0.75em;
    color: rgb(228, 36, 24);
}
.icon-magazine .path39:before {
    content: "\e92d";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path40:before {
    content: "\e92e";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path41:before {
    content: "\e92f";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path42:before {
    content: "\e930";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path43:before {
    content: "\e931";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path44:before {
    content: "\e932";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path45:before {
    content: "\e933";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path46:before {
    content: "\e934";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path47:before {
    content: "\e935";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path48:before {
    content: "\e936";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path49:before {
    content: "\e937";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path50:before {
    content: "\e938";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path51:before {
    content: "\e939";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path52:before {
    content: "\e93a";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path53:before {
    content: "\e93b";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path54:before {
    content: "\e93c";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path55:before {
    content: "\e93d";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path56:before {
    content: "\e93e";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path57:before {
    content: "\e93f";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path58:before {
    content: "\e940";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path59:before {
    content: "\e941";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path60:before {
    content: "\e942";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path61:before {
    content: "\e943";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path62:before {
    content: "\e944";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path63:before {
    content: "\e945";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path64:before {
    content: "\e946";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path65:before {
    content: "\e947";
    margin-left: -0.75em;
    color: rgb(77, 77, 77);
}
.icon-magazine .path66:before {
    content: "\e948";
    margin-left: -0.75em;
    color: rgb(228, 36, 24);
}
.icon-magazine .path67:before {
    content: "\e949";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path68:before {
    content: "\e94a";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path69:before {
    content: "\e94b";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path70:before {
    content: "\e94c";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path71:before {
    content: "\e94d";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path72:before {
    content: "\e94e";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path73:before {
    content: "\e94f";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path74:before {
    content: "\e950";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path75:before {
    content: "\e951";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path76:before {
    content: "\e952";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path77:before {
    content: "\e953";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path78:before {
    content: "\e954";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path79:before {
    content: "\e955";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path80:before {
    content: "\e956";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path81:before {
    content: "\e957";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path82:before {
    content: "\e958";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path83:before {
    content: "\e959";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path84:before {
    content: "\e95a";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path85:before {
    content: "\e95b";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path86:before {
    content: "\e95c";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path87:before {
    content: "\e95d";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path88:before {
    content: "\e95e";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-magazine .path89:before {
    content: "\e95f";
    margin-left: -0.75em;
    color: rgb(255, 255, 255);
}
.icon-tool .path1:before {
    content: "\e960";
    color: rgb(255, 255, 255);
}
.icon-tool .path2:before {
    content: "\e961";
    margin-left: -1.0068359375em;
    color: rgb(0, 0, 0);
}
.icon-tool .path3:before {
    content: "\e962";
    margin-left: -1.0068359375em;
    color: rgb(0, 0, 0);
}
.icon-twitter .path1:before {
    content: "\e963";
    color: rgb(255, 255, 255);
}
.icon-twitter .path2:before {
    content: "\e964";
    margin-left: -1em;
    color: rgb(40, 40, 40);
}
.icon-user .path1:before {
    content: "\e965";
    color: rgb(163, 160, 155);
}
.icon-user .path2:before {
    content: "\e966";
    margin-left: -1em;
    color: rgb(244, 242, 242);
}
.icon-user .path3:before {
    content: "\e967";
    margin-left: -1em;
    color: rgb(163, 160, 155);
}

/*GÉNÉRALITÉS*/
.not-underline {
    text-decoration: none;
}

.not-underline:hover, .not-underline:focus, .not-underline:active {
    text-decoration: none;
}

.block {
    display: block;
}

bg-primary {
    background-color: #F5AE0E;
}

.displayN {
    display: none;
}

.font32 {
    font-size: 32px;
}

.font25 {
    font-size: 25px;
}

.font22 {
    font-size: 22px;
}

.font20 {
    font-size: 20px;
}

.font18 {
    font-size: 18px;
}

.font17 {
    font-size: 16px;
}

.font16 {
    font-size: 16px;
}

.font15 {
    font-size: 15px;
}

.font14 {
    font-size: 14px;
}

.font13 {
    font-size: 13px;
}

.font12 {
    font-size: 12px;
}

.font10 {
    font-size: 10px;
}

.clr1 {
    color: #282828!important;
}
.clr2 {
    color: #8C8B8B!important;
}

.bold, form .form-group label.bold, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup strong, body.boutique > section > .row > article > .row:first-of-type hgroup strong, #offreSpeciale > .row > .col-xs-12 p a, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus {
  font-weight: 600;
}

.dark {
    background-color: #282828;
}

.padd20 {
    padding-top: 20px;
}

.padd25 {
    padding-top: 25px;
}

.padd30 {
    padding-top: 30px;
}

.padd40 {
    padding-top: 40px;
}

.link {
    border: 1px solid #282828;
    color: #282828;
    border-bottom: 1px solid #282828;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px auto;
    padding: 10px;
    text-align: center;
}

.link:hover, .link:focus {
    color: #282828;
    text-decoration: none;
}

@media (min-width: 768px) {
    .link {
        border: 0;
        border-bottom: 1px solid #282828;
        padding: 0;
        padding-bottom: 5px;
        text-align: left;
    }
}
.has-text-error{
    font-size: 0.9em;
    line-height: 1.2em;
}
.text-error{
    color: #ff3334;
}
.no-btn, .no-btn:hover, .no-btn:active, .no-btnactive:hover, .no-btn:visited {
    background-color: none;
    background: none;
    border: 0;
    color: #282828;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    outline: 0;
    box-shadow: 0;
}

.btn {
    border: 0;
    border-radius: 3px;
    padding: 11px 32px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 0.03em;
}

.btn:focus,
.btn:active,
.btn:active:focus,
.btn-primary:hover,
.btn:hover {
  outline: 0;
  box-shadow: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover {
  background-color: #F5AE0E;
    border-radius: 3px;
}

.btn-primary:hover {
    background-color: #D89809;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover {
    background-color: #d9980a;
}

.btn-primary.btn-sub, .btn-primary.btn-sub:hover, .btn-primary.btn-sub:focus, .btn-primary.btn-sub:active {
    background-color: #DDCDAB;
}

.btn-white, .btn-white:hover {
    background-color: #FFFFFF;
    color: #282828;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #B5B5B5;
}

.btn-drk {
    background-color: #282828;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-grey {
  background-color: grey;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
    border-radius: 3px;
}
.btn-grey:hover {
    background-color: #282828;
}

.btn-drk:hover,
.btn-drk:focus,
.btn-drk:active:focus,
.btn-drk:active,
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active:focus,
.btn-grey:active{
  color: #FFFFFF;
}

.btn-drk-ft {
    border-radius: 0;
    background-color: transparent;
    color: #282828;
    border: 1px solid #282828;
    font-weight: 300;
    padding-left: 42px;
    padding-right: 42px;
    line-height: 26px;
}

.btn-drk-ft:hover, .btn-drk-ft:focus {
    background-color: transparent;
    color: #282828;
}
.btn-qty-group .btn{
    padding: 3px 6px;
    margin-top: -4px;
}
.btn-qty-group .btn:hover{
    cursor: not-allowed;
}
.btn-qty-group .btn,
.btn-qty-group .btn-default:active:hover{
    background-color: transparent;
}
.input-group-btn:hover{
    background-color: #eee;
}
.btn-qty-group .btn:hover{
    cursor: pointer;
}
.btn-qty-group .btn .glyphicon{
    font-size: 0.6em;
    color: #949292;
}
.btn-qty-group .btn.btn-number .glyphicon{
    color: #333;
}

.has-loader .lds-ring {
    margin: auto;
    margin-bottom: 15px;
}

.lds-ring {
    display: block;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 30px;
    width: 30px;
    height: 30px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 3px;
    border: 3px solid #dedede;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #dedede transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ball-loader {
    width: 20px;
    height: 4.6666666667px;
    position: relative;
    bottom: -0.20em;
    transform: translateY(-50%);
    display: inline-block;
}

.ball-loader-ball {
    will-change: transform;
    height: 4.6666666667px;
    width: 4.6666666667px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    -moz-animation: grow 1s ease-in-out infinite alternate;
    -webkit-animation: grow 1s ease-in-out infinite alternate;
    animation: grow 1s ease-in-out infinite alternate;
}
.ball-loader-ball.ball1 {
    left: 0;
    -moz-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.ball-loader-ball.ball2 {
    left: 50%;
    -moz-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -moz-animation-delay: 0.33s;
    -webkit-animation-delay: 0.33s;
    animation-delay: 0.33s;
}
.ball-loader-ball.ball3 {
    right: 0;
    -moz-animation-delay: 0.66s;
    -webkit-animation-delay: 0.66s;
    animation-delay: 0.66s;
}

@-webkit-keyframes grow {
    to {
        -moz-transform: translateX(-50%) scale(0);
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
}

@keyframes grow {
    to {
        -moz-transform: translateX(-50%) scale(0);
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
}

@-webkit-keyframes grow {
    to {
        -moz-transform: translateX(-50%) scale(0);
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
}

@keyframes grow {
    to {
        -moz-transform: translateX(-50%) scale(0);
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
}

body {
    font-size: 16px;
    font-family: gineso, sans-serif;
    color: #282828;
}
.flex-row{
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 768px) {
    .flex-row{
        flex-direction: row;
    }
    .container{
        width: 90%;
        max-width: 670px;
    }
}
@media (min-width: 992px){
    .container{
        max-width: 800px;
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 800px;
    }
}
@media (min-width: 1150px){
    .container{
        max-width: 1000px;
    }
}

input[type="text"], form .form-group select[type="text"], #compte form section .form-group select[type="text"], body.panier > #panier form section .form-group select[type="text"], body.panier > #coordonnees form section .form-group select[type="text"], body.panier > #paiement form section .form-group select[type="text"], body.panier > #confirmation form section .form-group select[type="text"], input[type="password"], form .form-group select[type="password"], #compte form section .form-group select[type="password"], body.panier > #panier form section .form-group select[type="password"], body.panier > #coordonnees form section .form-group select[type="password"], body.panier > #paiement form section .form-group select[type="password"], body.panier > #confirmation form section .form-group select[type="password"], input[type="email"], form .form-group select[type="email"], #compte form section .form-group select[type="email"], body.panier > #panier form section .form-group select[type="email"], body.panier > #coordonnees form section .form-group select[type="email"], body.panier > #paiement form section .form-group select[type="email"], body.panier > #confirmation form section .form-group select[type="email"] {
    height: auto;
    -moz-box-sizing: border-box;
    font-size: 16px;
}

input[type="number"]::-webkit-inner-spin-button, form .form-group select[type="number"]::-webkit-inner-spin-button, #compte form section .form-group select[type="number"]::-webkit-inner-spin-button, body.panier > #panier form section .form-group select[type="number"]::-webkit-inner-spin-button, body.panier > #coordonnees form section .form-group select[type="number"]::-webkit-inner-spin-button, body.panier > #paiement form section .form-group select[type="number"]::-webkit-inner-spin-button, body.panier > #confirmation form section .form-group select[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button, form .form-group select[type="number"]::-webkit-outer-spin-button, #compte form section .form-group select[type="number"]::-webkit-outer-spin-button, body.panier > #panier form section .form-group select[type="number"]::-webkit-outer-spin-button, body.panier > #coordonnees form section .form-group select[type="number"]::-webkit-outer-spin-button, body.panier > #paiement form section .form-group select[type="number"]::-webkit-outer-spin-button, body.panier > #confirmation form section .form-group select[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

select.form-control {
    height: auto;
    -moz-box-sizing: border-box;
    font-size: 16px;
}

.icon-coin {
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF;
    border: solid 2px #FFF;
}

.ariane {
    font-size: 14px;
}

.line-under {
    text-decoration: underline;
}

.cookies {
    position: fixed;
    z-index: 1000000003;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cookies div {
    margin-bottom: 0;
}

.cookies .close span, .cookies .modal .modal-content .modal-header .close:hover span, .modal .modal-content .modal-header .cookies .close:hover span {
    top: 0;
    color: #FFF;
}

.cookies .sr-only {
    position: absolute;
}

.cookies .alert {
    border-radius: 0;
}

/*HEADER*/
.has-navbar + *, #main-nav + * {
    padding-top: 140px;
}

@media (min-width: 768px) {
    .has-navbar + *, #main-nav + * {
        padding-top: 80px;
    }
}

body > .container-fluid:first-child {
    margin-bottom: 20px;
    position: fixed;
    width: 100%;
    z-index: 600;
}

@media (min-width: 768px) {
    body > .container-fluid:first-child {
        width: auto;
        position: relative;
    }
}


.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav #compte h1 + nav ul li a:hover, #compte h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav #compte nav.selfNav ul li a:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav footer section.row ul li a:hover, footer section.row ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav footer section.row ul li a:focus, footer section.row ul .navbar-default .navbar-nav li a:focus {
    padding: 18px 25px;
    line-height: 22px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav #compte h1 + nav ul li a:hover, #compte h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav #compte nav.selfNav ul li a:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav ul .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav footer section.row ul li a:hover, footer section.row ul .navbar-default .navbar-nav li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li a:focus:hover, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav #compte h1 + nav ul li a:focus:hover, #compte h1 + nav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li a:focus:hover, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li a:focus:hover, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li a:focus:hover, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li a:focus:hover, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav #compte nav.selfNav ul li a:focus:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li a:focus:hover, body.panier > #panier nav.selfNav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li a:focus:hover, body.panier > #coordonnees nav.selfNav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li a:focus:hover, body.panier > #paiement nav.selfNav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li a:focus:hover, body.panier > #confirmation nav.selfNav ul .navbar-default .navbar-nav li a:focus:hover, .navbar-default .navbar-nav footer section.row ul li a:focus, footer section.row ul .navbar-default .navbar-nav li a:focus {
    color: #FFFFFF;
}

.navbar-default .navbar-nav li a.navbar-brand, .navbar-default .navbar-nav li.open > a.navbar-brand:hover, .navbar-default .navbar-nav li.open > a.navbar-brand:focus, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li a.navbar-brand:hover, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav #compte h1 + nav ul li a.navbar-brand:hover, #compte h1 + nav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li a.navbar-brand:hover, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li a.navbar-brand:hover, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li a.navbar-brand:hover, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li a.navbar-brand:hover, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav #compte nav.selfNav ul li a.navbar-brand:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li a.navbar-brand:hover, body.panier > #panier nav.selfNav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li a.navbar-brand:hover, body.panier > #coordonnees nav.selfNav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li a.navbar-brand:hover, body.panier > #paiement nav.selfNav ul .navbar-default .navbar-nav li a.navbar-brand:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li a.navbar-brand:hover, body.panier > #confirmation nav.selfNav ul .navbar-default .navbar-nav li a.navbar-brand:hover {
    background-color: #FF3333;
    height: auto;
    padding: 0;
}
.navbar + * {
    padding-top: 140px;
}
.has-logo{
    display: block;
    padding: 21px 25px;
    max-width: 260px;
    max-height: 60px;
    margin: auto;
}
.has-logo.grey{
    background-color: #4d4d4d;
}
.has-logo.red{
    background-color: #ff3334;
}
.logo {
    width: 13%;
    margin-top: 5px;
    padding: 0 0 0 15px;
}
@media (min-width: 380px) {
    .has-logo{
    }
}
@media (min-width: 768px){
    .has-logo{
        margin: initial;
    }
}
@media (min-width: 800px){
    .has-logo{
        padding: 21px 25px;
    }
}
@media (min-width: 1150px){
    .has-logo{
        max-width: 330px;
        padding: 18px 25px;
    }
}

.navbar-default {
    font-family: gineso, sans-serif;
    background: #282828;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}
.navbar-default .navigation > .navbar-right{
    float: right;
    margin-right: 15px;
}
@media (min-width: 768px){
    .navbar-default .navigation > .navbar-right{
        margin-right: 0;
    }
    .navbar-header .has-logo:hover,
    .navbar-header .has-logo:active{
        background-color: #e60000;
    }
}
.navbar-default .navigation > .navbar-right ul {
    list-style: none;
    width: initial;
    padding-left: 0;
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}
.navbar-default .navigation > .navbar-right ul li {
    line-height: 24px;
    float: left;
}
.navbar-default .navigation > .navbar-right ul li a.user-link,
.navbar-default .icon-logout{
    line-height: 60px;
}
.navbar-default .navigation > .navbar-right ul li a {
    /*line-height: 58px;*/
    display: inline-block;
    padding: 0 15px;
    font-weight: 600;
}
.navbar .logout-link .icon-logout{
    font-size: 24px;
    padding-right: 0;
    padding-left: 4px;
}
@media (min-width: 992px) {
    .navbar .logout-link .icon-logout{
        padding-right: 5px;
        padding-left: 4px;
    }
}
.navbar .user-link:hover,
.navbar .login-link:hover,
.navbar .logout-link:hover,
.navbar .user-link:active,
.navbar .login-link:active,
.navbar .logout-link:active{
    background-color: #4d4d4d!important;
    text-decoration: none;
    outline: 0;
}
.login-menu .icon-user{
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}
.login-menu .login-picto{
    position: relative;
}
.user-link .icon-user + .user-bubble{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #282828;
    background-color: #00cd7c;
    display: block;
    position: absolute;
    right: 0;
    top: 14px;
}
.boutique .user-link .icon-user + .user-bubble{
    top: -6px;
}
.user-link:hover .icon-user + .user-bubble,
.user-link:active .icon-user + .user-bubble{
    border-color: #4d4d4d!important;
    outline: 0;
    text-decoration: none;
}
.navbar span[class^=icon-]{
    padding-right: 5px;
}

.navbar-default .navigation > .navbar-right ul li .log-label {
    display: none;
    vertical-align: baseline;
}

@media (min-width: 992px) {
    .navbar-default .navigation > .navbar-right ul li .log-label {
        display: inline;
    }
}

.navbar-nav .user-link>*{
    display: inline-block;
}
.navbar-nav .user-name{
    vertical-align: middle;
    display: inline-block;
    line-height: 18px;
}
.user-name span {
    display: inline-block;
}
.user-name span:first-child {
    font-weight: 400;
}
@media (min-width: 768px) {
    .navbar-nav .user-name{
        display: inline-flex;
        flex-direction: column;
    }
}
.navbar-default .navbar-nav .login-menu>a:first-child{
    float: left;
}
.navbar-default .navbar-nav .login-menu>a{
    position: relative;
}
.navbar-default .navbar-nav .login-menu>a + a{
    padding-left: 10px;
    border-left: 1px solid #5a5a5a;
}
.navbar-default .navigation > .navbar-right ul li.panier {
    background-color: #00cd7c;
    position: relative;
    min-width: 54px;
    width: 54px;
}
.navbar-default .navigation > .navbar-right ul li.panier:hover {
    background-color: #00c175;
}
.navbar-default .navigation > .navbar-right ul li.panier a{
    font-size: 26px;
    line-height: 26px;
    padding: 16px 0;
    height: 60px;
}
.navbar-default .navigation > .navbar-right ul li.panier .icon-cart:before{
    padding-top: 3px;
    display: inline-block;
}
.navbar-default .navigation > .navbar-right ul li.panier a #cart-bubble{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #00cd7c;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 0;
    margin-top: 5px;
    color: #00cd7c;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
}
.navbar-default .navigation > .navbar-right ul li.panier:hover a #cart-bubble .btn{
    border-color: #00c175;
    color: #00c175;
}

.navbar-default .navigation > .navbar-right ul li + li {
    padding-left: 12px;
    padding-right: 12px;
}

.navbar-default .navigation > .navbar-right ul li + li:not(.panier) a div, .navbar-default .navigation > .navbar-right ul li + li:not(.panier) .navbar-nav li.open > a:hover div, .navbar-default .navbar-nav .navigation > .navbar-right ul li + li:not(.panier) li.open > a:hover div, .navbar-default .navigation > .navbar-right ul li + li:not(.panier) .navbar-nav li.open > a:focus div, .navbar-default .navbar-nav .navigation > .navbar-right ul li + li:not(.panier) li.open > a:focus div, .navbar-default .navigation > .navbar-right #modal-abonnements-en-cours ul li + li:not(.panier) li a:hover div, #modal-abonnements-en-cours .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right #modal-abonnements-en-cours ul li li + li:not(.panier) a:hover div, #modal-abonnements-en-cours .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right #compte h1 + nav ul li + li:not(.panier) li a:hover div, #compte h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right #compte h1 + nav ul li li + li:not(.panier) a:hover div, #compte h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #panier h1 + nav ul li + li:not(.panier) li a:hover div, body.panier > #panier h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #panier h1 + nav ul li li + li:not(.panier) a:hover div, body.panier > #panier h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #coordonnees h1 + nav ul li + li:not(.panier) li a:hover div, body.panier > #coordonnees h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #coordonnees h1 + nav ul li li + li:not(.panier) a:hover div, body.panier > #coordonnees h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #paiement h1 + nav ul li + li:not(.panier) li a:hover div, body.panier > #paiement h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #paiement h1 + nav ul li li + li:not(.panier) a:hover div, body.panier > #paiement h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #confirmation h1 + nav ul li + li:not(.panier) li a:hover div, body.panier > #confirmation h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #confirmation h1 + nav ul li li + li:not(.panier) a:hover div, body.panier > #confirmation h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right #compte nav.selfNav ul li + li:not(.panier) li a:hover div, #compte nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right #compte nav.selfNav ul li li + li:not(.panier) a:hover div, #compte nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #panier nav.selfNav ul li + li:not(.panier) li a:hover div, body.panier > #panier nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #panier nav.selfNav ul li li + li:not(.panier) a:hover div, body.panier > #panier nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #coordonnees nav.selfNav ul li + li:not(.panier) li a:hover div, body.panier > #coordonnees nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #coordonnees nav.selfNav ul li li + li:not(.panier) a:hover div, body.panier > #coordonnees nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #paiement nav.selfNav ul li + li:not(.panier) li a:hover div, body.panier > #paiement nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #paiement nav.selfNav ul li li + li:not(.panier) a:hover div, body.panier > #paiement nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right body.panier > #confirmation nav.selfNav ul li + li:not(.panier) li a:hover div, body.panier > #confirmation nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right body.panier > #confirmation nav.selfNav ul li li + li:not(.panier) a:hover div, body.panier > #confirmation nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right footer section.row ul li + li:not(.panier) li a:hover div, footer section.row .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div, .navbar-default .navigation > .navbar-right footer section.row ul li li + li:not(.panier) a:hover div, footer section.row .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div, .navbar-default .navigation > .navbar-right footer section.row ul li + li:not(.panier) li a:focus div, footer section.row .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:focus div, .navbar-default .navigation > .navbar-right footer section.row ul li li + li:not(.panier) a:focus div, footer section.row .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:focus div {
    border-left: 1px solid #FFFFFF;
    padding-left: 10px;
}

.navbar-default .navigation > .navbar-right ul li + li:not(.panier) a div img, .navbar-default .navigation > .navbar-right ul li + li:not(.panier) .navbar-nav li.open > a:hover div img, .navbar-default .navbar-nav .navigation > .navbar-right ul li + li:not(.panier) li.open > a:hover div img, .navbar-default .navigation > .navbar-right ul li + li:not(.panier) .navbar-nav li.open > a:focus div img, .navbar-default .navbar-nav .navigation > .navbar-right ul li + li:not(.panier) li.open > a:focus div img, .navbar-default .navigation > .navbar-right #modal-abonnements-en-cours ul li + li:not(.panier) li a:hover div img, #modal-abonnements-en-cours .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right #modal-abonnements-en-cours ul li li + li:not(.panier) a:hover div img, #modal-abonnements-en-cours .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right #compte h1 + nav ul li + li:not(.panier) li a:hover div img, #compte h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right #compte h1 + nav ul li li + li:not(.panier) a:hover div img, #compte h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #panier h1 + nav ul li + li:not(.panier) li a:hover div img, body.panier > #panier h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #panier h1 + nav ul li li + li:not(.panier) a:hover div img, body.panier > #panier h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #coordonnees h1 + nav ul li + li:not(.panier) li a:hover div img, body.panier > #coordonnees h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #coordonnees h1 + nav ul li li + li:not(.panier) a:hover div img, body.panier > #coordonnees h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #paiement h1 + nav ul li + li:not(.panier) li a:hover div img, body.panier > #paiement h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #paiement h1 + nav ul li li + li:not(.panier) a:hover div img, body.panier > #paiement h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #confirmation h1 + nav ul li + li:not(.panier) li a:hover div img, body.panier > #confirmation h1 + nav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #confirmation h1 + nav ul li li + li:not(.panier) a:hover div img, body.panier > #confirmation h1 + nav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right #compte nav.selfNav ul li + li:not(.panier) li a:hover div img, #compte nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right #compte nav.selfNav ul li li + li:not(.panier) a:hover div img, #compte nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #panier nav.selfNav ul li + li:not(.panier) li a:hover div img, body.panier > #panier nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #panier nav.selfNav ul li li + li:not(.panier) a:hover div img, body.panier > #panier nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #coordonnees nav.selfNav ul li + li:not(.panier) li a:hover div img, body.panier > #coordonnees nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #coordonnees nav.selfNav ul li li + li:not(.panier) a:hover div img, body.panier > #coordonnees nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #paiement nav.selfNav ul li + li:not(.panier) li a:hover div img, body.panier > #paiement nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #paiement nav.selfNav ul li li + li:not(.panier) a:hover div img, body.panier > #paiement nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #confirmation nav.selfNav ul li + li:not(.panier) li a:hover div img, body.panier > #confirmation nav.selfNav .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right body.panier > #confirmation nav.selfNav ul li li + li:not(.panier) a:hover div img, body.panier > #confirmation nav.selfNav .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right footer section.row ul li + li:not(.panier) li a:hover div img, footer section.row .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:hover div img, .navbar-default .navigation > .navbar-right footer section.row ul li li + li:not(.panier) a:hover div img, footer section.row .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:hover div img, .navbar-default .navigation > .navbar-right footer section.row ul li + li:not(.panier) li a:focus div img, footer section.row .navbar-default .navigation > .navbar-right ul li + li:not(.panier) li a:focus div img, .navbar-default .navigation > .navbar-right footer section.row ul li li + li:not(.panier) a:focus div img, footer section.row .navbar-default .navigation > .navbar-right ul li li + li:not(.panier) a:focus div img {
    padding-right: 10px;
}

.navbar-default .navbar-header {
    color: #FFFFFF;
    background: #ff3334;
    width: 100%;
    float: left;
}

.navbar-default .navbar-header .navbar-brand {
    padding: 0 15px;
    width: 100%;
}

@media (min-width: 768px) {
    .navbar-default .navbar-header{
        max-width: 330px;
        background: transparent;
    }
    .navbar-default .navbar-header .navbar-brand {
        width: auto;
    }
}

.navbar-default .navbar-header .navbar-brand img {
    max-height: 100%;
    margin: auto;
}

.navbar-default .navbar-header button {
    left: 0;
    float: left;
    border: 0;
    background: transparent !important;
}

.navbar-default .navbar-header button .icon-bar {
    background-color: #FFFFFF;
    width: 20px;
    height: 2px;
    border-radius: 0;
    display: block;
}

.navbar-default .navbar-header button .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-default #menu .menuBtn {
    position: relative;
    float: left;
    padding: 0;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 4px;
}

.navbar-default #menu .menuBtn .icon-bar {
    background-color: #FFFFFF;
    width: 22px;
    height: 2px;
    border-radius: 0;
    display: block;
}

.navbar-default #menu .menuBtn .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-default .navbar-nav {
    width: auto;
    font-stretch: condensed;
}

.navbar-default .navbar-nav ul {
    padding-left: 0;
}

.navbar-default .navbar-nav li.open > a, .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li.open > a:hover, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #compte h1 + nav ul li.open > a:hover, #compte h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a:hover, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a:hover, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a:hover, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a:hover, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #compte nav.selfNav ul li.open > a:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a:hover, body.panier > #panier nav.selfNav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a:hover, body.panier > #coordonnees nav.selfNav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a:hover, body.panier > #paiement nav.selfNav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a:hover, body.panier > #confirmation nav.selfNav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav footer section.row ul li.open > a:hover, footer section.row ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav footer section.row ul li.open > a:focus, footer section.row ul .navbar-default .navbar-nav li.open > a:focus {
    background-color: #282828;
}

.navbar-default .navbar-nav li.navbar-right {
    background-color: #3D3D3D;
}

.navbar-default .navbar-nav li.abbonement {
    background-color: #F5AE0E;
}
.logout-link .has-icon,
.login-link{
    display: inline-block;
    vertical-align: sub;
    line-height: 24px;
}

.navbar-default .navigation > .navbar-right ul li .login-link{
    line-height: 60px;
}
.navbar-default .navbar-nav .loop img {
    padding: 12px 38px;
}

.navbar-default .navbar-nav .navbar-form {
    float: left;
}

.navbar-default .navbar-nav ul.dropdown-menu {
    background-color: #282828;
    border: 0;
    padding: 0;
}

.navigation-mobile {
    float: left;
    width: 30%;
}

.navigation-mobile .btn {
    margin: 13px 15px 0 0;
    padding: 10px 12px;
}

.navigation-mobile span {
    font-size: 20px;
}

.nav0 .icon-compte {
    font-size: 1.5em;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.navbar .icon-panier {
    font-size: 1.3em;
    position: relative;
    top: 5px;
}

.btn-deconnexion {
    padding: 7px 20px !important;
}

.btn-deconnexion button {
    background: #FFF;
    border: 0;
    padding: 0;
}

.btn-deconnexion button:hover {
    color: #4D4D4D;
}

#loader-iframe .loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#loader-iframe .loader-container .loader {
    border: 5px solid #ffffff;
    border-top: 5px solid #777777;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*HOME*/
.titre-home {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.bloc-mag-home {
    position: relative;
}

.bloc-mag-home .icon-coin {
    font-size: 25px;
}

.lien-img-produit {
    display: block;
    position: relative;
}

.bloc-mag-home .img-produit {
    max-height: 190px;
}

.btn-plus {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Open Sans', verdana, sans-serif;
    font-weight: 700;
    padding: 5px;
    opacity: 0.9;
}

.btn-plus:hover {
    opacity: 1;
    color: #D1030D;
}

.bloc-offre-groupee {
    height: 146px;
}

.bloc-offre-groupee h2 {
    margin-bottom: 10px;
}

.bloc-offre-groupee .icon-plus {
    margin: 30px 2px;
}

.bloc-offre-groupee .btn {
    margin: 10px auto;
}

.bloc-offres-carte .btn {
    position: relative;
    bottom: 27px;
}

/*GAMME*/
.rubrique-titre .btn {
    position: absolute;
    bottom: 15px;
}

.reassurance {
    padding: 0 15px;
}

.reassurance h3 {
    padding: 22px 0;
}

.reassurance p {
    margin-bottom: 0;
}

.reassurance p:first-child {
    margin-top: 15px;
}

.num-reassu {
    border: solid 1px #FFF;
    padding: 1px 17px 1px 7px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    max-width: 27px;
    max-height: 27px;
}

#triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 54px 0 54px 30px;
    border-color: transparent transparent transparent #4D4D4D;
    background: #666666;
    display: block;
}

/*PRODUIT*/
.service-client .padd4:last-child, .service-client p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.titre-llcul-prix h3 {
    margin: 0;
    padding: 13px 0;
}

.titre-bloc-calcul-prix span {
    display: block;
    font-size: 27px;
    font-weight: 700;
    padding: 3px 14px;
    margin-right: 10px;
}

.bloc-calcul-prix .btn {
    width: 100%;
    padding: 0;
    white-space: inherit;
    margin: 0 0 5px 0;
}

.bloc-calcul-prix .btn-lg {
    width: 100%;
    display: block;
    padding: 10px;
    border: solid 1px #FFF;
}

.bloc-calcul-prix #bloc-calcul-duree .btn-lg {
    padding: 14.5px;
}

.bloc-calcul-prix button.btn-lg:hover,
.bloc-calcul-prix button.btn-lg:focus,
.bloc-calcul-prix button.btn-lg:active,
.bloc-calcul-prix button.btn-lg:active:focus,
.bloc-calcul-prix button.btn-lg.active:focus,
.bloc-calcul-prix button.btn-lg.focus,
.bloc-calcul-prix button.btn-lg:active.focus,
.bloc-calcul-prix button.btn-lg.active.focus {
    outline: 0;
    box-shadow: 0;
}

.bloc-calcul-prix .btn.active .btn-lg {
    border: none !important;
    background: #FFF;
}

#bloc-calcul-duree .icon-coin, #bloc-calcul-support .icon-coin {
    display: none;
}

.bloc-calcul-prix .btn.active .icon-coin {
    display: block !important;
}

.bloc-calcul .icon-coin {
    background: #E6E6E6 !important;
    border: 0;
}

.bloc-calcul {
    border-right: solid 5px #FFF;
    margin: 7.5px 0;
}

.bloc-calcul:last-child {
    border: 0;
}

.resultat-prix {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    font-weight: 700;
    width: 68px;
    height: 68px;
    line-height: 68px;
}

#description-abo {
    padding-bottom: 65px;
    position: relative;
}

.btn-ajout-panier {
    width: 173px;
    height: 116px;
    background: url("../img/btn-panier.jpg");
    border: 0;
    margin: 40px auto;
    display: block;
}

.bloc-calcul-prix .description {
    margin-bottom: 10px;
}

.bloc-calcul-prix .btn-group {
    width: 100%;
}

.magazine-digital {
    display: none;
}

.bloc-calcul-prix .btn-lg.active, .bloc-calcul-prix .btn.active {
    background: #FFF;
    display: block;
}

.visiblebloc {
    display: block;
}

.hiddenbloc {
    display: none;
}

.read-more {
    display: none;
}

.magazine-digital .btn-lg {
    padding: 28px 10px;
}

.btn-produit {
    width: 200px;
    margin-bottom: 5px;
}

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

.frame-recommendation {
    max-width: 415px;
}

.img-recommendation {
    margin-left: 25px;
}

.container-icon-plus {
    position: absolute;
    width: 170px;
    margin-left: 125px;
    margin-top: 45px;
}

@media screen and (min-width: 321px) {
    .container-icon-plus {
        margin-left: 131px;
    }
}

.container-icon-plus .icon-right {
    margin-left: 94px;
}

@media screen and (min-width: 769px) {
    .reassurance-bloc {
        margin-right: 10px;
        width: 180px;
        float: left;
    }
}

@media screen and (min-width: 1025px) {
    .reassurance-bloc {
        margin-right: 10px;
        width: 180px;
        float: left;
    }
}

.reassurance-bloc:last-child {
    margin-right: 0;
}

.reassurance-bloc .text-bloc {
    border: 1px solid #f5f5f5;
    padding-bottom: 30px;
    padding-right: 7px;
    padding-left: 7px;
}

.border-yellow {
    background-color: #EA7C00;
    height: 10px;
}

.border-green {
    background-color: #006837;
 c   height: 10px;
}

.border-blue {
    background-color: #0171bd;
    height: 10px;
}

.border-black {
    background-color: #1f1f1f;
    height: 10px;
}

.border-red {
    background-color: #dc1f0b;
    height: 10px;
}

.blocs-radio .btn {
    white-space: inherit;
}

.blocs-radio button.btn-lg:hover,
.blocs-radio button.btn-lg:focus,
.blocs-radio button.btn-lg:active,
.blocs-radio button.btn-lg:active:focus,
.blocs-radio button.btn-lg.active:focus,
.blocs-radio button.btn-lg.focus,
.blocs-radio button.btn-lg:active.focus,
.blocs-radio button.btn-lg.active.focus {
    background: #FFF;
    outline: 0;
    box-shadow: 0;
}

.form-help{
    display: block;
    bottom: 11px;
    font-size: 85%;
    font-style: italic;
    color: #aaa;
    margin-top: -5px;
}
.blocs-radio .btn-group label.btn {
    background: #FFF;
    border: solid 1px #E6E6E6;
}

.blocs-radio .btn-group label.btn.active {
    background: #E6E6E6;
}

.blocs-radio .btn-group label.btn.active .btn-select-offre {
    display: none;
}

.blocs-radio .btn-group label.btn .btn-deselect-offre {
    display: none;
}

.blocs-radio .btn-group label.btn.active .btn-deselect-offre {
    display: block;
}

.blocs-radio .btn-group label.btn .icon-supprimer {
    font-size: 15px;
    margin-left: 5px;
}

.blocs-radio .btn-group label.btn .visible-sm .btn-deselect-offre, .blocs-radio .btn-group label.btn .visible-xs .btn-deselect-offre {
    display: none !important;
}

.blocs-radio .btn-group label.btn.active .visible-sm .btn-deselect-offre, .blocs-radio .btn-group label.btn.active .visible-xs .btn-deselect-offre {
    display: block !important;
}

.blocs-radio .btn-group label.btn.active .visible-sm .btn-select-offre, .blocs-radio .btn-group label.btn.active .visible-xs .btn-select-offre {
    display: none !important;
}

a.adjust, .navbar-default .navbar-nav li.open > a.adjust:hover, .navbar-default .navbar-nav li.open > a.adjust:focus, #modal-abonnements-en-cours ul li a.adjust:hover, #compte h1 + nav ul li a.adjust:hover, body.panier > #panier h1 + nav ul li a.adjust:hover, body.panier > #coordonnees h1 + nav ul li a.adjust:hover, body.panier > #paiement h1 + nav ul li a.adjust:hover, body.panier > #confirmation h1 + nav ul li a.adjust:hover, #compte nav.selfNav ul li a.adjust:hover, body.panier > #panier nav.selfNav ul li a.adjust:hover, body.panier > #coordonnees nav.selfNav ul li a.adjust:hover, body.panier > #paiement nav.selfNav ul li a.adjust:hover, body.panier > #confirmation nav.selfNav ul li a.adjust:hover, footer section.row ul li a.adjust:hover, footer section.row ul li a.adjust:focus {
    display: block;
    text-decoration: underline;
}

p.continued {
  margin-top: 0;
}

a.morelink, .navbar-default .navbar-nav li.open > a.morelink:hover, .navbar-default .navbar-nav li.open > a.morelink:focus, #modal-abonnements-en-cours ul li a.morelink:hover, #compte h1 + nav ul li a.morelink:hover, body.panier > #panier h1 + nav ul li a.morelink:hover, body.panier > #coordonnees h1 + nav ul li a.morelink:hover, body.panier > #paiement h1 + nav ul li a.morelink:hover, body.panier > #confirmation h1 + nav ul li a.morelink:hover, #compte nav.selfNav ul li a.morelink:hover, body.panier > #panier nav.selfNav ul li a.morelink:hover, body.panier > #coordonnees nav.selfNav ul li a.morelink:hover, body.panier > #paiement nav.selfNav ul li a.morelink:hover, body.panier > #confirmation nav.selfNav ul li a.morelink:hover, footer section.row ul li a.morelink:hover, footer section.row ul li a.morelink:focus {
    font-weight: bold;
    text-decoration: underline;
    float: right;
    font-size: 12px;
    padding-top: 5px;
}

h2.text-uppercase {
    margin-top: 14px;
}

form .form-group {
    margin-bottom: 18px;
}

form .form-group label {
  font-weight: 400;
  margin-bottom: 6px;
}

form .form-group label.radio-inline {
    padding-right: 35px;
}

form .form-group input, form .form-group select, form .form-control, #compte form section .form-group select, body.panier > #panier form section .form-group select, body.panier > #coordonnees form section .form-group select, body.panier > #paiement form section .form-group select, body.panier > #confirmation form section .form-group select {
    border: 1px solid #EAEAEA;
    padding: 10px 15px;
    border-radius: 0;
}
input + .parsley-errors-list,
label + .parsley-errors-list{
    margin: -5px 0 14px;
    color: #ff3334;
}
input.has-form-help + .parsley-errors-list,
label.has-form-help + .parsley-errors-list{
   margin-bottom: 5px;
}
form .form-group input, form .form-group select, form .form-group input[type=tel], #compte form section .form-group select, body.panier > #panier form section .form-group select, body.panier > #coordonnees form section .form-group select, body.panier > #paiement form section .form-group select, body.panier > #confirmation form section .form-group select {
  border: 1px solid #EAEAEA;
  padding: 10px 15px;
  border-radius: 0;
}
form .form-group input[type=submit]{
    border: 0;
    border-radius: 3px;
}
form .form-group label + input{
    margin-left: 8px;
}
form .form-group input.parsley-error{
    background-color: #ffeeee;
    border: 1px solid #ffeeee;

}
form .form-group input:focus, form .form-group select:focus, #compte form section .form-group select:focus, body.panier > #panier form section .form-group select:focus, body.panier > #coordonnees form section .form-group select:focus, body.panier > #paiement form section .form-group select:focus, body.panier > #confirmation form section .form-group select:focus {
    outline: 0;
    box-shadow: none;
}
form .has-error .form-control,
form .has-error .form-control:focus{
    border: 1px solid #EAEAEA;
    box-shadow: none;
}
form .has-error .form-control.parsley-error{
    border: 1px solid #ffeeee;
    box-shadow: none;
}
form .has-error label.radio-inline{
    color: inherit;
}
form .expedition.has-error .headings,
#panier .cart-main-form .expedition.has-error .headings,
.expedition-mail.error{
    background-color: #ffeeee;
    border-color: #ffeeee;
}
form .expedition.has-error .headings,
#panier .cart-main-form .expedition.has-error .headings{
    background-color: #ffeeee;
    border-color: #f5dcdc;
}
form .expedition.has-error:first-child .headings,
#panier .cart-main-form form .expedition.has-error:first-child .headings {
    border-top: 1px solid #f5dcdc;
}
span.expedition-error{
    display: none;
}
span.expedition-error,
.mail-already-exist .alert.alert-danger{
    width: 100%;
    text-transform: none;
    color: #ff3334;
    font-size: 0.9em;
    line-height: 0.9em;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-bottom: 0;
}
.mail-already-exist .alert.alert-danger{
    margin: -5px 0 14px;

}
form .expedition.has-error .expedition-error{
    display: block;
}
.top-headings .btn{
    margin-bottom: 30px;
}

/*Panier*/
@media (min-width: 768px) {
    #panier .cart{
        margin: auto 0;
        padding: 0;
    }
}
#panier .cart .cart-top{
    background-color: #fff;
    padding: 0 25px;
}
#panier .cart .cart-top:before{
    content: ' ';
    position: relative;
    left: -25px;
    display: block;
    height: 6px;
    width: calc(100% + 50px);
    background-color: #13c869;
}
#panier .cart .cart-top .headings{
    padding-bottom: 8px;
    text-transform: uppercase;
}
#panier .cart .cart-top h3{
    font-weight: bold;
}
#panier .cart .product-desc{
    font-size: 15px;
}
#panier .cart .cart-top .product-cart h4{
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 4px;
}
#panier .cart .cart-top .product-cart h3{
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}
#panier .cart .cart-top .product-cart .cart-num-totTtc .cart-label, .product-cart .panier-label{
    font-size: 75%;
    display: block;
    color: #999999;
}
#panier .cart .cart-top .product-cart .cart-num-totTtc .cart-value{
    font-weight: bold;
    display: block;
}
#panier .cart .cart-top .product-cart .qtyForm{
    margin: auto;
    margin-left: 0;
    max-width: 78px;
}
#panier .cart .cart-top .product-cart .qtyForm input{
    margin-top: 0;
    max-width: 2em;
    padding: 6px 0px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-width: 1px 0;
}
.lds-ring {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 30px;
    width: 30px;
    height: 30px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 3px;
    border: 3px solid #dedede;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #dedede transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

span.input-group-btn {
    border: 1px solid #ccc;
}
#panier .cart .cart-top .product-cart .btn-supp{
    display: block;
    position: absolute;
    right: 40px;
    top: 0;
    height: 100%;
}
#panier .cart .cart-top .product-cart .btn-supp:hover{
    cursor: pointer;
}
#panier .cart .cart-top .product-cart .btn-supp a{
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute;
    transition: color 0.1s ease-in-out;
    font-size: 1.25em;
    color: #999999;
}
#panier .cart .cart-top .product-cart .btn-supp a:hover,
#panier .cart .cart-top .product-cart .btn-supp a:active,
#panier .cart .cart-top .product-cart .btn-supp a:focus{
    text-decoration: none;
    color: #ff3334;
}
#panier .cart .cart-top .product-cart{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #EAEAEA;
}
#panier .cart .cart-top .product-cart:first-child{
    margin-top: 0;
}
.panier-label{
    font-size: 75%;
}
#panier .cart .has-reinsurance{
    display: none;
    padding: 20px 40px;
    margin-top: 40px;
    background-color: #fdf2db;
}
@media (min-width: 768px) {
    #panier .cart .has-reinsurance {
        display: block;
    }
}
#panier .cart .cart-reinsurance h4{
    text-transform: uppercase;
    font-weight: bold;
}
#panier .cart .cart-reinsurance ul{
    font-size: 16px;
    list-style: none;
    padding-left: 0;
}
#panier .cart .cart-reinsurance li{
    padding: 10px 0;
}
#panier .cart .cart-reinsurance li:before{
    content: url('../img/picto-check.png');
    margin-right: 12px;
    display: inline-block;
}
#panier .cart-main-form{
    padding: 6px 30px 0;
}
#panier .cart-main-form .headings{
    text-transform: uppercase;
    margin-bottom: 18px;
}
#panier .cart-main-form .headings h3{
    font-weight: 600;
    margin-bottom: 4px;
}
#panier .cart-main-form .headings:after{
    content: ' ';
    position: relative;
    display: block;
    height: 4px;
    width: 100%;
    background-color: #F5AE0E;
}
#panier .cart-main-form form>.form-group{
    padding: 15px 15px 0;
    margin-bottom: 0;
    background-color: #fff;
}

#panier .cart-main-form form>.form-group:last-child{
    padding-bottom: 40px;
}

#panier .has-alert>div{
    padding: 0 60px;
}
@media (min-width: 768px){
    #panier .cart-main-form form>.form-group{
        padding: 15px 40px 0;
    }
}
#panier .cart-main-form form>.form-group:last-child{
    padding-top: 40px;
}
#panier .cart-main-form form input[type=text],
#panier .cart-main-form form select,
.cart-main-form form input[type=tel],
.cart-main-form form input[type=password],
.cart-main-form form input[type=email]
{
    margin-bottom: 14px;
}
#panier .cart-main-form form .radio-question{
    display: block;
    vertical-align: middle;
    min-width: 100px;
    margin-right: 6px;
    margin-bottom: 12px;
}
@media (min-width:560px) {
    #panier .cart-main-form form .radio-question{
        display: inline-block;
    }
}
#panier .cart-main-form form .radio-inline + .radio-inline,
#panier .cart-main-form form .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 0;
}
#panier .cart-main-form form input[type=checkbox] + label{
    display: inline;
}
#panier .cart-main-form form .has-expedition{
    /*margin: 0 -55px;*/
}
#panier .cart-main-form form .expedition{
    padding: 0 15px;
    margin-bottom: 0;
    border: 0;
 }
#panier .cart-main-form form .expedition .headings{
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #EAEAEA;
    border-top: 0;
    margin-bottom: 0;
}
#panier .cart-main-form form .expedition .headings .glyphicon{
    position: absolute;
    right: 15px;
    top: 50%;
}
#panier .cart-main-form form .expedition .headings .glyphicon:before{
    color: #282828;
    opacity: 0.5;
    margin-top: -8px;
    top: 50%;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    transform: rotate(90deg);
    transition: transform 0.25s ease-in-out, opacity 0.2s ease;
}
#panier .cart-main-form form .expedition .headings:hover .glyphicon:before,
#panier .cart-main-form form .expedition .headings .glyphicon:hover:before{
    opacity: 0.75;
}
#panier .cart-main-form form .expedition *[aria-expanded=true] .headings .glyphicon:before,
#panier .cart-main-form form .expedition .headings .glyphicon[aria-expanded=true]:before{
    transform: rotate(-90deg);
}
#panier .cart-main-form form .expedition:first-child .headings{
    border-top: 1px solid #EAEAEA;
}
#panier .cart-main-form form .expedition .headings:before,
#panier .cart-main-form form .expedition .headings:after{
    content: ' ';
    display: table;
    box-sizing: border-box;
    height: 1px;
    background: transparent;
}

#panier .cart-main-form form .expedition .headings .titles,
#panier .cart-main-form form .expedition .headings .picture{
    float: left;
    padding-right: 15px;
    position: relative;
}
#panier .cart-main-form form .expedition .headings .picture img{
    max-width: 90px;
    height: auto;
    display: block;
}
#panier .cart-main-form form .has-expedition .expedition:first-child{
    margin-top: 15px;
}
#panier .cart-main-form form .has-expedition .expedition .form-group:last-child{
    margin-bottom: 0;
}
#panier .cart-main-form form .expedition .expedition-content{
    margin: 0 -15px;
    padding: 20px 15px 30px;
    border: 1px solid #EAEAEA;
    border-top: 0;
}
#panier .payment-item{
    padding: 15px 0;
    margin-right: 0;
    margin-left: 0;
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    transition: background-color 0.25s ease-in;
}
#panier .payment-item:hover{
    background-color: #fdf2db;
}
#panier .payment-item:first-child{
    border-top: 1px solid #EAEAEA;
}
#panier .payment-item label strong{
    text-transform: uppercase;
}
#panier .payment-item label{
    margin-bottom: 0;
}
#panier .select2-container{
    width: 100%!important;
}
#panier .select2-container .select2-selection{
    border-radius: 0;
    border: 1px solid #EAEAEA;
    padding: 5px 10px;
    min-height: 49px;
}

#panier .select2-container .select2-selection.select2-selection--single{
    padding: 8px 10px;
    height: auto;
}
#panier .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 45px;
}
#panier .select2-container.select2-container--focus .select2-selection{
    border: 1px solid #EAEAEA;
}
#panier .select2-container .select2-search--inline .select2-search__field{
    margin-bottom: 5px;
}
#panier .select2-container .select2-selection .select2-selection__choice{
    padding: 1px 9px;
    color: #fff;
    border-radius: 20px;
    background-color: #00cd7c;
    border: none;
}
#panier .select2-container .select2-selection .select2-selection__choice__remove{
    color: #fff;
}
#panier .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search input::-webkit-input-placeholder{
    color: #999;
}
#panier .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search input:-ms-input-placeholder{
    color: #999;
}
#panier .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search input::-moz-placeholder{
    color: #999;
}
#panier .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search input:-moz-placeholder{
    color: #999;
}
#modal-limit-editions .modal-body{
    padding: 30px 40px 10px;
}
#modal-limit-editions .modal-footer{
    padding: 10px 40px 30px;
    border-top: 0;
}
.select2-dropdown{
    border: 1px solid #EAEAEA!important;
    border-radius: 0!important;
}
/*OFFRE CLASSIC et MULTI*/
.bloc-offre-carte p {
    font-weight: normal;
}

.bloc-offre-carte button, .btn-deselect-offre {
    margin-top: 15px;
}

#bloc-calcul-type-offre-carte .icon-coin {
    display: none;
}

body[class*="gamme"], body.boutique {
    background-color: rgba(245, 174, 14, 0.15);
}

body[class*="gamme"] .match-offre, body.boutique .match-offre {
    border-top: 6px solid rgba(245, 174, 14, 0.4);
}
.card-offer .content{
    padding: 0 45px;
}
.card-offer#offre1 .content{
    padding-top: 70px;
    height: 100%;
}
.card-offer .content .categorie{
    margin: 0 -45px!important;
}
.card-offer select option:first-child {
    display: none;
}
.card-offer .text-danger{
    margin-bottom: 35px;
}
body[class*="gamme"] > section.container, body.boutique > section.container {
    padding-right: 35px;
    padding-left: 35px;
}

@media (min-width: 768px) {
    body[class*="gamme"] > section.container, body.boutique > section.container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

body[class*="gamme"] > section header, body.boutique > section header {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 60px;
}

body[class*="gamme"] > section header h2, body.boutique > section header h2 {
    font-weight: 700;
}

body[class*="gamme"] > section > .row > article, body.boutique > section > .row > article, .bloc-filter {
    background-color: #FFFFFF;
    margin-bottom: 30px;
    padding-bottom: 40px;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup, body.boutique > section > .row > article > .row:first-of-type hgroup {
  padding-top: 25px;
  text-transform: uppercase;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup h5, body.boutique > section > .row > article > .row:first-of-type hgroup h5 {
    font-size: 24px;
    margin-bottom: 0;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup .bold, body.boutique > section > .row > article > .row:first-of-type hgroup .bold, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup strong, body[class*="gamme"] > section > .row > article > .row:first-of-type body.boutique > section > .row > article > .row:first-of-type hgroup strong, body.boutique > section > .row > article > .row:first-of-type body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup strong, body.boutique > section > .row > article > .row:first-of-type hgroup strong, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #offreSpeciale > .row > .col-xs-12 p a, #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a, body.boutique > section > .row > article > .row:first-of-type hgroup #offreSpeciale > .row > .col-xs-12 p a, #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup li.open > a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup li.open > a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup li.open > a:focus, body.boutique > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup li.open > a:focus, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup a:focus, body.boutique > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup a:focus {
    font-weight: 700;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup strong, body.boutique > section > .row > article > .row:first-of-type hgroup strong {
    color: #F5AE0E;
    font-size: 36px;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p, body.boutique > section > .row > article > .row:first-of-type hgroup p {
    color: #828282;
    font-size: 16px;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p .bold, body.boutique > section > .row > article > .row:first-of-type hgroup p .bold, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p strong, body[class*="gamme"] > section > .row > article > .row:first-of-type body.boutique > section > .row > article > .row:first-of-type hgroup p strong, body.boutique > section > .row > article > .row:first-of-type body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p strong, body.boutique > section > .row > article > .row:first-of-type hgroup p strong, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #offreSpeciale > .row > .col-xs-12 p a, #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a, body.boutique > section > .row > article > .row:first-of-type hgroup #offreSpeciale > .row > .col-xs-12 p a, #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p li.open > a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p li.open > a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p li.open > a:focus, body.boutique > section > .row > article > .row:first-of-type hgroup .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p li.open > a:focus, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:hover, body.boutique > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus, footer section.row ul li #offreSpeciale > .row > .col-xs-12 body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup p a:focus, body.boutique > section > .row > article > .row:first-of-type hgroup footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus, footer section.row ul li #offreSpeciale > .row > .col-xs-12 body.boutique > section > .row > article > .row:first-of-type hgroup p a:focus {
    color: #282828;
}

.offer-product {
  margin: auto;
  padding-top: 70px;
  padding-bottom: 70px;
    position: relative;
}
.offer-product img{
    margin: auto;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn, body.boutique > section > .row > article > .row:first-of-type a.btn, .navbar-default .navbar-nav body[class*="gamme"] > section > .row > article > .row:first-of-type li.open > a.btn:hover, .navbar-default .navbar-nav body.boutique > section > .row > article > .row:first-of-type li.open > a.btn:hover, .navbar-default .navbar-nav body[class*="gamme"] > section > .row > article > .row:first-of-type li.open > a.btn:focus, .navbar-default .navbar-nav body.boutique > section > .row > article > .row:first-of-type li.open > a.btn:focus, body[class*="gamme"] > section > .row > article > .row:first-of-type #modal-abonnements-en-cours ul li a.btn:hover, #modal-abonnements-en-cours ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type #modal-abonnements-en-cours ul li a.btn:hover, #modal-abonnements-en-cours ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type #compte h1 + nav ul li a.btn:hover, #compte h1 + nav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type #compte h1 + nav ul li a.btn:hover, #compte h1 + nav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #panier h1 + nav ul li a.btn:hover, body.panier > #panier h1 + nav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #panier h1 + nav ul li a.btn:hover, body.panier > #panier h1 + nav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #coordonnees h1 + nav ul li a.btn:hover, body.panier > #coordonnees h1 + nav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #coordonnees h1 + nav ul li a.btn:hover, body.panier > #coordonnees h1 + nav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #paiement h1 + nav ul li a.btn:hover, body.panier > #paiement h1 + nav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #paiement h1 + nav ul li a.btn:hover, body.panier > #paiement h1 + nav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #confirmation h1 + nav ul li a.btn:hover, body.panier > #confirmation h1 + nav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #confirmation h1 + nav ul li a.btn:hover, body.panier > #confirmation h1 + nav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type #compte nav.selfNav ul li a.btn:hover, #compte nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type #compte nav.selfNav ul li a.btn:hover, #compte nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #panier nav.selfNav ul li a.btn:hover, body.panier > #panier nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #panier nav.selfNav ul li a.btn:hover, body.panier > #panier nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #coordonnees nav.selfNav ul li a.btn:hover, body.panier > #coordonnees nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #coordonnees nav.selfNav ul li a.btn:hover, body.panier > #coordonnees nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #paiement nav.selfNav ul li a.btn:hover, body.panier > #paiement nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #paiement nav.selfNav ul li a.btn:hover, body.panier > #paiement nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, body[class*="gamme"] > section > .row > article > .row:first-of-type body.panier > #confirmation nav.selfNav ul li a.btn:hover, body.panier > #confirmation nav.selfNav ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, body.boutique > section > .row > article > .row:first-of-type body.panier > #confirmation nav.selfNav ul li a.btn:hover, body.panier > #confirmation nav.selfNav ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, footer section.row ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:hover, footer section.row ul li body.boutique > section > .row > article > .row:first-of-type a.btn:hover, footer section.row ul li body[class*="gamme"] > section > .row > article > .row:first-of-type a.btn:focus, footer section.row ul li body.boutique > section > .row > article > .row:first-of-type a.btn:focus, body[class*="gamme"] > section > .row > article > .row:first-of-type button.btn, body.boutique > section > .row > article > .row:first-of-type button.btn {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 35px;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type .categorie, body.boutique > section > .row > article > .row:first-of-type .categorie {
    margin: 0 -15px;
    background-color: #FFF7E6;
    font-size: 18px;
    padding: 20px 0;
    color: #F5AE0E;
    font-weight: 500;
    text-transform: uppercase;
}

body[class*="gamme"] > section > .row > article > .row:first-of-type .categorie .picto-star::before, body.boutique > section > .row > article > .row:first-of-type .categorie .picto-star::before {
    display: inline-block;
    content: '';
    background-image: url("../img/picto-star.png");
    background-repeat: no-repeat;
    background-position-y: 6px;
    width: 21px;
    height: 24px;
}

body[class*="gamme"] > section > .row > article > .row:nth-of-type(2), body.boutique > section > .row > article > .row:nth-of-type(2) {
    text-align: left;
}

body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) .match-detail-offres, body.boutique > section > .row > article > .row:nth-of-type(2) .match-detail-offres {
    top: auto;
    margin-bottom: auto;
}

@media (min-width: 768px) {
    body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) .match-detail-offres, body.boutique > section > .row > article > .row:nth-of-type(2) .match-detail-offres {
        top: 102px;
        margin-bottom: 62px;
    }
}

body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) ul, body.boutique > section > .row > article > .row:nth-of-type(2) ul {
    padding-left: 0;
    list-style: none;
    margin: auto 10px 50px 10px;
}

@media (min-width: 768px) {
    body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) ul, body.boutique > section > .row > article > .row:nth-of-type(2) ul {
        margin: 45px 35px;
    }
}

body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) ul li, body.boutique > section > .row > article > .row:nth-of-type(2) ul li {
    display: flex;
    flex-direction: row;
}

body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) ul li::before, body.boutique > section > .row > article > .row:nth-of-type(2) ul li::before {
    content: url("../img/picto-check.png");
    margin-right: 12px;
}

body[class*="gamme"] > section > .row > article > .row:nth-of-type(2) ul li + li, body.boutique > section > .row > article > .row:nth-of-type(2) ul li + li {
    margin-top: 40px;
}


body[class*="gamme"] > section > .row > article#offre1 .row:nth-child(2) .detail-offre-title, body.boutique > section > .row > article#offre1 .row:nth-child(2) .detail-offre-title {
    display: none;
    width: 200%;
    position: absolute;
    text-align: center;
    z-index: 100;
    background-color: #fdf2db;
}

@media (min-width: 768px) {
    body[class*="gamme"] > section > .row > article#offre1 .row:nth-child(2) .detail-offre-title, body.boutique > section > .row > article#offre1 .row:nth-child(2) .detail-offre-title {
        display: block;
    }
}

body[class*="gamme"] > section > .row > article#offre1 .row:nth-child(2) .detail-offre-title h3, body.boutique > section > .row > article#offre1 .row:nth-child(2) .detail-offre-title h3 {
    margin: 35px auto;
    font-size: 26px;
}

body[class*="gamme"] > section:last-of-type, body.boutique > section:last-of-type {
    margin-bottom: 60px;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1, body.boutique[class*="Classic"] > section > .row > #offre1 {
    background-color: #F9ECCD;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child {
    background-color: #F9ECCD;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 0;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 .bold, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 .bold, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup h5 strong, body[class*="gamme"] > section > .row > article > .row:first-of-type body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 strong, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup h5 strong, body[class*="gamme"] > section > .row > article > .row:first-of-type body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 strong, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child body.boutique > section > .row > article > .row:first-of-type hgroup h5 strong, body.boutique > section > .row > article > .row:first-of-type body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 strong, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child body.boutique > section > .row > article > .row:first-of-type hgroup h5 strong, body.boutique > section > .row > article > .row:first-of-type body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 strong, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #offreSpeciale > .row > .col-xs-12 p a, #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #offreSpeciale > .row > .col-xs-12 p a, #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 li.open > a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 li.open > a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 li.open > a:focus, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 li.open > a:focus, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:hover, body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:focus, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 a:focus {
    color: #282828;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 strong, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup h5 strong {
    color: #CCB68F;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup p, body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child hgroup p {
    font-size: 22px;
    line-height: 30px;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 > .row:first-child:not([class*="detail"]), body.boutique[class*="Classic"] > section > .row > #offre1 > .row:first-child:not([class*="detail"]) {
    border-top: 6px solid #DDCDAB;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 .row:nth-child(2) .detail-offre-title, body.boutique[class*="Classic"] > section > .row > #offre1 .row:nth-child(2) .detail-offre-title {
    display: none;
    width: 300%;
    position: absolute;
    text-align: center;
    z-index: 100;
    background-color: #fdf2db;
}

@media (min-width: 768px) {
    body[class*="gamme"][class*="Classic"] > section > .row > #offre1 .row:nth-child(2) .detail-offre-title, body.boutique[class*="Classic"] > section > .row > #offre1 .row:nth-child(2) .detail-offre-title {
        display: block;
    }
}

body[class*="gamme"][class*="Classic"] > section > .row > #offre1 .row:nth-child(2) .detail-offre-title h3, body.boutique[class*="Classic"] > section > .row > #offre1 .row:nth-child(2) .detail-offre-title h3 {
    margin: 35px auto;
    font-size: 26px;
}

body[class*="gamme"][class*="Classic"] > section > .row #offre3, body.boutique[class*="Classic"] > section > .row #offre3 {
    border: 1px solid #F5AE0E;
    border-top: 6px solid #F5AE0E;
}

@media (min-width: 768px) {
    body[class*="gamme"][class*="Classic"] > section > .row #offre3, body.boutique[class*="Classic"] > section > .row #offre3 {
        border: 0;
    }
}

body[class*="gamme"][class*="Classic"] > section > .row #offre3 .match-offre, body.boutique[class*="Classic"] > section > .row #offre3 .match-offre {
    border: 0;
}

@media (min-width: 768px) {
    body[class*="gamme"][class*="Classic"] > section > .row #offre3 .match-offre, body.boutique[class*="Classic"] > section > .row #offre3 .match-offre {
        border: 1px solid #F5AE0E;
        border-top: 6px solid #F5AE0E;
    }
}

body[class*="gamme"][class*="Multi"] .match-offre, body.boutique[class*="Multi"] .match-offre {
    border-top: 0;
}

body[class*="gamme"][class*="Multi"] article, body.boutique[class*="Multi"] article {
    border-top: 6px solid #F5AE0E;
}

body[class*="gamme"][class*="Multi"] article hgroup, body.boutique[class*="Multi"] article hgroup {
    margin-top: 45px !important;
}

body[class*="gamme"][class*="Multi"] article + article[id*="offre"], body.boutique[class*="Multi"] article + article[id*="offre"] {
    border-left: 1px solid rgba(40, 40, 40, 0.08);
}

body[class*="gamme"][class*="Essai"] section .row #offre3, body[class*="gamme"][class*="Premium"] section .row #offre3, body.boutique[class*="Premium"] section .row #offre3, body.boutique[class*="Essai"] section .row #offre3 {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .match-offre, body[class*="gamme"][class*="Premium"] section .row #offre3 .match-offre, body.boutique[class*="Premium"] section .row #offre3 .match-offre, body.boutique[class*="Essai"] section .row #offre3 .match-offre {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .match-offre h5, body[class*="gamme"][class*="Premium"] section .row #offre3 .match-offre h5, body.boutique[class*="Premium"] section .row #offre3 .match-offre h5, body.boutique[class*="Essai"] section .row #offre3 .match-offre h5 {
    font-size: 41px;
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .match-offre h5 ~ p, body[class*="gamme"][class*="Premium"] section .row #offre3 .match-offre h5 ~ p, body.boutique[class*="Premium"] section .row #offre3 .match-offre h5 ~ p, body.boutique[class*="Essai"] section .row #offre3 .match-offre h5 ~ p {
    font-size: 26px;
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .match-offre button, body[class*="gamme"][class*="Premium"] section .row #offre3 .match-offre button, body.boutique[class*="Premium"] section .row #offre3 .match-offre button, body.boutique[class*="Essai"] section .row #offre3 .match-offre button {
    max-width: 280px !important;
    margin-top: 12px;
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .detail-offre-title, body[class*="gamme"][class*="Premium"] section .row #offre3 .detail-offre-title, body.boutique[class*="Premium"] section .row #offre3 .detail-offre-title, body.boutique[class*="Essai"] section .row #offre3 .detail-offre-title {
    background-color: rgba(245, 174, 14, 0.15);
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .detail-offre-title h3, body[class*="gamme"][class*="Premium"] section .row #offre3 .detail-offre-title h3, body.boutique[class*="Premium"] section .row #offre3 .detail-offre-title h3, body.boutique[class*="Essai"] section .row #offre3 .detail-offre-title h3 {
    margin-bottom: 26px;
    margin-top: 26px;
}

body[class*="gamme"][class*="Essai"] section .row #offre3 .match-detail-offres ul, body[class*="gamme"][class*="Premium"] section .row #offre3 .match-detail-offres ul, body.boutique[class*="Premium"] section .row #offre3 .match-detail-offres ul, body.boutique[class*="Essai"] section .row #offre3 .match-detail-offres ul {
    padding-top: 1.5em;
}

@media (min-width: 992px) {
    body[class*="gamme"][class*="Essai"] section .row #offre3 .match-detail-offres, body[class*="gamme"][class*="Premium"] section .row #offre3 .match-detail-offres, body.boutique[class*="Premium"] section .row #offre3 .match-detail-offres, body.boutique[class*="Essai"] section .row #offre3 .match-detail-offres {
        top: auto;
        margin-bottom: auto;
    }
}

body.boutique .bloc-filter {
    padding-left: 26px;
    padding-right: 26px;
}

body.boutique .bloc-filter:before {
    content: ' ';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    height: 2px;
    width: 100%;
    border-top: 3px solid #F5AE0E;
}

body.boutique .bloc-filter .headers h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

body.boutique .bloc-filter .headers p {
    color: #828282;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 100;
    padding-bottom: 15px;
}

body.boutique .bloc-filter .headers h3 {
    margin-top: 35px;
}

body.boutique .bloc-filter .btn {
    width: 100%;
}

body.boutique .bloc-filter select option:first-child {
    display: none;
}

@media (min-width: 768px) {
    body.boutique .bloc-filter:before {
        width: calc(100% + 2px);
    }

    body.boutique .bloc-filter:last-child:before {
        width: 100%;
    }

    body.boutique .bloc-filter:not(:last-child) {
        border-right: solid 2px #f4f4f4;
    }

    body.boutique .bloc-filter .btn {
        padding-left: unset;
        padding-right: unset;
    }
}

#offreSpeciale > .row > .col-xs-12 {
    background-color: #FFFFFF;
    padding-top: 72px;
    padding-bottom: 72px;
}

#offreSpeciale > .row > .col-xs-12 h4 {
    font-size: 30px;
    font-weight: 600;
}

#offreSpeciale > .row > .col-xs-12 p {
    font-size: 26px;
    line-height: 30px;
}

#offreSpeciale > .row > .col-xs-12 p .bold, #offreSpeciale > .row > .col-xs-12 p body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup strong, body[class*="gamme"] > section > .row > article > .row:first-of-type hgroup #offreSpeciale > .row > .col-xs-12 p strong, #offreSpeciale > .row > .col-xs-12 p body.boutique > section > .row > article > .row:first-of-type hgroup strong, body.boutique > section > .row > article > .row:first-of-type hgroup #offreSpeciale > .row > .col-xs-12 p strong, #offreSpeciale > .row > .col-xs-12 p a, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus {
    font-weight: 600;
}

#offreSpeciale > .row > .col-xs-12 p:nth-of-type(2) {
    font-size: 20px;
    line-height: 25px;
    color: #898989;
}

#offreSpeciale > .row > .col-xs-12 p a, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:hover, .navbar-default .navbar-nav #offreSpeciale > .row > .col-xs-12 p li.open > a:focus, #modal-abonnements-en-cours ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #compte h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #panier h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #coordonnees h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #paiement h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, body.panier > #confirmation h1 + nav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p #compte nav.selfNav ul li a:hover, #compte nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, #offreSpeciale > .row > .col-xs-12 p body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:hover, footer section.row ul li #offreSpeciale > .row > .col-xs-12 p a:focus {
    color: #282828;
    word-wrap: break-word;
}

body.gammeEssai {
    background: #ffffff;
}
.has-bandeau{
    padding: 0;
}
body.gammeEssai .bandeau {
    background: url("../img/lp-gamme_essai/bg_bandeau.jpg") center no-repeat;
    background-size: cover;
    text-align: center;
    height: 300px;
    position: relative;
    margin-top: -60px;
    margin-bottom: 20px;
    box-shadow: 0 0 29px -4px rgba(0, 0, 0, 0.4);
    border-bottom: 8px solid #f5af0e;
}

body.gammeEssai .offre_titre {
    background: #ffffff;
    padding: 20px;
    text-align: center;
    margin: auto;
    width: 35%;
    font-size: 32px;
    top: -18px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    box-shadow: 0px 0px 29px -4px rgba(0, 0, 0, 0.67);
}

.gammeEssai .offre_gratuite {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    width: 78%;
}

.gammeEssai .offre_gratuite .offre_texte {
    position: absolute;
    transform: translate(-50%, 15%);
    left: 50%;
    text-transform: uppercase;
}

.gammeEssai .offre_gratuite .offre_texte .style_1 {
    font-size: 40px;
}

.gammeEssai .offre_gratuite .offre_texte .style_2 {
    font-size: 60px;
    font-weight: bold;
    line-height: 34px;
}

.gammeEssai .offre_gratuite .offre_texte .style_3 {
    font-size: 23px;
}

.gammeEssai .details_offre .detail_titre {
    text-align: center;
    font-size: 26px;
    margin: 30px 0px 40px 0px;
}

.gammeEssai .details_offre .detail_titre .sep {
    width: 50px;
    height: 2px;
    background: #000000;
    display: block;
    margin: auto;
    margin-top: 11px;
}

.gammeEssai .details_offre .avantages p.titre_avtg {
    font-weight: bold;
    font-size: 22px;
}

.gammeEssai .details_offre .avantages li {
    list-style: none;
    position: relative;
    padding-bottom: 10px;
}

.gammeEssai .details_offre .avantages li:before {
    position: absolute;
    content: url(../img/picto-check.png);
    left: -40px;
}

.gammeEssai .bloc_banner {
    border-bottom: 1px dashed #000000;
    border-top: 1px dashed #000000;
    padding: 50px;
    margin-top: 50px;
    margin-bottom: -50px;
}

.gammeEssai .bloc_banner .texte_banner {
    font-size: 37px;
    margin-top: 49px;
    line-height: 40px;
    text-align: center;
}

.gammeEssai .bloc_banner .texte_banner strong {
    color: #f5ae0e;
}

#modal-commande-coordonnees .modal .modal-content h3 {
    margin-bottom: 0;
}

body.boutique #cross-sale article .boutique-img-star {
    max-width: 100%;
    width: 100%;
}

@media (min-width: 768px) and (max-width: ) {
    .col-50 {
        width: 50%;
    }
}

body.boutique .match-offre {
    border-top: 0px solid #F5AE0E;
}

body.boutique a.btn, body.boutique .navbar-default .navbar-nav li.open > a.btn:hover, .navbar-default .navbar-nav body.boutique li.open > a.btn:hover, body.boutique .navbar-default .navbar-nav li.open > a.btn:focus, .navbar-default .navbar-nav body.boutique li.open > a.btn:focus, body.boutique #modal-abonnements-en-cours ul li a.btn:hover, #modal-abonnements-en-cours ul li body.boutique a.btn:hover, body.boutique #compte h1 + nav ul li a.btn:hover, #compte h1 + nav ul li body.boutique a.btn:hover, body.boutique body.panier > #panier h1 + nav ul li a.btn:hover, body.panier > #panier h1 + nav ul li body.boutique a.btn:hover, body.boutique body.panier > #coordonnees h1 + nav ul li a.btn:hover, body.panier > #coordonnees h1 + nav ul li body.boutique a.btn:hover, body.boutique body.panier > #paiement h1 + nav ul li a.btn:hover, body.panier > #paiement h1 + nav ul li body.boutique a.btn:hover, body.boutique body.panier > #confirmation h1 + nav ul li a.btn:hover, body.panier > #confirmation h1 + nav ul li body.boutique a.btn:hover, body.boutique #compte nav.selfNav ul li a.btn:hover, #compte nav.selfNav ul li body.boutique a.btn:hover, body.boutique body.panier > #panier nav.selfNav ul li a.btn:hover, body.panier > #panier nav.selfNav ul li body.boutique a.btn:hover, body.boutique body.panier > #coordonnees nav.selfNav ul li a.btn:hover, body.panier > #coordonnees nav.selfNav ul li body.boutique a.btn:hover, body.boutique body.panier > #paiement nav.selfNav ul li a.btn:hover, body.panier > #paiement nav.selfNav ul li body.boutique a.btn:hover, body.boutique body.panier > #confirmation nav.selfNav ul li a.btn:hover, body.panier > #confirmation nav.selfNav ul li body.boutique a.btn:hover, body.boutique footer section.row ul li a.btn:hover, footer section.row ul li body.boutique a.btn:hover, body.boutique footer section.row ul li a.btn:focus, footer section.row ul li body.boutique a.btn:focus {
    padding: 9px 18px;
}

body.boutique .offreStar article {
    background-color: #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
    border-top: 6px solid #F5AE0E;
}
@media (min-width: 480px) {
    body.boutique .offreStar article {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media (min-width: 768px) {
    body.boutique .offreStar article {
        padding-left: 70px;
        padding-right: 70px;
    }

}
@media (min-width: 1064px) {
    body.boutique .offreStar article {
        padding-left: 90px;
        padding-right: 90px;
    }

}
body.boutique .offreStar article hgroup {
    margin-top: 25px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
body.boutique .offreStar article p {
    font-size: 1.2em;
    color: #828282;
}
body.boutique .offreStar article h4 {
    font-size: 22px;
    text-transform: uppercase;
}
body.boutique .offreStar article hgroup h5, body.boutique .offreStar article h2 {
    font-size: 24px;
    padding-bottom: 5px;
    font-weight: 600;
}

body.boutique .offreStar article a.btn, body.boutique .offreStar article .navbar-default .navbar-nav li.open > a.btn:hover, .navbar-default .navbar-nav body.boutique .offreStar article li.open > a.btn:hover, body.boutique .offreStar article .navbar-default .navbar-nav li.open > a.btn:focus, .navbar-default .navbar-nav body.boutique .offreStar article li.open > a.btn:focus, body.boutique .offreStar article #modal-abonnements-en-cours ul li a.btn:hover, #modal-abonnements-en-cours ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article #compte h1 + nav ul li a.btn:hover, #compte h1 + nav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #panier h1 + nav ul li a.btn:hover, body.panier > #panier h1 + nav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #coordonnees h1 + nav ul li a.btn:hover, body.panier > #coordonnees h1 + nav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #paiement h1 + nav ul li a.btn:hover, body.panier > #paiement h1 + nav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #confirmation h1 + nav ul li a.btn:hover, body.panier > #confirmation h1 + nav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article #compte nav.selfNav ul li a.btn:hover, #compte nav.selfNav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #panier nav.selfNav ul li a.btn:hover, body.panier > #panier nav.selfNav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #coordonnees nav.selfNav ul li a.btn:hover, body.panier > #coordonnees nav.selfNav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #paiement nav.selfNav ul li a.btn:hover, body.panier > #paiement nav.selfNav ul li body.boutique .offreStar article a.btn:hover, body.boutique .offreStar article body.panier > #confirmation nav.selfNav ul li a.btn:hover, body.panier > #confirmation nav.selfNav ul li body.boutique .offreStar article a.btn:hover {
    width: 100%;
}

body.boutique .offreStar article .prix {
    margin-top: 25px;
}

body.boutique .offreStar article .prix p, body.boutique .has-price p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
}

body.boutique .has-price {
    margin-top: 24px;
    margin-bottom: 24px;
}

body.boutique .offreStar article .prix p:first-child, body.boutique .bloc-filter .price {
    color: #F5AE0E;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}

body.boutique .offreStar article + article {
    border-left: 1px solid rgba(40, 40, 40, 0.08);
}
body.boutique > section > .hors-serie > article > .row:first-of-type hgroup{
    margin-top: 30px
}

body.boutique > section.other-offers{
    background-color: #F5AE0E;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 35px;
}
body.boutique > section.other-offers p {
    font-size: 30px;
    font-weight: 600;
}

#has-product-content .has-loader,
#products-error .error
{
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#products-content,
#products-grid{
    margin-bottom: 40px;
}
#products-content {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}
#has-products{
    background-color: #fff;
}
#products-filter,
#products-loading,
#products-content {
    margin-left: 2%;
    margin-right: 2%;
    width: auto;
}
#products-error .fa{
    font-size: 3em;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    #products-filter,
    #products-loading,
    #products-content {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
}

#product-grid .lds-ring {
    position: relative;
    top: auto;
    right: auto;
    width: 60px;
    height: 60px;
}

#product-grid .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    margin: 3px;
    border-width: 6px;
    border-color: #F5AE0D transparent transparent transparent;
}

.product-bloc {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

body.boutique > section.other-offers a.btn, body.boutique > section.other-offers .navbar-default .navbar-nav li.open > a.btn:hover, .navbar-default .navbar-nav body.boutique > section.other-offers li.open > a.btn:hover, body.boutique > section.other-offers .navbar-default .navbar-nav li.open > a.btn:focus, .navbar-default .navbar-nav body.boutique > section.other-offers li.open > a.btn:focus, body.boutique > section.other-offers #modal-abonnements-en-cours ul li a.btn:hover, #modal-abonnements-en-cours ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers #compte h1 + nav ul li a.btn:hover, #compte h1 + nav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #panier h1 + nav ul li a.btn:hover, body.panier > #panier h1 + nav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #coordonnees h1 + nav ul li a.btn:hover, body.panier > #coordonnees h1 + nav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #paiement h1 + nav ul li a.btn:hover, body.panier > #paiement h1 + nav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #confirmation h1 + nav ul li a.btn:hover, body.panier > #confirmation h1 + nav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers #compte nav.selfNav ul li a.btn:hover, #compte nav.selfNav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #panier nav.selfNav ul li a.btn:hover, body.panier > #panier nav.selfNav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #coordonnees nav.selfNav ul li a.btn:hover, body.panier > #coordonnees nav.selfNav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #paiement nav.selfNav ul li a.btn:hover, body.panier > #paiement nav.selfNav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers body.panier > #confirmation nav.selfNav ul li a.btn:hover, body.panier > #confirmation nav.selfNav ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers footer section.row ul li a.btn:hover, footer section.row ul li body.boutique > section.other-offers a.btn:hover, body.boutique > section.other-offers footer section.row ul li a.btn:focus, footer section.row ul li body.boutique > section.other-offers a.btn:focus {
    background-color: #D89809;
    padding: 9px 18px;
}

body.boutique #anciensNumeros article, body.boutique #cross-sale article, #product-grid .product-bloc {
    padding: 30px;
    background-color: #FFFFFF;
    margin-bottom: 25px;
    border: 0;
}
#product-grid .product-bloc[class*=offset]{
    border-right: 0;
}

@media (min-width: 768px) {
    body.boutique #anciensNumeros article, body.boutique #cross-sale article, #product-grid .product-bloc {
        border-right: 2px solid rgba(40, 40, 40, 0.08);
        border-bottom: 2px solid rgba(40, 40, 40, 0.08);
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    body.boutique #anciensNumeros article, body.boutique #cross-sale article, #product-grid .product-bloc {
        border-right: 2px solid rgba(40, 40, 40, 0.08);
        border-bottom: 2px solid rgba(40, 40, 40, 0.08);
        padding: 40px 20px;
        margin-bottom: 0;
    }
    #product-grid .top-product {
        width: 400px;
        height: 1072px;
    }
}
@media (min-width: 1024px) {
    body.boutique #cross-sale article {
        padding: 20px;
    }
}

@media (min-width: 1150px) {
    #product-grid .top-product {
        width: 500px;
        height: 1099px;
    }
    body.boutique #anciensNumeros article, body.boutique #cross-sale article, #product-grid .product-bloc {
        padding: 40px;
    }
}

body.boutique #anciensNumeros article + article, body.boutique #cross-sale article + article {
    border-right: 1px solid rgba(40, 40, 40, 0.08);
}

body.boutique #anciensNumeros article .prix, body.boutique #cross-sale article .prix, #product-grid .product-bloc .prix {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

body.boutique #anciensNumeros article .prix p, body.boutique #cross-sale article .prix p, #product-grid .product-bloc .prix p {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 29px;
}

body.boutique #anciensNumeros article .prix .strong, body.boutique #cross-sale article .prix .strong, #product-grid .product-bloc .prix .strong {
    color: #F5AE0E;
    font-size: 24px;
    line-height: 46px;
    font-weight: 600;
}

body.boutique #anciensNumeros article hgroup, body.boutique #cross-sale article hgroup, #product-grid .product-bloc .headers {
    margin-bottom: 15px;
    font-weight: 300;
    letter-spacing: 0.30px;
}
body.boutique #anciensNumeros article hgroup p, body.boutique #cross-sale article hgroup p, #product-grid .product-bloc .headers p{
    margin-bottom: 0;
}
p.gamme{
    color : #828282;
    text-transform: capitalize;
}
body.boutique #anciensNumeros article hgroup h5, body.boutique #cross-sale article hgroup h5 {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

body.boutique #anciensNumeros article hgroup p, body.boutique #cross-sale article hgroup p {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 300;
}

body.boutique #anciensNumeros article.col-md-6 img, body.boutique #cross-sale article.col-md-6 img {
    padding-bottom: 40px;
}
body.boutique #anciensNumeros button.btn-drk-ft, body.boutique #cross-sale button.btn-drk-ft, #product-grid .product-bloc button.btn-drk-ft {
    margin-top: 30px;
    margin-bottom: 30px;
}

body.boutique #cross-sale {
    margin-top: 20px;
}

body.boutique #cross-sale article {
    background-color: transparent;
    border-right: 0;
    border-bottom: 0;
}

body.boutique #cross-sale article:before {
    display: block;
    position: relative;
    content: ' ';
    width: 100%;
    height: 2px;
    margin-top: -20px;
    background-color: rgba(40, 40, 40, 0.08);
}

body.boutique #cross-sale article .headers {
    padding-top: 30px;
    margin-bottom: 15px;
}

body.boutique #cross-sale article .headers h4,
body.boutique #cross-sale article .headers h5 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

body.boutique #cross-sale article .headers h5 {
    color: #878787;
}

body.boutique #cross-sale article img, .product-bloc img {
    margin: auto;
    margin-bottom: 30px;
    display: block;
    border: 1px solid #282828;
    width: 100%;
    height: initial;
}

#product-grid .product-bloc .btn, #cross-sale article .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 480px) {
    body.boutique #cross-sale article img, #product-grid .product-bloc img {
        max-width: 100%;
        width: auto;
    }

    #product-grid .top-product img {
        max-width: none;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    #product-grid .product-bloc {
        padding: 40px;
        padding-left: 80px;
        padding-right: 80px;
    }
    body.boutique #cross-sale article {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    #product-grid .top-product .btn {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (min-width: 1024px) {
    body.boutique #cross-sale article img, #product-grid .top-product img {
        width: 100%;
    }
}

body.boutique #cross-sale article hgroup {
    margin-top: 0;
    padding-top: 25px;
    border-top: 2px solid rgba(40, 40, 40, 0.08);
}

/*MODALS*/
.modal-dialog {
    z-index: 2000;
}

.modal .icon-plus {
    font-size: 25px;
}

#modal-ajout-panier .modal-body{
    padding: 35px 15px 35px;
}
#modal-ajout-panier .has-cta {
    text-align: center;
}

#modal-ajout-panier #modal-msg{
    font-size: 1.5em;
    margin-bottom: 70px;
    margin-top: 20px;
}
#modal-ajout-panier #modal-msg#modal-msg-succes{
    font-weight: bold;
}
@media (min-width: 992px) {
    #modal-ajout-panier .has-cta {
        text-align: left;
    }
    #modal-ajout-panier .has-cta:first-child >*{
        text-align: left;
    }
    #modal-ajout-panier .has-cta:last-child {
        text-align: right;
    }
}

#modal-ajout-panier .logo {
    width: 80px;
    margin: 10px auto 0 auto;
}

.modal-cross-selling .btn {
    width: 100%;
}

.btn-supprimer-panier {
    display: none;
    cursor: pointer;
}

.modal-cross-selling .icon-supprimer {
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.modal .modal-content {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.modal .modal-content h3 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 60px;
}

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

.modal .modal-content .modal-header .close, .modal .modal-content .modal-header .close:hover {
    opacity: 1;
}

.modal .modal-content .modal-body {
    padding-top: 0;
}

.modal .modal-content label {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.modal .modal-content select {
    border: 1px solid #EAEAEA;
    color: #B7B7B7;
    border-radius: 3px;
    margin-bottom: 45px;
}

.modal .modal-content input[type="submit"], .modal .modal-content form .form-group select[type="submit"], form .form-group .modal .modal-content select[type="submit"], .modal .modal-content #compte form section .form-group select[type="submit"], #compte form section .form-group .modal .modal-content select[type="submit"], .modal .modal-content body.panier > #panier form section .form-group select[type="submit"], body.panier > #panier form section .form-group .modal .modal-content select[type="submit"], .modal .modal-content body.panier > #coordonnees form section .form-group select[type="submit"], body.panier > #coordonnees form section .form-group .modal .modal-content select[type="submit"], .modal .modal-content body.panier > #paiement form section .form-group select[type="submit"], body.panier > #paiement form section .form-group .modal .modal-content select[type="submit"], .modal .modal-content body.panier > #confirmation form section .form-group select[type="submit"], body.panier > #confirmation form section .form-group .modal .modal-content select[type="submit"] {
    margin-bottom: 45px;
}

#modal-abonnements-en-cours ul {
    padding: 0;
    list-style: none;
    margin-bottom: 65px;
}

#modal-abonnements-en-cours ul li {
    line-height: 30px;
}

#modal-abonnements-en-cours ul li a, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li.open > a:hover, #modal-abonnements-en-cours ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li.open > a:focus, #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours #compte h1 + nav ul li a:hover, #compte h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours #compte nav.selfNav ul li a:hover, #compte nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours footer section.row ul li a:hover, footer section.row #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours footer section.row ul li a:focus, footer section.row #modal-abonnements-en-cours ul li a:focus {
    color: #282828;
}

#modal-abonnements-en-cours ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #modal-abonnements-en-cours ul li.open > a:hover, #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours #compte h1 + nav ul li a:hover, #compte h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours #compte nav.selfNav ul li a:hover, #compte nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours footer section.row ul li a:hover, footer section.row #modal-abonnements-en-cours ul li a:hover {
    text-decoration: none;
}

#modal-commande-detail table {
    margin-bottom: 25px;
}

#modal-commande-detail table td, #modal-commande-detail body.panier > #panier table tr th, body.panier > #panier #modal-commande-detail table tr th, #modal-commande-detail table th {
    line-height: 45px;
}

#modal-commande-detail table thead {
    font-size: 26px;
}

#modal-commande-detail table thead td, #modal-commande-detail body.panier > #panier table thead tr th, body.panier > #panier #modal-commande-detail table thead tr th, #modal-commande-detail body.panier > #panier table tr thead th, body.panier > #panier #modal-commande-detail table tr thead th {
    padding-bottom: 25px;
    text-align: center;
}

#modal-commande-detail table tbody th {
    color: #999999;
    font-weight: normal;
}

#modal-commande-detail table tbody td, #modal-commande-detail body.panier > #panier table tbody tr th, body.panier > #panier #modal-commande-detail table tbody tr th, #modal-commande-detail body.panier > #panier table tr tbody th, body.panier > #panier #modal-commande-detail table tr tbody th {
    text-align: right;
    font-weight: bold;
}

#modal-commande-region-multiple .modal-body > :nth-child(2) {
    margin-top: 15px;
}

#modal-commande-region-multiple .msg {
    margin-top: 1em;
    margin-bottom: 1em;
}

#modal-commande-region-multiple .msg div + div {
    margin-top: 0.5em;
}

#modal-commande-region-multiple #btnSubmitEditionMultiple {
    margin-bottom: 1em;
}

#modal-commande-region-multiple label {
    text-transform: none;
    margin-bottom: 10px;
}

#modal-commande-region-multiple input[type=checkbox], #modal-commande-region-multiple form .form-group select[type=checkbox], form .form-group #modal-commande-region-multiple select[type=checkbox] {
    margin-right: 10px;
}

/*PANIER*/
body.panier .table-responsive {
    border: 0;
}

body.panier .progress-bar-panier {
    margin-bottom: 40px;
}

body.panier .progress-bar-panier ul {
    padding-left: 0;
    list-style: none;
    padding-top: 20px;
}

@media (min-width: 768px) {
    body.panier .progress-bar-panier ul {
        padding-top: 0;
    }
}

body.panier .progress-bar-panier ul li {
    display: flex;
    align-items: center;
    color: rgba(40, 40, 40, 0.15);
    text-transform: uppercase;
    padding: 5px 15px;
}

@media (min-width: 768px) {
    body.panier .progress-bar-panier ul li {
        padding: 0 !important;
    }
}
body.panier #cart-form h3{
    color: #F5AE0E;
}
body.panier .progress-bar-panier ul li::before {
    content: '';
    width: 10px;
    background-color: #CCCCCC;
    margin-right: 10px;
    height: 1px;
    display: none;
}

@media (min-width: 768px) {
    body.panier .progress-bar-panier ul li::before {
        display: inline-block;
    }
}

body.panier .progress-bar-panier ul li + li::before {
    content: '';
    display: none;
    width: 10px;
    height: 1px;
    background-color: #CCCCCC;
    padding-left: 15px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    body.panier .progress-bar-panier ul li + li::before {
        display: inline-block;
        padding-left: 0;
    }
}

body.panier .progress-bar-panier ul li.active {
    font-weight: 600;
    color: #282828;
    padding-left: 0;
}

body.panier .progress-bar-panier ul li.active::before {
    display: inline-block;
    margin-right: 5px;
}

body.panier .progress-bar-panier ul li.active ~ li {
    color: rgba(40, 40, 40, 0.5);
}

@media (min-width: 768px) {
    body.panier .progress-bar-panier ul li {
        display: inline-flex;
    }

    body.panier .progress-bar-panier ul li::before {
        content: '';
        width: 0;
        display: inline-block;
        background-color: transparent;
        margin-right: 10px;
    }

    body.panier .progress-bar-panier ul li + li::before {
        content: '';
        display: inline-block;
        width: 60px;
        margin-right: 10px;
        margin-left: 10px;
    }
}

body.panier > #panier .no-padd {
    padding: 0;
}

@media (min-width: 992px) {
    body.panier > #panier .no-padd {
        padding: 0 15px;
    }
}

body.panier > #panier table .btn-supp {
    right: 0;
    float: right;
    height: 100%;
    position: absolute;
    top: 1.5em;
}

@media (min-width: 768px) {
    body.panier > #panier table .btn-supp {
        top: -1em;
    }
}

@media (min-width: 992px) {
    body.panier > #panier table .btn-supp {
        position: relative;
        height: auto;
        top: auto;
    }
}

body.panier > #panier table .btn-supp a .icon-supprimer, .navbar-default .navbar-nav body.panier > #panier table .btn-supp li.open > a:hover .icon-supprimer, .navbar-default .navbar-nav body.panier > #panier table .btn-supp li.open > a:focus .icon-supprimer, #modal-abonnements-en-cours ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, #compte h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #coordonnees h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #paiement h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #confirmation h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, #compte nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #coordonnees nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #paiement nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #confirmation nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, footer section.row ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, footer section.row ul li body.panier > #panier table .btn-supp a:focus .icon-supprimer {
    margin: auto;
}

@media (min-width: 520px) {
    body.panier > #panier table .btn-supp a .icon-supprimer, .navbar-default .navbar-nav body.panier > #panier table .btn-supp li.open > a:hover .icon-supprimer, .navbar-default .navbar-nav body.panier > #panier table .btn-supp li.open > a:focus .icon-supprimer, #modal-abonnements-en-cours ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, #compte h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #coordonnees h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #paiement h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #confirmation h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, #compte nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #coordonnees nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #paiement nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #confirmation nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, footer section.row ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, footer section.row ul li body.panier > #panier table .btn-supp a:focus .icon-supprimer {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media (min-width: 992px) {
    body.panier > #panier table .btn-supp a .icon-supprimer, .navbar-default .navbar-nav body.panier > #panier table .btn-supp li.open > a:hover .icon-supprimer, .navbar-default .navbar-nav body.panier > #panier table .btn-supp li.open > a:focus .icon-supprimer, #modal-abonnements-en-cours ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, #compte h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #coordonnees h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #paiement h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #confirmation h1 + nav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, #compte nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #coordonnees nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #paiement nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, body.panier > #confirmation nav.selfNav ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, footer section.row ul li body.panier > #panier table .btn-supp a:hover .icon-supprimer, footer section.row ul li body.panier > #panier table .btn-supp a:focus .icon-supprimer {
        display: block;
        height: auto;
    }
}

body.panier > #panier table thead {
    display: none;
}

@media (min-width: 992px) {
    body.panier > #panier table thead {
        display: table-header-group;
    }
}

body.panier > #panier table tbody tr:not(:last-of-type) {
    background-color: #FFFFFF;
}

@media (min-width: 992px) {
    body.panier > #panier table tbody tr:not(:last-of-type) {
        background-color: transparent;
        display: flex;
    }
}

body.panier > #panier table tr {
    width: 100%;
    display: table;
    position: relative;
}

@media (min-width: 992px) {
    body.panier > #panier table tr {
        display: flex;
        flex-direction: row;
        background-color: transparent;
    }
}

body.panier > #panier table tr + tr {
    margin-top: 5px !important;
}

body.panier > #panier table tr th {
    background-color: transparent !important;
    border: 0 solid transparent !important;
    text-transform: capitalize !important;
    font-weight: 400 !important;
}

body.panier > #panier table tr th:last-child {
    width: 197px !important;
}

body.panier > #panier table tr td, body.panier > #panier table tr th {
  padding: 6px 18px !important;
  font-size: 15px;
  width: 100%;
}

@media (min-width: 768px) {
    body.panier > #panier table tr td, body.panier > #panier table tr th {
        width: 33.333%;
    }
}

@media (min-width: 992px) {
    body.panier > #panier table tr td, body.panier > #panier table tr th {
        padding: 15px 18px !important;
        font-size: 16px;
        display: flex !important;
    }
}

body.panier > #panier table tr td:not(:first-of-type), body.panier > #panier table tr th:not(:first-of-type), body.panier > #panier table tr td:not(:nth-of-type(2)), body.panier > #panier table tr th:not(:nth-of-type(2)) {
    width: 100%;
}

@media (min-width: 400px) {
    body.panier > #panier table tr td:not(:first-of-type), body.panier > #panier table tr th:not(:first-of-type), body.panier > #panier table tr td:not(:nth-of-type(2)), body.panier > #panier table tr th:not(:nth-of-type(2)) {
        width: 33.333%;
    }
}

@media (min-width: 768px) {
    body.panier > #panier table tr td:not(:first-of-type), body.panier > #panier table tr th:not(:first-of-type), body.panier > #panier table tr td:not(:nth-of-type(2)), body.panier > #panier table tr th:not(:nth-of-type(2)) {
        width: 21%;
    }
}

body.panier > #panier table tr td:first-of-type, body.panier > #panier table tr th:first-of-type {
    width: 100%;
    justify-content: baseline;
}

@media (min-width: 992px) {
    body.panier > #panier table tr td:first-of-type, body.panier > #panier table tr th:first-of-type {
        width: 400%;
    }
}

@media (min-width: 992px) {
    body.panier > #panier table tr td:not(:first-of-type), body.panier > #panier table tr th:not(:first-of-type) {
        width: 100%;
        width: -webkit-fill-available;
    }
}

body.panier > #panier table tr td:last-of-type, body.panier > #panier table tr th:last-of-type {
    width: auto;
    background: transparent;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0px solid #EAEAEA;
}

@media (min-width: 992px) {
    body.panier > #panier table tr td:last-of-type, body.panier > #panier table tr th:last-of-type {
        border-left: 1px solid #EAEAEA;
    }
}

body.panier > #panier table tr td.flexCol, body.panier > #panier table tr th.flexCol {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    align-items: baseline;
}

body.panier > #panier table tr td.flexCol span:first-of-type, body.panier > #panier table tr th.flexCol span:first-of-type {
    display: flex;
    align-items: baseline;
}

body.panier > #panier table tr td.flexRow, body.panier > #panier table tr th.flexRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
}

body.panier > #panier table tr td.flexRow span:first-of-type, body.panier > #panier table tr th.flexRow span:first-of-type {
    display: flex;
    align-items: baseline;
}

body.panier > #panier table tr td.flexRow span + span, body.panier > #panier table tr th.flexRow span + span {
    margin-left: 1em;
}

body.panier > #panier table tr td.flexRow img, body.panier > #panier table tr th.flexRow img {
    max-width: 60px;
}

body.panier > #panier table tr td .picto-device, body.panier > #panier table tr th .picto-device {
    width: 64px;
}

body.panier > #panier table tr td .picto-device ~ img, body.panier > #panier table tr th .picto-device ~ img {
    width: 22px;
}

body.panier > #panier table tr td:nth-child(5), body.panier > #panier table tr th:nth-child(5), #compte body.panier > #panier table tr td:last-child, body.panier > #panier table tr td:last-child, body.panier > #coordonnees body.panier > #panier table tr td:last-child, body.panier > #paiement body.panier > #panier table tr td:last-child, body.panier > #confirmation body.panier > #panier table tr td:last-child, #compte body.panier > #panier table tr th:last-child, body.panier > #panier table tr th:last-child, body.panier > #coordonnees body.panier > #panier table tr th:last-child, body.panier > #paiement body.panier > #panier table tr th:last-child, body.panier > #confirmation body.panier > #panier table tr th:last-child {
    font-size: 17px !important;
}

body.panier > #panier table tr td input[name="qty"], body.panier > #panier table tr th input[name="qty"], body.panier > #panier table tr td form .form-group select[name="qty"], form .form-group body.panier > #panier table tr td select[name="qty"], body.panier > #panier table tr th form .form-group select[name="qty"], form .form-group body.panier > #panier table tr th select[name="qty"], body.panier > #panier form section .form-group table tr td select[name="qty"], body.panier > #panier form section .form-group table tr th select[name="qty"] {
    max-width: 2.7em;
    min-width: 70px;
    padding: 7px 17px;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    line-height: 2.4em;
}

@media (min-width: 420px) {
    body.panier > #panier table tr td input[name="qty"], body.panier > #panier table tr th input[name="qty"], body.panier > #panier table tr td form .form-group select[name="qty"], form .form-group body.panier > #panier table tr td select[name="qty"], body.panier > #panier table tr th form .form-group select[name="qty"], form .form-group body.panier > #panier table tr th select[name="qty"], body.panier > #panier form section .form-group table tr td select[name="qty"], body.panier > #panier form section .form-group table tr th select[name="qty"] {
        min-width: 3em;
        max-width: 4em;
    }
}

@media (min-width: 768px) {
    body.panier > #panier table tr td input[name="qty"], body.panier > #panier table tr th input[name="qty"], body.panier > #panier table tr td form .form-group select[name="qty"], form .form-group body.panier > #panier table tr td select[name="qty"], body.panier > #panier table tr th form .form-group select[name="qty"], form .form-group body.panier > #panier table tr th select[name="qty"], body.panier > #panier form section .form-group table tr td select[name="qty"], body.panier > #panier form section .form-group table tr th select[name="qty"] {
        line-height: normal;
    }
}

body.panier > #panier table tr td.td-btn, body.panier > #panier table tr th.td-btn {
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #EAEAEA;
}
.copy-link, .copy-link:hover, .copy-link:active, .copy-link:visited{
    margin-bottom: 20px;
    text-decoration: none;
    display: inline-block;
}
.link-label{
    text-decoration: underline;
    margin-left: 4px;
}
body.panier > #panier table tr td.td-btn a, body.panier > #panier table tr th.td-btn a, .navbar-default .navbar-nav body.panier > #panier table tr td.td-btn li.open > a:hover, .navbar-default .navbar-nav body.panier > #panier table tr th.td-btn li.open > a:hover, .navbar-default .navbar-nav body.panier > #panier table tr td.td-btn li.open > a:focus, .navbar-default .navbar-nav body.panier > #panier table tr th.td-btn li.open > a:focus, #modal-abonnements-en-cours ul li body.panier > #panier table tr td.td-btn a:hover, #modal-abonnements-en-cours ul li body.panier > #panier table tr th.td-btn a:hover, #compte h1 + nav ul li body.panier > #panier table tr td.td-btn a:hover, #compte h1 + nav ul li body.panier > #panier table tr th.td-btn a:hover, body.panier > #coordonnees h1 + nav ul li body.panier > #panier table tr td.td-btn a:hover, body.panier > #coordonnees h1 + nav ul li body.panier > #panier table tr th.td-btn a:hover, body.panier > #paiement h1 + nav ul li body.panier > #panier table tr td.td-btn a:hover, body.panier > #paiement h1 + nav ul li body.panier > #panier table tr th.td-btn a:hover, body.panier > #confirmation h1 + nav ul li body.panier > #panier table tr td.td-btn a:hover, body.panier > #confirmation h1 + nav ul li body.panier > #panier table tr th.td-btn a:hover, #compte nav.selfNav ul li body.panier > #panier table tr td.td-btn a:hover, #compte nav.selfNav ul li body.panier > #panier table tr th.td-btn a:hover, body.panier > #coordonnees nav.selfNav ul li body.panier > #panier table tr td.td-btn a:hover, body.panier > #coordonnees nav.selfNav ul li body.panier > #panier table tr th.td-btn a:hover, body.panier > #paiement nav.selfNav ul li body.panier > #panier table tr td.td-btn a:hover, body.panier > #paiement nav.selfNav ul li body.panier > #panier table tr th.td-btn a:hover, body.panier > #confirmation nav.selfNav ul li body.panier > #panier table tr td.td-btn a:hover, body.panier > #confirmation nav.selfNav ul li body.panier > #panier table tr th.td-btn a:hover, footer section.row ul li body.panier > #panier table tr td.td-btn a:hover, footer section.row ul li body.panier > #panier table tr th.td-btn a:hover, footer section.row ul li body.panier > #panier table tr td.td-btn a:focus, footer section.row ul li body.panier > #panier table tr th.td-btn a:focus {
    border-width: 0;
    border-bottom-width: 1px;
    padding: 0;
}

@media (min-width: 992px) {
    body.panier > #panier table tr td.td-btn, body.panier > #panier table tr th.td-btn {
        background-color: transparent;
        border: 0;
        border-left: 0 !important;
        text-align: right;
        margin-right: 52px;
    }
}

body.panier > #panier table tr td.no-supp, body.panier > #panier table tr th.no-supp {
    width: 173px;
}

body.panier > #panier table tr h4 {
    font-size: 16px;
}

body.panier > #panier .checkbox label {
    text-decoration: underline;
}

body.panier > #panier .table-panier {
    padding-bottom: 15px;
    margin-bottom: 0px;
    border: 0;
}

@media (min-width: 992px) {
    body.panier > #panier .table-panier {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
}

.icon-supprimer::before {
    content: url("../img/picto-sup.png");
}

body.panier > #panier .table-panier tr:nth-child(odd) .icon-supprimer::before {
    content: url("../img/picto-sup-red.png");
}

body.panier > #panier .table-tot {
    margin-top: 20px;
}

body.panier > #panier .table-tot .match-tab-tot {
    background-color: #FFFFFF;
}

body.panier > #panier .table-tot .match-tab-tot > * {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

body.panier > #panier .table-tot .match-tab-tot table {
    margin-bottom: 0;
}

body.panier > #panier .table-tot .match-tab-tot table th {
    color: #999999;
    text-align: left !important;
}

@media (min-width: 992px) {
    body.panier > #panier .table-tot .match-tab-tot table th {
        width: 80% !important;
    }
}

body.panier > #panier .table-tot .match-tab-tot table td, body.panier > #panier .table-tot .match-tab-tot table tr th {
    text-align: right;
}

@media (min-width: 992px) {
    body.panier > #panier .table-tot .match-tab-tot table td, body.panier > #panier .table-tot .match-tab-tot table tr th {
        text-align: left;
    }
}

body.panier > #panier .table-tot .match-tab-tot table td, body.panier > #panier .table-tot .match-tab-tot table tr th, body.panier > #panier .table-tot .match-tab-tot table th {
    border: 0 !important;
    padding: 8px 18px !important;
    width: 50%;
}

@media (min-width: 992px) {
    body.panier > #panier .table-tot .match-tab-tot table td, body.panier > #panier .table-tot .match-tab-tot table tr th, body.panier > #panier .table-tot .match-tab-tot table th {
        width: auto;
    }
}

body.panier > #panier .table-tot .match-tab-tot .btn {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 40px;
}

body.panier > #panier .moyen-paiement > div {
    background-color: #FFFFFF;
    padding: 35px 0;
    margin: 25px auto;
}

body.panier > #panier .moyen-paiement > div p {
    margin-bottom: 30px;
}

body.panier > #panier .moyen-paiement > div img {
    display: block;
    margin: 5px auto;
}

body.panier > #identification {
    padding-top: 90px;
}

@media (min-width: 768px) {
    body.panier > #identification {
        padding-top: 0px;
    }
}

body.panier > #identification iframe {
    margin-top: 10px;
}

body.panier > #identification .login {
    background-color: #F4F2F2;
    padding: 70px 0;
    margin-top: 0;
}

@media (min-width: 768px) {
    body.panier > #identification .login {
        margin-top: 90px;
    }
}

body.panier > #identification .login label {
    margin-top: 24px;
    margin-bottom: 7px;
    font-stretch: condensed;
    font-weight: 400;
}

body.panier > #identification .login .id-pannel {
    padding-left: 60px;
    padding-right: 60px;
}

body.panier > #identification .login .id-pannel:first-of-type {
    border-right: 1px solid #dddddd;
}

body.panier > #identification .login .id-pannel .btn {
    bottom: 0;
    right: 70px;
}

@media (min-width: 768px) {
    body.panier > #identification .login .id-pannel .btn {
        position: absolute;
    }
}

body.panier > #coordonnees > .container-fluid h3 {
    margin-bottom: 40px;
    font-weight: 600;
}

body.panier > #coordonnees > .container-fluid label.control-label {
    display: block;
    margin-top: 10px;
}

body.panier > #coordonnees > .container-fluid button[type="submit"] {
    min-width: 120px;
}

body.panier > #paiement .paiement-option {
    background-color: #FFFFFF;
    border: 1px solid #EAEAEA;
    margin-bottom: 20px;
}

body.panier > #paiement .paiement-option > .row + .row {
    border-top: 1px solid #EAEAEA;
}

body.panier > #paiement .paiement-option .btn-collapse, body.panier > #paiement .paiement-option .btn-collapse:focus, body.panier > #paiement .paiement-option .btn-collapse:active, body.panier > #paiement .paiement-option .btn-collapse:hover {
    color: #282828;
    text-decoration: none;
    padding: 30px 15px;
    display: inline-block;
    width: 100%;
}

body.panier > #paiement .paiement-option .btn-collapse span.caret {
    float: right;
    margin-top: 9px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px dashed;
}

body.panier > #paiement .paiement-option .btn-collapse[aria-expanded="true"] span.caret {
    border-bottom: 6px dashed;
    border-top: 0px dashed;
}

body.panier > #paiement .paiement-option .row.collapse {
    margin: 0 15px;
}

body.panier > #paiement .paiement-option .row.collapse > div {
    padding: 0;
}

body.panier > #paiement .paiement-option input[type="submit"], body.panier > #paiement .paiement-option form .form-group select[type="submit"], form .form-group body.panier > #paiement .paiement-option select[type="submit"], body.panier > #paiement form section .form-group .paiement-option select[type="submit"] {
    margin-bottom: 30px;
    margin-top: 15px;
}

body.panier > #paiement .paiement-option label {
    padding-top: 8px;
    padding-bottom: 8px;
}

body.panier > #confirmation a, body.panier > #confirmation .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation li.open > a:hover, body.panier > #confirmation .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #confirmation li.open > a:focus, body.panier > #confirmation #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours ul li body.panier > #confirmation a:hover, body.panier > #confirmation #compte h1 + nav ul li a:hover, #compte h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #confirmation body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #confirmation body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #confirmation body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #confirmation h1 + nav ul li a:hover, #compte nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #panier nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #coordonnees nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #paiement nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation footer section.row ul li a:hover, footer section.row ul li body.panier > #confirmation a:hover, body.panier > #confirmation footer section.row ul li a:focus, footer section.row ul li body.panier > #confirmation a:focus {
    color: #282828;
}

body.panier > #confirmation a:hover, .navbar-default .navbar-nav body.panier > #confirmation li.open > a:hover, #modal-abonnements-en-cours ul li body.panier > #confirmation a:hover, #compte h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #panier h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #coordonnees h1 + nav ul li body.panier > #confirmation a:hover, body.panier > #paiement h1 + nav ul li body.panier > #confirmation a:hover, #compte nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #panier nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #coordonnees nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #paiement nav.selfNav ul li body.panier > #confirmation a:hover, body.panier > #confirmation nav.selfNav ul li a:hover, footer section.row ul li body.panier > #confirmation a:hover {
    text-decoration: none;
}

body.panier > #confirmation > .container-fluid h3 {
    margin-top: 0;
    margin-bottom: 26px;
    font-size: 34px;
    font-weight: 600;
}

body.panier > #confirmation > .container-fluid .link {
    margin-bottom: 30px;
}

body.panier > #confirmation > .container-fluid p {
    margin-bottom: 17px;
}

body.panier > #confirmation > .container-fluid table.table {
    background-color: #FFFFFF;
    margin-top: 45px;
    padding: 10px 30px;
    margin: 45px auto;
}

body.panier > #confirmation > .container-fluid table.table tr {
    margin-top: 0;
}

body.panier > #confirmation > .container-fluid table.table tr td, body.panier > #confirmation > .container-fluid body.panier > #panier table.table tr th, body.panier > #panier body.panier > #confirmation > .container-fluid table.table tr th, body.panier > #confirmation > .container-fluid table.table tr th {
    border: 0 !important;
    vertical-align: middle;
    padding: 11px 15px;
    text-transform: capitalize;
    font-size: 16px;
}

body.panier > #confirmation > .container-fluid table.table tr td, body.panier > #confirmation > .container-fluid body.panier > #panier table.table tr th, body.panier > #panier body.panier > #confirmation > .container-fluid table.table tr th {
    text-align: right;
    font-weight: bold;
}

body.panier > #confirmation > .container-fluid table.table tr th {
    font-weight: normal;
    color: #999999;
}

body.panier > #confirmation.confirmation-virement .link {
    margin-bottom: 60px;
}

/*IDENTIFICATION*/
.box-identification form input[type="submit"], .box-identification form .form-group select[type="submit"], .box-identification #compte form section .form-group select[type="submit"], #compte .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #panier form section .form-group select[type="submit"], body.panier > #panier .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #coordonnees form section .form-group select[type="submit"], body.panier > #coordonnees .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #paiement form section .form-group select[type="submit"], body.panier > #paiement .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #confirmation form section .form-group select[type="submit"], body.panier > #confirmation .box-identification form section .form-group select[type="submit"], .box-login form input[type="submit"], .box-login form .form-group select[type="submit"], .box-login #compte form section .form-group select[type="submit"], #compte .box-login form section .form-group select[type="submit"], .box-login body.panier > #panier form section .form-group select[type="submit"], body.panier > #panier .box-login form section .form-group select[type="submit"], .box-login body.panier > #coordonnees form section .form-group select[type="submit"], body.panier > #coordonnees .box-login form section .form-group select[type="submit"], .box-login body.panier > #paiement form section .form-group select[type="submit"], body.panier > #paiement .box-login form section .form-group select[type="submit"], .box-login body.panier > #confirmation form section .form-group select[type="submit"], body.panier > #confirmation .box-login form section .form-group select[type="submit"] {
    width: 100%;
}

/*COORDONNÉES*/
#form-adresse-facturation-differente, #etudiant-form, #societe-form, #pro-form {
    display: none;
}

.table-coordonnees input[type="submit"], .table-coordonnees form .form-group select[type="submit"], form .form-group .table-coordonnees select[type="submit"], .table-coordonnees #compte form section .form-group select[type="submit"], #compte form section .form-group .table-coordonnees select[type="submit"], .table-coordonnees body.panier > #panier form section .form-group select[type="submit"], body.panier > #panier form section .form-group .table-coordonnees select[type="submit"], .table-coordonnees body.panier > #coordonnees form section .form-group select[type="submit"], body.panier > #coordonnees form section .form-group .table-coordonnees select[type="submit"], .table-coordonnees body.panier > #paiement form section .form-group select[type="submit"], body.panier > #paiement form section .form-group .table-coordonnees select[type="submit"], .table-coordonnees body.panier > #confirmation form section .form-group select[type="submit"], body.panier > #confirmation form section .form-group .table-coordonnees select[type="submit"] {
    width: 100%;
}

.table-coordonnees label {
    font-size: 14px !important;
}

.sectPrevNext .pager {
    margin-top: 2px;
}

ul.pager li.btnPrec a, ul.pager li.btnPrec .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav ul.pager li.btnPrec li.open > a:hover, ul.pager li.btnPrec .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav ul.pager li.btnPrec li.open > a:focus, #modal-abonnements-en-cours ul.pager li.btnPrec a:hover, #compte h1 + nav ul.pager li.btnPrec a:hover, body.panier > #panier h1 + nav ul.pager li.btnPrec a:hover, body.panier > #coordonnees h1 + nav ul.pager li.btnPrec a:hover, body.panier > #paiement h1 + nav ul.pager li.btnPrec a:hover, body.panier > #confirmation h1 + nav ul.pager li.btnPrec a:hover, #compte nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #panier nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #coordonnees nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #paiement nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #confirmation nav.selfNav ul.pager li.btnPrec a:hover, footer section.row ul.pager li.btnPrec a:hover, footer section.row ul.pager li.btnPrec a:focus, ul.pager li.btnSuiv a, ul.pager li.btnSuiv .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav ul.pager li.btnSuiv li.open > a:hover, ul.pager li.btnSuiv .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav ul.pager li.btnSuiv li.open > a:focus, #modal-abonnements-en-cours ul.pager li.btnSuiv a:hover, #compte h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #panier h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #coordonnees h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #paiement h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #confirmation h1 + nav ul.pager li.btnSuiv a:hover, #compte nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #panier nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #coordonnees nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #paiement nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #confirmation nav.selfNav ul.pager li.btnSuiv a:hover, footer section.row ul.pager li.btnSuiv a:hover, footer section.row ul.pager li.btnSuiv a:focus {
    font-size: 16px;
    color: #ffffff;
    border-radius: 0;
    padding: 8px 20px;
    width: 138px;
}

ul.pager li.btnPrec a, ul.pager li.btnPrec .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav ul.pager li.btnPrec li.open > a:hover, ul.pager li.btnPrec .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav ul.pager li.btnPrec li.open > a:focus, #modal-abonnements-en-cours ul.pager li.btnPrec a:hover, #compte h1 + nav ul.pager li.btnPrec a:hover, body.panier > #panier h1 + nav ul.pager li.btnPrec a:hover, body.panier > #coordonnees h1 + nav ul.pager li.btnPrec a:hover, body.panier > #paiement h1 + nav ul.pager li.btnPrec a:hover, body.panier > #confirmation h1 + nav ul.pager li.btnPrec a:hover, #compte nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #panier nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #coordonnees nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #paiement nav.selfNav ul.pager li.btnPrec a:hover, body.panier > #confirmation nav.selfNav ul.pager li.btnPrec a:hover, footer section.row ul.pager li.btnPrec a:hover, footer section.row ul.pager li.btnPrec a:focus {
    background-color: #ef8e00;
}

ul.pager li.btnSuiv a, ul.pager li.btnSuiv .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav ul.pager li.btnSuiv li.open > a:hover, ul.pager li.btnSuiv .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav ul.pager li.btnSuiv li.open > a:focus, #modal-abonnements-en-cours ul.pager li.btnSuiv a:hover, #compte h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #panier h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #coordonnees h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #paiement h1 + nav ul.pager li.btnSuiv a:hover, body.panier > #confirmation h1 + nav ul.pager li.btnSuiv a:hover, #compte nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #panier nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #coordonnees nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #paiement nav.selfNav ul.pager li.btnSuiv a:hover, body.panier > #confirmation nav.selfNav ul.pager li.btnSuiv a:hover, footer section.row ul.pager li.btnSuiv a:hover, footer section.row ul.pager li.btnSuiv a:focus {
    background-color: #0071bc;
}

.barreProgression {
    border-radius: 0;
    width: 100%;
}

p.champOblig {
    color: #999999;
    margin-top: 20px;
    margin-bottom: 40px;
}

.table-coordonnees .form-control:focus {
    border-color: #0071bc;
}

.modifInfoCiv {
    text-decoration: underline;
}

/*PAIEMENT*/
.paiement-total {
    margin-top: 20px;
}

.border-bott {
    border-bottom: solid 1px #CCCCCC;
    padding-bottom: 20px;
}

.infos-titre {
    margin-bottom: 1em;
}

.infos {
    padding-left: 3em;
}

.adresse-livraison {
    margin-top: 2em;
}

.top-adresse {
    margin-top: 3.4em;
}

.margin-infos {
    margin-top: 0.6em;
}

.mode-paiement-titre {
    margin-top: 3em;
}

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

.mode-reglement {
    margin-top: 1em;
    padding-left: 4em;
}

.mode-reglement-radio {
    padding-left: 1.4em;
    font-weight: normal;
}

.condition-checkbox {
  margin-top: 2em;
}

.btn-terminer-commande {
    background-color: #D1030D;
    color: #ffffff;
    width: 14em;
    height: 2.7em;
    margin-top: 1em;
    margin-bottom: 8px;
}

.btn-commande-txt {
    line-height: 13px;
    margin-top: -8px;
}

.panel-mode-de-paiement {
    padding: 10px 0;
}

.panel-mode-de-paiement a, .panel-mode-de-paiement .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav .panel-mode-de-paiement li.open > a:hover, .panel-mode-de-paiement .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav .panel-mode-de-paiement li.open > a:focus, .panel-mode-de-paiement #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement #compte h1 + nav ul li a:hover, #compte h1 + nav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement #compte nav.selfNav ul li a:hover, #compte nav.selfNav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement footer section.row ul li a:hover, footer section.row ul li .panel-mode-de-paiement a:hover, .panel-mode-de-paiement footer section.row ul li a:focus, footer section.row ul li .panel-mode-de-paiement a:focus {
    text-decoration: none;
}

.mode-de-paiment-padd1 {
    padding-left: 40px;
}

.modes-paiement .radio {
    margin: 0;
}

.modes-paiement .radio input[type="radio"], .modes-paiement .radio form .form-group select[type="radio"], form .form-group .modes-paiement .radio select[type="radio"], .modes-paiement .radio #compte form section .form-group select[type="radio"], #compte form section .form-group .modes-paiement .radio select[type="radio"], .modes-paiement .radio body.panier > #panier form section .form-group select[type="radio"], body.panier > #panier form section .form-group .modes-paiement .radio select[type="radio"], .modes-paiement .radio body.panier > #coordonnees form section .form-group select[type="radio"], body.panier > #coordonnees form section .form-group .modes-paiement .radio select[type="radio"], .modes-paiement .radio body.panier > #paiement form section .form-group select[type="radio"], body.panier > #paiement form section .form-group .modes-paiement .radio select[type="radio"], .modes-paiement .radio body.panier > #confirmation form section .form-group select[type="radio"], body.panier > #confirmation form section .form-group .modes-paiement .radio select[type="radio"] {
    margin-top: 10px;
}

.modes-paiement .panel-collapse input[type="radio"], .modes-paiement .panel-collapse form .form-group select[type="radio"], form .form-group .modes-paiement .panel-collapse select[type="radio"], .modes-paiement .panel-collapse #compte form section .form-group select[type="radio"], #compte form section .form-group .modes-paiement .panel-collapse select[type="radio"], .modes-paiement .panel-collapse body.panier > #panier form section .form-group select[type="radio"], body.panier > #panier form section .form-group .modes-paiement .panel-collapse select[type="radio"], .modes-paiement .panel-collapse body.panier > #coordonnees form section .form-group select[type="radio"], body.panier > #coordonnees form section .form-group .modes-paiement .panel-collapse select[type="radio"], .modes-paiement .panel-collapse body.panier > #paiement form section .form-group select[type="radio"], body.panier > #paiement form section .form-group .modes-paiement .panel-collapse select[type="radio"], .modes-paiement .panel-collapse body.panier > #confirmation form section .form-group select[type="radio"], body.panier > #confirmation form section .form-group .modes-paiement .panel-collapse select[type="radio"] {
    margin-top: 0;
}

.modes-paiement .panel-collapse .radio, .modes-paiement .panel-collapse .checkbox {
    margin-left: 20px;
    margin-bottom: 10px;
}

.modes-paiement .radio img {
    margin: 0 10px;
}

.iframe-hipay {
    width: 100%;
    height: 100%;
    min-height: 940px;
    border: 0;
}

/*ENTREPRISES*/
.entreprises img {
    max-height: 172px;
}

.entreprises .form-group {
    margin-bottom: 0;
}

/*ESPACE-CLIENT*/
body.user-newsletter h4, body.user-newsletter h3 {
    font-weight: bold;
}

body.user-newsletter h3 {
    text-transform: uppercase;
}

body.user-newsletter .offre-news .col-sm-6 {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    body.user-newsletter .offre-news .col-sm-6 + .col-sm-6 {
        border-left: 1px solid #e2dcdc;
    }
}

#compte h1, body.panier > #panier h1, body.panier > #coordonnees h1, body.panier > #paiement h1, body.panier > #confirmation h1 {
    font-size: 52px;
    font-weight: 600;
}

#compte h1 + nav, body.panier > #panier h1 + nav, body.panier > #coordonnees h1 + nav, body.panier > #paiement h1 + nav, body.panier > #confirmation h1 + nav, #compte nav.selfNav, body.panier > #panier nav.selfNav, body.panier > #coordonnees nav.selfNav, body.panier > #paiement nav.selfNav, body.panier > #confirmation nav.selfNav {
    padding-top: 30px;
}

#compte h1 + nav ul, body.panier > #panier h1 + nav ul, body.panier > #coordonnees h1 + nav ul, body.panier > #paiement h1 + nav ul, body.panier > #confirmation h1 + nav ul, #compte nav.selfNav ul, body.panier > #panier nav.selfNav ul, body.panier > #coordonnees nav.selfNav ul, body.panier > #paiement nav.selfNav ul, body.panier > #confirmation nav.selfNav ul {
    border-bottom: 0;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    #compte h1 + nav ul, body.panier > #panier h1 + nav ul, body.panier > #coordonnees h1 + nav ul, body.panier > #paiement h1 + nav ul, body.panier > #confirmation h1 + nav ul, #compte nav.selfNav ul, body.panier > #panier nav.selfNav ul, body.panier > #coordonnees nav.selfNav ul, body.panier > #paiement nav.selfNav ul, body.panier > #confirmation nav.selfNav ul {
        margin-bottom: 0;
    }
}

#compte h1 + nav ul li, body.panier > #panier h1 + nav ul li, body.panier > #coordonnees h1 + nav ul li, body.panier > #paiement h1 + nav ul li, body.panier > #confirmation h1 + nav ul li, #compte nav.selfNav ul li, body.panier > #panier nav.selfNav ul li, body.panier > #coordonnees nav.selfNav ul li, body.panier > #paiement nav.selfNav ul li, body.panier > #confirmation nav.selfNav ul li {
    padding-left: 15px;
    padding-right: 35px;
    width: 100%;
}

@media (min-width: 992px) {
    #compte h1 + nav ul li, body.panier > #panier h1 + nav ul li, body.panier > #coordonnees h1 + nav ul li, body.panier > #paiement h1 + nav ul li, body.panier > #confirmation h1 + nav ul li, #compte nav.selfNav ul li, body.panier > #panier nav.selfNav ul li, body.panier > #coordonnees nav.selfNav ul li, body.panier > #paiement nav.selfNav ul li, body.panier > #confirmation nav.selfNav ul li {
        width: auto;
        padding-left: 15px;
    }
}

#compte h1 + nav ul li + li, body.panier > #panier h1 + nav ul li + li, body.panier > #coordonnees h1 + nav ul li + li, body.panier > #paiement h1 + nav ul li + li, body.panier > #confirmation h1 + nav ul li + li, #compte nav.selfNav ul li + li, body.panier > #panier nav.selfNav ul li + li, body.panier > #coordonnees nav.selfNav ul li + li, body.panier > #paiement nav.selfNav ul li + li, body.panier > #confirmation nav.selfNav ul li + li {
    padding: 8px 0 8px 15px;
}

@media (min-width: 992px) {
    #compte h1 + nav ul li + li, body.panier > #panier h1 + nav ul li + li, body.panier > #coordonnees h1 + nav ul li + li, body.panier > #paiement h1 + nav ul li + li, body.panier > #confirmation h1 + nav ul li + li, #compte nav.selfNav ul li + li, body.panier > #panier nav.selfNav ul li + li, body.panier > #coordonnees nav.selfNav ul li + li, body.panier > #paiement nav.selfNav ul li + li, body.panier > #confirmation nav.selfNav ul li + li {
        padding: 0 35px;
    }
}

#compte h1 + nav ul li a, body.panier > #panier h1 + nav ul li a, body.panier > #coordonnees h1 + nav ul li a, body.panier > #paiement h1 + nav ul li a, body.panier > #confirmation h1 + nav ul li a, #compte h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #compte h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a:hover, #compte h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #compte h1 + nav ul li.open > a:focus, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a:focus, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a:focus, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a:focus, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a:focus, #compte h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours #compte h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #panier h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation h1 + nav ul li a:hover, #compte h1 + nav ul li a:hover, #compte body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier #compte h1 + nav ul li a:hover, body.panier > #panier h1 + nav ul li a:hover, #compte body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees #compte h1 + nav ul li a:hover, body.panier > #panier body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav ul li a:hover, #compte body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement #compte h1 + nav ul li a:hover, body.panier > #panier body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #paiement h1 + nav ul li a:hover, #compte body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation #compte h1 + nav ul li a:hover, body.panier > #panier body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #paiement body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation body.panier > #paiement h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav ul li a:hover, #compte h1 + nav nav.selfNav ul li a:hover, #compte nav.selfNav h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #panier h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #panier nav.selfNav h1 + nav ul li a:hover, body.panier > #panier nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #panier nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #panier nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav body.panier > #panier h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav body.panier > #panier h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav h1 + nav ul li a:hover, #compte h1 + nav footer section.row ul li a:hover, footer section.row #compte h1 + nav ul li a:hover, footer section.row body.panier > #panier h1 + nav ul li a:hover, footer section.row body.panier > #coordonnees h1 + nav ul li a:hover, footer section.row body.panier > #paiement h1 + nav ul li a:hover, footer section.row body.panier > #confirmation h1 + nav ul li a:hover, #compte h1 + nav footer section.row ul li a:focus, footer section.row #compte h1 + nav ul li a:focus, body.panier > #panier h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #panier h1 + nav ul li a:focus, body.panier > #coordonnees h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #coordonnees h1 + nav ul li a:focus, body.panier > #paiement h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #paiement h1 + nav ul li a:focus, body.panier > #confirmation h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #confirmation h1 + nav ul li a:focus, #compte nav.selfNav ul li a, body.panier > #panier nav.selfNav ul li a, body.panier > #coordonnees nav.selfNav ul li a, body.panier > #paiement nav.selfNav ul li a, body.panier > #confirmation nav.selfNav ul li a, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #compte nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a:focus, #modal-abonnements-en-cours body.panier > #panier nav.selfNav ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees nav.selfNav ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement nav.selfNav ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation nav.selfNav ul li a:hover, #compte nav.selfNav ul li a:hover, footer section.row body.panier > #panier nav.selfNav ul li a:hover, footer section.row body.panier > #coordonnees nav.selfNav ul li a:hover, footer section.row body.panier > #paiement nav.selfNav ul li a:hover, footer section.row body.panier > #confirmation nav.selfNav ul li a:hover, #compte nav.selfNav footer section.row ul li a:focus, footer section.row #compte nav.selfNav ul li a:focus, footer section.row body.panier > #panier nav.selfNav ul li a:focus, footer section.row body.panier > #coordonnees nav.selfNav ul li a:focus, footer section.row body.panier > #paiement nav.selfNav ul li a:focus, footer section.row body.panier > #confirmation nav.selfNav ul li a:focus {
    padding: 0 0 2px 0;
    color: rgba(40, 40, 40, 0.4);
    background: transparent;
    border: 0;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
    display: inline-block;
}

@media (min-width: 992px) {
    #compte h1 + nav ul li a, body.panier > #panier h1 + nav ul li a, body.panier > #coordonnees h1 + nav ul li a, body.panier > #paiement h1 + nav ul li a, body.panier > #confirmation h1 + nav ul li a, #compte h1 + nav ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav #compte h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a:hover, #compte h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #compte h1 + nav ul li.open > a:focus, body.panier > #panier h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a:focus, body.panier > #coordonnees h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a:focus, body.panier > #paiement h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a:focus, body.panier > #confirmation h1 + nav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a:focus, #compte h1 + nav #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours #compte h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #panier h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement h1 + nav ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation h1 + nav ul li a:hover, #compte h1 + nav ul li a:hover, #compte body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier #compte h1 + nav ul li a:hover, body.panier > #panier h1 + nav ul li a:hover, #compte body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees #compte h1 + nav ul li a:hover, body.panier > #panier body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav ul li a:hover, #compte body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement #compte h1 + nav ul li a:hover, body.panier > #panier body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #paiement h1 + nav ul li a:hover, #compte body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation #compte h1 + nav ul li a:hover, body.panier > #panier body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #paiement body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation body.panier > #paiement h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav ul li a:hover, #compte h1 + nav nav.selfNav ul li a:hover, #compte nav.selfNav h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #panier h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, #compte nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #panier nav.selfNav h1 + nav ul li a:hover, body.panier > #panier nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #panier nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #panier nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav body.panier > #panier h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #coordonnees nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav body.panier > #panier h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav h1 + nav ul li a:hover, body.panier > #paiement nav.selfNav body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav body.panier > #panier h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav body.panier > #paiement h1 + nav ul li a:hover, body.panier > #confirmation nav.selfNav h1 + nav ul li a:hover, #compte h1 + nav footer section.row ul li a:hover, footer section.row #compte h1 + nav ul li a:hover, footer section.row body.panier > #panier h1 + nav ul li a:hover, footer section.row body.panier > #coordonnees h1 + nav ul li a:hover, footer section.row body.panier > #paiement h1 + nav ul li a:hover, footer section.row body.panier > #confirmation h1 + nav ul li a:hover, #compte h1 + nav footer section.row ul li a:focus, footer section.row #compte h1 + nav ul li a:focus, body.panier > #panier h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #panier h1 + nav ul li a:focus, body.panier > #coordonnees h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #coordonnees h1 + nav ul li a:focus, body.panier > #paiement h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #paiement h1 + nav ul li a:focus, body.panier > #confirmation h1 + nav footer section.row ul li a:focus, footer section.row body.panier > #confirmation h1 + nav ul li a:focus, #compte nav.selfNav ul li a, body.panier > #panier nav.selfNav ul li a, body.panier > #coordonnees nav.selfNav ul li a, body.panier > #paiement nav.selfNav ul li a, body.panier > #confirmation nav.selfNav ul li a, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a:hover, #compte nav.selfNav ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav #compte nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a:focus, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a:focus, #modal-abonnements-en-cours body.panier > #panier nav.selfNav ul li a:hover, #modal-abonnements-en-cours body.panier > #coordonnees nav.selfNav ul li a:hover, #modal-abonnements-en-cours body.panier > #paiement nav.selfNav ul li a:hover, #modal-abonnements-en-cours body.panier > #confirmation nav.selfNav ul li a:hover, #compte nav.selfNav ul li a:hover, footer section.row body.panier > #panier nav.selfNav ul li a:hover, footer section.row body.panier > #coordonnees nav.selfNav ul li a:hover, footer section.row body.panier > #paiement nav.selfNav ul li a:hover, footer section.row body.panier > #confirmation nav.selfNav ul li a:hover, #compte nav.selfNav footer section.row ul li a:focus, footer section.row #compte nav.selfNav ul li a:focus, footer section.row body.panier > #panier nav.selfNav ul li a:focus, footer section.row body.panier > #coordonnees nav.selfNav ul li a:focus, footer section.row body.panier > #paiement nav.selfNav ul li a:focus, footer section.row body.panier > #confirmation nav.selfNav ul li a:focus {
        border-bottom: 0px solid #cccccc;
        padding: 0 0 40px 0;
        display: block;
    }
}

#compte h1 + nav ul li a.active, body.panier > #panier h1 + nav ul li a.active, body.panier > #coordonnees h1 + nav ul li a.active, body.panier > #paiement h1 + nav ul li a.active, body.panier > #confirmation h1 + nav ul li a.active, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a.active:focus, #modal-abonnements-en-cours body.panier > #panier h1 + nav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #coordonnees h1 + nav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #paiement h1 + nav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #confirmation h1 + nav ul li a.active:hover, #compte body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #panier #compte h1 + nav ul li a.active:hover, #compte body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #coordonnees #compte h1 + nav ul li a.active:hover, body.panier > #panier body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #coordonnees body.panier > #panier h1 + nav ul li a.active:hover, #compte body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #paiement #compte h1 + nav ul li a.active:hover, body.panier > #panier body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #paiement body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #coordonnees body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #paiement body.panier > #coordonnees h1 + nav ul li a.active:hover, #compte body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation #compte h1 + nav ul li a.active:hover, body.panier > #panier body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #coordonnees body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #paiement body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation body.panier > #paiement h1 + nav ul li a.active:hover, #compte h1 + nav nav.selfNav ul li a.active:hover, #compte nav.selfNav h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav h1 + nav ul li a.active:hover, footer section.row body.panier > #panier h1 + nav ul li a.active:hover, footer section.row body.panier > #coordonnees h1 + nav ul li a.active:hover, footer section.row body.panier > #paiement h1 + nav ul li a.active:hover, footer section.row body.panier > #confirmation h1 + nav ul li a.active:hover, footer section.row body.panier > #panier h1 + nav ul li a.active:focus, footer section.row body.panier > #coordonnees h1 + nav ul li a.active:focus, footer section.row body.panier > #paiement h1 + nav ul li a.active:focus, footer section.row body.panier > #confirmation h1 + nav ul li a.active:focus, #compte nav.selfNav ul li a.active, body.panier > #panier nav.selfNav ul li a.active, body.panier > #coordonnees nav.selfNav ul li a.active, body.panier > #paiement nav.selfNav ul li a.active, body.panier > #confirmation nav.selfNav ul li a.active, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a.active:focus, #modal-abonnements-en-cours body.panier > #panier nav.selfNav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #coordonnees nav.selfNav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #paiement nav.selfNav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #confirmation nav.selfNav ul li a.active:hover, footer section.row body.panier > #panier nav.selfNav ul li a.active:hover, footer section.row body.panier > #coordonnees nav.selfNav ul li a.active:hover, footer section.row body.panier > #paiement nav.selfNav ul li a.active:hover, footer section.row body.panier > #confirmation nav.selfNav ul li a.active:hover, footer section.row body.panier > #panier nav.selfNav ul li a.active:focus, footer section.row body.panier > #coordonnees nav.selfNav ul li a.active:focus, footer section.row body.panier > #paiement nav.selfNav ul li a.active:focus, footer section.row body.panier > #confirmation nav.selfNav ul li a.active:focus {
    border-bottom: 1px solid #282828;
    color: #282828;
}

@media (min-width: 992px) {
    #compte h1 + nav ul li a.active, body.panier > #panier h1 + nav ul li a.active, body.panier > #coordonnees h1 + nav ul li a.active, body.panier > #paiement h1 + nav ul li a.active, body.panier > #confirmation h1 + nav ul li a.active, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #panier h1 + nav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #coordonnees h1 + nav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #paiement h1 + nav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #confirmation h1 + nav ul li.open > a.active:focus, #modal-abonnements-en-cours body.panier > #panier h1 + nav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #coordonnees h1 + nav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #paiement h1 + nav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #confirmation h1 + nav ul li a.active:hover, #compte body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #panier #compte h1 + nav ul li a.active:hover, #compte body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #coordonnees #compte h1 + nav ul li a.active:hover, body.panier > #panier body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #coordonnees body.panier > #panier h1 + nav ul li a.active:hover, #compte body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #paiement #compte h1 + nav ul li a.active:hover, body.panier > #panier body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #paiement body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #coordonnees body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #paiement body.panier > #coordonnees h1 + nav ul li a.active:hover, #compte body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation #compte h1 + nav ul li a.active:hover, body.panier > #panier body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #coordonnees body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #paiement body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation body.panier > #paiement h1 + nav ul li a.active:hover, #compte h1 + nav nav.selfNav ul li a.active:hover, #compte nav.selfNav h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, #compte nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #panier nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #coordonnees nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav h1 + nav ul li a.active:hover, body.panier > #paiement nav.selfNav body.panier > #confirmation h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav body.panier > #panier h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav body.panier > #coordonnees h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav body.panier > #paiement h1 + nav ul li a.active:hover, body.panier > #confirmation nav.selfNav h1 + nav ul li a.active:hover, footer section.row body.panier > #panier h1 + nav ul li a.active:hover, footer section.row body.panier > #coordonnees h1 + nav ul li a.active:hover, footer section.row body.panier > #paiement h1 + nav ul li a.active:hover, footer section.row body.panier > #confirmation h1 + nav ul li a.active:hover, footer section.row body.panier > #panier h1 + nav ul li a.active:focus, footer section.row body.panier > #coordonnees h1 + nav ul li a.active:focus, footer section.row body.panier > #paiement h1 + nav ul li a.active:focus, footer section.row body.panier > #confirmation h1 + nav ul li a.active:focus, #compte nav.selfNav ul li a.active, body.panier > #panier nav.selfNav ul li a.active, body.panier > #coordonnees nav.selfNav ul li a.active, body.panier > #paiement nav.selfNav ul li a.active, body.panier > #confirmation nav.selfNav ul li a.active, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a.active:hover, .navbar-default .navbar-nav body.panier > #panier nav.selfNav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #coordonnees nav.selfNav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #paiement nav.selfNav ul li.open > a.active:focus, .navbar-default .navbar-nav body.panier > #confirmation nav.selfNav ul li.open > a.active:focus, #modal-abonnements-en-cours body.panier > #panier nav.selfNav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #coordonnees nav.selfNav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #paiement nav.selfNav ul li a.active:hover, #modal-abonnements-en-cours body.panier > #confirmation nav.selfNav ul li a.active:hover, footer section.row body.panier > #panier nav.selfNav ul li a.active:hover, footer section.row body.panier > #coordonnees nav.selfNav ul li a.active:hover, footer section.row body.panier > #paiement nav.selfNav ul li a.active:hover, footer section.row body.panier > #confirmation nav.selfNav ul li a.active:hover, footer section.row body.panier > #panier nav.selfNav ul li a.active:focus, footer section.row body.panier > #coordonnees nav.selfNav ul li a.active:focus, footer section.row body.panier > #paiement nav.selfNav ul li a.active:focus, footer section.row body.panier > #confirmation nav.selfNav ul li a.active:focus {
        border-bottom: 3px solid #cccccc;
    }
}

#compte > .container-fluid, body.panier > #panier > .container-fluid, body.panier > #coordonnees > .container-fluid, body.panier > #paiement > .container-fluid, body.panier > #confirmation > .container-fluid {
    min-height: 420px;
    background-color: #F4F2F2;
    padding-top: 65px;
    padding-bottom: 65px;
}

#compte .table-responsive, body.panier > #panier .table-responsive, body.panier > #coordonnees .table-responsive, body.panier > #paiement .table-responsive, body.panier > #confirmation .table-responsive {
    border: 1px solid transparent;
}

@media (min-width: 992px) {
    #compte .table-responsive, body.panier > #panier .table-responsive, body.panier > #coordonnees .table-responsive, body.panier > #paiement .table-responsive, body.panier > #confirmation .table-responsive {
        border-width: 1px;
    }
}

#compte table, body.panier > #panier table, body.panier > #coordonnees table, body.panier > #paiement table, body.panier > #confirmation table {
    border-spacing: 0 16px;
    border-collapse: separate;
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
    #compte table, body.panier > #panier table, body.panier > #coordonnees table, body.panier > #paiement table, body.panier > #confirmation table {
        display: table;
        width: 100%;
        border-spacing: 0 16px;
    }
}

#compte table > tbody, body.panier > #panier table > tbody, body.panier > #coordonnees table > tbody, body.panier > #paiement table > tbody, body.panier > #confirmation table > tbody {
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
    #compte table > tbody, body.panier > #panier table > tbody, body.panier > #coordonnees table > tbody, body.panier > #paiement table > tbody, body.panier > #confirmation table > tbody {
        display: table-row-group;
        width: 100%;
    }
}

#compte table thead, body.panier > #panier table thead, body.panier > #coordonnees table thead, body.panier > #paiement table thead, body.panier > #confirmation table thead {
    display: none;
}

@media (min-width: 992px) {
    #compte table thead, body.panier > #panier table thead, body.panier > #coordonnees table thead, body.panier > #paiement table thead, body.panier > #confirmation table thead {
        display: table-header-group;
    }
}

#compte table thead th, body.panier > #panier table thead th, body.panier > #coordonnees table thead th, body.panier > #paiement table thead th, body.panier > #confirmation table thead th {
    padding: 0 38px 12px 38px;
    border: 0;
    font-weight: 400;
    color: #999999;
    background-color: transparent;
}

#compte table tr + tr, body.panier > #panier table tr + tr, body.panier > #coordonnees table tr + tr, body.panier > #paiement table tr + tr, body.panier > #confirmation table tr + tr {
    margin-top: 10px;
}

#compte table tr::after, body.panier > #panier table tr::after, body.panier > #coordonnees table tr::after, body.panier > #paiement table tr::after, body.panier > #confirmation table tr::after {
    height: 1px;
    margin-bottom: 9px;
}

#compte table tr td, body.panier > #panier table tr td, body.panier > #coordonnees table tr td, body.panier > #paiement table tr td, body.panier > #confirmation table tr td, #compte body.panier > #panier table tr th, body.panier > #panier table tr th, body.panier > #coordonnees body.panier > #panier table tr th, body.panier > #panier body.panier > #coordonnees table tr th, body.panier > #paiement body.panier > #panier table tr th, body.panier > #panier body.panier > #paiement table tr th, body.panier > #confirmation body.panier > #panier table tr th, body.panier > #panier body.panier > #confirmation table tr th {
    border: 0;
    padding: 15px 38px;
    background-color: #FFFFFF;
    width: 100%;
    display: block;
    float: left;
}

#compte table tr td span.commande-label, body.panier > #panier table tr td span.commande-label, body.panier > #coordonnees table tr td span.commande-label, body.panier > #paiement table tr td span.commande-label, body.panier > #confirmation table tr td span.commande-label, #compte body.panier > #panier table tr th span.commande-label, body.panier > #panier table tr th span.commande-label, body.panier > #coordonnees body.panier > #panier table tr th span.commande-label, body.panier > #paiement body.panier > #panier table tr th span.commande-label, body.panier > #confirmation body.panier > #panier table tr th span.commande-label, #compte body.panier > #panier table tr td span.panier-label, body.panier > #panier table tr td span.panier-label, body.panier > #coordonnees body.panier > #panier table tr td span.panier-label, body.panier > #paiement body.panier > #panier table tr td span.panier-label, body.panier > #confirmation body.panier > #panier table tr td span.panier-label, #compte body.panier > #panier table tr th span.panier-label, body.panier > #panier table tr th span.panier-label, body.panier > #coordonnees body.panier > #panier table tr th span.panier-label, body.panier > #paiement body.panier > #panier table tr th span.panier-label, body.panier > #confirmation body.panier > #panier table tr th span.panier-label {
    display: flex;
    font-size: 14px;
    color: #cccccc;
}

@media (min-width: 992px) {
    #compte table tr td span.commande-label, body.panier > #panier table tr td span.commande-label, body.panier > #coordonnees table tr td span.commande-label, body.panier > #paiement table tr td span.commande-label, body.panier > #confirmation table tr td span.commande-label, #compte body.panier > #panier table tr th span.commande-label, body.panier > #panier table tr th span.commande-label, body.panier > #coordonnees body.panier > #panier table tr th span.commande-label, body.panier > #paiement body.panier > #panier table tr th span.commande-label, body.panier > #confirmation body.panier > #panier table tr th span.commande-label, #compte body.panier > #panier table tr td span.panier-label, body.panier > #panier table tr td span.panier-label, body.panier > #coordonnees body.panier > #panier table tr td span.panier-label, body.panier > #paiement body.panier > #panier table tr td span.panier-label, body.panier > #confirmation body.panier > #panier table tr td span.panier-label, #compte body.panier > #panier table tr th span.panier-label, body.panier > #panier table tr th span.panier-label, body.panier > #coordonnees body.panier > #panier table tr th span.panier-label, body.panier > #paiement body.panier > #panier table tr th span.panier-label, body.panier > #confirmation body.panier > #panier table tr th span.panier-label {
        display: none;
    }
}

@media (min-width: 600px) {
    #compte table tr td, body.panier > #panier table tr td, body.panier > #coordonnees table tr td, body.panier > #paiement table tr td, body.panier > #confirmation table tr td, #compte body.panier > #panier table tr th, body.panier > #panier table tr th, body.panier > #coordonnees body.panier > #panier table tr th, body.panier > #panier body.panier > #coordonnees table tr th, body.panier > #paiement body.panier > #panier table tr th, body.panier > #panier body.panier > #paiement table tr th, body.panier > #confirmation body.panier > #panier table tr th, body.panier > #panier body.panier > #confirmation table tr th {
        width: 50%;
    }
}

@media (min-width: 992px) {
    #compte table tr td, body.panier > #panier table tr td, body.panier > #coordonnees table tr td, body.panier > #paiement table tr td, body.panier > #confirmation table tr td, #compte body.panier > #panier table tr th, body.panier > #panier table tr th, body.panier > #coordonnees body.panier > #panier table tr th, body.panier > #panier body.panier > #coordonnees table tr th, body.panier > #paiement body.panier > #panier table tr th, body.panier > #panier body.panier > #paiement table tr th, body.panier > #confirmation body.panier > #panier table tr th, body.panier > #panier body.panier > #confirmation table tr th {
        display: table-cell;
        float: none;
        width: auto;
        border-top: 1px solid #EAEAEA;
        border-bottom: 1px solid #EAEAEA;
        padding: 35px 38px;
    }
}

@media (min-width: 992px) {
    #compte table tr td:first-child, body.panier > #panier table tr td:first-child, body.panier > #coordonnees table tr td:first-child, body.panier > #paiement table tr td:first-child, body.panier > #confirmation table tr td:first-child, #compte body.panier > #panier table tr th:first-child, body.panier > #panier table tr th:first-child, body.panier > #coordonnees body.panier > #panier table tr th:first-child, body.panier > #paiement body.panier > #panier table tr th:first-child, body.panier > #confirmation body.panier > #panier table tr th:first-child {
        border-left: 1px solid #EAEAEA;
        width: 100%;
    }
}

#compte table tr td:nth-child(3), body.panier > #panier table tr td:nth-child(3), body.panier > #coordonnees table tr td:nth-child(3), body.panier > #paiement table tr td:nth-child(3), body.panier > #confirmation table tr td:nth-child(3), #compte body.panier > #panier table tr th:nth-child(3), body.panier > #panier table tr th:nth-child(3), body.panier > #coordonnees body.panier > #panier table tr th:nth-child(3), body.panier > #panier body.panier > #coordonnees table tr th:nth-child(3), body.panier > #paiement body.panier > #panier table tr th:nth-child(3), body.panier > #panier body.panier > #paiement table tr th:nth-child(3), body.panier > #confirmation body.panier > #panier table tr th:nth-child(3), body.panier > #panier body.panier > #confirmation table tr th:nth-child(3) {
    text-transform: uppercase;
}

#compte table tr td:nth-child(5), body.panier > #panier table tr td:nth-child(5), body.panier > #coordonnees table tr td:nth-child(5), body.panier > #paiement table tr td:nth-child(5), body.panier > #confirmation table tr td:nth-child(5), #compte body.panier > #panier table tr th:nth-child(5), body.panier > #panier table tr th:nth-child(5), body.panier > #coordonnees body.panier > #panier table tr th:nth-child(5), body.panier > #panier body.panier > #coordonnees table tr th:nth-child(5), body.panier > #paiement body.panier > #panier table tr th:nth-child(5), body.panier > #panier body.panier > #paiement table tr th:nth-child(5), body.panier > #confirmation body.panier > #panier table tr th:nth-child(5), body.panier > #panier body.panier > #confirmation table tr th:nth-child(5), #compte table tr td:last-child, #compte body.panier > #panier table tr td:last-child, body.panier > #panier table tr td:last-child, #compte body.panier > #coordonnees table tr td:last-child, body.panier > #coordonnees table tr td:last-child, #compte body.panier > #paiement table tr td:last-child, body.panier > #paiement table tr td:last-child, #compte body.panier > #confirmation table tr td:last-child, body.panier > #confirmation table tr td:last-child, #compte body.panier > #panier table tr th:last-child, body.panier > #panier table tr th:last-child, #compte body.panier > #coordonnees body.panier > #panier table tr th:last-child, body.panier > #coordonnees body.panier > #panier table tr th:last-child, body.panier > #paiement body.panier > #coordonnees body.panier > #panier table tr th:last-child, body.panier > #confirmation body.panier > #coordonnees body.panier > #panier table tr th:last-child, #compte body.panier > #paiement body.panier > #panier table tr th:last-child, body.panier > #coordonnees body.panier > #paiement body.panier > #panier table tr th:last-child, body.panier > #paiement body.panier > #panier table tr th:last-child, body.panier > #confirmation body.panier > #paiement body.panier > #panier table tr th:last-child, #compte body.panier > #confirmation body.panier > #panier table tr th:last-child, body.panier > #coordonnees body.panier > #confirmation body.panier > #panier table tr th:last-child, body.panier > #paiement body.panier > #confirmation body.panier > #panier table tr th:last-child, body.panier > #confirmation body.panier > #panier table tr th:last-child {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

#compte table tr td:last-child, body.panier > #panier table tr td:last-child, body.panier > #coordonnees table tr td:last-child, body.panier > #paiement table tr td:last-child, body.panier > #confirmation table tr td:last-child, #compte body.panier > #panier table tr th:last-child, body.panier > #panier table tr th:last-child, body.panier > #coordonnees body.panier > #panier table tr th:last-child, body.panier > #paiement body.panier > #panier table tr th:last-child, body.panier > #confirmation body.panier > #panier table tr th:last-child {
    border-right: 1px solid #EAEAEA;
}

#compte table tr td.valide, body.panier > #panier table tr td.valide, body.panier > #coordonnees table tr td.valide, body.panier > #paiement table tr td.valide, body.panier > #confirmation table tr td.valide, #compte body.panier > #panier table tr th.valide, body.panier > #panier table tr th.valide, body.panier > #coordonnees body.panier > #panier table tr th.valide, body.panier > #paiement body.panier > #panier table tr th.valide, body.panier > #confirmation body.panier > #panier table tr th.valide {
    color: #14C669;
}

#compte table tr td.warning, body.panier > #panier table tr td.warning, body.panier > #coordonnees table tr td.warning, body.panier > #paiement table tr td.warning, body.panier > #confirmation table tr td.warning, #compte body.panier > #panier table tr th.warning, body.panier > #panier table tr th.warning, body.panier > #coordonnees body.panier > #panier table tr th.warning, body.panier > #paiement body.panier > #panier table tr th.warning, body.panier > #confirmation body.panier > #panier table tr th.warning {
    color: #FF3333;
}

#compte form section, body.panier > #panier form section, body.panier > #coordonnees form section, body.panier > #paiement form section, body.panier > #confirmation form section {
    margin-bottom: 60px;
}

#compte form section h3, body.panier > #panier form section h3, body.panier > #coordonnees form section h3, body.panier > #paiement form section h3, body.panier > #confirmation form section h3 {
    font-weight: bold;
    margin-bottom: 40px;
}

#compte form section .form-group, body.panier > #panier form section .form-group, body.panier > #coordonnees form section .form-group, body.panier > #paiement form section .form-group, body.panier > #confirmation form section .form-group {
    margin-bottom: 18px;
}

#compte form section .form-group label, body.panier > #panier form section .form-group label, body.panier > #coordonnees form section .form-group label, body.panier > #paiement form section .form-group label, body.panier > #confirmation form section .form-group label {
    font-weight: 400;
    margin-bottom: 12px;
}

#compte form section .form-group label.radio-inline, body.panier > #panier form section .form-group label.radio-inline, body.panier > #coordonnees form section .form-group label.radio-inline, body.panier > #paiement form section .form-group label.radio-inline, body.panier > #confirmation form section .form-group label.radio-inline {
    padding-right: 35px;
}

#compte form section .form-group input, body.panier > #panier form section .form-group input, body.panier > #coordonnees form section .form-group input, body.panier > #paiement form section .form-group input, body.panier > #confirmation form section .form-group input, #compte form section .form-group select, #compte body.panier > #panier form section .form-group select, body.panier > #panier form section .form-group select, #compte body.panier > #coordonnees form section .form-group select, body.panier > #coordonnees form section .form-group select, #compte body.panier > #paiement form section .form-group select, body.panier > #paiement form section .form-group select, #compte body.panier > #confirmation form section .form-group select, body.panier > #confirmation form section .form-group select {
    border: 1px solid #EAEAEA;
    /*padding: 18px 15px;*/
    border-radius: 0;
}

#compte form section .form-group input:focus, body.panier > #panier form section .form-group input:focus, body.panier > #coordonnees form section .form-group input:focus, body.panier > #paiement form section .form-group input:focus, body.panier > #confirmation form section .form-group input:focus, #compte form section .form-group select:focus, body.panier > #panier form section .form-group select:focus, body.panier > #coordonnees form section .form-group select:focus, body.panier > #paiement form section .form-group select:focus, body.panier > #confirmation form section .form-group select:focus {
    outline: 0;
    box-shadow: none;
}

#compte form section .form-group input[type=password], body.panier > #panier form section .form-group input[type=password], body.panier > #coordonnees form section .form-group input[type=password], body.panier > #paiement form section .form-group input[type=password], body.panier > #confirmation form section .form-group input[type=password], #compte form section .form-group select[type="password"], body.panier > #panier form section .form-group select[type="password"], body.panier > #coordonnees form section .form-group select[type="password"], body.panier > #paiement form section .form-group select[type="password"], body.panier > #confirmation form section .form-group select[type="password"] {
    font-size: 26px;
}

#compte .ok-abo, body.panier > #panier .ok-abo, body.panier > #coordonnees .ok-abo, body.panier > #paiement .ok-abo, body.panier > #confirmation .ok-abo {
    color: #282828;
}

.facture td, .facture body.panier > #panier table tr th, body.panier > #panier table tr .facture th, .facture th, .facture table {
    padding: 5px;
}

body.inscription-nl h1 {
    margin-top: 45px;
    margin-bottom: 30px;
    font-size: 52px;
    font-weight: bold;
}

body.inscription-nl h1 + p {
    color: #A8A8A8;
}

body.inscription-nl #formulaire {
    padding-bottom: 65px;
    background-color: #F4F2F2;
    margin-top: 45px;
}

body.inscription-nl #formulaire h4 {
    margin-top: 35px;
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 24px;
}

body.inscription-nl #formulaire .form-group {
    margin-bottom: 30px;
}

body.inscription-nl #formulaire input[type="submit"], body.inscription-nl #formulaire form .form-group select[type="submit"], form .form-group body.inscription-nl #formulaire select[type="submit"] {
    margin-top: 35px;
}
.maintenance-container{
    background-color: #F4F2F2;
}
@media (min-width:768px){
    .bloc-maintenance{
        min-height: 400px;
    }
}
.bloc-maintenance{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 20px;
    margin-bottom: 35px;
    text-align: center;
}
.maintenance .headings h2{
    font-weight: 700;
}

/*--Site-medias--*/
.logo-taille {
    width: 100px;
}

.icone-taille {
    width: 15px;
}

/*MODAL-MOT-DE-PASSE-OUBLIÉ*/
.email-mot-de-passe-oublie {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #b0e0e6;
}

#mp-email .form-control {
    width: initial;
    height: 40px;
}

.reinitialise-mp {
    width: initial;
}

.textinput-mp {
    display: block;
    width: inherit;
    padding: 6px 12px;
    height: 38px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #B3B3B3;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.textinput-mp:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*FOOTER*/
.footer-help {
    background-color: #FFFFFF;
    padding-top: 62px;
    padding-bottom: 62px;
    font-size: 20px;
}

.footer-help p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer-help p:first-of-type {
    font-size: 26px;
    text-transform: uppercase;
}

.logo-tel {
    margin: 15px auto;
}

.footer-reassurance {
    background-color: #F5AE0E;
    padding-bottom: 62px;
    padding-top: 62px;
}

.footer-reassurance h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 39px;
    margin-bottom: 45px;
}

.footer-reassurance .col-5 {
    width: 100%;
    float: left;
    padding-left: 60px;
    padding-right: 60px;
}

.footer-reassurance .col-5 + .col-5{
    margin-top: 35px;
}

@media (min-width: 768px) {
    .footer-reassurance .col-5 {
        width: 20%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .footer-reassurance .col-5 + .col-5{
        margin-top: 0;
    }
}

.footer-reassurance .col-5 h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.footer-reassurance .col-5 p {
    color: #826537;
}

.footer-reassurance .col-5 .match-footer-rea {
    margin-bottom: 20px;
}

footer {
    background-color: #282828;
    font-family: gineso, sans-serif;
}

footer section.row {
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 28px;
}

footer section.row + .row {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

footer section.row:first-child {
    font-size: 18px;
    line-height: 30px;
    margin-left: -30px;
}
footer .menu-site,
footer .menu-edition{
    text-align: center;
}
@media (min-width: 992px){
    footer .menu-site,
    footer .menu-edition{
        text-align: left;
    }
}
footer section.row h5 {
    font-size: 16px;
    color: #F5AE0E;
    margin-bottom: 20px;
}
footer .has-logo{
    margin-bottom: 30px;
}
footer .has-logo.grey:hover{
    background-color: #ff3334;
}

footer section.row ul {
    list-style: none;
    padding-left: 0;
}

footer section.row ul li a, footer section.row ul .navbar-default .navbar-nav li.open > a:hover, .navbar-default .navbar-nav footer section.row ul li.open > a:hover, footer section.row ul .navbar-default .navbar-nav li.open > a:focus, .navbar-default .navbar-nav footer section.row ul li.open > a:focus, footer section.row #modal-abonnements-en-cours ul li a:hover, #modal-abonnements-en-cours footer section.row ul li a:hover, footer section.row #compte h1 + nav ul li a:hover, #compte h1 + nav footer section.row ul li a:hover, footer section.row body.panier > #panier h1 + nav ul li a:hover, body.panier > #panier h1 + nav footer section.row ul li a:hover, footer section.row body.panier > #coordonnees h1 + nav ul li a:hover, body.panier > #coordonnees h1 + nav footer section.row ul li a:hover, footer section.row body.panier > #paiement h1 + nav ul li a:hover, body.panier > #paiement h1 + nav footer section.row ul li a:hover, footer section.row body.panier > #confirmation h1 + nav ul li a:hover, body.panier > #confirmation h1 + nav footer section.row ul li a:hover, footer section.row #compte nav.selfNav ul li a:hover, #compte nav.selfNav footer section.row ul li a:hover, footer section.row body.panier > #panier nav.selfNav ul li a:hover, body.panier > #panier nav.selfNav footer section.row ul li a:hover, footer section.row body.panier > #coordonnees nav.selfNav ul li a:hover, body.panier > #coordonnees nav.selfNav footer section.row ul li a:hover, footer section.row body.panier > #paiement nav.selfNav ul li a:hover, body.panier > #paiement nav.selfNav footer section.row ul li a:hover, footer section.row body.panier > #confirmation nav.selfNav ul li a:hover, body.panier > #confirmation nav.selfNav footer section.row ul li a:hover, footer section.row ul li a:hover, footer section.row ul li a:focus {
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

#btn_up {
    position: fixed;
    bottom: 25px;
    right: 25px;
    cursor: pointer;
    display: none;
    padding: 5px;
}

#btn_up span {
    font-size: 2.5em;
    line-height: 1em;
}

.admin-login .login {
    background-color: #F4F2F2;
    padding: 70px 0;
    margin-top: 90px;
}

.admin-login .login h2 {
    margin-bottom: 40px;
    font-size: 26px;
}

.admin-login .login form .form-group {
    margin-bottom: 35px;
}

.admin-login .login form input[type="submit"], .admin-login .login form .form-group select[type="submit"], .admin-login .login #compte form section .form-group select[type="submit"], #compte .admin-login .login form section .form-group select[type="submit"], .admin-login .login body.panier > #panier form section .form-group select[type="submit"], body.panier > #panier .admin-login .login form section .form-group select[type="submit"], .admin-login .login body.panier > #coordonnees form section .form-group select[type="submit"], body.panier > #coordonnees .admin-login .login form section .form-group select[type="submit"], .admin-login .login body.panier > #paiement form section .form-group select[type="submit"], body.panier > #paiement .admin-login .login form section .form-group select[type="submit"], .admin-login .login body.panier > #confirmation form section .form-group select[type="submit"], body.panier > #confirmation .admin-login .login form section .form-group select[type="submit"] {
    width: auto;
    margin-top: 25px;
}

@media (max-width: 992px) {
    .logo {
        width: 16%;
        margin-top: 5px;
        padding: 0 0 0 15px;
    }

    .bloc-mag-home .img-produit {
        max-height: 106px;
    }

    .bloc-mag-home h2 {
        font-size: 16px;
    }

    .bloc-promo {
        padding-bottom: 15px;
    }
    .no-padd {
        padding-left: 15px;
        padding-right: 15px;
    }

    .no-padd-left {
        padding-left: 15px;
    }

    .no-padd-right {
        padding-right: 15px;
    }

    .rubrique-titre .btn {
        position: inherit;
    }

    .bloc-offre-groupee {
        height: auto;
    }

    .bloc-offre-groupee img.img-produit-min {
        max-height: 65px;
    }

    .bloc-offre-groupee img.img-produits-eventail {
        max-height: 85px;
    }

    .bloc-offres-carte .btn {
        position: inherit;
    }

    .entreprises img {
        max-height: 123px;
    }
}

@media (max-width: 767px) {
    .logo {
        width: 50%;
        margin-top: 5px;
        padding: 0 0 0 15px;
    }

    .navigation-mobile {
        width: 50%;
    }

    .bloc-offre-groupee img.img-produit-min {
        max-height: 50px;
    }

    .bloc-offre-groupee img.img-produits-eventail {
        max-height: 70px;
    }

    .bloc-promo {
        padding-bottom: 0;
    }

    .type-frais-de-port {
        border: 0;
    }

    .box-identification form input[type="submit"], .box-identification form .form-group select[type="submit"], .box-identification #compte form section .form-group select[type="submit"], #compte .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #panier form section .form-group select[type="submit"], body.panier > #panier .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #coordonnees form section .form-group select[type="submit"], body.panier > #coordonnees .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #paiement form section .form-group select[type="submit"], body.panier > #paiement .box-identification form section .form-group select[type="submit"], .box-identification body.panier > #confirmation form section .form-group select[type="submit"], body.panier > #confirmation .box-identification form section .form-group select[type="submit"] {
        margin-top: 0;
    }

    .entreprises img {
        max-height: 100%;
        margin: 0;
    }

    .gammeEssai .bandeau {
        height: 70vh !important;
        margin: 0;
    }

    .gammeEssai .bandeau .offre_gratuite {
        height: 75%;
    }

    .gammeEssai .bandeau .offre_gratuite .offre_texte .style_1 {
        font-size: 30px;
    }

    .gammeEssai .bandeau .offre_titre {
        position: relative;
        margin-top: 30%;
        padding: 3px;
        font-size: 30px;
        line-height: 30px;
        width: 100%;
    }
}

@media (max-width: 400px) {
    .btn-panier-bottom .btn {
        float: right !important;
        margin-bottom: 15px;
        margin-left: 15px;
    }
}

body {
    padding-bottom: 0 !important;
}
.relative {
    position: relative;
}

.loader-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -120px;
    width: 240px;
    height: 240px;
}

.loader-ring-light {
    width: 240px;
    height: 240px;
    -moz-border-radius: 240px;
    -webkit-border-radius: 240px;
    border-radius: 240px;
    -moz-box-shadow: 0 4px 0 #00abf2 inset;
    -webkit-box-shadow: 0 4px 0 #00abf2 inset;
    box-shadow: 0 4px 0 #00abf2 inset;
    animation: rotate-360 2s linear infinite;
}

.loader-ring-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 240px;
    -moz-border-radius: 240px;
    -webkit-border-radius: 240px;
    border-radius: 240px;
    -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
}

@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*# sourceMappingURL=style.css.map */