#container.elements {
    padding-bottom: 30px;
    overflow: hidden
}

iframe {
    width: 100%
}

.descr,
.visu {
    float: left
}

div.ei_tpl_fixe {
    margin: 0 auto;
    width: 980px
}

#ei_tpl_menuLevel1 li a {
    font-size: 1.1em
}

table#tab-prep .intitule,
table#tab-prep-spec .intitule {
    border-collapse: collapse;
    font-weight: 700;
    font-size: .8em;
    width: 180px!important;
    text-align: left!important
}

table#tab-prep .recharges td,
table#tab-prep-spec .recharges td {
    vertical-align: bottom!important;
    padding: 0!important;
    margin: 0!important
}

table#tab-prep td,
table#tab-prep-spec td {
    padding: 5px;
    text-align: center
}

table#tab-prep .recharges img,
table#tab-prep-spec .recharges img {
    vertical-align: bottom!important
}

table#tab-prep .dure td,
table#tab-prep-spec .dure td {
    background-color: #949599!important;
    border: .5px solid #fff;
    color: #fff!important;
    font-size: 120%
}

table#tab-prep .dure td.vide,
table#tab-prep-spec .dure td.vide {
    background-color: #fff!important
}

table#tab-prep .equivalent td,
table#tab-prep-spec .equivalent td {
    background-color: #dcdcde!important;
    border-left: .5px solid #fff;
    border-top: .5px solid #fff;
    color: #58585a!important
}

table#tab-prep .date td,
table#tab-prep-spec .date td {
    background-color: #fed8bb!important;
    border-left: .5px solid #fff;
    color: #58585a!important
}

table#tab-prep td {
    width: 80px
}

table#tab-prep-spec td {
    width: 100px
}

a.dwnld {
    background: url(/fr/images/download.png) left center no-repeat;
    display: inline-block;
    margin-top: 0!important;
    padding-left: 20px
}

.inline {
    margin: 5px 5px 5px 0
}

.applat-offres h2 {
    margin-top: 0!important;
    padding-top: 0!important
}

.colonne {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.heure,
.heure-ill {
    display: block
}

.colonne.limitee {
    margin-left: 40px!important
}

.colonne.limitee .chrono {
    left: 290px;
    position: absolute;
    top: 130px
}

.sms {
    font-size: 2em;
    font-weight: 700
}

.heure {
    font-size: 2.5em;
    font-weight: 700
}

.intern {
    font-size: .8em
}

.rond,
.rond-12 {
    font-weight: 700;
    font-size: 5em
}

.centimes,
.rond,
.rond-12 {
    display: inline-block
}

.rond {
    line-height: 1.3em
}

.rond-12 {
    display: none
}

.euro {
    font-size: 3em
}

.mois {
    font-size: 1em
}

.web .mo {
    font-size: 2em;
    display: block;
    font-weight: 700;
    text-align: center
}

.intern {
    display: block;
    line-height: 1em;
    padding: 5px
}

.colonneforfait {
    display: inline-block;
    width: 320px;
    vertical-align: top
}

.colonneforfait.first {
    margin-right: 20px;
    margin-left: 20px
}

.engagement,
.trois .engagement {
    text-align: center;
    width: 150px;
    margin: 0 auto 8px
}

.zones {
    text-decoration: underline
}

.zones-div {
    font-size: .8em;
    background-color: #F3F3F3;
    padding: 5px
}

.engagement {
    background-color: #4F759C;
    border-radius: 5px
}

.engagement input {
    margin-right: 3px;
    margin-left: 3px
}

.engagement label {
    color: #fff!important
}

.avec-eng,
.usages {
    display: block;
    font-size: .7em
}

.sans-engagement {
    margin: 0 auto;
    padding-left: 0;
    width: 120px
}

.avec-eng {
    color: #FFF!important;
    line-height: .7em;
    padding-top: 5px
}

.prix {
    color: #23ace5!important
}

.ff.ae .prix {
    color: #3d6da4!important
}

h1.titre_engagement {
    color: #265B9A!important
}

h1.titre_sans-engagement {
    color: #0BA4E2!important
}

.usages {
    line-height: 1.2em;
    margin-bottom: 15px;
    text-align: center
}

.ident_block #ancient {
    background-color: #C3C3C3;
    left: 370px;
    padding: 10px;
    position: absolute;
    text-align: justify;
    top: 54px;
    width: 180px
}

#sub {
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    color: #777;
    font-family: arial;
    font-size: 16px;
    font-weight: 700
}

#sub:hover {
    background-color: #000!important;
    border: 1px solid #000;
    color: #FFF!important
}

#mentions-jur {
    color: grey;
    font-size: .8em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center
}

.applat-offres li:before {
    color: #E2001A;
    content: "•";
    font-size: 2em;
    left: 0;
    padding-right: 5px;
    position: absolute
}

.applat-offres li,
.jcarousel,
.web.gg {
    position: relative
}

.applat-offres li {
    padding-left: 15px
}

.bouton-forfait,
.bouton-forfait-ae {
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 10px;
    color: #FFF;
    font-family: arial;
    font-size: 12px;
    margin: 20px auto 0;
    padding: 6px 24px;
    width: 200px
}

.colonne .voir-tous {
    display: block;
    font-size: .8em!important;
    margin: 6px auto 0;
    text-align: center;
    width: 240px
}

.colonne .voir-tous:hover {
    text-decoration: none
}

.infos table td {
    border-bottom: 1px dashed #c3c3c3;
    width: 180px;
    padding: 5px;
    text-align: center
}

.web.gg img {
    position: absolute;
    right: -3px;
    top: -3px
}

.nav-ffm {
    float: left;
    padding-top: 8px;
    margin-right: 15px;
    margin-left: 295px;
    font-size: 15px
}

.carte-couverture {
    display: inline-block;
    margin-left: 40px;
    margin-top: 0;
    width: 300px
}

.boutons-couverture {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    padding-top: 20px;
    width: 300px
}

.reseau-4G,
.reseau-autres {
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
    width: 290px
}

.reseau-4G,
.reseau-autres {
    background: #45484d
}

.reseau-4G>a,
.reseau-autres>a,
a.resil {
    text-align: center;
    display: block
}

.reseau-4G>a,
.reseau-autres>a
{
    font-size: 1.1em;
    padding-top: 20px;
}


.reseau-4G:hover,
.reseau-autres:hover {
    background: #000
}

.reseau-4G a:hover,
.reseau-autres a:hover {
    color: #fff!important
}

div.i_blocctx.resil img {
    left: 135px;
    position: absolute;
    top: -170px
}

.credits img {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle
}

.credits {
    clear: both;
    font-size: .8em;
    padding-top: 10px
}

.prix.promo {
    margin-left: -55px
}

.promo .intern {
    padding-top: 0!important
}

.web.promo .mo {
    padding-bottom: 5px
}

.web.promo {
    border: 1px solid #c3c3c3;
    background: 0 0!important;
    height: 80px!important
}

.prix-barre {
    left: 110px;
    position: absolute;
    top: -6px
}

.bulle-promo {
    position: absolute;
    top: -92px
}

.ff article {
    width: 208px;
    margin-right: 10px;
    vertical-align: top
}

.ff article.first {
    margin-right: 50px
}

.ff article.first .colonne {
    border: 4px solid #235998
}

.ff article .colonne .promo {
    position: absolute;
    top: -52px;
    left: 13px
}

.ff article header h2 {
    color: #fff;
    padding: 5px;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    text-align: center
}

.ff .specs ul li {
    color: #000;
    font-size: 1.3em
}

.ff article .douze {
    font-size: 12px;
    text-align: center;
    display: block;
    color: grey
}

.ff article .fup {
    width: 190px;
    text-align: center;
    margin: 20px 0 auto
}

.ff.se article .fup {
    color: #23ACE5;
    height: 40px
}

.ff.ae article .fup {
    color: #3D6DA4;
    height: 40px
}

.ff article .fup div {
    margin: 0;
    padding: 0
}

.ff article .fup .res {
    font-size: 2em;
    font-weight: 700;
    width: 50px;
    color: #fff
}

#img2 {
    margin: 0 auto
}

.ff article .fup .g {
    width: 100px
}

.ff article .fup .mo {
    width: 102px;
    font-size: 30px;
    font-weight: 700
}

.ff article .fup .inclus {
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: grey
}

.ff article .specs {
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    margin-top: 35px;
    min-height: 90px
}

.ff .usages {
    margin-top: 30px;
    font-size: 1em!important;
    margin-bottom: 35px
}

.ff article .plus {
    line-height: 17px;
    margin-top: 5px;
    padding: 10px;
    height: 85px
}

.ff article .colonne.sanspromo {
    height: 553px
}

.ff article .plus.odr {
    background-color: #FDD41A;
    height: 60px!important;
    margin-bottom: 0;
    border-radius: 8px
}

.ff article .plus.odr strong {
    display: block;
    font-size: 1.8em;
    margin-top: 5px
}

.ff article .plus.odr a {
    text-decoration: none
}

.ff article .plus.vide {
    margin-top: 0;
    margin-bottom: 0
}

.ff article .bouton {
    border-radius: 0 0 10px 10px;
    width: 165px;
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    padding-bottom: 5px
}

.ff.se {
    margin: 0 auto
}

.ff.se .bouton span {
    font-size: .8em
}

.ff .plus span {
    display: block;
    font-weight: 700
}

.ff .specs span {
    display: block;
    font-size: 10px;
    height: 39px;
    line-height: 12px
}

.inline {
    vertical-align: middle
}

.inline.vh {
    vertical-align: top!important
}

.vh .article.inline.hova {
    width: 48%
}

.inline.gauche {
    width: 700px
}

.inline.droite {
    width: 235px
}

#coupon{
	position: relative !important;
}

#container.isotope {
    min-height: 600px
}

#container.elements .element h3 {
    margin-top: 5px
}

#container.elements .element .c {
    background-color: #fff
}

#container.elements .element {
    position: relative;
    float: left;
    width: 555px;
    min-height: 170px;
    margin: 2px;
    padding: 10px;
    background: #f3f3f3;
    color: #262524
}

#filters>li {
    vertical-align: middle;
    margin-bottom: 10px
}

#filters>li,
.inline {
    display: inline-block
}

#filters>li a {
    display: block;
    padding: 11px 47px;
    background-color: #f3f3f3
}

.bb article,
.gblock span,
.mAuto {
    display: inline-block
}

#filters>li a.selected {
    background-color: #000;
    color: #fff
}

.ctright {
    width: 960px
}

#mapp h2 {
    clear: none!important;
    float: left;
    font-weight: 700;
    padding-top: 40px;
    font-size: 20px
}

#mapp .inline.left {
    width: 710px
}

.bb {
    box-sizing: border-box;
    text-align: center;
    width: 45%
}

.bb>h2:first-of-type {
    font-size: 1.85em;
    margin-bottom: 35px;
    color: #24ace6;
    border: none
}

.bb>h2:first-of-type span {
    margin-left: 5px;
    font-size: .7em;
    font-weight: 400
}

.bb>h2:first-of-type span {
    vertical-align: top
}

.bb>h2:first-of-type {
    width: 295px;
    margin-left: auto;
    margin-right: auto
}

#bb1>h2:first-of-type {
    width: 335px;
    margin-bottom: 48px
}

.bb.inline {
    vertical-align: top!important
}

#spanlast,
.spanM {
    vertical-align: top
}

.bb>h2:first-of-type {
    padding: 5px 0;
    position: relative;
    vertical-align: top;
    border: 1px solid #24ace6;
    border-radius: 5px
}

.bb>h2:first-of-type::before {
    content: "";
    position: absolute;
    left: 14px;
    width: 25px;
    height: 13px;
    margin: 4px 0 0;
    border-radius: 4px;
    background-color: #24ace6
}

.bb h3 {
    font-size: 1.8em;
    text-transform: none;
    color: #24ace6
}

.bb p:first-of-type {
    margin: 50px auto 30px;
    width: 70%;
    font-style: italic;
    font-size: 1.5em;
    color: #24ace6
}

.bb p {
    margin: 35px 0 1.5em;
    font-size: 1.2em
}

.bb p:last-of-type {
    margin: 40px auto 0;
    width: 125px;
    font-size: 1.6em;
    font-weight: 700;
    border-bottom: 2px solid;
    color: #3bb4e9
}

#bb1 .specs {
    margin-top: 10px
}

span.gr {
    font-weight: 700;
    font-size: 1.4em
}

.ff>.usages strong {
    font-size: 1.2em
}

#arrow {
    position: absolute;
    right: 30px
}

#spacer.inline {
    margin-top: 102px
}


/*sup2016*/

#e_filetAriane {
    max-width:1200px;
}

p {
    margin: 10px 0 18px;
}

.i_blocredac > h3 {
    font-size: 1.25em;
}




.credits {
    text-align: center !important;
	max-width:100%;
	background-color: inherit !important;
}

#mobiles-home .mobiles {width:220px;}
#mobiles-home {width:900px;}
#spacer2 {display:none; text-align:center;}

.visu .das {
    bottom: -8px;
}

.c {
	text-align:center;
}

.c-new{
	width: 90px;
	margin: 0 auto;
}

.options img.fg {float:left;}

#e_filetAriane {
    box-sizing: border-box;
    padding: 15px 0;
}

.equivalent {
    background-color: #dcdcde !important;
    border-left: 0.5px solid #fff;
    border-top: 0.5px solid #fff;
    color: #58585a !important;
}


.equivalent_none, .td_media_vide{
	display: none;
}

.prix_media_block{
	display: none;
}

.date {
    background-color: #fed8bb;
    border-left: 0.5px solid #fff;
    color: #58585a !important;
}

.dure {background-color: #949599 !important; color:white;}

#boutique-mentions-txt {
    color: #a68093;
    font-size: 0.8em;
	margin-bottom: 20px;
}

#fivesteps > span {display:inline;}

.bb.inline {position:relative;}
.ff article .fup {width:100%; height:auto !important;}

.ff article .colonne {width:225px;}
.ff article {width:auto;}

.ff.ae.c {
	text-align:center;
}

.gblock {height:140px; background:#1176A0;border-radius:0;}

#fivesteps > h2:before, .bb > h2:first-of-type:before {display:none;}

ul li {
    list-style: outside none none;
}

h1, .titre1 {
color: #811246;
    font-size: 1.65em;
    font-weight: bold;
    margin: 10px 0 15px;
    text-transform: uppercase;
	background:none;
}

h2, .titre2 {
    border-bottom: 1px solid #e5e5e5;
    color: #811246;
	margin-top: 20px;
}
h2, .titre2, h3, .titre3 {
    font-size: 1.45em;
    margin: 15px 0 5px;
	color:#E30D26;
}


/*** espace client ***/
div.ident_block {
    background-color: #efefef;
    display: inline-block;
    margin-bottom: 50px;
    width: 100%;
}

div.ident_block div.ident_newclient {
    border-left: 1px dashed #811246;
    /* float: right; */
    height: 280px;
    padding-right: 25px;
}

.ident_block #ancient {
    background-color: #c3c3c3;
    left: 480px;
    padding: 10px;
    position: absolute;
    text-align: justify;
    top: 54px;
    width: 180px;
}

div, ul, td, th, table, fieldset {
    font-size: 1em;
}

.ident_submit {
    text-align: center;
}


div.ident_block form p a {
    color: #811246;
    display: block;
    font-size: 0.8em;
    margin: 15px 0 0 123px;
}


div.ident_block p.accroche {
    color: #811246;
    font-size: 1.38em;
    margin: 10px 0 0 10px;
}

div.ident_block form {
    float: left;
    padding: 20px 0 30px 48px;
    width: 360px;
}


div.ident_block div.ident_newclient ul li::before {
    color: #e2001a;
    content: ">";
    font-size: 1em;
    line-height: 1.22em;
    padding-right: 5px;
    vertical-align: middle;
}


div.ident_block div.ident_newclient ul li a {
    color: #811246;
    line-height: 2em;
    padding-left: 5px;
}

div.ident_block div.ident_newclient ul {
    margin-top: 12px;
}
div.i_blocredac ul {
    padding: 10px 15px;
}


div.ident_block form label {
    color: #000;
    display: inline-block;
    margin-right: 5px;
    /* text-align: right; */
    width: 135px;
}

form input:not([type="image"]) {
    border: 1px solid #b2b2b2;
    box-sizing: content-box;
    margin: 2px 3px 0 15px;
    padding: 2px 5px 2px 12px;
    transition: all 0.4s linear 0s;
}

.banniere-variable a {display:block; width:100%; margin-bottom:10px; margin-top:10px;}
.banniere-variable img {width:100%;}
.resp {display:none;}


#tableau {width:100%; margin:0 auto;display:table;border-spacing: 2px;}
#tableau .row, #tableau  .th {display:table-row;border-spacing:5px;}
#tableau .row .col, #tableau  .th .col {
    background: #eff0f0 none repeat scroll 0 0;
    display: table-cell;
    height: 150px;
    position: relative;
    vertical-align: middle;
    width: 23%;
	color:#1176A0;
}

.ff .specs ul li {color:#1176A0;}

#tableau  .th .col, .ff.se h2 {background:#1176a0;
padding:7px 0px;
color:white;
height:20px;
text-transform:uppercase;
}

.bb.inline > h2 {
    border-radius: 0;
    font-size: 1em;
    font-weight: normal;
    margin: 0 auto;
    padding-top: 15px;
}

#tableau  .th .col:last-child {background:white;}

#tableau .row .col span {display:block;line-height: 1.2;}

.col.prix #promo {
    background: white none repeat scroll 0 0;
    margin-bottom: 5px;
    padding-top: 5px;
}

#tableau .row .col.prix {background:#e30d26; color:white !important; padding:5px 10px;}

#tableau .row .col a, .bb3 a {padding:10px; background:black;color:white; text-transform:uppercase;display:block; width:80%; border-radius:8px; margin:0 auto;}

#details article {
    background: #eff0f0 none repeat scroll 0 0;
    box-sizing: border-box;
    display: inline-block;
    margin: 5px;
    padding: 20px 40px 40px;
    vertical-align: top;
    width: 49%;
}

#mobiles .btn:hover, .row:hover .col .btn, .col .btn:hover, #mobiles .btn.hover, .bb3 a:hover {background:#1A1C1B !important;}

.col .btn {
    background: #2fa777 none repeat scroll 0 0 !important;
}

#e_footer {
    box-shadow: none;
}

.ff.se {width:100%;}

#spacer.inline {margin-top:30px;}


.bb p:first-of-type {
    color: #24ace6;
    font-size: 1.2em;
    font-style: italic;
    margin: 30px auto;
    width: 70%;
}

.bb .btn {font-size:1.3em;}

.bb {width:47%;}


#fivesteps {border-radius:0;}

article {
    min-height: 210px;
}

@font-face {
    font-family: "glyphes2015";
    font-style: normal;
    font-weight: normal;
    src: url("/fr/css/fonts/glyphes2015.woff") format("woff"), url("/fr/css/fonts/glyphes2015.ttf") format("truetype");
}

sup {
    font-size: 0.6em;
    top: -1.1em;
}


.poster {
height:610px;
width:100%;
margin-bottom:30px;
background-color:#f3f3f3;
overflow: hidden;
position: relative;
background: url(/fr/images_nrjm/homepage/bandeau.jpg);
background-size:cover;
background-position:50% 0;}

.centime {
    text-align: left;
}



/* Pour afficher le fla a gauche space-between sinon flex-end */


#bandeau-container {
    display: flex;
	justify-content: flex-end;
    justify-content: center;
}

.wrapper  {max-width:1200px;
margin:0 auto;
text-align:center;
padding-top:20px;
}

.bandeau-mea {
    display: inline-block;
    position: relative;
	vertical-align: top;
    width: 48%;
	justify-content: space-between;
    border: 2px solid #599fbd;
    border-radius: 15px;
}

.fse{
	width:80%;
}


.fse{
	display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.promo-hp img{
	width:100%;
}
.promo-hp .promo-hp-rwd {
	display: none;
}

span {display:block;}

.bandeau-mea .bandeau {
text-transform:uppercase;
text-align:center;
padding:5px;
margin-bottom:5px;
font-weight:bold;
}

.deux  h1 {padding-top:25px;}

h1 {
    color: #e30d26;
    font-size: 2em;
    margin: 0 0 15px;
    text-align: center;
	padding-top: 10px;
    display: inline-block;
}

.mea-title {
    background: #E30D26 none repeat scroll 0 0;
    color: white;
    font-size: 2em;
    padding: 8px;
	margin-bottom: 7px;
    text-align: center;
    text-transform: uppercase;
	width: 100%;
	box-sizing: border-box;
}
.mea-title.ae{background:#1176a0; color:white;}
.mea-stitle{/*background:white;*/ color:#E30D26; font-size:1.8em; padding-top:10px;}
.bandeau-mea-contenu {/*background:white;*/ padding:10px;}
.bandeau-mea-contenu-atouts {width:100%; text-align:center;}

.ronds.double {
    letter-spacing: -35px;
    text-align: left;
    width: 110px;
}

.bandeau-mea-contenu-prix {
    color: #e30d26;
    font-size: 10em;
	line-height: 0.95;
	text-align:center;
}

.homepage-hero-module {
    height: 480px;
    /*overflow: hidden;*/
    position: relative;
}
.deux .wrapper .bloc:first-of-type, .deux .wrapper .bloc:nth-of-type(2) , .bandeau-mea-contenu {transition: all 0.3s linear 0s;}
.bandeau-mea-contenu-prix div, .hp .prix div, #mobiles .prix div{display:inline-block; vertical-align:top; font-weight: normal;}
.hp .centime, .hp .mois, .bandeau-mea .centime, .bandeau-mea .mois, #mobiles .centime  {font-size:0.4em;}
.mois {text-align:left; padding-left: 4px;}
.bandeau-mea .bandeau small {
    display: block;
    font-size: 0.65em;
}
.centime {
    padding-top: 13px;
}
.mois del {
    font-size: 0.8em;
}
.hp .prix {font-size:8em;}

.deux small {
    font-size: 0.5em;
    font-weight: normal;
    position: relative;
    text-transform: none;
    top: -4px;
}

.deux.ae.deux .wrapper .ronds {
    left: -24px;
    letter-spacing: -11px;
    line-height: 1;
    position: relative;
    width: 83px;
}

.deux .wrapper > div .mea .prix.shown, .choix-eng a.shown, .btn.shown, .shown{display:block;}
.deux  .wrapper > div .mea .prix.hidden, .choix-eng a.hidden, .btn.hidden, .hidden{display:none;}
.deux .wrapper > div .mea .prix {position:relative}
.deux  .wrapper .bloc {
    background: #e30d26 url("/fr/images_nrjm/homepage/carte-sim.png") no-repeat scroll -11px 72px / 30% auto
}

.deux  .wrapper .bloc:hover {
 background: #e30d26 url("/fr/images_nrjm/homepage/carte-sim.png") no-repeat scroll -11px 72px / 30% auto}


.deux .wrapper .bloc, #mobiles .wrapper .bloc {
    box-sizing: border-box;
    display: inline-block;
    /*height: 350px;*/
    margin: 2.5px;
    padding: 15px;
    vertical-align: top;
    width: 24%;
}

.deux .wrapper .bloc {
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 0;
    padding: 15px;
    vertical-align: top;
    width: 49.8%;
	min-height: 360px;
	position:relative;
}

#mobiles .wrapper .bloc {background:#f4f4f4; overflow:hidden;	transition: all 0.3s linear 0s;}
#mobiles .wrapper .bloc:hover {background:#EAEAEA;}
#mobiles .wrapper .bloc div {position:relative;}
#mobiles .wrapper .bloc div .encart-odr {
    background: #1176a0 none repeat scroll 0 0;
    border-radius: 3px;
    color: white;
    left: -90px;
    padding: 5px;
    position: absolute;
    top: 25px;
    transform: rotate(-35deg);
	line-height: 1.35em;
    width: 310px;
}
#mobiles .wrapper .bloc div .encart-odr span {font-size:1.5em;}
#mobiles .wrapper .bloc div .encart-odr strong {font-size:1.2em;}

.deux .wrapper h2 {text-transform:uppercase;color:white; font-size:1.8em;display:block;
text-align:center;
border:none;}

.deux .wrapper > div .mea {display:block; position:relative;}
.deux .deux .wrapper > div .mea {display:block; position:relative;}

.deux .ae .wrapper > div .mea {
padding-top: 30px;
}
.eng {
    display: block !important;
    font-size: 0.15em;
    margin: -30px 0 0;
    padding: 0;
}
.deux .ae.deux .wrapper .ronds {line-height:1}

.deux.ae .wrapper .bloc {
    background: #EAEAEA url("/fr/images/mobile-neutre.png") no-repeat scroll 24px 90px / 20% auto;
}

.deux.ae .wrapper h2, .deux.ae .wrapper > div .mea .prix {
	color:#1176A0 !important;
}
.deux.ae .wrapper .bloc:hover {
    background: #EAEAEA url("/fr/images/mobile-neutre.png") no-repeat scroll 24px 90px / 20% auto;
}

.bloc{position:relative; overflow:hidden;}

.bandeau-promo {
    background: rgba(255,255,0,0.7) none repeat scroll 0 0;
    color: #f64a62;
    font-size: 1.5em;
    font-weight: bold;
    left: -71px;
    line-height: 1;
    padding: 10px 30px;
    position: absolute;
    top: 20px;
    transform: rotate(-40deg);
    width: 200px;
	text-align: center;
}

.prixbarre {
    font-size: 0.15em;
    left: 200px;
    position: absolute;
    top: 40px;
    width: 106px;
}
del {
    font-size: 2em;
}
.bandeau-promo > span {
    font-size: 1.5em;
}

.choix-eng a {
    background-color: none;
    border: 2px solid #1176A0;
    border-radius: 6px;
    color:#1176a0;
    display: inline-block;
    margin: 0 auto;
    padding: 5px;
    width: 100px;
	font-size: 0.9em;
	margin-top:10px;
	transition: all 0.1s linear 0s;
	opacity:0.7;
}
.choix-eng a:hover {background:white;
opacity:1;}


.deux .ae.deux .btn {
    margin: 20px auto;
}

.choix-eng a:before {
    font-family: "Material Icons";
    left: -11px;
    position: relative;
    top: 2px;
}

.choix-eng a.checked {
    background: white none repeat scroll 0 0;
    border-color: #1176A0;
cursor: default;
opacity:1;
}

.choix-eng a.checked:before { content: "\E837"; }
.choix-eng a.unchecked:before {  content: "\E836"; }

.choix-eng {
    color: #1176A0;
    display: block;
   /* margin-top: 10px;*/
	text-align:center;
}
.bandeau-mea .choix-eng {
    position:absolute;
	/*top:190px;*/
    top:130px;
	left:50%;
	transform:translateX(-50%);
	width: 90%;
}
.deux  .wrapper > div .mea .prix {
    color: white !important;
    display: block;
    height: 130px;
  /*  width: 120px;*/
    width: 190px;
	margin: 20px auto 0;
}
.deux.ae  .wrapper > div .mea .prix {
    height: 120px;
	}

.prix.gr {font-size:8em;}
#spanlast span {display:inline-block;}

#mobiles .prix {
    font-size: 35px;
}

#mobiles .partirde {font-size:0.25em; color:#e30d26;}
.partirde {
    font-size: 0.15em;
    text-align: center;
}

#mobiles .bloc > div {vertical-align: top;box-sizing:border-box;
text-align:center;
}
#blocs {width:100% !important;}

#mobiles .wrapper h2 {
    border: medium none;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}



.bouton-large:hover { background:#CE061D;color:#fff;}
.bouton-large {
    background: #e30d26 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 1.5em;
    margin: 16px auto 45px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    width: 45%;
}

#mobiles .prix div {color:#E30D26;}

#reas {background:#e7e7e7; padding:20px 0;margin-top: 20px;}

#reas .wrapper div {display:inline-block;width:33%; box-sizing:border-box;vertical-align: top; position:relative; padding: 75px 20px 20px; text-align:center;}

#reas .wrapper div::before {
    color: #000;
    font-family: glyphes2015;
    font-size: 60px;
    position: absolute;
	left: 50%;
	top:0;
	transform: translateX(-50%);
}
#reas .wrapper div:nth-child(2)::before{content:"\e615"}
#reas .wrapper div:nth-child(3)::before{content: "\e618";}
#reas .wrapper div:nth-child(4)::before{content: "\e60d";}
#reas .wrapper div:nth-child(5)::before{content: "\e608";}

.btn {color:white;
font-family: "RobotoMedium",Helvetica,Arial,sans-serif;
font-weight:normal;
text-align:center;
border-radius:7px;
margin:0 auto 10px;
font-size:1.6em;
display:block;
padding:10px;
transition: all 0.2s linear 0s;
width: 60%;}

.btn:hover{color:white;}

.deux  .btn {background:black;}
.deux.ae  .btn:hover, .deux .btn.hover {background:#1176a0 !important;color:white;}
#mobiles .btn {background:#2fa777;}
.ae h2 span {display:inline-block; color:#E30D26;}
.bandeau-mea .btn {
background:#ed1c24;
margin-top:110px;}

.bandeau-mea .btn:hover, .bandeau .btn.hover, .bandeau-mea .btn.hover  {background:#CE061D !important;}

.centime .lieude {
    font-size: 0.32em;
    font-weight: normal;
}

.bandeau-mea .mentions {font-size:0.8em; padding-top:5px;}



.bloc.odr {position:relative; background: #e30d26 url("/fr/images_nrjm/homepage/odr-pattern.gif") repeat scroll center top !important;}
.bloc.odr #text {display:block; width:100%; position:absolute;bottom:0; left:0; padding:28px 20px;color:#E30D26;background:#F4F4F4;box-sizing:border-box; text-align:center;
font-size:1.7em; text-transform:uppercase; font-weight:bold;}

#mea-accueil-offres .blocs {
    background: #1176a0 none repeat scroll 0 0;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    font-size: 1.5em;
    height: auto;
    margin-bottom: 50px;
    margin-top: 15px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s linear 0s;
    vertical-align: top;
    width: 32%;
}

#mea-accueil-offres .blocs:hover {background: #6EC9EA;}

.plan > div {
    box-sizing: border-box;
    vertical-align: top;
}

.plan li {
    margin: 5px 0;
}

.plan a {
    display: block;
    padding: 7px 0;
}

.plan h2{
    font-size: 1.3em;
    padding-bottom: 5px;
}

.th.resp {display:none !important;}

#bandeau-mea-contenu-atouts > em {
    background: #1a8fbf;
    border-radius: 21px;
    color: white;
    display: block;
    margin: 0 auto;
    padding: 5px;
    width: 50%;
	font-weight:bold;
	font-size: 1.3em;
}

/* nouvelle page SE 2017 */

.bb3 {width:33%;}


.se2017 #spacer.inline {
    margin-top: 220px;
}

.bb3.inline {
    box-sizing: border-box;
    margin: 20px 0 0;
    padding: 20px;
}

.se.se2017 h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #28b4e8;
    font-size: 2em;
	text-transform:none !important;
}
.ff.se h2 em {color:#ed1c24;}
.bb3 {text-align:center;vertical-align:top;}

.bb3 > span {
    background: #ed1c24 none repeat scroll 0 0;
    border-radius: 30px;
    color: white;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    height: 30px;
    line-height: 1.5em;
    padding: 15px;
    width: 30px;
	margin:0 auto;
}

.bb3.inline > p {
    color: #707178;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.2em;
    min-height: 55px;
}

.bb3 .dur {
    background: #0079a3 none repeat scroll 0 0;
    border-radius: 15px;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 5px;
    width: 100%;
}
.bb3 .dur *, .bb3 .data *, .bb3 .prix.gratuit {color:white !important;}
.bb3 .dur > span, .data > span{font-size:0.8em; line-height:0.9em;}
.bb3 .dur sup {
    font-size: 0.8em;
    top: -2px;
}
.duree sup {
    top: -0.45em;
}

.bb3 .data {
    background: #707178 none repeat scroll 0 0;
    border-radius: 15px;
    color: white;
    margin: 10px 0;
    padding: 2px 0;
}

.data .col.prix {
    height: 76px;
    line-height: 36px;
}

.bb3 .data .enveloppe, .bb3 .data .prix, .bb3 .data .btnplusoption {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    width: 46%;
}

.bb3 .btnplusoption a {
    background: #2fa777 none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    display: block;
    font-size: 0.8em;
    margin: 0 auto;
    padding: 5px 0;
    text-transform: uppercase;
    width: 80%;
}

.bb3 .prix.gratuit {
    font-size: 2em;
    font-weight: bold;
}
.enveloppe {
    font-size: 2.2em;
    font-weight: bold;
	border-right:dashed white 2px;
}
.enveloppe > span {
    font-size: 0.4em;
    font-weight: normal;
    line-height: 0.9em;
}
.data > span {
    padding-top: 5px;
}

.dur > h3 {
    font-size: 2.1em;
    line-height: 1em;
    text-transform: uppercase;
}

.exemple {
    border: 3px dashed #707178;
    border-radius: 15px;
    padding: 30px 10px 10px;
}

.exemple > span {
    display: block;
    font-size: 2.3em;
    font-weight: bold;
}

.exemple > p {
	background: #707178 none repeat scroll 0 0;
    border-radius: 8px;
    color: white;
    margin: 10px auto;
    padding: 5px 30px;
    width: 70%;
}
.exemple span, .bb3 .prix * {color:#707178;}

.exemple .plus, .exemple .egal {
    background: #707178 none repeat scroll 0 0;
    border-radius: 25px;
    color: white !important;
    font-size: 3em;
    height: 25px;
    line-height: 0.6em;
    margin: 10px auto;
    padding: 5px;
    width: 25px;
}

.bb3 .mois {
    font-size: 1.5em;
    position: relative;
    top: -11px;
}

.bb3 .centimes {
    position: relative;
    top: 10px;
}

.bb3 .euro {
    text-align: left;
}

.exemple strong {
    font-weight: bold;
}

.bb3 small {
    display: inline-block;
    font-size: 0.7em !important;
    vertical-align: top;
}

.ff.se2017 .usages {margin-top:0;}

.bb3 .prix {
    display: inline-block;
    width: 44%;
}
.bb3 a.btn {
	background:#ED1C24;
    display: inline-block;
    font-size: 1.2em;
    margin-top: 30px;
    padding: 10px;
    vertical-align: top;
    width: 44%;
}
/* fin nouvelle page SE 2017 */

table#tab-prep td sup , table#tab-prep-spec sup{
    font-size: 0.8em;
    top: -2px;
}


#promo, .lieude, #codepromo {text-align:center;}
#promo {background:#1176A0; padding:5px 0; color:white; font-weight:bold;
font-size:1.5em}

#codepromo em {
    background: #1176A0;
    border-radius: 5px;
    font-size: 1.35em;
    font-weight: bold;
    padding: 5px 10px;
	color:white
}

.bloc .spromo {top:55%}

.bandeau-mea-contenu {
	position: relative;
}

div.ident_block .ident_form{
	display: inline-block;
	width: 60%;
	margin-top: 15px;
}

div.ident_block p.accroche {
	text-align: left;
	padding: 20px 30px;
}

div.ident_block div.ident_newclient {
	margin-top: 20px;
   	display: inline-block;
 	vertical-align: top;
}

div.ident_block form label {
    text-align: center;
}

.ei_vitrine_eit .ei_appl_ident_lig label + input {
	border-radius: 5px;
}

.ei_appl_ident_lig a{
	text-decoration: underline;
}

#mentions-jur, #reco-mob span {
	display: block;
	line-height: 1.5em;
	box-sizing: border-box;
}

div.ident_block{
	padding-bottom: 20px;
}

#e_footer{
	padding-bottom: 20px;
}

/*** bon plan ***/


#container.elements .element{
	background: white;
	border: 1px dashed #ED0D26;
	overflow: hidden;
}

.img_promo{
	height:70px;
	margin-top: 5px;
}

.element-description{
	display: inline-block;
	width: 80%;
}

.element-promo{
	background-color: #ED0D26;
    transition: background-color 0.3s ease;
	color: white;
	text-align: center;
	line-height: 1;
    right: -130px;
	padding: 20px 80px 115px;
    position: absolute;
	bottom: -65px;
	transform: rotate(-25deg);
	width: 250px;
	font-weight: bold;
	font-size: 1.2em;
}

.element:hover .element-promo{
    background-color: #be041b;
}

.prix_media_block_vide {display:none;}

.plan {
	display: flex;
	justify-content: space-between;
}
.plan div{
	width: 17%;
}

.plan div:nth-child(2){
	margin-left: 60px;
}
	.plan h2{
		display: inline-block;
	}

	.plan a {
		display: block;
		padding: 3px 0;
		color: #818181;
		transition: margin-left ease-out 0.5s;
	}

	.plan a:hover{
		margin-left: 20px;
	}

	/*** page contact ***/

	.contact section .details{
		position: relative;
		min-height: 422px;
	}

	.contact section .details p{
		position: relative;
		padding-left: 80px;
	}

	.contact section .details p:nth-child(2):before, .contact section .details p:nth-child(3):before{
		content:"\e670";
		top: 0px;
	}




	.contact section .details p:nth-child(4):before{
		content:"\e645";
	}
	.contact section .details p:before{
		color: #000;
		font-family: glyphes2015;
		font-size: 50px;
		position: absolute;
		left: 0px;
		top: 5px;
	}

	.info_contact{
		font-weight: bold;
	}

	.contact section article span{
		display: inline-block;
	}

	.contact section article h2{
		margin-bottom: 25px;
		border-bottom: inherit;
	}

	.contact #details .service_conso{
		width: 49%;
		position: relative;
        min-height: 433px;
	}

	.contact #details .service_conso span.info_contact{
		padding-left: 80px;
	}

	.contact #details .service_conso p:before{
		color: #000;
		font-family: glyphes2015;
		font-size: 50px;
		position: absolute;
		top: 180px;
		left: 50px;
	}

	.contact #details .service_conso p:nth-child(3):before{
		content:"\e670";
	}

@media all and (min-width: 1200px) {

.hp.deux .btn {
    margin: 20px auto;
    width: 149px;
}

.fse{
    width:75%;
}

#forfaits{
		margin-top: 30px;
	}

}

@media screen and (max-width: 1200px) {
#e_contenu{
	padding-left: 5px;
	box-sizing: border-box;
	padding-right: 5px;
}
#container.elements .element {
width:47% !important;
}
.hp .btn {
    margin-top: 30px;
    width: 149px;
}


#forfaits.deux .wrapper > div .mea .prix {margin-right:auto;}
#e_contenu .deux .wrapper .bloc {
background-image:none;}
#e_filetAriane {
    padding: 15px 0 15px 20px;
}

.homepage-hero-module{
	display: none;
}
#bandeau{
	background-color: white;
	overflow: inherit;
}

#bandeau-container{
	width:100%;
	justify-content: space-around;
}

#bandeau .wrapper{
	width:100%;
}

.bandeau-mea-contenu-prix{
	font-size:8em;
}

.bandeau-mea .choix-eng{
	top: 140px;
}

.spromo{
	padding-top: 0;
}


.bandeau-mea .btn{
	margin-top:173px;
}

}

@media screen and (max-width: 1100px){
	.bandeau-mea .bandeau{
		min-height: 70px;
	}	
}

@media screen and (max-width: 1100px) and (min-width: 768px){
    .fse {
    width: 80%;
    }
}



@media screen and (max-width: 1050px) and (min-width: 768px) {
.bb {
    width: 45%;
}

.plan{
	display: flex;
	flex-wrap: wrap;
	justify-content: inherit;
	max-width: 90%;
	margin: 0 auto;
}

.plan div{
	text-align: center;
	width: 33%;
}


.plan div:first-child{
	order: 5;
	margin-left: 0 !important;
}

.plan div:nth-child(2){
	margin-left: 0 ;
}

.plan div: nth-child(3){
	order: 2;
}

.plan div: nth-child(4){
	order: 3;
}

.plan div: nth-child(5){
	order: 4;
}

#container.elements .element {
	float: inherit;
	margin: 0 auto;

}

.contact #details .service_conso p::before {
    top: 160px;
}

.btn{
	width:80%;
	margin-bottom: 10px;
}

}


@media all and (min-width:768px) and (max-width: 1200px) {

.plan > div {
    width: 33%;
}

#details article {
    width: 100%;
}

.mea-home {
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

#mobiles-home {width:100%;}
.element-description {
    display: inline-block;
    width:70%;
}

.contact #details article {
    width: 49%;
}

.contact #details .service_conso {
    width: 97.1%;
    position: relative;
}

}


@media screen and (max-width: 950px) {
#container.elements .element {
width:100% !important;
box-sizing: border-box;
}

	#bandeau .wrapper {text-align:center;}
		.bandeau-mea {right:auto;}

	h1 {font-size: 2em; line-height:1em;padding-top: 10px}

	.deux .wrapper .bloc, #mobiles .wrapper .bloc, #reas .wrapper div{
		width:100%;
		display:inline-block;
		margin-bottom: 10px;
	}

	#reas .wrapper div{
		width:49%;
	}

	#e_contenu .deux .wrapper .bloc {background-image:none;}

	#mobiles .prix {
		font-size: 4.5em;
	}

    .bouton-large {font-size:1.4em;}

	.deux .wrapper .bloc, #mobiles .wrapper .bloc {padding:6px;}

	#mea-accueil-offres .bloc {width:100%; margin:2px 0;}


	#e_contenu .deux .wrapper .bloc {
		padding-bottom: 30px;
		width: 100%;
	}


	div.ident_block .ident_form {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
	}

	.ei_vitrine_eit .ei_appl_ident_lig label + input {
		border-radius: 5px;
	}

	div.ident_block div.ident_newclient {
    		border-left: none;
   		height: 280px;
	}

	div.i_blocredac ul {
    		padding: 10px 50px;
	}

	#mentions-jur{
		padding: 0 10px;
	}

	#e_footereferencement .e_footer_center .e_footer_col {
    		display: inline-block;
    		text-align: center;
    		width: 33%;
	}

    .img_promo{
	height: inherit;
	}
	#container.elements{
		overflow: inherit;
	}

	#mea-accueil-offres .blocs{
		padding: 5px;
		min-height: 64px;
	}

    .contact section .details {;
    min-height: 556px;
	}

    .bb3 {
    width: 100%;
}

}


/*** Media queries pour l'homepage hero promo  ***/
@media screen and (max-width: 790px){


#bandeau-container{
	flex-wrap: wrap;
}

.promo-hp, .fse {
    width: initial;
}
}


@media screen and (max-width: 768px) {

video {display:none;}
.homepage-hero-module{
	display: none;
}

#mobiles .btn {font-size: 1.3em;}

#bandeau-container {width:100%;}


.promo-hp .promo-hp-img {
	display: none;
}
.promo-hp .promo-hp-rwd {
	display: block;
}

.bandeau.mea-title {
    line-height: 1em;
    padding: 10px;
}

.bandeau.mea-title.ae {
    margin: 0;
}

#bandeau .wrapper, #bandeau {padding-top: 0;}
.deux .wrapper .bloc {height:auto; /*min-height: 450px; a remettre en cas de promo*/}

#bandeau{
	background-color: white;
}


h1, h3 {
    text-align: center;
	line-height: 1em;
}

.row {
    margin-bottom: 15px;
}

#tableau .row .col.quatre {padding:30px;}


#details article {
    width: 100%;
	margin:5px 0px;
}
#tableau .row , #tableau  .th{display:inline-block; width:100%;}
#tableau .th .col {height:auto;}
#tableau .row .col {
    box-sizing: border-box;
    height: 170px;
    padding: 10px;
}

#tableau .row.promo .col {height: 200px;}


#tableau .row .col, #tableau  .th .col {width:49%; display: inline-block; vertical-align:top;}

#tableau .row .col.trois, #tableau .th .trois, #tableau .th .quatre  {display:none;}
#tableau .row .col.quatre {width:100%; height:auto;}

.ff.se article .fup, .applat-offres .plus {height:auto;}

#mobiles-home .mobiles, #mobiles-home , .ff article .colonne, #fivesteps, #container.elements .element, div.ident_block form, .ident_block #ancient {box-sizing:border-box;}

#mobiles-home, .ff.se, #container_fal,
#container_fal div ,
#container_fal img, .ff article .colonne, .bb, .c.multipage img, .applat-offres, .vh .article.inline.hova  {width:100%;}

.mea-home {
    display: block;
    text-align: center;
    vertical-align: top;
    width: 100%;
	margin-top:30px;
}

.ff article {width:47%;}


#container_fal, #fivesteps > h2:before, .bb > h2:first-of-type:before, #arrow {display:none;}
#spacer {display:none;}
#spacer2 {display:block;}

.gblock { height: 147px;
    margin: 0 7px 10px;}

#fivesteps {padding:5px;}


div.ident_block form {
    float: left;
    padding: 10px;
    width: 100%;
}

form input:not([type="image"]) {
    border: 1px solid #b2b2b2;
    box-sizing: content-box;
    display: block;
    margin: 0 auto;
    padding: 2px 5px 2px 12px;
    transition: all 0.4s linear 0s;
    width: 80%;
}

div.ident_block div.ident_newclient {border-left:none;}

.ident_block #ancient {
    clear: both;
    left: auto;
    padding: 10px;
    position: relative;
    top: auto;
    width: 100%;
}

div.ident_block form p a {
    color: #811246;
    display: block;
    font-size: 0.8em;
    margin: 10px 0 0;
    text-align: center;
}

table#tab-prep td, table#tab-prep-spec td {padding:0px;}


.encart-entete > img, .nrjTopBackgroundArround > img {
    width: 100%;
}

#mobiles-home .mobiles, #mobiles-home, .ff.se {width:100%; margin:0;}


#e_contenu {padding:30px 10px 10px;}

#mobiles-home .voir-tous {
position:relative; top: auto;
display: block;
margin: 0 auto;
position: relative;
top: auto;
width: 278px;
}

#mobiles-home .mobiles span.partir {
    margin-top: 10px;
}

#mobiles-home .mobiles {
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    margin-bottom: 5px !important;
}

.mea-home {
    display: block;
    text-align: center;
    vertical-align: top;
    width: 100%;
	margin-top:30px;
}

.ff article .colonne, .ff article, .bb, .ff article .fup, #container.elements .element, #bb1 > h2:first-of-type {
    width: 100%;
}

#e_logo {
    padding-bottom :0px;
}

.ff .specs ul li {list-style:none;}

h1 {
    font-size: 1.7em;
    margin: 15px auto;
}

#bb1 > h2:first-of-type {margin:0;}

.inline.promo {
    margin-top: 60px;
}

.ff article .colonne .promo {
    left: 50%;
    margin-left: -95px;
    width: 190px;
}

#border-block {margin-bottom:0px;}

p img {
    width: 100%;
}

.th.resp {display:table-row !important;}

.element-promo{
	position: relative;
	right: inherit;
	bottom: inherit;
	transform: inherit;
	margin: 0 auto;
    border-radius: 5px;
	padding: 15px 10px;
	width: 40%;
	margin-top: 10px;


}

.poster {
display: none;}


.bandeau-mea .bandeau {
    min-height: 60px;
}

.recharges, .dure{
	display:none;
}
.equivalent_media_block, .prix_media_block, .options_prix, .td_media_vide{
	display: block;
}

table#tab-prep td, table#tab-prep-spec td {
border:1px solid white;}
.options_prix, .prix_media_block{
	background-color: #dcdcde;
}
.intitule span:before, .equivalent_media_none div:before {
    border-color: transparent transparent transparent grey;
    border-style: solid;
    border-width: 0 5px 8px 8px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: rotate(225deg) translateY(-50%);
    width: 0;
}
.equivalent_media_none div {
    margin: 20px;
    padding: 10px;
    position: relative;
}
.i_blocredac table#tab-prep td.prix_media_block_vide, .i_blocredac table#tab-prep-spec td.prix_media_block_vide   {
 background-color: white !important;
 }

table.preptable .equivalent {
    background-color: white !important;
}
.equivalent_media_none div {padding:10px;}

.i_blocredac table#tab-prep .intitule, .i_blocredac table#tab-prep-spec .intitule{
    border-collapse: inherit;
    font-weight: 700;
    font-size: 1em;
    width: 50% !important;
    text-align: center !important;
	box-sizing: border-box;
}

.i_blocredac table#tab-prep  .date .intitule, .i_blocredac table#tab-prep-spec  .date .intitule {
	background:#f7ba8f !important;
}
.i_blocredac table#tab-prep-spec .equivalent .intitule, .i_blocredac table#tab-prep .equivalent .intitule {
	background:#bfbfbf !important;
}

.duree_media_block, .prix_media_block, .i_blocredac table.preptable .equivalent td, .i_blocredac table.preptable .date td {
    display: inline-block;
    width: 50% !important;
	padding: 10px;
	box-sizing: border-box;
	min-height:75px;
}
.i_blocredac table.preptable td  {position:relative;}
.i_blocredac table.preptable .prix_media_block span {font-size:1.65em;}
.i_blocredac table.preptable td span {
font-weight:bold;
position:absolute;
transform:translate(-50%,-50%);
left:50%;
top:50%;
}
.i_blocredac table.preptable .date {background:none;}
.i_blocredac table.preptable .prix_media_block_vide.tiny {min-height:30px;}

.plan{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 90%;
	margin: 0 auto;
}


.plan div{
	text-align: center;
	width: 40%;
}


.plan div:first-child{
	order: 2;
	margin-left: 0 !important;
}

.plan div:nth-child(2){
	order: 3;
	margin-left: 0;
}

.plan div:nth-child(3){
	order: 4;
	width: 20%;
}

.plan div:nth-child(4){
	order: 5;
}

.plan div:nth-child(5){
	order: 1;
}

.contact #details article {
    width: 49%;
}
.contact #details .service_conso{
		width:100%;
	}

	.contact #details .service_conso p::before {
    top: 180px;
}






}


@media all and (max-width:768px) and (min-width: 500px) {

.ident_block #ancient {
    clear: both;
    left: auto;
    padding: 10px;
    position: relative;
    top: auto;
    width: 100%;
}

div.ident_block div.ident_newclient, div.ident_block .ident_form {width:100%;}
div.ident_block div.ident_newclient {padding-right:0px; border-left:none;}

div.ident_block form {text-align:center;
 width:100%;}

}



@media  screen and (min-width:560px) and (max-width: 950px) {
	#e_footereferencement .e_footer_center .e_footer_col {
    		width: 33%;
	}
}

@media screen and (min-width:650px) and (max-width: 768px) {

.contact #details .service_conso p::before {
    top: 180px;
}
.contact section .details {
    min-height: 592px;
}
}

@media screen and (max-width: 650px) {
	.carte-couverture {
		margin: 0 auto;
	}

	.contact #details article {
    width: 100% !important;
}
	.contact section .details {
    min-height: 386px;
}

.btn{
	width: 80%;
	margin-bottom:10px;
}

}

@media screen and (max-width: 570px) {

    .ei_cookie p{
        padding:0px !important;
    }
	#e_footereferencement .e_footer_center .e_footer_col {
    		width: 49%;
	}

	#mea-accueil-offres .blocs{
		width: 100%;
		min-height: inherit;
		padding: 10px;
		margin-bottom: 0;
	}

	.boutons-couverture {
    padding-left: 0;;
}

.plan div{
	width: 100% !important;
}

.contact #details .service_conso p::before {
    top: 200px;
}

.bandeau-mea .bandeau {
    min-height: 100px;
}


}

@media screen and (max-width: 450px) {

#bandeau.bandeauHP {
	height: auto;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 25px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/**swiper**/

.swiper-container {padding-bottom: 30px;}
.blocs {display:flex !important;}


.bandeau-mea .bandeau-mea-contenu.promo .choix-eng {
    top: 260px;
}

#bandeau {
    height: inherit;
}

#bandeau .wrapper{
	right:inherit;
}

.bandeau-mea-contenu.promo {
    height: 470px;
}

.deux.ae  .wrapper > div .mea .prix {
   height: 196px;
	}

.bandeau-promo {
    background: yellow none repeat scroll 0 0;
    color: #f64a62;
    font-size: 1.5em;
    font-weight: bold;
    left: -30px;
    line-height: 1;
    margin: 0 auto;
    padding: 10px 30px;
    position: relative;
    top: -6px;
    transform: rotate(0deg);
    width: 100%;
}
.ae.deux .btn,.choix-eng, .deux .wrapper > div .mea .prix ,.choix-eng{position:relative;left:auto;top:auto; right:auto;}
.deux .wrapper > div .mea .prix {transform:none; margin-top:0px; height: inherit;;width:100%}
.ae.deux .wrapper > div .mea {height:auto;}

.prixbarre {
    left: auto;
    position: relative;
    width: 100%;
	top:auto;
}

.choix-eng {margin-bottom: 50px;}

.banniere-variable img {display:none;}
.banniere-variable img.resp {display:block;}

.bb3 {width:100%;}

.options div.c img.fg {width:auto; float:none;}

.options div.c {text-align:center;}


.element-promo{
	width: 80%;
}

#bandeau .wrapper, #bandeau, .poster {
	height: inherit;
}

.contact #details .service_conso p::before {
    top: 220px;
}

#bandeau .wrapper{
	position: inherit;
}

.bandeau-mea {
    width: 100%;
}

.bandeau-mea.ai {
    margin-top: 20px;
}

.bandeau-mea-contenu{
	margin-bottom: 30px;
}

.bandeau-mea .bandeau {
    min-height: 30px;
}



}

@media screen and (max-width: 420px) {
.rond, .rond-12{font-size:4em;}


.contact #details .service_conso p::before {
    top: 250px;
}
}


@media screen and (max-width: 360px) {
.rond, .rond-12{font-size:4em;}

#e_footereferencement .e_footer_center .e_footer_col {
    		width: 100%;
	}

	.contact #details .service_conso p::before {
    top: 290px;
}

}