@import url('https://fonts.googleapis.com/css?family=Roboto|Oswald:300,400');
.FL{float:left;}
.FR{float:right;}
.Mb20{margin-bottom:20px;}
.Mb10{margin-bottom:10px;}
.Mt10{margin-top:10px;}
.Mt50{margin-top:50px;}
.Ml15{margin-left:15px}
.clear{clear:both}
#genericErrors{margin-top:65px;min-height:1px;}
#disconnect{padding:10px;display:none;background:#fff;position:fixed;top:57px;}
.wrapper{max-width:1024px;;margin-left:auto;margin-right:auto;}
.offer-block{/*max-width:720px;*/margin-left:auto;margin-right:auto;margin-bottom: 5%}
.offre{position:relative;padding:20px;background:#fff;text-align:center;}
.offre img{width:100%}
.price{color:#ff6b2b;font-size:24px;font-weight:bold}
.price.firstMonth{display:inline-block;}
span.price{font-size:18px;}
.abo-title{color:#51ae58;font-family:'Oswald';font-size:25px;text-align:center;margin:0 auto;display:inline-block;}
.abo-title::after{border-top:3px solid;content:"\A";width:50px;height:1px;display:block;}
.titre{font-family:'Oswald';font-size:24px;text-align:center;margin:30px 0 50px 0}
body{background:#f5f5f5;font-size:14px;font-family:'Roboto';}
.center{max-width:500px;margin-left:auto;margin-right:auto;}
.total{background-color:#fff; padding:5%}
.btn-green{padding: 7px 12px;background-color: #51ae58;border-radius: 5px;color: white;}
.btn-boutique,.btn-creation{display:block;width:100%;padding:12px 7px;font-size:14px;border-radius:5px;border:1px solid #51ae58;}
.btn-boutique{background-color:#51ae58;color:#fff;text-decoration:none;}
.btn-boutique:hover{background-color:#90ca94;border-color:#90ca94;text-decoration:none;}
.btn-boutique:active{background-color:#2c3a6e;border-color:#2c3a6e;;text-decoration:none;}
.btn-boutique{text-decoration:none;}
.btn-creation{color:#51ae58;text-align:center}
.titre_moyen,.titre_petit{text-align:center;font-size:30px;font-family:'Oswald';}
.titre_petit{font-size:20px}
.imgConnexion{float:left;max-width:150px;}
.imgConnexion + div{min-width:calc(100% - 150px);}
.connexionTitle{font-weight:bold;font-family:'Oswald';font-size:20px;}
.imgConnexion img{margin:0 -20px;max-width:calc(100% + 20px);}
.adresse_details{display:none;}
.second-button {background-color:#909090;border-radius:4px;border:0;font-size:12px;color:#fff;line-height:30px;margin:20px 0;}
.offre-img{position:relative;margin:30px 0;}
.reduc{padding:10px;background-color:#ff6b2b;color:white;font-weight:bold;font-size:16px;position:absolute;width:100px;left:-20px;top:0;}
.btn_crea_compte {max-width:250px;text-align:center;margin:20px auto;}
#formulaire_creation .col-sm-6{margin:5px 0;}
.details ul{margin-left:10px;padding-left:0;text-align:left;}
.details ul li{list-style-image:url('../img/mv_check.png');margin-left:5px;margin-top:10px;}
.details ul li.notAvailable{list-style-image:url('../img/mv_cross.png');padding-left:5px;margin-top:13px;}
.separator{width:calc(100% - 80px);border-top:1.5px solid #ccc;margin:30px auto;min-width:200px;}
.abo-details {font-size:12px;color:#999;margin-bottom:37px;}
.suiv + .abo-details {margin-bottom: 10px;}
.headerTunnel{margin-bottom:20px;text-align:center;}
.headerAbo{float:right;}
.headerAbo a.stepLink{color:#201d2c;}
a.stepLink span{font-size:12px;margin-left:20px;float:left;margin-top:0;line-height:10px;margin-right:20px;}
a.stepLink{height:40px;min-width:50px;display:inline-block;padding-left:0px;padding-right:0px;margin-right:-3px;background-repeat:no-repeat;background-position:center 5px;padding-top:45px;line-height:initial;text-transform:capitalize;text-align:center;color:#cacaca;}
a.stepLink.done{color:#1e3d79;}
a.stepLink.done:hover{color:#41B57D;text-decoration:none;}
a.stepLink.panier{background-image:url('../img/mv-abo-off.png');}
a.stepLink.panier.done{background-image:url('../img/mv-abo-on.png');}
a.stepLink.panier.done:hover{background-image:url('../img/mv-abo-hover.png');}
a.stepLink.abo.done{background-image:url('../img/mv-abo.png');}
a.stepLink.abo.done:hover{background-image:url('../img/mv-abon-hover.png');}
a.stepLink.identifiants{background-image:url('../img/mv-compte-off.png');}
a.stepLink.identifiants.done{background-image:url('../img/mv-compte-on.png');}
a.stepLink.coordonnees{background-image:url('../img/mv-coordonnees.png');}
a.stepLink.coordonnees.done:hover,a.stepLink.identifiants.done:hover{background-image:url('../img/mv-coordonnees-hover.png');}
a.stepLink.paiement{background-image:url('../img/mv-paiement-off.png');}
a.stepLink.paiement.done{background-image:url('../img/mv-paiement-on.png');}
a.stepLink.paiement.done:hover{background-image:url('../img/mv-paiement-hover.png');}
a.stepLink + div{margin-left:-37px;margin-right:-37px;vertical-align:top;width:65px;background-repeat:repeat-x;display:inline-block; height:40px;margin-top:5px;}
a.stepLink + div.done{background-image:url('../img/done.png');}
a.stepLink + div.off{background-image:url('../img/off.png');}
.text-center a img{height:50px;}
.ccType + label img {display:inline-block;height:40px;}
.bloc-cb{margin-bottom:15px;}
.choixCb,.choixRib {width:300px;border:1px solid #ddd;border-radius:10px;margin:10px;padding:10px;}
.choixCb.selected,.choixRib.selected{border-color:blue;}
.fancybox-overlay {background:rgba(85,85,85,0.85);}

.container{width:100%;max-width:144rem;padding:0 1.5rem;margin:0 auto}
@media screen and (min-width: 1025px) {
.container{padding:0 5rem}
}

.rowcenter {
    justify-content: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.formule {
	max-width:330px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 24px;
	background: #fff;
}

.formule-contour {
	max-width:330px;
	margin-left: 30px;
	margin-right: 30px;
	
}

.formule-recommande {
	margin-left: auto;
    margin-right: auto;
    border: 5px solid #51ae58;
    border-top-right-radius: 2px 2px;
    border-bottom-right-radius: 2px 2px;
    border-bottom-left-radius: 2px 2px;
    background-color: #fff;
}

.onglet {
    background-color: #51ae58;
    color: #fff;
    padding-top: 5px;
    font-weight: 700;
    width: 125px;
    text-align: center;
    font-size: 14px;
}

.simple{
	top:25px;
}

footer{background-color:#212121}
footer .container{position:relative}
footer .container .footer-top{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;border-bottom:1px solid #777;padding:1.5rem 0}
footer .container .footer-top .logo-container{width:100%;display:block}
footer .container .footer-top .logo-container .main-logo{display:block;max-width:18rem;position:relative}
footer .container .footer-top .social-container .social-link{display:inline-block}
footer .container .footer-top .social-container .social-link:not(:last-child){margin-right:2rem}
footer .container .footer-top .social-container .social-link .social-icon{height:2.5rem;width:2.5rem;fill:#fff;-webkit-transition:all .3s linear;transition:all .3s linear}
footer .container .footer-top .social-container .social-link:hover .social-icon{fill:#777}
footer .container .footer-middle{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:center;justify-content:center;padding:4rem 1.5rem;border-bottom:1px solid #777}
footer .container .footer-middle .footer-middle-col:first-child{padding-bottom:3rem}
footer .container .footer-middle h3,.footer-h3{color:#fff}
footer .container .footer-middle h3:not(:last-child),footer .container .footer-middle .footer-h3:not(:last-child){margin-bottom:3rem}
footer .container .footer-middle .footer-block:not(:last-child){margin-bottom:3rem}
footer .container .footer-middle .footer-block h4,footer .container .footer-middle .footer-block .titlefooter4{color:#fff;margin-bottom:1.5rem}
footer .container .footer-middle .footer-block span{display:inline-block;margin-bottom:1rem}
footer .container .footer-middle .footer-block .footer-icon{height:1.8rem;width:1.8rem;margin:.6rem 1rem .6rem 0;fill:#fff}
footer .container .footer-middle .footer-block a:not(:last-child){margin-bottom:2rem}
footer .container .footer-middle .footer-block a p{-webkit-transition:all .3s linear;transition:all .3s linear}
footer .container .footer-middle .footer-block a:hover{text-decoration:none;color:#fff}
footer .container .footer-middle .footer-block a:hover p{color:#fff}
footer .container .footer-middle .footer-block .payment-link{display:inline-block}
footer .container .footer-middle .footer-block .payment-link:not(:last-child){margin-right:2rem}
footer .container .footer-middle .footer-block .payment-link .pay-icon{height:2.7rem;width:3.6rem;fill:#777}
footer .container .footer-middle .footer-block .payment-link .pay-img{height:2.7rem;width:2.7rem}
footer .container .footer-bottom{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
footer .container .footer-bottom .footer-list{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap;padding:3rem 0}
footer .container .footer-bottom .footer-list li{width:auto;margin-bottom:2rem}
footer .container .footer-bottom .footer-list li:not(:last-child){margin-right:3rem}
footer .container .footer-bottom .go-to-top{display:inline-block;cursor:pointer}
footer .container .footer-bottom .go-to-top .top-icon{height:2rem;width:2rem;fill:#fff}
footer .container .bottom-link{display:inline-block;font-size:1.4rem;line-height:2.6rem;color:#fff;-webkit-transition:all .3s linear;transition:all .3s linear}
footer .container .bottom-link h4{-webkit-transition:all .3s linear;transition:all .3s linear}
footer .container .bottom-link:hover{text-decoration:none;color:#777}
footer .container .bottom-link:hover h4{color:#777}
footer ul{list-style-type: none;}
@media screen and (min-width: 1025px) {
footer .container .footer-top{padding:2rem 0}
footer .container .footer-top .logo-container .main-logo{max-width:19rem}
footer .container .footer-top .social-container .social-link:not(:last-child){margin-right:3rem}
footer .container .footer-middle{padding:6rem 0}
footer .container .footer-middle .footer-middle-col:first-child{padding-bottom:0}
footer .container .footer-middle .footer-block:not(.footer-payment-block){display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
footer .container .footer-middle .footer-block:not(.footer-payment-block) h4,.titlefooter4{margin-bottom:2rem}
footer .container .footer-bottom .footer-list li{margin-bottom:auto}
footer .container .footer-bottom .footer-list li .bottom-link{font-size:1.6rem;line-height:3rem}
}