/***************************************** I.RESET ******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong{
    font-weight: bold;
}
p{
    font-weight: normal;
}
button{
    margin: 0;
    padding: 0;
    border:none;
    cursor: pointer;
    background: none;  
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
html, input, textarea, select, button {
    -webkit-font-smoothing: antialiased;
}
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}
h1{font-size: 38px;}
h2{font-size: 31px;}
h3{font-size: 25px;}
h4{font-size: 20.5px;}
h5{font-size: 16px;}
h6{font-size: 13px;}
/***************************************** II.MISE EN PAGE GENERAL ****************************/
@font-face {
    font-family: 'icomoon';
    src:url('fonts/iconmoon/icomoon.eot?wpmxkk');
    src:url('fonts/iconmoon/icomoon.eot?wpmxkk#iefix') format('embedded-opentype'),
        url('fonts/iconmoon/icomoon.ttf?wpmxkk') format('truetype'),
        url('fonts/iconmoon/icomoon.woff?wpmxkk') format('woff'),
        url('fonts/iconmoon/icomoon.svg?wpmxkk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow_both:before {
    content: "\e80f";
}
.icon-suiv_carousel:before {
    content: "\e803";
}
.icon-prev_carousel:before {
    content: "\e804";
}
.icon-valid_abo:before {
    content: "\e805";
}
.icon-icon_newuser2:before {
    content: "\e806";
}
.icon-search:before {
    content: "\e807";
}
.icon-icon_panier:before {
    content: "\e808";
}
.icon-arrow:before {
    content: "\e809";
}
.icon-icon_user2:before {
    content: "\e80a";
}
.icon-home:before {
    content: "\e800";
}
.icon-ticket:before {
    content: "\e80e";
}
.icon-clock:before {
    content: "\e801";
}
.icon-play2:before {
    content: "\e802";
}
.icon-pause:before {
    content: "\e80b";
}
.icon-play3:before {
    content: "\e80c";
}
.icon-pause2:before {
    content: "\e80d";
}
.icon-loop2:before {
    content: "\e814";
}
.icon-circle-up:before {
    content: "\e810";
}
.icon-circle-right:before {
    content: "\e811";
}
.icon-circle-down:before {
    content: "\e812";
}
.icon-circle-left:before {
    content: "\e813";
}
.fa-refresh.fa-3x:before{
	font-family: 'icomoon';
    content: "\e814";
    font-size: 52px;
}
/******* FORMATAGE TEXTE ********/
.text_defaut h1,.text_defaut h2, .text_defaut h3,.text_defaut h4,.text_defaut h5,.text_defaut h6 {
    margin: 10px 0;line-height: 20px;color: inherit;text-rendering: optimizeLegibility;
}
.text_defaut h1, .text_defaut h2, .text_defaut h3{  line-height: 40px;}

.text_defaut h1{font-size: 38px;}
.text_defaut h2{font-size: 31px;}bloc_renouv_l
.text_defaut h3{font-size: 25px;}
.text_defaut h4{font-size: 20.5px;}
.text_defaut h5{font-size: 16px;}
.text_defaut h6{font-size: 13px;}
h2.bleu_titre{ line-height: 1.1;}
ul.unstyled li{list-style: none;margin-left: 0px;}

.text_defaut i{
    font-style: italic;
}
.text_defaut i.fa{
    font-style: normal;
}
.text_defaut ul{
    list-style: disc;
    padding-bottom: 10px;
}
.text_defaut li{
    margin-left: 30px;
    line-height: 1.5;
}
.text_defaut h2{
    margin: 0 0 3px;
    padding: 0;
}
.text_defaut{
    font-size: 1.09em;
    line-height: 1.3rem;
    padding-bottom: 1.3em;
    font-weight: normal;
}
.text_defaut em{
    font-style: italic;
}
.text_defaut strong{
    font-weight: bold;
}
.text_defaut p {
    padding-bottom: 10px;
}
.text_defaut p.lead{
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}
/**** PAGE EVENEMENT TEXTE FORMATAGE  ****/
.event_detail .text_defaut h1{
    font-size: 25px;
    line-height: 26px;
}
.event_detail .text_defaut h2{
    font-size: 20px;
    line-height: 20px;
}
/*** CLASS ET O_ID GENERIQUE ***/
.clear{clear: both;}
.uppercase{text-transform: uppercase;}
.d-none{display: none;}
.no-visible{ visibility: hidden;}
.clearfix {display: block;}
.d-line {display: inline;}
.d-lineb {display: inline-block;}
.pn-f {position: fixed;}
.pn-a {position: absolute;}
.pn-r {position: relative;}
.float-l {float: left;}
.float-r {float: right;}
.over-f {overflow: hidden;}
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}

.f-b{ font-weight: bold;}
.text-a-none{text-decoration: none;}
.bold{ font-weight: bold;}
.nowrap{white-space: nowrap;}
a, a.bleu_ciel, a.bleu_titre{text-decoration: none;color:#1388f5; }
.m-auto{margin:0 auto;}
a:hover{ color: #CC2165; transition: color 0.2s;}
.inrees_link:hover a{color:#CC2165; }
.inrees_link:hover a.theme_link{color:#fff;}
a.theme_link{ color: #ececec; transition: color 0.2s;}
.circle_img{ border-radius: 50px; }

/***  COULEUR  ***/
.yellow_clr{color: #ffea00}.box_event_2 .box_event_2_img
.pink_clr{color: #ff338e;}
.pinkclaire_clr{color: #ff66aa;}
.pink_dark{color:#eb2c6e;}
.bleu_ciel, .bleu_titre{color:#56a8e7;}
.blue-drk{color: #505b66;}
.wht{color:#fff;}
.gr-lgt{color: #b2b2b2;}
.black_clr{color: #000;}
.grey_clr{color:#7c8ca8;}
.grcl-clr{color: #b2b2b2;}
.grmyinrees-clr{color: #afb6c8;}
.bldk-clr{color: #192250;}
.blinrees-clr{color: #88a1b4;}
.bldk-bgd{background: #192250;}
.grey_dark{color:#3c5a76;}
.green_lite{color:#3fa928;}
.red_dark{color:#b90504;}
.dark_themes .gris_texte{color:#a6b9dd;}
.dark_themes .intervenants .gris_texte{color:#fff;}
.dark_themes .grey_clr{color :#cbe0e9;}
.dark_themes .gris_titre{color:#c1d6e3;}

/*** WIDTH ***/
.width650{width: 650px;}
.width600{width: 600px;}
.width580{width: 580px;}
.width570{width: 570px;}
.width550{width: 550px;}
.width500{width: 500px;}
.width480{width: 480px;}
.width470{width: 470px;}
.width400{width: 400px;}
.width350{width: 350px;}
.width350{width: 350px;}

/***  TYPO   ***/
.arial{font-family: 'arial';}
.inrees_cond{ font-family: 'Ubuntu Condensed', sans-serif;}
.merryitbold{ font-family: "Merriweather"; font-weight: 700; font-style: italic; }
.merrybold{ font-family: "Merriweather"; font-weight: 700;  }
.merrynormal{ font-family: "Merriweather";font-weight: 400;  }
.merrylight{ font-family: "Merriweather";font-weight: 300;  }
.ubuntubold{     font-family: "Ubuntu";font-weight: 700;  }
.ubuntumedium{ font-family: "Ubuntu";font-weight: 500;  }
.ubuntunormal{ font-family: "Ubuntu";font-weight: 400;  }
.ubuntulight{ font-family: "Ubuntu";font-weight: 300;  }

/***  ALIGNEMENT TEXT  ***/

.tl_l{text-align: left;}
.tl_r{text-align: right;}
.tl_c{text-align: center;}

/***  MARGE  ***/

.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}

.m-b1{margin-bottom: 1px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-b25{margin-bottom: 25px;}
.m-b30{margin-bottom: 30px;}
.m-b70{margin-bottom: 70px;}
.m-b100{margin-bottom: 100px;}

.m-l0{margin-left: 0px;}
.m-l5{margin-left: 5px;}
.m-l10{margin-left: 10px;}
.m-l15{margin-left: 15px;}
.m-l20{margin-left: 20px;}
.m-l30{margin-left: 30px;}

.m-r0{margin-right: 0px;}
.m-r5{margin-right: 5px;}
.m-r10{margin-right: 10px;}
.m-r20{margin-right: 20px;}
.m-r30{margin-right: 30px;}
.m-r140{margin-right: 140px;}

/*** MARGE INTERIEUR  ***/

.p-t20{padding-top: 20px;}
.p-t40{padding-top: 40px;}

.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}

/*** TAILLE POLICE ***/

.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs26 {font-size: 26px;}
.fs27 {font-size: 27px;}
.fs28 {font-size: 28px;}
.fs29 {font-size: 29px;}
.fs30 {font-size: 30px;}
.fs31 {font-size: 31px;}
.fs32 {font-size: 32px;}
.fs33 {font-size: 33px;}
.fs34 {font-size: 34px;}
.fs35 {font-size: 35px;}
.fs36 {font-size: 36px;}
.fs40 {font-size: 40px;}
.fs42 {font-size: 42px;}
.fs44 {font-size: 44px;}
.fs46 {font-size: 46px;}
.fs48 {font-size: 48px;}
.fs50 {font-size: 50px;}
.fs52 {font-size: 52px;}
.fs53 {font-size: 53px;}
.fs60 {font-size: 60px;}
.fs64 {font-size: 64px;}

.d_content h6.gris_titre{line-height: 1.2;margin-bottom: 5px;margin-top: 3px;} /* titre dans event détail */
.d_content{margin: 15px 0 10px; display: inline-block;width: 100%;}
.d_content:after{ display: table; content:"";}
.d_content:before{clear: both;}
.d_content:before,
.d_content:after
{display: table; content:"";}
.d_content.intervenants{
    background: #dde4ec;
    padding: 0 25px 0 0;
    width: 660px;
}
.dark_themes .d_content.intervenants{
    background: #31528d;
    padding: 0 25px 0 -25px;
    margin: 0 0 0 -25px;
    width: 660px;
}
.d_content.contenuConnexes{
    background: #273e67;
    padding: 0 25px 0 0;
    width: 660px;    
}
.d_content.contenuConnexes .soutient_text p{
    color :#fff;
}
.d_content.over_container_wrapper{
    padding:0 25px 60px;
    position: relative;
}
.titre_principal{
    background-color:#fff;
    background-image: url("../images/banniere.jpg");
    background-repeat: no-repeat;
    background-position:top center;
    height: 115px;
    background-size: cover;
    text-align: center;
}
.titre_principal h1,
.titre_principal h2{
    color :#fff;
    font-size: 46px;
    font-family: "Merriweather";
    font-weight: 700;
    line-height: 2.5;
}
.over_container_wrapper h3.titre_center{
    margin: 5px 0 0px 0;
    text-align: center;
}
.over_container_wrapper .itemcontent_1_3 h3.titre_center{
    font-family: "Ubuntu";
    font-size: 16px;
    text-transform: none;
    padding: 10px 0 15px;
}
.d_content.contenuConnexes h3.titre_dt,
.d_content.contenuConnexes h3.titre_dt span.titre_content span,
.dark_themes .d_content h3.titre_dt,
.dark_themes .d_content h3.titre_dt span.titre_content span,
.d_content.intervenants .titre_dt .titre_content .bleu_titre{
    color :#fff;
}
h3.titre_dt{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.1;
    position: relative;
    padding: 15px 0;
    margin:0;
    text-align: center;
}
.titre_dt{
    text-align: center;
    position: relative;
    margin: 25px auto;
    display: block;
    width: 100%;
}
.titre_adr{
    font-family: "ubuntu";
    line-height: 55px;
    font-weight: normal;
    font-size: 29px;
}
h3.titre_dt span.titre_content{
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}
h3.titre_dt span.titre_content span{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 32px;
    display: block;
    color: #c0c0c0;
    margin-bottom: 10px;
    line-height: 1; 
    text-transform: none;
}
.d_content.grey_section h3.titre_dt span.titre_content span{
    color :#505b66;
}
.d_content.grey_section iframe{
    width: 100%;
}
h3.titre_dt .surligner{
    position: relative;
    width: 40px;
    height: 1px;
    background: #000;
    bottom: 0;
    margin: 0 auto;
}
.dark_themes h3.titre_dt .surligner{
    position: relative;
    width: 40px;
    height: 1px;
    background: #fff;
    bottom: 0;
    margin: 0 auto;
}
h3.titre_dt.mt_10{
    margin: 10px 0 0 0;    
} 
/*h3.titre_dt span.titre_content,
h3.titre_center span.titre_content{
    font-size: 30px;
    font-family: 'Ubuntu';
    font-weight: 300;
    color: #1c253D;
    background: #fff;
    padding: 0 .5em;
    position: relative;
    line-height: 1;
    display: inline-block;
    width: auto;
    min-height: 25px;
} 
.dark_themes h3.titre_dt span.titre_content{
    font-size: 30px;
    font-family: "Ubuntu";
    font-weight: 300;
    color: #fff;
    background: #273e67;
    padding: 0 .5em;
    position: relative;
    line-height: 1;
    display: inline-block;
    width: auto;
    min-height: 25px;
}*/
.dark_themes .content_item_big h3.titre_dt span.titre_content {
    background: #70bee4 ;   
}
.itemcontent_1_3.item_darktheme h3.titre_center span.titre_content{
    background: #22509d;
    color :#fff;
}
.bgcontent_grey h3.titre_dt span.titre_content,
.bgcontent_grey h3.titre_center span.titre_content{
    background: #f3f5f7;
    margin-bottom: 10px;
    display: block;
}
/***  THEME COULEUR CONFIG  ADMIN  ***/
/***  BLEU  ***/
.color_bleu .guid_icon { background: #217ad1 !important;opacity: 0.8 !important;}
.color_bleu:hover .guid_icon { opacity: 1 !important;}

.color_bleu .guid_text{ color: #217ad1 !important;opacity: 0.8 !important;}
.color_bleu:hover .guid_text{ opacity: 1 !important;}


/***  JAUNES  ***/
.color_jaune .guid_icon{ background: #ffea00 !important;opacity: 0.8 !important;}
.color_jaune:hover .guid_icon{ opacity: 1 !important;}

.color_jaune .guid_text{ color: #ffea00 !important;opacity: 0.8 !important;}
.color_jaune:hover .guid_text{ opacity: 1 !important;}

/***  VIOLET  ***/
.color_violet .guid_icon{ background: #677ece !important;opacity: 0.8 !important;}
.color_violet:hover .guid_icon{ opacity: 1 !important;}

.color_violet .guid_text{ color: #677ece !important;opacity: 0.8 !important;}
.color_violet:hover .guid_text{ opacity: 1 !important;}

/***  ROUGE  ***/
.color_rouge .guid_icon{background: #d4429f !important;opacity: 0.8 !important;}
.color_rouge:hover .guid_icon{ opacity: 1 !important;}

.color_rouge .guid_text{color: #d4429f !important;opacity: 0.8 !important;}
.color_rouge:hover .guid_text{ opacity: 1 !important;}

/***  VERT EMERAUDE  ***/
.color_vertemeraude .guid_icon{background: #129dce !important;opacity: 0.8 !important;}
.color_vertemeraude:hover .guid_icon{opacity: 1 !important;}

.color_vertemeraude .guid_text{color: #129dce !important;opacity: 0.8 !important;}
.color_vertemeraude:hover .guid_text{opacity: 1 !important;}

/***  JAUNE FONCER  ***/
.color_jaunefoncer .guid_icon {background: #718988 !important;opacity: 0.8 !important;}
.color_jaunefoncer:hover .guid_icon{opacity: 1 !important;}

.color_jaunefoncer .guid_text{color: #718988 !important;opacity: 0.8 !important;}
.color_jaunefoncer:hover .guid_text{opacity: 1 !important;}

/***  CONFIG COULEUR SOMMAIRE ***/
.bg_bleu{ background: #1277d7 !important;}
.bg_jaune{ background: #ffea00;}
.bg_violet{ background: #bd86c5;}
.bg_fushia{ background: #eb2c6e;}
.bg_rouge{background: #f10f44;}
.bg_vertemeraude{background: #13c3c5;}
.bg_jaunefoncer{background: #d09b1d;}

.clr_bleu{ color: #1277d7 !important;}
.clr_jaune{ color: #ffea00;}
.clr_violet{ color: #bd86c5;}
.clr_fushia{ color: #eb2c6e;}
.clr_rouge{color: #f10f44;}
.clr_vertemeraude{color: #13c3c5;}
.clr_jaunefoncer{color: #d09b1d;}

/***************************************** III.MESSAGE BOX ******************************************/
.cookie-banner {
    background: none repeat scroll 0 0 #ffffcd;
    padding: 4px;
    position: relative;
}
.browser-message {
    background-color: #fecd00;
}
.browser-message p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 auto;
    padding: 10px 0;
    width: 990px;
}
.browser-message p a, .browser-message p a:hover {
    color: #333333;
    text-decoration: underline;
}
/***************************************** III.BODY ******************************************/
body {
    font-family: 'Merriweather', Arial, Helvetica, Verdana;
    color:#505b66; 
    font-size: 13px;
    font-weight: 400;
    background-color:#152853;
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-position:top center;
    background-attachment:fixed;
}
body div.wrapper{
    width:990px;
    margin: 0 auto;
    position: relative;
}
#content,
#main_index{
    background: #fff;
    position: relative;
    width: 990px;
}
.main{
    padding:0 25px 25px;
    display: inline-block;
    width: 990px;
}
.pre_footer{
    width: 990px;
    margin: 0 auto; 
    position: relative;
    background: #f3f5f7;
    padding: 0 0 60px 0;
} 
.main_sidebar{
    padding:0 25px 25px;
    width: 790px;
    float: left;
}
#content.dark_themes{
    background: #273E67;
}
#content.dark_themes a h2{
    color: #17a2f6;
}
#content.dark_themes a:hover h2,
#content.dark_themes a:hover,
.item_darktheme a:hover{
    color: #ffea00;
}
.d_content.dark_section{
    background: #333333;  
    margin: 15px 0 10px 0px;
    padding: 0 25px 15px;
    width: 661px;
}
.d_content.dark_section .sommaire{
    display: table;
}
.d_content.grey_section{
    background: #dde4ec;  
    margin: 15px 0 10px 0px;
    padding: 15px 25px 15px;
    width: 660px;
}
.d_content.grey_section .sommaire{
    display: table;
}
/***************************************** .SLIDER MISE EN PAGE TEXTE ******************************************/
.projector{
    text-align: center;
}
.projector .bloc_text_slider{
    height: 205px;
}
.projector .titre_slider{
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 43px;
    color :#fff;
    margin: 130px 0 20px;
    display: block;
}
.projector .ss_slider{
    font-size: 16px;
    font-weight: bold;
    color :#fff;
    display: block;
    margin: 0 0 20px 0;
}
.projector .desc_sldier{
    font-size: 13px;
    color :#fff;    
    display: block;
    margin: 0 0 20px 0;
}
.projector .btn_middle{
    padding: 13px 60px 13px ;
    border-top: 5px solid #489be9 ;
    background: #1277d7;
    color: #fff;
    font-size: 16px;
    font-family: 'Ubuntu';
    font-weight: 700;
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.5s;
    display: inline-block;
    margin: 10px 0 20px 0;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.projector .btn_middle:hover{
    opacity: 1;    
}
/*** II.b MISE EN PAGE BOUTON ***/

a.btn_middle{
    color:#fff;
    opacity: 0.8;
}
a.btn_middle:hover{
    opacity: 1; 
}
.btn_large{
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    opacity: 0.8;
    padding: 10px 355px;
    text-decoration: none;
    transition: all 0.5s ease 0s; 
    border: none;
    cursor: pointer;
    font-style: normal;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.btn_large_plus{
    border-top:5px solid rgba(18,118,214, 0.8) !important; 
    background: rgba(179,196, 212, 0.8);
    color: #fff;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    padding: 15px 355px 14px;
    text-decoration: none;
    transition: all 0.5s ease 0s; 
    border: none;
    cursor: pointer;
    margin-left: -55px;
    width: 1050px;
    margin-bottom: 25px;
    position: relative;
    font-style: normal;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.btn_large_plus .text-btn{
    color: #192250;
    display: block;
    line-height: 1.3;
    margin-top: -19px;
    height: 28px;
    opacity: 1;
    font-family: ubuntu;
    font-weight: 500;
    font-size: 13px;
}
.btn_large_plus:hover .text-btn{
    opacity: 0.8;
}
.btn_large_plus .triangleLeft {
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    left: 0px;
    top: -35px;
}
.btn_large_plus .triangleRight{
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    right: 0px;
    top: -35px;
}
.btn_large_plus .triangleLeft{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #a4bad1 transparent;
}
.btn_large_plus .triangleRight{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent #a4bad1;
}
#commande_content .btn_little{
    color: #fff;
    cursor: pointer;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 10px;
    padding: 8px 28px 10px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.btn_middle{
    color: #fff;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    padding: 13px 55px 15px;
    text-decoration: none;
    transition: all 0.5s ease 0s; 
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-style: normal;
    border-radius: 0;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
}
.btn_little {
    color: #fff;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 13px;
    padding: 8px 39px 10px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-style: normal;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.btn_very_little {
    color: #fff;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 10px;
    padding: 4px 14px 6px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-style: normal;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.btn_size_small{
    width: 150px;
}
.btn_default{
    color: #111b58;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 13px;
    padding: 11px 39px;
    text-decoration: none;
    transition: all 0.5s ease 0s; 
    border: 1px solid #111b58;
    text-transform: uppercase;
    background: #fff;
    font-style: normal;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.PlusBouton{
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition-duration: 0.3s;
    height: 39px;
    width:39px;
    margin: 0px auto;
    padding: 0;
    font-size: 69px;
    display:block;
    line-height:0.56;
}
.btn_large_plus:hover .PlusBouton{
    transform: rotate(-180deg); 
    transition-duration: 0.3s;
}
.btn_default:hover{
    color: #111b58; 
    opacity: 0.8;

}
.btn_large_plus:hover,
.btn_large:hover,
.btn_middle:hover,
.btn_little:hover,
.btn_very_little:hover,
#commande_content .btn_little:hover{
    opacity: 0.8;
    color:#fff;
}
.btn_disable{
    background: none repeat scroll 0 0 #a3a3a3;
    border-top: 5px solid #898989;
    opacity: 1;
    cursor: not-allowed;
}
.btn_disable:hover{
    opacity: 1;   
}
.btn_grey{
    background: none repeat scroll 0 0 #7c8ca8;
    border-top: 5px solid #9fb3d5;
}
.btn_grey_claire{
    background: none repeat scroll 0 0 #b3c4d4;
    border-top: 5px solid #9cb6cd;   
}
.btn_pink{
    background: none repeat scroll 0 0 #ff338e;
    border-top: 5px solid #ff66aa;
}
.btn_pinkdark{
    background: none repeat scroll 0 0 #d50b68;
    border-top: 5px solid #d53e84;
}
.btn_bleu{
    border-top: 5px solid #77bcfd;
    background: #319bfd;
}
.btn_panier_icon{
    background-image: url("../images/panier_secondaire.png") ;
    background-repeat: no-repeat;
    height: 22px;
    width: 25px;    
    opacity: 0.8;
    position: absolute;
    margin: -3px 0 0 -32px;
}
.scroll{
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.content_bouton_plus{
    height: 100px;
    margin: 5px 0;
}
.img-chargement{
    text-align: center;
}
.img-chargement img{
    width: 185px;
}
/***   NOTIFICATION    ***/
.popinfullabo{
    width: 700px;
    margin: 20px auto;
    height: auto;
    display: flex;
    background: rgba( 255, 255, 255, 0.6);
    box-shadow: 0 0 39px 0 rgba(122, 133, 141, 1);
}
.popinfullabo .modal_header .closefullabo{
    position: absolute;
    font-size:38px;
    color:#fff;
    right: 25px;
    top: 5px;
}
.popinfullabo .modal_header{
    min-height:50px;
    width:700px;
    background: #1277d7;
    color: #fff;
    padding: 15px 25px ;
}
.popinfullabo .modal_header h6{
    font-family: ubuntu;
    font-weight: bold;
}
.popinfullabo .modal_content{
    width: 100%;
    height: 100%;
}
#ex1 a.close-modal {
    position: absolute;
    right: 43.5px;
    top: 16.5px;
    display: block;
    font-family: georgia;
    font-size: 47px;
    color:#fff;
    transform: rotate(45deg);
}
.popinfullabo.choix_formule .modal_content .modal_container img{
    width: 210px; 
}
.popinfullabo.choix_formule .modal_content .modal_container .item{
    float: left;
    width: 210px;
    margin-right: 10px;
}
.popinfullabo.choix_formule .modal_content .modal_container .item:last-child{
    margin-right: 0;    
}
.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url(spinner.gif) #111 no-repeat center center;
    border-radius: 8px;
}
.message{
    padding: 15px 15px;
    width: 720px;
}
.msm_out{
    display: inline;
}
.content_command{
    margin: 30px auto;
    width: 775px;
}
.popin_container{
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #ecf0f6;
    width: 920px;
}
.popin_container a.close-modal {
    color: #192250;
    display: block;
    font-family: georgia;
    font-size: 47px;
    position: absolute;
    right: -0.5px;
    top: -13.5px;
    transform: rotate(45deg);
}
.popin_container .sep_commande {
    color: #f3f5f7;
    cursor: default;
    font-family: georgia;
    font-size: 27px;
    height: 20px;
    line-height: 0;
}
.inscription_success{
    color: #429e21;
}
/**********  POP IN MYINREES  **********/

/*** DEBUT MODAL ***/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(255,255,255,0.66);
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-backdrop.blackmodal{
    background-color: rgba(0,0,0,7.0);

}
.modal.delete-modal .modal-content{
    background: none repeat scroll 0 0 #fff;
    margin: 145px auto;
    width:360px;
    height: auto;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 39px 0px rgba(122,133,141,1);
    -moz-box-shadow: 0px 0px 39px 0px rgba(122,133,141,1);
    box-shadow: 0px 0px 39px 0px rgba(122,133,141,1); 
    border: none;
} 
.modal.delete-modal .modal-header {
    min-height: 50px;
    width: 100%;
    padding:30px 25px 0px;
    position: relative;
}
.modal.delete-modal  .modal-body{
    padding:0 25px ;
}
.modal.delete-modal .modal-header button.close {
    font-size: 49px;
    color: #fff;
    top: 5px;
    right: 25px;
    position: absolute;
}
.modal.delete-modal .modal-footer{
    border-top:none; 
}
/***********************************  MODAL PAR DEFAUT  ******************************************/
.modal_defaut.popin .modal_content .defaut .i-f label {
    display: inline-block;
    height: 17px;
    line-height: 1;
    margin: 0;
    text-align: left;
    width: 450px;
}
.modal_defaut.popin .modal_content .defaut .i-f.checkbox_form label{
    width: 425px; 
}
.modal_defaut.popin{
    background: none repeat scroll 0 0 #fff;
    margin: 30px auto;
    width:650px;
    height: auto;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 39px 0px rgba(122,133,141,1);
    -moz-box-shadow: 0px 0px 39px 0px rgba(122,133,141,1);
    box-shadow: 0px 0px 39px 0px rgba(122,133,141,1); 
}
.modal_defaut.popin .modal_content .defaut .i-f {
    display: inline-block;
    margin: 10px 0 0 0;
    min-height: 35px;
    width: 100%;
}
.modal_defaut.popin .modal_content .defaut .i-f.checkbox_form{
    min-height: 20px;
    margin: 5px 0 0 0;

}
.modal_defaut.popin .modal_content {
    height: auto;
    width: 100%;
}
.modal_defaut.popin .Modal_header button.close {
    font-size: 49px;
    color: #fff;
    top: 0px;
    right:15px;
    position: absolute;
}
.modal_defaut.popin .Modal_header h2{
    font-size: 24px;
}
.modal_defaut.popin .Modal_header{
    min-height:50px;
    width:100%;
    background: #1277d7;
    color: #fff;
    padding: 15px 25px;
    position: relative;
}
.modal_defaut .modal_container{
    margin:25px;
}
.modal_defaut .modal_content .modal_container form{
    padding: 0;
    margin: 0 auto;
    display: table;
    width: 450px;
}
.modal_defaut .modal_content .modal_container .defaut .i-f .m_input input[type="text"],
.modal_defaut .modal_content .modal_container .defaut .i-f .m_input input[type="password"]{
    width: 220px; 
}
.modal_defaut .modal_content .modal_container .defaut .i-f.select_custom_pays select.custom-dropdown__select{
    width: 450px;
}
.modal_defaut .modal_content .modal_container .defaut .i-f input[type="text"], 
.modal_defaut .modal_content .modal_container .defaut .i-f input[type="password"],
.modal_defaut .modal_content .modal_container .defaut .i-f input[type="date"],
.modal_defaut .modal_content .modal_container .defaut .i-f input[type="tel"],
.modal_defaut .modal_content .modal_container .defaut .i-f input[type="select"],
.modal_defaut .modal_content .modal_container .defaut .i-f input[type="email"],
.modal_defaut .modal_content .modal_container .defaut .i-f textarea {
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #7e8ca8;
    display: block;
    font-family: inherit;
    font-size: 1.2em;
    padding:0 0.5em;
    transition: all 0.15s linear 0s;
    width: 450px;
    height: 30px;
    font-family: 'ubuntu', serif;
    font-weight: 400;
    font-style: normal;
}

.modal_defaut .modal_content .modal_container .routage_content .adresse_choix{
    width: 215px;
    min-height: 115px;
    padding: 12px 17px;
    float: left;
    transition: all 0.15s linear 0s;
    cursor: pointer;
    border: 3px solid transparent;
    margin: 5px;
}
.modal_defaut .modal_content .modal_container .routage_content .adresse_choix:hover{
    background: none repeat scroll 0 0 rgba(0, 120, 255, 0.3) ;
}
.ply-radiosbox input[type=radio] {
    display: none;
}
.ply-radiosbox label .adresse_choix-img {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid rgba(25,34,80,0.75);
    font-size: 0;
    margin: 0px 75px 10px 0;
}
.ply-radiosbox label {
    width: 365px;
    margin: 0 auto;
    display: block;
    text-align: left;
    padding: 15px 20px;
    cursor: pointer;
    cursor: hand;
}
.ply-radiosbox input[type=radio]:checked+label .adresse_choix-img::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0091ff;
    position: relative;
    top: 2px;
    left: 2px;
}
.ply-radiosbox input[type=radio]:checked+label {
    width: 365px;
    padding: 12px 17px;
    border: 3px solid #0091ff !important;
    background-color: transparent;
    background-color: rgba(8,140,255,0.05);
    zoom: 1;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
    width: 300px;
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after,
.modal-footer:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.closefull{
    position: absolute;
    font-size:60px;
    color:#192250;
    margin: -30px 0 0 770px;
}
.entite-inrees{
    position: relative;
}
.mag_choix_text h2{
    display: block;
    font-family: "ubuntu",serif;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}
.mag_choix_img{

}
/**** FIN MODAL *****/
.popin{
    background: none repeat scroll 0 0 #fff;
    margin: 30px auto;
    width:650px;
    height: auto;
}
.popinfull{
    width: 930px;
    margin: 30px auto;
}
/* === CSS FILTER EFFECTS === */
.popin input[type="text"]{
    color: #7e8ca8;
}
.popin .modal_content{
    width:100%;
    height: 100%;
}
.modalBlur{
    filter:blur(10px) saturate(2);
    -webkit-filter: blur(10px) saturate(2);
    -moz-filter: blur(10px) saturate(2);
    -o-filter: blur(10px) saturate(2);
    -ms-filter: blur(10px) saturate(2);
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=10);
}
.popintitre{
    display: inline-block;
    font-family: ubuntu;
    font-weight: bold;
}
.popin .modal_content form{
    padding: 30px 49px 25px;
    display: table;
}
.ques_radio{
    width: 385px;
    display: inline-block;
    height: 20px;
}
.popin a.close-modal{
    color: #fff;
    display: block;
    font-family: georgia;
    font-size: 44px;
    position: absolute;
    right: 6.5px;
    top: -6.5px;
    transform: rotate(45deg);   
}
.titleform h2{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;  
    margin: 0 0 15px 0;
}
.sep_form_title{
    border-bottom: 1px solid #dadada;
    margin: 0 0 15px 0; 
}
.sep_form{
    border-bottom: 1px solid #dadada;
    margin: 20px 0 22px;
}
.globalradio{
    width: 300px;
    float: left;
    height: 22px;
}
.radioformpopin {
    display: inline-block;
    padding-top: 7px;
}
.radioformpopin input[type="radio"]{
    margin: 0 10px 0 0;
}
.civiltext{
    float: left;
    display: inline-block;
    padding: 0 5px 0 4px;
}
.defaut .i-f{
    min-height: 55px;
    margin: 5px 0;
    display: block;
    width: 100%;
}
.defaut .i-f .m_input{
    width: 217px; 
    float: left;  
}

.defaut .i-f .m_input:first-child{
    margin-right: 14px;
}
.defaut .i-f .m_input label {
    width: 170px;
}

.i-f_content{
    height: 45px;
    margin: 5px 0;
    display: table;
    width: 100%;
}
.i-f label{
    display: inline-block;
    height: 25px;
    line-height: 2.5;
    margin: 0 15px 0 0;
    text-align: left;
    width: 250px;
}
.inputselect{
    background: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.2em;
    height: 30px;
    padding: 0 0 0 3.5px;
    transition: all 0.15s linear 0s;
    width: 390px;
}
input[type="file"]{
    display:none;
}
/************************************** FORMULAIRE ****************************************/
#content.login-content .border_form{
    margin: 0px auto;    
}
#content.login-content .main{
    padding: 25px 25px 25px;    
}
#content.login-content .main .content_text{
    margin: 30px auto;
    width: 600px;   
}
.content_form{
    margin: 30px auto;
    width: 775px;   
}
.border_form{
    border: 10px solid #ecf0f6; 
    margin: 20px auto;
}
.m_input input[type="text"], 
.m_input input[type="password"],
.m_input input[type="date"],
.m_input input[type="datetime"],
.m_input input[type="select"],
.m_input input[type="datetime-local"],
.m_input input[type="month"],
.m_input input[type="week"],
.m_input input[type="email"],
.m_input input[type="number"],
.m_input input[type="search"],
.m_input input[type="tel"],
.m_input input[type="time"],
.m_input input[type="url"],
.m_input textarea {
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #7e8ca8;
    display: block;
    font-family: inherit;
    font-size: 1.2em;
    padding:0 0.5em;
    transition: all 0.15s linear 0s;
    width: 188px;
    height: 30px;
    font-family: 'ubuntu', serif;
    font-weight: 400;
    font-style: normal;
}

.defaut input[type="text"], 
.defaut input[type="password"],
.defaut input[type="date"],
.defaut input[type="datetime"],
.defaut input[type="select"],
.defaut input[type="datetime-local"],
.defaut input[type="month"],
.defaut input[type="week"],
.defaut input[type="email"],
.defaut input[type="number"],
.defaut input[type="search"],
.defaut input[type="tel"],
.defaut input[type="time"],
.defaut input[type="url"],
.defaut textarea {
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #7e8ca8;
    display: block;
    font-family: inherit;
    font-size: 1.2em;
    padding:0 0.5em;
    transition: all 0.15s linear 0s;
    width: 390px;
    height: 30px;
    font-family: 'ubuntu', serif;
    font-weight: 400;
    font-style: normal;
}
.defaut input[placeholder]{
    color:#7e8ca8;
}
.input_promo{
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #7e8ca8;
    display: block;
    font-family: inherit;
    font-size: 1.2em;
    padding:0 0.5em;
    transition: all 0.15s linear 0s;
    width: 380px;
    height: 30px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
}
label.default{
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 500;
    height: 30px;
    width: 230px;
    float: left;
    text-align: right;
    line-height: 2.4; 
    padding:  0 10px 0 10px;
}
label.default_radio{
    width:430px;   
}
.custom_radio{
    margin:0 0 0 235px; 
}
#form_sinscrire_popup02 .error{
    color:red;
}
.field{
    clear: both;
    display: table;
    margin: 0 auto;
    max-width: 62.5em;
    width: 100%;
    margin: 10px 0;
}
.field_radio{
    float: left;
}
.dateanniv{
    width: 390px;
}
.radio_content{
    float: left;
    margin-bottom:25px;
}
.required_red{
    color:#ff338e;
    font-size: 15px;
    line-height: 1;
}
button[type=button] i.fa{
    margin-left: 5px;
    line-height: 1;
}
.labelradio{
    float: left;
    width: 60px;
    height: 20px;
    margin-top: 2px;
}

.error_myinrees,
.error_form{
    color:#c60f13;
    font-weight: 400;
}
#infoBlock{
    margin:0 0 10px 0;
}
.loginError{
    color:#c60f13;
    border: 1px solid #c60f13;
    background: #f6898b;
    padding: 7px;
}
.loginNote{
    color:rgb(69, 141, 89);
    border: 1px solid rgb(69, 141, 89);
    background: rgb(212, 240, 211);
    padding: 7px;   
}
/************************ titre general **************************/
h1.titre_general{
    font-family: Merriweather;
    font-weight: 700; 
    font-size: 42px;
    margin: 15px 0 20px;
    text-align: center;
}
.circle_img{
    text-align: center;    
}
.circle_img img{
    border-radius: 50%;  
}
.video-content.dark_themes .titre_general{
    font-size: 42px;
    color :#fff;
    margin: 15px 0 20px;   
}
.ss_titre{
    font-family: "Ubuntu",sans-serif;
    font-weight: 400;
    font-size: 21px;
    margin: 0  0 25px 0;    
    text-align: center;
}
.magazine_content .ss_titre{
    font-size: 27px;
}
.event_detail .ss_titre{
    margin: 0  10px 25px 10px;    
}
.video-content.dark_themes .ss_titre{
    font-size: 21px;
    margin: 0px 0 25px;   
}
.ss_titre2{
    font-family: "Ubuntu",sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin: 0  0 25px 0;    
    text-align: center;   
}
.titrebloc{
    font-family: "Ubuntu",sans-serif;
    font-size: 16px;
    font-weight: 700;  
}
/************************ FILS ARIANE **************************/
.content_assistance .fil_ariane{
    margin: 0 0 15px;    
}
.fil_ariane{
    width: 100%;
    display: inline-block;
    font-family: Merriweather;
    font-weight: 500;
    margin: 20px 0 15px;
    font-size: 16px;
    text-align: center;
}
.R_content_defaut .fil_ariane{
    text-align: left;
}
.fil_ariane,
.fil_ariane a{
    color:#7c8ca8;
}
.fil_ariane a:hover{
    color :#cc2165;
}
.fil_ariane a h6{
    font-size: 18px;
    display: inline;
}  
/***************************************** IV.HEADER ******************************************/
header.header_principal{
    height: 179px;
    margin-bottom: 15px;
}
header.inreestv{
    background: url('../images/banTV.jpg');
}
.btn_big{
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin: 13px 0 0 0;
    padding: 8px 19px;
    text-transform: uppercase;
    transition: all 0.5s ;
}
#logoinrees{
    padding: 47px 26px 30px 47px;
    float: left;
}
#logoinreesTV{
    padding: 15px 26px 0 94px;
    width: 300px;
    float: left;
}
#logoinreesTV img {
    transition: all 0.5s ;
    float: left;
    height: 100px
}
#logoinreesMag .magazine_header{
    height: 57px;
    margin: -15px 0 0 75px;
    overflow: hidden;
    padding: 18px 0 0 30px;
    position: absolute;
    width: 121px;
    transition:  all 0.2s ;
}
#logoinreesMag:hover .magazine_header{
    height: 64px;
    margin: -22px 0 0 75px;    
}
.magazine_header img{
    transform: rotate(-10deg);
    width: 75px;
}
#logoinreesMag{
    padding: 25px 28px 0 56px;
    width: 300px;
    float: left;
    height: 127px;
    overflow: hidden;
}
#logoinreesMag h1{
    height: 75px;
}
#logoinreesMag h1 img {
    transition: all 0.5s ;
    width: 210px
}
#logoinrees h1{
    height: 32px;
}
#logoinrees h2{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    color:#fff;
    font-size: 17px;
    opacity: 1;
}
/********** IV.module social des pages détail *************/
#social_media{
    width: 175px;
    margin: 47px 0 0 0;
    float: right;
}
#social_media ul{
    text-align: center;
}
#social_media li{
    display: inline-block;
    margin: 0 5px ;
}
#social_media img{
    opacity: 0.7; 
    transition: all 0.1s ;
}
#social_media img:hover{
    opacity: 1; 
}
.social_bar_top{
    background: #f3f5f7;  
    margin-top: 19px;
}
.dark_themes  .social_bar_top{
    background: #1e345c;  
}
.social_bar_top .sep{
    margin: 4px 0 0 5px
}
.social_bar_top .bloc_social{
    display: inline-block;
    vertical-align: top;
    height: 38px;
    padding: 8px;
}
.social_bar_top .bloc_social{
    float: right;
}
.content_icon_socialbar{
    margin: 6px 0 0 7px;
    display: inline-flex;
    float: left;
}
.content_icon_socialbar button{
    background: none repeat scroll 0 0 #f3f5f7;
    width: 20px;
    height: 25px;
    color:#1388f5;
    vertical-align: top;
}
.content_icon_socialbar button:hover{
    color:#cc2165;
}
.social_bar_bottom{
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #f3f5f7;
}
.dark_themes .social_bar_bottom{    
    color:#a6b9dd;
}
.social_bar_bottom .text_social_bottom p{
    font-size: 16px;
    font-family: "Merriweather",serif;
    font-weight: 400;
    font-style: italic;
}
.social_bar_bottom .text_social_bottom span{
    font-size: 24px;
    font-weight: bold;
    font-family: 'Ubuntu Condensed', sans-serif;
}
.social_bar_bottom .bloc_socialbar_bottom{
    background: #f3f5f7;
    margin-top: 10px;
    height: 38px;
}
.video-content.dark_themes .social_bar_bottom .bloc_socialbar_bottom{
    background: #1e345c;
    margin-top: 10px;
    height: 38px;
}
.social_bar_bottom .bloc_socialbar_bottom .bloc_social{
    display: inline-block;
    vertical-align: top;
    height: 38px;
    padding:8px;
}
.social_bar_bottom .bloc_socialbar_bottom .bloc_social{
    float: left;
}
/*** HEADER ZONE MON COMPTE  ***/
ul#account_header_bottom > li.connect{
    margin: 3px 10px;
}
.inscrit{
    width: 120px;   
}
.account_header ul#account_header_bottom.header_log li{
    text-align: center;
}
.account_header ul#account_header_bottom.header_log li a{
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    opacity: 0.7;
    transition: 0.2s; 
}
ul#account_header_bottom > li.connect a.notificationInscrit,
ul#account_header_bottom > li.connect a.notificationConnect {
    padding: 10px 0;
}
ul#account_header_bottom.header_log > li{
    float: right;
}
ul#account_header_bottom{
    margin-top: 20px;
}
.account_header{
    float: right;
    margin: 24px 20px 0;
    height: 97px;
}
ul#account_header_bottom > li {
    border: 0 none;
    float: right;
    margin: 0 10px;
}
ul#account_header_bottom li.u_panier,
ul#account_header_bottom > li a.btn_acount{
    opacity: 0.7;
    transition: 0.2s;     
}
ul#account_header_bottom > li.connect a.notificationInscrit:hover,
ul#account_header_bottom > li.connect a.notificationConnect:hover,
ul#account_header_bottom > li:hover a.btn_acount,
ul#account_header_bottom li.u_panier:hover{
    opacity: 1;  
}
ul#account_header_bottom > li.u_panier{
    float: right;
    position: relative;
    padding-left: 45px;
}
ul#account_header_bottom li.sep_icon{
    border-right: 1px solid #fff;
    width: 1px;
    height: 40px;
    opacity: 0.7;
    float: right;
    padding: 0;
    margin: 0;
}
ul#account_header_bottom li.u_account {
    border-left: medium none;
    height: 24px;
    padding-left: 30px;
    position: relative;
    text-align: center;
}
ul#account_header_bottom li.u_account a.btn_acount:before{
    content: "\e80a";
    font-family: icomoon ;
    font-size: 23px;
    color:#fff;
    position: absolute;
    left:0;
    top: 6px;
}
ul#account_header_bottom li.connect a.notificationConnect{
    border-left: medium none;
    height: 33px;
    padding-left: 25px;
    position: relative;
    text-align: center;
    float: left;
    margin: 0 15px;
    width: 100px;
}
ul#account_header_bottom li.connect a.notificationConnect:before{
    content: "\e80a";
    font-family: icomoon ;
    font-size: 23px;
    color:#fff;
    position: absolute;
    left:0;
    top: 5px;
}
ul#account_header_bottom li.connect a.notificationInscrit{
    border-left: medium none;
    height: 33px;
    padding-left: 25px;
    position: relative;
    text-align: center;
    float: left;
    margin: 0 15px;
    width: 100px;
}
ul#account_header_bottom li.connect a.notificationInscrit:before{
    content: "\e806";
    font-family: icomoon ;
    font-size: 23px;
    color:#fff;
    position: absolute;
    left:0;
    top: 5px;
}
ul#account_header_bottom li.u_panier a.btn_panier:before{
    content: "\e808";
    font-family: icomoon ;
    font-size: 23px;
    color:#fff;
    height: 30px;
    display: block;
    top: 8px;
    position: absolute;
    left: 0;
}
ul#account_header_bottom li.u_panier a.btn_panier{
    padding: 7px 0 0 0 ;
}
ul#account_header_bottom li.u_account a.btn_acount:after{
    content: "\e809";
    font-family: icomoon ;
    font-size: 8px;
    color:#fff;
    right: 0px;
    top:16px;
    position: absolute;
}
ul#account_header_bottom li.u_account a.btn_acount{
    margin-right: 12px;
    min-height: 17px;
}
ul#account_header_bottom > li a.btn_panier{
    display: block;
}
ul#account_header_bottom > li a.btn_panier .titre_panier{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}
ul#account_header_bottom li.u_panier a {
    min-height: 25px;
    min-width: 45px;
    padding-left: 0;
    padding-right: 0;
}
ul#account_header_bottom li.u_panier a .panier_quant{
    padding: 2px 4px ;
    background: none repeat scroll 0 0 #ff0066;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    line-height: 1;
    position: absolute;
    font-family: "arial";
    font-size: 13px;
    color: #fff;
    top:2px;
    left: 22px;
    z-index: 2;
}
ul#account_header_bottom > li a.btn_acount,
ul#account_header_bottom > li a.btn_acount span{
    display: block;
}
ul#account_header_bottom > li a.btn_acount .no_text{
    display: block;
    padding:0;   
    margin-right: 12px;
    min-height: 17px;
    min-width: 21px;
    padding-left: 12px;
    padding-right: 0;
}
ul#account_header_bottom > li a.btn_acount .accountname{
    padding:12px 0 0 0;  
}

ul#account_header_bottom li a span.accountname{
    text-decoration: none;
    color: #fff;
    font-size: 13px; 
    text-transform: capitalize;
}
.no_text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
/****** MENU dropdown  *****/
.open > .dropdown-menu{
    display: block;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    display: none;
    float: left;
    font-size: 14px;
    left: -65px;
    list-style: outside none none;
    margin: 23px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 6;
}
.dropdown-menu:before {
    background: url("../images/arrow_2.png") no-repeat scroll 0 0 / 20px 12px rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    top: -11px;
    width: 21px;
    left:125px;
}
.dropdown-menu li a{
    width: 260px;
    min-height: 50px;
    padding: 7px 10px;
    display: block;
    border-bottom: 1px solid #f2f2f2;
}
.dropdown-menu li a:hover{
    background: #fcfcfc;
}
.dropdown-menu li:last-child a:hover{
    background: none;
}
.dropdown-menu li:last-child a{
    border-bottom: none; 
    text-align: center;
}
.dropdown-menu li a span.title {
    font-size: 13px;
    padding: 10px 0 2px;
    color: #1388f5;
    display: block;
}
.dropdown-menu li a span.desc {
    color: #192250;
    font-size: 12px;
    line-height: 14px;
}
/*****  VARIANTE HEADER PANIER + USER ******/
/*.comte_nopanier{
    margin-left: 31px !important;
}
.comte_nopanier .dropdown-menu:before{
    left: 95px !important;
}*/
/***************************************** V.MENU PRINCIPAL ******************************************/
.nav_principal_container{
    margin: 0px auto;
    width: 815px;
    z-index: 3;
    font-size: 0px;
}
nav#nav_principal{
    border-top: 4px solid #3789d7;
    background: rgba(26, 102, 173, 0.6);
    height: 52px;
    position: relative;
}
nav#nav_principal.inreestvmenu{
    background: rgba(26, 102, 173, 0.8);
}
nav#nav_principal ul.ulfirstnav{ 
    text-align: center;
    height: 52px;
    position: absolute;
    -webkit-top:4px;
    top:-4px;
}
nav#nav_principal ul.ulfirstnav li.navfirst {
    display: inline-block;
    position: relative;
}
nav#nav_principal ul.ulfirstnav li.navfirst > a{
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
    font-size: 13px;
    padding:0 15px;
    opacity: 0.7;
    line-height: 47px;
    display: block;
    border-top: 4px solid transparent;
    height: 52px;
    cursor: pointer;
    text-transform: uppercase;
}
nav#nav_principal ul.ulfirstnav li.navfirst:nth-child(8) a:hover,
nav#nav_principal ul.ulfirstnav li.navfirst:nth-child(8) a,
nav#nav_principal ul.ulfirstnav li.navfirst:nth-child(8).hover_nav a{
    border-top: 4px solid #ffea00; 
    opacity: 1;
    color:#ffea00;
}
nav#nav_principal ul.ulfirstnav li.navfirst > a:hover{
    background: #1277d7;
    border-top: 4px solid #489be9;
    opacity: 1;
}
nav#nav_principal ul.ulfirstnav li.navfirst > a.hover_nav,
nav#nav_principal ul.ulfirstnav li.navfirst.hover_nav > a{
    border-top: 4px solid #489be9;
    opacity: 1;    
    background: #1277D7;
}
nav#nav_principal ul.ulfirstnav li.navfirst:last-child a:before{
    font-family: icomoon;
    content: "\e807";
    font-size: 19px;
    vertical-align: bottom;
}
nav#nav_principal ul.ulfirstnav li.navfirst:first-child a:before{
    font-family: icomoon;
    content: "\e800";
    font-size: 19px;
    vertical-align: bottom;
}
/***************************************** V.MENU SECONDAIRE ******************************************/
#nav_secondaire{
    border-top: 4px solid #3789d7;
    background: rgba(26, 102, 173, 1);
    height: 52px;
    width: 990px;
}
#nav_secondaire ul{ 
    text-align: center;
    font-size: 0;
}
#nav_secondaire ul li.navsecond{
    margin-top: -4px;
    display: inline-block; 
    cursor: pointer;
}
#nav_secondaire ul li.navsecond > a{
    font-family: "Ubuntu",sans-serif;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    padding:0 15px;
    opacity: 0.7;
    line-height: 47px;
    display: block;
    height: 52px;
    border-top: 4px solid transparent;
    position: relative;
    text-transform: uppercase;
}
nav#nav_secondaire ul li.navsecond:nth-child(8) > a:hover,
nav#nav_secondaire ul li.navsecond:nth-child(8) > a{
    border-top: 4px solid #ffea00;
    color:#ffea00;
    opacity: 1;
}
nav#nav_secondaire ul li.navsecond > a:hover{
    background: #1277d7;
    border-top: 4px solid #489be9;
    opacity: 1;
}
nav#nav_secondaire ul li.navsecond:nth-child(10) a:hover,
nav#nav_secondaire ul li.navsecond:nth-child(11) a:hover{
    background: none;
    border-top: 4px solid transparent;
    opacity: 1;
}
nav#nav_secondaire ul li.navsecond.hover_nav > a,
nav#nav_secondaire ul li.navsecond.hover_nav > a{
    border-top: 4px solid #489be9;
    opacity: 1;    
    background: #1277D7;
}
nav#nav_secondaire ul li.navsecond:nth-child(1) a:before{
    font-family: icomoon;
    content: "\e800";
    font-size: 21px;
    vertical-align: bottom;
}
nav#nav_secondaire ul li.navsecond:nth-child(9) a:before{
    font-family: icomoon;
    content: "\e807";
    font-size: 21px;
    vertical-align: bottom;
}
nav#nav_secondaire ul li.navsecond:nth-child(10) a:before{
    font-family: icomoon;
    content: "\e80a";
    font-size: 26px;
    vertical-align: bottom;
}
nav#nav_secondaire ul li.navsecond:nth-child(11) a:before{
    font-family: icomoon;
    content: "\e808";
    font-size: 34px;
    vertical-align: bottom;
}
#hidden_nav {
    position: fixed;
    text-align: center;
    top: 0;
    transition: top 0.2s ease 0s;
    z-index: 8;
}
#hidden_nav.hidden {
    top: -536px;
}
.panier_quant_menu {
    background: none repeat scroll 0 0 #ff0066;
    border-radius: 20px;
    color: #fff;
    font-family: 'ubuntu';
    font-weight: bold;
    font-size: 11px;
    padding: 3px 6px;
    position: absolute;
    transition: all 0.5s ease 0s;
    z-index: 5;
    line-height: 12px;
    top: 14px;
    right: -6px;
}
/*******progress bar *********/
*, *::after, *::before {
    box-sizing: border-box;
}
progress {
    /* Positioning */
    position: absolute;
    left: 0;
    top: -4px;
    /* Dimensions */
    width: 100%;
    height: 4px;
    appearance: none;
    border: none;
    background-color: #3789d7;
    z-index: 7;
}
progress::-webkit-progress-bar{
    background-color: #3789d7;
}
progress::-webkit-progress-value {
    background-color: #61aaef;
}
progress::-moz-progress-bar {
    background-color: #3789d7;    
}
.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block;
}
.progress-bar {
    background-color: #61aaef;
    width: 50%;
    display: block;
    height: inherit;
}
/***************************************** VII.MENU THEMATIQUE ******************************************/
ul#nav_thematique{
    background: #1377d7;
    position: absolute;
    display: none;
    width: 200px;
    z-index: 5;
}
ul#nav_thematique li{
    border-bottom: 1px solid #4292df;   
}
ul#nav_thematique li a{
    color: #fff;
    font-size: 17px;
    padding: 12px 30px 12px 15px;
    width: 200px;
    font-family: "Ubuntu",sans-serif;
    font-size: 13px;
    opacity: 0.7;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 5px solid transparent;
    text-align: left;
}
ul#nav_thematique li a:hover{
    opacity: 1;
}
/***************************************** VII.MENU SECONDAIRE THEMATIQUE ******************************************/
ul#nav_thematique2{
    background: #1377d7;
    position: absolute;
    display: none;
    width: 200px;
}
ul#nav_thematique2 li{
    border-bottom: 1px solid #4292df;   
}
ul#nav_thematique2 li a{
    color: #fff;
    font-size: 17px;
    padding: 12px 30px 12px 15px;
    width: 200px;
    font-family: "Ubuntu",sans-serif;
    font-size: 13px;
    opacity: 0.7;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 5px solid transparent;
    text-align: left;
}
ul#nav_thematique2 li a:hover{
    opacity: 1;
}
ul#nav_thematique2 li a.theme_bleu:hover,
ul#nav_thematique2 li a.active.theme_bleu,
ul#nav_thematique li a.theme_bleu:hover,
ul#nav_thematique li a.active.theme_bleu{
    border-left: 5px solid #4190b5; 
}
ul#nav_thematique2 li a.theme_violet:hover,
ul#nav_thematique2 li a.active.theme_violet,
ul#nav_thematique li a.theme_violet:hover,
ul#nav_thematique li a.active.theme_violet{
    border-left: 5px solid #6d385c; 
}
ul#nav_thematique2 li a.theme_emeraude:hover,
ul#nav_thematique2 li a.active.theme_emeraude,
ul#nav_thematique li a.theme_emeraude:hover,
ul#nav_thematique li a.active.theme_emeraude{
    border-left: 5px solid #118c8d; 
}
ul#nav_thematique2 li a.theme_maron:hover,
ul#nav_thematique2 li a.active.theme_maron,
ul#nav_thematique li a.theme_maron:hover,
ul#nav_thematique li a.active.theme_maron{
    border-left: 5px solid #614848; 
}
ul#nav_thematique2 li a.theme_vertfonce:hover,
ul#nav_thematique2 li a.active.theme_vertfonce,
ul#nav_thematique li a.theme_vertfonce:hover,
ul#nav_thematique li a.active.theme_vertfonce{
    border-left: 5px solid #4b5253; 
}
ul#nav_thematique2 li a.theme_bleumarine:hover,
ul#nav_thematique2 li a.active.theme_bleumarine,
ul#nav_thematique li a.theme_bleumarine:hover,
ul#nav_thematique li a.active.theme_bleumarine{
    border-left: 5px solid #083256; 
}
ul#nav_thematique2 li a.theme_violetclaire:hover,
ul#nav_thematique2 li a.active.theme_violetclaire,
ul#nav_thematique li a.theme_violetclaire:hover,
ul#nav_thematique li a.active.theme_violetclaire{
    border-left: 5px solid #8669b3; 
}
ul#nav_thematique2 li a.theme_bleu:hover,
ul#nav_thematique2 li a.active.theme_bleu,
ul#nav_thematique li a.theme_bleu:hover,
ul#nav_thematique li a.active.theme_bleu{
    border-left: 5px solid #17758d; 
}
/***************************************** VIII.SEARCH ******************************************/
#search_INREES{
    background: none repeat scroll 0 0 #1277d7;
    height:55px;
    position: absolute;
    width: 350px;
    z-index: 4;
    display: none;
    top:52px;
    right:-131px;
}
input[type="text"].search_data{
    background: none repeat scroll 0 0 rgba(26, 102, 173, 0);
    font-family: 'Merriweather', serif;
    font-weight: 600;
    font-style: italic;
    font-size: 22px;
    margin: 6px;
    padding: 9px 11px;
    border: none;
    color: #fff;
    width: 288px;
    height: 46px;
    box-shadow: none;
    float: left;
}
.search_data_submit{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: 'ubuntu', serif;
    font-weight: 700;
    font-size: 22px;
    padding: 13px 5px;
    border: none;
    cursor: pointer;
}
/***************************************** .SEARCH SECONDAIRE ******************************************/
#search_INREES2{
    background: none repeat scroll 0 0 #1277d7;
    display: none;
    float: right;
    height: 60px;
    position: absolute;
    width: 350px;
    top:52px;
    right:0;
}
/***************************************** VI.SLIDER ******************************************/
#slider {     
    position:relative;
    width:990px;
    min-height: 450px;
}
#slider {
    z-index: 3;
}
#direction_slider .previous:hover,
#direction_slider .next:hover{
    opacity: 0.7;
}
/*#direction_slider .previous,
#direction_slider .next{
    background: none repeat scroll 0 0 #93A3B8;
    border-radius: 40px 40px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 29px 26px;
    position: absolute;
    text-align: center;
    line-height: 0.1;
    font-size: 18px;
    transition: all 0.5s ;
    opacity: 0.5;
    text-decoration: none;
}*/
#direction_slider .next{
    left: 75px;
    background: none;
    opacity: 0.5;
    color:#fff;

}
#direction_slider .previous{
    background: none;
    opacity: 0.5;
    color:#fff;
}
#direction_slider{
    margin:370px 0 0 821px;
    position: absolute;
    z-index: 4;
}
.slider-progress{
    background: rgba(228, 228, 228, 1) !important;
    top:450px;
    height: 4px !important;
}
.nav_slider { 
    margin: 5px;
    position: absolute;
    top: 400px;
    right: 220px;
}
.nav_slider ul li {
    background: none repeat scroll 0 0 #B2C4D6;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    padding: 8px;
    margin: 2px;
    transition: all 0.3s ;
}
.nav_slider ul li:hover {
    background: #0c85f9;
}
/***************************************** .ACCEUIL ******************************************/
/** TITRE HOME ***/
.titre_home{
    text-align: center;
    position: relative;
    margin: 25px auto;
    display:block;
    width: 100%;
}
.wht.titre_home h3,
.wht.titre_home h3 span.sstitre_home{
    color: #fff;
}
.titre_pd{
    text-align: center;
    position: relative;
    margin: 25px auto;
    display:block;
    width: 315px;   
    color: #fff;

}
.titre_pd h3{
    font-family: "Ubuntu",sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.1;  
}
.titre_pd span.sstitre_pd{
    display: block;
    font-family: "Merriweather",serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.titre_pd .souligne{
    height:1px;
    width: 40px;
    background: #fff;
    margin: 0 auto;
}
.reseau_socio_footer{
    height: 400px;
}
.darkthemeinreestv{
    position: relative;
    display: table;
    background: #273e67;
    width: 990px;
    margin: 0 0 0 -25px;
    padding:0 25px 25px;
}
.reseau_socio_footer .titre_home{
    background: #fff;
    width: 350px;
}
.reseau_socio_footer .titre_home{
    color:#2f2f2f;
}
.reseau_socio_footer .titre_home span.sstitre_home{
    color:#1a5997;
}
.abo-content .titre_home{
    color :#fff;
}
.abo-content .titre_home span.sstitre_home{
    color :#c0c0c0;
}
.reseau_socio_absolut{
    position: absolute;
    text-align: center;
    width: 940px;
    height: 100px;
}
.resb_b{
    display: inline-block;
    border-left:2px solid #1a5997;
    border-right:2px solid #1a5997 ;
    border-top: 2px solid #1a5997;   
    width: 525px;
    height: 45px;
    margin: 45px auto;
}
.agenda_home .titre_home span.sstitre_home, .agenda_home .titre_home h3,
.darkthemeinreestv .titre_home span.sstitre_home,
.darkthemeinreestv .titre_home h3{
    color:#fff;
}
.agenda_home .souligne,
.darkthemeinreestv .souligne{
    background: #fff;
}
.reseau_socio_footer .souligne{
    color :#1a5997;
}
.titre_home h3{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.1;
}
.container_vid .titre_home h3{
    color :#fff; 
}
.container_vid .titre_home span.sstitre_home{
    color :#ffea00; 
}
.container_vid .titre_home span.sstitre_home{ color: #ffea00; }
.titre_home h3.singleword span.sstitre_home{ color: #505b66; }
.search_container .titre_home h3.singleword span.sstitre_home{ color: #c0c0c0; }
.titre_home h3 span.sstitre_home{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 36px; 
    display: block;
    color :#c0c0c0;
    margin-bottom: 10px;
    line-height: 1;
}
.container_vid_mag .titre_home h3,
.container_vid_mag .titre_home h3 span.sstitre_home{
    color:#fff;
}
.content_citation .titre_home h3,
.content_citation .titre_home h3 span.sstitre_home{
    color:#505b66;
}
.content_citation .titre_home,
.container_vid_mag .titre_home,
.content_item_big .titre_home{
    margin: 0px auto 25px;
}
.titre_home.grey_title h3.singleword span.sstitre_home{
    color:#505b66;
}
.titre_home .souligne{
    height:1px;
    width: 40px;
    background: #000;
    margin: 0 auto;
}
.agenda_home .titre_home .souligne,
.item_darktheme h3.titre_center.little_titre .sep,
.dark_themes .titre_home .souligne,
.darkthemeinreestv .titre_home .souligne{
    background: #fff;
}
ul.bloc_defaut_margin{
    display: block;
}
.hauteur-min{
    height: 550px;
}
ul.bloc_defaut_margin li:nth-child(1){
    margin: 0 6px 0 0;
}
ul.bloc_defaut_margin li:nth-child(2){
    margin: 0 6px 0 6px;
}
ul.bloc_defaut_margin li:nth-child(3){
    margin: 0 0 0 6px;
}


ul.bloc_defaut_margin li.petit_1_4:nth-child(1){
    margin: 0 6px 0 0;
}
ul.bloc_defaut_margin li.petit_1_4:nth-child(2){
    margin: 0 6px 0 6px;
}
ul.bloc_defaut_margin li.petit_1_4:nth-child(3){
    margin: 0 6px 0 6px;
}
ul.bloc_defaut_margin li.petit_1_4:nth-child(4){
    margin: 0 0 0 6px;
}
ul li.bloc_defaut.bas_1_3{
    float: left;
    width: 305px;
    height: 340px;
    text-align: center;
}
.event_home ul li.bloc_defaut.bas_1_3{
    height: 360px;    
}
.darkthemeinreestv ul li.bloc_defaut.bas_1_3{
    height: 280px;    
}
ul li.bloc_defaut.haut_1_3{
    float: left;
    width: 305px;
    height: 550px;
    text-align: center;
}
.lien_accueil{
    text-align: center;
    height: 50px;
    margin: 40px 0;
}
.lien_accueil.wht a{
    color : #fff;
    border: 2px solid #fff;;
}
#content.dark_themes .lien_accueil.wht a:hover{
    color : #fff;
    opacity: 1;
}
.text_addAdresse{
    margin: 5px 100px 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 400;   
}
.lien_accueil.dark a{
    color : #2f2f2f;
    border: 2px solid #2f2f2f;;
}
.lien_accueil a{
    padding: 15px 40px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 auto;
    opacity: 0.8;
    display: inline-block;
}
.lien_accueil a:hover{
    opacity: 1;
}
ul li.bloc_defaut .content_player{
    top:0;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 303px;
    z-index: 1;
}
ul li.bloc_defaut.haut_1_3 .content_player button{
    margin: 130px auto 0;
}
ul li.bloc_defaut.bas_1_3.content_a .content_player button:before{
    line-height: 2.8;
    top:0;
    font-size:64px;
    margin-left: 125px;
}
ul li.bloc_defaut:hover .content_player button{
    opacity: 0.8;   
}
ul li.bloc_defaut.bas_1_3 .content_img{
    height: 170px;
    width: 304px;    
    display: block;
    overflow: hidden;
}
ul li.bloc_defaut.haut_1_3 .content_img{
    height: 360px;
    width: 304px;    
    display: block;
    overflow: hidden;
}

ul li.bloc_defaut .content_img img{
    transition: all 0.5s ease 0s ;
    width: 304px;    
}
ul li.bloc_defaut:hover .content_img img{
    transform: scale(1.1);
}
ul li.bloc_defaut.bas_1_3 .img_absolut{
    height: 170px;
    width: 304px;
    position: absolute;
    z-index: 4;
}
ul li.bloc_defaut.bas_1_3 .content_img img{
    height: 170px;   
}
ul li.bloc_defaut.haut_1_3 .img_absolut{
    height: 360px;
    width: 304px;
    position: absolute;
    z-index: 4;
}
ul li.bloc_defaut.haut_1_3 .content_img img{
    height: 360px;
}
.date {
    background: #fff none repeat scroll 0 0;
    color: #989898;
    font-family: 'Merriweather', sans-serif;
    font-size: 36px;
    font-weight: 400;
    font-size: 37px;
    height: 71px;
    margin-left: 115px;
    position: absolute;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 69px;
    top: 0;
    z-index: 1;
}
.box_item_1_4 .date{
    margin-left: 80px;
}
.box_event_2 .date{
    margin-left: 193px;
}
.date div:first-child {
    height: 44px;
}
.date div:last-child {
    color: #333333;
    font-size: 16px;
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}
.boutique .date{
    margin-left: 25px; 
}
a.theme,
.theme{
    font-family: 'Ubuntu', serif;
    font-weight: 400; 
    font-size: 12px; 
    text-transform: uppercase;
    color:#fff;
    opacity: 0.8;
    padding: 7px 15px;
    display: inline-block;
    transition: all 0.5s ease 0s;    
}
.content_a:hover a.theme,
.content_a:hover .theme{
    opacity: 1;    
}
.item_darktheme.itemcontent_1_3 .theme{
    margin: 137px auto 0;        
}
.itemcontent_1_3 .theme{
    margin: 153px auto 0;    
}
.box_video_2 .theme{
    margin: 234px auto 0;    
}
.content_big .theme{
    margin: 348px auto 0;    
}
.content_little .theme{
    margin: 150px auto 0;       
}
.box_item_1_4 .theme{
    margin: 135px 0 0;
}
.box_video_1 .theme{
    margin: 155px 0 0;
}
.darkthemeinreestv ul li.bloc_defaut.bas_1_3 .theme{
    margin: 137px 0 0;    
}
ul li.bloc_defaut.bas_1_3 .theme{
    margin: 155px auto 0;    
}
ul li.bloc_defaut.haut_1_3 .theme{
    margin: 345px auto 0;    
}
.box_event_2 .theme{
    margin: 25px auto 0;          
}
.box_event_3 .theme{
    margin: 240px auto 0;        
}
.List_video .theme{
    margin: 120px auto 0;        
}
.List_mag .theme{
    margin: 120px auto 0;
}
ul li.bloc_defaut h3{
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    font-weight: 700; 
    margin-top: 25px;
}
.agenda_home .bloc_defaut h3{
    font-size: 19px;
    font-weight: 500;     
}
ul li.bloc_defaut p{
    margin-top: 15px;
    font-family: 'Merriweather', serif;
    font-weight: 400; 
    font-size: 14px;
    color:#505b66;
}
.bloc_mag{
    height: 675px;
    width: 990px;
    margin: 0 0 0 -25px;
    position: relative;
    overflow: hidden;
}
.container_mag .bloc_mag{
    margin: 0 0 25px -25px;

}
/*.mag_blureffect{
transform: scale(1.03);
width: 1025px; height: 710px;
overflow: hidden;
    position: absolute;
    filter:blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
      clip: rect(0px, 1024px, 768px, 0px);

}*/
.bloc_mag .row1{
    width: 780px;
    left:0;
    position: absolute;
}
.bloc_mag .row2{
    width: 210px;
    height: 675px;
    background: rgba(36,36,36,0.8);
    right: 0;
    position: absolute;
}
.section_fleche{
    font-family: 'Ubuntu', serif;
    font-weight: 700; 
    font-size: 15px; 
    background: #fff;
    color :#2f2f2f;
    height: 48px;
    line-height: 3.2;
    position: absolute;
    text-transform: uppercase;
    padding: 0 25px 0 25px;
    margin-top: 50px;  
    top:0;
    left:0;
}
.section_fleche span{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 23px 23px;
    border-color: transparent transparent transparent #FFF;
    height: 0;
    position: absolute;
    right: -23px;
    top: 1px;
}
.darkthemeinreestv .section_fleche{
    background: #3e5378;
    color :#fff;;
}
.darkthemeinreestv .section_fleche span{
    border-color: transparent transparent transparent #3e5378;
}
.bloc_mag .row1 h2.titre{
    font-family: 'Merriweather', serif;
    font-weight: 400; 
    font-size: 18px;
    color:#fff;
    text-transform: uppercase;
    float: left;
    margin:55px 0 0 382px;
}
.bloc_mag .row1 h2.titre div.souligne{
    margin-top: 15px;
    background :#fff;
}
.bloc_mag .row1 .rowl{
    float: left;
    padding:15px 10px 0 55px;
    width: 385px;
}
.bloc_mag .row1  .rowl img{
    margin: 15px;
    width: 290px;
}
.bloc_mag .row1  .rowr{
    float: left;
    width: 395px;
    padding: 30px 45px 0 0;
}
.bloc_mag .row1  .rowr .titre_dispo{
    border-bottom: 1px solid rgba(255,255,255, 0.8);
    margin-bottom: 15px;
}
.bloc_mag .row1  .rowr .titre_dispo h6{
    font-family: 'Ubuntu', serif;
    font-weight: 400; 
    font-size: 12px; 
    color:#a9a9a9;
    margin-bottom: 10px;
}
.bloc_mag .row1  .rowr .titre_dispo p{
    font-family: 'Merriweather', serif;
    font-weight: 400; 
    font-size: 12px; 
    color:#fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.bloc_mag .row1  .rowr .text_intro{
    height: 479px;
    position: relative;
}
.bloc_mag .row1  .rowr .text_intro .btn_home.mag{
    position: absolute;
    bottom: 15px;
    padding: 16px 45px 16px;
}
.bloc_mag .row1 .rowr .text_intro h3{
    font-family: 'Ubuntu', serif;
    font-weight: 700; 
    font-size: 24px; 
    color:#fff;
    margin-bottom: 15px;
}
.bloc_mag .row1  .rowr .text_intro p{
    font-family: 'Merriweather', serif;
    font-weight: 400; 
    font-size: 13px;  
    color:#fff;
    line-height: 1.7;
    height: 315px;
}
.bloc_mag .row1  .rowr .text_intro .link{
    color:#fff;    
}
.bloc_mag .row1 a.link_more{
    margin-left: 72px;
    color:#fff;
    opacity: 0.8;
    transition: all 0.5s ease 0s;    

}
.bloc_mag .row1 a.link_more:hover{
    opacity: 1;
}
.row2 ul.mag_old{
    text-align: center;
    margin-top: 40px;
}
.row2 ul.mag_old li{
    width: 120px;
    margin: 0 auto 25px;
}
.row2 ul.mag_old li img{
    width: 100px;
}
.row2 ul.mag_old li h4{
    font-family: 'Ubuntu', serif;
    font-weight: 300; 
    font-size: 12px; 
    color: #a9a9a9;  
    text-transform: uppercase;
}
.row2 ul.mag_old li p{
    font-family: 'Ubuntu', serif;
    font-weight: 500; 
    font-size: 14px; 
    color:#fff;    
}
a.btn_home{
    padding: 12px 45px;
    border: 2px solid #fff;
    opacity: 0.8;
    color :#fff;
    font-family: 'Ubuntu', serif;
    font-weight: 500; 
    font-size: 14px; 
    display: inline-block;
    margin: 15px 0;
}
button.btn_home{
    padding: 12px 45px;
    border: 2px solid #fff;
    opacity: 0.8;
    color :#fff;
    font-family: 'Ubuntu', serif;
    font-weight: 500; 
    font-size: 14px; 
    display: inline-block;
    margin: 15px 0;   
}
button.btn_home:hover,
a.btn_home:hover{
    color:#fff;
    opacity: 1;
}
.thema_bloc{
    font-size: 0px;
    margin:  0 0 35px;
}
.thema_bloc ul li{
    display: inline-block;    
    list-style: none;
}
.thema_bloc ul li a{
    padding:11px 15.8px;
    font-family: 'Ubuntu', serif;
    font-weight: 500; 
    font-size: 12px; 
    color :#fff;
    background: black;
    display: block;
    text-transform: uppercase;
    opacity: 0.8;
    transition: all 0.5s ease 0s;
}
.thema_bloc ul li a:hover{
    opacity: 1;   
}
.video_home{
    float: left;
    margin: 40px 25px 55px 0;
    text-align: center;
    width: 618px;
}
.video_home img{
    width: 617px;
    height:247px;
    transition: all 0.5s ease 0s;
}
.video_home .content_a:hover img{
    transform: scale(1.1);
}
.video_home .img_absolut {
    height: 247px;
    position: absolute;
    width: 617px;
    z-index: 4;
}
.video_home .over-f{
    height: 247px;
}
.video_home h3{
    font-family: "Ubuntu",sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-top: 25px;
    color :#fff;
}
.video_home p{
    font-family: "Merriweather",serif;
    font-size: 14px;
    font-weight: 300;
    color :#fff; 
    font-style: italic;
    margin-top: 15px;
}
.darkthemeinreestv ul li.bloc_defaut p{
    color:#fff;
}
.abo_accroche {
    width: 260px;
    float: left;
}
.abo_accroche h5{
    font-family: "Ubuntu",serif;
    font-weight: 700;
    color :#fff;
    margin-bottom: 5px;
}
.abo_accroche p{
    font-family: "Merriweather",serif;
    font-size: 14px;
    font-weight: 300;
    color :#fff;   
}
.content_a:hover .content_temps{
    opacity: 0.8;   
}
.content_a .time_absolut{
    height: 1px;
}
.content_a .content_temps .duree {
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.75;
    position: absolute;
    right: 5px;
    bottom:5px;
    z-index: 2;
}
.duree i.fa-clock-o:before{
    font-family: icomoon;
    content: "\e801";
    font-size: 11px;
    vertical-align: bottom;
}
.content_a .content_player {
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}
.content_a .content_player button:before {
    font-family: icomoon;
    content: "\e802";
    font-size: 79px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 272px;
    position: absolute;
    line-height: 1.5;
    color:#fff;
    opacity: 0.4;
}
.content_a:hover .content_player  button:before{
    opacity: 0.7; 
}
.box_video_2 .content_a .content_player button{
    margin: 65px auto 0;
}
.box_event_3 .content_a .content_player button{
    margin: 40px auto;    
}
.video_home .theme {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: "Ubuntu",serif;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.8;
    padding: 7px 15px;
    margin: 215px auto 0;
}
.bout_filt{
    text-align: center
}
.menu_filtre_boutique{
    font-size: 0px;
    border-bottom: 1px solid #9f9f9f;
    display: inline-block;
    margin-bottom: 40px;
}
ul.menu_filtre_boutique  li{
    display: inline-block;
}
ul.menu_filtre_boutique li button{
    font-family: "Ubuntu",serif;
    font-size: 12px;
    font-weight: 500;
    padding: 0 53px 10px;
    color: #88a1b4;
    text-transform: uppercase;
}
ul.menu_filtre_boutique li button.active,
ul.menu_filtre_boutique li button:hover{
    border-bottom: 2px solid #1388f5;
    color :#1388f5;
    margin-bottom: -1px;
}
ul li.bloc_defaut.petit_1_4{
    float: left;
    width: 225px;
    height: 300px;
    text-align: center;
}
ul li.bloc_defaut.petit_1_4 .img_absolut .content_player{
    width: 225px;  
    height: 129px;
}
ul li.bloc_defaut.petit_1_4 .content_player button{
    margin: 40px auto 0;
    width: 60px;
    height:60px;
}
ul li.bloc_defaut.petit_1_4 .content_img{
    height: 129px;
    width: 225px;    
    display: block;
    overflow: hidden;
}
ul li.bloc_defaut.petit_1_4 .img_absolut{
    height: 129px;
    width: 225px;
    position: absolute;
    z-index: 4;
}
ul li.bloc_defaut.petit_1_4 .theme{
    margin: 115px auto 0;    
}
ul li.bloc_defaut.petit_1_4 .content_img img{
    height: 129px;
    width: 225px;
    transition: all 0.5s ease 0s;
}
ul li.bloc_defaut.petit_1_4 .date{
    margin-left: 80px;
}
.agenda_home{
    background: #31528d;
    width: 990px;
    margin: 0 0 0 -25px;
    padding:0 25px;
    display: table;
}
ul li.bloc_defaut.petit_1_4 p{
    color:#fff;
}

ul.list_accueil_boutique li .image_boutique{
    border: 1px solid #ebebeb;
    text-align: center;
    margin-bottom: 15px;
    width: 180px;
    height: 180px;
    padding-top: 15px;
}
.selectionINREES ul.list_accueil_boutique li .image_boutique{
    border: 1px solid rgba(255,255,255, 0.1);
}
ul.list_accueil_boutique.margin_defaut li:nth-child(5n+1){
    margin: 0 5px 0 0;    
}
ul.list_accueil_boutique.margin_defaut li:nth-child(5n+2){
    margin: 0 5px 0 5px;    
}
ul.list_accueil_boutique.margin_defaut li:nth-child(5n+3){
    margin: 0 5px 0 5px;   
}
ul.list_accueil_boutique.margin_defaut li:nth-child(5n+4){
    margin: 0 5px 0 5px;  
}
ul.list_accueil_boutique.margin_defaut li:nth-child(5n+5){
    margin: 0 0 0 5px;   
}
ul.list_accueil_boutique li{
    float: left;
}
.rese_left{
    width: 360px;
    margin: 20px 0 40px 70px;
    float: left;
}
.rese_right{
    width: 360px;
    margin: 20px 0 40px 80px;
    float: left;
}
.second_footer{
    height: 170px;
    background: #1a5997;
}
.second_footer ul{
    width: 990px;
    margin: 0 auto;   
}
.second_footer ul li{
    float: left;
    width: 317px;
    height: 115px;
    position: relative;
}
.second_footer ul li.sep{
    border-left: 1px solid #487aac;
    height: 115px;
    width: 1px;
    margin: 28px 0 0 0;
}
.second_footer ul li .text,
.second_footer ul li .img{
    width: 157px;
    height: 115px;
    float: left;
    position: relative;
}
.second_footer ul li .text{
    opacity: 0.8;
}
.second_footer ul li .text:hover{
    opacity: 1;
}
.second_footer ul li{
    margin-left: 7px; 
}
.second_footer ul li:first-child .img img{
    width:  130px;
    position: absolute;
    margin: -30px 0 0 12px;
}
.second_footer ul li:nth-child(3) .img img{
    width:  109px;
    margin:-30px 0 0 10px;
}
.second_footer ul li:nth-child(5) .img img{
    width:  109px;
    margin:-30px 0 0 0;
}
.second_footer ul li:nth-child(5) .text{
    margin-left: 7px;
    width: 160px;
}
.second_footer ul li:nth-child(5) .text{
    width: 190px;
}
.second_footer ul li:nth-child(5) .text p{
    width: 150px;
}
.second_footer ul li:nth-child(5) .img{
    width: 117px;
}
.second_footer ul li .text{
    margin: 30px 0 0 0;
}
.second_footer ul li .text h6{
    font-family: "Ubuntu",serif;
    font-size: 13px;
    font-weight: 700;    
    color :#fff;
    margin-bottom: 5px;
}
.second_footer ul li .text p{
    font-family: "Merriweather",serif;
    font-size: 14px;
    font-weight: 300;
    color :#fff;
    font-style: italic;
}
.form_newsletter_envoie{
    min-height: 45px;
}
input.inputtext_newsletter {
    border: 3px solid #a5bcd5;
    float: left;
    font-family: "Ubuntu",sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin: 10px 0 0 0;
    height: 35px;
    width: 135px;   
    float: left;
    padding: 0 0 0 5px;
}
input.inputtext_newsletter.input_newsletter_erreur_email{
    border: 3px solid #eb2c6e;  
}
.inputsubmit_newsletter{
    background: #2b3b68;
    color: #fff;
    cursor: pointer;
    border: none;
    float: left;
    font-family: "Ubuntu",sans-serif;
    font-size: 10px;
    font-weight: 500;
    width: 35px;
    height: 35px;
    float: left;
    margin: 10px 0 0 3px;
}
.form_newsletter_envoie .messageNO{
    margin: 5px 0 0 0 ;    
}
.form_newsletter_envoie .messageOk{
    font-size: 18px;
    margin: 15px 0 0 0 ;    
}
.footer_botom{
    background: #272727;
}
.container_footer{
    width: 990px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}
.logo_footer{
    width: 990px;
    height: 145px;
    padding: 40px 0 0 35px;
}
.listlink_footer{
    margin: 0 25px 35px 25px;
    height: 140px;

}
.listlink_footer ul{
    border-right: 1px solid #a0a0a0;
    display: block;
    font-size: 0px;
    height: 140px;
    float: left;
}
.listlink_footer ul.first{
    padding: 0 25px 0 10px;
    width: 150px;

}
.listlink_footer ul.two{
    width: 170px;
    padding: 0 0 0 35px;

}
.listlink_footer ul.tree{
    width: 170px;
    padding: 0 0 0 35px;

}
.listlink_footer ul.foor{
    width: 170px;
    padding: 0 0 0 35px;

}
.listlink_footer ul.last{
    border-right: none;  
    width: 195px;
    padding: 0 0 0 35px;

}
.listlink_footer ul li a{
    color:#fff;
    font-family: "Merriweather",serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
    opacity: 0.7;
}
.listlink_footer ul li a:hover{
    opacity: 0.9;
}
.listlink_footer ul li:first-child{
    font-family: "Ubuntu",sans-serif;
    font-size: 10px;
    font-weight: 500;
    color :#fff;
    margin-bottom: 15px;
}
.copyright{
    font-size: 14px;
    font-family: "Ubuntu",sans-serif;
    color :#fff;
    font-weight: 500;
}
.pied_page{
    font-family: "Merriweather",serif;
    font-size: 11px;
    font-weight: 400;
    color :#fff;
    margin-top: 10px;
}
/********* .LISTE ACCEUIL *********/
#container ul.list_1_3_defaut_home li:nth-child(3n+1){
    margin: 0 7.5px 10px 0;   
    float: left;
}
#container ul.list_1_3_defaut_home li:nth-child(3n+2){
    margin: 0 7.5px  10px 7.5px;   
    float: left;
}
#container ul.list_1_3_defaut_home li:nth-child(3n+3){
    margin: 0  0  10px 7px;   
    float: left;
}

#container ul.list_1_4_defaut_home li:nth-child(4n+1){
    margin: 0 6.5px 10px 0;   
    float: left;
}
#container ul.list_1_4_defaut_home li:nth-child(4n+2){
    margin: 0 6.5px  10px 6.5px;   
    float: left;
}
#container ul.list_1_4_defaut_home li:nth-child(4n+3){
    margin: 0  6.5px  10px 6.5px;   
    float: left;
}
#container ul.list_1_4_defaut_home li:nth-child(4n+4){
    margin: 0  0  10px 6.5px;   
    float: left;
}
#container ul.list_1_4_defaut_home li.box_item_1_4{
    height: 280px;
}
.content_article_theme_home .article-theme:first-child{
    margin: 0 7.5px 10px 0;   
    float: left;   
}
.content_article_theme_home .article-theme:last-child{
    margin: 0 7.5px  10px 7.5px;   
    float: left;   
}
/********* .ABONNEMENT HOME *********/
.accueil .itemfullsize .itemBox3{
    float: left;
}
.accueil .itemfullsize .itemBox3 img{
    width: 464px;
}
.accueil .itemfullsize .itemBox3 .text_abo_boutique{
    text-align: center;
}
.list_accueil_boutique .text_abo_boutique{
    width: 303px;
}
/***************************************** .ACCUEIL NEWSLETTER ******************************************/
.newletter_home{
    background: #1e5897;
    width: 990px;
    min-height: 90px;
    margin: 24px 0 0 -25px;
    padding:23px 55px;
    position: relative;
    min-height: 90px;
}
.titre_newsletter{
    width: 245px;
    float: left;
    text-align: center;
}
.newletter_home span{
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color:#a3bdd5;
}
.newletter_home h3{
    color :#fff;
    font-size: 26px;
    font-family: 'Merriweather', serif;
    font-weight: 900;
    line-height: 1.1;
    text-transform: capitalize;
}
.newletter_home .form_newsletter{
    height: 40px;
    float: left;
    display: table;
}
.newletter_home .form_newsletter .input_newsletter{
    height: 45px;
}
.newletter_home .form_newsletter input[type="email"]{
    font-family: 'Merriweather', serif;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    margin: 0 15px 0 0;
    width: 440px;
    float: left;
    border:3px solid #a5bcd5;
}
.newletter_home .form_newsletter input.input_newsletter_erreur_email[type="email"]{
    border:3px solid #eb2c6e;
}
.newletter_home .form_newsletter input[type="submit"]{
    padding: 12px 20px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 500;    
    border: 1px solid #fff;
    float: left;
    color :#fff;
    cursor: pointer;
    background: transparent;
    opacity: 0.8;
}
.newletter_home .form_newsletter .messageOk{
    font-size: 20px; 
}
.newletter_home .form_newsletter .messageNO{
    height: 18px;
    padding: 5px 0 0;
}
.newletter_home .form_newsletter input[type="submit"]{
    opacity: 1;
}
/***************************************** .ACCUEIL TRIANGLE ARROW ******************************************/
.arrow_content{

}
.arrow_content.bleu_marine .triangleLeft{
    border-color: transparent transparent #203252;
}
.arrow_content.bleu_marine .triangleRight{
    border-color :transparent transparent transparent #203252;
}
.arrow_content .triangleLeft{
    border-style: solid;
    border-width: 0 0 30px 30px;
    height: 0;
    width: 0;
    border-style: solid;
    font-size: 0;
    height: 0;
    left: 0;
    padding: 0;
    position: absolute;
    top: -29px;
}
.arrow_content .triangleRight{
    border-style: solid;
    border-width: 30px 0 0 30px;
    height: 0;
    width: 0; 
    border-style: solid;
    font-size: 0;
    height: 0;
    right: 0;
    padding: 0;
    position: absolute;
    top: -29px;
}
.arrow_content.topfooter .triangleRight{
    border-style: solid;
    border-width: 30px 0 0 30px;
    height: 0;
    width: 0; 
    border-style: solid;
    font-size: 0;
    height: 0;
    right: -30px;
    padding: 0;
    position: absolute;
    top: -29px;
}
.arrow_content.topfooter .triangleRight{
    border-color :transparent transparent transparent #1a448b;
}
/***************************************** .FAQ ******************************************/
/****** VIV.a searchbox *******/

#search_FAQ{
    background: #daecf6 ;
    padding: 15px;   
}
.hover_faq{
    background:  #bce0f3 !important;   
}
.focus_faq{
    background: #ffea00 !important;
}
#search_FAQ .search_input_faq {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    font-family: 'Merriweather';
    font-style: italic;
    font-size: 22px;
    padding: 10px 22px 8px 22px;
    color: #a9a9a9;
    width: 642px;
    height: auto;
    display: inline ;
    box-shadow: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius:0px !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:0px !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:0px !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:0px !important;}
input.search_btn_faq{
    background: none repeat scroll 0 0 #1277d7;
    border-top: 6px solid #489be9;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    color: #fff;
    font-family: 'ubuntu';
    font-weight: bold;
    font-size: 16px;
    padding: 10px 25px 12px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    margin-left: -3px;
    cursor: pointer;
    vertical-align: top;
}
input.search_btn_faq:hover{
    opacity: 1;
}
.ui-menu .ui-menu-item{padding: 0 !important;}
.ui-menu .ui-menu-item a{
    margin: 0 20px !important;
    padding: 10px 0 !important;
    border-top: 1px solid #e6ebed;
    color: #abbcc5 !important;
    font-family: 'Merriweather', serif !important;
    font-weight: 700;
    font-style: italic;
    font-size: 22px !important;
    display: block;
}
.ui-widget-content{
    box-shadow: 9px 14px 18px 0px rgba(119, 119, 119, 0.35);
    border-radius: 0px !important;
    border: none !important;
    padding: 0 !important;
} 
.ui-menu .ui-menu-item  .ui-state-focus{
    background: #73aac7;
    color: #fff !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 10px 20px !important;
    margin: 0 !important;
}

/****** VIV.b content *******/
row_faq_content{
    margin: 0;
}
.row_faq_freq{
    float: left;
    margin: 50px 0 0 0;
    width: 490px;
}
.row_faq_guide{
    float: left;
    margin: 50px 0 0 0px;
    width: 450px;
}
.row_faq_freq h3{
    margin:0 0 0 10px;
}
.row_faq_freq ul{
    list-style: decimal;
    color: #abbcc5;
    margin: 25px 0 0 0;
    width: 455px;
}
.row_faq_guide ul{
    box-shadow: inset 0px 0px 5px 3px rgba(119, 119, 119, 0.2);
    padding: 0 0 90px;
    margin: 25px 0 0;
}
.row_faq_freq li{
    margin-left: 23px;
    width: 96%;
    font-weight: 700;
}
.row_faq_freq ul li a{
    margin-left: -35px;
    padding: 6px 15px 6px 35px;
    text-decoration: none;
    display: block;
    font-family: arial;
}
.row_faq_freq ul li:hover {
    color: #fff2c7;
}
.row_faq_freq ul li:hover a{
    background: #ffea00;
}
.row_faq_guide ul li{
    display: inline-table;
    margin:20px 6px 15px;
    width: 95px;
    text-align: center;
}
.row_faq_guide ul li a .guid_text{
    display: block;
    font-weight: bold;
    margin: 10px 0 0;
    height: 40px;
    line-height: 1.15;
    font-family: "ubuntu";
}
.row_faq_guide ul li a{
    text-decoration: none;
}
/****** VIV.c faq detail *******/
.row_faq_guide_detail{
    width: 330px;
    float: left;
    margin: 40px 0;
}
.row_faq_rep{
    float: left;
    padding: 0 30px 0 0;
    text-align: justify;
    width: 609px;
}
ul li a .guid_icon{
    border-radius: 50%;
    display: inline-block;
    height: 55px;
    width: 55px;
    transition: all 0.2s;
}
.row_faq_guide_detail ul li{
    display: inline-block;
    height: 95px;
    margin: 22px 8px 4px;
    text-align: center;
    width: 90px;
    float: left;
}
ul li a .guid_icon .guide_icone_content{
    height: 30px;
    width: 28px;
    display: block;
    margin: 13px auto;
}
.guide_icone_content img{
    width: 28px;
}
.row_faq_guide_detail ul li a .guid_text{
    color: #1277d7;
    font-size: 13px;
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
    font-family: "ubuntu";
}
.row_faq_guide_detail ul li a{
    text-decoration: none;
}
.row_faq_guide_detail ul{
    box-shadow: inset 0px 0px 5px 3px rgba(119, 119, 119, 0.2);
    padding: 0 5px 90px;
    margin: 25px 0 0;
    display: inline-block;
}
h6.e_grisbleu a{
    background: none repeat scroll 0 0 #94b9dc;
    border-radius: 2px;
    display: inline-block;
    font-family: 'ubuntu';
    font-size: 13px;
    padding: 7px 20px 4px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
.encadre{
    text-align: center;
    margin: 30px auto 8px;
}
.titre_faq_cat .guid_icon {
    border-radius: 50%;
    display: block;
    height: 55px;
    transition: all 0.2s ease 0s;
    width: 55px;
    margin: 0 auto;
    opacity: 1;
    padding: 12px 0 0;
}
.titre_faq_cat .guid_text {
    color: #1277d7;
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin: 10px auto;
    text-align: center;
    opacity: 1;
    font-family: "ubuntu";
}
.titre_faq_cat .guid_icon .guide_icone_content{
    height: 30px;
    width: 28px;
    display: block;
    margin: 0 auto;
}
/****** VIV.d faq réponse *******/
.row_faq_reponse{
    border: 17px solid #bce0f3;
    margin: 20px auto;
    width: 905px;
}
.row_faq_rep .fil_ariane{
    text-align: left; 
}
.row_faq_reponse ul{
    margin: 20px 40px 40px 40px;
}
.row_faq_reponse ul li h6 a{
    padding-bottom: 2px;
}
.row_faq_reponse li{
    display: block;
    padding: 10px;
}
.row_faq_reponse li a{
    text-decoration: none;
    display: block;
    color: #2c3569;
}
.row_faq_reponse li:hover{
    background: #ffea00;
}
.row_faq_reponse li div{
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ubuntu;
    font-size: 12px;
}
.row_faq_reponse li div span:first-child{
    float: left;
    margin-right: 5px;
}
.row_faq_reponse div.faq-list-empty{
    padding: 10px;
}

/****** VIV.e faq categorie *******/
.row_faq_cat ul{
    list-style: decimal;
    color: #abbcc5;
    margin: 25px 0 0 0;
    width: 582px;
}
.row_faq_cat li{
    margin-left: 23px;
    width: 96%;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
}
.row_faq_cat ul li a{
    margin-left: -24px;
    padding: 6px 15px 6px 25px;
    text-decoration: none;
    display: block;
    font-family: arial;
}
.row_faq_cat ul li:hover {
    color: #fff2c7;
}
.row_faq_cat ul li:hover a{
    background: #ffea00;
}
/*************** FAQ TAG **************/
.faq_detail_key{
    margin: 15px 0;
    min-height: 100px;
    width: 609px;
} 
.faq_detail_key h3{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 2;
    height: 30px;
}
.faq_detail_key ul li a{
    background: #7c8ca8;
    color:#fff;
    font-family: "ubuntu";
    font-weight: 600;
    padding: 7px 8px;
    margin:0 5px 5px;
    float: left;
}
/*************** FAQ UTILITER **************/
.faq_utile{
    margin: 15px 0;
    width: 100%;
}
.faq_utile h3{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 2;
    height: 30px;
    margin-right: 5px;
}
.faq_utile button{
    border: 1px solid #1277d7;
    padding: 4px 7px;
    border-radius: 4px;
    color: #1277d7;
    margin-right: 10px;
    font-family: "ubuntu";
}
.faq_utile button:hover{
    border: 1px solid #1277d7;
    background: #e9e9e9;
}
.faq_reponse_non{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;    font-size: 15px;
    color: #132f63;
}
.faq_reponse_oui{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;    font-size: 15px;
    color: #1277d7;
}
a.faq_contact{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;
}
/**************************** CONTENT ABONNEZ-VOUS*********************************/
.popinfullabo .custom-dropdown{
    margin-top: 15px;
}
.renouv-content h2.titre_principal_renouv{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 700;
    font-size: 26px;
    margin: 15px 0 0;
    padding: 20px 0 5px;
    text-align: center;
}
.sstitre_renouv{
    font-family: 'Ubuntu', serif;
    font-weight: 400;
    font-size: 16px;   
    padding: 0px 0 25px;
    text-align: center;
    border-bottom: 20px solid #ebf0f6;
}
.renouv-content .formulaire_renouvellement .bloc_renouv_l{
    width: 455px;
    float: left;
}
.renouv-content .formulaire_renouvellement .bloc_renouv_r{
    width: 455px;
    float: left;
    margin-left: 30px;
}
.bloc_renouv_r .renouv_bloc:nth-child(2){
    margin-top: 35px;
}
.bloc_renouv_r .renouv_bloc:nth-child(3){
    margin-top: 35px;
}
.renouv-content .formulaire_renouvellement .renouv_bloc .titre_header span.num_order{
    font-family: "ubuntu";
    font-weight: bold;
    font-size: 55px;
    height: 52px;
    margin-right: 5px;
    line-height: 63px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.titre_label{
    display: inline-block;
    height: 52px;
    border-bottom: 3px solid #ebf0f6 ;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 410px;
}
.renouv-content .formulaire_renouvellement .renouv_bloc .titre_header .titre_label h6{
    font-family: "ubuntu";
    line-height: 55px;
    font-weight: normal;
    font-size: 29px;
}
.renouv-content .formulaire.defaut{
    margin: 10px 0 0 10px;  
}
.renouv-content .formulaire.defaut input[type="text"], .formulaire.defaut input[type="password"], .formulaire.defaut input[type="date"], .formulaire.defaut input[type="datetime"], .formulaire.defaut input[type="select"], .formulaire.defaut input[type="datetime-local"], .formulaire.defaut input[type="month"], .formulaire.defaut input[type="week"], .formulaire.defaut input[type="email"], .formulaire.defaut input[type="number"], .formulaire.defaut input[type="search"], .formulaire.defaut input[type="tel"], .formulaire.defaut input[type="time"], .formulaire.defaut input[type="url"], .formulaire.defaut textarea{
    width: 430px; 
}
.renouv-content .formulaire.defaut  select,
.renouv-content .add_adresse select.custom-dropdown__select {
    width: 430px;    
}
.renouv-content .formulaire.defaut .i-f .m_input input{
    width: 207px;    
}
.renouv-content .formulaire.defaut .i-f .m_input {
    float: left;
    width: 210px;
}
.renouv-content .formulaire.defaut .i-f{
    margin: 14px 0;  
}
.renouv-content .btn_add{
    color :#1388f5;
    font-weight: 600;
    margin-top: 5px;
}
.renouv-content .btn_add:hover{
    color :#cc2175;
}
.renouv-content .add_adresse{
    margin: 10px 0 0 10px;
}
.renouv-content #content_paiement{
    width: 100%;
    display: inline-block;
    margin: 10px 0 0 10px;
}
.renouv-content #content_paiement .active {
    background: #ebebeb;
}
.renouv-content #content_paiement label{
    text-align: center;
    padding: 1em 1em 0.2em;
    cursor: pointer;
    margin: 0 1em 0 0 ;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
}
.renouv-content #content_paiement input[type="radio"] {
    border: 0 none;
    margin: 0 auto;
    opacity: 1;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    position: relative;
    display: block;
    float: none;
    text-align: center;
}
.renouv-content #content_paiement label img{
    max-height: 40px;
}
.renouv-content .formulaire_disable{
    width: 445px;
    height: 480px;
    margin: 0 0 0 -5px;
    background: #fff;
    opacity: 0.3;
    position: absolute;
}
/*********** VV.PAGE TYPE ******************************************/
/*********** radio renouvellement **********/
.colum_global{
    margin: 15px 0 0 5px;
}
.colum_label input[type=radio] {
    display: none;
}
.colum_label label {
    width: 365px;
    margin: 5px 0;
    display: block;
    text-align: left;
    padding: 8px 20px;
    font-size: 1.125rem;
    cursor: pointer;
}
.colum_label input[type=radio]:checked+label {
    width: 430px;
    padding: 5px 17px;
    border: 3px solid #1388f5;
    background-color: rgba(8,140,255,0.05);
    zoom: 1;
}
.colum_label input[type=radio]:checked+label .promotion_img:before{
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    color: #1388f5;
    position: relative;
    top: -9px;
    left: 1px;
    font-size: 29px;
    font-family: "icomoon";
    content: "\e602";
}
.colum_label label .promotion_img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.75);
    font-size: 0;
    margin: 0px 15px 0 0;
    float: left;
}
.colum_label label  .titre_offre{
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 17px;   
}
.colum_label label .titre_ssoffre{
    font-family: "ubuntu";
    font-weight: 400;
    font-size: 13px;
    margin-left: 35px;
    width: 350px;
}
/*********** radio renouvellement fullsize **********/
.formulaire_renouvellement_before .bloc_renouv_l{
    width: 875px;
    float: left;
    margin-left: 30px;
}
.formulaire_renouvellement_before .colum_label label {
    width: 875px;
}
.renouv-content .formulaire_renouvellement_before .renouv_bloc .titre_header span.num_order {
    font-family: "ubuntu";
    font-weight: bold;
    font-size: 55px;
    height: 52px;
    margin-right: 5px;
    line-height: 63px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.renouv-content .formulaire_renouvellement_before .renouv_bloc .titre_header .titre_label h6 {
    font-family: "ubuntu";
    line-height: 55px;
    font-weight: normal;
    font-size: 29px;
}
.formulaire_renouvellement_before .titre_label {
    width: 805px;
}
.formulaire_renouvellement_before .colum_label input[type=radio]:checked+label{
    width: 800px;
}
.formulaire_renouvellement_before .colum_label label .titre_ssoffre{
    width: 650px;
}
/***************************************** VV.PAGE TYPE ******************************************/
.L_content_defaut{
    float: left;
    min-height: 300px;
    width: 305px; 
    margin: 20px 0 0 0;
}
.L_content_defaut nav ul li a{
    display: block;
    margin: 5px 0; 
    font-family: "ubuntu";
}
.L_content_defaut nav ul li a.active {
    color: #132f63;
    font-weight: bold;
}
.R_content_defaut{
    float: left;
    min-height: 300px;
    width: 630px;
}
Full_content{
    min-height: 300px;
    width: 940px;    
}
ul.mediakit_list>li{
    box-sizing: border-box;
    float: left;
    padding-left: 40px;
    width: 50%;
    list-style: none;
    margin-left: 0;
    line-height: 1;
}
.star_list>li{
    box-sizing: border-box;
    float: left;
    padding: 0 25px;
    text-align: center;
    width: 25%;
    list-style: none;
    margin-left: 0;
    line-height: 1;
}
.star_list>li .star-number{
    color: #007FEB;
    line-height: 80px;
    display: block;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 50px;
}
.star_list>li .star-caption{
    font-size: 16px;
    vertical-align: top;
}
.timeline {
    padding-right: 50px;
}
.timeline-date {
    color: #007FEB;
    float: left;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 32px;
    line-height: 49px;
    width: 100px;
}
.timeline-text {
    margin-left: 100px;
}
.line-divider-block {
    padding-top: 40px;
}
.line-divider-block+.line-divider-block {
    border-top: 1px solid #E8E8EC;
    margin-top: 40px;
}
/***************************************** VV.ASSISTANCE ******************************************/
.row_assistance_guide{
    margin: 50px auto;
    width: 570px;
}
.row_assistance_guide ul{
    box-shadow: inset 0px 0px 5px 3px rgba(119, 119, 119, 0.2);
    padding: 0 0 90px;
    margin: 25px 5px 0; 
}
.row_assistance_guide ul li{
    display: inline-table;
    margin: 20px 7px 15px;
    width: 93px;
    text-align: center;  
}
.row_assistance_guide ul li a .guid_text{
    color: #1277d7;
    font-size: 13px;
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
    font-family: "ubuntu";
}
.nav_assistance{
    width: 225px;
    min-height:300px; 
    float: left;
}
.nav_assistance ul li a{
    margin: 5px 0;
    display: block;
}
.nav_assistance ul li a.active{
    color:#132f63;
    font-weight: bold;
}
.assistante_list_question{
    width: 100%;
    min-height:300px; 
    float: left;
}
.assistante_list_question h4{
    margin: 0 0 10px 0;
}
.assistante_list_question ul li{
    margin: 5px 0;
    list-style: none;
}
.assistante_list_question ul li a{
    margin-left: -10px;
    padding:6px 15px 6px 10px;
    text-decoration: none;
    display: inline-block;
    font-family: arial;
}
.assistante_list_question ul li:hover {
    color: #fff2c7;
}
.assistante_list_question ul li:hover a{
    background: #ffea00;
}
.assistante_right{
    width: 715px;
    min-height:300px; 
    float: left; 
}
.assistance_formulaire h6{
    font-size: 18px;
    margin-bottom: 5px;
}
.assistance_formulaire{
    background-color: #e6ebf7;
    padding: 15px;
    width: 580px;
    margin: 15px 0;
}
.assistance_formulaire .i-f label{
    display: inline-block;
    height: 25px;
    line-height: 2.5;
    margin: 0 0 5px 0;
    text-align: left;
    width: 100%; 
}
.assistance_formulaire .i-f .m_input_1_2{
    width: 268px;
    float: left;
}
.assistance_formulaire .i-f .m_input_1_2:first-child{
    margin-right: 14px;    
}
.assistance_formulaire .i-f .m_input_1_2 input[type="text"]{
    width: 268px;
    float: left;
}
.assistance_formulaire .i-f select{
    width: 550px; 
}
.assistance_formulaire .i-f textarea{
    width: 100%; 
    margin-top: 2px;
    margin-bottom: 5px;
    min-height: 120px; 
    resize: vertical;
    border:1px solid #bdc4c9;
}
.assistance_formulaire .required_red {
    color: #ff338e;
    font-size: 15px;
    line-height: 1;
}
.defaut.assistance_formulaire input[type="text"]{
    width: 550px; 
}
input.assistance_submit_valid,
button.assistance_submit_valid,
a.assistance_submit_valid{
    border: 1px solid #0c6ebe;
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
    padding: 7px 16px 8px;
    border-radius: 3px;
    background: #1388f5;
    margin:15px 0 15px;
    font-family: "ubuntu";
}
input.assistance_submit_valid:hover,
button.assistance_submit_valid:hover,
a.assistance_submit_valid:hover{
    color :#fff;

}
.row_assistance_lien{
    width: 800px;
    margin: 0 auto;
}
.row_assistance_lien .row_faq_liste{
    width: 400px;
    float: left;
    padding: 15px 0;
}
.row_assistance_lien .row_faq_liste h3,
.row_assistance_lien .row_assistance_liste h3,
.row_assistance_lien .row_faq_liste p,
.row_assistance_lien .row_assistance_liste p{
    padding: 0 0 0 10px;
}
.row_assistance_lien .row_faq_liste h3,
.row_assistance_lien .row_assistance_liste h3{
    font-family: "ubuntu";
}
.row_assistance_lien .row_faq_liste p{
    color:#132f63;
}
.row_assistance_lien .row_assistance_liste p{
    color:#132f63;
}
.row_assistance_lien .row_assistance_liste{
    width: 399px;
    float: left;
    border-left: 1px solid #ccc ;
    padding: 15px 0;
}
.row_left_ass{
    float: left;
    width: 110px;
    padding: 0 0 0 30px;
}
.row_right_ass{
    float: left;
    width: 275px;
}
.row_assistance_lien .row_assistance_liste img,
.row_assistance_lien .row_faq_liste img{
    width: 65px;
}
/***************************************** VV.FILTRE ******************************************/
.filtre ul{
    font-size: 0px
}
.filtre ul li{
    list-style: none outside none;
}
.filtre ul li button{
    border-bottom:  none;
    border-left: none;
    border-right: none;
    border-top: none;
    background: none;
    color: #88a1b4;
    display: block;
    float: left;
    padding: 12px 15px; 
    height: 43px;
    font-size: 13px;
    text-decoration: none;
    font-family: "Ubuntu";
    font-weight: 400;
}
.filtre ul{
    border-bottom:1px solid #e7ecf0;
    height: 43px;
    font-size: 0px;
}
.filtre{
    height: auto;
    width: 940px;
}
.filtre ul li.search-more button span{
    padding: 15px 10px;
    border-radius: 2px;
}
.filtre ul li.search-more button:hover span{
    background-image: -o-linear-gradient( top , #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient( top , #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient( top , #f8f8f8, #f1f1f1);
    background-image: -webkit-linear-gradient( top , #f8f8f8, #f1f1f1);
    background-image: linear-gradient(to bottom , #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 5px 9px;
    text-decoration: none;
    transition: all 0s ease 0s;
    color: #88a1b4;
}
.filtre ul li.search-more button span.focus_filtre{
    background-image: -o-linear-gradient( top , #eee, #e0e0e0);
    background-image: -ms-linear-gradient( top , #eee, #e0e0e0);
    background-image: -webkit-linear-gradient( top , #eee, #e0e0e0);
    background-image: -moz-linear-gradient( top , #eee, #e0e0e0);
    background-image: linear-gradient( to bottom , #eee, #e0e0e0);
    border:1px solid #d7d7d7;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    padding: 5px 9px;
    text-decoration: none;
    transition: all 0s ease 0s;
    color: #778fa1;
}

.filtre ul li.search-more button:hover{
    border-bottom: none;
    color: #3d98ff;
    border-bottom: 0px solid #fff;
    padding: 12px 15px 12px;
}
.filtre ul li button:hover{
    border-bottom: 2px solid #3d98ff;
    color: #3d98ff;
    padding: 12px 15px 10px;
    height: 43px;
}
.filtre ul li button.hover_filtre{
    border-bottom: 2px solid #3d98ff;
    padding: 12px 15px 10px;
    height: 43px;
    color: #3d98ff;
}
.filtre ul.filters li button i{
    line-height: 0.6;
}
.filtre ul.filters li:first-child button:before{
    font-family: icomoon;
    content: "\e800";
    font-size: 21px;
    vertical-align: bottom;   
}

li.search-more button{
    padding: 12px 15px 0px 12px;
    right: 12px;
    position: absolute;
}
.filtre ul li.search-more a:hover{
    border-bottom: 2px solid #e7ecf0 ;
}
.search_detail {
    margin: 7px 0 2px;
}
.content-filtre-par{
    width: 940px;
    position: relative;
}
.content-filtre-par > li{
    float: right;
    margin:0 3px 0 3px;
    position: relative;
} 
.content-filtre-par > li:first-child{
    margin:0 0px 0 3px;
} 
.content-filtre-par li button{
    background: none;
    border: none ; 
    display: block;
}
.content-filtre-par li button,
.content-filtre-par li a{
    color: rgba(136,161,180, 0.7);
    border:1px solid transparent;
    background-color: hsla(211, 79%, 6%, 0.03);
    border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2);
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 15px 6px;
    font-family: "Ubuntu";
    font-weight: 700;
    cursor: pointer;
    display: block;
    transition-duration: 150ms;
    transition-property: background-color, border-color, box-shadow;
    height: 29px;
}
.content-filtre-par li.hover_filtre a,
.content-filtre-par li.hover_filtre button,
#content.dark_themes .content-filtre-par li a:hover,
.content-filtre-par li a:active,
.content-filtre-par li button:active, 
.content-filtre-par li a:hover,
.content-filtre-par li button:hover{
    color: rgba(136,161,180, 1);
    background-color: hsla(211, 79%, 6%, 0.05);
    border-color: hsla(210, 54%, 20%, 0.32) hsla(210, 54%, 20%, 0.24) hsla(210, 54%, 20%, 0.4);
}
.content-filtre-par li a:active .arow_filtre,
.content-filtre-par li button:active .arow_filtre{
    border-color: #3d98ff transparent;
}
.arow_filtre {
    border-color: #88a1b4 transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    display: block;
    float: left;
    height: 0;
    margin: 5px 0 0;
    position: relative;
    vertical-align: middle;
    width: 0;
}

.text_filtre{
    padding: 0 5px 0  0;
    display: block;
    float: left;
}
.dark_themes .filtre ul li:last-child button:hover span{
    background-image: -o-linear-gradient(top , #1c2f52, #20355b);
    background-image: -ms-linear-gradient( top , #1c2f52, #20355b);
    background-image: -webkit-linear-gradient(top , #1c2f52, #20355b);
    background-image: -moz-linear-gradient(top , #1c2f52, #20355b);
    background-image: linear-gradient(to bottom , #1c2f52, #20355b);
    border: 1px solid #1d3155;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 5px 9px;
    text-decoration: none;
    transition: all 0s ease 0s;
}
.dark_themes .filtre ul li:last-child button span.focus_filtre{
    background-image: -o-linear-gradient(top , #21314D, #23365A) ;
    background-image: -ms-linear-gradient(top , #21314D, #23365A) ;
    background-image: -moz-linear-gradient(top , #21314D, #23365A) ;
    background-image: -webkit-linear-gradient(top , #21314D, #23365A) ;
    background-image: linear-gradient(to bottom, #21314D, #23365A) ;
    border:1px solid #114363;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    padding: 5px 9px;
    text-decoration: none;
    transition: all 0s ease 0s;
    color: #88a1b4;
}
/*********** list filtre **********/
ul.filtre_list li{
    font-family: "Ubuntu";
    font-weight: 400;
    display: block;
    line-height: 17px;
    padding: 6px 36px 6px 30px;
    text-decoration: none;  
    min-width: 121px;
    text-align: center;
}
#filtre_list_thema.filtre_list li{
    min-width: 180px;
}
ul.filtre_list{
    line-height: 17px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    top: 40px;
    left: -5px;
    z-index: 103;
}
/**** filtre color  ***/
ul.filtre_list.light{
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 4px #d6d6d6;
    background: none repeat scroll 0 0 #fff;     
    color: #333;
}
ul.filtre_list.light li:hover{
    background-color: #f1f1f1;
}
ul.filtre_list.dark{
    border: 1px solid #1e3e53;
    box-shadow: 0 2px 4px #2e4876;
    background: none repeat scroll 0 0 #203559;     
    color: #fff;
}
ul.filtre_list.dark li:hover{
    background-color: #1c2e4e;
}
/*********************************  FAVORIS *********************************************/
.content_a .container_icon{
    width: 100px;
    height: 40px;
    position: absolute;
    z-index: 4;
    overflow: hidden;
}
.content_a .container_icon div{
    width: 30px;
    height: 70px;
    float: left;
    margin: 10px 0 0 10px;
}
.content_a .container_icon button span{
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.content_a .container_icon .shop_icon{
    transition: all 0.3s ease-out 0.1s;
}
.content_a .container_icon .fav_icon{
    transition: all 0.3s ease-out 0s;
}
.content_a .container_icon .shop_icon,
.content_a .container_icon .fav_icon{
    margin-top: -30px;
}
.content_a:hover .container_icon .shop_icon,
.content_a:hover .container_icon .fav_icon{
    margin-top: 10px;
}
.container_icon .shop_icon button{
    background: url("../images/panier.png") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 30px;
    opacity: 0.8;
    width: 30px;  
    transition: all 0.1s ease-out 0s;

}
.container_icon .fav_icon button{
    background: url("../images/favoris_w.png") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 30px;
    opacity: 0.8;
    width: 30px;
    transition: all 0.1s ease-out 0s;

}
.container_icon .fav_icon button.active{
    background: url("../images/favoris_focus.png") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 30px;
    opacity: 1;
    width: 30px;
}
.container_icon .shop_icon button,
.container_icon .fav_icon button{
    opacity: 1;
}
.content_bulle{
    position: absolute;
    z-index: 3;
}
.container .content_a .content_bulle .fav{
    padding: 4px 5px;
    background: #000;
    color:#fff;
    text-align: center;
    font-size: 13px;
    position: absolute;
    z-index: 2;
    margin: 50px 0 0 -55px;
    width: 162px;
    visibility: hidden;
    transition: all 200ms ease-out 0s;
}
.container .content_a .content_bulle .fav span:before,
.container .content_a .content_bulle .fav span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    left: 44%;
    top:-7px;
    border-style: solid;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #000 transparent;
}
.containerE .content_a .content_bulle .fav{
    padding: 4px 5px;
    background: #000;
    color:#fff;
    text-align: center;
    font-size: 13px;
    position: absolute;
    z-index: 2;
    margin: 50px 0 0 -55px;
    width: 162px;
    visibility: hidden;
    transition: all 200ms ease-out 0s;
}
.containerE .content_a .content_bulle .fav span:before,
.containerE .content_a .content_bulle .fav span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    left: 44%;
    top:-7px;
    border-style: solid;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #000 transparent;
}

.container .content_a .content_bulle .add_textshop{
    padding: 4px 5px;
    background: #000;
    color:#fff;
    text-align: center;
    font-size: 13px;
    position: absolute;
    z-index: 2;
    margin: 50px 0 0 -17px;
    width: 162px;
    visibility: hidden;
    transition: all 200ms ease-out 0s;
}
.container .content_a .content_bulle .add_textshop.add_shopvisible{
    visibility: visible;
}
.container .content_a  .add_textshop span:before,
.container .content_a  .add_textshop span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    left: 44%;
    top:-7px;
    border-style: solid;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #000 transparent;
}
/***************************************** VV.PLAYER ******************************************/
#containerE .box_event_3 .content_a .content_player{
    height: 279px;
}
#containerE .content_a .content_text{
    width: 100%;
    position: absolute;
    margin: 120px 0 0 0;
}#container .box_event_3 .content_a .content_player{
    height: 279px;
}
#container .content_a .content_text{
    width: 100%;
    position: absolute;
    margin: 120px 0 0 0;
}
#containerE .content_a .content_text{
    width: 100%;
    position: absolute;
    margin: 120px 0 0 0;
}
.container_vid #container .content_a .content_text{
    margin: 250px 0 0 0;    
}
#container .content_a .content_text h3,
#container .content_a .content_text h2{
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 31px;
    line-height: 1.15;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;   
    opacity: 0.8;
    transition: all 0.5s ease 0s;
}
#containerE .content_a .content_text h3,
#containerE .content_a .content_text h2{
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 31px;
    line-height: 1.15;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;   
    opacity: 0.8;
    transition: all 0.5s ease 0s;
}
#container .box_video_programme .content_a .content_text h3,
#container .box_video_programme .content_a .content_text h2{
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 24px;
    line-height: 1.15;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;   
    opacity: 0.8;
    transition: all 0.5s ease 0s;
}
#container .box_video_programme .content_a .content_text h2{
    margin-top: 15px;
}
.content_event #container .box_event_3 .content_a .content_text h3,
.content_event #container .box_event_2 .content_a .box_event_2_text h3{
    color :#fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1);    
}
.content_event #containerE .box_event_3 .content_a .content_text h3,
.content_event #containerE .box_event_2 .content_a .box_event_2_text h3{
    color :#fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1);    
}
.dark_themes #container .content_a .content_text p{
    font-size: 18px;
}
.dark_themes #container .box_video_programme .content_a .content_text p{
    font-size: 14px;
}
#container .box_event_3 .content_a .content_text p {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1);
    font-size: 17px;
    opacity: 0.8;
    margin-top: 7px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    transition: all 0.5s ease 0s;
}
#containerE .box_event_3 .content_a .content_text p {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1);
    font-size: 17px;
    opacity: 0.8;
    margin-top: 7px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    transition: all 0.5s ease 0s;
}
.content_event #container .content_a:hover .content_text,
.content_event #container .content_a:hover .content_text p,
.content_event #container .content_a:hover .content_text h3,
.content_event #container .content_a:hover .content_text h2{
    opacity: 1;    
}

.content_event #containerE .content_a:hover .content_text,
.content_event #containerE .content_a:hover .content_text p,
.content_event #containerE .content_a:hover .content_text h3,
.content_event #containerE .content_a:hover .content_text h2{
    opacity: 1;    
}
/***************************************** VV.EVENEMENT ******************************************/

/********** VV.a conteneur événement **********/
.content_event #container{
    width: 100%;
    min-height: 500px;
    overflow: hidden;

}
.content_event #containerE{
    width: 100%;
    min-height: 500px;
    overflow: hidden;

}
#containerE{
    width: 100%;
    min-height: 500px !important;
    overflow: hidden !important;

}
/*** large conteneur 3 à la une ***/
.box_event_3{
    width: 700px;
    height: 278px;
    float: left;
}
.box_event_3 .content_a{
    width: 700px;
    height: 278px;
    float: left;
    position: absolute;
}
.box_event_3 .content_a .box_event_3_img{
    width: 700px;
    height: 278px;
    overflow: hidden;
    position: absolute;
}
.box_event_3 .content_a .box_event_3_img img{
    width: 700px; 
    height: 278px;
    position: absolute;
    transition: all 0.5s ease 0s;
}
.box_event_3 .content_a:hover .box_event_3_img img{
    transform: scale(1.05);
    transition: all 0.5s linear 0s;
}

/*** small conteneur 1 à petit ***/
.container_mag .owl-wrapper .box_item_1_4{
    height: 290px;
}
.box_item_1_4{
    width: 227px;
    height: 315px;  
    text-align: center;
    transition: all 0.5s ease 0s;
    float: left;
}
.container_vid .box_item_1_4{
    height: 285px;     
}
.container_vid ul li.box_item_1_4:nth-child(4n+1){
    margin: 0 5px 10px 0; 
}
.container_vid ul li.box_item_1_4:nth-child(4n+2){
    margin: 0 5px 10px 5px; 
}
.container_vid ul li.box_item_1_4:nth-child(4n+3){
    margin: 0 5px 10px 5px; 
}
.container_vid ul li.box_item_1_4:nth-child(4n+4){
    margin: 0 0 10px 5px; 
}
ul li.box_item_1_4:nth-child(4n+1){
    margin: 0 5px 10px 0; 
}
ul li.box_item_1_4:nth-child(4n+2){
    margin: 0 5px 10px 5px; 
}
ul li.box_item_1_4:nth-child(4n+3){
    margin: 0 5px 10px 5px; 
}
ul li.box_item_1_4:nth-child(4n+4){
    margin: 0 0 10px 5px; 
}
.content_event .box_item_1_4{
    height: 280px;
}
.etage2 div.box_event_3{
    margin: 0 5px 10px 0;     
}
.etage2 div.box_event_1:nth-child(2){
    margin: 0 0 10px 5px;     
}
.etage2 div.box_event_1:nth-child(3){
    margin: 0 5px 10px 0;     
}
.etage2 div.box_event_1:nth-child(4){
    margin: 0 5px 10px 5px;     
}
.etage2 div.box_event_1:nth-child(5){
    margin: 0 5px 10px 5px;     
}
.etage2 div.box_event_1:nth-child(6){
    margin: 0 0 10px 5px;     
}
.box_item_1_4 .content_a{
    position: absolute;
    display: block;
    width: 225px;
    height: 250px; 
}
.container_vid .box_item_1_4 .content_a{
    height: 235px;    
}
.box_item_1_4 .content_a .box_item_1_4_content{
    width: 225px;
    transition: 0.5s;
}
.box_item_1_4 .content_a .box_item_1_4_img{
    width: 225px;
    height: 150px;  
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.box_item_1_4 .content_a .box_item_1_4_img img{
    width: 225px; 
    height: 150px;
    transition: all 0.5s ease 0s;
}
.box_item_1_4 .content_a:hover .box_item_1_4_img img{
    transform: scale(1.05);
}
.box_item_1_4 .content_a .box_item_1_4_content h3{
    font-size: 18px;
    font-family: 'Ubuntu';
    font-weight: 700;
    line-height: 1.15;
    padding: 20px 5px 0;
}
.search_container ul.mosacontent_search.view-list li.box_item_1_4 .content_a .box_item_1_4_content h3{
    padding: 0px 0px 0;   
}
h2.theme_contenu{
    padding: 11px 15.8px;
    font-family: 'Ubuntu', serif;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background: black;
    display: table;
    text-transform: uppercase;
    opacity: 1;
    margin: 15px auto 0;
}
div.article_content{
    margin: 0 -25px 25px;
    padding: 30px 25px 35px;
    position: relative;
    text-align: center;
    width: 990px;
    background: #dde4ec none repeat scroll 0 0;    
}
.container_vid .box_item_1_4 .content_a .box_item_1_4_content h3{
    padding: 25px 5px 0;
}
.section_themedark{
    background: #273e67;
}
.container_vid .box_item_1_4 .content_a .box_item_1_4_content p{
    color: #cbe0e9;
    font-style: italic;
    font-size: 14px;
    margin: 10px auto 0;
}
.box_item_1_4 .content_a .box_item_1_4_content p{
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
}
.search_container .box_item_1_4 .content_a .box_item_1_4_content p{
    color: #505b66; 
}
.content_event .box_item_1_4 .content_a .box_item_1_4_content p{
    color :#505b66;
}
.box_item_1_4 .content_a:hover .box_item_1_4_content h3,
.box_item_1_4 .content_a:hover .box_item_1_4_content p{
    opacity: 1;
}
.box_item_1_4 .content_a .box_item_1_4_date{
    background: none repeat scroll 0 0 #fff;
    font-family: "Merriweather",sans-serif;
    font-size: 37px;
    font-weight: 400;
    height: 69px;
    margin-left: 80px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 69px;
    color: #1388f5;
}
.box_item_1_4 .content_a div.box_item_1_4_date div:first-child{
    height: 44px;
}
.box_item_1_4 .content_a div.box_item_1_4_date div:last-child{
    color: #333333;
    font-family: "Merriweather",sans-serif;
    font-size: 16px;
    font-weight: 700;  
}
.box_item_1_4 .content_a .box_item_1_4_player div:before{
    font-family: icomoon;
    content: "\e802";
    font-size: 55px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 85px;
    position: absolute;
    line-height: 2.8;
    color:#fff;
    opacity: 0.4;
}
.box_item_1_4 .content_a:hover .box_item_1_4_player div:before {
    opacity: 0.7;
    color:#fff;
}
.box_item_1_4 .content_a .box_event_1_icon{
    width: 85px;
    height: 45px;
    position: absolute;
}
/*** middle conteneur 2 ***/
.box_event_2 .content_a .content_img_text {
    width: 464px;
    height: 570px; 
    position: absolute;
    z-index: 1;
}
.box_event_2{
    width: 464px;
    height: 570px; 
    margin: 0  5px 10px 0;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    float: left;
}
.box_event_2 .box_event_2_img{
    width: 464px;
    height: 570px;
    overflow: hidden;
    position: absolute;
}
.box_event_2 .box_event_2_img img{
    transition: all 0.5s ease 0s;
    width: 464px; 
    height: 570px;
}
.box_event_2:hover .box_event_2_img img{
    transform: scale(1.1);
}
.box_event_2 .box_event_2_content{
    width: 464px;
    height: 570px;
    position: absolute;
    overflow: hidden;
    transition: all 0.5s linear 0s;
}
.box_event_2_text{
    margin: 15px 60px 0;
    text-align: center;
    width: 343px;
    top:220px;
    position: absolute;
}
.box_event_2 .content_a  h3,
.box_event_2 .content_a  h2{
    font-size: 34px;
    font-family: "Ubuntu";
    font-weight: 700;
    line-height: 1.15;
    /* text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);*/
}
.box_event_2 .content_a p{
    font-size: 19px;
    color: #fff;
    opacity: 0.7;
    margin-top: 7px;
}
.box_event_2_player{
    text-align: center;
    height: 250px;
}
.box_event_2_player div button{
    background: url('../images/player_big.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 85px;
    margin: 130px 0 0;
    opacity: 0.4;
    width: 85px; 
    transition: all 0.5s ease 0s;
    z-index: 3;
}
.box_event_2:hover .box_event_2_player div button{
    opacity: 0.8;
}
/*********************** SEARCH BY THEMATIQUE**********************************/
ul.search_bythema li{
    float: left;
}
ul.search_bythema li .itemBox{
    margin: 0;
}
/********* SEARCH BY podcast***********/
.searchbypodcast{
    width: 940px;
}
.content_two_podcast2{
    margin-top: 25px;
}
.content_two_podcast2 ul.search_bythema.podcast li{
    width: 445px;
}
.content_two_podcast2 .border_podcast{
    width: 457px;
    float: left;   
}
.content_two_podcast2 .border_podcast:first-child{
    margin-right: 25px;
}
.content_two_podcast2 ul.search_bythema.podcast li .content_podcast2{
    width: 260px;
}
ul.search_bythema.podcast li{
    width: 918px;
    padding: 10px;
}
ul.search_bythema.podcast li:last-child{
    padding: 10px 10px 20px 10px;
}
ul.search_bythema.podcast li .podcast_img img{
    float: left;
    width: 95px; 
}
.icon_myinress_podcast{
    position: relative;
    width: 100px;
}
ul.search_bythema.podcast li .icon_myinress_podcast img{
    width: 107px;
    right: 5px;
    position: absolute;
    z-index: 1;
}
ul.search_bythema.podcast li .content_podcast2{
    float: left;
    margin-left: 16px;
    width: 460px; 
}
ul.search_bythema.podcast li .content_podcast2 h4 {
    font-size: 13px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 700;
}
.searchbypodcast .d_content{
    width: 650px;
}
/********* SEARCH BY event***********/
ul.search_bythema.event li:nth-child(4n+1).box_item_1_4{
    margin: 0 5px 10px 0;   
}
ul.search_bythema.event li:nth-child(4n+2).box_item_1_4{
    margin: 0 5px 10px 5px;   
}
ul.search_bythema.event li:nth-child(4n+3).box_item_1_4{
    margin: 0 5px 10px 5px;   
}
ul.search_bythema.event li:nth-child(4n+4).box_item_1_4{
    margin: 0 0 10px 5px;   
}
ul.search_bythema.event li.box_item_1_4 .content_a {
    position: absolute;
    display: block;
}
ul.search_bythema.event li.box_item_1_4{
    float: left;
    width: 227px;
    height: 315px;
    text-align: center;
}  
ul.search_bythema.event li.box_item_1_4 .box_item_1_4_img img {
    height: auto;
    height: 150px;
    width: 227px;
}
ul.search_bythema.event li.box_item_1_4.boutique_search .box_item_1_4_img{
    border: 1px solid #ebebeb;
    height: 180px;
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    width: 180px; 
}
ul.search_bythema.event li.box_item_1_4.boutique_search .box_item_1_4_img img{
    max-height: 130px;
    max-width: 90px;
    text-align: center;
    width: 100%;   
}
ul.search_bythema.event li.mag.box_item_1_4 .box_item_1_4_img img{
    max-height: 120px;
    max-width: 90px;
    text-align: center;
    width: 100%;
}
ul.search_bythema.event li.box_item_1_4 .content_a .box_item_1_4_content {
    margin-top: 150px;
    position: absolute;
    width: 227px;
}
ul.search_bythema.event li.box_item_1_4 .content_a .box_item_1_4_img {
    height: 150px;
    overflow: hidden;
    position: absolute;
    width: 227px;
    transition: all 0.5s ease 0s;
}
ul.search_bythema.event li.box_item_1_4 .content_a .box_item_1_4_img_hover {
    transition: all 0.5s ease 0s;
    width: 227px;
    height: 150px;
    position: absolute;
}
ul.search_bythema.event li.box_item_1_4 .content_a .box_item_1_4_img_hover .box_item_1_4_player div{
    margin: 42px 82px;
}

ul.search_bythema.event li.box_item_1_4 .content_a .content_img_text{
    width: 227px;
    height: 150px;
    position: absolute;
}
ul.search_bythema.event li.box_item_1_4 .content_a .content_img_text .date_une div:first-child {
    height: 39px;
}
ul.search_bythema.event li.box_item_1_4 .content_a .content_img_text .date_une div:last-child {
    font-size: 18px;
    color: #192250;
}
ul.search_bythema.event.articles li{
    height:285px; 
}
.search_container .itemBox.livre{
    height:320px;    
}
.search_container .itemBox.film{
    height:290px;    
}
ul.search_bythema.event.video li{
    height:235px; 
}
ul.search_bythema.boutique li:nth-child(5n+1){
    margin: 0 5px 10px 0;   
}
ul.search_bythema.boutique li:nth-child(5n+2){
    margin: 0 5px 10px 5px;   
}
ul.search_bythema.boutique li:nth-child(5n+3){
    margin: 0 5px 10px 5px;   
}
ul.search_bythema.boutique li:nth-child(5n+4){
    margin: 0 5px 10px 5px;   
}
ul.search_bythema.boutique li:nth-child(5n+5){
    margin: 0 0 10px 5px;   
}
ul.search_bythema.boutique li{
    float: left;
    width: 180px;
    text-align: center;
}  
/**** Transitions ****/
/*#container .item {
    transition-duration: 0.7s;
}
#container {
    transition-property: height, width;
    margin: 10px 0 0 0 ;
}
#container .item {
    transition-property: left, right, top;
}
@keyframes bounceIn {
    0% {opacity: 0;}
    50%, 55% {opacity: 0.5;}
    100% {opacity: 1;}
}
.bounceIn{
    animation-name: bounceIn;
    animation-duration: 0.25s;
}
@keyframes bounceOut 
{
    100% {opacity: 1;}
    50%, 55% {opacity: 0.5;}
    0% {opacity: 0;}
}

.bounceOut {
    animation-name: bounceOut;
    animation-duration: 0.25s;
}
@keyframes anim-citation
{
    0% {opacity: 0;}
    50%, 55% {opacity: 0.5;}
    100% {opacity: 1;}
}
.anim-citation{
    animation-name: anim-citation;
    animation-duration: 0.25s;
}*/
/***************************************** VV.ABONNEZ-VOUS ******************************************/
.abo-content .headabo_img{
    width: 990px;
    margin: 0 0 0 -25px;
    position: relative;
    height: 450px;
}
.abo-content .headabo_img .headabo_text{
    text-align: center;
    position: absolute;
    width: 990px;
    height: 30px;
    margin: 190px 0 0 0px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color :#fff;
    letter-spacing: calc(6px);
}
.abo-content .headabo_img .nav_abo{
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 990px;
}
.abo-content .headabo_img .nav_abo ul{
    font-size: 0;
}
.abo-content .headabo_img .nav_abo ul li{
    display: inline-block;
    vertical-align: bottom;
}
.abo-content .headabo_img .nav_abo ul li a{
    font-family: "Ubuntu",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color :#fff;
    background: #2f2f2f;
    font-size: 18px;
    display: block;
    text-align: center;
    width: 255px;
    height: 60px;
    margin: 0 1px;
    line-height: 3.5;
}
.abo-content .headabo_img .nav_abo ul li.hover_navabo a{
    color :#c0c0c0;
    background: #fff;
    font-size: 18px;
    width: 300px;
    height: 70px;
    line-height: 4;
}
.abo-content  .intro_abo{
    font-family: "Ubuntu",sans-serif;
    font-weight: 400;
    margin: 50px auto 40px;
    text-align: center;
    width: 585px;
}
.abo-content  .intro_abo h2{
    font-size: 16px; 
}
.abo-content ul.offre_abo{
    text-align: center;
    margin-bottom: 40px;
}
.abo-content ul.offre_abo li{
    display: inline-block;
    background:#f8f8f8; 
    text-align: center;
    padding: 15px 0 10px;
    width: 350px;
    height: 150px;
    margin: 0 10px; 
    vertical-align: top;
}
.abo-content ul.offre_abo li .priceforabo{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    color :#1b5897;
    margin-bottom: 15px;
}
.abo-content ul.offre_abo li .textforabo{
    font-family: "Ubuntu",sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.abo-content .btn_offre_abo{
    text-align: center;
    width: 940px;
    margin-bottom: 25px;
}
.abo-content .btn_offre_abo span{
    font-family: 'Merriweather', serif;
    font-weight: 700; 
    color :#c0c0c0;
    font-size: 16px;
    display: block;
    margin: 15px 0 40px
}
.abo-content .avantage_abo{
    background: #1b5897;
    width: 990px;
    margin: 0 0 0 -25px;
    display: table;
}
.abo-content .avantage_abo ul{
    margin: 15px 0;
    text-align: center;
    color :#fff;
}
.abo-content .avantage_abo ul li{
    width: 295px;
    height: 225px;
    padding: 0 45px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.abo-content .avantage_abo ul li .icon{
    width: 225px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
}
.abo-content .avantage_abo ul li .icon img{
    margin: 15px 0 0 0;
}
.abo-content .avantage_abo ul li .icon span{
    font-size: 58px;
    font-family: 'Merriweather', serif;
    font-weight: 700; 
    font-style: italic;
    position: relative;
    vertical-align: text-bottom;
    margin: 0 0 0 10px;
}
.abo-content .avantage_abo ul li .text_titre{
    font-size: 23px;
    margin-bottom: 15px;
}
.abo-content .avantage_abo ul li .text_sstitre{
    font-size:13px;
}
.abo-content .sommaire_aboinreesTV{
    background: #273e67;
    display: table;
    margin: 40px 0 0 -25px;
    width: 990px; 
    padding: 0 25px;
}
.abo-content .sommairetop_inreeTV{
    height: 300px;
}
.abo-content .sommaire_aboinreesTV .video_home{
    margin: 0 15px 55px 0;
}
.abo-content .sommaire_aboinreesTV .video_home h3{
    margin-top: 165px;
    font-size: 28px;
    width: 618px;
    text-align: center;
}
.abo-content .sommaire_aboinreesTV .content_a .content_player button{
    margin: 65px auto 0;
}
.darkthemeinreestv .content_a.video_home .content_player button:before{
    line-height: 1.2;
}
.abo-content .sommaire_aboinreesTV .content_a.video_home .content_temps{
    margin: 155px auto 0;
}
.abo-content .sommaire_aboinreesTV ul li.bloc_defaut.bas_1_3{
    height: 278px;
}
.abo-content .troisraison .titre_home h3{
    color :#333333;
}
.abo-content .troisraison .titre_home .span.sstitre_home{
    color :#333333;
}
.abo-content .troisraison ul li.bloc_defaut.bas_1_3{
    height: 355px;
}
.abo-content .aboenparle{
    background: #1e2430;
    display: table;
    margin: 40px 0 0 -25px;
    width: 990px; 
    padding: 0 25px 25px;    
}
.abo-content .aboenparle .titre_home h3{
    color :#fff;
}
.abo-content .aboenparle ul{
    font-size: 0;
}
.abo-content .aboenparle ul li{
    background: #292f3b;
    width: 306px;
    height: 225px;
    padding: 15px;
    color :#fff;
    display: inline-block;
    vertical-align: top;
}
.abo-content .aboenparle ul li:nth-child(3n+1){
    margin:  0 10px 5px 0;
}
.abo-content .aboenparle ul li:nth-child(3n+2){
    margin:  0 10px 5px 0;
}
.abo-content .aboenparle ul li:nth-child(3n+3){
    margin:  0 0 5px 0;
}
.abo-content .aboenparle ul li img{
    margin: 0 10px 10px 0;
    float: left;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.abo-content .aboenparle ul li h4{
    font-family: 'Merriweather', serif;
    font-weight: 600;
    font-size: 16px;
    margin-top: 25px;
}
.abo-content .aboenparle ul li h6{
    font-family: "Ubuntu",sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.abo-content .aboenparle ul li p{
    margin: 25px 0 0 0;
    font-size: 13px;
    line-height: 1.7;
}
.abo-content .sommaire_aboinexplore{
    background: #2f2f2f;
    display: table;
    margin: 40px 0 0 -25px;
    width: 990px; 
    padding: 0 25px;  
    color :#fff;
}
.abo-content .sommairetop_inexplore .row_ine{
    float: left;
    width: 305px;
    margin-right: 12px;
}
.abo-content .sommairetop_inexplore .row_ine img{
    width: 305px; 
}
.abo-content .sommairetop_inexplore .row_ine:last-child{
    margin-right: 0;
}
.abo-content .sommairetop_inexplore .row_ine .now_mag .dispo{
    font-family: "Ubuntu",sans-serif;
    color :#fff;
    font-weight: 500;
    opacity: 0.7;
    margin: 10px 0 10px 0;
}
.abo-content .sommairetop_inexplore .row_ine .now_mag .date_dispo{
    text-transform: uppercase; 
}
.abo-content .sommairetop_inexplore .row_ine .now_mag .title_mag{
    border-top: 1px solid #595959; 
    margin: 15px 0 0 0;
}
.abo-content .sommairetop_inexplore .row_ine .now_mag .title_mag h4{
    font-size: 24px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 700;
    margin: 15px 0 10px;
}
.abo-content .sommairetop_inexplore .row_ine .now_mag .title_mag h4 a{
    color :#fff;
    opacity: 0.8;
}
.abo-content .sommairetop_inexplore .row_ine .now_mag .title_mag h4 a:hover{
    opacity: 1;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_bas,
.abo-content .sommairetop_inexplore .row_ine .sommaire_haut{
    margin: 0 0 15px;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_bas .img_som{
    width: 305px;
    height: 170px;
    position: relative;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_haut .img_som img,
.abo-content .sommairetop_inexplore .row_ine .sommaire_bas .img_som img{
    width: 305px;   
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_bas .img_som .page_som{
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    background: #2f2f2f;
    width: 68px;
    height: 68px;
    font-size: 40px;
    text-align: center;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_bas h3{
    font-size: 24px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 700;
    margin: 15px 0 5px;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_haut .img_som{
    width: 305px;
    height: 373px;    
    position: relative;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_haut .img_som .page_som{
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    background: #2f2f2f;
    width: 68px;
    height: 68px;
    font-size: 40px;
    text-align: center;
}
.abo-content .sommairetop_inexplore .row_ine .sommaire_haut h3{
    font-size: 24px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 700;
    margin: 15px 0 5px;
}
/***************************************** VV.VIDEOS ******************************************/
/***       PROGRAMME      ***/
.box_video_programme{
    width: 617px;
    float: left;
    height: 278px;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
}
.box_video_programme .box_video_prog_img{
    position: absolute;
    width: 617px;
    height: 278px;  
    overflow: hidden;
}
.box_video_programme .box_video_prog_img img{
    width: 617px;
    height: auto;  
    transition: all 0.5s ease 0s;
}
.box_video_programme:hover .box_video_prog_img img{
}
.content_a .content_player button{
    margin: 78px auto 0;
}
.box_video_programme .box_video_2_content{
    position: absolute;
    height: 278px;
    text-align: center;
    width: 617px;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.box_video_programme .box_video_2_icon{
    width: 85px;
    height:40px;
    float: right;
    margin-top:80px;
}
.box_video_programme .box_video_2_content{
    transition: all 0.5s ease 0s;
}
.box_video_programme .box_video_2_content:hover{
    background: none repeat scroll 0 0 rgba(0, 120, 255, 0.3);
}
.box_video_programme .box_video_2_player{
    width: 100%;
    height: 160px;
}
.box_video_programme .box_video_2_player div button {
    background: url("../images/player_big.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 70px;
    margin:72px auto 0;
    opacity: 0.8;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.box_video_programme:hover .box_video_2_player div button{
    opacity: 1;
}
.box_video_programme .box_video_2_player div button:hover {
}
.box_video_programme .box_video_2_content .box_video_2_text{
    width: 100%;
    height: 118px;
    position: absolute;
}
.box_video_programme .box_video_2_content .box_video_2_text h2{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 34px;
    line-height: 1.15;
    transition: all 0.5s ease 0s;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}
.box_video_programme .box_video_2_content .box_video_2_text p {
    color: #cbe0e9;
    font-family: "arial";
    font-size: 24px;
    margin-top: 7px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}
.box_video_2_textright h3{
    font-family: "ubuntu";
    font-size:16px;
    font-weight: 700;
    margin-bottom: 15px
}
.box_video_2_textright{
    width: 310px;
    padding:0 15px 0 15px;
    float: left;
}
.box_video_2_textright .btn_middle{
    margin-left: 0;
}
ul.List_prochaine_date li{
    margin: 7px 0;
    height: 370px;
    display: inline-block;
}
.box_video_programme .content_text .content_emi {
    width: 80%;
}
.search_programme{
    width: 930px;  
    height: 40px;
    margin: 5px 0;
    cursor: pointer;
}
.search_programme ul li button{
    float: left;
    color :#fff;
    background: #033368 none repeat scroll 0 0;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 15px;
    margin: 0 5px;
    font-family: "Ubuntu";
    font-weight: 700;
    cursor: pointer;
}
.search_programme ul li button:first-child{
    margin: 0 5px 0 0;    
}
.search_programme ul li button.active,
.search_programme ul li button:hover{
    color :#fff;  
    background: #ffd200;
}
/**  GRAND FORMAT 2 COLLONE**/
.box_video_2{
    width: 617px;
    float: left;
    height: 345px;
    margin: 5px;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;

}
.box_video_2 .box_video_2_img{
    position: absolute;
    width: 617px;
    height: 247px;  
    overflow: hidden;
}
.box_video_2 .box_video_2_img img{
    width: 617px;
    height: 247px;  
    transition: all 0.5s ease 0s;
}
.box_video_2:hover .box_video_2_img img{
    transform: scale(1.05);
}
.content_a .duree{
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.75;
    position: absolute;
    right: 5px;
    bottom:5px;
    z-index: 2;
}
.box_video_2 .box_video_2_content{
    position: absolute;
    height: 278px;
    text-align: center;
    width: 617px;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.checkmarkwhite {
    background-image: url("../images/faq_icon/checkmark.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.box_video_2_icon{
    width: 85px;
    height:40px;
    float: right;
    margin-top:80px;
}
.box_video_2 .box_video_2_content{
    transition: all 0.5s ease 0s;
}
.box_video_2 .box_video_2_content:hover{
    background: none repeat scroll 0 0 rgba(0, 120, 255, 0.3);
}
.box_video_2 .box_video_2_player{
    width: 100%;
    height: 160px;
}
.box_video_2 .box_video_2_player div button {
    background: url("../images/player_big.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 70px;
    margin:72px auto 0;
    opacity: 0.8;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.box_video_2:hover .box_video_2_player div button{
    opacity: 1;
}
.box_video_2 .box_video_2_player div button:hover {
}
.box_video_2 .box_video_2_text{
    width: 100%;
    height: 100px;
    position: absolute;
}
.box_video_2 .box_video_2_text h2{
    font-family: "Ubuntu", serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.15;
    transition: all 0.5s ease 0s;
    text-align: center;
    margin: 15px auto 0;
    width: 90%;
}
.box_video_2 .box_video_2_text p {
    color: #cbe0e9;
    font-family: "Merriweather",serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 7px;
    text-align: center;
    margin: 5px auto 0;
    width: 90%;
    font-style: italic;
}
/**  PETIT FORMAT 1 COLLONE**/
.box_video_1{
    width: 303px;
    float: left;
    height: 345px;
    margin: 5px;
    text-align: center;
}
.box_video_1 .box_video_1_img{
    width: 303px;
    height: 169px; 
    position: relative;
    overflow: hidden;
}
.box_video_1 .box_video_1_img img{
    width: 303px;
    transition: all 0.5s ease 0s;
}
.box_video_1:hover .box_video_1_img img{
    transform: scale(1.05);
}
.box_video_1 .box_video_1_player{
    width: 303px;
    height: 169px; 
    position:   absolute;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.box_video_1:hover .box_video_1_player button:before{
    opacity: 0.7;
}
.box_video_1 .box_video_1_player button:before {
    font-family: icomoon;
    content: "\e802";
    font-size: 60px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 125px;
    position: absolute;
    line-height: 2.5;
    color:#fff;
    opacity: 0.4;
}
.box_video_1 .box_video_1_content h2{
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 23px;
    line-height: 1.15;
    transition: all 0.5s ease 0s;
    margin: 5px auto 0;
}
.box_video_1 .box_video_1_content{
    height: 169px;
    position: absolute;
    width: 303px;   
    z-index: 1;
}
.container_vid .box_video_1 .box_video_1_text h2 {
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 21px;
    line-height: 1.15;
    margin: 25px auto 0;
    padding: 0 10px;
}
.container_vid .box_video_1 .box_video_1_text p{
    color: #cbe0e9;
    font-family: "Merriweather",serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 7px;
    text-align: center;
    margin: 15px auto 0;
    width: 90%;
    font-style: italic;
}
.videos_list{
    min-height: 500px;
    width: 100%; 
}
.sep_thematique{
    min-height: 390px;
}
.sep_thematique .titre_home{
    margin: 0 auto 25px;
}
.sep_thematique h2{
    color: #fff;
    float: left;
    height: 32px;
    margin: 5px 0 5px 5px;
    text-align: left;
    width: 100%;
}
/**  VIDEO DETAIL **/
.l_bandeau{
    margin: 0 0 0 -56px;
}
.l_bandeau .vod_content{
    width: 691px;
    color:#fff;
    font-family: "ubuntu";
    font-size: 16px;
    position: relative;
}
.l_bandeau .vod_content.panier .content_vod_panier{
    padding: 10px 0 0 30px;
}
.l_bandeau .vod_content.panier .content_vod_panier .price{
    padding: 0 0 0 90px;
}
.l_bandeau .vod_content img{
    width: 22px;
    position: absolute;
    margin: 5px 0 0 25px;
}
.l_bandeau .vod_content{
    padding: 8px 0 8px 30px;
}
.txtvod_shop{
    height: 30px;
}
.l_bandeau .vod_content .arrow_big_video{
    top:-30px;
    left: 0px;
    position: absolute;
}
.l_bandeau .bleu_fb{
    background: #2089e1; 
    color: #fff;
}
.l_bandeau .grisfoncefb{
    background: #182a4c; 
    color: #fff;
}
.l_bandeau .bleu_fb .arrow_big_video{
    width: 0px;
    height: 0px;
    border-style: solid;       
    border-width:0 0 30px 30px;
    border-color: transparent transparent #2182d3 transparent;       
}
.l_bandeau .grisfoncefb .arrow_big_video{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width:0 0 30px 30px;
    border-color: transparent transparent #132340 transparent ;       
}

.r_bandeau .bleu_fb{
    background: #2089e1; 
    color: #fff;
}
.r_bandeau .gris_fb{
    background: #f3f5f7; 
    color: #192250;
}
.r_bandeau .bleu_fb .arrow_big_article{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent #2182d3;       
}
.r_bandeau .gris_fb .arrow_big_article{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent #d1d2d4;       
}
.vod_shop_bouton{
    padding: 15px 0 15px 30px;
}

/***************************************** VV.MAGAZINE ******************************************/

.container_mag{
    width: 100%;
    min-height: 500px;
}
.container_mag #container .col-1{
    float: left;
    width: 313px;
    padding: 8px;
}
/****************************   BANDEAU  MyINREES GRAND *****************************/
.content_a .bandeau_content_myinrees{
    width: 176px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    top: -4px;
    right: -4px;
}
.content_a .bandeau_content_myinrees .bandeau_myinrees{
    width: 280px;
    height: 34px;
    transform : rotate(40deg);
    background: #1a5997;
    right: -50px;
    position: absolute;
    top:4px;
}
.content_a .bandeau_content_myinrees .bandeau_myinrees span{
    color :#fff;
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    left: 123px;
    position: absolute;
    line-height: 2.2;
}
.content_a .bandeau_content_myinrees .triangleLeft{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 0 4px;
    border-color: transparent transparent transparent #074b97;
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
}
.content_a .bandeau_content_myinrees .triangleRight{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 0 4px;
    border-color: transparent transparent transparent #074b97;
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
}


.content_a .bandeau_content_myinrees .triangleLeft {
    right:137px;
    top: 0px;
}
.content_a .bandeau_content_myinrees .triangleRight{
    right: 0px;
    top: 115px;
}
.content_a .bandeau_content_myinrees.smallbandeau .triangleLeft{
    right:116px;
    top:0px;
}
.content_a .bandeau_content_myinrees.smallbandeau .triangleRight{
    top: 96px;
}

/****************************   BANDEAU  MyINREES PETIT *****************************/

.content_a .bandeau_content_myinrees.smallbandeau .bandeau_myinrees span{
    color :#fff;
    font-size: 13px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    left: 116px;
    position: absolute;
    line-height:2;
}
.content_a .bandeau_content_myinrees.smallbandeau{
    width: 211px;
}
.content_a .bandeau_content_myinrees.smallbandeau .bandeau_myinrees{
    background: none repeat scroll 0 0 #1a5997;
    height: 28px;
    transform: rotate(40deg);
    width: 254px; 
}
/****************************   BANDEAU  INREES TV *****************************/

.content_a img.bandeau_content_myinreesTV{
    width: 75px;
    right: 0px;
    top:10px;
    position: absolute;  
    z-index: 2;
}
/*  MAG BIG */
.container_mag #container .col-1 .content_big{
    height:515px;
    text-align: center;
    transition: all 0.5s ease 0s;
    margin-bottom: 16px;
}
.container_mag #container .col-1 .content_big .content_a .content_img .hover_img{
    height: 362px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.container_mag #container .col-1 .content_big .content_a .content_img_text{
    height:363px;
    position: absolute;
    width: 297px;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.container_mag #container .col-1 .content_big .content_a img{
    width: 297px;
    transition: all 0.5s ease 0s;
}
.container_mag #container .col-1 .content_big .content_a:hover img{
    width: 297px;
    transform: scale(1.05);
}
.container_mag #container .col-1 .content_a .content_text{
    margin-top: 7px;
}
.container_mag #container .col-1 .content_text h3{
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 21px;
    line-height: 1.15;
    padding: 0 5px;
    margin-top: 20px;
}
.container_mag #container .col-1 .content_text p{
    margin-top: 10px;
}
/** MAGAZINE ABONNER VOUS **/
.content_abonnervous{
    height: 480px; 
    background: #f3f5f7;
    border-right: 30px solid #4294e0;
    width: 361px;
    position: relative;
}
.arrow_content.abo_articles .triangleRight {
    border-style: solid;
    border-width: 30px 0 0 30px;
    height: 0;
    width: 0;
    border-style: solid;
    font-size: 0;
    height: 0;
    right: -30px;
    padding: 0;
    position: absolute;
    top: -29px;
}
.arrow_content.abo_articles .triangleRight {
    border-color: transparent transparent transparent #3783c9;
}
.container_abo{
    padding: 15px 0;
}
.container_abo h3{
    font-family: "Ubuntu";
    font-size: 19px;
    font-weight: 700;
    color:#7289a1;
}
.container_abo img{
    width: 250px; 
    margin: 15px 0;
}
/*  MAG LITTLE */
.container_mag #container .col-1 .content_little{
    height: 320px;
    text-align: center;
    transition: all 0.5s ease 0s;
    margin-bottom: 16px;
}
.container_mag #container .col-1 .content_little .content_img_text{
    height: 169px;
    position: absolute;
    width: 297px;
    transition: all 0.5s ease 0s;     
    z-index: 1;
}
.container_mag #container .col-1 .content_little .content_a .content_img .hover_img{
    height: 166px;
    width: 297px;
    overflow: hidden;
    transition: all 0.5s ease 0s;     
}
.container_mag #container .col-1 .content_little img{
    width: 297px;
    transition: all 0.5s ease 0s;
}
.container_mag #container .col-1 .content_little .content_a:hover img{
    transform: scale(1.05);
}
/* MAG VIDEO */
.container_mag #container .container_vid_mag{
    background:#31528d;
    display: inline-block;
    margin: 30px 0 30px -25px;
    padding: 25px 0 45px 5px;
    width: 990px;
    position: relative;
}
.container_mag #container .container_vid_mag .triangleLeftcasourel{
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    left: 0px;
    top: -30px;
}
.container_mag #container .container_vid_mag .triangleRightcasourel{
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    right: 0px;
    top: -30px;
}
.container_mag #container .container_vid_mag .triangleLeftcasourel{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #6889b8 transparent;
}
.container_mag #container .container_vid_mag .triangleRightcasourel{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent #6889b8;
}
.container_mag #container .container_vid_mag h2 {
    color: #1c253D;
    font-family: "Ubuntu";
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    width: 100%;
}
.container_mag #container .container_vid_mag ul{
    width: 930px;
    height: 285px;
}
.container_mag #container .container_vid_mag ul.content_vid_mag li{
    float: left;
    width: 235px;
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_img_text{
    height: 150px;
    position: absolute;
    width: 225px;
    transition: all 0.5s ease 0s; 
    z-index: 1;
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_a .content_img{
    width: 225px;
    height: 150px;
    position: absolute;
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_a .content_img img{
    width: 100%;
    transition: all 0.5s ease 0s;     
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_a:hover .content_img img{
    transform: scale(1.05);
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_a  .content_text{
    margin-top: 7px;   
    text-align: center;
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_a  .content_text h3{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    line-height: 1.15;
    transition: all 0.5s ease 0s; 
}
.container_mag #container .container_vid_mag ul.content_vid_mag li .content_a  .content_text p{
    color: rgba(32, 74, 132, 1);
    font-size: 13px;
    margin-top: 5px;
}
/************************** BLOC BIG QUI SORT DU CONTENT **********************************/
#content .content_item_big{
    margin: 0px -25px 25px;
    width: 990px;
    position: relative;
    padding: 30px 25px 35px;
    text-align: center;
}
.container_vid #content .content_item_big{
    height: 330px;
}
#content .content_item_big.bleu_bgem{
    background: #31528d;
}  
#content .content_item_big.gris_bgem{
    background: #dde4ec;
}
#content .content_item_big .row_citation_1{
    width: 109px;
    float: left;
    margin: 0 0 0 25px;
}
#content .content_item_big .row_citation_1 .bouton_random{
    border-radius: 55px;
    border: 5px solid #9aacc6;
    width: 100px;
    height: 100px;
    cursor: pointer;
    margin: 0 0 10px 0;
}
#content .content_item_big .row_citation_1 .text_random{
    text-align: left;
    width: 160px;
    margin: 0 0 0 7px;
}
#content .content_item_big .row_citation_1 .bouton_random span{
    font-size: 19px;
    text-transform: uppercase;
    color:#9aacc6;
    display: inline-block;
    padding: 18px 0 0;
    font-family: 'Ubuntu Condensed', sans-serif;
}

#content .content_item_big .row_citation_2{
    width: 117px;
    float: left;
    padding: 0 10px;
}
#content .content_item_big .row_citation_2 img{
    border-radius: 55px;
    overflow: hidden;
}    
#content .content_item_big .row_citation_3{
    width: 680px;
    float: left;  
    text-align : left;
}
#content .content_item_big .row_citation_3 h5{
    font-family: "Merriweather",serif;
    font-size: 18px;
    margin-bottom: 5px
}
#content .content_item_big .row_citation_3 h6{
    font-family: 'Ubuntu'; 
    font-weight: 700;
    font-size: 13px;
    color :#7c8ca8;
}
#content .content_item_big .row_citation_3 p{
    font-family: "Merriweather",serif;
    font-weight: 300;
    font-style: italic;
    font-size: 25px; 
    color:#9aabc5;
    margin: 15px 0 0 0;
}
#content .content_item_big .row_citation_3 p:before {
    content: "“";
    display: inline-block;
    font-family: Engravers;
    font-size: 36px;
    height: 33px;
    line-height: 36px;
    width: 35px; 
    margin: 0px -15px 0px 0px;
}
#content .content_item_big .row_citation_3 p:after {
    content: "”";
    display: inline-block;
    font-family: Engravers;
    font-size: 36px;
    height: 33px;
    line-height: 36px;
    width: 35px;  
    margin: 0px 0px 0 7px;
}
.random-citation{
    color: #1388f5;
}
.random-citation:hover{
    color: #CC2165;
}
/*.container_mag #container .random-citation{
    color: #1388f5;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.container_mag #container .random-citation:hover{
    color: #CC2165;
}*/
.content_item_big .arrow_content .triangleLeft {
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    left: 0;
    top: -29px;
}
.content_item_big .arrow_content .triangleRight{
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    right: 0;
    top: -29px;
}
.content_item_big .arrow_content .triangleLeft{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
}
.content_item_big .arrow_content .triangleRight{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 30px;
}
.content_item_big .arrow_content.bleu_em .triangleLeft{
    border-color: transparent transparent #5ea8cc transparent;
}
.content_item_big .arrow_content.bleu_em .triangleRight{
    border-color: transparent transparent transparent #5ea8cc;
}
.content_item_big .arrow_content.gris_em .triangleLeft{
    border-color: transparent transparent #d2dae4 transparent;
}
.content_item_big .arrow_content.gris_em .triangleRight{
    border-color: transparent transparent transparent #d2dae4;
}
.content_item_big .content_auteur{
    text-align: center;
    margin-top: 10px;
}
.content_item_big .content_auteur .content_img{
    border-radius: 50px;
    overflow: hidden;
    width: 85px;
    height: 85px;
    margin: 0 auto
}
.content_item_big .content_auteur .content_img img{
    width: 85px;
}

.content_item_big ul{
    width: 100%;
}
.content_item_big ul li{
    margin: 5px; 
    width: 225px;
    font-size: 12px;
}
.content_item_big .owl-buttons{
    position: absolute;
    width: 100%;
    top:0;
    left:0;
}
.content_item_big .owl-buttons .owl-prev i{
    left:-55px;
    position: absolute;
    top:50px;
    cursor: pointer;
    color:#fff;
    opacity: 0.5;
}
.content_item_big .owl-buttons .owl-next i{
    right: -55px;
    top:50px;
    position: absolute;
    cursor: pointer;
    color:#fff;
    opacity: 0.5;
}
.content_item_big .owl-buttons .owl-next:hover i,
.content_item_big .owl-buttons .owl-prev:hover i{
    opacity: 0.7;
}
.dark_themes .content_item_big .owl-buttons .owl-next:hover i,
.dark_themes .content_item_big .owl-buttons .owl-prev:hover i{
    opacity: 0.7;
}
/********* SHARE BOX FACEBOOK TWITTER   *********/
.graph_social_partage ul{
    margin-bottom: 25px;
}
.graph_social_partage ul li{
    clear: both;
    height: 64px;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative; 
}
.graph_social_partage ul li a{  
    display: block;
    overflow: hidden;
    text-decoration: none;
}
.partage_box_images{
    height: 100%;
    position: absolute;
    width: 100px;
    z-index: 2; 
}
.partage_box_bar{
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding-left: 100px;
    position: absolute;
    top: 0;
    transition: all 600ms ease-out 0s;
    width: 50%;
    z-index: 1;
}
.partage_bar{
    color: #fff;
    height: 100%;
    margin-top: 0;
    padding-left: 55px;
    transition: all 200ms ease-out 0s;
}
.bleu_fb{
    background: #3e55c7;
}
.bleu_tw{
    background: #407cdd;
}
span.partage_bar_nombre{
    font-weight: bold;
    font-size: 36px;
    line-height: 1.9em;
    margin-right: 12px;
    text-transform: uppercase;
    display: inline-block;  
}
.partage_bar span:last-child {
    font-family: 'Ubuntu Condensed', sans-serif;    font-size: 26px;
    text-transform: capitalize;
}
.graph_social_partage li:nth-child(1) .partage_box_bar {
    transition-delay: 0ms;
}
.graph_social_partage li:nth-child(2) .partage_box_bar {
    transition-delay: 100ms;
}
.graph_social_partage li:nth-child(3) .partage_box_bar {
    transition-delay: 200ms;
}
.graph_social_partage li:nth-child(4) .partage_box_bar {
    transition-delay: 300ms;
}
.graph_social_partage li:nth-child(5) .partage_box_bar {
    transition-delay: 400ms;
}
.graph_social_partage.active ul li:nth-child(1) .partage_box_bar {
    width: 91%;
}
.graph_social_partage.active ul li:nth-child(2) .partage_box_bar {
    width: 85.5%;
}
.graph_social_partage.active ul li:nth-child(3) .partage_box_bar {
    width: 80.1%;
}
.graph_social_partage.active ul li:nth-child(4) .partage_box_bar {
    width: 75.4%;
}
.graph_social_partage.active ul li:nth-child(5) .partage_box_bar {
    width: 70.9%;
}
/****************************************      SEPARATEUR        **********************************************/
.dark_themes hr.bucketDivider,
.dark_themes hr.bucketDivider:after{
    display: none;
}
hr.bucketDividerfaq {
    background: -webkit-linear-gradient(top, rgb(221, 221, 221), rgb(247, 247, 247) 13px, white);
    background: -moz-linear-gradient(center top , #ddd, #f7f7f7 13px, white);
    background: -ms-linear-gradient(center top , #ddd, #f7f7f7 13px, white);
    background: -ms-linear-gradient(to bottom, rgba(0,0,0,0.14),rgba(0,0,0,0.03) 3px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.03) 3px, transparent) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    filter: none;
    height: 30px;
    z-index: 0;
    width: 70%;
}
hr.bucketDividerfaq:after {
    background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0), white);  
    background: -moz-linear-gradient(left center , white, rgba(255, 255, 255, 0), white);
    background: -ms-linear-gradient(to right,white rbga(255,255,255,0),white); 
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0), white) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    filter: none;
    height: 30px;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
}
hr.bucketDivider {
    background: -webkit-linear-gradient(top, rgb(221, 221, 221), rgb(247, 247, 247) 3px, white);
    background: -moz-linear-gradient(center top , #ddd, #f7f7f7 3px, white);
    background: -ms-linear-gradient(to bottom, rgba(0,0,0,0.14),rgba(0,0,0,0.03) 3px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.03) 3px, transparent) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    filter: none;
    height: 18px;
    z-index: 0;
}
hr.bucketDivider:after {
    background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0), white);  
    background: -moz-linear-gradient(left center , white, rgba(255, 255, 255, 0), white);
    background: -ms-linear-gradient(to right,white rbga(255,255,255,0),white); 
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0), white) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    filter: none;
    height: 18px;
    width: 100%;
    z-index: 1;
}
hr.bucketDivider_little {
    background: -webkit-linear-gradient(top, rgb(221, 221, 221), rgb(247, 247, 247) 30px, white);
    background: -moz-linear-gradient(center top , #ddd, #f7f7f7 30px, white);
    background: -ms-linear-gradient(to bottom, rgba(0,0,0,0.14),rgba(0,0,0,0.03) 3px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.03) 3px, transparent) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    border: 0 none;
    filter: none;
    height: 44px;
    z-index: 0;
}
hr.bucketDivider_little:after {
    background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0), white);  
    background: -moz-linear-gradient(left center , white, rgba(255, 255, 255, 0), white);
    background: -ms-linear-gradient(to right,white rbga(255,255,255,0),white); 
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0), white) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    filter: none;
    height: 44px;
    width: 100%;
    z-index: 1;
}
hr.bucketDivider_myinrees {
    background: -webkit-linear-gradient(top, rgb(221, 221, 221), rgb(247, 247, 247) 10px, white);
    background: -moz-linear-gradient(center top , #ddd, #f7f7f7 10px, white);
    background: -ms-linear-gradient(to bottom, rgba(0,0,0,0.14),rgba(0,0,0,0.03) 3px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.03) 3px, transparent) repeat scroll 0 0 rgba(0, 0, 0, 0);   
    border: 0 none;
    filter: none;
    height: 18px;
    z-index: 0;
    margin-top: 0px;
}
hr.bucketDivider_myinrees:after {
    background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0), white);  
    background: -moz-linear-gradient(left center , white, rgba(255, 255, 255, 0), white);
    background: -ms-linear-gradient(to right,white rbga(255,255,255,0),white); 
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0), white) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    filter: none;
    height: 18px;
    width: 100%;
    z-index: 1;
}
/**********classe check sur les éléments checkés *************/
.checkmark{
    background-image: url("../images/faq_icon/checkmark2.png");
    background-position: left center;
    background-repeat: no-repeat;
}
/************************************           MyINREES                *****************************************/

#list_sidebar{
    padding: 28px 0 25px 0 ;
    width: 200px;
    box-shadow: inset 3px 2px 18px 5px rgba(119, 119, 119, 0.18);
    float: left;
}
#list_sidebar ul li span{
    font-family:'ubuntu';
    font-weight: bold;
    font-size: 14px;
    color: #9faeb7;
    margin: 0 0  8px 20px;
}
#list_sidebar ul li ul li a i{
    margin-right: 10px;
    width: 14px;

}
#list_sidebar ul li ul li a{
    font-family:'ubuntu';
    font-size: 15px;  
    padding: 4px 0  4px 32px ;
    text-decoration: none;
    display: block;
    color:#9faeb7;
}
#list_sidebar ul li ul li a:hover{
    color: #505b66;
    border-left: 7px solid #499efe;
    padding: 4px 0  4px 25px ;
    display: block;
}
#list_sidebar ul li ul li a.activ_myinrees{
    color: #505b66;
    border-left: 7px solid #499efe;
    padding: 4px 0  4px 25px ;
    display: block;
}
#list_sidebar ul{
    margin: 0 0 30px 0;
}
/*  filtre horizontal  myinrees */
myinrees_filtre ul li{
    list-style: none outside none;
}
.myinrees_filtre ul li a{
    border-bottom:  none;
    border-left: none;
    border-right: none;
    border-top: none;
    background: none;
    color: #88a1b4;
    display: block;
    float: left;
    padding: 12px 15px; 
    height: 43px;
    font-size: 14px;
    text-decoration: none;
    font-family: arial;
}
.myinrees_filtre{
    margin: 15px 0 15px 0;
}
.myinrees_filtre ul{
    height: 43px;
}
.myinrees_filtre{
    height: 40px;
    border-bottom:1px solid #e7ecf0;
}
.myinrees_filtre ul li a:hover{
    border-bottom: 2px solid #3d98ff;
    color: #3d98ff;
    padding: 12px 15px 10px;
    height: 40px;
}
.myinrees_filtre ul li a.hover_filtre{
    border-bottom: 2px solid #3d98ff;
    padding: 12px 15px; 
    height: 40px;
    color: #3d98ff;
}
/***************  Myinrees  **************/
.none_info{
    font-size: 14px;
}
.bd_myinrees{
    background: #f7f9f8;
    padding: 25px;   
    display: table;
    width: 100%;
}
.content_myinrees{
    background: #fff;
    padding:25px;
    float: left;    
    width: 330px;
    //  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.03) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset;
}

.shadow_myinrees{
    border-width: 0 1px 2px !important;
    border-color: #f2f2f2 !important;
    border-style: solid;
    margin: 0 0 25px 0;
    display: table;
}
.Lmyinrees{
    margin-right:30px;  
    width: 330px;
    float: left;
}
.Rmyinrees{
    width: 330px;   
    float: left;
}
.content_myinrees .ipinfo span.if_con{
    width: 142px;
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: right;
    margin: 0 10px 0 0;
    font-size: 12px;
}
.md_ms{
    margin: 0 0 0 152px;
    font-weight: bold;
}
.adresse_myinrees{
    display: block;
}

.content_myinrees .ipinfo_var{
    float: left;
    width: 128px;
    color: #ccd1d5;
    font-size: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; 
}
.content_myinrees .ipinfo{
    margin: 11px 0 0 0;
    float: left;
    width: 100%;
}
.row_myinrees{
    line-height: 1.4;
    display: inline-block;
    width: 100%;
}
.b_b_ms{
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
    margin-bottom: 12px;
    margin-top: 5px;
}
.bt_blue{
    border-top: 4px solid #1277d7 ;
}
.bt_yellow{
    border-top: 4px solid #ffea00 ;
}
.img_user_circle{
    border-radius: 60px;
    overflow: hidden;
    width: 95px;
    height: 95px;
    display: block;
}
.content_myinrees_full{
    width: 100%;  
    padding: 20px;
    background: none repeat scroll 0 0 #f3f5f7;
    display: table;
}
.container_myinrees {
    background: none repeat scroll 0 0 #fff;
    padding:25px; 
    width: 701px;
    display: table;
}
.bloc_infoabo{
    width: 260px;
    float: left;   
}
.img_infoabo{
    width: 90px;
    margin-right:10px;
    float: left;
}
.img_inforesa{
    float: left;  
}
.img_inforesa img{
    width: 220px;
}
.bloc_inforesa{
    float: right;  
    width: 405px;
    margin-left: 15px;
}
.content_abocours{
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.content_abocours .Lcol{
    width: 60%;
    float: left;
}
.content_abocours .Lcol .abo_recu{
    float: left;
    margin:10px 0 0 0;
}
.content_abocours .Lcol .content_abo_encours{
    margin: 15px 0 0 0; 
    float: left;
    width: 100%; 
}
.content_abocours .Lcol .content_abo_encours img{
    width: 90px;
}
.content_abocours .Rcol{
    width: 40%;
    float: left;
}
.content_abocours .Rcol .abo_rout{
    width: 230px;
    margin:55px 0 0 0;
}
/******** MYINREES MES COMMANDES ********/
ul.ul_command li.li_command{
    margin: 0 0 25px;
    background: #fff;
}
.myinrees_command{
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
}
.titre_info_command{
    background: #fff;
    float: left;
    width: 655px;
    margin:10px 20px 0 20px;
    border-bottom: 1px solid #afb6c8;
    padding: 0 0 10px 0;
}
.sep_commande_myinrees{
    color:#afb6c8;
    font-size: 13px;
    width: 659px;
    overflow: hidden;
}
.sep_solid{
    border-bottom: 1px solid #d8d8d8;
    width: 739px;
    height: 2px;
}
.titre_info_produit{
    background: #fff;
    float: left;
    width: 100%;
    padding: 20px;
}
.titre_info_produit .command_produit{
    width: 380px;    float: left;
}
.titre_info_produit .command_produit ul li{
    margin: 20px 15px 0;
    float: left;
    width: 90%;
}
.titre_info_produit .command_produit img{
    width: 70px;
}
.titre_info_produit .command_adresse{
    width: 279px;    float: left;margin-top: 53px;

}
.L_t_command{
    width: 50%;
    float: left;
}
.R_t_command{
    float: left;
    width: 50%;
    text-align: right;
}
.ul_command{
    width: 701px;
}
.command_btn{
    padding: 0 20px 0;
}

/******************************* MYINREES FAVORIS ****************************/
.bd_fav_myinrees {
    background: none repeat scroll 0 0 #f7f9f8;
    display: table;
    padding: 18px;
    width: 739px;
}
.bd_fav_myinrees ul{
    display: table;
}
.sep_title_myinrees{
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 15px;
    width: 704px;
}
.sep_decouvrir_myinrees{
    background: #fff;
    height: 1px;
    width: 704px;
    margin: 20px 0 20px;
}
.overflow_suggestion{
    overflow: hidden;
    width: 704px;
}
.content_text_myinrees{
    padding: 5px;
}
/******** petit bloc ***********/
.favoris_myinrees ul.podcast_favoris li{
    background: #fff;
    width: 97.5%;
    height: 58px;
    padding: 10px;
    float: left;
    margin: 8px;
    border-width: 0 1px 2px;
    border-style: solid;
    border-color: #f2f2f2;   
}
.favoris_myinrees ul.podcast_favoris li img{
    width: 100px;
    float: left;
    margin-right: 10px; 
}
.close_fav_podcast_myinrees{
    margin: -10px -5px 0;
    width: 20px;
    height: 20px;
    float: right;
    font-size: 25px;    
}
.podcast_favoris_titre{
    font-size: 13px;
    font-weight: bold;
    margin-top: 2px;
}
/******** 200px height bloc ***********/
.favoris_myinrees ul.myinreesfav li{
    background: #fff;
    width: 159px;
    height: 230px;
    float: left;
    margin: 8px;
    text-align: center;
    border-width: 0 1px 2px;
    border-style: solid;
    border-color: #f2f2f2;   
    transition: all 0.5s ease 0s;
    position: relative;
}
.favoris_myinrees ul.myinreesfav li .content_text_myinrees h2{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    line-height: 1.15;
}
.favoris_myinrees ul.myinreesfav li .content_text_myinrees p{
    margin: 10px 0 0 0 ;
    font-size: 12px;
    color :#7c8ca8;
}
.favoris_myinrees ul.myinreesfav  .close_fav_myinrees{
    position: absolute;
    right: 3px;
    color:#1388f5;
    width: 20px;
    height: 20px;
    font-size: 25px; 
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
.favoris_myinrees ul.myinreesfav  .close_fav_myinrees:hover{
    color: #cc2165;
}
/* Format livre */
.img_rect_myinrees{
    background: url("../images/imagedefaut.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 157px;
}
.img_rect_myinrees img{
    height: 90px;
    margin: 5px auto;
}
/* Format podcast */
.img_rect2_myinrees{
    background: url("../images/imagedefaut.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 157px;
}
.img_rect2_myinrees img{
    width: 95px;
    margin: 45px auto;
}
/* Format rectangle */
.img_rectanglemyinrees{
    height: 105px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    transition: all 0.5s ease 0s;
}
.img_rectanglemyinrees{
    line-height: 1px;
    transition: all 0.5s ease 0s;
}
.img_rectanglemyinrees img{
    min-width: 100%;
    vertical-align: baseline;
    width: 157px;
    transition: all 0.5s ease 0s;
}


/******** LIEN THEME *********/
.content_lien_decouvrir{
    text-align: center;
    position: relative;
    width: 222px;
    height:140px;
    transition: all 0.5s ease 0s;
    padding-top: 85px;
    background: none repeat scroll 0 0 rgba(0, 120, 255, 0.3);
}
ul.lien_decouvrir li:hover  .content_lien_decouvrir{
    background: none repeat scroll 0 0 rgba(0, 120, 255, 0.5);
}
ul.lien_decouvrir li:hover .content_lien_decouvrir img{
    transform: scale(1.05);
}
ul.lien_decouvrir .content_lien_decouvrir img:hover{
    transform: scale(1.1);
}
ul.lien_decouvrir li{
    float:left;
}   
ul.lien_decouvrir li:nth-child(1){
    margin:0 9px 9px 0;
}
ul.lien_decouvrir li:nth-child(2){
    margin:0 9px 9px 9px;
}
ul.lien_decouvrir li:nth-child(3){
    margin:0 0 9px 9px;
}
.lien_decouvrir li{
    width: 222px;
    height:140px;
}
.img_decouvrir{
    width: 222px;
    height: 140px;
    position: absolute;
}
.img_decouvrir_contener{
    width: 100%;
    height: 140px;
}
.content_lien_decouvrir h6{
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}
.lien_decouvrir li:hover .content_lien_decouvrir h6{
    text-decoration: underline;
}
.Lien_decouvrir_titre{
    background:  rgba(26, 102, 173, 0.8); 
    height: 55px;
    width: 100%;
}
#normallistmyinrees{
    width: 730px;
}
#normallistmyinrees li{
    float: left;
    width: 182px;
    margin-bottom: 20px;
}
ul.lien_subjetion .list_suggestion{
    width: 160px;
    display: block;
    margin-right: 20px;
}
.img__subjetion_myinrees img{
    width: 160px;
}
.text_subjetion_myinrees{
    background:#fff; 
    width: 100%;
    padding:10px 5px;
    text-align: center;
    position: relative;
}
/************************ owl-carousel **************************/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.selectionINREES{
    background: #31528d none repeat scroll 0 0;
    display: table;
    margin: 0 0 0 -25px;
    padding: 0 25px 35px;
    width: 990px;
}
.owl-carousel{
    display: none;
    position: relative;
    width: 860px;
    margin: 0 auto;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 5px 0 0 0;
}
.owl-carousel#selection_carousel .owl-wrapper-outer{
    width: 860px;
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 930px;
}
ul li.box_item_1_4:nth-child{
    margin: 5px;
}
.content_item_big.owl-carousel .owl-wrapper-outer{
    width: 942px;
}
.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-carousel .owl-item{
    float: left;
}
.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);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

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

.bd_fav_myinrees .owl-carousel{
    width: 723px; 
}
#deux_myinrees .owl-buttons{
    height: 1.7rem;
    margin: -18.7rem 0 0 39.8rem;
    position: absolute;
    padding: 0.2rem;
    width: 4rem;
    display: flex;
}
#suggestion_myinrees .owl-buttons{
    height: 1.7rem;
    margin: -18.7rem 0 0 39.8rem;
    position: absolute;
    padding: 0.2rem;
    width: 4rem;
    display: flex;
}
.myinrees_link.previnrees{
    border: 2px solid #1388f5;
    border-radius: 15px;   
    padding: 2px 5px 1px 4px;
    color:#1388f5;
    margin: 5px;
}
.myinrees_link.nextinrees{
    border: 2px solid #1388f5;
    border-radius: 15px;   
    padding: 2px 3px 1px 5px;
    color:#1388f5;
    margin: 5px;
}
a.myinrees_link{
    cursor: pointer;
}
a.myinrees_link.next:hover,
a.myinrees_link.prev:hover{
    color: #cc2165;
    border: 2px solid #cc2165;
}
/***************************************** SIDEBAR ****************************/
#leftCol{
    word-wrap: break-word;
    float: left;
    padding: 20px 25px 0 0 ;
    width: 305px;
}
#leftCol .content_left{
    margin:20px 0 20px 0;
    display: inline-block;
    width: 100%;
}
#leftCol .content_left ul.content_left_list li{
    margin-bottom:  5px;
    padding: 0 15px 0 15px;
    line-height: 3;
    font-family: 'ubuntu', serif;
    font-weight: 600;
}
#leftCol .content_left ul.content_left_list li:nth-child(odd){
    background: #f3f5f7;
}
#leftCol .content_left ul.content_left_list li:nth-child(even){
    background: #f1f6fa;
}
#contentCol{
    width: 635px;
    float: left;
    position: relative;
}
#leftCol .content_img{
    text-align: center;
    position: relative;
}
#leftCol .content_img .date{
    margin-left: 110px; 
}
#leftCol .content_illu img,
#leftCol .content_auteur,
#leftCol .date_info,
#rightCol .info_compatible,
#rightCol .content_v{
    margin: 15px 0 5px;
    width: 280px;
    text-align: center;
}
/*********** VIDEO CONNEXES **************/
#rightCol .content_v ul.vid_connexess_sidebar li{
    margin:0 0 10px 0;
    background: #1e345c;
    min-height: 35px;
    float: left;
    display: inline-block;
    width: 100%;
    position: relative;
}
#rightCol .content_v ul.vid_connexess_sidebar li img{
    float: left;
    width: 95px;
}
#rightCol .content_v ul.vid_connexess_sidebar li div.row{
    float: left;
    width: 175px;
    margin-left: 5px;
    min-height: 60px;
    position: relative;
}
#rightCol .content_v ul.vid_connexess_sidebar h5{
    font-size: 14px;
    font-family: "ubuntu";
    font-weight: bold;
    float:left;
    margin: 7px 0 0 0;
    text-align: left;
}
#rightCol .content_v ul.vid_connexess_sidebar .content_emi {
    color: #7c8ca8;
    opacity: 0.75;
    font-family: "Ubuntu";
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    width: 170px;
    text-align: left;
}
#rightCol .content_v ul.vid_connexess_sidebar .duree {
    color: #7c8ca8;
    line-height: 16px;
    opacity: .75;
    display: inline-block;
    font-size: 12px;
    z-index: 2;
    font-family: "Ubuntu";
    position: absolute;
    bottom: 0;
    right: 0;
}
#rightCol .content_v ul.vid_connexess_sidebar li .connexes_video_player:before{
    font-family: icomoon;
    content: "\e802";
    font-size: 24px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 36px;
    position: absolute;
    line-height: 2.6;
    color:#fff;
    opacity: 0.4;
}
#rightCol .content_v ul.vid_connexess_sidebar li:hover .connexes_video_player:before{
    opacity: 0.8;
}
#leftCol .content_img.fond_sup{
    width: 265px;
    background: url("../images/imagedefautbig.jpg");
    text-align: center;
}
.soutien-content #leftCol .content_img.fond_sup img{
    margin: 35px auto;
}
.podcast-content #leftCol .content_img.fond_sup img{
    margin: 65px auto;
}
.soutien-content #leftCol .content_img.fond_sup.rond_sup img{
    border-radius: 50px;
    overflow: hidden;
}
.boutiques-content #leftCol .content_img img{
    width: 170px;    
}
.boutiques-content #leftCol .content_img.magazine img{
    width: 250px;
}
.content_article #leftCol .content_img img,
.soutien-content #leftCol .content_img img,
.evenements-content #leftCol .content_img img{
    width: 280px;
}
#leftCol .content_auteur{
    height: 130px;
    background-color: #f3f5f7;
    display: inline-table;
}
#leftCol .content_auteur img{
    float: left;
    padding:15px 15px 0;
    width: 125px;
}
#leftCol .content_auteur .content_partenaire:last-child img{
    padding: 15px;
}
#leftCol .content_auteur .content_partenaire{
    text-align: center;
}
.content_partenaire{
    width: 100%;
    height: 110px;
}
.content_partenaire .partenaire_text{
    float: left;
    width: 125px;
    margin: 20px 0 0 0;
}

#leftCol .content_textandfavoris{
    text-align: center;
    width: 265px;
    margin: 15px auto 5px;
}
#leftCol .social_bar_sidebar{
    display: inline-block;
    text-align: center;
}
#leftCol .social_bar_sidebar .box_socialbar{
    margin: 5px;
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}
#leftCol .contentColLeft{
    width: 245px ;
    background-color: #f3f5f7;
    display: inline-table;
    padding:10px;
}
#leftCol .contentColLeft ul li{
    margin-bottom: 15px;
}
#leftCol .contentColLeft img{
    width: 100px;
}
#leftCol .content_cit{
    margin: 20px 0 20px 0;
}
#leftCol .cit:before {
    content: "“";
    display: inline-block;
    font-family: Engravers;
    font-size: 36px;
    height: 33px;
    line-height: 36px;
    width: 35px; 
    margin: 0px -15px 0px 0px;
}
#leftCol .cit:after {
    content: "”";
    display: inline-block;
    font-family: Engravers;
    font-size: 36px;
    height: 33px;
    line-height: 36px;
    width: 35px;  
    margin: 0px 0px 0 7px;
}
#leftCol .cit{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    display: inline-block;
}
#leftCol .content_cit .auteur{
    font-size: 16px;  
    display: inline-block;
}
.SidebarAbonnement{
    display: block;
    width: 240px;
    height: 140px;
}
.panier_content {
    background-color: #f3f5f7;
    width: 100%;
    min-height: 140px;
    padding: 20px;
    margin-bottom: 15px;
}
.panier_content div.bouton_content{
    padding: 20px  0  0;    
}
.panier_content .select_content{
    border: 1px solid #eef2f5;
    background: #fff;
    height: 53px;
    width: 60px;
    color: #7c8ca8;
    cursor: pointer;
    line-height: 2.7;
    text-align: center;
    font-size: 19px;
    float: left;
}
.panier_content .select_content:hover {
    border: 1px solid #e8edf5;
    color: #6d7e9b;
}
.boutiques-content .panier_content .tarif_content{
    float: left;
    width: 250px;
}
.boutiques-content .panier_content div.bouton_content{
    float: left;    
    padding: 0;
}
.panier_content .select_content .quant_select{
    width: 45px;
    display: block;
    float: left;
    cursor: pointer;
}
.panier_content .select_content .select_arrow{
    width: 12px;
    padding: 0 3px 0 0;
    height: 15px;
    float: left;
    cursor: pointer;
}
ul.boutique-achat-ref li .content_icon{
    display: block;
    float: left;
    padding: 10px 5px;
    width: 30px;
    height: 40px;
}
ul.boutique-achat-ref li .content_icon .fa-lg.fa-ticket:before{
    font-family: icomoon;
    content: "\e80e"; 
    position: absolute;
    font-size: 20px;
    vertical-align: bottom;    
}
.text_list_resa .fa-2x.fa-ticket:before{
    font-family: icomoon;
    content: "\e80e"; 
    font-size: 25px;
    vertical-align: bottom;    
}
ul.boutique-achat-ref li .content_text_info{
    display: block;
    float: left;
    height: 40px;
    width: 90%;
}
ul.boutique-achat-ref li{
    cursor: pointer;
    margin:5px 0 10px 0;
    display: block;
    height: 40px;
}
ul.boutique-achat-ref li span.date_info{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    color:#1388f5;  
    width: 100%;
}
ul.boutique-achat-ref li span.ss_info{
    width: 100%;
    float: left;
    font-family: "Ubuntu",sans-serif;
    font-weight: 400;
    font-size: 15px;
}
.boutique-achat-ref li .date_info:hover{
    color: #CC2165;
}
.boutique-achat-ref span.lien{
    color:#1388f5; 
    cursor: pointer;
    margin: 0 0 0 2px;
}
.boutique-achat-ref span.lien:hover{
    color:#CC2165;  
}
#carrousel-boutique-achat{
    width:600px;
    overflow: hidden;
}
.hidden_carousel{
    display: block; 
    width: 1200px;
    min-height: 330px;
    position: relative;
}
.List_content_date{
    position: relative;
    min-height: 200px;
}
.List_content_date{
    left: 0%;
    height: 250px;
    width: 600px;
    position: absolute;
    transition: left 0.5s;
}
.List_content_date.hidden-listdate{
    left: -50%;   
}
.list_date{
    height: 270px; 
    overflow: auto;
    display: block;
    width: 100%;
    margin: 5px 0 5px;
}
.slide_lastboutique{
    top:0;
    left: 50%;
    position: absolute;
    background: #f3f5f7;
    transition: left 0.5s;
}
.slide_lastboutique.boutique-block-slide1.add-date,
.slide_lastboutique.boutique-block-slide2.add-date,
.slide_lastboutique.boutique-block-slide3.add-date,
.slide_lastboutique.boutique-block-slide4.add-date,
.slide_lastboutique.boutique-block-slide5.add-date,
.slide_lastboutique.boutique-block-slide6.add-date,
.slide_lastboutique.boutique-block-slide7.add-date,
.slide_lastboutique.boutique-block-slide8.add-date,
.slide_lastboutique.boutique-block-slide9.add-date,
.slide_lastboutique.boutique-block-slide10.add-date,
.slide_lastboutique.boutique-block-slide11.add-date,
.slide_lastboutique.boutique-block-slide12.add-date,
.slide_lastboutique.boutique-block-slide13.add-date,
.slide_lastboutique.boutique-block-slide14.add-date,
.slide_lastboutique.boutique-block-slide15.add-date,
.slide_lastboutique.boutique-block-slide16.add-date,
.slide_lastboutique.boutique-block-slide17.add-date,
.slide_lastboutique.boutique-block-slide18.add-date{
    left: 0% !important;
}
.soutien_content{
    width: 300px;
    height: 80px;
    margin-bottom: 15px;
    float: left;
}
.soutien_content img{
    width: 80px;
    border-radius: 55px;
    margin: 0 10px 10px 0;
    float: left;
}
.soutiens_lite{
    column-count:2;
    column-gap:0px;
    column-rule-width:0px;
    column-rule-color:#cbcefb;
    column-rule-style:dotted;
}
ul.soutiens_lite li{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 5px;
    margin-right: 10px;
}
.soutient_img{
    padding: 5px 15px 0 0;
    float: left;
}
.sp_soutient{
    border-bottom:1px solid #f3f5f7;
    margin-left: 140px;
    height: 20px; 
    width: 490px;
}
.editeur_content .row .soutient_text{
    float: right;
    width: 465px;
}
.editeur_content .row{
    display: inline-block;
    margin: 5px 5px 0 15px;
    padding: 8px 15px 0px 15px;
}
.editeur_content .row:last-child{
    display: inline-block;
    margin: 5px 5px 25px 15px;
    padding: 8px 15px;
}
.editeur_content .row img{
    border-radius: 50px;
    overflow: hidden;
}
.editeur_content.livre_content .row img{
    border-radius: 0px;  
    width: 80px;
}
.panier_content .dropdown_select{
    position: absolute; 
}
.panier_content .dropdown_select ul{
    margin: 55px 0 0 0;
    height: 204px;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid  #e8edf5;
    border-top: none;
}
.arrow_select{
    color: #bcc7da;
    display: block;
    height: 50px;
    margin-left: -46px;
    padding: 0 0 0 44px;
    width: 15px;
}

.panier_content .dropdown_select ul li {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #eef2f5;
    color: #7c8ca8;
    cursor: pointer;
    font-size: 19px;
    height: 50px;
    line-height: 2.5;
    text-align: center;
    width: 45px;
}
.panier_content .dropdown_select ul li:hover{
    background: none repeat scroll 0 0 #f2f5f8; 
    color: #657592;
}
.remarque_content{
    width: 100%;
    margin-top: 15px;
    display: table;
}
.remarque_content img{
    border-radius: 50px;
    height: 80px;
    width: 80px;
    margin-right: 10px;
    float: left;
}
.dark_themes .detail_motcle h3 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 2;
    height: 30px;
    color:#fff;
}
.dark_themes .detail_motcle ul li a{
    background: #f3f3f3;
    color: #333;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    padding: 5px 7px;
    margin: 0 5px 5px;
    float: left; 
}
.detail_motcle h3 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 2;
    height: 30px;
}
.detail_motcle ul li a{
    background: #f3f3f3;
    color: #333;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    padding: 5px 7px;
    margin: 0 5px 5px;
    float: left; 
}
/***************************************** VIDEO DESCRIPTIF ****************************/
#rightCol{
    float: right;
    width: 305px;
    padding: 20px 0 0 25px;
}
#rightCol .content_img img{
    width: 280px;
}
#rightCol .content_textandfavoris{
    text-align: center;
    width: 265px;
    margin: 15px auto 5px;
}
.video-content iframe{
    width: 100%;
    height: 357px;
}
/***************************    VOTRE PANIER **********************/
/*********** AJOUT PRODUIT PANIER  *************/
#AjouterArticlePanier { 
    display: inline-block;
    width: 930px;
    margin: 25px 0 25px 0 ;
}
.Conseil_inrees{
    width: 350px;
    border-right: 1px dotted #c5cdda;
    float: left;
    margin: 5px 40px 0 0;
    padding: 15px 30px 50px;
}
.Conseil_inrees h5{
    font-size: 21px;
    margin-bottom: 20px;
    font-family: 'Ubuntu Condensed', sans-serif;    color: #7c8ca8;
    font-weight: 500;
    text-align: center;
    display: block;
}
.ajout_conseil_img{
    float: left;
    width: 125px;
    margin-right: 15px;
}
.ajout_conseil_circle{
    border-radius: 70px;
    overflow: hidden;
    width: 125px;
    height: 125px; 
    margin: 0 auto;
}
.ajout_conseil_circle img{
    width: 125px;
}
.ajout_conseil_text{
    float: left;  
    text-align: center;
    width:135px;
}
.ajoute_produit_inrees{
    width: 500px;
    float: left;
}
.contentimg_addproduit{
    margin: 0 20px 0 0;
    float: left;
}
.contentimg_addproduit img{
    width: 71px;
}
#contenerProduit {
    float: left;
    margin: 25px 0 30px 0px;
}
.TitreArticleAjouter {
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    width: 930px;
}
.content_addproduit{
    width: 329px;
    float: left;
}
.content_addproduit div{
    width: 100%;
}   
.blocImgAjouterProduit {
    display : block;    
    height:  92px;
    min-width: 75px;
    float : left;
    margin-bottom:5px;
    text-align: center;
}
.DescListTirePanier {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}
.BlocAjouterProduit 
{
    float: left;
    margin-left: 15px;
    width: 175px;
}
.PrixAjouterPanier {    
    font-size: 14px;
}
.soustotalAjPanier {
    float: left;
    height: 60px;
    margin-top: 15px;
    width: 220px;
}
.nombrearticleAjouter {
    font-size: 11px;
}
.prixglobalcommande{width: 150px;}
.top_command{
    background: none repeat scroll 0 0 rgba(26, 102, 173, 0.6);
    border-top: 4px solid #87a8c6;
    height: 50px;
    line-height: 1;  
    margin-top: 115px;
}
.content_panier{
    background: #f7f9f8;
    padding: 10px;
    margin: 20px 0 0 0;
}
.titre_boutique .btn_little{
    position: absolute;
    right: 0;
    top:5px;
}
.content_panier .list_command{
    background: #fff;
    margin: 15px 0 0 0;
}
.content_panier .titre_list{
    font-size: 13px; 
    font-family: 'ubuntu';
    font-weight: bold;
    color:#111b58;
    min-height: 14px;
    padding:0 20px 5px;
    display: none;
}
.content_panier  .titre_list .titre_produit{
    padding: 0 0 0 30px;
    width: 700px;
}
.content_panier  .titre_list .titre_quantite{
    width:183px;   
}
.content_panier  .titre_prix{
    width: 87px;
    text-align: center;
}
.content_panier .titre_prix_unitaire{
    padding-right: 28px;
}
.content_panier .produit_list:last-child{
    border-bottom: none;
}
.content_panier .produit_list{
    display: flex;
    border-bottom:1px solid #d8d8d8;
    min-height: 75px;
    padding: 1.33em 4.1666% 1.33em 0;
}
.content_panier .produit_list .produit_img{
    width: 145px;
    text-align: center;
}
.content_panier .produit_list .produit_img img{
    max-width: 96px;
    width: 100%;
    height: 100%;
}
.content_panier .produit_list .produit_text{
    width: 530px;
}
.content_panier .produit_supprimer span,
.content_panier .produit_prix span,
.content_panier .produit_prix_unitaire span{
    margin-top: 25px;
    display: block;
}
.content_panier .produit_list .produit_supprimer span{
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
.content_panier .produit_list .produit_supprimer span button i{
    color: #7c8ca8;
}
.content_panier .produit_list  .produit_quantite{
    width: 105px;
    text-align: center;
    color:#8596a7;
    font-size: 14px;
    padding-top: 35px;
}
.content_panier .produit_list  .produit_prix_unitaire{
    width: 120px;
    text-align: center;
    color:#8596a7;
    font-size: 14px;
}
.content_panier .produit_list  .produit_prix{
    width: 155px;
    text-align: right;
    padding-top: 20px;
}
.content_panier .produit_list  .produit_supprimer{
    width: 20px; 
    position: absolute;
    margin-left: 10px;
}
.content_panier .produit_text,
.content_panier .produit_quantite,
.content_panier .produit_prix,
.content_panier .produit_supprimer,
.content_panier .produit_prix_unitaire{
    float: left;
}
.content_panier .produit_text .content_titre{
    min-height: 80px;
    margin-bottom: 5px;
}
.content_delete{
    height: 20px;
}
.content_delete button{
    color: #7c8ca8;  
    font-family: "ubuntu";
}
.content_delete button:hover{
    color:#CF5586;
}
.content_panier .produit_text .title_panier{
    font-size: 16px;
    font-family:'ubuntu';
    font-weight: 400;
    display: inline;
}
.content_panier .total_redu_content{
    padding: 20px 35px 0;
}
.content_panier .reduct_content{
    width: 350px;
    float: left;
}
.content_panier .reduct_content input{
    width: 300px;
    height: 40px;
    background: #f0f0f0;
    box-shadow: none;
    border: none;
}
.content_panier .reduct_content h2{
    font-size: 15px;
    color: #111b58;
    font-family: 'ubuntu';
    font-weight: bold;
}
.content_panier .reduct_content p{
    font-family: "ubuntu";
    font-weight: 300;
}
.content_panier .reduct_content button{
    margin-left: 147px;
}
.content_panier .total_redu_content .total_content{
    float: right;
    width: 325px;
}
.content_panier .total_content .content_addition{
    width: 190px;
    text-align: right;
    float: left;
}
.content_panier .total_content .num_text{
    width: 325px;
    text-align: right;
    float: left;
}
.content_panier .sep_total_panier{
    margin: 15px 0;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #f0f0f0;
}
a.lienMettreajour {color:#424f71;text-decoration: underline ; font-size:11px; width: 90px;height: 11px;}
a.lienMettreajour span{color:#424f71;text-decoration: underline ; font-size:11px;height: 11px; margin-top: 5px;}

.lienMettreajour:hover {color:#CC2165; text-decoration: underline; }
input[type="text"].mettreajourInput { width: 45px;height: 30px; text-align: center;margin:0 auto;}
input[type="text"].mettreajourInputrecap { width: 38px;height: 20px; text-align: center; margin-top: 29px; margin-bottom: 10px;}
.btntop_panier{
    position: absolute;
    top:38px;
    right: 0;
}
/***************************************** .EVENEMENT DETAIL ****************************/

#centercol{
    width: 100%;
    padding: 20px 0 20px 0 ;
}
.suppinfo_content{
    width: 100%; 
}
.tarif_info{
    width: 310px; 
    float: left;
    margin: 0 30px 0 0;
}
.lieu_info{
    width: 240px;
    float: left;
}
.lieu_info a{
    font-weight: 700;
}
/***************************************** .CONTENT VIDEO ****************************/
.List_video li:nth-child(3n+1){
    margin: 0 5px 10px 0;
}
.List_video li:nth-child(3n+2){
    margin: 0 5px  10px 5px;
}
.List_video li:nth-child(3n+3){
    margin: 0  0  10px 5px;
}
.List_video li{
    width: 205px;
    height: 220px;
    display: block;
    float: left;
    transition: all 0.5s ease 0s;
}
.List_video li .content_a img{
    width: 205px;
    //   height: 135px;
    transition: all 0.5s ease 0s;
}
.List_video li .content_a h3{
    font-size: 18px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 1.15;
    margin: 18px 0 0 0;
}
.List_video li .content_a .List_video_img_hover .List_video_player div:before{
    font-family: icomoon;
    content: "\e802";
    font-size: 55px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 75px;
    position: absolute;
    line-height: 2.5;
    color:#fff;
    opacity: 0.4;
}
.List_video li .content_a:hover .List_video_img_hover .List_video_player div:before{
    opacity: 0.7;
}
.List_video li .content_a .List_video_img{
    position: absolute;
    width: 205px;
    height: 135px;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.List_video li .content_a:hover .List_video_img img{
    transform: scale(1.1);
}
.List_video li .content_a .List_video_img_hover{
    position: absolute;
    height: 135px;
    width: 205px;
    z-index: 1;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.List_video li .content_a .text_content_video{
    margin-top: 135px;
    position: absolute;
    width: 205px; 
}
/************************************ CONTENT FULLSIZE VIDEO **********************************************/
.List_videoFull.dark_themes .box_item_1_4 .content_a .box_item_1_4_content{
    transition: all 0.5s ease 0s;
    text-align: left;  
}
.List_videoFull.dark_themes .box_item_1_4 .content_a .box_item_1_4_content h3{
    font-family: "ubuntu";
    font-weight: bold;
    font-size: 21px;
    line-height: 1.15;
    margin: 5px auto 0;
}
ul.List_videoFull li:nth-child(4n+1){
    margin: 0 5px 10px 0;
}
ul.List_videoFull li:nth-child(4n+2),
ul.List_videoFull li:nth-child(4n+3){
    margin: 0 5px 10px 5px;
}
ul.List_videoFull li:nth-child(4n+4){
    margin: 0 0 10px 5px;
}
ul.List_videoFull li.box_item_1_4,
ul.List_videoFull li.box_item_1_4 .content_a,
ul.List_videoFull li.box_item_1_4 .content_a .box_item_1_4_img,
ul.List_videoFull li.box_item_1_4 .content_a .box_item_1_4_content,
ul.List_videoFull li.box_item_1_4 .content_a .box_item_1_4_img img{
    width: 227px;
}

/***************************************** .CONTENT PODCAST ****************************/
.icon_myinress_podcast img{
    width:107px;
    left: -12px;    
    position: absolute;
    z-index: 1;
}
.border_podcast{
    border: 1px solid #cad6dc
}
.content_podcast{
    background: none repeat scroll 0 0 #f3f5f7;
    margin: 5px;
}
ul.content_podcast li{
    width: 100%;
    padding: 10px;
    display: inline-block;
}
ul.content_podcast li a .icons_podcast2 img{
    transition: all 0.5s ease 0s;
}
.content_podcast2{float: left; margin-left: 16px;width: 460px;}
.icons_podcast2 { float: left; margin-top: 5px;}
ul.content_podcast li .podcast_img img{ float: left; width: 95px;}
ul.content_podcast li h4{ font-size: 13px; font-weight: 700;     font-family: 'Ubuntu', sans-serif;
}

/***************************************** .CONTENT MAGAZINE ****************************/
.List_mag li:nth-child(3n+1) div.content_a{
    margin: 0 5px 10px 0;
}
.List_mag li:nth-child(3n+2) div.content_a{
    margin: 0 5px 10px 5px;
}
.List_mag li:nth-child(3n+3) div.content_a{
    margin: 0  0 10px 5px;
}
.List_mag li div.content_a{
    width: 203px;
    height: 255px;
    display: block;
    float: left;
}
.List_mag li div.content_a img{
    width: 203px;
    transition: all 0.5s ease 0s;
}
.List_mag li div.content_a:hover img{
    transform: scale(1.05);
}
#contentCol .d_content .List_mag li div.content_a h3{
    font-size: 18px;
    font-family: 'Ubuntu', serif;
    font-weight: 700;
    text-align: center;
    line-height: 1.15;
    margin: 18px 0 0 0;
}
#contentCol .d_content .content_a .mag_hover_img{
    position: absolute;
    overflow: hidden;
    height: 135px;
    transition: all 0.5s ease 0s;
}
#contentCol .d_content .content_a .content_text{
    margin: 135px 0 0;
    position: absolute;
    width: 205px;
    text-align: center;
}
#contentCol .d_content .content_a .content_img_text{
    height: 135px;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 203px;
    z-index: 2;
    text-align: center;
}
.content_a .content_img_text{
    height: 150px;
    position: absolute;
    width: 225px; 
    z-index: 1;
}
.box_video_programme .content_a .content_img_text{
    height: 278px;
    width: 617px;
}
.box_video_2 .content_a .content_img_text{
    height: 248px;
    position: relative;
    width: 617px; 
    z-index: 1;
}
.box_event_3 .content_a .content_img_text{
    height: 278px;
    width: 700px;  
    text-align: center;
}
#contentCol .d_content .content_a .content_img_text .content_theme {
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Ubuntu Condensed', sans-serif;    font-size: 16px;
    margin: 15px auto 0;
    padding: 4px 5px 1px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
/***************************************** __.MAGAZINE ******************************************/
.mag_filtre ul li.search-mag a:hover{
    border-bottom: 2px solid #e7ecf0 ;
}
.search_detail{
    margin:7px 5px 2px 5px;
    width: 930px;
    display: inline-block;
}
.mag-filtre-par{
    background: none repeat scroll 0 0 #fff;
    display: none;
    z-index: 2;
    position: absolute;
    height: 20px;
}
.mag-filtre-par li button{
    background: none;
    border: none ;  
}
.mag-filtre-par li button:active {
    color: #3d98ff;
}
.mag-filtre-par li button:active .arow_filtre{
    border-color: #3d98ff transparent;
}
.text_filtre{
    padding: 0 5px 0  0;
    display: block;
    float: left;
}
/***************************************** __.SEARCH CONTAINER ******************************************/

.search_container .filtre ul.type_list {
    height: 43px;
    width: 62px;
    float: left;
    padding: 1px 0 0 0;
}
.search_container .filtre ul.type_list li button{
    float: left;
    padding: 4px 5px;
    border: 1px solid #c6c6c6; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color:#88a1b4;
    width: auto;
    height: auto;
    margin:6px 0 0;        
}
.search_container .filtre ul.type_list li button.focus_type_search {
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    color: #3d98ff;
    padding: 4px 5px;
    text-decoration: none;
}
.search_container .view-list .bandeau_content_myinrees.smallbandeau,
.search_container .view-list .box_item_1_4_player{
    display: none;
}
.search_container .filtre ul.type_list li button:hover{

}
.search_container .filtre ul.type_list  li:first-child button{
    border-radius: 2px 0 0 2px;     
    border-right: none;
}
.search_container .filtre ul.type_list  li:last-child button{
    border-radius: 0 2px 2px 0;    
}
.search_container .filtre ul {
    width: 100%;
    float: left;
}

.search_container ul.mosacontent_search.view-moza li .content_img img{
    width: 172px;
}
.search_container ul.mosacontent_search.view-moza li .content_text{
    padding: 0 5px;
}
.search_container ul.mosacontent_search.view-moza li .content_text h3{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.15;
    font-size: 16px;    
    margin: 5px 0 0
}
.search_container ul.mosacontent_search.view-moza li .content_text p{
    margin: 5px 0 0;
}
.search_container h2.contenu_search{
    font-size: 25px;
    font-family: "ubuntu";
    font-weight: 300;
    margin-bottom: 15px;
}
.search_container h2.contenu_search span{
    font-weight: 500;
}
.search_container #search_FAQ{
    background: none repeat scroll 0 0 #daecf6;
    padding: 15px;
}
.search_container #search_FAQ .search_input_faq{
    width: 745px;
}
.search_container .main{
    display: table;
}
.search_container ul.mosacontent_search.view-list li .content_text span.text_saisi{
    color:#fff;
    background:#3d98ff;
}
.search_container ul.mosacontent_search.view-list li h3{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.15;
    font-size: 14px;
    margin: 5px 0 0
}
.search_container ul.mosacontent_search.view-list li{
    background: #fff;
    border-color: #f2f2f2;
    border-width: 0 1px 2px;
    border-style: solid;
    margin: 5px;
    padding: 5px;
}
.search_container ul.mosacontent_search.view-list li span.text_saisi{
    color:#fff;
    background:#3d98ff;    
}


/***************************************** __.FLECHE ******************************************/
.arrow_down_middle {
    background: url("../images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.arrow_down_middle {
    bottom: 536px;
    content: "";
    display: block;
    height: 27px;
    left: 203px;
    position: absolute;
    transition: all 200ms ease-out 0s;
    width: 45px;
    z-index: 3;
}
.arrow_down {
    background: url("../images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.arrow_down {
    bottom: 252px;
    content: "";
    display: block;
    height: 27px;
    left: 203px;
    position: absolute;
    transition: all 200ms ease-out 0s;
    width: 45px;
    z-index: 3;
}
.arrow_up {
    background: url("../images/arrow.png");
    background-position: 0px -27px;
    background-repeat: no-repeat;
}
.arrow_up {
    bottom: 127px;
    content: "";
    display: block;
    height: 27px;
    left: 90px;
    position: absolute;
    transition: all 200ms ease-out 0s;
    width: 45px;
    z-index: 3;
}
/************************ MODAL ABO ****************************/
.form_radio_abo{
    float: left;
    width:340px;
    margin-top: 15px;
}
.form_radio_abo span.message-illimite{
    color :#1277d7;
    margin-left: 40px;
    display: inline-block;
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
}
.popinfullabo .modal_container{
    display: inline-block;
}
.modal_container{
    margin: 25px;
    display: inline;
}
.modal_abo_left{
    width: 345px;
    float: left;
}
.img_modal_abo{
    width: 325px;
    height: 269px;
    float: left;
    margin: 10px 0 0 0;
}
.img_modal_abo img{
    max-height: 260px;
    width: auto;
}
.text_modal_abo{
    float: left;
    width:325px;
    text-align: center;
    margin: 15px 0 0 5px;
}
.modal_abo_right{
    width: 305px;
    float: left;
}
.precommande_popin{
    position: absolute;
    text-align: center;
    background: #1277d7;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 50px;
    margin: 213px 44px 0px;
    font-size: 17px;
    font-weight: bold;
}
label.customabo {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    margin-right: 15px;
}
input.styleabo[type=checkbox],
input.styleabo[type=radio]{
    display: none;
}
label.customabo:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 5px;
    border:1px solid #505b66;
}
.check_gift label.customabo:before{
    border:1px solid #d50b68;   
    color:#d50b68;
}
.check_gift label{
    color:#d50b68;
}
.check_gift input.styleabo[type=radio]:checked + label:before {
    color: #1277d7;
}
.check_gift.form_radio_abo{
    float: none;
    text-align: center;
}
input.styleabo[type=radio]:checked + label:before {
    content: "\e805";
    color: #1388f5;
    text-align: center;
    line-height: 9px;
    font-size: 29px;
    font-family: "icomoon";
}
input.styleabo[type=checkbox]:checked + label:before {
    content: "\e805";
    color: #1388f5;
    text-align: center;
    line-height: 9px;
    font-size: 29px;
    font-family: "icomoon";
}
.reviens-abo{
    color :#fff;
    font-family: "Ubuntu",sans-serif;
    font-weight: 500;
    font-size: 24px;
    top: 15px;
    left: 25px;
    position: absolute;
}
/********************************  FAVORIS **********************************/
.tt{
    text-align: center;
    color: black;
    display: none;
    position: absolute;
    width: 136px;
    margin: 21px 0 0 51px;
    transition:all 200ms ease-out 0s;
    width: 160px;

}
.tt:before{
    border-color: transparent transparent #000 transparent;
    border-style: solid;
    border-width:0 8px 7px 8px;
    content: "";
    left: 46%;
    position: absolute;
    top: -20px;
    z-index: 1000;
}
.tt .text{
    background-color: black;
    color:white;
    margin-top: -15px;
    padding: 4px 5px;
    color:#fff;
    font-size: 13px;
}
.tt .arrow {margin-bottom: 8px;margin-top: -5px;}

.icon_fav_remove{
    background: url('../images/favoris_focus.png');
    background-size: cover; 
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;    
}
.icon_fav_add{
    background: url('../images/favoris.png');
    background-size: cover; 
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;   
}
.add_favoris{
    padding: 4px 5px;
    background: #000;
    color:#fff;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    margin: 48px 0 0 -164px;
    width: 162px;
    visibility: hidden;
    transition: all 200ms ease-out 0s;
}
.add_favoris.videofavoris{
    margin: 48px 0 0 -204px;
}
.add_favorisvisible{
    visibility: visible !important;
}
.add_favoris span:before,
.add_favoris span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    left: 42%;
    top:-7px;
    border-style: solid;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #000 transparent;
}
.add_favoris3{
    padding: 4px 5px;
    background: #000;
    color:#fff;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    margin: 207px 0 0 587px;
    width: 160px;
    text-align: center;
    visibility: hidden;
    transition: all 200ms ease-out 0s;

}
.add_favoris3 span:before,
.add_favoris3 span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    left: 46%;
    top:23px;
    border-style: solid;
    border-width:8px 9px 0 9px;
    border-color: #000 transparent transparent transparent;
}
.add_favoris2{
    padding: 4px 5px;
    background: #000;
    color:#fff;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    margin:52px 0 0 -281px;
    width: 160px;
    text-align: center;
    visibility: hidden;
    transition: all 200ms ease-out 0s;

}
.add_favoris2 span:before,
.add_favoris2 span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    left: 42%;
    top:-7px;
    border-style: solid;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #000 transparent;
}
.search_container .add_favoris.searchfavoris {
    margin: 48px 0 0 -53px;
}
/***********************************       Sommaire       *******************************************/
.bloc_gauche{
    padding-right: 5px;
    width: 300px; 
    min-height: 500px;
    border-right: 1px dotted #7c8ca8;
    float: left;
    display: table;
}
.bloc_droite{
    width: 300px;
    min-height: 500px;  
    padding-left: 5px;
    float: right;
    display: table;
}
.bloc_grand{
    width: 300px; 
    margin: 0 0 15px 0;   
}
.bloc_grand .img_sommaire{
    height: 170px;
}
.bloc_grand .img_sommaire img{
    width: 300px; 
    height: 170px;
    margin-bottom: 10px;
}
.bloc_grand .img_sommaire .page_sommaire{
    width: 65px;
    height: 65px;
    background: #333333;
    position: absolute;
    text-align: center;
}
.bloc_gauche .bloc_grand .img_sommaire .page_sommaire{
    margin-left: 235px;    
}
.bloc_droite .bloc_grand .img_sommaire .page_sommaire{
    margin-right: 235px;    
}
.bloc_grand .text_sommaire{
    text-align: center;
}
/******** moyen *********/
.bloc_moyen{
    width: 300px; 
    margin: 0 0 15px 0;   
    min-height: 100px;
    display:inline-block;
}
.bloc_moyen .img_sommaire{
    width: 146px; 
    height: 100px;
    margin-bottom: 0px;
}
.bloc_gauche .bloc_moyen .img_sommaire{
    float: right;
    margin-left: 10px;
}
.bloc_gauche .bloc_moyen .text_sommaire{
    text-align: right;
    float: left;
} 
.bloc_droite .bloc_moyen .img_sommaire{
    float: left;
    margin-right: 10px;
}
.bloc_droite .bloc_moyen .text_sommaire{
    text-align: left;
    float: right;
}
.bloc_moyen .text_sommaire h3{
    line-height: 1.15;
}
.bloc_gauche .bloc_moyen .img_sommaire .page_sommaire{
    margin-left: 106px;
}
.bloc_droite .bloc_moyen .img_sommaire .page_sommaire{
    margin-right: 105px;
}
.bloc_moyen .img_sommaire .page_sommaire{
    width: 40px;
    height: 40px;
    background: #333333;
    position: absolute;
    text-align: center;
}
.bloc_moyen .img_sommaire img{
    width: 145px;  
}
/******** petit *********/
.bloc_petit{
    width: 300px; 
    margin: 0 0 15px 0;   
    min-height: 100px;
    display: table;
}
.bloc_gauche .bloc_petit .text_sommaire{
    text-align: right;
    float: right;
} 
.bloc_droite .bloc_petit .text_sommaire{
    text-align: left;
    float: left;
}
/************************************  CAROUSEL *****************************************/
.owl-carousel .produit{
    float: left;
    width: 180px; 
    position: relative;
    text-align: left;
    margin: 0 32px 0 23px;
}
.owl-carousel .produit img{
    max-width: 96px;
    max-height: 130px;
    width: 100%;
    margin: 0  auto;
}
#selection_carousel .owl-buttons .owl-next {
    color: #fff;
    position: absolute;
    right: 10px;
    top: -60px;
    opacity: 0.7;
}
#selection_carousel .owl-buttons .owl-prev {
    color: #fff;
    position: absolute;
    right: 55px;
    top: -60px;
    opacity: 0.7;
}
#selection_carousel .owl-buttons .owl-prev:hover,
#selection_carousel .owl-buttons .owl-next:hover{
    opacity: 1;
}
#selection_carousel .owl-buttons {
    margin: 0 0 0 -55px;
    width: 970px;
}
a.btn{
    cursor: pointer;
    position: absolute;
}
.customNavigation{
    margin: -187px 0 0 0;
    position: absolute;
}
.customNavigation .prev{
    margin-left: -6px;
}
.customNavigation .next{
    margin-left: 900px;
}

/** Carousel Articles  **/
.container_mag .owl-carousel .produit{
    float: left;
    width: 120px; 
    position: relative;
    text-align: center;
    margin: 0 32px 0 23px;
}
.container_mag .owl-carousel .produit img{
    width: 110px;
    margin: 0  auto;
}
.container_mag .owl-buttons{
    margin:0 0 0 -55px;
    width: 1050px;
}
.container_mag .owl-buttons .owl-prev{
    color: #fff;
    position: absolute;
    right: 42px;
    top: -60px;
    opacity: 0.5;
}
.container_mag .owl-buttons .owl-next{
    color: #fff;
    position: absolute;
    right: 5px;
    top: -60px;
    opacity: 0.5;

}
.container_vid .owl-buttons .owl-prev{
    color: #fff;
    position: absolute;
    right: 25px;
    top: -105px;
}
.container_vid .owl-buttons .owl-next{
    color: #fff;
    position: absolute;
    right: 65px;
    top: -105px;
}
.container_mag .owl-buttons .owl-prev:hover,
.container_mag .owl-buttons .owl-next:hover{
    color:#fff;
    opacity: 0.7;
}
/****************************    BOUTIQUE      *****************************/
/***************   PRODUIT ITEM   ******************/
.titre_boutique{
    text-align: center;
    font-family: 'ubuntu';
    font-weight: 300;
    font-size: 30px;
    position: relative;
    margin: 10px 0 10px 0;
    height: 40px;
}
.titre_boutique h3{
    line-height: 1.6;    
}
.titre_boutique .btn_default{
    top:0px;
    right: 0;
    position: absolute;
}
.titre_boutique .btn_default:hover{
    color : #111b58;
}
.contenerBoutique{
    margin: 20px 0 0 0;
    padding: 10px;
    background: none repeat scroll 0 0 #f7f9f8;
} 
.itemBox{
    width: 180px;
    height: 380px;
    float: left;
    text-align: left;
    display: inline-block;
    position: relative;
}
.accueil .itemBox{
    height: 330px;   
}
.eventboutique .itemBox{
    width: 304px;
    height: 280px;
}
.itemtitre{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
}
.content_myinrees_full .itemtitre {
    font-size: 14px;   
}
.item_auteur{
    display: block;  
}
.view-boutique span.typePrice{
    margin: 5px 0 0 0;
}
#content.dark_themes span.typePrice{
    background: #7c8ca8;
}
span.typePrice{
    background: #2f2f2f;
    display: inline-block;  
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding:8px  10px;
    position: relative;
    color:#FFF;
    line-height: normal;
}
#content.dark_themes span.typePrice .arrow_price{
     border-color: transparent transparent transparent #7c8ca8;   
}
span.typePrice .arrow_price{
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #2f2f2f;
}
#content.dark_themes span.typePrice.abonner .arrow_price,
span.typePrice.abonner .arrow_price{
    border-color: transparent transparent transparent #1a5997;
    border-width: 17px 0 17px 17px;
    right: -17px;
}
#content.dark_themes span.typePrice.abonner,
span.typePrice.abonner{
    background: #1a5997;
    color :#fff;
}
span.typePricepanier{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;   
}
span.typePricepaniertotal{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;   
}
.dispo_stock{
    color:#7c8ca8;
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;
}
.become_stock{
    color:#7c8ca8;
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;

}
.produit_dispo4{
    color: #7c8ca8; 
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;

}
.produit_dispo3{
    color: #7c8ca8;    
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;

}
.produit_dispo2{
    color:#7c8ca8; 
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;
}
.produit_dispo1{
    color:#7c8ca8; 
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;
}
.typeDispo{
    display: block;  
    margin: 5px 0 0 0;
}
.eventboutique .typeDispo,
.selectionINREES .typeDispo{
    color :#fff;
}
.typeDispolistshop{
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;    
}
.typeDispoprecommande{
    color:#429e21; 
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 600;      
}
.produit .box_img_hover .item_myinrees,
.itemBox.view-boutique .box_img_hover{
    position: absolute; 
}
.produit .box_img_hover .item_myinrees,
.itemBox.view-boutique .box_img_hover .item_myinrees{
    color: #fff;
    font-size: 15px;
    font-family: "Merriweather",serif;
    font-weight: 700;
    background: #1a5997 none repeat scroll 0 0;
    line-height: 1.7;
    width: 155px;
    height: 25px;
    margin: 140px 17px 0;
    display: block;
    text-align: center;

}
.itemfullsize .itemBox3{
    width: 305px;
    float: left;
    text-align: center; 
    margin-bottom: 15px;
}
.itemfullsize .itemBox3:nth-child(1){margin:0 5px 0 0;}
.itemfullsize .itemBox3:nth-child(2){margin:0 5px 0 5px;}
.itemfullsize .itemBox3:nth-child(3){margin:0 0 0 5px;}

.itemfullsize .itemBox3 img{
    width: 305px;
}
.eventboutique .itemBox img#image-produit-boutique,
.eventboutique .itemBox img.image-produit-boutique{
    height: 169px;
    width: 304px;
    max-height: 169px;
    max-width: 304px;
}
.itemBox:hover img#image-produit-boutique,
.itemBox:hover img.image-produit-boutique{
    transform: scale(1.05);
}
.list_accueil_boutique.eventboutique{
    margin: 0 15px 0 0 ;
    width: 637px;
    float: left;
    display: inline-block;
}
.itemBox img#image-produit-boutique,
.itemBox img.image-produit-boutique{
    max-height: 130px;
    max-width: 90px;
    width: 100%;
    text-align: center;
    transition: all 200ms ease-out 0s;
}
.text_abo_boutique{
    width: 310px;
    margin-top: 5px;
    text-align: left;
}
.text_abo_boutique .itemType{
    font-family: 'ubuntu', serif;
    font-weight: bold;
    font-size: 27px;
    display: block;
    margin-bottom: 15px;
}
.view-boutique .item_sst{
    color :#7c8ca8;
    display: block;
}
.text_abo_boutique .item_auteur{
    font-size: 11px;
    color:#132f63;
    font-family: "ubuntu";
    font-weight: bold;
}
#itemBoxCustom1{
    width: 374px;
    float: left;
    padding: 0 0 60px;

}
#itemBoxCustom1 .content_boutique .img_boutique{
    float: left;
    margin: 5px 15px 0 0;
    border-radius: 50px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
#itemBoxCustom1 .img_boutique img{
    width: 100px;
}
#itemBoxCustom1 .border_boutique{
    border: 1px solid #cad6dc; 
}
#itemBoxCustom1 .content_boutique{
    background: none repeat scroll 0 0 #f3f5f7;
    margin: 5px;
    padding: 15px;
    display: flex;
}
#itemBoxCustom1 .text_boutique{
    float: right;
    width: 225px;
}
#itemBoxCustom2{
    width: 187px;
    float: left;
}
#itemBoxCustom2 .content_boutique .img_boutique{
    margin: 5px auto 0;
    text-align: center;
    height: 100px ;
    width: 100px;
    border-radius: 50px;
    overflow: hidden;
}
#itemBoxCustom2 .img_boutique img{
    width: 100px;
}
#itemBoxCustom2 .border_boutique{
    border: 1px solid #cad6dc; 
}
#itemBoxCustom2 .content_boutique{
    background: none repeat scroll 0 0 #f3f5f7;
    margin: 5px;
    padding: 15px;
    height: 413px;
}
.itemBox_container{
    float: left;
    width: 750px;
}
/****************** BOUTIQUE DETAIL ***********************/
#paginate_shop{
    text-align: center ;
}
#paginate_shop ul{
    list-style: none;
}
#paginate_shop li{
    display: inline;
}
#paginate_shop a:first-child, #paginate_shop a.first {
    margin-left: 0;
}
#paginate_shop a:last-child, #paginate_shop a.last {
    margin-right: 0;
}
#paginate_shop a{
    border-radius: 1px;
    margin: 1px 2px;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #88a1b4;
    text-decoration: none;
    color: #717171;
    background-color: #f5f5f5;
}
#paginate_shop a.active {
    color: #f2f2f2;
    background-color: #1388f5;
}
span.myinreesprice{
    font-family: "Merriweather",serif;
    font-weight: 700;
    font-size: 15px;
}
.contentproduit_prixinrees .typePrice.abonner{
    margin: 0px 20px 0 0 ;
}
.contentproduit_prixinrees,
.contentproduit_prix{
    display: block;
    height: 40px;
}
.contenerBoutique h3.titre_dt{
    height: 25px;
}
.contenerBoutique  h3.titre_dt span.titre_content, 
h3.titre_center span.titre_content{
    font-size: 14px;
}
h3.titre_center.little_titre span.titre_content span{
    display: block;
    font-size: 20px;    
    font-family: 'Merriweather', serif;
    font-weight: 700;
}
h3.titre_center.little_titre .sep{
    height: 1px;
    width: 40px;
    background: #000;
    margin: 0 auto;
}
.contenerBoutique h3.titre_dt {
    height: 38px;
    margin: -18px 0 0px;
    text-align: center;
}
.boutique .event_filtre ul li:last-child button:hover{
    border-bottom: 2px solid #3d98ff;
}
.ia_p{
    width: 250px;
    height: 100px;
    position: absolute;
    z-index: 1;
}
.nouveau_icon{
    height: 35px;
    width: 100px;
    background:#ff338e;
    margin-top: 30px;
    margin-left: -30px;
}
.nouveau_icon .nouveau_text{
    color: #fff;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 15px;
    line-height: 2.2;
    margin-left: 10px;
}
.nouveau_icon .arrow_new_up{
    width: 0;
    height: 0;
    margin-left: 100px;
    margin-top: -33px;
    position: absolute;
    border-style: solid;
    border-width: 18.5px 9.5px 0 0;
    border-color: #ff338e transparent transparent transparent;
}
.nouveau_icon .arrow_new_down{
    width: 0;
    height: 0;
    margin-left: 100px;
    margin-top: -16px;
    position: absolute;
    border-style: solid;
    border-width: 18.5px  0 0 9.5px;
    border-color:  transparent transparent transparent #ff338e;
}
.coeur_icon{
    height: 35px;
    width: 100px;
    background:#132f63;
    margin-top: 30px;
    margin-left: -30px;
    z-index: 1;
}
.coeur_icon .coeur_text{
    color: #fff;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 15px;
    line-height: 2.2;
    margin-left: 10px;
}
.coeur_icon .coeur_text img{
    position: absolute;
    padding: 8px 0 0 7px;
}
.coeur_icon .arrow_new_up{
    width: 0;
    height: 0;
    margin-left: 100px;
    margin-top: -33px;
    position: absolute;
    border-style: solid;
    border-width: 18.5px 9.5px 0 0;
    border-color: #132f63 transparent transparent transparent;
}
.coeur_icon .arrow_new_down{
    width: 0;
    height: 0;
    margin-left: 100px;
    margin-top: -16px;
    position: absolute;
    border-style: solid;
    border-width: 18.5px  0 0 9.5px;
    border-color:  transparent transparent transparent #132f63;
}
.arrow_new_little_dark{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5.5px 5.5px 0;
    border-color: transparent #132f63 transparent transparent;
    margin: 2px 0 0;
}
.coupdecoeur{
    text-align: center;
    width: 265px; 
    margin-top: 15px;
}
/****************************  GESTION DES BLOC ARTICLES   ********************************/
.Leftcontent{
    float: left;
    margin-right: 10px;
    text-align: left;
    width: 305px;
    margin-bottom: 10px;
}
.Rightcontent{
    float: left;
    margin-left: 10px;
    text-align: left;
    width: 305px;
    margin-bottom: 10px;
}
.img_little{
    float: left;
    height: 110px;
    margin-right: 10px;
}
.theme_big a {
    display: inline-block;
    font-family: "ubuntu";
    font-weight: bold;
    font-size: 14px;
    line-height: 1.7;
    margin: 18px auto 0;
    padding: 4px 15px 0px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
}
.img_big{
    margin-right: 10px;
}
.img_big a img{
    width: 305px;
}
.img_little a img{
    width: 80px;
}
.text_article{
    padding-top: 5px;
    margin-bottom: 2px;
}
.list_article{
    display: block;
    float: left;
    width: 100%;
}
ul.list_article li{
    display: block;
    margin: 5px 0 0;
    padding: 9px 10px;
    width: 90%;
}
ul.list_article li:nth-child(odd){
    background: none repeat scroll 0 0 #f3f5f7;
}
ul.list_article li:nth-child(even){
    background: none repeat scroll 0 0 #f1f6fa;
}

/*   ARTICLE CONNEXES */
ul.bloc_list_article{
    margin: 0 0 20px 0;
    display: table;
    width: 100%;
}
ul.bloc_list_article li  .content_a .container_text{
    height: 151px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    width: 227px;
    z-index: 1;
}
ul.bloc_list_article li  .content_a .container_text .content_icon{
    position: absolute;
    width: 227px;
    z-index: 2;
    height: 151px;    
    transition: all 0.5s ease 0s;
}
ul.bloc_list_article li  .content_a:hover .container_text{
    height: 133px;
}
ul.bloc_list_article li  .content_a:hover .content_icon{
    height: 133px;
}
ul.bloc_list_article li  .content_a .container_text img.img_full_article{
    width: 100%; 
    transition: all 0.5s ease 0s;
}
ul.bloc_list_article li  .content_a:hover .container_text img.img_full_article{
    transform: scale(1.1);
}
ul.bloc_list_article li .content_a .container_text .content_theme {
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Ubuntu Condensed', sans-serif;    font-size: 16px;
    margin: 15px auto 0;
    padding: 4px 5px 1px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
ul.bloc_list_article li .content_a:hover .container_text .content_theme {
    margin: 25px auto 0;

}
ul.bloc_list_article li a{
    display: block;
    float: left;
    height: 260px;
    width: 227px;
    text-align: center;
}
ul.bloc_list_article li .content_a h4{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 25px;
    line-height: 1.15;
    padding: 5px 5px 0;
    transition: all 0.5s ease 0s;
}
ul.bloc_list_article li .content_a p{
    color: #7c8ca8;
    font-family: "arial";
    font-size: 13px;
    margin-top: 10px;

}
ul.bloc_list_article li:nth-child(4n+1) a{
    margin: 0 5px 10px 0;
}
ul.bloc_list_article li:nth-child(4n+2) a{
    margin: 0 5px 10px 5px;

}
ul.bloc_list_article li:nth-child(4n+3) a{
    margin: 0 5px 10px 5px;
}
ul.bloc_list_article li:nth-child(4n+4) a{
    margin: 0 0 10px 5px;
}

ul.list_img_article li{
    float: left;
    margin: 0 0 10px 0;
}
/******* ITEM ARTICLES 1_3 *********/
.itemcontent_1_3{
    width: 304px;
    float: left;
}
.over_container_wrapper .itemcontent_1_3{
    padding: 0 0px 10px 0px; 
    margin: 0 10px 0 0;
}
.over_container_wrapper .itemcontent_1_3.item_darktheme{
    background: #22509d none repeat scroll 0 0;
    margin: 0 !important;
    padding: 0 25px 10px 8px;
    position: absolute;
    right: 0;
    width: 338px;
    height: 577px;
}
.itemcontent_1_3.item_darktheme ul li .content_a p{
    color: #7c8ca8;
    margin-top: 10px;  
}
.itemcontent_1_3 ul li{
    margin:  5px 0 0;
    position: relative;
    display: block;
    text-align: center;
    background: #fff;
    height: 40px;
    width: 100%;
}
.itemcontent_1_3.item_darktheme ul li{
    background: #364b84;
}
.itemcontent_1_3 ul li:first-child{
    margin:0 0 0;
}
.itemcontent_1_3 ul li .content_a h4{
    font-family: "Ubuntu",sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin: 20px 10px 0;
    line-height: 1.15; 
}
.itemcontent_1_3 ul li .content_a p{
    margin: 10px 5px 0;  
}
.itemcontent_1_3 ul li:first-child .content_a .overhidden_img img{
    width: 100%; 
    margin: 0 0 10px;
    transition: all 0.5s ease 0s;
}
.itemcontent_1_3 ul li:first-child .content_a:hover img{
    transform: scale(1.1);
}
.itemcontent_1_3 ul li:first-child{
    padding: 0 0 10px 0;
    height: 280px;
}
.itemcontent_1_3:first-child{
    margin: 0 13px 0 25px;
}
.itemcontent_1_3:last-child{
    margin: 0 0  0 13px;
}
.itemcontent_1_3 .content_a .hover_img_itemconnexes{ 
    position: absolute;
    width: 304px;  
    height: 169px;
    z-index: 2;
}
.overhidden_img{
    overflow: hidden;
    width: 304px;
    height: 169px;
}
.itemcontent_1_3 .content_a .date_content{
    background: #fff none repeat scroll 0 0;
    color: #1388f5;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    font-size: 37px;
    height: 71px;
    margin-left: 115px;
    margin-top: 102px;
    position: absolute;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 69px;
}
.itemcontent_1_3  .content_a .date_content div:first-child {
    height: 39px;
}
.itemcontent_1_3  .content_a .date_content div:last-child {
    color: #192250;
    font-size: 18px;
}
.itemcontent_1_3 .content_a .player_itemconnexes:before{
    font-family: icomoon;
    content: "\e802";
    font-size: 65px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 125px;
    position: absolute;
    line-height: 2.7;
    color:#fff;
    opacity: 0.4;
}
.itemcontent_1_3 ul li .content_a:hover .player_itemconnexes:before{
    opacity: 0.8;
}
.itemcontent_1_3 ul li .content_a img.content_small_img{
    width: 60px;
    float: left;
}
.itemcontent_1_3 ul li .content_a h6{
    margin-left: 15px;
    float: left;
    font-size: 15px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 500;
    line-height: 2.5;
}
/************************** FORMATAGE DES ARTICLE*********************************/
.content_icon_article{
    position: absolute;
    margin: 20px 0 0 0;
    display: inline-flex;
}
.content_icon_article button{
    background: none repeat scroll 0 0 #f3f5f7;
    width: 25px;
    height: 25px;
    color:#1388f5;
    vertical-align: top;
}
.content_icon_article button:hover{
    color:#cc2165;
}
.photor {
    margin-left: 14px;
    padding: 4px;
}
.border_auteur {
    border: 1px solid #cad6dc;
    width: 280px;
}
ul.auteur_content{
    padding: 15px 10px 15px 10px;
    background: none repeat scroll 0 0 #f3f5f7;
    margin: 5px;
    width: 267px;
}
ul.auteur_content li{
    display: inline-block;
    width: 245px;
}
ul.auteur_content li.sp_redac {
    color: #fff;
    cursor: default;
    font-family: georgia;
    font-size: 23px;
    height: 20px;
    line-height: 0;
}
ul.auteur_content .redac_nom{
    font-family: "ubuntu";
    font-weight: 400;
    width: 200px; 
    overflow: hidden;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
}
.auteur_content img{
    width: 80px;
    border-radius: 55px;
    float:left;
    margin:0 10px 10px 0;
}
.left_media{
    clear: left;
    float: left;
    margin: 20px 20px 20px -302px;
    position: relative;
    width: 641px;
}
.left_media_demi{
    clear: left;
    float: left;
    margin: 3.125% 3.125% 3.125% -23%;
    position: relative;
    width: 57%;
}
.left_media_demi > img{
    width: 100%;
}
.media_legend{
    font-family: "Ubuntu";
    font-size: 12px;
}
.photor {
    padding:4px;border:1px solid #b9bec2;margin-left:14px;margin-bottom:10px;
}

.photoL {
    padding:4px;border:1px solid #b9bec2;margin-right:14px;margin-bottom:10px;
}

.photoL2 {
    padding:4px;/*border:1px solid #b9bec2;*/margin-right:12px;margin-bottom:8px;
}

.photoL3 {
    /*padding:2px;border:1px solid #b9bec2;*/margin-right:10px;margin-bottom:6px;
}

blockquote{
    border-left: 4px solid #1388f5;
    margin-bottom: 1.3rem;
    padding: 0 0 0 30px;
}
.left_blockquote {
    margin-left: -300px;
    position: absolute;
    text-align: right;
    width: 265px;
}
.left_blockquote p{
    font-size:2rem;line-height:2.5rem;padding-bottom:0.3rem;
    font-family: "Merriweather",serif;
    font-style: italic;
    font-weight: 500;
}
.left_blockquote:before {
    content: "“";
    display: block;
    font-size: 16.23rem;
    font-family: Engravers;
    height:  5.154rem;
    position: absolute;
    right: 0.8rem;
    width:  5.692rem;
    line-height: 3rem;
}
.left_blockquote.no_quote:before {
    display: none;
}
.left_blockquote p:first-child {
    margin-bottom: 1rem;
    padding-top: 0;
}
/**************************** CONTENT NEWSLETTER*********************************/

.textarea_newsletter{
    width: 550px;
    min-height: 130px
}
.desinscription_content{
    width: 550px;   
    margin: 0 auto;
    text-align: center;
}
/**************************** CONTENT ABONNEZ-VOUS*********************************/

.r_bandeau .articlepayant_content {
    width: 691px;
    font-family: 'ubuntu', serif;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    text-align: center;
}
.r_bandeau .articlepayant_content .article_text{
    padding: 10px 25px 10px 15px;
}
.text_defaut .r_bandeau .articlepayant_content .article_text p{
    padding-bottom: 0;
}
.deja_abonner{
    font-size: 13px; 
    margin: 5px 0 0 0;
    display: block;
}
.text_reserve{
    margin: 15px 0 0 0;
}
.arrow_big_article{
    position: absolute;
    top: -30px;
    right: 0;
}
.video_demo img{
    width: 100%;
}
div.content_a.text-haut-player {
    background-image: url('../images/image_fond_video.jpg');
    position: absolute;
    z-index: 3;
    width: 100%;
    min-height: 357px;
    text-align: center;
    font-family: "ubuntu";
    font-weight: bold;
    font-size: 26px;
    color:rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.content_video{
    display: table;
    height: 355px;
    overflow: hidden;
}
div.content_a.text-haut-player .player_icon:before{
    font-family: icomoon;
    content: "\e802";
    font-size: 75px;
    vertical-align: bottom;
    transition: all 0.5s ease 0s;
    z-index: 2;
    left:0;
    margin-left: 275px;
    position: absolute;
    line-height: 4.5;
    color:#fff;
    opacity: 0.6;
}
div.content_a.text-haut-player:hover span{
    opacity: 1;
}
.content_video .dacast-content{
    height: 356px !important;
    width: 100% !important;
}
div.content_a.text-haut-player:hover .player_icon{
}
div.content_a.text-haut-player .player_icon:hover{
}
div.content_a.text-haut-player .vision_extrait_textmax{
    font-size: 35px;
    width: 100%;
    display: inline-block;
    margin: 215px auto 0;
}
/****************** VIDEO CUSTOM  **********************/
#content .vjs-default-skin:hover .vjs-big-play-button, 
#content .vjs-default-skin .vjs-big-play-button:focus{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
}
#content .vjs-default-skin .vjs-big-play-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    cursor: pointer;
    display: block;
    font-size: 3em;
    height: 2.1em;
    opacity: 1;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    vertical-align: middle;
    width: 2.1em;
    z-index: 2;
}
#content .vjs-default-skin .vjs-big-play-button:before {
    color: #fff;
    font-family: icomoon;
    content: "\e802";
    vertical-align: bottom;
    height: 100%;
    left: 3px;
    font-size: 80px;
    line-height: 1em;
    position: absolute;
    text-align: center;
    text-shadow: none;
    width: 100%;
}
#content .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    left: 50%;
    margin-left: -1em;
    margin-top: -1.4em;
    top: 50%;
}
#content .vjs-default-skin.vjs-has-started .vjs-big-play-button {
    display: none;
}
#content .vjs-default-skin {
    color: #fff;
}
#content .vjs-default-skin .vjs-play-progress,
#content .vjs-default-skin .vjs-volume-level {
    background-image: none;
    background-color: #2089e1;
}
#content .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content,
#content .vjs-default-skin .vjs-slider-handle:before,
#content .vjs-default-skin .vjs-menu-button ul li:focus,
#content .vjs-default-skin .vjs-menu-button ul li:hover,
#content .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
#content .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover,
#content .vjs-default-skin .vjs-menu-button ul li.vjs-selected,
#content .vjs-default-skin .vjs-control:focus:before,
#content .vjs-default-skin .vjs-control:hover:before{
    box-shadow: none;
    text-shadow: none;
}
/*** FLUX RSS ***/
.border_rss{
    border: 1px solid #cad6dc;
}
ul.flux_rss{
    background: none repeat scroll 0 0 #f3f5f7;
    margin: 5px; 
}
ul.flux_rss li{
    width: 100%;
    padding: 10px;
    display: inline-block;
}
ul.flux_rss li h6{
    font-weight: bold;
    margin: 0;
    line-height: 12px;
}
ul.flux_rss li h6 span{
    line-height: 12px;   
}
ul.flux_rss li .content_li_rss{
    float: left;
    width: 550px; 
}
ul.flux_rss li  .iconrss img{
    margin: 2px 0 0 0;
}
ul.flux_rss li:hover  .iconrss img{
    transform: scale(1.1);
}
/******************custom select petit**********************/
.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}
.custom-dropdown__select--white {
    background-color: #fff;
    color: #7e8ca8;  
    padding:0 0.5em; 
    height: 30px;
    width:75px;
    border: 1px solid #cccccc;
    font-family: 'ubuntu', serif;
    font-weight: 400;
    border-radius: 0;
}
.modal_abo_left .custom-dropdown__select--white{
    color :#192250;
}
.fa.fa-chevron-left:before{
    font-family: icomoon;
    font-size: 13px;
    content: "\e813";
}
@supports   (pointer-events: none) and
((-webkit-appearance: none) or 
(-moz-appearance: none) or 
(appearance: none)){
    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #ccd1d5;
    }
    .custom-dropdown__select {
        padding:0 0.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        appearance: none;    
    }
    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }
    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\e80f";
        font-family: icomoon;
        font-size: 0.925em !important;
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.0em;
        top: 50%; margin-top: -.5em;
    }
    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
    }
    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }
    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }
    /* White dropdown style */
    .custom-dropdown--white::before {     
        background-color: #fff;
    }
    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }
    .select_custom_pays .custom-dropdown__select{
        width:387px;
        height:30px;
        color: #7e8ca8;  
        font-family: 'ubuntu', serif;
        font-style: normal;
        font-weight: 400;
        border-radius: 0;
    }
    .custom-dropdown__select option{
        padding: 0.4em 0.5em;
        height: 30px;     
    }
}

/******************custom select grand**********************/
.custom-dropdown__select_big{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select_big--white {
    background-color: #fff;
    color: #7e8ca8;  
    padding:0 0.5em; 
    height: 30px;
    width:75px;
    border: 1px solid #cccccc;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    border-radius: 0;
}
@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)){
    .custom-dropdown_big {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    .custom-dropdown__select_big {
        padding:0 0.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        appearance: none;    
    }
    .custom-dropdown_big::before,
    .custom-dropdown_big::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }
    .custom-dropdown_big::after { /*  Custom dropdown arrow */
        content: "\e80f";
        font-family: icomoon;
        font-size: 0.925em !important;
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.0em;
        top: 50%; margin-top: -.5em;
    }
    .custom-dropdown_big::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;

    }
    .custom-dropdown__select_big[disabled] {
        color: rgba(0,0,0,.3);
    }
    .custom-dropdown_big.custom-dropdown_big--disabled::after {
        color: rgba(0,0,0,.1);
    }
    /* White dropdown style */
    .custom-dropdown_big--white::before {     
        background-color: #fff;
    }
    .custom-dropdown_big--white::after {
        color: rgba(0,0,0,.9);
    }

    .select_custom_pays_big .custom-dropdown_big:before{
        height: 2.15em;
        right:1px;
        top:1px;
        width:2em;
    }
    .select_custom_pays_big .custom-dropdown__select_big{
        width:387px;
        height:30px;
        color: #7e8ca8;  
        border: 1px solid #cccccc;
        font-family: 'Merriweather', serif;
        font-weight: 700;
        font-style: italic;
        border-radius: 0;
    }
    .custom-dropdown__select_big option{
        padding: 0.4em 0.5em;
        height: 30px;     
    }
}
/****************** custom select boutique **********************/

.custom-dropdown__select_shop{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding:0 0.5em 0 1.5em ; 
    margin: 0; /* remove default margins */
}
.custom-dropdown__select_shop--shop {
    background-color: #fff;
    color: #7e8ca8;  
    padding:0 0.5em 0 1.5em; 
    height: 55px;
    width:60px;
    border: 1px solid #cccccc;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    border-radius: 0;
    vertical-align:top;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)){
    .custom-dropdown_shop {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }
    .custom-dropdown__select_shop {
        border: 0;
        padding:0 0.5em 0.1em 0.8em ; 
        appearance: none; 
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; 
    }
    .custom-dropdown_shop::before,
    .custom-dropdown_shop::after {
        font-family: icomoon;
        content: "";
        position: absolute;
        pointer-events: none;
    }
    .custom-dropdown_shop::before { /*  Custom dropdown arrow */
        font-family: icomoon;
        content: "\e80f";
        vertical-align: bottom;
        font-size: 1.225em;
        height: 1em;
        line-height: 4.4;
        right: 1.0em;
        top: 50%; margin-top: -.5em;
    }
    .custom-dropdown_shop::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; 
        top: 0; 
        bottom: 0;
    }
    .custom-dropdown__select_shop[disabled] {
        color: rgba(0,0,0,.3);
    }
    .custom-dropdown_shop.custom-dropdown_shop--disabled::after {
        color: rgba(0,0,0,.1);
    }
    /* White dropdown style */
    .custom-dropdown_shop--shop::before {     
        background-color: #fff;
    }
    .custom-dropdown_shop--shop::after {
        color: rgba(0,0,0,.9);
    }

    .select_custom_pays_shop .custom-dropdown_shop:before{
        height: 2.15em;
        right:1px;
        top:1px;
        width:2em;
    }
    .select_custom_pays_shop .custom-dropdown__select_shop{
        width:387px;
        height:30px;
        color: #7e8ca8;  
        border: 1px solid #cccccc;
        font-family: 'Merriweather', serif;
        font-weight: 700;
        font-style: italic;
        border-radius: 0;
    }
    .custom-dropdown__select_shop option{
        padding: 0.4em 1.5em;
        height: 30px;     
    }

}
.disable_select{
    background:#a3a3a3;
    opacity:0.2;
    width:60px;
    height:51px;
    z-index:1;
    border-radius:2px;
    position:absolute;
}

/****************** custom select FORMULAIRE  **********************/

.custom-dropdown__select_formulaire{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/

    margin: 0; /* remove default margins */
}
.custom-dropdown__select_formulaire--formulaire {
    background-color: #fff;
    color: #7e8ca8;  
    padding:0 0.5em; 
    height: 30px;
    width:390px;
    border: 1px solid #cccccc;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-style: italic;
    border-radius: 0;
}

@supports (pointer-events: none) and 
((-webkit-appearance: none) or 
(-moz-appearance: none) or 
(appearance: none)){

    .custom-dropdown_formulaire {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #cccccc;
    }
    .custom-dropdown__select_formulaire {
        border: 0;
        padding: 0.5em;
        appearance: none;    
    }
    .custom-dropdown_formulaire::before,
    .custom-dropdown_formulaire::after {
        content: "";
        position: absolute;
        pointer-events: none;
        background-color: #fff;

    }
    .custom-dropdown_formulaire::after { /*  Custom dropdown arrow */
        font-family: icomoon;
        content: "\e80f";
        font-size: 0.925em !important;
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.0em;
        top: 50%; margin-top: -.5em;
    }
    .custom-dropdown_formulaire::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; 
        top: 0; 
        bottom: 0;
    }
    .custom-dropdown__select_formulaire[disabled] {
        color: rgba(0,0,0,.3);
    }
    .custom-dropdown_formulaire.custom-dropdown_formulaire--disabled::after {
        color: rgba(0,0,0,.1);
    }
    /* White dropdown style */
    .custom-dropdown_formulaire--formulaire::before {     
        background-color: #fff;
    }
    .custom-dropdown_formulaire--formulaire::after {
        color: rgba(0,0,0,.9);
    }

    .select_custom_pays_formulaire .custom-dropdown_formulaire:before{
        height: 2.15em;
        right:1px;
        top:1px;
        width:2em;
    }
    .select_custom_pays_formulaire .custom-dropdown__select_formulaire{
        width:387px;
        height:30px;
        color: #7e8ca8;  
        border: 1px solid #cccccc;
        font-family: 'Merriweather', serif;
        font-weight: 700;
        font-style: italic;
        border-radius: 0;
    }
    .custom-dropdown__select_formulaire option{
        padding: 0.4em 1.5em;
        height: 30px;     
    }

}