/*
 * Style by Datagif
 *
 */

/* @group RESETS */

	/* Eric Meyer reset.css v2.0 20110126 -- & -- normalize.css v3.0.0 git.io/normalize --- merge v1.2 */

	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 {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
	audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
	audio:not([controls]) {display: none; height: 0;}

	[hidden], template {display: none;}

	a {background: transparent;}
	a:active, a:hover {outline: 0;}

	abbr[title] {border-bottom: 1px dotted;}
	strong {font-weight: bold;}
	em, dfn, i {font-style: italic;}
	mark {background: #ff0; color: #000;}
	small {font-size: 80%;}
	sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}

	img {border: 0;}
	svg:not(:root) {overflow: hidden;}

	ol, ul {list-style: none;}

	hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
	pre {overflow: auto;}
	code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}

	button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
	button {overflow: visible;}
	button, select {text-transform: none;}
	button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
	button[disabled], html input[disabled] {cursor: default;}
	button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
	input {line-height: normal;}
	input[type="checkbox"], input[type="radio"] {padding: 0;}
	input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
	input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
	input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
	textarea {overflow: auto;}
	optgroup {font-weight: bold;}
	.in-list-article {
		padding:10px 0;
		background:#FFF;
	}
	#div-gpt-ad-1508188927992-1 {
	margin:0 auto;
	margin-bottom:20px
}
	table {border-collapse: collapse; border-spacing: 0;}
	td, th {padding: 0;}

	/* Personal & h5bp defaults */

	a[role="button"] {
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		      /*user-select: none;*/ /* not supported yet */
	}

	audio, canvas, img, svg, video {vertical-align: middle;}

	img {display: block;}
	textarea {resize: vertical;}

	:lang(fr) {quotes: "\00ab\00a0" "\00a0\bb" "\201c" "\201d";} /* « … “…” … » */
	:lang(en) {quotes: "\201c" "\201d" "\2018" "\2019";} /* “ … ‘…’ … ” */
	q::before, blockquote > p::before {content: open-quote;}
	q::after, blockquote > p::after {content: close-quote;}

	:focus {outline: 0 none;}

	h1, h2, h3, h4, h5, h6 {
		padding-bottom: 5px;
		font-family: franklin-gothic-urw;
	}
	h1 {font-size: 2.4rem;}
	h2 {font-size: 2rem;}
	h3 {font-size: 1.4rem;}
	h4 {font-size: 1.2rem;}
	h5 {font-size: 1.1rem;}
	h6 {font-size: 1rem;}

/* @end RESETS */

/* @group BASE */

	html {
		height: 100%;
		color: #222;
		font: 1em/1.4 "proxima-nova", sans-serif;
	}

	html {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/*html, button, input, select, textarea {color: #222;}*/ /* https://github.com/h5bp/html5-boilerplate/commit/1c4df2aa073a4f791e54d4eede91e3bfbb8ee233 --- to be tested*/

	.article-main ol, .article-main ul .detail {list-style: initial; margin: 10px 20px;}
	.article-main ol li, .article-main ul li {margin-bottom: 8px;}

	body {
		min-height: 100%;
        overflow-x: hidden;
	}

	body.noscroll {
		overflow: hidden;
	}

    /*p {
        word-break: break-all;
    }*/

	/*
	::-moz-selection {background-color: #b3d4fc; text-shadow: none}
	     ::selection {background-color: #b3d4fc; text-shadow: none}
	*/

	a {
		color: inherit;
		cursor: pointer;
	}

	a:hover {

	}

	a:active {
		position: relative;
		top: 1px;
	}

	a:focus {outline: thin dotted;}
	a:active, a:hover {outline: 0 none;}

	/*
	a {
		transition: color 100ms, background-color 100ms;
	}

	a:hover {
		transition: color 0ms, background-color 0ms;
	}

	a svg {transition: fill 100ms ease;}
	a:hover svg {transition: fill 50ms ease;}
	*/

	/* Helpers / utils */

	.hidden,
	.template {
		display: none !important;
		visibility: hidden;
	}

    .live-in-progress {
      width: 10px;
      height: 10px;
      margin-right: 7px;
      background-color:#ef183d;
      float: left;
      border-radius: 100%;
      display: inline-block;
      margin-top: 10px;
    }

    .blink {
    /*    animation: live-pulse 1.5s steps(2, start) infinite;*/
        animation: live-pulse 1s infinite;
    }
    /*
    @keyframes blink {
        to {
            visibility: hidden;
            stroke: #ef183d;
        }
    }
    */

    @-webkit-keyframes live-pulse {
        0%{opacity:1}
        10%{opacity:.25}
        40%{opacity:1}
        100%{opacity:1}
    }
    @keyframes live-pulse {
        0%{opacity:1}
        10%{opacity:.25}
        40%{opacity:1}
        100%{opacity:1}
    }

	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.visual-ir { /* /!\ Must be re-tested on several browsers - creat validator error for font: 0 */
		border: 0;
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
		background-color: transparent;
	}

	.clearfix::before, .clearfix::after {
		content: " ";
		display: block;
	}
	.clearfix::after {clear: both;}

/* @end BASE */

/* @group LAYOUTS */

	/* Centering */

    .v-centerer {

    }

    	.v-centerer::before {
    		content: "";
    		display: inline-block;
    		height: 100%;
    		vertical-align: middle;
    		width: 0.1em;
    		margin-right: -0.4em;
    	}

    	.v-centered {
    		display: inline-block;
    		vertical-align: middle;
    	}

/* @end LAYOUTS */

/* @group TEXTS & COLORS */

	.underline {
		text-decoration: none;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, currentColor 50%);
		background-position: 0 95%;
		background-repeat: no-repeat;
		background-size: 100% 0.12em;
		padding-bottom: 0.3em;
		/*text-shadow: 6px -1px 0 #fff, -6px -1px 0 #fff, -6px -2px 0 #fff;*/
	}

	.ellipsis {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.highlight {
		display: inline;
		color: #fff;
		box-shadow: -6px 0 0 4px #1d1d1d, 6px 0 0 4px #1d1d1d;
		-webkit-box-decoration-break: clone;
		    -ms-box-decoration-break: clone;
		     -o-box-decoration-break: clone;
		        box-decoration-break: clone;
	}

	.jubilat {
		font-family: 'Jubilat';
	}

	.border {
		border-top: 1px solid #000;
	}

.tag-radius-transparent{
       background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
        border: 1px solid #fff;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-family: franklin-gothic-urw;
        font-size: 1rem;
        height: 35px;
        padding: 5px 15px 0;
        text-decoration: none;
        transition: background-color 300ms ease 0s;
        font-size: 0.85rem;
}

.meta-article{
    color: #808080;
    font-family: franklin-gothic-urw;
    font-size: 0.85rem;
    line-height: 1.3;
    padding: 20px 10%;
    text-align: center;
    width: 100%;
}
    .meta-article a{
        color: #000;
        text-decoration: none;
        font-family: jubilat;
        font-weight: 500;
    }


.copyright{
    width: 100%;
    text-align: left;
    padding: 0 0 10px 0;
    color: #b3b3b3;
    font-size: 0.8rem;
    font-family: franklin-gothic-urw;
    min-height:42px;
}

.single-desintox .copyright{
    padding: 10px 5px 10px 5px;
}



/* end TEXTS & COLORS */

/* @group BUTTONS */

	.white-button {
		display: block;
		padding: 10px;
		background-color: #fff;
		text-transform: uppercase;
		font-size: 0.75em;
		border-radius: 2px;
		text-decoration: none;
	}

	.red-button {
		display: inline-block;
		padding: 5px 10px;
		background-color: #EF183D;
		color: #fff;
		border-radius: 2px;
		font-size: 0.875em;
	}

/* @end BUTTONS */

/* @group HEADER */

	header {

	}

	.header-little {
	    height: 65px;
	    background: #FFF;
	    width: 100%;
	    text-align: center;
	}


	.menu {
	    height: 30px;
	    display: inline-block;
	    width: 50px;
	    height: 100%;
	    float: left;
	    cursor: pointer;
	    transition: color 300ms;
	}

	    .menu .menu-border{
	        height: 45px;
	        border-right: 1px solid #dadada;
	        padding-top: 8px;
	    }

	    .menu:hover {
	        color: #dedede;
	    }

	.menu .burger{
		width: 24px;
		background: #fff;
		height: 3px;
		position: relative;
		display: inline-block;
		-webkit-transition: background 0.3s; /* Safari */
		transition: background 0.3s;
	}

	.menu .burger.hide{
		display: none;
	}

	    .menu:hover .burger{
	        background: #dedede;
	    }

	        .menu:active {
	            position: relative;
	            top: 0px;
	        }

	    .menu .burger:before{
			width: 24px;
			background: #fff;
			height: 3px;
			position: absolute;
			top: -7px;
			left: 0;
			content: " ";
			cursor: pointer;
			transition: background 0.3s;
		}

	        .menu:hover .burger:before{
	            background: #dedede;
	        }

	        .menu .burger:after{
	            width: 24px;
	            background: #fff;
	            height: 3px;
	            position: absolute;
	            bottom: -7px;
	            left: 0;
	            content: " ";
	            cursor: pointer;
	             transition: background 0.3s;
	        }

	         .menu:hover .burger:after{
	            background: #dedede;
	        }


	    .menu .menu-close {
	        height: 30px;
	        width: 30px;
	        display: none;
	        position: relative;
	        float: right;
	        margin-right: 10px;
	        cursor: pointer;
	    }
	    .menu .menu-close.visible {
	        display: block;
	    }

	       .menu .menu-close:before{
	            background: #fff none repeat scroll 0 0;
	            content: " ";
	            display: block;
	            height: 2px;
	            position: absolute;
	            right: 0;
	            top: 50%;
	            transform: rotate(45deg);
	            width: 100%;
	            transition: transform 300ms ease 0s;
	        }

	        .menu  .menu-close:after{
	             background: #fff none repeat scroll 0 0;
	            content: " ";
	            display: block;
	            height: 2px;
	            position: absolute;
	            right: 0;
	            top: 50%;
	            transform: rotate(-45deg);
	            width: 100%;
	            transition: transform 300ms ease 0s;
	        }

	.menu .name{
	    display: inline-block;
	    vertical-align: -5px;
	    margin-left: 18px;
	    font-family: franklin-gothic-urw;
	    font-size: 1.1rem;
	}

	.menu-link{
	    width: 100%;
	    background: #FFF;
	    position: fixed;
	    left: -100%;
	    top: 45px;
	    height: 100%;
	    z-index: 500;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    transition: left 300ms ease-out;
	}

	    .menu-link.seeme{
	        left: 0;
	    }

	    .menu-link ul{
	        border-top: 1px solid #d9d9d9;

	    }

	        .menu-link ul li{
	            border-bottom: 1px solid #d9d9d9;
	            color: #333333;
	            font-family: jubilat;
	            font-size: 1.6rem;
	            font-weight: 400;
	            padding: 9px 25px;;
	        }

	            .menu-link ul li a{
	                opacity: 1;
	                -webkit-transition: opacity 300ms;
	                transition: opacity 300ms;
	                text-decoration: none;
	                display: block;
	            }

	                .menu-link ul li a:hover{
	                    opacity:0.65;
	                }

	                .menu-link ul li a span{
	                    display: block;
	                }

	                            .menu-link ul li span.culture{
	                                color: #c1a05d;
	                                font-weight: 600;
	                            }

	                                .menu-link ul li span.culture span{
	                                    background: #c1a05d none repeat scroll 0 0;
	                                    color: #fff;
	                                    display: inline-block;
	                                    fill: #fff;
	                                    font-family: "proxima-nova";
	                                    font-size: 1.3rem;
	                                    font-weight: 700;
	                                    line-height: 1.3rem;
	                                    margin-left: 5px;
	                                    padding: 0 8px;
	                                    stroke: #fff;
	                                    vertical-align: 3px;
	                                }

	                        .menu-link ul.second{
	                            border-top: 0px;
	                            margin-top: 25px;
	                            margin-bottom: 60px;
	                        }

	                        .menu-link ul.second li{
	                            border-bottom: 0px;
	                            color: #828282;
	                            font-family: franklin-gothic-urw;
	                            font-size: 1rem;
	                            padding: 5px 18px;
	                            text-transform: uppercase;
	                        }

	                .headerlive{
	                    /*display: none;*/
	                    width: 50px;
	                    height: 45px;
	                    float: right;
	                    padding-top: 10px;
	                    border-left: 1px solid #dadada;
	                }


		                	.headerlive .icon {
		                		stroke: #fff;
		                	}


	    .header-rubric{
	        /*height: 160px;*/
	        height: 45px;
	        width: 100%;
	        text-align: center;
	        transition: height 400ms;
	        overflow: hidden;
	        position: fixed;
	        background: #EF183D;
	        left: 0;
	        top:0;
	        z-index: 15;
            box-shadow: 0 0 10px rgba(0,0,0,.7);
	    }

	    .header-rubric.header-culture {
	        background-color: #C1A05D;
	    }

		.header-rubric.header-green {
	        background-color: #238652;
	    }

	    .header-rubric.header-light .logocontainer{
	        margin-top: 0px
	    }

	        .header-rubric.little{
	            height: 65px;
	            z-index: 15;
	        }


	            .header-rubric .logo-rubric{
	                 width: 115px;
	                margin-top: 20px;
	                display: inline-block;
	                transition: width 300ms, margin 300ms;
	            }

	            .header-rubric.header-culture .logo-rubric{
	                width: 140px;
	                margin-top: 25px;
	            }

	        .header-bigone .logo-rubric-txt{
	            display: inline-block;
	            font-family: "jubilat";
	            font-size: 4rem;
	            font-weight: 200;
	            line-height: 1;
	            padding-left: 10px;
	            /*vertical-align: -42px;*/
	            vertical-align: -27px;
	            transition: font-size 300ms, vertical-align 300ms, font-weight 300ms;
	        }

	            .header-bigone .logo-rubric-txt.culture{
	            }

	            .header-rubric .logo-rubric-txt{
	                 font-size: 1.8rem;
	                vertical-align: -17px;
	                font-weight: 400;
	                font-family: "jubilat";
	                font-weight: 200;
	                line-height: 1;
	                padding-left: 10px;
	                transition: font-size 300ms, vertical-align 300ms, font-weight 300ms;
	            }

	        .header-rubric .subtitle {
	            color: #999999;
	            font-family: franklin-gothic-urw-cond;
	            font-size: 1rem;
	            font-weight: 500;
	            letter-spacing: 0.08rem;
	            position: relative;
	            text-decoration: none;
	            text-transform: uppercase;
	             transition: transform 300ms;
	        }

	             .header-rubric.little .subtitle {
	                 transform: scale(0.01);
	             }

    	.tw-logo{
            background: #00afee;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: block;
            float: left;
            fill:#FFF;
            padding-top: 7px;
        }

        .fb-logo{
            background: #3d69af ;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: block;
            float: left;
            fill:#FFF;
        }

        .tw-logo,
        .fb-logo {
        	float: left;
        }

	    .social-banner-menu .tw,
	    .social-banner-menu .fb{
	    	display: block;
	        width: 100%;
	        margin: 0;
	        padding: 15px 18px;
	        border-bottom: 1px solid #d9d9d9;
	        text-decoration: none;
	    }

	    .social-banner-menu .tw {
			color: #00afee;
	    }
	    .social-banner-menu .fb {
			color: #3d69af;
	    }

		    .social-banner-menu .tw-logo,
		    .social-banner-menu .fb-logo{
		        display: block;
		        width: 40px;
		        height: 40px;
		        text-align: center;
		        padding-top: 7px;
		        margin-top: -10px;
			    margin-right: 10px;
		    }

	    .social-banner-menu .fb-logo{
	        padding-top: 8px;
	    }

	    .social-banner-menu .tw-title,
	    .social-banner-menu .tw-nb,
	    .social-banner-menu .fb-title,
	    .social-banner-menu .fb-nb{
	        margin-left: 0px;
	    }

	    .desk-logo-typo{
	        font-family: jubilat;
	        font-weight: 600;
	    }

	    .header-logo {
	    	float: left;
	    	margin-left: 10px;
	    	margin-top: -8px;
	    }

	    .search {
	    	display: none;
	    	width: 50px;
	    	height: 45px;
	    	float: right;
	    }

	    .search.visible {
	    	display: block;
	    }

	    	.search .search-border {
	    		height: 100%;
	    		border-left: 1px solid #dedede;
	    	}

	    	.search .search-border a {
	    		display: block;
	    		height: 100%;
	    	}

	    	.search .search-border .icon {
	    		stroke: #fff;
	    		fill: transparent;
	    		margin-left: 10px;
	    		margin-top: 2px;
	    	}

	    .connect{
	        display: inline-block;
	        width: 50px;
	        height: 100%;
	        text-align: center;
	        float: right;

	    }

	    .connect.hidden,
	    .headerlive.hidden {
	    	display: none;
	    }

	        .connect .connect-border{
	            border-left: 1px solid #dadada;
	            padding-left: 0px;
	            padding-top: 10px;
	            height: 45px;
	        }

	        .connect a{
	            display: block;
	        }

	        .connect .icon{
				position: relative;
				top: -3px;
	            fill: #fff;
	            transition: stroke 300ms;
	        }

	     .logo-little{
	         display: inline-block;
	         margin-top: 20px;
	         width: 115px;
	     }

	     .logo-little-home{
	         display: inline-block;
	         margin-top: 15px;
	         width: 200px;
	     }

	     .logo-subtitle{
	         display: inline-block;
	          font-family: franklin-gothic-urw;
	         font-size: 1.8rem;
	         padding-left: 10px;
	         vertical-align: -17px;

	     }


	     .logo-subtitle-header{
	         display: inline-block;
	          font-family: jubilat;
	         font-size: 1.8rem;
	         padding-left: 10px;
	         vertical-align: -17px;

	     }


	     .logo-subtitle-jub{
	         display: inline-block;
	          font-family: jubilat;
	         font-size: 1.8rem;
	         padding-left: 10px;
	         vertical-align: -17px;

	     }

/* @end HEADER */

/* @group HOME PAGE */

	.main-container {
		background-color: #fff;
		width: 100%;
		display: block;
	}

	.home-banner{
	    position: relative;
	    height: 210px;
	    background-position: center;
	    background-size: cover;
	    overflow: hidden;
	}

	    .home-banner .banner-shadow{
	        background:#000;
	        opacity: 0.5;
	        filter: alpha(opacity=50);
	        position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 0;
	        right: 0;
	    }

	    .subscribe-main .home-banner .banner-shadow{
	        opacity: 0.6;
	    }

	    .home-banner-container{
	        margin: auto;
	        max-width: 500px;
	        position: relative;
	        height: 100%;
	    }

	    .home-banner-container{
	        margin: auto;
	        max-width: 500px;
	        position: relative;
	        height: 100%;
	    }

	    .home-banner-container .title-and-tag{
	        width: 90%;
	        position: absolute;
	        bottom: 30px;
	        padding-left: 7%;
	    }

	    .home-banner-container .title{
	    	display: inline;
	        color: #fff;
	        font-size: 1.12em;
	        font-weight: 400;
	        line-height: 1.7em;
	        margin: 4px 4px 4px 0;
	        padding: 0;
	        font-family:"ff-tisa-web-pro";
	        text-decoration: none;
	        padding-bottom: 5px;
	    }

	        .home-banner-container .title > .hl-inner {
	            padding: 0.2em;
	            box-shadow: 0.2em 0 0 #ef183d, -0.2em 0 0 #ef183d;
	            box-decoration-break: clone;
	            background-color: #ef183d;
	        }

	  	 .home-banner-container .tag-radius-transparent{
	        margin: 5%;
	        margin-left:-4px;
	    }

	/* @group EN OFF */

		.enoff-main {

		}

			.enoff-main li.article-enoff {
				border-bottom: 1px solid #dedede;
			}
.article-enoff .spe {
	text-transform:uppercase;
}
			.enoff-main li.article-enoff:last-child {
				border-bottom: 0;
			}

				li.article-enoff .article-enoff-link {
					padding: 15px;
				}

					.enoff-main .meta-article {
						padding: 0;
						line-height: 1em;
						text-align: left;
						max-width: 80%;
						font-size: 0.7em;
					}

					.enoff-main .meta-article span {
						display: block;
					}

					li.article-enoff .plus {
						position: relative;
						float: right;
						width: 18px;
						height: 18px;
						border: 1px solid #000;
						border-radius: 50%;
					}

						li.article-enoff .plus::before {
							border-left: 1px solid #333333;
						    content: " ";
						    height: 10px;
						    left: 7px;
						    position: absolute;
						    top: 3px;
						    width: 0;
						    -webkit-transition: transform .3s;
						    		transition: transform .3s;
						}

						li.article-enoff.expand .plus::before {
							-webkit-transform: rotate(90deg);
									transform: rotate(90deg);
						}

						li.article-enoff .plus::after {
							border-bottom: 1px solid #333333;
						    content: " ";
						    width: 10px;
						    left: 3px;
						    position: absolute;
						    top: 8px;
						}

					.enoff-main h1 {
					    font-family: "ff-tisa-web-pro";
					    font-size: 1.6rem;
					    font-weight: 400;
					    line-height: 1.2;
					    text-align: left;
					}

				.article-enoff .article-enoff-content {
					position: relative;
			        color: #353535;
			        font-family: "ff-tisa-web-pro";
			        font-size: 1.05rem;
			        line-height: 1.4;
			        margin: auto;
			        padding: 0 15px;
			        width: 100%;
			        height: 0;
			        overflow: hidden;
				}

				.article-enoff.expand .article-enoff-content {
					display: inline-block;
					height: 100%;
					overflow: auto;
				}

					.article-enoff-content img {
				        width: 100%;
				        height: auto;
					}

					.article-main.enoff-main .chapo {
				        padding: 20px 0;
				        text-align: left;
					}

					.article-enoff-content .author-article {
				        padding: 15px 0px;
					}

				/* @group SHARE BAR */

					.share-bar {
						position: fixed;
						bottom: 0;
						right: 0;
						left: 0;
						width: 100%;
/*						max-height: 0;*/
						background-color: #f6f6f6;
						border-top: 1px solid #dedede;
						z-index: 20;
						transition: max-height .3s;
					}

					.share-bar.show {
						max-height: 27px;
					}
					.article-main .share-bar ul li {
						margin-bottom: 0;
					}

						.share-bar li {
							border-right: 1px solid #dedede;
							display: inline-block;
							width: calc(20% - 4px);
							height: 30px;
							padding: 0!important;
							vertical-align: top;
							text-align: center;
						}

						.share-bar li:last-child {
							height: 100%;
							border-right: 0;
						}

							.share-bar li span svg {
							    margin-top: 5px;
							}

							.share-bar li span.fb {
								fill: #3d69af;
							}

							.share-bar li span.tw {
								fill: #00afee;
							}

							.share-bar li span.linkedin {
								fill: #3b93c1;
							}

							.share-bar li span.mail {
								fill: #333333;
							}
							.share-bar li span.WhatsApp {
								display: block;
								height: 100%;
							}
								.share-bar li span.WhatsApp img{
									height: 18px;
							    	width: 24px;
							    	margin: 5px auto;
								}

				/* @end SHARE BAR */

	   	.enoff-main-push-right {
	   		/*padding-top: 20px;*/
	   		width: 100%;
	   	    position: relative;
	   	    display: block;
	   	    border-left: 1px solid #dddddd;
	   	    border-right: 1px solid #dddddd;
	   	    background: #FFF;
	   	}

	   	    .enoff-main-push-right .header {
	   	        border-top: 3px solid #ef183d;
	   	        height: 40px;
	   	        font-family: jubilat;
	   	        font-size: 1.125rem;
	   	        color: #333333;
	   	        padding: 10px 15px 5px 15px;
	   	        border-bottom: 1px solid #dddddd;
	   	        position: relative;
	   	        background: #f6f6f6;
	   	    }

            .enoff-main-rubrique .header{
	   	        height: 40px;
	   	        font-family: jubilat;
	   	        font-size: 1.125rem;
	   	        color: #333333;
	   	        padding: 10px 15px 5px 15px;
	   	        border-bottom: 1px solid #dddddd;
	   	        position: relative;
	   	        background: #f6f6f6;
            }

	   	    .enoff-main-push-right ul,
            .enoff-main-rubrique ul{
	   	    	background: #f6f6f6;
	   	    }

	   		    .enoff-main-push-right li,
                .enoff-main-rubrique li{
	   		        padding: 15px;
	   		        border-bottom: 1px solid #dddddd;
	   		        min-height: 100px;
	   		    }

	   		    .enoff-main-push-right li:last-child {
	   		       border-bottom: 0;
	   		       height: auto;
	   		       min-height: 0;
	   		    }

	   		        .enoff-main-push-right li .date,
                    .enoff-main-rubrique .date{
	   		            float: left;
	   		            color: #808080;
	   		            font-family: "franklin-gothic-urw";
	   		            font-size: 0.85rem;
	   		            width: 55px;
	   		            overflow: hidden;
	   		            height: 100%;
	   		        }

	   		        .enoff-main-push-right li .infos,
                    .enoff-main-rubrique .infos{
	   		           padding-left: 55px;
	   		        }

	   		            .enoff-main-push-right li .title,
                        .enoff-main-rubrique li .title{
	   		                color: #ef183d;
	   		                font-size: 0.9rem;
	   		                font-family: franklin-gothic-urw-cond;
	   		                letter-spacing: 0.1rem;
	   		                text-decoration: none;
	   		                display: inline-block;
	   		                vertical-align: top;
	   		            }
.enoff-main-push-right li .title{
font-family: "franklin-gothic-urw";
letter-spacing:normal;
margin: 5px 0;
    font-size: 1.5rem;
    line-height: 1;                                    
}

	   		            .enoff-main-push-right li .text,
                        .enoff-main-rubrique .text{
	   		                color:#1a1a1a ;
                            font-size: 1.05rem;
	   		                line-height: 1.05rem;
	   		                font-family: "franklin-gothic-urw";
	   		                height: 45px;
	   		                overflow: hidden;
	   		                display: inline;
	   		            }

	   		            .enoff-main-rubrique .text p {
	   		            	display: inline;
	   		            }

                        .enoff-main-push-right li .text img,
                        .enoff-main-rubrique .text img{
                            width: 100%;
                            height: auto;
                            margin-bottom: 10px;
	   		            }

                        .enoff-main-push-right li .title,
                        .enoff-main-rubrique .title {
                            margin-bottom: 10px;
	   		            }


                .more-of-li{
                    border-top: 1px solid #e6e6e6;
                    padding: 15px;
                }

                .datadesk-more {
                	margin-top: 10px;
                	margin-bottom: 30px;
                	padding: 0 10px;
                }

	                .datadesk-more .more-of {
	                	background-color: #f6f6f6;
	                }

		                .datadesk-more .more-of .arrow {
		                	margin-top: 20px;
		                }

		                .datadesk-more .more-of .txt {
		                	vertical-align: -2px;
		                }

	   		    .more-of {
	   		            display: block;
	   		            height: 50px;
	   		            border: 1px solid #e6e6e6;
	   		            color: #333;
	   		            background: #f6f6f6;
	   		            text-transform: uppercase;
	   		            text-decoration: none;
	   		            font-family: franklin-gothic-urw-cond;
	   		            font-weight: 600;
	   		            letter-spacing: 0.1rem;
	   		            background-image: none;
	   		            margin: 0 auto;
	   		            width: 100%;
	   		        }

	   		        .desintox-main li.more-of {
	   		        	color: #333;
   		        	    display: block;
   		        	    font-family: franklin-gothic-urw-cond;
   		        	    font-weight: 600;
   		        	    height: 100px;
   		        	    letter-spacing: 0.1rem;
   		        	    margin: 0 auto;
   		        	    text-decoration: none;
   		        	    text-transform: uppercase;
   		        	    width: 100%;
	   		        }

	   		            .more-of .arrow {
	   		                border-top: 1px solid #333;
	   		                display: inline-block;
	   		                height: 0;
	   		                margin-left: 20px;
	   		                margin-right: 5px;
	   		                margin-top: 25px;
	   		                position: relative;
	   		                transform: rotate(135deg);
	   		                width: 15px;
	   		                transition: margin 300ms;
	   		            }

	   		            .more-of .arrow.down {
	   		            	transform: rotate(-135deg);
	   		            }

	   		                .more-of:hover .arrow {
	   		                    margin-left: 25px;
	   		                    margin-right: 0px;
	   		                }

	   		            .more-of .arrow:before {
	   		                border-top: 1px solid #333;
	   		                content: " ";
	   		                height: 0;
	   		                left: -8px;
	   		                margin-top: 25px;
	   		                position: absolute;
	   		                top: -19px;
	   		                transform: rotate(90deg);
	   		                width: 15px;
	   		            }

	   		            .more-of .cross {
	   		            	border-top: 1px solid #333;
	   		                display: inline-block;
	   		                height: 0;
	   		                margin-left: 19px;
	   		                margin-right: 5px;
	   		                margin-top: 19px;
	   		                position: relative;
	   		                width: 20px;
	   		                transition: margin 300ms;
	   		            }

	   		            .more-of .cross:before {
	   		                border-top: 1px solid #333;
	   		                content: " ";
	   		                height: 0;
	   		                left: 1px;
	   		                margin-top: 25px;
	   		                position: absolute;
	   		                top: -26px;
	   		                transform: rotate(90deg);
	   		                width: 19px;
	   		            }

	   		            .more-of .cross + .txt {
	   		            	vertical-align: middle;
	   		            	margin-top: 5px;
	   		            }


	   		            .more-of .txt {
	   		                display: inline-block;
	   		                padding-left: 15px;
	   		                vertical-align: 2px;
	   		                font-size: 0.85em;
	   		            }

	   		    .external-link {
					display: inline-block;
	   		    }

	   		    	.external-link .icon {
	   		    		width: 18px;
	   		    		height: 18px;
						margin-left: 5px;
					}

                .back-to-li{
                    padding: 15px;
                    padding-bottom: 35px;
                }

                .back-to {
	   		            display: block;
	   		            height: 40px;
	   		            border: 1px solid #e6e6e6;
	   		            color: #333;
	   		            background: #f6f6f6;
	   		            text-transform: uppercase;
	   		            text-decoration: none;
	   		            font-family: franklin-gothic-urw-cond;
	   		            font-weight: 600;
	   		            letter-spacing: 0.1rem;
	   		            background-image: none;
	   		            margin: 0 auto;
	   		            width: 100%;
                        line-height: 1;
	   		        }

	   		            .back-to .arrow {
	   		                border-top: 1px solid #333;
	   		                display: inline-block;
	   		                height: 0;
	   		                margin-left: 20px;
	   		                margin-right: 5px;
	   		                position: relative;
	   		                transform: rotate(-45deg);
	   		                width: 15px;
	   		                transition: margin 300ms;
	   		            }

	   		                .back-to:hover .arrow {
	   		                    margin-left: 25px;
	   		                    margin-right: 0px;
	   		                }

	   		            .back-to .arrow:before {
	   		                border-top: 1px solid #333;
	   		                content: " ";
	   		                height: 0;
	   		                left: -8px;
	   		                margin-top: 25px;
	   		                position: absolute;
	   		                top: -19px;
	   		                transform: rotate(90deg);
	   		                width: 15px;
	   		            }

                        .back-to .txt {
	   		                display: inline-block;
	   		                padding-left: 15px;
	   		                vertical-align: -10px;
	   		                font-size: 0.85em;
	   		            }

	/* @end EN OFF */

	/* @group HOME CULTURE BLOC */

		.culture-home-bloc {

		}

			.culture-home-bloc li {
				background-color: #f6f6f6;
			}

			.culture-header {
				height: 25px;
				width: 100%;
				background-color: #C1A05D;
				text-align: center;
			}

				.culture-header img {
					display: inline-block;
				}

				.culture-home-bloc .section-header {
					height: 26px;
					padding-left: 15px;
					padding-top: 2px;
					background-color: #333333;
					font-family: "jubilat";
					font-size: 0.94em;
					color: #C1A05D;
				}

					.culture-home-bloc .section-header span {
						color: #fff;
						font-size: 0.62em;
						margin-left: 5px;
					}

			.home-bloc-note {

			}

				.home-bloc-note li {
					padding: 10px 15px;
					display: inline-block;
					width: 100%;
				}

					.home-bloc-note .icon {
						margin-right: 5px;
						stroke: #000;
					}

					.home-bloc-note li .event-content {
						width: 100%;
					}

						.home-bloc-note li .event-content .date-begin {
							font-family: "franklin-gothic-urw";
							font-size: 0.62rem;
							color: #808080;
							margin-left: 10px;
							letter-spacing: 0em;
						}

						.home-bloc-note li .event-content .event-head {
							font-size: 0.875rem;
						}

						.home-bloc-note li .event-content .event-tag {
							font-size: 0.65rem;
							text-transform: uppercase;
							letter-spacing: 0.1em;
						}

					.home-bloc-note li .event-media {
						float: right;
						position: relative;
						width: 40%;
						margin-left: 20px;
					}

					.home-bloc-note li img {
						width: 100%;
						height: auto;
						max-height: 73px;
					}

					.home-bloc-note li a {
						display: block;
					}

			.culture-home-bloc .culture-agenda {

			}

				.culture-home-bloc .culture-agenda li {
					padding-left: 15px;
				}

				.culture-home-bloc .culture-agenda li:last-child {
					border: none;
				}

					.culture-home-bloc .culture-agenda .event-head {
						font-size: 0.75em;
						width: 90%;
					}

					.culture-home-bloc .culture-agenda .event-tag {
						font-size: 0.65em;
					}

	/* @end HOME CULTURE BLOC */

	/* @group HOME SUBSCRIBE BLOC */

		.subscribe-home-bloc {
			padding-top: 20px;
			background-color: #f6f6f6;
		}

		.article-main .subscribe-home-bloc {
			padding-top: 0;
		}

			.subscribe-home-bloc .sub-cov-3 .message-box {
				margin-top: 6%;
			}

			.subscribe-home-bloc .subscribe-card-container {
				padding: 0 30px 10px;
				background-color: #f6c94c;
			}

			.subscribe-home-bloc .subscribe-percent {
				background-color: #f6c94c;
				text-align: center;
				padding: 20px 10% 10px;
				line-height: 1rem;
			}

				.subscribe-home-bloc .subscribe-percent p {
					font-family: "franklin-gothic-urw";
					font-size: 0.9rem;
					padding: 0 6%;
				}

				.subscribe-home-bloc .subscribe-percent span {
					display: block;
					font-family: "jubilat";
					font-size: 1.06rem;
					font-weight: 500;
					padding: 0 2%;
					margin-top: 5px;
					margin-bottom: 10px;
				}

				.subscribe-home-bloc .subscribe-card-container .card-offer {
					margin-bottom: 10px;
					margin-top: 0;
					padding-top: 0;
					padding-bottom: 3px;
					border-bottom-left-radius: 4px;
					border-bottom-right-radius: 4px;
				}

				.subscribe-home-bloc .subscribe-card-container .card-offer:first-child {
					margin-top: -30px;
					position: relative;
					z-index: 10;
				}

				.subscribe-home-bloc .subscribe-percent + .subscribe-card-container .card-offer:first-child {
					margin-top: 0;
				}

					.subscribe-home-bloc .arrow-down {
						position: absolute;
						right: 10px;
						margin-top: 4px;
						width: 18px;
						height: 18px;
						border: 1px solid #fff;
						border-radius: 50%;
						opacity: 1;
						transition: opacity .3s;
					}

						.subscribe-home-bloc .arrow-down::before {
							position: absolute;
							content: "";
							width: 7px;
							height: 1px;
							top: 8px;
							left: 2px;
							transform: rotate(45deg);
							background-color: #fff;
						}

						.subscribe-home-bloc .arrow-down::after {
							position: absolute;
							content: "";
							width: 7px;
							height: 1px;
							top: 8px;
							right:2px;
							transform: rotate(-45deg);
							background-color: #fff;
						}

					.subscribe-home-bloc .card-offer .offer-title.active {

					}

					.subscribe-home-bloc .card-offer .offer-title.active .arrow-down {
						opacity: 0;
					}

					.subscribe-home-bloc .card-offer .offer-content.open {
						height: 100%;
					}

					.subscribe-home-bloc .card-offer .offer-content {
						border: none;
						height: 0;
						overflow: hidden;
					}

					.subscribe-home-bloc .subscribe-card-container .condition {
						display: block;
						padding-bottom: 5px;
						margin-left: -10px;
						margin-right: -10px;
						font-size: 0.7em;
					}

	/* @end HOME SUBSCRIBE BLOC */

/* @end HOME PAGE */


/* @group CULTURE HOME PAGE */

	.home-culture-container {

	}

		.bloc-note {
			width: 100%;
			background-color: #323334;
			overflow: hidden;
			padding: 11px;
		}

			.bloc-note img {
				display: inline-block;
				margin-top: -2px;
			}

			.bloc-note p {
				display: inline-block;
				font-family: jubilat;
				font-size: 0.875em;
				color: #C1A05D;
			}

				.bloc-note p span {
					font-size: 1.2em;
					font-weight: 800;
					color: #fff;
				}

		.culture-agenda {
			background-color: #f5f6f7;
		}

			.culture-agenda .event-title {
				width: 100%;
				border-bottom: 1px solid #dedede;
				font-size: 1.19em;
				font-family: jubilat;
				color: #333333;
				padding: 15px 0 15px 40px;
			}

			.culture-agenda .icon {
				fill: #333333;
				stroke: #333333;
				margin-right: 5px;
			}

				.culture-agenda li {
					text-transform: uppercase;
					letter-spacing: 0.1em;
					border-bottom: 1px solid #dedede;
					padding: 10px 15px 15px 30px;
				}

				.culture-agenda .culture-agenda-list li:nth-child(n+2) {
/*					display: none;*/
				}

				.culture-agenda-list.expand li:nth-child(n+2) {
					display: block;
				}

				.home-culture-container li.more-of .expand .plus::before {
					-webkit-transform: rotate(90deg);
							transform: rotate(90deg);
				}

					.culture-agenda .event-tag {
						text-transform: uppercase;
						letter-spacing: 0.1em;
						font-size: 0.75em;
					}

					.culture-agenda .date {
						display: block;
						font-size: 1.5em;
						font-family: jubilat;
						font-weight: 300;
						color: #C1A05D;
					}

						.culture-agenda .date-begin,
						.culture-agenda .date-end,
						.culture-agenda img {
							display: inline-block;
						}

						.culture-agenda img {
							margin: 0 5px;
							margin-top: -5px;
						}

					.culture-agenda .event-head {
						display: block;
						font-size: 0.875em;
						font-weight: 800;
						text-transform: none;
						letter-spacing: 0em;
						width: 70%;
					}

					.culture-agenda .event-infos {
						font-size: 0.75em;
						font-family: "ff-tisa-web-pro";
						text-transform: none;
						letter-spacing: 0em;
						display: none;
					}

					.culture-agenda-list.expand .event-infos {
						display: block;
					}

					.culture-agenda .event-place {
						font-size: 0.75em;
						font-family: "franklin-gothic-urw";
						color: #B3B3B3;
						text-transform: none;
						letter-spacing: 0;
					}

		.home-culture-container .more-of {
			padding: 15px 10px;
			color: #333;
			display: block;
			font-family: franklin-gothic-urw-cond;
			font-weight: 600;
			letter-spacing: 0.1rem;
			margin: 0 auto;
			text-decoration: none;
			text-transform: uppercase;
			width: 100%;
			height: auto;
			border-top: 0;
			background-color: #f6f6f6;
		}

			.home-culture-container .more-of .more-of-container {
				height: 40px;
			    border: 1px solid #dddddd;
			    text-decoration: none;
			    display: block;
			    position: relative;
			    background: #fff;
			}

		.article-culture {
			margin-top: 14px;
			width: 100%;
			position: relative;
		}

		.article-culture::before {
			content: " ";
			position: absolute;
			top: -4px;
			width: 100%;
			height: 4px;
			background-color: #343435;
		}

			.article-culture .copyright {
				padding-top: 5px;
				padding-bottom: 0;
			}

			.article-culture .copyright + .article-culture-content {
				padding-top: 10px;
			}

			.article-culture-content {
				padding: 30px 15px 40px;
				border-bottom: 1px solid #dedede;
				-webkit-box-shadow: 0 6px 10px -10px #333333;
					   -moz-box-shadow: 0 6px 10px -10px #333333;
					        box-shadow: 0 6px 10px -10px #333333;
			}

				.article-culture-content .culture-category-tag {
					text-transform: uppercase;
					font-size: 0.75em;
					font-family: franklin-gothic-urw;
					letter-spacing: 0.1em;
					display: inline;
					padding: 3px 8px;
					margin-right: 5px;
					background-color: #C1A05D;
					color: #fff;
				}

					.article-culture-content .culture-category-tag .icon {
						display: inline-block;
						vertical-align: middle;
						margin-right: 5px;
						margin-top: -3px;
						stroke: #fff;
						fill: #fff;
					}

				.article-culture-content h1 {
					font-size: 1.125em;
					display: inline;
				}

				.article-culture-content .meta-date {
					color: #808080;
					font-size: 0.75em;
					font-family: franklin-gothic-urw;
					margin: 10px 0;
				}

				.article-culture-content .chapo {
					color: #666666;
				    font-family: franklin-gothic-urw;
				    font-size: 1.15rem;
				    line-height: 1.2;
				    margin-top: 15px;
				    margin-bottom: 25px;
				}

				.article-culture-content p {
					color: #353535;
				    display: inline-block;
				    font-family: "ff-tisa-web-pro";
				    font-size: 1.05rem;
				    line-height: 1.4;
				    margin: auto;
				}

					.article-culture-content p a {
						text-decoration: none;
						color:#C1A05D;
						padding-bottom: 0.1em;
					}

				.article-culture-img-list {
					margin-top: 30px;
					margin-bottom: 10px;
				}

					.article-culture-img-list li {
						width: 49%;
						height: 140px;
						display: inline-block;
						overflow: hidden;
					}

					.article-culture-img-list li:nth-child(odd) {
						margin-right: 1px;
					}

						.article-culture-img-list li a {
							display: block;
						}

						.article-culture-img-list li img {
							height: 100%;
							width: auto;
						}

/* @end CULTURE HOME PAGE */


/* @group SUBSCRIBE HOME PAGE */

	.subscribe-main {

	}

		.subscribe-main .home-banner-container {
			position: absolute;
			top: 0;
			text-align: center;
			padding-top: 50px;
			width: 95%;
			left: 50%;
			transform: translateX(-50%);
		}

			.subscribe-main .inline-container {
				width: 100%;
				margin: 0 auto;
				margin-bottom: 5px;
			}

				.subscribe-main .home-banner-container .subscribe-title {
					display: inline;
					text-align: center;
					color: #F7CA3E;
					font-size: 1.56em;
				    font-weight: 800;
				    line-height: 1.32em;
				    font-family: "franklin-gothic-urw";
				    text-decoration: none;
				    padding-bottom: 5px;
				    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #fff 50%);
				    background-position: 0 78%;
				    -webkit-background-size: 100% 0.1em;
				    background-size: 100% 0.1em;
				}

				.subscribe-main .home-banner-container .subtitle {
					color: #fff;
					text-transform: uppercase;
					font-size: 0.81em;
					font-family: "franklin-gothic-urw";
					text-align: center;
					width: 80%;
					margin: 0 auto;
				}

		.subscribe-card-container {
			padding: 30px;
			background-color: #f8f8f8;
		}

			.subscribe-card-container .card-offer {
				width: 100%;
				height: auto;
				background-color: #fff;
				margin-top: 35px;
			}

			.subscribe-card-container .card-offer:first-child {
				margin-top: 0;
			}

				.card-offer .offer-title {
					position: relative;
					background-color: #e9b441;
					color: #fff;
					display: block;
					text-decoration: none;
					font-family: "jubilat";
					font-size: 1.2em;
					text-align: center;
					height: 30px;
					padding-top: 2px;
				}

					.card-offer .offer-title span {
						font-size: 1.2rem;
						font-weight: 600;
						margin-left: 5px;
					}

				.card-offer .offer-content {
					text-align: center;
					font-family: "franklin-gothic-urw";
					font-size: 0.875em;
					color: #666666;
					border: 1px solid #dedede;
					border-top: 0;
					padding: 0 15px;
				}

					.offer-content div {
						border-bottom: 1px solid #dedede;
						padding: 5px 0;
						text-transform: uppercase;
					}

					.offer-content .duration {}

					.offer-content .field {}

					.offer-content .price {
						font-size: 2rem;
						font-family: "alternate-gothic-no-3-d";
						color: #333;
					}

					.support .price {
						font-size: 0.75rem;
						text-transform: none;
						font-family: "franklin-gothic-urw";
						color: #808080;
					}

						.support .price input[type="text"] {
							border: 1px solid #dedede;
							width: 130px;
							height: 25px;
							margin: 5px 0;
							text-align: center;
						}

						.offer-content .price .badge_txt {
							position: relative;
							display: inline-block;
							background-color: #2db475;
							font-size: 0.875rem;
							color: #fff;
							padding: 2px 5px;
							text-transform: none;
							margin-left: 10px;
							margin-top: -5px;
							vertical-align: middle;
						}

							.offer-content .price span::before {
								position: absolute;
								content: "";
								left: -4px;
								top: 7px;
								width: 0;
								height: 0;
								border-bottom: 5px solid transparent;
								border-top: 5px solid transparent;
								border-right: 5px solid #2db475;
								font-size: 0;
								line-height: 0;
							}

					.offer-content .choose {
						display: inline-block;
						position: relative;
						color: #fff;
						background-color: #b3b3b3;
						text-transform: none;
						text-decoration: none;
						padding: 5px 20px;
						border-radius: 2px;
						margin: 15px 0;
					}

						.offer-content .choose::after {
							position: absolute;
							content: "";
							background-color: #000;
							height: 1px;
							width: 98%;
							bottom: -1px;
							left: 1px;
						}

			.subscribe-card-container .condition {
				font-size: 0.65em;
				font-family: "franklin-gothic-urw";
				color: #808080;
				margin-top: 5px;
			}

			.subscribe-card-container .condition + .card-offer {
				margin-top: 20px;
			}


		.subscribe-cover-message {
			height: 200px;
			overflow: hidden;
			position: relative;
		}

			.subscribe-cover-message img {
				width: 100%;
				height: auto;
			}

		.sub-cov-1 .message-box {
			margin-top: 8%;
		}

		.sub-cov-2 .message-box {
			margin-top: 4%;
		}

		.sub-cov-3 .message-box {
			margin-top: 12%;
		}

			.subscribe-cover-message .banner-shadow {
				background: #000;
			    opacity: 0.6;
			    filter: alpha(opacity=60);
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: 0;
			    right: 0;
			}

			.sub-cover-container {
				position: absolute;
				top: 0;
				bottom: 0;
				color: #fff;
				height: 200px;
				padding: 0 15px;
				width: 90%;
				left: 50%;
				-webkit-transform: translateX(-50%);
						transform: translateX(-50%);
			}


				.sub-cover-container .message-box {
					position: relative;
					text-align: center;
					background-image: url("../images/border.svg");
				    background-position: center center;
				    background-size: 100% 100%;
				    background-repeat: no-repeat;
				    padding-top: 20px;
					padding-bottom: 40px;
				}

					.sub-cover-container span {
						display: block;
						width: 80%;
						margin: 0 auto;
						font-weight: 700;
						font-size: 1.3em;
						line-height: 1em;
						font-family: "jubilat";
					}

					.sub-cover-container p {
						display: inline-block;
						text-align: center;
						width: 80%;
						margin-top: 5px;
						font-size: 0.8em;
						line-height: 1em;
						font-family: "franklin-gothic-urw";
					}

		.subscribe-reasons {
			background-color: #f6f6f6;
			padding: 25px 20px 10px 20px;
		}

			.subscribe-reasons li {
				display: inline-block;
				vertical-align: top;
				width: 49%;
				max-width: 200px;
				text-align: center;
				margin-bottom: 20px;
			}

				.subscribe-reasons li img {
					display: inline-block;
					margin: 0 auto;
					margin-bottom: 10px;
				}

				.subscribe-reasons li p {
					display: inline-block;
					font-family: "franklin-gothic-urw";
					font-size: 0.875rem;
					line-height: 1em;
					min-width: 80%;
				}

		.why-pay {
			background-color: #f6f6f6;
			padding: 30px;
		}

			.why-pay ul {
				position: relative;
				border: 1px solid #dedede;
				padding: 0 15px;
				background-color: #fff;
			}

			.why-pay ul::before {
				position: absolute;
				content: "";
				top: -4px;
				left: 0;
				right: 0;
				height: 5px;
				background-color: #ec1e42;
			}

				.why-pay li {
					display: block;
					text-align: center;
					padding: 20px 0;
					border-bottom: 1px solid #dedede;
				}
				.why-pay li:last-child {
					border-bottom: 0;
				}

					.why-pay li img {
						display: inline-block;
						margin: 0 auto;
						margin-bottom: 10px;
					}

					.why-pay li p {
						display: inline-block;
						font-family: "franklin-gothic-urw";
						font-size: 0.875rem;
						line-height: 1em;
						min-width: 80%;
					}

/* @end SUBSCRIBE HOME PAGE */


/* @group SUBSCRIBE PAY */

.cashplus-order {
	font-size: 2rem;
}

	.subscribe-payment {

	}

		.subscribe-payment ul.main-offers-list {
			padding: 30px 10px;
			background-color: #f6f6f6;
		}

			.subscribe-payment li.card-offer {
				background-color: #fff;
				border: 1px solid #dedede;
				border-top: 0;
				margin-bottom: 10px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
			}

				.subscribe-payment .offer-title {
					text-decoration: none;
					display: block;
					position: relative;
				}

					.subscribe-payment .plus {
						position: absolute;
						right: 5px;
						margin-top: 4px;
						width: 18px;
						height: 18px;
						border: 1px solid #fff;
						border-radius: 50%;
						opacity: 1;
						transition: opacity .3s;
					}
					.subscribe-payment .offer-title.active .plus {
						opacity: 0;
					}

						.subscribe-payment .plus::before {
							border-left: 1px solid #fff;
						    content: " ";
						    height: 10px;
						    left: 7px;
						    position: absolute;
						    top: 3px;
						    width: 0;
						    -webkit-transition: transform .3s;
						    		transition: transform .3s;
						}

						.subscribe-payment .plus::after {
							border-bottom: 1px solid #fff;
						    content: " ";
						    width: 10px;
						    left: 3px;
						    position: absolute;
						    top: 8px;
						}

				.sub-nav-offer {
					height: 0;
					overflow: hidden;
				}

				.sub-nav-offer.open {
					height: 100%;
					padding: 15px 15px;
				}

					.sub-nav-offer p {
						font-family: "franklin-gothic-urw";
						font-size: 1rem;
						text-align: center;
						padding: 0 12px;
						margin-bottom: 15px;
					}

						.sub-nav-offer span.strong {
							font-weight: 800;
						}

					.payment-way-list {

					}

						.payment-way {
							font-family: "franklin-gothic-urw";
							font-size: 1rem;
							margin-bottom: 10px;
						}

							.payment-way a.way {
								text-decoration: none;
								color: #fff;
								padding: 7px;
								display: block;
								border: 1px solid #dedede;
								border-radius: 5px;
								font-size: 1.06em;
								background-color: #f6f6f6;
							}

								.payment-way a.way div {
									background-color: #333;
									height: 54px;
									border-radius: 3px;
									padding: 10px 8px 5px;
								}

									.payment-way a.way div p {
										text-align: left;
										line-height: 1em;
										font-size: 1.06rem;
										max-width: 80%;
										padding: 0;
									}

									.payment-way a.way img {
										float: right;
									}

							.payment-way .payment-condition {
								position: relative;
								height: 0;
								overflow: hidden;
								background-color: #fff;
							}

								/*.payment-way .payment-condition::before {
									position: absolute;
									content: "";
									width: 0;
									height: 0;
									left: 45%;
									border-left: 14px solid transparent;
									border-right: 14px solid transparent;
									border-top: 8px solid #333;
								}

								.payment-way .payment-condition::after {
									position: absolute;
									content: "";
									width: 70%;
									height: 1px;
									bottom: 0;
									margin-left: 50%;
									transform: translate(-50%);
									background-color: #dedede;
								}*/

							.payment-way .payment-condition.open {
								height: 100%;
								margin: 10px 20px 20px 20px;
							}

								.payment-condition p {
									margin-top: 5px;
									padding-top: 10px;
								}

/* @end SUBSCRIBE PAY */


/* @group 404 */

	.main-404 .message-box {
		width: 80%;
		margin: 0 auto;
		margin-top: 40px;
		position: relative;
	    text-align: center;
	    background-image: url("../images/border.svg");
	    background-position: center center;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    padding-bottom: 40px;
	}

		.main-404 .message-box span {
			font-family: "jubilat";
			font-size: 3.8rem;
			font-weight: 500;
			color: #333333;
		}

		.main-404 .message-box p {
			font-family: "franklin-gothic-urw";
			font-size: 0.95rem;
			color: #333333;
		}

/* @end 404 */


/* @group LEGAL MENTIONS */

	.legal-main {

	}

		.static-main {
			 background-color: #f6f6f6;
		}

		.static-main-container{
		    background: #fff none repeat scroll 0 0;
		    border-left: 1px solid #dddddd;
		    border-right: 1px solid #dddddd;
		    border-bottom: 1px solid #dddddd;
		    position: relative;
		    color: #333333;
		    margin-bottom: 15px;
		    display: inline-block;
		    width: 100%;
		}

		.static-main-container::before {
		    border-top: 4px solid #1a1a1a;
	        content: " ";
	        display: block;
	        height: 0;
	        width: 100%;
		}

		.static-main-container:first-child::before {
		    display: none;
		}

		    .static-main-container .static-title{
		        font-family: "jubilat";
		        font-size: 1.25rem;
		        font-weight: 400;
		        padding: 11px 2.5%;
		        border-bottom: 1px solid #dadada;
		    }

		     .static-main-container .static-txt{
		        font-family: franklin-gothic-urw;
		        font-size: 1rem;
		        padding: 4% 2.5%;
		        color: #000000;
		     }

            .static-main-container .static-txt p{
                margin-bottom: 20px;
            }

            .static-main-container .static-txt h4 {
                color: #ef183d;
            }

            .static-main-container .static-txt h4:not(:first-child) {
                margin-top: 20px;
            }

            .static-main-container .static-txt ul {
                padding-left: .8rem;
            }

		    .static-main-container .static-container-content{
		        padding: 3%;
		    }

		    .static-main-container .static-container-content .team{
		        border-bottom: 1px solid #dadada;
		        padding-bottom: 3.5%;
		    }

		        .static-main-container .static-container-content .team .people{
		            width: 100%;
		            display: block;
		            margin-bottom: 10px;
		        }

		            .static-main-container .static-container-content .team .people .name{
		                font-family: "jubilat";
		                font-size: 1.25rem;
		                font-weight: 500;
		            }

		            .static-main-container .static-container-content .team .people .function{
		                font-family: "jubilat";
		                font-size: 1.25rem;
		                font-weight: 200;
		            }

		    .static-main-container .static-container-content .edition{
		        font-family: franklin-gothic-urw;
		        font-size: 1rem;
		        padding: 3.5% 0;
		    }

		    .static-container-content-block{
		        background: #fff none repeat scroll 0 0;
		        border-left: 1px solid #dddddd;
		        border-right: 1px solid #dddddd;
		        border-bottom: 1px solid #dddddd;
		        position: relative;
		        height: auto;
		        width: 100%;
		        margin: 0;
		        margin-bottom: 14px;
		        display: block;
		    }

		    .static-container-content-block::before {
		        border-top: 4px solid #4d4d4d;
		        content: " ";
		        display: block;
		        height: 0;
		        width: 100%;
		    }


		      .static-container-content-block   .title{
		          font-family:"ff-tisa-web-pro";
		        font-size: 1.25rem;
		          padding: 3% 5% 0;
		      }

		    .static-container-content-block   .txt{
		        font-family: franklin-gothic-urw;
		        font-size: 1rem;
		        padding: 0 5% 3%;
		    }

		    .static-main-line-infos{
		        font-family: franklin-gothic-urw;
		        font-size: 1rem;
		        padding: 4% 2.5%;
		        border-bottom: 1px solid #dadada;
		    }

		    .static-main-line-infos:last-child {
		        border-bottom: none;
		    }

/* @end LEGAL MENTIONS */


/* @group SECUREBOX */

	.securebox-header-banner {
		position: relative;
		height: 225px;
		background-position: center;
		background-size: cover;
		padding-top: 20px;
	}

		.securebox-header-banner .banner-shadow {
			background: #000;
		    opacity: 0.65;
		    filter: alpha(opacity=65);
		    position: absolute;
		    top: 0;
		    bottom: 0;
		    left: 0;
		    right: 0;

		}

		.securebox-header-banner .securebox-header-border {
		    margin: auto;
		    max-width: 800px;
		}

			.securebox-header-border .securebox-border {
				background-image: url(../images/securebox-border.svg);
				background-size: 100% 100%;
				background-position: top;
				background-repeat: no-repeat;
				width: 90%;
				height: 180px;
				position: relative;
				margin: auto;
				text-align: center;

			}

				.securebox-border-title {
					color: #FFF;
				    font-family: jubilat;
				    font-size: 1.25rem;
				    font-weight: 600;
				    padding: 5% 15% 2%;
				    line-height: 1;
				}

				.securebox-border-subtitle {
					color: #fff;
				    font-family: franklin-gothic-urw;
				    font-size: 0.81rem;
				    font-weight: 400;
				    padding: 0 10%;
				    line-height: 1.1em;
				}

	.securebox-main-container{
	    margin: auto;
	    max-width: 800px;
	    padding-top: 15px;
	    background-color: #f6f6f6;
	}

	    .securebox-main-container ul{
	        margin: auto;
	        max-width: 800px;
	        height: 45px;
	    }

	        .securebox-main-container ul li{
	        	display: -webkit-flex;
	        			display: flex;
	        	position: relative;
	            height: 45px;
	            width: 33%;
	            float: left;
	            background: #dedede;
	            color: #808080;
	            font-family: franklin-gothic-urw;
	            text-transform: uppercase;
	            font-size: 0.62rem;
	            border-top: 1px solid #dddddd;
	            border-left: 1px solid #dddddd;
	            transition: background-color 300ms;
	            box-sizing: border-box;
	        }

	            .securebox-main-container ul li:last-child{
	                border-right: 1px solid #dddddd;
	            }

	            .securebox-main-container ul li:hover{
	                background-color: #F4F4F4;
	            }

	            .securebox-main-container ul li a{
	                display: block;
	                text-decoration: none;
	                text-align: center;
	                padding: 0 4%;
	                margin: auto;
	                line-height: 1.1em;
	            }

	            .securebox-main-container ul li.active{
	                background: #ef183d ;
	                color: #FFF;
	                position: relative;
	            }

	                .securebox-main-container ul li.active:after{
	                    border-top: 11px solid #ef183d;
	                    border-bottom: 0px solid transparent;
	                    border-right: 7px solid transparent;
	                    border-left: 7px solid transparent;
	                    bottom: -11px;
	                    content: " ";
	                    display: inline-block;
	                    height: 1px;
	                    left: 30%;
	                    margin-left: 15px;
	                    margin-right: 20px;
	                    position: absolute;
	                    transform: scale(1.1);
	                    vertical-align: 6px;
	                    width: 1px;
	                }

	        .securebox-main-container .content{
	            height: auto;
	            width: 100%;
	            border: 1px solid #dddddd;
	            padding: 6%;
	        }

	            .securebox-main-container .content{
	                padding: 6%;
	            }

		            .securebox-main-container .content .intro {
		               color: #000;
	                   font-family: "franklin-gothic-urw";
	                   font-size: 1rem;
	                   line-height: 1.2;
	                   padding-bottom: 25px;
	                   text-align: center;
		            }

		            .securebox-main-container .content .warning {
		                color: #000;
		                font-family: franklin-gothic-urw;
		                font-size: 1rem;
		                line-height: 1.2;
		                margin-top: 20px;
		                text-align: center;
		            }

		                .securebox-main-container .content .warning .icon{
		                   display: block;
		                   margin: 0 auto;
		                   margin-bottom: 5px;
		                   background-color: #fff;
		                }

		            .securebox-main-container .steps{
		            	background-color: #fff;
		            	position: relative;
		            	border: 1px solid #dedede
		            }

		            .securebox-main-container .steps::before {
		            	position: absolute;
		            	content: "";
		            	top: 0;
		            	left: 0;
		            	right: 0;
		            	height: 5px;
		            	background-color: #ef183d;
		            }

			            .securebox-main-container .content .steps .step{
			            	display: block;
			                border-bottom: 0;
			                height: auto;
			                width: 100%;
			                padding: 0 15px;
			            }

				            .securebox-main-container .content .steps .step .step-title{
				                font-family: ff-tisa-web-pro;
				                font-size: 1.12rem;
				                font-weight: 400;
				                color: #ef183d;
				                margin: 10px 7% 15px;
				                text-align: center;
				            }

				            .securebox-main-container .content .steps .step .step-txt{
				              	color: #000;
				                font-family: franklin-gothic-urw;
				                font-size: 0.875rem;
				                line-height: 1.2;
				                text-align: center;
				            }

				            .securebox-main-container .steps .step .step-txt:last-child {
				              	border-bottom: 1px solid #dedede;
				              	padding-bottom: 20px;
				            }

				            .securebox-main-container .steps .step:last-child .step-txt:last-child {
				              	border-bottom: 0;
				            }

			            	.securebox-main-container .steps .step .step-icon{
			            	    width: 70px;
			            	    height: 70px;
			            	    margin: 10px auto;
			            	}

			            	.securebox-main-container .steps .step .step-icon .icon{
			            	    fill: #ef183d;
			            	    stroke: #ef183d;
			            	}

			            	#divhow .steps .step .step-icon{
			            	    text-align: center;
			            	}

			            	#divhow .steps .step .step-icon:before{
			            	    margin-right: 0;
			            	}

				                .securebox-main-container .content .steps .step .step-icon .icon.icon1{
				                    margin-top: 12px;
				                }
				                .securebox-main-container .content .steps .step .step-icon .icon.icon2{
				                       margin-top: 10px;
				                }

				                .securebox-main-container .content .steps .step .step-icon .icon.icon3{
				                        margin-top: 10px;
				                }


		            .securebox-main-container .content .rules{
		                border:1px solid #dddddd ;
		                height: auto;
		                width: 100%;
		                position: relative;
		                font-family: franklin-gothic-urw;
		                font-size: 0.875rem;
		            }

			            .securebox-main-container .content .rules .rule {
			                height: auto;
			                width: 100%;
			                padding: 6%;
			                padding-top: 30px;
			                border-bottom: 1px solid #dedede;
			            }

			            .securebox-main-container .content .rules .rule:last-child {
			                border-bottom: 0;
			            }

			                .securebox-main-container .content .rules::before {
			                    border-top: 5px solid #ef183d;
			                    content: " ";
			                    width: 100%;
			                    position: absolute;
			                    top: 0;
			                    left: 0;
			                }

			            .securebox-main-container .content .usefull-links {
			                border:1px solid #dddddd ;
			                width: 100%;
			                margin-top: 30px;
			                position: relative;
			                padding-top: 8px;
			                background-color: #fff;
			            }
			                .securebox-main-container .content .usefull-links:after{
			                    border-top: 8px solid #1a1a1a;
			                    content: " ";
			                    width: 100%;
			                    position: absolute;
			                    top: 0px;
			                    left: 0;
			                }

			                .securebox-main-container .content .usefull-links .links{
			                    border-bottom: 1px solid #dddddd;
			                    color: #000;
			                    font-family: franklin-gothic-urw;
			                    font-size: 0.875rem;
			                    line-height: 1.2;
			                    padding: 6% 3%;
			                    position: relative;
			                    width: 100%;
			                }

			                    .securebox-main-container .content .usefull-links .links:last-child{
			                        border-bottom: 0px;
			                    }

			                    .securebox-main-container .content .usefull-links .links a{
			                        text-decoration: none;
			                        color: #666666;
			                        transition: opacity 300ms;
			                    }

			                    .securebox-main-container .content .usefull-links .links span{
			                        word-break: break-word;
			                    }

			                         .securebox-main-container .content .usefull-links .links a:hover{
			                             opacity:0.7;
			                         }

/* @end SECUREBOX */


/* @group REGROUPEMENT */


		.regroup-header {
			padding-top: 20px;
			padding-bottom: 20px;
			background-color: #f6f6f6;
		}

			.regroup-header .img-mask {
				border-radius: 50%;
			    width: 30%;
			    margin: auto;
			    padding-top: 30%;
			    margin-bottom: 10px;
			    position: relative;
			    overflow: hidden;
			    background-size: cover;
			    background-position: center;
			}

			.regroup-header .regroup-title {
				font-family: "jubilat";
				font-size: 1.25rem;
				font-weight: 600;
				text-align: center;
				margin-bottom: 20px;
			}

			.regroup-header p {
				font-family: "franklin-gothic-urw";
				font-size: 1rem;
				text-align: center;
				padding: 0 6%;
			}

/* @end REGROUPEMENT */


/* @group MODULES */

	/* @group ARTICLES */

		.list-articles {
			background-color: #f6f6f6;
		}

				.list-articles.search-articles li:last-child {
					padding: 15px;
					border-top: 1px solid #dedede;
				}

			.list-article {
				position: relative;
				display: inline-block;
				border-top: 1px solid #dedede;
				padding: 15px;
				font-family:"ff-tisa-web-pro";
/*				line-height: 1em;*/
				/*background-color: #f6f6f6;*/
            background-color: #FFF;
                width: 100%;
			}

			.list-article.text-only {
				font-size: 1.06em;
				line-height: 1.1em;
			}

			.list-article:last-child {
				border-bottom: 1px solid #dedede;
			}

				.list-article.media-article {

				}

					.list-article.media-article .article-media {
						float: right;
						position: relative;
						width: 40%;
						margin-left: 20px;
					}

                        .list-article.media-article .article-media img{
                            width: 100%;
                            height: auto;
                        }

					.list-article.media-article .article-media .icon {
						position: absolute;
						bottom: 5px;
						left: 5px;
					}

					.list-article.media-article .article-media .red-category-tag {
						position: absolute;
						bottom: 0;
						left: 0;
						max-height: 17px;
					}

					.list-article .article-content {
						width: 100%;
					}

                        .list-article .article-content a{
                            text-decoration: none;
                        }

						.list-article .article-content .text-second{
                            color: #808080;
                            padding-top: 20px;
                            display: block;
                            display: block;
                            font-size: 0.9rem;
                        }


						.blue-category-tag{
							color: #00B3E2;
							border: 1px solid #00B3E2;
							text-transform: uppercase;
							font-size: 0.625em;
							padding: 0 5px;
							float: left;
							margin-right: 10px;
                            line-height: 1.3;
							font-family:"franklin-gothic-urw";
                            display: none;
						}

						.red-category-tag{
							color: #fff;
							background: #EF183D;
							text-transform: uppercase;
							font-size: 0.65em;
                            font-weight: 600;
							padding: 0 5px;
							float: left;
							margin-right: 15px;
							font-family:"franklin-gothic-urw";
                            display: none;
						}

                        .grey-fact{
							color: #000;
                            display: inline-block;
                            float: left;
                            font-family: franklin-gothic-urw-cond;
                            font-size: 0.8em;
                            font-weight: 500;
                            margin-right: 5px;
                            padding: 0;
                            text-transform: uppercase;
						}

						.article-media + .article-content .red-title {
							float: left;
							margin-right: 5px;
						}

						.red-title {
							font-size: 0.95em;
							color: #EF183D;
							display: inline-block;
							font-family:"jubilat";
							font-weight: 300;
						}

						.list-article.text-only .category-tag{
							display: inline-block;
							float: none;
							margin-right: 5px;
						}

						.list-article .category-tag + p {
							padding-top: 3px;
						}

						.hashtag {
							display: inline-block;
							color: #666666;
							font-family:"franklin-gothic-urw";
							margin-top: 5px;
                            display: none;
						}

						.list-article.text-only .hashtag {
							margin-left: 5px;
							margin-top: 0;
						}

		.wide-angle-container {
			/*background-color: #f6f6f6;*/
            background-color: #FFF;
			padding: 10px 0 0;
            list-style: none;
		}

.grey-fact {
    color: #EF183D;
}

		.wide-angle-container:nth-child(2) {
			padding-bottom: 0;
		}

			.wide-angle-article {
			    /*border: 1px solid #dddddd;*/
			    padding: 10px;
			    width: auto;
			    margin: 0 10px;
			    background: #FFF;
			    /*box-shadow: 0 0 8px -9px rgba(0, 0, 0, 0.1);*/
			    transition: box-shadow 300ms;
			    position: relative;
			}

				.wide-angle-article .media-icon {
					position: absolute;
					bottom: 3px;
					left: 0;
					width: 25px;
					height: 25px;
				}

				.wide-angle-article .hashtag {
					padding-bottom: 0;
					font-size: 0.75em;
					margin-top: 0;
				}

			    .wide-angle-article-image-and-tag{
			        height:auto;
			        position:relative
			    }

			    .wide-angle-article:last-child {
			        margin-bottom: 0px;
			    }

			    .wide-angle-img-container {
			    	position: relative;
			    	height:150px;
			    	overflow: hidden;
			    	margin-bottom: 10px;
			    }

				    .wide-angle-article img{
				    	width: 100%;
				        position: absolute;
				        top: -25%;
				    }

			    .wide-angle-article .title{
			        font-family: jubilat;
			        font-size: 1rem;
			        font-weight: 800;
			        line-height: 0.9;
			        text-align: left;
			        display: inline;
			        text-decoration: none;
			        opacity: 1;
			        transition: opacity 300ms;
			    }

			    .encadre{
    border: 1px solid #DADADA;
    padding: 3% 5%;
    font-family: franklin-gothic-urw;
    margin: 2% 0px;
    background: #F2F2F2;
}

.encadre .attachment-tumbnail{min-width: 100%;}

.encadre .encadre-keyword{
    font-weight: bold;
}

.encadre .encadre-keyword:first-letter {
 text-transform:uppercase;
}

.encadre .encadre-text{
    margin-top: 0.2em;
}

.encadre .encadre-title{
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

			        .grandangle-main-rubric .wide-angle-article .title{
			            padding: 60px 24% 30px;
			            font-size: 3.3rem;
			        }

			        .wide-angle-article .title:hover{
			            opacity: 0.75;
			        }

			        .wide-angle-article .title .icon{
			            margin-left: -60px;
			            margin-top: 2px;
			            position: absolute;
			            width: 40px;
			        }

			    .grandangle-part {
			    	text-align: center;
			    	margin: 0 auto;
			    	margin-top: 30px;
			    }

				    .grandangle-part h5 {
				    	font-family: "franklin-gothic-urw";
				    	font-size: 0.81em;
				    	letter-spacing: 0.2em;
				    	text-transform: uppercase;
				    	margin: 0 auto;
				    	width: 80%;
				    }

				    .grandangle-part .part-title {
				    	font-family: "jubilat";
				    	font-size: 1.25em;
				    	line-height: 1.1em;
				    	margin: 0 auto;
				    	width: 80%;
				    	margin-bottom: 20px;
				    }

				    .grandangle-content .copyright {
				    	padding-top: 5px;
				    	padding-left: 0;
				    	line-height: 1.1em;
				    }

				    .grandangle-content.content {
				    	width: 100%;
				    }

                    .grandangle-content h4 {
                        margin-top: 25px;
                    }

				    .grandangle-part .copyright {
				    	font-size: 0.70em;
				    }

					    .grandangle-part .copyright .strong {
					    	display: inline-block;
					    }

                .single .cropped-picture {
                    height: auto;
                }

				.cropped-picture {
					height: 131px;
					margin-top: 10px;
					width: 100%;
					overflow: hidden;
				}

					.cropped-picture img {
						width: 100%;
						height: auto;
						margin-top: -5%;
					}

				.grandangle-focus {
					background-color: #333333;
					color: #fff;
					font-family: "franklin-gothic-urw";
					padding-bottom: 20px;
					margin-top: 20px;
					margin-left: -5%;
					margin-right: -5%;
				}

					.grandangle-focus img {
						width: 100%;
						height: auto;
						margin-bottom: 25px;
					}

					.grandangle-focus span {
						text-transform: uppercase;
						font-size: 0.94rem;
						padding: 0 4%;
					}

					.grandangle-focus h6 {
						font-size: 1.25rem;
						margin-top: 5px;
						padding: 0 4%;
					}

					.grandangle-focus p {
						font-size: 1rem;
						margin-top: 25px;
						padding: 0 4%;
					}

				.grandangle-quote {
					position: relative;
					background-color: #f6f6f6;
					border: 9px solid #dddddd;
					margin-top: 30px;
					margin-bottom: 10px;
				}

				.grandangle-quote::before {
					position: absolute;
					content: "";
					width: 0;
					height: 0;
					border-top: 40px solid #dddddd;
					border-left: 65px solid transparent;
					right: 38px;
					top: -9px;
				}

				.grandangle-quote::after {
					position: absolute;
					content: "";
					width: 0;
					height: 0;
					border-top: 25px solid #fff;
					border-left: 40px solid transparent;
					right: 46px;
					top: -9px;
				}

					.grandangle-quote .quote-content {
						padding: 30px 20px;
						text-align: center;
					}

						.grandangle-quote .quote-content .img-mask {
							border-radius: 50%;
						    width: 50%;
						    margin: auto;
						    padding-top: 50%;
						    margin-top: 20px;
						    margin-bottom: 20px;
						    position: relative;
						    overflow: hidden;
						    background-size: cover;
						    background-position: center;
						}

						    .grandangle-quote .quote-content img {
						    	width: 100%;
						    	height: auto;
						    }

					    .grandangle-quote .quote-content .p {
					    	font-family: "jubilat";
					    	font-size: 1.25rem;
					    	font-weight: 500;
					    }


					    .grandangle-quote .quote-content .quote-from {
					   		margin-top: 10px;
					   		font-weight: 800;
					   		font-size: 0.95em;
					    }

					    .grandangle-quote .quote-content span {
					    	font-size: 0.95em;
					    }

					.grandangle-quote .quote-controls {
						border-top: 1px solid #dddddd;
					}

						.grandangle-quote ul {
							height: 38px;
						}

							.grandangle-quote li {
								width: 49%;
								display: inline-block;
								height: 100%;
							}

							.grandangle-quote li:first-child {
								border-right: 1px solid #dedede;
							}

								.grandangle-quote .quote-controls li a {
									display: block;
								}

								.grandangle-quote .quote-controls li img {
									width: 22px;
									margin: 0 auto;
									padding-top: 15px;
								}

					.grandangle-content .media-video {
						position: relative;
						margin-top: 20px;
						margin-bottom: 10px;
					}

						.grandangle-content .media-video .icon {
							position: absolute;
							bottom: 20px;
							left: 15px;
							width: 40px;
							height: 40px;
						}


					.bio-express {
						background-color: #f6f6f6;
						border: 9px solid #dddddd;
						margin: 20px auto;
						text-align: center;
						padding-top: 30px;
						padding-bottom: 20px;
						font-family: "franklin-gothic-urw";
					}

					    .bio-express .img-mask {
				    		border-radius: 50%;
				    	    width: 50%;
				    	    margin: auto;
				    	    padding-top: 50%;
				    	    margin-top: 20px;
				    	    margin-bottom: 20px;
				    	    position: relative;
				    	    overflow: hidden;
				    	    background-size: cover;
				    	    background-position: center;
					    }

					   		.bio-express .round img {
					   			width: 100%;
					   			height: auto;
					   		}

					    .bio-express span {
					    	text-transform: uppercase;
					    	font-size: 0.94rem;
					    }

					    .bio-express .p {
					    	font-size: 1.25rem;
					    }

					    .bio-express .plus {
					    	position: relative;
					    	display: block;
					    	width: 40px;
					    	height: 40px;
					    	border: 1px solid #dddddd;
					    	border-radius: 50%;
					    	margin: 15px auto 0;
					    }

						    .bio-express .plus::before {
						    	position: absolute;
						    	content: "";
						    	width: 16px;
						    	height: 1px;
						    	background-color: #333333;
						    	top: 19px;
						    	left: 12px;
						    }

						    .bio-express .plus::after {
						    	position: absolute;
						    	content: "";
						    	height: 17px;
						    	width: 1px;
						    	background-color: #808080;
						    	top: 10px;
						    	left: 19px;
						    	transition: transform .3s;
						    }

						    .bio-express .plus.active::after {
						    	transform: rotate(90deg);
						    	top: 11px;
						    }

						.bio-express-content {
							/*height: 0;*/
							text-align: center;
							overflow: hidden;
							transition: height .3s;
						}

						.bio-express-content.open {
							height: auto;
						}

							.bio-express-content span.date {
								font-weight: 800;
								font-size: 1.1rem;
							}

							.bio-express-content p {
								width: 85%;
								margin: 0 auto;
								line-height: 1em;
								font-size: 1.06rem;
							}

							.bio-express-content .separation {
								display: block;
								height: 15px;
								width: 1px;
								margin: 10px auto;
								border-right: 1px dashed #333333;
							}

	/* @end ARTICLES */


	/* @group PAGE TITLE / SEARCH */

		.page-title-head {
			height: 25px;
			color:#fff;
			background-color: #333333;
			padding: 2px 0 0 15px;
			font-size: 0.875em;
		}

		.search-bar {
			width: 100%;
			height: 60px;
			font-family: 'franklin-gothic-urw';
			font-size: 1.5em;
			color: #333333;
			background-color: #f6f6f6;
			overflow: hidden;
			border-bottom: 1px solid #dedede;
		}

			.search-bar form {
				height: 100%;
			}

				.search-bar input {
					height: 100%;
					width: 100%;
					padding: 0 5px 10px 15px;
					background-color: #f6f6f6;
				}

			.search-bar .icon {
				position: absolute;
				right: 15px;
				top: 85px;
				stroke: #333333;
				fill:#fff;
			}

		.search-result-number {
			height: 30px;
			background-color: #fff;
			text-transform: uppercase;
			padding: 5px 0 0 15px;
			font-size: 0.875em;
			font-family: 'franklin-gothic-urw';

		}

	/* @end PAGE TITLE / SEARCH */


	/* @group HOME TITLE GROUP */

		.home-main {
			padding-top: 15px;
			border-top: 1px solid #dedede;
		}

		.home-main:nth-last-child(2) {
			border-bottom: 1px solid #dedede;
		}

			.home-main .hashtag {
				font-size: 0.8em;
			}

				.section-home-title{
				    background: #333333 none repeat scroll 0 0;
				    color: #fff;
				    display: block;
				    font-family: jubilat;
				    font-size: 1.125em;
				    font-weight: 600;
				    height: 40px;
				    padding-left: 4%;
				    padding-top: 10px;
				    text-decoration: none;
				    width: 100%;
				    position: relative;
				}

				    .section-home-title:after{
				        border-left: 6px solid transparent;
				        border-right: 6px solid transparent;
				        border-top: 6px solid #333;
				        border-bottom:0px;
				        display: inline-block;
				        height: 1px;
				        margin-left: 15px;
				        margin-right: 20px;
				        transform: scale(1.1);
				        vertical-align: 6px;
				        width: 1px;
				        bottom: -6px;
				        left: 5%;
				        content: " ";
				        position: absolute;
				        z-index: 10;
				    }

				    .home-main ul li.list-article:first-child {
						border-top: 0;
					}

				  	.home-main li:last-child {
						padding: 15px;
						border-top: 1px solid #dedede;
						background-color: #f6f6f6;
						list-style-type: none;
				  	}


		.contact-box {
			background-color: #fff;
			padding: 30px 0;
		}

			.contact-box-content {
				max-width: 260px;
				margin: 0 auto;
				border: 1px solid #dedede;
				background-color: #f6f6f6;
				padding: 10px 5px 10px 10px;
				font-family:"franklin-gothic-urw";
			}

				.contact-box .bold {
					color: #333333;
					font-weight: 700;
				}

				.contact-box p {
					font-size: 0.875em;
					color: #000;
				}

				.contact-box .red-button {
					margin-top: 20px;
					border-bottom: 2px solid #333;
				}


				.article-section-title{
				    color: #666666;
				    margin-right: 5px;
				    display: inline-block;
				    font-family: jubilat;
				    font-size: 1.06em;
				    font-weight: 600;
				    text-decoration: none;
				}

				.article-content .article-section-title + p {
				    display: inline;
				}

				.section-search-title {
					height: 25px;
					width: 100%;
					display: block;
					font-size: 0.875em;
					font-family: 'Jubilat';
					background-color: #dddddd;
					text-decoration: none;
					padding: 2px 0 0 15px;
				}

	/* @end HOME TITLE GROUP */


	/* @group RUBRIQUE GROUP */
		.rubric-main-title{
		        background: #333333 none repeat scroll 0 0;
		        color: #fff;
		        display: block;
		        font-family: jubilat;
		        font-size: 0.9em;
		        font-weight: 500;
		        height: 26px;
		        padding-left: 4%;
		        padding-top: 3px;
		        position: relative;
		        text-decoration: none;
		        width: 100%;
		    }

		.rubric-main,
		.rubric-main .list-article{
		    background: #FFF;
		}

		        .rubric-main:not(.rubric-main-small-first-media) li:first-child .article-media{
		            width: 100%;
		            margin-left: 0;
		            margin-bottom: 10px;
		        }

		        .rubric-main:not(.rubric-main-small-first-media) li:first-child .article-content{
		            font-size: 1.1rem;
		        }

		             .rubric-main:not(.rubric-main-small-first-media) li:first-child .article-media img{
		                 width: 100%;
		                 height: auto;
		             }

		        .rubric-main li:last-child {
		            background-color: #fff;
		            border-top: 1px solid #dedede;
		            list-style-type: none;
		            padding: 15px 10px;
		        }


		    .rubric-main li.more-of,
		    .enoff-main li.more-of {
		        color: #333;
		        display: block;
		        font-family: franklin-gothic-urw-cond;
		        font-weight: 600;
		        height: 100px;
		        letter-spacing: 0.1rem;
		        margin: 0 auto;
		        text-decoration: none;
		        text-transform: uppercase;
		        width: 100%;
		    }

		    .enoff-main li.more-of {
		    	padding: 10px 10px 0;
		    }

		    .rubric-main li.more-of .more-of-container,
		    .enoff-main li.more-of .more-of-container {
		        height: 40px;
		        border: 1px solid #dddddd;
		        text-decoration: none;
		        display: block;
		        position: relative;
		        background: #f6f6f6;
		    }

		        .rubric-main li.more-of .more-of-container::before,
		        .enoff-main li.more-of .more-of-container::before,
		        .home-culture-container li.more-of .more-of-container::before {
		            position: absolute;
		            background: #FFF;
		            left: 0;
		            top: 0;
		            height: 0;
		            content: " ";
		            width: 100%;
		            transition: height 250ms;
		        }

		             .rubric-main li.more-of .more-of-container:hover::before,
		             .enoff-main li.more-of .more-of-container:hover::before {
		                height: 100%;
		            }


		        .rubric-main li.more-of .plus,
		        .enoff-main li.more-of .plus,
		        .home-culture-container li.more-of .plus {
		            border-top: 1px solid #333333;
		            display: inline-block;
		            height: 0;
		            margin-left: 20px;
		            margin-top: 20px;
		            position: relative;
		            width: 16px;

		        }

		            .rubric-main li.more-of .plus::before,
		            .enoff-main li.more-of .plus::before,
		            .home-culture-container li.more-of .plus::before {
		                border-left: 1px solid #333333;
		                content: " ";
		                height: 16px;
		                left: 7px;
		                position: absolute;
		                top: -9px;
		                width: 0;

		            }


		        .rubric-main li.more-of .section,
		        .enoff-main li.more-of .section,
		        .home-culture-container li.more-of .section {
		            color: #333;
		            display: inline-block;
		            font-size: 0.8rem;
		            font-weight: 600;
		            letter-spacing: 0.1rem;
		            padding: 0 10px 0 10px;
		            position: relative;
		            text-decoration: none;
		            text-transform: uppercase;
		            vertical-align: -3px;
		        }

		.datadesk-selector-container{
		    background: #FFF;
		    padding: 15px;
		}
		.datadesk-selector{
		    background: #f6f6f6 none repeat scroll 0 0;
		    border: 1px solid #dddddd;
		    display: block;
		    height: 40px;
		    position: relative;
		    text-decoration: none;
		    position: relative;
		}

		    .datadesk-selector .title{
		        color: #333;
		        display: inline-block;
		        font-family: franklin-gothic-urw-cond;
		        font-size: 0.8rem;
		        font-weight: 600;
		        letter-spacing: 0.1rem;
		        padding: 10px;
		        position: relative;
		        text-decoration: none;
		        text-transform: uppercase;
		        vertical-align: -3px;
		    }

		    .datadesk-selector .arrow{
		        width: 10px;
		        height: 10px;
		        border-left: 1px solid #333;
		        border-bottom: 1px solid #333;
		        display: block;
		        position: absolute;
		        right: 10px;
		        top: 10px;
		        transform: rotate(-45deg)
		    }

		.rubric-main .wide-angle-container{
		    background: #FFF;
		}

		.rubric-main .wide-angle-article{
		    background: #f6f6f6;
		}

		.rubric-main-grandangle.rubric-main li:last-child{
		    border: 0;
		    padding-top: 10px;
		}

		.wide-angle-relative-article{
		    position: relative;
/*		    display: inline-block;*/
            display: block;
		    border-bottom: 1px solid #dedede;
		    border-left: 1px solid #dedede;
		    border-right: 1px solid #dedede;
		    padding: 15px;
		    font-family:"ff-tisa-web-pro";
		    line-height: 1em;
		    background-color: #f6f6f6;
		    margin: 0 10px;
		    color: #666666;
		}

		    .grandangle-main .wide-angle-relative-article{
		        border-left: 0px;
		        border-right: 0px;
		        margin: 0;
		    }

		    .wide-angle-relative-article a{
		        text-decoration: none;
		    }

		.relative-article-cat{
		    display: inline-block;
		    font-family: jubilat;
		    padding-right: 5px;
		    color: #666666;
		}

		.first-videos,
		.main-post{
		    background: #f6f6f6;
		    padding-bottom: 10px;
		    padding-top: 10px;
		}

		.most-famous-videos{
		    background: #f6f6f6;
		    padding-bottom: 15px;
		}

        .main-post .global-subtitle {
            margin-bottom: 5px;
            display: inline-block;
            font-weight: normal;
        }

		    .first-videos .header,
		    .main-post .header,
		    .most-famous-videos .header{
		        background: #FFF;
		        border-top: 4px solid #9e005d;
		        height: 50px;
		        font-family: jubilat;
		        font-size: 1.2rem;
		        color: #333333;
		        padding: 8px 20px;
		        border-bottom: 1px solid #dddddd;
		    }

		    .first-videos .header,
		    .main-post .header{
		        border-top: 4px solid #333;
		    }


		    .rubric-main .first-videos li,
		    .rubric-main .main-post li{
		        padding: 0px;
		    }

		         .first-videos .list-article.media-article .article-media,
		         .main-post .list-article.media-article .article-media{
		             width: 100%;
		             margin: 0;
		             float: none;
		        }

				.list-article.media-article .article-media iframe {
/*		             max-width: 100%;*/
		        }

		        .first-videos  .list-article .article-content,
		        .main-post  .list-article .article-content{
		            padding: 15px 10px;
		            font-size: 1.1rem;
		            position: relative;
		        }

                .first-videos  .list-article .article-content {
                    background: #9e005d;
                    color: #FFF;
                }

                .main-post  .list-article .article-content{
                    padding: 10px 0 0 0;
                    background: #fff;
                    font-weight: bold;
                }

		        .first-videos  .list-article .article-content .video-txt,
		        .main-post  .list-article .article-content .video-txt{
		            width: 80%;
		            font-family: "franklin-gothic-urw";
		        }

		        .main-post .list-article .article-content .video-txt{
		            font-family: 'Patua One', cursive!important;
			    font-size:1.3rem;
		        }

		        .first-videos  .list-article .article-content .arrows,
		        .main-post  .list-article .article-content .arrows{
		            width: 75px;
		            height: 30px;
		            float: right;
		            position: absolute;
		            bottom: 15px;
		            right: 10px;
		        }

		                .first-videos  .list-article .article-content .arrows .left-arrow,
		                .main-post  .list-article .article-content .arrows .right-arrow,
		                .first-videos  .list-article .article-content .arrows .left-arrow,
		                .main-post  .list-article .article-content .arrows .right-arrow{
		                    height: 30px;
		                    width: 30px;
		                    border: 1px solid #FFF;
		                    display: block;
		                    float: left;
		                    position: relative;
		                }

		                    .first-videos  .list-article .article-content .arrows .left-arrow span,
		                    .main-post  .list-article .article-content .arrows .left-arrow span{
		                        border-bottom: 1px solid #FFF;
		                        border-left: 1px solid #FFF;
		                        display: block;
		                        height: 10px;
		                        position: absolute;
		                        right: 7px;
		                        top: 10px;
		                        transform: rotate(45deg);
		                        width: 10px;
		                    }


		                    .first-videos  .list-article .article-content .arrows .right-arrow span,
		                    .main-post  .list-article .article-content .arrows .right-arrow span{
		                        border-bottom: 1px solid #FFF;
		                        border-left: 1px solid #FFF;
		                        display: block;
		                        height: 10px;
		                        position: absolute;
		                        right: 11px;
		                        top: 10px;
		                        transform: rotate(-135deg);
		                        width: 10px;
		                    }


		                .first-videos  .list-article .article-content .arrows .left-arrow,
		                .main-post  .list-article .article-content .arrows .left-arrow{
		                    margin-right: 5px;
		                }

		        .first-videos  .list-article .article-content .article-content-hastag-inline .hashtag,
		        .main-post  .list-article .article-content .article-content-hastag-inline .hashtag{
		            color: #FFF;
		            font-size: 0.85rem;
		            opacity: 0.7;
		        }

	/* @end RUBRIQUE GROUP */


	/* @group ARTICLE GROUP */


		.datadesk-tag {
		    margin: 15px auto;
		    text-align: center;
		    width: 100%;
		}

		.datadesk-main h1{
		    font-family: "ff-tisa-web-pro";
		    font-size: 1.6rem;
		    font-weight: 400;
		    line-height: 1.2;
		    padding: 0% 10%;
		    text-align: center;
		}

		.datadesk-main-media{
		    width: 100%;
		    padding-top: 10px;
		    height: 200px;
		    background: #333;
		}

		    .datadesk-main-media img{
		        width: 100%;
		        height: auto;
		    }

		.article-main .chapo {
		    color: #666666;
		    font-family: "franklin-gothic-urw";
		    font-size: 1.15rem;
		    line-height: 1.2;
		    padding: 20px 3%;
		    text-align: center;
		}

		.article-main .content{
		    color: #353535;
		    display: inline-block;
		    font-family: "ff-tisa-web-pro";
		    font-size: 1.05rem;
		    line-height: 1.4;
		    margin: auto;
		    padding: 0px 4% 0px;
		}

		.album_photo{
			margin: 30px 0;
		}

		.album_photo li {
			width: 48%;
			margin-top: 10px;
		}
		.album_photo li img {
			width: 100%;
		}

		.arabia-content .article-main .content,
		.arabia-content .list-article .article-content,
		.arabia-content .newsroom-article h1,
		.arabia-content .rubric-main-title,
		.arabia-content .copyright {
			font-family: 'DroidArabicKufiRegular';
			direction: rtl;
			text-align: right;
		}
		.arabia-content .chapo {
			font-family: 'DroidArabicKufiRegular';
			text-align: right;
    		padding-right: 0;
    		direction: rtl;
		}
		.arabia-content .copyright {
			padding: 0 0 10px 0;
		}

		.arabia-content .rubric-main-title {
			padding-right: 4%;
		}

		.arabia-content .global-paydesk {
			bottom: 20px;
			left: 14px;
		}

			.article-main .content .subscribe-home-bloc {
			    margin: 20px auto;
			    padding-top: 0;
			    width: 100%;
			    max-width: 400px;
			}

			.article-main .content p {
				position: relative;
			}

			.article-main .content p:last-child {

			}

			/*.article-main .content p:last-of-type::after {
				content: "";
				display: inline-block;
				vertical-align: 3px;
				width: 5px;
				height: 5px;
				margin-left: 4px;
				border-radius: 50%;
				background-color: #333;
			}*/

		    .article-main .content img{
		        width: 100%;
		        height: auto;
		    }

		    .article-main .content a {
		        color: #e3352d;
		    }

		.article-main h4 {
		    font-family: "franklin-gothic-urw";
		    font-size: 1rem;
		    font-weight: 600;
		    line-height: 0.9;
		    padding-bottom: 5px;
		    text-transform: uppercase;
		}

		.author-article{
		    color: #808080!important;
		    width: 100%;
		    text-align: left;
		    font-size: 1rem;
		    font-family: "franklin-gothic-urw";
		    padding: 15px 4%;
		}
		    .author-article a{
		        color: #000!important;
		        text-decoration: none;
		        font-family: jubilat;
		        font-weight: 500;
		    }

		    .author-article a.tw{
		        color:#00afee!important;
		        background-image: none!important;
		        text-decoration:none;
		        padding-left: 20px;
		        font-family: "franklin-gothic-urw";
		    }
		    	.author-article .tw-white-logo {
		    		float: none;
		    		padding-top: 2px;
		    		padding-left: 0;
		    		width: 20px;
		    	}

		.realisation-article{
		    color: #808080!important;
		    width: 100%;
		    text-align: left;
		    font-size: 0.9rem;
		    font-family: "franklin-gothic-urw";
		    margin-bottom: 40px;
		    padding: 0px 4%;
		}
		    .realisation-article a{
		        color: #000!important;
		        text-decoration: none;
		        font-weight: 500;
		    }

		.desintox-main h1,
		.enclair-main h1,
		.encontinu-main h1,
		.newsroom-main h1 {
		    font-family: "ff-tisa-web-pro";
		    font-size: 1.6rem;
		    font-weight: 400;
		    line-height: 1.2;
		    padding: 0% 3%;
		    text-align: left;
		}

		.desintox-main h2,
		.enclair-main h2,
		.encontinu-main h2,
		.newsroom-main h2 {
			font-family: franklin-gothic-urw;
		    font-size: 1.4rem;
		    font-weight: 500;
		    line-height: 0.9;
		    padding-bottom: 5px;
		 }

		 .desintox-main p + h2,
		.enclair-main p + h2,
		.encontinu-main p + h2,
		.newsroom-main p + h2 {
			margin: 10px 0;
		}

		.video-main h1 {
		    font-family: "franklin-gothic-urw";
		    font-size: 1.6rem;
		    font-weight: 400;
		    line-height: 1.2;
		    padding: 0% 3%;
		    text-align: left;
		}

		.encontinu-main h1{
		    padding-top: 30px;
		}

		.video-main h1{
		    padding-top: 15px;
		}

		.desintox-main .red-category-tag {
		    font-size: 0.7em;
		    margin-left: 3%;
		    margin-right: 10px;
		    margin-top: 8px;
		    padding: 3px 8px;
		}


		    .desintox-header-bigfoto img,
		    .enclair-header-bigfoto img,
		    .grandangle-header-bigfoto img{
		        width: 100%;
		        height: auto;
		    }

		    .desintox-main-tag,
		    .enclair-main-tag,
		    .grandangle-main-tag{
		        margin-top: -50px;
		        position: relative;
		        text-align: center;
		        margin-bottom: 8px;
		    }


		    .desintox-main .meta-article,
		    .enclair-main .meta-article,
		    .encontinu-main .meta-article,
		    .newsroom-main .meta-article,
		    .video-main .meta-article{
		        text-align: left;
		        padding-left: 3%;
		    }

		    .enclair-main .chapo,
		    .encontinu-main .chapo,
		    .newsroom-main .chapo{
		        text-align: left;
		        padding-left: 0;
		    }


		       /* .article-main .content.desintox-content,
		        .article-main  .enclair-content{
		            padding: 0 3%;
		        }*/

		        .desintox-content {
		        	width: 100%;
		        }


		        .desintox-content a.desintox-section-header{
		        	position: relative;
		            display: block;
		            width: 100%;
		            color: #1a1a1a;
		            font-family: "franklin-gothic-urw";
		            text-transform: uppercase;
		            font-size: 1.1rem;
		            border-top:3px solid #e6e6e6;
		            padding-top: 15px;
		            text-decoration: none;
		            padding-bottom: 10px;
		            padding-left: 25px;
		            margin-top: 18px;
		        }

		        .desintox-content a.desintox-section-header.active::before,
		        .desintox-content a.desintox-section-header::before {
		        	position: absolute;
		        	content: " ";
	        	    display: block;
		        	border-color: #333 transparent currentColor;
	        	    border-style: solid solid none;
	        	    border-width: 9px 6px 0;
	        	    left: 5px;
	        	    top: 23px;
	        	    transform: scale(1.1);
	        	    vertical-align: 6px;
	        	    width: 1px;
	        	    pointer-events: none;
		        }

		        .desintox-content a.desintox-section-header::before {
		        	transform:rotate(180deg);
		        }

		        .desintox-content .section{
		            display: none;
		        }

		        .desintox-content .desintox-section-header.active + .section{
		            display: block;
		        }


		    .article-keywords{
		        padding-left: 3%;
		        width: 100%;
		        padding-bottom: 20px;
		        padding-top: 20px;
		    }

		    .keywords{
		        border: 1px solid #dddddd;
		        display: inline-block;
		        color: #666;
		        font-size: 0.9rem;
		        padding: 3px 10px;
		        border-radius: 4px;
		        font-family: franklin-gothic-urw;
                text-decoration: none;
				margin-bottom: 5px;
		    }

		.article-main h1 .red-title{
		    padding-right: 6px;
		}

		.encontinu-main .red-title ,
		.grandangle-main .red-title {
		    color: #ef183d;
		    display: inline-block;
		    font-family: franklin-gothic-urw-cond;
		    letter-spacing: 0.1rem;
		    text-decoration: none;
		    text-transform: uppercase;
		    font-size: 1.2rem;
		}

		.newsroom-main-tag {
		    margin: 15px 3%;
		    width: 100%;
		}

		.newsroom-article{
		    border-top: 1px solid #dedede;
		    padding: 10px 0px;
		}

		.grandangle-main h1{
		    font-family: jubilat;
		    font-size: 2rem;
		    font-weight: 800;
		    line-height: 0.9;
		    padding: 3% 10%;
		    text-align: center;
		}

		.article-main .content.grandangle-content{
		    padding-top: 15px;
		}

		.push-container .wide-angle-container .title{
		    display: block;
		    margin: 0px;
		    width: 100%;
		}


	/* @end ARTICLE GROUP */


	/* @group PUSH GROUP */

		.push-container{
		    background: #f6f6f6;
		    border-top: 1px solid #dedede;
		}

		.push-container.une {
		    border-top:4px solid #ef183d;
		}

			.push-container .header {
			    height: 42px;
			    padding-top: 5px;
			    padding-left: 15px;
			}

			    .push-container .title{
			        display: inline-block;
			        margin-left: 10px;
			        margin-top: 0;
			        width: 80px;
			    }

			    .push-container .desk-logo-typo {
			    	color: #EF183D;
			    	font-size: 1.25em;
			    	vertical-align: bottom;
			    }

			    .push-container .subtitle{
			        display: inline-block;
			        font-family: "jubilat";
			        font-size: 1.3rem;
			        padding-left: 5px;
			        vertical-align: -4px;
			    }

			     .push-container .subtitle-cat{
			        display: inline-block;
			        font-family: jubilat;
			        font-size: 1.3rem;
			        padding-left: 5px;
			        vertical-align: -4px;
			    }

			    .push-container .push-cat{
			        background: #dddddd none repeat scroll 0 0;
			        color: #333;
			        font-family: jubilat;
			        font-size: 0.95rem;
			        padding: 5px 15px;
			    }

	/* @end PUSH GROUP */


	/* @group PROFIL GROUP */

		.profil-main{
		    background: #f2f2f2;
		    padding-top: 20px;
		    /*padding-bottom: 15px;*/
		}

		.profil-main-container{
		    margin: auto;
		    max-width: 1180px;
		}

		    .profil-main-container ul {
		        margin: auto;
		        max-width: 1180px;
		        height: 50px;
		    }

		        .profil-main-container ul li {
		            font-size: 0.65rem;
		            text-align: center;
		            height: 50px;
		            width: 33.33%;
		            float: left;
		            background: #FFF;
		            color: #808080;
		            font-family: franklin-gothic-urw;
		            text-transform: uppercase;
		            border-top: 1px solid #dddddd;
		            border-left: 1px solid #dddddd;
		            transition: background-color 300ms;
		        }

		            .profil-main-container ul li:last-child {
		                border-right: 1px solid #dddddd;
		            }

		            .profil-main-container ul li:hover {
		                background-color: #F4F4F4;
		            }

		            .profil-main-container ul li a {
		                padding: 6px 6%;
		                display: block;
		                text-decoration: none;

		            }

		                .profil-main-container ul li a .icon{
		                    fill:#808080;
		                    stroke:#808080;
		                    height: 20px;
		                    width: 20px;
		                    margin-bottom: 5px;
		                }

		            .profil-main-container ul li.active {
		                background: #ef183d ;
		                color: #FFF;
		                position: relative;
		            }

		                    .profil-main-container ul li.active a .icon{
		                        fill:#FFF;
		                        stroke:#FFF;
		                    }

		                .profil-main-container ul li.active:after {
		                    border-top: 11px solid #ef183d;
		                    border-bottom: 0px solid #FFF;
		                    border-right: 7px solid #FFF;
		                    border-left: 7px solid #FFF;
		                    bottom: -11px;
		                    content: " ";
		                    display: inline-block;
		                    height: 1px;
		                    left: 28%;
		                    margin-left: 15px;
		                    margin-right: 20px;
		                    position: absolute;
		                    transform: scale(1.1);
		                    vertical-align: 6px;
		                    width: 1px;
		                }

		        .profil-main-container .content {
		            background: #FFF;
		            height: auto;
		            width: 100%;
		            border: 1px solid #dddddd;
		            padding: 5%;
		        }

		            .profil-main-container .content.content-preference{
		                padding: 10px 5%;
		            }

		            .profil-main-container .content.content-compte{
		                text-align: center;
		            }

		            .profil-main-container .content .field{
		                padding: 1%;
		                padding-top: 10px;
		                padding-bottom: 10px;
		                border-bottom: 1px solid #dddddd;
		                font-family: franklin-gothic-urw;
		                line-height: 1.2;
		            }

		                .profil-main-container .content .field:first-child{
		                    border-top: 1px solid #dddddd;
		                }

		                .profil-main-container .content .field:last-child{
		                    border-bottom: 0;
		                }

		            .profil-main-container .content .field .modify{
		                float: left;
		                padding-right: 6%;
		                width: auto;
		            }

		            .profil-main-container .content .field .modify a{
		                color:#808080;
		                text-decoration: none;
		                background: #f7f7f7 ;
		                border: 1px solid #e6e6e6;
		                border-radius: 5px;
		                font-size:0.85rem;
		                padding: 5px 10px;
		                vertical-align: -8px;
		            }

		                .profil-main-container .content .field .modify .icon{
		                    margin-right: 8px;
		                    margin-top: -4px;
		                }


		            .profil-main-container .content .field .label-and-value{
		                float: left;
		                font-size: 1.06rem;
		                width: 61%;
		            }

		            .profil-main-container .content .field .label-and-value label{
		                color:#808080;
		                display: inline-block;
		            }


		            .profil-main-container .content .field .label-and-value .profil-value{
		                color:#333;
		            }

		            .profil-main-container .content .field .label-and-value input{
		                display: block;
		                border: 2px solid #b3b3b3;
		                height: 40px;
		                width: 40%;
		                margin-top: 10px;
		            }

		            .profil-main-container .content .field  .modify-box-container{
		                padding: 5px 0px;
		                clear: both;
		            }
		            .profil-main-container .content .field  .modify-box{
		                position: relative;
		                border-left: 3px solid #ef183d;
		                margin-left: 0px;
		                padding-left: 15px;
		                clear: both;
		                margin-top: 10px;
		                margin-bottom: 10px;
		            }

		            .profil-main-container #divprofil input[type="text"],
		            .profil-main-container #divprofil input[type="password"] {
		            	border: 2px solid #b3b3b3;
		            	width: 80%;
		            	max-width: 210px;
		            	height: 30px;

		            }

		                .profil-main-container .content .field  .modify-box label{
		                    padding-top: 10px;
		                    padding-bottom: 5px;
		                    display: block;
		                }

		                    .profil-main-container .content .field  .modify-box label:first-child{
		                        padding-top: 0px;
		                    }

		                .profil-main-container .content .field  .modify-box .button{
		                    color:#808080;
		                    text-decoration: none;
		                    background: #f7f7f7 ;
		                    border: 1px solid #e6e6e6;
		                    border-radius: 5px;
		                    font-size:0.85rem;
		                    padding: 5px 10px;
		                    margin-top: 20px;
		                    height: auto;
		                    width: auto;
		                }

		        .profil-main-container .content .field  .modify-box select{
		                    display: block;
		                    border: 2px solid #b3b3b3;
		                    height: 40px;
		                    width: 100%;
		                    -webkit-appearance: none;
		                   -moz-appearance:    none;
		                    appearance:         none;
		                    border-radius: 0px;
		                    background: #FFF;
		                    position: relative;
		            }
		                .profil-main-container .content .field .modify-box .select-box{
		                    position: relative;
		                    display: block;
		                    width: 80px;
		                    margin-top: 10px;
		                    margin-left: 2%;
		                    float: left;
		                    display: block;
		                    height: auto;
		                }

		                .profil-main-container .content .field  .modify-box .select-box:before{
		                    border-left: 2px solid #b3b3b3;
		                    content: " ";
		                    height: 40px;
		                    position: absolute;
		                    right: 28px;
		                    top: 0;
		                    z-index: 3;
		                    pointer-events: none;
		                }

		                .profil-main-container .content .field  .modify-box .select-box:after{
		                        border-color: #ef183d  transparent currentColor;
		                        border-style: solid solid none;
		                        border-width: 9px 6px 0;
		                        bottom: 14px;
		                        content: " ";
		                        display: block;
		                        height: 1px;
		                        right: -8px;
		                        margin-left: 15px;
		                        margin-right: 18px;
		                        position: absolute;
		                        transform: scale(1.1);
		                        vertical-align: 6px;
		                        width: 1px;
		                        pointer-events: none;
		                }


		                .profil-main-container .content .field  .modify-box  .modifadress .select-box{
		                  width: 105px;
		                }

		                 .profil-main-container .content .field  .modify-box  .modifadress input{
		                   width: 70%;
		                }

		        .profil-main-container .content .label-compte{
		            font-family: franklin-gothic-urw;
		            line-height: 1.1;
		            font-size: 1.1rem;
		            color: #000;
		        }

		        .profil-main-container .content .offre .offre-title{
		            font-family: jubilat;
		            font-size: 1.3rem;
		            font-weight: 200;
		            color: #eab532;
		        }

		        .profil-main-container .content .offre .offre-type{
		            font-family: jubilat;
		            font-size: 1.3rem;
		            font-weight: 600;
		            color: #eab532;
		        }

		        .profil-main-container .content .offre .offre-price{
		            font-family: franklin-gothic-urw;
		            line-height: 1.2;
		            font-size: 1.1rem;
		            color: #000;
		        }

		        .profil-main-container .content .offre-button{
		            margin-top: 10px;
		        }
		        .profil-main-container .content .offre-button a{
		        	font-family: "franklin-gothic-urw";
		            color:#808080;
		            text-decoration: none;
		            background: #f7f7f7 ;
		            border: 1px solid #e6e6e6;
		            border-radius: 5px;
		            font-size:0.85rem;
		            padding: 5px 10px;
		            margin-top: 5px;
		            height: auto;
		            width: 76%;
		            display: inline-block;
		        }

		    .content-preference h2{
		        background: #FFF none repeat scroll 0 0;
		        color: #8d8d8d;
		        font-family: franklin-gothic-urw;
		        font-size: 1.2rem;
		        height: 30px;
		        text-align: left;
		        margin-bottom: 10px;
		        line-height: 1.2;
		        padding: 1.7% 2%;
		    }

		         .content-preference h2.alertes{
		             margin-top: 20px;
		         }

		    .content-preference .block{
		        border-top: 1px solid #dddddd;
		        background: #f6f6f6;
		    }

		          .content-preference .block{
		              color: #8d8d8d;
		              text-align: left;
		              padding: 8px;
		              font-family: franklin-gothic-urw;
		              font-size: 0.95rem;
		          }

		     .half-choice{
		         width: 48%;
		         margin-right: 1%;
		         float: left;
		     }

		    .choice {
		        font-family: franklin-gothic-urw;
		        line-height: 1.2;
		        font-size: 1.2rem;
		        color: #333333;
		        margin-top: 20px;
		    }


		    .choice.half-choice .radio{
		            opacity: 0;
		                height: 100%;
		                width: 100%;
		        }

		     .choice.half-choice .radiobox{
		        width: 15px;
		        height: 15px;
		        border: 2px solid #c1c1c1 ;
		        border-radius: 50%;
		         float: left;
		         position: relative;
		         margin-right: 10px;
		     }


		        .choice.half-choice .radio:checked + .buttonn {
		            background: #9d9d9d none repeat scroll 0 0;
		            border-radius: 50%;
		            display: block;
		            height: 17px;
		            left: 2px;
		            position: absolute;
		            top: 2px;
		            width: 17px;
		        }

		      .choice.half-choice .iconbox{
		         float: left;
		          width: 12%;
		     }
		      .choice.half-choice .txt{
		         float: left;
		          width: 70%;
		          padding-left: 2%;
		     }

		    .choice .radio{
		        opacity: 0;
		        height: 100%;
		        width: 100%;
		    }

		    .choice .radiobox{
		        width: 15px;
		        height: 15px;
		        border: 2px solid #c1c1c1 ;
		        border-radius: 50%;
		         float: left;
		         position: relative;
		        margin-right: 10px;
		     }

		        .choice .radio:checked + .buttonn {
		            background: #9d9d9d none repeat scroll 0 0;
		            border-radius: 50%;
		            display: block;
		            height: 17px;
		            left: -3px;
		            position: absolute;
		            top: -2px;
		            width: 17px;
		        }

		      .choice .iconbox{
		         float: left;
		          width: 35px;
		     }

		            .choice .iconbox .icon{
		                stroke:#ef183d;
		                fill:#ef183d;
		            }

		      .choice .txt{
		         float: left;
		          width: 70%;
		          padding-left: 2%;
		        font-size: 1rem;
		     }

		    .choice .txt .txt-title{
		        font-size: 1.2rem;
		        color:#ef183d;
		        font-family: jubilat;
		    }

		    .content-preference .tag-container{
		        padding: 15px;
		        background: #f6f6f6 none repeat scroll 0 0;
		        border-top: 1px solid #dddddd;
		    }

		    .content-preference .tag-container .tag-radius-transparent{
		        margin: 0.3%;
		        float: left;
		    }

		    .tag-radius-transparent .delete{
		        position: relative;
		        width: 10px;
		        height: 10px;
		        margin-left: 12px;

		    }

			    .tag-radius-transparent .delete::before {
			        position: absolute;
			        content: "";
			        height: 12px;
			        width: 1px;
			        bottom: 0;
			        left: 0;
			        background-color: #fff;
			        transform: rotate(45deg);
			    }

			    .tag-radius-transparent .delete::after {
			        position: absolute;
			        content: "";
			        height: 12px;
			        width: 1px;
			        bottom: 0;
			        left: 0;
			        background-color: #fff;
			        transform: rotate(-45deg);
			    }

	/* @end PROFIL GROUP */


	/* @group AUTHOR GROUP */


		.author-content {
		    margin: auto;
		    background: #FFF;
		    border-bottom: 1px solid #ddd;
		}

		    .author-content .img-mask {
		        background-position: center center;
		        background-size: cover;
		        border-radius: 50%;
		        display: inline-block;
		        overflow: hidden;
		        padding-top: 60px;
		        position: relative;
		        width: 60px;
		        margin: 20px auto 8px;
		    }

		    .author-header {
		        border-top:4px solid #1a1a1a;
		        border-bottom:1px solid #dadada;
		        text-align: center;
		        padding-bottom: 20px;
		    }

		    .name-and-job {
		        width: 100%;
		    }

		    .author-header .name {
		        font-family: jubilat;
		        font-size: 1.3rem;
		        font-weight: 500;
		        line-height: 0.9;
		    }

		    .author-header .job {
		        font-family: jubilat;
		        font-size: 1.3rem;
		        font-weight: 200;
		        line-height: 0.9;
		        margin-top: 5px;
		        border-bottom:1px solid #dadada;
		        margin: auto;
		        padding-bottom: 10px;
		        width: 72%;

		    }

		    .author-header  .contact {
		        margin: 2% 3%;
		        width: 94%;
		    }

		    .contact-secure-and-mail-txt {
		        font-family: franklin-gothic-urw;
		        font-size: 1rem;
		        padding-top: 4px;
		    }

		    	.contact-secure-and-mail-txt span {
		    		position: relative;
		    		margin-left: 5px;
		    	}

			    .contact-secure-and-mail-txt span::before {
			    	position: absolute;
			    	content: "";
			    	width: 7px;
			    	height: 1px;
			    	right: -10px;
			    	top: 9px;
			    	background-color: #333;
			    	transform: rotate(45deg);
			    }

			    .contact-secure-and-mail-txt span::after {
			    	position: absolute;
			    	content: "";
			    	width: 7px;
			    	height: 1px;
			    	right: -14px;
			    	top: 9px;
			    	background-color: #333;
			    	transform: rotate(-45deg);
			    }

			.contact-secure-and-mail {
		    }

		    .contact .contact-secure{
		        display: inline-block;
		        background: #808080;
		        padding: 5px 15px;
		        color: #FFF;
		        border-right: 2px solid #c0c0c0;
		        text-decoration: none;
		        border-top-left-radius: 18px;
		        border-bottom-left-radius: 18px;
		        font-family: franklin-gothic-urw;
		        font-size: 0.9rem;
		        opacity: 1;
		        transition: opacity 300ms ease 0s;
		        margin-top: 8px;
		        margin-right: -4px;
		    }

		            .contact .contact-secure:hover{
		                opacity: 0.7;
		            }

		    .contact .contact-mail{
		        display: inline-block;
		        background: #808080;
		        padding: 5px 20px;
		        color: #FFF;
		        text-decoration: none;
		        border-top-right-radius: 18px;
		        border-bottom-right-radius: 18px;
		        font-family: franklin-gothic-urw;
		        font-size: 0.9rem;
		        opacity: 1;
		        transition: opacity 300ms ease 0s;
		        margin-top: 8px;
		    }

		            .contact .contact-mail:hover{
		                opacity: 0.7;
		            }


		    .contact .contact-tw{
		        background:#3fa9f5;
		        display: inline-block;
		        margin-top: 8px;
		        padding: 6px 15px;
		        color: #FFF;
		        text-decoration: none;
		        border-radius: 18px;
		        font-family: franklin-gothic-urw;
		        font-size: 0.8rem;
		        fill:#FFF;
		        opacity: 1;
		        transition: opacity 300ms ease 0s;
		    }

		            .contact .contact-tw:hover{
		                opacity: 0.7;
		            }

		 .bio{
		        float: left;
		        padding-top: 15px;
		        width: 90%;
		        font-family: franklin-gothic-urw;
		        margin-left: 5%;
		    }

		    .bio  a{
		        color: #ef183d;
		        text-decoration: none;
		        background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, currentColor 50%);
		        background-position: 0 95%;
		        background-repeat: no-repeat;
		        background-size: 100% 0.12em;
		        padding-bottom: 0.1em;
		        transition: color 100ms;
		    }

		        .bio-subtitle{
		            font-size: 1rem;
		            text-transform: uppercase;
		            color: #000;
		        }

		        .bio-txt {
		            font-size: 1rem;
		            padding-bottom: 40px;
		        }


		.chronology{
		    position: relative;
		}
		    .chronology:before{
		        border-left: 1px solid #e6e6e6;
		        top: 0;
		        left: 29px;
		        content: " ";
		        position: absolute;
		        width: 1px;
		        height: 90%;
		    }

		    .chronology-bloc{
		        margin: 15px 0;
		        padding-left: 70px;
		        position: relative;
		        font-family: franklin-gothic-urw;
		        font-size: 1.05rem;
		    }

		        .chronology-bloc .date{
		            background: #fff none repeat scroll 0 0;
		            border: 2px solid #e6e6e6;
		            border-radius: 50%;
		            display: inline-block;
		            font-family: franklin-gothic-urw-cond;
		            font-size: 0.9rem;
		            height: 45px;
		            margin-left: -64px;
		            padding-top: 10px;
		            position: absolute;
		            text-align: center;
		            width: 45px;
		            color: #000;
		        }

		            .chronology-bloc .date:before{
		               background: transparent none repeat scroll 0 0;
		                border: 3px solid #FFF;
		                border-radius: 50%;
		                content: " ";
		                display: inline-block;
		                height: 51px;
		                left: -5px;
		                position: absolute;
		                top: -5px;
		                width: 51px;
		            }


		.his-publications{
		    padding: 10px;
		    font-family: franklin-gothic-urw;
		    text-transform: uppercase;
		    font-size: 1rem;
		    display: inline-block;
		}

	/* @end AUTHOR GROUP */


	/* @group CONNECT BOX */

		.modal-shadow {
			position: fixed;
		    z-index: 200;
		    top: 45px;
		    width: 100%;
		    height:100%;
		    left: 0;
		    bottom: 0;
		    background-color: rgba(0,0,0,0.8);
		    left: -9999px;
		    opacity: 0;
		    -webkit-transition: opacity 100ms ease;
		    transition: opacity 100ms ease;
		}

		.modal-shadow.show {
			left: 0;
			opacity: 1;
			cursor: pointer;
		}

		.connect-box {
			position: fixed;
			left: 50%;
			top: 65px;
			bottom: 15px;
			-webkit-transform: translate(-50%);
			transform: translate(-50%);
			margin: auto;
			width: 90%;
			overflow-x: hidden;
			overflow-y: auto;
			z-index: 300;
			background-color: #fff;
			display: none;
			font-family: "franklin-gothic-urw";
		}
		.connect-section.connect-section-content {
			padding: 25px 30px;
			margin: -11px;
			background-color: #f7ba3e;
		}
		.connect-section.connect-section-content label {
			color: #5a5a5a;
		}

		.connect-box.show {
			display: block;
		}

			.connect-box .close-icon {
				display: inline-block;
			    position: absolute;
			    border: none;
			    background-color: transparent;
			    padding: 0;
			    float: right;
			    width: 20px;
			    height: 20px;
			    right: 10px;
			    top: 10px;
			    opacity: .7;

			}

				.connect-box .close-icon::before,
				.connect-box .close-icon::after {
					position: absolute;
					content: "";
					display: block;
				    width: 2px;
    				height: 20px;
    				left: 8px;
    				background-color: #333;
				}

				.connect-box .close-icon::before {
    				webkit-transform: rotate(45deg);
    				    	transform: rotate(45deg);
				}

				.connect-box .close-icon::after {
    				webkit-transform: rotate(135deg);
    						transform: rotate(135deg);
				}

			.connect-section {
				padding: 25px 30px 0;
			}

				.connect-section p:first-child {
					font-size: 1.25rem;
					margin-bottom: 10px;
				}

				.connect-section p:last-child {
					text-align: center;
					margin: 5px 0;
					color: #808080;
				}

				.connect-section form {

				}

					.connect-section .field + .field {
						margin-top: 10px;
					}

						.connect-section .field input {
							display: block;
							width: 100%;
							height: 42px;
							line-height: 42px;
							background-color: #fff;
							border: none;
							padding: 0 20px;
							color: #000;
							border: 1px solid #dedede;
							box-sizing: border-box;
						}

					.connect-section .checkbox  {
						position: relative;
						margin: 15px 0 10px;
					}

						.connect-section .checkbox input {
							opacity: 0;
						    position: absolute;
						    top: 0;
						    left: 0;
						}

						.connect-section .checkbox input:checked + label::after {
							opacity: 1;
						}

						.connect-section .checkbox label {
							position: relative;
						    font-size: 0.9em;
						    line-height: 1.2em;
						    padding-left: 30px;
						    display: block;
						    cursor: pointer;
						}

						.connect-section .checkbox label::before {
							content: '';
						    display: block;
						    position: absolute;
						    top: 50%;
						    left: 0;
						    width: 18px;
						    height: 18px;
						    margin-top: -9px;
						    border: 1px solid #808080;
						}

						.connect-section .checkbox label::after {
							content: '';
						    display: block;
						    position: absolute;
						    top: 50%;
						    left: 5px;
						    width: 10px;
						    height: 10px;
						    background-color: #808080;
						    font-size: 7px;
						    margin-top: -4px;
						    opacity: 0;
						}

						.connect-section input[type="submit"] {
							width: 100%;
							padding: 8px 0;
							margin-top: 20px;
							border: none;
							background-color: #b3b3b3;
							color: #fff;
							border-radius: 4px;
							font-size: 1rem;
						}

					.connect-section form a {
						font-size: 0.69rem;
						float: right;
					}

					.connect-section label {
						color: #808080;
					}

			.connect-box .sub-section {
				width: 100%;
				padding: 30px 0;
				background-color: #F7CA3E;
			}

				.connect-box .sub-section .card-offer {
					width: 80%;
					margin: 0 auto;
					background-color: #fff;
				}

				.connect-box .sub-section .card-offer .price {
					font-size: 1.56rem;
					line-height: 1.2em;
					padding-top: 15px;
				}

					.connect-box .sub-section .card-offer .price p {
						font-size: 0.875rem;
						font-family: "franklin-gothic-urw";
						text-transform: none;
						line-height: 1em;
					}

	/* @end CONNECT BOX */


	/* @group ALERT */

		.alert-banner{
		    height: 0px;
		    background: #ef183d;
		    transition: height 300ms ease 0s;
		    z-index: 1;
		    width: 100%;
		    display: block;
		    position: relative;
		    overflow: hidden;
		    margin-top: 1px;
		    padding-right: 6%;
		    line-height: 1em;
		}


		    .alert-banner.seeme {
			    height: auto;
			    padding: 5px 10px;
			}

		    .alert-banner .title{
		        font-family: franklin-gothic-urw-cond;
		        color: #FFF;
		        font-size: 0.75rem;
		        text-transform: uppercase;
		        letter-spacing: 0.16em;
		        display: inline-block;
		        margin-right: 2px;
		        font-weight: 800;
		    }

		    .alert-banner .txt{
		        font-family: franklin-gothic-urw;
		        color: #FFF;
		        font-size: 0.81rem;
		        text-decoration: none;
		         transition: opacity 300ms;
		    }

		        .alert-banner .txt:after{

		                transform: rotate(-45deg);
		            }

		    .alert-banner #close-alert-banner{
		        height: 12px;
		        width: 12px;
		        display: block;
		        position: absolute;
		        right: 10px;
		        top: 7px;
		    }

		       .alert-banner #close-alert-banner:before{
		            background: #FFF none repeat scroll 0 0;
		            content: " ";
		            display: block;
		            height: 2px;
		            position: absolute;
		            right: 0;
		            top: 50%;
		            transform: rotate(0deg);
		            width: 100%;
		            transition: transform 300ms ease 0s;
		        }

		            .alert-banner.seeme #close-alert-banner:before{

		                transform: rotate(45deg);
		            }


		        .alert-banner #close-alert-banner:after{
		             background: #FFF none repeat scroll 0 0;
		            content: " ";
		            display: block;
		            height: 2px;
		            position: absolute;
		            right: 0;
		            top: 50%;
		            transform: rotate(0deg);
		            width: 100%;
		            transition: transform 300ms ease 0s;
		        }

		            .alert-banner.seeme #close-alert-banner:after{

		                transform: rotate(-45deg);
		            }

		    .alert-banner .alert-link{
		            border: 1px solid #fff;
		            border-radius: 50%;
		            bottom: 5px;
		            height: 15px;
		            width: 15px;
		            text-align: center;
		            transition: opacity 300ms;
		            display: inline-block;
		            vertical-align: -3px;
		            margin-left: 1%;
		            text-decoration: none;
		        }

		            .alert-banner .alert-link:hover{
		                opacity: 0.65;
		            }

		            .alert-banner .alert-link   span{
		                border-top: 1px solid #fff;
		                display: block;
		                height: 1px;
		                margin-left: 4px;
		                margin-top: 6px;
		                width: 6px;
		                position: relative;
		            }


		                .alert-banner .alert-link  span:before{
		                    border-top: 1px solid #fff;
		                    content: " ";
		                    height: 1px;
		                    position: absolute;
		                    right: 0;
		                    top: -3px;
		                    transform: rotate(45deg);
		                    width: 4px;
		                }

		                .alert-banner .alert-link  span:after{
		                    border-top: 1px solid #fff;
		                    content: " ";
		                    height: 1px;
		                    position: absolute;
		                    right: 0;
		                    top: 1px;
		                    transform: rotate(-45deg);
		                    width: 4px;
		                }

	/* @end ALERT */

/* @end MODULES */


/* @group FOOTER */

	.footer {

	}

	/*.footer.bottom-margin {
		margin-bottom: 27px;
	}*/

		.footer-container {
			width: 100%;
		}

			.footer-section {
				height: 50px;
				display: block;
				padding: 10px 15px;
			}

			.footer.subscribe .footer-section:first-child {
				background-color: #fff;
			}
			.footer.subscribe .footer-section img{
				margin-left: 10px;
			}

			.footer-section:first-child {
				background-color: #EF183D;
				color: #fff;
			}
			.footer-section:nth-child(2) {
				background-color: #00afee;
			}
			.footer-section:last-child {
				background-color: #3d69af;
			}

				.footer .desk-logo-typo {
					margin-right: 5px;
				}

				.footer p,
				.footer .social-span {
					color: #fff;
				}

				.footer-section img,
				.footer-section p {
					display: inline-block;
				}

				.footer .franklin {
					font-weight: 300;
					font-family: "franklin-gothic-urw";
				}

				.tw-white-logo{
		           	fill: #00afee;
		            background-color: #fff;
		            width: 30px;
		            height: 30px;
		            border-radius: 50%;
		            display: inline-block;
		            vertical-align: middle;
		            float: left;
		            padding-top: 4px;
		            padding-left: 6px;
		        }

		        .fb-white-logo{
		            fill: #3d69af;
		            background-color: #fff;
		            width: 30px;
		            height: 30px;
		            border-radius: 50%;
		            display: inline-block;
		            vertical-align: middle;
		            float: left;
		             padding-left: 5px;
		             padding-top: 3px;
		        }

		        .footer .social-span {
					font-size: 0.875em;
					margin-left: 10px;
					display: inline-block;
					vertical-align: middle;
					margin-top: 5px;
				}

			.footer .white-button {
				color: #EF183D;
				float: right;
				margin-top: -3px;
			}

/* @group V2 */



    .global-subtitle {
        color: #ef183d;
        display: inline;
        font-size: 0.9rem;
        font-family: franklin-gothic-urw-cond;
        letter-spacing: 0.1rem;
        text-decoration: none;
        text-transform: uppercase;
        transition: opacity 300ms ease 0s;
    }


    .enoff-main-push-right .header{
        border-bottom: 1px solid #dddddd;
/*        border-top: 3px solid #ef183d;*/
/*        color: #333333;*/
        color: #FFF;
        font-family: franklin-gothic-urw-cond;
        font-size: 1.2rem;
        height: 38px;
        padding: 5px 14px;
        position: relative;
        text-transform: uppercase;
        background: #ef183d;
/*        background: #FFF;*/
        font-weight: bold;
        margin: 0 -1px;
    }

    .enoff-main-push-right .header a,
    .enoff-main-push-right .title a{
        text-decoration: none;
    }

    .enoff-main-push-right ul, .enoff-main-rubrique ul{
        overflow: hidden;
    }

    .enoff-main-push-right ul, .enoff-main-rubrique ul{
        background: #FFF;
    }

    .enoff-main-push-right li:last-child, .enoff-main-rubrique li:last-child{
        padding: 0px;
        background:#f6f6f6;
        border: 0;
    }


    .enoff-main-push-right .more-of, .enoff-main-rubrique .more-of{
        border:0px;
        background: #f6f6f6;
    }

    .subscribe-home-bloc{
        padding-top: 0px;
    }


.global-social{
    bottom: 1px;
    height: 25px;
    position: absolute;
    right: 25px;
    width: 50px;
}

    .global-social .tw-logo {
        background: #FFF;
        border:2px solid #00afee;
        border-radius: 50%;
        display: block;
        fill: #00afee;
        float: left;
        height: 20px;
        width: 20px;
        text-align: center;
        padding-top: 0px;
        margin-right: 3px;
    }

         .global-social .tw-logo .icon{
             display: inline-block;
            vertical-align: 3px;
         }


    .global-social .fb-logo {
        background: #FFF;
        border:2px solid #3d69af;
        border-radius: 50%;
        display: block;
        fill: #3d69af;
        float: left;
        height: 20px;
        width: 20px;
        text-align: center;
        padding-top: 0px;
    }

         .global-social .fb-logo .icon{
             display: inline-block;
                vertical-align: 2px;
         }

.global-paydesk{
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.main-header-pub img{
    width: 100%;
    height: auto;
}

.box-encontinu{
    width: 100%;
    background: #FFF;
}

 .box-encontinu-header{
        background: #FFF;
        color: #ef183d;
        display: block;
        font-family: franklin-gothic-urw-cond;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 14px;
        text-transform: uppercase;
        text-decoration: none;
    }


    .box-encontinu-container,
    .box-live-container{
        overflow-y: scroll;
        height: 100%;
    }

        .box-encontinu-hour{
            color: #333;
            float: left;
            font-family: "franklin-gothic-urw";
            font-size: 0.8rem;
            height: 100%;
            overflow: hidden;
            width: 20%;
        }

        .box-encontinu-content{
            float: right;
             width: 81%;
            width: 100%;
            margin-left: 4%;
            font-family: "franklin-gothic-urw";
        }

            .box-encontinu-content a{
                text-decoration: none;
            }

            .box-encontinu-content .img-mask{
                margin-bottom: 15px;
                display: block;
                position: relative;
            }

                .box-encontinu-content .img-mask img{
                    width: 100%;
                    height: auto;
                }

            .box-encontinu-content  .shadow {
                background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0;
                bottom: 0;
                height: 150px;
                left: 0;
                position: absolute;
                right: 0;
            }

            .box-encontinu-content .img-mask .icon{
                bottom: 10px;
                left: 10px;
                opacity: 1;
                position: absolute;
                transition: opacity 300ms ease 0s;
            }

    .box-encontinu-container li{
        list-style: none;
        padding: 15px;
        border-top: 1px solid #e6e6e6;
        position: relative;
    }

        .box-encontinu-container li .box-encontinu-listing-head-title{
            color: #333;
            font-family: franklin-gothic-urw-cond;
            font-size: 1.3rem;
            line-height: 0.8;
            display: block;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .box-encontinu-container li .box-encontinu-listing-title{
            font-family: "franklin-gothic-urw";
            color: #1A1A1A;
            font-size: 1.1rem;
        }


    .box-encontinu-container li .box-encontinu-alert{
        color: #FFF;
        background: #ef183d;
        font-family: franklin-gothic-urw-cond;
        text-transform: uppercase;
        font-size: 1.1rem;
        display: inline-block;
        padding: 2px 12px;
        margin-bottom: 10px;
    }

    .box-encontinu-container li .global-title{
        font-family: "franklin-gothic-urw";
        color: #1A1A1A;
        font-weight: bold;
    }

    .box-encontinu-container li.box-en-continu-news-circle .img-mask{
        border-radius: 50%;
        overflow: hidden;
        padding-top: 100%;
        position: relative;
        width: 100%;
        background-position: center center;
        background-size: cover;
    }


        .box-encontinu-container li .global-social{
            left: 1%;
            top: 5%;
            bottom: auto;
            right: auto;
        }

            .box-encontinu-container li .fb,
            .box-encontinu-container li .tw{
                float: none;
            }

                .box-encontinu-container li .fb{
                    margin-top: 0px;
                }

    .box-encontinu-container li.box-encontinu-twitter{
        font-size: 1.3rem;
    }

        .box-encontinu-container li.box-encontinu-twitter a.underline{
            background-size: 100% 0.22em;
            padding-bottom: 0;
        }

        .box-encontinu-container li.box-encontinu-twitter .tw-a-pict{
            display: block;
            margin-top: 5px;
            position: relative;
        }

            .box-encontinu-container li.box-encontinu-twitter .tw-a-pict .tw-logo {
                background: #00afee none repeat scroll 0 0;
                border-radius: 50%;
                display: block;
                fill: #fff;
                float: left;
                height: 45px;
                padding-top: 7px;
                text-align: center;
                width: 45px;
                position: absolute;
                top: 14px;
            }

            .box-encontinu-container li.box-encontinu-twitter .tw-a-pict .pict{
                border-radius: 50%;
                display: block;
                height: 73px;
                overflow: hidden;
                width: 73px;
                margin-left: 36px;
            }

        .box-encontinu-container li.box-encontinu-twitter .name{
            font-size: 1rem;
        }

/* END V2 */






.menu-link ul li span.custom-entry{
    font-weight: 600;
}
.menu-link ul li span.custom-entry span{
    color: #fff;
    display: inline-block;
    fill: #fff;
    font-family: "proxima-nova";
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3rem;
    margin-left: 5px;
    padding: 0 8px;
    stroke: #fff;
    vertical-align: 3px;
}

.menu-link ul li span.arabia{
    color: #EF183D;
}
.menu-link ul li span.arabia span{
    background: #EF183D none repeat scroll 0 0;
	padding: 2px 8px;
}

.menu-link ul li span.culture{
    color: #c1a05d;
}

.menu-link ul li span.auto {
                color: #686A6C;
            }

            span.custom-entry.auto span {
                    background: #686A6C;
                }
                

.menu-link ul li span.greenbiz{
	color: #238652;
}
.menu-link ul li span.greenbiz span{
	background: #238652 none repeat scroll 0 0;
}


.menu-link ul li span.culture span{
    background: #c1a05d none repeat scroll 0 0;
}

.menu-link ul li span.premium{
    color: #f3b200;
}
.menu-link ul li span.premium span{
    background: #f3b200 none repeat scroll 0 0;
}

.menu-link ul li span.videos{
    color: #9e005d;
}
.menu-link ul li span.videos span{
    background: #9e005d none repeat scroll 0 0;
}

.menu-link ul li span.live{
    color: #EF183D;
}
.menu-link ul li span.live span{
    background: #EF183D none repeat scroll 0 0;
}




.profile-box {
    display: none;
    position: fixed;
    left: 50%;
    top: 65px;
    /*bottom: 15px;*/
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    margin: auto;
    width: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 300;
    background-color: #fff;
    font-family: "franklin-gothic-urw";
}
.profile-box .logout-btn {
    color: grey;
    margin: 0 0 0 35px;
}
.profile-box img {
    float: right;
}
.profile-box .infos {
    padding: 8px;
}
.profile-box.show {
    display: block;
}

.overlay-search {
    position: absolute;
    right: 100%;
    z-index: 600;
    background: rgba(0, 0, 0, 0.74);
    height: 100%;
    width: 100%;
    transition: right 300ms ease-out 0s;
}
.overlay-search.active {
    right: 0;
}
.overlay-search .search-header-container {
    background: #fff;
    height: 45px;
}
.overlay-search input {
    vertical-align: top;
    border: medium none;
    margin: 0px;
    height: 45px;
    width: 100%;
    padding: 8px 40px 8px 15px;
}
.overlay-search .close-ajax-search {
    width: 45px;
    height: 45px;
    padding: 7px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.search-form-autocomplete ul {
    padding: 20px;
}
.search-form-autocomplete li {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.search-form-autocomplete li.all-results {
    text-align: center;
    background: #EF183D;
    color: #fff;
}
.search-form-autocomplete li.all-results a {
    display: block;
}
.search-form-autocomplete li .txt{
    padding: 0 10px;
}
.search-form-autocomplete li img {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: auto;
}

.search {
    display: none;
    width: 50px;
    height: 45px;
    float: right;
}

.search.visible {
    display: block;
}

.search .search-border {
    height: 100%;
    border-left: 1px solid #dedede;
}

.search .search-border a {
    display: block;
    height: 100%;
}

.search .search-border .icon {
    stroke: #fff;
    fill: transparent;
    margin-left: 10px;
    margin-top: 2px;
}

.close-ajax-search .menu-close,
.menu .menu-close {
    height: 30px;
    width: 30px;
    display: none;
    position: relative;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
.close-ajax-search .menu-close {
    margin-right: 0;
}
.close-ajax-search .menu-close.visible,
.menu .menu-close.visible {
    display: block;
}

.close-ajax-search .menu-close:before,
.menu .menu-close:before{
    background: #fff none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
    width: 100%;
    transition: transform 300ms ease 0s;
}
.close-ajax-search .menu-close:before {
    background: #EF183D;
}

.close-ajax-search  .menu-close:after,
.menu  .menu-close:after{
     background: #fff none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
    width: 100%;
    transition: transform 300ms ease 0s;
}
.close-ajax-search .menu-close:after {
    background: #EF183D;
}

.live-content iframe {
    height: 600px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no-deco {
    text-decoration: none;
}

.datadesk-infolog-texte {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;
}

.wide-angle-container:nth-child(2) {
    padding-bottom: 10px;
}

.wide-angle-article {
    border: 1px solid #dedede;
}
.wide-angle-container .wide-angle-article .centered-ad {
     margin-bottom: 0;
}
.centered-ad div[id^="div-gpt-ad-"] {
    margin: auto;
}
/*
.centered-ad div[id^="div-gpt-ad-"] iframe {
    margin: .4rem;
}
*/
.centered-ad {
    text-align: center;
}

.live-gadget {
    position: absolute;
    display: inline-block;
    color: #fff;
    bottom: 0;
    left: 0;
    background: #ef183d;
    padding: 2px 7px;
}
.live-thumb {
    position:relative;
}
.live-thumb img {
    width: 100%;
}
.live-content-wrap {
    padding: 10px;
}

.live-content {
    color:#6d6d6d;font-size: 1rem;
}
.box-encontinu-hour {
    margin-bottom: 5px;
}

.list-article .article-content .text-only-content {
    font-size: .9rem!important;
}


.text-only .link {
    background-image: none;
    border: 1px solid #808080;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    position: relative;
    text-align: center;
    transition: opacity 300ms ease 0s;
    width: 25px;
    right: 0;
    bottom: 0;
    vertical-align: -7px;
}

.text-only .link:hover {
    opacity: 0.65;
}

.text-only .link   span {
    border-top: 1px solid #808080;
    display: block;
    height: 1px;
    margin-left: 6px;
    margin-top: 11px;
    width: 10px;
    position: relative;
}


.text-only .link  span:before {
    border-top: 1px solid #808080;
    content: " ";
    height: 1px;
    position: absolute;
    right: 0;
    top: -4px;
    transform: rotate(45deg);
    width: 6px;
}

.text-only .link  span:after {
    border-top: 1px solid #808080;
    content: " ";
    height: 1px;
    position: absolute;
    right: 0;
    top: 2px;
    transform: rotate(-45deg);
    width: 6px;
}

.rubric-main .centered-ad {
    margin-bottom: 15px;
}
.article-main .centered-ad {
    margin-top: 20px;
}

/* @group reserved to subscribers*/
.abonnement-offer-article{
    background: #f7ca3e none repeat scroll 0 0;
    height: auto;
    margin: 10px 2%;
    padding: 3%;
    width: auto;
}
.abonnement-offer-article .abonnement-offer-container{
    margin-top: 0px;
}

.abonnement-offer-article .intro {
    font-family: franklin-gothic-urw;
    font-size: 1.25rem;
    padding:10px 0  30px 0;
    text-align: center;
}

.abonnement-offer-article  .intro-read{
    font-family: jubilat;
    font-weight: 500;
    font-size: 1.8rem;
    width: 100%;
    display: block;
    text-align: center;
}
/* @end */

.box-encontinu iframe {
    width: 100%;
}

.encontinu-content iframe{
	margin-top: 10px;
	max-width: 100%;
}

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

/*** Ripple ***/

@-ms-keyframes uil-ripple-mob {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple-mob {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple-mob {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple-mob {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple-mob {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
  background: none;
  position: relative;
  width: 60px;
  height: 60px;
  margin: auto;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 2.5px;
  border-style: solid;
  -ms-animation: uil-ripple-mob 1s ease-out infinite;
  -moz-animation: uil-ripple-mob 1s ease-out infinite;
  -webkit-animation: uil-ripple-mob 1s ease-out infinite;
  -o-animation: uil-ripple-mob 1s ease-out infinite;
  animation: uil-ripple-mob 1s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #ef183d;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #ef183d;
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.article-content iframe{
	max-width: 100%;
	height: auto;
}


.enoff-main-rubrique li .link:hover{
    opacity: 0.65;
}

.enoff-main-rubrique .link {
    border: 1px solid #808080;
    border-radius: 50%;
    margin-left: 5px;
}

.enoff-main-rubrique .link   span{
    border-top: 1px solid #808080;
    display: inline-block;
    height: 5px;
    margin-left: 4px;
    margin-right: 4px;
    width: 10px;
    position: relative;
}

.enoff-main-rubrique .link  span:before{
    border-top: 1px solid #808080;
    content: " ";
    height: 1px;
    position: absolute;
    right: 0;
    top: -4px;
    transform: rotate(45deg);
    width: 6px;
}

.enoff-main-rubrique .link  span:after{
    border-top: 1px solid #808080;
    content: " ";
    height: 1px;
    position: absolute;
    right: 0;
    top: 2px;
    transform: rotate(-45deg);
    width: 6px;
}

.article-culture .article-culture-content iframe{
    max-width: 100%;
}


/**********************************************
 *                Scrolling animation
**********************************************/
#grid li {
	opacity: 0;
}

#grid li.shown {
	opacity: 1;
}

#grid li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

#user_signup_form div #submitbtn {
    padding: 9px 30px;
    width: auto;
    margin: 0px auto;
    background: #CCCCCC;
    color: #fff;
    border: none;
    border-bottom: 3px solid #B3B3B3;
    border-radius: 3px 3px 0px 0px;
    font-size: 16px;
    margin: 20px 0px 0;
}

.home .enoff-main-push-right li .title {
    margin: 5px 0;
}
.home .enoff-main h1{
	font-size: 1.4rem;
}
.home .enoff-main h1 a{
	text-decoration: none;
}
.enoff-main-rubrique span.spe{
	color: #ef183d;
	font-family: franklin-gothic-urw-cond;
	text-transform: uppercase;
}
.enoff-main-rubrique div.title{
	color: #222;
}


.featured-carousel .title {
    margin-top: 6px;
}
.featured-carousel a.box-title {
    width: 100%;
    font-family: "franklin-gothic-urw";
    color: #1a1a1a;
    font-size: 1rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    display: inline-block;
}

.box-edition-related {
    background: #fff;
}

.box-edition-related-title {
    color: #333;
    display: block;
    font-family: franklin-gothic-urw-cond;
    font-size: .9rem;
    padding: 10px;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.box-related-title {
    background: #EF183D;
    color: #fff;
    padding: 2px 8px;
    vertical-align: top;
}

.slick-slide {
    padding: 10px;
}

.slick-dots {
/*    position: absolute;*/
/*    bottom: -45px;*/
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #ef183d;
}

.featured-carousel .slick-active button {
    width: 14px;
    height: 14px;
}
iframe{
	max-width: 100%;
}


video::-webkit-media-controls {
  display: none;
}
/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}

.sponsored-post h1,
.sponsored-post .meta-article,
.sponsored-post .newsroom-content,
.sponsored-post .newsroom-content h1,
.sponsored-post .newsroom-content h2,
.sponsored-post .newsroom-content h3,
.sponsored-post .newsroom-content h4,
.sponsored-post .newsroom-content h5,
.sponsored-post .newsroom-content h6,
.sponsored-post .newsroom-content .author-article,
.sponsored-post .newsroom-content .keywords {
	font-family: arial;
}
.grandangle-picture .legend, .legend {
    color: #666666;
    font-size: 0.9rem;
    font-family: franklin-gothic-urw;
    /* padding-top: 15px; */
    padding-top: 5px;
    line-height: 1em;
    display: inline-block;
}
.shake {
    display: inline-block;
    transform-origin: center center;
    box-shadow: 0 0 5px red;
    animation-play-state: running;
    animation: shake 500ms ease-in-out infinite;
    animation-iteration-count: 1;
}

@keyframes shake {
  2% {
    transform: translate(-2px, 0) rotate(0); }
  4% {
    transform: translate(-8px, 0) rotate(0); }
  6% {
    transform: translate(7px, 0) rotate(0); }
  8% {
    transform: translate(3px, 0) rotate(0); }
  10% {
    transform: translate(-6px, 0) rotate(0); }
  12% {
    transform: translate(0px, 0) rotate(0); }
  14% {
    transform: translate(-9px, 0) rotate(0); }
  16% {
    transform: translate(-2px, 0) rotate(0); }
  18% {
    transform: translate(3px, 0) rotate(0); }
20% {
    transform: translate(0px, 0) rotate(0); }
  22% {
    transform: translate(9px, 0) rotate(0); }
  24% {
    transform: translate(-5px, 0) rotate(0); }
  26% {
    transform: translate(6px, 0) rotate(0); }
  28% {
    transform: translate(5px, 0) rotate(0); }
  30% {
    transform: translate(4px, 0) rotate(0); }
  32% {
    transform: translate(-5px, 0) rotate(0); }
  34% {
    transform: translate(9px, 0) rotate(0); }
  36% {
    transform: translate(1px, 0) rotate(0); }
  38% {
    transform: translate(7px, 0) rotate(0); }
  40% {
    transform: translate(0px, 0) rotate(0); }
  42% {
    transform: translate(2px, 0) rotate(0); }
  44% {
    transform: translate(-3px, 0) rotate(0); }
  46% {
    transform: translate(10px, 0) rotate(0); }
  48% {
    transform: translate(-3px, 0) rotate(0); }
  50% {
    transform: translate(10px, 0) rotate(0); }
  52% {
    transform: translate(-3px, 0) rotate(0); }
  54% {
    transform: translate(-5px, 0) rotate(0); }
  56% {
    transform: translate(6px, 0) rotate(0); }
  58% {
    transform: translate(-4px, 0) rotate(0); }
60% {
    transform: translate(10px, 0) rotate(0); }
  62% {
    transform: translate(6px, 0) rotate(0); }
  64% {
    transform: translate(-3px, 0) rotate(0); }
  66% {
    transform: translate(1px, 0) rotate(0); }
  68% {
    transform: translate(-5px, 0) rotate(0); }
  70% {
    transform: translate(3px, 0) rotate(0); }
  72% {
    transform: translate(-9px, 0) rotate(0); }
  74% {
    transform: translate(-3px, 0) rotate(0); }
  76% {
    transform: translate(6px, 0) rotate(0); }
  78% {
    transform: translate(-7px, 0) rotate(0); }
  80% {
    transform: translate(-3px, 0) rotate(0); }
  82% {
    transform: translate(7px, 0) rotate(0); }
  84% {
    transform: translate(1px, 0) rotate(0); }
  86% {
    transform: translate(1px, 0) rotate(0); }
  88% {
    transform: translate(8px, 0) rotate(0); }
  90% {
    transform: translate(5px, 0) rotate(0); }
  92% {
    transform: translate(10px, 0) rotate(0); }
  94% {
    transform: translate(-4px, 0) rotate(0); }
  96% {
    transform: translate(7px, 0) rotate(0); }
98% {
    transform: translate(-4px, 0) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); }
}

.push-container.une .list-article .article-content {
    font-size: 20px;
   /* font-weight: bold; */
}

.join {
    border: 1px solid #ef183d;
    border-radius: 15px;
    color: #db123d;
    display: inline-block;
    font-family: franklin-gothic-urw-cond;
    font-size: 1rem;
    letter-spacing: .1rem;
    margin-top: 20px;
    padding: 5px 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.box-encontinu-hour {
	color: #ef183d;
}

/* custom poup subscription notice  */


@keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(100%);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .banner-subscription {

      display: none;
      align-items: center;
      animation-duration: 750ms;
      animation-iteration-count: 1;
      animation-name: slideUp;
      background-color: #ffffff;
      border-radius: 8px;
      bottom: 24px;
      box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.15);
      color: #2a2a2a;
      display: grid;
      font-family: 'Roboto', sans-serif;
      left: 24px;
      grid-auto-flow: row;
      grid-row-gap: 12px;
      overflow: hidden;
      padding: 24px;
      position: fixed;
      right: 24px;
      z-index: 9999;
    }

    .banner-subscription-main {
      align-items: center;
      display: grid;
    }

    @media screen and (min-width: 600px) {
      .banner-subscription-main {
        grid-column-gap: 48px;
        grid-template-columns: 1fr auto;
      }
    }

    @media screen and (max-width: 600px) {
      .banner-subscription-main {
        grid-row-gap: 12px;
        justify-items: start;
      }
    }

    .banner-subscription-main-actions {
      align-items: center;
      display: grid;
      grid-auto-flow: column;
      grid-column-gap: 4px;
      justify-items: center;
    }

    .banner-subscription-main-actions-action {
      background-color: #ef183d;
      border-color: #ef183d;
      border-radius: 9999px;
      border-style: solid;
      border-width: 2px;
      cursor: pointer;
      padding: 8px 16px;
      transition: filter 500ms ease;
      text-decoration: none;
      margin-top: 13px;
    }

    .banner-subscription-main-actions-action:focus,
    .banner-subscription-main-actions-action:hover {
      filter: brightness(1.8);
      outline: none;
    }

    .banner-subscription-main-actions-action-label-title {
        color: #fff;
        display: block;
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
    }

    span.banner-subscription-main-content-label-title span {
        color: #ef183d;
        font-weight: 800;
    }
    .banner-subscription-main-content-label {
      display: grid;
      grid-auto-flow: row;
      grid-row-gap: 12px;
      margin: 0;
    }

    .banner-subscription-main-content-label-description {
      font-size: 14px;
      line-height: 1.5;
    }

    .banner-subscription-main-content-label-title {
      display: block;
      font-size: 20px;
      line-height: 1em;
      font-weight: 500;
    }
    
 .close-subsc-pop {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    right:15px;
    top: 7px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    width: 20px;
}

/* end custom poup subscription notice  */


a.headersignup {
    background: #f3b200 none repeat scroll 0 0;
    color: #fff;
    font-family: "franklin-gothic-urw";
    display: inline-block;
    font-size: 87%;
    margin-top: 2px;
    margin-right: 44px;
    padding: 5px 10px;
    text-decoration: none;
    transition: opacity 300ms ease 0s;
    width: 26vw;
    margin: 8px 0;
    border-radius: 50px;
    /* display: none; */
}

.connect {
    width: 26vw;
    color: #fff;
    font-size: 85%;
}

.header-rubric .logo-rubric {
    width: 83%;
    margin-top: 22px;
}


.connect .connect-border {
    padding-top: 12px;
}

.connect.connected{

	width: 50px;
}



.header-logo.connected img.logo-rubric {
    width: 96px;
    margin-top: 21px;
}

.menu .menu-border {
    border-right: 1px solid #dadada;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0!important;
    vertical-align: middle;
    height: 100%;
    padding: 0;
}

.header-logo.connected {
    width: 54%!important;
}


.header-logo.no-sub {
    width: 33vw!important;
}



/* css iframe live home page  */

.iframe-live-container {
position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.iframe-live-container iframe {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Quote modal css */

.page-template-abonnements main{

    position: relative;
}

.quote {
  margin: 40px;
  margin-left: 800px;
}

.QuoteModal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000073;
  transition: opacity 300ms;
  visibility: hidden;
  opacity: 0;
}

.QuoteModal.show_quote {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}

.popup_modal {
    position: relative;
    padding: 25px 21px;
    background: white;
    box-sizing: border-box;
    box-shadow: none;
    width: 96%;
    margin: 46% auto;
}


.popup_modal .quoteclose {
  position: absolute!important;
  top: 20px;
  right: 30px;
  font-size: 20px;
  color: black;
  text-decoration: none;
}


a#quoteclose {
    float: right;
    margin-top: -34px;
    font-size: 21px;
    font-weight: 900;
}

p.msg_quote_sent {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
        padding: 28px;
}

.popup_modal .form-group {
    width: 45%;
    display: inline-block;
    margin: 14px 6px;
    margin-top: 0;
    padding: 0;
}

.nbr-comptes-field{

    width: 95%!important;
    display: block!important;
}






.form-group input, .form-group textarea {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    color: #000;
    border: 1px solid #bcbcbc;
}


.popup_modal h3 {
    font-size: 24px;
    line-height: 27px;
    color: #ef173d;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
    width: 96%;
}

.popup_modal button {
    color: #fff;
    background: #ef173d;
    border: none;
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    padding: 7px 17px;
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
}


.single-auto .push-container .header {
    background: #686A6C;
}



.single-auto .push-container span.subtitle-cat {
    color: #ffff;
}

.single-auto span.desk-logo-typo.gris{
	color: #fff;
}


.post-type-archive-auto span.red-title,.single-auto span.red-title {
    display: none;
}

.single-auto .header-rubric {
    background: #686a6c;
}

.single-auto .red-title {
    color: #ef183d;
    display: inline-block;
    font-family: franklin-gothic-urw-cond;
    letter-spacing: 0.1rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.single-auto .push-container.une {
    border-top: 4px solid #686a6c;
}



.offre-text-section {
    display: block;
    width: 100%;
    background: #ffff;
    padding: 5% 0;
/*    padding-bottom: 0;*/
}


.offre-text-section-container {
   margin: auto;
   max-width: 1236px;
   display: flex;
   align-items: center;
}

.offre-text-section-content {
    display: inline-block;
    width: 50%;
    margin-right: 5%;
    vertical-align: top;
}

.offre-text-section-image {
    display: inline-block;
    width: 44%;
    vertical-align: top;
}

.offre-text-section-image img {
    /*width: auto;
    height: 59%;*/
    margin: 0 auto;
    display: block;
}

.offre-text-section-content h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 15px;
}

.offre-text-section-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #141414;
    width: 95%;
    margin-top: 5px;
}


.offre-firstto-items,.offre-firstto-items-rtl {
    margin-top: 10px;
    
}

.offre-firstto-items-rtl{
/*    direction: rtl;*/
transform: rotate(180deg);
}


.offre-firstto-items-rtl .offre-firstto-item{

    transform: rotate(180deg);

}

.offre-firstto {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 3% 1%;
    padding-bottom: 0;
}

.offre-fistto-container {
    margin: auto;
    margin-top: 15px;
    max-width: 100%;
    overflow: hidden;
}


.offre-firstto h2 {
    font-family: Patua One;
    font-size: 23px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.offre-firstto-item {
    
    margin: 10px 8px;
    display: inline-block;
    background-size: cover;
    height: auto;
    
    border-radius: 2px;
    padding: 16px;
    position: relative;
    border-radius: 0px;
    background: #ffff;
}



.offre-firstto-item h3 {
   color: #fff;
    margin-top: 17px;
    padding: 0 15px;
    font-family: Patua One;
    font-size: 19px;
    font-weight: 400;
    line-height: 23.74px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offre-firstto-item h3 a {
    color: #353535 !important;
}

.offre-firstto-item h3 a{

    text-decoration: none!important;
    background-image: none!important;
    font-size: 14px;
    line-height: 17px;
}


a.inscription-btn-single-post {
    display: block;
    margin: 8px auto;
    margin-top: 30px;
    padding: 11px 16px;
    padding-bottom: 9px !important;
    border-radius: 45px;
    background: #EDB62E !important;
    color: #353535 !important;
    border: none;
    width: 237px;
    font-size: 21px;
    font-weight: 500;
    line-height: 37.8px;
    text-align: center;
    text-decoration: none;
    font-family: Patua One;
}

a.inscription-btn-single-post:nth-child(2) {
    margin-top: 15px !important;
}




.abonnement-offer-article .already {
    font-family: "proxima-nova";
    float: unset;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    margin-top: 21px;
}


.abonnement-offer.abonnement-offer-article {
    position: relative;
    margin-top: 58px;
}


img.img-locker {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 53px !important;
    top: -30px;
}

.box-abo-divider {
    width: 94%;
    margin: 0 auto;
    display: block;
    border-top: 1px solid #8181817D;
    margin-top: 37px;
}


.offre-fistto-container ul {
    display: flex;
    margin-top: 2%;
    float: right;
    margin-right: 3%;
}


li.sprev, li.snext {
    padding: 8px;
    background: #D9D9D9;
    margin: 0 3px;
    border-radius: 30px;
}


.free-sec{
  
    position: relative;
    overflow: hidden;

}


.grandangle-main-content .free-sec {
    width: 62%;
    margin: 0 auto;
    display: block;
    padding: 0% 5%;
}

.free-sec .dispo-container.grandangle-content.grandangle-content-center {
    margin: 0;
    padding: 0;
    width: 100%;
}


.grandangle-main-content .free-sec .abonnement-offer.abonnement-offer-article {
    width: 92%;
    margin: 62px auto;
    margin-bottom: 0;
}



.free-sec:after {
    content: "";
    position: absolute; 
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
     height: 30%;
     background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    pointer-events: none;

}


.grandangle-main-content .abonnement-offer.abonnement-offer-article {
    width: 900px;
    margin: 0 auto;
    margin-top: 50px;
}
li.sprev:hover, li.snext:hover {
    cursor: pointer;
    opacity: .7;
}


a.inscription-btn-single-post:hover {
    background: #222222 !important;
    color: #fff !important;
    border-color: #222222 !important;
    transition: ease 0.3s;
}



.abonnement-offer.abonnement-offer-article {
    background: #EAEAEA;
    padding: 5% 2%;
    border-top: 5px solid #EB2951;
    margin: 0;
}

.abonnement-offer-article .intro {
                padding: 32px 21px;
                padding-bottom: 11px;
                }

           .abonnement-offer-article .intro p {
			    font-family: Patua One;
			    font-size: 31px;
			    font-weight: 400;
			    line-height: 37px;
			    text-align: center;
			    text-underline-position: from-font;
			    text-decoration-skip-ink: none;
			}

            .abonnement-offer-article .intro p:nth-child(2) {
			    font-size: 22px !important;
			    margin-top: 17px;
			}

            .abonnement-offer-article .intro p span.price-red {
                color: #ef173d;
            }


            .abonnement-offer-article .intro button {
                display: block;
                margin: 0 auto;
                margin-top: 40px;
                padding: 9px 16px;
                border-radius: 30px;
                background: #EDB62E;
                border: none;
                min-width: 230px;
                font-family: Encode Sans Expanded;
                font-size: 20px;
                font-weight: 600;
                line-height: 30.8px;
                text-align: center;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;
            }

.alert-banner {
   
    opacity: 0;
    
}



@keyframes slide-down {
    0% { opacity: 0; transform: translateY(-100%); }   
    100% { opacity: 1; transform: translateY(0); }
}


div.close-alert-link span:before {
    background: #fff none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
    width: 100%;
    transition: transform 300msease 0s;
}


div.close-alert-link span:after {
    background: #fff none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
    width: 100%;
    transition: transform 300msease 0s;
}


div.close-alert-link {
    position: absolute;
    left: 95vw;
    top: unset;
    bottom: 42%;
    width: 10px;
    height: 10px;
}

/*
 * Series
 *
 */



.series-main {
    background: transparent;
    max-width: 1180px;
    margin: 0 auto;
    margin-top: 120px;
}


.series-main-container {
    max-width: unset;
    float: unset;
    background: #FFF;
    width: 100%;
    border: none;
    overflow: hidden;
    margin-bottom: 0;
    padding: 21px 0;
}

.series-content {
    color: #353535;
    display: inline-block;
    font-family: "ff-tisa-web-pro";
    font-size: 1.2rem;
    padding: 33px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.series-social {
    width: auto;
    transition: all 400ms ease 0s;
    top: 55px;
    left: 15px;
    padding-left: 0%;
}

span.badge-serie-item {
    background: #EF173D;
    color: #ffff;
    font-size: 23px;
    line-height: 23px;
    padding: 6px 17px;
    font-weight: 400;
    letter-spacing: -0.2px;
    font-family: franklin-gothic-urw;
    vertical-align: middle;
    margin-right: 14px;
    display: none;
}


select#episode-select {
    display: inline-block;
    background: #D5D5D5;
    width: 84%;
    font-size: 13px;
    line-height: 13px;
    padding: 5px;
    border: none;
    font-weight: 300;
    font-family: Patua One;
}





.series-carousel .episode-slide {
    position: relative;
}

.episode-slide-pos {
    background: red;
    color: #fff;
    display: inline-block;
    padding: 3px 9px;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 3%;
    top: 5%;
}



.series-nav-container-top,.series-nav-container-bottom{
    max-width: 1400px;     
    width: 95%;
    margin:auto;
}

.series-nav-container-top {
    margin-top: 28px;
    margin-bottom: 27px;
    padding-left: 0%;
}

.single-videos .series-nav-container-top {
  
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.next-ep-series-container {
    margin-top: 40px;
}


.series-dropdown-container{

    width: 42%;
    display: inline-block;
    vertical-align: top;


}
 .series-nav-container {
    width: 56%;
    display: inline-block;
    vertical-align: top;
}

.series-nav-container a {
    display: block;
    text-align: left;
    min-width: 100%;
}





.series-nav-container a span {
    color: #ef173d;
    margin: 0 2px;
    
}

.series-nav-container a {


    display: inline-block;
        color: #040404;
    float: right;
    text-decoration: none;
    font-family: Patua One;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    max-width: max-content;
}

.series-main-container h1 {
    font-family: Patua One;
    font-size: 40px;
    line-height: 51px;
}


.series-nav-container.series-nav-endflex {
    justify-content: flex-end;
    margin-bottom: -22px;
    max-width: 58%;
    float: right;
    text-align: right;
}

.series-nav-container.series-nav-endflex a {
    max-width: 100%;
}

.series-divider-line {
    display: block;
    border: 1px solid #D5D5D5;
    margin: 46px 0;
    margin-top: 68px;
}
.next-ep-series-container .slick-track {
    float: left;
}

.all-ep-series-container h2, .next-ep-series-container h2 {
        font-family: Patua One;
        font-size: 29px;
        text-align: left;
        padding: 0;
    }



.series-list-rich {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin: 40px 0;
    }

    .series-list-rich .episode-rich {
	    display: flex;
	    align-items: start;
	    flex-direction: column;
	    gap: 20px;
	    background: #ffffff;
	    border-bottom: 1px solid #eee;
	    padding-bottom: 20px;
	}
    .series-list-rich .episode-thumbnail {
	    width: 99%;
	}

    .series-list-rich .episode-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .series-list-rich .episode-info {
	    flex: 1;
	    display: flex;
	    flex-direction: column;
	    gap: 8px;
	    padding-top: 6px;
	    padding-bottom: 14px;
	}

    .series-list-rich .episode-count {
        color: #ef173d;
        font-weight: 500;
        font-size: 16px;
    }

   .series-list-rich .episode-title {
	    font-size: 21px;
	    line-height: 23px;
	    font-weight: 500;
	    color: #000;
	    text-decoration: none;
	    margin-top: 8px;
	    margin-bottom: 4px;
	}

    .series-list-rich .episode-title.disabled {
        font-size: 18px;
        font-weight: bold;
        color: #aaa;
    }

    
    .series-list-rich .episode-excerpt {
        font-size: 18px;
        color: #444;
        line-height: 1.3;
        font-weight: 400;
        font-family: "franklin-gothic-urw";
        width: 96%;
    }

    .series-list-rich .episode-rich.current {
        opacity: 0.6;
        pointer-events: none;
    }

    .series-pagination {
        text-align: center;
    }

    .series-pagination a {
        text-decoration: none;
        padding: 10px 13px;
        background: #DCDCDC;
        color: #000;
        margin: 0 1px;
    }

    .series-pagination a.current-page {
        color: #fff;
        background: #ef173d;
    }


a.global-subtitle.series-nbr-ep {
    position: absolute;
    right: 16px;
    top: 17px;
    background: #ef173d;
    color: #fff;
    padding: 2px 10px;
    font-size: 13px;
}

.box-series-widget li {
    min-height: auto;
    margin-top: 9px;
    margin-bottom: 6px;
        max-width: 31%;
}

.box-series-widget {
    height: fit-content;
    border-top: 8px solid #ef173d;
}

.box-series-widget-test {
    background: #ef173d;
    height: 132px;
    color: #FFF;
    text-align: center;
    font-family: "franklin-gothic-urw";
    text-transform: uppercase;
    padding: 20px 11%;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.box-series-widget-test a {

    background: #FFF;
    font-weight: 600;
    color: #ef173d;
    text-decoration: none;
    padding: 8px 18px;
    font-size: 1.2rem;
    margin-top: 10px;
    display: inline-block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.box-series-widget-test span {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
}

.box-series .global-paydesk {
    display: none;
}

body .header-series-tax li a {
    color: #9E9898 !important;
}

body .header-series-tax li a.sustainability-item-menu {
    color: #238652 !important;
}



.series-main-rubric, .latest-series-container {
        max-width: 1180px;
        margin: auto;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .serie-slide {
        position: relative;
        padding-left: 0;
    }


    .series-banner-container {
        position: relative;
            margin-top: 23px;
    }


    .series-banner-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to top, rgb(0 0 0 / 91%), #0000001a);
        z-index: 1;
    }


    .series-banner-container img {
        width: 100%;
        height: 375px;
        object-fit: cover;
    }

    .series-banner-container h1 {
        font-size: 72px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-family: 'Patua One';
        z-index: 9999;
        text-align: center;
        width: 100%;
    }
    .series-banner-container p {
    font-size: 20px;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: 'Patua One';
    z-index: 9999;
    text-align: center;
    width: 100%;
}
.header-bigone {
    display: none;
}
.main-container.series-style {
   padding: 0 12px!important;
}



    .series-style { font-family: 'Patua One', cursive; }
    .box-push-block .sup {
        background: #ef183d none repeat scroll 0 0;
    }
    .main-container {
        background-color: #ffffff;
    }
    .box-push-block-nocat { height: auto; margin-bottom: 33px; padding-bottom: 33px; border-bottom: 2px solid #D5D5D5; }
    .box-push-block:before { display:none; }
    .more-of-container{
        background-color: #fff !important;
    }

    .more-of{

        max-width: 1390px;
    }
    
    .box-push-big-left .box-push-block .sup, .box-push-big-right .box-push-block .sup{
        width: auto !important;
        padding-left: 2% !important;
    }
    .main-news-home{
        border-top:4px solid #ef183d;
    }

    .box-push-block .title { width: 100%; display: inline-block; padding-right: 0; padding-left: 0px; padding-top: 0px; vertical-align: top; height: auto; min-height: auto; }

            .global-social {
             
                bottom: 3%;
               
            }

   .serie-image {
		width: auto;
		margin-bottom: 15px;
		display: block;
	}

   .intro-box-series-metas {
	    margin-top: 14px;
	    display: flex;
	    align-items: start;
	    flex-direction: column;
	    gap: 15px;
	}

    .intro-box-series-metas span {
        font-size: 17px;
    }

    .box-push-block .img-mask {
        height: auto;
        overflow: visible;
    }

    .serie-ep-authorbox {
        font-size: 15px;
        margin-top: 13px;
    }

    .serie-ep-authorbox span {
        color: #575757;
        font-weight: 300;
        font-family: "franklin-gothic-urw";
        display: block;
    	margin-top: 6px;
    }

    .serie-ep-authorbox span:first-child {
        font-weight: 400;
        color: #000;
        margin-right: 11px;
        font-family: 'Patua One';
    }


    .intro-box-series-desc {
		
		font-size: 19px;
		 line-height: 28px;
		font-weight: 400 !important;
		margin-top: 16px;
		    width: 100%;
		    font-family: franklin-gothic-urw;
		    text-align: left;
		    padding: 0 1px;
	}


	.serie-ep-desc {
	    margin-top: 16px;
	    letter-spacing: 0.4px;
	    font-family: "franklin-gothic-urw";
	    color: #1a1a1a;
	    font-size: 17px;
	    line-height: 25px;
	    position: relative;
	    text-decoration: none;
	    width: 97%;
	    display: block;
	}

	.intro-box-series-title {
	    font-size: 32px;
	    color: #000000;
	    padding: 0 0 10px 0px;
	    line-height: 36px;
	    text-align: center;
	    margin-bottom: 12px;
	}

    .box-push-block .title a { text-decoration: none; color: #000000; font-size: 23px; line-height: 26px; display: block; font-family: 'Patua One'; font-weight: 400; }
    .intro-box-series-image { display: block; width: 100%; }
    .intro-box-series-content { display: block; vertical-align: top; width: 100%; padding: 25px 4px; text-align: left; }
    .intro-box-series-container { padding-top: 30px; }
    span.serie-badge { padding: 3px 12px; background: #EF173D; font-weight: 30; color: #fff; text-transform: uppercase; font-size: 18px; line-height: 18px; letter-spacing: 1px; vertical-align: middle; display: block; text-align: center; margin: 0 auto; max-width: fit-content; margin-bottom: 10px; }

  
    .box-series h3 {
	    font-size: 24px;
	    line-height: 24px;
	    margin-top: 20px;
	    padding: 19px 15px;
	    border-top: 1px solid #000000;
	    border-width: 3px 0 1px;
	    color: #000;
	    font-family: 'Patua One';
	    font-weight: 400;
	    background-color: #f2f2f2;
	    margin-bottom: 29px;
	}
	

	span.nbr-episode {
	    margin: 2px 0px 22px 0px;
	    padding: 7px 15px;
	    padding-bottom: 8px;
	    background: #EF173D;
	    font-weight: 300;
	    color: #fff;
	    font-size: 17px;
	    line-height: 20px;
	    vertical-align: middle;
	    margin-right: 11px;
	    display: inline-block;
	}

.series-banner-container h1 {
    font-size: 40px;
     padding: 0;
    margin-top: -19px;
}

.series-banner-container img {
    height: 238px;
}

.series-banner-container p {
    font-size: 13px;
        margin-top: -4px;
    letter-spacing: 0.4px;
    adding: 0 12px;
}


.box-series-widget .box-main-title a {
    color: #FFF;
    font-family: franklin-gothic-urw-cond;
    font-size: 1.2rem;
    height: 42px;
    padding: 5px 14px;
    position: relative;
    text-transform: uppercase;
    background: #ef183d;
    /* background: #FFF; */
    font-weight: bold;
    margin: 0 -1px;
    text-decoration: none;
    display: block;
}