/******************************************************************************\
 * main-forfait globals
\******************************************************************************/
.main-forfait,
.main-forfait:before,
.main-forfait:after,
.main-forfait *,
.main-forfait *:before,
.main-forfait *:after {box-sizing:border-box;}

/******************************************************************************\
 * main-forfait layout
\******************************************************************************/
#main-forfait + #box-weather { margin-top:0; }
.main-forfait {
    padding:40px 5px 0;
    width:320px;
}
.box-cross-selling--md { display:none; }
@media screen and (min-width:768px) {
    .main-forfait {
        padding:40px 15px 0;
        width:570px;
    }
}
@media screen and (min-width: 1025px) {
    .main-forfait {
        padding:40px 15px 50px;
        width:970px;
    }
    .box-cross-selling--xs-sm { display:none; }
    .box-cross-selling--md { display:block; }
}
.main-forfait__wrapper {
    padding:15px 0 16px;
    border-radius:20px;
    background:rgba(0, 27, 54, .8);
    color:white;
}
.main-forfait__main-title {
    margin:0 30px;
    font-size:20px;
    text-transform:uppercase;
}
.main-forfait__item {
    padding:15px 0;
    width:100%;
    font-size:12px;
}

@media screen and (min-width: 1025px) {
    .main-forfait__item { display:table; }
    .main-forfait__reload { padding-bottom:0; }
    .main-forfait__item > div {
        float:none;
        display:table-cell;
        vertical-align:middle;
    }
}

.main-forfait__item + .main-forfait__item { border-top:1px solid rgba(255, 255, 255, .4); }
.main-forfait .bs-container { width:100%; }

@media screen and (min-width: 1025px) {
    .main-forfait .bs-container .bs-row {
        display:table;
        width:calc(100% + 30px); /* compensate negative margins for display:table; */
    }
}

.main-forfait .bs-container .bs-row > .col-md-8 + .col-md-4 { margin-top:10px; }

@media screen and (min-width: 1025px) {
    .main-forfait .bs-container .bs-row > div {
        display:table-cell;
        float:none;
        vertical-align:middle;
    }
    .main-forfait .bs-container .bs-row > .col-md-8 { text-align:left; }
    .main-forfait .bs-container .bs-row > .col-md-8 + .col-md-4 {
        margin-top:0;
        text-align:right;
    }
}


.main-forfait__icon {
    float:left;
    border-right:1px solid rgba(255, 255, 255, .4);
    width:54px; height:54px;
    background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:auto;
}
.main-forfait__icon + div {
    float:left;
    width:236px;
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .main-forfait__icon {
        width:96px; height:96px;
    }
    .main-forfait__icon + div { width:444px; }
}

@media screen and (min-width:1025px) {
    .main-forfait__icon {
        border-left:1px solid rgba(255, 255, 255, .4);
        width:14%; min-width:86px;
    }
    .main-forfait__icon + div {
        float:none;
        width:86%;
    }
    .reload__content .main-forfait__description p:first-child { margin-top:0; }
}

.main-forfait__frequency p:last-child,
.main-forfait__discover p:last-child {
    margin:8px 0 0;
}

/******************************************************************************\
 * main-forfait title
\******************************************************************************/
.main-forfait__title {
    margin:0;
    font-size:14px; font-weight:100;
}
.main-forfait__title span {
    display:block;
    font-size:18px;
}
.main-forfait__title b,
.main-forfait__title strong { font-weight:400; }

/******************************************************************************\
 * main-forfait .btn
\******************************************************************************/
.main-forfait__item .btn {
    border-radius:3px;
    width:100%;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.941' height='10.782' viewBox='0 0 6.941 10.782'%3E%3Cpath fill='white' d='M1003.14,807.664a0.4,0.4,0,0,0-.13-0.3l-4.963-4.969a0.421,0.421,0,0,0-.6,0l-1.111,1.112a0.42,0.42,0,0,0,0,.6l3.555,3.556-3.555,3.556a0.421,0.421,0,0,0,0,.6l1.111,1.111a0.421,0.421,0,0,0,.6,0l4.963-4.969A0.394,0.394,0,0,0,1003.14,807.664Z' transform='translate(-996.219 -802.281)'/%3E%3C/svg%3E");
}
#main-forfait .main-forfait__item .btn {
    padding-right:30px;
    background-repeat:no-repeat; background-position:right 10px top 50%;
    font-weight:700; font-size:16px;
    text-align:left; text-transform:uppercase;
    -webkit-transition:background 200ms ease-in-out, color 200ms ease-in-out, border 200ms ease-in-out;
    transition:background 200ms ease-in-out, color 200ms ease-in-out, border 200ms ease-in-out; 
}
#main-forfait .main-forfait__item .btn:hover,
#main-forfait .main-forfait__item .btn:focus {
    color:white;
    border-color:#71b1d6;
    background-color:#71b1d6;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.941' height='10.782' viewBox='0 0 6.941 10.782'%3E%3Cpath fill='white' d='M1003.14,807.664a0.4,0.4,0,0,0-.13-0.3l-4.963-4.969a0.421,0.421,0,0,0-.6,0l-1.111,1.112a0.42,0.42,0,0,0,0,.6l3.555,3.556-3.555,3.556a0.421,0.421,0,0,0,0,.6l1.111,1.111a0.421,0.421,0,0,0,.6,0l4.963-4.969A0.394,0.394,0,0,0,1003.14,807.664Z' transform='translate(-996.219 -802.281)'/%3E%3C/svg%3E");
}
#main-forfait .main-forfait__item .btn[href='#'],
#main-forfait .main-forfait__item .btn[href='#']:hover,
#main-forfait .main-forfait__item .btn[href='#']:focus {
    background-color:#aaaaaa;
    cursor: default;
    opacity: 0.5;
}

/******************************************************************************\
 * main-forfait frequency
\******************************************************************************/
.main-forfait__frequency .main-forfait__icon {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41.031 41'%3E%3Cpath fill='white'  d='M478.744,698.543a0.6,0.6,0,0,0-.835-0.256l-6.246,3.49a1.392,1.392,0,0,1-1.151.086l-26.662-9.9a0.612,0.612,0,0,0-.794.377l-1.042,3.168a0.654,0.654,0,0,0,.4.82l28.449,10.559a1.381,1.381,0,0,0,1.151-.087l7.92-4.425a0.666,0.666,0,0,0,.275-0.877Zm-5.26-19.652a4.7,4.7,0,0,0-2.965-2.419,4.431,4.431,0,0,0-3.684.683l-10.805,7.621a3.689,3.689,0,0,0-1.42,2.053c-0.534,1.965,1.363,3.59,3.211,4.158l3.5,1.075a0.226,0.226,0,0,1,.077.392l-3.387,2.767a0.243,0.243,0,0,0,.071.416l3.247,1.2a1,1,0,0,0,.78-0.036l7.893-3.812a3.531,3.531,0,0,0,1.555-2.1c0.513-1.886-.387-2.831-2.162-3.377l-3.667-1.173a0.21,0.21,0,0,1-.058-0.373l3.939-2.778,1.324,2.571,0.546,1.062a0.564,0.564,0,0,0,.609.291l0.822-.163,6.048-1.2a0.454,0.454,0,0,0,.369-0.5l-0.253-2.28a0.446,0.446,0,0,0-.471-0.395l-4.174.224a0.557,0.557,0,0,1-.558-0.376l-0.618-1.834A1.5,1.5,0,0,0,473.484,678.891ZM443.878,677.1l12.719,4.721,2.39-1.648,0.025-.018-13.767-5.11ZM477.3,666.012a5.625,5.625,0,1,0,5.688,5.626A5.656,5.656,0,0,0,477.3,666.012Z' transform='translate(-441.969 -666)'/%3E%3C/svg%3E");
}
#main-forfait .frequency__links .btn {
    position:relative;
    padding-left:50px;
    background-color:white;
    color:#003c78;
}
#main-forfait .frequency__links .btn:hover,
#main-forfait .frequency__links .btn:focus {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.777' height='6.937' viewBox='0 0 10.777 6.937'%3E%3Cpath fill='white' d='M999.7,811.126A0.417,0.417,0,0,0,1000,811l4.973-4.968a0.438,0.438,0,0,0,0-.6l-1.12-1.112a0.394,0.394,0,0,0-.3-0.127,0.427,0.427,0,0,0-.3.127l-3.555,3.555-3.555-3.555a0.421,0.421,0,0,0-.6,0l-1.112,1.112a0.42,0.42,0,0,0,0,.6L999.394,811A0.414,0.414,0,0,0,999.7,811.126Z' transform='translate(-994.313 -804.188)'/%3E%3C/svg%3E");
}
.frequency__links { position:relative; }
.frequency__links .btn:before {
    content:'';
    position:absolute;
    top:50%; left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:0; border:none; border-right:1px solid #ccd8e4;
    width:40px; height:20px;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41.031' height='41' viewBox='0 0 41.031 41'%3E%3Cpath fill='%23003c78'  d='M478.744,698.543a0.6,0.6,0,0,0-.835-0.256l-6.246,3.49a1.392,1.392,0,0,1-1.151.086l-26.662-9.9a0.612,0.612,0,0,0-.794.377l-1.042,3.168a0.654,0.654,0,0,0,.4.82l28.449,10.559a1.381,1.381,0,0,0,1.151-.087l7.92-4.425a0.666,0.666,0,0,0,.275-0.877Zm-5.26-19.652a4.7,4.7,0,0,0-2.965-2.419,4.431,4.431,0,0,0-3.684.683l-10.805,7.621a3.689,3.689,0,0,0-1.42,2.053c-0.534,1.965,1.363,3.59,3.211,4.158l3.5,1.075a0.226,0.226,0,0,1,.077.392l-3.387,2.767a0.243,0.243,0,0,0,.071.416l3.247,1.2a1,1,0,0,0,.78-0.036l7.893-3.812a3.531,3.531,0,0,0,1.555-2.1c0.513-1.886-.387-2.831-2.162-3.377l-3.667-1.173a0.21,0.21,0,0,1-.058-0.373l3.939-2.778,1.324,2.571,0.546,1.062a0.564,0.564,0,0,0,.609.291l0.822-.163,6.048-1.2a0.454,0.454,0,0,0,.369-0.5l-0.253-2.28a0.446,0.446,0,0,0-.471-0.395l-4.174.224a0.557,0.557,0,0,1-.558-0.376l-0.618-1.834A1.5,1.5,0,0,0,473.484,678.891ZM443.878,677.1l12.719,4.721,2.39-1.648,0.025-.018-13.767-5.11ZM477.3,666.012a5.625,5.625,0,1,0,5.688,5.626A5.656,5.656,0,0,0,477.3,666.012Z' transform='translate(-441.969 -666)'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:20px 20px;
    -webkit-transition:background 200ms ease-in-out; 
    transition:background 200ms ease-in-out; 
}
.frequency__links .btn:after { display:none; }
.frequency__links .btn:hover,
.frequency__links .btn:focus {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.777' height='6.937' viewBox='0 0 10.777 6.937'%3E%3Cpath fill='%23fff' d='M999.7,811.126A0.417,0.417,0,0,0,1000,811l4.973-4.968a0.438,0.438,0,0,0,0-.6l-1.12-1.112a0.394,0.394,0,0,0-.3-0.127,0.427,0.427,0,0,0-.3.127l-3.555,3.555-3.555-3.555a0.421,0.421,0,0,0-.6,0l-1.112,1.112a0.42,0.42,0,0,0,0,.6L999.394,811A0.414,0.414,0,0,0,999.7,811.126Z' transform='translate(-994.313 -804.188)'/%3E%3C/svg%3E");
}
.frequency__links .btn:hover:before,
.frequency__links .btn:focus:before {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41.031' height='41' viewBox='0 0 41.031 41'%3E%3Cpath fill='white'  d='M478.744,698.543a0.6,0.6,0,0,0-.835-0.256l-6.246,3.49a1.392,1.392,0,0,1-1.151.086l-26.662-9.9a0.612,0.612,0,0,0-.794.377l-1.042,3.168a0.654,0.654,0,0,0,.4.82l28.449,10.559a1.381,1.381,0,0,0,1.151-.087l7.92-4.425a0.666,0.666,0,0,0,.275-0.877Zm-5.26-19.652a4.7,4.7,0,0,0-2.965-2.419,4.431,4.431,0,0,0-3.684.683l-10.805,7.621a3.689,3.689,0,0,0-1.42,2.053c-0.534,1.965,1.363,3.59,3.211,4.158l3.5,1.075a0.226,0.226,0,0,1,.077.392l-3.387,2.767a0.243,0.243,0,0,0,.071.416l3.247,1.2a1,1,0,0,0,.78-0.036l7.893-3.812a3.531,3.531,0,0,0,1.555-2.1c0.513-1.886-.387-2.831-2.162-3.377l-3.667-1.173a0.21,0.21,0,0,1-.058-0.373l3.939-2.778,1.324,2.571,0.546,1.062a0.564,0.564,0,0,0,.609.291l0.822-.163,6.048-1.2a0.454,0.454,0,0,0,.369-0.5l-0.253-2.28a0.446,0.446,0,0,0-.471-0.395l-4.174.224a0.557,0.557,0,0,1-.558-0.376l-0.618-1.834A1.5,1.5,0,0,0,473.484,678.891ZM443.878,677.1l12.719,4.721,2.39-1.648,0.025-.018-13.767-5.11ZM477.3,666.012a5.625,5.625,0,1,0,5.688,5.626A5.656,5.656,0,0,0,477.3,666.012Z' transform='translate(-441.969 -666)'/%3E%3C/svg%3E");
}
.frequency__links ul {
    position:absolute; top:100%; right:0; z-index:1;
    overflow:hidden;
    height:0; min-height:0;
    -webkit-transition:min-height 200ms ease-in-out;
    transition:min-height 200ms ease-in-out;
}
.frequency__links input:checked + .btn {
    border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.frequency__links input:checked ~ ul {
    display:block;
    min-height:20em;
}
.frequency__links ul a {
    display:block;
    padding:8px 30px 8px 20px;
    background-color:#003c78; color:white;
    font-weight:700; font-size:14px;
    text-align:left; text-transform:uppercase;
    white-space:nowrap;
    -webkit-transition:background 200ms ease-in-out, color 200ms ease-in-out;
    transition:background 200ms ease-in-out, color 200ms ease-in-out; 
}
.frequency__links ul a:hover,
.frequency__links ul a:focus { background-color:#71b1d6; }

/******************************************************************************\
 * main-forfait discover
\******************************************************************************/
.main-forfait__discover .main-forfait__icon {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath fill='white' d='M449.733,826.99H441V793.727h8.734V826.99Zm33.262-42v8.733H449.733v-8.733H483Zm0,42h-0.823V793.727H483V826.99Zm-8.315,0h-0.823V793.727h0.823V826.99Zm-8.316,0h-0.823V793.727h0.823V826.99Zm-8.316,0h-0.823V793.727h0.823V826.99Zm-8.315,0H448.91V793.727h0.823V826.99ZM483,826.166v0.824H449.733v-0.824H483Zm0-8.315v0.823H449.733v-0.823H483Zm0-8.316v0.825H449.733v-0.825H483Zm0-8.315v0.823H449.733V801.22H483Zm0-8.315v0.822H449.733v-0.822H483Z' transform='translate(-441 -785)'/%3E%3C/svg%3E");
}
#main-forfait .discover__links .btn {
    border:1px solid white;
    background-color:transparent;
}

/******************************************************************************\
 * main-forfait reload
\******************************************************************************/
.main-forfait__reload .main-forfait__icon {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.938' height='41' viewBox='0 0 40.938 41'%3E%3Cpath fill='white' d='M452.406,935.853l-3.475-3.478,26.425-26.451,3.475,3.478ZM474.4,904.965a3.263,3.263,0,0,0-4.605-.028l-21.848,21.869a3.272,3.272,0,0,0,.028,4.609l0.308,0.308,26.425-26.451Zm12.6,12.607-7.51-7.518-26.425,26.452,7.51,7.517a3.264,3.264,0,0,0,4.605.027l21.848-21.867A3.273,3.273,0,0,0,486.992,917.572Z' transform='translate(-447.031 -904)'/%3E%3C/svg%3E");
}
#main-forfait .reload__link { background-color:#e85152; }
.reload__content .selector,
.reload__content .selector span,
.reload__content select {
    background-color:white; color:#003c78;
}
.reload__content .selector {
    border-radius:3px;
    padding:0;
}
.reload__content .selector span {
    padding:8px 30px 8px 20px;
    height:auto;
    background-repeat:no-repeat; background-position:right 10px top 50%;
    font-weight:700; font-size:16px; line-height:1.3;
}

/******************************************************************************\
 * main-forfait cross-selling
\******************************************************************************/
.main-forfait__cross_selling #box-cross-selling {
    margin:0;
    width:auto;
}

/******************************************************************************\
 * main-forfait common data URIs
\******************************************************************************/
#main-forfait .frequency__links .btn,
.reload__content .selector span {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.777%22%20height%3D%226.937%22%20viewBox%3D%220%200%2010.777%206.937%22%3E%3Cpath%20fill%3D%22%23003c78%22%20d%3D%22M999.7%2C811.126A0.417%2C0.417%2C0%2C0%2C0%2C1000%2C811l4.973-4.968a0.438%2C0.438%2C0%2C0%2C0%2C0-.6l-1.12-1.112a0.394%2C0.394%2C0%2C0%2C0-.3-0.127%2C0.427%2C0.427%2C0%2C0%2C0-.3.127l-3.555%2C3.555-3.555-3.555a0.421%2C0.421%2C0%2C0%2C0-.6%2C0l-1.112%2C1.112a0.42%2C0.42%2C0%2C0%2C0%2C0%2C.6L999.394%2C811A0.414%2C0.414%2C0%2C0%2C0%2C999.7%2C811.126Z%22%20transform%3D%22translate(-994.313%20-804.188)%22%2F%3E%3C%2Fsvg%3E");
}


@media screen and (max-width:767px) {
    .main-forfait__frequency .main-forfait__icon {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 41.031 41'%3E%3Cpath fill='white'  d='M478.744,698.543a0.6,0.6,0,0,0-.835-0.256l-6.246,3.49a1.392,1.392,0,0,1-1.151.086l-26.662-9.9a0.612,0.612,0,0,0-.794.377l-1.042,3.168a0.654,0.654,0,0,0,.4.82l28.449,10.559a1.381,1.381,0,0,0,1.151-.087l7.92-4.425a0.666,0.666,0,0,0,.275-0.877Zm-5.26-19.652a4.7,4.7,0,0,0-2.965-2.419,4.431,4.431,0,0,0-3.684.683l-10.805,7.621a3.689,3.689,0,0,0-1.42,2.053c-0.534,1.965,1.363,3.59,3.211,4.158l3.5,1.075a0.226,0.226,0,0,1,.077.392l-3.387,2.767a0.243,0.243,0,0,0,.071.416l3.247,1.2a1,1,0,0,0,.78-0.036l7.893-3.812a3.531,3.531,0,0,0,1.555-2.1c0.513-1.886-.387-2.831-2.162-3.377l-3.667-1.173a0.21,0.21,0,0,1-.058-0.373l3.939-2.778,1.324,2.571,0.546,1.062a0.564,0.564,0,0,0,.609.291l0.822-.163,6.048-1.2a0.454,0.454,0,0,0,.369-0.5l-0.253-2.28a0.446,0.446,0,0,0-.471-0.395l-4.174.224a0.557,0.557,0,0,1-.558-0.376l-0.618-1.834A1.5,1.5,0,0,0,473.484,678.891ZM443.878,677.1l12.719,4.721,2.39-1.648,0.025-.018-13.767-5.11ZM477.3,666.012a5.625,5.625,0,1,0,5.688,5.626A5.656,5.656,0,0,0,477.3,666.012Z' transform='translate(-441.969 -666)'/%3E%3C/svg%3E");
    }
    .main-forfait__discover .main-forfait__icon {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 42 42'%3E%3Cpath fill='white' d='M449.733,826.99H441V793.727h8.734V826.99Zm33.262-42v8.733H449.733v-8.733H483Zm0,42h-0.823V793.727H483V826.99Zm-8.315,0h-0.823V793.727h0.823V826.99Zm-8.316,0h-0.823V793.727h0.823V826.99Zm-8.316,0h-0.823V793.727h0.823V826.99Zm-8.315,0H448.91V793.727h0.823V826.99ZM483,826.166v0.824H449.733v-0.824H483Zm0-8.315v0.823H449.733v-0.823H483Zm0-8.316v0.825H449.733v-0.825H483Zm0-8.315v0.823H449.733V801.22H483Zm0-8.315v0.822H449.733v-0.822H483Z' transform='translate(-441 -785)'/%3E%3C/svg%3E");
    }
    .main-forfait__reload .main-forfait__icon {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 40.938 41'%3E%3Cpath fill='white' d='M452.406,935.853l-3.475-3.478,26.425-26.451,3.475,3.478ZM474.4,904.965a3.263,3.263,0,0,0-4.605-.028l-21.848,21.869a3.272,3.272,0,0,0,.028,4.609l0.308,0.308,26.425-26.451Zm12.6,12.607-7.51-7.518-26.425,26.452,7.51,7.517a3.264,3.264,0,0,0,4.605.027l21.848-21.867A3.273,3.273,0,0,0,486.992,917.572Z' transform='translate(-447.031 -904)'/%3E%3C/svg%3E");
    }
}

/******************************************************************************\
 * SUMMER DISPLAY
\******************************************************************************/
body.front.season-summer .main-forfait__panel{
    display: none;
}
body.front.season-summer .box-cross-selling--md{
    width: 100%;
}
body.front.season-summer #box-cross-selling .inner {
    background:#021f38;
}

body.front.season-summer #box-cross-selling .inner .textbeforelist {
    background:#021f38;
}

body.front.season-summer #box-cross-selling .inner .header .title {
    background:#021f38;
}

body.front.season-summer #box-cross-selling .inner .form-submit span {
    background:#9fbf5b;
}
@media screen and (max-width: 767px) {
    body.front.season-summer #box-cross-selling.mode-overlay {
        background:#021f38;
    }
}