/* CSS Document - ERV 2016 */

/* =============================================================================
   $Reset
   ========================================================================== */
@charset "UTF-8";

/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary{display:block}
script{display:none !important}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline}

/* Correct 'inline-block' display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {display:inline-block;
    *display:inline;
    *zoom:1;
}

/* =============================================================================
   $Base / $Elements
   ========================================================================== */
@font-face {
    font-family:'DINPro';
    src:url('../fonts/DINPro.eot');
    src:url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),  
	   /*url('../fonts/DINPro.woff') format('woff'),*/
       url('../fonts/DINPro.ttf') format('truetype'), 
       url('../fonts/DINPro.svg#DINPro') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'DINPro-Bold';
    src:url('../fonts/DINPro-Bold.eot');
    src:url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),  
	   /*url('../fonts/DINPro-Bold.woff') format('woff'),*/
       url('../fonts/DINPro-Bold.ttf') format('truetype'), 
       url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
  font-family:'DINPro-Black';
    src:url('../fonts/DINPro-Black.eot');
    src:url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),  
	   /*url('../fonts/DINPro-Black.woff') format('woff'),*/
       url('../fonts/DINPro-Black.ttf') format('truetype'), 
       url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'DINPro-Cond';
    src:url('../fonts/DINPro-Cond.eot');
    src:url('../fonts/DINPro-Cond.eot?#iefix') format('embedded-opentype'),  
	   /*url('../fonts/DINPro-Cond.woff') format('woff'),*/
       url('../fonts/DINPro-Cond.ttf') format('truetype'), 
       url('../fonts/DINPro-Cond.svg#DINPro-Cond') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'IcoERV';
    src: url('../fonts/icoerv.eot');
    src: url('../fonts/icoerv.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/icoerv.woff') format('woff'),*/
         url('../fonts/icoerv.ttf') format('truetype'),
         url('../fonts/icoerv.svg#icoerv') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{font-size: 62.5%} /* pour une correspondance en px --> 1rem = 10px */

body{color: #000; font-size: 1.3rem; /* =18px */ font-family:'DINPro'; font-weight: normal; text-align: left; background-color: #FFF; z-index:1}
*{ margin: 0; padding: 0; box-sizing: border-box}

a{text-decoration: none; color: #000}
a:hover {text-decoration: underline}

em{font-style: normal}

ul, dl, dt, dd{list-style: none;margin: 0;padding: 0; list-style-position: inside;}
ol{margin: 0; padding: 0; list-style-position: inside;}
a:hover{text-decoration: none;}

input{border: none; background: none;}

figure { font-size: 0; }
    figure figcaption { font-size: 1.6rem; }

/*.container{position: relative; width: 1000px; margin: 0 auto; background-color: #FFF;}*/
#closeMenu{display: none; position: absolute; top: -60px; left: 0; cursor: pointer; width: 30px; height: 30px; text-align: center;  color: #FFF; background-color: #000; z-index: 200;}
#closeMenu::before { font-family: 'icoERV'; content: '\e5cd'; font-size: 3rem;line-height: 30px;}
.extraInfo{padding: 0 3px; font-size: 1.1rem; text-transform: uppercase;}
.gras-italique { font-family: 'DINPro-Bold'; font-style: italic; }

.overlay{display: none; background-color: #000; opacity: 0.8; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 400;}

/* =============================================================================
   $Form / $GFWK_form
   ========================================================================== */
input[type="text"],
input[type="password"],
input[type="email"]{background: #FFF; height: 28px; padding: 5px 10px; border: 1px solid #EFEFEF; /*color: #9ca3a8; */vertical-align: bottom; font-size: 1.2rem;}
input[type="submit"], input[type="button"]{-webkit-appearance: none; -moz-appearance: none;}
select{height: 28px;}

legend span{background-color: #333; border-radius: 50%; width: 26px; height: 26px; line-height: 26px !important; text-align: center; display: inline-block; color: #FFF; margin: 0 10px 0 0;}

input.hasDatepicker{border: 1px solid #b6bdc3;}

.formRow, .formrow{overflow: hidden; margin: 0 0 5px 0;}
.formRow label, .formrow label{float: left; width: 160px; line-height: 28px;}

.btModel01{             /* button jaune */
display: inline; background-color: #FFDD35; padding: 0 15px; text-align: center; text-transform: uppercase; border: none; font-size : 1.3rem; height: 28px; vertical-align: bottom; cursor: pointer; }
.btModel01:hover{color: #FFF !important; text-decoration: none !important;}

.btModel02{             /* button gris anthracite */
display: inline; background-color: #485156; padding: 0 15px; text-align: center; text-transform: uppercase; border: none; cursor: pointer; height: 28px; color: #FFF;}
.btModel02:hover{color: #FFF !important; text-decoration: none !important;}

.btModel03{             /* button bleu */
display: inline; background-color: #2d6d85; padding: 0 10px; color: #FFF; text-align: center; text-transform: uppercase; border: none; cursor: pointer; height: 28px; font-size: 1.3rem;}
.btModel03:hover{color: #FFF !important; text-decoration: none !important;}

.btModel04{             /* button gris clair */
display: inline; background-color: #f1f4f6; padding: 5px 15px; color: #485156; text-align: center; text-transform: uppercase; border: none; cursor: pointer; font-size: 1.3rem; margin: 0 2px;}
.btModel04:hover{}

.btModel05{             /* button gris moyen */
display: inline; background-color: #808080; padding: 0 10px; color: #FFF; text-align: center; text-transform: uppercase; border: none; cursor: pointer; font-size: 1.3rem; height: 28px; line-height: 28px;}
.btModel05:hover{}


a.btModel01, a.btModel02,  a.btModel03{display: inline-block; line-height: 28px; height: 28px;}

span.oblig{padding: 0 5px; color: red;}
.messageBox, .msgBox{margin: 20px 0; background-color: #f1f4f6; padding: 20px; text-align: center;}
.messageBox .goBack{display: block; font-size: 14px; margin: 20px 0 0 0; float: left;}
.messageBox .goBack:before{font-family: 'icoERV'; content: '\e15e'; font-weight: bold; font-size: 1.6rem; position: relative; top: 1px;}
.messageBox .goContact{display: block; font-size: 14px; margin: 20px 0 0 0; float: right;}
.messageBox .goContact:after{font-family: 'icoERV'; content: '\e0e1'; font-size: 1.6rem; top: 1px;}
.msgBox .goBack, .msgBox .goContact { display: block; }
.msgBox.note{text-align: justify;}
.boxConnect .msgBox.error { color: #e30613; }
.boxConnect .msgBox.error a { text-decoration: underline; }
.blocTxt{text-align: right; font-style: italic; font-size: 1.2rem;}

.blocboutons{text-align: center; margin: 10px 0;}
.blocButtons{margin: 10px 0;}

label.error{display: block; color: #e30613 !important; font-style: italic; font-size: 1.1rem !important; text-align: right; width: 100% !important;}
input.error, textarea.error {border: 1px solid #e30613 !important;}

/* =============================================================================
   Tables
   ========================================================================== */
table, .table{max-width : 100%; /*table-layout: fixed;*/ border-collapse: collapse; vertical-align: top;}
table{width: 100%; margin: 0 0 10px 0;}
.table{display: table;}

table#recaptcha_table, table.table-auto{table-layout: auto;}

caption{padding: 10px; color: #FFF; font-style: italic;	background-color: #83a0ae;}

tr > * + * {}
th{text-transform: uppercase;}
th, td{padding: 2px 5px; border-bottom: 1px solid #ccc; font-size: 1.4rem;}

td{color: #333; vertical-align: top;}

td.picto{background-color: #ebebec;}

/* =============================================================================
   $header : Layout
   ========================================================================== */
#header{position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 901; height: 120px; background-color: #FFF;}
#header .constrain:nth-of-type(1){height: 90px;}
#header .constrain:nth-of-type(2){height: 30px;}

#header .titleHeader{position: absolute; top: 16px; left: 170px;display: none; text-align: left; font-weight: bold; font-size: 1.4rem;width: 275px; color: #b6bdc3; text-transform: uppercase;}

#header .logo{display: block; position: absolute; margin: 15px 0 15px 70px; text-indent: -9999px;}
.zoneHeader{float: right; position: relative; width: calc(100% - 185px); height: 90px; table-layout: fixed; /*display: flex; justify-content: space-between; align-items: center;*/ display: table; font-size:1.5rem; font-weight: bold; }

#showMenu{position: absolute; bottom: 0; border-left-width: 0; width: 30px; height: 30px; background-color: #222; padding: 3px 5px; text-align: center; font-size: 0.75rem; font-family: 'Arial'; font-weight: bold; line-height: 22px; display: block; cursor: pointer; border-right: 1px solid #FFF; color: #FFF;}
#showMenu .burger{display: block; height: 25px; width: 20px; margin: 0 auto;}
#showMenu .burger::before, #showMenu .burger::after, #showMenu .burger i{border-top: 2px solid #FFF; content:""; display: block; margin-top: 5px;}
#showMenu:hover{color: #CACACA;}

#showBoxSearch{float: right; cursor: pointer; display: block; width: 30px; height: 30px; background-color: #E3E3E3; line-height: 30px;}
#showBoxSearch::before{font-family: 'icoERV'; content: '\e8b6'; color: #9B9B9B; font-size: 2.2rem; text-align: center; width: 30px; display: inherit;}
#showBoxSearch2{display: none; cursor: pointer; width: 30px; height: 30px; line-height: 30px; position: fixed; right: 55px; top: 10px;}
#showBoxSearch2::before{font-family: 'icoERV'; content: '\e986'; color: #485156; font-size: 2.2rem; text-align: center; width: 30px; display: inherit;}
#showBoxSearch2.active::before {color: #b6c0c6;}

.boxSearch{display: none; position: absolute; bottom: -65px; right: 0; width: 400px; border: 2px solid #b6c0c6; z-index: 200;}
.boxSearch form{display: flex; justify-content: space-between;}
.boxSearch #q{width: 100%; padding: 0 5px; color: #b2b2b2; font-size: 1.1rem; text-align: right;}
.boxSearch input[type="submit"]{width: 30px; color: #fff; text-transform: uppercase; background-color: #b6c0c6;}

#showMenu span{display:block;text-indent:-9999px}
#showBoxAbo{display: table-cell; position: relative; vertical-align: middle; text-align: right; width: 105px; margin: 15px 0; padding: 0; font-family:'DINPro'; font-weight: bold; text-transform: uppercase; letter-spacing: -0.5px; font-size: 1.4rem;}
#showBoxAbo span::after {display: block; content: ''; border-right: 3px solid #f7dc35; height: 50px; position: absolute; top: calc(50% - 25px); right: 0;}
.ie #showBoxAbo span::after {top: 55%; }
#showBoxAbo span {display: block; padding: 6px 12px; background-color: #f7dc35; align-self: center;}

.socialNetworks{display: table-cell; position: relative; width: 362px; text-align: right; position: relative; padding: 0 15px; vertical-align: middle;}
.socialNetworks a {display: inline-block; line-height: 20px;}
.socialNetworks a:hover {text-decoration: none;}
.socialNetworks a::after{content: ''; height: 30px; position: absolute; top: calc(50% - 15px); right: 0; border-right: 2px solid #b6bdc3;}
.ie .socialNetworks a::after {top: 55%; }
.socialNetworks .linkHub {line-height: 50px; float: right;}
.socialNetworks span{cursor: pointer}
.socialNetworks ul{display: none; float: right; margin: 12px 5px 0 0; background-color: #FFF;}
.socialNetworks ul li{float: left; margin: 0 5px 0 0; line-height: 20px;}
.socialNetworks ul li span::before{font-family: 'icoERV'; content:''; font-size: 2rem; font-weight: normal; color: #FFF; background-color: #000; width: 20px; height: 20px; display: inline-block; padding: 2px;}
.socialNetworks ul li:hover span::before { background-color: #b6bdc3}
.socialNetworks ul li.sn-fb span::before {content:'\ea90';}
.socialNetworks ul li.sn-twitter span::before {content:'\ea96'; }
.socialNetworks ul li.sn-instagram span::before {content:'\ea92';}
.socialNetworks ul li.sn-pinterest span::before {content:'\ead1';}
.socialNetworks ul li.sn-newsletter span::before {content:'\e0e1';}
.socialNetworks ul li.sn-appli span::before {content:'\e324';}
.socialNetworks ul li.sn-google span::before{content:'\ea8b';}
.socialNetworks ul li.sn-rss span::before {content:'\ea9b';}

#showBoxConnect{display: table-cell; vertical-align: middle; padding: 0 5px; cursor: pointer; width: 180px;}
#showBoxConnect span { display: block; padding: 5px 10px;}
#showBoxConnect.active span{background: #f1f4f6;}
.boxConnect, .boxAccount{display:none}
.boxConnect {position: absolute; width: 300px; background:#f1f4f6}
#header .dropBoxMini{position: absolute; top: 59px; left: 177px; min-width: 360px; padding: 10px; text-align: left; color: #000; background: #f1f4f6; z-index: 902;}
.boxConnect ul{list-style-type: square; margin: 0 0 0 10px; font-size: 1.6rem;}
.boxConnect ul li{position:relative}
.boxConnect ul li span.title{text-transform: uppercase; font-size:1.2rem}
.boxConnect ul li span.title a{color: #000 !important}
.boxConnect ul li span.note{display:block; color:#D4D4D4; font-style:italic; font-family:'Roboto'; font-size:1.4rem}
.boxConnect ul li.createAccount{margin:0 0 10px 0; }
.boxConnect ul li.createAccount a{position:absolute; right: 20px; padding:5px 10px; color: #fff; font-size: 1.2rem; text-transform: uppercase; background-color: #485156}

.GXCO_xlogSmall form {margin-top: 15px;}
.GXCO_xlogSmall .formrow{margin: 0 0 5px 0;}
.GXCO_xlogSmall .formrow label{display: inline-block; min-width: 70px; color: #808080; font-size: 1.15rem; font-family: 'DINPro'; text-transform: uppercase; width: 80px;}
.GXCO_xlogSmall .formrow input{width: calc(100% - 165px); border: none; line-height: 25px; height: 25px;}

.boxConnect ul li.createAccount .btModel02{background-color:#333; position:absolute; right:10px; top:0; height:34px; line-height:34px; min-width:200px; font-size:2rem}
.boxConnect ul li.createAccount .btModel02::before {content:'\e907'; font-family:'icoERV'; color:#666; font-size:2.4rem; padding:0 4px 0 0}
.boxConnect ul li.createAccount .btModel02:hover {background-color:#666}
.boxConnect ul li.createAccount .btModel02:hover::before{ color:#DCDCDC}

.GXCO_xlogSmall ul.listaction{display: flex; justify-content: space-around; list-style-type: none; margin: 0 0 0 75px; font-size: 1.2rem; line-height: 20px;}
.GXCO_xlogSmall ul.listaction li { padding: 0 15px 0 0;}
.GXCO_xlogSmall ul.listaction li:nth-of-type(1) {border-right: 3px solid #000;}

#showBoxAccount{display: table-cell; vertical-align: middle; color: #7f7f7f; font-size: 1.3rem; font-weight: normal; padding: 5px; width: 180px;}
#showBoxAccount::before{font-family: 'icoERV'; content:'\e7fd'; color: #595959; font-size: 2.2rem; padding: 0 5px 0 0; vertical-align: bottom;}
#showBoxAccount.active{background-color: #f1f4f6;}

#showBoxTempValidation{position: relative; top: -27px; left: 15px; background-color: #EEE;}
#showBoxTempValidation::before{content: '\e7ff'; font-family: 'icoERV'; color: #CC0033; font-size: 2rem; padding: 0 5px 0 0; vertical-align: bottom;}
#showBoxTempValidation span {color: #000}
#showBoxTempValidation:hover, #showBoxTempValidation.active {background-color:#EEE; color:#2b74c5}
#showBoxTempValidation:hover::before, #showBoxTempValidation.active {color:#2b74c5}

.accountNotification { padding: 10px !important;}
.accountNotification .blocButton { text-align: center;}

.boxAccount{position: relative;}
.boxAccount span.pseudo{background-color: #FFDD35; font-size:1.8rem; padding:2px 10px 15px 10px; display:inline-block; clear:both; height:30px; color:#000; min-width:150px}
.boxAccount span.pseudo::before { content:'\e907'; font-family:'IcoMoon'; padding:0 5px 0 0; font-size:2.2rem}
.boxAccount ul{list-style-position:inside; list-style-type:square; margin:10px 0; font-size:1.6rem}
.boxAccount .btModel02, .boxAccount .btModel02:hover{display: block; background-color: #485156; font-size: 1.4rem; text-transform: uppercase; padding: 0 10px; height: 36px; line-height: 36px; color: #FFF;}

p.aboTeaser{order: 5;}
p.aboTeaser span{font-size:13px;font-family:'DINPro-Black'}

/* version collapse */
.collapse#header{height: 50px;-moz-box-shadow: 0px 2px 4px 0px #c0c0c0;
-webkit-box-shadow: 0px 2px 4px 0px #c0c0c0;
-o-box-shadow: 0px 2px 4px 0px #c0c0c0;
box-shadow: 0px 2px 4px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=4);}
.collapse#header .logo {margin: 0 0 0 70px;}
.collapse .zoneHeader{max-height: 50px;}

.collapse #showBoxAbo{height: 50px;}
.collapse .zoneHeader .GJNU_PDFWidget {height: 50px; overflow: hidden;}
.collapse#navBar{display: none !important}
.collapse #closeMenu {top: -43px;}
.collapse #showMenu{position: fixed; top: 7px;}
.collapse#ad_portal{margin: 50px auto 0 auto;}
.collapse#header .constrain:nth-of-type(1){/*border-bottom: 1px solid #b6bdc3;*/}
.collapse#header .titleHeader {display: block}
.collapse#header .dropBoxMini {top: 40px;}
.collapse#navBurger { margin: 50px auto 0 auto;}
.ie .collapse #showBoxAbo span::after{top: 0; }
.ie .collapse .socialNetworks a::after{top: 10px; }

/* =============================================================================
   GXCO / GPRF
   ========================================================================== */

.boxSecure{padding: 10px 20px; margin: 0 0 30px 0; background-color: #9ab7c7;}
.boxSecure .title{margin: 0 0 10px 0; color: #fff; font-size: 2rem; font-family: 'DINPro-Black'; text-transform: uppercase;}
.boxSecure .title::before{font-family: 'icoERV'; content: '\e96b'; padding: 0 15px 0 0; font-size: 3.6rem; vertical-align: bottom;}
.boxSecure .title span{padding: 1px 5px; margin: 0 0 0 10px; color: #fff; background: #00354e; font-size: 1.2rem; font-family: inherit;}
.GXCO_connect{display: flex;}
.GXCO_connect .blocForm{margin: 0 0 0 40px;}
.GXCO_connect label{color: #808080; font-size: 1.1rem; text-transform: uppercase; width: 80px;}
.GXCO_connect form{position: relative; width: 55%; padding: 10px; margin: 0 20px 0 51px; background-color: #f1f4f6;}
.GXCO_connect .listaction{margin: 0 0 0 80px; display: flex; justify-content: space-between;}
.GXCO_connect .listaction li{letter-spacing: -1px; padding: 0 20px 0 0; line-height: 20px;}
.GXCO_connect .listaction label{text-transform: initial; font-size: 1.3rem; color: #485156;}
.GXCO_connect .listaction a {color: #485156;}
.GXCO_connect .listaction li:nth-of-type(1) {border-right: 1px solid #485156;}
.boxSecure .noAccount{background-color: #e8ebec; padding: 20px; width: 30%; font-weight: bold;}
.boxSecure .noAccount a.btModel03{background-color: #485156; color: #FFF; text-transform: uppercase; display: block; margin: 20px 0 0 0; font-size: 1.15rem; padding: 0; line-height: 28px; text-align: center;}

.btConnect{position: absolute; right: 0; top: 34px; width: 85px; height: 60px; text-transform: uppercase; background: #ffdd00 url(../../images/v1/login.png) no-repeat 50% 40%; padding:30px 0 0; word-wrap:break-word; color:#5a5a5a; font-size:0.9rem;letter-spacing:-0.1rem;border:none}

.boxSecure .btConnect {top: 11px }

article.secure .GXCO_secure{border: 1px solid #ffdd00; padding: 10px; margin: 20px 0; display: flex; }
article.secure .GXCO_secure > div{width: 50%;}
article.secure .GXCO_secure > div.offreAbo.fullWidth {width: 100%; padding-right: 0;}
article.secure .GXCO_secure .offreAbo {font-size: 1.5rem; padding: 0 20px 0 0;}
article.secure .GXCO_secure .offreAbo em{display: block; background-color: #ffdd00; text-align: center; font-weight: bold; padding: 2px 10px; margin: 10px 0;}
article.secure .GXCO_secure .GBEL_pushProduct{text-align: center; width: 100%; order: inherit; margin: 0; font-weight: bold;}
article.secure .GXCO_secure .GXCO_connect {display: block;}
article.secure .GXCO_secure .GXCO_connect .title {color: #FFF; text-align: center; height: 30px; line-height: 30px; background-color: #9da9b1; font-size: 1.5rem;}
article.secure .GXCO_secure .GXCO_connect form { margin: 0; width: 100%;}
article.secure .GXCO_secure .GXCO_connect .listaction {font-size: 1.1rem;}
article.secure .GXCO_secure .GXCO_connect .btConnect {top: 10px; height: 61px;}

.GPRF_forgotPwd p{font-size: 1.6rem; color: #9da9b1;}
.GPRF_forgotPwd .blocForm{background-color: #f1f4f6; padding: 20px; width: 400px; margin: 20px auto; text-align: center;}
.GPRF_forgotPwd .blocForm .formRow label {text-transform: uppercase; color: #808080; font-size: 1.2rem; display: inline-block; width: 80px;}
.GPRF_forgotPwd .blocForm .formRow input{ width: calc(100% - 80px);}
.GPRF_forgotPwd .blocForm p.decision{margin: 0 0 0 80px; font-size: 1.2rem; text-align: left;}
.GPRF_forgotPwd .blocForm p.decision input[type='checkbox'] {vertical-align: bottom;}
.GPRF_forgotPwd .blocForm .blocButton { margin: 20px 0 0 0;}
.GPRF_forgotPwd .msgBox {background-color: #f1f4f6; padding: 20px; font-size: 1.6rem; }
.GPRF_forgotPwd .msgBox p{color: #000; margin: 0;}
.GPRF_forgotPwd .msgBox a{text-decoration: underline;}

.GXCO_xloglarge .appContent{display: flex; flex-flow: row; justify-content: space-between;}
.GXCO_xloglarge .box{display: block; margin: 0 20px; width: calc(50% - 40px);}
.GXCO_xloglarge .box p{margin: 0;}
.GXCO_xloglarge .box p.title{color: #FFF; text-align: center; height: 30px; line-height: 30px; background-color: #9da9b1; font-size: 1.5rem; margin: 0;}
.GXCO_xloglarge .boxContent{width: 100%; min-height: 120px; margin: 0; background-color: #f1f4f6;}
.GXCO_xloglarge .GXCO_connect input[type="text"], .GXCO_xloglarge .GXCO_connect input[type="password"], .GXCO_xloglarge .GXCO_connect input[type="email"] {width: 60%;}
.GXCO_xloglarge .GXCO_connect .listaction {justify-content: initial;}
.GXCO_xloglarge .GXCO_connect .listaction li:nth-of-type(2) { margin: 0 0 0 5px;}
.GXCO_xloglarge .GXCO_connect .btConnect {top: 10px; height: 61px; }
.GXCO_xloglarge .create .boxContent {padding: 10px;}
.GXCO_xloglarge .create .blocButton {text-align: right; margin: 10px 0 0 0;}
.GXCO_xloglarge .create .btModel02 {color: #FFF;}

.GXCO_xloglarge.GBEL_quickPurchase .appContent {display: block !important; }
.GXCO_xloglarge.GBEL_quickPurchase .appContent form { }
.GXCO_xloglarge.GBEL_quickPurchase fieldset {padding: 0; margin: 0 10px 20px 10px; background-color: #f1f4f6;}
.GXCO_xloglarge.GBEL_quickPurchase legend {font-weight: bold; text-transform: uppercase; background-color: #9da9b1; color: #FFF; display: block; padding: 5px 20px; width: 100%}
.GXCO_xloglarge.GBEL_quickPurchase legend span{display: none;}
.GXCO_xloglarge.GBEL_quickPurchase .formrow{margin: 0 20px !important;}
.GXCO_xloglarge.GBEL_quickPurchase .blocbutton{margin: 20px 0;}

/* =============================================================================
   $navigation : Layout 
   ========================================================================== */
#navBar{width: calc(100% - 30px); float: right; position: relative; height: 30px; margin: 0 0 30px 0;}

/* nav_model01 : menu horizontal têtière */
.nav_model01 {background-color: #f6f7f9; height: 30px; width: calc(100% - 30px); float: left;}
.nav_model01 li{display: block; text-align: center; /*flex: 1 1 auto;*/ float: left; border-right: 2px solid #b6bdc3; padding: 0 3px;}
.nav_model01 li:last-child{border: none;}
.nav_model01 li a{font-family:'DINPro-Bold'; line-height: 30px; text-transform: uppercase; font-size: 1.1rem; display: block;}

/* nav_model02 : menu burger en droplist */
#navBurger{background: #FFF; border-bottom: 1px solid #f8f9fa; position: fixed; top: 0; left: 0; right: 0; z-index: 902; max-height: 800px; text-align: left; font-size: 1.8rem; margin: 90px auto 0 auto; padding: 15px 20px 0 30px; width: 1000px;}
#navBurger .constrain{overflow: hidden; width: calc(1000px - 30px)}
#navBurger.inactive{display: none;}

#navBurger .nav_model02{display: flex; float: left; width: calc(50% - 30px); margin: 0 20px 0 0; flex-flow: wrap; justify-content: space-between;}
#navBurger .nav_model02 p{font-weight: bold; background-color: #22302e; text-transform: uppercase; letter-spacing: -1px; padding: 0 0 0 15px; font-size: 1.2rem; height: 30px; line-height: 30px; margin: 0 0 20px 0; color: #FFF;}
#navBurger .nav_model02 li.itemLevel1{width: calc(50% - 10px); padding: 0 0 30px 0;}

#navBurger .nav_model02 li.itemLevel2{line-height: 20px; border-bottom: 1px solid #e9e9e9; font-size: 1.2rem; text-transform: uppercase;}
#navBurger .nav_model02 li.itemLevel2 a {display: block; padding: 4px 5px 4px 15px; font-weight: bold;}
#navBurger .nav_model02 li.linkToDirect a{padding: 5px 35px 4px 15px; background-color: #dfe5e6; }
#navBurger .nav_model02 li.linkToDirect a::after {font-family: 'icoERV'; content:'\e039'; color: #CC0033; font-size: 2.4rem; padding: 0 0 0 5px; vertical-align: top;}

.navBurgerCol2{float: left; width: 25%;}
.navBurgerCol2 .infoDate{margin: 0 0 25px 0; text-align: center; font-size: 1.5rem; font-family:"DINPro-Bold";}

.linkToTopMost{display: none; padding: 8px; font-size: 1.2rem; font-weight:bold; text-align: center; text-transform: uppercase; border-width: 1px 0; border-style: solid; border-color: #78b6cb;}

.linkToApp{display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 20px 0;}
.linkToApp li{border: 3px solid #e9e9e9; padding: 0 5px; font-size: 1.2rem; height: 36px;}
.linkToApp li a{display: inline-block; line-height: 30px;}
.linkToApp li::after {font-family: 'icoERV'; content: ''; font-size: 2rem; padding: 0 0 0 5px; vertical-align: middle;}
.linkToApp .mobile::after{content: '\e958'; }
.linkToApp .newsletter::after{content: '\e0e1';}

/* nav_model03 : menu intermédiaire page de Une */
.nav_model03 { margin: 0 0 20px 0;}
.nav_model03 p{margin: 0 0 20px 0; color: #7F7F7F; font-size: 3rem; font-family: "DINPro-Bold"; text-align: center; text-transform: uppercase;}
.nav_model03 ul.nav_niv2{display: flex; flex-flow: row wrap; width: 100%; min-height: 40px; }
.nav_model03 ul li{display: block; text-align: center; flex: 1 1 auto;}
.nav_model03 ul li a{color: #FFF; font-size: 1.3rem; font-family: 'DINPro-Bold'; letter-spacing: -1px; line-height: 40px; text-transform: uppercase;}
.nav_model03 ul li:last-child{border: none !important;}

    /* skin1 : sports */
.nav_model03.skin1 ul{background: #4d5256;}
.nav_model03.skin1 ul li{border-right: 2px solid #b6bdc3;}

.layout_Section.Sport .nav_model03.skin1 p { display: none;}

    /* skin2 : culture */
.nav_model03.skin2 ul{background: #d4edfc;}
.nav_model03.skin2 ul li{border-right: 2px solid #35b3e9;}

/* nav_model04 : menu abonnement au niveau de la navigation Burger */
.nav_model04{overflow: hidden; margin: 0 0 20px 0; clear: both; }
.nav_model04 li{width: 62%; float: left; padding: 2px 5px; margin: 0 0 10px; line-height: 2.4rem; font-family: "DINPro-Bold"; letter-spacing: -1px; font-size: 1.3rem; background-color: #eceff0; border-width: 0 3px; border-style: solid; border-color: #ffda24;}
.nav_model04 li:first-child{text-align: center; text-transform: uppercase; letter-spacing: 1px; border: none; width: 38%;}
.nav_model04 li:last-child {float: right; }

/* nav_model05 : menu burger colonne 3 */
#navBurger .nav_model05 li.itemLevel1 {margin: 15px 0;}
#navBurger .nav_model05 .linkTo p, #navBurger .nav_model05 .linkTo a{text-indent: -9999px; height: 35px; min-width: 100%; display: inline-block;}
#navBurger .nav_model05 .linkTo .itemLevel2 a{text-indent: 0px;}
#navBurger .nav_model05 .Pso p, #navBurger .nav_model05 .Pso > a:first-child {background: url(../../images/v1/logo_pso.png) no-repeat 0 0;}
#navBurger .nav_model05 .Libra p, #navBurger .nav_model05 .Libra > a:first-child {background: url(../../images/v1/logo_libra.png) no-repeat 0 0;}
#navBurger .nav_model05 .Iookaz p, #navBurger .nav_model05 .Iookaz a{background: url(../../images/v1/logo_iookaz.png) no-repeat 0 0;}
#navBurger .nav_model05 .legal p, #navBurger .nav_model05 .legal a{background: url(../../images/v1/logo_legal.png) no-repeat 0 0; background-size: 95%;}
#navBurger .nav_model05 .Boutique p, #navBurger .nav_model05 .Boutique a{background: url(../../images/v1/logo_btx.png) no-repeat 0 0;}

#navBurger .nav_model05 li.itemLevel2{line-height: 20px; border-bottom: 1px solid #e9e9e9; font-size: 1.2rem; text-transform: uppercase;}
#navBurger .nav_model05 li.itemLevel2 a {display: block; padding: 5px 0; font-weight: bold; }

.navBurgerCol3{float: left; width: 20%; /*flex-direction: column;*/ margin: 0 0 0 20px;}
.navBurgerCol3 li.menuLevel1 {margin:0 0 30px}
.navBurgerCol3 li.menuLevel1 span {display: block; height: 30px; margin:0 0 0 15px; text-indent:-9000px; border-bottom: 1px solid #e9e9e9;}

/* nav_model06 : menu boutique */
.nav_model06{margin: 0 0 20px 0; width: 100%; clear: both;}
.nav_model06 .linkPic{background: url(../../images/v1/logo_btx_big.png) no-repeat 50% 0; text-indent: -9999px; display: block; height: 90px;}
.nav_model06 .nav_niv2{display: flex; width: 100%; height: 30px;}
.nav_model06 .itemLevel2{background-color: #393939; flex: 1 1 auto; text-transform: uppercase; margin: 0 2px 0 0;}
.nav_model06 .itemLevel2 a{color: #FFF; display: block; padding: 5px 0; text-align: center;}
.nav_model06 .itemLevel2 a:hover, .nav_model06 .itemLevel2:hover {background-color: #8181c2; }

/* nav_model07 : menu bassin de vie en édition */
.nav_model07{background-color: #eef0ef; padding: 10px; margin: 0 0 20px 0; overflow: hidden;}
.nav_model07 span{display: none;}
.nav_model07 ul.nav_niv2{display: none; margin: 0 10px;}
.nav_model07 ul.nav_niv2.selected{display: block;}
.nav_model07 ul.nav_niv2 li{float: left; text-transform: uppercase; font-weight: bold; font-size: 1.3rem; margin: 2px 5px 2px 0;}
.nav_model07 ul.nav_niv2 li::before{font-family: 'icoERV'; content:'\e315'; color: #e30613;}

/* nav_model08 : menu des correspondants */
.navCorrespondant{background-color: #488ca7; padding: 10px; margin: 20px 0; position: relative;}
.navCorrespondant .title{color: #003d58; font-style: italic; font-size: 2.4rem; margin: 40px 0 10px 0; font-weight: bold;}
.navCorrespondant .title span{font-family: 'DINPro-Bold'; font-style: normal; font-size: 3.2rem; letter-spacing: 1px; display: block; color: #FFF; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(190, 220, 243, 0.8); position: relative;}
.navCorrespondant .title::before{position: absolute; top: -18px; right: 0; content: ''; width: 159px; height: 126px; background: url(../../images/v1/illus_correspondant_1.png) no-repeat 0 0 transparent; }
.navCorrespondant .title span::after{margin: -10px 0 0 0; content: ''; width: 280px; height: 185px; background: url(../../images/v1/illus_correspondant_2.png) no-repeat 0 0 transparent; display: block;}
.nav_model08 li{color: #FFF; font-size: 1.6rem; margin: 0 0 10px 10px;}

.nav_model08 a{color: #FFF; text-transform: uppercase; display: block; /*font-weight: bold;*/ font-size: 1.4rem;}
.nav_model08 a:hover{color: #003d58;}
.nav_model08 a::before{font-family: 'icoERV'; content: '\e315';}

/* =============================================================================
   $footer : Layout
   ========================================================================== */
#footer{margin: 0 0 30px 0; display: flex; flex-flow: row wrap; justify-content: space-between; background-color: #FFF;}
#footer .illusFooter {width: 100%; flex: 1 100%; clear: both;}
.btFooter{width: calc(33% - 10px); min-height: 50px; padding: 10px; font-size: 1.8rem; border-width: 4px; border-style: solid; border-color: #000; font-family: 'DINPro'; margin: 20px 0; letter-spacing: -1px;}
.btFooter a{color: #4d4d4d; display: block;}
.btFooter img{float: left; margin: 0 10px 0 0;}
.btFooter span{font-weight: bold; font-family:'DINPro-Black'; letter-spacing: -1px;}
.btFooter .btModel03{background-color: #76beea; color: #FFF; font-family:'DINPro'; font-size: 1.2rem; height: 26px; font-weight: bold;}
.btFooter .btModel04{color: #76beea; font-family:'DINPro'; font-size: 1.15rem; height: 26px; font-weight: bold;}
.btFooter:nth-of-type(1){border-color: #76beea;}
.btFooter:nth-of-type(1) ul{display: flex; flex-flow: row; justify-content: space-between;}
.btFooter:nth-of-type(1) ul li{width: calc(50% - 8px)}
.btFooter:nth-of-type(1) p{font-size: 1.4rem; font-family:'DINPro'; }
.btFooter:nth-of-type(1) input{font-size: 1.1rem; text-align: center; line-height: 20px; height: 20px;}
.btFooter:nth-of-type(1) input[type=email]{width: calc(100% - 143px); color: #000; min-width: auto; background-color: #f2f4f6;}
.btFooter:nth-of-type(1) input[type=submit]{width: 60px; color: #fff; background-color: #76beea;}
.btFooter:nth-of-type(2){text-transform: uppercase; border-color: #ffdd00;}
.btFooter:nth-of-type(3){border-color: #8c9da6;}
#footer .GXCO_xlogin{margin: 20px 0;}

#footer section{display: flex; flex: 1 100%; width: 100%; clear: both;}
#footer .menuFooter{position:relative;padding:5px 0 15px;margin:0 0 25px;background:#e3e9ec;justify-content:space-between }
#footer .menuFooter.active {padding:5px 0 65px; min-height: 185px; }
#footer .menuFooter ul { width: 18%; min-height: 0; }
#footer .menuFooter li{ display: block; }
#footer .menuFooter li:first-child{ display:block; margin:0 0 5px 0; }
#footer .menuFooter h5 { padding: 0 0 0 15px; height: 25px; font-family:'DINPro';color:#808080;font-size:1.45rem;font-weight:bold;line-height:30px; text-transform:uppercase;background:#f1f4f6; cursor: pointer;}
#footer .menuFooter a {padding:0 0 0 15px;font-size:1.1rem;}
#footer .menuFooter .last {position:absolute;bottom:5px;width:18% }
#footer .menuFooter .last h5{margin:0 0 5px }
#footer #showMenuFooter{margin:15px 15px 0 10px;cursor:pointer}
#footer .mentionsFooter *{ color:#808080;font-size:1rem }
#footer .mentionsFooter li { line-height:1.8rem; }
#footer .mentionsFooter li span{font-family:'DINPro-Bold'}

#showMenuFooter::before{font-family: 'icoERV'; content:'\e313'; font-size: 3rem; color: #808080; background-color: #f1f4f6;}

/* =============================================================================
   $content / $wrapper : Layout 
   ========================================================================== */

.constrain{margin: 0 auto; width: 1000px; text-align: left; position: relative;}
#ad_portal{margin: 0 auto; z-index: 100;}
#wrapper{background-color: #FFF; margin: 140px auto 0 auto;}

.col_large{width: calc(100% - 320px);}
.sectionKiosque .col_large{margin: 0; border: none !important}
aside.aside{width: 300px; height: auto; display: flex; flex-direction: column;}
.ie aside.aside, .safari aside.aside{display: block;}
aside.aside > * {width: 100%;}
aside .titre_bloc_twitter { height: 40px; line-height: 40px; vertical-align: middle; margin-bottom: 20px; padding: 0 12px; background-color: #8c9da6; color: #fff; text-transform: uppercase; text-align: center;}

.section{overflow: hidden; position: relative; display: flex; display: -ms-flexbox; flex-flow: row wrap; width: 100%; justify-content: space-between; margin: 30px 0 0 0; border-bottom: 3px solid #000; background-color: #FFF;}
.section .headSection{position: relative; width: 66%;}
.section .headSection .goToNextSection{position: absolute; right: 0; top: 10px; z-index: 200; cursor: pointer;}
.section .headSection .goToNextSection::before{font-family: 'icoERV'; content: '\e313'; color: #1D1D1B; display: block; line-height: 8px; font-size: 3rem; padding: 5px 0 0 0; background-color: #eef0ef;}
.section .headSection .goToNextSection::after{font-family: 'icoERV'; content: '\e313'; color: #9D9D9C; display: block; line-height: 8px; font-size: 3rem; padding: 0 0 5px 0; background-color: #eef0ef;}

.sectionTop{border: none !important; padding: 0; overflow: visible !important;}

.section .col_left{float: left; width: 64%; margin:0 20px 0 0;}
.section .col_right{float: right; width: 32%;}

.section5_bottom { flex: 1 100%; clear: both;}

/*.section .GRDC_newsFeed,.section .GRDC_All{float: left; width: 32% }*/

h1.titlePage{position: relative; padding: 10px 0 0 0; display: block; margin: 20px 0; padding: 0 30px; color: #7f7f7f; font-size: 2.8rem; font-family: 'DINPro-Bold'; text-align: center; text-transform: uppercase; }
h1.titlePage em {display: block; font-size: 1.9rem;}
h1.titlePage.multiLine{font-weight: normal;}

/*.layout_Une .section3 {margin: 0 !important;}*/
.section3 .col_large,  .section5 .col_large{/*display: flex; flex-flow: row wrap; justify-content: space-between;*/}
.layout_Une .section3 .col_large > div, .layout_Une .section5 .col_large > div, .layout_UneSection .section5 .col_large > div {float: left; width: calc(50% - 10px); min-height: 170px; font-family: "DINPro";}
.layout_Une .section3 .GRDC_teaser article .surtitre, .layout_Une .section5  .GRDC_teaser article .surtitre, .layout_UneSection .section5 .GRDC_teaser  article .surtitre{display: none;}
.layout_Une .col_large { padding-left: 20px; }

.section3 .col_large .GRDC_topContentListRange, .section5 .col_large .GRDC_topContentListRange{flex: 1 100%; width: 100% !important;}

.layout_Une .section4, .layout_Une .section11 { margin-top: 0; }
.layout_Une .section3, .layout_Une .section8 { margin-top: 20px; }

.titleLocal{background-color: #f2f4f6; font-family: "DINPro-Bold"!important; font-size: 2.1rem; text-align: center; min-width: calc(50% - 10px); padding: 35px 0 0 0; text-transform: uppercase; margin: 0 20px 20px 0 !important;}
.titleLocal em{display: block; color: #e30613;}

.section1 .col_large{border-top: 3px solid #000; padding: 0 0 0 20px}
.layout_Static2col .section1 .col_large{padding: 0;}
.titleLocal.large{width: 100% !important; min-height: 50px !important; padding: 10px; float: none !important; clear: both;}
.titleLocal.large em{display: inline; padding: 0 10px;}

.layout_Une .section11, .layout_UneSection .section7{border: none;}
.layout_Detail .section{border: none; overflow: visible;}

.layout_Static1col .section{border: none !important; display: block !important;}
.layout_Static2col .section{border: none !important;}

.layout_Static1col p{margin: 10px 0;}
.layout_Section.Gallery .section {border: none; margin: 0;}

/* lien dans la colonne de droite vers les section */
/* type1 : rouge */
/* type2 : bleu */
/* type3 : version haute - rouge */
.linkToPageSection {display: flex; height: 100%; align-items: flex-end; flex-direction: row; justify-content: space-between;}
.ie .linkToPageSection, .safari .linkToPageSection{display: block;}
.linkToPageSection div{width: 100%; flex: 0 1 auto; background-color: #eff1f2; margin: 20px 0; min-height: 50px; max-height: 60px; position: relative; z-index: 1; text-transform: uppercase; font-size: 1.5rem; font-family: 'DINPro-Bold'; padding: 0 48px 0 20px; line-height: 20px; text-align: center;}
.linkToPageSection a{color: #676c6e; align-self: center;}
.linkToPageSection span::before{position: absolute; right: 0; top: 0; font-family: 'icoERV'; content: '\ea3c'; color: #FFF; display: inline-block; font-size: 2.4rem;  z-index: 3; height: 50px; line-height: 50px;}
.linkToPageSection.type1 span{color: #e41f25; display: block;}
.linkToPageSection.type1 span::before{color: #FFF;}
.linkToPageSection.type2 span::before{color: #FFF;}
.linkToPageSection div::after{position: absolute; display: block; content:''; right: 0; bottom: 0; width: 0; height: 0; z-index: 2;}
.linkToPageSection.type1 div::after{border-right: 24px solid #e41f25; border-bottom: 25px solid transparent; border-top: 25px solid transparent;}
.linkToPageSection.type2 div::after{border-right: 24px solid #00cbee; border-bottom: 25px solid transparent; border-top: 25px solid transparent;}
.linkToPageSection.type2 span{color: #00cbee; display: block;}
.linkToPageSection.type1 div,  .linkToPageSection.type2 div{display: flex; flex-flow: row; align-items: center;}

.linkToPageSection.type3 div{max-height: 120px; text-align: left; font-size: 1.2rem; margin: 5px 0 30px 0; padding: 0;}
.linkToPageSection.type3 .title{color: #e30613; margin: 0 60px 0 20px; font-size: 1.3rem; min-height: 65px; display: flex; flex-flow: row; align-items: center;}
.linkToPageSection.type3 ul{background-color: #e3e7ea; padding: 10px 60px 10px 20px; font-size: 1.1rem;}
.linkToPageSection.type3 ul li::before{font-family: 'icoERV'; content: '\e315'; color: #e30613;}
.linkToPageSection.type3 span::before{top: 40px;}
.linkToPageSection.type3 div::after{border-right: 24px solid #e30613; border-bottom: 25px solid transparent; border-top: 25px solid transparent; top: 40px;}

/* Zone sectionBottom */
.sectionBottom, .section11, .layout_UneSection .section7 {flex-direction:column }

/* =============================================================================
   liste article
   ========================================================================== */

article{position: relative;}
.article .flag::before, article .flag::before  {position: absolute; top: 10px; left: 0; display: block; padding: 5px 15px; background-color: #485156; font-size: 1.3rem; letter-spacing: 1px; color: #FFF; text-align: center; text-transform: uppercase;}
.article .flag.exclusif::before, article .flag.exclusif::before {content: "Exclusif";}
.article .flag.lecteur::before, article .flag.lecteur::before {content: "Info Lecteur";}
.article .flag.direct::before, article .flag.direct::before {content: "En Direct";}

.badge::before{position: absolute; bottom: 0; left: 0; text-align: center; display: block; height: 36px; width: 36px; line-height: 36px; font-family: 'icoERV'; font-size: 2rem;}
.badge.video::before{background-color: #e30613; color: #FFF; content: '\e039'; font-size: 2.6rem; }
.badge.audio::before{background-color: #000; color: #0087ba; content: '\ea26';}

.viewPhoto{position: absolute; bottom: 0; left: 0; background-color: #a3d1de; text-transform: uppercase; font-size: 1.15rem; padding: 2px 10px; font-weight: bold;}

article .surtitre{display: block; text-transform: uppercase;}
article figure { position: relative; /*width: 140px;*/ /*max-height: 180px*/max-height: none; margin: 0 0 0 20px; }
article figure a {display: block; font-size: 1px;}
article figure img{width: 100%;}
article .corps{padding: 0 0 30px 0; width: calc(100% - 216px);}
article.noImage .corps{width: 100%;}
article .corps h2{margin: 0 0 10px 0;}
.listArticle article .corps{margin: 0 0 0 20px;}

.extra{position: absolute; bottom: 0; left: 0; right: 0; /*display: flex; justify-content: space-between;*/ overflow: visible; z-index: 3; width: 100%; height: 20px;}
.extra::before{content: ''; border-bottom: 1px solid #b6bdc3; position: absolute; bottom: 10px; left: 0; right: 15px; z-index: 1;}
.publish{ position: absolute; left: 0; z-index: 2; height: 20px; line-height: 20px; padding: 0 10px 0 0; background: #eef0ef; font-size: 1.1rem; color: #999; }
.publish .bullet {color: #000; }

.showBoxShare{width: 21px; height: 20px; cursor: pointer; z-index: 2; position: absolute; right: 0;}
.showBoxShare::before{font-family: 'icoERV'; content:'\e80d'; font-size: 1.8rem; padding: 0 0 0 5px;}
.boxShareTools{display: none; z-index: 4; position: absolute; right: 0; bottom: 0; background-color: #FFF;}
.boxShareTools ul{overflow: hidden;}
.boxShareTools ul li{float: left; margin: 0 3px;}
.boxShareTools .facebook a::before{cursor: pointer; font-family: 'icoERV'; content: '\ea91'; font-size: 2rem; color: #405a99;}
.boxShareTools .twitter a::before{cursor: pointer; font-family: 'icoERV'; content: '\ea96'; font-size: 2rem; color: #5ea9de;}
.boxShareTools .showComment a{width: 20px; height: 20px; background-color: #9ab7c7; line-height: 20px; text-align: center; display: block;}
.boxShareTools .showComment a::before{cursor: pointer; font-family: 'icoERV'; content: '\e96b'; color: #FFF; font-size: 1.6rem; cursor: pointer; line-height: 20px;}
.boxShareTools .closeShared {width: 20px; height: 20px; background-color: #e30613; line-height: 20px; text-align: center}
.boxShareTools .closeShared::before{cursor: pointer; font-family: 'icoERV'; content: '\e5c8'; color: #FFF;  font-size: 1.8rem;}

.article .extra .viewcount {float:right;color:#999;font-size:1.6rem;line-height:1.6rem;background-color:#fff;display:block;padding:0 10px}

article.primary .publish { background-color: #eef0ef !important; }
.sport .article.primary .publish{background-color: #4d5256;}


/* =============================================================================
   $Modules et $Components
   ========================================================================== */
.aside .mod{margin: 0 0 20px 0;}

.app h1{text-align: center; text-transform: uppercase; font-size: 2.6rem; margin: 20px 0;}


/* =============================================================================
   GRDC : modules et pages
   ========================================================================== */

/* GRDC : GRDC_topContentListRange */
.GRDC_topContentListRange{margin: 0; clear: both;}
.GRDC_topContentListRange .modTitle{position: relative; display: block; margin: 0 0 20px 0; color: #7f7f7f; font-size: 3rem; font-family:'DINPro-Bold'; text-align: center; text-transform: uppercase;}
.GRDC_topContentListRange .listArticle{/*display: flex; justify-content: space-between; flex-flow: row wrap;*/}
.GRDC_topContentListRange .listArticle > *, .GRDC_edito .listArticle > * {/*flex: 1 100%;*/ width: 100%;}

.GRDC_topContentListRange article, .GRDC_edito article {display: flex; overflow: hidden; position: relative; padding: 0 0 25px 0;  margin: 0 0 20px 0;}
.GRDC_topContentListRange .corps{position: relative;}
.GRDC_topContentListRange .corps p{line-height: 1.7rem;}
.GRDC_topContentListRange .surtitre, .GRDC_edito .surtitre {margin: 0 0 5px; color: #999; font-size: 1.5rem; line-height: initial;}
.ie .GRDC_topContentListRange .surtitre { -ms-word-wrap: normal !important; }
.GRDC_topContentListRange h2{margin: 0 0 10px; font-size: 2rem; line-height:2.2rem; font-family:'DINPro-Bold';}
.GRDC_topContentListRange figure {order: 2;}
.GRDC_topContentListRange article.noImage figure {display: none}
.vos-evenements-en-images .logoPartner{position: absolute; top: 0; left: 0; background: url(../../images/v1/logo_pso.png) no-repeat 0 0 #FFF; width: 83px; height: 30px;}

/* 1er article */
.GRDC_topContentListRange article.primary{background-color: #eef0ef; /*flex: 1 100%;*/ margin: 0 0 20px 0; padding: 0 !important;}
div[class*="sport"].GRDC_topContentListRange .article.primary{background-color: #4d5256;}
.GRDC_topContentListRange article.primary .figure{/*width: 450px;*/width: 430px; order: 1; margin: 0;}
.GRDC_topContentListRange article.primary.noImage .figure {display: none; }
.GRDC_topContentListRange article.primary .figure img{width: 100%;}
.GRDC_topContentListRange article.primary .corps{position: relative; /*width: calc(100% - 470px)*/width: calc(100% - 440px); padding: 10px 0 10px 10px; order: 2; margin: 0;}
.GRDC_topContentListRange article.primary.noImage .corps {width: 100%; padding: 10px 0 35px 20px;}
div[class*="sport"].GRDC_topContentListRange article.primary .corps p{color: #FFF;}
.GRDC_topContentListRange article.primary .surtitre{line-height: 2rem;}
.GRDC_topContentListRange article.primary h2 {font-size: 2.15rem; line-height: 2.5rem}
div[class*="sport"].GRDC_topContentListRange article.primary h2 a{color: #FFF;}
.GRDC_topContentListRange article.primary .extra{left: 20px; right: 20px; width: calc(100% - 20px);}
    .GRDC_topContentListRange article.primary .extra .publish { background-color: #eef0ef !important; }
.GRDC_topContentListRange article.noImage.primary .extra{width: calc(100% - 30px);}
div[class*="sport"].GRDC_topContentListRange article.primary .showBoxShare::before{color: #FFF;}
div[class*="sport"].GRDC_topContentListRange article.primary .publish {background-color: #4d5256 !important; }

/* 2e et 3e articles */
.section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2), .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3){/*flex: 1;*/ flex-direction: column; height: 440px; width: calc(50% - 10px);}
.section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2) .corps, .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3) .corps{margin: 5px 20px 0; order: 2; height: 100%; width: calc(100% - 40px) !important;}
.section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2) figure,  .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3) figure {order: 1; width: 100%; margin: 0 !important; display: block;}
.section1 .col_left .GRDC_topContentListRange article:nth-of-type(2), .section1 .col_left .GRDC_topContentListRange article:nth-of-type(3){flex: 1 100%; flex-direction: initial; height: auto;}
.section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2){margin: 0 10px 0 0; float: left;}
.section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3){margin: 0 0 0 10px; float: right;}
.section1 .GRDC_topContentListRange article.noImage:nth-of-type(2), .section1 .GRDC_topContentListRange article.noImage:nth-of-type(3){margin: 0;}
.section1 .GRDC_topContentListRange article.noImage:nth-of-type(2) figure, .section1 .GRDC_topContentListRange article.noImage:nth-of-type(3) figure{}

.col_left .article{margin: 0 0 20px 0 !important; height: 162px;}
.col_left .GRDC_topContentListRange figure{order: 2; overflow: hidden;}
.col_left .GRDC_topContentListRange .corps, .GRDC_edito .corps {position: relative; margin: 0 0 0 20px; order: 1 !important;}
.col_left .GRDC_topContentListRange .extra{left: 0; right: 0; width: 100%;}
.col_large .GRDC_topContentListRange article .extra .publish { background-color: #fff; }
/*.col_left .GRDC_topContentListRange .corps p{display: none}*/

.GRDC_topContentListRange .article .enDirect {position: absolute; top: 0; left: 0 }

/* GRDC_topContentList */
.GRDC_topContentList{border-width: 2px 0; border-style: solid; border-color: #a4cee3; background-color: #f9fbfd; position: relative;}
.GRDC_topContentList .entete{margin: 20px; font-size: 2rem;  }
.GRDC_topContentList .photo{width: 100%;}
.GRDC_topContentList .photo img{width: 100%;}
.GRDC_topContentList h2{margin: 10px 20px; font-size: 1.6rem; border-bottom: 2px solid #a4cee3; font-weight: normal; padding: 0 0 10px 0;}
.GRDC_topContentList article:last-child h2 {border: none; }
.GRDC_topContentList .surtitre{display: inline; text-transform: initial; color: #000; font-weight: bold;}
.GRDC_topContentList .showMore{position: absolute; right: 0; bottom: 0; z-index: 2; cursor: pointer; font-size: 3rem; color: #1D1D1B;}
.GRDC_topContentList .showMore::before { font-family: 'icoERV'; content: '\e313'; display: block; line-height: 8px; padding: 5px 0 0 0;}
.GRDC_topContentList .showMore::after {font-family: 'icoERV'; content: '\e313'; display: block; line-height: 8px;  padding: 0 0 5px 0;}

/* GRDC_Default */
.GRDC_Default{ }
.GRDC_Default .entete{background-color: #b5d7e2; color: #FFF; text-transform: uppercase; text-align: center; padding: 10px 0; margin: 0 0 20px 0; font-size: 2.4rem;}
.GRDC_Default article, .GRDC_Default .article{border-bottom: 20px solid #b5d7e2; margin: 0;}
.GRDC_Default article h2 {font-size: 1.7rem; margin: 10px 20px;}
.GRDC_Default article .contenu{font-size: 1.4rem; margin: 0 20px 20px 20px;}
.GRDC_Default .surtitre{color: #999; font-size: 1.4rem;}
.GRDC_Default .photo{position: relative;}
.GRDC_Default .photo a{display: block; font-size: 1px; }
.GRDC_Default article:nth-of-type(1){height: 400px}
.GRDC_Default article:nth-of-type(2), .GRDC_Default article:nth-of-type(3){height: 100px;}
.GRDC_Default article:nth-of-type(2) .surtitre, .GRDC_Default article:nth-of-type(3) .surtitre {display: inline;}
.GRDC_Default article:nth-of-type(2) .surtitre::after, .GRDC_Default article:nth-of-type(3) .surtitre::after {content: ' : '; }
.GRDC_Default article:nth-of-type(2) .photo, .GRDC_Default article:nth-of-type(3) .photo{display: none;}
.GRDC_Default article:nth-of-type(2) .contenu, .GRDC_Default article:nth-of-type(3) .contenu{display: none;}

.GRDC_Default .showMore {background-color: #4d5256; text-align: center;  text-transform: uppercase; padding: 15px 0; border-bottom: 15px solid #b5d7e2; position: relative; font-size: 1.6rem;}
.GRDC_Default .showMore a {color: #FFF;}
.GRDC_Default .showMore span {display: block; color: #b5d7e2;}
.GRDC_Default .showMore span.arrow::before{position: absolute; right: 0; bottom: 23px; font-family: 'icoERV'; content: '\ea3c'; color: #4d5256; display: inline-block; font-size: 2.4rem; z-index: 1; }
.GRDC_Default .showMore::after {position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; border-right: 24px solid #FFF; border-bottom: 35px solid transparent; border-top: 35px solid transparent; z-index: 0; }

.section6 .col_large{display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 20px 0;}
.section6 .col_large .nav_model03, .section6 .col_large .GRDC_topContentListRange{flex: 1 100%;}
.section6 .GRDC_Default{flex: 1 1 calc(50% - 10px); flex-direction: column; max-width: calc(50% - 10px);}
.section6 .GRDC_Default:nth-of-type(2) {margin: 0;}

.aside .GRDC_Live{background-color: #94a2a4;  border-width: 3px 0; border-style: solid; border-color: #000;}
.aside .GRDC_Live .entete{background-color: #000; margin: 0; color: #FFF; text-transform: uppercase; text-align: center; padding: 10px 0; font-size: 2rem; letter-spacing: 1px; position: relative;}
.aside .GRDC_Live .entete span::after{position: absolute; right: -12px; top: 9px; border: 2px solid #000; font-family: 'icoERV'; content: '\e037'; color: #e30613; margin: 0 0 0 10px; background-color: #FFF; border-radius: 50%; width: 26px; height: 26px; vertical-align: middle; display: inline-block; font-size: 2.6rem;}
.aside .GRDC_Live .modContent{display: flex; flex-flow: row; justify-content: space-between;}
.aside .GRDC_Live .photo a {display: block; font-size: 1px;}
.aside .GRDC_Live h2{margin: 10px 0 0 20px; font-size: 2rem;}
.aside .GRDC_Live h2 a{color: #FFF;}

/* GRDC_alert */
.GRDC_alert{background-color: #abb6bd; clear: both; flex: 1 100%; margin: 0 0 20px 0;}
.GRDC_alert a{display: flex;}
.GRDC_alert .corps{display: block; margin: 20px; color: #FFF; padding: 0;}
.GRDC_alert .title{display: block; font-size: 2.4rem; font-family: 'DINPro-Bold'; margin: 0 0 10px 0;}
.GRDC_alert .title .surtitre{color: #485156; font-size: 1.9rem;}
.GRDC_alert .accroche{font-size: 1.6rem;}
.GRDC_alert .photo{display: block; float: right; width: 256px; font-size: 1px;}
.GRDC_alert .photo img {width: 100%;}

/* GRDC_linkButtons */
.GRDC_linkButtons{margin: 20px 0; border-width: 3px 0; border-style: solid; border-color: #4d5256; text-transform : uppercase; position: relative;}
.GRDC_linkButtons .entete{content: "En ce moment"; color: #c9e2f8; font-size: 1.8rem; font-family: 'DINPro-Black'; line-height: 65px; letter-spacing: 0.1rem; text-align:center; background-color: #485156;}
.GRDC_linkButtons .modContent{background-color: #e7ebee; overflow: hidden; position: relative; overflow: hidden;}
.GRDC_linkButtons ul li{position: relative;}
.GRDC_linkButtons ul li h3{padding: 0 20px;} 
.GRDC_linkButtons ul li h3 a{text-transform: uppercase; /*font-size: 1.4rem;*/ font-size: 1.3rem; letter-spacing: -1px; font-family: 'DINPro-Bold';}
.navLinkButton {position: absolute; width: 100%; z-index: 100;}
.navLinkButton span{display: block; width: 36px; height: 36px; cursor: pointer;  background-color: #595959; color: #FFF; font-size: 3.2rem; position: absolute; top: 14px; line-height: 36px; text-align: center; opacity: 0.8;}
.navLinkButton .NavRight{right: 0;}
.navLinkButton .NavLeft{left: 205px;}
.navLinkButton .NavTop{left: calc(50% - 60px); top: 0;}
.navLinkButton .NavBottom{left: calc(50% + 10px); top: 0;}
.navLinkButton .NavRight::after{font-family: 'icoERV'; content: '\e315';}
.navLinkButton .NavLeft::before{font-family: 'icoERV'; content: '\e314'; }
.navLinkButton .NavTop::after{font-family: 'icoERV'; content: '\e316'; }
.navLinkButton .NavBottom::before{font-family: 'icoERV'; content: '\e313'; }

    /* Zone section_top */
.sectionTop .GRDC_linkButtons{width: 100%; height: 71px;}
.sectionTop .GRDC_linkButtons .entete{float: left; width: 205px;}
.sectionTop .GRDC_linkButtons .modContent {width: calc(100% - 205px) !important; height: 65px; float: left;}
.sectionTop .GRDC_linkButtons ul{overflow: hidden; min-width: 3600px; float: left;}
.sectionTop .GRDC_linkButtons ul li{display: flex; flex-direction: row; align-items: center; float: left; width: 265px; height: 65px; max-width: 265px;}
.sectionTop .GRDC_linkButtons ul li h3{order: 2;}
.sectionTop .GRDC_linkButtons ul li a.pic{height: 65px; font-size: 1px;}
.sectionTop .GRDC_linkButtons ul li a img{width: 80px; height: 65px}

.sectionTop .GRDC_linkButtons .owl-theme .owl-controls{width: 100%;}
.sectionTop .GRDC_linkButtons .owl-theme .owl-buttons div{position: absolute !important; top: 15px; display: block; width: 36px; height: 36px; cursor: pointer;  background-color: #595959; color: #FFF; font-size: 3.2rem; position: absolute; top: 14px; line-height: 36px; text-align: center; opacity: 0.8;}
.sectionTop .GRDC_linkButtons .owl-theme .owl-buttons .owl-prev{left: 0;}
.sectionTop .GRDC_linkButtons .owl-theme .owl-buttons .owl-next{right: 0;}
.sectionTop .GRDC_linkButtons .owl-theme .owl-buttons .owl-next::after{font-family: 'icoERV'; content: '\e315'; font-size: 3rem;}
.sectionTop .GRDC_linkButtons .owl-theme .owl-buttons .owl-prev::before{font-family: 'icoERV'; content: '\e314'; font-size: 3rem;}

.sectionTop .GRDC_linkButtons .showList{position: absolute; right: 0; top: 0; height: 30px; width: 30px; background-color: #485156; color: #c9e2f8; z-index: 100; text-align: center; z-index: 901;}
.sectionTop .GRDC_linkButtons .showList::before{content: '+'; font-size: 2rem;}
.sectionTop .GRDC_linkButtons.open .showList::before{content: '-'; font-size: 2rem;}

.sectionTop .GRDC_linkButtons.open {height: auto; background-color: #abb6bd;}

    /* Zone aside */
.aside .GRDC_linkButtons .entete{height: 50px; line-height: 50px;}
/*.aside .GRDC_linkButtons .modContent{height: 210px;}*/
.aside .GRDC_linkButtons li{display: block; border-bottom: 5px solid #4d5256; width: 100%; background-color: #abb6bd; align-content: center; height: 70px; overflow: hidden;}
.aside .GRDC_linkButtons li:last-child{border: none}
.aside .GRDC_linkButtons h3{text-align: center; font-size: 1.4rem; float: left; width: calc(100% - 100px);}
.aside .GRDC_linkButtons h3 a{color: #FFF;}
.aside .GRDC_linkButtons img{width: 100px; vertical-align: middle;}
.aside .GRDC_linkButtons .navLinkButton{position: relative; background-color: #4d5256; height: 40px;}
.aside .GRDC_linkButtons .navLinkButton span{}

    /* jeux concours */
div[class*="jeux"]{border: none;}
div[class*="jeux"] .entete, div[class*="jeux"] h3{display: none;}
div[class*="jeux"] .modContent{background-color: transparent;}
div[class*="jeux"] img{width: 100%;}

/* GRDC_teaser */
.GRDC_teaser article{display: flex; flex-flow: row wrap; justify-content: space-between;}
.GRDC_teaser .entete{background-color: #f2f4f6;}
.GRDC_teaser .entete a{display: block; text-align: center; text-transform: uppercase; line-height: 35px; height: 35px; font-size: 1.6rem; font-weight: bold;}
.GRDC_teaser .entete a::after {color: #e30613; font-family: 'icoERV'; content: '\ea3c'; float: right; padding: 0 10px 0 0;}
.GRDC_teaser .photo{width: 132px; margin: 0 20px 0 0;}
.GRDC_teaser .photo img{width: 100%;}

.layout_Une .col_large .GRDC_teaser, .layout_UneSection .GRDC_teaser{/*max-width: calc(50% - 10px);*/}
.layout_Une .col_large .GRDC_teaser h2, .layout_UneSection .GRDC_teaser h2{font-size: 1.6rem; padding: 10px 0 15px 0; width: calc(100% - 155px); border-bottom: 1px solid #b6bdc3}
/*
.ContentDetailComponent .GRDC_teaser{display: flex; flex-flow: row wrap;}
.ContentDetailComponent .GRDC_teaser article {flex-direction: column;}
*/

/* GRDC_Gallery */
.GRDC_Gallery { clear: both; margin: 0 0 20px 0; width: 100%; background-color: #8c9da6; }
.GRDC_Gallery .entete { border: none; text-transform: uppercase; padding: 0 0 0 240px; line-height: 80px; height: 80px; color: #FFF; font-size: 3rem; font-family:'DINPro-Bold'; }
.layout_Section .GRDC_Gallery .entete{padding: 0 0 0 20px;}
.GRDC_Gallery .sponsoGalerie {float: right; margin: 15px 20px 0 0; display: block;}
.GRDC_Gallery .sponsoGalerie a{display: block; line-height: initial;}
.GRDC_Gallery .modContent{ padding: 0; margin: 0; position: relative; }
.GRDC_Gallery .mainGallery { overflow: hidden; clear: both; color: #FFF; display: flex; width: 100%; position: relative; padding: 0 20px 0 0; background-color: #abb6bd; }
.GRDC_Gallery .mainGallery .photo{display: block; font-size: 1px; position: relative;}
.GRDC_Gallery .mainGallery .bodyMainGallery{vertical-align: top; position: relative;}
.GRDC_Gallery .mainGallery h2{font-family: "DINPro-Bold"; font-size: 2.6rem; line-height: 32px; margin: 20px 0;}
.GRDC_Gallery .mainGallery h2 a{color: #FFF; font-size: 3rem;}
.GRDC_Gallery .mainGallery img{margin: 0 20px 0 0; max-width: 635px;}
.GRDC_Gallery .mainGallery .extra{position: absolute !important; bottom: 10px; overflow: visible; margin: 0 0 5px 0; width: 100%; min-height: 18px; z-index: 3;}
.GRDC_Gallery .mainGallery p{font-size: 2rem; text-align: justify;}

.GRDC_Gallery .galerie-viewport{background-color: #9da9b1; max-height: 128px !important; height: 128px !important;}
.layout_Section .GRDC_Gallery .galerie-viewport{max-height: 85px !important; height: 85px !important;}
.GRDC_Gallery .item h3 {margin: 10px;}
.GRDC_Gallery .item h3 a { max-height: 92px; max-width: 130px; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; font-size: 1.4rem; color: #FFF; }
.GRDC_Gallery .item a.pic{font-size: 1px;}
.GRDC_Gallery .item a{display: block; position: relative;}
.GRDC_Gallery .galerie-cmpt {display: none;}
.GRDC_Gallery .showMore {position: absolute; bottom: 0; left: 60%; background-color: #abb6bd; text-transform: uppercase; color: #FFF; padding: 0 50px 0 30px; display: block; height: 40px; line-height: 40px; }
.GRDC_Gallery .showMore::after{position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; border-right: 24px solid #8c9da6; border-bottom: 20px solid transparent; border-top: 20px solid transparent; z-index: 0;}
.GRDC_Gallery .showMore span::before{position: absolute; right: 0; bottom: 0; font-family: 'icoERV'; content: '\ea3c'; color: #FFF; display: inline-block; font-size: 2.2rem; z-index: 1; }

.GRDC_Gallery .galerie-slider figure, .GRDC_Gallery .galerie-slider > div {display: flex; min-width: 100%; position: absolute; padding: 0; margin: 0; }
.GRDC_Gallery .galerie-viewport {position: relative; overflow: hidden; cursor: pointer}
.GRDC_Gallery .galerie-slider {width: 100%; height: 100%; position: absolute; transition: all 600ms ease;}
.GRDC_Gallery .galerie-slider figure, .GRDC_Gallery .galerie-slider > div {min-width: 320px !important; position: absolute; padding: 0; margin: 0;}
.layout_Section .GRDC_Gallery .galerie-slider figure, .GRDC_Gallery .galerie-slider > div {min-width: 200px !important;}
.layout_Section .GRDC_Gallery .item a.pic{height: 70px;}
.GRDC_Gallery .galerie-slider img {width: 170px;}
.layout_Section .GRDC_Gallery .galerie-slider img {width: 100px;}
.GRDC_Gallery .galerie-slider .caption{padding: 10px; display: block; width: 100%; text-align: left;}
.GRDC_Gallery .galerie-buttons{display: none; position: relative; width:100%; height:30px; padding:0 5px; box-sizing:border-box; margin: 10px 0;}
.GRDC_Gallery .galerie-buttons a{position: absolute !important; display: block; width: 50px; padding: 2px 0; background-color: #c03;  text-align: center; border-radius: 6px;}
.GRDC_Gallery .galerie-buttons a:hover {background-color: #444;}
.GRDC_Gallery .galerie-buttons a.galerie-prev {left: 10px;}
.GRDC_Gallery .galerie-buttons a.galerie-next {right: 10px;}
.GRDC_Gallery .galerie-cmpt {width:100%;text-align:center;height:20px;line-height:20px;}
.GRDC_Gallery .galerie-vignettes { padding: 0; white-space: nowrap; transition: all 600ms ease; width: 60%; height: 40px; line-height: 40px; padding-right: 50px; text-align: right; }
.GRDC_Gallery .galerie-vignettes > img, .GRDC_Gallery .galerie-vignettes > span{display: inline-block; margin: 0 10px; cursor:pointer; background-color: #FFF;}
.GRDC_Gallery .galerie-vignettes > img.selected{border: 2px solid #c03;}
.GRDC_Gallery .galerie-vignettes > span.selected{background-color: #bac4ca;} 
.GRDC_Gallery .galerie-vignettes > span {width: 12px; height: 12px; border-radius: 20px; background-color: #FFF;}

/* Sections évènementielles contenant des galeries */
.section5 .pub, .section11 .pub { /*display: block !important*/; position: absolute; z-index: 2; right: 0; width: 300px; height: 250px; background-color: grey; }
.section5 .pub, .section11 .pub { top: 50px; }
.section5 #section_evenementielle_gris, 
.section5 #section_evenementielle_bleu, 
.section11 #section_evenementielle_gris, 
.section11 #section_evenementielle_bleu { position: relative; margin-top: 30px; margin-bottom: 35px; }
/*.section5 #section_evenementielle_gris:after, 
.section5 #section_evenementielle_bleu:after, */
.section11 #section_evenementielle_gris:after, 
.section11 #section_evenementielle_bleu:after { content: " "; position: absolute; top: calc(100% + 30px); display: block; width: 100%; height: 3px; background-color: #000; }
#section_evenementielle_gris .entete, #section_evenementielle_bleu .entete { width: 68%; padding: 0; text-align: center; text-transform: none; }
#section_evenementielle_bleu h2 a, #section_evenementielle_gris h2 a { font-size: 2.25rem; }
#section_evenementielle_bleu .mainGallery, #section_evenementielle_gris .mainGallery { width: 68%; margin-bottom: 10px; }
#section_evenementielle_bleu .mainGallery img, #section_evenementielle_gris .mainGallery img { margin-right: 30px; }
#section_evenementielle_bleu .galerie-viewport, #section_evenementielle_bleu .galerie-viewport { height: 116px !important; }
/* .GRDC_Gallery */#section_evenementielle_bleu { background-color: #76beea; }
    #section_evenementielle_bleu .mainGallery { background-color: #9da9b1; }
    #section_evenementielle_bleu .showMore { background-color: #97cbef; }
        #section_evenementielle_bleu .showMore:after { border-right-color: #76beea; }
        #section_evenementielle_bleu .galerie-vignettes .selected { background-color: #add8f2; }
/* .GRDC_Gallery */#section_evenementielle_gris { background-color: #7199ad; }
    #section_evenementielle_gris .mainGallery { background-color: #9da9b1; }
    #section_evenementielle_gris .showMore { background-color: #86a8ba; }
        #section_evenementielle_gris .showMore:after { border-right-color: #7199ad; }
        #section_evenementielle_gris .galerie-vignettes .selected { background-color: #aac2ce; }
.section5_bottom .GRDC_Gallery { margin-bottom: 30px; }


.aside .GRDC_Gallery .entete{padding: 0; font-size: 1.8rem; text-align: center; height: 50px; line-height: 50px; background-color: #485156; color: #d4e6f2;}
.aside .GRDC_Gallery .galerie-viewport {/*min-height: 290px !important*/min-height: 255px !important;}
.aside .galerie-slider figure, .aside .galerie-slider > div {display: block !important; min-width: 100% !important;}
.aside .GRDC_Gallery h3{margin: 5px 0; text-align: center; line-height: initial;}

.aside .galerie-slider img{width: 100%;}
.aside .galerie-vignettes{height: 30px; line-height: 30px;}
.aside .GRDC_Gallery .showMore {position: relative; left: 0; background-color: #485156; color: #b5d7e2;}
.aside .GRDC_Gallery .showMore span::before{color: #485156;}

.layout_Section .col_large .GRDC_Gallery .mainGallery img{max-width: 365px; }
.layout_Section .col_large .GRDC_Gallery .bodyMainGallery h2 a{font-size: 2.4rem;}
.layout_Section .col_large .GRDC_Gallery .bodyMainGallery p{display: none;}

/* GRDC_Video */
.GRDC_Video{clear: both; margin: 0 0 20px 0; width: 100%;}
.GRDC_Video .entete{background-color: #8c9da6; border: none; text-transform: uppercase; padding: 0 0 0 240px; line-height: 80px; height: 80px; color: #FFF; font-size: 3rem; font-family:'DINPro-Bold'; }
.GRDC_Video .modContent{padding: 0; margin: 0; background-color: #abb6bd; position: relative;}
.GRDC_Video .sponsoVideo {float: right; margin: 15px 20px 0 0; display: block;}
.GRDC_Video .sponsoVideo a{display: block; line-height: initial;}
.GRDC_Video .mainVideo{overflow: hidden; clear: both; color: #FFF; width: 100%; position: relative; padding: 0 20px 0 0;}
.GRDC_Video .mainVideo article {width: calc(50% - 10px); display: flex; float: left;}
.GRDC_Video .mainVideo .photo{display: block; font-size: 1px; position: relative; width: 280px; max-height: 180px; margin: 0 20px 0 0;}
.GRDC_Video .mainVideo .bodyMainVideo{vertical-align: top; position: relative; align-content: flex-start; width: calc(100% - 280px); padding: 0 20px 0 0;}
.GRDC_Video .mainVideo h2{font-size: 1.9rem; line-height: initial; margin: 20px 0;}
.GRDC_Video .mainVideo h2 a{color: #FFF;}
.GRDC_Video .mainVideo img{margin: 0 20px 0 0; width: 100%;}
.GRDC_Video .mainVideo .extra{position: relative !important; margin: 0 0 5px 0; min-height: 18px; z-index: 3; align-self: flex-end;}
.GRDC_Video .mainVideo .extra::before {border-bottom: 1px solid #FFF; }
.GRDC_Video .mainVideo .publish{background-color: #abb6bd; color: #FFF;}
.GRDC_Video .badge.video{position: absolute; bottom: 0; left: 0;}

.GRDC_Video .galerie-viewport{background-color: #9da9b1;}
.GRDC_Video .galerie-slider figure, .GRDC_Video .galerie-slider > div{min-width: 100%; position: absolute; padding: 0; margin: 0; }
.GRDC_Video .galerie-viewport {position: relative; overflow: hidden; cursor: pointer; max-height: 130px !important;}
.GRDC_Video .galerie-slider{width: 100%; height: 100%; position: absolute; transition: all 600ms ease;}

.GRDC_Video .item .pic{font-size: 1px; position: relative; display: block;}
.GRDC_Video .item img{width: 170px;}
.GRDC_Video .galerie-cmpt{display: none;}
.GRDC_Video .showMore{position: absolute; bottom: 0; left: 55%; background-color: #abb6bd; text-transform: uppercase; color: #FFF; padding: 0 50px 0 30px; display: block; height: 40px; line-height: 40px;}
.GRDC_Video .showMore::after{position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; border-right: 24px solid #8c9da6; border-bottom: 20px solid transparent; border-top: 20px solid transparent; z-index: 0;}
.GRDC_Video .showMore span::before{position: absolute; right: 0; bottom: 0; font-family: 'icoERV'; content: '\ea3c'; color: #FFF; display: inline-block; font-size: 2.2rem; z-index: 1; }

.GRDC_Video .galerie-buttons{position: relative; width:100%; height:30px; padding:0 5px; box-sizing:border-box; margin: 10px 0;}
.GRDC_Video .galerie-buttons a{position: absolute !important; display: block; width: 50px; padding: 2px 0; background-color: #c03;  text-align: center; border-radius: 6px;}
.GRDC_Video .galerie-buttons a:hover {background-color: #444;}
.GRDC_Video .galerie-buttons a.galerie-prev {left: 10px;}
.GRDC_Video .galerie-buttons a.galerie-next {right: 10px;}
.GRDC_Video .galerie-cmpt {width:100%;text-align:center;height:20px;line-height:20px;}
.GRDC_Video .galerie-vignettes{padding: 0; white-space: nowrap; transition:all 600ms ease; width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #8c9da6;}
.GRDC_Video .galerie-vignettes > img, .GRDC_Video .galerie-vignettes > span{display: inline-block; margin: 0 10px; cursor:pointer; background-color: #FFF;}
.GRDC_Video .galerie-vignettes > img.selected{border: 2px solid #c03;}
.GRDC_Video .galerie-vignettes > span.selected{background-color: #bac4ca;} 
.GRDC_Video .galerie-vignettes > span {width: 12px; height: 12px; border-radius: 20px; background-color: #FFF;}

.aside .GRDC_Video .entete{padding: 0; font-size: 2rem; text-align: center; height: 50px; line-height: 50px; background-color: #485156; color: #d4e6f2;}
.aside .GRDC_Video .mainGallery{display: block; padding: 0;}
.aside .GRDC_Video .mainGallery img {max-width: 100%; width: 100%; margin: 0;}

/* GRDC_webPoll */
.GRDC_webPoll p{font-size: 2rem; text-align: center; background: #f1f4f6; padding: 2px 0;}
.GRDC_webPoll .voteContent{padding: 5px 0 0 0;}
.GRDC_webPoll .voteContent blockquote{margin: 0 20px; font-size: 1.4rem; font-weight: bold;}
.GRDC_webPoll .voteContent form ul{margin: 20px; }
.GRDC_webPoll .voteContent form ul li{margin: 0 0 7px 0;}
.GRDC_webPoll .voteContent .msgBox {background: transparent; margin: 5px; padding: 0;}
.GRDC_webPoll .voteContent .msgBox p{font-size: 1.4rem; padding: 5px 0;}
.GRDC_webPoll .voteContent p.reponse{background-color: transparent; font-size: 1.4rem; text-align: left;}
.GRDC_webPoll .voteContent p.total { font-size: 1.2rem; text-align: right; background-color: transparent;}
.GRDC_webPoll .linkPoll{display: none}
.GRDC_webPoll .blocButtons{display: flex; flex-flow: row; justify-content: space-between;}
.GRDC_webPoll .blocButtons input {width: 33%; white-space: normal; cursor: pointer; padding: 5px !important; font-size: 1.3rem;}
.ie .GRDC_webPoll .blocButtons input { padding: 2px !important; }
.GRDC_webPoll .blocButtons input:nth-of-type(1){font-family: 'DINPro-Black'; background-color: #e3e9ec; }
.GRDC_webPoll .blocButtons input:nth-of-type(2){background-color: #f1f4f6;}
.GRDC_webPoll .msgBox span{padding: 2px 15px; background-color: #f1f4f6}
.resultat{height: 16px; display: inline-block;}
.res0, .res9{background-color: #dbeaf3;}
.res1, .res10{background-color: #cfe8f6;}
.res2, .res11{background-color: #c4dbe8;}
.res3, .res12{background-color: #acc1cd;}
.res4, .res13{background-color: #9db1bc;}
.res5, .res14{background-color: #81929b;}
.res6, .res15{background-color: #728189;}
.res7, .res16{background-color: #636f76;}
.res8, .res17{background-color: #485156;}

/* GRDC_newsFeed : Fil info */
.aside .GRDC_newsFeed,  .col_right .GRDC_newsFeed{padding: 10px 0 0; border: 3px solid #e4e8eb; margin: 0 0 20px 0;}
.aside  .GRDC_newsFeed .entete, .col_right  .GRDC_newsFeed .entete{width: 80%; margin:0 auto 20px;font-size:1.8rem;font-family:'DINPro-Black';text-align:center;letter-spacing:0.5rem;text-transform:uppercase;border-bottom:3px solid #e4e8eb}
.GRDC_newsFeed .modContent{padding: 0 20px}
.GRDC_newsFeed .publication{color: #b0b0b0; font-size: 1.5rem; font-family: 'DINPro';}
.aside .GRDC_newsFeed article, .col_right .GRDC_newsFeed article{margin: 0 0 10px 0; border-bottom: 3px solid #e4e8eb; padding: 0 0 10px 0;}
.GRDC_newsFeed h2 {line-height:1.8rem}
.GRDC_newsFeed h2 a{font-size:1.5rem}
.GRDC_newsFeed .showMore{position: relative; height: 50px; text-align: center; text-transform: uppercase;}
.GRDC_newsFeed .showMore a::before{content:''; background-color: #e4e8eb; height: 2px; width: calc(100% - 20px); position: absolute; top: 19px; left: 20px; }
.GRDC_newsFeed .showMore span.arrow::before{position: absolute; right: 0; bottom: 18px; font-family: 'icoERV'; content: '\ea3c'; color: #4d5256; display: inline-block; font-size: 2.4rem; z-index: 3; }
.GRDC_newsFeed .showMore::after {position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; border-right: 24px solid #e4e8eb; border-bottom: 30px solid transparent; border-top: 30px solid transparent; z-index: 1; }

.GRDC_newsFeed multi, .section6 .GRDC_newsFeed{flex: 1 1 100%; border-bottom: 10px solid #4d5256; margin: 0 0 20px 0;}
.GRDC_newsFeed.directSport { margin: 0 0 20px 0;}
.GRDC_newsFeed.directSport .entete{border-bottom: 10px solid #4d5256; background-color: #9da9b1; text-align: center; text-transform: uppercase; height: 50px; font-size: 2rem; letter-spacing: 1px; position: relative;}
.GRDC_newsFeed.directSport .entete em{padding: 0 60px; color: #FFF; background-color: #4d5256; display: inline-block; line-height: 50px; height: 50px;}
.GRDC_newsFeed.directSport .entete span{background-color: #4d5256; width: 50px; height: 50px; border-radius: 50%; display: inline-block; position: absolute; top: 0; left: calc(50% + 85px);}
.GRDC_newsFeed.directSport .entete span::before{font-family: 'icoERV'; content: '\e902'; font-size: 4.8rem; background-color: #FFF; border-radius: 50%; color: #e30613; width: 40px; height: 40px; line-height: 40px; margin: 5px 0 0 3px; display: block;}
.GRDC_newsFeed.directSport .modContent{padding: 10px 0; background-color: #d4e6f2; display: flex; flex-flow: row wrap; justify-content: space-between;}
.GRDC_newsFeed.directSport article{flex-direction: column; background-color: #abb6bd; width: calc(50% - 10px); display: flex; padding: 0 0 0 20px; flex-flow: row wrap;}
.GRDC_newsFeed.directSport article .photo{order: 2; width: 132px;}
.GRDC_newsFeed.directSport article .photo img{width: 100%;}
.GRDC_newsFeed.directSport article h2 {order: 1; width: calc(100% - 138px); margin: 20px 5px 0 0;}
.GRDC_newsFeed.directSport article a{color: #FFF;}
.GRDC_newsFeed.directSport.carousel-on { width: 100%; min-width: 0; min-height: 0; /* les 2 derniers pour règler un pb de flex sous FF */}
.GRDC_newsFeed.directSport.carousel-on article { width: auto; min-height: 92px; }


/* search / Exalead */
.GRDC_search .col_large{margin: 0; float: left; width: calc(100% - 300px);}
.GRDC_search .aside{background-color: #8c9da6; float: right; padding: 0 20px 20px 20px; min-height: 180px;}
.GRDC_search .aside h2{color: #FFF; text-align: center; margin: 0 0 20px 0;}
.GRDC_search h1{color: #8c9da6; text-transform: none;}
.GRDC_search h1 span{text-transform: uppercase; color: #000; }
.GRDC_search .searchContent{background-color: #8c9da6; text-align: center; padding: 20px 0;}
.GRDC_search .searchContent span{width: 30px; height: 26px; position: absolute; line-height: 26px;}
.GRDC_search .searchContent span:before{font-family: 'icoERV'; content: '\e8b6'; font-size: 2.6rem; color: #b6c0c6; }
.GRDC_search #SearchForm {display: inline-block; position: relative;}
.GRDC_search input[type='text']{width: 380px; height: 26px; padding: 0 0 0 30px; font-size: 1.6rem;}
#BtRechercher{background-color: #b6c0c6; color: #FFF; text-transform: uppercase; padding: 0 10px; height: 26px; line-height: 26px;}
.GRDC_search .nbResult{background-color: #485156; color: #FFF; width: 100%; padding: 7px 20px; position: relative;}
.GRDC_search .nbResult::before {position: absolute; top: 30px; left: 40px; color: #485156; display: block; content: ''; width: 0; height: 0; border-right: 12px solid transparent; border-top: 15px solid #485156; border-left: 12px solid transparent; z-index: 2;}
.GRDC_search .nbResult strong{font-size: 1.6rem;}
.GRDC_search #results{padding: 20px 30px 0 20px;}
.GRDC_search #results .publish{color: #e30613; position: relative;}

.GRDC_search .typeFilter{background-color: #dae0e3; padding: 5px 10px; margin: 0 0 20px 0; font-size: 1.5rem;}
.GRDC_search .typeFilter .entete{background-color: #8c9da6; padding: 5px 15px; color: #FFF; text-transform: uppercase; display: inline-block;}

.GRDC_search .typeFilter ul{list-style-type: disc; color: #000; list-style-position: outside; margin: 0 0 0 20px;}
.GRDC_search .typeFilter ul.level1 li{margin: 0 0 10px 0;}
.GRDC_search .typeFilter ul.level1 a{font-weight: bold;}
.GRDC_search .typeFilter ul.level2{margin: 0 0 0 20px;}
.GRDC_search .typeFilter ul.level2 li{margin: 0;}
.GRDC_search .typeFilter ul.level2 a {font-weight: normal;}

/* GRDC_edito */
.GRDC_edito h2 a { font-family: DINPro-Bold; font-size: 1.8rem; }
.GRDC_edito figure { position: relative; overflow: hidden; order: 2; margin: 0 0 0 20px; background-size: cover; background-position: 50% 50%; }
    .GRDC_edito figure.alain-dusart { background-image: url("../../images/v1/editorialistes/alain-dusart.jpg"); }
    .GRDC_edito figure.benoit-gaudibert { background-image: url("../../images/v1/editorialistes/benoit-gaudibert.jpg"); }
    .GRDC_edito figure.monique-raux { background-image: url("../../images/v1/editorialistes/monique-raux.jpg"); }
    .GRDC_edito figure.philippe-marcacci { background-image: url("../../images/v1/editorialistes/philippe-marcacci.jpg"); }


.GRDC_editoMulti {background-color: #46b1e5; padding: 4px; margin: 0 0 20px 0;}
.GRDC_editoMulti .tab {overflow: hidden;}
.GRDC_editoMulti .tab li{float: left; background-color: #a8d3f2; text-align: center; width: calc(25% - 3px); margin: 0 4px 0 0; height: 30px; line-height: 30px; font-weight: bold; font-size: 1.4rem;}
.GRDC_editoMulti .tab li:hover,.GRDC_editoMulti .tab li.selected{background-color: #FFF;}
.GRDC_editoMulti .tab li:last-child { margin : 0;}
.GRDC_editoMulti .typeContent {background-color: #FFF; position: relative; padding: 5px 0 0 0;}
.GRDC_editoMulti article{min-height: 40px !important;}
.GRDC_editoMulti article .image {order: 1; width: 100%; display: block; min-height: 85px;}
.GRDC_editoMulti article .image img {width: 100%;}
.GRDC_editoMulti .typeContent .owl-item:nth-child(2n){background-color: #f1f4f6 }
.GRDC_editoMulti .corps{padding: 5px; width: 100%; display: block;}
.GRDC_editoMulti .title{text-overflow: ellipsis; display: block; overflow: hidden; height: 33px; max-width: 100%;}
.GRDC_editoMulti .surtitre{color: #000 !important; font-size: 1.1rem !important; font-weight: bold;}
.GRDC_editoMulti .link_keyword{text-transform: uppercase; text-align: center; height: 26px; line-height: 26px;}
.GRDC_editoMulti .link_keyword a{color: #FFF; position: relative; padding: 0 18px 0 0; margin: 0 5px 0 0; font-size: 1.2rem;}
.GRDC_editoMulti .link_keyword a::after{border-right: 11px solid #FFF; border-bottom: 9px solid transparent; border-top: 9px solid transparent; position: absolute; display: block; content: ''; right: 0; top: 0; width: 0; height: 0; z-index: 2; }
.GRDC_editoMulti .link_keyword .arrow::before{position: absolute; right: 0; top: 0; font-family: 'icoERV'; content: '\ea3c'; color: #46b1e5; display: inline-block; font-size: 1.1rem; z-index: 3; height: 20px; line-height: 20px; }
.GRDC_editoMulti .link_keyword .nameSection{font-size: 1.1rem;}
.GRDC_editoMulti .owl-theme .owl-controls{margin: 0 !important;}
.GRDC_editoMulti .owl-theme .owl-controls .owl-buttons div{height: 30px; line-height: 25px; background-color: #46b1e5 !important; margin: 0 !important; border-radius: initial !important; opacity: 1 !important; padding: 0 2px !important; font-size: 2.8rem !important;}
.GRDC_editoMulti .owl-prev{position: absolute; top: 60px; left: 0;}
.GRDC_editoMulti .owl-next{position: absolute; top: 60px; right: 0;}

.GRDC_editoMulti .necrologies .image, .GRDC_editoMulti .necrologie .image{display: none;}
.GRDC_editoMulti .necrologies .title, .GRDC_editoMulti .necrologie .title{height: 66px;}


/* =============================================================================
   GSOC
   ========================================================================== */
/* Top Most en détail article */
.GSOC_topMost{margin: 0 0 30px 0; width: 100%;}
.GSOC_topMost .entete{color: #fff; font-size: 2.4rem; font-weight: bold; line-height: 45px; text-align: center; text-transform: uppercase; background-color: #a4cee3; margin: 0 0 20px 0;}
.GSOC_topMost .entete span::after{content:'6'; border: 2px solid #FFF; border-radius: 50%; width: 30px; height: 30px; text-align: center; display: inline-block; line-height: 30px; margin: 0 0 0 5px;}
.GSOC_topMost .blocContent{margin: 0 0 10px 0;}
.GSOC_topMost span.title{padding: 10px 0 0 0; font-size: 1.9rem; text-transform: uppercase; display: block; padding: 0 0 0 30px;}
.GSOC_topMost .blocContent div {display: flex; flex-wrap: wrap;}
.GSOC_topMost .blocContent p{padding: 10px; max-width: 50%; width: 50%; flex-direction: column;}
.GSOC_topMost .blocContent p:nth-child(even){background-color: #f8f9fa;}
.GSOC_topMost .blocContent p:nth-child(odd){background-color: #f0f3f4;}
.GSOC_topMost .blocContent p:nth-of-type(1) { order: 1;}
.GSOC_topMost .blocContent p:nth-of-type(2) { order: 3;}
.GSOC_topMost .blocContent p:nth-of-type(3) { order: 5;}
.GSOC_topMost .blocContent p:nth-of-type(4) { order: 2;}
.GSOC_topMost .blocContent p:nth-of-type(5) { order: 4;}
.GSOC_topMost .blocContent p:nth-of-type(6) { order: 6;}
.GSOC_topMost .blocContent p a{display: flex; justify-content: space-between}
.GSOC_topMost .pos{display: inline-block; width: 26px; height: 26px; margin: 0 5px 0 0; padding: 0; color: #fff; line-height:26px;font-size:1.8rem;font-weight:bold;text-align:center;
background:#7199ad; border-radius: 50%;}
.GSOC_topMost .viewcount-info-number{display: none;}

.GSOC_topMost .topMostType {padding-left:20px; text-align:left; }
.GSOC_topMost .objectlinker-text {width:80%; line-height:15px; }
.GSOC_topMost .viewcount-info-number, .GSOC_topMost .comment-info-number{display: block; height: 20px; padding: 0 5px; background-color: #fff; font-size: 1.2rem; text-align: center; }

.aside .GSOC_topMost p{width: 100%; max-width: 100%;}
.aside .GSOC_topMost{border-bottom: 10px solid #a4cee3;}
.aside .GSOC_topMost .viewcount-info-number { display: none;}
.aside .GSOC_topMost .blocContent p:nth-of-type(1) { order: 1;}
.aside .GSOC_topMost .blocContent p:nth-of-type(2) { order: 2;}
.aside .GSOC_topMost .blocContent p:nth-of-type(3) { order: 3;}
.aside .GSOC_topMost .blocContent p:nth-of-type(4) { order: 4;}
.aside .GSOC_topMost .blocContent p:nth-of-type(5) { order: 5;}
.aside .GSOC_topMost .blocContent p:nth-of-type(6) { order: 6;}

.FreeHtmlComponent .col_large .GSOC_topMost .title{text-align: center; font-size: 2.8rem; font-weight: bold; margin: 20px 0 40px 0;}
.FreeHtmlComponent .col_large .GSOC_topMost p{order: initial; background-color: transparent; width: calc(50% - 10px); margin: 0 10px 30px 0; border: 1px solid #EEE; position: relative;}
.FreeHtmlComponent .col_large .GSOC_topMost p:nth-of-type(2n){margin: 0 0 30px 0; width: 50%;}
.FreeHtmlComponent .col_large .GSOC_topMost p a{display: block; margin: 20px 10px 10px 10px; font-size: 1.8rem; width: 100%;}
.FreeHtmlComponent .col_large .GSOC_topMost .pos{position: absolute; top: -18px; left: 10px; height: 36px; width: 36px; line-height: 36px;}
.FreeHtmlComponent .col_large .GSOC_topMost .viewcount-info-number{background-color: #bcc9d1; position: absolute; top: -18px; right: 0; color: #FFF; height: 18px; line-height: 18px;}
.FreeHtmlComponent .col_large .GSOC_topMost .viewcount-info-number::before {content: 'Vu ';}
.FreeHtmlComponent .col_large .GSOC_topMost .viewcount-info-number::after {content: ' fois'; }

/* jeux concours */
.GSOC_contest h2{text-align: center; text-transform: uppercase; margin: 20px 0 20px 0;}
.GSOC_contest .description {font-size: 1.6rem; margin: 20px 0;}
.GSOC_contest .boxSecure .title::before {content: '\e905' !important;}
.GSOC_contest .GXCO_connect .title {color: #FFF; text-align: center; height: 30px; line-height: 30px; background-color: #9da9b1; font-size: 1.5rem;}
.GSOC_contest .blocmsg.info {margin-bottom: 20px; padding: 10px; background-color: #FFFF99; font-size: 1.5em;}
.contestFormSubscription{position: relative;}
.contestFormSubscription h4{background-color: #808080; color: #FFF; text-transform: uppercase; display: inline-block; padding: 2px 10px; font-size: 1.8rem;}
.contestFormSubscription .note_oblig{position: absolute; top: 3px; right: 0;}
#ConcoursForm{background-color: #f1f4f6; padding: 20px;}
#ConcoursForm label{width: 120px; text-align: right; margin: 0 10px 0 0;}
#ConcoursForm input.inpLarge{width: 400px;}
#ConcoursForm input.inpSmall{width: 100px;}
#ConcoursForm .blocButton { text-align: right;}

/* =============================================================================
   Liste d'article : contentList
   ========================================================================== */
.contentList h1 {position: relative; display: block; margin: 0 0 20px 0; color: #7f7f7f; font-size: 3rem; font-family: 'DINPro-Bold'; text-align: center; text-transform: uppercase; }

.contentList article{display: flex; margin: 0 0 20px 0; min-height: 170px;}
.contentList article .surtitre{color: #999; font-size: 1.4rem;}
.contentList figure{order: 2;}
.contentList figure img{ width: 216px}
.contentList .corps{position: relative; order: 1;}
    .contentList .corps .extra .publish { background-color: #fff; }

.contentList article.primary{background-color: #eef0ef; padding: 0 !important;}
.contentList article.primary figure{order: 1; /*width: 450px*/width: 430px; margin: 0;}
.contentList article.primary figure img{width: 100%;}
.contentList article.primary .corps{position: relative; /*width: calc(100% - 470px)*/width: calc(100% - 450px); padding: 10px 0 10px 20px; order: 2;}
.contentList article.primary .surtitre{ font-size: 1.5rem; line-height: 2.2rem; }
.contentList article.primary h2 { line-height: 2.5rem; font-family: "DINPro-Bold"; font-size: 2.25rem; }
.contentList article.primary .extra{left: 20px; right: 20px; width: calc(100% - 20px);}
div[class*="sport"] .contentList article.primary{background-color: #4d5256;}
div[class*="sport"] .contentList article.primary h2 a{color: #FFF;}
div[class*="sport"] .contentList article.primary .corps p{color: #FFF;}
div[class*="sport"] .contentList article.primary .publish { background-color: #4d5256 !important; }
div[class*="sport"] .contentList article.primary .showBoxShare::before{color: #FFF;}

article h2 .comment-count{font-size: 1.2rem; color: #808080}
article h2 .comment-count::before{font-family: 'icoERV'; content: '\e96b'; padding: 0 5px;}

/* Liste de contenu du Mur de Média */
.layout_Section.Gallery .contentList, .layout_Section.Video .contentList{display: flex; flex-flow: row wrap; justify-content: space-between;}
.layout_Section.Gallery .contentList article, .layout_Section.Video .contentList article{flex-direction: column; position: relative; width: calc(33% - 10px); margin: 0 0 20px 0; min-height: 260px; justify-content: space-between;}
.layout_Section.Gallery .contentList article figure, .layout_Section.Video .contentList article figure{position: relative; order: 1; width: 100%; margin: 0; background: url(../../images/v1/watermark.png) no-repeat 50% 50% #f1f4f6; min-height: 125px;}
.layout_Section.Gallery .contentList article figure a, .layout_Section.Video .contentList article figure a{display: block; font-size: 1px;}
.layout_Section.Gallery .contentList article figure img, .layout_Section.Video .contentList article figure img{width: 100%;}
.layout_Section.Gallery .contentList article .corps, .layout_Section.Video .contentList article .corps{width: calc(100% - 20px); margin: 20px 0 0 20px; min-height: 125px;}
.layout_Section.Gallery .contentList article .corps h2, .layout_Section.Video .contentList article .corps h2{font-size: 1.5rem; font-weight: bold;}
.layout_Section.Gallery .contentList article .corps .surtitre, .layout_Section.Video .contentList article .corps .surtitre  { color: #000; text-transform: initial; display: inline-block;}
.layout_Section.Gallery .contentList article .corps .surtitre::after, .layout_Section.Video .contentList article .corps .surtitre::after {content:' : ';}
.layout_Section.Gallery .contentList article .corps p, .layout_Section.Video .contentList article .corps p {display: none;}
.layout_Section.Gallery .contentList article .showBoxShare, .layout_Section.Video .contentList article .showBoxShare{display: none;}
.layout_Section.Gallery .contentList article .publish, .layout_Section.Video .contentList article .publish {line-height: 16px; height: 16px; }
.layout_Section.Gallery .contentList article .viewcount, .layout_Section.Video .contentList article .viewcount {z-index: 5; position: absolute; right: 0; background-color: #b6bdc3; padding: 0;}
.layout_Section.Gallery .contentList article .viewcount-info, .layout_Section.Video .contentList article .viewcount-info{display: inline-block; color: #FFF; height: 16px; line-height: 16px; margin: 0 0 3px 0; z-index: 5; font-size: 1.1rem; text-transform: uppercase;}
.flagPaid{background-color: #ffdd00; padding: 0 15px; text-transform: uppercase; color: #000; font-weight: bold; font-size: 1rem; z-index: 3; display: inline-block; height: 16px; line-height: 16px;}

/* Liste de contenu en Nécrologie */
.contentList.necrologies, .contentList.necrologie{flex-flow: row wrap; justify-content: space-between; display: flex; margin: 20px 0 0 0;}
.contentList.necrologies article, .contentList.necrologie article{width: calc(50% - 20px); min-height: 240px; justify-content: space-between;}
.contentList.necrologies .corps, .contentList.necrologie .corps { width: calc(100% - 150px);}
/*.contentList.necrologies figure, .contentList.necrologie figure{background: url(../../images/v1/colombe.png) no-repeat 50% 50% #f0f1f3; width: 140px; max-height: 180px;}*/
    .contentList.necrologies figure.noImage, .contentList.necrologie figure.noImage { background: url(../../images/v1/colombe.png) no-repeat 50% 50% #f0f1f3; width: 140px; max-height: 180px; }
.contentList.necrologies figure img, .contentList.necrologie figure img{width: 100%;}
.contentList.necrologies .extra::before,  .contentList.necrologie .extra::before{right: 0;}
.contentList.necrologies .extra .publish, .contentList.necrologie .extra .publish { background-color: #fff !important; }

/* =============================================================================
   Détail d'article
   ========================================================================== */

.ContentDetailComponent  article{margin: 0 0 20px 0; position: relative;}

.ContentDetailComponent h1{font-size: 3.3rem; font-family: 'DINPro-Black'; margin: 0 0 20px 0; width: 100%}
.ContentDetailComponent h1 .surtitre{font-size: 2.2rem; color: #999; display: block;}
.ContentDetailComponent h2{margin: 0 0 10px 0; font-size: 1.8rem;}

.ContentDetailComponent .infoBar{overflow: hidden; margin: 20px 0; font-size: 1.2rem; width: 100%; clear: both;}
.ContentDetailComponent .infoBar li{float: left; color: #999; text-transform: uppercase; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #b6bdc3;}
.ContentDetailComponent .infoBar li a{text-decoration: underline; color: #999;}
.ContentDetailComponent .infoBar li a span.comment-count {display: inline-block; margin: 0 5px 0 0; text-decoration: none;}
.ContentDetailComponent .infoBar .updatePublish::before{font-family: 'icoERV'; content: '\e8b5'; font-size: 1.6rem; padding: 0 5px 0 0; vertical-align: top;}
.ContentDetailComponent .infoBar .viewNbComment::before{font-family: 'icoERV'; content: '\e96b';}
.ContentDetailComponent .infoBar .flagPaid{float: right; border: none; font-size: 1.2rem; color: #000; padding: 0 10px; height: 20px; line-height: 20px;}

.contentDetail .mainImage{position: relative; margin: 0 0 15px; width: 100%;}
.contentDetail .mainImage .pic{display: block; font-size: 0px;}
.contentDetail .mainImage img{width: 100%;}
.contentDetail .caption { position: relative; min-height: 40px; padding: 15px 90px 10px 10px; background-color: #000; font-size: 1.6rem; color: #fff; text-align: left; }
.contentDetail .innerContent {float: left;}
.contentDetail .contentText {margin: 0 0 10px 0; font-size: 1.5rem; text-align: justify; overflow: hidden;}
.contentDetail .contentText p{margin: 0 0 5px 0;}
.contentDetail .contentText p:last-child{margin: 0}
.contentDetail .contentText p.note{padding: 2px 5px; margin: 0; font-style: italic; font-size: 1.3rem; color: #5f5f5f; background-color: #eae9e5; }
.contentDetail .contentText a{color: #0094bb; text-decoration: underline; }
.contentDetail .contentText h4{margin: 15px 0 10px 0; font-size: 1.6rem; font-weight: bold; }
.contentDetail .contentText .chiffre {font-size: 4rem; font-weight: bold;}
.ContentDetailComponent .author{font-size:1.4rem;font-weight:bold}
.ContentDetailComponent .encadre{padding: 15px; margin: 10px 0; background-color: #f1f4f6;}
.ContentDetailComponent .encadre article {margin: 0 !important}
.ContentDetailComponent .citation {position: relative; background-color: #f1f4f6;}

.ContentDetailComponent .secureHD{display: block; background-color: #ffdd00; width: 70px; height: 30px; padding: 2px; color: #000; position: absolute; right: 10px; top: 5px; font-size: 1.1rem;}
.ContentDetailComponent .secureHD em{float: right; background-color: #000; color: #ffdd00; display: block; width: 40px; height: 26px; font-size: 1rem; text-align: center; white-space: pre-wrap;}
.ContentDetailComponent .secureHD::after{font-family: 'icoERV'; content: '\e8ff'; font-size: 2rem; color: #000; position: absolute; top: 3px; left: 1px; font-size: 2.6rem;}
.ContentDetailComponent .freeHD {display: block; background-color: #ffdd00; width: 30px; height: 30px; padding: 2px; color: #000; position: absolute; right: 10px; top: 5px; font-size: 1.1rem;}
.ContentDetailComponent .freeHD::after{font-family: 'icoERV'; content: '\e8ff'; font-size: 2rem; color: #000; position: absolute; top: 3px; left: 1px; font-size: 2.6rem; }

/* hack Firefox */
@-moz-document url-prefix() { 
    .ContentDetailComponent .secureHD em { line-height: 1.1em; }
}

.ContentDetailComponent .galerieContent{ position: relative; margin: 0 0 20px 0; overflow: hidden; background-color: #000; }
.ContentDetailComponent .galerie-viewport {position: relative; overflow: hidden; cursor: pointer;}
.ContentDetailComponent .galerieContent .galerie-slider {width: 100%; height: 100%; position: absolute;}
.ContentDetailComponent .galerieContent .item img{width: 100%;}
.ContentDetailComponent .galerieContent figure{position: relative;}
.ContentDetailComponent .galerieContent .galerie-cmpt{ position: absolute; left: 0; bottom: 0; padding: 2px 10px; background-color: #b5d7e2; color: #000; }
.ContentDetailComponent .galerie-viewport {position: relative; overflow: hidden; cursor: pointer}
.ContentDetailComponent .galerie-slider {width: 100%; height: 100%; position: absolute; transition: all 600ms ease;}
.ContentDetailComponent .galerie-slider figure a { display: block;}
.ContentDetailComponent .galerie-slider > div {min-width: 100%; position: absolute; padding: 0; margin: 0;}
.ContentDetailComponent .galerie-slider figure {min-width: 100%; position: relative; padding: 0; margin: 0; } 
.ContentDetailComponent .galerie-slider img {width: 100%;}
.ContentDetailComponent .generalcaption{ position: relative; display: block; width: 100%; min-height: 40px; padding: 10px 90px 10px 20px; text-align: justify !important; background-color: #000; text-align: left; font-size: 1.6rem; color: #FFF; }
.ContentDetailComponent .galerie-buttons{position: absolute; top: calc(40% - 100px); width: 100%; height: 30px; padding:0 5px; box-sizing:border-box; margin: 10px 0; text-align: center; }
.ContentDetailComponent .galerie-buttons a{width: 40px; height: 100px; line-height: 100px; padding: 2px 0; background-color: #000; opacity: 0.5; text-align: center; position: absolute; cursor: pointer;}
.ContentDetailComponent .galerie-buttons a.galerie-prev{left: 0;}
.ContentDetailComponent .galerie-buttons a.galerie-next{right: 0;}
.ContentDetailComponent .galerie-buttons a.galerie-prev::before {font-family: 'icoERV'; content: '\e314'; color: #FFF; font-size: 4rem;}
.ContentDetailComponent .galerie-buttons a.galerie-next::after {font-family: 'icoERV'; content: '\e315'; color: #FFF; font-size: 4rem;}
.ContentDetailComponent .galerie-vignettes { width: 100%; padding: 10px 0 20px 0; background-color: #000; white-space: nowrap; text-align: center; transition: all 600ms ease;}
.ContentDetailComponent .galerie-vignettes > img, .ContentDetailComponent .galerie-vignettes > span{display: inline-block; margin: 0 10px; cursor: pointer; border: 2px solid #000;}
.ContentDetailComponent .galerie-vignettes > img.selected {border: 2px solid #FFF;}
.ContentDetailComponent .galerie-vignettes > span.selected {background-color: white;} 
.ContentDetailComponent .galerie-vignettes > span {width: 12px; height: 12px; border-radius: 20px; background: #869791;}

.ContentDetailComponent .fancybox-message{position: absolute; top: 40px; left: 0; right: 0; padding: 20px; font-size: 2rem; text-align: center; background-color: #FFF; opacity: 0.8;}
.ContentDetailComponent .fancybox-message a {text-decoration: underline;}
.fancybox-opened .fancybox-title{font-size: 1.6rem; font-family: 'DINPro'; }

.ContentDetailComponent .moviePlayer{text-align: center; overflow: hidden; width: 480px; height: 360px; margin: auto; position: relative;}
.ContentDetailComponent .moviePlayer .ratio2 {padding-bottom:56.25%;}
.ContentDetailComponent .moviePlayer iframe, .ContentDetailComponent .moviePlayer embed, .ContentDetailComponent .moviePlayer object {width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0;}

    /* Partager */
.toolBar{margin: 10px 0 25px 0; overflow: hidden; display: flex; justify-content: flex-end;}
.toolBar span{display: inline-block; margin: 0 10px 0 0; font-size: 1.4rem; line-height: 30px;}
.toolBar ul{border: 1px solid #e5e9eb; overflow: hidden;}
.toolBar ul li{float: left; height: 30px; line-height: 30px; margin: 0 5px 0 0; padding: 1px 0;}
.toolBar ul li:last-child{margin: 0;}
.toolBar .facebook a::before{font-family: 'icoERV'; content: '\ea91'; font-size: 2.4rem; color: #405a99;}
.toolBar .twitter a::before{font-family: 'icoERV'; content: '\ea96'; font-size: 2.4rem; color: #5ea9de;}
.toolBar .send::before{font-family: 'icoERV'; content: '\e0e1'; font-size: 2.8rem; cursor: pointer; color: #595959;}
.toolBar .showComment a{display: block; width: 30px; height: 30px; background-color: #9ab7c7; line-height: 30px; text-align: center;}
.toolBar .showComment a::before{font-family: 'icoERV'; content: '\e96b'; color: #FFF; font-size: 2rem; cursor: pointer;  width: 30px; height: 30px;}

.scrollToolBar{position: fixed; margin: 20px 0 0 -80px; top: 50px; z-index: 300; display: none;}
.scrollToolBar .toolBar{display: block; }
.scrollToolBar .toolBar ul{width: 45px;}
.scrollToolBar .toolBar li{float: none !important; text-align: center; font-size: 1rem; height: auto; line-height: normal; margin: 0 0 5px 0;}
.scrollToolBar .toolBar .showComment a{height: 45px; color: #FFF; width: 100%; line-height: normal;}
.scrollToolBar .toolBar .showComment a::before { display: block; width: 100%; font-size: 2.2rem;}


#sendBox{position: fixed; top: 100px; left: calc(50% - 300px); width: 600px; height: 660px; z-index: 600; background-color: #FFF; padding: 20px; }
.btClose {cursor: pointer; height: 30px; width: 30px; line-height: 30px; text-align: center;}
.btClose::before {font-family: 'icoERV'; content: '\e5cd'; color: #FFF; font-size: 3rem; background-color: #000;}
#sendBox h1 {font-size: 2.4rem; line-height: initial;}
#sendBox h2 {text-align: center; margin: 20px 0;}
#sendBox fieldset {border: 1px solid #b6bdc3; padding: 10px; margin: 0 20px 0 0;}
#sendBox fieldset legend{background-color: #FFF; padding: 2px 10px;}
#sendBox label {width: 160px;}
#sendBox label em{color: #9ab7c7; font-size: 1rem; padding: 0 0 0 5px}
#sendBox input{border: 1px solid #9ab7c7; width: 200px;}
#sendBox input[type='button'],  #sendBox input[type='submit']{border: none !important}

    /* articles associés */
.GRDC_relatedContent { margin: 20px 0 0 0;}
.GRDC_relatedContent li{font-size: 1.6rem;}
.GRDC_relatedContent li::before{color: #d8eaf5; content: '\e969'; font-family: 'icoERV'; font-size: 2rem; padding: 0 5px 0 0;}
.GRDC_relatedContent li:hover::before {color: #0079ac; }
.GRDC_relatedContent a{color: #0081b2; text-decoration: underline;}
.GRDC_relatedContent a:hover {font-weight: bold;}
.GRDC_relatedContent li .video::after {font-family: 'icoERV'; background-color: #e30613; color: #FFF; content: '\e039'; font-size: 2rem; line-height: 24px; height: 24px; width: 24px; display: inline-block; margin: 0 0 0 5px; text-align: center;}
.GRDC_relatedContent li .viewPhoto{background-color: #a3d1de; text-transform: uppercase; font-size: 1.15rem; padding: 2px 10px; font-weight: bold; display: inline-block; position: initial; margin: 0 0 0 5px}

    /* Tags */
.GFWK_tagList{overflow: hidden; margin: 20px 0; }
.GFWK_tagList li{text-transform: uppercase; float: left;}
.GFWK_tagList li a{padding: 0 10px; color: #595959; font-size: 1.2rem; border-right:1px solid #595959;}
.GFWK_tagList li:first-child{position: relative; padding: 1px 5px; margin: 0 10px 0 0; color: #fff; text-align: center; border-right: none; background-color: #595959; /*background:url(../../images/v1/tagList.png) no-repeat 50% 50%*/}
.GFWK_tagList li:first-child::after{content: ''; border-left: 8px solid #595959; border-bottom: 10px solid transparent; border-top: 8px solid transparent; position: absolute; right: -8px;}
.GFWK_tagList li:last-child a{border-right: none}

    /* Cet article vous a plu ? */
.communautyTeaser { margin:0 0 30px; }
.communautyTeaser .entete {margin:0 0 5px;font-size:1.8rem;text-transform:uppercase }
.communautyTeaser ul li {list-style-type:disc}
.communautyTeaser ul li a {color:#0087ba;font-size:1.4rem;font-weight:bold;text-decoration:underline; }

    /* Nous vous recommandons aussi */
.ContentDetailComponent .GRDC_Default { margin: 0 0 20px 0;}
.ContentDetailComponent .GRDC_Default .entete{background-color: transparent; text-align: left; color: #000; margin: 0; font-size: 1.8rem;}
.ContentDetailComponent .GRDC_Default .modContent{display: flex; flex-flow: row wrap; justify-content: space-between;}
.ContentDetailComponent .GRDC_Default article{flex-direction: column; flex: 1; width: calc(33.33% - 20px); border: none; height: auto; margin: 0 10px;}
.ContentDetailComponent .GRDC_Default article:nth-of-type(1){margin: 0 10px 0 0;}
.ContentDetailComponent .GRDC_Default article:nth-of-type(3){margin: 0 0 0 10px;}
.ContentDetailComponent .GRDC_Default article h2{margin: 0; text-overflow: ellipsis; overflow: hidden; height: 40px; width: 100%; font-size: 1.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ContentDetailComponent .GRDC_Default .surtitre{display: none !important;}
.ContentDetailComponent .GRDC_Default .photo { display: block !important}
.ContentDetailComponent .GRDC_Default .photo img {width: 100%;}
.ContentDetailComponent .GRDC_Default .contenu{display: none;}
.ContentDetailComponent .GRDC_Default .showMore{background-color: transparent; text-align: right; border: none; font-size: 1.4rem; padding: 0; margin: 20px 0 0 0; }
.ContentDetailComponent .GRDC_Default .showMore::after {border: 0 !important; }
.ContentDetailComponent .GRDC_Default .showMore a{color: #000;}
.ContentDetailComponent .GRDC_Default .showMore a strong {color: #e30613;}
.ContentDetailComponent .GRDC_Default .showMore a::after {font-family: 'icoERV'; content: '\e5c8'; color: #e30613; border: none; top: 4px; padding: 0 0 0 10px; }

    /* Commentaires */
#plugFormComment{padding: 10px 20px; margin: 0 0 30px 0; background-color: #9ab7c7;}
#plugFormComment .entete{margin: 0 0 10px 0; color: #fff; font-size: 1.8rem; font-family: 'DINPro-Black'; text-transform: uppercase;}
#plugFormComment .entete::before{font-family: 'icoERV'; content: '\e96b'; padding: 0 15px 0 0; font-size: 3.6rem; vertical-align: bottom;}
#CommentForm{position: relative; color: #fff;}
#CommentForm .formrow{display: flex; margin: 0 0 10px 51px;}
#CommentForm .formrow label{ width:15%; }
#CommentForm .formrow input,#CommentForm  .formrow textarea{ width:80%; }
#CommentForm .formrow input{line-height:2.2rem }
#CommentForm .note{width: 55%; margin: 0 0 0 137px; font-size: 1.1rem; line-height: 1.2rem; text-align:justify;}
#CommentForm .blocboutons {position:absolute;right:30px;bottom:0 }
#CommentForm .btModel04{padding:0 10px;color:#fff;font-weight:bold;line-height:2.2rem;border:none;background:#2d6d85;text-transform:uppercase }

#CommentAlert {background-color: #9ab7c7; text-align: center; font-size: 1.6rem; color: #FFF;}
#notCommentable{text-align: center; font-size: 1.4rem;  font-style: italic;}

.CommentBloc{padding: 10px 15px 30px 15px; margin: 20px 0 30px 0; border: 1px solid #e8ebec; position: relative;}
.CommentBloc .entete{position: relative; margin: 0 0 10px 0; font-size: 1.8rem; font-family: 'DINPro-Bold'; text-transform: uppercase; border-bottom: 1px solid #b6bfc5; margin: 0 0 10px 0;}
.CommentBloc .entete a{position: absolute; right: 0; padding: 0 10px; color: #fff; background-color: #9ab7c7;}
#PlugCommentsList2 {/*max-height: 440px; overflow: hidden;*/}
#commentList .comment {}
#commentList .comment .content{display: flex; margin:0 0 15px; border-bottom: 1px solid #b6bfc5; width: 100%;}
#commentList .avatar{width: 60px; height: 60px; margin: 0 15px 0 0;}
#commentList .avatar img{width: 100%;}
#commentList .avatar .illustration::before{display: block; font-family: 'icoERV'; content: '\e7fd'; text-align: center; width: 60px; height: 60px; line-height: 60px; color: #FFF; font-size: 5rem;  background-color: #e1eaf0; }
#commentList .pseudo{font-size: 1.6rem; font-weight: bold;}
#commentList .publish{color: #6d6e71; font-size: 1.2rem; position: relative;}
#commentList .title {font-size: 1.5rem; display: block;}
#commentList .contentComment {width: calc(100% - 80px); }
#commentList .contentComment ul{list-style-type: square;}
#commentList .contentComment .note strong{font-weight: bold;}
#commentList .contentComment .note em{font-style: italic;}
#commentList .comment p{font-size: 1.4rem; }
#commentList .signaler{display: block; color: #8ca0aa; font-size: 1.2rem; line-height: 2.2rem; text-align: right;}
#commentList .signaler::before{font-family: 'icoERV'; content: '\e001'; font-size: 1.5rem; vertical-align: top; padding: 0 5px 0 0; }

#loadMoreComment{display: none; position: absolute; bottom: 0; left: calc(50% - 120px); text-align: center; background-color: #9ab7c7; font-weight: bold; font-size: 1.6rem; max-width: 240px; padding: 5px 15px; cursor: pointer; margin: 0 auto;}

/* Reproduction interdite */
.mentionsBottom {display: flex; font-size: 1.4rem; line-height: 2.4rem; border:1px solid #d1d6da; margin: 20px 0;}
.mentionsBottom span:first-child{width:25%;color:#fff;text-align:center;background:#d1d6da }
.mentionsBottom span:nth-child(2){width:75%;text-align:center}
.mentionsBottom a{color:#0079ac;font-family:'DINPro-Bold'}

/* article payant */
.ContentDetailComponent article.secure .teaserSecure{overflow: hidden;}
.ContentDetailComponent article.secure .teaserSecure .corps{float: left; font-size: 1.6rem; width: calc(100% - 310px); position: relative; min-height: 175px;}
.ContentDetailComponent article.secure .teaserSecure .corps p{position: relative; text-align: justify;}
.ContentDetailComponent article.secure .teaserSecure .corps p::after{position: absolute; bottom: 0; left: 0; right: 0; height: 50px; width: 100%; content: '';
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.ContentDetailComponent article.secure .photo { position: relative; width: 230px; order: 2; margin: 0 40px; float: right; }
.ContentDetailComponent article.secure .photo img{width: 100%;}

.ContentDetailComponent article.secure .toolBar{position: absolute; bottom: 0; right: 0;}

.contentDetailMultimedia { }

/* =============================================================================
   Contenu riche
   ========================================================================== */
.richContentComponent {margin: 0 0 10px 0; font-size: 1.5rem; text-align: justify; }
    .richContentComponent p {margin: 0 0 5px 0;}
    .richContentComponent h4 { display: inline-block; margin: 15px 0 10px 0; padding: 4px 10px; font-size: 1.8rem; background-color: #8c9da6; color: #fff; }
        /*.richContentComponent h4.bis { font-size: 1.8rem !important; text-transform: none; }*/
        /*.richContentComponent h4.ter { font-size: 1.8rem !important; }*/
     /*.richContentComponent h5 { margin-bottom: 10px; font-family: "DINPro-Bold"; font-size: 1.7rem; }*/
    .richContentComponent a { text-decoration: underline; color: #0079ac; }
    .richContentComponent .componentDescription { width: 100% !important; font-family: "DINPro-Bold"; text-align: justify !important; }
    .richContentComponent.imagesComponent a { text-decoration: none; }
    .richcontent.primary .publish { background-color: #eef0ef; }
.insetComponent{padding: 20px 30px !important; background-color: #edeff0 !important; border: none !important; border-radius: 0 !important; }
    .insetComponent figure { max-width: 240px; /*max-height: 240px;*/max-height: none; width: 100% !important; height: auto; }
    .insetComponent .insetTitle { margin-left: 0 !important; font-family: "DINPro-Bold"; font-size: 1.7rem !important; }
    .insetComponent .insetSignature { font-family: "DINPro-Bold"; }
    .insetComponent h4 { display: table; }
.pdfComponent{background-color: #f1f4f6; width: 80%; margin: 20px auto !important;}
    .pdfComponent figure{ width: auto !important; margin: 0 !important; padding: 0 20px 0 0 !important; background-color: #f1f4f6 !important; }
        .pdfComponent figure img { float: left; width: 33% !important; background-color: grey !important; }
        .pdfComponent figure figcaption { float: left; width: 67%; margin-top: 4%; padding-right: 0 !important; padding-left: 20px !important; background-color: transparent !important; font-size: 1.5rem !important; color: #000 !important; text-align: left !important; }
        /*.pdfComponent figure figcaption:after { content: " "; position: absolute; top: 0; right: 0; display: block; width: 52px; height: 69px; background: #d1d6d9 url("../../images/v1/icone_pdf.png") no-repeat 6px 12px; }*/
.textComponent .caption, .insetComponent .caption{ padding: 5px 10px !important; background-color: #000 !important; font-size: 1.6rem; text-align: left; }
.textComponent figure { width: 60% !important; max-height: none; }


.imagesComponent .imagesGallery { width: 100% !important}
/*.richContentComponent .galerieContent .generalcaption { margin-top: -41px; background-color: rgba(255, 255, 255, 0.7); border-bottom: 3px solid #d1131c; font-family: "DINPro-Bold"; color: #000; }*/
.richContentComponent .imagesGallery figure{width: 100% !important; margin: 0 !important;}
.richContentComponent .imagesGallery figure .freeHD, .richContentComponent .imagesGallery figure .secureHD { display: none;}
.citation, .chiffre { margin: 10px 0 !important; }
.richContentComponent .citation { background-color: #fff !important; border: 1px solid #d7dadb; font-family: "DINPro-Bold"; }
.richContentComponent .citation:before { float: left; padding-right: 12px !important; font-size: 4rem !important; color: #8c9da6 !important; }
.richContentComponent .citation:after { content: none !important; }
.richContentComponent .citation .nom{  font-family: "DINPro"; color: #000 !important; /*position: absolute; bottom: 0; right: 0;*/}
.richContentComponent .question { font-size: 1.7rem !important; }
.richContentComponent .answer { font-style: normal !important; }
.richContentComponent .rel { font-size: 1.5rem !important; border-left-color: #8c9da6 !important; }
.richContentComponent .rel:before { color:#8c9da6 !important; }
.richContentComponent .chiffre { padding: 10px 15px; border: 1px solid #d7dadb; font-family: "DINPro-Bold" !important; font-size: 1.5rem !important; color: #8c9da6 !important; }
.richContentComponent ul { list-style-type: circle; list-style-position: inside; }
    .richContentComponent ul li { position: relative; padding-left: 15px; list-style-position: inside; list-style-type: none; }
        .richContentComponent ul li:before { content: "\2219"; position: absolute; left: 0; }
.richContentComponent .titreresultat, .richContentComponent .pararesultat { width: calc(100% - 425px); }
.richContentComponent .titreresultat { background-color: #8c9da6 !important; color: #fff !important; }
.richContentComponent .pararesultat { background-color: #d7dadb !important; color: #000 !important; }
.richContentComponent.videoComponent { width: 80%; margin-right: auto; margin-left: auto; }
    .richContentComponent.videoComponent .videoContent { width: 100% !important; }
.richContentComponent.freeHtmlComponent, 
.richContentComponent.twitterComponent, 
.richContentComponent.googleComponent, 
.richContentComponent.facebookComponent { width: 80% !important; margin: 0 auto 30px auto !important; background-color: #edeff0; }
    .richContentComponent.pdfComponent .componentDescription, 
    .richContentComponent.freeHtmlComponent .componentDescription, 
    .richContentComponent.twitterComponent .componentDescription, 
    .richContentComponent.googleComponent .componentDescription, 
    .richContentComponent.facebookComponent .componentDescription { position: relative; padding: 15px 20px 15px 70px; background-color: #d1d6da; text-align: justify !important; }

    .richContentComponent.freeHtmlComponent .componentDescription { padding: 20px !important;}
    .richContentComponent.googleComponent .componentDescription { padding: 20px 0 !important; background: #fff; }
    .richContentComponent.pdfComponent .componentDescription { padding-left: 55px; }

    .richContentComponent.freeHtmlComponent .instagram-media, 
    .richContentComponent.freeHtmlComponent .twitter-timeline, 
    .richContentComponent.freeHtmlComponent .twitter-tweet,
    .richContentComponent.freeHtmlComponent .fb-page, 
    .richContentComponent.twitterComponent .twitterContent, 
    .richContentComponent.googleComponent .googleContent, 
    .richContentComponent.facebookComponent .facebookContent { position: relative; width: calc(100% - 30px) !important; margin: 0 15px 15px 15px!important; }

        .richContentComponent.twitterComponent .componentDescription:before, .richContentComponent.facebookComponent .componentDescription:before { position: absolute; top: 50%; left: 20px; margin-top: -20px; font-family: "IcoERV"; font-size: 4rem; color: #fff; }
        .richContentComponent.twitterComponent .componentDescription:before { content: "\ea96"; }
        .richContentComponent.facebookComponent .componentDescription:before { content: "\ea90"; }
        .richContentComponent.pdfComponent .componentDescription:before { content: " "; position: absolute; top: 50%; left: 10px; display: block; width: 40px; height: 53px; margin-top: -28px; background-image: url("../../images/v1/icone-pdf.png"); background-size: contain; }


/* =============================================================================
   Live / Direct
   ========================================================================== */
/* module : lives */
.lives ul li{border-bottom: 1px dotted #C33; padding: 5px 0 0 0;}
.lives ul li.hover{background: #F7F7F7}
.lives ul li.processing h2 span.state{background:transparent url(../../images/v1/lives/direct.png) no-repeat 0 2px;padding:0 50px 0 0;width:46px;height:12px}
.lives ul li.terminated{background:transparent url(../../images/v1/lives/) no-repeat 0 0}
.lives ul li.queue{background:transparent url(../../images/v1/lives/) no-repeat 0 0}
.lives ul li.football h2 span.match{background:transparent url(../../images/v1/lives/soccerGoal.png) no-repeat 0 0;display:block;color:#690;padding:0 0 0 28px;line-height:25px}
.lives ul li h2{font-size:120%}
.lives ul li p.info{font-size:90%;margin:5px 0}
.lives ul li p.info span.teamLocal,.lives ul li p.info span.teamVisitor{color:#690}
.lives ul li p.publication{text-align:right;font-size:80%;color:#696969;background-color:#EDEDED}

/* page :live */
.live{position: relative;}
.live h2 { margin: 10px 0; }
.live .liveInfos{overflow: hidden; border-bottom: 1px dotted #C2C2C2}
.live .liveInfos p.date{float:right;font-style:italic;color:#696969}
.live .liveInfos p.location{float:left;font-weight:bold}
.live .showScore{height: 200px; border-width:0 0 1px 0;border-style:dotted;border-color: #C2C2C2; overflow: hidden; clear: both; margin:0 0 10px 0}
.live .showScore .teamLocal{height: 180px; padding:10px 30px 10px 0px;background-color:#EFEFEF; float: left; width:45%}
.live .showScore .teamLocal h3{text-align:right;clear:both;margin:0 0 10px 0}
.live .showScore .teamLocal h3 span{display:block;text-align:right;color:#969696;font-size:11px}
.live .showScore .teamVisitor{float:right;width:45%;padding:10px 0 10px 30px}
.live .showScore .teamVisitor h3{text-align:left;clear:both;margin:0 0 10px 0}
.live .showScore .teamVisitor h3 span{display:block;text-align:left;color:#969696;font-size:11px}
.live .showScore .score{width: 70px; height: 72px; text-align: center; font-size: 35px; background-color: #000; padding: 18px 0 0 0; color: #FFF;}
.live .showScore .logo{width: 100px; background-image: none;}
.live .showScore .logo img{width:100px}
.live .showScore .teamLocal .score{float:right}
.live .showScore .teamLocal .logo{float:left;margin:0 0 0 20px}
.live .showScore .teamVisitor .score{float:left}
.live .showScore .teamVisitor .logo{float:right;margin:0 20px 0 0}
.live .blocTimeLine{position:relative;margin:0;clear:both;background:#FFF;height:88px;z-index:100;width:100%}
.live .timeLine{position:relative;margin:0 24px 0 0;height:88px}
.live .blocTimeLine .line{height:12px;width:100%;background:transparent url(../../images/v1/lives/bg_timeline.png) repeat-x 0 0;position:absolute;top:38px;/*margin:0 12px;*/}
.live .timeLine span.ItemTimeLine{position:absolute;width:24px;height:38px;display:block}
.live .timeLine span a{width:24px;height:22px;display:block}
.live .timeLine span.itemChronoLine{display:block;padding:0;width:24px; height:12px; text-align:center; font-size:10px; font-family:"Century Gothic"; color:#969696}
.live .timeLine span.pointerTimeLine{position:absolute;background:transparent url(../../images/v1/lives/pointer.png) no-repeat bottom center;width:24px;height:9px;display:block;top:39px;z-index:200}
.live .liveContent{padding:15px 3px;margin:15px 0 10px 0;background-color:#EFEFEF}
.live .liveContent.Processing{background:#EFEFEF url(../../images/v1/lives/direct.png) no-repeat right 3px;}
.live .liveContent .instant{background-color:#FFFFFF !important;min-height:25px;position:relative;margin:3px 0px;padding:12px 0 12px 50px;overflow:hidden;line-height:20px}
.live .liveContent .instant .illustration{float:left; margin: 0 8px 2px 40px; width: 120px; }
.live .liveContent .instant .content{padding-right:45px;padding-left:40px}
.live .liveContent .instant .extra {position: static !important; float: left !important; margin-bottom: 10px; }
.live .liveContent .instant .extra::before {border: none; }
.live .liveContent .instant .extra .team{background-color: #FFF; float: left; margin:5px 0 0 5px; width: 32px; height: 32px; display: block; text-align: center;}
.live .liveContent .instant .extra .team{text-align: center;}
.live .liveContent .instant .chrono{display: block; background: #606060 none no-repeat 0 0; border-radius: 3px; padding: 3px; text-align: center; margin:10px 5px 0 10px; line-height:14px;font-family:"Century Gothic";color:#FFFFFF; width: 40px;}
.live .loader{padding:0 0 0 20px;background:transparent url(../../images/std/ajax-loader.gif) no-repeat 0 0;}
.live .Default .content{background:transparent url(../../images/v1/lives/rugbyDefault.png) no-repeat 5px center;}
.live .liveContent .End{border:1px solid #cc231f}
.live .End .content{background:transparent url(../../images/v1/lives/rugbyEnd.png) no-repeat 5px center;color:#cc231f}
.live .timeLine .GameStart a{background:transparent url(../../images/v1/lives/gameStart.png) no-repeat 0px center}
.live .liveContent .GameStart{border:1px solid #378D26} 
.live .GameStart .content{background:transparent url(../../images/v1/lives/gameStart.png) no-repeat 5px center;color:#378D26}
.live .timeLine span.GameResume a{background:transparent url(../../images/v1/lives/gameResume.png) no-repeat 0px center}
.live .liveContent .GameResume{border:1px solid #378d26}
.live .GameResume .content{background:transparent url(../../images/v1/lives/gameResume.png) no-repeat 5px center;color:#378d26}
.live .liveContent .HalfTime{border:1px solid #fe9b00;color:#dc6200}
/* Generic */
.live .generic .liveContent .instant{padding:12px 0px}
/* Football */
.live .football .liveContent .instant{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAABCAAAAABvH3gLAAAADUlEQVR42mP4TwJ4BgAHRiy7GLR+UQAAAABJRU5ErkJggg==') repeat-y 0 0}
.live .football .timeLine span.End a{background:transparent url(../../images/v1/lives/soccerHalfTime.png) no-repeat 0 0}
.live .football .timeLine span.HalfTime a{background:transparent url(../../images/v1/lives/soccerHalfTime.png) no-repeat 0 0}
.live .football .timeLine span.Penalty a{background:transparent url(../../images/v1/lives/soccerPenalty.png) no-repeat 0 0}
.live .football .timeLine span.FreeKick a{background:transparent url(../../images/v1/lives/soccerFreeKick.png) no-repeat 0 0}
.live .football .timeLine span.SoccerRedCard a{background:transparent url(../../images/v1/lives/soccerRedCard.png) no-repeat 0 0}
.live .football .timeLine span.SoccerYellowCard a{background:transparent url(../../images/v1/lives/soccerYellowCard.png) no-repeat 0 0}
.live .football .timeLine span.SoccerGoal a{background:transparent url(../../images/v1/lives/soccerGoal.png) no-repeat 0 0}
.live .football .timeLine span.SoccerCorner a{background:transparent url(../../images/v1/lives/soccerCorner.png) no-repeat 0 0}
.live .football .timeLine span.SoccerFault a{background:transparent url(../../images/v1/lives/soccerFault.png) no-repeat 0 0}
.live .football .timeLine span.Default a{background:transparent url(../../images/v1/lives/important.png) no-repeat 0 0}
.live .football .End .content{background:transparent url(../../images/v1/lives/soccerEnd.png) no-repeat 5px center}
.live .football .HalfTime .content{background:transparent url(../../images/v1/lives/soccerHalfTime.png) no-repeat 5px center}
.live .football .Substitution .content{background:transparent url(../../images/v1/lives/soccerSubstitution.png) no-repeat 5px center}
.live .football .Penalty .content{background:transparent url(../../images/v1/lives/soccerPenalty.png) no-repeat 5px center}
.live .football .FreeKick .content{background:transparent url(../../images/v1/lives/soccerFreeKick.png) no-repeat 5px center}
.live .football .SoccerRedCard .content{background:transparent url(../../images/v1/lives/soccerRedCard.png) no-repeat 5px center}
.live .football .SoccerYellowCard .content{background:transparent url(../../images/v1/lives/soccerYellowCard.png) no-repeat 5px center}
.live .football .liveContent .instant.SoccerGoal{background-color:#E6FFC5 !important}
.live .football .liveContent .SoccerGoal{margin:15px 0px;font-size:1.2em;border:1px solid #378d26;color:#378d26;font-weight:bold}
.live .football .SoccerGoal .content{background:transparent url(../../images/v1/lives/soccerGoal.png) no-repeat 5px center}
.live .football .SoccerCorner .content{background:transparent url(../../images/v1/lives/soccerCorner.png) no-repeat 5px center}
.live .football .SoccerFault .content{background:transparent url(../../images/v1/lives/soccerFault.png) no-repeat 5px center}
.live .football .Default .content{background:transparent url(../../images/v1/lives/soccerDefault.png) no-repeat 5px center}
/* Basketball */
.live .basketball .liveContent .instant{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAABCAAAAABvH3gLAAAADUlEQVR42mP4TwJ4BgAHRiy7GLR+UQAAAABJRU5ErkJggg==') repeat-y 0 0}
.live .basketball .timeLine span.End a{background:transparent url(../../images/v1/lives/basketEnd.png) no-repeat 0 0}
.live .basketball .timeLine span.HalfTime a{background:transparent url(../../images/v1/lives/basketHalfTime.png) no-repeat 0 0}
.live .basketball .timeLine span.Substitution a{background:transparent url(../../images/v1/lives/basketSubstitution.png) no-repeat 0 0}
.live .basketball .timeLine span.FreeKick a{background:transparent url(../../images/v1/lives/basketFreeKick.png) no-repeat 0 0}
.live .basketball .timeLine span.Fault a{background:transparent url(../../images/v1/lives/basketFault.png) no-repeat 0 0}
.live .basketball .timeLine span.Goal a{background:transparent url(../../images/v1/lives/basketGoal.png) no-repeat 0 0}
.live .basketball .timeLine span.Default a{background:transparent url(../../images/v1/lives/basketDefault.png) no-repeat 0 0}
.live .basketball .End .content{background:transparent url(../../images/v1/lives/basketEnd.png) no-repeat 5px center}
.live .basketball .HalfTime .content{background:transparent url(../../images/v1/lives/basketHalfTime.png) no-repeat 5px center}
.live .basketball .Substitution .content{background:transparent url(../../images/v1/lives/basketSubstitution.png) no-repeat 5px center}
.live .basketball .FreeKick .content{background:transparent url(../../images/v1/lives/basketFreeKick.png) no-repeat 5px center}
.live .basketball .Fault .content{background:transparent url(../../images/v1/lives/basketFault.png) no-repeat 5px center}
.live .basketball .Goal .content{background:transparent url(../../images/v1/lives/basketGoal.png) no-repeat 5px center}
.live .basketball .liveContent .instant.Goal{background-color:#fff1d5 !important}
.live .basketball .liveContent .Goal{margin:15px 0px;font-size:1.2em;border:1px solid #d36800;color:#d36800;font-weight:bold}
.live .basketball .Default .content{background:transparent url(../../images/v1/lives/basketDefault.png) no-repeat 5px center}
/* Handball */
.live .handball .liveContent .instant{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAABCAAAAABvH3gLAAAADUlEQVR42mP4TwJ4BgAHRiy7GLR+UQAAAABJRU5ErkJggg==') repeat-y 0 0}
.live .handball .timeLine span.End a{background:transparent url(../../images/v1/lives/handEnd.png) no-repeat 0 0}
.live .handball .timeLine span.HalfTime a{background:transparent url(../../images/v1/lives/handHalfTime.png) no-repeat 0 0}
.live .handball .timeLine span.Substitution a{background:transparent url(../../images/v1/lives/handSubstitution.png) no-repeat 0 0}
.live .handball .timeLine span.Penalty a{background:transparent url(../../images/v1/lives/handPenalty.png) no-repeat 0 0}
.live .handball .timeLine span.FreeKick a{background:transparent url(../../images/v1/lives/handFreeKick.png) no-repeat 0 0}
.live .handball .timeLine span.Fault a{background:transparent url(../../images/v1/lives/handFault.png) no-repeat 0 0}
.live .handball .timeLine span.Goal a{background:transparent url(../../images/v1/lives/handGoal.png) no-repeat 0 0}
.live .handball .timeLine span.Default a{background:transparent url(../../images/v1/lives/handDefault.png) no-repeat 0 0}
.live .handball .End .content{background:transparent url(../../images/v1/lives/handEnd.png) no-repeat 5px center}
.live .handball .HalfTime .content{background:transparent url(../../images/v1/lives/handHalfTime.png) no-repeat 5px center}
.live .handball .Substitution .content{background:transparent url(../../images/v1/lives/handSubstitution.png) no-repeat 5px center}
.live .handball .Penalty .content{background:transparent url(../../images/v1/lives/handPenalty.png) no-repeat 5px center}
.live .handball .FreeKick .content{background:transparent url(../../images/v1/lives/handFreeKick.png) no-repeat 5px center}
.live .handball .Fault .content{background:transparent url(../../images/v1/lives/handFault.png) no-repeat 5px center}
.live .handball .Goal .content{background:transparent url(../../images/v1/lives/handGoal.png) no-repeat 5px center}
.live .handball .liveContent .instant.Goal{background-color:#fff1d5 !important}
.live .handball .liveContent .Goal{margin:15px 0px;font-size:1.2em;border:1px solid #d36800;color:#d36800;font-weight:bold}
.live .handball .Default .content{background:transparent url(../../images/v1/lives/handDefault.png) no-repeat 5px center}
/* Hockey */
.live .hockey .liveContent .instant{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAABCAAAAABvH3gLAAAADUlEQVR42mP4TwJ4BgAHRiy7GLR+UQAAAABJRU5ErkJggg==') repeat-y 0 0}
.live .hockey .timeLine span.End a{background:transparent url(../../images/v1/lives/hockeyEnd.png) no-repeat 0 0}
.live .hockey .timeLine span.HalfTime a{background:transparent url(../../images/v1/lives/hockeyHalfTime.png) no-repeat 0 0}
.live .hockey .timeLine span.Substitution a{background:transparent url(../../images/v1/lives/hockeySubstitution.png) no-repeat 0 0}
.live .hockey .timeLine span.Penalty a{background:transparent url(../../images/v1/lives/hockeyPenalty.png) no-repeat 0 0}
.live .hockey .timeLine span.FreeKick a{background:transparent url(../../images/v1/lives/hockeyFreeKick.png) no-repeat 0 0}
.live .hockey .timeLine span.Fault a{background:transparent url(../../images/v1/lives/hockeyFault.png) no-repeat 0 0}
.live .hockey .timeLine span.Goal a{background:transparent url(../../images/v1/lives/hockeyGoal.png) no-repeat 0 0}
.live .hockey .timeLine span.Default a{background:transparent url(../../images/v1/lives/hockeyDefault.png) no-repeat 0 0}
.live .hockey .End .content{background:transparent url(../../images/v1/lives/hockeyEnd.png) no-repeat 5px center}
.live .hockey .HalfTime .content{background:transparent url(../../images/v1/lives/hockeyHalfTime.png) no-repeat 5px center}
.live .hockey .Substitution .content{background:transparent url(../../images/v1/lives/hockeySubstitution.png) no-repeat 5px center}
.live .hockey .Penalty .content{background:transparent url(../../images/v1/lives/hockeyPenalty.png) no-repeat 5px center}
.live .hockey .FreeKick .content{background:transparent url(../../images/v1/lives/hockeyFreeKick.png) no-repeat 5px center}
.live .hockey .Fault .content{background:transparent url(../../images/v1/lives/hockeyFault.png) no-repeat 5px center}
.live .hockey .Goal .content{background:transparent url(../../images/v1/lives/hockeyGoal.png) no-repeat 5px center}
.live .hockey .liveContent .instant.Goal{background-color:#eaf8ff  !important}
.live .hockey .liveContent .Goal{margin:15px 0px;font-size:1.2em;border:1px solid #38aae9;color:#38aae9;font-weight:bold}
.live .hockey .Default .content{background:transparent url(../../images/v1/lives/hockeyDefault.png) no-repeat 5px center}
/* Volley */
.live .volleyball .liveContent .instant{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAABCAAAAABvH3gLAAAADUlEQVR42mP4TwJ4BgAHRiy7GLR+UQAAAABJRU5ErkJggg==') repeat-y 0 0}
.live .volleyball .timeLine span.End a{background:transparent url(../../images/v1/lives/volleyEnd.png) no-repeat 0 0}
.live .volleyball .timeLine span.HalfTime a{background:transparent url(../../images/v1/lives/volleyHalfTime.png) no-repeat 0 0}
.live .volleyball .timeLine span.Substitution a{background:transparent url(../../images/v1/lives/volleySubstitution.png) no-repeat 0 0}
.live .volleyball .timeLine span.Fault a{background:transparent url(../../images/v1/lives/volleyFault.png) no-repeat 0 0}
.live .volleyball .timeLine span.Goal a{background:transparent url(../../images/v1/lives/volleyGoal.png) no-repeat 0 0}
.live .volleyball .timeLine span.Default a{background:transparent url(../../images/v1/lives/volleyDefault.png) no-repeat 0 0}
.live .volleyball .End .content{background:transparent url(../../images/v1/lives/volleyEnd.png) no-repeat 5px center}
.live .volleyball .HalfTime .content{background:transparent url(../../images/v1/lives/volleyHalfTime.png) no-repeat 5px center}
.live .volleyball .Substitution .content{background:transparent url(../../images/v1/lives/volleySubstitution.png) no-repeat 5px center}
.live .volleyball .Fault .content{background:transparent url(../../images/v1/lives/volleyFault.png) no-repeat 5px center}
.live .volleyball .Goal .content{background:transparent url(../../images/v1/lives/volleyGoal.png) no-repeat 5px center}
.live .volleyball .liveContent .instant.Goal{background-color:#fff1d5 !important}
.live .volleyball .liveContent .Goal{margin:15px 0px;font-size:1.2em;border:1px solid #d36800;color:#d36800;font-weight:bold}
.live .volleyball .Default .content{background:transparent url(../../images/v1/lives/volleyDefault.png) no-repeat 5px center}
/* Rugby */
.live .rugby .liveContent .instant{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAABCAAAAABvH3gLAAAADUlEQVR42mP4TwJ4BgAHRiy7GLR+UQAAAABJRU5ErkJggg==') repeat-y 0 0}
.live .rugby .timeLine span.End a{background:transparent url(../../images/v1/lives/rugbyEnd.png) no-repeat 0 0}
.live .rugby .timeLine span.HalfTime a{background:transparent url(../../images/v1/lives/rugbyHalfTime.png) no-repeat 0 0}
.live .rugby .timeLine span.Substitution a{background:transparent url(../../images/v1/lives/rugbySubstitution.png) no-repeat 0 0}
.live .rugby .timeLine span.FreeKick a{background:transparent url(../../images/v1/lives/rugbyFreeKick.png) no-repeat 0 0}
.live .rugby .timeLine span.Penalite a{background:transparent url(../../images/v1/lives/rugbyPenalite.png) no-repeat 0 0}
.live .rugby .timeLine span.Fault a{background:transparent url(../../images/v1/lives/rugbyFault.png) no-repeat 0 0}
.live .rugby .timeLine span.Out a{background:transparent url(../../images/v1/lives/rugbyOut.png) no-repeat 0 0}
.live .rugby .timeLine span.Essai a, .live .rugby .timeLine span.Goal a{background:transparent url(../../images/v1/lives/rugbyEssai.png) no-repeat 0 0}
.live .rugby .timeLine span.Default a{background:transparent url(../../images/v1/lives/rugbyDefault.png) no-repeat 0 0}
.live .rugby .timeLine span.RedCard a{background:transparent url(../../images/v1/lives/rugbyRedCard.png) no-repeat 0 0}
.live .rugby .timeLine span.YellowCard a{background:transparent url(../../images/v1/lives/rugbyYellowCard.png) no-repeat 0 0}
.live .rugby .timeLine span.Drop a{background:transparent url(../../images/v1/lives/rugbyDrop.png) no-repeat 0 0}
.live .rugby .timeLine span.Transformation a{background:transparent url(../../images/v1/lives/rugbyTransformation.png) no-repeat 0 0}
.live .rugby .End .content{background:transparent url(../../images/v1/lives/rugbyEnd.png) no-repeat 5px center}
.live .rugby .HalfTime .content{background:transparent url(../../images/v1/lives/rugbyHalfTime.png) no-repeat 5px center}
.live .rugby .Substitution .content{background:transparent url(../../images/v1/lives/rugbySubstitution.png) no-repeat 5px center}
.live .rugby .FreeKick .content{background:transparent url(../../images/v1/lives/rugbyFreeKick.png) no-repeat 5px center}
.live .rugby .Penalite .content{background:transparent url(../../images/v1/lives/rugbyPenalite.png) no-repeat 5px center}
.live .rugby .Fault .content{background:transparent url(../../images/v1/lives/rugbyFault.png) no-repeat 5px center}
.live .rugby .Out .content{background:transparent url(../../images/v1/lives/rugbyOut.png) no-repeat 5px center}
.live .rugby .Essai .content, .live .rugby .Goal .content{background:transparent url(../../images/v1/lives/rugbyEssai.png) no-repeat 5px center}
.live .rugby .liveContent .instant.Essai,.live .rugby .liveContent .instant.Goal{background-color:#E6FFC5 !important}
.live .rugby .liveContent .Essai,.live .rugby .liveContent .Goal{margin:15px 0px;font-size:1.2em;border:1px solid #378d26;color:#378d26;font-weight:bold}
.live .rugby .Default .content{background:transparent url(../../images/v1/lives/rugbyDefault.png) no-repeat 5px center}
.live .rugby .RedCard .content{background:transparent url(../../images/v1/lives/rugbyRedCard.png) no-repeat 5px center}
.live .rugby .YellowCard .content{background:transparent url(../../images/v1/lives/rugbyYellowCard.png) no-repeat 5px center}
.live .rugby .Drop .content{background:transparent url(../../images/v1/lives/rugbyDrop.png) no-repeat 5px center}
.live .rugby .Transformation .content{background:transparent url(../../images/v1/lives/rugbyTransformation.png) no-repeat 5px center}

/* =============================================================================
   GBEL
   ========================================================================== */

.GBEL_pushProduct{width: 110px; margin: 0;}
.GBEL_pushProduct .price{display: none; }
#header .GBEL_pushProduct {font-size: 1.25rem; display: table-cell; vertical-align: middle; max-width: 140px; padding: 0 0 0 15px;}

.GBEL_productList{width: 320px;}
.GBEL_productList .product {position: relative; padding: 0 0 0 10px;}
.GBEL_productList .product::before{font-family: 'icoERV'; content: '\e5c8'; border-right: 10px solid #f7dc35; border-bottom: 10px solid transparent; border-top: 10px solid transparent; position: absolute; display: block; content: ''; left: 0; bottom: calc(50% - 10px); width: 0; height: 0; z-index: 2; transition: ease 0.5s border;}
.GBEL_productList .product:hover::before {border-right: 10px solid #e30613; }
.GBEL_productList .product .corps{background-color: #FFF;  border-width: 0 5px; border-style: solid; border-color: #ffdd00; /*margin: 10px 0;*/ padding: 15px; position: relative; display: block; transition: ease 0.5s border;}
.GBEL_productList .product:hover .corps{border-color: #e30613;}
.GBEL_productList .product .corps::before {font-family: 'icoERV'; content: '\e5c8'; position: absolute; left: -15px; top: calc(50% - 6px); z-index: 100;}
.GBEL_productList .product a{display: block; padding: 20px;}
.GBEL_productList .product .nameProduct{color: #e30613; display: block;}
.GBEL_productList .product .description { display: inline; padding: 0 50px 0 0;}
.GBEL_productList .product .price{font-size: 2rem; float: right;}
.GBEL_productList .product .price span {display: none;}
.GBEL_productList .produit { cursor: pointer;}
.GBEL_productList .product + .product {margin-top: 10px;}

.GBEL_productList select{background-color: #e3e9ec; width: 100%; margin: 5px 0; border: none; padding: 3px 0; text-transform: uppercase; font-size: 1rem;}
.GBEL_productList option{text-align: center; text-transform: uppercase; font-size: 1.1rem;}
.GBEL_productList .btModel01 {font-size: 1rem; padding: 0; color: #000; height: 22px; width: auto;}

.GBEL_quickPurchase{margin: 0 auto;}
.GBEL_quickPurchase .navregister ul li{}
.GBEL_quickPurchase .navregister ul li.selected span {color: #000;}
.GBEL_quickPurchase .messageBox a { font-family: "DINPro-Bold"; text-decoration: underline; }

.navregister{margin: 20px 0;}
.navregister ul{display: flex; flex-flow: row; justify-content: space-between;}
.navregister ul li{width: calc(100% - 10px) !important; background-color: #efefef; padding: 5px; text-align: center; margin: 0 10px 0 0;}
.navregister ul li span{background-color: #FFF; border-radius: 14px; color: #000; display: block; font-size: 1.4rem; font-weight: bold; height: 28px; line-height: 28px; margin: 0 auto; padding: 0; text-align: center; width: 28px;}
.navregister ul li.selected{background-color: #ffdd00; color: #e30613;}

.GBEL_order h2 {display: none; }
.orderDetailContent{display: flex; flex-flow: row wrap; justify-content: space-between; margin: 20px 0;}
.orderDetailContent table.cartSummary{width: calc(100% - 420px); margin: 24px 0 20px 0;}
.orderDetailContent table.cartSummary td{padding: 20px 10px;}
.orderDetailContent table.cartSummary td .photo { float: left; margin: 0 5px 0 0; width: 90px;}
.orderDetailContent table.cartSummary td .photo img{width: 100%;}
.orderDetailContent table.cartSummary .ref {display: block; font-size: 1.1rem; color: #b6bdc3}
.orderDetailContent table.cartSummary .price { text-align: right;}
.orderDetailContent table.cartSummary .cgu {background-color: #f1f4f6; font-size: 1.2rem; padding: 10px;}
#OpenGeneralTerms {text-decoration: underline; color: #83a0ae; text-transform: uppercase;}

.orderDetailContent .cartPurchase{width: 400px; padding: 10px 20px; background-color: #f1f4f6;}
.orderDetailContent .cartPurchase .title{text-transform: uppercase; font-size: 2rem; border-bottom: 1px solid #808080;}

.orderDetailContent .totalPrice li{overflow: hidden; color: #5f5d5b; margin: 5px 0;}
.orderDetailContent .totalPrice .label{float: left; }
.orderDetailContent .totalPrice .value {float: right; text-align: right; color: #e30613}
.orderDetailContent .totalPrice .value span {display: block; font-style: italic; color: #378D26}
.orderDetailContent .totalPrice .amountFinal { margin: 20px 0 0 0; font-size: 1.5rem;}
.orderDetailContent .totalPrice .amountFinal .label {font-weight: bold; text-transform: uppercase;}
.orderDetailContent .totalPrice .amountFinal .label span { display: block; text-transform: none; font-size: 1.2rem; font-style: italic;}
.orderDetailContent .totalPrice .codeDeduction{border: 1px dashed #b6bdc3; padding: 5px; text-align: center;}
.orderDetailContent .totalPrice .codeDeduction h4{text-transform: uppercase; text-align: center; margin: 5px 0 10px 0;}
.orderDetailContent .totalPrice .codeDeduction label {padding: 0 10px 0 0;}
#txtDeduction{height: 20px; line-height: 20px; width: 120px;}
#sbApplyDeduction{background-color: #9ab7c7; text-transform: uppercase; text-align: center; padding: 2px 10px; color: #FFF;}

.GBEL_order .addressPlugin{display: flex; flex-flow: row; justify-content: space-between;}
.GBEL_order .addressPlugin.large {display: block;}
.GBEL_order .addressPlugin > div{background-color: #f1f4f6; padding: 20px; max-width: calc(50% - 20px);}
.GBEL_order .addressPlugin.large > div {max-width: 100%;}
.GBEL_order .addressPlugin legend{font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 0 10px 0; font-size: 1.6rem;}
.GBEL_order .addressPlugin p{font-size: 1.1rem; text-align: right; font-style: italic;}
.GBEL_order .addressPlugin input, .GBEL_order .addressPlugin select{height: 24px; line-height: 24px; min-width: 200px;}
.GBEL_order .addressPlugin label{line-height: 24px;}

.GBEL_order .choiceDelivery{margin: 20px 0; border: 1px dashed #b6bdc3; padding: 10px 20px;}
.GBEL_order .choiceDelivery .title {text-transform: uppercase; font-size: 2rem; border-bottom: 1px solid #808080;}
.GBEL_order .choiceDelivery ul li span {color: #e30613;}

.GBEL_additionnalData{border: 1px dashed #b6bdc3; padding: 10px 20px; margin: 20px 0;}

.GBEL_payment #selectPaymentType{margin: 20px 0;}
.GBEL_payment #selectPaymentType li{margin: 5px 0; font-size: 1.5rem;}
.GBEL_payment .selectPaymentInfo p{text-align: center;}
.GBEL_payment #sbSubmit {background-color: #ffdd00; text-transform: uppercase; padding: 5px 10px;}

#print_link {background-color: #ffdd00; text-transform: uppercase; padding: 5px 10px; margin: 5px auto; display: inline-block; }

/* =============================================================================
   GMEX : module et page
   ========================================================================== */
.GMEX_weather{width: 100%; min-height: 90px; display: flex !important; justify-content: space-between; border-width: 8px 0; border-style: solid; border-color: #e3e7ea; margin: 0 0 20px 0;}
.GMEX_weather .entete{order: 1; width: 50%; min-height: 70px; line-height: 70px; margin: 0 10px 0 0; padding: 0 0 0 50px; font-size: 1.8rem; text-transform: uppercase; color: #00b1eb; background: url(../../images/v1/bg_weather.png) no-repeat 100% 50% transparent;}
.GMEX_weather #meteoNewsTownName{margin-top: -10px; color: #fff; font-size:1.8rem; text-transform: uppercase;}
.GMEX_weather #content_meteo{display: flex; width: 50%;}
.GMEX_weather .blocjour{order: 2; width: 25%; padding: 5px 10px; background: #00b1eb;}
.GMEX_weather .infosjour{width: 100%; display: flex; align-items: center; flex-flow: row wrap; justify-content: space-between;}
.GMEX_weather .imagemeteo{display: block; width: 65px;}
.GMEX_weather .imagemeteo img{width: 100%;}
.GMEX_weather .temperature{margin-top: -10px; color: #FFF; font-size: 1.4rem;}
.GMEX_weather .searchlocal{order: 3; width: 25%; padding: 5px 10px; text-align: center; background: #FFF;}
.GMEX_weather #meteoNewsDayWeather {padding: 0 0 0 10px;}
.GMEX_weather #txtVilleMeteo{width: calc(100% - 33px) !important; color: #808080; font-family: 'DINPro'; text-align: center; font-size: 1.2rem; background-color: #f2f2f2;}
.GMEX_weather #meteolocsubmit{font-weight: bold; color: #FFF; background-color: #a2b0b9; border: none; height: 28px; width: 28px; padding: 0 3px;}
.GMEX_weather .suite{position: relative; z-index: 0; display: block; width: 100%; height: 28px; line-height: 28px; margin: 10px 0 0 0; color: #fff; text-align: center; background-color: #00b1eb; padding: 0 10px; text-transform: uppercase;}
.GMEX_weather .suite span::before{position: absolute; right: 0; top: 0; font-family: 'icoERV'; content: '\ea3c'; color: #00b1eb; display: inline-block; font-size: 1.4rem; z-index: 3; height: 28px; line-height: 28px;}
.GMEX_weather .suite::after{border-right: 14px solid #FFF; border-bottom: 14px solid transparent; border-top: 14px solid transparent; position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; z-index: 2;}

.layout_Section .GMEX_weather{display: block; position: relative;}
.layout_Section .GMEX_weather .entete{float: left; width: 65%; min-height: 110px; line-height: initial; background-position: 100% 10px; padding: 20px 0 0 10px;}
.layout_Section .GMEX_weather .blocjour{width: 35%;}
.layout_Section .GMEX_weather .searchlocal{position: absolute; bottom: 0; left: 0; width: 65%; padding: 10px 0;}
.layout_Section .GMEX_weather .searchlocal form{float: left; width: 50%;}
.layout_Section .GMEX_weather .searchlocal .suite{float: right; width: auto; font-size: 1.2rem; margin: 0; min-width: 200px;}

.GMEX_weatherForecastDetail{clear: both; overflow: hidden; margin: 0 0 30px 0;}
.GMEX_weatherForecastDetail h1{color: #808080; font-weight: bold; text-align: left;}
.GMEX_weatherForecastDetail h1 strong{color: #000;}
.GMEX_weatherForecastDetail .form{text-align: right; margin: 10px 0;}
.GMEX_weatherForecastDetail #txtVilleMeteoD{width: 70%; border: 1px solid #009fe3;}
.GMEX_weatherForecastDetail #meteolocsubmitD {font-weight: bold; background-color: #009fe3; color: #FFF; border: none; height: 28px; padding: 0 3px; text-transform: uppercase;}
.GMEX_weatherForecastDetail .day{font-weight: bold; display: block; margin: 0 0 10px 0; font-size: 1.5rem; padding: 2px 0; background-color: #009fe3; color: #FFF; text-transform: uppercase; text-align: center;}
.GMEX_weatherForecastDetail .temperature{font-weight: bold; font-size: 2.2rem; display: block; margin: 10px 0;}
.GMEX_weatherForecastDetail .temperature .mini{color: #009fe3;}
.GMEX_weatherForecastDetail .temperature .maxi{color: #d20a11;}

.GMEX_weatherForecastDetail .today{clear: both; margin: 0 0 10px 0; display: flex; flex-flow: row wrap; padding: 0; border: 1px solid #d4edfc;}
.GMEX_weatherForecastDetail .today .day{flex: 1 100%;}
.GMEX_weatherForecastDetail .today .temperature {font-size: 3rem; font-weight: bold; }
.GMEX_weatherForecastDetail .today .infos{width: 65%; padding: 10px 30px;}
.GMEX_weatherForecastDetail .today .infos .status {display: flex; flex-flow: row; justify-content: space-around; align-items: center; border-bottom: 1px solid #d4edfc;}
.GMEX_weatherForecastDetail .today .infos .status div{text-align: center; min-width: 50%;}
.GMEX_weatherForecastDetail .today .infos .picto{float: left; vertical-align: middle;}

.GMEX_weatherForecastDetail .today .wind{margin: 0 55px; color: #009fe3; padding: 10px 0 0 0;}
.GMEX_weatherForecastDetail .today .wind strong{display: inline-block; width: 150px; color: #000;}
.GMEX_weatherForecastDetail .wind::before{font-family: 'icoERV'; content:'\e906'; color: #808080; font-size: 3rem; float: left; margin: 0 10px 0 0;}

.GMEX_weatherForecastDetail .today .suppl{width: 35%; padding: 10px 20px;}

.GMEX_weatherForecastDetail .sunMoon {background-color: #F7F7F7; padding: 10px;}
.GMEX_weatherForecastDetail .sunMoon .sun,  .GMEX_weatherForecastDetail .sunMoon .moon, .GMEX_weatherForecastDetail .today .coord{display: block; margin: 5px 0;}
.GMEX_weatherForecastDetail .today .coord {margin: 5px 10px; }
.GMEX_weatherForecastDetail .sunMoon .sun::before{font-family: 'icoERV'; content:'\e907'; font-size: 2.8rem; float: left; margin: 0 10px 0 0; color: #ffdd00;}
.GMEX_weatherForecastDetail .sunMoon .moon::before{font-family: 'icoERV'; content:'\e908'; font-size: 2.8rem; float: left; margin: 0 10px 0 0; color: #999;}
.GMEX_weatherForecastDetail .coord::before{font-family: 'icoERV'; content:'\e909'; font-size: 2.6rem; float: left; margin: 0 10px 0 0; color: #9ab7c7; height: 50px; line-height: 50px;}

.GMEX_weatherForecastDetail .today .suppl li .ico{float: left; vertical-align: middle; padding: 0 10px 0 0;}
.GMEX_weatherForecastDetail .today .suppl li .value{float: left; font-size: 1.6rem;}

.GMEX_weatherForecastDetail .dayPreview{float: left; width: calc(25% - 5px); margin: 0 5px 0 0; border: 1px solid #d4edfc; font-size: 1.2rem;}
.GMEX_weatherForecastDetail .dayPreview:last-child { margin: 0; width: 25%;}
.GMEX_weatherForecastDetail .dayPreview .picto{display: block; text-align: center;}
.GMEX_weatherForecastDetail .dayPreview .picto img{width: 60%;}
.GMEX_weatherForecastDetail .dayPreview .infos{text-align: center; border-bottom: 1px solid #d4edfc; margin: 0 0 10px 0; padding: 0 0 10px 0;}
.GMEX_weatherForecastDetail .dayPreview .sunMoon{margin: 0 5px;}
.GMEX_weatherForecastDetail .dayPreview .coord {margin: 5px 10px 5px 10px;}
.GMEX_weatherForecastDetail .dayPreview .wind {color: #009fe3;}
.GMEX_weatherForecastDetail .dayPreview .wind strong{display: block; color: #000;}
.GMEX_weatherForecastDetail .dayPreview .wind::before {height: 55px;}

.GMEX_alert, .GMEX_radar {border: none;}
.GMEX_radar .entete{color: #63aee8; margin: 10px 0; text-align: center; font-size: 2rem; }

/* =============================================================================
   GFWK
   ========================================================================== */
.GFWK_pager {margin: 10px 0; display: flex; flex-flow: row wrap; justify-content: space-between; flex: 1 1 100%; clear: both;}
.GFWK_pager .previous, .GFWK_pager .next {font-weight: bold; font-size: 1.4rem;}
.GFWK_pager .previous::before {font-family: 'icoERV'; content: '\e901'; vertical-align: middle; padding: 0 10px 0 0;}
.GFWK_pager .next::after {font-family: 'icoERV'; content: '\e902'; vertical-align: middle; padding: 0 0 0 10px;}
.GFWK_pager .number{color: #999; }
.GFWK_pager .number span {padding: 2px 5px 0 5px;}
.GFWK_pager .number .selected{font-weight: bold; font-size: 1.6rem;}

/* =============================================================================
   GJNU
   ========================================================================== */

/* module */
.zoneHeader .GJNU_PDFWidget{float: right; width: 60px;}
.zoneHeader .GJNU_PDFWidget a{display: block;}
.zoneHeader .GJNU_PDFWidget img, #navBurger .GJNU_PDFWidget img{width: 100%;}
.zoneHeader .GJNU_PDFWidget .item img{width: 100%;}
.zoneHeader .GJNU_PDFWidget a:hover img{position: absolute; width: 160px; z-index: 100; top: 0; right: 0; background-color: #FFF;}
.zoneHeader .GJNU_PDFWidget a:nth-of-type(2){display: none;}
.GJNU_PDFWidget .showMore, .GJNU_PDFWidget .item .label{display: none;}

#navBurger .GJNU_PDFWidget{margin: 0 0 25px 0; border: 1px solid #d7d7d7; padding: 10px; text-align: center;}

.GJNU_PDFWidget .dowloadLink{display: none !important;}

/* GJNU des suppléments */
#vos-supplements{/*border-bottom: 3px solid #708488; */}
#vos-supplements .entete{padding: 0 0 0 150px; margin: 0 0 25px; color:#636397;font-size:3rem;font-family:'DINPro-Bold';line-height:70px;text-transform:uppercase;background:#d9e0e0 }
#vos-supplements span.label{display: none;}
#vos-supplements .item{text-align: center; max-height: 240px; min-height: 240px;}
#vos-supplements .book{max-height: 225px;}
#vos-supplements .book a{display: block;}
#vos-supplements .book img{max-height: 225px; min-height: 225px; border: 1px solid #b2b2b2; background-color: #FFF; text-align: center;}
#vos-supplements .showMore{display: none;}
#vos-supplements .owl-prev,  #vos-supplements .owl-next{padding: 2px 5px; }

#offerBTX .item{text-align: center; max-height: 240px; min-height: 240px;}
#offerBTX .book{max-height: 225px;}
#offerBTX .item a{display: block;}
#offerBTX .item img{max-height: 225px; min-height: 225px; border: 1px solid #b2b2b2; background-color: #FFF; text-align: center;}

.sectionBoutique{flex-flow: column;}

/* =============================================================================
   GENS : Examens
   ========================================================================== */
.i_blocExamens h1,.i_blocExamens h2{margin:0 0 15px;font-size:1.2em;font-weight:normal;text-transform:uppercase;border-bottom:1px solid #5D5D5D}
.i_blocExamens h1{padding:0 0 2px;font-size:1.2em;font-weight:bold;border-bottom:1px solid #5D5D5D}
.i_blocExamens h2{border:none;text-decoration:underline}
.i_blocExamens #bloc{padding:5px}
.i_blocExamens #bloc object{display:block;margin:20px auto 0}
.i_blocExamens .departments{overflow:hidden;margin:25px 0 15px;text-align:left}
.i_blocExamens .departments li{float:left;width:215px;margin:0 0 3px 0}
.i_blocExamens .departments li a{color:#1F739A}
/* Detail */
.i_blocExamens #alpha{margin:20px 0;text-align:center;font-size:0.8em}
.i_blocExamens #alpha li{display:inline;margin:0}
.i_blocExamens #alpha li a{padding:0 5px 0 6px;color:#000;font-size:1.2em;border-right:1px solid #CCC}
.i_blocExamens #alpha li.last a{border-width:0px}
.i_blocExamens #alpha li a.selected{color:#A72C2C}
.i_blocExamens #filter{margin:0 0 15px 0}
.i_blocExamens #filter li{clear:left;margin:0 0 8px;list-style-type:none}
.i_blocExamens #filter li a{display:block;padding:3px 5px;color:#000;background:#DDD}
.i_blocExamens #filter li a.delete_filter.all{color:#FFF;font-weight:bold;background:#AAA}
.i_blocExamens #filter li a .delete_x{float:right}
.i_blocExamens #filter .label_filter{font-weight:bold}
.i_blocExamens #ExamensForm{margin:20px 0;padding:10px;background:#f9f7f3;border:1px solid #D8D8D8}
.i_blocExamens #ExamensForm p{margin:0 0 10px}
.i_blocExamens #ExamensForm p span,.i_blocExamens #ExamensForm .label_name{font-weight:bold}
.i_blocExamens #ExamensForm .label_serie{margin-right:16px}
.i_blocExamens table{width:100%;margin:0 0 20px;font-size:0.9em;border:1px solid #B6B6B6;border-collapse:collapse}
.i_blocExamens table th{padding:2px 3px;height:22px;font-size:1.1em;text-align:center;border-bottom:1px solid #B6B6B6;border-right:1px solid #B6B6B6;background:url(../../images/css/style/EC-bg-th.png) repeat-x bottom}
.i_blocExamens table td{padding:2px 8px;font-size:1.1em;background:#f2f4fb;border-bottom:1px solid #dddcdc}
.i_blocExamens table td a{color:#000}
.i_blocExamens table tr.even td{background:#e5e7ef}
.i_blocExamens table tr.even td{background:#e5e7ef}
.i_blocExamens .pager .navigation_pager{position:relative;z-index:1;left:0;top:0}
.i_blocExamens .pager{margin:0 0 20px}
.i_blocExamens .pager a{padding:0 10px}
.i_blocExamens .value_status{width:110px;text-align:center}
.i_blocExamens .value_status #mention{display:block;font-size:0.9em}
.i_blocExamens .table_results .link_serie{display:block}
.i_blocExamens .link_city{color:#000}
.i_blocExamens .link_serie{font-style:italic}
.i_blocExamens .link_diploma{font-weight:bold}


/* =============================================================================
   GPOL : election
   ========================================================================== */
.i_blocElections h2{background-color:#666;color:#FFF;padding:3px 3px 3px 10px;text-align:center;margin:0px 0px 10px 0px !important}
.i_blocElections .blocmsg{padding:15px 10px;margin:0 0 15px;background:#f3f3f3 url(../../images/css/style/EC-msg-info.gif) no-repeat 10px center}
.i_blocElections .blocmsg p{margin-left:40px}
.i_blocElections p{padding:5px 10px 40px} 
.i_blocElections .departments li{margin:0;display:inline;border-right:1px solid #1F739A;line-height:20px;padding:0 5px}
.i_blocElections .departments li a{color:#1F739A}
.i_blocElections hr{border:none}
.i_blocElections #bloc{padding:5px;background:url(../../images/css/style/EC-bg-bloc.png) repeat-x center bottom}
.i_blocElections #bloc p{font-size:1.1em}
.i_blocElections #bloc object{display:block;margin:20px auto 0}
.i_blocElections #ariane{margin:0;font-size:1em;line-height:34px;text-transform:uppercase;background:url(../../images/css/style/EC-ariane.gif) no-repeat right}
.i_blocElections #ariane li{display:inline;padding:0 5px;border-left:1px solid #ccc;margin:0}
.i_blocElections #ariane li.first{border:none;padding-left:0}
.i_blocElections #ariane li a{text-transform:uppercase}
.i_blocElections #ariane li span{color:#a72c2c;text-decoration:underline;font-style:italic}
.i_blocElections #alpha{margin:0 0 20px;text-align:center}
.i_blocElections #alpha li{display:inline;margin:0}
.i_blocElections #alpha li a{padding:0 5px 0 6px;border-right:1px solid #CCC}
.i_blocElections #alpha li.last a{border-width:0px}
.i_blocElections #alpha li.selected a{color:#000}
.i_blocElections #alpha li a.selected{color:#A72C2C}
.i_blocElections #bloc table{margin:0 0 20px;border:1px solid #B6B6B6;border-collapse:collapse}
.i_blocElections table th{padding:2px 3px;height:22px;font-size:1.1em;text-align:center;border-bottom:1px solid #B6B6B6;border-right:1px solid #B6B6B6;background:url(../../images/css/style/EC-bg-th.png) repeat-x bottom}
.i_blocElections table td{padding:2px 8px;font-size:1.1em}
.i_blocElections table tr.canton td{background:#f2f4fb}
.i_blocElections table tr.canton.even td{background:#e5e7ef}
.i_blocElections table tr.commune td{background:#faf4ea}
.i_blocElections table tr.commune.even td{background:#f3e5cf}
.i_blocElections table.bigTbl{width:100%}
.i_blocElections table.bigTbl td{border-bottom:1px solid #dddcdc}
.i_blocElections table.stats.fl-l,.i_blocElections table.stats.fl-r{width:45%}
.i_blocElections table.stats.fl-l{float:left}
.i_blocElections table.stats.fl-r{float:right}
.i_blocElections table.stats td{border-bottom:0}
.i_blocElections table.stats td.label{font-weight:bold;text-align:left}
.i_blocElections table.stats th.d,.i_blocElections table.stats td.d{text-align:right}
.i_blocElections table.stats th,.i_blocElections table.stats td{text-align:center;border-right:1px solid #B6B6B6;font-size:0.9em}
.i_blocElections table.stats tr.even td{background:#ededed}
.i_blocElections table.stats th.empty{background:url(../../images/css/style/EC-bg-th-vide1.gif) repeat-x left}
.i_blocElections p.titre-liens-elections{margin:10px 10px 0 0;text-decoration:underline}
.i_blocElections ul.liens-elections li{list-style-type:circle;margin:0 15px}

/* =============================================================================
   Index / liste des communes
   ========================================================================== */
#cityList{padding: 20px 0;}
#dptTabs{overflow: hidden; margin: 0 0 20px 0; float: right; width: 300px;}
#dptTabs li{margin: 0 5px 5px 0; padding: 5px 15px; background: #EEE; cursor: pointer; font-size: 14px;}
#dptTabs li.selected{background: #A49E94;}
#cityList .section{float: left; width: calc(100% - 330px); clear: none;}
#cityList .nav{margin: 10px 0;}
#cityList .nav ul{overflow: hidden;}
#cityList .nav li{float: left; border: 1px solid #EEE; padding: 2px 5px; margin: 0 3px 0 0;}
#cityList .nav li:hover, #cityList .nav li a:hover{background-color: #EEE;}
#cityList table, #cityList table th, #cityList table td{border: 1px solid #FFF;}
#cityList table td.titlig{vertical-align: middle; font-weight: bold; text-align: center; background-color: #b6bdc3;}
#cityList table td.impair{background-color: #E3E3E3;}
#cityList table ul li h3{border-bottom: 1px dotted #CCC;}
#cityList .index{display: none;}

#dptTabs {display: none;}

.ui-widget-content{z-index:9999 !important; border-radius: 0px !important; font-size: 12px !important; text-align: left !important;}

/* =============================================================================
   GANO : iookaz
   ========================================================================== */

.GANO_adIookaz{overflow: hidden; clear: both; margin: 20px 0;}
.GANO_adIookaz .entete{background-color: #607884; color: #FFF; padding: 0; margin: 0 0 10px 0; font-size: 1.6rem;}
.GANO_adIookaz .entete span {display: inline-block; padding: 5px 20px; border-right: 1px solid #FFF; margin: 0 10px 0 0; text-transform: uppercase; width: 300px;}
.GANO_adIookaz .annonce{border-bottom: 1px solid #607884; padding: 0 0 10px 0; position: relative; overflow: hidden;}

.GANO_adIookaz .annonce .title{color: #607884; display: block;}
.GANO_adIookaz .annonce .price{position: absolute; bottom: 10px; right: 0; font-size: 1.6rem;}

.GANO_adIookaz .bottom{flex: 1 100%; text-transform: uppercase; text-align: right;}
.GANO_adIookaz .bottom a{color: #607884; display: inline-block;}
.GANO_adIookaz .bottom .depot { padding: 0 10px; background-color: #e8eff4; text-transform: none; margin: 0 10px 0 0;}

.GANO_adIookaz.annonceOr .photo{width: 120px; float: left; }

.GANO_adIookaz.annonceLoc {display: flex; flex-flow: row wrap; justify-content: space-between;}
.GANO_adIookaz.annonceLoc .entete{flex: 1 100%;}
.GANO_adIookaz.annonceLoc .annonce {width: calc(50% - 10px); /*flex: 1 1 calc(50% - 10px); flex-direction: column;*/}
.GANO_adIookaz.annonceLoc .annonce .photo{margin: 0 10px 0 0; float: left;  width: 90px; min-height: 80px;}
.GANO_adIookaz .publish { position: relative !important; background-color: transparent !important;} 

/* =============================================================================
   Liseuse
   ========================================================================== */
#reader article figure { width: 100% !important; }


/* =============================================================================
   pages statique
   ========================================================================== */
.staticPage h1{text-align: center; text-transform: uppercase; font-size: 2.8rem; margin: 20px 0;}
.staticPage h2{font-size: 2.4rem;}

.AboPage .tabAbo{display: flex; flex-direction: column; flex-flow: row nowrap; justify-content: space-between; align-content: center;}
.AboPage .tabAbo li{margin: 0 20px 0 0; width: calc(33.33% - 20px); background-color: #f1f4f6; position: relative; cursor: pointer; text-align: center; height: 210px;}
.AboPage .tabAbo li.selected{height: 220px;}
.AboPage .tabAbo li:hover h2, .AboPage .tabAbo li.selected h2{background-color: #ffdd00; color: #e30613; transition: ease 0.5s color;}
.AboPage .tabAbo li.inactive h2 {background-color: #8c9da6; color: #FFF;}
.AboPage .tabAbo li:last-child {margin: 0;}
.AboPage .tabAbo li h2{background-color: #e30613; color: #FFF; font-size: 2rem; text-align: center; height: 50px; line-height: 50px; margin: 0; font-weight: normal;}
.AboPage .tabAbo li div{padding: 20px;}
.AboPage .tabAbo li .link{position: absolute; bottom: 0; left: calc(50% - 60px); width: 120px; /*background-color: #d1d6da*/background-color:#ffdd00; text-transform: uppercase; display: inline-block; padding: 2px 20px; margin: 0;}
.AboPage .tabAbo li .link::after{border-right: 13px solid #2c2a20/*8c9da6*/; border-bottom: 10px solid transparent; border-top: 10px solid transparent; position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; z-index: 2;}
.AboPage .tabAbo li .link span::before{position: absolute; right: 0; top: 0; font-family: 'icoERV'; content: '\ea3c'; /*color: #d1d6da*/color: #ffdd00; display: inline-block; font-size: 1.2rem; z-index: 3; height: 25px; line-height: 23px;}
.AboPage .tabAbo li.selected .link{font-size: 1.6rem; font-weight: bold; background-color: #FFF; border-width: 0 3px; border-style: solid; border-color: #ffdd00; height: 40px; line-height: 40px; padding: 0;}
.AboPage .tabAbo li.selected .link::after{content: ''; border: none;}
.AboPage .tabAbo li.selected .link span::before{background-color: transparent; content: ''; }
.AboPage .tabAbo #num{background: url(../../images/v1/illus_abo_onglet_web.png) no-repeat 50% 100% #f1f4f6;}
.AboPage .tabAbo #paper{background: url(../../images/v1/illus_abo_onglet_papier.png) no-repeat 50% 100% #f1f4f6;}
.AboPage .tabAbo #pro{background: url(../../images/v1/illus_abo_onglet_pro.png) no-repeat 100% 100% #f1f4f6;}

.AboPage .boxInfo{display: none; background-color: #f1f4f6; padding: 20px;}
.AboPage .boxInfo .content{display: flex; flex-flow: row wrap; justify-content: space-between;}
.AboPage .boxInfo .content > div{width: calc(33.33% - 20px); margin: 0 20px 0 0;}
.AboPage .boxInfo .content > div:last-child {margin: 0;}
.AboPage .boxInfo .col .box, .AboBottom .box{margin: 0 0 20px 0; padding: 10px 15px;}
.AboPage .boxInfo .col .box.white{background-color: #FFF;}
.AboPage .boxInfo .col .box.white .title {margin-bottom: 10px; font-family: "DINPro-Bold"; text-transform: uppercase; font-size: 1.3rem;}
.AboPage .boxInfo .col .box.yellow{background-color: #FFF; border-bottom: 3px solid #ffdd00; padding: 0;}
.AboPage .boxInfo .col .box.yellow .title{background-color: #ffdd00; padding: 15px; text-align: center; font-size: 1.6rem; text-transform: uppercase;}
.AboPage .boxInfo .col .box.darkgray{background-color: #b0bbc1; color: #FFF;}
.AboPage .boxInfo .col .box.darkgray li {position: relative; padding-bottom: 10px; font-size: 90%; }
.AboPage .boxInfo .col .box.darkgray li + li { padding-top: 10px; padding-bottom: 0; }
.AboPage .boxInfo .col .box.darkgray li + li:before {content: " "; position: absolute; top: 2px; left: -15px; display: block; width: calc(100% + 30px); height: 2px; background-color:#a2b0b9;}
.AboPage .boxInfo .col .box.darkgray .title{font-size: 1.7rem; font-weight: bold; margin: 0 0 10px 0;}
.AboPage .boxInfo .col .box.lightgray{padding: 0; background-color: #e3e9ec; font-size: 1rem;}
.AboPage .boxInfo .col .box.lightgray .title{font-size: 1.6rem; font-weight: bold; color: #8c9da6;}
.AboPage .boxInfo .col .box.lightgray .title span{background-color: #8c9da6; color: #FFF; padding: 2px 5px; font-size: 1.3rem; font-weight: bold; display: inline-block;}
.AboPage .boxInfo .col .box.lightgray .title small{display: inline-block; width: 60px; font-size: 0.8rem; vertical-align: bottom; margin: 0 0 0 3px;}
.AboPage .boxInfo .col .box p{margin: 0;}
.AboPage .boxInfo .col .illustration{position: relative; width: 100%; height: 200px;}
.AboPage .content_num .illustration:before {content: " "; position: absolute; top: -15px; left: -60px; display: block; width: 362px; height: 225px;  background: transparent url(../../images/v1/illus_abo_web.png) no-repeat;}
.AboPage .content_paper .illustration{height: 235px !important;}
.AboPage .content_paper .illustration:before {content: " "; position: absolute; top: -20px; left: -55px; display: block; }
.AboPage .content_paper .GBEL_productList .productList .product .corps {padding: 15px 15px 30px 15px;}
.AboPage .content_num .GBEL_productList .product .corps .photo, 
.AboPage .content_paper .GBEL_productList .product .corps .photo, 
.AboPage .content_gift .GBEL_productList .product .corps .photo {display: none;}
.AboPage .content_paper .box.lightgray {padding: 10px 15px !important;}

.AboPage .content_pro .col {width: calc(66.66% - 40px);}
.AboPage .content_pro .col:first-child {position: relative; width: calc(33.33% - 20px);}
.AboPage .content_pro .col > div {padding: 15px;}
.AboPage .content_pro .col > div + div {margin-top: 20px;}

.AboPage .content_pro .accroche_wrapper {position: relative; height: 83%; padding-right: 70px; background-color: #fff; border-bottom: 5px solid #ffdd00; font-size: 1.4em;}
.AboPage .content_pro .accroche_wrapper h3 {font-family: "DINPro-Bold"; font-size: 1.3em; text-transform: uppercase;}
.AboPage .content_pro .accroche_wrapper h4 {font-family: "DINPro-Bold";}
.AboPage .content_pro .accroche_wrapper:before {content: " "; border-top: 25px solid transparent; border-right: 25px solid #f7dc35; border-bottom: 25px solid transparent; position: absolute; top: 50%; right: 0; z-index: 2; display: block; width: 0; height: 0;}
.AboPage .content_pro .accroche_wrapper:after {content: "\e5c8"; position: absolute; top: 50%; right: 4px; z-index: 2; display: block; width: 25px; height: 25px; margin-top: 6px; font-family: "icoERV"; font-size: 2em; color: #000;}
.AboPage .content_pro .accroche_wrapper .accroche {font-size: 1.2em;}
.AboPage .content_pro .accroche_wrapper .accroche:before {content: " "; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 75px; background-color: #e3e9ec;}
.AboPage .content_pro .accroche_wrapper .accroche:after {content: " "; position: absolute; left: 50%; bottom: 0; display: block; width: 146px; height: 225px; margin-left: -73px; background: transparent url(../../images/v1/illus_abo_pro.png) no-repeat;}

.AboPage .content .nous_contacter,
.AboBottom .content .nous_contacter {/*padding: 15px; */background-color: #e3e9ec; font-size: 11px;}
.AboPage .content .nous_contacter:after, .AboBottom .content .nous_contacter:after {content: ""; }
.AboPage .content .nous_contacter p, .AboBottom .content .nous_contacter p {margin: 5px 0;}
.AboPage .content .nous_contacter h3, .AboBottom .content .nous_contacter h3 {font-family: "DINPro-Bold"; font-size: 1.5em; color: #91989c;}
.AboPage .content .nous_contacter h3 span, .AboBottom .content .nous_contacter h3 span {content: " "; display: inline-block; width: 150px; height: 21px; padding-left: 5px; background: transparent url("../../images/v1/tel_rel_client.png") no-repeat 0 -2px; background-size: contain; font-size: 0.8em;}
.AboPage .content .nous_contacter a, .AboBottom .content .nous_contacter a {font-family: Arial, sans-serif;}
.AboPage .content_num .GBEL_productList .productList .produit .price, .AboPage .content_speak .GBEL_productList .productList .produit .price { float: none; position: absolute; bottom: 0; right: 5px; margin-top: -13px;}
.AboPage .content_num .nous_contacter {padding: 0;}

.AboPage .content_pro .content .GFWK_form, .AboPage .content_revue .content .GFWK_form {position: relative; width: calc(66.66% - 20px);}
/*.AboPage .content_pro .GFWK_form h3 {display: block; padding: 50px; background-color: #fff; border-right: 5px solid #ffdd00; border-left: 5px solid #ffdd00;font-family: DINPro-Bold; font-size: 2em;}*/
.AboPage .content_pro fieldset, .AboPage .content_revue fieldset {position: relative;}
.AboPage .content_pro fieldset:first-child {display: block; padding: 20px; background-color: #fff; border-right: 5px solid #ffdd00; border-left: 5px solid #ffdd00; text-align: center;}
.AboPage .content_pro fieldset label, .AboPage .content_revue fieldset label {font-size: 1.5em;}
.AboPage .content_pro fieldset:first-child {margin-top: 0; font-family: DINPro-Bold;}
.AboPage .content_pro fieldset:first-child input + span, .AboPage .content_pro fieldset:first-child span + input {margin-left: 20px; color: #91989c;}
.AboPage .content_pro fieldset:first-child input[type="checkbox"] {background-color: red; border: none; border-radius: 20px;}
.AboPage .content_pro fieldset:first-child h3 {margin-bottom: 30px; font-size: 2em; color: #91989c;}
.AboPage .content_pro fieldset:first-child h3 span {color: #606567;}
.AboPage .content_pro fieldset .info_champs, .AboPage .content_revue fieldset .info_champs {position: absolute; top: 0px; right: 20px; margin: 0; font-family: "DINPro-Bold"; font-size: 0.9em; color: #000;}
.AboPage .content_pro strong, .AboPage .content_revue strong {font-family: "DINPro-bold";}
.AboPage .content_pro fieldset, .AboPage .content_revue fieldset {margin-top: 25px; padding: 20px; background-color: #fff;}
.AboPage .content_pro fieldset.info, .AboPage .content_revue fieldset.info {border-bottom: 5px solid #ffdd00; }
.AboPage .content_pro legend, .AboPage .content_revue legend {font-family: "DINPro-Bold"; color: #91989c; text-align: center; text-transform: uppercase;}
.AboPage .content_pro fieldset label, .AboPage .content_revue fieldset label {display: inline-block; width: 35%; font-family: "DINPro-Bold";}
.AboPage .content_pro fieldset input[type="text"], .AboPage .content_pro fieldset input[type="email"], .AboPage .content_pro fieldset input[type="text"], .AboPage .content_pro fieldset textarea, .AboPage .content_revue fieldset input[type="text"], .AboPage .content_revue fieldset input[type="email"], .AboPage .content_revue fieldset input[type="text"], .AboPage .content_revue fieldset textarea {display: inline-block; width: 65%; background-color: #f2f4f6; border: none;}
.AboPage .content_pro input[type="submit"], .AboPage .content_revue input[type="submit"] {position: relative; z-index: 1; display: block; width: 150px; margin: -17px auto auto auto; font-family: "DINPro-Bold"; background-color: #fff; border-right: 5px solid #ffdd00; border-left: 5px solid #ffdd00; transition: background-color 0.5s ease;}
.AboPage .content_pro input[type="submit"]:hover, .AboPage .content_revue input[type="submit"]:hover {background-color: #ffdd00;}


.AboPage .boxInfo ul.square{list-style-type: square; list-style-position: outside; color: #ffdd00; margin: 15px;}
.AboPage .boxInfo ul.square li{vertical-align: top; margin: 0 0 5px 0;}
.AboPage .boxInfo ul.square span{color: #000; font-weight: normal; font-size: 1.4rem;}
.AboPage .boxInfo ol{color: #ffdd00; font-weight: bold; margin: 15px;}
.AboPage .boxInfo ol span{color: #4d4d4d; font-weight: normal; font-size: 1.4rem;}

.AboPage .formRow label{width: 200px;}

.AboBottom ul{display: flex; flex-direction: column; flex-flow: row nowrap; justify-content: space-between; align-content: center; margin-top: 40px;}
.AboBottom > ul li{margin: 0 20px 0 0; width: calc(33.33% - 20px); position: relative; cursor: pointer; text-align: center; height: 158px;}
.AboBottom li h3{font-weight: normal; color: #8c9da6;}
.AboBottom li h3 strong{font-weight: bold; font-size: 2rem;}
.AboBottom li .link{text-transform: uppercase; background-color: #fff8da; display: inline-block; position: relative; padding: 2px 20px;}
.AboBottom li .link:hover, .AboBottom li .link:focus {background-color: #f7dc35; transition: ease 0.5s background-color};
.AboBottom li .link::after{border-right: 10px solid #f7dc35; border-bottom: 10px solid transparent; border-top: 10px solid transparent; position: absolute; display: block; content: ''; right: 0; bottom: 0; width: 0; height: 0; z-index: 2;}
.AboBottom li .link span::before{position: absolute; right: 0; top: 0; font-family: 'icoERV'; content: '\ea3c'; display: inline-block; font-size: 1.2rem; z-index: 3; height: 25px; line-height: 25px;}
.AboBottom li.gift::before{font-family: 'icoERV'; content: '\f06b'; font-size: 3.2rem; color: #8c9da6;}
.AboBottom li.gift.selected .link, .AboBottom li.speak.selected .link, .AboBottom li.revue.selected .link {width: 200px; height: 45px; line-height: 45px; border-right: 5px solid #ffdd00; border-left: 5px solid #ffdd00; background-color: #f3f3f3; font-size: 1.5em;}
.AboBottom li.gift.selected .link span:before, .AboBottom li.speak.selected .link span:before, .AboBottom li.revue.selected .link span:before {content: none;}
.AboBottom li.gift.selected .link:after, .AboBottom li.gift.selected .link span:before {content: none;}
.AboBottom li.speak:before{font-family: 'icoERV'; content: '\f2a2'; font-size: 3.2rem; color: #8c9da6;}
.AboBottom li.revue:before{font-family: 'icoERV'; content: '\e905'; font-size: 3.2rem; color: #8c9da6;}

.AboBottom .boxInfo2 {margin-top: 10px; background-color: #f3f3f3;}
.AboBottom .boxInfo2 .content{display: flex; flex-flow: row wrap; justify-content: space-between;}
.AboBottom .boxInfo2 .content > div {width: calc(33.33% - 20px);}
.AboBottom .explications_carte {position: relative; /*height: 83%; */padding: 20px; background-color: #fff; border-bottom: 5px solid #ffdd00; font-size: 1.4em;}
.AboBottom .explications_carte:before {content: " "; border-top: 25px solid transparent; border-right: 25px solid #f7dc35; border-bottom: 25px solid transparent; position: absolute; top: 35px; right: 0; z-index: 2; display: block; width: 0; height: 0;}
.AboBottom .explications_carte:after {content: "\e5c8"; position: absolute; top: 35px; right: 4px; z-index: 2; display: block; width: 25px; height: 25px; margin-top: 6px; font-family: "icoERV"; font-size: 2em; color: #000;}
.AboBottom .explications_carte h3 {margin-bottom: 15px; text-align: center; font-size: 1em; font-family: "DINPro-Black"; text-transform: uppercase;}
.AboBottom .explications_carte ol {counter-reset: explications_carte;}
.AboBottom .explications_carte ol li + li {margin-top: 5px;}
.AboBottom .explications_carte ol li { position: relative; padding-left: 20px; list-style-type: none; counter-increment: explications_carte; font-size: 0.8em;}
.AboBottom .explications_carte ol li:before {content: counter(explications_carte); position: absolute; left: 0; display: inline-block; margin-right: 15px; color: #ffdd00;}
.AboBottom .explications_carte ol li strong {font-family: "DINPro-Black"; font-size: 1.2em;}
.AboBottom .content_gift.active .content, .AboBottom .content_speak.active .content, .AboBottom .content_revue.active .content {padding: 20px;}
.AboBottom .content_gift .GBEL_productList .product .corps {padding-right: 100px;}
.AboBottom .content_gift .GBEL_productList .product .corps .price {float: none; position: absolute; top: calc(50% - 26px); right: 20px;}
.AboBottom .boxInfo2 .col {position: relative;}
.AboBottom .boxInfo2 .col.illustration {padding-top: 490px;} 
.AboBottom .boxInfo2 .col.illustration:after {content: " "; position: absolute; top: 0; /*left: -30px;*/left: -25px; display: block; width: 360px; /*height: 436px;*/ height: 469px; background: transparent url("../../images/v1/illus_abo_cadeaux2.png") no-repeat;}
.AboBottom .boxInfo2 .paiements, .AboPage .paiements {width: 300px; height: 84px; margin-top: 20px; background: transparent url("../../images/v1/bloc_paiement_securise.png") no-repeat;}

.AboBottom .boxInfo2.content_revue .static, .AboBottom .boxInfo2.content_speak .col:first-child {width: 33.33%; padding: 20px; background-color: #fff;}
.AboBottom .boxInfo2.content_revue .static .explications_revue_presse{position: relative; padding-bottom: 20px;}
.AboBottom .boxInfo2.content_revue .static .explications_revue_presse:after {content: " "; position: absolute; bottom: 0; left: -20px; display: block; width: calc(100% + 40px); height: 5px; background-color: #ffdd00;}
.AboBottom .boxInfo2.content_revue .static .explications_revue_presse2 {padding-top: 10px;}
.AboBottom .boxInfo2.content_revue ul.revue_presse {display: block; margin-top: 20px; font-size: 1.25em;}
.AboBottom .boxInfo2.content_revue li + li {margin-top: 15px;}
.AboBottom .boxInfo2.content_revue li {position: relative; padding-left: 20px; list-style: none;}
.AboBottom .boxInfo2.content_revue li:before {content: " "; position: absolute; top: 3px; left: 0; display: block; width: 12px; height: 12px; border-radius: 12px; background-color: #ffdd00;}
.AboBottom .boxInfo2.content_revue a {display: inline-block; margin-top: 15px; color: #008ab7; text-decoration: underline;}
.AboBottom .boxInfo2.content_revue .GFWK_form {width: calc(66.66% - 20px);}
.AboBottom .boxInfo2.content_revue .GFWK_form form > h3 {display: block; margin-top: 0; padding: 20px; background-color: #fff; border-right: 5px solid #ffdd00; border-left: 5px solid #ffdd00; text-align: center; font-size: 2em; font-family: DINPro-Bold; color: #91989c;}
.AboBottom .boxInfo2.content_revue fieldset:first-child {margin-top: 0;}
.AboBottom .boxInfo2.content_revue .logosContainer {width: 100%; text-align: center;}
.AboBottom .boxInfo2.content_revue .logosContainer a + a {margin-left: 50px;}

.AboBottom .boxInfo2.content_speak .col:first-child {border-bottom: 5px solid #ffdd00;}
.AboBottom .boxInfo2.content_speak .col:first-child:before {content: " "; border-top: 25px solid transparent; border-right: 25px solid #f7dc35; border-bottom: 25px solid transparent; position: absolute; top: 65px; right: 0; z-index: 2; display: block; width: 0; height: 0;}
.AboBottom .boxInfo2.content_speak .col:first-child:after {content: "\e5c8"; position: absolute; top: 71px; right: 4px; z-index: 2; display: block; width: 25px; height: 25px; margin-top: 6px; font-family: "icoERV"; font-size: 2em; color: #000;}
.AboBottom .boxInfo2.content_speak .col:first-child h3 {font-family: "DINPro-Black"; font-size: 1.5em;}
.AboBottom .boxInfo2.content_speak .col:first-child a {position: absolute; bottom: -15px; left: 50%; display: block; margin-left: -50px; padding: 5px 10px; background-color: #ffdd00; font-family: "DINPro-Bold"; font-size: 1.2em; text-transform: uppercase; transition: background-color ease 0.5s, color ease 0.5s;}
.AboBottom .boxInfo2.content_speak .col:first-child a:hover, .AboBottom .boxInfo2.content_speak .col:first-child a:focus {background-color: #000; color: #ffdd00;}
.AboBottom .boxInfo2.content_speak h3 strong {font-family: "DINPro-Bold"; text-transform: uppercase;}
.AboBottom .boxInfo2.content_speak .illustration { position: relative; height: 265px; margin-bottom: 20px; padding: 35px; background-color: #fff; text-align: center;}
.AboBottom .boxInfo2.content_speak .illustration:after {content: " "; position: absolute; top: 90px; left: 50%; display: block; width: 299px; height: 150px; margin-left: -149.5px; background: transparent url("../../images/v1/illus_abo_presse_vocale.png") no-repeat;}
.AboBottom .boxInfo2.content_speak ul {display: inline-block; width: calc(100% - 10px); margin-left: 10px;}
.AboBottom .boxInfo2.content_speak .infos {position: relative; display: block; padding: 50px 0 0 40px; background-color: #fff; border-right: 5px solid #ffdd00; border-left: 5px solid #ffdd00; text-transform: uppercase; font-size: 1.5em;}
.AboBottom .boxInfo2.content_speak .infos.infos_telephone:before {top: 55px;}
.AboBottom .boxInfo2.content_speak .infos.infos_mail {padding-top: 30px; padding-bottom: 50px;}
.AboBottom .boxInfo2.content_speak .infos_mail:before {top: 37px;}

.AboBottom .boxInfo2.content_speak .infos:before {content: " "; position: absolute; left: 0; display: block; border-top: 20px solid transparent; border-left: 20px solid #ffdd00; border-bottom: 20px solid transparent;}
.AboBottom .boxInfo2.content_speak .infos strong, .AboBottom .boxInfo2.content_speak .infos a {font-family: "DINPro-Bold"; text-transform: none;}
.AboBottom .boxInfo2.content_speak .infos strong { margin-top: 5px; }
.AboBottom .boxInfo2.content_speak .GBEL_productList {width: 100%;}
.AboBottom .boxInfo2.content_speak .GBEL_productList a {display: block;}

/* page hub */
.hubPage{background: url('../../images/v1/bg_rs_titre.png') no-repeat 88% 0 transparent; border-top: 3px solid #000; padding: 20px 0 0 0;}
.hubPage h1{text-align: left; padding: 0 0 0 200px; margin: 0 0 20px 0;}
.hubPage h1, .hubPage h2{font-weight: normal;}
.hubPage h2 {margin: 0 0 0 50px;}
.hubPage h2 strong {text-transform: uppercase;}
.hubPage .mea{color: #0076a7; text-transform: uppercase; font-weight: bold;}
.hubPage .box{border: 8px solid #e3e9ec; padding: 25px; margin: 0 0 20px 0; background-color: #FFF;}
.hubPage ul{display: flex; margin: 15px 0 0 0;}
.hubPage .connect { background: url('../../images/v1/bg_rs_connect.png') no-repeat 100% 0 transparent; max-height: 205px;}
.hubPage .connect li{margin: 0 40px 0 0; text-align: center; font-weight: bold;}
.hubPage .connect li a{display: block; margin: 0 0 10px 0;}
.hubPage .connect li a::before{font-family: 'icoERV'; content: ''; font-size: 4rem; font-weight: normal; color: #FFF; background-color: #000; width: 60px; height: 60px; line-height: 60px; display: inline-block; padding: 2px;}
.hubPage .connect li:hover a::before { background-color: #b6bdc3}
.hubPage .connect li.sn-fb a::before {content:'\ea90';}
.hubPage .connect li.sn-twitter a::before {content:'\ea96'; }
.hubPage .connect li.sn-instagram a::before {content:'\ea92';}
.hubPage .connect li.sn-pinterest a::before {content:'\ead1';}
.hubPage .connect li.sn-google a::before{content:'\ea8b';}
.hubPage .connect li.sn-dailymotion a::before {content: '\e039'; }
.hubPage .flux{display: flex; flex-flow: row; margin: 20px 0; }
.hubPage .join{background-color: #e3e9ec; margin: 0 10px 0 0; padding: 10px; text-transform: uppercase;}
.hubPage .join:last-child { margin: 0;}
.hubPage .join a{display: inline-block; background-color: #0076a7; color: #FFF; padding: 2px 8px; margin: 2px; white-space: nowrap; font-size: 1.2rem;}
.hubPage .community {background: url('../../images/v1/bg_rs_flux.png') no-repeat 100% 0 transparent;}
.hubPage .community li{border: 4px solid #000; margin: 0 40px 0 0; min-height: 185px; width: 33.33%; background-color: #FFF;}
.hubPage .community li:last-child{margin: 0;}
.hubPage .community li p{text-align: center; text-transform: uppercase; font-size: 1.6rem; margin: 10px 0 10px 20px; border-bottom: 2px solid #000; position: relative; font-weight: bold; line-height: 30px;}
.hubPage .community li p span { position: absolute; bottom: 0; left: 0; width: 30px; height: 30px; background-color: #000; line-height: 30px; }
.hubPage .community li p span::before{font-family: 'icoERV'; color: #FFF;}
.hubPage .community li.fb p span::before {content:'\ea90';}
.hubPage .community li.twitter p span::before {content:'\ea96';}
.hubPage .community li.rss p span::before {content:'\ea9b';}
.hubPage .community .visuel{display: block; margin: 20px auto; width: 95px; height: 95px; text-align: center; border: 1px solid #000;}
.hubPage .community .twitters {text-align: center;}
.hubPage .community .twitters .visuel {display: inline-block; width: 135px;}
.hubPage .community .fb .visuel {background: no-repeat 0 0 transparent; background-size: contain;}
.hubPage .community .twitter .visuel::before{font-family: 'icoERV'; content: '\ea96'; font-size: 5rem; display: block; margin: 10px 0;}
.hubPage .community .rss .visuel{border: none; padding: 10px 0 0 0;}
.hubPage .community .rss .visuel::before{font-family: 'icoERV'; content: '\ea9b'; color: #ef7d00; font-size: 8rem; display: block;}
.hubPage .stores{border-width: 3px 0; border-style: solid; border-color: #000; padding: 20px 0; display: flex; flex-flow: row wrap; justify-content: space-between; background: url('../../images/v1/bg_rs_mobile.png') no-repeat 100% 0 transparent;}
.hubPage .stores h2{flex: 1 1 100%; margin: 0 0 20px 75px;}
.hubPage .stores .box {width: calc(50% - 40px); margin: 0 20px; padding: 20px;}
.hubPage .stores p{margin: 0; overflow: hidden; font-size: 1.6rem; font-weight: bold;}
.hubPage .stores p img{float: left; margin: 0 20px 0 0;}
.hubPage .stores .logo_store{display: flex; flex-flow: row; justify-content: space-between; clear: both;}
.hubPage .event{margin: 20px 0; /* border-width: 3px 0; border-style: solid; border-color: #d4e6f2;*/ padding: 20px; font-size: 2rem; background: url('../../images/v1/bg_rs_noel.png') no-repeat 100% 0 transparent;}
.hubPage .contact{background-color: #8c9da6; padding: 20px; display: flex; flex-flow: row; justify-content: space-between; margin: 20px 0;}
.hubPage .contact > div {max-width: 33.33%; min-width: calc(33.33% - 20px); margin: 0 20px 0 0; min-height: 90px;}
.hubPage .contact div:nth-of-type(3) { margin: 0;}
.hubPage .contact .title{color: #FFF; font-size: 2.2rem; line-height: 90px; text-transform: uppercase; background: url('../../images/v1/bg_rs_contact.png') no-repeat 100% 50% transparent;}
.hubPage .contact .gray{background-color: #e3e9ec; padding: 10px; text-align: center; display: flex; flex-flow: column; justify-content: space-around}
.hubPage .contact small{display: block;}
.hubPage .contact em{font-size: 2.4rem; font-weight: bold;}
.hubPage .contact a{font-weight: bold; font-size: 1.6rem;}

/* page application mobile */
.mobilePage{border-top: 3px solid #000;}
.mobilePage h1{text-transform: none;}
.mobilePage h1 strong{text-transform: uppercase; color: #8c9da6;}
.mobilePage .box{display: flex; flex-flow: row; justify-content: space-between; margin: 0 0 30px 0;}
.mobilePage .visuel{width: 35%;}
.mobilePage .gray{background-color: #f1f4f6; padding: 20px; width: 65%; position: relative;}
.mobilePage .LER .gray::before{border-left: 20px solid #FFF; border-bottom: 20px solid transparent; border-top: 20px solid transparent; position: absolute; display: block;  content: ''; left: 0; top: calc(50% - 20px); width: 0; height: 0; z-index: 2;}
.mobilePage .PSO .gray::before{border-right: 20px solid #FFF; border-bottom: 20px solid transparent; border-top: 20px solid transparent; position: absolute; display: block;  content: ''; right: 0; top: calc(50% - 20px); width: 0; height: 0; z-index: 2;}
.mobilePage .gray .logo_store{display: table; clear: both; margin: 20px 0 0 0;}
.mobilePage .gray .logo_store li{ display: table-cell; margin: 0 8px 0 0; vertical-align: middle; text-align: center; }
.mobilePage .gray .logo_store li:first-child { width: 40%; text-align: left; }
.mobilePage .gray .logo_store li:last-child { margin:0;}
.mobilePage .gray .logo_store li a { display: block; }
.mobilePage .gray .logo_store li a img { float: none; width: 108px; margin: 0 auto; text-align: center; }
.mobilePage .gray .logo_store span{display: block; font-weight: bold; text-transform: uppercase; font-size: 1.4rem;}
.mobilePage .description{display: flex; flex-flow: row; justify-content: space-between;}
.mobilePage .LER img{float: left; margin: 0 20px 0 0;}
.mobilePage .PSO .player{margin: 0 20px 0 0;}
.mobilePage .PSO h2 {float: left; width: 50%;}
.mobilePage .PSO img{float: right;}
.mobilePage .PSO .visuel{text-align: right;}
.mobilePage .player{max-width: 220px;}
.mobilePage .description ul, .mobilePage .description p{flex: 1 1 100%; clear: both;}
.mobilePage .description ul{list-style-type: disc; list-style-position: outside; margin: 0 0 0 50px; font-size: 1.6rem;}

/* formulaire correspondant */
.correspondant{}
.correspondant .msgBox.note{font-size: 1.6rem; margin: 20px 0; text-align: justify;}
.correspondant form fieldset{background-color: #f1f4f6; padding: 20px;}
.correspondant form .formRow {margin: 10px 0;}
.correspondant form label{width: 180px; text-align: right; color: #808080; margin: 0 10px 0 0;}
.correspondant form p.choice label{ width: auto; text-align: left;}
.correspondant form input[type='text'], .correspondant form textarea {width: calc(100% - 200px);}

/* contact */
.contact { }
.contact .CRC{margin: 0 0 55px 0; }
.contact .CRC h2 {font-family: "DINPro-Bold"; background-color: #ffdd00; text-transform: uppercase; display: inline-block; padding: 5px 15px; font-size: 1.4rem;}
.contact .CRC div {position: relative; height: 115px; border: 1px solid #ffdd00; padding: 10px 10px 10px 230px;}
.contact .CRC div:before {content: " "; position: absolute; top: 50%; left: 40px; display: block; width: 150px; height: 79px; margin-top: -40px; background: transparent url("../../images/v1/illu_rel_client_contact.png") no-repeat;}
.contact .CRC div strong {font-family: "DINPro-Bold"; color: #808080;}
.contact .CRC .phone {position: relative; z-index: 1; float: left; width: 270px; margin: 0; padding-top: 5px; padding-left: 10px; font-size: 2rem; font-weight: 700; color: #929292;}
.contact .CRC .phone:before {content: " "; position: absolute; top: -2px; left: -7px; z-index: -1; display: block; width: 280px; height: 40px; background: transparent url("../../images/v1/tel_rel_client.png") no-repeat;}
.contact .CRC .infos_mail {float: left; margin-left: 10px;}

.contact ul{overflow: visible; margin: 0 20px 20px 20px; position: relative;}
.contact ul.lineCard{min-height: 160px;}
.contact ul.lineServices{min-height: 40px;}
.contact ul li{float: left; width: calc(25% - 30px); margin: 0 15px;}
.contact .lineCard .card{border: 1px solid #80bad3; cursor: pointer; position: relative;}
.contact .lineCard .card h3{background-color: #80bad3; color: #FFF; text-transform: uppercase; text-align: center; font-size: 1.4rem; }
.contact .lineCard .card span{display: block; font-size: 1px; height: 130px; overflow: hidden;}
.contact .lineCard .card img{width: 100%;}
.contact .lineCard .card.active::after{content: " "; position: absolute; bottom: -24px; left: 50%; z-index: 1; display: block; width: 50px; height: 20px; margin-left: -25px; background: url("../../images/v1/decorations/chevron_services.png") 0% 0% / contain no-repeat rgb(255, 255, 255); }
/* hack Firefox */
@-moz-document url-prefix() { 
    .contact .lineCard .card.active::after { bottom: -22px; }
}
.contact .lineCard .info{display: none; border: 2px solid #79919e; padding: 5px; width: calc(100% - 30px); position: absolute; left: 15px; right: 10px; top: 170px; z-index: 0; background-color: #FFF;}
.contact .lineCard .map{float: left; margin: 0 20px 0 0;}
.contact .lineCard h4{text-transform: uppercase; margin: 10px 0; font-size: 1.5rem;}
.contact .address p{display: flex; flex-flow: row; justify-content: space-between; margin: 3px 0;}
.contact .lineCard .address p.hourly{margin: 5px 0 10px 0; color: #888; font-size: 1.3rem;}
.contact .lineCard .address p.hourly strong{color: #000; }
.contact li .address p span {min-width: 33%;}
.contact li .address p span.phone { text-align: right;}
.contact li .service{cursor: pointer; position: relative;}
.contact li .service h3{background-color: #0076a7; color: #FFF; text-align: center; text-transform: uppercase; padding: 5px 0 5px 25px;}
.contact .lineServices h3::before{content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 27px; height: 30px; background: url("../../images/v1/decorations/fleche_entetes_contact.jpg") no-repeat transparent;}
.contact li .service.active::after {content: " "; position: absolute; top: 33px; left: 50%; z-index: 1; display: block; width: 50px; height: 20px; margin-left: -25px; background: url("../../images/v1/decorations/chevron_services.png") 0% 0% / contain no-repeat #ffffff;}
.contact .lineServices .address{display: none; border: 2px solid #79919e; padding: 10px; width: calc(100% - 30px); position: absolute; left: 15px; right: 10px; top: 50px; z-index: 0; background-color: #FFF;}
.contact .lineServices.move_bottom {margin-top: 50px;}

/* Page Carte interactive Faits divers de Lorraine */
.carteInteractiveSidebar { overflow: hidden; padding: 20px 30px; border: 1px solid #dedcd7; text-transform: none; }
    .carteInteractiveSidebar h3 { margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid rgb(222, 220, 215); color: rgb(74, 126, 155); text-transform: uppercase; }   
    .carteInteractiveSidebar ul { margin-top: 20px; }
        .carteInteractiveSidebar li { list-style-type: disc; }

/* =============================================================================
   bloc HTML
   ========================================================================== */
/* Alertez-nous */
div.htmlbloc.alert{width:100%;padding:30px 0;text-transform:uppercase; background:#f0f3f3}
div.htmlbloc.alert p{text-align:center;font-size:1.6rem;font-family:'DINPro-Black'; line-height:50px;background:#d8e4e7}
div.htmlbloc.alert p a{color: #ef3749;}
div.htmlbloc.alert p a::after{font-family: 'icoERV'; content: '\e7f7'; font-size: 3rem; vertical-align: top; padding: 0 0 0 10px;}

/*  Suivez-nous */
.suivez-votre-club{padding: 20px 0; font-family:'DINPro'; background-color: #d4dcdd; font-weight: bold; }
.suivez-votre-club .entete{text-align: center; line-height: 46px; text-transform: uppercase; letter-spacing: 0.3rem; font-size:1.8rem; background-color: #fff; }
.suivez-votre-club ul{display: flex; padding: 20px 20px 0;flex-direction: row;flex-wrap:wrap;justify-content:space-between}
.suivez-votre-club li{width: 45%; margin:0 0 12px}
.suivez-votre-club li a{display: block; font-size: 1.4rem; text-align: center; text-transform: uppercase;}
.suivez-votre-club li img { width: 100%;}

/* kiosque */
.titleKiosque{display: block; width: 100%; background-color: #8181c2; color: #FFF; text-transform: uppercase; text-align: center; font-size: 2rem; height: 50px; line-height: 50px; margin: 0 0 30px 0;}

.sectionKiosque .GJNU_PDFWidget{width: 220px; float: left; margin: 0 20px 0 0;}
.sectionKiosque .GJNU_PDFWidget img{width: 100%;}

.linkKiosque{float: right; overflow: hidden; width: calc(100% - 240px);}
.linkKiosque div{float: left; width: 40%; padding: 0 20px 0 0; font-size: 2rem; line-height: 3rem; font-weight: bold;}
.linkKiosque div a{display: block; background-color: #393939; color: #FFF; padding: 2px 20px; margin: 30px 0 0 0;}
.linkKiosque div a::after{font-family: 'icoERV'; content: '\e5c8'; padding: 0 0 0 20px}

.linkKiosque ul{float: right;}
.linkKiosque li{position: relative; background-color: #8181c2; height: 60px; margin: 0 0 20px 0; text-transform: uppercase; padding: 10px 0 0 20px; font-size: 1.6rem; width: 240px;}
.linkKiosque li a{display: block; color: #FFF; height: 60px;}
.linkKiosque li a::after{display: block; position: absolute; bottom: 0; right: 0; font-family: 'icoERV'; height: 60px; width: 70px; line-height: 60px; font-size: 3.8rem; background-color: #393939; color: #FFF; text-align: center;}
.linkKiosque li.num a::after{content: '\e326';}
.linkKiosque li.paper a::after{content: '\e904';}
.linkKiosque li.gift a::after{content: /*'\e7ff'*/'\f06b';}

/* recherche de commune */
.searchTown {background-color: #eef0ef; padding: 3px;}
.searchTown input[type='text'] { width: calc(100% - 35px);}
.searchTown .btSearchTown::before{font-family: 'icoERV'; content: '\e8b6'; color: #808080; font-size: 2.4rem;}
 
/* =============================================================================
   publicite : DFP et GTRF
   ========================================================================== */

/* DFP */
.pub {font-size: 1px;}
.pub > div{margin: 0 0 20px 0;}
#pub-dfp-p1 > div, #pub-dfp-p2 > div{margin: 0 0 20px 0;}
#p18{text-align: center;}
.section3 .col_large .pub, .section5 .col_large .pub{float: none !important; margin: 0 !important; min-height: auto !important; width: 100% !important; clear: both;}

#pub-dfp-p3 { font-size: initial; cursor: pointer;}
#pub-dfp-p3 h2 {line-height: 2.2rem; text-decoration: none; font-size: 110%; font-family: 'DINPro-Bold'; color: #000;}
.ie #pub-dfp-p3 h2 { font-size: 2rem; }
#pub-dfp-p3 h4 { margin-left: 20px; font-size: 1.2rem; }
#pub-dfp-p3 .dfp-publi-corps { margin-left: 0; }
#pub-dfp-p3 .dfp-publi-corps img {width: 216px;}
#pub-dfp-p3 .dfp-publi-surtitre {line-height: initial; margin: 0 0 5px; font-size: 1.5rem; color: #999; text-transform: uppercase;}
#pub-dfp-p3 h2:last-child { margin-bottom: 10px; }
#pub-dfp-p3 .dfp-publi-accroche {margin-top: 10px; font-size: 1.3rem; }
#pub-dfp-p3 .dfp-publi-readmore {position: relative; z-index: 2; height: 20px; line-height: 20px; padding: 0 10px 0 0; background: #fff; color: #999; font-size: 1.1rem;}
#pub-dfp-p3 .dfp-publi-readmore:before {content: ''; position: absolute; top: 7px; left: 100%; z-index: 1; width: 335px; border-bottom: 1px solid #b6bdc3;}
#pub-dfp-p3 .dfp-publi-extra {margin-top: 35px;}
#pub-dfp-p3 .dfp-publi-extra .showBoxShare {position: static; margin-top: 4px; margin-right: 30px;}
#pub-dfp-p8 {margin: 0;}
#pub-dfp-rect-cont > div, #pub-dfp-p6 > div{float: right; margin: 0 20px 10px 0; position: relative; z-index: 100; overflow: visible; min-width: 300px;}
#dfp-publi-conteneur .dfp-publi-corps {overflow: hidden; }
#dfp-publi-conteneur .dfp-publi-corps img{width: 202px; float: right;}
#dfp-publi-conteneur .dfp-publi-corps h2, #dfp-publi-conteneur .dfp-publi-accroche{margin: 0 10px 0 0;}
#dfp-publi-conteneur .showBoxShare {float: right; margin: 0 10px 0 0; }

/* GTRF */
.GTRF_sponsoredLinks{}
.GTRF_sponsoredLinks .entete{padding: 0; line-height: 32px; text-transform: uppercase;}
.GTRF_sponsoredLinks .modContent{position: relative; display: flex; justify-content: space-between; overflow: hidden; min-height: 95px; margin: 0 0 3px; padding: 5px; border: 1px solid #e3e9ec;}
.GTRF_sponsoredLinks .addPic{text-align: center;}
.GTRF_sponsoredLinks .infosLS{width: 80%; padding: 0 10px;}
.GTRF_sponsoredLinks .titre{font-size: 1.3rem; font-family: 'DINPro-Black'; text-transform: uppercase;}
.GTRF_sponsoredLinks .accroche{font-size:1.1rem}
.GTRF_sponsoredLinks .showMore{position: absolute; right: 15px; bottom: 5px; color: #4d5256; font-size: 1.2rem;}
.GTRF_sponsoredLinks .campaignImage{border: none; padding: 0;}

.SearchComponent .col_large {padding: 0;}

/* =============================================================================
   Section évènementielle
   ========================================================================== */
#event_bleu .modTitle, #event_gris .modTitle { color: #fff; }
#event_bleu { background-color: #52b7e6; }
#event_gris { background-color: #56818d; }


/* =============================================================================
   plugin : owl carousel
   ========================================================================== */

/* clearfix */
#ad_portal .owl-carousel .owl-wrapper:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
#ad_portal .owl-carousel{ position: relative; /*width: 100%;*/ -ms-touch-action: pan-y;}
#ad_portal .owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
#ad_portal .owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;}
#ad_portal .owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item img{cursor: pointer;}

#ad_portal .owl-theme .owl-controls{margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
/*#ad_portal .owl-theme .owl-controls .owl-buttons div + div {margin-left: 15px;}*/
#ad_portal .owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px;
    border-radius: 0 !important;
	background: #4d5256;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
    /*width: 15px;
    height: 15px;
    border-radius: 15px;*/
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
#ad_portal .owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination */
#ad_portal .owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1;}
#ad_portal .owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{min-height: 150px;}

/* 
 *  Owl Carousel CSS3 Transitions  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* =============================================================================
   Cookie-bar
   ========================================================================== */
#cookie-bar{width: 300px !important; top: 100px; bottom: auto !important; }
#cookie-bar p{padding: 10px 30px !important; }
#cookie-bar .cb-close {right: 5px !important; top: 5px !important; }

/* =============================================================================
   Responsive large / small / tiny
   ========================================================================== */
@media screen and (max-width: 768px) { /* iPad landscape */

}

@media screen and (max-width: 749px) { /* nexus 10 / iPad - portrait | nexus 7 landscape */
    #wrapper { margin: 50px auto 0 auto; padding: 0 10px; }
    .constrain { width: 100% !important; margin: 0 !important; }
    #ad_portal { margin: 50px auto 0 auto; }
    /* header - menu burger */
    #header { height: 50px; -moz-box-shadow: 0px 2px 4px 0px #c0c0c0; -webkit-box-shadow: 0px 2px 4px 0px #c0c0c0; -o-box-shadow: 0px 2px 4px 0px #c0c0c0; box-shadow: 0px 2px 4px 0px #c0c0c0; filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=4); }
        #header .logo { margin: 5px 0 0 50px !important; float: left; }
        #header .constrain { display: block; /*justify-content: initial;*/ min-height: 50px; }

    .zoneHeader { height: 50px; max-height: 50px; }
    #showBoxSearch2 { display: block; }
    .boxSearch { top: 50px; width: 100%; right: 0; left: 0; position: fixed; height: 31px; }
    #header .titleHeader { display: none !important; }
    #showMenu { position: fixed; top: 7px; }
    #showMenu, #closeMenu { background-color: #FFF; color: #8c9da6; }
        #showMenu .burger::before, #showMenu .burger::after, #showMenu .burger i { border-top: 4px solid #8c9da6; }
    #closeMenu { position: fixed; top: 10px; left: 0; }

    #navBurger { padding: 0; max-height: 2000px; width: 100%; bottom: 0; overflow: auto; margin: 50px auto 0 auto; }
        #navBurger .constrain { /* flex-flow: row wrap; display: flex; justify-content: space-between;*/ overflow-y: scroll; }
    .infoDate { display: none; }
    #navBar { display: none !important; }
    #navBurger .nav_model02 { width: 60%; margin: 0 5px 0 0; }
        #navBurger .nav_model02 p { margin: 0; }
        #navBurger .nav_model02 li.itemLevel1 { width: 100%; padding: 0; }
            #navBurger .nav_model02 li.itemLevel1:nth-of-type(1) { order: 1; }
            #navBurger .nav_model02 li.itemLevel1:nth-of-type(2) { order: 3; }
            #navBurger .nav_model02 li.itemLevel1:nth-of-type(3) { order: 2; }
            #navBurger .nav_model02 li.itemLevel1:nth-of-type(4) { order: 4; }
        #navBurger .nav_model02 li.itemLevel2 a { padding: 2px 5px; }
    .navBurgerCol2 { width: calc(40% - 10px); }
    .navBurgerCol3 { width: 55%; }
    .nav_model03.skin1 ul { background-color: #FFF; }
        .nav_model03.skin1 ul li { margin: 0 1px; border: none; background-color: #4d5256; }
            .nav_model03.skin1 ul li a { padding: 0 15px; }
    .linkToApp { margin: 0 5px; width: calc(100% - 10px); display: block; }
        .linkToApp li { margin: 0 0 5px 0; }
        .linkToApp .mobile::after, .linkToApp .newsletter::after { content: ''; }
    .nav_model04 li { float: none; width: calc(100% - 10px) !important; margin: 0 5px 5px 5px; text-align: center; }
    .zoneHeader { width: auto; display: block; float: right; }
        .zoneHeader .GJNU_PDFWidget, .GBEL_pushProduct, .socialNetworks, #showBoxAbo { display: none !important; }
    #showBoxConnect, #showBoxAccount { margin: 5px 0 0 0; padding: 6px 10px; display: block; width: auto; }
        #showBoxConnect::before { font-family: 'icoERV'; content: '\e7fd'; color: #595959; font-size: 3rem; padding: 0 5px 0 0; vertical-align: bottom; }
        #showBoxAccount::before { font-size: 3rem; }
        #showBoxConnect span, #showBoxAccount span { display: none; }
    #header .dropBoxMini { right: 0; left: initial; top: 50px; }
    .linkToTopMost { display: block; }
    .GXCO_xloglarge .appContent { display: block !important; }
    .GXCO_xloglarge .box { width: 100%; margin: 0; padding: 20px; }
    /* linkButtons*/
    .sectionTop .GRDC_linkButtons { height: 30px; line-height: 30px; margin: 10px 0; border: none; }
        .sectionTop .GRDC_linkButtons .entete { width: 120px; font-size: 1.1rem; padding: 0 10px; height: 30px; line-height: 30px; font-family: 'DINPro'; }
            .sectionTop .GRDC_linkButtons .entete span { display: inline-block; position: absolute; left: 115px; top: 0; padding: 0; height: 30px; width: 10px; margin-left: 0; margin-top: 0; z-index: 1; }
                .sectionTop .GRDC_linkButtons .entete span::before { content: ''; position: absolute; top: 0; left: 0; height: 50%; width: 100%; background: #FFF; -webkit-transform: skew(25deg, 0deg); -moz-transform: skew(25deg, 0deg); -ms-transform: skew(25deg, 0deg); -o-transform: skew(25deg, 0deg); transform: skew(25deg, 0deg); }
                .sectionTop .GRDC_linkButtons .entete span::after { content: ''; position: absolute; top: 50%; right: 0; height: 50%; width: 100%; background: #FFF; -webkit-transform: skew(-25deg, 0deg); -moz-transform: skew(-25deg, 0deg); -ms-transform: skew(-25deg, 0deg); -o-transform: skew(-25deg, 0deg); transform: skew(-25deg, 0deg); }
        .sectionTop .GRDC_linkButtons .modContent { width: calc(100% - 120px) !important; height: 30px; background-color: #abb6bd; }
        .sectionTop .GRDC_linkButtons.open .modContent { height: auto; }
        .sectionTop .GRDC_linkButtons ul li { display: block; width: auto; height: auto; float: none; }
            .sectionTop .GRDC_linkButtons ul li a { color: #FFF; }
            .sectionTop .GRDC_linkButtons ul li img { display: none; }
            .sectionTop .GRDC_linkButtons ul li h3 a { font-size: 1.2rem; font-weight: normal; }
    /* alert */
    .GRDC_alert, .GRDC_alert a { display: block; }
        .GRDC_alert .corps { width: 100%; /*padding: 0; margin: 10px;*/ margin: 0; padding: 10px; }
        .GRDC_alert .accroche { display: none; }
        .GRDC_alert .photo { float: none; width: 100%; }
            .GRDC_alert .photo img { width: 100%; }
    /* section */
    .aside .GRDC_newsFeed, .col_right .GRDC_newsFeed { margin: 0 20px 20px 0; }
    .section .headSection .goToNextSection { top: 0; }
    .section1 .goToNextSection::before, .section1 .goToNextSection::after { display: none; }
    .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3) { margin: 0; }
    .section { flex-flow: column wrap; }
        .section .headSection { width: 100%; height: 30px; }
    .layout_Une .section1 h1.titlePage { display: none; }
    .col_large, .section .col_left, .section .col_right { width: 100%; margin: 0; float: none; padding: 0 !important; }
    .section .col_right { padding: 0 15px !important; }
    .section1 .col_large { border: none; }
    aside { display: block !important; /*padding: 0 15px !important;*/ width: 100% !important; margin: 0; float: none; }
    .section3 .col_large, .section5 .col_large { /*flex-flow: column;*/ display: block; }
        .section3 .col_large > div, .section5 .col_large > div { width: 100% !important; max-width: 100% !important; min-height: 30px !important; margin: 0 0 20px 0 !important; }
    .titleLocal { font-size: 1.5rem; padding: 5px 0; }
        .titleLocal em { display: inline-block; padding: 0 3px; }
    .layout_Une .section4, .layout_Une .section12 { display: none; }
    .mod { margin: 0 0 15px 0; }
    /* article */
    .layout_Une article .corps p, .layout_Section article .corps p { display: none; }
    .layout_Une article .extra, .layout_Section article .extra { display: none; }    
    .GRDC_topContentListRange .modTitle { font-size: 2.4rem; }
    .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2) figure, .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3) figure { }
    .GRDC_topContentListRange figure, .col_left .GRDC_topContentListRange figure, .GRDC_edito figure { order: 1; margin: 0 15px 0 0; }
    .GRDC_topContentListRange figure, .GRDC_edito figure { width: calc(45% - 15px) !important; float: left; margin: 0 15px 0 0 !important; }
    .GRDC_topContentListRange .corps p { display: none; }

    .GRDC_edito figure { min-height: 171px; }

    .contentList article { margin: 0 0 20px 0; min-height: 10px; }
    .contentList figure { width: calc(45% - 15px) !important; margin: 0 15px 0 0; float: left; order: 1; }
        .contentList figure img { width: 100%; }
    .contentList article.primary { display: block; overflow: hidden; }
        .contentList article.primary figure, .contentList article.primary .corps { width: 100% !important; }
    .contentList.necrologies { padding: 0 15px; }
        .contentList.necrologies .article, .contentList.necrologies .richcontent { width: 100%; min-height: 160px; }
        .contentList.necrologies figure { margin: 0 0 0 20px; min-height: 100px; overflow: hidden; }

    .GRDC_topContentListRange .corps, .col_left .GRDC_topContentListRange .corps, .GRDC_edito .corps { order: 2; margin: 0 !important; }
    .GRDC_topContentListRange .corps, .contentList .corps, .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2) .corps, .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3) .corps, .GRDC_edito .corps { width: 55% !important; float: right; }
    article.noImage .corps { width: 100% !important; }
    .GRDC_topContentListRange article.primary { flex-flow: column wrap; /*margin: 0 0 20px 0; */ }
    .GRDC_topContentListRange article, .GRDC_edito article { margin-bottom: 15px !important; padding: 0 15px !important; height: auto !important; display: block; }
        .GRDC_topContentListRange article .corps, .GRDC_edito article .corps { padding: 0 !important; }
        .GRDC_topContentListRange article.primary { display: flex; }
            .GRDC_topContentListRange article.primary .figure { width: 100% !important; order: 2; }
    .GRDC_teaser .article .photo { width: 45%; }
    .GRDC_teaser .article h2 { width: calc(55% - 20px) !important; }
    .GRDC_topContentListRange article.primary .corps { order: 1; background-color: #FFF; width: 100% !important; }
    div[class*="sport"].GRDC_topContentListRange article.primary h2 a { color: #000; }
    div[class*="sport"].GRDC_topContentListRange .article.primary { background-color: #FFF; }
    .GRDC_topContentListRange .listArticle { display: block; }

    .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(2), .section1 .GRDC_topContentListRange:nth-of-type(1) article:nth-of-type(3) { flex: 1 1; width: 100%; flex-direction: row; height: auto; }

    .listArticle article .extra, .contentList article .extra { display: none; }
    .section6 .GRDC_Default { flex: 1 1 100%; max-width: 100%; /*padding: 0 15px;*/ }
    GRDC_Default .entete { font-size: 2.6em; font-family: "DINPro-Bold"; }
    .GRDC_Default article, .GRDC_Default .article { height: auto !important; border-bottom: 1px solid #b5d7e2; }
        .GRDC_Default article h2 { margin: 5px; }
    .section6 .GRDC_Default .photo, .section6 .GRDC_Default article .contenu { display: none; }
    .section7 { display: none; }
    .GRDC_newsFeedMulti.directSport article h2 { width: 100%; }
    .GRDC_newsFeedMulti.directSport article .photo { display: none; }
    .GRDC_Default .showMore { padding: 3px 0; font-size: 1.3rem; border: none; }
        .GRDC_Default .showMore span.arrow::before { bottom: 8px; }
        .GRDC_Default .showMore::after { border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-right: 22px solid #FFF; }
    .ContentDetailComponent .GRDC_Default { margin: 0; }
        .ContentDetailComponent .GRDC_Default .modContent { display: block; }
        .ContentDetailComponent .GRDC_Default article { width: 100%; margin: 0 !important; overflow: hidden; }
        .ContentDetailComponent .GRDC_Default .photo { width: 45%; float: left; margin: 0 10px 0 0; min-height: 10px !important; }
        .ContentDetailComponent .GRDC_Default h2 { width: auto !important; }
        .ContentDetailComponent .generalcaption { padding: 10px 20px; }
        .ContentDetailComponent .secureHD { position: relative; top: 0; right: 0; margin-bottom: 10px; }

    .GRDC_newsFeed { border: 0 !important; }
        .GRDC_newsFeed .entete { /*margin: 0 0 10px 15px !important; */text-align: left !important; /*width: calc(100% - 30px) !important;*/width: 100%; }
        .GRDC_newsFeed .modContent { padding: 0; }
        .GRDC_newsFeed li { border: none; }
        .GRDC_newsFeed .publication { float: left; width: 60px; }
        .GRDC_newsFeed.fil-info article, .GRDC_newsFeed.environnement article { padding: 10px 0; border-bottom: none !important; }
            .GRDC_newsFeed.fil-info article + article, .GRDC_newsFeed.environnement article + article { border-top: 3px solid #e4e8eb; }
        .GRDC_newsFeed.environnement { width: 100%; padding: 10px; border: 3px solid #e4e8eb !important; }
        .GRDC_newsFeed.directSport .entete { height: 30px; margin-bottom: 0 !important; text-transform: none; letter-spacing: 10px; width: 100%; }
            .GRDC_newsFeed.directSport .entete em { height: 30px; line-height: 30px; width: 100%; padding: 0 30px;}
            .GRDC_newsFeed.directSport .entete span { width: 30px; height: 30px; right: 10px; }
                .GRDC_newsFeed.directSport .entete span:before { width: 25px; height: 25px; line-height: 25px; margin: 3px 0 0 0; font-size: 2.9rem; }
        .GRDC_newsFeed.directSport .modContent { /*margin: 0 15px; */padding: 10px 0; }
        .GRDC_newsFeed.directSport article { margin: 0 !important; }
            .GRDC_newsFeed.directSport article h2 { width: 100%; padding-bottom: 20px; }
                .GRDC_newsFeed.directSport article h2 a { font-family: "DINPro-Bold"; }
            .GRDC_newsFeed.directSport article .photo { display: none; }
        .GRDC_newsFeed multi, .section6 .GRDC_newsFeed { display: block; }

    .GRDC_teaser article { padding: 0 15px; }

    .GRDC_editoMulti article a { display: block; width: 100%; }

    .contentDetail .innerContent { float: none; }
        .contentDetail .innerContent .pub { width: 100%; overflow: hidden; text-align: center; }
        .contentDetail .caption { padding-right: 10px; }

    /* Contenus riches */
    .richContentComponent .left, .richContentComponent .right { float: none; }
    .richContentComponent figure.left, .richContentComponent figure.right { float: none; width: 100% !important; max-width: 100%; height: auto; max-height: none; margin: 0 auto 15px auto !important; }
    .richContentComponent.insetComponent { padding: 10px 15px !important; }
    .richContentComponent.pdfComponent a { text-decoration: none; }
    .richContentComponent.pdfComponent figure { padding: 0 10px !important; }
        .richContentComponent.pdfComponent figure img { float: none; width: 100% !important; }
        .richContentComponent.pdfComponent figure figcaption { float: none; width: 100%; padding: 0 0 10px 0 !important; }
            .richContentComponent.pdfComponent figure figcaption:after { content: none; }

    .richContentComponent .pararesultat, .richContentComponent .titreresultat { width: 100%; }

    .richContentComponent.freeHtmlComponent .componentDescription, 
    .richContentComponent.videoComponent .componentDescription { padding: 10px !important; }

    .richContentComponent.freeHtmlComponent, 
    .richContentComponent.pdfComponent, 
    .richContentComponent.twitterComponent, 
    .richContentComponent.googleComponent, 
    .richContentComponent.facebookComponent, 
    .richContentComponent.videoComponent { width: 100% !important; margin: 0 auto 10px auto !important; background-color: #edeff0; }


    /* Cet élément block le script inject dans l'iframe. On le cache */
    .richContentComponent #fb-root{display: none;} 
    /* facebook responsive */
    .richContentComponent div:not(.facebookContent) > .fb_iframe_widget, div:not(.facebookContent) > .fb_iframe_widget span, div:not(.facebookContent) > .fb_iframe_widget span iframe[style]{width: 100%}

    /* videoDiap */
    .layout_Section.Gallery .contentList article, .layout_Section.Video .contentList article { width: 100%; display: flex; flex-flow: row; min-height: 10px; }
        .layout_Section.Gallery .contentList article figure { min-height: auto !important; }
        .layout_Section.Gallery .contentList article .corps, .layout_Section.Video .contentList article .corps { }
        .ContentDetailComponent .moviePlayer{text-align: center; overflow: hidden; width: 100%; height: 0; padding-bottom: 75%; position: relative;}
        .ContentDetailComponent .moviePlayer .ratio2 {padding-bottom:56.25%;}
        .ContentDetailComponent .moviePlayer iframe, .ContentDetailComponent .moviePlayer embed, .ContentDetailComponent .moviePlayer object {width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
    /* search */
    .GRDC_search .col_large { float: none; width: 100%; }
    /* meteo */
    .GMEX_weather { display: block; flex-flow: column !important; padding: 15px; min-height: 250px !important; }
        .GMEX_weather .entete, .GMEX_weather .searchlocal, .GMEX_weather .blocjour, .layout_Section .GMEX_weather .entete, .layout_Section .GMEX_weather .searchlocal { width: 100% !important; flex: 1 100%; clear: both; position: relative; }
        .GMEX_weather .entete, .layout_Section .GMEX_weather .entete { height: 75px !important; background-position: 50% 25px; text-align: center; padding: 0; line-height: 10px; min-height: 10px; }
    .layout_Section .GMEX_weather .searchlocal form, .layout_Section .GMEX_weather .searchlocal .suite { width: 100%; float: none; margin: 2px 0; }
    .layout_Section .GMEX_weather .blocjour { margin: 2px 0; }
    .GMEX_weatherForecastDetail .today { display: block; }
        .GMEX_weatherForecastDetail .today .day, .GMEX_weatherForecastDetail .today .infos, .GMEX_weatherForecastDetail .today .suppl, .GMEX_weatherForecastDetail .dayPreview { width: 100% !important; float: none; }

    .GSOC_contest { margin: 0 15px; }
        .GSOC_contest .photo img { width: 100%; }
    /* Iookaz */
    .GANO_adIookaz.annonceLoc { display: block; }
        .GANO_adIookaz.annonceLoc .annonce { width: 100%; }
    /* module galery */
    .GRDC_Gallery .entete, .GRDC_Video .entete { text-align: center; padding: 0; line-height: initial; height: auto; }
    .GRDC_Gallery .sponsoGalerie { margin: 0; float: none; }
    .GRDC_Gallery .mainGallery { display: block; padding: 0; }
    .GRDC_Gallery .bodyMainGallery h2 a { font-size: 2rem; line-height: 30px; }
    .GRDC_Gallery .bodyMainGallery p, .GRDC_Gallery .bodyMainGallery .extra { display: none; }

    .GRDC_Gallery .modContent .galerie-vignettes { width: auto; padding-right: 0; text-align: left; }
    .GRDC_Gallery .modContent a.showMore { right: 15px; left: auto; }
    .GRDC_Video .mainVideo { padding: 0; }
        .GRDC_Video .mainVideo article { width: 100%; }
        .GRDC_Video .mainVideo .photo { width: 45%; }
        .GRDC_Video .mainVideo .bodyMainVideo { width: 55%; }
    .GRDC_Video .showMore { position: static; bottom: auto; left: auto; }

    .suivez-votre-club li { width: 33.33%; }
        .suivez-votre-club li a { background-position: 50% 0; }
    /* GRDC_Live */
    .GRDC_Live .photo img { width: 100%; max-width: 150px; }
    /* GJNU */
    #vos-supplements .entete { padding: 5px; font-size: 2.4rem; line-height: initial; }

    article.secure .GXCO_secure { display: block; }
        article.secure .GXCO_secure > div { width: 100%; }
    .ContentDetailComponent article.secure .photo, .ContentDetailComponent article.secure .teaserSecure .corps { float: none; width: 100%; margin: 0; }

    .boxSecure { padding: 5px; }
        .boxSecure .GXCO_connect { display: block; }
            .boxSecure .GXCO_connect form, .boxSecure .noAccount { margin: 0; width: 100%; }
    #sendBox { width: 100%; top: 55px; left: 0; bottom: 0; height: 0; overflow-y: scroll; }
    #CommentForm .formrow { margin: 0 0 5px 0; }
    #CommentForm .note { width: 100%; margin: 0; }
    #CommentForm .blocboutons { position: relative; right: 0; }


    #cityList .section { float: none; width: 100%; }
    /* publicite */
    .pub { text-align: center; margin: 0 -10px;}
    .GTRF_sponsoredLinks .campaignIllustratedText { display: block; float: left; width: 33.33%; border: none; text-align: center; }
    .GTRF_sponsoredLinks .infoLS { width: 100%; clear: both; }
    .GTRF_sponsoredLinks .accroche { display: none; }
    .dfp-publi-corps { margin-right: 10px; text-align: left; }
        .dfp-publi-corps img { float: left !important; width: 203px; margin-right: 35px; }
    .dfp-publi-defaultContent { cursor: pointer; }
        /*.dfp-publi-defaultContent h4 { display: none; }*/
        .dfp-publi-defaultContent h2.dfp-publi-surtitre { font-size: 1.5rem; color: #999; text-transform: uppercase; }
        .dfp-publi-defaultContent h2 { font-size: 2rem; font-family: 'DINPro-Bold'; }

    #pub-dfp-p3 { margin-left: 0; }
        #pub-dfp-p3 h2 { float: right; width: calc(100% - 45% - 10px); font-family: "DINPro"; font-size: 1.5rem; line-height: initial; }
        #pub-dfp-p3 h4 { position: relative; /*top: 23px;*/ left: 23px; display: inline; line-height: initial; font-size: 1.5rem; color: #999; }
        #pub-dfp-p3 .dfp-publi-accroche { display: none; }
        #pub-dfp-p3 .dfp-publi-extra { display: none; }
        #pub-dfp-p3 .dfp-publi-corps img { width: calc(45% - 15px) !important; margin-right: 15px; }

    #pub-dfp-p6 { margin: 0 0 15px 0; }
        #pub-dfp-rect-cont > div, #pub-dfp-p6 > div { float: none; margin: 0 auto; }

    /* kiosque / boutique */
    .sectionKiosque, .sectionBoutique {display: none;}
    /* Abonnements */
    .AboPage .tabAbo li { height: 70px; background: none; }
        .AboPage .tabAbo li.selected { height: 90px; background: none; }
        .AboPage .tabAbo li h2 { font-size: 1.4rem; }
        .AboPage .tabAbo li div { display: none; }
    .AboPage .boxInfo .content > div, .AboBottom .boxInfo2 .content > div, .AboPage .content_pro .content .GFWK_form, .AboPage .content_revue .content .GFWK_form { width: 100%; }
    .AboPage .boxInfo .col, .AboPage .boxInfo2 .col { display: none; }
    .AboPage ul.tabAbo, .AboBottom > ul { display: block !important; }
        .AboPage ul.tabAbo li, .AboBottom > ul li { width: 100% !important; }
        .AboBottom > ul li {height: 167px;}
        .AboBottom > ul li + li {margin-top: 20px;}
    .AboPage ul.tabAbo li.inactive, .AboPage ul.tabAbo li#pro {background-image: none !important;}
    .AboPage ul.tabAbo li.num.selected {background-image: url(../../images/v1/illus_abo_onglet_web.png);}
    .AboPage ul.tabAbo :link.paper.selected {background-image: url(../../images/v1/illus_abo_onglet_papier.png);}
    .AboPage ul.tabAbo li#pro.selected {background-image: url(../../images/v1/illus_abo_onglet_pro.png) !important;}
    .AboPage ul.tabAbo li.selected {height: 210px !important;}
    .AboPage ul.tabAbo li p.link {display: none !important;}
    .AboPage .tabAbo #pro {background-position: 50% 100%;}
    .AboPage .content_num .content .col, 
    .AboPage .content_paper .content .col, 
    .AboPage .content_pro .content .col, 
    .AboBottom .content_gift .content .col, 
    .AboBottom .content_speak .content .col:first-child, 
    .AboBottom .content_speak .content .col:nth-of-type(2), 
    .AboBottom .content_speak .content .col:nth-of-type(3) ul, 
    .AboBottom .content_revue .content .static {display: none;}
    .AboPage .content_num .content .GBEL_productList, 
    .AboPage .content_paper .content .GBEL_productList, 
    .AboPage .content_pro .content .GFWK_form,
    .AboBottom .content_gift .content .GBEL_productList, 
    .AboBottom .content_speak .content .GBEL_productList, 
    .AboBottom .content_revue .content .GFWK_form {width: 100%;}
    .AboBottom .content_speak .content .col:last-child {display: block;}
    /* hubPage */
    .hubPage h1, .hubPage h2 {padding: 0; text-align: center;}
    .hubPage h2, .hubPage .stores h2{margin: 0;}
    .hubPage .box { padding: 10px;}
    .hubPage .connect, .hubPage .community, .hubPage .stores, .hubPage .event { background: none;}
    .hubPage .connect li { margin: 0 5px 0 0;}
    .hubPage .connect li a::before { width: 30px; height: 30px; line-height: 30px; font-size: 2.5rem;}
    .hubPage .flux {display: block;}
    .hubPage .join { margin: 1px 0;}
    .hubPage .stores, .hubPage .contact{display: block;}
    .hubPage .stores .box { width: 100%; margin: 5px 0; padding: 5px;}
    .hubPage .community .liste_communautes {flex-direction: column;}
    .hubPage .community .liste_communautes li + li {margin-top: 20px;}
    .hubPage .community .liste_communautes li {width: 100%;}
    .hubPage .contact > div {min-width: 100%; max-width: 100%;}
    .hubPage .contact .title{}
     /* tunnel de paiement / commande */
    .orderDetailContent{display: block;}
    .orderDetailContent table.cartSummary, .orderDetailContent .cartPurchase, .GBEL_order .addressPlugin > div{width: 100% !important; max-width: 100%; }
    .GBEL_order .blocButton { text-align: center;}
    /* /a-propos/mobile-app */
    .mobilePage .box {flex-flow: column;}
    .mobilePage .box.LER {margin-bottom: 0;}
    .mobilePage .box .visuel {width: 100%; text-align: center;}
    .mobilePage .LER img, .mobilePage .PSO img {float: none; display: block; width: 140px; margin: 0 auto;}
    .mobilePage .box + .box {border-top: 3px solid #000;}
    .mobilePage .gray {width: 100%;}
    .mobilePage .gray:before {content: none !important;}
    .mobilePage .description {flex-flow: column;}
    .mobilePage .description h2 {margin-top: 15px;}
    .mobilePage .description ul {margin-bottom: 15px;}
    .mobilePage .logo_store {flex-flow: column !important;}
    .mobilePage .logo_store li {text-align: center;}
    .mobilePage .logo_store li:first-child { margin-bottom: 15px; }
    .mobilePage .logo_store img {width: 50%;border-radius: 15px;}
    .mobilePage .player, .mobilePage .visuel {display: none;}
    /* contact */
    .contact .CRC h2 {margin-left: 20px;}
    .contact .CRC div {height: 180px; margin-right: 20px; margin-left: 20px; padding-left: 10px;}
    .contact .CRC div:before {content: none;}
    .contact ul li + li {margin-top: 20px;}
    .contact ul li {float: none; width: 100%; margin: 0;}
    .contact ul li .info {position: relative !important; top: initial !important; right: initial !important; left: initial !important; z-index: 1 !important; width: 100% !important; margin-top: 20px;}
    .contact ul li .info .lineCard {margin-bottom: 20px !important;}
    .contact .lineCard h4 {margin-top: 10px;}
    .contact .lineCard .map {float: none; width: 100%; margin: 0;}
    .contact .lineCard .map iframe {width: 100% !important;}
    .contact .lineCard .card.active::after {z-index: 2;}
    .contact li .address p span.phone {text-align: left;}

    .lineServices .address {position: relative !important; top: 20px !important; right: 0 !important; left: 0 !important; width: 100% !important; margin-bottom: 40px;}
    .lineServices .address p + p:after {content: " "; position: absolute; top: 0; width: calc(100% - 20px); height: 1px; background-color: #000;}
    .lineServices .address p {position: relative; display: block; padding: 10px 0;}
    .lineServices .address p span {display: block; width: 100%;}
    /* Page Live */
    .live .showScore { height: 150px; }
    .live .showScore h3 { margin: 0 0 30px 0 !important; }
    .live .showScore .logo, .live .showScore .logo img { width: 50px; height: 50px; }
    .live .showScore .score { width: 50px; height: 50px; line-height: 50px; padding-top: 0; vertical-align: middle;}
    /* Commentaires */
    #CommentForm .formrow { display: block; }
    #CommentForm .formrow label{ width:100%; float: none; }
    #CommentForm .formrow .title { display: block; }
    #CommentForm .formrow label, #CommentForm .formrow input { display: block; width: 100%; }
    #CommentForm .formrow #commt_txtarea_parent, #CommentForm .formrow #commt_txtarea_tbl { display: block; width: 100% !important; }
        #CommentForm .formrow .defaultSkin table.mceLayout { border: none; }
    /* Form correspondant */
    .GFWK_form.correspondant form textarea { width: 100%; }
    /* boutons */
    .GFWK_form.correspondant .choice label, .GFWK_form.correspondant .choice input {float: left; width: 50% !important;}
    .GFWK_form.correspondant label, .GFWK_form.correspondant input {float: none; display: block; width: 100% !important; text-align: left;}
    .GFWK_form.correspondant label {margin-right: 0px;}
    .blocButtons {margin-top: 0; margin-bottom: 20px;}
    .blocButtons input[type="submit"] {width: 100%; text-align: center;}
    /* Owl carousel */
    .owl-carousel { width: 100%; }
    .GRDC_newsFeed.directSport.carousel-on article { width: auto; min-height: 116px; margin: 0 2.5px; padding: 0 15px; }
    .GRDC_newsFeed.directSport.carousel-on .owl-item { padding: 0 2.5px; }
    /* page :live */
    /*.live .showScore .teamLocal, .live .showScore .teamVisitor { width: 50%; padding: 10px; }
    .live .showScore .teamLocal h3, .live .showScore .teamLocal h3 span, .live .showScore .teamVisitor h3, .live .showScore .teamVisitor h3 span { text-align: center; }
    .live .showScore .teamLocal .logo { margin-right: 5px; margin-left: 0;}
    .live .showScore .teamLocal .score { float: left; }
    .live .showScore .teamVisitor .logo { float: left; margin-left: 5px; margin-right: 0; }*/
    /*.live .showScore .teamLocal, .live .showScore .teamVisitor { display: table; }*/
    .live .liveInfos { padding-bottom: 30px; }
    .live .showScore .teamLocal, .live .showScore .teamVisitor { width: 50%; padding: 15px 15px 0 15px; }
    .live .showScore .teamLocal h3, .live .showScore .teamLocal h3 span, .live .showScore .teamVisitor h3, .live .showScore .teamVisitor h3 span { text-align: center; }
    .live .showScore .logo, .live .showScore .score { display: inline-block; width: 40%; float: none; }
    .live .showScore .teamLocal .logo { margin-left: 0; }
    .live .showScore .teamVisitor .logo { margin-right: 0; }
    /* footer */
    #footer{display: block; padding: 0 15px;}
    #footer .btFooter{width: 100%; min-height: 90px;}
.btFooter:nth-of-type(1) ul li a{padding: 5px; line-height: 10px;}
    #footer .menuFooter {display: none;}
    /* Sections évènementielles gris et bleu */
    .section5 { border-bottom: none; }
        .section5 #section_evenementielle_gris, .section5 #section_evenementielle_bleu { margin-top: 0 !important; }
    #section_evenementielle_gris, #section_evenementielle_bleu { margin-bottom: 0 !important; } 
    #section_evenementielle_gris:after, #section_evenementielle_bleu:after { content: none !important; } 
        #section_evenementielle_gris .entete, #section_evenementielle_bleu .entete { width: 100%; padding: 15px; font-size: 1.5rem; }
        #section_evenementielle_gris .mainGallery, #section_evenementielle_bleu .mainGallery { width: 100%; }
        #section_evenementielle_gris + .pub, #section_evenementielle_bleu + .pub { position: static; /*display: block !important;*/ width: 100%; margin: 0 auto; padding: 20px 0; }
            #section_evenementielle_gris + .pub { background-color: #9ab7c7; }
            #section_evenementielle_bleu + .pub { background-color: #76beea; }
    #section_evenementielle_gris .modGalerie, #section_evenementielle_bleu .modGalerie { display: none; }
    #section_evenementielle_gris .showMore, #section_evenementielle_bleu .showMore { position: static; }
}

@media screen and (max-width: 480px) { /* Lumia portrait */
#header .dropBoxMini{width: 100%; left: 0; right: 0; position: fixed; min-width: 100%; max-width: 100%;}

}

@media tv (min-width: 1919px) and (max-resolution: 72dpi) {
    .constrain{width: 1280px;}
}

@media print{
    .noprint {display: none !important;}
    .constrain{width: 90%; text-align: left; margin: 10px;}
}