/*
	Theme Name: Semplice Child Theme
	Description: Child Theme for Semplice
	Author: Your name
	Template: semplice
*/

/* Custom CSS Start */


/*Portrait*/
@media (max-width: 340px) {
}
@media (min-width: 341px) and (max-width: 375px) {
}
@media (min-width: 376px) and (max-width: 415px) {
}
/*paysage*/
@media (min-width:416px) and (max-width: 599px) {
}
@media (min-width: 600px) and (max-width: 670px) {
}
@media (min-width: 671px) and (max-width: 767px) {
}


/*Font*/

body{
	margin: 0;

}
#masonry-content_wzc743gs6  a, #content_f3n0xii97 a{
	color: #00bcd2!important;
}
.main1{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: #00bcd2;
}

.main1blue{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: #00bcd2;
}

.main2{
	font-family: raleway;
	text-transform: uppercase;
}


#content_ujih34j3s{
	display: block;
	text-align: center;
}

/* END FONT */

.view-project {
	margin-bottom: 200px;
}

.view-project a {
	border-radius: 40px;
}

.project-panel-link-no-active {
   pointer-events: none;
   cursor: default;
   opacity: 0.4;
}

.cover-image{
	border: 2.5em solid #fff;
}

.cover-video{
	border: 2.5em solid #fff;
}

/*#title-country{    -----------------Titre sur catégorie country
	font-family: libre Baskerville;
	letter-spacing: 10px;
	font-size: 70px!important;
	font-weight: 500;
	text-transform:capitalize!important;
	color:white!important;
	line-height: 80px!important;
	font-style: italic;
	border: 3px solid;
	padding-top: 40px;
	padding-left: 45px;
	padding-bottom: 40px;
	margin-right: 160px;
	margin-left: 160px;
	text-align: center;
}
*/

#navbar .controls a.close-nav .nav-icon::before{
	background-color: #00bcd2;
	/*margin: 10px 10px 0px 0px;*/
	width: 44px;
}
#navbar .controls a.close-nav .nav-icon::after{
	background-color: #00bcd2;
	/*margin: 10px 10px 0px 0px;*/
	width: 44px;
}
.fullscreen-cover .see-more .icon {
	background-color: #fff;
    padding-top: 10px;
    padding-bottom: 21px;
}

/*--------------------------------------*/
/*		   		Cover vidéo			  	*/
/*--------------------------------------*/
.cover-17 .icon, .cover-200 .icon, .cover-584 .icon, .cover-784 .icon, .cover-904 .icon, .cover-1067 .icon, .cover-1673 .icon, .cover-1894 .icon, .cover-2053 .icon, .cover-2209 .icon, .cover-2212 .icon, .cover-2214 .icon{
	background: transparent!important;
}
.preview-image{
	margin-bottom: -71px;
	width: 100%;
	height: auto;	
}
.preview-image-category{
	display: block;
	margin-left: 117px;
    margin-bottom: 20px;
}
.element.style{
	height: 670px;
}

/*--------------------------------------*/
/*		   		Itinéraire	 		  	*/
/*--------------------------------------*/

#itineraire{
	text-align: center;
	margin-top: 70px;
	margin-bottom:0px;
	padding-bottom:10px; 
}
#itineraire h3{
	margin-bottom: 52px;
}
.main1blue{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: #00bcd2;
}
.main2white{
	font-family: raleway;
	text-transform: uppercase;
	color: white;
	font-weight: 900;
}
@media (min-width: 568px) {
.custom-one{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: white;
    font-size: 20px;
    line-height: 36px;
	}
}
@media (max-width: 567px){
	.custom-one{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: white;
    font-size: 13px;
    line-height: 36px;
	}
}
@media (min-width: 568px){
.custom-two{
	font-family: raleway;
	text-transform: uppercase;
	color: white;
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;	
	}
}
@media (max-width: 567px){
.custom-two{
	font-family: raleway;
	text-transform: uppercase;
	color: white;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;	
	}
}
@media (min-width: 568px){
.custom-one-moment{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: #00bcd2;
    font-size: 20px;
	}
}
@media (max-width: 567px){
.custom-one-moment{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: #00bcd2;
    font-size: 13px;
	}
}
@media (min-width: 568px){
.custom-two-moment{
	font-family: raleway;
	text-transform: uppercase;
	color: #00bcd2;
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;	
	}
}
@media (max-width: 567px){
.custom-two-moment{
	font-family: raleway;
	text-transform: uppercase;
	color: #00bcd2;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;	
	}
}
#content-itineraire:hover span{
	/*text-decoration: line-through;
	color: white;*/
}
#content_hvt1vbt6o{
	margin-bottom: 0px;
}
#content_3p8yuodkl{
	}
/*--------------------------------------*/
/*									  	*/
/*		   Choise category home			*/
/*		                     		  	*/
/*--------------------------------------*/
.ch-grid {
	margin: -40px 0 0 0;
	padding-bottom: 40px;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;	
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0px rgba(38,45,55, 0.4),
		inset 0 0 0 0px rgba(0,188,210,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in;
}
.ch-item-2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 110px rgba(38,45,55, 0.7),
		inset 0 0 0 0px rgba(193,185,185, 0.3),
		0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in;
}
.ch-img-1 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/06/lille-220.png);
}
.ch-img-2 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/06/canada-220.png);
}
.ch-img-3 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/07/usa-220.png);
}
.ch-img-4 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/09/perou.png);
}
.ch-img-5 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/10/bolovie-220.png);
}
.ch-img-6 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/11/Argentine.png);
}
.ch-img-7 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/11/Rio.png);
}
.ch-img-8 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/12/ile-paques-logo.png);
}
.ch-img-9 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/new-zeland2.png);
}
.ch-img-10 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/australie.png);
}
.ch-img-11 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/philippines.png);
}
.ch-img-12 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2017/02/Cambodge.png);
}
.ch-img-13 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/06/vietnam-BW1.png);
}
.ch-img-14 { 
	background-image: url(http://www.touchtheworld.fr/wp-content/uploads/2016/06/birmanie-BW1.png);
}
.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 3px;
	font-size: 16px;
	margin: 0 30px;
	padding: 55px 0 0 0;
	height: 108px;
	font-family: raleway, Arial, sans-serif;
	font-weight: 900;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
.country-longer{
	line-height: 20px;
}
.ch-info p {
	color: #fff;
	padding: 5px 0px;
	font-style: italic;
	font-family: 'Libre Baskerville';
	font-weight: 900;
	margin: 0 29px;
	font-size: 11px;
	border-top: 1px solid rgba(255,255,255,0.5);
}
.ch-info p span {
	display: block;
	color: #fff;
	
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'raleway', Arial, sans-serif;
}
.ch-info p span {
	color: #00bcd2;
	
}
.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(38,45,55, 0.4),
		inset 0 0 0 10px rgba(0,188,210,0.8),
		0 1px 2px rgba(0,0,0,0.1);
		cursor: pointer;
}
.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
	cursor: pointer;
}
.ch-item-2:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(38,45,55, 0.7),
		inset 0 0 0 10px rgba(193,185,185, 0.3),
		0 1px 2px rgba(0,0,0,0.1);
		
}
.ch-item-2:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
/*--------------------------------------*/
/*									  	*/
/*			    POST PREVIEW			*/
/*		                     		  	*/
/*--------------------------------------*/
/*		   POST PREVIEW - homepage  	*/
/*--------------------------------------*/

#post-main{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
}
#content_4orfgl96j{
	margin-left:-30px;
}
.post{
  width:310px;
  background-color:#fff;
  display: inline-block;
  margin: 0 auto;
  margin-left: 30px;
  margin-bottom: 30px;
  border-radius:10px;
  overflow:hidden;
  vertical-align: top;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 998px){
	.post{
		height: auto!important;
	}
}
.post section{
  
  height:210px;
  position:relative;
  border-radius: 10px 10px 0px 0px;
}
.post section img{
  width:100px;
  border-radius:50%;
  position:absolute;
  top:160px;
  left:104px;
}
.post section a{
  position:absolute;
  right:20px;
  bottom:5px;
  font-size:16px;
  font-style:italic;
  text-decoration:none;
  color:rgba(255,255,255,0.8);
}
.post p{
  margin:50px 0 0 0
}
.post:hover{
	box-shadow:0 3px 9px rgba(0,0,0,0.3);
  border-color:transparent; 
 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    
}
.card-category-country{
	font-family: raleway;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 3px;
	font-size: 11px;
	text-align: center;
	display: block;
	margin-bottom: 0px;
	color: #00bcd2;
	position: relative;
	top:55px;
}
.card-title{
	font-family: Libre Baskerville;
	font-weight:500;
	font-style: italic;
	font-size: 20px;
	text-align: center;
	display: block;
	position: relative;
	top:28px;
	line-height: 25px;
}
.post .card-title a{
	color:inherit!important;
}
.card-date{
	font-family: 'Libre Baskerville',serif;
	letter-spacing: 3px;
	font-weight:light;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	display: block;
	margin-bottom: -25px;
	position: relative;
	top: -13px;
}
.card-describe {
	font-family: raleway;
	font-size: 13px;
	line-height: 19px!important;
	text-align: justify;
	padding-left: 20px;
	padding-right:20px;
	position: relative;
	top: -25px;
	display: block;
}
.card-button a{
 	color:inherit!important;
    font-family: raleway;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 100px;
    border-color:#00bcd2;
    color: #00bcd2!important;
    background-color: transparent;
    border: 2px solid;
    padding: 6px 0px 6px 0px;
    margin: -6px 90px 20px 90px;
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.card-button a:hover{
    background-color:#00bcd2;
    color: #fff!important;    
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.preview-article {   /* Je ne sais plus ce que c'est*/
border: 1px solid;
	border-radius: 1pc;
	border-color: rgba(217, 217, 217, 0.41);
	height: 743px;
}

/*---end cards----*/

/*--------------------------------------*/
/*									  	*/
/*			    POST CHOIX				*/
/*		                     		  	*/
/*--------------------------------------*/
/*		   POST CHOIX - easter		 	*/
/*--------------------------------------*/


.post-choice{
  width:310px;
  background-color:#fff;
  display: inline-block;
  margin: 0 auto;
  margin-left: 30px;
  margin-bottom: 30px;
  border-radius:10px;
  overflow:hidden;
  vertical-align: top;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 998px){
	.post-choice{
		height: auto!important;
	}
}
.post-choice section{
  
  height:130px;
  position:relative;
  border-radius: 10px 10px 0px 0px;
}
.post-choice section img{
  width:100px;
  border-radius:50%;
  position:absolute;
  top:80px;
  left:104px;
}
.post-choice section a{
  position:absolute;
  right:20px;
  bottom:5px;
  font-size:16px;
  font-style:italic;
  text-decoration:none;
  color:rgba(255,255,255,0.8);
}
.post-choice p{
  margin:50px 0 0 0
}
.post-choice:hover{
	box-shadow:0 3px 9px rgba(0,0,0,0.3);
  border-color:transparent; 
 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    
}
.post-choice .card-title a{
	color:inherit!important;
}

/*---digital meet---*/

#digital-meet{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
}

#digital-meet section{
	padding-top: 0px!important;
}

@media (max-width: 1199px) {
	#digital-meet section{
		padding-top: 30px!important;
	}
}


/*--------------------------------------*/
/*		   POST PREVIEW - Category   	*/
/*--------------------------------------*/
.preview-category-country{
	font-family: raleway;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0px;
	color: #00bcd2;
	padding-top: 20px;
	padding-bottom: 10px;
	display: block;

}
.preview-title{
	font-family: Libre Baskerville;
	font-weight:500;
	font-style: italic;
	font-size: 20px;
	text-align: center;
	display: block;
	position: relative;
	line-height: 25px;	
	padding-bottom: 10px;
}
.preview-title a{
	color:inherit!important;
}
.preview-date{
	font-family: 'Libre Baskerville',serif;
	letter-spacing: 3px;
	font-weight:light;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 38px;
	display: block;
	text-align: center;
}
.preview-describe {
	font-family: raleway;
	font-size: 13px;
	line-height: 20px!important;
	padding-left: 20px;
	padding-right:20px;
	text-align: justify;
	position: relative;
	top: -25px;
	display: block;
	letter-spacing: 1px;
}
.preview-button a{
		color:inherit!important;
    font-family: raleway;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 100px;
    border-color:#00bcd2;
    color: #00bcd2!important;
    background-color: transparent;
    border: 2px solid;
    padding: 6px 0px 6px 0px;
    margin: auto;
    width: 140px;
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.preview-button a:hover{
    background-color:#00bcd2;
    border-color:#00bcd2;
    color: #fff!important;    
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mc-sub-content-container p {
	background-color: white;
}

.mc-sub-content-container .p-footer{
	background-color:#262d37;
	padding-bottom:40px;
}
.mc-sub-content-container .preview-button{
	background-color: #ffffff;
	padding-bottom: 30px;
}
.span3 {
    width: 220px;
    margin-left: 20px
}
@media screen and (min-width: 1200px) {
    .span3 {
        width: 270px;
        margin-left: 20px
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .span3 {
        width: 285px;
        margin-left: 20px
    }
}
@media (max-width: 767px) {
    .span3 {
        width: 100%;
        margin-left: 0
    }
}


@media screen and (min-device-width:320px) and (max-device-width:768px) 
{.tooltip span{display:none;}.tooltip:hover span{display:block;} } /* iPad & iPhone simulate :hover */

/*--------------------------------------*/
/*							       		*/
/*				TITLE-COVER				*/
/*										*/
/*--------------------------------------*/

/*--------------------------------------*/
/*				Homepage				*/
/*--------------------------------------*/

.title-fullscreen-cover-home{
	background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/06/titre-cover.png) top center no-repeat;
}
@media (min-width: 1200px) {
.title-fullscreen-cover-home{
 	background-size:cover;
  	width: 680px;
    height: 318px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
	.title-fullscreen-cover-home{
 		background-size:cover;
  		width: 680px;
  	 	 height: 318px;
  	 	 position: relative;
  	 	 margin: 0 auto;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
.title-fullscreen-cover-home{
	background-size:cover;
 		width: 510px;
		height: 240px;
		position: relative;
		left: 14%;
    }
 }
@media (min-width:568px) and (max-width: 767px) {
.title-fullscreen-cover-home{
	background-size:cover;
		width: 358px;
		height: 168px;
		position: relative;
		left: 18%;
    }
}
@media (max-width: 567px){
 .title-fullscreen-cover-home{
 	background-size:cover;
		width: 258px;
		height: 120px;
		position: relative;
		left: 12%;
    }
}

/*--------------------------------------*/
/*				Category				*/
/*--------------------------------------*/
.title-fullscreen-cover-france{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/06/1-france.png) top center no-repeat;
}
.title-fullscreen-cover-canada{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/07/2-canada.png) top center no-repeat;
}
.title-fullscreen-cover-usa{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/07/3-usa.png) top center no-repeat;
}
.title-fullscreen-cover-perou{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/09/3-perou.png) top center no-repeat;	
}
.title-fullscreen-cover-bolivie{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/10/5-bolivie.png) top center no-repeat;	
}
.title-fullscreen-cover-argentine{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/11/6-argentine.png) top center no-repeat;	
}
.title-fullscreen-cover-bresil{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2016/11/7-bresil.png) top center no-repeat;	
}
.title-fullscreen-cover-ile-de-paques{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/ile-de-paques-title.png) top center no-repeat;	
}
.title-fullscreen-cover-nouvelle-zelande{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/9-NZ.png) top center no-repeat;	
}
.title-fullscreen-cover-australie{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/10-australie.png) top center no-repeat;	
}
.title-fullscreen-cover-philippines{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2017/01/11-philippines.png) top center no-repeat;	
}
.title-fullscreen-cover-cambodge{
background: url(http://www.touchtheworld.fr/wp-content/uploads/2017/02/12-cambodge.png) top center no-repeat;	
}



/*FRANCE - CANADA - USA - perou - bolivie */

@media (min-width: 769px){
.title-fullscreen-cover-france,.title-fullscreen-cover-canada,.title-fullscreen-cover-usa,.title-fullscreen-cover-perou,.title-fullscreen-cover-bolivie{
 	background-size:cover;
  	width: 519px;
    height: 200px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-france,.title-fullscreen-cover-canada,.title-fullscreen-cover-usa,.title-fullscreen-cover-perou,.title-fullscreen-cover-bolivie{
 	background-size:cover;
  	width: 430px;
    height: 166px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-france,.title-fullscreen-cover-canada,.title-fullscreen-cover-usa,.title-fullscreen-cover-perou,.title-fullscreen-cover-bolivie{
 	background-size:cover;
  	width: 330px;
    height: 130px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-france,.title-fullscreen-cover-canada,.title-fullscreen-cover-usa,.title-fullscreen-cover-perou,.title-fullscreen-cover-bolivie{
 	background-size:cover;
  	width: 230px;
    height: 92px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-france,.title-fullscreen-cover-canada,.title-fullscreen-cover-usa,.title-fullscreen-cover-perou,.title-fullscreen-cover-bolivie{
 	background-size:cover;
  	width: 180px;
    height: 72px;
    position: relative;
    margin: 0 auto;
	}
}

/*ARGENTINE - Australie*/
@media (min-width: 769px){
.title-fullscreen-cover-argentine{
 	background-size:cover;
  	width: 660px;
    height: 201px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-argentine{
 	background-size:cover;
  	width: 400px;
    height: 122px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-argentine{
 	background-size:cover;
  	width: 300px;
    height: 91px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-argentine{
 background-size:cover;
  	width: 230px;
    height: 70px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-argentine{
 	background-size:cover;
  	width: 150px;
    height: 46px;
    position: relative;
    margin: 0 auto;
	}
}

/*BRESIL*/
@media (min-width: 769px){
.title-fullscreen-cover-bresil{
 	background-size:cover;
  	width: 450px;
    height: 200px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-bresil{
 	background-size:cover;
  	width: 240px;
    height: 106px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-bresil{
 	background-size:cover;
  	width: 180px;
    height: 80px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-bresil{
 	background-size:cover;
  	width: 180px;
    height: 80px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-bresil{
 background-size:cover;
  	width: 167px;
    height: 74px;
    position: relative;
    margin: 0 auto;
	}
}
/*ILE DE PAQUES*/
@media (min-width: 769px){
.title-fullscreen-cover-ile-de-paques{
 	background-size:cover;
  	width: 516px;
    height: 263px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-ile-de-paques{
 	background-size:cover;
  	width: 240px;
    height: 122px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-ile-de-paques{
 	background-size:cover;
  	width: 180px;
    height: 92px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-ile-de-paques{
 	background-size:cover;
  	width: 180px;
    height: 92px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-ile-de-paques{
 background-size:cover;
  	width: 167px;
    height: 85px;
    position: relative;
    margin: 0 auto;
	}
}

/*NOUVELLE ZELANDE*/
@media (min-width: 769px){
.title-fullscreen-cover-nouvelle-zelande{
 	background-size:cover;
  	width: 700px;
    height: 270px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-nouvelle-zelande{
 	background-size:cover;
  	width: 240px;
    height: 93px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-nouvelle-zelande{
 	background-size:cover;
  	width: 180px;
    height: 69px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-nouvelle-zelande{
 	background-size:cover;
  	width: 180px;
    height: 69px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-nouvelle-zelande{
 background-size:cover;
  	width: 167px;
    height: 64px;
    position: relative;
    margin: 0 auto;
	}
}
/*NOUVELLE AUSTRALIE */
@media (min-width: 769px){
.title-fullscreen-cover-australie{
 	background-size:cover;
  	width: 660px;
    height: 176px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-australie{
 	background-size:cover;
  	width: 240px;
    height: 64px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-australie{
 	background-size:cover;
  	width: 180px;
    height: 48px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-australie{
 	background-size:cover;
  	width: 180px;
    height: 48px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-australie{
 background-size:cover;
  	width: 167px;
    height: 45px;
    position: relative;
    margin: 0 auto;
	}
}

/*LES PHILIPPINES*/
@media (min-width: 769px){
.title-fullscreen-cover-philippines{
 	background-size:cover;
  	width: 660px;
    height: 204px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-philippines{
 	background-size:cover;
  	width: 240px;
    height: 74px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-philippines{
 	background-size:cover;
  	width: 180px;
    height: 56px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-philippines{
 	background-size:cover;
  	width: 180px;
    height: 56px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-philippines{
 background-size:cover;
  	width: 167px;
    height: 52px;
    position: relative;
    margin: 0 auto;
	}
}

/*LES CAMBODGE*/
@media (min-width: 769px){
.title-fullscreen-cover-cambodge{
 	background-size:cover;
  	width: 650px;
    height: 164px;
    position: relative;
    margin: 0 auto;
	}
}

@media (width:768px){
.title-fullscreen-cover-cambodge{
 	background-size:cover;
  	width: 300px;
    height: 76px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:416px) and (max-width:767px){
.title-fullscreen-cover-cambodge{
 	background-size:cover;
  	width: 200px;
    height: 50px;
    position: relative;
    margin: 0 auto;
	}
}
@media (min-width:341px) and (max-width:415px){
.title-fullscreen-cover-cambodge{
 	background-size:cover;
  	width: 200px;
    height: 50px;
    position: relative;
    margin: 0 auto;
	}
}
@media (max-width:340px){
.title-fullscreen-cover-cambodge{
 background-size:cover;
  	width: 180px;
    height: 45px;
    position: relative;
    margin: 0 auto;
	}
}

/*    FIN TEST COVER COM A DELETE  */

.project-panel-thumb h3{
	color: #00bcd2!important;
	font-family: raleway;
	text-transform: uppercase;
	font-size: 11px!important;
	font-weight: 900;
	letter-spacing: 2px;
}

.project-panel-thumb h3 span{
	font-family: Libre Baskerville!important;
	letter-spacing: 1px;
	font-weight:light;
	text-transform: none;
	font-size: 11px;
    font-style: italic;
    font-weight: 500;
}
.project-panel-thumb h3{
	color: #00bcd2!important;
	font-family: raleway;
	text-transform: uppercase;
	font-size: 11px!important;
	font-weight: 900;
	letter-spacing: 2px;
}
.project-panel-thumb h3 span{
	font-family: Libre Baskerville!important;
	letter-spacing: 1px;
	font-weight:light;
	text-transform: none;
	font-size: 11px;
    font-style: italic;
    font-weight: 500;
}

/*Fermer un article*/
.close-article-main{
	height: 86px;
	background-color: #fff;
	display: inline-block;
	overflow: hidden;	
}
.close-article-main section{
 height: 0;
 position: relative;
 padding-top: 0;
}
.close-article-main section img{
	width: 33%;
	position: absolute;
	top:0;
	left: 48px;
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.close-article-content{
	font-family: raleway;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 3px;
    font-size: 11px;
    text-align: center;
    display: block;
    margin-bottom: 0px;
    color: #00bcd2;
    position: relative;
    top: 65px;
    	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.close-article-main:hover img, .close-article-main:hover .close-article-content {
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*fermer un article défi*/
.close-article-main-defi{
	height: 155px;
	background-color: #fff;
	display: inline-block;
	overflow: hidden;	
}
.close-article-main-defi section{
 height: 55px;
 position: relative;
 padding-top: 0;
}
.close-article-main-defi section img{
	width: 80%;
	position: absolute;
	top:0;
	left: 12px;
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.close-article-content-defi{
	font-family: raleway;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 3px;
    font-size: 11px;
    text-align: center;
    display: block;
    margin-bottom: 0px;
    color: #1ed760;
    position: relative;
    top: 65px;
    	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.close-article-main-defi:hover img, .close-article-main-defi:hover .close-article-content-defi {
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*start-story*/

.start-story{
	height: 86px;
	display: inline-block;
	overflow: hidden;	
}
.start-story section{
 height: 0;
 position: relative;
 padding-top: 0;
}
.start-story section img{
	width: 23%;
	position: absolute;
	top:0;
	left: 93px;
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.start-story-content{
	font-family: raleway;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 3px;
    font-size: 11px;
    text-align: center;
    display: block;
    margin-bottom: 0px;
    color: #00bcd2;
    position: relative;
    top: 65px;
    	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.start-story:hover img, .start-story:hover .start-story-content {
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


blockquote{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    font-style: 14px;
	margin: 1em 2em;
	border-left: 2px solid #00bcd2!important;
	padding-left: 1em;
	color: #000
}
.frame-border{
	border: 3px solid #00bcd2;
	padding: 70px 0px 0px 20px;
    height: 263.75px;
	font-family: Libre Baskerville;
	font-style: italic;
    font-weight: 500;
    font-style: 14px;
}
.legend-asset{
	/*
	font-family: raleway;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 10px;
	text-align: left;
	margin-bottom: 0px;
	color: #888;
	display: block;
	font-style: italic;
	margin-left: 5px;
	line-height: 15px;
	*/
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 11px;
    display: block;
    margin-bottom: 0px;
    color: #00bcd2;
    top: 55px;
    line-height: 15px;
}

.content-line-through{
	font-family: raleway;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 900;
	font-size: 12px;
	text-align: left;
	color: #00bcd2;
	text-decoration: line-through;
}

/*--------------------------------------*/
/*										*/
/*              PAGE MEET   		    */
/*										*/
/*--------------------------------------*/

figure.effect-milo .img1 {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,0,0) scale(1.12);
	transform: translate3d(10px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover .img1 {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	text-align: left;
	margin:-63px 0px 0px 70px;
	font-size: 33px!important;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
/*Portrait*/
@media (max-width: 340px) {
    figure.effect-milo h2 {
        margin:-38px 0px 0px 33px;
    }
}
@media (min-width: 341px) and (max-width: 375px) {
    figure.effect-milo h2 {
        margin:-45px 0px 0px 45px;
    }
}
@media (min-width: 376px) and (max-width: 415px) {
 figure.effect-milo h2 {
        margin:-48px 0px 0px 55px;
    }
}
/*paysage*/
@media (min-width:416px) and (max-width: 599px) {
    figure.effect-milo h2 {
        margin:-56px 0px 0px 70px;
    }
}
@media (min-width: 600px) and (max-width: 670px) {
    figure.effect-milo h2 {
        margin:-58px 0px 0px 75px;
    }
}
@media (min-width: 671px) and (max-width: 767px) {
    figure.effect-milo h2 {
        margin:-58px 0px 0px 75px;
    }
}

/*Nom H2 sur deux lignes*/

figure.effect-milo .twolines {
	position: absolute;
	text-align: left;
	font-family: raleway;
	font-weight: 300px;
	color: white;
	margin:-63px 0px 0px 70px;
	line-height: 30px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}
figure.effect-milo:hover .twolines {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
/*Portrait*/
@media (max-width: 340px) {
    figure.effect-milo .twolines {
        margin:-53px 0px 0px 33px;
    }
}
@media (min-width: 341px) and (max-width: 375px) {
    figure.effect-milo .twolines {
        margin:-56px 0px 0px 45px;
    }
}
@media (min-width: 376px) and (max-width: 415px) {
 figure.effect-milo .twolines {
        margin:-60px 0px 0px 55px;
    }
}
/*paysage*/
@media (min-width:416px) and (max-width: 599px) {
    figure.effect-milo .twolines {
        margin:-66px 0px 0px 70px;
    }
}
@media (min-width: 600px) and (max-width: 670px) {
    figure.effect-milo .twolines {
        margin:-67px 0px 0px 75px;
    }
}
@media (min-width: 671px) and (max-width: 767px) {
    figure.effect-milo .twolines {
        margin:-68px 0px 0px 75px;
    }
}
/*Fin nom du deux lignes*/
figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline {
	color: white;
	font-family: raleway;
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 0 10px!important;
	width: 59%;
	border-left: 2px solid #00bcd2;
	text-align: left;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}
figure.effect-milo:hover p, figure.effect-milo:hover .pthreelines, figure.effect-milo:hover .ptwolines, figure.effect-milo:hover .poneline{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-milo p{
	margin: 162px 0px 0px 188px;
}
	figure.effect-milo .pthreelines{
		margin: 182px 0px 0px 188px;
	}
figure.effect-milo .ptwolines {
	margin: 202px 0px 0px 188px;}	
}
figure.effect-milo .poneline {
	margin: 222px 0px 0px 188px;
}
/*Portrait*/
@media (max-width: 340px) {
    figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline  {
        margin:105px 0px 0px -2px;
        width: 100%;
        font-size: 11px;
		line-height: 15px;
    }
}
@media (min-width: 341px) and (max-width: 375px) {
    figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline  {
        margin:150px 0px 0px 5px;
        width: 100%;
        font-size: 11px;
		line-height: 15px;
    }
}
@media (min-width: 376px) and (max-width: 415px) {
  figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline  {
        margin:160px 0px 0px 7px;
        width: 100%;
        font-size: 11px;
		line-height: 15px;
    }
}
/*paysage*/
@media (min-width:416px) and (max-width: 599px) {
    figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline  {
        margin:213px 0px 0px 15px;
        width: 80%;
        font-size: 11px;
		line-height: 15px;
    }
}
@media (min-width: 600px) and (max-width: 670px) {
     figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline  {
        margin:200px 0px 0px 15px;
		width: 80%;
        font-size: 11px;
		line-height: 15px;
    }
}
@media (min-width: 671px) and (max-width: 767px) {
    figure.effect-milo p, figure.effect-milo .pthreelines, figure.effect-milo .ptwolines, figure.effect-milo .poneline  {
        margin:214px 0px 0px 13px;
        width: 80%;
        font-size: 11px;
		line-height: 15px;
    }
}
.grid{
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	
	list-style: none;
	text-align: center;
/*   PArtie de la ch-grid
		margin: -40px 0 0 0;
	padding-bottom: 40px;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
*/
}
.grid2{
	position: relative;
	margin: 0 auto;
	padding: 0em 0 2em;
	
	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure{
	position: relative;
	/*float: left;*/
	overflow: hidden;
	margin: 10px 1%;
	
	/*min-width: 450px;*/
	max-width: 477px;
	/*min-height: 360px;*/
	/*width: 48%;*/
	background: #000000;
	text-align: center;
	cursor: default;
	display: inline-block;
}
.grid figure .img1{
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption .img2{
	width: 20%;
	min-height: auto;
	position: relative;
	display: block;
	margin: -25px 0px 0px -25px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}
figure.effect-milo:hover .img2{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid figure figcaption{
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid2 figure figcaption::before,
.grid2 figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid2 figure figcaption,
.grid2 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid2 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2, .grid2 figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 .firstmeet{
	word-spacing: -0.15em;
	font-weight: 300;
	font-family: raleway;
	font-weight: 300px;
	color: white;
	letter-spacing: 3px;
	margin-right: -5px;
}
.grid2 figure h2 .firstmeet{
	word-spacing: -0.15em;
	font-weight: 300;
	font-family: raleway;
	font-weight: 300px;
	color: white;
	letter-spacing: 4px;
	font-size: 25px;

}

.grid figure h2 .secondmeet, .grid2 figure h2 .secondmeet {
	font-weight: 800;
	font-family: raleway;
	color: #00bcd2;
	letter-spacing: -3px;
}

.grid figure h2, .grid2 figure h2,
/*.grid figure p*/ {
	margin: 0;
}

.grid figure p, .grid2figure p {
	letter-spacing: 1px;
	
}

.content {
	margin: 0 auto;
	max-width: 1000px;
}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}

.content > h2:first-child {
	padding-top: 0em;
}


/*--------------------------------------*/
/*          	a propos        		*/
/*--------------------------------------*/


.name1{
	word-spacing: -0.15em;
	font-weight: 300;
	font-family: raleway;
	font-weight: 300px;
	color: black;
	letter-spacing: 8px;
	font-size: 40px;
	text-transform: uppercase;
	margin-right: -16px;
	
}
.name2{
    font-weight: 800;
	font-family: raleway;
	color: #00bcd2;
	letter-spacing: -3px;
	text-transform: uppercase;
	font-size: 40px;
}

/*--------------------------------------*/
/*          	cover meet       		*/
/*--------------------------------------*/

#meet{
	padding: 0px 30px 0px 30px;
}

.main1bluemeet{
	font-family: Libre Baskerville;
    font-style: italic;
    font-weight: 500;
    color: #00bcd2;
    font-size: 40px;
}
.main2whitemeet{
	font-family: raleway;
	text-transform: uppercase;
	color: white;
	font-weight: 900;
	font-size: 30px;
}

#meet h3{
	text-align: center;
}

#meet p{
	font-size:20px;
	text-align: center;
	line-height: 30px;
	color: white;
}

.regular{
	font-family: raleway;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	
}
.thx{
	color:#00bcd2;
	font-family: Libre Baskerville;
	font-size: 30px;
	font-style: italic;
}

@media (max-width: 767px){
	.main1bluemeet{
		font-size: 30px;
	}
}
@media (max-width: 767px){
	.main2whitemeet{
		font-size: 20px;
	}
}

/*--------------------------------------*/
/*										*/
/*           NEXT-ARTICLE		      	*/
/*										*/
/*--------------------------------------*/

.grid2 figure figcaption .img2{
	width: 5%;
	min-height: auto;
	position: relative;
	display: block;
	margin: auto;
	margin-top: 0px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	transition-delay: 0.2s;
	
}

figure.effect-next-article:hover .img2{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition-delay: 0.1s;
	
}
.next-article{
	font-family: raleway;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    color: #00bcd2;
    margin-top: 30px; /*VERROUILER*/
    display: block;
    position: relative;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition-delay: 0.2s!important;
	border:solid 1px #00bcd2;
	padding: 10px 0px 10px 0px;
    margin-right: 35%;
    margin-left: 35%;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
figure.effect-next-article:hover .next-article{
	-webkit-transform: translate3d(0,-10px,0)scale(0.8);
	transform: translate3d(0,-10px,0) scale(0.8);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	border: none;
	transition-delay: 0s!important;
	padding: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.line-art{
	width: 200px;
	height:1px;
	margin: auto;
	margin-top: 20px;
	background-color: white;
	-webkit-transition: opacity 0.35s, -webkit-transform 0s;
	transition: opacity 0.35s, transform 0s;
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;

}

figure.effect-next-article:hover .line-art{
	-webkit-transform: translate3d(0,-27px,0)scale(1);
	transform: translate3d(0,-27px,0) scale(1);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	transition-delay: 0.2s;
}
figure.effect-next-article h2 {
	margin-top:0px;
	opacity: 0;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.35s;
	transition: opacity 0.55s, transform 0.35s;
	transition-delay: 0s;
	}

figure.effect-next-article:hover h2 {
	opacity: 1;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.35s;
	transition: opacity 0.55s, transform 0.35s;
	transition-delay: 0.3s; 
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
	}
.grid2 figure{
	position: relative;
	/*float: left;*/
	overflow: hidden;
	margin: 10px 1%;
	
	/*min-width: 450px;*/
	max-height: 250px;
	/*width: 48%;*/
	background: #000000;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}
.grid2 figure .img1{
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 0.4;
}
.grid2 figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-next-article .img1 {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,0,0) scale(1.12);
	transform: translate3d(10px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-next-article:hover .img1 {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}


/*Portrait*/
@media (max-width: 340px) {
   .grid2 figure{
        min-height: 200px;
     	 
    }    
    figure.effect-next-article .img1{
    	max-width: 250%;
    	margin-left: -240px;
    	width: auto;
    }
	.grid2 figure figcaption .img2{
    	width: 15%;

    }
    .next-article{
    	margin-top:15px;
    	margin-right: 15%;
    	margin-left:15%;
    }
    figure.effect-next-article h2{
		line-height: 25px!important;
	}
	figure.effect-next-article:hover h2{
    	transform: translate3d(0,-20px,0);
	}
	.grid2 figure h2 .firstmeet{
		font-size: 16px;
    }
}
@media (min-width: 341px) and (max-width: 375px) {
    .grid2 figure{
        min-height: 200px;
     	 
    }    
    figure.effect-next-article .img1{
    	max-width: 230%;
    	margin-left: -250px;
    	width: auto;
    }
	.grid2 figure figcaption .img2{
    	width: 15%;

    }
    .next-article{
    	margin-top:15px;
    	margin-right: 15%;
    	margin-left:15%;
    }
    figure.effect-next-article h2{
		line-height: 25px!important;
	}
	figure.effect-next-article:hover h2{
    	transform: translate3d(0,-20px,0);
	}
	.grid2 figure h2 .firstmeet{
		font-size: 22px;
	}

}
@media (min-width: 376px) and (max-width: 415px) {
 .grid2 figure{
        min-height: 200px;
     	 
    }    
    figure.effect-next-article .img1{
    	max-width: 210%;
    	margin-left: -250px;
    	width: auto;
    }
	.grid2 figure figcaption .img2{
    	width: 15%;

    }
    .next-article{
    	margin-top:15px;
    	margin-right: 15%;
    	margin-left:15%;
    }
	figure.effect-next-article:hover .next-article{
    	transform: translate3d(0,0,0) scale(0.8);
	}
	.line-art{
		margin-top: 30px;
	}

    figure.effect-next-article h2{
		line-height: 25px!important;
	}
	figure.effect-next-article:hover h2{
    	transform: translate3d(0,-20px,0);
	}
	.grid2 figure h2 .firstmeet{
		font-size: 18px;
	}

}
/*paysage*/
@media (min-width:416px) and (max-width: 599px) {
  .grid2 figure{
        min-height: 200px;	 
    }    
    figure.effect-next-article .img1{
    	max-width: 150%;
    	margin-left: -150px;
    	width: auto;
    }
	.grid2 figure figcaption .img2{
    	width: 10%;
    }
    .next-article{
    	margin-top:18px;
    	margin-right: 30%;
    	margin-left:30%;
    }
    figure.effect-next-article h2{
		line-height: 25px!important;
	}
	figure.effect-next-article:hover h2{
    	transform: translate3d(0,-20px,0);
	}
	.grid2 figure h2 .firstmeet{
		font-size: 18px;
	}
}
@media (min-width: 600px) and (max-width: 670px) {
    figure.effect-next-article .img1{
    	max-width: 150%;
    	margin-left: -180px;
    	width: auto;
    }
	.grid2 figure figcaption .img2{
    	width: 10%;
    }
    .next-article{
    	margin-top:18px;
    	margin-right: 30%;
    	margin-left:30%;
    }
    figure.effect-next-article h2{
		line-height: 25px!important;
	}
	figure.effect-next-article:hover h2{
    	transform: translate3d(0,-20px,0);
	}
	.grid2 figure h2 .firstmeet{
		font-size: 22px;
	}
}

@media (min-width: 768px) and (max-width: 980px){
	 figure.effect-next-article h2{
		line-height: 25px!important;
	}
	figure.effect-next-article:hover h2{
    	transform: translate3d(0,-15px,0);
	}
}


/*--------------------------------------*/
/*         	custom UL / LI  		    */
/*--------------------------------------*/

.mc-sub-content-container ul{
	list-style: none;
	margin-left: 28px!important;
}

.mc-sub-content-container ul li:before{
	content: "•";
	color: #00bcd2;
	width: 1em;
  	margin-left: -1em;
  	display: inline-block;
}


/*--------------------------------------*/
/*										*/
/*           COMMENTAIRES		      	*/
/*										*/
/*--------------------------------------*/
 
.fade-content{
	background-color: #f7f7f7;
	padding-bottom: 1px;
}

.comments-wrapper{
	width: 700px;
	margin:0 auto;
	position: relative;
}

.comments-wrapper a{
	color: #00bcd2;
}
.comments-wrapper a:hover{
	opacity: 0.6;
}

/*Bloc send comments*/

.startdiscuss{
    margin: 0 auto;
    width: 700px;
    background-color: #262d37;
}
.startdiscuss img{
	margin-left: 30px;
    margin-top: 30px;
}
.fade-content #respond #reply-title{
	font-family: raleway;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 14px;
	color: #00bcd2!important;
	position: relative;
	margin-left:160px;
	margin-bottom: 0px;
	margin-top:-120px;
}
form#commentform #submit, form#commentform input, form#commentform textarea{
	width: 510px;
    left: 158px;
    border-radius: 10px;
    margin-bottom: 0px;
    outline: none;
}
#comment-input{
	min-width: 510px;
	max-width: 510px;
}
.comment-input{
	display: inline-block;
	left: 158px;
}
#author{
	width: 200px!important;
    margin-right: 5px;
}
#email{
	width: 300px!important;
	margin-bottom: 10px!important;
}
.form-submit #submit{
	text-transform: uppercase;
	font-size: 11px;
	font-family: raleway;
	font-weight: 700;
	border-radius: 100px;
    border-color:#00bcd2!important;
    border: 2px solid;
    padding: 10px 0px 10px 0px;
    background-color: transparent!important;
    position: relative;
    left: 363px;
    margin-bottom: 40px!important;
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.form-submit #submit:hover{
    background-color:#1ed760!important;
    border: 2px solid #1ed760 !important;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
form#commentform #submit {
    color: #00bcd2 !important;
}
form#commentform #submit:hover  {
    color: white!important;
}
form#commentform input, form#commentform textarea {
    color: #262d37!important;
}

/* Comments */

.avatar{
	margin-left: 24px;
	padding-top: 12px;
	width: 70px;
}
.comment-content{
	margin-top: 0px;
	background-color: white;
	border: 1px solid;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.comment-content:hover{
	box-shadow:0 3px 9px rgba(0,0,0,0.3);
  border-color:transparent; 
 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.comment-autor{
	font-weight: 800;
	font-family: raleway;
	color: #00bcd2!important;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.comment-time{
	font-family: raleway;
	font-weight: 700;
	font-size: 11px;
	color: #838485!important;
	position: relative;
	margin-top: -35px!important;
    text-align: right;
    display: block;
    padding-right: 30px;  
}
p.comment-meta {
    position: relative;
    margin: -60px 0px 40px 133px;
}
.comment-text{
	padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 39px;
    padding-top: 20px;
    border-left: 5px solid #00bcd2;
    margin-left: 78px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 25px;
}
.comment-content2{
margin-top: 0px;
background-color: #262d37;
border: 1px solid transparent;
border-left: 5px solid #00bcd2;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.comment-content2:hover{
	box-shadow:0 2px 20px rgba(0,0,0,0.9);
 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.comment-content2 .comment-meta .comment-time{
	color:#00bcd2!important;
}
.comment-content2 .comment-text .mca-author p{
	color:white!important;
}
.comment-content2 .comment-text .mca-author{
	color:white!important;
}

/*--------------------------------------*/
/*      mentions comments authors      	*/
/*--------------------------------------*/


.mca-button{
    border: 2px solid #00bcd2;
    border-radius: 10px;
    outline: none;
    color: #00bcd2;
    background: transparent;
    padding: 4px 13px 4px 13px;
    font-family: raleway;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: 900;
  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mca-button:hover,
.mca-button:focus,
.mca-button:active{
    color:white;
    border: 2px solid #00bcd2;
    border-radius: 10px;
    outline: none;
    padding: 4px 13px 4px 13px;
    background:#00bcd2;
    cursor:pointer;
  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mca-prevent-elem{
	border: 1px solid #00bcd2;
    border-radius: 10px;
    outline: none;
}
.moderation{
    text-transform: uppercase;
    font-weight: 900;
    color: #1ed760;
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}

/*--------------------------------------*/
/*          Responsive Design         	*/
/*				Comments				*/
/*--------------------------------------*/


@media  (max-width: 767px) {
 	.comments-wrapper{
		width: 90%;
    }
    .avatar{
		margin-left: 10px;
		padding-top: 10px;
		width: 50px;
	}
	.fade-content #respond #reply-title{		
		margin-bottom:10px!important;
		margin-top:5px!important;
	}
	p.comment-meta {
    	position: relative;
   		margin: -52px -10px 15px 80px;
   	}
	.comment-time{   	 	
   	 	margin-top: -15px!important;
   	 	text-align: left;
   	}
   	.comment-text{
   		padding-left: 20px;
    	padding-right: 20px;
    	padding-bottom: 19px;
    	padding-top: 12px;
    	border-left: 5px solid #00bcd2;
    	margin-left: 43px;
    	margin-bottom: 15px;
    	font-size: 13px;
    	line-height: 25px;
    }
    .startdiscuss{
  	  	width: 90%;
   	}

	.startdiscuss img{
	    margin-top: 70px!important;
	    margin: 0 auto;
	    text-align: center;
	    display: block;
	    position: relative;
	    padding-top: 20px;
	}
	.fade-content #respond #reply-title{
		margin: 0;
		text-align: center;
		display: block;
	}
	#comment-input{
		max-width: 90%;
		min-width: 90%;
	}
	.comment-input{
		display: block;
    	width: 100%;
    	position: relative;
       	text-align: center;
       	left: 0;
	}
	#author, #email{
		width: 90%!important;
		margin-right: 0;
	}
	#author{
		margin-bottom: 10px!important;
	}
	p.form-submit {
 	    width: 90%;
    	margin: 0 auto;
	}
	form#commentform #submit, form#commentform input, form#commentform textarea{
		width: 100%;
	    left: 0;
	}
	form#commentform {
    	margin-bottom: 50px;
	}
}

/*--------------------------------------*/
/*          	Sondage					*/
/*--------------------------------------*/

h4.totalpoll-question{
	font-family: raleway;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 13px!important;
	display: block;
	color: #00bcd2;
}

/*--------------------------------------*/
/*          	Player   				*/
/*--------------------------------------*/

.live-audio .mejs-container .mejs-controls, .live-video .mejs-container .mejs-controls, .wysiwyg .mejs-container .mejs-controls{
	background-color: #262d37;
}

.live-audio .mejs-controls .mejs-time-rail .mejs-time-current, .live-video .mejs-controls .mejs-time-rail .mejs-time-current, .wysiwyg .mejs-controls .mejs-time-rail .mejs-time-current{
	background-color: #00bcd2!important;
}
.live-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .live-video .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .wysiwyg .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	background-color: #00bcd2!important;	
}

/*--------------------------------------*/
/*          	Border - NZ				*/
/*--------------------------------------*/
.commandant{
	border: solid 10px;
	border-color: #00bcd2;
	padding: 20px;
}
/*--------------------------------------*/
/*          	Share margin			*/
/*--------------------------------------*/
.share-box{
	margin-bottom: 50px;
	padding-top: 60px;
}