.sfrRN h1,.sfrRN h2, .sfrRN .subtitle { text-transform: uppercase; }
.sfrRN h1,.sfrRN h2 { font-weight: 900; line-height: 1; font-family: "SFR-Bold"; }
.sfrRN .subtitle { font-size: 18px; display: inline-block; }
.sfrRN a { text-decoration: none; }
.sfrRN a:not(.button):visited, .sfrRN a:not(.button):active { color: currentColor; }

.sfr-bt { background-color: #fff; }

.button.std-button, .button.std-button:focus,.button.std-button-gradient, .button.std-button-gradient:focus { border-radius: 10px; color: white; font-weight: 900; text-transform: uppercase; font-size: 13px; font-family: "SFR-Bold";background: linear-gradient(#e2001a,#e2001a);transition: all .3s ease-out;}
.std-button:hover,.button.std-button:active { color: #b6001a!important; background: linear-gradient(white,white); }
.button.std-button-gradient:hover,.button.std-button-gradient:active {
    background-color: #e2001a;
    color: white;
    background: linear-gradient(to right,#9e007f 0,#e2001a 90%);
    transition: all .3s ease-out;
}
.button.reverse-button { border-radius: 10px; color: #e2001a; border: solid 1px #e2001a;text-transform: uppercase;font-family: SFR-Black;font-size: 13px; }
.button.reverse-button,.button.reverse-button:focus { background-color: transparent; color: #e2001a; border-color: #e2001a; }
.button.reverse-button:hover, .button.reverse-button:active{ background-color: #e2001a; color:white ; border-color: white;}
.button.reverse-white-button { border-radius: 10px; color: #fff; border: solid 1px #fff; }
.button.reverse-white-button, .button.reverse-white-button:hover, .button.reverse-white-button:active, .button.reverse-white-button:focus { background-color: transparent; color: #d2d2d2; border-color: #d2d2d2; }

.lame-top .text-holder h2 { color: #fff; }
.background-right-cover { background: no-repeat center right/cover; }

section.lame-top { height: 560px;display: flex;flex-direction: row; }
/*section.lame-top.background-right-cover a, section.lame-top.background-right-cover a img { width: 100%; }*/
.lame-top-n2s{height:400px}

.lame-top-n2s .n2s-subtitle{font-size:24px;font-family: 'SFR-Black';margin:10px 0; line-height:1.4;}
.lame-top > .text-holder { background-color: rgba(24, 24, 24, 0.7); width: 600px; height: 100%; color: white; display: flex; justify-content: center; align-items: flex-start;align-self: flex-end; flex-direction: column; padding: 100px; }
.text-holder h5{font-size: 18px; font-family: SFR-Regular; text-transform: uppercase; color: #fff;margin:0;}
.lame-top h1 { color: white; font-size: 52px; margin: 10px 0 30px; }

.filAriane-n2s{color: #ffffff;top: 20px;position: relative;font-size: 12px;font-family: Arial;left: 40px;max-width: calc(100% - 40px);}
.filAriane-n2s a,.filAriane-n2s a:hover,.filAriane-n2s a:visited,.filAriane-n2s a:active{color: #ffffff}
.zone-offre { text-align: center; }
.background-mark-bottom-left { background: no-repeat bottom left; position: relative; }
.background-mark-bottom-left::before { background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: -1; }
.zone-offre h1 { margin: 60px 0 10px; font-size: 34px; }
.zone-offre .subtitle { margin-bottom: 40px; }
.cards-holder { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 43px; text-align: initial; }
.n-1-zone-offre > .cards-holder { margin-top: 30px}
.card { flex: 1; max-width: 425px; height: 300px; padding: 32px 0 33px 53px; background-color: #fff; box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04); display: flex; }
.card:not(:last-child) { margin-right: 30px; }
.card > .card-preview { margin-right: 50px; margin-top: -2px; }
.card > .card-preview > span { position: absolute; text-align: center; width: 115px; font-size: 12px; color: #8a8a8a; margin-top: 6px; display: block; }
.card > .card-content { display: flex; align-items: flex-start; flex-direction: column; }
.card > .card-content > .button { margin: 20px 0 0; padding: 10px 17px; }
.card > .card-content > h4 { font-size: 18px; line-height: 24px; font-weight: 900; text-transform: uppercase; margin: 0; font-family: "SFR-Bold"; }
.card > .card-content > h5 { font-size: 18px; line-height: 24px; margin: 0 0 20px;}
.promo-label { position: relative; display: inline-block; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; text-transform: uppercase; padding: 1px 6px; margin-bottom: 5px; font-size: 10px; font-weight: bold; line-height: 14px; background-color: #e2001a; color: #fff; }
.promo-label::after { content: ""; display: block; position: absolute; bottom: -5px; left: 0; width: 11px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='5px' viewBox='0 0 11.63 5.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill : %23E2001A%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M199,221.34V216h11.63C204,216,199,218.94,199,221.34Z' transform='translate(-199 -216.01)'%3E%3C/path%3E%3C/svg%3E"); }
.promotion::before { content: ""; display: block; position: absolute; top: -14px; left: -6px; width: 97.5px; height: 17.5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97.5px' height='17.5px'%3E%3Cdefs%3E%3ClinearGradient id='gradient-top' x1='0%25' y1='0%25' x2='40%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23e2001a' /%3E%3Cstop offset='100%25' stop-color='rgba(226, 0, 26, 0)' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' stroke='url(%23gradient-top)' stroke-width='3px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M4.500,14.500 C4.500,8.977 8.977,4.500 14.500,4.500 L94.500,4.500 '/%3E%3C/svg%3E"); }
.promotion { border-left: 3px solid #e2001a; position: relative; padding: 0 0 1px 14px; margin: 12px 0; font-family: "SFR-Bold"; }
.promotion::after { content: ""; display: block; position: absolute; bottom: -14px; left: -6px; width: 97.5px; height: 17.5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97.5px' height='17.5px'%3E%3Cdefs%3E%3ClinearGradient id='gradient-bottom' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23e2001a' /%3E %3Cstop offset='100%25' stop-color='rgba(226, 0, 26, 0)' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' stroke='url(%23gradient-bottom)' stroke-width='3px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M94.500,11.500 L14.500,11.500 C8.977,11.500 4.500,7.023 4.500,1.500 '/%3E%3C/svg%3E"); }
.promotion > .price-display { display: flex; line-height: 46px; font-size: 46px; font-weight: 900; }
.promotion > .price-display > div { vertical-align: top; line-height: 22px; font-size: 22px; }
.promotion > .initial-price { font-size: 10px; line-height: 14px; text-transform: uppercase; }
.zone-offre .reverse-button { margin: 40px 0 60px; font-weight: 900; }


section.zone-article,section.n-1-zone-offre { display: flex; flex-direction: column; align-items: center; padding-bottom: 60px; }
.n-1-zone-offre > h1,.n-1-zone-atout > h2{font-size: 34px;font-weight: 900;text-align: center;color: #222222;margin-top:60px}
.zone-article > h2, .zone-article > .subtitle,.n-1-zone-offre > h2,n-1-zone-offre>.subtitle { text-align: center; }
.zone-article > h2,.n-1-zone-offre > h2 { margin: 60px 0 10px; }
.zone-article > .subtitle , .n-1-zone-offre > .subtitle { text-transform: none; color: #444444; max-width: 700px; margin-bottom: 30px; }
.article,.offre { flex: 1; margin: 0 16px; height: 400px; max-width: 334px; justify-content: flex-end; display: flex; flex-direction: column; align-items: center; padding: 0 20px 30px; text-align: center; position: relative; background-position: center top; }
.article::after { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; }
.offre::after{background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0) 85%);position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: "";}
.article > h3, .article > p, .article > .button, .offre >h3, .offre >p, .offre > .button { z-index: 1; color: #fff; }
.article > h3, .offre > h3,.atout > h3 { margin: 0; font-weight: 900; line-height: 1; font-family: "SFR-Bold"; text-transform: uppercase; }
.article > p ,.offre > p,.atout > p{ margin: 10px 0; font-size: 14px; line-height: 1.43; }
.offre > h3{ font-size: 24px;}

.atout{width: 334px;text-align: center;margin-bottom: 105px;}
.atout > h3 { font-size: 18px;font-weight: 900;color: #222222;}
.atout img {margin-top: 37px;margin-bottom: 23px}
.atout:nth-child(2){margin-left: 31px;margin-right: 31px;}
.atout > p{font-size: 14px;color: #444444;}

.zone-aller-plus-loin{font-family: "SFR-Regular"; text-align: center; color: #ffffff; background: url(//static.s-sfr.fr/media/nsbt-n-1-offre-apl-chevron.png),radial-gradient(circle at 59% 51%, #a1acca, #697189); background-position: right; padding-top: 40px; height: max-content; background-size: contain; padding-bottom: 40px; background-repeat: no-repeat;}
.zapl-fisrt-zone > h3 {font-size: 18px;font-weight: normal;margin-bottom: 30px;color: #ffffff;text-transform: uppercase}
.zapl-fisrt-zone > h2 { font-family: "SFR-Bold";font-size: 34px;font-weight: 900;margin-top: 10px;margin-bottom: 10px;color: #ffffff;text-transform: uppercase}
.zapl-fisrt-zone> p {font-size: 16px;margin-bottom: 30px}
.table{display:table;margin: 0px auto;height: max-content;width: max-content;border-radius: 50%;}
.table-cell{display: table-cell;vertical-align: middle;}
.zapl-fisrt-zone{position:relative;z-index:1;width:73.8%;margin:0px auto;}

.zone-solution { background: no-repeat center top/cover; height: 560px; padding: 197px 0 0 188px; }
.zone-solution h2, .zone-solution div { color: #fff; max-width: 520px; }
.zone-solution h2 { margin: 10px 0 20px; }
section.more-info { background: black; padding: 20px 0; display: flex; justify-content: center; align-items: baseline; }
.more-info > span, .more-info > .reverse-white-button { color: white; border-color: white; font-family: "SFR-Bold"; text-transform: uppercase; text-align: center; }
.more-info > span { margin-right: 20px; }
.more-info > .reverse-white-button { padding: 11px 17px 14px; margin: 0; }

.zone-partenaire { padding: 30px 0; }
.zone-partenaire .card { max-width: 517px; height: 400px; box-shadow: none; background: #f2f2f2; align-items: center; justify-content: center; padding: 0; }
.zone-partenaire .card .card-content { align-items: center; text-align: center; }
.zone-partenaire h3 { text-transform: uppercase; font-family: "SFR-Bold"; font-weight: 900; margin: 0; }
.zone-partenaire .card .card-content h3, .zone-partenaire .card .card-content span { line-height: 1; font-size: 24px; }
.zone-partenaire .card .card-content .logo-container { margin: 30px 5px 40px; width: 100%; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; }
.zone-partenaire .card .card-content .std-button { margin: 0; padding: 17px 24px; }
.zone-partenaire .logo { margin: 10px; }
section.zone-blog { height: 500px; display: flex; }
section.zone-blog .blog-content h3{margin: 10px 0 0 0;font-size:37px;font-family: "SFR-Bold"; text-transform:uppercase; line-height:initial;}
.zone-blog .video-preview { max-width: 550px; position: relative; }
.zone-blog .video-preview .start-button,.start-button { position: absolute; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; top: 0; left: 0; }
.client-video .start-button{position:relative;}
/*.zone-blog .video-preview .start-button::after,.start-button::after { content: ""; background: url("//static.s-sfr.fr/media/sbt-picto-start.svg") center/170%; position: absolute; width: 64px; height: 64px; }*/
.zone-blog .video-preview > img { height: 100%; object-fit: cover; }
.zone-blog .blog-content { flex: 1; padding: 0 184px 0 92px; display: flex; flex-direction: column; align-items: start; justify-content: center; }
.zone-blog .blog-content > h2 { margin: 10px 0 0; }
.zone-blog .blog-content > p { color: #444444; margin: 10px 0 30px; }

.zone-decouverte { min-height: 730px; background-color: #f2f2f2; text-align: center; }
.zone-decouverte h2 { padding: 30px 0 20px; }
.zone-decouverte h3 {font-family: SFR-Bold;font-size: 24px;font-weight: 900;text-align: center;color: #222222;text-transform:uppercase;padding-top:30px;padding-bottom:20px;}
.article-content, .article-blog { display: flex; flex-direction: column; align-items: center; }
.article-blog { background-color: white; width: 334px; max-width: 100%; box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04); margin: 0 15px 30px; }
.article-content { padding: 30px 20px 20px 20px; align-items: flex-start; text-align: start; flex: 1; }
.article-content h3 { font-family: "SFR-Bold"; font-size: 18px; line-height: 1.17; margin:0;margin: 10px 0 20px;padding:0;text-align:left;text-transform: initial; }
.article-content .preview { margin: 0 0 40px; font-size: 14px; line-height: 1.43; color: #8e8e8e; }
.article-content .category { text-transform: uppercase; font-size: 14px; color: #858585; }
.article-content .category .highlight { border-radius: 10px; background: #7fafff; padding: 4px 10px; color: #fff; font-size: 12px; font-weight: bold; line-height: 0.92; vertical-align:  baseline; }
.article-footer { font-size: 12px; margin-top: auto; }
.article-footer span:not(:first-child) { color: #8a8a8a; font-size: 12px; }
.article-footer span:not(:first-child)::before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 7.5px; background-color: #8a8a8a; margin: 0 5px 2px 5px; }
.zone-decouverte .button.std-button { margin-bottom: 30px; }

section.zone-about { display: flex; min-height: 200px; background-color: #222222; color: white; justify-content: space-around; -ms-flex-align:center;align-items: center; font-size: 18px; }

.video-preview{width:38%;}
.video-preview > img{width:100%;}
.more-about { display: flex; flex-direction: column; align-items: center; }

.title-link { display: inline-block; text-align: center;color: white; }
.title-link:visited,.title-link:focus { color: white; }
.title-link:hover { text-decoration: white underline; }
.title-link p { margin: 15px 0 0; }

.splitter { height: 80px; border: solid 1px #444444; }
@media screen and (-ms-high-contrast: active) and  (-ms-high-contrast: none) and (min-width:768px) {
   .more-about { display: flex; flex-direction: column; align-items: center; transform:translateY(50%); }
   .splitter{transform:translateY(50%);}
}
.lame-top ul{list-style: none;}
.lame-top-block-right{ width: 580px;opacity: 0.8;background-color: #181818;color: white;height: 560px;position: absolute;overflow-y: hidden;right: 0;top: 0;}
.accord {color: #fff;width: 100%;height: 140px;cursor:pointer;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s; }
.notAccord{color: #888888;padding: 18px;width: 100%; height: 140px;text-align: left;border-bottom: solid 1px #444444;;font-family: 'SFR-Bold';font-size: 14px;font-weight: bold; }
.pan {padding-left:70px;max-height: 0;color: white;overflow: hidden;border-bottom: solid 1px #444444;;transition: max-height 0.2s ease-out;}
.pan >h4 {font-family: 'SFR-Bold';font-size: 16px;padding-right:10px;font-weight: bold;color: #ffffff;}
.pan:last-child {border-bottom: none;}
.file-ariane{color: #ffffff;margin-left: 40px;padding-top: 20px;font-size: 12px;font-family: Arial; position:absolute;}
.file-ariane a, .file-ariane:hover, .file-ariane a:visited{color:#fff;}
.trait{width: 11px;display: inline-block;height: 1px;vertical-align: middle;opacity: 0.5;background-color: #ffffff;}
.title{width: 608px;height: inherit;color: white;margin-left: 188px;display: flex;flex-direction: column;justify-content: center;}
.title a{max-width:260px;}
.title > h3{font-family: 'SFR-Regular';font-size: 18px;color: #ffffff;text-transform: uppercase;}
 .align{display: table;padding-left: 70px; }
 .sectionTitle {display: table-cell;vertical-align: middle;}
 .accord >.sectionAlignTitle{width: 366px;font-family: 'SFR-Bold';font-size: 18px;font-weight: 900;color: #ffffff;text-transform: uppercase;}
 .accord > .sectionOpenClose {width:144px;text-align: center; }
 .notAccord > .sectionAlignTitle{width: 410px;font-family: 'SFR-Bold';font-size: 14px;font-weight: bold;color: #888888;text-transform: uppercase; }
 .sectionOpenClose{text-align: right;}
 .closeNav{width: 1px;height: 13px;transform: rotate(90deg);background-color: #ffffff;margin: 0px auto; }
 .openNav{font-size: 25px;}
 .subTitle{font-family: 'SFR-Bold';font-size: 16px;font-weight: bold;color: #ffffff;}
 .navDescription{font-family: 'SFR-Regular';font-size: 14px;color: #ffffff;padding-right: 20px;}
 .navLink{font-family: 'SFR-Bold';font-size: 14px;font-weight: bold;color: #ffffff;}
 .navLink a,.navLink:visited,.navLink a:active{color:#fff;}
 .lame-top-block-right:last-child{border-bottom: none; }
  section.n-1-zone-offre{padding-bottom: 80px; }
  .n-1-zone-atout > h2{margin-top: 0;}
.none{display: none; }
.n1-zone-presence{height: 200px;background-color: #222;color: white;}
     .elementPresence{width: 30%;flex-direction: column;text-align: center;font-size: 18px; align-self: center;}
      .elementPresence:nth-child(2){width: 40%;}
      .elementPresence:nth-child(3){ border:none;}
     .n1-zone-presence >.cards-holder{height: 200px;margin: 0;}
     .miseEnAvant{font-family: 'SFR-Bold';text-transform: uppercase;}
     .pAlign{ width: 180px; margin: 0px auto;padding-top: 10px;}
     .elementPresence{height: 135px;}
     .borderRight{width: 1px;height: 80px;display: flex;align-self: center;background-color:#444;}
    .borderBottom{display:none;}
    .blocAlign{ margin: 0;margin-top: 10px;margin-bottom: 10px;}
    .margin{margin: 0;}
    .responsiveAlign{margin-top: 10px; }
    .responsiveMargin{margin: 0;margin-top: 10px;}
    
.blocGeneral{height:336px;background-color:black;opacity:0.8;color:white;padding-left:12.3%;padding-top:68px}
 .blocGeneral >h1,.titrePage{color:white;color: white;margin: 0;}
 .blocDescriptionPage{display: table;font-family: 'SFR-Regular';font-size: 18px;width: 608px;height: 56px;}
 .descriptionPage{font-family: 'SFR-Regular';vertical-align: middle; display: table-cell;}
 .blocAdresse{margin-top: 16px;font-size: 14px;}
 .blocAdresse > img,.imgResultat{vertical-align: top;}
 .blocAdresse > a,.colorLienAdresse{color: #e2001a!important;}
 .blocGeneralOffre{position:relative;bottom:60px;padding-left:12.3%}
 .bloc1{width: 300px;height: 526px;background-color: white;display: inline-block;vertical-align: top;box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04);text-align:center}
 .bloc1 > h3,.bloc2 >h3, .bloc3 >h3 ,.titreBlocOffre{font-size: 24px;text-transform: uppercase;font-weight: bold;font-family: 'SFR-Bold';margin: 0;margin-top: 30px;margin-bottom: 6px;}
 .descriptionBlocOffre{font-family: 'SFR-Regular';font-size: 18px; width: 280px;margin: 0;height: 56px;margin-top: 6px;line-height: 1.56;margin: 0px auto;margin-bottom: 16px;}
 .prix{display: inline-block;font-size: 46px;font-family: 'SFR-Bold';font-weight: 900;}
 .blocDeviseEtCondition{display: inline-block;margin-left: -7px;}
 .devise{text-align: left;font-size: 22px;font-family: SFR-Bold;width: 15px;}
 .condition{font-size: 10px;font-family: SFR-Bold;width: 43px;}
 .bloc1 >a, .bloc2 > a , .bloc3 > a ,.boutonDevis{margin: 0!important;margin-top: 8px!important;margin-bottom: 20px!important;}
 .blocOption{display: table;width: 300px;height: 104px;border-top: 1px solid #e9e9e9;}
 .bloc2Option{display: table;width: 300px;height: 179px;border-top: 1px solid #e9e9e9;}
 .bloc3Option{display: table;width: 300px;height: 201px;border-top: 1px solid #e9e9e9;margin: 0px auto;}
 .bloc3Option2{display: table;border-top: 1px solid #e9e9e9;height:298px;margin: 0px auto;}
 .blocGeneralOption{display: table-cell;vertical-align: middle;}
 .blocGeneralOption >h4{margin:0;font-size: 16px;font-family: SFR-Bold;color: #222;margin: 0px auto;width: 280px;}
 .descriptionOption{margin:0;width: 280px;margin: 0px auto;font-size: 16px;color: #444;}
 .blocGeneralDetail{display:table;height: 50px;background-color: #f2f2f2;width:300px}
 .blocDetail{display:table-cell;vertical-align: middle;}
 .blocDetail > a ,.blocDetailLien{font-size: 14px;color: #e2001a!important;cursor: pointer;}
 .blocDetail >img ,.blocDetailImg{margin-left:5px;vertical-align: top!important;}
 .bloc2{width: 300px;height: 676px;background-color: white;display: inline-block;vertical-align: top;margin-left:20px;margin-right:20px;box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04);text-align:center}
 .blocPlus{margin: 0;margin-top: 15px;margin-bottom: 15px;}
 .bloc3{width: 300px;height: 817px;background-color: white;display: inline-block;vertical-align: top;box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04);text-align:center}
.lame-eligibilite{height:869px;background-color:white}
.detail-titre{margin: 0;font-size: 34px;font-family: 'SFR-Black';}
.detail-titre.hotSpotTitle{margin:0 0 20px 0;text-align:center;}
.detail-titre.hotSpotTitle+.rowSecurite .detail-desc{margin:initial;}

#solution-lame-top {height:560px;}
#solution-lame-top .lame-top-titre{width: 100%;text-align: center;padding-top: 46px;}
#solution-lame-top .lame-top-titre h1{color: white;font-size: 52px;font-family: SFR-Black;}
#solution-lame-top .lame-top-titre p{margin: 0px auto;width: 516px;color: white;font-family: SFR-Regular;font-size: 16px;}
.blocCentral {width: 73.9%;margin: 0px auto;margin-top:-349px;}
/*#navSolution{color: white;text-align: center; display: flex;flex-wrap: nowrap;overflow-x: auto;}*/
#navSolution{color: white;text-align: center;}
#navSolution .columnNav{display: inline-block;width: 25%;text-align: center;vertical-align: top;flex: 0 0 auto;}
#navSolution .columnNav:hover{cursor:pointer;}
#navSolution .lastColumn{padding-left: 12px}
#navSolution .columnText{display: table-cell;vertical-align: top;width: inherit;padding-right: 12px;padding-left: 12px;font-family:SFR-Regular;font-size: 16px;}
#navSolution .firstColumnText{padding-left: 0;}
#navSolution .circleBlock{display: table-cell;width: 10%;vertical-align: middle;}
#navSolution .circle {height: 6px;width: 6px;background-color: white;margin: 0px auto;border-radius:50%;}
#navSolution .lastColumText{padding-left: 0; padding-right: 0;}
#blockPrincipal { height:100%;background-color:white;padding-top:60px;}
#blockPrincipal .descriptionSolution{height: auto;text-align: center;width: 65.8%;margin: 0px auto;}
#blockPrincipal .titreSolution{font-size: 18px;text-transform: uppercase;font-family: SFR-Regular;color: #222;margin:0;margin-bottom:10px;}
#blockPrincipal .sloganSolution{font-size: 34px;font-family: SFR-Black;font-weight: 900;color: #222;margin:0;margin-bottom:20px;}
#blockPrincipal .detailSolution{font-size: 18px;font-family: SFR-Regular;line-height: 1.56;color: #444;margin:0;margin-bottom:31px;text-align: justify;}
#blockPrincipal .boutonDetailSolution{color: #e2001a;font-family: SFR-Black;text-transform: uppercase;border: 1px solid #e2001a;border-radius: 10px;font-size: 13px;text-align: center;padding-left: 17px;padding-top: 11px;letter-spacing: 0.7px;padding-right: 17px;padding-bottom: 14px;}
#blockPrincipal .boutonDetailSolution:hover{color:#fff;background-color:#e2001a}

#blockPrincipal .blocSolution{text-align: center;padding-top: 94px;}
#blockPrincipal .titleSolution{font-size: 34px;font-family: SFR-Black;margin-bottom: 30px;}
#blockPrincipal .blocDetailSolution{width: 30.4%;max-height: 400px;vertical-align: bottom;display: inline-block;height: 400px;text-align: center;}
#blockPrincipal .blocDetailSolutionText{display: table-cell;height: inherit;width: inherit;vertical-align: bottom;padding-bottom: 50px;}
#blockPrincipal .detailSolutionTitle{color: #fff;font-size: 24px;font-family: SFR-Black;text-transform: uppercase;margin:0;margin:0px auto;width:95.2%;}
#blockPrincipal .detailSolutionDescription{font-size: 14px;font-family: SFR-Regular;color: #fff;line-height: 1.43;margin:0;margin:0px auto;width:88%;margin-top:10px;margin-bottom:10px;}
#blockPrincipal .ctaSolution{margin: 0;}
#blockPrincipal .marginDetailSolution{margin-left: 1.8%; margin-right: 1.8%;}
#blockPrincipal .marginTopDetailSolution{margin-top:30px;}
#blockPrincipal .lastItemSolution{ width: 30.4%;max-height: 400px;vertical-align: bottom;height: 400px;margin: 0px auto;text-align: center;margin-top: 30px;}
#blockPrincipal .n-1-zone-atout{padding-top:80px}
#blockPrincipal .n-1-zone-atout .cards-holder{margin:0;}
#blockPrincipal .n-1-zone-atout .cards-holder .atout{width:31.4%;margin-bottom:0;}
#blockPrincipal .n-1-zone-atout .cards-holder .atout:nth-child(2){margin-left: 2.9%;margin-right: 2.9%;}

#popup-lateral{display:none;position:absolute;z-index:10000001;height:500px;background-color: rgba(0, 0, 0, 0.6);width:100%}
#popup-content{position: relative;background-color: white;width:560px;float: right;padding-left:60px}
.popup-cross{display:table;height:60px;width:60px;border-radius:50%;border:1px solid #e9e9e9;text-align:center;float: right;margin-right: 20px;margin-top: 20px;}
.popup-cross:hover{cursor:pointer}
.popup-cross >div {display:table-cell;vertical-align:middle;}
#popup-details{position:absolute;top: 50%;transform: translateY(-50%);width:59.4%}
#popup-title{margin-top:22px;font-size:24px;font-family:'SFR-Black';color:#222;text-transform: uppercase;}
#popup-description{margin-top:20px;font-size:14px;font-family:'SFR-Regular';color:#444}
#popup-text{margin-top:20px;font-size:14px;font-family:'SFR-Regular';color:#444}

#scroll{display: none; margin: 0px auto;position: absolute;top: 350px;width: 100%; text-align: center;}

.textHolderP{margin: 0;width: 92%;}
#zoneReponse{margin-top:60px;}
#filAriane{position: absolute;}
.top-blocktext{position: relative;top: 24%; width: 73%; margin: 0px auto;}
.top-blocktext div:last-child{vertical-align:top;}
.top-blocktitle{display:inline-block;width: 77%;color: white;}
.top-blocktitle h1{color: white;font-family: 'SFR-Black';font-size: 52px;margin: 0;}
.top-blocktitle h2{color:#fff;}
.top-blocktitle h4{font-size: 24px;color: white;font-family: 'SFR-Black';text-transform: uppercase;margin: 0;margin-top: 10px;margin-bottom: 10px;}
.n2s-description{margin: 0;font-family: 'SFR-Regular';margin: 0;width: 62%;font-size:18px!important;}
.top-blockprice{display:inline-block}
.promotion .pricelimit{color: white;font-size: 16px;font-family: 'SFR-Bold';}
.promotion .n2s-price{color: white;font-size: 60px;}
.promotion .block-devise{margin: 0;font-size: 36px;line-height: 33px;}
.promotion .taxe{font-size: 10px;text-transform:uppercase}
.n2s-top-cta{margin-top:20px !important;}
.n2s-options{height: 400px;display: flex;align-items: center;background-color:#fff;}
.n2s-options .option-details .detail-title{margin:0 0 20px 0;font-size:18px;/*MCHL*/font-family: 'SFR-Black';}

.n2s-options-left{position:relative;padding: 20px 0;display: inline-block;position: relative;width: 39.5%;background-color: white;box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04); overflow:hidden;}
.options-list{position: relative;top: 50%;transform: translateY(-50%)}
#securite{padding-top:120px!important;}

.option{vertical-align: top;display: flex;flex-direction: row;margin-left: 35.5%;}
.option:nth-child(2){margin-top: 40px;margin-bottom: 40px;}
.option-icone{display: inline-flex; flex-direction: column; align-self: center;margin: 0;margin-right: 34px;}
.option-icone img{max-width: 100%;}
.option-texte{display: inline-flex;flex-direction: column;width: 68%;}
.option-title,.option-texte h3{margin: 0;margin-bottom: 4px;font-size: 18px;font-family: 'SFR-Black'!important;text-transform:uppercase;}
.option-description{margin: 0;font-size: 16px;font-family: 'SFR-Regular';}
.option-description p{margin:0;font-size: 16px!important;/*MCHL*/}
.option-details{width:60.5%;display: inline-block;padding-left: 6%;vertical-align: top; position: relative;}
.detail-title,.option-details h3{font-size: 18px;font-family: 'SFR-Black';text-transform: uppercase;margin: 0;margin-bottom: 20px;}
.detail-description,.detail-solution{display: flex;flex-direction: row;vertical-align: top;}
.detail-description:not(:first-child){margin-top: 38px;}
.detail-solution:not(:first-child){margin-top: 20px;}
.detail-arrow{display: flex;flex-direction: column;align-self: auto;margin: 3px;}
.detail-arrow img{max-width: 7px;}
.detail-texte{padding-right:10px;}
.detail-texte,.solution-text{display: flex;flex-direction: column;margin: 0;margin-left: 13px;}
.detail-texte p,.solution-text p{margin: 0;font-size: 16px!important;line-height:20px!important;}
.solution-text p{font-size:16px;font-family:"SFR-Regular";}
.option-cta{margin-top: 30px;}
.option-cta a:nth-child(2),
.ctaAtout a:nth-child(2){margin-left:10px}
.detail-option{height: max-content; padding-top: 40px;display:flex;flex-direction:row;background: url(//static.s-sfr.fr/media/n2-details-background.png) no-repeat center;-webkit-background-size: cover;background-size: cover;}
.detail-text{display:inline-flex;flex-direction:column;justify-content:center;width: 48.8%;padding-left: 13%;}
.detail-desc{margin-top: 20px;}
.detail-desc h2{margin: 0;font-family: 'SFR-Black';font-size: 24px;}
.detail-desc h3{margin: 0;font-size: 16px;font-family: 'SFR-Bold';}
.detail-desc h3:nth-child(1){margin-top: 20px;}
.detail-desc h3:nth-child(2){margin-top: 30px;}
.detail-desc h6{margin: 0;font-size: 16px;font-family: 'SFR-Bold';}
.detail-desc h6:nth-child(1){margin-bottom: 17px;}
.detail-desc h6:nth-child(3){margin-top: 30px;margin-bottom: 17px;}
.avantage-description{margin: 0; margin-top: 10px;font-size: 16px;font-family: 'SFR-Regular';}
.avantage-description p{margin:0;}
.detail-image{display:inline-flex;flex-direction:column;height:auto;justify-content:center;width:517px;vertical-align: top;}
.image{display:inline-block;height:auto;object-fit: contain;}
.client{width:73.8%;margin:0px auto;}
.client-video{width:49.9%;height:380px;display:inline-block;vertical-align:top;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.47)), url(//static.s-sfr.fr/media/n2s-client.png);background-position: center;background-size: cover;margin-right: -0.25em;}
.client-video iframe img {max-width: 100%;max-height: 100%;object-fit: cover;height: 100%;}
.client-description{display:inline-block;vertical-align:top;width: 49.6%; height: 380px;max-height: 380px;overflow: auto;box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04);}
.client-name{position: relative;transform: translateY(-100%);padding-bottom: 20px;text-align:center;}
.client-name img{max-width:44px;}
.client-name span{color:white;font-family:'SFR-Regular';}
.client-desc-text{width: 77%;max-height:100%;margin: 0px auto;position: relative;top: 50%;transform: translateY(-50%);}
.client-text{margin: 0;margin-top: 20px;}
.client-text p{font-size: 16px;font-family: 'SFR-Regular';margin:0;}
.client-desc-text h3{font-size: 24px;font-family: 'SFR-Black';margin: 0;text-transform:uppercase;}
.bloc-client{padding-top:40px;}
.bloc-client .client-desc-text h2{margin: 0 0 20px 0;font-size:24px;font-family: 'SFR-Black';line-height: normal;}

.securite .rowSecurite .detailSecurite h2{margin: 0 0 20px 0;font-size:24px;font-family: 'SFR-Black'; line-height:normal;}
.securite .rowSecurite .detailSecurite .detail-titre#boxBlock_title{font-size:37px;font-family: 'SFR-Bold';}
.securite .rowSecurite .detailSecurite h3{margin: 0;font-size: 16px;font-family: 'SFR-Bold';}
.securite .rowSecurite .detailSecurite h3:first-letter{text-transform: uppercase;}
.securite .rowSecurite .detailSecurite h3:nth-child(1){margin-bottom: 17px;}
.securite .rowSecurite .detailSecurite h3:nth-child(3){margin-top: 30px;margin-bottom: 17px;}
.securite .rowSecurite .detailSecurite h4{font-size: 16px; font-family: 'SFR-Black'; margin: 25px 0 10px 0;}

.rowSecurite{display:flex;flex-direction:row;width: 73.8%;margin: 0px auto;}
.columnSecurite{display:inline-flex;flex-direction:column;align-self: stretch;}
.columnSecurite:nth-child(1){width:51.3%;}
.columnSecurite:nth-child(2){margin:0 0 0 20px;width:48.6%;justify-content:center;background-color: #F2F2EF!important;}
.columnSecurite:nth-child(2) iframe{height:400px;}
.columnComment{background-color:#f2f2f2;}
.commentText{position:relative;text-align:center;width: 74.4%;margin: 0px auto;top:50%;transform:translateY(-50%);}
.commentText img{ max-width:40px;border-radius:50%;}
.commentText p{margin:0;line-height: 1.56;font-size: 18px;width: 92%;font-family: 'SFR-Regular';margin: 0px auto;}
.commentText div:nth-child(1){margin-top:50px;width: 92.2%;margin: 0px auto;}
.commentAuthor{margin-top: 50px;}
.commentAuthor span{margin-left: 6px;font-family: 'SFR-Regular';font-size: 18px;}
.detailSecurite{position:relative;width: 94.5%;margin: 0px auto;}
.detailSecurite h3{font-family: SFR-Black; font-size: 24px; margin: 0; line-height: normal; margin-bottom: 20px;}
.rowCta{margin-top:80px;margin-bottom:80px;}
.ctaSecurite{margin:0px auto;}
.ctaSecurite a:last-child{margin-left: 10px;}
#n2s-aller-plus-loin{height:496px;background-image: radial-gradient(circle at 59% 51%, #a1acca, #697189);}
#n2s-aller-plus-loin .n2s-apl>p{color:#fff;text-align:center; font-size:18px;}
#n2-contenu-simple {width:90%;margin: 0 auto;}
#n2-contenu-simple .rich-content {position:relative;margin: 0 auto;width: 60vw;}
#n2-contenu-simple .content {position: relative;margin: 0 auto;width: 60vw;}
.n2s-apl{position: relative;top: 50%;transform: translateY(-50%);width: 74.7%;margin: 0px auto;}
.offre-list-apl{display: flex; flex-direction: row;}
.offre-apl{display: inline-flex; flex-direction: column; background-size: cover; background-position-y: center; width: 30%; height: 240px;}
.offre-apl:nth-child(even){margin-left:32px;margin-right:32px;}
.offre-apl-text{width: 95.2%; margin: 0px auto; position: relative; top: 50%; transform: translateY(-50%); text-align: center;}
.offre-apl-text h3 {margin: 0; font-family: SFR-Black; color: white; text-transform: uppercase; font-size: 24px;}
.offre-apl-text p{margin: 0; width: 92.4%; margin: 0px auto; font-family: SFR-Regular; font-size: 14px; color: white; margin-top: 10px; margin-bottom: 10px;}
.offre-apl-text a{margin:0;}
.n2s-apl h5{margin: 0; text-align: center; font-family: SFR-Regular; font-size: 18px; text-transform: uppercase; color: white;}
.n2s-apl h2{margin: 0; font-family: SFR-Black; font-size: 34px; color: white; text-align: center; margin-bottom: 30px; margin-top: 10px;}
.offre-list-apl-auto{margin:0px auto;text-align: center;}
.ml-text{width: 73.8%; margin: 0px auto;padding-top: 20px; padding-bottom: 20px;}
.ml-titre{font-family: Arial;font-size: 12px;color:#444;}
.ml-image{transform: rotateZ(-90deg);max-width: 6px!important; margin-left: 5px;}
.ml-image-reverse{transform: rotateZ(90deg);max-width: 6px!important; margin-left: 5px;}
.ml-text p{margin: 0; color: #8a8a8a; font-family: Arial; font-size: 12px;}
.ml-text div {display:none;}

.atoutBlock{width: 100%;text-align: center; padding-top: 80px;padding-bottom:80px;}
.atoutBlock h2{margin-bottom: 34px;}
.atoutCheckbox {display: none;}
.atoutRow{ position: relative;width: 100%;display: flex;flex-direction: row;justify-content: center;}
.atoutRow img+h3{margin: 25px 0 10px 0;font-size:18px;font-family:'SFR-Black';text-transform: uppercase;}
.atoutRow:not(:first-child){margin-top:60px;}
.atoutColumn{display: inline-flex;flex-direction: column;width: 334px;text-align: center;}
.atoutColumn:nth-child(even){margin-left: 31px;margin-right: 31px;}
.atoutColumn h4{font-size: 18px;text-transform: uppercase;font-family: SFR-Black;margin: 0;margin-top: 25px;margin-bottom: 10px;}
.atoutColumn p{margin: 0;font-size: 16px!important;/*MCHL*/line-height: 20px!important;margin-bottom: 15px;font-family: 'SFR-Regular';}
.atoutColumn label{color: #e2001a;font-size: 14px;}
.atoutColumn label:active,.atoutColumn label:focus{background-color:white;}
.atoutPopupDesc{width: 560px;height: 100vh;z-index: 11;position: absolute;background: white;right: 0;padding-left: 60px;text-align: left;}
.atoutPopup p:last-child a,.lienPopupDesc,.lienPopupDesc:hover,.lienPopupDesc:active,.lienPopupDesc:visited{color: #e2001a;font-size: 14px;}
#popup-details img{max-width:100%;}
.atoutCheckbox:checked ~ div {display: block;}
.atoutCheckbox:not(:checked) ~ div {display: none;}
.atoutPopup{display:none;width:100%;left: 0;top: 0px;position: fixed;z-index: 10000001;height: 100vh;background-color: rgba(0, 0, 0, 0.6);}
.atoutPopupLinear{width: 100%;height: 100vh;z-index: 10;position: absolute;}
.imageVideos{text-align:center;}
.imageVideos h3{font-size:24px;font-family:'SFR-Black';}
.contentImageVideo{width: 80%;margin: 0px auto;}
.contentImageVideo img{ max-width:100%;}

section.sectionTable{display:flex;flex-direction:column;justify-content:center;margin-top:80px;}
.tableToLeft,#boutonLeftLigne,.boutonLeftLigne{position:absolute;z-index:1;left:10px;height:60px;width:60px;border-radius:50%;background-color:red;display:none}
.tableToRight,#boutonRightLigne,.boutonRightLigne{position:absolute;z-index:1;right:10px;height: 60px;width: 60px;border-radius: 50%;background-color: red;display: block;text-align: center;}
.tableToLeft:hover,.tableToRight:hover,#boutonLeftLigne:hover,#boutonRightLigne:hover,.boutonLeftLigne:hover,.boutonRightLigne:hover{cursor:pointer;}
.tableToLeft img,#boutonLeftLigne img , .boutonLeftLigne img {top: 50%;display: block;position: relative;margin: 0px auto;transform: rotate(180deg) translateY(50%);}
.tableToRight img,#boutonRightLigne img, .boutonRightLigne img{text-align: center;top: 50%;display: block;position: relative;margin: 0px auto;transform: translateY(-50%)}
.divInternet{width: 1063px;margin: 0px auto;border: 1px solid #e9e9e9;padding-top: 30px;padding-bottom: 30px;transition:transform 1s;}
.divInternet span:first-child{padding-left: 74px;font-size: 16px;font-family: SFR-Bold;}
.divInternet span:last-child{margin-left: 334px;font-size: 16px;font-family: SFR-Bold;}
table.tableInternet{text-align: center;margin: 0px auto;width: 1063px;transition:transform 1s;overflow:hidden}
table.tableInternet tr{transition:transform 1s;}
table.tableInternet tr td {text-align:center;padding-top:30px;padding-bottom:30px}
table.tableInternet tr td img {margin-bottom:14px}
.tableLink{display:block;color:#e2001a;font-Family:SFR-Regular;}
.tableSpanFirst{display:block;font-family: SFR-Regular; color: #444; font-size: 14px;}
.tableSpanSecond{display:block;font-family:SFR-Bold;}
.ligneFlexRow{display:flex;flex-direction:row;width:1260px;padding:5px 0 50px 0;align-items:start;margin: 0px auto; justify-content: center; animation: translate 1s; overflow-x: hidden;}
.ligneFlexColumn:not(:first-child){margin-left:15px;}
.sectionLigne h2{font-size:26px;font-family:SFR-Black;text-align:center;width: 88.75%;margin: 0px auto;margin-bottom:40px;}
.sectionLigne h2,.marginTopLigne{margin-top:80px;}
.ligneFlexColumn{display:flex;flex-direction:column;width:300px;background-color: #fff;box-shadow: 0 8px 16px 0 rgba(24, 24, 24, 0.1), 0 -1px 6px 1px rgba(24, 24, 24, 0.04);justify-content:center;transition: transform 1s;}
.ligneColumnElements{padding: 20px 15px;  border-bottom: 1px solid #e9e9e9; text-align: center;}
.ligneColumnElements img{margin-bottom: 15px;}
.ligneColumnElements img + p{margin:0;}
.ligneColumnElements p{font-family:SFR-Regular;font-size:16px;}
.ligneElementTitle,.ligneColumnElements h3{font-family:SFR-Black;font-size:24px;text-transform:uppercase;width:259px;margin:0px auto}
.ligneElementOption{width: 280px; text-align: center; margin: 0; margin: 0px auto;}
.ligneElementPrice{width:100%;text-align:center}
.ligneElementPrice div:first-child,.ligneElementPrice div:last-child{display:inline-block;}
.ligneElementPrice div:last-child{text-align:left;}
.ligneElementPrice div:first-child span{font-family:SFR-Black;font-size:46px;}
.ligneElementPrice div:last-child span{font-family:SFR-Black;font-size:22px;display:block;}
.ligneElementPrice div:last-child div{font-family:SFR-Bold;font-size:10px;}
.ligneElementContact{text-align: center; margin-top: 17px;}
.ligneElementContact a.button.std-button-gradient{margin-bottom:0;}
.ctaAtout{margin-top:80px;}
@media screen and (max-width: 1439px) {
    .lame-top > .text-holder { padding: 40px; width: 590px; }

    .background-mark-bottom-left { background-position-x: -150px; }
    .card { padding: 32px 28px 33px; }
    .card > .card-preview { margin-right: 11px; }

    .article, .offre { margin: 0 10px; }
    .article:not(:last-child),.offre:not(:last-child) { margin-bottom: 20px; }

    .zone-solution { padding-left: 43px; }
    .zone-solution h2, .zone-solution div { max-width: 430px; }

    .zone-partenaire { padding: 24px 0; }
    .zone-partenaire .card:not(last-child) { margin-right: 24px; }

}    
@media screen and (max-width: 1421px){
    .commentAuthor span{display: inline-block;vertical-align: middle;text-align: left;line-height: 1.56;width: 85%;}
}
@media screen and (max-width: 1414px){
    .top-blocktext{width:75%;}
    .top-blocktitle{width:77%;}
}
@media screen and (max-width: 1404px){
    .n2s-apl{width:90.7%;}
    .offre-apl{width:331px;}
}
@media screen and (max-width: 1368px){
    .top-blocktext{width:77%;}
    .top-blocktitle{width:76%;}
}
 @media screen and (max-width: 1331px) {
.title{margin-left:100px;}
}
@media screen and (max-width: 1327px){
    .option-texte{width:73%;}
}

@media screen and (max-width: 1267px){
    .commentAuthor span{width: 84%;}
}
@media screen and (max-width: 1290px){
    .commentText p,.commentText div:nth-child(1){width:291px;}
}
 @media screen and (max-width: 1283px) {
       .lame-top-block-right{display: block;position: initial;width: 100%;background-color: #222;height:max-content;opacity: 1;}
        .accord{height: 76px;}
        .n-1-zone-offre > h1{margin-bottom: 0;}
        .n-1-zone-offre > .cards-holder {margin-top: 20px;}
        section.n-1-zone-offre{padding-bottom: 60px;}
       .notAccord{height: 67px;}
       .file-ariane{display:none;}
       section.lame-top{align-items:center;}
       .title{ display: flex;flex-direction: column;vertical-align: top;margin: 0;padding-left: 43px;}
       .title > a{width: 243px;}
       .title >h3{font-size:16px;}
       .lame-top-block-right:last-child{border-bottom: none;}
        
   }
   @media screen and (max-width: 1278px){
    .top-blocktext{width:79%;}
    .top-blocktitle{width:75%;}
}
  @media screen and (max-width: 1257px) {
       .option{margin-left: 33%;}
   }


@media screen and (max-width: 1210px) {
       .option{margin-left: 31%;}
   }
@media screen and (max-width:1195px){
   .top-blocktext{width:81%;}
    .top-blocktitle{width:74%;}
}
@media screen and (max-width: 1188px){
.commentAuthor span{width: 83%;}
} 
@media screen and (max-width: 1176px){
    #n2s-aller-plus-loin{height:auto;}
    .n2s-apl{padding-top:80px;padding-bottom:80px;top:0;transform:initial;}
    .offre-apl:last-child{display:flex;margin:0px auto;margin-top: 20px;}
    .offre-apl{width:331px;}
    .offre-apl:nth-child(even){margin-right:0;}

    
}
@media screen and (max-width: 1175px) {
       .option{margin-left: 29%;}
   }

@media screen and (max-width: 1150px){
       .n-1-zone-atout > .cards-holder{margin:0;}
       .n-1-zone-offre > .cards-holder > .offre{flex:none;width: 331px;max-width: 331px;}
       
}
 @media screen and (max-width: 1142px) {
       .option{margin-left: 27%;}
   }
@media screen and (max-width: 1121px){
    .top-blocktext{width:83%;}
    .top-blocktitle{width:73%;}
}
@media screen and (max-width: 1118px){
    .commentAuthor span{width: 82%;}
}
@media screen and (max-width: 1110px) {
   .option{margin-left: 25%;}
}
@media screen and (max-width: 1097px){
    .commentAuthor span{width:237px;}
}
@media screen and (max-width: 1093px){
    .commentAuthor span{margin-left:6px;}
}
@media screen and (max-width: 1091px){
    .commentText{ width:291px;}
}   
@media screen and (max-width: 1085px){
    .bloc1,.bloc2,.bloc3{width:214px;height:auto;}
    .tarification{margin-top:10px; }
    .descriptionBlocOffre{width:194px;}
    .blocOption,.blocGeneralDetail,.bloc3Option,.bloc3Option2,.bloc2Option{width: 214px;}
    .blocGeneralOption,.blocGeneralOption >h4,.descriptionOption{width:194px;}
    .bloc2Option{ height :233px;}
    .bloc3Option{height: 245px;}
    .bloc3Option2{height: 320px;}
}


@media screen and (max-width: 1081px) {
       .option{margin-left: 23%;}
   }
 @media screen and (max-width: 1064px){
        .cards-holder > .atout,.atoutColumn{width:214px;}
        .atoutColumn:nth-child(even){margin-left: 20px;margin-right: 20px;}
 }
 @media screen and (max-width: 1053px) {
       .option{margin-left: 21%;}
      
    .top-blocktext{width:85%;}
    .top-blocktitle{width:72%;}

   }
   @media screen and (max-width: 1027px) {
       .option{margin-left: 19%;}
   }
@media screen and (max-width: 1019px){
    .detail-image{width:331px;}
}
 
 @media screen and (max-width: 1001px) {
       .option{margin-left: 17%;}
   }

@media screen and (max-width: 1000px) {
    .option-texte{width: 79%;}
    .option-details{width: 59%; padding-left: 38px;}
}
@media screen and (max-width: 996px)
{
    .zone-blog .video-preview { max-width: 300px; }
    .zone-blog .blog-content { padding: 49px; }
}
@media screen and (max-width: 992px){
    .top-blocktext{width:87%;}
    .top-blocktitle{width:71%;}
}
 @media screen and (max-width: 976px) {
       .option{margin-left: 15%;}
   }
   
@media screen and (max-width: 953px) {
       .option{margin-left: 13%;}
   }
@media screen and (max-width: 950px) {
    .option-details{padding-left:5%;}
    
}
@media screen and (max-width:935px){
    .top-blocktext{width:89%;}
    .top-blocktitle{width:70%;}
}
@media screen and (max-width: 933px) {
    .option-details{padding-left:4%;}
    
}
@media screen and (max-width: 925px) {
    .rowSecurite,.ml-text{width:682px;}
    
}

@media screen and (max-width: 922px) {
    .option-details{width: 59%; padding-left: 38px;}
    .columnSecurite:nth-child(1){width:351px;}
    .columnSecurite:nth-child(2){width:331px;}
    #securite{margin-top:60px;}
}

@media screen and (max-width: 900px){
    section.lame-top{ height:400px;}
    #scroll{display:block;}
    
    .client{width:682px;}
    .client-video{width:331px;}
    .client-description{width:350px;}
    
}
@media screen and (max-width: 889px) {
    .detail-text{padding-left:10%;}
}
@media screen and (max-width:884px){
    .top-blocktext{top:50%;transform:translateY(-50%);width:91%;}
    .top-blocktitle{width:69%;}
}

@media screen and (max-width: 854px){
    .n2s-options-left{width:51%;}
    .option-texte{width:66%;}
    .n2s-options{height:577px;}
    .option-details{width:46%;}
    .option-cta a:nth-child(2){margin-left:0px;}
}
@media screen and (max-width: 853px){
    .filAriane-n2s{display:none;}
    .option-details{width:39%;}
}
@media screen and (max-width: 837px){
    .top-blocktext{width:93%;}
    .top-blocktitle{width:68%;}
}
@media screen and (max-width: 818px) {
    .detail-text{padding-left:8%;}
}

@media screen and (max-width: 805px){
    .top-blocktext{width:95%;}
    .top-blocktitle{width:67%;}
}
@media screen and (max-width: 791px) {
    .option-details{width:42%;}
}
@media screen and (max-width: 790px) {
    .blocGeneral,.blocGeneralOffre{
        padding-left:42px;
    }
}
@media screen and (max-width: 786px) {.option-texte{width:71%;}}
@media screen and (max-width: 778px){.detail-text{padding-left:6%;}}
@media screen and (max-width: 770px){
    .offre-apl:nth-child(even){margin-left:20px;}
    
}
 @media screen and (max-width: 769px){
   .title{width: 566px;height: auto;padding: 0;margin: 0;margin-left: 43px;}
   .title > h3 {margin: 0;margin-bottom: 10px;}
   .align{padding-left: 43px;}
    .atout{width: 214px;}
   #titleH2{font-size:52px!important;margin: 0;margin-bottom: 20px;}
   #blockPrincipal .descriptionSolution{width:82.8%;}
   .blocCentral{width:88.8%;margin-top:-300px;}
   #blockPrincipal .blocDetailSolution{width:48.5%;}
   #blockPrincipal .marginDetailSolution{margin-right:0px}
   #blockPrincipal .lastItemSolution{width:48.5%;display:inline-block;margin-left:1.8%}
   #solution-lame-top .lame-top-titre h1{ width:57.8%;margin:0px auto;}
    #blockPrincipal .marginTop3nDetailSolution{margin-top:30px;}
  
       
   }
@media screen and (min-width: 768px) { 
    .visible-xs { display: none !important; } 
     .elementPresence{width: 30%; }
    .elementPresence:nth-child(2){width: 36%; }
    .option{margin-left:12%;}
    .client{width:88.8%;}
    .client-video{width:48.5%;}
    .client-description{width:51.3%;}
    
}
@media screen and (max-width: 768px){
    .top-blocktext{height:70%;}
    .top-blocktitle h4,.n2s-description{width:78.7%;}
    .top-blockprice{position: relative; top: 50%;transform: translateY(-50%); }
    .top-blockprice .promotion{width:80%;margin:0px auto;}
    .detail-titre h1{font-size:34px;}
    .client{width:88.8%;}
    .client-video{width:48.5%;}
    .client-description{width:51.3%}
    .rowSecurite{width:88.8%;}
    .columnSecurite:nth-child(1){width:51.4%;}
    .columnSecurite:nth-child(2){width:48.5%;}
    .commentText{width:87.9%;}
    .commentText div:nth-child(1),.commentText p{width:100%;}
    .commentAuthor span{width:81.4%;}
    .ml-text{width:88.75%;}
    .sectionLigne h2,.marginTopLigne{margin-top:138px;}
    #n2-contenu-simple .rich-content {width: 100%;}
}
@media screen and (max-width: 767px) {
    .invisible-xs { display: none !important; }
    .sfrRN h2 { font-size: 26px !important; }
   
    section.lame-top { display: flex; height: 400px; align-items: center; height: auto; }
    .lame-top > .text-holder { width: 100%; height: auto; padding: 20px; background-color: rgba(24, 24, 24, 0.6); }
    .lame-top > .text-holder > h2 { margin: 20px 0;}
    .button.std-button { margin-bottom: 0; }

    .cards-holder { flex-direction: column; align-items: center; margin: 0 }
    .card:not(:last-child) { margin: 0 0 20px 0; }
    .background-mark-bottom-left { background-image: none !important; }

    .article, .offre { padding-top: 24px; margin: 0 auto;height: auto;width: 334px;max-width: 100%;}
    .article > h3 {max-width: 180px;}
    
    .zone-solution { height: 300px; padding: 41px 0 0 18px; }
    .more-info { flex-direction: column; }
    .more-info > span { margin-left: 18px; text-align: start; }
    .more-info > .reverse-white-button { margin: 11px 8px 0; }

    .zone-partenaire { padding: 0; }
    .zone-partenaire .card { width: 100%; max-width: unset; margin: 0 !important; padding: 30px 0; position: relative; }
    .zone-partenaire .card:not(:last-child)::after { content: ""; width: 160px; height: 1px; border: solid 1px #d2d2d2; position: absolute; bottom: 0; }

    section.zone-blog { flex-direction: column; height: auto;}
    .zone-blog .video-preview { max-width: unset; }
    .video-preview{height: 200px;width: 100%;}
    .zone-blog > .blog-content{flex:0;padding: 0;padding-top: 20px;padding-left: 18px;padding-bottom: 30px;}
    .zone-blog > .blog-content > .subtitle{font-size:16px;margin: 0;}
    .zone-blog > .blog-content > p{margin: 10px 0 20px;}
    

    .article-blog { margin: 0 0 30px; }

    section.zone-about { flex-direction: column; padding: 40px 0; }
    .splitter { height: 1px; width: 50%; margin: 20px 0; }
    .zone-blog .video-preview {
        max-width:800px;
    }
    .zone-blog img { width:800px;}
    .titleH2 {font-size: 52px!important;}
    .title{width: 566px;height: auto;padding: 0;margin: 0;margin-left: 43px;}
    .n-1-zone-atout > .cards-holder{ flex-direction: row;}
   
    .blocCentral{top:277px;}
    .n2s-apl h2{font-size:34px!important;}
    
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 767px){
    section.more-about,.splitter{transform:none;}
} 
@media screen and (max-width: 763px){
    .top-blocktitle {width:66%;}
    .top-blockprice{text-align:right;width:33%;}
    .top-blockprice .promotion{text-align:initial;width:70%;}
}
@media screen and (max-width: 757px){.offre-apl:nth-child(even){margin-left:10px;}}
@media screen and (max-width: 751px){.n2s-apl{width:682px;}}
@media screen and (max-width: 737px) {
    .bloc1,.bloc2,.bloc3{display:block;margin:0px auto;width:284px;}
    .bloc1,.bloc2{margin-bottom:20px;}
    .lame-eligibilite{height:2215px;}
    .blocGeneral,.titrePage,.blocDescriptionPage{width:100%;}
    .bloc1 > h3, .bloc2 >h3, .bloc3 >h3, .titreBlocOffre{margin-top:0;padding-top:30px;}
    .descriptionBlocOffre{width:240px;}
    .blocOption,.blocGeneralDetail,.bloc2Option{width:284px;}
    .blocGeneralOption,.blocGeneralOption >h4{width:240px;}
}
@media screen and (max-width: 735px){
    .option-details{width:45%;}
}

@media screen and (max-width: 731px) {
    .option{margin-left:11%;}
    .option-texte{width:75%;}
}
@media screen and (max-width: 725px){
    .top-blocktitle {width:64%;}
    .top-blockprice{width:35%;}
    .top-blocktext{height:65%;}
    .top-blocktitle h4, .n2s-description { width: 92.2%; }
}
@media screen and (max-width: 720px){
    .commentAuthor span{width:195px;}
}

@media screen and (max-width: 700px){
    .n2s-apl{width:590px;}
   .offre-apl-text h3{font-size:20px;}
   .offre-apl{width:284px;}
}
@media screen and (max-width: 690px){
    .atoutRow{flex-direction:column;align-items:center; }
    .atoutRow:not(:first-child){margin-top:32px;}
    .atoutColumn:nth-child(even){margin:0;margin-top:32px;margin-bottom:32px;}
    .atoutColumn{width:284px;}
    .atoutBlock{padding-top:40px;padding-bottom:40px;}
    .atoutColumnNone{display:none;}
    .ctaAtout{margin-top:20px;}
}
@media screen and (max-width: 660px){
    .rowSecurite{flex-direction: column;}
    .columnSecurite:nth-child(1),.columnSecurite:nth-child(2),.commentText div:nth-child(1), .commentText p{width:100%;}
    .columnSecurite:nth-child(2){margin-top: 40px;}
    .columnComment{padding-top: 60px;padding-bottom: 50px;}
    .commentText{top:0;transform:initial;width: 85.9%;text-align: center;}
    .commentAuthor{margin-top: 50px;text-align: left;}
    .commentAuthor span{width:auto;}
    .rowCta{width:284px;text-align:center;margin-top:40px;margin-bottom:40px;}
  .ctaSecurite a:last-child{margin-left:0;}
}

@media screen and (max-width: 655px){
    .detail-option{padding-top: 40px; padding-bottom: 40px; flex-direction:column;}
    .detail-text{display: block; padding-left: 0; width: 88.75%; margin: 0px auto; top: 0; transform: initial; position: initial;}
    .detail-image{display: block; width: 331px; margin: 0px auto;height:auto;}
    
}
@media screen and (max-width: 602px){
       .title{width: 290px;} 
       #titleH2{font-size:26px!important;}
    
    }
@media screen and (max-width: 600px){
    .detail-text{display: block; width: 88.7%; top: initial; transform: initial; margin: 0px auto; padding-top: 40px; padding-left: 0;}
    .detail-desc{margin-top:40px;}
    .detail-option{height:auto;}
    .n2s-apl{width:88.75%;padding-top:40px;padding-bottom:40px;}
    .offre-apl:nth-child(even){margin-left:0;margin-top:4px;margin-bottom:4px;}
    .offre-apl:last-child{margin-top:0;}
    .accord{height: max-content;padding-top:20px;padding-bottom:20px;}
}
 @media screen and (max-width: 703px){
    .n-1-zone-atout > .cards-holder > .atout{margin-bottom:0;}
   .n-1-zone-atout > .cards-holder > .atout:last-child{margin-bottom:40px; }
       .n-1-zone-offre{padding-bottom: 40px;}
   }
   @media screen and (max-width: 700px){
    #solution-lame-top .lame-top-titre h1{font-size:26px;}
    .blocCentral{margin-top:-380px;}
    .client-name span{display: inline-block;width: 71%;text-align: left;vertical-align:middle;line-height: 1.56;}
   }
   @media screen and (max-width: 684px){
     .top-blocktitle {width: 62%;}
     .top-blockprice{width:37%;}
   }
   @media screen and (max-width: 671px) {
    .option{margin-left:9%;}
    .option-texte{width:73%;}
}
    @media screen and (max-width: 670px){
       .top-blocktext{height:50%;}
       .top-blocktitle{position: relative; top: 50%; transform: translateY(-50%);}
       .top-blocktitle h1{font-size:26px;}
       .top-blocktitle h4{font-size:20px;}
       .top-blocktitle{width:62%;}
   }
   @media screen and (max-width: 653px){
       .option-details{width:47%;}
   }
   @media screen and (max-width: 646px){
     .top-blocktitle {width: 60%;}
     .top-blockprice{width:39%;}
   }
   @media screen and (max-width: 642px) {
    .option{margin-left:7%;}
}

   @media screen and (max-width: 633px){
       .option-details{width:48%;}
   }
    @media screen and (max-width: 629px){
       .n2s-options-left{display: block; position: initial; top: initial; width: 100%; height: max-content;padding-top:20px;padding-bottom:20px;}
    .option{margin-left:21px;}
    .option-details{display: block; top: initial; position: initial; transform: initial; left: initial; padding-left: 0; width: 94%; margin: 0px auto; padding-top: 40px; padding-bottom: 40px;}
    .n2s-options{height:max-content;flex-direction:column;}
    .options-list{top:0;transform:none;}
   }
   @media screen and (max-width: 620px){
    #navSolution {display: flex;flex-wrap: nowrap;overflow-x: auto;}
   #navSolution .columnNav{flex: 0 0 auto;width: 77%;}
       
   }
    @media screen and (max-width: 612px){
     .top-blocktitle {width: 58%;}
     .top-blockprice{width:41%;}
   }
   
   @media screen and (max-width: 600px){
       #blockPrincipal .n-1-zone-atout .cards-holder .atout{width:214px;}
   }
   @media screen and (max-width: 588px){
       
       #solution-lame-top .lame-top-titre p,#solution-lame-top .lame-top-titre h1{width:88%;}
   }
    @media screen and (max-width: 583px){
        .top-blocktext{height: 70%;}
     .top-blocktitle {width: 56%;}
     .top-blockprice{width:43%;}
     .top-blocktitle h4, .n2s-description{width:100%;}
   }
    @media screen and (max-width: 580px){
        .client-video{width:100%}
        .client-description{width:100%;padding-top: 20px;padding-bottom: 20px;height:auto;}
        .client-desc-text{top:0;transform:initial;}
    }
    
@media screen and (max-width: 571px) {
    .blocCentral{top:213px;}
}
@media screen and (max-width: 570px) {
    .atoutPopupDesc{width:100%;}
}
@media screen and (max-width: 561px) {
    #popup-content{width:100%;}
    #popup-details{width: 80%;left: 50%;transform: translate(-50%,-50%);}
    #popup-content{padding-left:10px;overflow: scroll;}
    #popup-description,#popup-text{font-size:12px;}
    #popup-title{font-size:20px}
    .atoutPopupDesc{padding:0;}
}

@media screen and (max-width: 560px){
      .borderBottom{ display: block;height: 1px;width: 160px;background-color: #444;margin: 0px auto;margin-top: 20px;margin-bottom: 20px;}
    .borderRight{display:none;}
        .n1-zone-presence > .cards-holder{flex-direction: row;}
        .elementPresence{width: 100%;height: auto;font-size: 16px;}
        .elementPresence:first-child{padding-top: 40px;}
        .n1-zone-presence{ height: 420px; }
        .pAlign{width: 100%; }
        .margin{ margin: 0;}
        .fontFamily{font-family: 'SFR-Bold';text-transform: uppercase;}
        .responsiveAlign{ margin: 0;}
      }
@media screen and (max-width: 558px){
   .title{width: 290px;} 
   #titleH2{font-size:26px!important;}

}
 @media screen and (max-width: 555px){
 .top-blocktitle {width: 54%;}
 .top-blockprice{width:45%;}
}
@media screen and (max-width: 531px){
 .top-blocktitle {display: block; top: 0; transform: initial; position: initial; width: 100%;}
 .top-blockprice{display: block; top: 0; position: initial; transform: initial; margin-top: 32px; width: 100%; text-align: initial;}
 .top-blockprice .promotion{width:100%;}
 .n2s-description{display:none;}
}
@media screen and (max-width: 502px){
    .n2s-apl h5{font-size:16px;}
   .n2s-apl h2{font-size:26px!important;margin-bottom:20px;}
}
@media screen and (max-width: 497px){
    .commentAuthor span{width:80%;}
}
 @media screen and (max-width: 491px){
     
     #blockPrincipal .descriptionSolution{width:85.9%;}
     #blockPrincipal .titreSolution,#blockPrincipal .detailSolution{font-size:16px;}
     #blockPrincipal .sloganSolution{ font-size:26px;}
 }
 @media screen and (max-width: 450px){
     .option-cta .button:first-child{margin-bottom:10px;}
     .option-cta .button:last-child{margin-bottom:0px;}
 }
 @media screen and (max-width: 442px){
     #blockPrincipal .blocDetailSolution{width:100%;display:block;margin-bottom:4px;height:260px;max-height:260px;}
     #blockPrincipal .marginDetailSolution{margin-left:0px;}
     #blockPrincipal .lastItemSolution{width:100%;display:block;margin-top:0px;margin-left:0px;height:260px;max-height:260px;}
     #blockPrincipal .detailSolutionTitle{font-size:20px;width:92.9%;}
     #blockPrincipal .detailSolutionDescription{font-size:14px;width:92.9%;}
     #blockPrincipal .blocDetailSolutionText{padding-bottom:39px;}
     #blockPrincipal .marginTopDetailSolution, #blockPrincipal .marginTop3nDetailSolution{margin-top:0px;}
 }
 @media screen and (max-width:429px){
     .zone-aller-plus-loin{
         background-size:cover;
     }
 }
@media screen and (max-width: 424px){
   .align{padding-left: 18px;} 

}
@media screen and (max-width: 400px){
    #navSolution {padding-left: 20%;}
   #zoneReponse{margin-top:40px;}
   .imageVideos h3{font-size:20px;}
   section.sectionTable{margin-top:40px;}
   .sectionLigne h2,.marginTopLigne{margin-top:40px;}
}
@media screen and (max-width: 386px) {
    .blocCentral{margin-top:-320px;}
}
@media screen and (max-width:385px){
    .zapl-fisrt-zone{
        width:284px;
    }
}
@media screen and (max-width: 384px) {
    .blocCentral{top:258px;}
}
@media screen and (max-width: 383px) {
    .blocGeneral{padding-left: 18px;padding-top: 40px;}
    .blocGeneral >h1, .titrePage{font-size: 26px;}
    .blocDescriptionPage{padding-top: 10px;}
    .descriptionPage{font-size: 16px;}
    .blocAdresse{font-size: 14px;width: 80%;}
    .blocAdresse > a, .colorLienAdresse{display: block!important;padding-top: 7px!important;}
    .blocGeneralOffre{padding-left:0;}
}
@media screen and (max-width: 381px) {
    .detail-title, .option-details h3{font-size:16px;}
}
@media screen and (max-width: 339px){
  .rowSecurite{width: 284px;} 
  .detailSecurite{width:100%;}
  .detailSecurite h3{font-size:20px;}
  .detail-texte, .solution-text{font-size:14px;}
  .columnSecurite:nth-child(2){margin-top:40px;}
  .commentText{width:244px;}
  .commentText p{font-size:16px;}
  .commentAuthor span{width: 190px;font-size: 16px;}
  .rowCta{width:284px;text-align:center;margin-top:40px;margin-bottom:40px;}
  .ctaSecurite a:last-child{margin-left:0;}
}

@media screen and (max-width: 335px) {
    .blocGeneralOffre{bottom:40px;}
    .title {
        width: 100%;
        margin-left: 20px;
    }
}
@media screen and (max-width: 324px) {
.blocCentral{top:281px;}
.top-blocktext{height:75%;}
}
    @media screen and (max-width:320px){
        .offre{width: 284px;height: 220px;max-width: 284px;}
            
        .n-1-zone-offre > h1{ margin-top: 40px;
        }
        .option-title, .option-texte h3{font-size:20px;}
        .option-description{font-size:16px;}
        .detail-text h1{font-size:26px;}
        .detail-desc h2{font-size: 20px!important;}
        .atoutColumn h4{font-size:16px;}
        .client-desc-text h3{font-size:20px;}
        
    }