@charset "utf-8";
/* CSS Document */


  html, body {
  height: 100%;
  }

  .wrapper {

  height: 100%;
  overflow: scroll;
 -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  }


	.ad, .ad-group, .sticky-right-ads{
		display:none !important;
	}
	.container{
		width:100% !important;
		max-width:100% !important;
		padding:0;
	}
	.site-container .site-container__inner{
		width:100% !important;
		max-width:100% !important;
		padding:0;
	}

	*{
		box-sizing:border-box;
	}
	body, html{
		/*overflow-y:auto !important;*/
		margin:0;
		padding:0;
		font-family: 'Titillium Web', sans-serif;

	}
	
	.container{
		width:100% !important;
		max-width:100% !important;
		padding:0;
	}
	
	.site-container .site-container__inner{
		width:100% !important;
		max-width:100% !important;
		padding:0;
	}
	
	.wrapper {
		margin-top: 0;
	}
	
	p,.row{
		font-size:15px;
	}
    
    .clear{
        clear:both;
    }
	

.rs-container {
	float: right;
	padding-right: 20px;
	display: flex;
	width: 200px;
	justify-content: space-between;
	height: 80px;
	align-items: center;
}
/**** Global Container ****/
 #cd-wrapper{
     background: rgba(245,245,245,1);
     background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(206, 249, 202,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(206, 249, 202,1)));
     background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(206, 249, 202,1) 100%);
     background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(206, 249, 202,1) 100%);
     background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(206, 249, 202,1) 100%);
     background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(206, 249, 202,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cae6f9', GradientType=0 );
}
/* Header section */
 #cd-header{
     position: fixed;
     z-index:999;
     top: 0;
     width:100%;
     height:80px;
     background-color: #46A546;
     overflow: hidden;
     text-align: center;
}
 #cd-header-img{
     margin-top: 10px;
     height: 60px !important;
}
 #cd-header a{
     margin-left: 200px;
}
/* Banner section */
 #cd-banner{
     margin-top: 80px;
     width:100%;
}
 #cd-banner-container{
     width:80%;
}
 #cd-banner-img-desktop{
     width:100%;
     display: block;
}
 #cd-banner-img-mobile{
     display: none;
}
 #cd-banner h1{
     margin-top: 5%;
     font-family: verdana,sans-serif;
     text-align: left;
}
/* Reverse Btn section */
 #cd-reverse-btn{
     position: relative;
     z-index: 500;
     margin-top: 2%;
     margin-bottom: -2%;
     text-align: center;
     cursor: pointer;
}
 #cd-reverse-icon{
     z-index:998;
}
 #cd-reverse-icon:hover{
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     transition: 0.5s;
}
 #cd-reverse-icon:active{
     width:80px;
     height:80px;
     margin-bottom: -30px;
}
 #cd-reverse-icon, #cd-top-icon{
     width:50px;
     height:50px;
     transition: 0.5s;
}
/* Go UP btn section*/
 #cd-top-btn{
     margin-top: 0;
     position: relative;
     z-index: 500;
     margin-bottom: 0;
     text-align: center;
     cursor: pointer;
}
/**** Timeline (body) groupe des items ****/
 .cd-container{
     margin: 0px auto;
     width:100%;
}
/* timeline items */
 .cd-timeline-block{
     z-index:20;
}
/* timeline points */
 .cd-timeline-img {
     width: 30px !important;
     height: 30px !important;
     margin-left: -15px !important;
     line-height: 0px !important;
     border-radius:100%;
     box-shadow:none !important;
}
 .cd-timeline-img.cd-picture {
     background: #485E9D !important;
}
/* vertical line */
 #cd-timeline::before {
     background: #485E9D !important;
}

/* content of timeline items*/
 .cd-timeline-content{
	 pointer-events: all;
     margin-top: 0px;
     transition: 0.5s;
}
 .cd-timeline-content:hover{
     box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.3);
}
/* Entire item link */
 .content-text-link{
     color:black !important;
}
/* Picture/Video inside item */
 .cd-timeline-content img{
     padding:0px;
     margin-left: -12%;
     width:140% !important;
     max-width: 150% !important;
}
 #cd-timeline iframe{
     padding:0px;
     margin-left: -12%;
     width:130% !important;
     max-width: 150% !important;
     min-height: 220px;
     height: auto;
}
/**** Item Styling ****/
/* item container*/
 .cd-timeline-innercontent{
     padding: 1.6em;
	 overflow: hidden;
}
/* DATE */
 .cd-timeline-content{
     padding: 0px !important;
     font-family: 'Titillium Web', sans-serif;
}
 .content-text-date{
     font-size: 2rem;
     text-align: center;
     text-transform: uppercase;
     font-weight: 900;
	 margin-top: -3%;
}
/* Aligner en fonction du coté */
/*
.cd-timeline-block:nth-child(even) .cd-timeline-content .content-text-date{
	text-align: left;
}
*/
/* Titre */
 .cd-timeline-content h3{
     position: relative;
     z-index:45;
     font-size: 1.8em;
     font-weight: 700;
     margin-top: .5em;
     margin-bottom: .5em;
     line-height: normal;
}
/* Introduction */
 .cd-timeline-content p{
     position: relative;
     font-size: 1rem;
     line-height: 1.1em;
     font-weight: 600;
     z-index:45;
}
/* Pour en savoir plus */
 .cd-timeline-content h5{
     position: relative;
     font-size: 1rem;
     margin-top: 1.5em;
     margin-bottom: .5em;
     font-weight:700 !important;
     background-color: transparent;
     z-index:45;
}
 .hello_link{
     position: relative;
     font-size: 0.8rem;
     font-weight: 400 !important;
     background-color: transparent;
	 text-decoration: underline;
}
 .content-text-link{
     transition:.5s;
}

 .cd-timeline-content img.content-item-flag{
	position: relative;
    width: 60px !important;
	max-height: 33.3px;
    margin: 0 !important;
    padding-left: 10px;
    padding-bottom: 5px;
}
/* item link container */
.goodbye_link {
	height: 100%;
	width: 100%;
	overflow: visible !important;
	position: relative;
	background-color: transparent;
	background: #e5e5e5;
	margin-left: -1.6em;
	padding-right: 1.6em;
	box-sizing: content-box;
	padding: 0.1em 1.6em;
}
/* Grey background */
 .goodbye_link > .cd-timeline-more-background{
     position: absolute;
	 display: none;
     height:140%;
     width:2000px;
     left:0;
     bottom: 0;
     margin-left: -40%;
     margin-bottom: -6%;
     background-color: #e5e5e5;
     transition: 1s;
}

.cd-timeline-content {
  position: relative;
}
/**** desktop animations and fixes ****/
 @media screen and (min-width: 1170px) {
     .cd-container{
         margin: 0px auto;
         width:100% !important;
         max-width: 1200px;
    }
     .goodbye_link:hover > .content-text-link{
         color:#46A546 !important;
         /*text-decoration: none;*/
         transition: 1s;
    }
     .cd-timeline-innercontent:hover{
         margin-bottom: -0.1em;
         transition: 1s;
    }
     .cd-timeline-content:hover{
         margin-top: -1em !important;
         margin-bottom: 1em !important;
         transition: 1s;
    }
     .cd-timeline-innercontent:hover > .content-text-title{
         color:#485E9D;
         transition: 0.5s;
    }
.cd-banner-text-container {
	margin: 0px auto;
	text-align: left;
	width: 100%;
	left: 0;
	right: 0;
	/* max-width: 1200px; */
	background: rgba(0,0,0,0.5);
    margin: 10px 0;
}
     #cd-banner-text{
         font-family: verdana,sans-serif;
         text-align: center;
         color:white;
         width:60%;
         max-width: 800px;
         margin: auto;
         padding: 10px 0;
    }
     #cd-banner-text-title, #cd-banner-text-intro{
         text-align: center;
         padding: 0;
         margin:0;
    }
     #cd-banner-text h1{
         font-weight:900;
         font-size: 1.5vw;
         text-shadow: 3px 3px 3px rgba(1,1,1,0.5);
         line-height: 1.2;
         text-align: center;
         margin: 5px 0;
    }
     #cd-banner-text h2{
         font-size: 1vw;
    }
     #cd-banner-text hr{
         border: 2px solid rgba(255,255,255,0.3);
    }
	 

}
/**** mobile ****/
 @media screen and (max-width: 1169px) {
     #cd-header{
         height:60px;
    }
     #cd-header-img{
         margin-top: 10px;
         height: 40px !important;
    }
     #cd-banner{
         margin-top: 60px;
         width:100%;
    }
     #cd-banner-text{
         display: none;
    }
     #cd-timeline{
         margin-top: -5em !important;
    }
     .cd-timeline-block{
         margin-left: -20px !important;
    }
     .cd-timeline-img.cd-picture {
         margin: 0 auto;
         position: inherit;
         line-height: 44px;
    }
     .cd-timeline-content {
         margin-top: 50px;
         margin-left: 30px !important;
         box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.3);
    }
     .cd-timeline-content::before {
         display: none !important;
    }
     #cd-timeline::before{
         left:0 !important;
    }
     .cd-timeline-img {
         margin-left: 7px !important;
    }
     #cd-banner-img-desktop{
         display: none;
    }
     #cd-banner-img-mobile{
         width: 100%;
         display: block;
    }
     iframe{
         /*min-height: 450px !important;*/
    }
     .cd-container{
         width:98%;
    }
     .goodbye_link > .cd-timeline-more-background{
         background: transparent;
    }
     .cd-timeline-block:nth-child(2n) .cd-timeline-content{
         left: 0px !important;
    }
	 .cd-timeline-content img.content-item-flag{
		padding-bottom: 5px;
	}
	.content-text-date {
    	margin-top: -1%;
	}
}
/* Article fix for MNT Articles */
 .article__intro{
     display: none !important;
}
 .teads-inread-ave{
     display: none !important;
}
 .article__header{
     display: none !important;
}
 [data-mht-block="article-detail__article-header"]{
     display: none !important;
}
 
