.skip-links {
    width: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.skip-links:focus-within {
    z-index: 9999;
}
.skip-links a {
    background: #000;
    clip: rect(1px, 1px, 1px, 1px);
    color: #fff;
    display: inline-block;
    margin: .5em;
    overflow: hidden;
    padding: .5em;
    text-decoration: none;
    width: fit-content;
    position: absolute;
}
.skip-links a:focus {
    clip: auto;
    overflow: visible;
    position: static;
    z-index: 9999;
}
/* RESET */
* {margin:0;padding:0; }
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea {color:var(--black-57);}
body {font:12px/1.2em "font-light",Sans-serif;text-align:center;height:100%;overflow-x:hidden;width:100%;}
body#popup {background:var(--white);text-align:left;margin:0;padding:0;}
img {border:medium none; vertical-align: middle;}
a {outline:medium none;}
a:hover {text-decoration:none;}
ul {margin:0 0 0 20px;}
ol {margin:0 0 0 30px;}
li {list-style-type:none;}
dd {margin:0 0 0 20px;}
dd.twitter{margin: 0 0 0 12px}
select option {padding:0 3px;}
hr {display:none;}
fieldset {border:medium none;}
fieldset legend {display:none;}
h1, h2, h3, h4 {font-weight:normal;margin:0;padding:0;}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
/* -------MOBILE NAVIGATION FIX ------- */
@media (max-width: 767px) {
    html.overflowed,
    html.overflowed body {
        overflow: hidden;
    }
    body {
        padding-top: 0;
    }
    html.overflowed {
        --nn-navigation_global-header--toggle_position: fixed;
        --nn-navigation_global-header--toggle_width: 100%;
    }
}
/* HELPERS */
.uppercase-first-letter::first-letter {text-transform: uppercase;}
.uppercase-first-letter {display:inline-block;}
.dBlock {display:block;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.lh0, .lh1 {line-height:1em;} .lh09 {line-height:0.9em;} .lh11 {line-height:11px;} .lh12 {line-height:1.2em;} .lh13 {line-height:13px;} .lh14 {line-height:1.4em;} .lh15 {line-height:15px;} .lh16 {line-height:16px;} .lh17 {line-height:17px;} .lh18 {line-height:18px;} .lh19 {line-height:1.9em;} .lh20 {line-height:2em;} .lh25 {line-height:25px;}
.fs8 {font-size:8px;} .fs9 {font-size:9px;} .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} fs23 {font-size:23px;}  .fs25 {font-size:25px;} .fs26 {font-size:26px;} .fs28 {font-size:28px;} .fs30 {font-size:30px;} .fs30 sup {font-size:15px;} .fs35 {font-size:35px;} .fs40 {font-size:40px;} .fs50 {font-size:50px;} .fs60 {font-size:60px;}
.fwb {font-weight:700;}
.m0 {margin:0;} .m5 {margin:5px;} .m8 {margin:8px;} .m10 {margin:10px;} .m15 {margin:15px;} .m20 {margin:20px;} .m25 {margin:25px;}
.mt0 {margin-top:0;} .mt2 {margin-top:2px;} .mt3 {margin-top:3px;} .mt4 {margin-top:4px;} .mt5 {margin-top:5px;} .mt7 {margin-top:7px;} .mt8 {margin-top:8px !important;} .mt9 {margin-top:9px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt24 {margin-top:24px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt38 {margin-top:38px;} .mt40 {margin-top:40px;} .mt45 {margin-top:45px;} .mt50 {margin-top:50px;} .mt60 {margin-top:60px;} .mt70 {margin-top:70px;} .mt80 {margin-top:80px;} .mt90 {margin-top:90px;} .mt100 {margin-top:100px;}
.mb2 {margin-bottom:2px;} .mb3 {margin-bottom:3px;} .mb4 {margin-bottom:4px;} .mb5 {margin-bottom:5px;} .mb7 {margin-bottom:7px;} .mb8 {margin-bottom:8px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb28 {margin-bottom:28px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb60 {margin-bottom:60px;}
.ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml12 {margin-left:12px;} .ml15 {margin-left:15px;} .ml18 {margin-left:18px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml45 {margin-left:45px;} .ml50 {margin-left:80px;} .ml60 {margin-left:60px;} .ml70 {margin-left:70px;} .ml80 {margin-left:80px;} .ml85 {margin-left:85px;} .ml110 {margin-left:110px;} .ml123 {margin-left:123px;} .ml130 {margin-left:130px;} .ml140 {margin-left:140px;} .ml150 {margin-left:150px;} .ml180 {margin-left:180px;}
.mr5 {margin-right:5px;} .mr6 {margin-right:6px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr29 {margin-right:29px;} .mr30 {margin-right:30px;} .mr36 {margin-right:36px;} .mr40 {margin-right:40px;} .mr44 {margin-right:44px;} .mr50 {margin-right:50px;}
.p0 {padding:0 !important;} .p3 {padding:3px;} .p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;}
.pb5 {padding-bottom:5px;} .pb7 {padding-bottom:7px;} .pb8 {padding-bottom:8px;} .pb10 {padding-bottom:10px;} .pb18 {padding-bottom:18px;} .pb20 {padding-bottom:20px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;} .pb60 {padding-bottom:60px;} .pb70 {padding-bottom:70px;} .pb80 {padding-bottom:80px;} .pb90 {padding-bottom:90px;}
.pr4 {padding-right:4px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr30 {padding-right:30px;} .pr40 {padding-right:40px;} .pr50 {padding-right:50px;} .pr60 {padding-right:60px;} .pr70 {padding-right:70px;}
.pl4 {padding-left:4px;} .pl5 {padding-left:5px;} .pl8 {padding-left:8px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl16 {padding-left:16px;} .pl17 {padding-left:17px;} .pl18 {padding-left:18px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;} .pl70 {padding-left:70px;} .pl88 {padding-left:88px;}
.pt1 {padding-top:1px;} .pt7 {padding-top:7px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;} .pt60 {padding-top:60px !important;} .pt78 {padding-top:78px;} .pt80 {padding-top:80px;}
.pt0 {padding-top:0;} .pt2 {padding-top:2px;} .pt4 {padding-top:4px;} .pt5 {padding-top:5px;} .pt8 {padding-top:8px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt35 {padding-top:35px;} .pt45 {padding-top:45px;} .pt70 {padding-top:70px;}
.tal {text-align:left;}
.tar {text-align:right;}
.taj {text-align:justify;}
.tac, .center{text-align:center;}
.tdn {text-decoration:none;}
.txt-bold,.fb {font-weight:700;}
.txt-italic {font-style:italic;}
.txt-center {text-align:center;}
.txt-normal {font-weight:normal;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.txt-justify {text-align:justify;}
.txt-required {display:block;text-align:left;font-size:10px;font-family:Arial;width:100%;margin:auto;}
.txt-red {color:var(--red-27);}
.red {color:var(--red-27);}
.gris01 {color:var(--black-57);}
.txt-white {color:var(--white);}
.txt-grey {color:var(--black-65);}
.txtred {color:var(--red-27);}
.warning_text {text-align:center;font-weight:700;color:var(--red-27);}
.clear {clear:both;display:block;height:0;line-height:0;overflow:hidden;}
.reset {left:auto;margin-left:0;margin-right:0;position:relative;top:auto;}
.mentions_legales {color:var(--black-30);font-size:10px;margin-bottom:5px;}
a.tdu {text-decoration:underline;}
a.tdu:hover {text-decoration:none;}
.btn {background:var(--black-210);border-radius:10px;color:var(--white);display:inline-block;font-size:100%;font-weight:700;height:22px;line-height:21px;padding:0 13px;position:relative;text-decoration:none;}
a.btn:hover {text-decoration:none;}
.btn a {color: var(--white);font-weight: 700;text-decoration: none;}
.btn.ok {padding:0 13px;}
.btn.red {background:var(--red-27);}
.btn.grisF {background:var(--black-211);}
.btn:hover {background:var(--black-97);color:var(--white);}
.btn.red:hover {background:var(--red-46);}
.btn.grisF:hover {background:var(--black);}
.btn.grisC {background:var(--black-212);}
.btn.grisC:hover {background:var(--black-210);}
.btn.wp {width:100px;}
.btn.wm {width:140px;}
.btn.wg {width:250px;}
input.error, textarea.error, select.error {background:none;}
/* --------------------- */
* input:focus::placeholder {color:transparent!important;}
* input:focus:-ms-input-placeholder {color:transparent!important;}
* input:focus::-ms-input-placeholder {color:transparent!important;}
/* ------------------ */
#ajaxMessage_searchAssistanceForm_word .error {background:url("../images/puces/bg-puce-exclam.gif?2154109325") no-repeat scroll 0 0 transparent;color:var(--white);font-size:11px;margin-left:5px;padding-left:10px;}

.error {background:url("../images/puces/bg-puce-exclam.gif?2154109325") no-repeat scroll 0 0 transparent;color:var(--red-47);font-size:11px;margin-left:5px;padding-left:10px;}
.input_error {border-color: var(--red-27);}

.valid {background:none !important;padding:0;}
.audit input.valid {background:var(--white) !important;padding:0;}
.passed {background:url("../images/puces/img-passed.gif?2349270373") no-repeat scroll 0 0 transparent;margin-left:5px;}
.pdf {background:url("../images/puces/bg-ico-pdf.gif?4079414850") 0 50%;}
.file {background:url("../images/puces/img-file.gif?2733963478") 0 50%;}
.download {background:transparent url("../images/puces/img-download.gif?1859031409") no-repeat 0 52%;}
.exclam {background:transparent url("../images/puces/bg-puce-exclam.gif?2154109325") no-repeat 0 52%;}
.interro {background:transparent url("../images/puces/bg-picto-undefined.png?1753705262") no-repeat 0 52%;}
.ok {background:transparent url("../images/puces/bg-picto-ok.png?860332101") no-repeat 0 52%;}
.nok {background:transparent url("../images/puces/bg-picto-nok.png?2350691370") no-repeat 0 52%;}
.pointer {cursor:pointer;}
.sprite01 {background:url("../images/nordnetcom/defaut/icones/sprite.png?404040695") no-repeat scroll 0 0 transparent;display:block;height:30px;width:30px;}
.white-space {white-space: nowrap;}
/* ----------------------------- structure ----------------------------------------------- */

body#empty_layout {background:none;}
.gabari4.largeLayout #middle,
.newProductLayout #middle,
.productV2Layout #middle,
#productLayout #middle,
#commandeLayout #middle,
#corporateMenuLayout #middle,
#default_layout #middle {padding-top: 0;}

/* GLOBAL */
#global {margin:0 auto;padding:0;position:relative;text-align:left;width:1000px;max-width:100%;}
/* for singlepage */
#global.singlepage {overflow: hidden; width: 100%;}
#global.singlepage #middle {
    width: 100%;
    margin: 0;
    min-height: calc(100vh - 490px);
    padding: 0;
    overflow: hidden;
}
.productV2Layout {background:var(--white);}

/* CENTRE */
#global .grostitre1 {border-bottom: 1px solid var(--black-213);color: var(--black-57);font-size: 29px;font-weight: normal;line-height: 1.0;margin: 15px 19px;padding-bottom: 15px;}
#global .grostitre1 span {color:var(--red-27);}
#global .grostitre1.right {height:38px;line-height:38px;margin:0 14px 15px;text-align:right;}

#middle {background:var(--white);overflow:hidden;padding:0 0 15px;max-width:1000px;width:100%;}
#middle .gabamiddle {position:relative;width:100%;}
#middle .structure {position:relative;overflow:hidden;}
#bootstrapSinglePageLayout #middle {max-width: 100%;margin-top: 0;}

/* communs a tous les gabaris non responsive */
#middle .struct {width:976px;}
#middle .struct .gabamiddle {width:100%;}
#middle .struct .marges {overflow:visible;}
#middle .struct .G {padding:0;float:left;display:inline;}
#middle .struct .D {float:right;display:inline;}
#global.gabari2 .struct {margin:0 20px;width:960px;}
.newProductLayout #global.gabari2 .struct {margin:0;width:1000px;}

/* gabari2 = style for : newProductLayout, productLayout, siteExpressProLayout */
#global.gabari2 .struct .structure .G {width:760px;}
.newProductLayout #global.gabari2 .struct .structure .G {width:1000px;}
#global.gabari2 .struct .structure .G #product_content {padding:0 0 47px;}
#global.gabari2 .struct .structure .D {width:180px;}
#global.gabari2 #middle .gababs {float:left;height:10px;background:var(--red-27);width:783px;position:absolute;bottom:0;left:0;font-size:0;overflow:hidden;}

/* -------------------------------- BREADCRUMB ----------------------------- */
/* ---------------------------- by SM 2023/04/25 ----------------------------*/
#breadcrumb {
    background:var(--black-18);
    border:solid var(--black-214);
    border-width:1px 0 1px 0;
    clear:both;
    height:38px;
    line-height:38px;
    text-align: left;
    vertical-align:middle;
}
#breadcrumb * {box-sizing: border-box;}
#breadcrumb .container {box-sizing: border-box;max-width: 1470px;padding:0;width: 100%;}
#breadcrumb .container > ul {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin:0;
    position:relative;
    top:-1px;
}
#bootstrapSinglePageLayout #breadcrumb .container > ul:before {
    background:var(--black-214);
    border:solid var(--black-214);
    border-width: 1px 0 1px 0;
    content:'';
    display:block;
    height:38px;
    margin:0;
    padding:0;
    width:1500px;
    position:absolute;
    left:-1500px;
    top:0;
}
#breadcrumb li {
    align-items: center;
    color:var(--black-81);
    display: inline-flex;
    flex-basis: fit-content;
    flex-shrink: 0;
    font-family:"font-medium";
    font-size: 13px;
    height: 38px;
    justify-content: flex-start;
    line-height: 1;
    margin:0 18px 0 0;
    padding:0;
    vertical-align: middle;
    position:relative;
    transition: 0.3s;
}
#breadcrumb li:after {
    background:none;
    display:block;
    content:'';
    width: 26px;
    height: 26px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: transparent transparent var(--black-214) var(--black-214);
    position:absolute;
    left: calc(100% - 17px);
    top: 6px;
    z-index: 2;
    transform: rotate(-135deg);
}
#breadcrumb li .fa-home{
    background-position: center center;
    height: 15px;
    line-height: 1;
    width: 20px;
}
#breadcrumb li a,
#breadcrumb li a:active,
#breadcrumb li a:focus,
#breadcrumb li a:visited,
#breadcrumb li a:hover {
    color:var(--black-81);
    padding: 11px 15px;
    text-decoration:none;
    transition: 0.3s;
}
#breadcrumb li.active a,
#breadcrumb li.active a:active,
#breadcrumb li.active a:focus,
#breadcrumb li.active a:visited,
#breadcrumb li.active a:hover {
    padding: 11px 0;
}
#breadcrumb li a:hover {
    color:var(--black-226);
    text-decoration:none;
}
#breadcrumb li span {
    padding: 0;
}
#breadcrumb li:first-child:after {
    background:none;
    display:block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 19px;
    border-color: transparent transparent transparent var(--black-214);
    position:absolute;
    left: 100%;
    top: -1px;
    transform: rotate(0deg);
}
#breadcrumb li:first-child > a {
    background:var(--black-214);
    color:var(--black-111);
    display:block;
    max-height:37px;
    text-decoration:none;
    width:56px;
    text-align:center;
}
#breadcrumb li:first-child > a:hover {color:var(--black);}
#breadcrumb li:first-child > a:hover .fa-home {filter: brightness(0.5);}
#breadcrumb li:last-child {
    flex-grow: 2;
}
#breadcrumb li:last-child:after {
    display: none;
}
#breadcrumb li:last-child span {
    max-width: 300px;
    overflow: hidden;
    padding: 0 15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* HACK pour pb de scrolling dans popin sur iphone */
.iphone #sb-body-inner {overflow-y: scroll;-webkit-overflow-scrolling:touch;}
.iphone .modal-open {position:fixed;}
.iphone .modal {height:290px!important;}
.iphone .modal-body{
    height:230px;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    padding-bottom:45px!important;
}
.modal-backdrop {background-color: var(--white);}
.modal-backdrop.in {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(4px);
    opacity: 1;
}
.bt-popin .close:before,
.bt-popin .close:after {
     display: none;
}

/* TOUT SAVOIR SUR GENERIC STYLES by SM 2016/09/06 */
#tss-section {
    background:var(--black-4);
    color:var(--black-158);
    float:left;
    font-size:16px;
    line-height:1.2;
    font-family:'font-light';
    padding: 0;
    width:100%;
    position:relative;
    z-index:0;
    padding-top: 0;
}
#tss-section ul.margin {padding-left:20px;}
#tss-section #tss-title {
    font-family:'font-heavy';
    font-size: 156%;
    padding:27px 0 21px;
    position:relative;
}
#tss-section #tss-content {border-top:2px solid var(--black-19);}
#tss-section .top-links {background:var(--black-217);}
#tss-section .top-links ul {margin:0 0 0 -17px;}
#tss-section .top-links li {
    display: inline-block;
    float: left;
    line-height: 1;
    height: 70px;
    padding-top: 10px;
    text-align: left;
}
#tss-section .top-links .link {
    display:block;
    line-height:100%;
    padding:15px 17px;
    text-decoration:underline;
}
#tss-section .link {padding:15px 10px 15px 0;}
#tss-section .second-link .link,
#tss-section .third-link .link {padding:15px 10px 15px 2%;}
#tss-section .top-links .first-link {width: 36%;text-align: center;}
#tss-section .top-links .second-link {width: 36%;text-align: center;}
#tss-section .top-links .third-link {width: 27%;text-align: center;}
#tss-section .top-links .link:active,
#tss-section .top-links .link:focus,
#tss-section .top-links .link:hover {color:var(--black);text-decoration:underline;}
#tss-section .tss-sub-title {
    background: var(--black-22);
    color: var(--black-33);
    font-size: 1.2em;
    font-weight: 700;
    margin:0 0 1px;
    padding: 18px 0;
    text-transform: uppercase;
    position:relative;
}
#tss-section .sub-content-title {
    font-size: 90%;
    font-family: 'font-heavy';
    margin: 15px 0 13px;
    padding: 0 0 0 10px;
    text-transform: none;
    position: relative;
}
#tss-section .sub-content-title:before {
    background:var(--black-158);
    border-radius:50%;
    content:'';
    display:inline-block;
    height:5px;
    width: 5px;
    position:absolute;
    left:0;
    top:calc(50% - 3px);
}
#tss-section .sub-content-title.no-decoration {padding:0;}
#tss-section .no-decoration:before {display:none;}
#tss-section .sub-content-text {font-size:90%;padding: 0 0 12px;}
#tss-section .sub-content-text li,
#popup_content .popup-content-text li {padding-bottom:3px;position:relative;}
#tss-section .sub-content-text li:before,
#popup_content .popup-content-text li:before {
    content:'-';
    display:inline-block;
    position:absolute;
    left:-10px;
    top:0;
}
#tss-section .table,
#popup_content .table {
    height:auto;
    line-height:1;
    overflow:hidden;
    margin:0 auto;
    padding:0;
    width:95%;
}
#tss-section .tableau_technique,
#popup_content .tableau_technique {
    height:auto;
    overflow-x:auto;
    margin:0;
    padding:0;
    width:100%;
}
#tss-section .tableau_technique .material-table th,
#popup_content .tableau_technique .material-table th{width:50%;}
#popup_content .tableau_technique .material-table th {width:50%;}
#tss-section .tableau_technique .material-table.centered-text {width: 1000px;}
#tss-section .tableau_technique .material-table.centered-text th {border: 1px solid var(--white);}
#tss-section .tableau_technique .material-table.centered-text tr:first-child {height: 50px;}
#tss-section .tableau_technique .material-table.centered-text tr:first-child th:nth-child(1),
#tss-section .tableau_technique .material-table.centered-text tr th:nth-child(1) {width: 250px;}
#tss-section .tableau_technique .material-table.centered-text tr:first-child th:nth-child(2),
#tss-section .tableau_technique .material-table.centered-text tr td:nth-child(2),
#tss-section .tableau_technique .material-table.centered-text tr:first-child th:nth-child(4) {width: 350px;}
#tss-section .tableau_technique .material-table.centered-text tr:first-child th:nth-child(3) {border: 1px solid var(--white);width: 50px;}
#tss-section .tableau_technique .material-table th:first-letter,
#popup_content .tableau_technique .material-table th:first-letter,
#tss-section .tableau_technique .material-table td:first-letter,
#popup_content .tableau_technique .material-table td:first-letter{text-transform: uppercase;}
#tss-section .tableau_technique .short-table,
#tss-section .tableau_technique .prices-table,
#popup_content .tableau_technique .short-table,
#popup_content .tableau_technique .prices-table {width:100%;}
#tss-section .tableau_technique .short-table thead th,
#tss-section .tableau_technique .prices-table thead th,
#popup_content .tableau_technique .short-table thead th,
#popup_content .tableau_technique .prices-table thead th {width:60%;}
#tss-section .tableau_technique .short-table thead th + th,
#tss-section .tableau_technique .prices-table thead th + th,
#popup_content .tableau_technique .short-table thead th + th,
#popup_content .tableau_technique .prices-table thead th + th {width:20%;}
#tss-section .tableau_technique .short-table thead .rowspaned th,
#tss-section .tableau_technique .prices-table thead .rowspaned th,
#popup_content .tableau_technique .short-table thead .rowspaned th,
#popup_content .tableau_technique .prices-table thead .rowspaned th {width:40%;}
#tss-section .tableau_technique .short-table thead .colspaned th,
#tss-section .tableau_technique .prices-table thead .colspaned th,
#popup_content .tableau_technique .short-table thead .colspaned th,
#popup_content .tableau_technique .prices-table thead .colspaned th {width:auto;}
#tss-section .tableau_technique .short-table thead .colspaned th + th,
#tss-section .tableau_technique .prices-table thead .colspaned th + th,
#popup_content .tableau_technique .short-table thead .colspaned th + th,
#popup_content .tableau_technique .prices-table thead .colspaned th + th {min-width:80px;width:auto;}
#tss-section .tableau_technique .short-table tbody td,
#tss-section .tableau_technique .prices-table tbody td,
#popup_content .tableau_technique .short-table tbody td,
#popup_content .tableau_technique .prices-table tbody td,
#tss-section .tableau_technique .centered-text tbody td,
#tss-section .tableau_technique .centered-text tbody tr:first-child th {text-align:center;}
#tss-section .table div,
#popup_content .table div {padding:5px 0;}
#tss-section table tr,
#popup_content table tr {
    background: var(--black-118);
    border: 1px solid var(--white);
    height: 30px;
    padding: 5px 17px;
}
#tss-section thead th,
#popup_content thead th {
    border-left: 1px solid var(--white);
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
#tss-section tbody th,
#popup_content tbody th {padding: 5px 10px;}
#tss-section tbody tr th,
#popup_content tbody tr th {width: 33%;font-weight: 700;}
#tss-section tbody tr td,
#popup_content tbody tr td {padding:5px;}
#tss-section tbody tr:nth-child(even) th,
#tss-section tbody tr:nth-child(even) td,
#popup_content tbody tr:nth-child(even) th,
#popup_content tbody tr:nth-child(even) td {background: var(--black-202);border:1px solid white;}

#tss-section thead + tbody tr:nth-child(odd) th,
#tss-section thead + tbody tr:nth-child(odd) td,
#popup_content thead + tbody tr:nth-child(odd) th,
#popup_content thead + tbody tr:nth-child(odd) td {background: var(--black-202);border:1px solid white;}

#tss-section tbody .tableau_technique_valeur,
#popup_content tbody .tableau_technique_valeur {text-align:center;}
#tss-section .no-bold,
#popup_content .no-bold {font-weight:400;font-family:'font-medium';}
#tss-section .tss-sub-title {cursor:pointer;}
#tss-section .tss-sub-content .container {padding-right:15px;}
#tss-section .tss-sub-title .container {position:relative;}
#tss-section .tss-sub-title .container:after {
    border-left: 1px solid rgba(141,141,141,1);
    border-bottom: 1px solid rgba(141,141,141,1);
    display:inline-block;
    transform: rotate(-135deg);
    width: 17px;
    height: 17px;
    position:absolute;
    right: 25px;
    top:calc(50% - 8px);
    transition:0.2s ease;
}

#tss-section .tss-sub-title.activated .container:after {transform: rotate(-45deg);right:20px;top: calc(50% - 15px);}
#tss-section .tss-sub-content {display:none;padding-left: 15px;}
#tss-section .tss-sub-content sup {font-size:0.55em;}

/* OVERRIDE TSSS by SM 2020-11-06 */
#tss-section {background: var(--white);border-top: 1px solid var(--white);}
#tss-section #tss-title {
    background: var(--black-9);
    color: var(--black-153);
    font-size: 1em;
    padding: 15px 0;
}
#tss-section #tss-title .container {padding-left: 31px;position: relative;}
#tss-section #tss-title .container:before {
    border-left: 2px solid rgba(44,44,44,1);
    border-bottom: 2px solid rgba(44,44,44,1);
    content: '';
    display: inline-block;
    margin-right: 10px;
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 14px;
    top: 4px;
    transition: 0.3s;
}
#tss-section #tss-title:hover {cursor: pointer;}
#tss-section .activated#tss-title {padding: 15px 0;}
#tss-section .activated#tss-title .container:before {top: 9px;transform: rotate(-225deg);}
#tss-section .tss-sub-title {
    background: var(--black-4);
    color: var(--black-85);
    font-family: 'font-light';
    font-size: 0.9em;
    font-weight: 400;
    padding: 10px 0 10px 17px;
    text-transform: none;
    transition: 0.3s;
}
#tss-section .tss-sub-title:hover {background: var(--black-9);}
#tss-section .tss-sub-title .container:after {display: none;}
#tss-section .tss-sub-title .container {padding-left: 30px;}
#tss-section .tss-sub-title .container:before {
    border-left: 1px solid rgba(44,44,44,1);
    border-bottom: 1px solid rgba(44,44,44,1);
    content: '';
    display: inline-block;
    margin-right: 10px;
    transform: rotate(-45deg);
    width: 6px;
    height: 6px;
    position:absolute;
    left: 15px;
    top: 4px;
    transition: 0.3s;
}
#tss-section .tss-sub-title.activated .container:before {top:7px;transform: rotate(-225deg);}
#tss-section #tss-content {background: var(--white);display: none;}

@media (max-width: 600px) {
    .tableau_technique .short-table,
    .tableau_technique .prices-table {
        max-width: 100%;
        min-width: inherit!important;
    }
    table {
        border: 0;
        font-size: calc(16px * 0.75);
        margin-bottom: 20px;
        max-width: 100%;
        min-width: inherit!important;
        width: 100%;
    }
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table tr,
    thead + tbody tr{
        background: none !important;
        border: solid var(--black-20) !important;
        border-width: 1px 1px 3px 1px !important;
        display: block;
        height: auto !important;
        margin-bottom: .625em;
        padding: 0 !important;
    }
    table th,
    thead + tbody tr th {
        background: none!important;
        display: block;
        width: 100%!important;
    }
    thead + tbody tr th {
        max-width: 100%;
        width: 100%;
    }
    table td,
    thead + tbody tr td{
        align-items: center;
        background: none!important;
        border-bottom: 1px solid var(--black-20);
        display: flex;
        justify-content: space-between;
        text-align: left;
        vertical-align: middle;
        width: 100%;
        position: relative;
    }
    table td:is([data-label]),
    thead + tbody tr td:is([data-label]) {
        text-align: right!important;
    }
    table td:last-child {
        border-bottom: 0;
    }
    table td:is([data-label]):before {
        font-family: font-heavy;
        content: attr(data-label);
        font-weight: normal;
        max-width: 60%;
        padding-right: 12px;
        text-align: left;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: var(--black-4);
    }
    .tss-sub-block .by-destination thead + tbody tr th {
        max-width: 100%;
        width: 100%;
    }
    .tss-sub-block .by-destination thead + tbody tr td {
        min-width: 140px;
        width: 100%;
    }
}

/* MODAL PAGE TARIFS */
#popup_content .subtitle-text {
    font-size:100%;
    font-weight: 700;
    line-height: 1.2;
    margin:15px 0 5px 0;
}
#popup_content .popup-content-row {margin:5px 0 15px 0;}
/* SCROLL TO OFFER by SM 2016/09/06 */
.scroll-to-offer {
    cursor:pointer;
    height: 60px;
    padding: 10px 0 0;
    width: 60px;
    position:absolute;
    right:2%;
    bottom:50px;
}
.scroll-to-offer .btn-scroll-to {margin:0 auto;position:relative;top:0;}
.scroll-to-offer .btn-scroll-to:before  {
    content:'';
    display: block;
    width: 16px;
    height: 15px;
    border-top: 1px solid var(--white);
    border-left: 1px solid var(--white);
    transform: rotate(-129deg) skewX(15deg);
    position:relative;
    left:calc(50% - 8px);
}
.scroll-to-offer.grey .btn-scroll-to:before {border-top: 1px solid var(--black-218);border-left: 1px solid var(--black-218);}
.scroll-to-offer.black .btn-scroll-to:before {border-top: 1px solid var(--black);border-left: 1px solid var(--black);}
.btn-scroll-to.scroll-1{
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}


/* MODAL GENERIQUE */
.modal-content {font-size:12px;font-family: font-medium;}
.modal-title {
    color: var(--black-89);
    font-family: font-heavy;
    font-size: 2em;
    line-height: 1;
    margin: 0;
    padding-right: 20px;
    text-align: center;
}
.modal .modal-dialog .modal-content{border-radius:0}
.modal .titre {
    color: var(--red-27);
    font-family: 'font-heavy';
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.15;
    margin: 20px 0 10px;
}

/* Modal EligibilityCity */
.modalEligibiliteVille{font:16px/1.8em "font-light";}
.modalEligibiliteVille .entete{text-align: center; padding:25px 0;}
.modalEligibiliteVille h4,
.modalEligibiliteVille .h4 {font-family:"font-light";text-transform:uppercase; font-size:200%; color:var(--bleu-65);}
.modalEligibiliteVille p{font-size:100%; color:var(--black-201);}
.modalEligibiliteVille form{padding-bottom:40px}
.modalEligibiliteVille form .cta{width:100%}
.modalEligibiliteVille form .form-input-city {font-size: 87.5%; font-family: "font-light"; width: 100%; height: 50px; padding-left: 10px; border: solid 1px var(--black-110);}
.modalEligibiliteVille form .cta {border:1px solid var(--white); border-radius: 3px; display: inline-block; font-family: 'font-medium';font-size: 94%;font-weight: 400;
    height: 50px;line-height: 1.2; margin: 0;padding: 7px 5px;text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.2s;}
.modalEligibiliteVille form .cta-block {display: block; width: 100%;}
.modalEligibiliteVille form .cta.generic-cta {background: var(--yellow-13); color: var(--white); border-radius: 32px;}
.modalEligibiliteVille form .cta.generic-cta[disabled] {opacity: 0.5;}
.modalEligibiliteVille button.close {
    height: 30px;
    width: 30px;
    position: relative;
}
.modalEligibiliteVille button.close:before,
.modalEligibiliteVille button.close:after {
    top: 0;
    left: 14px;
}

/* AutoComplete */
.ui-autocomplete.ui-menu{max-height: 255px !important; overflow-y: auto; padding:0; border-radius:0;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);font-size:12px;}
.ui-autocomplete li:nth-child(odd){background:var(--white);}
.ui-autocomplete li:nth-child(even){background:var(--black-1);}
.ui-autocomplete.not-municipality li:last-child{background:var(--bleu-66); position:sticky; bottom:0; left:0; width:100%;}
.ui-autocomplete li:last-child:hover{background:var(--yellow-13); }
.ui-autocomplete li:last-child a{font-size: 105%;font-family: "font-medium";}
.ui-autocomplete.ui-menu li a{color:var(--black-90);padding: 0.8em .4em; font-family: "font-light";}
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-menu li a:hover{border:none; background:var(--bleu-65); color:var(--white); border-radius:0}

/* ___________________________________________________________________________ */

.btn-scroll-to.scroll-2{
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}


/* ______________________________________________________________ */

.btn-scroll-to.scroll-3{
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}


/** popup show zoom mediatheque*/
#showPopupMediatheque { /*height:400px;*/ display:block;position:relative;text-align:center;}
#showPopupMediatheque .lienDownload {position:absolute;bottom:5px;right:7px;}


.button {position:relative;text-align:center;margin-top:15px;height:23px;width:100%;}

/* Popup Conditions generales de vente */
.popup_content_cgv_fis {margin:0 10px;padding:0;text-align: left;}
.popup_content_cgv_fis .h1 {color:var(--red-27);font-size:15px;font-weight:bold;margin-bottom:20px;text-align:center;text-transform:uppercase;}
.popup_content_cgv_fis p.intro {
    color: var(--black-65);
    font-size: 1.25em;
    font-family: font-heavy;
    line-height: 1.15;
    margin-top: 0;
}
.popup_content_cgv_fis .h2 {
    border-bottom: 1px solid var(--red-27);
    color: var(--red-27);
    font-size: 1.55em;
    font-family: font-heavy;
    margin-bottom: 10px;
    margin-top: 15px;
}
.popup_content_cgv_fis .h4 {
    background:url("../images/puces/bg-puce-carre.gif?789104358") no-repeat scroll left center transparent;
    color:var(--red-27);
    display: block;
    font-family: font-heavy;
    font-size: 1.35em;
    margin: 15px 0 0 10px;
    padding-left: 15px;
}
.modal-content .popup_content_cgv_fis dl {font-size:14px;margin:0;padding-left:30px}
.popup_content_cgv_fis dl dt {
    background: url("../images/puces/bg-puce-carre01.gif?2425344785") no-repeat scroll left 22px transparent;
    color: var(--black-219);
    display: block;
    font-weight: bold;
    margin:0;
    padding: 15px 0 2px 10px;
}
.popup_content_cgv_fis dl dd {background:url("../images/puces/bg-ico-pdf.gif?4079414850") no-repeat scroll 0 0 transparent;line-height:16px;margin-bottom:4px;margin-left:10px;padding-left:20px;}
.popup_content_cgv_fis dl dd.no-decoration {background:none;padding-left:0;}
.popup_content_cgv_fis dl dd a {color:var(--black);}
.popup_content_cgv_fis dl dd a:hover {text-decoration: underline;}

/* ESPACE PRESSE */
/* RECAP ESPACE PRESSE */
#pagination a {font-size:11px;color:var(--black-220);text-decoration:underline;}
#pagination a:hover {color:var(--black-223);text-decoration:none;font-weight:bold;}
#pagination .actif {color:var(--red-27);font-weight:bold;background:none;font-size:12px;}

/* MENU HAUT */
/* HEADER PRODUIT */
#header_produit {margin:10px 0 0;position:relative;text-align:right;}

/* SATELLITE POPUP TECHNIQUE */
#tableau_technique table {margin:15px auto 0;}
#tableau_technique table tr td.tableau_technique_titre_02 {background:none repeat scroll 0 0 silver;color:var(--white);font-size:14px;font-weight:bold;height:27px;margin:auto;padding:0;text-align:center;}
#tableau_technique table tr td.titre_02_bold {font-size:15px;font-weight:bold;}
#tableau_technique table tr td.majuscule {text-transform:uppercase;}
#tableau_technique table tr td.tableau_technique_titre2 {background:none repeat scroll 0 0 silver;color:var(--white);height:25px;padding:017px;}
#tableau_technique table tr td.tableau_technique_valeur_02 {background:none repeat scroll 0 0 var(--black-202);color:var(--black-57);height:25px;padding:5px 10px;text-align:left;}

/* Encart légende astérisque */
.asterisque {color:var(--red-27);font-family:sans-serif;font-size:16px;font-weight:bold;}
.asterisque_noir {color:var(--black);font-family:sans-serif;font-size:16px;font-weight:bold;}

.separator {display:block;font-size:0;height:20px;line-height:0;overflow:hidden;position:relative;width:100%;}

/** PAGE MIRE */
#headerLight {background-color:var(--white);}
#headerLight a.logo {display:block;height:65px;width:163px;float:left;}
#headerLight .fd {background:var(--white) url("../images/header/bg_light_head.jpg?3455961940") no-repeat scroll 100% 0;height:65px;width:742px;float:right;}
#middle #mire {padding:100px 0;}
#middle #mire * {margin:auto;text-align:center;}
#middle #mire .ip {font-size:14px;padding:5px;border:1px solid rgb(102, 102, 102);width:150px;}

input#checkDomain_domain {
    border-color: var(--black-24);
    color: var(--black-57);
    font-family: 'font-light';
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
}


#alphabet .single-toggle-label {border-bottom:1px dashed var(--black-78);cursor:pointer;font-family: 'font-light';font-size: 12px;font-weight: 400;}
#alphabet .single-toggle-label:after {display: none;}

#popup_content.options-fibre {border:1px solid white;height:170px;}
#popup_content.options-fibre .securite,
#popup_content.options-fibre .telephonie {
    color:var(--black-124);
    font-size:15px;
    font-weight:bold;
    line-height:25px;
    margin:18px;
    padding-left:50px;
    position:relative;
}
#popup_content.options-fibre .securite {
    border-bottom:1px solid var(--black-221);
    line-height:22px;
    padding-top:10px;
    padding-bottom:23px;
}
#popup_content.options-fibre .securite:before,
#popup_content.options-fibre .telephonie:before {
    content: '';
    background: url('../images/nordnetcom/produits/icones/sprite-03.png?1574779064') -143px -85px no-repeat;
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 10px;
    left: 0;
}
#popup_content.options-fibre .securite.jet {padding-bottom:5px;}
#popup_content.options-fibre .telephonie:before {background-position: -143px -156px;top: 5px;}
#popup_content.options-fibre .prix {color:var(--red-27);}
#popup_content.options-fibre .securite .info,
#popup_content.options-fibre .telephonie .info {font-size:12px;font-weight:normal;}
.sb-default.black #sb-title-inner {background-color:var(--black);color:var(--white);font-weight:normal;}

/* ------------------------------------------ jqmodal ------------------------------------------ */
/** BACKGROUND COLOR */
.jqmOverlay {background:var(--black-40);}

/* Hides from IE-mac */
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}

/* JQUERY UI HACK */
.ui-helper-hidden-accessible {display:none;}

.ui-menu .ui-menu-item {text-align: left;}

/* responsive iframe  for youtube */
#main-video {z-index:0;position:relative;}
.js-reframe{padding-top:56.25%;position:relative;width:100%;z-index:0;}
.js-reframe iframe{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;}

.bouton_choice {float:left;position:relative;margin:0 15px 0 0;padding:0;}

div.liste {position:relative;overflow:hidden;}
div.qsn_zoomsur {border:3px solid var(--black-112);font-size:13px;line-height:1.2em;overflow:hidden;padding:5px 10px 10px;position:relative;text-align:justify;}

/* TABLE TARIFS IN POPIN */
#tableau_technique .table {
    height:auto;
    line-height:1;
    overflow:hidden;
    margin:0 auto;
    padding:0;
    width:95%;
}
#tableau_technique .tableau_technique {
    height:auto;
    overflow-x:auto;
    margin:0;
    padding:0;
    width:100%;
}
#tableau_technique .tableau_technique .material-table th {width:50%;}
#tableau_technique .tableau_technique .short-table,
#tableau_technique .tableau_technique .prices-table {width:100%;}
#tableau_technique .tableau_technique .short-table thead th,
#tableau_technique .tableau_technique .prices-table thead th {width:60%;}
#tableau_technique .tableau_technique .short-table thead th + th,
#tableau_technique .tableau_technique .prices-table thead th + th {width:20%;}
#tableau_technique .tableau_technique .short-table thead .rowspaned th,
#tableau_technique .tableau_technique .prices-table thead .rowspaned th {width:40%;}
#tableau_technique .tableau_technique .short-table thead .colspaned th,
#tableau_technique .tableau_technique .prices-table thead .colspaned th {width:auto;}
#tableau_technique .tableau_technique .short-table thead .colspaned th + th,
#tableau_technique .tableau_technique .prices-table thead .colspaned th + th {min-width:80px;width:auto;}
#tableau_technique .tableau_technique .short-table tbody td,
#tableau_technique .tableau_technique .prices-table tbody td {text-align:center;}
#tableau_technique .tableau_technique .short-table tbody td,
#tableau_technique .tableau_technique .prices-table tbody td {font-weight:700;color: var(--red-27)!important;}
#tableau_technique .table div {padding:5px 0;}
#tableau_technique table {line-height: 1.3;min-width: 600px;}
#tableau_technique table tr {
    background: var(--black-118);
    border: 1px solid var(--white);
    height: 30px;
    padding: 5px 17px;
}
#tableau_technique thead th {
    border-left: 1px solid var(--white);
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
#tableau_technique tbody th {padding: 5px 10px;}
#tableau_technique tbody tr th {width: 33%;font-weight: 700;}
#tableau_technique tbody tr td {padding:5px;}
#tableau_technique tbody tr:nth-child(even) th,
#tableau_technique tbody tr:nth-child(even) td {background: var(--black-202);}

#tableau_technique thead + tbody tr:nth-child(odd) th,
#tableau_technique thead + tbody tr:nth-child(odd) td {background: var(--black-202);}

#tableau_technique tbody .tableau_technique_valeur {text-align:center;}
#tableau_technique .no-bold {font-weight:400;font-family:'font-medium';}


@media (max-width:991px) {
    #introduction {display:none;}
    #QuiSommesNous #global.gabari4 .struct,
    #QuiSommesNous1 #global.gabari4 .struct {box-sizing:border-box;padding-right:20px;}
    .modal-dialog {width: calc(100% - 15px);}
}

@media(max-width:767px) {
    #breadcrumb{display:none;}
    #tss-section {font-size:1.175em;}
    #tss-section .top-links .first-link,
    #tss-section .top-links .second-link,
    #tss-section .top-links .third-link {width: 100%;text-align: left;}
    #tss-section .first-link .link,
    #tss-section .second-link .link,
    #tss-section .third-link .link {padding: 15px 15px;}
    #tss-section .sub-content-title {padding: 0 0 0 15px;}
    #tss-section .tss-sub-title .container {background-position:96% center;}
    #tss-section .tableau_technique .short-table,
    #tss-section .tableau_technique .prices-table {max-width:900px;}
    .scroll-to-offer { display:none;}
    .ios #sb-body {display:block;width: 100%;height: 350px;overflow-y: scroll;-webkit-overflow-scrolling: touch}
    #tableau_technique .tableau_technique .short-table,
    #tableau_technique .tableau_technique .prices-table {max-width:900px;}
    #tss-section .tss-sub-title {font-size: 0.9em;}
    .modal-dialog {width: calc(100% - 15px);}
}

@media(max-width:479px){
    /* display */
    .hidden-xxs{display:none!important;}
}

/* HACK POUR ANCIENNES PAGES */
#middle * {box-sizing: initial;}
#visibilityLayout #global *,
.newProductLayout #global #middle *,
.productV2Layout #global #middle * {box-sizing: initial;}
#visibilityLayout #breadcrumb,
.newProductLayout #breadcrumb,
.productV2Layout #breadcrumb,
#commandeLayout #breadcrumb {height: 38px;}
#bootstrapSinglePageLayout #middle * {box-sizing: border-box;}

/* mvno SECTION */
#mvno-section {
    background:var(--black-120);
    font-family: 'font-light';
    font-size:16px;
    line-height:1.2;
    padding:30px 0;
    text-align: center;
}
#mvno-section .mvno-title {
    color:var(--black-210);
    font-size: 156.5%;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 2px 0 40px;
}
#mvno-section .mvno-sub-title {
    color:var(--green-18);
    font-size: 137.5%;
    font-family: 'font-heavy';
    font-style: italic;
    line-height: 1;
    margin: 0;
    padding: 0 0 7px;
}
#mvno-section .mvno-sub-text {
    font-size:97%;
    line-height: 1.25;
    font-style: italic;
    padding:0 0 25px;
}
#mvno-section .mvno-col-left {padding:0;}
#mvno-section .panel {
    border: 3px solid transparent;
    border-radius: 4px;
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: none;
    box-shadow: none;
    transition: all 0.3s;
}
#mvno-section .panel.hovered,
#mvno-prices .panel:hover {
    border-color: var(--white);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
}
#mvno-section .panel-heading {
    background: var(--green-18);
    border:0;
    border-radius: 0;
    display:inline-block;
    height:110px;
    line-height:105px;
    padding:0;
    vertical-align: middle;
}
#mvno-prices .panel-heading {width:100%;}
#mvno-details .panel-heading {height:204px;line-height:204px;}
#mvno-section .mvno-col-left .price {font-size: 65%;}
#mvno-prices .panel-heading {background:var(--bleu-67);}
#mvno-section .panel-heading .line-contents {
    display:inline-block;
    line-height:1.2;
    vertical-align: middle;
    width:100%;
}
#mvno-section .mvno-price-sub-title {
    color:var(--yellow-14);
    font-family: 'font-heavy';
    font-style: italic;
    padding: 10px 0 0;
}
#mvno-section .panel-body {
    background:var(--green-19);
    border-radius: 0;
    color:var(--white);
    padding:0;
}
#mvno-prices .panel-body {background:var(--bleu-27);}
#mvno-section .diBlock {display:inline-block!important;}
#mvno-section .price{
    border: 0;
    color:var(--yellow-14);
    font-family: 'font-medium';
    font-size: 66%;
    margin-left: 5px;
    margin-top: 5px;
    font-style: italic;
    width:auto;
}
#mvno-section .price .euros{font-size: 450%; line-height: 1.1; font-weight: bold;}
#mvno-section .price .cents{font-size: 220%; line-height: 0.9; font-weight: bold; display:block; margin-top:5px;}
#mvno-section .price .mois{
    color:var(--white);
    display:inline-block;
    font-size: 180%;
    line-height: 1.1;
    margin-left:-6px;
}
#mvno-section .price .ml10{margin-left:10px;}
#mvno-section .mvno-panel-block {
    border:solid var(--green-18);
    display:inline-block;
    font-family: 'font-medium';
    font-size:87.5%;
    font-style: italic;
    height:99px;
    line-height:99px;
    padding: 0 5px;
    vertical-align: middle;
}
#mvno-details .mvno-panel-block {height:102px;line-height:102px;}
#mvno-section #mvno-prices {display: none;}
#mvno-section .toggled + #mvno-prices {display: block;}
#mvno-section .toggled .fa:before {content:'\f106';}
#mvno-prices .mvno-panel-block {border:solid var(--bleu-67);}
#mvno-section .mvno-panel-block div {display:inline-block;line-height:1.2;vertical-align: middle;}
#mvno-section .mvno-panel-block:first-child {border-width:0 1px 1px 0;}
#mvno-section .mvno-panel-block:first-child + .mvno-panel-block {border-width:0 0 1px 0;}
#mvno-section .mvno-panel-block:nth-child(3) {border-width:0 1px 0 0;}
#mvno-section .mvno-panel-block:nth-child(3) + .mvno-panel-block {border-width:0 0 0 0;}
#mvno-section .mvno-panel-block .big {font-size:150%;}
#mvno-section .mvno-panel-block .bigger {font-size:220%;font-family: 'font-heavy';}
#mvno-section .mvno-global-link,
#mvno-section .mvno-global-link:hover,
#mvno-section .mvno-global-link:active,
#mvno-section .mvno-global-link:focus {
    color:var(--black-210);
    display: inline-block;
    font-family: 'font-medium';
    font-size:90%;
    font-style: italic;
    margin:0;
    padding:5px 5px 0 0;
    text-align: right;
}
#mvno-section .mvno-more-picto {
    color: var(--green-18);
    font-size:240%;
    display:inline-block;
    height:42px;
    line-height: 42px;
    vertical-align: middle;
    width:44px;
}
#mvno-section .column-option {
    display: inline-block;
    height: 204px;
    line-height: 204px;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
#mvno-section .mvno-more {
    position: absolute;
    top: calc(50% - 21px);
    left: 10px;
    height: 42px;
    line-height: 1;
}
#mvno-section .mvno-more-text {
    line-height: 1;
    display: inline-block;
    padding-left: 52px;
    text-align: center;
    vertical-align: middle;
}
#mvno-section .mvno-picto-option-text {
    color:var(--black-222);
    display: block;
    font-size:92.5%;
    font-family: 'font-light';
    font-weight:700;
    letter-spacing: 0.03em;
    line-height: 1.3;
}
#mvno-section .mvno-picto-option-text.bold {color:var(--black-66);font-family: 'font-medium';font-weight:700;}
#mvno-section .mvno-picto-option{
    display:inline-block;
    font-size:380%;
    height:70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    width:100%;
}
#mvno-section .mvno-picto-option i{display:inline-block;line-height: 1;vertical-align: middle;}
.mvno-option-text-container {height: 70px;}
#mvno-section .mvno-picto-option.phone {background-position: -83px -10px;}
#mvno-section .mvno-toggle-container {
    margin:15px 18px 15px;
    padding:45px 0 5px;
    text-align: left;
    width:calc(100% - 36px);
}
#mvno-section .mvno-toggle-title {
    color:var(--black-80);
    background:0;
    border:0;
    font-family: 'font-medium';
    font-size:145%;
    font-style: italic;
    padding-right: 40px;
    text-align: center;
    text-transform: uppercase;
    width:100%;
    position:relative;
}
#mvno-section .mvno-toggle-title:focus {outline-color: transparent;}
#mvno-section .mvno-toggle-title .fa {
    font-size:220%;
    position:absolute;
    right:0;
    top:calc(50% - 20px);
}
#mvno-section .mvno-bubble dl {margin:0;padding:0;}
#mvno-section .mvno-bubble {
    background:var(--white);
    border: 1px solid var(--black-224);
    border-radius:1px;
    font-style: italic;
    margin: 40px auto 30px;
    padding: 20px 20px 0;
    text-align: left;
    width: calc(100% - 60px);
    transition:all 0.2s;
    position:relative;
}
#mvno-section .mvno-bubble:before {
    background: transparent url('../images/produits/mvno/triangle.gif?1969415259') no-repeat 0 0;
    content:'';
    display: block;
    height:22px;
    width: 42px;
    position:absolute;
    bottom:100%;
    left:calc(9% - 21px);
}
#mvno-prices .mvno-global-link,
#mvno-prices .mvno-global-link:hover,
#mvno-prices .mvno-global-link:active,
#mvno-prices .mvno-global-link:focus {margin-top:10px;}
#mvno-section .mvno-prices-container div[id^="mvno-price"]:hover {/*cursor: pointer;*/}
#mvno-section .mvno-bubble[data-anchor="mvno-price-02"]:before {left:calc(36% - 21px);}
#mvno-section .mvno-bubble[data-anchor="mvno-price-03"]:before {left:calc(63% - 21px);}
#mvno-section .mvno-bubble[data-anchor="mvno-price-04"]:before {left:calc(91% - 21px);}
#mvno-section .mvno-bubble-title {
    color:var(--bleu-27);
    font-family: 'font-heavy';
    font-size:175%;
    line-height: 1;
    padding: 8px 0 17px;
}
#mvno-section .mvno-bubble-text {
    font-size:95%;
    line-height:1.2;
    margin:0;
    padding: 0 0 15px;
}
#mvno-section .mvno-bubble {display:none;}
#mvno-price-01:hover ~ .mvno-panel-extras div[data-anchor=mvno-price-01] {display: block;}
#mvno-price-02:hover ~ .mvno-panel-extras div[data-anchor=mvno-price-02] {display: block;}
#mvno-price-03:hover ~ .mvno-panel-extras div[data-anchor=mvno-price-03] {display: block;}
#mvno-price-04:hover ~ .mvno-panel-extras div[data-anchor=mvno-price-04] {display: block;}

#mvno-block-option-tv .open-channel-list {background:none; border:0;}

@media (min-width:1200px) {
    #mvno-section .mvno-col-left .panel-heading {width:calc(100% - 268px);}
    #mvno-section .mvno-col-left .panel-body {width:268px;}
    #mvno-section .mvno-col-left .price {font-size: 65%;}
}
@media (max-width:991px) {
    #mvno-section .mvno-bubble {width: calc(100% - 25px);}
    #mvno-section .mvno-prices-container div[id^="mvno-price"] {padding:0 5px;}
}
@media (min-width:768px) and (max-width:991px) {
    #mvno-section .mvno-more {left: 15px;}
}
@media (max-width:767px) {
    #mvno-section .mvno-more {display: inline-block;position: static;}
    #mvno-section .mvno-more-text {padding-left: 35px;}
    #mvno-section .overflow-on-mobile {
        height:340px;
        overflow-x: auto;
        margin:0 15px;
        padding:0;
        width:calc(100% - 30px);
    }
    #mvno-section .overflow-on-mobile-contents {width:180%;}
    #mvno-section .panel.hovered,
    #mvno-prices .panel:hover {
        border-color: transparent;
        box-shadow: none;
    }
    #mvno-section .mvno-toggle-container {padding-top:5px;}
    #mvno-section .mvno-toggle-title {font-size: 115%;padding-right: 35px;}
    #mvno-section .mvno-toggle-title .fa {top: -7px;}
    #mvno-section .mvno-col-left .text-left {text-align: center;}
}
@media (min-width:600px) and (max-width:767px) {
    #mvno-section .mvno-more {width:25%;}
    #mvno-section .mvno-more-text {width:50%;}
}
@media (max-width:600px) {
    #mvno-section .mvno-more {display: inline-block;position: static;}
    #mvno-section .mvno-more-text {padding-left: 0;max-width: calc(100% - 45px);}
    #mvno-section .mvno-picto-option-text {letter-spacing: inherit;}
    #mvno-section .overflow-on-mobile-contents {width:250%;}
}
@media (max-width:479px) {
    #mvno-section .overflow-on-mobile-contents {width:320%;}
    #mvno-section .panel-heading {
        height: auto;
        line-height: 1.3;
        padding: 0 0 15px;
        width: 100%;
    }
    #mvno-section .panel-body {width: 100%;}
    #mvno-section .mvno-more-picto {font-size: 170%;height: 26px;width: 26px;}
    #mvno-section .column-option {
        height: auto!important;
        line-height: 1.2!important;
        margin: 25px 0 10px!important;
        width: 50%!important;
    }
    #mvno-section .mvno-columns .mvno-col-right {padding-right: 15px!important;}
    #mvno-section .mvno-more {position:relative;top: -25px;left:0;height: 26px;}
    #mvno-section .mvno-more-text {
        max-width: calc(100% - 35px);
        height: 175px;
        font-size: 105%;
        padding: 0 5px;
    }
}
/* RETURN TOP */
#return-top {
    display: none;
    width: 54px;
    height: 31px;
    position: fixed;
    top: 365px;
    left:0;
    z-index: 999;
}
#return-top span {
    background:var(--black-73);
    box-sizing: border-box;
    color:var(--white);
    display:inline-block;
    font-family:'Arial';
    font-size:9px;
    height:30px;
    padding:14px 0 0 10px;
    text-align:center;
    text-transform:uppercase;
    width:39px;
    position:relative;
}
#return-top i {font-style:inherit;position:relative;}
#return-top i:before {
    border-left: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    content:'';
    display:inline-block;
    transform: rotate(135deg);
    width: 8px;
    height: 8px;
    position:absolute;
    left:calc(50% - 4px);
    top:-7px;
}
#return-top span:after {
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 14px;
    border-color: transparent transparent transparent var(--black-73);
    position:absolute;
    right:-14px;
    top:0;
}

/*

HTML EXAMPLE

<input class="single-toggle-input" type="checkbox" name="singletab" id="tab1">
<label class="single-toggle-label" for="tab1">Tab 1</label>
<div class="single-toggle-content">Tab 1 Contents</div>
*/

/* GENERIC MULTIPLE TOGGLE */
.multiple-toggle-label {position:relative;}
.multiple-toggle-input {display:none;}
.multiple-toggle-input:checked + .multiple-toggle-label {text-decoration:underline}
.multiple-toggle-input ~ .multiple-toggle-content {display:none;}
.multiple-toggle-input#tab-a:checked ~ .multiple-toggle-content[data-content="tab-a"],
.multiple-toggle-input#tab-b:checked ~ .multiple-toggle-content[data-content="tab-b"],
.multiple-toggle-input#tab-c:checked ~ .multiple-toggle-content[data-content="tab-c"],
.multiple-toggle-input#tab-d:checked ~ .multiple-toggle-content[data-content="tab-d"],
.multiple-toggle-input#tab-e:checked ~ .multiple-toggle-content[data-content="tab-e"],
.multiple-toggle-input#tab-f:checked ~ .multiple-toggle-content[data-content="tab-f"],
.multiple-toggle-input#tab-g:checked ~ .multiple-toggle-content[data-content="tab-g"]{display: block;}

/*

HTML EXAMPLE WITH FIRST TAB ACTIVATED ON LOAD

<input class="multiple-toggle-input" type="radio" name="multipletab" id="tab-a" checked>
<label class="multiple-toggle-label" for="tab-a">Tab 11</label>
<input class="multiple-toggle-input" type="radio" name="multipletab" id="tab-b">
<label class="multiple-toggle-label" for="tab-b">Tab 21</label>
<input class="multiple-toggle-input" type="radio" name="multipletab" id="tab-c">
<label class="multiple-toggle-label" for="tab-c">Tab 31</label>
<div class="multiple-toggle-content" data-content="tab-a">Tab 11 Contents</div>
<div class="multiple-toggle-content" data-content="tab-b">Tab 21 Contents</div>
<div class="multiple-toggle-content" data-content="tab-c">Tab 31 Contents</div>
*/

/* GENERIC INPUT */
.generic-input-text .label {
    color: var(--black-97);
    display: inline-block;
    font-family: 'font-medium';
    font-size: 1.25em;
    margin:0;
    padding: 0 0 5px 0;
    text-align: left;
    width: 100%;
}
.generic-input-text .input{
    background: var(--white);
    border: 1px solid var(--black-181);
    box-shadow: none;
    color: var(--black);
    display: inline-block;
    font-family: 'font-light';
    font-size: 1.25em;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    text-align: left;
    width: 100%;
}
.generic-input-text .input:focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.1);}
.generic-input-text .input[readonly="readonly"]{background: var(--black-225);color: var(--black-39);}
.generic-input-text .input[disabled="disabled"]{background: var(--black-225);color: rgba(190, 190, 190, 1);font-style: italic;}
.generic-input-text.validated .input {border: 1px solid var(--green-25);}
.generic-input-text.with-error .input {border: 1px solid var(--red-27);}
.generic-input-text .error{
    background: var(--red-27);
    color: var(--white);
    display: inline-block;
    font-family: 'font-light';
    font-size: 0.75em;
    line-height:1;
    margin:5px 0 0;
    padding: 5px;
    text-align: left;
    width: 100%;
}
.generic-input-text .help {
    color: var(--black-32);
    display: inline-block;
    font-family: 'font-light';
    font-size: .75em;
    line-height: 1;
    margin: 5px 0 0;
    padding: 5px;
    text-align: left;
    width: 100%;
}
/* MATERIAL-LIKE INPUT TEXT */
/* empêche Chrome de mettre un fond jaune */
form input:-webkit-autofill {box-shadow: 0 0 0 1000px white inset !important;}
.generic-input-text.material-like {
    height:auto;
    margin: 0;
    min-height: 50px;
    width: 100%;
    position:relative;
}
.generic-input-text.material-like .input{
    background: none;
    border: none;
    border-bottom: 1px solid var(--black-30);
    border-radius: 0;
    color: var(--black);
    font-family: 'font-medium';
    font-size: 1em;
    height:30px;
    line-height: 30px;
    outline: none;
    padding:7px 5px 0;
    width: calc(100% - 10px);
    position: relative;
    top: 13px;
    left: 0;
    transition: all .2s ease;
}
.generic-input-text.material-like .input:focus {outline:none;box-shadow: none;}
.generic-input-text.material-like .input:focus ~ .label,
.generic-input-text.material-like .input.filled:valid ~ .label,
.generic-input-text.material-like .input.filled ~ .label {color:var(--black-55);font-family: 'font-light';top: 6px;font-size: 0.85em;}
.generic-input-text.material-like .input ~ .label,
.generic-input-text.material-like .input ~ .label {
    color: var(--black-215);
    font-size: 0.933em;
    font-weight: normal;
    font-family: 'font-medium';
    pointer-events: none;
    position: absolute;
    left: 5px;
    top: 25px;
    transition: all .25s ease;
}
.generic-input-text.material-like .line {
    display: block;
    width: 100%;
    position: relative;
    top: 47px;
}
.generic-input-text.material-like .line:before,
.generic-input-text.material-like .line:after {
    background: var(--bleu-68);
    content: '';
    height: 2px;
    width: 0;
    position: absolute;
    top: -35px;
    transition: 0.2s ease all;
}
.generic-input-text.material-like .line:before {left: 50%;}
.generic-input-text.material-like .line:after {right: 50%;}
.generic-input-text.material-like .input:focus ~ .line:before {width:50%;}
.generic-input-text.material-like .input:focus ~ .line:after {width:50%;}
.generic-input-text.material-like .error {
    background:none;
    color: var(--red-27);
    display: none;
    height: auto;
    margin: 11px 0 3px 1px;
    padding: 5px 5px 0 5px;
    width: 100%;
    transition:0.2s;
}
.generic-input-text.material-like .help {
    background:none;
    color: var(--black-32);
    height: auto;
    margin: 11px 0 0 1px;
    width: 100%;
    transition:0.2s;
}
.generic-input-text.material-like.with-error .error ~ .help {margin-top: 0;padding-top:0;}
.generic-input-text.material-like.with-error .error {display: block;}
.generic-input-text.material-like.with-error .line:before,
.generic-input-text.material-like.with-error .line:after {background: var(--red-27);}
.generic-input-text.material-like.with-error .input {border:0;border-bottom: 1px solid var(--red-27);}

.generic-input-text.material-like.validated .line:before,
.generic-input-text.material-like.validated .line:after {background: var(--green-25);}
.generic-input-text.material-like.validated .input {border-bottom: 1px solid var(--green-25);}
.generic-input-text.material-like .input[readonly="readonly"] {border-bottom-width: 2px;}
.generic-input-text.material-like .input[disabled="disabled"]{border-bottom: 2px dotted;}
.generic-input-text.material-like .input[disabled="disabled"] ~ .label {font-style: italic;}
.generic-input-text.material-like .input[readonly="readonly"],
.generic-input-text.material-like .input[disabled="disabled"] {color: #999;}
.generic-input-text.material-like .input:focus[readonly="readonly"] ~ .line:before,
.generic-input-text.material-like .input:focus[readonly="readonly"] ~ .line:after,
.generic-input-text.material-like .input:focus[disabled="disabled"] ~ .line:before,
.generic-input-text.material-like .input:focus[disabled="disabled"] ~ .line:after{width:0;}

/* SUBVENTIONS RESULTS */
.subvention-block_container {
    background:var(--white) url('../images/produits/subventions/badge.webp?231768684') no-repeat 10px 15px;
    background-size:73px 73px;
    border:1px solid var(--black-99);
    color:var(--black-98);
    display: inline-block;
    margin-bottom:15px;
    height:auto;
    min-height:105px;
    line-height: 105px;
    padding: 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
.subvention-block_content {
    display: inline-block;
    line-height: 1.15;
    padding: 15px 0 15px 85px;
    vertical-align: middle;
}
.subvention-block_content .line-one,
.subvention-block_content .line-two {display: inline-block;font-family:'font-light';width:100%;}
.subvention-block_content .line-one {padding-bottom: 15px;}

@media(max-width:600px) {
    .subvention-block_container,
    .local .subvention-block_container {
        background-size:65px 65px;
        min-height:85px;
        line-height: 85px;
        padding: 0 20px;
    }
    .subvention-block_content {padding: 15px 0 15px 70px;}
}

/* ODR bandeau */
.odr-content{
    background:var(--white) url('../images/produits/eligibilite/churn-illustration.png?2743939913') no-repeat right bottom;
    background-size: auto 100%;
    color:var(--black);
    min-height:197px;
    outline: 2px solid var(--black-11);
}
.odr-content_container {
    display: inline-block;
    height: 197px;
    line-height: 197px;
    vertical-align: middle;
}
.odr-content_contents{
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    width: 100%;
}
.odr-content_title{
    font-family: 'font-heavy';
    font-size:1.4em;
    line-height: 1.15;
    padding-bottom:3px;
    text-transform: uppercase;
}
.odr-content_text{font-size:1.15em;line-height: 1.15;}
.odr-content_link{
    font-family: 'font-heavy';
    font-size:1.25em;
    line-height: 1.15;
    padding-top:20px;
}
.small-block .odr-content_title {font-family: 'font-heavy';font-size: 1.2em;padding-bottom: 10px;}
.small-block .odr-content_text{font-size: 1.1em;}
.small-block .odr-content_link {font-size: 1em;padding-top: 10px;}
.small-block .odr-content_container {height: 220px;line-height: 220px;}
.small-block .odr-content {background-image:none;text-align: left;padding-left:20px;}
.small-block .col-righ {padding-right: 0;}
.small-block .col-right .odr-content_contents {background:var(--bleu-34);height:100%;position:relative;top:-1px;}
.small-block .col-right .odr-content_contents:before {
    content:'';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 220px 48px;
    border-color: transparent transparent var(--bleu-34) transparent;
    position:absolute;
    top:0;
    left:-48px;
}
.small-block .col-right .img-responsive {position:absolute;bottom:0;right:0;}
@media (min-width:768px) and (max-width:991px) {
    .odr-content {background-position-x: calc(100% + 50px);}
    .odr-content_container {padding:0 40px;}
    .small-block .col-right .img-responsive {max-width: 200px;width: calc(100% + 50px);}
    .small-block .odr-content_container {padding: 0 15px;}
    .small-block .col-right {padding: 0 0 0 15px;}
}
@media (max-width:767px) {
    .odr-content {
        background:var(--white) url('../images/produits/eligibilite/churn-illustration-mobile.png?4258126413') no-repeat right bottom;
        background-size: auto 100%;
    }
    .odr-content_container {height: 250px;line-height: 250px;width: calc(100% - 220px);}
    .small-block .odr-content,
    .small-block .odr-content_container {
        background-image: none;
        color: var(--white);
        height: auto;
        min-height: inherit;
        text-align: center;
        outline: none;
    }
    .small-block .odr-content {background: var(--bleu-34);padding: 15px;}
    .small-block .odr-content_container {
        height: auto;
        line-height: 1;
        padding:0 15px;
        width: 100%;
    }
    .modal-title {font-size: 1.6em;}
}
@media (max-width:600px) {
    .odr-content {background:var(--bleu-34);color:var(--white);min-height:inherit;padding: 15px;}
    .odr-content_container {height: auto;line-height: 1;width: 100%;}
}
@media(min-width:992px) {
    .small-block .col-right,
    .small-block .col-right .img-responsive {max-width:calc(100% + 50px);width:calc(100% + 50px);}
}
@media(min-width:992px) and (max-width:1170px) {
    .small-block .odr-content_container {height: 230px;line-height: 230px;}
    .small-block .col-right .odr-content_contents:before {border-width: 0 0 230px 48px;}
    .small-block .odr-content {min-height: 230px;}
}
@media print {
    #footer {display: none;}
}
.modal-header {
    min-height: 78px;
    padding: 15px;
    position: relative;
}
.modal-header .close {
    font-family: 'font-light';
    align-items: center;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    background: #F7F7F7;
    border-radius: 50%;
    font-size: 2.5em;
    font-weight: 100;
    height: 48px;
    line-height: 0;
    text-align: center;
    width: 48px;
    transition: 0.3s;
    margin: 0!important;
    opacity: 1;
    position: absolute;
    right: 0;
    top: calc(50% - 24px);
}
.close:before,
.close:after {
    position: absolute;
    left: 23px;
    content: ' ';
    height: 30px;
    width: 2px;
    background-color: #333;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}
.alert .close:before,
.alert .close:after {
    height: 15px;
    left: 0;
}
/* FOOTER ACCESSIBILITY */
nn-footer + .footer-accessibility {
    background: #0e0e0e;
    padding: 0 0 16px;
    text-align: center;
}
nn-footer + .footer-accessibility .container {
    background: #0e0e0e;
}
nn-footer + .footer-accessibility .paragraph-03,
nn-footer + .footer-accessibility .paragraph-03:focus,
nn-footer + .footer-accessibility .paragraph-03:active,
nn-footer + .footer-accessibility .paragraph-03:visited,
nn-footer + .footer-accessibility .paragraph-03:hover {
    color: #fbfbfb;
    font-size: calc(16px * 0.875);
    transition: 0.3s;
}
nn-footer + .footer-accessibility .paragraph-03:hover  {
     text-decoration: underline;
 }
@media(max-width: 767px) {
    nn-footer + .footer-accessibility .paragraph-03,
    nn-footer + .footer-accessibility .paragraph-03:focus,
    nn-footer + .footer-accessibility .paragraph-03:active,
    nn-footer + .footer-accessibility .paragraph-03:visited,
    nn-footer + .footer-accessibility .paragraph-03:hover {
        font-size: 16px;
    }
}