/* FONTS */
@font-face {
    font-family:"AvenirLTStd95Black";
    font-style:normal;
    font-weight:normal;
    src:url("/font/avenirltstd-black-webfont.eot");
    src:url("/font/avenirltstd-black-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/avenirltstd-black-webfont.woff") format("woff"),
    url("/font/avenirltstd-black-webfont.ttf") format("truetype"),
    url("/font/avenirltstd-black-webfont.svg#AvenirLTStd95Black") format("svg");
}
@font-face {
    font-family:"AvenirLTStd35Light";
    font-style:normal;
    font-weight:normal;
    src:url("/font/avenirltstd-light-webfont.eot");
    src:url("/font/avenirltstd-light-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/avenirltstd-light-webfont.woff") format("woff"),
    url("/font/avenirltstd-light-webfont.ttf") format("truetype"),
    url("/font/avenirltstd-light-webfont.svg#AvenirLTStd35Light") format("svg");
}
@font-face {
    font-family:"AvenirLTStdMedium";
    font-style:normal;
    font-weight:normal;
    src:url("/font/avenir-medium-webfont.eot");
    src:url("/font/avenir-medium-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/avenir-medium-webfont.woff") format("woff"),
    url("/font/avenir-medium-webfont.ttf") format("truetype"),
    url("/font/avenir-medium-webfont.svg#AvenirLTStdMedium") format("svg");
}
@font-face {
    font-family:"AvenirLTStdHeavy";
    font-style:normal;
    font-weight:normal;
    src:url("/font/avenir-heavy-webfont.eot");
    src:url("/font/avenir-heavy-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/avenir-heavy-webfont.woff") format("woff"),
    url("/font/avenir-heavy-webfont.ttf") format("truetype"),
    url("/font/avenir-heavy-webfont.svg#AvenirLTStdHeavy") format("svg");
}
@font-face {
    font-family: 'nncom';
    src:  url('/font/nncom.eot?kgjmz');
    src:  url('/font/nncom.eot?kgjmz#iefix') format('embedded-opentype'),
    url('/font/nncom.ttf?kgjmz') format('truetype'),
    url('/font/nncom.woff?kgjmz') format('woff'),
    url('/font/nncom.svg?kgjmz#NNCOM') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"BauhausItcTEEMedRegular";
    font-style:normal;
    font-weight:normal;
    src:url("/font/bauhausitcteemed-webfont.eot");
    src:url("/font/bauhausitcteemed-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/bauhausitcteemed-webfont.woff") format("woff"),
    url("/font/bauhausitcteemed-webfont.ttf") format("truetype"),
    url("/font/bauhausitcteemed-webfont.svg#BauhausItcTEEMedRegular") format("svg");
}
@font-face {
    font-family:"BauhausITCbyBTLight";
    font-style:normal;
    font-weight:normal;
    src:url("/font/bauhausitcbybt-light-webfont.eot");
    src:url("/font/bauhausitcbybt-light-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/bauhausitcbybt-light-webfont.woff") format("woff"),
    url("/font/bauhausitcbybt-light-webfont.ttf") format("truetype"),
    url("/font/bauhausitcbybt-light-webfont.svg#BauhausITCbyBTLight") format("svg");
}
@font-face {
    font-family:"Trebuchet MS";
    font-style:normal;
    font-weight:normal;
    src:url("/font/trebucbd.eot");
    src:url("/font/trebucbd.eot?#iefix") format("embedded-opentype"),
    url("/font/trebucbd.woff") format("woff"),
    url("/font/trebucbd.ttf") format("truetype");
}
@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
/* RESET */
* {margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea {color:#484848;}
body {font:12px/1.2em "Arial",Sans-serif;text-align:center;height:100%;width:100%;}
body#popup {background:#fff;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;}
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;}

/* HELPERS */
.uppercase-first-letter::first-letter {text-transform: uppercase;}
.uppercase-first-letter {display:inline-block;}
.lowercase {text-transform: lowercase!important;}
.dBlock {display:block;}
.font1 {font-family:'BauhausItcTEEMedRegular' !important;}
.font2 {font-family:'AvenirLTStd95Black' !important;text-shadow:0 0 1px rgba(51, 51, 51, 0.3);}
.font3 {font-family:'AvenirLTStd35Light' !important;}
.font4 {font-family:'BauhausITCbyBTLight' !important;}
.font5 {font-family:'AvenirLTStdHeavy' !important;}
.font6 {font-family:'AvenirLTStdMedium' !important;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.ttn {text-transform:none;}
.bdn {border:medium none;}
.bd1 {border:1px solid #E5E4E0;} .bd2 {border:1px solid #fff;} .bd3 {border:1px solid #ccc;}
.bb1 {border-bottom:1px solid;} .bb2 {border-bottom:2px solid;} .bb5 {border-bottom:5px solid;}
.bred {border-color:red;}
.bgris01 {border-color:#BCBCBC;}
.bkn {background:none !important;}
.bk1 {background:red;}
.bk2 {background:yellow;}
.bk3 {background:lime;}
.bk4 {background:#E3E3E3;}
.bk5 {background:#F5F5F5;}
.bk6 {background:#F0F0F0;}
.bk7 {background:#2194B5;}
.cb {clear:both;}
.c0 {color:#000;}
.c3 {color:#333;}
.c6 {color:#666;}
.cf {color:#fff;}
.cf0 {color:#ff0000;}
.c1a {color:#1A7A95;}
.c36 {color:#367300;}
.c4c {color:#4c4c4c;}
.db {display:block;}
.dn {display:none;}
.din {display:inline-block;}
.block {display:block;}
.none {display:none;}
.fl {float:left;}
.fn {float:none;}
.fr {float:right;}
.flt {float:left;}
.frt {float:right;}
.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;}
.fsi {font-style:italic;}
.fsn {font-style:normal;}
.ital {font-style:italic;}
.italic {font-style:italic;}
.fwn {font-weight:normal !important;}
.normal {font-weight:normal;}
.bold, .fwb {font-weight:700;}
.height18 {height:18px;} .height22 {height:22px;} .height20 {height:20px;} .height35 {height:35px;} .height40 {height:40px;} .height15 {height:15px;} .height70 {height:70px;} .height75 {height:75px;} .height165 {height:165px;} .height185 {height:185px;} .height250 {height:250px;} .height600 {height:600px;} .h30 {height:30px;} .h97 {height:97px;}
.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;}
.lstc {list-style-type:circle !important;}
.lstd {list-style-type:disc !important;}
.lstn {list-style-type:none !important;}
.lsts {list-style-type:square !important;}
.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;}
.info-tech-text {text-align: justify;}
.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;}
.m0auto {margin:0 auto;}
.mauto {margin-left:auto;margin-right:auto;}
.ovh {overflow:hidden;}
.ovs {overflow:visible;}
.oh {overflow:hidden;}
.ov {overflow:visible;}
.pad0 {padding:0;} .pad2 {padding:2px;} .pad4 {padding:4px;} .pad5 {padding:5px;} .pad8 {padding:8px;} .pad10 {padding:10px;} .pad15 {padding:15px;} .pad015 {padding:0 15px;} .pad30 {padding:30px;} .pad6 {padding:6px;}
.p0 {padding:0 !important;} .p3 {padding:3px;} .p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;}
.ptb2 {padding:2px 0;} .ptb5 {padding:5px 0;} .ptb10 {padding:10px 0;} .ptb15 {padding:15px 0;} .ptb20 {padding:20px 0;}
.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;}
.pa {position:absolute;}
.pf {position:fixed;}
.pr {position:relative;}
.ps {position:static;}
.pabs {position:absolute;}
.prel {position:relative;}
.right0 {right:0;}
.tal {text-align:left;}
.tar {text-align:right;}
.taj {text-align:justify;}
.tac, .center{text-align:center;}
.tdlt {text-decoration:line-through;}
.tdu {text-decoration:underline;}
.puce.tdu {text-decoration:underline;}
.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:red;}
.red {color:red;}
.gris01 {color:#484848;}
.txt-orange {color:#F60;}
.txt-red-orange {color:#F60;}
.txt-white {color:#FFF;}
.txt-grey {color:#666;}
.txtblc {color:#fff;}
.txtred {color:#F00;} .txtred1 {color:#AD2E2A;}
.txtgris {color:#333;} .txtgris1 {color:#484848;} .txtgris2 {color:#8C8C8C;} .txtgris3 {color:#969696;} .txtgris4 {color:#444444;}
.warning_text {text-align:center;font-weight:700;color:#F00;}
.top0 {top:0;} .top6 {top:6px;} .top8 {top:8px;} .top10 {top:10px;} .top12 {top:12px;} .top34 {top:3px;}
.vab {vertical-align:bottom;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.w10 {width:10px;} .w70 {width:70px;} .w92 {width:92px;} .w128 {width:128px;} .w138 {width:138px;} .w358 {width:358px;} .w140 {width:140px;} .w160 {width:160px;} .w190 {width:190px;} .w200 {width:200px;} .w250 {width:250px;} .w260 {width:260px;} .w280 {width:280px;} .w300 {width:300px;} .w320{width:320px;} .w350 {width:350px;} .w400 {width:400px;} .w410 {width:410px;} .w418 {width:418px;} .w423 {width:423px;} .w430 {width:430px;} .w440 {width:440px;} .w450 {width:450px;} .w480 {width:480px;} .w600 {width:600px;} .w605 {width:605px;} .w616 {box-sizing: border-box;width:100%;max-width:616px;} .w628 {width:628px;} .w700 {width:700px;} .w750 {width:750px;} .w877 {width:877px;} .w974 {width:974px;}
.width30 {width:30px;} .width50 {width:50px;} .width53 {width:53px;} .width55 {width:55px;} .width60 {width:60px;} .width65 {width:65px;} .width68 {width:68px;} .width70 {width:70px;} .width130 {width:130px;}
.w50p {width:50%;} .w100p {width:100% !important;}
.width15pc {width:15%;} .width20pc {width:20%;} .width22pc {width:22%;} .width60pc {width:60%;} .width70pc {width:70%;}
.zi1 {z-index:1;} .zi2 {z-index:2;}
.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:#929292;font-size:10px;margin-bottom:5px;}
a.tdu {text-decoration:underline;}
a.tdu:hover {text-decoration:none;}
.btn {background:#5B5B5B;border-radius:10px;color:#fff;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: #FFF;font-weight: 700;text-decoration: none;}
.btn.ok {padding:0 13px;}
.btn.red {background:red;}
.btn.grisF {background:#2C2D2D;}
.btn:hover {background:#494949;color:#fff;}
.btn.red:hover {background:#CE0000;}
.btn.grisF:hover {background:#000;}
.btn.grisC {background:#848180;}
.btn.grisC:hover {background:#5B5B5B;}
.btn.wp {width:100px;}
.btn.wm {width:140px;}
.btn.wg {width:250px;}
.asterisque {color:red;font-family:sans-serif;font-size:16px;font-weight:700;}
.backl {background-position:0 4px;}
.backr {background-position:100% 4px;}
input.error, textarea.error{background:none;}
.bgn {background:none;}
.ref {position:absolute;left:3000px;}

/* ------------------ */
#ajaxMessage_searchAssistanceForm_word .error {background:url("/images/puces/bg-puce-exclam.gif?v=20160408") no-repeat scroll 0 0 transparent;color:#ffffff;font-size:11px;margin-left:5px;padding-left:10px;}
#sunrise_wrapper .error {
    background: none;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    color: #b94a48;
    display: block;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 35px 8px 14px;
    margin: 0 0 20px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width:650px;
}
.error {background:url("/images/puces/bg-puce-exclam.gif?v=20160408") no-repeat scroll 0 0 transparent;color:#AD2E2A;font-size:11px;margin-left:5px;padding-left:10px;}
.valid {background:none !important;padding:0;}
.audit input.valid {background:#fff !important;padding:0;}
.passed {background:url("/images/puces/img-passed.gif?v=20160408") no-repeat scroll 0 0 transparent;margin-left:5px;}
#audit-overlay {opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0;left:0;background-color:#000;width:100%;z-index:5000;text-align:center;margin:auto 0;}
#doc-overlay {opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0;left:0;background-color:#000;width:100%;z-index:5000;text-align:center;margin:auto 0;}
#audit-pleasewait {position:absolute;top:0;left:0;background-color:#fff;height:50px;width:250px;z-index:5500;text-align:center;padding:15px;margin:330px 0 0 220px;}
#doc-pleasewait {position:absolute;top:0;left:0;background-color:#fff;height:50px;width:250px;z-index:5500;text-align:center;padding:15px;margin:330px 0 0 220px;}
.pdf {background:url("/images/puces/bg-ico-pdf.gif?v=20160408") 0 50%;}
.file {background:url("/images/puces/img-file.gif?v=20161208") 0 50%;}
.pdf02 {background:url("/images/puces/bg-ico-pdf1.gif?v=20160408") 0 50%;color:#A3A3A3;}
.download {background:transparent url("/images/puces/img-download.gif?v=20160408") no-repeat 0 52%;}
.exclam {background:transparent url("/images/puces/bg-puce-exclam.gif?v=20160408") no-repeat 0 52%;}
.interro {background:transparent url("/images/puces/bg-picto-undefined.png?v=20160408") no-repeat 0 52%;}
.ok {background:transparent url("/images/puces/bg-picto-ok.png?v=20160408") no-repeat 0 52%;}
.nok {background:transparent url("/images/puces/bg-picto-nok.png?v=20160408") no-repeat 0 52%;}
.zoom1 {background:transparent url("/images/puces/img-zoom.gif?v=20160408") no-repeat 0 52%;}
.zoom2 {background:transparent url("/images/menus/haut/bg-loupe.gif?v=20160408") no-repeat 0 52%;}
.carre01 {background:url("/images/puces/bg-puce-carre.gif?v=20160408") 0 50%;}
.carre02 {background:url("/images/puces/bg-puce-carre01.gif?v=20160408") 0 50%;}
.carre02a {background-image:url("/images/puces/bg-puce-carre01.gif?v=20160408");}
.fleche01D {background:url("/images/puces/bg-puce-fleche3.gif?v=20160408") 100% 50%;line-height:1.4em;}
.fleche01 {background:url("/images/puces/bg-puce-fleche3.gif?v=20160408") 0 50%;line-height:1.4em;}
.fleche02 {background:url("/images/puces/bg-puce-fleche4g.gif?v=20160408") no-repeat 0 50%;}
span.fleche02,
fleche02:hover,
span.fleche02:hover {color:#949393;background:url("/images/puces/bg-puce-fleche4g1.gif?v=20160408") no-repeat 0 50%;}
.fleche02:hover {background:url("/images/puces/bg-puce-fleche4gon.gif?v=20160408") no-repeat 0 50%;}
.fleche02D {background:url("/images/puces/bg-puce-fleche4da.gif?v=20160408") no-repeat 100% 50%;}
span.fleche02D,
span.fleche02D:hover {font-size:11px;background:url("/images/puces/bg-puce-fleche4d1.gif?v=20160408") no-repeat 100% 50%;}
.fleche02D:hover {background:url("/images/puces/bg-puce-fleche4don.gif?v=20160408") no-repeat 100% 50%;}
.fleche03D {background:url("/images/puces/bg-puce-fleche4da.gif?v=20160408") no-repeat 100% 50%;}
.fleche03D.actif {background:url("/images/puces/bg-puce-fleche4.gif?v=20160408") no-repeat 0 50%;color:red;}
.fleche04 {background:url("/images/puces/bg-puce-fleche2.gif?v=20160408") no-repeat 0 50%;}
.fleche06 {background:url("/images/puces/bg-puce-fleche6d.gif?v=20160408") no-repeat 100% 4px;}
.fleche06:hover {background:url("/images/puces/bg-puce-fleche6don.gif?v=20160408") no-repeat 100% 4px;}
.fleche07 {background:url("/images/menus/haut/bg-puce-fleche5.gif?v=20160408") no-repeat 0 6px;}
.fleche08 {background:url("/images/puces/bg-puce-fleche8.gif?v=20160408")no-repeat 0 6px;}
.fleche08D {background:url("/images/puces/bg-puce-fleche8.gif?v=20160408")no-repeat 100% 6px;}
.fleche09 {background:url("/images/puces/bg-puce-fleche6.gif?v=20160408")no-repeat 0 6px;}
.fleche10 {background:url("/images/puces/bg-puce-fleche5.gif?v=20160408")no-repeat 0 4px;}
.fleche10:hover {background:url("/images/puces/bg-puce-fleche5on.gif?v=20160408")no-repeat 0 4px;}
.rond01 {background:url("/images/puces/bg-puce-rond1.gif?v=20160408")no-repeat 0 6px;}
.puce {background-repeat:no-repeat;text-decoration:none;}
h2.puce:hover {text-decoration:none;}
a.puce:hover {text-decoration:underline;}
span.puce:hover {text-decoration:none;}
.titre01 {font-weight:700;font-size:15px;color:#484848;}
.titre02 {font-size:9px;color:#555555;}
.titre03 {font-weight:700;font-size:15px;color:red;}
.titre04 {font-weight:700;font-size:13px;color:red;background:url("/images/bg-puce3.gif?v=20160408") 0 50% no-repeat;padding-left:10px;}
.lienpage {font-weight:700;}
.lienpage:hover {color:red;text-decoration:underline;}
.pointil01 {background:url("/images/motifs/bg-pointi01.gif?v=20160408") repeat-x;font-size:0;line-height:0;height:1px;}
.pointil02 {background:url("/images/motifs/bg-pointi02.gif?v=20160408") repeat-x;font-size:0;line-height:0;height:1px;}
.pointer {cursor:pointer;}
.liste01 li {list-style-type:disc;margin-top:10px;}
.liste01 li span {font-weight:bold;}
b.tiret {background:red;font-size:0;height:3px;left:0;position:absolute;width:15px;}
b.tiret.h1 {height:1px;}
b.tiret.gris {background:#848180;}
.sprite01 {background:url("/images/nordnetcom/defaut/icones/sprite.png?v=20160408") no-repeat scroll 0 0 transparent;display:block;height:30px;width:30px;}
.sprite02 {background:url("/images/nordnetcom/defaut/icones/sprite.png?v=20160408") no-repeat scroll 0 0 transparent;display:block;height:35px;width:35px;}
.sprite03 {background:url("/images/nordnetcom/defaut/icones/sprite.png?v=20160408") no-repeat scroll 0 0 transparent;display:block;height:20px;width:20px;}
.sprite04 {background:url("/images/nordnetcom/defaut/icones/sprite-icones-45.png?v=20160408") no-repeat scroll 0 0 transparent;display:block;height:45px;width:45px;}
.scroll_to_top {background:url("/images/nordnetcom/defaut/fleches/arrow-11-01.gif?v=20160408") no-repeat scroll 0 1px transparent;color:#ff0000;font-size:9px;line-height:10px;padding:0 0 0 15px;text-decoration:none;}
.scroll_to_top span {text-decoration:underline;}
.scroll_to_top:hover span {text-decoration:none;}
.simple_scroll_to_top {font-size:11px;text-decoration:underline;}
.simple_scroll_to_top:hover {text-decoration:none;}
.title_dash {color:#000;font-size:20px;line-height:50px;overflow:hidden;padding:0 0 0 50px;position:relative;}
.title_dash .dash {background:#FE0005;display:block;height:2px;left:21px;position:absolute;top:27px;width:15px;}
.title_dash_black {background:#2D2D2D;color:#fff;font-size:20px;line-height:56px;overflow:hidden;padding:0 0 0 25px;position:relative;}
.title_dash_black .dash {background:#FE0005;display:block;height:3px;left:0;margin:0;padding:0;position:absolute;top:31px;width:15px;}
.title_kinder {color:#000;font-size:28px;font-weight:700;line-height:28px;margin-bottom:8px;}
.title_kinder span {color:#ff0000;}

/* ------------------------------ CORPORATE COOKIES POLICIES ------------------ */
#cookies-policy .container .grostitre1 {margin-left:0;}
#cookies-policy .title {font-weight:700;line-height:1.2;text-align: left;font-size:190%;margin: 0 0 20px;padding:0;}
#cookies-policy .sub-title {font-weight:700;line-height:1.2;text-align: justify;font-size:140%;margin:0;padding:0;}
#cookies-policy p {line-height:1.2;margin:0 0 20px;font-size:120%;}
#cookies-policy ol,
#cookies-policy ul {padding-bottom: 15px;}
#cookies-policy li{font-size:120%;line-height:1.2;}
#cookies-policy ol li {list-style-type: decimal;padding-bottom: 10px;}
#cookies-policy ul li {padding-bottom: 10px;}

/* ----------------------------- structure ----------------------------------------------- */

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

/* GLOBAL */
#global {margin:0 auto;padding:0 0 5px;position:relative;text-align:left;width:1000px;max-width:100%;}
.logoNordNet {display:block;top:20px;left:20px;position:absolute;z-index:2;}
/* for NON responsive pages */
.row.row-header,
.row.row-footer {width: 1000px; margin:0 auto;}
/* for singlepage */
#global.singlepage {overflow-x: auto;width: 100%;}
#global.singlepage #middle {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* CENTRE */
#global .grostitre1 {border-bottom: 1px solid #dad9d7;color: #484848;font-size: 29px;font-weight: normal;line-height: 1.0;margin: 15px 19px;padding-bottom: 15px;}
#global .grostitre1 span {color:#ff0000;}
#global .grostitre1.right {height:38px;line-height:38px;margin:0 14px 15px;text-align:right;}

#middle {background:#fff;overflow:hidden;padding:0 0 15px;max-width:1000px;width:100%;}
#middle .gabamiddle {position:relative;width:100%;}
#middle .hmin {position:relative;float:left;display:inline;width:1px;overflow:hidden;}/* permet de fixer une hauteur minimum */
#middle .structure {position:relative;overflow:hidden;}
#bootstrapSinglePageLayout #middle {max-width: 100%;margin-top: 0;}

/* permet de fixer une hauteur minimum */
#middle .hmin {height:510px;}
#global.gabari1 #middle .hmin {height:501px;}
#global.gabari3 #middle .hmin,
#global.gabari4 #middle .hmin {height:471px;}/* hauteur des gabaris sans decroches = hmin - 29px */

/* communs a tous les gabaris non responsive */
#middle .struct {width:976px;/*position:relative*/;}
#middle .struct .gabamiddle {width:100%;/*position:relative*/;}
#middle .struct .marges {overflow:visible;}
#middle .struct .G, #middle .struct .D {/*position:relative;*//*overflow:hidden;*/;}
#middle .struct .G {padding:0px;float:left;display:inline;}
#middle .struct .D {float:right;display:inline;}
#global.gabari1 h1.grostitre1,
#global.gabari2 h1.grostitre1 {display:none;font-family:"Trebuchet MS";}
#global.gabari1 .struct {margin:10px 18px 0;width:964px;}
#global.gabari2 .struct {margin:0 20px;width:960px;}
.newProductLayout #global.gabari2 .struct {margin:0;width:1000px;}
#global.gabari3 .structure {width:960px;}
#global.gabari3 .struct,
#global.gabari6 .struct {margin:21px 0 0 18px;}
#global.gabari4 .struct {margin:0 9px 0;mx-width:982px;width:100%;}

/* 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:red;width:783px;position:absolute;bottom:0;left:0;font-size:0;overflow:hidden;}

/* gabari3 = style for : commandeLayout, corporateMenuLayout, soomLayout */
#global.gabari3 .structure .G {width:760px;}
#global.gabari3 .structure .D {width:180px;}

/* gabari4 = style for : soomOverSuccess.php, corporateLayout, largeLayout, orangeLayout, wideLayout */
#global.gabari4 .structure .G {max-width:982px;width:100%;}
#global.gabari4 .structure .D {display:none;}

/* gabari5 = style for : fullLayout, lightLayout */
#global.gabari5 #top {top:0px;position:absolute;overflow:hidden;height:84px;}
#global.gabari5 #top .top_fond {height:84px;}
#global.gabari5 #middle {overflow:hidden;width:1000px;}
#global.gabari5 #middle .struct {margin:0;width:1000px;}
#global.gabari5 #middle .struct .structure {width:960px;margin:0 0 0 15px;}
#global.gabari5 #middle .structure .G {width:100%;}
#global.gabari5 .logoNordNet {top:20px;}
#global.gabari5 h1 span {display:none;}
#global.gabari5 #top .top_fond {background:url("/images/header/bg_fond02.png") no-repeat scroll 0 0 transparent;}

/* -------------------------------- BREADCRUMB ----------------------------- */
/* ---------------------------- by SM 2016/11/08 ----------------------------*/
#breadcrumb {
    background:#eaeaea;
    border:solid #d7d7d7;
    border-width:1px 0 1px 0;
    height:38px;
    line-height:38px;
    text-align: left;
    vertical-align:middle;
}

#breadcrumb *{box-sizing: border-box;}
#breadcrumb .container {box-sizing: border-box;max-width: 1170px;padding:0;width: 100%;}
#breadcrumb .container > ul {margin:0;position:relative;top:-1px;}
#bootstrapSinglePageLayout #breadcrumb .container > ul:before {
    background:#d7d7d7;
    border:solid #d7d7d7;
    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 {
    color:#747474;
    display:inline-block;
    font-family:"AvenirLTStdMedium";
    font-size:16px;
    height:38px;
    line-height:38px;
    margin:0 18px 0 0;
    padding:0;
    vertical-align: middle;
    position:relative;
    transition:0.2s;
}
#breadcrumb li:after {
    background:none;
    display:block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 18px;
    border-color: transparent transparent transparent #eaeaea;
    position:absolute;
    left:100%;
    top:-1px;
    z-index:2;
}
#breadcrumb li:before {
    background:none;
    display:block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 18px;
    border-color: transparent transparent transparent #d7d7d7;
    position:absolute;
    left:calc(100% + 2px);
    top:-1px;
    z-index:1;
}
#breadcrumb li:first-child:after {
    background:none;
    display:block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #d7d7d7;
    position:absolute;
    left:100%;
    top:-1px;
}
#breadcrumb li:first-child:before,
#breadcrumb li:last-child:before,
#breadcrumb li:last-child:after {display:none;}
#breadcrumb li a {color:#a3a3a3;text-decoration:none;transition:0.2s;}
#breadcrumb li a:hover,
#breadcrumb li a:active,
#breadcrumb li a:focus {color:#2c2c2c;text-decoration:none;}
#breadcrumb li span {padding:0 15px;}
#breadcrumb li:first-child > a {
    background:#d7d7d7;
    color:#c3c3c3;
    display:block;
    text-decoration:none;
    width:56px;
    text-align:center;
}
#breadcrumb li:first-child > a:hover {color:#000;}
#breadcrumb li i {font-size: 135%;vertical-align: -2px;}

.newProductLayout #breadcrumb li i,
.productV2Layout #breadcrumb li i,
.corporateLayout #breadcrumb li i,
#productLayout #breadcrumb li i,
#largeLayout #breadcrumb li i,
#visibilityLayout #breadcrumb li i,
#commandeLayout #breadcrumb li i,
.fullWithBCLayout #breadcrumb li i,
#default_layout #breadcrumb li i {
    font-size: 135%;
    vertical-align: middle;
    line-height: 1;
    height: auto;
    position: relative;
    top: 7px;
}
.newProductLayout #breadcrumb li:first-child > a,
.productV2Layout #breadcrumb li:first-child > a,
.corporateLayout #breadcrumb li:first-child > a,
#productLayout #breadcrumb li:first-child > a,
#largeLayout #breadcrumb li:first-child > a,
#visibilityLayout #breadcrumb li:first-child > a,
#commandeLayout #breadcrumb li:first-child > a,
.fullWithBCLayout #breadcrumb li:first-child > a,
#default_layout #breadcrumb li:first-child > a {
    display: inline-block;
    line-height: 39px;
    height: 39px;
    vertical-align: middle;
}
.newProductLayout #bottom .reinsurance-text .icon:before,
.productV2Layout #bottom .reinsurance-text .icon:before,
.corporateLayout #bottom .reinsurance-text .icon:before,
#productLayout #bottom .reinsurance-text .icon:before,
#largeLayout #bottom .reinsurance-text .icon:before,
#visibilityLayout #bottom .reinsurance-text .icon:before,
#commandeLayout #bottom .reinsurance-text .icon:before,
.fullWithBCLayout #bottom .reinsurance-text .icon:before,
#default_layout #bottom .reinsurance-text .icon:before {line-height:34px;}



/* ----------------------- PRE FOOTER FOR OLD PAGES -------------------------------- */
.blcquestion {
    background:#fff;color:#6D6A69;overflow:hidden;position:relative;text-align:center;width:100%;
}
.blcquestion .contenu {
    float:none;
    margin:15px 15px 20px 9px;
    overflow:hidden;
    position:relative;
    width:982px;
}
.blcquestion div {position:relative;text-align:left;}
.blcquestion .contenu .h3 + div {
    overflow:hidden;
    padding:14px 0 0 68px;
    position:relative;
    text-align:justify;
}
.blcquestion .accroche {height:80px;}
.blcquestion .h3 {color:#2C2D2D;font-size:19px;font-weight:normal;letter-spacing:-0.01em;line-height:0.9em;margin:0;padding:0;}
.blcquestion .blcAccompagne {float:right;padding:0;width:330px;}
.blcquestion .blcAccompagne .h3 {margin-left:6px;}
.blcquestion .blcAccompagne .h3 + .contenuMessage {padding:14px 30px 0 66px;}
.blcquestion .blcMessage {float:right;padding:0 0 0 19px;width:300px;}
.blcquestion .blcMessage .sprite04 {left:0;}
.blcquestion .blcAide {float:right;padding: 0 15px 0 21px;width: 335px;}
.blcquestion .blcAide .h3 + .contenuMessage {padding:14px 0 0 62px;}
.blcquestion .blcAide .contenuMessage .btn-lien {width:190px;}
.blcquestion .blcAccompagne > div {padding:0 20px 0 0;}
.blcquestion .blcAccompagne .h3 +.contenuMessage {border-right:1px solid #d0cccc;min-height:116px;}
.blcquestion .blcMessage .h3 +.contenuMessage {padding:14px 30px 0 60px;border-right:1px solid #d0cccc;min-height:116px;}
.blcquestion .blcMessage .contenuMessage .btn-lien {width:196px;}
.blcquestion .sprite02 {left:5px;position:absolute;top:3px;}
.blcquestion .sprite04 {
    height:45px;
    left:2px;
    position:absolute;
    top:11px;
    width:45px;
}
.blcAccompagne .sprite04 {background-position:-97px 0;}
.blcMessage .sprite02 {background-position:1px -1523px;}
.blcAide .sprite04 {background-position:-50px 0;}

/* -------------------- NEW FOOTER 2015/12/15 by SM -------------------- */
#bottom {margin:0 auto;padding-top:15px;width:1000px;position:relative;}

/* ------------ REINSURANCE -------------------- */
#bottom.row.row-footer, #bottom {width: 100%;text-align: center;background-color: #2f2e2e!important;}
#bottom .container {width: 100%;max-width: 1170px;}
#bottom .footer-reinsurance {clear:both;height:auto;overflow: hidden;}
#bottom .assistance-call,
#bottom .phone-call,
#bottom .contact-call,
#bottom .address-call {
    color:#fff;
    font-family: 'AvenirLTStdMedium',Arial, sans-serif;
    font-size:13px;
    height:auto;
    overflow: hidden;
    padding:10px 1% 15px;
    text-align: left;
    text-transform: uppercase;
    line-height:1.5;
}
#bottom .reinsurance-col .link {color:#fff;display:block;text-decoration: none;}
#bottom .reinsurance-text .icon {
    display: inline-block;
    font-size:235%;
    height:38px;
    vertical-align:middle;
    width: 30px;
}
#bottom .address-call .icon {vertical-align: 7px;}
#bottom .address-call .text{padding-top:0 !important;}
#bottom .reinsurance-text .text {display: inline-block;padding:0 0 0 8px;}
#bottom .phone-call .smaller {font-size:0.83em;}
#bottom .address-call .text-line {display:inline-block;text-transform:uppercase;width:100%;}
#bottom .address-call .text-line + .text-line {font-family: 'AvenirLTStd35Light';}
#bottom .address-call .text {line-height:120%;max-width: calc(100% - 50px);position:relative;top:-5px;}
#bottom .phone-call .text {font-size:1.1em;}
#bottom .phone-call .text .smaller {font-family: 'AvenirLTStd35Light';}

/* ---------------------- LINKS -------------------- */
#bottom .footer-blocks {
    clear:both;
    height:auto;
    overflow: hidden;
    padding:25px 0 25px;
    text-align: left;
    font-size:140%;
}
#bottom .footer-blocks > * {
    color:#fff;
    font-family: 'AvenirLTStdMedium',Arial, sans-serif;
    text-align: left;
}
#bottom .footer-blocks .footer-news-list,
#bottom .footer-blocks .footer-nordnet-list {height:280px;position:relative;}
#bottom .footer-blocks .title {text-transform: uppercase;}
#bottom .footer-blocks .links-title {font-size: 0.9em;padding: 26px 0 5px;text-transform: uppercase;}
#bottom .footer-blocks .links-title .link {color: #c0392b;text-decoration: none;}
#bottom .footer-blocks .category {margin:0;padding:0;}
#bottom .footer-blocks .category .category-item {padding:0 0 10px 0;}
#bottom .footer-blocks .category .link {
    color: #bebebe;
    font-size:0.65em;
    line-height: 1.15;
    text-decoration: none;
    transition:0.2s;
}
#bottom .footer-blocks .category .link:active,
#bottom .footer-blocks .category .link:focus,
#bottom .footer-blocks .category .link:hover {color: #fff;text-decoration: underline;}
@media (min-width:768px){
    #bottom .footer-blocks .blocInfoContinu:before,
    #bottom .footer-blocks .blocNornet:before {
        background:#4f4f4f;
        content:'';
        display: block;
        height:255px;
        width:1px;
        position:absolute;
        left:-55px;
        top:0;
    }
}
@media (min-width:768px) and (max-width:1150px){
    #bottom .footer-blocks .blocInfoContinu:before,
    #bottom .footer-blocks .blocNornet:before {
        height:280px;
    }
}
@media (min-width: 992px) {
    #bottom .footer-blocks .links-title.websites {padding-top: 15px;}
}
#bottom .footer-blocks .blocInfoContinu .category,
#bottom .footer-blocks .blocNornet .category {padding: 25px 0 0 0;}
#bottom .footer-blocks .category-item.post-links {padding-top:42px;}

/* --------------- SOCIAL BLOCK ---------------------- */
#bottom * {box-sizing: border-box;}
#bottom .hidden {display:none!important;}
#bottom .footer-social {
    background:#e8e9e9;
    color:#727272;
    clear:both;
    font-family: 'AvenirLTStdMedium',Arial, sans-serif;
    font-size:1.15em;
    height:48px;
    line-height: 48px;
    padding:0 15px;
    text-align: right;
    width:100%;
}
#bottom .footer-social .social-block,
#bottom .footer-social .social-block dt,
#bottom .footer-social .social-block dd {
    display:inline-block;
    line-height: 48px;
    padding:0;
    margin:0;
    vertical-align: middle;
}
#bottom .footer-social .social-block dt {padding-right:20px;}
#bottom .social-block .picto {
    color: #727272;
    display:inline-block;
    margin: 0 0 0 10px;
    padding: 5px 0;
    height:25px;
    vertical-align: middle;
    width:25px;
    transition: 0.4s;
}
#bottom .social-block .picto i{font-size: 180%;position: relative;top: -13px;}
#bottom .picto:hover {color:#000;}
.corporateLayout #bottom .social-block .picto {position: relative;bottom: -11px;}
.productV2Layout #bottom .social-block .picto {position: relative;bottom: -8px;}
#largeLayout #bottom .social-block .picto {position: relative;bottom: -8px;}
#visibilityLayout #bottom .social-block .picto {position: relative;bottom: -8px;}
#productLayout #bottom .social-block .picto {position: relative;bottom: -6px;}
.newProductLayout #bottom .social-block .picto {position: relative;bottom: -11px;}

/* ------------------ FOOTER BOTTOM --------------- */
#bottom .footer-bottom {background:#fff;}
#bottom .footer-bottom, #bottom .footer-bottom a {color:#454545;}
#bottom .footer-bottom {
    border-top:1px solid #D1D1D1;
    clear:both;
    font-weight:700;
    margin:0;
    overflow:hidden;
    padding:25px 0 25px 0;
    position:relative;
    text-align:center;
}
#bottom .footer-bottom li {display:inline;margin-right:10px;}
#bottom .footer-bottom li a {
    display:inline;
    font-family: 'AvenirLTStdMedium',Arial, sans-serif;
    padding-right:10px;
    color: #454a50;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration:none;
    text-transform: uppercase;
}
#bootstrapSinglePageLayout #bottom .footer-bottom li a {font-size: 1em;}
#bottom .footer-bottom .logos img {display:block;}
#bottom .footer-bottom .logos {
    display:block;
    position:absolute;
    top:12px;
    letter-spacing:normal;
}
#bottom .footer-bottom .logos.logo_NN {left: 10px;top: -10px;}
#bottom .footer-bottom .logos.logo_Orange {top: -11px;padding-right: 0;right: 10px;}
#bootstrapSinglePageLayout #bottom .footer-bottom .logos.logo_FT {left:25px;top:-10px;}
#bootstrapSinglePageLayout #bottom .footer-bottom .logos.logo_NN {left:13px;top:-10px;}
#bottom .footer-bottom .logos.logo_Orange {right:0;top:14px;padding-right:15px;}

/* 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.in {filter: alpha(opacity=90);opacity: .9;}
.modal-backdrop {background-color: #fff;}

/* COOKIE BAR by SM 2016/11/08 */
#cookie-bar {background:#333; height:auto; line-height:1.4; color:#f6f6f6; text-align:center; padding:10px 10px 0; font-size:11px;font-family: sans-serif;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0 auto; padding:0 0 10px; max-width:800px}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:2px; line-height:25px;text-decoration:none; padding: 4px 20px; margin-left:8px;}
#cookie-bar .cb-enable {background:#2980B9;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:none; text-decoration:underline; font-size:11px;}
#cookie-bar .cb-policy:hover {background:none;}

/* PUCES et PICTOS */
/* -------------------------------------------- */
/* espacement puces */
.puce {position:relative;margin:0;}
.carre01,.carre02,.fleche07 {padding-left:10px;}
.fleche01 {padding-left:15px;}
.fleche01,.fleche02,.fleche08,.fleche09,.fleche10,.fleche03D.actif,.exclam {padding-left:15px;}
.interro,.ok,.zoom1,.zoom2,.nok {padding-left:20px;}
.fleche01D,.fleche02D,.fleche03D,.fleche08D {padding-right:15px;}
.pdf, .file {margin-left:5px;padding-left:15px;line-height:1.4em;}
.pdf02 {line-height:1.5em;padding-left:20px;}
.download {line-height:1.5em;padding-left:20px;}

/* TOUT SAVOIR SUR GENERIC STYLES by SM 2016/09/06 */
#tss-section {
    background:#f1f1f1;
    color:#777777;
    float:left;
    font-size:16px;
    line-height:1.2;
    font-family:'AvenirLTStd35Light';
    width:100%;
    position:relative;
    z-index:5;
    padding-top: 0;
}
#tss-section ul.margin {padding-left:20px;}
#tss-section #tss-title {
    font-family:'AvenirLTStdHeavy';
    font-size: 156%;
    padding:27px 0 21px;
    position:relative;
}
#tss-section #tss-content {border-top:2px solid #e3e3e3;}
#tss-section .top-links {background:#e9e9e9;}
#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:#000;text-decoration:underline;}
#tss-section .tss-sub-title {
    background: #dfdfdf;
    color: #7c7c7c;
    font-size: 120%;
    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: 'AvenirLTStdHeavy';
    margin: 15px 0 13px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    position: relative;
}
#tss-section .sub-content-title:before {
    background:#777777;
    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%;}
#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 {text-align:center;}
#tss-section .table div,
#popup_content .table div {padding:5px 0;}
#tss-section table,
#popup_content table {line-height: 1.3;min-width: 600px;}
#tss-section table tr,
#popup_content table tr {
    background: #E2E3E4;
    border: 1px solid #fff;
    height: 30px;
    padding: 5px 17px;
}
#tss-section thead th,
#popup_content thead th {
    border-left: 1px solid #fff;
    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: #F2F3F4;}

#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: #F2F3F4;}

#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:'AvenirLTStdMedium';}
#tss-section .tss-sub-title {cursor:pointer;}
#tss-section .container {max-width:100%;padding-right:40px;position:relative;}
#tss-section .tss-sub-content .container {padding-right:15px;}
#tss-section .tss-sub-title .container {padding-right:60px;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;}
#tss-section .tss-sub-content sup {font-size:0.55em;}

/* 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 #fff;
    border-left: 1px solid #fff;
    transform: rotate(-129deg) skewX(15deg);
    position:relative;
    left:calc(50% - 8px);
}
.scroll-to-offer.grey .btn-scroll-to:before {border-top: 1px solid #696969;border-left: 1px solid #696969;}
.scroll-to-offer.black .btn-scroll-to:before {border-top: 1px solid #000;border-left: 1px solid #000;}
.btn-scroll-to.scroll-1{
    animation: animationFrames1 ease-out 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: animationFrames1 ease-out 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: animationFrames1 ease-out 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: animationFrames1 ease-out 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: animationFrames1 ease-out 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames1{
    0% {opacity:0;transform: translate(0px,-25px);}
    10% {opacity:1;transform: translate(0px,0px);}
    20% {opacity:1;transform: translate(0px,0px);}
    30% {opacity:1;transform: translate(0px,0px);}
    70% {opacity:1;transform: translate(0px,0px);}
    80% {opacity:1;transform: translate(0px,0px);}
    90% {opacity:1;transform: translate(0px,0px);}
    100% {opacity:0;transform: translate(0px,25px);}
}
@-webkit-keyframes animationFrames1 {
    0% {opacity:0;-webkit-transform: translate(0px,-25px);}
    10% {opacity:1;-webkit-transform: translate(0px,0px);}
    20% {opacity:1;-webkit-transform: translate(0px,0px);}
    30% {opacity:1;-webkit-transform: translate(0px,0px);}
    70% {opacity:1;-webkit-transform: translate(0px,0px);}
    80% {opacity:1;-webkit-transform: translate(0px,0px);}
    90% {opacity:1;-webkit-transform: translate(0px,0px);}
    100% {opacity:0;-webkit-transform: translate(0px,25px);}
}
@-moz-keyframes animationFrames1{
    0% {opacity:0;-moz-transform: translate(0px,-25px);}
    10% {opacity:1;-moz-transform: translate(0px,0px);}
    20% {opacity:1;-moz-transform: translate(0px,0px);}
    30% {opacity:1;-moz-transform: translate(0px,0px);}
    70% {opacity:1;-moz-transform: translate(0px,0px);}
    80% {opacity:1;-moz-transform: translate(0px,0px);}
    90% {opacity:1;-moz-transform: translate(0px,0px);}
    100% {opacity:0;-moz-transform: translate(0px,25px);}
}
@-o-keyframes animationFrames1 {
    0% {opacity:0;-o-transform: translate(0px,-25px);}
    10% {opacity:1;-o-transform: translate(0px,0px);}
    20% {opacity:1;-o-transform: translate(0px,0px);}
    30% {opacity:1;-o-transform: translate(0px,0px);}
    70% {opacity:1;-o-transform: translate(0px,0px);}
    80% {opacity:1;-o-transform: translate(0px,0px);}
    90% {opacity:1;-o-transform: translate(0px,0px);}
    100% {opacity:0;-o-transform: translate(0px,25px);}
}
@-ms-keyframes animationFrames1 {
    0% {opacity:0;-ms-transform: translate(0px,-25px);}
    10% {opacity:1;-ms-transform: translate(0px,0px);}
    20% {opacity:1;-ms-transform: translate(0px,0px);}
    30% {opacity:1;-ms-transform: translate(0px,0px);}
    70% {opacity:1;-ms-transform: translate(0px,0px);}
    80% {opacity:1;-ms-transform: translate(0px,0px);}
    90% {opacity:1;-ms-transform: translate(0px,0px);}
    100% {opacity:0;-ms-transform: translate(0px,25px);}
}

/* MODAL GENERIQUE */
.modal .modal-dialog .modal-content{border-radius:0}

/* Modal EligibilityCity */
.modalEligibiliteVille{font:16px/1.8em "AvenirLTStd35Light";}
.modalEligibiliteVille .entete{text-align: center; padding:25px 0;}
.modalEligibiliteVille h4,
.modalEligibiliteVille .h4 {font-family:"AvenirLTStd35Light";text-transform:uppercase; font-size:200%; color:#2694da;}
.modalEligibiliteVille p{font-size:100%; color:#8c8c8c;}
.modalEligibiliteVille form{padding-bottom:40px}
.modalEligibiliteVille form .cta{width:100%}
.modalEligibiliteVille form .form-input-city {font-size: 87.5%; font-family: "AvenirLTStd35Light"; width: 100%; height: 50px; padding-left: 10px; border: solid 1px #ababab;}
.modalEligibiliteVille form .cta {border:1px solid #fff; border-radius: 3px; display: inline-block; font-family: 'AvenirLTStdMedium';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: #f39c12; color: #fff;}

/* 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:100%}
.ui-autocomplete li:nth-child(odd){background:#fff}
.ui-autocomplete li:nth-child(even){background:#f9f9f9}
.ui-autocomplete.not-municipality li:last-child{background:#ddf0fc; position:sticky; bottom:0; left:0; width:100%;}
.ui-autocomplete li:last-child:hover{background:#f39c12; }
.ui-autocomplete li:last-child a{font-size: 105%;font-family: "AvenirLTStdMedium";}
.ui-autocomplete.ui-menu li a{color:#222222;padding: 0.8em .4em; font-family: "AvenirLTStd35Light";}
.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:#2694da; color:#fff; border-radius:0}

/* ___________________________________________________________________________ */

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

@keyframes animationFrames2{
    0% {opacity:0;transform: translate(0px,-25px);}
    10% {opacity:0;transform: translate(0px,-25px);}
    20% {opacity:1;transform: translate(0px,0px);}
    30% {opacity:1;transform: translate(0px,0px);}
    70% {opacity:1;transform: translate(0px,0px);}
    80% {opacity:1;transform: translate(0px,0px);}
    90% {opacity:0;transform: translate(0px,25px);}
    100% {opacity:0;transform: translate(0px,25px);}
}
@-webkit-keyframes animationFrames2 {
    0% {opacity:0;-webkit-transform: translate(0px,-25px);}
    10% {opacity:0;-webkit-transform: translate(0px,-25px);}
    20% {opacity:1;-webkit-transform: translate(0px,0px);}
    30% {opacity:1;-webkit-transform: translate(0px,0px);}
    70% {opacity:1;-webkit-transform: translate(0px,0px);}
    80% {opacity:1;-webkit-transform: translate(0px,0px);}
    90% {opacity:0;-webkit-transform: translate(0px,25px);}
    100% {opacity:0;-webkit-transform: translate(0px,25px);}
}
@-moz-keyframes animationFrames2{
    0% {opacity:0;-moz-transform: translate(0px,-25px);}
    10% {opacity:0;-moz-transform: translate(0px,-25px);}
    20% {opacity:1;-moz-transform: translate(0px,0px);}
    30% {opacity:1;-moz-transform: translate(0px,0px);}
    70% {opacity:1;-moz-transform: translate(0px,0px);}
    80% {opacity:1;-moz-transform: translate(0px,0px);}
    90% {opacity:0;-moz-transform: translate(0px,25px);}
    100% {opacity:0;-moz-transform: translate(0px,25px);}
}
@-o-keyframes animationFrames2 {
    0% {opacity:0;-o-transform: translate(0px,-25px);}
    10% {opacity:0;-o-transform: translate(0px,-25px);}
    20% {opacity:1;-o-transform: translate(0px,0px);}
    30% {opacity:1;-o-transform: translate(0px,0px);}
    70% {opacity:1;-o-transform: translate(0px,0px);}
    80% {opacity:1;-o-transform: translate(0px,0px);}
    90% {opacity:0;-o-transform: translate(0px,25px);}
    100% {opacity:0;-o-transform:  translate(0px,25px);}
}
@-ms-keyframes animationFrames2 {
    0% {opacity:0;-ms-transform: translate(0px,-25px);}
    10% {opacity:0;-ms-transform: translate(0px,-25px);}
    20% {opacity:1;-ms-transform: translate(0px,0px);}
    30% {opacity:1;-ms-transform: translate(0px,0px);}
    70% {opacity:1;-ms-transform: translate(0px,0px);}
    80% {opacity:1;-ms-transform: translate(0px,0px);}
    90% {opacity:0;-ms-transform: translate(0px,25px);}
    100% {opacity:0;-ms-transform: translate(0px,25px);}
}

/* ______________________________________________________________ */

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

@keyframes animationFrames3{
    0% {opacity:0;transform: translate(0px,-25px);}
    10% {opacity:0;transform: translate(0px,-25px);}
    20% {opacity:0;transform: translate(0px,-25px);}
    30% {opacity:1;transform: translate(0px,0px);}
    70% {opacity:1;transform: translate(0px,0px);}
    80% {opacity:0;transform: translate(0px,25px);}
    90% {opacity:0;transform: translate(0px,25px);}
    100% {opacity:0;transform: translate(0px,25px);}
}
@-webkit-keyframes animationFrames3 {
    0% {opacity:0;-webkit-transform: translate(0px,-25px);}
    10% {opacity:0;-webkit-transform: translate(0px,-25px);}
    20% {opacity:0;-webkit-transform: translate(0px,-25px);}
    30% {opacity:1;-webkit-transform: translate(0px,0px);}
    70% {opacity:1;-webkit-transform: translate(0px,0px);}
    80% {opacity:0;-webkit-transform: translate(0px,25px);}
    90% {opacity:0;-webkit-transform: translate(0px,25px);}
    100% {opacity:0;-webkit-transform: translate(0px,25px);}
}
@-moz-keyframes animationFrames3 {
    0% {opacity:0;-moz-transform: translate(0px,-25px);}
    10% {opacity:0;-moz-transform: translate(0px,-25px);}
    20% {opacity:0;-moz-transform: translate(0px,-25px);}
    30% {opacity:1;-moz-transform: translate(0px,0px);}
    70% {opacity:1;-moz-transform: translate(0px,0px);}
    80% {opacity:0;-moz-transform: translate(0px,25px);}
    90% {opacity:0;-moz-transform: translate(0px,25px);}
    100% {opacity:0;-moz-transform: translate(0px,25px);}
}
@-o-keyframes animationFrames3 {
    0% {opacity:0;-o-transform: translate(0px,-25px);}
    10% {opacity:0;-o-transform: translate(0px,-25px);}
    20% {opacity:0;-o-transform: translate(0px,-25px);}
    30% {opacity:1;-o-transform: translate(0px,0px);}
    70% {opacity:1;-o-transform: translate(0px,0px);}
    80% {opacity:0;-o-transform: translate(0px,25px);}
    90% {opacity:0;-o-transform: translate(0px,25px);}
    100% {opacity:0;-o-transform: translate(0px,25px);}
}
@-ms-keyframes animationFrames3 {
    0% {opacity:0;-ms-transform: translate(0px,-25px);}
    10% {opacity:0;-ms-transform: translate(0px,-25px);}
    20% {opacity:0;-ms-transform: translate(0px,-25px);}
    30% {opacity:1;-ms-transform: translate(0px,0px);}
    70% {opacity:1;-ms-transform: translate(0px,0px);}
    80% {opacity:0;-ms-transform: translate(0px,25px);}
    90% {opacity:0;-ms-transform: translate(0px,25px);}
    100% {opacity:0;-ms-transform: translate(0px,25px);}
}

/* MEDIATHEQUE */
/* -------------------------------------------- */
#mediatheque {margin:30px auto;width:728px;position:relative;}
#mediatheque #menu {margin:0;width:100%;overflow:hidden;}
#mediatheque #menu li {display:inline;position:relative;}
#mediatheque #menu li a {display:inline;float:left;padding:0 0 0 11px;line-height:32px;}
#mediatheque #content_media {position:relative;overflow:hidden;width:100%;clear:both;}
#mediatheque #content_media label {padding-left:20px;margin:5px 0px 0px 0px;display:block;}
#mediatheque #content_media .selectevent {padding:10px 0 10px 20px;}
#mediatheque #content_media #top_media {height:9px;overflow:hidden;width:728px;}
#mediatheque #content_media #bottom_media {height:9px;overflow:hidden;width:728px;position:relative;clear:both;}
#mediatheque #content_media .lignes {position:relative;margin:2px auto 0;width:694px;height:120px;overflow:hidden;}
#mediatheque #content_media .lignes.top {margin:9px auto 0px auto;}
#mediatheque #content_media .lignes.bottom {margin:2px auto 9px auto;}
#mediatheque #content_media .lignes .image {padding:10px 0px 0px 50px;width:157px;height:102px;position:relative;float:left;display:inline;}
#mediatheque #content_media .lignes .image .fond {width:157px;height:102px;position:relative;}
#mediatheque #content_media .lignes .image .fond table {height:102px;text-align:center;width:100%;}
#mediatheque #content_media .lignes .image .fond a {position:absolute;bottom:4px;right:5px;}
#mediatheque #content_media .lignes .image .fond table a {position:relative;}
#mediatheque #content_media .lignes .description {height:102px;padding:10px 0 0 50px;width:420px;float:left;}
#mediatheque #content_media .lignes .description .desc_content {position:relative;overflow:hidden;}
#mediatheque #content_media .lignes .description .desc_content .infos {margin-top:5px;}
#mediatheque #content_media .lignes .description .desc_content .infos img {margin:0;overflow:hidden;padding:0 5px 0 0;vertical-align:middle;}
#mediatheque #content_media .lignes .description .desc_content .texte {margin-top:15px;}

/** Pagination **/
#mediatheque #pagination {position:relative;float:right;width:260px;}
#mediatheque #pagination #pagination_content {height:27px;margin:0px;padding:0px 15px 0px 30px;}
#mediatheque #pagination #pagination_content p {text-align:center;}

/** Choix des événements **/
#content_media #select_events {margin:5px 0px 4px 20px;}

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

/* FORMULAIRES */
/* -------------------------------------------- */
/* Formulaire standard */
.std_form {margin:0px auto;width:620px;position:relative;}
.std_form form {border:1px solid #ccc;height:auto;}
.std_form .std_form_content {position:relative;width:100%;overflow:hidden;}
.std_form form span.label {background:#F0F0F0;float:left;font-size:11px;height:18px;padding:7px 10px 5px 0px;text-align:right;width:240px;}
.std_form form span.error {margin-top:5px;}
.std_form form div input {border:1px solid #ccc;font-size:11px;margin:5px 0 5px 10px;padding:2px;float:left;}
.std_form #button .btn_valider {background:url("/images/boutons/btn-valider2.jpg") no-repeat;display:block;height:23px;width:84px;}

.formu .bloc_arro.type02 .barre.haute .centre.titre span,
.jqmPopup .formu .bloc_arro.type02 .barre.haute .centre.titre span,
#form_download_pdf .bloc_arro.type02 .barre.haute .centre.titre span {padding-left:10px;}
.formu .bloc_arro.type02 .contenu,
.jqmPopup .formu .bloc_arro.type02 .contenu {padding:0;}
.jqmPopup .bloc_arro.type02 .contenu .marges,
.jqmPopup .formu .bloc_arro.type02 .contenu .marges {text-align:left;overflow:hidden;margin:0;padding:0;}
.formu .bloc_arro.type02 .barre.haute .centre,
.jqmPopup .formu .bloc_arro.type02 .barre.haute .prefcoin {height:30px;}
.formu .bloc_arro.type02 .contenu .marges .scroll,
.jqmPopup .formu .bloc_arro.type02 .contenu .marges .scroll {overflow:auto;width:99%;}
.formu .bloc_arro.type02 span.label,
.jqmPopup .formu .bloc_arro.type02 span.label {float:left;display:inline;text-align:right;}
.jqmPopup .formu.col2 .bloc_arro.type02 p,
.formu.col2 .bloc_arro.type02 p {width:100%;overflow:hidden;line-height:1.0em;}
.jqmPopup .formu.col2 .bloc_arro.type02 span.label,
.formu.col2 .bloc_arro.type02 span.label {width:30%;padding:11px 10px 3px 0;}
.formu.col2 .bloc_arro.type02 div.label { float: left; background: #F0F0F0; padding: 2px 10px; width: 30%; text-align: right;}
.formu.col2 .bloc_arro.type02 div.information { float: right; width: 66%; padding: 2px 0px; text-align: left; line-height: 18px;}
.formu.col2 .bloc_arro.type02 .formUpdate div.label { float: left; background: #F0F0F0; padding: 4px 10px; width: 30%; text-align: right;}
.formu.col2 .bloc_arro.type02 .formUpdate div.input { float: right; width: 66%; text-align: left; line-height: 18px; }
.formu.col2 .bloc_arro.type02 .formUpdate div.input input { margin: 5px 0 0 5px; }
.formu.col2 .bloc_arro.type02 .formUpdate div.input select { margin: 5px 0 0 5px; }
.formu.col2 .bloc_arro.type02 .formUpdate div.value { float: right; width: 66%; padding: 4px 0px; text-align: left; line-height: 18px; min-height: 18px;}
.formu.col2 .large_label .bloc_arro.type02 span.values {padding:11px 10px 3px 7px;float:left;}
.formu form .large_label .bloc_arro.type02 span.label {width:40%;padding:11px 10px 3px 0;}
.globalElement{  overflow : hidden; }
.jqmPopup .formu.col2 .bloc_arro.type02 .barre.basse .centre span,
.formu.col2 .bloc_arro.type02 .barre.basse .centre span {height:9px ;width:30.7%;line-height:0;display:block;}
#form_download_pdf .formu.col2 .bloc_arro.type02 .barre.basse .centre span {height:9px ;width:241px;line-height:0;display:block;}
.jqmPopup .formu.col2 .bloc_arro.type02 input,
.formu.col2 .bloc_arro.type02 input {border:1px solid #ccc;margin:7px 0 0 10px;width:144px;}
.formu.col2 .bloc_arro.type02 input[type=radio] {width:30px;}
.formu.col2 .bloc_arro.type02 p.update input {margin:2px 5px 0 0;width:10px;}
.jqmPopup .formu.col2 .bloc_arro.type02 select,
.formu.col2 .bloc_arro.type02 select {margin:7px 0 0 10px;}
.jqmPopup .formu.col2 .bloc_arro.type02 p.prem span.label,
.formu.col2 .bloc_arro.type02 p.prem span.label {padding-top:10px;}
.jqmPopup .formu.col2 .bloc_arro.type02 p.prem span.label_txtarea,
.formu.col2 .bloc_arro.type02 p.prem span.label_txtarea {padding-bottom:87px;}
.jqmPopup .formu.col2 .bloc_arro.type02 p.prem textarea,
.formu.col2 .bloc_arro.type02 p.prem textarea {background:#fff;border:1px solid #ccc;display:inline;font-size:11px;height:100px !important;padding:0 3px;text-align:left;width:340px !important;margin:10px 0px 0px 10px;}
.jqmPopup .formu .bloc_arro.type02 .contenu .marges .scroll {height:auto;}
.jqmPopup .formu.col2 .bloc_arro.type02 p.prem input,
.jqmPopup .formu.col2 .bloc_arro.type02 p.prem select,
.formu.col2 .bloc_arro.type02 p.prem input,
.formu.col2 .bloc_arro.type02 p.prem select {margin-top:10px;}
.jqmPopup .formu.col2 .bloc_arro.type02 img,
.formu.col2 .bloc_arro.type02 img {margin-left:5px;}
.formu.col2 .bloc_arro.type02 p.prem input.captcha {float:left;}
.formu.col2 .bloc_arro.type02 p.prem input a.captcha {float:left;}
#form_friend p.mention_popup {color:#929292;margin-top:16px;padding:10px;text-align:justify;font-size:10px;}
.button {position:relative;text-align:center;margin-top:15px;height:23px;width:100%;}
#btn_envoyer,
#btn_valider,
#btn_transfert,
#btn_retour {border:0px;cursor:pointer;font-size:0;height:23px;line-height:0;margin:0;padding:0;}
#btn_envoyer {background:url("/images/documentation/btn-envoyer.gif") no-repeat top left;width:68px;}
#btn_valider {background:url("/images/boutons/btn-valider2.jpg") no-repeat top left;width:84px;}
#btn_transfert {background:url("/images/boutons/btn-transfert.jpg") no-repeat top left;width:73px;}
#btn_retour {background:url("/images/boutons/btn-precedent.jpg") no-repeat top left;width:73px;}

/* CORPORATE */
/* -------------------------------------------- */
#pagescorporate {position:relative;width:100%;overflow:hidden;}
#pagescorporate.colonnes2 .col1,
#pagescorporate.colonnes2 .col2 {
    position:relative;
    overflow:hidden;
    float:left;
    width:50%;
}

/* MENTIONS LEGALES */
/* -------------------------------------------- */
.corporate-responsive .struct #pagescorporate .mentions {margin:0 30px 30px;}
.corporate-responsive .struct #pagescorporate .mentions-bis {margin:0 15px 30px;}
.corporate-responsive .struct #pagescorporate .mentions .col1,
.corporate-responsive .struct #pagescorporate .mentions .col2,
.corporate-responsive .struct #pagescorporate .mentions-bis .col1,
.corporate-responsive .struct #pagescorporate .mentions-bis .col2 {box-sizing: border-box;float:left;margin:0;padding:15px;width:calc(50% - 1px);}
#pagescorporate .mentions,
#pagescorporate .mentions-bis {position:relative;overflow:hidden;}
.corporate-responsive .struct #pagescorporate .mentions-bis .col1,
.corporate-responsive .struct #pagescorporate .mentions-bis .col2 {box-sizing: border-box;float:left;margin:0;padding:15px;width:calc(50% - 1px);}
.corporate-responsive .struct #pagescorporate .mentions-bis .descris,
.corporate-responsive .struct #pagescorporate .mentions-bis .descris {padding:15px;}
.corporate-responsive .struct #pagescorporate .mentions .address {
    float:left;width:calc(100% - 190px);
}
.corporate-responsive .struct #pagescorporate .mentions .imgillustr01 {
    float:right;
    height:70px;
    line-height:70px;
    width:175px;
    margin:0;
    position:relative;
}
.corporate-responsive .struct #pagescorporate .imgillustr01 .bs {
    position:absolute;
    bottom:0;
}
.corporate-responsive .struct #pagescorporate .mentions .img-responsive {
    display:inline-block;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    top:calc(50% - 20px);
}

/* QUI SOMMES NOUS */
/* -------------------------------------------- */
#pagescorporate.colonnes2 .qsn .col1 {overflow:hidden;padding:15px 0 0 10px;width:630px;position:relative;}
#pagescorporate.colonnes2 .qsn .col2 {float:right;width:272px;}
#pagescorporate .qsn #navpoles {border-bottom:2px solid red;margin-bottom:10px;overflow:hidden;position:relative;width:100%;}
#pagescorporate .qsn #navpoles .titrepage.actif {padding-bottom:7px;}
#pagescorporate .qsn #navpoles * {display:inline;float:left;}
#pagescorporate .qsn #navpoles .separ {height:18px;line-height:0;margin:0 10px;width:1px;}
#pagescorporate .qsn h2.sstitre,
#pagescorporate .qsn h2.sstitre01 {position:relative;padding:0;padding-left:13px;display:block;}
#pagescorporate .qsn {position:relative;overflow:hidden;width:978px;}
#pagescorporate .qsn .descris {padding:10px 16px 15px 25px;overflow:hidden;position:relative;}
#pagescorporate .qsn .troisblocs {position:relative;overflow:hidden;width:628px;}
#pagescorporate .qsn .troisblocs .blocs {overflow:hidden;position:relative;display:inline;float:left;margin-right:24px;width:185px;}
#pagescorporate .qsn .troisblocs .mots3descri {margin:2px 6px 2px 7px;overflow:hidden;}
#pagescorporate .qsn .troisblocs .baseline {height:50px;line-height:1em;margin-top:10px;}
#pagescorporate .qsn .visu3mots {height:80px;margin-top:5px;}
#pagescorporate .qsn .blocgeneral {display:block;margin-bottom:20px;position:relative;}
#pagescorporate .qsn .blocgeneral .titre {display:block;left:0;line-height:1.1em;padding-left:0;position:absolute;top:-7px;}
#pagescorporate .qsn .blocgeneral .centre {line-height:1em;overflow:hidden;padding-top:5px;position:relative;}
#pagescorporate .qsn .blocgeneral span {display:block;}
#pagescorporate .qsn .titre span.d {padding:0 1px 0 3px;}
#pagescorporate .qsn .blocgeneral {width:272px;}
#pagescorporate .qsn .blocgeneral .haut,
#pagescorporate .qsn .blocgeneral.actif .haut,
#pagescorporate .qsn .blocgeneral .bas {width:272px;height:11px;font-size:0;overflow:hidden;}
#pagescorporate .qsn .titre span.d {padding:0 1px 0 3px;}
#pagescorporate .qsn .blocgeneral .titre span.fd span {padding-bottom:3px;}
#pagescorporate .qsn .blocgeneral .centre .heightmin {display:inline;float:left;height:80px;overflow:hidden;width:1px;}
#pagescorporate .qsn .blocgeneral .centre .contenu {overflow:hidden;width:100%;}
#pagescorporate .qsn .blocgeneral.actif .centre {border-color:red;}
#pagescorporate .qsn .blocgeneral .centre .bloclien {display:inline;float:left;line-height:1em;margin-left:115px;width:145px;}
#pagescorporate .qsn .blocgeneral .centre .bloclien .carre {padding-left:10px;}
#pagescorporate .qsn .blocgeneral .centre .bloclien span {margin-bottom:5px;}
#pagescorporate .qsn .blocgeneral .cachetrait {left:0;position:absolute;top:10px;width:10px;z-index:6;height:3px;}
#pagescorporate .qsn .blocgeneral .titre span.fd {color:#484848;padding:0 4px;}
#pagescorporate .qsn .blocgeneral .cachevignmenu,
#pagescorporate .qsn .blocgeneral .cachevignmenu span {width:93px;height:35px;}
#pagescorporate .qsn .blocgeneral .cachevignmenu {z-index:3;position:absolute;top:-3px;}
#pagescorporate .qsn .blocgeneral .cachevignmenu span {overflow:hidden;z-index:4;}
#pagescorporate .qsn .blocgeneral.actif {padding:0;}
.blocpicto {padding:0 0 10px 60px;}
#pagescorporate .qsn .picto_illus {position:absolute;left:27px;top:0;}
#pagescorporate .qsn .margepictos {margin-left:85px;}
#global .picto_illus {width:50px;height:50px;display:block;}

#pagescorporate .imgillustr01 {display:inline;overflow:hidden;position:relative;width:158px;}
#pagescorporate .imgillustr01.droite {float:right;margin:0 0 10px 10px;}
#pagescorporate .imgillustr01.gauche {float:left;margin:0 10px 10px 0;}
#pagescorporate .imgillustr01 .visu {padding:4px;margin:-7px 0;}

/* PROTECTION DE L'ENFANCE */
/* -------------------------------------------- */
#pagescorporate .enfance .col1 {padding:0 0 0 10px;width:450px;}
#pagescorporate .enfance .col2 {float:right;width:450px;z-index:1;}
#pagescorporate .enfance .descris {padding:10px 20px 15px 25px;position:relative;}
.corporate-responsive .struct #pagescorporate .enfance {margin:0 15px 30px;}
.corporate-responsive .struct #pagescorporate .enfance .col1,
.corporate-responsive .struct #pagescorporate .enfance .col2 {box-sizing: border-box;float:left;margin:0;padding:15px;width:calc(50% - 1px);}
.corporate-responsive .struct #pagescorporate .enfance .imgillustr01 {
    float: right;
    height: 140px;
    line-height: 140px;
    width: 175px;
    margin: 0 0 10px 15px;
    position: relative;
}
.corporate-responsive .struct #pagescorporate .imgillustr01 .bs {
    position:absolute;
    bottom:0;
}
.corporate-responsive .struct #pagescorporate .enfance .img-responsive {
    display:inline-block;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    top:calc(50% - 57px);
}


/* TELECHARGEMENTS */
/* -------------------------------------------- */
.telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col1 {float:left;width: calc(100% - 230px);}
.telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col1 *{box-sizing: border-box;}
.telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col2 {float:right;width:210px;margin:0;padding:0;margin-right:15px;}
#pagescorporate.colonnes2 .downl .descris {padding:10px 20px 15px 25px;position:relative;}
#pagescorporate .downl .picto {
    height: 68px;
    left: -36px;
    position: absolute;
    top: 0px;
    width: 68px;
    border-radius: 10px;
    border: 10px solid #fff;
}
#pagescorporate .downl .contenu {margin:0 5px 15px 50px;position: relative;}
#pagescorporate .downl .txtcontenu {padding-left:40px;}
#pagescorporate .downl .motif_bottom {margin-left:43px;padding:0;position:relative;}
#pagescorporate .downl .motif_bottom .content {padding:15px;}
#pagescorporate .downl .motifhaut {overflow:hidden;padding:20px 0 0;width:100%;}
#pagescorporate .downl .separ {height:1px;line-height:0;margin:5px 0 10px 0;width:100%;}
#pagescorporate .downl .hautdepage {margin:20px 25px 15px 0;text-align:right;}
#pagescorporate .downl .motifbas1 {height:11px;overflow:hidden;width:100%;}
#pagescorporate .downl .coldroite {position:relative;width:210px;overflow:hidden;}
#pagescorporate .downl .coldroite .ssmenu {position:relative;overflow:hidden;list-style-type:none;margin:0;}
#pagescorporate .downl .coldroite .ssmenu li {position:relative;width:200px;line-height:1.0em;list-style-type:none;}
#pagescorporate .downl .coldroite .ssmenu .titre_prod {margin:5px 0 0 8px;display:block;padding-left:13px;position:relative;width:100%;}
#pagescorporate .downl .coldroite .ssmenu .lien {display:block;padding:0 0 0 10px;position:relative;width:179px;}
#pagescorporate .downl .coldroite .ssmenu .lien:hover {background-color:#F2F3F7;}
#pagescorporate .downl .coldroite .ssmenu ul {margin-top:5px;}
#pagescorporate .downl .coldroite .titre_rub {margin-left:5px;position:relative;overflow:hidden;width:100%;}
#pagescorporate .downl .coldroite .titre_rub .c {float:left;display:inline;margin:0;padding:0;}
#pagescorporate .downl .coldroite .titre_rub .tg {height:15px;width:6px;float:left;display:inline;font-size:0px;line-height:0px;}
#pagescorporate .downl .coldroite .titre_rub .td {height:15px;width:6px;float:left;display:inline;font-size:0px;line-height:0px;}
#pagescorporate .downl .coldroite .cadreTop,
#pagescorporate .downl .coldroite .cadreTop span,
#pagescorporate .downl .coldroite .cadreBottom,
#pagescorporate .downl .coldroite .cadreBottom span {height:12px;}
#pagescorporate .downl .coldroite .cadreTop span,
#pagescorporate .downl .coldroite .cadreBottom span {display:block;width:13px;}
#pagescorporate .down1-popup {padding-left:100px;}
#pagescorporate .downl .bloc-boiteaoutil {
    float:right;
    margin:0 0 10px 30px;
    position:relative;
    width: calc(100% - 40px);
    border-radius: 10px;
    padding: 15px;
}
#pagescorporate .downl .introboiteaoutil {padding:0 0 0 10px;text-align:justify;}
#pagescorporate .logo-google-play {
    top: 65px;
    height: 29px;
    left: 40px;
    position: relative;
    width: 190px;
    float: left;
    text-align: center;
}

/* CONTENUS ILLICITES */
/* -------------------------------------------- */
#pagescorporate .illicites .col1 {padding:0 0 0 10px;width:450px;}
#pagescorporate .illicites .col2 {float:right;width:450px;z-index:1;}
#pagescorporate .illicites .descris {padding:10px 20px 15px 25px;position:relative;}
.corporate-responsive .struct #pagescorporate .illicites {margin:0 15px 30px;}
.corporate-responsive .struct #pagescorporate .illicites .col1,
.corporate-responsive .struct #pagescorporate .illicites .col2 {box-sizing: border-box;float:left;margin:0;padding:15px;width:calc(50% - 1px);}
.corporate-responsive .struct #pagescorporate .illicites .imgillustr01 {
    float: right;
    height: 140px;
    line-height: 140px;
    width: 175px;
    margin: 0 0 10px 15px;
    position: relative;
}
.corporate-responsive .struct #pagescorporate .illicites .img-responsive {
    display:inline-block;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    top:calc(50% - 57px);
}

/* FLAPS DE DROITE */
.flaps {margin:15px 0 0;}
.flaps.pos0 {margin:0;}
.flaps div {position:relative;width:178px;}
.browser-ie .flaps div {width:180x;}
.flaps img {display:block;}
.flapsX3 {margin:13px 0 0;position:relative;}
#global.gabari3 .flapsX3 {margin:0;}

/* INDEX PRODUIT */
#indexproduit .prehome-poles {left:272px;overflow:hidden;position:absolute;top:405px;z-index:5;}
#indexproduit .prehome-poles li {display:inline;float:left;margin-right:20px;width:74px;}
#indexproduit .prehome-poles li a {display:block;}
#indexproduit .prehome-poles li {text-align:center;}
#indexproduit .prehome-poles li a {line-height:1.03em;}
#indexproduit .fondproduit h1,#indexproduit .fondproduit h2 {display:none;}
#indexproduit span.puce {bottom:5px;position:absolute;right:5px;}
#indexproduit .fondproduit div {display:inline;float:left;}
#indexproduit .fondproduit {display:block;height:542px;width:764px;z-index:1;}
#indexproduit #options {bottom:111px;height:32px;overflow:hidden;position:absolute;right:6px;}
#indexproduit #options li {color:#000000;display:inline;float:left;font-family:"Trebuchet MS";font-size:9px;line-height:9px;margin:0 18px 0 0;overflow:hidden;padding:10px 0 0;text-align:center;width:76px;}
#indexproduit #options li.multiline {padding:6px 0 0;}
#indexproduit {width:764px;height:542px;position:relative;overflow:hidden;margin:10px 0 0;}
#indexproduit .accesproduit {display:block;width:100%;z-index:3;height:542px;position:absolute;cursor:pointer;}
#indexproduit .cachebande,
#indexproduit .cachebande1,
#indexproduit .corne {display:block;width:526px;overflow:hidden;position:absolute;right:0;z-index:2;}
#indexproduit .cachebande {height:114px;bottom:105px;}
#indexproduit .cachebande1 {height:130px;bottom:90px;}
#indexproduit .corne {width:232px;height:110px;bottom:0;}

/* PACK RELAIS */
#dispo_domaine {position:absolute;right:0;top:130px;z-index:4;}
#dispo_domaine #sous_dispo_domaine {height:111px;width:420px;}
#dispo_domaine .bloc_verif_2 {position:absolute;top:45px;left:30px;overflow:hidden;}
#dispo_domaine .bloc_verif_2 .nom {display:inline;float:left;font-family:arial;font-size:13px;font-style:italic;font-weight:bold;height:22px;line-height:22px;margin-right:5px;overflow:hidden;padding:0 0 0 15px;width:280px;}
#dispo_domaine .bloc_verif_2 select {display:inline;float:left;font-family:arial;font-size:12px;font-weight:bold;height:22px;line-height:22px;}
.browser-ie #dispo_domaine .bloc_verif_2 .nom {height:22px;line-height:22px;}
.browser-ie #dispo_domaine .bloc_verif_2 select {height:22px;line-height:22px;}
#dispo_domaine .bloc_verif_2 select option {padding:0 3px;}
#dispo_domaine .select_whois {width:60px;}
#dispo_domaine .div_lien_3 {display:inline;float:left;margin:10px 0 0 0;}
#dispo_domaine .btn_valider_2 {cursor:pointer;display:inline;float:right;height:27px;margin:16px 10px 0 0;width:139px;}
#dispo_domaine .btn_valider_2 span {display:none;}
#dispo_domaine h3 span {display:none;}
#dispo_domaine .div_lien_3 a {font-size:10px;height:21px;}
#dispo_domaine .bas {position:absolute;bottom:6px;right:0;width:390px;}

#polesoptions {position:absolute;right:0;bottom:78px;z-index:4;padding-right:25px;}
#polesoptions li {float:left;display:inline;width:80px;height:80px;position:relative;}
#polesoptions .decri {position:absolute;top:16px;overflow:hidden;text-align:center;width:75px;}
#polesoptions .decri .ht {display:block;font-size:0;line-height:0;width:75px;height:4px;}
#polesoptions .decri .c {display:block;line-height:1.0em;width:75px;padding-top:2px;}
#polesoptions .decri .c.ligne1 {line-height:2.0em;}
#polesoptions .decri .bs {display:block;line-height:0;width:75px;height:4px;}
#polesoptions .picto_illus {margin-left:13px;}
#polesoptions .sep {width:11px;margin-top:-25px;}
#polesoptions .sep span {width:10px;height:11px;display:block;margin-top:20px;}

#global .picto_illus {display:block;height:50px;width:50px;position:absolute;bottom:60px;overflow:hidden;z-index:2;}
#global .picto_illus span {display:block;height:500px;width:500px;position:absolute;}

#presentation_produit #content_presentation dl.definition .picto_illus {position:absolute;left:0;top:0;}

/* POPUP Haut débit pour tous */
#popupsat {position:relative;overflow:hidden;}
#popupsat table.comparatif {border:1px solid #8C8C8C;margin:0 auto;}
#popupsat table.comparatif td.titre {background:none repeat scroll 0 0 #DFDFDF;color:#484848;font-weight:bold;text-align:center;}
#popupsat table.comparatif td {background:none repeat scroll 0 0 #ECECEC;padding:5px 10px;}
#popupsat .titre {color:#FF0000;font-size:13px;font-weight:bold;margin-top:5px;}

/* Popup Conditions generales de vente */
#popup_content #corpo_cgv_content {margin:0 10px;padding:20px 0;}
#popup_content #corpo_cgv_content h1 {color:red;font-size:15px;font-weight:bold;margin-bottom:20px;text-align:center;text-transform:uppercase;}
#popup_content #corpo_cgv_content p.intro {color:#666666;font-size:14px;font-weight:bold;margin-top:15px;}
#popup_content #corpo_cgv_content h2, #popup_content #popup_periode_co h2 {border-bottom:1px solid red;color:red;font-size:21px;font-weight:bold;margin-bottom:10px;margin-top:15px;}
#popup_content #corpo_cgv_content h4,
#popup_content #corpo_cgv_content .h4 {background:url("/images/puces/bg-puce-carre.gif") no-repeat scroll left center transparent;color:red;font-size:19px;display:block;font-weight:bold;margin:15px 0 0 10px;padding-left:15px;}
#popup_content #corpo_cgv_content dl {padding-left:30px}
#popup_content #corpo_cgv_content dt {background:url("/images/puces/bg-puce-carre01.gif") no-repeat scroll left center transparent;color:#3D464C;display:block;font-weight:bold;padding:5px 0 2px 10px;}
#popup_content #corpo_cgv_content dd {background:url("/images/puces/bg-ico-pdf.gif") no-repeat scroll 0 0 transparent;line-height:16px;margin-bottom:4px;margin-left:10px;padding-left:20px;}
#popup_content #corpo_cgv_content dd a {color:#000;}
#popup_content #corpo_cgv_content dd a:hover {text-decoration:none;font-weight:bold;}

/* FORM FRIEND */
#form_friend label,
#form_friend .label {color:#000;}
#form_friend .bloc_form {font-size: 16px;}
#form_friend .bloc_form ul {background: none;}
#form_friend .bloc_form .title + ul {display:block;padding-top:15px;}
#form_friend .bloc_form ul li {height: 45px;line-height:1.2;}
#form_friend .bloc_form ul.message li {height: auto;}
#form_friend .bloc_form .label .sub {bottom:-10px;}
#form_friend .bloc_form ul li input {
    font-size:14px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: calc(100% - 5px);
}
#form_friend .bloc_form ul li textarea {font-size: 14px;padding: 5px;width: calc(100% - 5px);}
#form_friend .bloc_form .title {
    background-image: none;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 5px;
}

/* Popup confirmation */
#btn_valid { margin:15px auto 0px;overflow:hidden;padding:0;width:140px;}
#btn_valid .btoui {float:left;background:url("/images/bg-btn06-popup.gif") no-repeat;color:#fff;display:block;font-weight:bold;height:18px;line-height:18px;margin:0 auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;width:34px;}
#btn_valid .btnon {background:url("/images/bg-btn06-popup.gif") no-repeat;color:#fff;display:block;float:right;font-weight:bold;height:18px;line-height:18px;margin:0 auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;width:34px;}

/* Bouton payer en ligne */
.bt_payment_online {border:0px;background:url("/images/boutons/btn_payer_en_ligne.jpg") no-repeat top left;width:96px;height:26px;display:block;}
.bt_payment_online span {display:none;}

.produit_presentation_tampons {width:545px;}

/* --------------- PAGE INTERNET SATELLITE CARTE MOISSON -------------  */
.is-moisson .btabonner2 {display:block;background:url("/images/produits/internet_satellite/moisson/IS_btabonner.png");width:534px;height:38px;margin:0 auto;cursor:pointer;}
.is-moisson .btabonner3 {display:block;background:url("/images/produits/internet_satellite/moisson/btabonner.png");width:214px;height:38px;margin:0 auto;cursor:pointer;}
.is-moisson #partie1 .promo .btabonner3 {position:absolute;bottom:16px;left:10px;}
.is-moisson #partie1 .eligibilite2 {background:url("/images/produits/internet_satellite/moisson/IS_assistance.jpg");height:119px;margin-top:20px;}
.is-moisson .soft {font-weight:normal;font-size:10px;}

/* Header */
.is-moisson .header .visu2 {width:333px;height:138px;background-image:url("/images/produits/internet_satellite/moisson/IS_image.jpg");}
.is-moisson .logo2 {width:538px;height:68px;background-image:url("/images/produits/internet_satellite/moisson/IS_titre.gif");margin-left:297px;}
.is-moisson .header .titre2 {width:502px;height:138px;background-image:url("/images/produits/internet_satellite/moisson/IS_accroche.gif");}
.is-moisson .descri2 {border-right:1px solid #E5E5E5;padding:15px 0 5px 65px;color:red;font-size:14px;font-weight:bold;font-family:arial;line-height:18px;}
.is-moisson .contenu span {font-weight:bold;font-size:15px;}
.is-moisson #partie1 .abonnement.moisson {height:190px;background:url("/images/produits/internet_satellite/moisson/IS_abonnement.jpg");margin:10px 0 0 0;}
.is-moisson #btn-abo {margin:10px 0 20px 0;}
.is-moisson #partie1 .promo .contenu2 {height:150px;background:url("/images/produits/internet_satellite/moisson/IS_promo2.jpg") no-repeat 0 100%;}

/* Onglet */
.is-moisson #partie1 .c1 h3.moisson {width:413px;height:22px;background:url("/images/produits/internet_satellite/moisson/IS_nordnetcest.gif");margin-bottom:20px;}
.is-moisson #partie1 .abonnement.moisson div {margin:13px 0 0 315px;}
.is-moisson h2.ref {display:none;}


/* Rajout Benoit  */
dl.choix dd {margin:0;}
table.choix-produit {width:95%;margin:5px 0 0 15px;font-family:"Trebuchet MS";}
table.choix-produit tr td {border-width:0 1px 1px 0;padding:0;}
table.choix-produit tr.entete {font-weight:bold;}
table.choix-produit tr.entete td {text-align:center;padding:8px 4px;}
table.choix-produit tr.lignes {cursor:pointer;}
tr.lignes_on td {font-weight:bold;}
tr.lignes_on td.tdhead {font-weight:normal;}
table.choix-produit tr.lignes td,table.choix-produit tr.lignes_on td {text-align:center;padding:0 4px;}
table.choix-produit tr.lignes td,table.choix-produit tr.lignes_on td .x * {color:#000;}
table.choix-produit tr.lignes td span.x {font-weight:bold;}
table.choix-produit tr.lignes td.col1 {text-align:left;width:71px;}

/* Tableau standard */
.table_01 {border:1px solid #8C8C8C;margin:auto;overflow:hidden;position:relative;text-align:left;width:100%;}
.table_01 tr.intro  {background:#8C8C8C;color:#fff;}
.table_01 tr.intro td {font-size:13px;font-weight:bold;padding:0 0 0 6px;text-align:left;}
.table_01 tr.head {color:#666666;font-family:Arial,Helvetica,Sans-serif;font-size:12px;font-weight:bold;}
.table_01 tr.head th {background:#DFDFDF;border-bottom:1px solid #8C8C8C;line-height:1.2em;text-align:center;}
.table_01 tr, .table_01 th { height:20px;line-height:20px;padding:0 0 0 6px;text-align:center;}

/* FONTS */
#global .grostitre1,
#global .grostitre1 span {font-family:"Trebuchet MS";}

/* ESPACE PRESSE */
/* RECAP ESPACE PRESSE */
#pagination a {font-size:11px;color:#BFBFBF;text-decoration:underline;}
#pagination a:hover {color:#7F7F7F;text-decoration:none;font-weight:bold;}
#pagination .actif {color:red;font-weight:bold;background:none;font-size:12px;}

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

/* MENU PRODUIT */
#menu_produit {overflow:hidden;position:relative;margin-top:5px;}
#menu_produit ul {margin:0;overflow:hidden;padding:0;position:relative;width:100%;border-bottom:2px solid red;}
#menu_produit ul li {background:url("/images/menus/produits/bg_sep_menuProduit.gif") no-repeat scroll 100% 0 transparent;display:inline;float:left;list-style:none outside none;margin:8px 0 0;padding:0 !important;position:relative;text-align:center;width:100px;}
#menu_produit ul li a {display:block;height:22px;text-decoration:none;font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;font-size:14px;line-height:1.5em;}
#menu_produit ul li a:hover {font-weight:bold;}
#menu_produit ul li.last {background:none;}
#menu_produit ul li.telechargements {width:140px;}
#menu_produit ul li.actif a {background:url("/images/menus/produits/bg_menuProduit_actif.gif") no-repeat scroll 50% 100% transparent;font-weight:bold;color:red;}
#menu_produit ul li.sabonner {background:none;float:right;width:100px;text-align:right;}
#menu_produit ul li.sabonner a {background:url("/images/picto01_produit.gif") no-repeat scroll 100% 50% transparent;padding-right:20px;display:block;font-size:14px;font-family:"Arial",Helvetica,Sans-serif;font-weight:bold;position:relative;text-decoration:none;}
#menu_produit ul li.sabonner a:hover {background:url("/images/picto01_produit_hover.gif") no-repeat scroll 100% 50% transparent;}

/* PRESENTATION PRODUIT */
#presentation_produit h1,
#presentation_produit .h1 {text-align:justify;font-size:17px;font-weight:normal;font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;color:red;line-height:20px;width:430px;margin:0px;padding:20px 0 0px 65px;}
#presentation_produit #content_presentation {font-size:12px;}
#presentation_produit #content_presentation dl.definition {margin:15px 0 0;padding:0 0 0 50px;position:relative;width:440px;}
#presentation_produit #content_presentation dl.definition dt {font-family:Arial,Helvetica,Sans-serif;font-size:15px;line-height:1.2em;font-weight:bold;padding-left:10px;}
#presentation_produit #content_presentation dl.definition dd {font-family:Arial,Helvetica,Sans-serif;font-size:13px;line-height:1.2em;text-align:justify;margin:0 0 0 10px;}
#presentation_produit #content_presentation dl.infos_bulle {margin-top:30px;padding:8px;width:474px;background:#EEEEEE;}
#presentation_produit #content_presentation dl.infos_bulle dt {font-weight:bold;}
#presentation_produit #content_presentation dl.infos_bulle dd {margin:0;padding:0;text-align:justify;}
#presentation_produit #content_presentation .legende_asterisque {width:474px;}
#presentation_produit #content_presentation #illustration {float:right;margin:3px 0 0;padding:0px;overflow:hidden;position:relative;text-align:center;width:235px;}
#presentation_produit #content_presentation #illustration .hdpt_presentation {height:160px;margin-top:15px;display:block;}
#presentation_produit #content_presentation #illustration .presentation_picture {display:block;margin-bottom:15px;}
#presentation_produit #content_presentation dl.bloc_infos {background:#EEEEEE;margin-top:30px;padding:8px;width:474px;}
#presentation_produit #content_presentation dl.bloc_infos dt {font-weight:bold;}
#presentation_produit #content_presentation dl.bloc_infos dd {margin:0px;text-align:justify;}

/* PRESENTATION PRODUIT ENCART TARIF */
#presentation_produit #content_presentation .prix_v2 {clear:both;display:block;}
.prix_v2 ul {position:relative;overflow:hidden;margin:0;}
.prix_v2 ul li.center {font-family:Arial;height:35px;background:url("/images/img_prix_center.gif") repeat 0 0;}
.prix_v2 ul li.center .tarifs * {float:left;}
.prix_v2 ul li.center .tarifs .entier {font-size:30px;font-weight:bold;line-height:1.1em;padding:0 0 0 5px;}
.prix_v2 ul li.center .tarifs .decimal {font-size:15px;font-weight:bold;line-height:1em;padding:15px 0 0;}
.prix_v2 ul li.center .tarifs .others {font-size:10px;margin:0 0 0 -20px;}
.prix_v2 span.toptext {display:block;text-align:right;font-size:10px;color:#929292;}
.prix_v2 ul li.center .tarifs *, #presentation_produit .prix_v2 ul li.center .tarifs * {color:red;}
.prix_v2 ul li {float:right;margin:0;padding:0 !important;position:relative;}
.prix_v2 ul li.center .a_partir_de {float:left;color:#3d464c;font-size:10px;background:url("/images/bg-puce6.gif") no-repeat 0 0.65em;line-height:15px;padding:2px 0 0 10px;}
.prix_v2,#presentation_produit .prix_v2 ul li.center .tarifs {position:relative;}

/* PRESENTATION PRODUIT ENCART PRE-REQUIS */
#prerequis {clear:both;overflow:hidden;width:216px;background:url("/images/produits/bg_pointilles3_M.gif") repeat-y;color:#646464;margin:0px auto;}
#prerequis .pointill-ht, #prerequis .pointill-bs {overflow:hidden;background:url("/images/produits/bg_pointilles3_H.gif") no-repeat;font-size:1px;height:1px;width:216px;}
#prerequis .central {overflow:hidden;position:relative;padding:5px 10px 6px;text-align:left;background:url("/images/produits/bg_pointill03_back.jpg") no-repeat 0 100%;margin:0 1px;font-size:11px;}
#prerequis .titreprerequis {font-weight:bold;}
#prerequis .contenuprerequis {overflow:hidden;position:relative;padding:0;margin:0;clear:both;width:100%;}
#prerequis .contenuprerequis li {float:left;display:inline;font-weight:normal;width:100%;line-height:1.2em;margin:3px 0 0;padding-left:10px;}
#prerequis .contenuprerequis li span {display:inline;float:left;font-weight:normal;}
#prerequis .contenuprerequis li span.ml5 {margin-left:5px;display:block;}

/* POINTS FORTS PRODUIT */
#menu_points_forts {border-bottom:2px solid #EFEFEF;height:140px;position:relative;margin-left:9px;position:relative;}
#menu_points_forts.satellite {background:url("/images/produits/points_forts/internet_satellite.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.internet-adsl {background:url("/images/produits/points_forts/internet_adsl.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.formule_exploration {background:url("/images/produits/points_forts/formule_exploration.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.formule_exacte {background:url("/images/produits/points_forts/formule_exacte.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.antivirus_firewall {background:url("/images/produits/points_forts/antivirus_firewall.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.antivirus_firewall_pro {background:url("/images/produits/points_forts/antivirus_firewall_pro.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.filtrage_pro {background:url("/images/produits/points_forts/filtrage_pro.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.controle_parental {background:url("/images/produits/points_forts/controle_parental.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.mes_documents_sauvegardes {background:url("/images/produits/points_forts/mes_documents_sauvegardes.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.pack_relais {background:url("/images/produits/points_forts/pack_relais.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.pack_tel {background:url("/images/produits/points_forts/pack_tel.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.pack_site {background:url("/images/produits/points_forts/pack_site.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.pack_hebergement_windows {background:url("/images/produits/points_forts/pack_hebergement_windows.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.pack_hebergement_linux {background:url("/images/produits/points_forts/pack_hebergement_linux.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.pack_trafic {background:url("/images/produits/points_forts/pack_trafic.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.ip_phone {background:url("/images/produits/points_forts/ip_phone.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts.rendez_vous_sante {background:url("/images/produits/points_forts/rendez_vous_sante.jpg") no-repeat scroll 100% 0 transparent;}
#menu_points_forts ul {margin:0px;padding:11px 0 0;}
#menu_points_forts ul li a {background:url("/images/bg_picto03.gif") no-repeat scroll 0 0.2em transparent;padding-left:20px;text-decoration:none;font-family:Arial,Helvetica,Sans-serif;font-size:13px;}
#menu_points_forts ul li a:hover {font-weight:bold;background:url("/images/bg_picto03_hover.gif") no-repeat scroll 0 0.2em transparent;}
#menu_points_forts ul li a.actif {color:red;font-weight:bold;}
#menu_points_forts ul li {height:20px;list-style-type:none;margin:0;}

#points_forts_content {padding:5px 5px 0 15px;}
#points_forts_content p.intro {margin:15px 0px 5px 15px;font-style:italic;}
#points_forts_content p.titre,
#points_forts_content .titre {line-height:20px;margin:20px 15px 0;text-align:justify;font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;font-size:17px;color:red;}
#points_forts_content p.sous_titre {font-weight:bold;color:#373737;margin:20px 0 15px 15px;}
#points_forts_content ul.points_forts_texte {margin:0 15px;}
#points_forts_content ul.points_forts_texte li {background:url("/images/bg_picto02.gif") no-repeat scroll 0 6px transparent;list-style:none outside none;margin:8px 0 0;padding-left:15px;position:relative;font-size:13px;text-align:justify;}
#points_forts_content ul.points_forts_texte li span {font-size:15px;line-height:1.2em;font-weight:bold;}
#points_forts_content p.encart_gris {background:#EEEEEE;color:#484848;line-height:1.2em;margin:20px 15px 0;padding:8px;text-align:justify;font-size:13px;}
#points_forts_content p.encart_gris a {color:red;font-weight:normal;}
#points_forts_content div.legende_asterisque {margin:0px 15px 0;}
#points_forts_content .min_height {display:inline;float:left;font-size:0;position:relative;width:0;height:450px;}
p.produit_texte_point_fort  {background:none repeat scroll 0 0 #EEEEEE;color:#484848;line-height:1.2em;margin:20px 15px 0;padding:8px;text-align:justify;}
#points_forts_content #list_content {position:relative;}
#points_forts_content #list_content .left {width:560px;}
#points_forts_content #list_content .right {position:absolute;right:10px;top:0px;}
#points_forts_content .sup {line-height:0.5em;font-size:10px;}
#points_forts_content .rouge {color:#FF0000;}

/* TECHNIQUE PRODUIT  */
#technique_produit {position:relative;width:100%;}
#technique_produit #intro_technique p {margin-top:20px;}
#technique_produit #intro_technique .img_technique {text-align:center;}
#technique_produit table.tableau_technique {margin:15px auto 0;}
#technique_produit table.tableau_technique tr {border-bottom: 1px solid #fff;}
#technique_produit table.tableau_technique tr td.valeur {background:#F2F3F4;color:red;font-weight:bold;height:25px;padding:5px 10px;text-align:center;}
#technique_produit table.tableau_technique tr td.normal {background:#F2F3F4;height:25px;padding:5px 10px;text-align:center;}
#technique_produit table.tableau_technique tr td.titre {background:silver;color:#fff;font-weight:bold;height:25px;padding:0 17px;text-align:center;}
#technique_produit table.tableau_technique tr td.titre2 {background:none repeat scroll 0 0 #D6D7D8;color:#5C5C5D;font-size:11px;font-weight:bold;height:25px;padding:0 17px;text-align:center;}
#technique_produit table.tableau_technique tr td.titre_table {font-size:14px;font-weight:bold;margin:0;padding:5px 0;}
#technique_produit table.tableau_technique tr td.descriptif {border-right:1px solid #fff;width:260px;background:none repeat scroll 0 0 #E2E3E4;height:25px;padding:5px 17px;}
#technique_produit table.tableau_technique tr td.descriptif2 {background:none repeat scroll 0 0 #D6D7D8;color:#5C5C5D;font-size:11px;font-weight:bold;height:25px;padding:5px 17px;width:145px;}
#technique_produit table.tableau_technique tr td .txt-bold {font-weight:bold;}
#technique_produit table.tableau_technique tr td ul {margin:0 15px;padding:0;position:relative;text-align:justify;}
#technique_produit table.tableau_technique tr td ul li {list-style:none outside none;margin:8px 0 0;padding-left:15px;position:relative;padding-bottom:1px;}
#technique_produit table.tableau_technique .texte_diago {padding:0;color:#fff;width:180px;background:transparent;color:#fff;margin:2px;}
#technique_produit table.tableau_technique .td_diago {color:#fff;font-weight:bold;height:25px;padding:0 17px;text-align:center;margin:0;background:rgb(192, 192, 192) url("/images/bg-diago.gif") no-repeat scroll center center;}
#technique_produit table.tableau_technique .descriptif_offres {font-weight:bold;text-align:center;background:#D0D0D0;padding:15px;}



/* 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:#fff;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:#fff;height:25px;padding:017px;}
#tableau_technique table tr td.tableau_technique_valeur_02 {background:none repeat scroll 0 0 #F2F3F4;color:#484848;height:25px;padding:5px 10px;text-align:left;}

/* PAGE TARIF INTERNET SATELLITE */
#page_tarifs .tableau-gamme tr.headrepeat td {border:0px;}

/*** Escalier des gammes ***/
#presentation_produit {position:relative;}
#presentation_produit .txt-required {width: 440px;margin: 15px 0;}

/* ESCALIER VOLUME01  */
#escalier_volume01 {width:243px;overflow:hidden;position:absolute;right:13px;bottom:0;z-index:1;background:#fff;}
#escalier_volume01 #titreprix {position:relative;top:3px;left:2px;font-size:9px;z-index:5;padding:0 3px;}
#escalier_volume01 #barres {overflow:hidden;position:relative;width:100%;height:112px;margin:0 auto;}
#escalier_volume01 #barres.height_tel_sat {height:170px;margin:0 auto;overflow:hidden;position:relative;width:100%;}
#escalier_volume01 #barres.height_pack_relais {height:180px;margin:0 auto;overflow:hidden;position:relative;width:100%;}
#escalier_volume01 #barres .col1 {left:11px;}
#escalier_volume01 #barres .col2 {left:71px;}
#escalier_volume01 #barres .col3 {left:132px;}
#escalier_volume01 #barres .col4 {left:191px;}
#escalier_volume01 #barres a {position:absolute;display:block;background:url("/images/produits/bg-shemabs.gif") no-repeat 0 100%;width:37px;text-decoration:none;color:#fff;bottom:1px;font-family:arial;overflow:hidden;}
#escalier_volume01 #barres a .lienescalier01 {background:url("/images/blank.gif") no-repeat scroll 0 0 transparent;display:block;height:200px;position:absolute;top:0;width:35px;}
#escalier_volume01 #barres a .lienescalier01 .deuxrelais {height:120px;left:16px;top:85px;}
#escalier_volume01 #barres a .haut {display:block;background:url("/images/produits/bg-shemaht.gif") no-repeat;text-align:center;font-size:9px;line-height:1.5em;padding:5px 0 25px;}
#escalier_volume01 #barres a .haut span {display:block;font-size:17px;font-weight:bold;}
#escalier_volume01 #barres a .haut.fs11 {font-size:11px;}
#escalier_volume01 #barres .taille2 {height:70px;}
#escalier_volume01 #barres .taille3 {height:90px;}
#escalier_volume01 #barres a:hover {background:url("/images/produits/bg-shemabs-on.gif") no-repeat 0 100%;}
#escalier_volume01 #barres a:hover .haut {background:url("/images/produits/bg-shemaht-on.gif") 0 0 no-repeat;}
#escalier_volume01 #barres a .haut span.txtgros {font-size:22px;}

/* preference du prix  */
#escalier_volume01 #offres {width:100%;overflow:hidden;position:relative;height:80px;}
#escalier_volume01 #offres img {display:block;margin:0;padding:0;}
#escalier_volume01 #offres a {width:60px;text-decoration:none;float:left;display:inline;background:url("/images/produits/bg-fleche1.gif") no-repeat 50% 5px;cursor:pointer;padding-top:20px;}
#escalier_volume01 #offres .prix_esc {width:58px;display:block;margin-left:2px;}
#escalier_volume01 #offres .prix_esc .db {display:block;width:100%;overflow:hidden;}
#escalier_volume01 #offres #bloc1 {position:absolute;left:0;}
#escalier_volume01 #offres #bloc2 {position:absolute;left:60px;}
#escalier_volume01 #offres #bloc4 {position:absolute;left:180px;}
#escalier_volume01 #offres .prix_esc span.C {height:26px;background:transparent url("/images/produits/img-prix-escalier.gif") 0 0 repeat-x;}
#global.gabari2 .struct .structure #escalier_volume01 #offres .prix_esc span.G {height:26px;background:transparent url("/images/produits/img-prix-escalierg.gif") 0 0 no-repeat;margin:0;}
#global.gabari2 .struct .structure #escalier_volume01 #offres .prix_esc span.D {height:26px;background:transparent url("/images/produits/img-prix-escalierd.gif") 100% 0 no-repeat;margin:0;}
#escalier_volume01 #offres .prix_esc span.prix {position:relative;font-size:18px;text-align:center;font-family:arial;}
#escalier_volume01 #offres .prix_esc span.prix .decimal {font-size:9px;}
#escalier_volume01 #offres .prix_esc span.prix .contenu {padding-top:6px;}
#escalier_volume01 #offres .prix_esc span.prix .ht {position:absolute;right:5px;top:2px;font-size:8px;}
#escalier_volume01 #offres .prix_esc span.ttc {position:relative;font-size:9px;}

/* bloc rouge et gris  */
#escalier_volume01 .prefbloc {width:100%;text-align:center;padding-top:3px;}
#escalier_volume01 .prefbloc div {width:100%;text-align:center;font-size:11px;}
#escalier_volume01.produit2 #barres .col1 {left:47px;}
#escalier_volume01.produit2 #barres .col2 {left:125px;}
#escalier_volume01.produit2 #offres #bloc1 {position:absolute;left:40px;}
#escalier_volume01.produit3 #barres .col1 {left:17px;}
#escalier_volume01.produit3 #barres .col2 {left:83px;}
#escalier_volume01.produit3 #barres .col3 {left:150px;}
#escalier_volume01.produit3 #offres #bloc1 {position:absolute;left:10px;}
#escalier_volume01.produit3 #offres #bloc2 {position:absolute;left:78px;}
#escalier_volume01.produit3 #offres #bloc3 {position:absolute;left:145px;}
#escalier_volume01 #barres .taille1,#escalier_volume01.produit2 #barres .taille1,#escalier_volume01.produit3 #barres .taille1 {height:50px;}
#escalier_volume01 #barres .taille4,#escalier_volume01.produit3 #barres .taille3 {height:110px;}
#escalier_volume01 #offres .prix_esc .tac,#tableau_technique table tr td.tableau_technique_descriptif_offres,#txt_configuration .img_technique {text-align:center;}
#escalier_volume01 .dn,#escalier_volume01.produit2 #barres .col3,#escalier_volume01.produit2 #barres .col4,#escalier_volume01.produit2 #offres #bloc3,#escalier_volume01.produit2 #offres #bloc4,#escalier_volume01.produit3 #barres .col4,#escalier_volume01.produit3 #offres #bloc4,#pagepromotion a span {display:none;}
#escalier_volume01 #offres #bloc3,#escalier_volume01.produit2 #offres #bloc2 {position:absolute;left:120px;}
#escalier_volume01 #offres .prix_esc span.ttc span,#colonne_produit_content #escalier_volume .prixttc .eurottc,#colonne_produit_content .escalier.prixttc .eurottc {font-size:8px;}
#escalier_volume01.produit2,#escalier_volume01.produit3 {width:215px;}
#escalier_volume01.produit2 #barres a,#escalier_volume01.produit3 #barres a {background:url("/images/produits/bg-shemabs1.gif") no-repeat 0 100%;width:50px;}
#escalier_volume01.produit2 #barres a .haut,#escalier_volume01.produit3 #barres a .haut {display:block;background:url("/images/produits/bg-shemaht1.gif") no-repeat;}
#escalier_volume01.produit2 #barres a:hover,#escalier_volume01.produit3 #barres a:hover {background:url("/images/produits/bg-shemabs-on1.gif") no-repeat 0 100%;}
#escalier_volume01.produit2 #barres a:hover .haut,#escalier_volume01.produit3 #barres a:hover .haut {display:block;background:url("/images/produits/bg-shemaht-on1.gif") no-repeat;}
#escalier_volume01.produit2 #barres .taille2,#escalier_volume01.produit2 #barres .taille3,#escalier_volume01.produit3 #barres .taille2,#content_presentation #escalier_volume dl#bloc03 dt .coins_content {height:80px;}
#escalier_volume01.produit2 #barres .taille4,#content_presentation #escalier_volume dl#bloc04 dt .coins_content {height:100px;}
#escalier_volume01.produit2 .bascoins,#escalier_volume01.produit3 .bascoins,#pagepromotion * {display:block;}
#escalier_volume01 .hautcoins,#escalier_volume02 .hautcoins {position:absolute;top:0;width:100%;}
#global.gabari2 .struct .structure #escalier_volume01 .hautcoins .G,#escalier_volume02 .hautcoins .G {margin:0px;background:url("/images/bg-coin08hg.gif") no-repeat;height:15px;width:15px;position:absolute;left:0;top:0;}
#global.gabari2 .struct .structure #escalier_volume01 .hautcoins .D,#escalier_volume02 .hautcoins .D,#content_presentation #escalierpicto .hautcoins .D {margin:0px;background:url("/images/bg-coin08hd.gif") 100% 0 no-repeat;height:15px;width:15px;position:absolute;right:0;top:0;}
#escalier_volume01 .bascoins,#content_presentation #escalierpicto .bascoins {display:none;position:absolute;height:15px;width:100%;bottom:0;}
#global.gabari2 .struct .structure #escalier_volume01 .bascoins .G,#global.gabari2 .struct .structure #escalier_volume02 .bascoins .G,#global.gabari2 .struct .structure #content_presentation #escalierpicto .bascoins .G {margin:0;background:url("/images/bg-coin08bg.gif") no-repeat 0 100%;height:15px;width:15px;position:absolute;left:0;}
#global.gabari2 .struct .structure #escalier_volume01 .bascoins .D,#global.gabari2 .struct .structure #escalier_volume02 .bascoins .D,#global.gabari2 .struct .structure #content_presentation #escalierpicto .bascoins .D {margin:0px;background:url("/images/bg-coin08bd.gif") 100% 100% no-repeat;height:15px;width:15px;position:absolute;right:0;}
#escalier_volume01 #offres .prix_esc span.prix .entier {font-weight:bold;}

/* ESCALIER VOLUME02  */
#escalier_volume02 {width:200px;overflow:hidden;position:absolute;bottom:10px;left:50px;padding-top:5px;}
#escalier_volume02 .lignestarif {margin-top:5px;overflow:hidden;clear:both;}
#escalier_volume02 .titre,#escalier_volume02 .prix {float:left;display:inline;margin-left:50px;}
#escalier_volume02 .titre {width:35px;height:32px;background:url("/images/bg-fdred.png") no-repeat;color:#fff;text-align:center;line-height:2.4em;font-size:11px;}
#escalier_volume02 .prix {background:url("/images/bg-fleche2.gif") no-repeat 0 50%;margin-left:5px;}
#escalier_volume02 .prix.taille1 {height:auto;overflow:hidden;width:70px;}
#escalier_volume02 .prix .C1 {position:relative;height:32px;background:url("/images/bg-borduC.gif") repeat-x;margin-left:13px;line-height:2.6em;}
#escalier_volume02 .prix .G1 {height:32px;background:url("/images/bg-borduG.gif") no-repeat 0 0;}
#escalier_volume02 .prix .D1 {height:32px;background:url("/images/bg-borduD.gif") no-repeat 100% 0;font-size:10px;}
#escalier_volume02 .prix .ttc {position:absolute;right:3px;top:4px;font-weight:bold;line-height:1em;font-size:11px;}
#escalier_volume02 .prix .mois {position:absolute;right:3px !important;bottom:5px !important;font-weight:bold;line-height:1em;}
#escalier_volume02 .prix .prx {padding-right:35px;font-size:18px;font-weight:bold;text-align:right;}
#escalier_volume02 .bascoins {position:absolute;height:15px;width:100%;bottom:0;}

/* BLOC ARRONDI TYPE01  */
#escalier_volume02 .box01 {overflow:hidden;clear:both;position:relative;z-index:2;}
#escalier_volume02 .box01 .barre {position:relative;height:0;}
#escalier_volume02 .box01 .c1 {border:1px solid #D9D9D9;font-weight:bold;padding:2px 10px;}
#escalier_volume02 .box01 .t {top:0;}
#escalier_volume02 .box01 .b {bottom:0;}
#escalier_volume02 .box01 .d1 {right:0;}
#escalier_volume02 .box01 .g1 {left:0;}
#escalier_volume02 .box01 .hg {background:url("/images/bg-coin09hg.gif") no-repeat;}
#escalier_volume02 .box01 .hd {background:url("/images/bg-coin09hd.gif") no-repeat 100% 0;}
#escalier_volume02 .box01 .bg {background:url("/images/bg-coin09bg.gif") no-repeat 0 100%;}
#escalier_volume02 .box01 .bd {background:url("/images/bg-coin09bd.gif") no-repeat 100% 100%;}
#escalier_volume02 .box01 span {position:absolute;display:block;line-height:0;z-index:5;font-size:0;width:20px;height:20px;}
#escalier_volume02 .hautcoins {position:absolute;top:0;width:200px;height:20px;z-index:3;}
#escalier_volume02 .hautcoins .D1 {background:url("/images/bg-coin08hd.gif") 100% 0 no-repeat;height:15px;width:15px;position:absolute;right:0;top:0;}
#escalier_volume02 .hautcoins .G1 {background:url("/images/bg-coin08hg.gif") no-repeat;height:15px;width:15px;position:absolute;left:0;top:0;z-index:5;}
#escalier_volume02 .titreprix {font-size:9px;text-align:left;z-index:5;margin:-17px 0 0 5px;}
#escalier_volume02 #titreprixPT {font-size:12px;text-align:center;margin-bottom:15px;}

/* Bouton transparent sur prix  */
#content_presentation .bouttran {display:block;height:50px;width:140px;position:absolute;right:0;bottom:0;z-index:50;cursor:pointer;overflow:hidden;line-height:0;font-size:0;background:url("/images/blank.gif");}

/** Escalier avec les pictos  */
#content_presentation .escalier {width:248px;overflow:hidden;margin:0 auto;}
#content_presentation .escalier a {text-decoration:none;cursor:pointer;}
#content_presentation .escalier dl {display:inline;float:left;width:62px;text-align:center;margin:0;padding:0;}
#content_presentation .escalier dl dd {padding-right:2px;text-align:center;margin:0;}

/* Liens avec differentes tailles de colonnes  */
#content_presentation .escalier .lienescalier01 {display:block;position:absolute;height:200px;width:35px;top:0;background:url("/images/blank.gif") no-repeat;}

/* relais  */
#content_presentation .escalier .lienescalier01.premrelais {left:16px;height:65px;top:130px;}
#content_presentation .escalier .lienescalier01.deuxrelais {left:16px;height:120px;top:85px;}
#content_presentation .escalier .lienescalier01.troisrelais {left:16px;height:160px;top:40px;}

/* Trafic  */
#content_presentation .escalier .lienescalier01.premtrafic {left:16px;height:115px;top:85px;}
#content_presentation .escalier .lienescalier01.deuxtrafic {left:16px;height:155px;top:42px;}
#content_presentation .escalier .lienescalier01.troistrafic {left:16px;}
#content_presentation .escalier dl dd .prix_esc ul {position:relative;overflow:hidden;height:1%;margin:0;}
#content_presentation .escalier dl dd .prix_esc ul li.center {background:transparent url("/images/produits/img-prix-escalier.gif") repeat scroll 0;display:block;font-family:Arial;height:26px;position:relative;text-align:center;width:49px;}
#content_presentation .escalier dl dd .prix_esc ul li.center .tarifs {display:block;position:relative;margin-top:3px;}
#content_presentation .escalier dl dd .prix_esc ul li.center .tarifs .entier {display:inline;font-size:18px;font-weight:bold;line-height:1.3em;padding:0;}
#content_presentation .escalier dl dd .prix_esc ul li.center .tarifs .decimal {font-size:9px;font-weight:bold;line-height:1em;padding:0;}
#content_presentation .escalier p {clear:both;text-align:right;font-size:9px;}
#content_presentation .prix_v2 {clear:both;display:block;}
#content_presentation #tampons {overflow:hidden;float:right;text-align:center;margin:20px 0;}
#content_presentation .prix_v2 ul {position:relative;overflow:hidden;margin:0;}
#content_presentation .prix_v2 ul li.center {font-family:Arial;height:35px;background:url("/images/img_prix_center.gif") repeat 0 0;}
#content_presentation .prix_v2 ul li.center .tarifs * {float:left;}
#content_presentation .prix_v2 ul li.center .tarifs .entier {font-size:30px;font-weight:bold;line-height:1.1em;padding:0 0 0 5px;}
#content_presentation .prix_v2 ul li.center .tarifs .decimal {font-size:15px;font-weight:bold;line-height:1em;padding:15px 0 0;}
#content_presentation .prix_v2 ul li.center .tarifs .others {font-size:10px;margin:4px 0 0 -20px;}
#content_presentation .prix_v2 span.toptext {display:block;text-align:right;font-size:10px;color:#929292;}
#content_presentation .escalier dl dt {text-align:center;margin:0;padding:0;}
#content_presentation .escalier dl dd .prix_esc {position:relative;width:100%;margin:0;}
#content_presentation .escalier .lienescalier01.quatrrelais,#content_presentation .escalier .lienescalier01.quatrtrafic {left:14px;}
#content_presentation .escalier dl dd .prix_esc ul li,#colonne_produit_content .prix_v2 ul li {float:right;margin:0;padding:0;}
#content_presentation .escalier dl dd .prix_esc ul li img,#colonne_produit_content .prix_v2 ul li img {margin:0;padding:0;}
#content_presentation .escalier dl dd .prix_esc ul li.center .a_partir_de,#colonne_produit_content .prix_v2 ul li.center .a_partir_de {float:left;color:#3d464c;font-size:10px;background:url("/images/bg-puce6.gif") no-repeat 0 0.65em;line-height:15px;padding:2px 0 0 10px;}
#content_presentation #content_presentation .prix_v2,#content_presentation .prix_v2 ul li.center .tarifs {position:relative;}

/***  Modif escalier volume 2008_05_28 ***/
#content_presentation .escalier dl dd .prix_esc ul li.center .others {font-size:8px;position:absolute;right:-2px;top:-1px;margin:0 0 0 2px;}
#content_presentation .escalier .titreprix {padding-right:7px;font-weight:bold;font-size:12px;}
#content_presentation .escalier .prixttc {clear:both;position:relative;display:block;font-family:arial;font-weight:normal;font-size:9px;width:100%;line-height:1em;}

/********pack relais *******/
#barres2 {height:185px;margin:0 auto;overflow:hidden;position:relative;width:100%;}
#barres2 .taille1 {height:45px;}
#barres2 .taille2 {height:75px;}
#barres2 .taille3 {height:105px;}
#barres2 .taille4 {height:135px;}
#barres2 a {bottom:1px;color:#fff;display:block;font-family:arial;overflow:hidden;position:absolute;text-decoration:none;width:42px;background:red;}
#barres2 .col1 {left:10px;}
#barres2 .col2 {left:70px;}
#barres2 .col3 {left:130px;}
#barres2 .col4 {left:190px;}
#barres2 .haut {color:#AF0302;display:block;font-size:9px;line-height:1.3em;padding:10px 0 0 1px;text-align:center;}
#barres2 .haut span {color:#AF0302;display:block;font-size:17px;font-weight:bold;}
#barres2 .bas {display:block;font-size:9px;line-height:1.4em;padding:0 0 2px 0;position:absolute;bottom:0;text-align:center;width:42px;cursor:pointer;}
#barres2 .bas span {display:block;font-size:17px;font-weight:bold;}
#barres2 .diag01 {background:transparent url("/images/produits/pack_site/diag-esc01.png") no-repeat scroll 0 100%;}
#barres2 .diag02 {background:transparent url("/images/produits/pack_site/diag-esc02.png") no-repeat scroll 0 100%;}
#barres2 .diag03_top {background:transparent url("/images/produits/pack_site/diag-esc03-top.png") no-repeat scroll 0 100%;}
#barres2 .diag04_top {background:transparent url("/images/produits/pack_site/diag-esc04-top.png") no-repeat scroll 0 100%;}
#barres2 a.diag01:hover {background:transparent url("/images/produits/pack_site/diag-esc01-hover.png") no-repeat scroll 0 100%;}
#barres2 a.diag02:hover {background:transparent url("/images/produits/pack_site/diag-esc02-hover.png") no-repeat scroll 0 100%;}
#barres2 a.diag03_top:hover {background:transparent url("/images/produits/pack_site/diag-esc03-top-hover.png") no-repeat scroll 0 100%;}
#barres2 a.diag04_top:hover {background:transparent url("/images/produits/pack_site/diag-esc04-top-hover.png") no-repeat scroll 0 100%;}
#barres2 img.shoppingcart {position:absolute;right:6px;margin-top:25px;}

#content_presentation .escalier dl dt {text-align:center;margin:0;padding:0;}
#content_presentation .escalier dl dd .prix_esc {position:relative;width:100%;margin:0;}
#content_presentation .escalier .lienescalier01.quatrrelais,#content_presentation .escalier .lienescalier01.quatrtrafic {left:14px;}

#product_content h2.titre_produit {color:#333;font-family:Arial;font-weight:normal;margin:10px 0 0 15px;width:auto;}
#product_content h2.titre_produit span.red {font-weight:normal;}
#product_content h2.titre_produit span.bg10Mega {background:none repeat scroll 0 0 #333;color:#fff;font-size:18px;line-height:20px;margin:6px 0 0 5px;padding:2px 4px;}

/* FORMULAIRES */
.formu .bloc_arro.type02 .contenu,
.formu .bloc_arro.type02 .barre .centre.bs,
.formu .bloc_arro.type02 .barre .centre.ht {font-family:"arial";color:#707070;}

/* Encart légende astérisque */
.asterisque {color:red;font-family:sans-serif;font-size:16px;font-weight:bold;}
.asterisque_noir {color:#000000;font-family:sans-serif;font-size:16px;font-weight:bold;}

/* Bordures et fond*/
.formu .bloc_arro.type02 .barre.haute .centre,
.jqmPopup .formu .bloc_arro.type02 .barre.haute .centre {background-color:#E3E3E3 ;background-image:url("/images/coins/bordure01.gif");}
.formu .bloc_arro.type02 .barre.haute .centre.titre span,
.jqmPopup .formu .bloc_arro.type02 .barre.haute .centre.titre span {font-weight:bold;line-height:2.2em;font-size:11px;color:#3D464C;background:url("/images/puces/bg-puce-fleche6.gif") no-repeat 0 3px;}

.formu .bloc_arro.type02 .barre.basse .centre,
.jqmPopup .formu .bloc_arro.type02 .barre.basse .centre {background:url("/images/coins/bordure01.gif") repeat-x  0 100%;}

.formu .bloc_arro.type02 .contenu,
.jqmPopup .formu .bloc_arro.type02 .contenu {border-color:#B3B3B3;border-width:0 1px 0 1px;font-size:11px;}

.jqmPopup .formu .bloc_arro.type02 .contenu .barreboutons {text-align:center;margin-top:10px;}
.jqmPopup .formu .bloc_arro.type02 .contenu .barreboutons * {cursor:pointer;}
.jqmPopup .formu .bloc_arro.type02 .contenu .barreboutons #submit {width:67px;height:23px;border:0;}

.jqmPopup .bloc_arro.type02 .contenu .marges,
.jqmPopup .formu .bloc_arro.type02 .contenu .marges {background:#fff;}

/* Image qui compose les coins du bloc arrondi */
.formu .bloc_arro.type02 .prefcoin span,
.jqmPopup .formu .bloc_arro.type02 .prefcoin span {background-image:url("/images/coins/coin_gris02.png");}

.jqmPopup .formu.col2 .bloc_arro.type02 p,
.formu.col2 .bloc_arro.type02 p {font-size:11px;}

.jqmPopup .formu.col2 .bloc_arro.type02 span.label,
.formu.col2 .bloc_arro.type02 span.label {background:#F0F0F0;}

.jqmPopup .formu.col2 .bloc_arro.type02 .barre.basse .centre span,
.formu.col2 .bloc_arro.type02 .barre.basse .centre span {background:#F0F0F0;font-size:0;}

.jqmPopup .formu.col2 .bloc_arro.type02 select,
.formu.col2 .bloc_arro.type02 select {font-size:11px;color:#484848;}

#global .hoverVign .descri span {color:red;}
#pagescorporate .contenuC {color:#484848;}

/* QUI SOMMES NOUS */
/* --------------------------------------------------------- */
#pagescorporate .qsn #navpoles .titrepage.actif {background:url("/images/puces/bg-puce-fleche8.gif") no-repeat 50% 100%;color:red;font-weight:bold;}
#pagescorporate .qsn #navpoles * {display:inline;float:left;font-size:14px;font-family:"Trebuchet MS";}
#pagescorporate .qsn #navpoles .separ {background:none repeat 0 0 #D6D5D5;font-size:0;}
#pagescorporate .qsn #navpoles a {text-decoration:none;color:#818181;}
#pagescorporate .qsn #navpoles a:hover {color:#484848;}
#pagescorporate .qsn h2.sstitre,
#pagescorporate .qsn h2.sstitre01 {background:url("/images/puces/bg-puce-carre.gif") no-repeat 0 50% ;color:#484848;font-size:15px;font-weight:bold;}
#pagescorporate .qsn .blocgeneral {background:none repeat scroll 0 0 #fff;color:#666666;cursor:pointer;font-size:11px;text-decoration:none;}
#pagescorporate .qsn .blocgeneral .titre {background-position:0 0;font-size:11px;font-weight:bold;text-decoration:none;}
#pagescorporate .qsn .blocgeneral .centre {border-color:#DBDBDB;border-style:solid;border-width:0 1px;}
#pagescorporate .qsn .titre span.fd,
#pagescorporate .qsn .titre span.d {background-image:url("/images/motifs/bg_accolade.gif");background-repeat:no-repeat;position:relative;background-color:#fff;}
#pagescorporate .qsn .titre span.fd {background-position:100% 0;}
#pagescorporate .qsn .titre span.d {background-position:0 -15px;}
#pagescorporate .qsn .blocgeneral .haut,
#pagescorporate .qsn .blocgeneral .bas {font-size:0;background-repeat:no-repeat;}
#pagescorporate .qsn .blocgeneral .haut {background-image:url("/images/menus/droite/bg_hover_ht.gif");background-position:0 0;}
#pagescorporate .qsn .blocgeneral .bas {background-image:url("/images/menus/droite/bg_hover_bs.gif") ;background-position:0 100%;}
#pagescorporate .qsn .blocgeneral.actif .bas {background-image:url("/images/menus/droite/bg_hover_bs-on.gif");background-position:0 0;}
#pagescorporate .qsn .blocgeneral.actif .haut {background-image:url("/images/menus/droite/bg_hover_ht-on.gif");background-position:0 0;}
#pagescorporate .qsn .blocgeneral.actif .centre {border-color:red;}
#pagescorporate .qsn .blocgeneral .centre .bloclien .carre {background:url("/images/puces/bg-puce-carre.gif") no-repeat 0 3px;}
#pagescorporate .qsn .blocgeneral .cachetrait {background:#fff;font-size:0;}
#pagescorporate .qsn .blocgeneral .titre span.fd {color:#484848;}
#pagescorporate .qsn .blocgeneral.actif .titre *,
#pagescorporate .qsn .blocgeneral:hover .titre .fd,
#pagescorporate .qsn .blocgeneral.actif .titre .fd,
#pagescorporate .qsn .txtred,
#pagescorporate .qsn .contenuarticle a:hover {color:red;}
#pagescorporate .qsn .blocgeneral .cachevignmenu.qsn1 {background:url("/images/menus/haut/vignettes_ht.jpg") no-repeat -273px -210px;}
#pagescorporate .qsn .blocgeneral .cachevignmenu.qsn2 {background:url("/images/menus/haut/vignettes_ht.jpg") no-repeat -273px -244px;}
#pagescorporate .qsn .blocgeneral .cachevignmenu.qsn3 {background:url("/images/menus/haut/vignettes_ht.jpg") no-repeat -273px -279px;}
#pagescorporate .qsn .blocgeneral .cachevignmenu span {background:url("/images/menus/haut/bg-coinsvign.png");}
.corporate-responsive #global,
.corporate-responsive #middle {max-width:1170px;width:100%;}
.corporate-responsive #middle * {box-sizing: border-box;}
.corporate-responsive #global.gabari4 .struct,
.corporate-responsive #global.gabari4 .structure .G,
.corporate-responsive .struct #pagescorporate .qsn {margin: 0;max-width:1170px;width:100%;}
.corporate-responsive .struct #pagescorporate .col1 {padding:15px 15px 0 20px;width:calc(100% - 300px);}
.corporate-responsive .struct #pagescorporate .col2 {width: 275px;margin: 10px 15px 0 0;}

#global .picto_illus span {background-image:url("/images/logos/img_logo_options.png");background-repeat:no-repeat;}

/* TELECHARGEMENTS */
/* --------------------------------------------------------- */
#pagescorporate .downl .picto {background:#fff url("/images/logos/bg-telechargements.gif") no-repeat;}
#pagescorporate .downl .picto.www {background-position:0 -48px;}
#pagescorporate .downl .txtcontenu {color:#848383;font-size:12px;width:100%;}
#pagescorporate .downl .motif_bottom .content {background:none repeat #ECEBEB;color:#FF0002;}
#pagescorporate .downl .bloc-boiteaoutil {background: #f4f3f3;}
#pagescorporate .downl .separ {background:url("/images/motifs/bg-pointi02.gif") repeat 0 100%;font-size:0;}
#pagescorporate .downl .hautdepage {color:red;margin:20px 25px 15px 0;text-align:right;}
#pagescorporate .downl .motifbas1 {background:url("/images/fonds/bg-outil-bs1.gif") no-repeat;}
#pagescorporate .downl .coldroite * {font-size:12px;color:#484848;}
#pagescorporate .downl .cadreMiddle {border:1px solid #DBDBDB;border-width:0 1px;}
#pagescorporate .downl .titre_rub .tg,
#pagescorporate .downl .titre_rub .td {background:#fff url("/images/motifs/bg_accolade.gif") no-repeat;}
#pagescorporate .downl .titre_rub .c {text-transform:uppercase;line-height:15px;font-weight:bold;}
#pagescorporate .downl .titre_rub .tg {background-position:0 -15px;}
#pagescorporate .downl .ssmenu .titre_prod {background-position:0 5px;}
#pagescorporate .downl .ssmenu .titre_prod {background:url("/images/puces/bg-puce-carre.gif") no-repeat 0 50%;color:#484848;font-weight:bold;}
#pagescorporate .downl .ssmenu .lien {background:url("/images/puces/bg-puce-fleche7.gif") no-repeat scroll 0 50% #fff;color:#666666;text-decoration:none;}
#pagescorporate .downl .cadreBottom {background:url("/images/coins/bg-menuD-bt.gif") no-repeat 100% 100%;}
#pagescorporate .downl .cadreBottom span {background:url("/images/coins/bg-menuD-bg.gif") no-repeat 0 100%;}
#pagescorporate .downl .cadreTop span {background:url("/images/coins/bg-menuD-hg.gif") no-repeat 0 0;}
#pagescorporate .downl .cadreTop {background:url("/images/coins/bg-menuD-ht1.gif") no-repeat 100% 0;}
#pagescorporate .downl .dl-return-to-top {float:left;margin:10px 0 20px;text-align:right;width:100%;}

/* FLAPS DE DROITE */
.flaps div {border:1px solid #ACACAC;}
.flaps img {border:0;}
.flaps_custom_audit_visibility {display:block;top:0px;height:180px;position:absolute;}
.flap_registar {background-image:url("/images/flaps/bg-bloc-langue.jpg");border:1px solid #acacac;display:block;list-style:none;margin:0;padding:0;width:177px;}
.flap_registar li {list-style:none;margin:0;padding:0;}
.flap_registar li a {color:#101010;display:block;font-size:11px;height:56px;line-height:56px;padding:0 0 0 20px;text-decoration:none;}
.flap_registar li a:hover {background:url("/images/flaps/fleche-nordnetnet.png") no-repeat scroll 0 50% transparent;}
.flap_registar li strong {float:left;width:100px;}
.flap_registar li.french strong {}
.flap_registar li span {background:url("/images/flaps/bloc-langue.png") no-repeat scroll 0 0 transparent;display:block;float:left;font-size:0;height:28px;line-height:0;margin:14px 10px 0;width:32px;}
.flap_registar li.french span {background-position:-32px 0;}
.flap_registar li.french a:hover span {background-position:0 0;}
.flap_registar li.en span {background-position:-32px -29px;}
.flap_registar li.en a:hover span {background-position:0 -29px;}
.flap_registar li.nl span {background-position:-32px -58px;}
.flap_registar li.nl a:hover span {background-position:0 -58px;}

#form_ndd_flap {border:0 none;}
#form_ndd_flap .bloc_verif {display:inline;float:left;left:9px;overflow:hidden;position:absolute;top:100px;}
#form_ndd_flap .bloc_verif .nom {border:0 none;display:inline;float:left;font-size:10px;height:18px;line-height:1.8em;margin-right:5px;padding:0 0 0 2px;width:75px;}
#form_ndd_flap .bloc_verif select {border:1px solid #fff;display:inline;float:left;font-size:10px;height: 15px;line-height: 15px;overflow: hidden;padding-top: 1px;width: 48px;}
.browser-ie #form_ndd_flap .bloc_verif select {height: 18px;line-height: 18px;}
#form_ndd_flap .bloc_verif select option {padding:0 3px;}
#form_ndd_flap .bloc_verif .btn_valider {background:url("/images/colonne_droite/btn_whois.gif") no-repeat scroll left top transparent;border:0 none;cursor:pointer;display:block;float:left;height:21px;margin-left:3px;width:20px;}

#form_ndd_flap .link,
#form_ndd_flap .link_bottom {background:no-repeat scroll 0 50% transparent;display:inline-block;padding:0 0 0 10px;position:absolute;text-decoration:underline;}

#form_ndd_flap .link {background-image:url("/images/colonne_droite/puce_fleche.png");color:#fff;font-size:10px;height:21px;line-height:20px;right:29px;top:121px;}
#form_ndd_flap .link_bottom {background-image:url("/images/colonne_droite/fleche_rouge.gif");color:#E58686;font-size:9px;height:25px;left:9px;line-height:25px;top:142px;}

#flap_audit .anim {display:none;}

/* INDEX PRODUITS */
#indexproduit .prehome-poles li a {color:#000000;font-family:"Trebuchet MS";font-size:9px;text-decoration:none;}
#indexproduit .cachebande {background:url("/images/fonds/bg_bande.png") no-repeat;}
#indexproduit .cachebande1 {background:url("/images/fonds/bg_bande1.png") no-repeat;}
#indexproduit .corne {background:url("/images/coins/bg-corne.png") no-repeat;}

#indexproduit a {text-decoration:none;}
#indexproduit a:hover .puce {background:url("/images/puces/bg-puce-fleche6don.gif") no-repeat 100% 4px;text-decoration:none;}

#fond_pack_relais {background:url("/images/produits/pack_relais/image_produit.jpg") no-repeat;}
#fond_pack_tel {background:url("/images/produits/pack_tel/image_produit.jpg") no-repeat;}
#fond_pack_site {background:url("/images/produits/pack_site/image_produit.jpg") no-repeat;}

#polesoptions {font-size:9px;}
#polesoptions .decri .ht {font-size:0;background:url("/images/titres/cache-line-ht.png") no-repeat;}
#polesoptions .decri .c {background:#fff;}
#polesoptions .decri .bs {font-size:0;background:url("/images/titres/cache-line-bs.png") no-repeat;}
#polesoptions .sep span {background:url("/images/titres/plus.png") no-repeat;}
#global .picto_illus span {background-image:url("/images/logos/img_logo_options.png");background-repeat:no-repeat;}

/* bloc eligibilité */
#dispo_domaine #sous_dispo_domaine {background:url("/images/produits/pack_relais/bg_depot.png") repeat scroll 0 0 transparent;}
#dispo_domaine .bloc_verif_2 .nom {border:1px solid #D2CFCF;color:#7B7B7D;}
#dispo_domaine .bloc_verif_2 select {border:1px solid #D2CFCF;}
#dispo_domaine .btn_valider_2 {background:url("/images/produits/pack_relais/bt_verifier.png") repeat scroll 0 0 transparent;border:none;}
#dispo_domaine .div_lien_3 a {color:#FF0000;}

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

/* COMMANDE */
.sous-titre-commande {color:#484848;font-size:13px;line-height:20px;margin:5px 15px;}
.bold-command {width:550px;line-height:1.2em;margin:auto;color:#666666;font-weight:bold;}
a.btn05 {position:relative;float:right;margin:3px 0 0 2px;padding:1px 9px 0 8px;cursor:pointer;}

/* étape commande par pdf */
.blocarrondi {width:550px;position:relative;margin:auto;margin-bottom:15px;margin-top:15px;}
.blocarrondi .hautcoins,.blocarrondi .bascoins {width:100%;position:relative;z-index:3;}
.blocarrondi .hautcoins span,.blocarrondi .bascoins span {position:absolute;z-index:3;background-repeat:no-repeat;}
.blocarrondi .hautcoins span {top:0;}
.blocarrondi .bascoins span {bottom:0;}
.blocarrondi .coinhg,.blocarrondi .coinbg {left:0;}
.blocarrondi .coinhd,.blocarrondi .coinbd {right:0;}
.blocarrondi .contenucoin {z-index:2;padding:5px 15px;background:url("/images/bg-alerte.gif") 100% 0 #E0E0E0 repeat-x;border:1px solid #D5D5D5;}
.blocarrondi .hautcoins.type01 span,.blocarrondi .bascoins.type01 span {overflow:hidden;display:block;width:8px;height:8px;}
.blocarrondi .hautcoins.type01 .coinhg {background-image:url("/images/bg-coinHG07.gif");}
.blocarrondi .hautcoins.type01 .coinhd {background-image:url("/images/bg-coinHD07.gif");}
.blocarrondi .bascoins.type01 .coinbg {background-image:url("/images/bg-coinBG07.gif");}
.blocarrondi .bascoins.type01 .coinbd {background-image:url("/images/bg-coinBD07.gif");}
.blocarrondi .lien_image {margin:auto;width:185px;}
.blocarrondi ul.moyen_envoie {list-style:none;list-style-position:outside;margin:7px 0 2px 30px;}
.blocarrondi .bold {font-weight:bold;}
.blocarrondi .color666 {color:#666;}

ul.produit_texte_ul li, ul.produit_texte_ul li {background:url("/images/puces/bg-puce-carre.gif") no-repeat scroll 0 6px transparent;}
ul.produit_texte_ul li {list-style:none outside none;margin:8px 0 0;padding-left:15px;position:relative;}

/*page subvention*/
#popup_region_subvention .content h3.titre {background:#fff;color:#FF0000;display:block;font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;font-size:15px;font-weight:normal;height:40px;padding:0 0 0 10px;width:600px;}
#popup_region_subvention .content p {line-height:17px;padding:10px;}


/* ********************************************************************************** */

/**** AUDIT POPUP ***/
.form-conteneur dt {background:#E3E3E3;height:26px;line-height:26px;position:relative;font-weight:bold;color:#333;}
.form-conteneur dt span.titre-puce {display:block;background:url("/images/assistance/bg-puce6.gif") no-repeat 0 50%;margin:0 0 0 5px;padding:0 0 0 8px;}
.form-conteneur dt span.titre-puce a {font-weight:bold;text-decoration:none;}
.form-conteneur dt span.titre-puce a:hover {text-decoration:underline;}
.form-conteneur dd {position:relative;overflow:hidden;padding:0;margin:0;}
.form-conteneur .dataLine {position:relative;overflow:hidden;height:1%;}

/* Form:Arriere plan de 225 px de largeur pour le dl du textarea "Message"  */
.form-conteneur.contacter .dataLine dt {width:225px;}
.form-conteneur .dataLine dt {float:left;height:26px;width:235px;font-weight:normal;background:#F0F0F0;text-align:right;padding:0;margin:0;}
.form-conteneur .dataLine dt.titre01 {background:#E3E3E3 none repeat scroll 0;color:#333;font-weight:bold;height:25px;line-height:25px;position:relative;text-align:left;}
.form-conteneur .dataLine span.titre_service {margin:0 0 0 5px;padding:0 0 0 8px;background:url("/images/bg-puce6.gif") no-repeat 0 50%;}
.form-conteneur .dataLine dt label {padding-right:10px;}
.form-conteneur .dataLine dd {position:relative;float:left;margin:0;}
.form-conteneur .dataLine dd.msg01 {position:relative;float:right;margin:0;}
.form-conteneur .dataLastLine dt,
.zone-form .form-conteneur .dataLastLine dd {padding-bottom:4px;}

/** Precision pour les label (ex:8 caract. min  */
.inscription .dataLine dt span.libelle_01,
.inscription2 .dataLine dt span.libelle_01,
.zone-form .dataLine dt span.libelle_01 {position:absolute;margin:12px 0 0 6px;font-size:9px;font-weight:bold;font-family:Arial;color:#757575;right:14px;top:0;}
.inscription .dataLine dt.libelle_01,
.inscription2 .dataLine dt.libelle_01,
.zone-form .dataLine dt.libelle_01 {height:28px;line-height:21px;}
.form-conteneur .dataLine .msg {position:relative;margin:0;padding:6px 0 0 2px;}
.form-conteneur .dataLine .msg span,
.form-conteneur .msg span {margin:0;padding:0;color:#AD2E2A;}
.form-conteneur .dataLine .msg img {display:block;float:left;margin:1px 0 0;}
.form-conteneur .dataLine .msg01 span {margin:0 10px 0 0;float:left;padding:0;color:#AD2E2A;}
.form-conteneur .dataLine .msg01 img {display:block;float:left;margin:1px 0 0;}
.form-conteneur .dotted {border-left:1px dotted #CCC;}
.form-conteneur .dataLine .textarea {background:#FFF;width:350px !important;height:100px !important;text-align:left;margin:3px 0 2px 10px;border:1px solid #CCC;font-size:11px;display:inline;padding:0 3px;}
.form-conteneur .dataLine .champ {background:#FFF;width:140px;text-align:left;margin:3px 0 0 5px;border:1px solid #CCC;font-size:11px;display:inline;padding:2px;}
.form-conteneur .dataLine .champ2,
.form-conteneur .dataLine .champ3 {background:#FFF;text-align:left;margin:3px 0 0 10px;border:1px solid #AAA;font-size:11px;display:inline;padding:2px;}
.form-conteneur .dataLine .champ3 {margin:3px 0 0;}
.form-conteneur .dataLine .champ4 {margin:8px 0 0 10px;text-align:left;display:inline;}
.form-conteneur .dataLine .champ6 {background:#FFF;text-align:left;margin:0 0 0 10px;border:1px solid #CCC;font-size:11px;display:inline;height:17px;}
.form-conteneur .dataLine select {background:#FFF;text-align:left;margin:3px 0 0 5px;border:1px solid #CCC;font-size:11px;height:20px;line-height:20px;padding:0 0 0 3px;}
.inputRed {float:left;padding:0 0 0 16px;margin:6px 4px 6px 9px;height:14px;font-size:11px;line-height:14px;}
.inputRed.default {background:url("/images/color/red/picto_radio.gif") no-repeat scroll 0pt 0pt transparent;}
.inputRed.selected {background:url("/images/color/red/picto_radio.gif") no-repeat scroll 0pt -14px transparent;}
.form-conteneur .dataLine .champ_dateCallback {width:140px;height:12px;float:left;margin-top:4px;}
.form-conteneur .dataLine #fd-but-id-form-createClient_idDate {display:block;float:left;margin-top:4px;}
.form-conteneur .dataLine #tranche {border:1px solid #CCC;font-size:11px;width:146px;}
form#id-form-auditVisibilite label[for=auditForm_web_address].error{width:130px;}
form#id-form-auditVisibilite label.error{font-weight: normal;}

/* NDD FORMS */
input#checkDomain_domain {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size:120%;
}
select#idn_select,
select[name="new_domaine"],
select#frequency_selector {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size:120%;
}
/* Champs comptes bancaire  */
.form-conteneur .dataLine#identity_Treatment {background:url('/images/bg-pointilles-H.gif') 100% 100% repeat-x;padding:4px 0;}
.form-conteneur dl#identity_Treatment dt {background:transparent;}
.form-conteneur .dataLine#identity_Treatment dt label {font-weight:bold;color:#555;}
.form-conteneur {font-family:Arial,Sans-serif;font-size:11px;border:1px solid #CCC;position:relative;overflow:hidden;}

/* Formulaire de contact MSM / Formulaire inscription commande */
h2.sous_titre {color:red;font-size:18px;padding:5px 5px 8px;font-weight:normal;margin:0 0 10px 0;background:transparent url("/images/assistance/bg-trait02.gif") repeat-x scroll 0 100%;}
div.MSM {width:616px;margin:0 auto 0 auto;}
div.audit {width:665px;}
#bloc-aide-abo1 p.titre_puce {background:transparent url("/images/assistance/bg-puce6.gif") no-repeat scroll 5px 65%;background-color:#E3E3E3;display:block;color:#333;font-weight:bold;line-height:25px;}
div.MSM p.titre_puce, table.MSM td.titre_puce {background:transparent url("/images/assistance/bg-puce6.gif") no-repeat scroll 5px 50%;background-color:#E3E3E3;display:block;padding:0 0 0 15px;color:#333;font-weight:bold;line-height:25px;}
div.MSM div.field {width:633px;float:left;}
div.audit div.field {width:665px;float:left;}
div.MSM div > label, table.MSM div > label, div.MSM div span.help {width:230px;float:left;text-align:right;background-color:#F0F0F0;margin:0 10px 0 0;height:26px;padding:3px;}
#middle div.MSM div.field label.valid, div.MSM div.field label.error {background-color:#fff;width:150px;float:right;text-align:left;}
div.MSM div.field label.error {padding-left:7px;float:left;}
div.MSM div.field label.valid {background:none;padding:0;margin-top:5px;}
div.MSM div.field input.error, div.len_text span input.error {margin:2px 0;padding:0;background:#fff;color:#000000;font-size:13px;}
div.MSM div.with_help > label {height:16px;}
div.MSM div span.help {height:13px;font-size:9px;clear:both;font-weight:bold;}
table.MSM div > label {height:145px;width:240px;padding:10px 0 0 0;}
table.MSM div textarea {height:120px;width:305px;margin:10px 0 0 0;}
#conversation_ticket table.MSM {margin:0 auto 0 auto;}
div.MSM div > label.textarea {height:160px;}
div.MSM ul.radio_list {width:140px;float:left;margin:5px 0 0 0;position:relative;}
div.MSM ul.radio_list li {width:45px;float:left;}
div.MSM ul.radio_list li label[for='registrationForm[civility]'], div.len_text span label[for='registrationForm[cg][]'] {position:absolute;top:2px;}
div.len_text span label[for='registrationForm[cg][]'] {left:460px;}
div.MSM ul.radio_list li label[for='registrationForm[civility]'] {left:141px;}
div.MSM div input[type="text"], div.MSM div input[type="password"], div.MSM div textarea, div.MSM div select {border:1px solid #CCC;width:175px;margin-top:2px;float:left;}
div.MSM div textarea {width:290px;height:150px;}
div.MSM .field .h50 {height:55px;}
div.MSM .field .password_strength {float:none;}
#conversation_ticket form div input[type="submit"],
div.MSM div input[type="submit"], form.inscription input[type="submit"],
.form-conteneur.form_box input[type="submit"],
#action_form input[type="submit"] {border:none;background:url("/images/assistance/btn-valider2.jpg");width:84px;height:23px;margin:20px 0 0 100px;cursor:pointer;font-size:0;line-height:0;}
form.inscription div#actions_form {width:280px;margin:0 auto 0 auto;}
form.inscription div#actions_form input[type="submit"] {margin:20px 0 20px 55px;}
#action_form input[type="submit"] {margin:0;}
#conversation_ticket form div input[type="submit"] {margin:0 0 35px 710px;}
input[type="submit"].validate_form {float:left;margin:20px 0 0 10px;}
#conversation_ticket li {list-style-type:disc;}
a.print_page {color:#FF0000;}
#msm p span {float:right;}
div.len_text {border:1px solid #CCC;background:#F0F0F0;margin:15px auto 0 auto;overflow:hidden;position:relative;clear:both;line-height:23px;font-size:12px;height:23px;width:616px;}
div.len_text span {float:left;display:block;background:white;height:13px;padding:5px;width:14px;}
*+html div.len_text span {height:20px;padding:1px 2px 2px;width:20px;}
div.len_text label {padding:0 5px;cursor:pointer;font-weight:bold;color:#555;}
div.len_text label.error {color:#AD2E2A;font-weight:normal;}
a.link_return {display:block;float:left;width:73px;height:23px;margin:20px 0 0 10px;}
.white_description{border-left:1px solid #CCC;border-right:1px solid #CCC;padding:6px 4px;width:608px;margin:0 auto 0 auto;}

.bloc_login {border:1px solid #ccc;font-size:11px;margin:0 auto;width:298px;}
.bloc_login ul,
.bloc_login ul li {list-style:none}
.bloc_login ul {background-color:#f0f0f0;margin:0;}
.bloc_login ul li {overflow:hidden;}
.bloc_login .title {background:url("/images/assistance/bg-puce6.gif") no-repeat scroll 5px 50% #e3e3e3;color:#333;font-size:11px;font-weight:bold;height:26px;line-height:26px;padding:0 0 0 13px;}
.bloc_login label {color:#333;float:left;line-height:26px;margin:0 10px 0 0;text-align:right;width:110px;}
.bloc_login input#loginForm_login,
.bloc_login input#loginForm_password {background: none repeat scroll 0 0 #fff;border:1px solid #ccc;display:inline;float:left;font-size:11px;margin:3px 0 0 5px;padding:2px;width:140px;}
.bloc_login .sup {color:#ff0000;font-family:sans-serif;font-size:16px;font-weight:bold;}
.bloc_login .AjaxValidationMessage {float:left;margin:7px 0 0 2px;}
.bloc_login .link {float:left;font-size:12px;margin:20px 0 0 5px;}
.bloc_login .btn_validate {background:url("/images/assistance/btn-valider2.jpg") no-repeat scroll 0 0 transparent;border:0 none;display:block;float:right;font-size:0;height:23px;line-height:0;margin:24px 9px 3px 10px;width:84px;}

/* Formulaire popup d'audit */
.content_popup div.MSM {width:633px;margin:20px auto 0 5px;}
.content_popup2 input[type="checkbox"] {float:left;margin:8px 0 0 0;}
.content_popup div.MSM div > label {text-align:center;background-color:#E3E3E3;padding:5px 0 0 0;font-weight:bold;}
.content_popup2 div.MSM div > label,
.content_popup div.MSM div > label, .content_popup2 div.MSM div span.help {width:240px;}
.content_popup div.MSM p.titre_puce {text-align:left;background:none;background-color:#E3E3E3;}
.content_popup div.MSM .intermediate_text {float:left;background:#fff;text-align:left;padding:10px;}
.content_popup div.MSM div.background_label {background-color:#E3E3E3;}
.content_popup div.MSM div.background_label > label {background-color:#E3E3E3;width:45px;}
.content_popup div.MSM div > label.error,
.content_popup2 div.MSM div > label.error {width:104px;float:left;}
.content_popup div.MSM div {text-align:left;}
.content_popup div.MSM div input[type="text"],
.content_popup2 div.MSM div input[type="text"] {width:260px;}
.content_popup div.MSM div.background_label input[type="text"] {width:455px;}
#audit .title_audit {margin:0 0 20px 0;position:relative;width:680px;height:194px;}
#audit .title_audit_1 {background:url("/images/commande/titre_audit_1.gif") top right no-repeat;}
#audit .title_audit_2 {background:url("/images/commande/titre_audit_2.jpg") top right no-repeat;}
#audit .title_audit div {position:absolute;top:70px;left:15px;}
#audit .form_next_step {margin:auto;width:150px;display:block;height:42px;background:url("/images/commande/btn_etape1.png") no-repeat 0 0 #fff;border:none;margin-top:10px;cursor:pointer;}
#audit .mention_form_texte {display:block;text-align:justify;color:#929292;padding:10px;width: 100%;clear: both;}
#audit #form_audit_success .content {position:relative;margin-top:20px;text-align:justify;}
#audit #form_audit_success .content .merci {font-weight:bold;font-size:17px;color:red;}
#audit #form_audit_success .content .result {float:left;font-size:13px;font-weight:bold;padding-top:30px;padding-left:30px;}
#audit #form_audit_success .content span {float:right;}
#audit .intermediate_text .titre {font-size:12px;font-weight:bold;}
#audit .intermediate_text .exemple {display:block;padding:5px 0px 5px 0px;color:#8c8c8c;}

/* Partial _blocAccesInscriptionForm / Component _myForgetPasswordForm _myLoginForm */
.form-conteneur p.titre span.titre-puce {display:block;background:url("/images/assistance/bg-puce6.gif") no-repeat 0 50%;margin:0 0 0 5px;padding:0 0 0 8px;}
.form-conteneur p.titre {background:#E3E3E3;height:26px;line-height:26px;position:relative;font-weight:bold;color:#333;}
#loginForm input[type=submit], #lostPassword input[type=submit] {margin:0;float:right;text-indent:-9999px;}
#loginForm #forgotPassword {padding:5px 0;float:left;}
#loginForm .error,  #lostPassword .error {display:inline;float:right;}
#loginForm div.box_deroule, #lostPassword div.box_deroule {width:225px;}
#loginForm div label, #lostPassword div label {float:left;width:90px;}
#loginForm div .asterisque {float:left;}
#loginForm div.box_deroule label, #lostPassword div.box_deroule label {width:100px;}
#loginForm input, #lostPassword input,
#loginForm select, #lostPassword select {margin-right:5px;float:right;}

/*Accueil assistance*/
.form_box {background-color:#F0F0F0;float:right;}
.form_box.mini {width:280px;height:123px;margin:20px 15px 0 0;}
.form_box.big {width:336px;height:268px;margin:20px 0 0 0;}
.form_box div {padding:10px;text-align:justify;}
.form_box div.padding0 {padding:0px;}
.form_box a.prospect_contact {margin:60px 0 0 100px;display:block;}
.form_box.big.prospect {background:url("/images/assistance/bg-nouveauCompte.jpg") scroll 100% 100% no-repeat transparent;background-color:#F0F0F0;}

/* AIDE ASSITANCE */
#zone-gauche {width:650px;float:left;}
#zone-droite {float:left;width:265px;margin:20px 0 0 35px;}
#bloc-aide-abo1 {width:225px;height:275px;background:url("/images/assistance/bg-aide-abo2.jpg") 0 0 transparent no-repeat;}
p.sstitre {font-size:13px;font-weight:bold;color:#484848;margin:1px 0 8px 10px;}
#bloc-aide-abo1 p.sstitre {margin-bottom:10px;}
#bloc-aide-abo1 p.titre_puce {background-color:transparent;font-size:11px;line-height:15px;}
#bloc-aide-abo1 p.tel {margin:0 0 0 30px;font-weight:bold;color:#FF0000;}
#bloc-aide-abo1 p.tarif {font-size:9px;color:#7F7F7F;line-height:1em;margin:0 0 0 10px;}
#bloc-aide-abo1 p.titre03 {padding:4px 0 0 10px;}

#auth_code {background:url("/images/assistance/bg-key.gif") 0 0 transparent no-repeat;width:222px;height:64px;border:1px dashed silver;margin:20px 0 0 0;}
#auth_code p.demande {display:block;font-size:11px;margin-left:15px;margin-top:3px;text-align:center;width:130px;color:#484848;}
#auth_code p.demande .auth {font-size:12px;}
#auth_code p.demande .auth, #auth_code p.demande a {font-weight:bold;}
#auth_code p.demande a {color:#FF0000;}

/** PAGE MIRE */
#headerLight {background-color:#fff;}
#headerLight a.logo {display:block;height:65px;width:163px;float:left;}
#headerLight .fd {background:#fff url("/images/header/bg_light_head.jpg") 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;}

/** PAGE 404 */
div#error_structure {height:536px;position:relative;width:100%;background:url("/images/bg-erreur-exclamation.gif") no-repeat scroll 50% 50% transparent;padding:1px;}
div#error_structure div.center {display:block;float:none;margin:180px auto 0;width:520px;border-top:1px dotted silver;border-bottom:1px dotted silver;padding:30px 0;text-align:center;}
div#error_structure div.center a {color:red;font-weight:bold;}

/* NOUVELLES PAGES D'ERREURS 404, 403, ... */
#error-conteneur {
    color:#000;
    font-family:"AvenirLTStd35Light";
    font-size:25px;
    height:425px;
    padding-top:35px;
    text-align:center;
}
#error-conteneur h1 {
    color:#e31d22;
    font-family:"AvenirLTStd35Light";
    font-size:30px;
    margin: 0 0 77px 44px;
}
#error-conteneur h1 span {color:#666;font-family:"AvenirLTStd95Black";}
#error-conteneur .texte01 {margin-bottom:42px;}
#error-conteneur .bg {
    background:url("/images/nordnetcom/defaut/icones/gimmick-error.gif") no-repeat 0 0;
    display:block;
    float:left;
    height:38px;
    width:38px;
}
#error-conteneur .texte02 {clear:both;color:#4c4c4c;font-size:22px;}
#error-conteneur .texte02 a {color:#000;text-decoration:underline;}

.bloc_generik {
    width: 216px;
    overflow: hidden;
    position: relative;
    background: none;
    margin: 15px;
    clear: both;
    float: left;
    display: inline;
    width: calc(100% - 30px);
    border-radius: 0 16px 0 0;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    border: 1px solid #ccc;
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);
}
.bloc_generik .ht{
    background: linear-gradient(to bottom, #fdfdfd 0%,#eaeaea 100%);
    box-sizing: border-box!important;
    font-size:1.1em;
    line-height:1.15;
    padding: 15px;
}
.bloc_generik a{text-decoration:none;}
.bloc_generik a:hover{text-decoration:underline;}
.pack_relais .subscription-block {text-align:center;}
.pack_relais .subscription-block .btn {
    background:#000;
    border-radius: 5px;
    box-sizing: border-box!important;
    display: inline-block;
    font-size: 1.34em;
    height: 45px;
    line-height: 1;
    margin:15px;
    max-width:260px;
    padding: 5px 10px;
    vertical-align: middle;
    width: calc(100% - 30px);
    transition: 0.2s;
}
.pack_relais .subscription-block .btn:hover {background: #343434;}
/* Encart de connexion */
#blc_identification {display:none;}
#content_presentation div.cadre_presentation {background:#EEE;width:474px;margin-top:30px;padding:8px;height:auto;text-align:justify;}

.infos-prochainnement {width:590px;height:215px;border:4px solid #DFDFDF;background:url(/images/produits/internet_satellite_pro/bg-bloc-info-sat-pro.jpg) 0 0 repeat-x;margin:auto;}
.infos-prochainnement p {font-family:'AvenirLTStd35Light';position:relative;margin:auto;font-size:34px;color:#000000;text-align:center;line-height:34px;font-weight:normal;margin-top:75px;}
.infos-prochainnement .part-01 {color:#ff0000;display:inline-block;margin-right:90px;}
.infos-prochainnement .part-02 {display:inline-block;margin-left:155px;}
.infos-prochainnement.page-offre {margin-top:-10px;}

/* POINT ALSACE */
#tarifs_produit table.tarif {margin:auto;margin-bottom:30px;width:90%;}
#tarifs_produit table.tarif td,
#tarifs_produit table.tarif th {
    background-color:#f4f4f4;
    color:#000;
    font-size:12px;
    line-height:16px;
    padding:9px;
    text-align:center;
    width:25%;
    vertical-align:middle;
}
#tarifs_produit table.tarif th  {
    background-color:#000;
    border-left:1px solid #fff;
    color:#fff;
    font-weight:normal;
}
#tarifs_produit table.tarif tbody td {text-align:left;vertical-align:top;}
#tarifs_produit table.tarif .b-left {border-left:1px solid #000;}
#tarifs_produit table.tarif .b-bottom {border-bottom:1px solid #000;}
#tarifs_produit table.tarif tbody td .titre {
    font-size:15px;
    font-weight:bold;
    margin-top:15px;
    text-align:center;
}
#tarifs_produit table.tarif tbody td ul {padding:0;}
#tarifs_produit table.tarif tbody td ul li {line-height:16px;list-style:none;padding:0 0 10px 0;}
#tarifs_produit table.tarif tbody .bg {
    background:url(/images/produits/point_alsace/sprite-point-alsace.png) -390px -231px no-repeat transparent;
    display:block;
    padding-left:15px;
    text-align:justify;
}
#tarifs_produit table.tarif tbody .b0 {border:none;}
#tarifs_produit table.tarif tfoot td {background-color:#dad9d8;font-size:14px;}
#tarifs_produit table.tarif tfoot td span {color:#e98023;}
#tarifs_produit table.tarif tfoot td em {font-size:11px;}

/* ---------------------------------------- SHADOWBOX ------------------------------------------ */
/* SB original */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;padding-bottom:15px;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url("/images/nordnetcom/popup/shadowbox/loading.gif") no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url("/images/nordnetcom/popup/shadowbox/close.png");background-position:50% 50%;}
#sb-nav-next{background-image:url("/images/nordnetcom/popup/shadowbox/next.png");}
#sb-nav-previous{background-image:url("/images/nordnetcom/popup/shadowbox/previous.png");}
#sb-nav-play{background-image:url("/images/nordnetcom/popup/shadowbox/play.png");}
#sb-nav-pause{background-image:url("/images/nordnetcom/popup/shadowbox/pause.png");}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* SB default */
.sb-default #sb-title, .sb-default #sb-title-inner {height:32px;line-height:32px;}
.sb-default #sb-title a {background-color:#434444;background-repeat:no-repeat;cursor:pointer;display:block;height:14px;position:absolute;right:6px;top:6px;width:14px;}
.sb-default #sb-title-inner {background:#F3F3F3;color:#3D464C;font-family:"Arial",Helvetica,Sans-serif;font-weight:bold;padding: 0 0 0 10px;}
.sb-default #sb-title-inner span {color:#FF0000;}
.sb-default #sb-wrapper-inner {border:0 none;}
.sb-default #sb-body, .sb-default #sb-loading {background-color:#fff;}

/* SB alert */
#sb-wrapper.sb-alert {background:url("/images/nordnetcom/popup/shadowbox/bg-sb-alert.gif") no-repeat scroll 100% 100% #f3f3f3;border:2px solid #fff;border-radius:2px;}
.sb-alert #sb-title, .sb-alert #sb-title-inner {height:26px;line-height:26px;}
.sb-alert #sb-title a {background-color:#f3f3f3;cursor:pointer;display:block;height:13px;position:absolute;right:6px;top:6px;width:75px;}
.sb-alert #sb-title #sb-nav-close{background-image:url("/images/nordnetcom/popup/shadowbox/close.gif") !important;}
.sb-alert #sb-title-inner {background:none;color:#3D464C;font-family:"Arial",Helvetica,Sans-serif;font-weight:bold;padding: 0 0 0 5px;}
.sb-alert #sb-title-inner span {color:#FF0000;}
.sb-alert #sb-wrapper-inner {border:0 none;}
.sb-alert #sb-body, .sb-alert #sb-loading {background-color:transparent;}
.sb-alert #sb-player {padding:0 5px 5px;}
.sb-alert #sb-player p {color:#929292;font-size:10px;margin:0 0 4px;text-align:justify;}
.sb-alert #sb-player p strong {color:#3D464C;font-size:11px;}
.sb-alert #sb-player p span {color:#3D464C;display:block;line-height:11px;margin:0 0 0 40px;}
.sb-alert #sb-player ul {margin:0 0 0 20px;}
.sb-alert #sb-player ul li {color:#3D464C;font-size:11px;list-style:disc outside;}
.sb-alert #sb-player .sb-button {margin:10px 0 0;overflow:hidden;}
.sb-alert #sb-player .sb-button a {background:url("/images/nordnetcom/popup/shadowbox/btn-gray.gif") no-repeat scroll 0 0 transparent;color:#fff;display:block;float:left;font-family:"TrebuchetMS",Arial;font-size:11px;font-weight:bold;height:18px;line-height:18px;margin:0 0 0 62px;text-align:center;text-decoration:none;width:34px;}
.sb-alert #sb-loading-inner {color:#3D464C;}
.sb-alert #sb-info, #sb-info-inner {display:none;}

/* SB media */
.sb-media #sb-title, .sb-media #sb-title-inner {height:0;line-height:0;overflow:visible;}
.sb-media #sb-title a, .sb-media #sb-title-inner a {background-color:#000000;background-position:50% 50%;background-repeat:no-repeat;border:2px solid #fff;cursor:pointer;display:block;height:24px;position:absolute;right:-27px;top:-27px;width:24px;border-radius:2px;}
.sb-media #sb-title-inner {display:none;}
.sb-media #sb-wrapper-inner {border:3px solid #fff;border-radius:3px;}
.sb-media #sb-body, .sb-media #sb-loading {background-color:#222121;}
.sb-media iframe {overflow:hidden;}

/* SB color */
.sb-default.gris #sb-title-inner {background-color:#f2f2f2;color:#000000;}
.sb-default.gris #sb-title-inner span{color:#ff0000;font-weight:bold;}
.sb-default.red #sb-title-inner {background-color:#ff0000;color:#fff;}
.sb-default.color-01 #sb-title-inner {background-color:#24555c;color:#fff;}
.sb-default.green #sb-title-inner {background-color:#9ec000;color:#fff;}
.sb-default.red #sb-title-inner span,
.sb-default.green #sb-title-inner span,
.sb-default.color-01 #sb-title-inner span  {color:#fff;font-weight:normal;}

#popup_content.options-fibre {border:1px solid white;height:170px;}
#popup_content.options-fibre .securite,
#popup_content.options-fibre .telephonie {
    color:#3f3f41;
    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 #dbdbdb;
    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') -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:#ff0000;}
#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:#000000;color:#fff;font-weight:normal;}

/* ------------------------------------------ jqmodal ------------------------------------------ */
/** BACKGROUND COLOR */
.jqmOverlay {background:#737373;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {position:absolute;top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
/* 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;}
/** JQM ALERT FOR SINGLE ERROR **/
div.jqmAlert {display:none;position:fixed;top:17%;left:50%;width:264px;height:119px;margin:0 auto;margin-left:-132px;padding:0;background:transparent url('/images/jqmodal/bg_alert.png') no-repeat ;}
div.jqmAlert .jqmAlertHead {margin:5px 8px 5px 9px;}
div.jqmAlert .jqmAlertHead .jqmAlertTitle {font-size:16px;color:#3D464C;font-weight:bold;float:left;}
div.jqmAlert .jqmAlertHead .jqmClose {float:right;width:76px;height:13px;background:url('/images/bg-bouton8.gif') no-repeat;text-indent:-9999px;}
div.jqmAlert .jqmAlertContent {color:#3D464C;clear:both;width:255px;padding:10px 0px 0px 10px;text-align:left;font-size:11px;}
/** JQM ALERT FOR MULTIPLE ERRORS **/
div.jqmMultipleAlert {display:none;position:fixed;top:17%;left:50%;width:264px;height:200px;margin:0 auto;margin-left:-132px;padding:0;background:transparent url(/images/jqmodal/bg_multipleAlert.png) no-repeat ;}
div.jqmMultipleAlert .jqmAlertHead {margin:5px 8px 5px 9px;}
div.jqmMultipleAlert .jqmAlertHead .jqmAlertTitle {font-size:16px;color:#3D464C;font-weight:bold;float:left;}
div.jqmMultipleAlert .jqmAlertHead .jqmClose {float:right;width:76px;height:13px;background:url('/images/bg-bouton8.gif') no-repeat;text-indent:-9999px;}
div.jqmMultipleAlert .jqmAlertContent {color:#3D464C;clear:both;width:255px;padding:10px 0px 0px 10px;text-align:left;font-size:11px;}
div.jqmMultipleAlert .jqmAlertContent ul { margin: 0; }
div.jqmMultipleAlert .jqmAlertContent ul li { margin-bottom: 5px; }
/** JQM FRAME **/
div.jqmPopup {display:none;height:500px;left:50%;margin-left:-350px;padding:0;position:absolute;top:20px;width:700px;}
.jqmPopupContent {overflow:hidden;overflow-y:auto;padding:20px 10px 10px;position:relative;}
div.jqmAlert .jqmPopupHead {margin:5px 8px 5px 9px;}
div.jqmAlert .jqmPopupHead .jqmPopupTitle {font-size:16px;color:#3D464C;font-weight:bold;float:left;}
div.jqmAlert .jqmPopupHead .jqmClose {float:right;}
div.jqmAlert .jqmPopupContent {color:#3D464C;clear:both;width:255px;padding:10px 0px 0px 10px;text-align:left;font-size:11px;}
/* Definition de la couleur de fond du bloc */
.jqmPopup .bloc_arro.type01 .contenu,
.jqmPopup .bloc_arro.type01 .barre .centre.bs,
.jqmPopup .bloc_arro.type01 .barre .centre.ht {font-size:12px;color:#3D464C;}
.jqmPopup .bloc_arro.type01 .contenu {background:#FFF;border:0 none;padding:0;text-align:justify;}
/* Bordures et fond*/
.jqmPopup .bloc_arro.type01 .barre.haute .centre {background-color:#F3F3F3 ;background-image:url(/images/coins/bordure01.gif);}
.jqmPopup .bloc_arro.type01 .barre.haute .centre.titre {color:#3D464C;font-size:16px;font-weight:bold;height:32px;line-height:32px;margin:0;padding:0 0 0 10px;}
.jqmPopup .bloc_arro.type01 .jqmClose {background:url('/images/sprite.png') no-repeat scroll 100% -398px transparent;font-size:0;height:14px;line-height:0;position:absolute;top:5px;right:5px;width:14px;}
/* dimensions des images de coin et reglage du margin en consequence */
.jqmPopup .bloc_arro.type01 .prefcoin {width:10px;}
.jqmPopup .bloc_arro.type01 .barre .centre {margin:0 10px;}
.jqmPopup .bloc_arro.type01 .barre.haute .centre {height:25px;font-size:16px;}
.jqmPopup .bloc_arro.type01 .contenu .marges .scroll {overflow:auto;width:99%;height:200px;}
#jqmIframe {width:100%;height:100%;border:none;}
#popup_periode_comm h2 {color:red;font-weight:bold;font-size:13px;margin-top:15px;margin-bottom:16px;border-bottom:1px solid red;text-align:left;}
.jqmPopup .content_popup {padding:10px;}

/* NDD PAGE UNICODE CHARACTERS */
#idDivAlphabet *{margin:0; padding:0; font-family:arial}
#idDivAlphabet {position:relative; width:602px; overflow:hidden;background:#fff; z-index:2; margin:0px;padding:0px;}
#AlphabetSelect { border:1px solid #ccc;height:18px;font-size:12px; margin:10px 0 10px 10px;padding:0px; }
#idDivAlphabet ul{position:relative;  margin: 0px 0px 0px 0px; padding: 0 0 5px 10px; overflow:hidden}
#keyboardDiv { position:relative;width:100%;overflow:hidden;}
#idDivAlphabet li {position:relative; list-style-type:none; width:25px; height:22px; float:left; display:inline; margin:0 2px 3px 0}
#colonne_produit_content #idDivAlphabet #keyboardDiv ul#keyboardID li { padding:0px;margin:0 2px 3px 0 }
#idDivAlphabet a{position:relative;text-decoration:none; width:25px; height:19px; display:block; cursor:pointer; text-align:center; font-size:12px;
    background:transparent url(../js/IDN/images/carre.jpg) no-repeat 0 0; color:#464646; margin:0; padding-top:4px}
.browser-ie #idDivAlphabet a {height:23px;}
#idDivAlphabet .lettre:hover{background:red url(../js/IDN/images/carre.jpg) no-repeat 0 -25px; color:#fff; font-weight:bold;
    font-size:17px; padding-top:0px; height:25px; display:block;line-height:23px;}

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

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

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* GENERIC PICTO */
[class^="generic-icon-"],
[class*=" generic-icon-"] {display: inline-block;}
[class^="generic-icon-"]:before,
[class*=" generic-icon-"]:before {
    font-family: "nncom";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="generic-icon-"].inverted,
[class*=" generic-icon-"].inverted {transform: scaleX(-1);}
[class^="generic-icon-"].rotate-minus-25,
[class*=" generic-icon-"].rotate-minus-25 {transform: rotate(-25deg);}
[class^="generic-icon-"].rotate-plus-25,
[class*=" generic-icon-"].rotate-plus-25 {transform: rotate(25deg);}
[class^="generic-icon-"].rounded,
[class*=" generic-icon-"].rounded {border-radius: 50%;background:#000;}
.generic-icon-conseiller:before{content:"\e910"}.generic-icon-telechargements1:before{content:"\e911"}.generic-icon-telechargements:before{content:"\e90f"}.generic-icon-coche2:before{content:"\e90e"}.generic-icon-echanges:before{content:"\e90d"}.generic-icon-wifi:before{content:"\e944"}.generic-icon-chat:before{content:"\e945"}.generic-icon-vie-privee1:before{content:"\e901"}.generic-icon-phishing:before{content:"\e902"}.generic-icon-rappel:before{content:"\e904"}.generic-icon-tel-international1:before{content:"\e907"}.generic-icon-vie-privee:before{content:"\e908"}.generic-icon-coche1:before{content:"\e90a"}.generic-icon-confidentialite:before{content:"\e90b"}.generic-icon-licences:before{content:"\e90c"}.generic-icon-soc-face:before{content:"\e900"}.generic-icon-soc-twit:before{content:"\e903"}.generic-icon-fibre:before{content:"\e905"}.generic-icon-googleplus:before{content:"\e906"}.generic-icon-youtube:before{content:"\e909"}.generic-icon-coche:before{content:"\e912"}.generic-icon-dispo-perm:before{content:"\e913"}.generic-icon-livre-installe:before{content:"\e914"}.generic-icon-adsl:before{content:"\e915"}.generic-icon-aide:before{content:"\e916"}.generic-icon-connecte:before{content:"\e917"}.generic-icon-connexion:before{content:"\e918"}.generic-icon-contact:before{content:"\e919"}.generic-icon-controlpar:before{content:"\e91a"}.generic-icon-demodulateur:before{content:"\e91b"}.generic-icon-guidetv:before{content:"\e91c"}.generic-icon-jeux:before{content:"\e91d"}.generic-icon-liens:before{content:"\e91e"}.generic-icon-loisirs:before{content:"\e91f"}.generic-icon-maps:before{content:"\e920"}.generic-icon-mobile:before{content:"\e921"}.generic-icon-musique:before{content:"\e922"}.generic-icon-nnbox:before{content:"\e923"}.generic-icon-parabole:before{content:"\e924"}.generic-icon-partage:before{content:"\e925"}.generic-icon-pause:before{content:"\e926"}.generic-icon-photos:before{content:"\e927"}.generic-icon-plusital:before{content:"\e928"}.generic-icon-plusvite:before{content:"\e929"}.generic-icon-radio:before{content:"\e92a"}.generic-icon-replay:before{content:"\e92b"}.generic-icon-satellite:before{content:"\e92c"}.generic-icon-securite:before{content:"\e92d"}.generic-icon-sim:before{content:"\e92e"}.generic-icon-support:before{content:"\e92f"}.generic-icon-tele-connect:before{content:"\e930"}.generic-icon-telephone:before{content:"\e931"}.generic-icon-telephone-fixe:before{content:"\e932"}.generic-icon-television:before{content:"\e933"}.generic-icon-tel-france:before{content:"\e934"}.generic-icon-tel-international:before{content:"\e935"}.generic-icon-videos:before{content:"\e936"}.generic-icon-wiko:before{content:"\e938"}

/* 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;}

.download-responsive #global,
.download-responsive #middle,
.download-responsive #middle .struct,
.download-responsive #middle .structure {max-width:1170px;width:100%;margin:0 auto;}
.download-responsive #global.gabari3 .structure .G {box-sizing: border-box;float:left;padding:0 20px;width:calc(100% - 220px);}
.download-responsive #global.gabari3 .structure .D {float:left;width:180px;margin:0 20px;}

.titre_50 {font-size:16px;font-weight:bold;padding:10px 0px 20px 0px;display:block;}
.txt_intro {padding:15px 0px 20px 0px;}
#bouton_2 {padding:0px 0px 0px 10px;}
#choice_2 {position:relative;background:url("/images/documentation/btn-pdf-fp.gif") no-repeat top left;width:306px;height:58px;}
#choice_2 a.detail {position:absolute;top:8px;right:7px;font-weight:bold;text-decoration:none;width:67px;}
#choice_2 a.detail:hover {text-decoration:underline;}
#choice_2 a.simple {position:absolute;top:31px;right:7px;font-weight:bold;text-decoration:none;width:57px;}
#choice_2 a.simple:hover {text-decoration:underline;}

.bouton_choice {float:left;position:relative;margin:0 15px 0 0;padding:0;}
.bouton_choice a#bouton_2 {cursor:pointer;}

.DmdDoc {width:626px;overflow:hidden;padding:0px 0px 30px 70px;}
.DmdDoc .intro {padding:10px 0px 10px 0px;}
.DmdDoc .tar {text-align:right;}
.DmdDoc .fwb {font-weight:bold;}
.DmdDoc .pucedwl {position:relative;background:url("/images/documentation/puce_dwld.gif") no-repeat 100% 0;display:block;padding-right:20px;height:20px;}
.DmdDoc_C {position:relative;overflow:hidden;width:626px;}
.DmdDoc_C.partie1 .col1 {float:left;display:inline;background:url("/images/documentation/btn_doc_pdf.jpg");height:120px;width:300px;padding-right:8px;}
.DmdDoc_C.partie1 .col2 {float:right;display:inline;background:url("/images/documentation/btn_doc_courrier.jpg");height:120px;width:300px;padding-right:8px;}
.DmdDoc_C.partie2 {background:url("/images/documentation/btn_offres_comp.jpg");height:96px;}
.DmdDoc_C.partie2 div {position:relative;margin:15px 8px 0 0;}
.DmdDoc_C.partie2 .bt_sat {margin-top:14px;}

#abonnement_produit {background:#696969;bottom:0;left:0;position:absolute;width:760px;}
.gabari4 #abonnement_produit {width:982px;}
#abonnement_produit ul {margin:0;overflow:hidden;}
#abonnement_produit ul li {background:url("/images/documentation/bg-sep-footer.gif") no-repeat scroll right center transparent;display:inline;float:left;list-style:none;margin:0 0 0 9px;padding:0 9px 0 0;position:relative;text-align:center;}
#menu_produit ul li a,
#abonnement_produit ul li a {display:block;height:27px;line-height:27px;text-decoration:none;}
#abonnement_produit ul li a {color:#fff;}
#abonnement_produit ul li a:hover {font-weight:bold;}
#abonnement_produit ul li.footer_pdf a {background:url("/images/documentation/img-produit-pdf-2.gif") no-repeat scroll left center transparent;padding:0 0 0 19px;width:85px;}
.browser-ie #abonnement_produit ul li.footer_pdf a {width:100px;}
#abonnement_produit ul li.footer_faq a {background:url("/images/documentation/faq.jpg") no-repeat scroll left center transparent;padding:0 0 0 19px;width:35px;}
#abonnement_produit ul li.footer_lexique a {background:url("/images/documentation/lexique.jpg") no-repeat scroll left center transparent;padding:0 0 0 19px;width:55px;}
#abonnement_produit ul li.footer_enveloppe a {background:url("/images/documentation/img-produit-enveloppe.jpg") no-repeat scroll left center transparent;padding:0 0 0 25px;width:133px;}
.browser-ie #abonnement_produit ul li.footer_enveloppe a {width:150px;}
#abonnement_produit ul li.footer_btn_like {background:none;height:20px;overflow:hidden;padding:3px 0 4px;text-align:left;width:100px;}
#abonnement_produit ul li.gplus {float:right;margin:4px 0 0;padding:0;text-align:left;width:70px;}
#abonnement_produit ul li.sabonner {background:none;float:right;margin:0 9px 0;padding:0;}
#abonnement_produit ul li.sabonner .menu_lien_abonne a {background:url("/images/picto01_footer.gif") no-repeat scroll right center transparent;cursor:pointer;display:block;font-size:14px;font-weight:bold;padding:0 21px 0 0;text-decoration:none;}
#abonnement_produit ul li.sabonner .menu_lien_abonne a:hover {background:url("/images/picto01_footer_hover.gif") no-repeat scroll right center transparent;}

.bloc_form {border:1px solid #ccc;color:#333;font-size:11px;margin:0;width:615px;}
.bloc_form .title {background:url("/images/assistance/bg-puce6.gif") no-repeat scroll 5px 50% #E3E3E3;color:#333;display:block;font-size:11px;font-weight:bold;height:25px;line-height:25px;padding:0 0 0 15px;}
.bloc_form ul {background-color:#F0F0F0;list-style:none;margin:0;overflow:hidden;padding:0;}
.bloc_form ul li {display:block;float:left;height:26px;line-height:26px;position:relative;}

.bloc_form ul li input {background-color:#fff;border:1px solid #ccc;color:#484848;float:left;height:14px;line-height:14px;margin:3px 3px 3px 0;padding:2px;width:140px;}
.bloc_form ul li select {background-color:#fff;border:1px solid #ccc;font-size:11px;height:20px;line-height:20px;margin:3px 3px 3px 0;padding:0 0 0 3px;text-align:left;}

.bloc_form ul li textarea {background-color:#fff;background-image:none;border:1px solid #ccc;float:left;font-size:11px;height:100px;margin:3px 3px 3px 0;padding:0 3px;resize:vertical;text-align:left;width:340px;}
.bloc_form ul li #coordinatesForm_city,
.bloc_form ul li #coordinatesForm_country {text-transform:uppercase;}
.bloc_form .label {padding:0 10px 0 0;text-align:right;width:230px;}
.bloc_form .label .sub {bottom:0;color:#757575;display:block;font-size:9px;font-weight:bold;line-height:9px;position:absolute;right:16px;}
.bloc_form .field {background-color:#fff;font-size:10px;overflow:hidden;padding:0 0 0 4px;width:370px;}

.bloc_form .field label.error {display:block;float:left;line-height:11px;margin:12px 3px 5px;}
.bloc_form .alert {background-color:#FFFFB9;color:#333;line-height:15px;padding:4px;text-align:center;width:607px;}
.bloc_form .sup {color:#FF0000;font-size:14px;font-weight:bold;line-height:14px;}
.bloc_form .radio_list {background-color:#fff;}
.bloc_form .radio_list li label {background:url("/images/color/red/picto_radio.gif") no-repeat scroll 0 0 transparent;cursor:pointer;font-size:11px;height:14px;line-height:14px;margin:0 4px;padding:0 0 0 16px;}
.bloc_form .radio_list li label.checked {background-position:0 -14px;}
.bloc_form .radio_list li input {display:none;}
.bloc_form ul.multiline li {height:28px;line-height:21px;}
.bloc_form ul.multiline li input {margin:4px 3px 4px 0;}
.bloc_form ul.captcha li {height:70px;line-height:26px;}
.download-responsive #global .bloc_form ul.captcha li {height:auto;}
.bloc_form ul.captcha li.field {line-height:13px;}
.bloc_form ul.captcha li.field img.captcha {float:right;margin:0 10px 0 0;}
.download-responsive #global .bloc_form ul.captcha li.field img.captcha {position:relative;top:0;}
.bloc_form ul.captcha li.field .error {margin:0;}
.bloc_form ul.message li.field {height:auto;}


.qsm_convition {font-size:13px;overflow:hidden;position:relative;}
.qsm_convition .bord {border-color:#EBEBEB;border-style:solid;border-width:3px 3px 3px 0;height:50px;width:445px;min-height: 55px;}
.qsm_convition .bord span {position:absolute;}
.qsm_convition .visu {background:url("/images/quisommesnous/img_qsn.jpg") repeat scroll 0 0 transparent;height:55px;width:130px;}
.qsm_convition.num2 .visu {background-position:0 -55px;}
.qsm_convition.num3 .visu {background-position:0 -110px;}
.qsm_convition div {display:inline;float:left;}

div.liste {position:relative;overflow:hidden;}
div#pagescorporate.colonnes2 div.qsn  div.liste div.col1,
div#pagescorporate.colonnes2 div.qsn  div.liste div.col2 {float:left;width:auto;padding:0;}
div#pagescorporate.colonnes2 div.qsn  div.liste div.col1 {width:320px;}
div#pagescorporate.colonnes2 div.qsn  div.liste a {display:block;padding-left:15px;background:url("/images/carre1.gif") no-repeat scroll 0 50% transparent;font-weight:bold;color:red;font-size:13px;line-height:1.3em;}
div.qsn_zoomsur {border:3px solid #EBEBEB;font-size:13px;line-height:1.2em;overflow:hidden;padding:5px 10px 10px;position:relative;text-align:justify;}
#pagescorporate .barrecoin01,
#pagescorporate .barrecoin02 {font-size:0;line-height:0;position:relative;width:100%;}

#product_content #abonnement_produit ul li {margin: 3px 0 3px 0;padding-left:15px;}
#product_content #abonnement_produit ul li.gplus {float:left;background:none;margin-top:6px;}
#product_content #abonnement_produit ul li.footer_btn_like {margin-left: 13px;padding-left: 0;}

/* pref blocs */
/* Pref generales aux blocs arrondis */
.bloc_arro, .bloc_arro .contenu {position:relative;overflow:hidden;}
.bloc_arro .barre {position:relative;width:100%;line-height:0px;font-size:0px;}
.bloc_arro .prefcoin, .prefcoin span {position:absolute;display:block;overflow:hidden;}
.bloc_arro .prefcoin.hg, .prefcoin.hg span {top:0;left:0;}
.bloc_arro .prefcoin.hd, .prefcoin.hd span {top:0;right:0;}
.bloc_arro .prefcoin.bg, .prefcoin.bg span {bottom:0;left:0;}
.bloc_arro .prefcoin.bd, .prefcoin.bd span {bottom:0;right:0;}
.bloc_arro .contenu {border:1px solid;border-width:0px 1px;}
.bloc_arro .barre .centre {background-repeat:repeat-x;position:relative;display:block;font-size:0px;line-height:0;text-align:left;}
.bloc_arro .barre .centre.ht {background-position:top;}
.bloc_arro .barre .centre.bs {background-position:bottom;}
.bloc_arro .prefcoin span {width:100px;height:100px;}
.bloc_arro .barre .prefcoin {width:10px;height:30px;}
.bloc_arro .barre .centre {margin:0 10px;}
.bloc_arro .barre.basse .prefcoin,
.bloc_arro .barre.basse .centre {height:10px;line-height:0;font-size:0;}

/* Pref generales aux blocs avec coins */
.barrecoin01 ,.barrecoin01 span {font-size:0;line-height:0;height:8px;}
.barrecoin01 {position:relative;overflow:hidden;width:100%;}
.barrecoin01 span {display:block;width:8px;position:absolute;}
.barrecoin01.ht span {top:0;border-bottom:0px;}
.barrecoin01.bs span {bottom:0;border-top:0;}
.barrecoin01.ht .hd, .barrecoin01.bs .bd {right:0;border-left:0;}
.barrecoin01.ht .hg, .barrecoin01.bs .bg {border-right:0;}
.barrecoin01.ht .hg, .barrecoin01.ht .hd {border-bottom: 0;}
.barrecoin01.bs .bd, .barrecoin01.bs .bg {border-top:0;}
.barrecoin01.gris span {border:1px solid #C6C6C6;box-sizing: initial;}
.barrecoin01.rouge span {border:1px solid red;}
.corporate-responsive #middle .barrecoin01 span {box-sizing: initial;}

/* 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: #FF0000!important;}
#tableau_technique .table div {padding:5px 0;}
#tableau_technique table {line-height: 1.3;min-width: 600px;}
#tableau_technique table tr {
    background: #E2E3E4;
    border: 1px solid #fff;
    height: 30px;
    padding: 5px 17px;
}
#tableau_technique thead th {
    border-left: 1px solid #fff;
    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: #F2F3F4;}

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

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

/* sticky tr in table */
/* works with function stickyRows in functions.js */
.sticky-header-table {position: fixed;overflow: hidden;z-index: 1;}
.sticky-header-table table {background-color: #fff;}
.sticky-table-for-shifting {position: absolute;left: 0;top: 0;}

@media (min-width:1200px){
    #bottom .footer-bottom .container { margin:0 auto;position:relative;}
    #bottom .footer-bottom .liensbas {margin:0;padding:0 0 0 40px;}
    #bottom .footer-bottom .container {max-width:1200px;}
    #bottom .footer-bottom .logos.logo_Orange {top:-11px;}
    #bootstrapSinglePageLayout #bottom .footer-bottom .logos.logo_NN {left:0;top:-10px;}
    #bootstrapSinglePageLayout #bottom .footer-bottom .logos.logo_Orange {top:-11px;padding-right:0;}
    #bottom .address-call {font-size: 13px;padding: 15px 0 15px 15px;}
    #bottom .address-call .icon {position: relative;top: -8px;}
    #bottom .address-call .text {padding-left:0; top: -20px;}
}
@media (max-width: 1199px) {
    .sticky-header-table .table {width: calc(100% - 13px)!important;}
}
@media (min-width:992px) {
    #bottom .phone-call {width:22%;}
    #bottom .address-call {width:32%;}
    #bottom .assistance-call {width:21%;}
    #bottom .footer-blocks .links-col.first {width:38%;}
    #bottom .footer-blocks .links-col.second {width:28%;}
    #bottom .footer-blocks .footer-nordnet-list {width: 23.83%;}
    #bottom .footer-blocks .footer-solution-list {width: 52.33%;}
    #bottom .footer-blocks .footer-news-list,
    #bottom .footer-blocks .footer-nordnet-list {height: 250px;}
    #bottom .footer-blocks .footer-news-list:before,
    #bottom .footer-blocks .footer-nordnet-list:before {height: 250px;}
    .newProductLayout #bottom .reinsurance-text,
    .corporateLayout #bottom .reinsurance-text,
    .productV2Layout #bottom .reinsurance-text,
    #largeLayout #bottom .reinsurance-text,
    #visibilityLayout #bottom .reinsurance-text,
    #productLayout #bottom .reinsurance-text,
    #commandeLayout #bottom .reinsurance-text {font-size: 0.85em;}
}

@media (max-width:1050px) {
    #global {overflow-x: scroll;width: 100%;}
}

@media (min-width:992px) and (max-width:1199px) {
    #bottom .reinsurance-text {font-size:0.85em;}
    #bottom .reinsurance-col {width:22%;}
    #bottom .contact-call {width:24%;}
    #bottom .assistance-call {width:22%;}
    #bottom .address-call {padding-right: 0;padding-left: 0;width:32%;}
    #bottom .address-call .text {top: -13px;}
    #bottom .footer-bottom li.li-logo-nn,
    #bottom .footer-bottom li.li-logo-orange {
        display: block;
        margin: 10px 0;
    }
    #bottom .footer-bottom .logos.logo_NN,
    #bottom .footer-bottom .logos.logo_Orange {
        position: static;
        display: inline-block;
        margin: 10px;
        padding-right: 0;
    }
}

@media (min-width:992px) and (max-width:1060px) {
    #bottom .footer-blocks .footer-news-list,
    #bottom .footer-blocks .footer-nordnet-list {height: 280px;}
    #bottom .footer-blocks .footer-news-list:before,
    #bottom .footer-blocks .footer-nordnet-list:before {height: 280px;}
}
@media (max-width:991px) {
    #bottom {margin:0 auto;}
    #bottom .reinsurance-text {font-size:1em;}
    #bottom .reinsurance-text .text{padding: 5px 0 0 0;max-width: 240px;}
    #bottom .reinsurance-col {padding-bottom:30px;text-align: center;}
    #bottom .footer-blocks .blocInfoContinu:before,
    #bottom .footer-blocks .blocNornet:before {height:335px;}
    #bottom .footer-blocks .footer-solution-list {padding-bottom:30px;width:100%;}
    #bottom .footer-blocks .footer-news-list,
    #bottom .footer-blocks .footer-nordnet-list {padding-bottom:30px;height:auto;width:50%;}
    #bottom .footer-blocks .footer-news-list:before {display: none;}
    #bottom .footer-blocks .footer-nordnet-list:before {left: -20%;height: 495px;}
    #bottom .footer-blocks .blocNornet{padding-top:30px;}
    #bottom .footer-blocks .category .link {
        display: block;
        font-size:1em;
        padding: 5px 0;
        margin-right: 20px;
    }
    .prefooter-text {min-height: 90px;}
    #bottom .footer-bottom li a {font-size: 0.9em;}
    #bottom .footer-bottom {padding-left:0;}
    #bottom .footer-bottom .li-logo-nn,
    #bottom .footer-bottom .li-logo-orange {display:block;width:100%;}
    #bottom .footer-bottom .logos.logo_NN,
    #bottom .footer-bottom .logos.logo_Orange {
        position: static;
        display: inline-block;
        margin: 10px;
        padding-right: 0;
    }
    #bottom .footer-blocks .category-item.post-links {padding-top:46px;}
    #introduction {display:none;}
    #pagescorporate .col2.mt10 {display:none;}
    #QuiSommesNous #global.gabari4 .struct,
    #QuiSommesNous1 #global.gabari4 .struct {box-sizing:border-box;padding-right:20px;}
    .corporate-responsive .struct #pagescorporate .col1 {width: 100%; padding: 15px 0 0 20px;}
    .corporate-responsive #middle {width: 100%!important;}
    #pagescorporate .qsn .descris {padding: 10px 15px 15px;}
    div#pagescorporate.colonnes2 div.qsn div.liste div.col1,
    div#pagescorporate.colonnes2 div.qsn div.liste div.col2 {margin-top:0;}
    .corporate-responsive div#pagescorporate.colonnes2 div.qsn div.liste div.col1,
    .corporate-responsive div#pagescorporate.colonnes2 div.qsn div.liste div.col2 {width:48%;}
    div#pagescorporate.colonnes2 div.qsn  div.liste div.col1 a,
    div#pagescorporate.colonnes2 div.qsn  div.liste div.col2 a {margin:3px 0;}
    .telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col1 {width:100%;}
    .telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col2,
    #pagescorporate .downl .picto {display:none;}
    #pagescorporate .downl .bloc-boiteaoutil {
        float: left;
        margin: 0 0 10px 0;
        width: calc(100% - 15px);
    }
    #pagescorporate .downl .contenu {margin: 0 5px 15px 0;}
    #pagescorporate .downl .motif_bottom {margin-left:0;}

    .download-responsive #middle .bouton_choice {background:none;max-width: 310px;width:100%;}
}

@media (max-width:830px) {
    #bottom .footer-blocks .footer-nordnet-list:before {height: 515px;}
}

@media(max-width:767px) {
    #breadcrumb{display:none;}
    #bottom {padding-top:0;}
    #bottom .reinsurance-text .text {max-width: calc(100% - 60px);width: auto;}
    #bottom .reinsurance-col {border-top:1px solid #fff;padding:15px 0;width:100%;}
    #bottom .reinsurance-text {
        display: inline-block;
        font-size: 1em;
        margin: 0 auto;
        text-align: center;
        max-width: 330px;
        width:100%;
    }
    #bottom .footer-blocks {display:none;}
    #bottom .footer-social {
        background:#fff;
        height:auto;
        padding:10px 15px;
        text-align: center;
    }
    #bottom .footer-social .social-block,
    #bottom .footer-social .social-block dt,
    #bottom .footer-social .social-block dd {
        line-height: 100%;
        padding:0;
        margin:0;
        vertical-align: middle;
    }
    #bottom .footer-social .social-block dt {padding: 0;}
    #bottom .social-block .picto {
        margin: 0 15px;
        padding: 5px 0;
        height:37px;
        width:37px;
        transition: 0s;
    }
    #bottom .social-block .picto i {font-size: 250%;top: -2px;}
    #bottom .hide-on-small-device {display:none;}
    #bottom .liensbas li {display:none;padding-bottom:10px;text-align:center;}
    #bottom .liensbas .li-logo-nn,
    #bottom .liensbas .li-logo-orange {
        display:inline-block;
        margin:0 10px;
        padding-bottom:10px;
        width:auto;
    }
    #tss-section {font-size:120%;}
    #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;}
    #QuiSommesNous .qsm_convition .visu {display:none;}
    #QuiSommesNous .qsm_convition .bord {border-width:3px 3px 3px 3px;width:100%;}
    .corporate-responsive #pagescorporate .qsn .descris {padding: 10px 0 15px;}
    .ios #sb-body {display:block;width: 100%;height: 350px;overflow-y: scroll;-webkit-overflow-scrolling: touch}
    .corporate-responsive .struct #pagescorporate .mentions .col1,
    .corporate-responsive .struct #pagescorporate .mentions .col2,
    .corporate-responsive .struct #pagescorporate .mentions-bis .col1,
    .corporate-responsive .struct #pagescorporate .mentions-bis .col2 {margin:0;padding:15px 0;width:100%;}
    .corporate-responsive .struct #pagescorporate .mentions .imgillustr01,
    .corporate-responsive .struct #pagescorporate .mentions .address {float:left;margin-bottom:15px;width:100%;}
    .corporate-responsive .struct #pagescorporate .mentions .imgillustr01 {width:175px;}
    .corporate-responsive .struct #pagescorporate .mentions,
    .corporate-responsive .struct #pagescorporate .mentions-bis {margin: 0 20px 0px;}
    .corporate-responsive .struct #pagescorporate .mentions-bis .col1,
    .corporate-responsive .struct #pagescorporate .mentions-bis .col2 {padding: 15px 0;}
    .corporate-responsive .struct #pagescorporate .mentions .col1,
    .corporate-responsive .struct #pagescorporate .mentions .col2,
    .corporate-responsive .struct #pagescorporate .mentions .contenuarticle,
    .corporate-responsive .struct #pagescorporate .mentions-bis .contenuarticle {line-height:1.3;text-align:left!important;}
    .corporate-responsive .struct #pagescorporate .mentions-bis .descris,
    .corporate-responsive .struct #pagescorporate .mentions-bis .descris {padding: 15px 0;}
    .corporate-responsive .struct #pagescorporate .enfance .col1,
    .corporate-responsive .struct #pagescorporate .enfance .col2 {padding:15px 0;width:100%;float:left;margin:0 0;}
    .corporate-responsive .struct #pagescorporate .enfance .imgillustr01 {width:175px;float:left;margin:0 10px 10px 0;width:175px;}
    #pagescorporate .enfance .descris {padding: 10px 15px 15px;}
    .corporate-responsive .struct #pagescorporate .illicites .col1,
    .corporate-responsive .struct #pagescorporate .illicites .col2 {padding:15px 0;width:100%;float:left;margin:0 0;}
    .corporate-responsive .struct #pagescorporate .illicites .imgillustr01 {width:175px;float:left;margin:0 10px 10px 0;width:175px;}
    #pagescorporate .illicites .descris {padding: 10px 15px 15px;}
    .corporate-responsive #global .grostitre1 {height: auto;line-height: 1.0;padding: 10px 0;}
    .corporate-responsive #global .contenuarticle {line-height: 1.3;}
    #pagescorporate .barrecoin01, #pagescorporate .barrecoin02 {display: none;}
    #pagescorporate .barrecoin01.rouge, #pagescorporate .barrecoin02.rouge {display: block;}
    .download-responsive #global.gabari3 .structure .G {min-height:350px;width:100%;}
    .download-responsive #global.gabari3 .structure .D {display:none;}
    .download-responsive #global .bloc_form ul li input {width: calc(100% - 15px);}
    #tableau_technique .tableau_technique .short-table,
    #tableau_technique .tableau_technique .prices-table {max-width:900px;}
}

@media(max-width:600px){
    #QuiSommesNous .qsm_convition .bord {
        height:auto;
        overflow: hidden;
        width:100%;
        border-width: 3px 3px 3px 3px;
        box-sizing: border-box;
    }
    #QuiSommesNous .qsm_convition .bord span {
        display:block;
        padding:10px;
        height:auto;
        overflow:hidden;
        position: relative;
    }
    #QuiSommesNous .qsm_convition .visu {display:none;}
    #QuiSommesNous .qsm_convition div {display: inline-block;height:auto;overflow:hidden;}
    .telechargements.corporate-responsive #pagescorporate .col1 .help-link {clear:both;width:100%;}
    .bloc_form .label {letter-spacing: -0.05em;}
    .corporate-responsive div#pagescorporate.colonnes2 div.qsn div.liste div.col1,
    .corporate-responsive div#pagescorporate.colonnes2 div.qsn div.liste div.col2 {width:100%;}
    #cookies-policy {font-size:120%;}
    #cookies-policy .title,
    #cookies-policy .sub-title {text-align: center;}
    #cookies-policy p {text-align: justify;}
}

@media(min-width:480px) {
    .visible-xxs{display:none!important;}
}

@media(max-width:479px){
    /* display */
    .hidden-xxs{display:none!important;}.visible-xxs, .xxs-d-b{display:block!important;}.xxs-d-il{display:inline-block!important;}
    /* margin */
    .xxs-mt-15 {margin-top:15px!important;}.xxs-mt-30 {margin-top:30px!important;}.xxs-mb-15 {margin-bottom:15px!important;}.xxs-mb-30 {margin-bottom:30px!important;}
    /* padding */
    .xxs-pt-15 {padding-top:15px!important;}.xxs-pt-30 {padding-top:30px!important;}.xxs-pb-15 {padding-bottom:15px!important;}.xxs-pb-30 {padding-bottom:30px!important;}
    /* font size */
    .xxs-fs-100 {font-size:100%!important;}.xxs-fs-110 {font-size:110%!important;}.xxs-fs-120 {font-size:120%!important;}.xxs-fs-130 {font-size:130%!important;}.xxs-fs-140 {font-size:140%!important;}.xxs-fs-160 {font-size:160%!important;}
    /* line height */
    .xxs-lh-100 {line-height:1!important;}.xxs-lh-110 {line-height:1.1!important;}.xxs-lh-120 {line-height:1.2!important;}.xxs-lh-130 {line-height:1.3!important;}.xxs-lh-140 {line-height:1.4!important;}
    /* alignment */
    .xxs-ta-c {text-align:center!important;}.xxs-ta-r {text-align:right!important;}.xxs-ta-l {text-align:left!important;}.xxs-ta-j {text-align:justify!important;}

    #bottom .footer-social .social-block dt {width:100%;padding:10px 0 15px;}
    #bottom .social-block .picto {margin: 0 10px;}
    #pagescorporate .downl .txtcontenu {padding-left: 0;}
    .telechargements.corporate-responsive #pagescorporate .col1 .help-link {text-align: center;}
    .telechargements.corporate-responsive #pagescorporate .col1 .help-link a {text-decoration: underline;}
    .telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col1 .puce {line-height:1.3;margin:10px 0;background:none;padding-left:0;}
    .telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col1 .pdf {text-decoration:underline;}
    .telechargements.corporate-responsive #pagescorporate.colonnes2 .downl .col1 .file {width: 50%;display: inline-block;}
    #pagescorporate .logo-google-play {
        height: 80px;
        position: static;
        width: 100%;
        float: left;
        text-align: center;
    }
    .download-responsive #middle .bloc_form ul li {
        width: calc(100% - 20px)!important;
        text-align: left;
        background: #fbfefe;
        padding: 5px 10px 0;
        font-size: 13px;
        line-height: 1;
    }
    .download-responsive #global .bloc_form .field {padding-top:0;}
    .bloc_form .label .sub {line-height: 1.4;position: static;}
    .bloc_form .label {letter-spacing: inherit;}
}

/* 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:#eee;
    font-family: 'AvenirLTStd35Light';
    font-size:16px;
    line-height:1.2;
    padding:30px 0;
    text-align: center;
}
#mvno-section .mvno-title {
    color:#5b5b5b;
    font-size: 156.5%;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 2px 0 40px;
}
#mvno-section .mvno-sub-title {
    color:#16a085;
    font-size: 137.5%;
    font-family: 'AvenirLTStdHeavy';
    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: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}
#mvno-section .panel-heading {
    background: #16a085;
    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:#1f85c9;}
#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:#f9bf3a;
    font-family: 'AvenirLTStdHeavy';
    font-style: italic;
    padding: 10px 0 0;
}
#mvno-section .panel-body {
    background:#26bfa1;
    border-radius: 0;
    color:#fff;
    padding:0;
}
#mvno-prices .panel-body {background:#3498db;}
#mvno-section .diBlock {display:inline-block!important;}
#mvno-section .price{
    border: 0;
    color:#f9bf3a;
    font-family: 'AvenirLTStdMedium';
    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:#fff;
    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 #16a085;
    display:inline-block;
    font-family: 'AvenirLTStdMedium';
    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 #1f85c9;}
#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: 'AvenirLTStdHeavy';}
#mvno-section .mvno-global-link,
#mvno-section .mvno-global-link:hover,
#mvno-section .mvno-global-link:active,
#mvno-section .mvno-global-link:focus {
    color:#5b5b5b;
    display: inline-block;
    font-family: 'AvenirLTStdMedium';
    font-size:90%;
    font-style: italic;
    margin:0;
    padding:5px 5px 0 0;
    text-align: right;
}
#mvno-section .mvno-more-picto {
    color: #16a085;
    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:#6f6e6e;
    display: block;
    font-size:92.5%;
    font-family: 'AvenirLTStd35Light';
    font-weight:700;
    letter-spacing: 0.03em;
    line-height: 1.3;
}
#mvno-section .mvno-picto-option-text.bold {color:#575757;font-family: 'AvenirLTStdMedium';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:#2a2a2a;
    background:0;
    border:0;
    font-family: 'AvenirLTStdMedium';
    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:#fff;
    border: 1px solid #cbcbcb;
    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') 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:#3498db;
    font-family: 'AvenirLTStdHeavy';
    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;}
#myTVChannels .modal-content {
    border:0;
    border-radius:3px;
    float:left;
    height: 90vh;
    width:100%;
}
#myTVChannels .modal-header {
    background:#000 no-repeat center center;
    background-size:cover;
    border:0;
    border-radius: 3px 3px 0 0;
    color:#fff;
    float:left;
    font-family: 'AvenirLTStdMedium';
    padding:0;
    width:100%;
    position:relative;
}
#myTVChannels .modal-title {
    display:inline-block;
    line-height: 1.15;
    padding:1vh 30px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#myTVChannels .modal-title small{display: block;font-family: 'AvenirLTStd35Light';font-size: 0.933em;}
#myTVChannels .close,
#myTVChannels .close:hover {
    float: none;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=100);
    opacity: 1;
    position:absolute;
    right:15px;
    top:15px;
}
#myTVChannels .modal-footer {
    border-top: 0;
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 60px;
    overflow-x: auto;
    margin: 0 0 30px;
    overflow-y: hidden;
}
#myTVChannels .modal-body {
    float:left;
    padding: 0;
    text-align: center;
    width:100%;
    overflow: auto;
    height: calc(100% - 250px);
}
#myTVChannels .nav-tabs {
    background: #4d4d4d;
    border:0;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 800px;
}
#myTVChannels .nav-tabs>li {display: inline-block;float: none;margin: 0;}
#myTVChannels .nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 0.75em;
    line-height: 1;
    margin: 0;
    padding: 2vh 10px;
    text-transform: uppercase;
}
#myTVChannels .nav>li>a:focus,
#myTVChannels .nav>li>a:hover {background-color: transparent;color: #fff;text-decoration: none;}
#myTVChannels .nav-tabs>li.active>a,
#myTVChannels .nav-tabs>li.active>a:focus,
#myTVChannels .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: transparent;
    border: 0;
    font-weight: 700;
}
#myTVChannels .nav-tabs>li.active a {position:relative;}
#myTVChannels .nav-tabs>li.active a:after {
    background:#ef4836;
    content:'';
    display: block;
    height:10px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
#myTVChannels .channel-block {
    background: #ecf0f1;
    display: block;
    border-radius: 5px;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 15px 0 0;

}
#myTVChannels .channel-block.with-replay {position:relative;}
#myTVChannels .channel-block.with-replay:after {
    background:transparent url('/images/produits/mvno/television/replay.png?v=20181220') no-repeat center center;
    background-size: 100%;
    content:'';
    display: block;
    height:10px;
    width:43px;
    position:absolute;
    top:10px;
    right:8px;
    z-index:2;
}
#myTVChannels .channel-block-title {
    font-size: 0.85em;
    font-family: 'AvenirLTStdMedium';
    color: #000;
    line-height: 1;
    min-height: 30px;
    padding: 0 5px;
}
#myTVChannels .tab-pane {display:none;}
#myTVChannels .tab-pane.active {display:block;}
@media (min-width: 768px) {
    #myTVChannels .modal-dialog {margin: 30px auto;max-width:1170px;width: 95%;}
    #myTVChannels .modal-header {
        min-height: 17vh;
        display: inline-block;
        line-height: 17vh;
        vertical-align: middle;
    }
    #myTVChannels .modal-title {font-size: 1.35em;}
}

@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;}
    #myTVChannels .nav-tabs>li>a {padding: 20px 7px;}
}
@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;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        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;}
    #myTVChannels .close, #myTVChannels .close:hover {right: 5px;top: 5px;}
    #myTVChannels .modal-header {
        min-height: 12vh;
        display: inline-block;
        line-height: 12vh;
        vertical-align: middle;
    }
    #myTVChannels .modal-title {padding: 0 30px;display: inline-block;vertical-align: middle;}
    #myTVChannels .modal-body {height: calc(100% - 24vh);max-height: 72%;}
    #myTVChannels .modal-sub-nav {position:relative;}
    #myTVChannels .modal-sub-nav:before,
    #myTVChannels .modal-sub-nav:after {
        background: linear-gradient(to right, rgba(77,77,77,1) 40%,rgba(0,0,0,0) 100%);
        content:'';
        display:block;
        height:43px;
        width:45px;
        position:absolute;
        left:0;
        top:0;
        z-index: 2;
    }
    #myTVChannels .modal-sub-nav:after{
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(77,77,77,1) 60%,rgba(77,77,77,1) 100%);
        left:inherit;
        right:0;
    }
}
@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%;}
    #myTVChannels .modal-title {font-size: 0.85em;}
    #myTVChannels .modal-body {height: 210px;}
    #myTVChannels .tab-pane .col-xs-4 {padding: 0 10px;width:50%;}
    #myTVChannels .channel-block {margin: 0 0 20px;padding: 15px 0;}
    #myTVChannels .channel-block-title {display: none;}
    #myTVChannels .modal-body {height: calc(100% - 180px);}
}
@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;
    }
    #myTVChannels .nav-tabs {min-width: 750px;}
}
@media(max-height:768px) {
    #myTVChannels .modal-content {height: 93vh;}
}
@media(min-height:992px) and (min-width:767px) {
    #myTVChannels .modal-content {height: 93vh;}
    #myTVChannels .modal-body {height: calc(100% - 30vh);}
}
@media(max-height:400px) and (max-width: 767px){
    #myTVChannels .modal-body {height: calc(100% - 39vh);}
}
/* RETURN TOP */
#return-top {
    display: none;
    width: 54px;
    height: 31px;
    position: fixed;
    top: 365px;
    z-index: 999;
}
#return-top span {
    background:#767676;
    box-sizing: border-box;
    color:#fff;
    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 #767676;
    position:absolute;
    right:-14px;
    top:0;
}


/* GENERIC SINGLE TOGGLE */
.single-toggle-label {position:relative;}
.single-toggle-label:after {
    content:'';
    display:inline-block;
    font-family:'FontAwesome';
    vertical-align: middle;
}
.single-toggle-input {display:none;}
.single-toggle-input:checked + .single-toggle-label:after {content:''}
.single-toggle-input ~ .single-toggle-content {display:none;}
.single-toggle-input:checked ~ .single-toggle-content {display:block;}
/*

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: #494949;
    display: inline-block;
    font-family: 'AvenirLTStdMedium';
    font-size: 1.25em;
    margin:0;
    padding: 0 0 5px 0;
    text-align: left;
    width: 100%;
}
.generic-input-text .input{
    background: #fff;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    color: #000;
    display: inline-block;
    font-family: 'AvenirLTStd35Light';
    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: #f2f1ef;color: #bebebe;}
.generic-input-text .input[disabled="disabled"]{background: #f2f1ef;color: rgba(190, 190, 190, 1);font-style: italic;}
.generic-input-text.validated .input {border: 1px solid #1aa68a;}
.generic-input-text.with-error .input {border: 1px solid #f00;}
.generic-input-text .error{
    background: #f00;
    color: #fff;
    display: inline-block;
    font-family: 'AvenirLTStd35Light';
    font-size: 0.75em;
    line-height:1;
    margin:5px 0 0;
    padding: 5px;
    text-align: left;
    width: 100%;
}
.generic-input-text .help {
    color: #a4a4a4;
    display: inline-block;
    font-family: 'AvenirLTStd35Light';
    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 {-webkit-box-shadow: 0 0 0px 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 #929292;
    border-radius: 0;
    color: #000;
    font-family: 'AvenirLTStdMedium';
    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:#656565;font-family: 'AvenirLTStd35Light';top: 6px;font-size: 0.85em;}
.generic-input-text.material-like .input ~ .label,
.generic-input-text.material-like .input ~ .label {
    color: #747474;
    font-size: 0.933em;
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
    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: #6cb9f1;
    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: #F00;
    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: #a4a4a4;
    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: #f00;}
.generic-input-text.material-like.with-error .input {border:0;border-bottom: 1px solid #f00;}

.generic-input-text.material-like.validated .line:before,
.generic-input-text.material-like.validated .line:after {background: #1aa68a;}
.generic-input-text.material-like.validated .input {border-bottom: 1px solid #1aa68a;}
.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:#fff url('../images/produits/subventions/badge.png') no-repeat 10px 15px;
    background-size:73px 73px;
    border:1px solid #bfc1c1;
    color:#484949;
    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%;
}
.local .subvention-block_container {
    background:#fff url('../images/produits/subventions/subvention-locale.png') no-repeat 10px 15px;
}
.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;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:#fff url('../images/produits/eligibilite/churn-illustration.png?v=20190529') no-repeat right bottom;
    background-size: auto 100%;
    color:#000;
    min-height:197px;
    outline: 2px solid #ecf0f1;
}
.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: 'AvenirLTStdHeavy';
    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: 'AvenirLTStdHeavy';
    font-size:1.25em;
    line-height: 1.15;
    padding-top:20px;
}
.small-block .odr-content_title {font-family: 'AvenirLTStd95Black';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:#50B3E2;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 #50B3E2 transparent;
    position:absolute;
    top:0;
    left:-48px;
}
.small-block .col-right .img-responsive {position:absolute;bottom:0;right:0;}
.grouped-subcriptions {background-color:#fff;background-image: none;}
.grouped-subcriptions .col-right .odr-content_contents {background-color:#EC6A02;}
.grouped-subcriptions .col-right .odr-content_contents:before {border-color: transparent transparent #EC6A02 transparent;}
.grouped-subcriptions .odr-content_text {font-size:1em;}
.grouped-subcriptions .odr-content_text .colored {color:#EC6A02;font-family: 'AvenirLTStdHeavy';text-transform: uppercase;}

@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:#fff url('../images/produits/eligibilite/churn-illustration-mobile.png?v=20190529') 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: #fff;
        height: auto;
        min-height: inherit;
        text-align: center;
        outline: none;
    }
    .small-block .odr-content {background: #50B3E2;padding: 15px;}
    .grouped-subcriptions .odr-content {background: #EC6A02;padding: 15px;}
    .grouped-subcriptions .odr-content_text .colored {color: #fff;}
    .small-block .odr-content_container {
        height: auto;
        line-height: 1;
        padding:0 15px;
        width: 100%;
    }
}
@media (max-width:600px) {
    .odr-content {background:#50B3E2;color:#fff;min-height:inherit;padding: 15px;}
    .odr-content_container {height: auto;line-height: 1;width: 100%;}
}
@media(min-width:992px) {
    .small-block .col-right,
    .grouped-subcriptions .col-right{float: right;padding:0;width: 28%;}
    .grouped-subcriptions .odr-content_container {width:69%;}
    .grouped-subcriptions .col-right{width: 25%;}
    .small-block .col-right .img-responsive {max-width:calc(100% + 50px);width:calc(100% + 50px);}
    .grouped-subcriptions .col-right .img-responsive {max-width:calc(100% + 60px);width:calc(100% + 60px);}
}
@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;}
}