/* 

gris : #666666;
modif bootstraap */

html {
	font-size: .625em; /* fallback IE8+ */
	font-size: calc(1em * .625); /* IE9-IE11 math fixing. See http://bit.ly */
}

body{
	background-color: white ;
	min-height: 100vh;
	overflow-x: hidden;
	font-family: "TReg",Helvetica, Arial, sans-serif;
}

input:-internal-autofill-selected,
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-image: none;
    color: rgb(0, 0, 0);
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}



p{
	margin-top: 0;
}

.bold{
	font-family: "TBold", Helvetica, Arial, sans-serif;
}

.container-fluid{
	padding: 0 15px;
}

.container-content-fixed{
	margin: 45px 15px;
}


.container-content-fluid{
	padding: 0 15px; 
}

.container-content-fluid:after{
 clear: both;
 content: " ";
 display: table;
}


@media (min-width: 768px) {

	.container-fluid{
		padding: 0 30px;
	}

	.container-content-fluid{
		padding: 0 65px; 
	}

	.container-content-fixed{
		margin: 85px; 
	}

}



@media (min-width: 992px) {

	.container-content-fluid{
		padding: 0;
	}

	.container-content-fixed{
		width: 720px;
		margin: 95px auto; 
	}

}

@media (min-width: 1400px) {

	.container-content-fluid{
		width: 1235px;
		margin: 0 auto;
		float: none;
	}

	
}

.like-h1,
.like-h2,
.like-h3{
	display: block;
}

h4{
	margin-bottom: 0.5em;
 	font-size: 15px;
	font-size: 1.5rem;
}

h3{
	margin-top: 2em;
	margin-bottom: 0.3em;
}


h1, h2, h3, h4, .like-h1, .like-h3{
	font-family: "TBold", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1, h2, .like-h1, .like-h2, .article-video h3{
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: 2px;
}


 h3, .like-h3{
 	font-size: 20px;
	font-size: 2rem;
 }

 #detailsrevue #contentPage{
 	padding-top: 0;
 }

#detailsrevue section h3{
	font-size: 22px;
	font-size: 2.2rem;
}

h1, .like-h1{
	line-height: 1;
}


.sstitre, .like-h1,
h2, h3, .like-h2, .like-h3{
	line-height: 1.15;
}


.content-bloc-text ul,
.nav-credit,
.content-text ul,
#teaserText #favoris ul,
p{
	font-size: 15px;
	font-size: 1.5rem;
}


p.sstitre, .header-revue-detail #headerPage p,
#revue article p,
#manifest p{
	font-size: 16px;
	font-size: 1.6rem;
}

p.auteurs a,
#manifest p.fleche,
#revue article p.fleche,
#revue article  .participation  p{
	font-size: 14px;
	font-size: 1.4rem;
}

p{
	line-height: 1.5
}

#teaserText #favoris p,
#teaserText .contentText{
	font-family: "TMed", Helvetica, Arial, sans-serif;
}


#teaserText #favoris ul a{
	font-family: "TReg", Helvetica, Arial, sans-serif;
}


#teaserText #favoris p.creer{
	font-family: "TULight", Helvetica, Arial, sans-serif;

}

section#jobs h1,
.encart_article h1{
	font-size: 26px;

	font-size: 2.6rem;
}

.vignette .top-header-vignette .auteurs a{
		font-size: 13px;
		font-size: 1.3rem;
	}



@media (min-width: 768px) {

.nav-credit,
.vignette .top-header-vignette .auteurs a{
		font-size: 16px;
		font-size: 1.6rem;
	}
	#manifest p.fleche,
	#revue article p.fleche ,
	#revue article  .participation  p{
		font-size: 16px;
		font-size: 1.6rem;
	}



	#manifest p{
		font-size: 30px;
		font-size: 3rem;
	}

	.content-item h1 a,
	#headline p.sstitre,
	.header-imgfullscreen p.sstitre,
	h2, h1,	.sstitre, .like-h1, .like-h2{
		font-size: 44px;
		font-size: 4.4rem;
	}



	.row-items .content-item h1 a,
	 h3, .like-h3{
	 	font-size: 24px;
		font-size: 2.4rem;
	 }

	h4{
		font-size: 18px;
		font-size: 1.8rem;
	}

	.auteurs a{
		font-size: 15px;
		font-size: 1.5rem;
	}



	#revue article p,
	.content-bloc-text ul,
	#teaserText #favoris p,
	#teaserText #favoris ul,
	p{
		font-size: 19px;
		font-size: 1.9rem;
	}

	#manifest p.fleche,
	#revue article p.fleche ,
	#revue article  .participation  {
		font-size: 17px;
		font-size: 1.7rem;
	}

}

@media (min-width: 992px) {


	h2, .like-h2{
		font-size: 50px;
		font-size: 5rem;
	}

}
@media (min-width: 1800px) {
 

	.header-imgfullscreen  h1{
		font-size: 2.5vw;
	}

	.header-imgfullscreen .encart_article h1{
		font-size: 3.5rem;
	}

	.header-imgfullscreen p.auteurs a {
    	font-size: 1vw;
	}


	.header-imgfullscreen .encart_article p.auteurs a {
    font-size: 1.5rem;
	}


}




/* helpers */
.black{
	color: black
}
.content-text a{
	text-decoration: underline;
}

.fleche:before{
	content: "> ";
	float: left;
}

.fleche a{
	margin-top: 2em;
	padding-left: 2em;
	display: block;
	text-transform: uppercase;
}

.inline-block-list li{
	display: inline-block;
	vertical-align: middle;
}

.list-style-none{
	list-style: none;
}


@media (min-width: 768px) {

	 .landscape .H100vh{
	   height: 100vh;
	}
}


/* HEADER */

#header .affix{
	width: 100%;
	z-index: 900;
	top: 0;
	padding-top: 15px;
 transform:  		 translateY(0);
    transition: transform  .6s ease-out;
 	will-change: transform;
 	pointer-events: none;
}

#header .affix > *{
	pointer-events: auto;
}

.masqueUp header#header .affix{
 transform:  		 translateY(-250%);
}

/* cas menu blanc */

.icon-menu > span:after,
.icon-menu > span:before,
.icon-menu > span,
 header#header a,
#header .section-name,
#header .logo svg *{
    transition: all  .3s ease-out;

}

.whitemenu header#header button,
.whitemenu header#header .section-name,
.openmenu header#header a,
.whitemenu header#header a{
	color: white;
}





.openmenu .icon-menu > span:after,
.openmenu .icon-menu > span:before,
.openmenu .icon-menu > span,
.whitemenu .icon-menu > span:after,
.whitemenu .icon-menu > span:before,
.whitemenu .icon-menu > span{
	background-color: white;
}

.openmenu #header .section-name,
.whitemenu #header .section-name{
	border-color: white;
}

.whitemenu #header .logo svg *{
	fill: white;
}

#header button,
#header .logo a,
#header ul{
	margin: 0;
	padding: 0;
}

#header .logo a{
	display: block;
}

#header .logo{
	float: left;
	margin: 0;
	padding: 0;
	min-height:30px;
}


.modal-sujet .logo img,
.modal .logo img,
#header svg{
	width: 140px;
	height:30px;
	margin: 0;
	padding: 0;
}

#header p{
	margin: 0;
}

#header a{
	color: black;
	text-decoration: none;
}

#header nav#primary li span.text{
	display: none;
}

#header nav#primary li a{
	display: inline-block;
	width: 20px;
	min-height: 20px;
	vertical-align: top;
	position: relative;
	font-size: 20px;
	font-size: 2rem;

}


#header nav#primary li a.icon-menu_recherche{
	top: 1px;
}


#header .logo > p{
	float: left;
}

.section-name{
	text-transform: uppercase;
	font-size: 1.4rem;
	font-size: 14px;
}

.page-favoris-partage #header .section-name.hidden-xs{
	display: block !important;
	margin: 0;
	padding: 0;
	border: none;
	font-family: 'TLight', Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	font-size: 15px;
	margin-top: 3em;
	float:none;
	clear: both;
}


.home .header-imgfullscreen h1.video-launcher,
.header-imgfullscreen h1{
	cursor: pointer;
}

.home .header-imgfullscreen h1{
	cursor: default;
}



#header .section-name{
	margin-top: 5px;
	font-family: "TReg", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	position: absolute;
	left: 50%;
 	transform: translateX(-50%);
    letter-spacing: 2px;
}

#header nav#primary ul { 
 	display: flex;
 	position: absolute;
    right: 15px;
    top: 15px;
}


.landscape #header nav#primary ul{
	top: 15px;
}

#header nav#primary li{
	padding-left: 20px;
	height: 20px;
}



#header nav#primary button.btn-newsletter,
#header nav#primary li.lang a{
	font-size: 13px;
	font-size: 1.3rem;
}

#newsletter-popup-box button.btn-newsletter{
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 12px;
}


#newsletter-popup-box button.btn-newsletter,
#header nav#primary button.btn-newsletter,
#header nav#primary li.lang a{
	font-family: "TMed", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}


#header nav#primary li.lang a{
	width: 20px;
	line-height: 24px;
}

.header-imgfullscreen .encart_article h1{
		width: 100%;
	}


@media (min-width: 768px) {

	#header nav#primary li{
	height: 23px;
	}


	#header nav#primary li a.icon-menu_recherche{
		position: relative;
		top: 0;
	}

	#header nav#primary button.btn-newsletter,
	#header nav#primary li.lang a{
		font-size: 16px;
		font-size: 1.6rem;
	}


	.header-imgfullscreen h1{
		width: 60%;
	}

	 .landscape #header nav#primary ul{
	 	top: 22px;
	 }

	#header nav#primary ul{
		right: 35px;
	}

	.modal-sujet .logo img,
	.modal .logo img,
	#header svg{
		width: 200px;
		height:43px;
		margin: 0;
		padding: 0;
	}

	#header nav#primary li a{
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 24px;
	}

	.page-favoris-partage #header .section-name.hidden-xs,
	.section-name{
		font-size: 2.4rem;
		font-size: 24px;
	}


	#header nav#primary li{
		padding-left: 30px;
	}	

	#header nav#primary ul {
		display: block;
	}	

	#header .affix{
		padding-top: 26px;
	}

	#header nav#primary li:last-child{
		padding-left: 30px;
	}

	#header nav#primary li:first-child{
		padding-left: 0;
	}

}

@media (min-width: 992px) {




}
@media (min-width: 1200px) {
 
 .page-favoris-partage #header .section-name.hidden-xs{
		border-left: 3px solid white;
		margin-left: 20px;
    	padding-left: 20px;
    	margin-top:0; 
    	float: left;
    	clear: none;
	}

}


/* MENU */


.icon-menu > span:after,
.icon-menu > span:before{
	content: " ";
}

.icon-menu > span:after,
.icon-menu > span:before,
.icon-menu > span{
	height: 2px;
	width: 100%;
	background-color: black;
	display: block;
	left:0;
	position: absolute;
    transition: all  .3s ease-out;
}

.icon-menu > span{
	top: 10px;
}

.icon-menu > span:before{
	top: 8px;
}

.icon-menu > span:after{
	top: -8px;
}


header#header #menu,
header#header #menu ul li a{
	color: white;
}
header#header #menu ul li a{
	font-size: 18px;
	font-size: 1.8rem;
}

header#header #menu  #footermenu .footermenu-items button,
header#header #menu #footermenu  .footermenu-items a{
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0;
}

#footermenu  .footermenu-items li + li{
	margin-left: 15px;
}

header#header #menu ul.rezo{
	margin: 40px auto 15px auto;
}

header#header #menu ul.rezo li + li{
	margin-left: 8px;
}

header#header #menu ul.rezo li a{
	font-size: 23px;
	font-size: 2.3rem;
}


#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}



.lang a{
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "TReg", Helvetica, Arial, sans-serif;
	vertical-align: middle;
}


#menu{
	position: fixed;
	background-color: black;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 1000;
	overflow: auto;
	font-family: "TReg", Helvetica, Arial, sans-serif;
}





.go{
	pointer-events: none;
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	height: 0;
	height: 100px;
	width: 100%;
	z-index: 1000;
	background-image:linear-gradient(transparent, black);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.5s, opacity 0.3s;
}

.menugo .go{
	opacity: 1;

	visibility: visible;
	transition: visibility 0s linear 0s, opacity 0.3s;

}

.go:after {
    content: "";
    background: transparent url(../img/svg/arrow-equipe.svg) no-repeat center;
    background-size: 20px 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    right: 0;
    bottom: 0;
 }




body.openmenu .overlay-menu{
	display: block;
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    transition: visibility 0s linear 0.3s, background 0.3s;
    will-change: background;
}

body.openmenu .overlay-menu{
 	width: 100%;
 	cursor: pointer;
  	background-color: rgba(0,0,0,.4);
    visibility: visible;
    transition: visibility 0s linear 0s, background 0.3s;
}


nav[role="menuitem"]{
	margin-top: 80px;
	height: calc(100vh - 175px);
	display: table;
	width: 100%;
}
nav[role="menuitem"] > ul{
	vertical-align: middle;
	display: table-cell;
}

#menu .main-item{
	text-transform: uppercase;
	font-size: 26px;
	font-size: 2.6rem;
	font-family: "TMed", Helvetica, Arial, sans-serif;
	margin-bottom: 11px;
	display: block;
}

#menu nav ul .main-item + ul{
	margin-bottom: 45px;
}

#menu nav ul .main-item + ul li{
	margin-bottom: 13px;
}

#menu  ul{
	text-align: center;
}

.title-menu{
	text-transform: uppercase;
	left: 18px;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "TBold", Helvetica, Arial, sans-serif;
}

p.close-menu{
		right: 10px;
}

p.close-menu a{
	display: block;
	width: 25px;
	height: 25px;
	position: relative;
}


p.close-menu a:after,
p.close-menu a:before
{
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 11px;
	background-color: white;
}

p.close-menu a:before{ 
  transform: rotate(-45deg);
}


p.close-menu a:after{ 
  transform: rotate(45deg);
}

p.close-menu span{
display: none;
}

p.close-menu,
.title-menu{
	position: absolute;
	top: 16px;
}


	#menu #footermenu{
	font-family: "TBold", Helvetica, Arial, sans-serif;
	}


@media (min-width: 768px) {

	#menu nav ul .main-item + ul{
	margin-bottom: 65px;
	}

	.go,
	#menu{
		width: 320px;
	}

	#header nav#primary li a {
		width: 24px;
		height: 22px;
	}

	.icon-menu > span:after,
	.icon-menu > span:before,
	.icon-menu > span{
		height: 3px;
	}


	.icon-menu > span{
		top: 10px;
	}

	.icon-menu > span:before{
		top: 9px;
	}

	.icon-menu > span:after{
		top: -9px;
	}


	body.openmenu{
		overflow: hidden;
	}



}



@media (min-width: 992px) and (max-width: 1279px) {

	.go{
		display: none;
	}

	#menu{
		width: 100%;
	}

	#menu ul{
		text-align: left;
	}
	#menu nav[role="menuitem"]{
		height: 100%;
		margin:  0 auto;
	}



	#menu nav[role="menuitem"] > ul:after{
		content: "";
		display: block;
		clear: both;
	}

	#menu nav[role="menuitem"] > ul > li{
		float: left;
		width: 33.33333%;
	}

	#menu nav[role="menuitem"] > ul > li:first-child{
		padding-left: 8.66666%;
	}


	#footermenu{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	header#header #menu #footermenu ul{
		float: left;
		padding: 0 30px 25px 30px;
	}

	header#header #menu #footermenu ul.rezo{
		float: right;
		margin: 0 ;
	}

	header#header #menu #footermenu .footermenu-items button,
	header#header #menu #footermenu .footermenu-items a{
		font-size: 16px;
		font-size: 1.6rem;
	}

	#footermenu .footermenu-items li + li{
		margin-left: 45px;
	}

	header#header #menu ul.rezo li + li{
		margin-left: 7px;
	}

	#menu nav ul .main-item + ul li {
    	margin-bottom: 18px;
	}

	#menu .main-item {
    font-size: 45px;
    font-size: 4.5rem;
    margin-bottom: 33px;
	}

	header#header #menu ul li a{
		font-size: 24px;
    	font-size: 2.4rem;
	}

	p.close-menu, .title-menu {
    	top: 25px;
	}
	p.close-menu{
		right: 40px;
	}
	.title-menu{
		font-size: 24px;
		font-size: 2.4rem;
		left: 30px;
	}


	#menu nav ul .main-item + ul{
	margin-bottom: 45px;
	}


	.inline-block-list li.list_link-newsletter.link-newsletter-header{
		margin-top: 0;
		display: inline-block;
		margin-left: 45px;
	}



}



@media (min-width: 1280px) {
	#menu nav ul .main-item + ul{
		margin-bottom: 45px;
		}

	.title-menu{
		font-size: 18px;
		font-size: 1.8rem;

	}

}
/* FOOTER */


#footer ul{
	margin: 0 0 25px 0; 
	padding:0;
}

#footer{
 padding-top: 25px;
}

.goUp{
	padding: 0 0 15px 0; 
	margin: 0;
}

.goUp a{
	display: block;
}

.press-list h2:before,
.goUp a:after{
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #000000 transparent;
	line-height: 0px;
	_border-color: #ffffff #ffffff #000000 #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
	display: block;
}

.nav-footer{
	text-align: center
}

footer#footer button.connect,
.nav-footer nav a{
	text-decoration: none;
	padding: 0 6px;
	font-size: 12px;
	font-size: 1.2rem;
}


.nav-footer nav li{
	padding: 0;
}

.nav-footer nav li:first-child a{
	padding: 0 10px 0 0;
}

.nav-footer nav li:last-child a{
	padding: 0 0 0 8px;
}

.nav-footer nav li:after{
	content: " ";
	display: inline-block;
	height: 15px;
	width: 1px;
	background-color: black;
	position: relative;
	top: 3px;
}

.nav-footer nav li.xs-no-border:after,
.nav-footer nav li:last-child:after{
	display: none;
}

#actualite .rezo a,
.nav-footer .rezo a{
	padding: 7px;
	font-size: 23px;
	font-size: 2.3rem;

	display: block;
}

header#header #menu ul.rezo li a.icon-instagram,
#actualite .rezo a.icon-instagram, 
.nav-footer .rezo a.icon-instagram{
	font-size: 19px;
	font-size: 1.9rem;
}


.nav-footer .rezo a{

	opacity: 0;
 transform:  		translateY(50%);

    transition: all  .3s ease-out;

}

.page-recherche  footer#footer a,
.openmenu .nav-footer .rezo a,
.nav-footer .rezo a.effect{
 transform:  		 translateY(0);
	opacity: 1;
}

@media (min-width: 320px) {
	footer#footer button.connect,
	.nav-footer nav a{
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media (min-width: 500px) {

	.goUp{
		padding: 0 0 25px 0; 
	}

	footer#footer .nav-footer nav{
		float: left;
		text-align: left
	}

	#footer ul.rezo{
		margin-bottom: 30px;
	}

	.nav-footer nav li:after{
		display: none;
	}



	.nav-footer .rezo{
		float: right;
		text-align: left
	}

	


}


@media (min-width: 768px) {

	.inline-block-list li.list_link-newsletter.link-newsletter-footer{
		display: inline-block;
		margin-top: 0;
	}

	

}


@media (min-width: 992px) {
	.inline-block-list li.list_link-newsletter.link-newsletter-footer button,
	footer#footer button.connect,
	.nav-footer nav a{
		padding: 0 10px 0 0;
		font-family: "TBold", Helvetica, Arial, sans-serif;
		font-size: 1.9rem;
		font-size: 19px;
		margin-right: 30px
	}

	.nav-footer .rezo a{
		padding: 5px 0 15px 15px;
		font-size: 25px;
		font-size: 2.5rem;
	}
}

/* top header fullscreen */

.auteurs a{
	vertical-align: middle;
	padding-right: 2px;
	text-transform: uppercase;
	display: inline-block;

}

.home .auteurs a,
#page-reader .auteurs a{
	pointer-events: none;

}



.auteurs a:hover{
	text-decoration: underline;
}

article.header-imgfullscreen{
	position: relative;
}


#headerPage .header-imgfullscreen .headerPage,
.header-imgfullscreen #headerPage{
	position: relative;
	padding-top: 0;
}

.headline,
#headerPage .header-imgfullscreen .headline,
.header-imgfullscreen #headline{
	position: absolute;
	bottom: 0;
	color: white;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 0;
}


.home #page-reader #headerPage article:first-of-type .headline,
.alaune article .headline{
	padding-bottom: 15px;
}

#headerPage > header.headline, 
#page-reader .forArrowSnap #headerPage article:first-of-type .headline, 
#page-reader section:first-of-type article:first-of-type .headline, 
.home #page-reader section:first-of-type article .headline{
	padding-bottom: 55px;
}

.article-video article h1,
.headline p,
.headline h1,
#headline p,
#headline h1{
	margin: 0;
}

.headline .tag,
#headline .tag{
	margin-bottom: 0;
	padding-left: 0;
}

#page-reader a.gotocontent,
.header-imgfullscreen a.gotocontent{
	padding-bottom: 60px;
	display: block;
	position: relative;
	color: white;
	width: 100%;
}

.header-imgfullscreen a.gotocontent{
	pointer-events: none;
}

.headline p.auteurs,
#headline p.auteurs{
	margin-bottom: .3em;
}


.headline p.sstitre,
#headline p.sstitre{
	margin-top: .3em;
	font-size: 26px;
	font-size: 2.6rem;
}


.headline p.video-launcher,
#headline p.video-launcher{
	cursor: pointer;
	padding: 0 15px 0 55px;
	background: transparent url('../img/svg/player_w40.svg') 15px .5em no-repeat;
	background-size: 28px 28px;
	min-height:55px;
	line-height:35px;
}


.headline  p.video-launcher > span,
#headline p.video-launcher > span{
		display: inline-block;
    	line-height: 1.15;
}


.headline p.video-launcher a,
#headline p.video-launcher a{
	color: white;
}


/*

.header-imgfullscreen.video-volet .headline a.gotocontent,
.header-imgfullscreen.video-volet #headline a.gotocontent{
	padding-bottom: 95px;
}
*/


/* .header-imgfullscreen a.gotocontent:after, */
#page-reader article p.buttonArrow a:after{
	opacity: 0;
	width: 0;
	content: url(../img/svg/arrow_small.svg);
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -25px;
	bottom: 30px;
 transition: all .3s ease-out;
}



/* .arrow .header-imgfullscreen a.gotocontent:after, */
.arrow	#page-reader article p.buttonArrow a:after{
	opacity: 1;
	bottom: 15px;
}

.header-imgfullscreen .headline .auteurs a,
.header-imgfullscreen #headline .auteurs a{
	color: white;
	display: inline-block;
}

.header-imgfullscreen .headline > *,
.header-imgfullscreen #headline > *{
	overflow: hidden;
}

.imgfullscreen50 figcaption,
.imgfullscreen figcaption{
	width: 40%;
	bottom: 35px;
	font-size: 9px;
	font-size: .9rem;
	right: 15px;
	color: white;
	position: absolute;
	z-index: 10;
	line-height: 1.2;
	text-align: right;
}


 figure.mainfigure,
 figure#mainfigure{
	opacity: 0;
  transition: opacity 1s ease-in-out;
}

 figure.mainfigure figcaption,
 figure#mainfigure figcaption{
 		opacity: 0;
    transition: opacity .3s ease-in-out 2s;
 }

.header-imgfullscreen .headline,
 .header-imgfullscreen #headline{
	opacity: 0;
	transition: opacity .3s ease-in-out 1s;
}




.inview figure.mainfigure,
.inview figure.mainfigure figcaption,
.inview .header-imgfullscreen .headline,
.inview.header-imgfullscreen .headline,
.inview figure.mainfigure,
.loadedimg .inview .goContent,
.loadedimg .inview figure.mainfigure figcaption,
.loadedimg figure#mainfigure figcaption,
.page-compte.loadedimg #headerPage .headline,
.loadedimg .inview .headline,
.loadedimg #headline,
.loadedimg figure#mainfigure{
	opacity: 1;
}

.streamlogo{
	position: relative;
	display: block;
	margin: 0;
	height: 0;
}

.streamlogo img{
	position: absolute;
	bottom:-78px;
	right: -25px;
}


.headline p.video-launcher{
	padding-left: 42px;
	background-position: left .2em;
	margin-top: .5em;
}

#page-reader article p.buttonArrow a:after{
	bottom: 20px;
    content: url("../img/svg/arrow_small.svg");
    display: block;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 0;
    opacity: 0;
    pointer-events: none;

}


.arrow #page-reader article p.buttonArrow a::after {
    bottom: 5px;
    opacity: 1;
}

.header-imgfullscreen figcaption a{
	text-decoration: underline;
}


.header-imgfullscreen #headline > .gocontentpage {
	overflow: visible;
}


.gocontentpage {
	width: 100%;
	position: absolute;
	height: 23.5px;
	text-align: center;
	bottom: 0;
	left: 0;
	overflow: visible;

}


#header-diaporama svg,
.gocontentpage svg{
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition: transform .3s ease-out;
	will-change: transform;
	transition: visibility 0s, all 0.3s;

}

.gocontentpage svg{
	height: 15px;
	width: auto;
	transform: translateY(-100%);
}



#headline{
	pointer-events: none;
}

 .loadedimg  #headline{
	pointer-events: auto;
}

.titlechapeau{
	padding-bottom: 60px;
	pointer-events: none;
}


.arrow  #header-diaporama svg,
.arrow .gocontentpage svg{
	opacity: 1;
	pointer-events: auto;
	visibility: visible;

}

.arrow .gocontentpage svg{
	transform: translateY(0);
}


.arrow .gocontentpage a:hover svg{
	transform: translateY(5px);
}




#legendeinfooter li{
	list-style: none;
	padding: 0;
}

#legendeinfooter ul{
	padding: 0;
}

#legendeinfooter li{
	display: inline;
}


#legendeinfooter li + li:before{
	content: " / ";
}

#legendeinfooter p{
	font-family: "TBold";
	font-weight: normal;
}





@media (min-width: 768px) {
	
	.gocontentpage svg{
		height: 20px;
	}

	.titlechapeau{
		padding-bottom: 70px;
	}

	.gocontentpage {
		height: 55px;
	}

	.imgfullscreen50 figcaption, 
	.imgfullscreen figcaption{
		font-size: 14px;
		font-size: 1.4rem;
		bottom: 45px;
	}


	.home .auteurs a,
	#page-reader .auteurs a,
	.auteurs a{
		pointer-events: auto;
	}

	.imgfullscreen figcaption{
		right: 35px;
	}
	
	#page-reader article p.buttonArrow a:after{
   		content: url("../img/svg/arrow.svg");
	}


	.arrow .header-imgfullscreen  a.gotocontent:after{
		opacity: 1;
		bottom: 15px;

	}

	.arrow .header-imgfullscreen  a.gotocontent:hover:after{
		bottom: 10px;
	}

	.header-imgfullscreen figcaption{
		font-size: 16px;
		font-size: 1.6rem;
		text-align: right;
	}

	

	.header-imgfullscreen.video-volet .headline a.gotocontent,
	.header-imgfullscreen.video-volet #headline a.gotocontent{
		padding-bottom: 130px;
	}


	.headline  p.video-launcher,
	#headline p.video-launcher{
		padding: 0 15px 0 55px;
		background-position: 0 0.2em;
		background-size: 40px 40px;
		font-size: 22px;
		font-size: 2.2rem;
		min-height: 45px;
		line-height: 45px;
	}





}

@media (min-width: 1280px){

	.gocontentpage svg{
		height: 23px;
	}

	.titlechapeau{
		padding-bottom: 80px;
	}

	.gocontentpage {
		height: 56.5px;
	}




	.streamlogo img{
		bottom:-25px;
		right: -75px;	
	}

	.imgfullscreen50 figcaption, .imgfullscreen figcaption {
    bottom: 55px;
	}
}


@media (min-width: 992px) {


	.headline  p.video-launcher,
	#headline p.video-launcher{	
		font-size: 2.5rem;
	}

	.header-imgfullscreen a.gotocontent > *{
		max-width: 80%;
	}


}

@media (min-width: 1200px) {
	.header-imgfullscreen a.gotocontent > *{
		max-width: 80%;
	}

}


/* ARTICLE */


.tag a{
	text-decoration: underline;
	font-size: 1.5rem;
	font-size: 15px;
}

.tag li{
	margin-right: 20px;
	margin-bottom: 20px;
}

.bg-black{
	background-color: black;
}

.BgBlack,
#teaserText{
	background-color: black;
	color: #cccccc;
	padding: 20px 25px 25px 25px;
}



#teaserText{
	margin-bottom: 20px;
}

.fiche-article #teaserText{
	margin-bottom: 70px;
}


#teaserText a{
	color: #cccccc;
}

#teaserText #favoris a{
	color: #9c9c9c;
}

#teaserText a:hover,
#teaserText #favoris a:hover{
	color: white;
}


#teaserText ul{
	margin: 0;
	padding: 0;
}

#teaserText aside{
	text-transform: uppercase;
	font-size: 13px;
	font-size: 1.3rem;
}

aside .tag{
	text-transform: none;
}

#headline .rezo{
margin-bottom: 1em;
}

#headline .rezo a,
#action .rezo a,
#headline a span[class^="icon-"], #headline a span[class*=" icon-"],
#action a span[class^="icon-"], #action a span[class*=" icon-"]{
	font-size: 25px;
	font-size: 2.5rem;
}


#headline .rezo a.icon-facebook,
#headline .rezo a.icon-twitter{
	font-size: 28px;
	font-size: 2.8rem;
}

#headline .rezo a,
#action .rezo a{
	margin-right: .5em;
}

#headline .rezo a.icon-twitter, 
#action .rezo a.icon-twitter{
	margin-right: .7em;

}


#headline .rezo a.icon-mail,
#action .rezo a.icon-mail{
	font-size: 15px;
	font-size: 1.5rem;
}


#headline .rezo a.icon-favori,
#headline .rezo a.icon-mail,
#action .rezo a.icon-mail{
	position: relative;
	margin-left: 0;
	top: -4px;
}

#teaserText aside{
	margin-top: 20px;
}

#teaserText aside #action li{
	margin-top: 10px;
}

#teaserText #favoris > div{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid white;
	display: inline-block;
}

#teaserText #favoris p.creer{
	margin-bottom: 0;
	margin-top: 1em;
}
@media (min-width:  768px) {

	#teaserText aside{
		font-size: 17px;
		font-size: 1.7rem;
	}

	#teaserText{
		padding: 25px 35px;
	}


#teaserText{
	margin-right: 1em;
}

	.header-imgfullscreen a.gotocontent{
	padding-bottom:100px;
	}
}


@media (min-width:  992px) {

	.tag a{
		font-size: 16px;
		font-size: 1.6rem;
	}

	#teaserText{
	margin-right: 250px;
    margin-left: 250px;
	}

	.bloc-text .bloc-img{
		float: right;
		width: 500px;
		margin-left: 40px;
		margin-bottom: 10px;
	}

	.bloc-text .bloc-img.left{
		float: left;
		margin-left: 0;
		margin-right: 40px;
	}


	.bloc-text .bloc-img.left figcaption{
		text-align: right;
	}

}

@media (min-width: 1200px) {

	.bloc-text .bloc-img.left,
	.bloc-text .bloc-img.right{
		margin-top: 0.5em;
		margin-bottom: 1em;
	} 

	#teaserText{
	width: 500px;
    margin-left: 35px;
    margin-right: 0;
    margin-bottom: 10px;
    float: right !important; 
	}
}
/* bloc Favoris */

#favoris{
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	width: 100%;
	height: 100%;
	z-index: 1000;
 transform: translateX(-100%);
}

/* blocs text */

#Textheader,
#contentPage{
	padding-top: 15px;
}

#headerPage + #contentPage{
	padding-top: 30px;
}


#contentPage.page{
	padding-top: 35px;
}


#teaserText{
	color: #cccccc;
}

#teaserText #action li a{
	text-decoration: none;
}

.bloc-test-img,
.bloc-img,
#contentPage .content-bloc-text > h2{
	margin-top: 20px;
	margin-bottom: 30px;
}



.bloc-text .bloc-img figcaption{
	color: #666;
	position: static;
	margin-top: .5em;
	margin-left: 15px;
	font-size: 13px;
	font-size: 1.3rem;
}


.pos-bloc-img .content-bloc-img figcaption,
.bloc-test-img figcaption,
.bloc-img figcaption{
	color: white;
	font-size: 9px;
	font-size: .9rem;
	margin-bottom: 15px;
	bottom: 0;
	right: 15px;
	position: absolute;
}




.pos-bloc-img .content-bloc-img figcaption.blackColor,
.bloc-test-img figcaption.blackColor,
.bloc-img figcaption.blackColor{
	color: black;
}


.pos-bloc-img .content-bloc-img,
.bloc-img{
	position: relative;
}



.bloc-text .bloc-img figcaption{
	margin-left: 0;
}

.content-bloc-img img{
	opacity: 0;
 transition: opacity 1s ease-in-out;
}


.inview.bloc-img img{
	opacity: 1;
}

.content-bloc-img{
	 position: relative;
	 display: block;
	 height: 0;
	 padding: 0;
	 overflow: hidden;
}
 
.content-bloc-img > img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.content-bloc-img img.loaded{
	opacity: 1;
}

#contentPage .forroll > *:first-child .content-bloc-text > h2{
	padding-top: 0;
	margin-top: 0;

}

	.portefeuille,
	#equipe,
	.bloc-test-img,
	.bloc-video-launcher,
	.cd-image-container,
	.bloc-img,
	.bloc-video{
		position: relative;
		z-index: 1;
	}


	#contentPage #teaserText{
	margin-top: -15px;
	}


	.portefeuille .img-responsive{
		width: 100%;
	}

@media (min-width:  768px) {
	
	#headerPage + #contentPage {
	    padding-top: 65px;
	}



	.pos-bloc-img .content-bloc-img figcaption,
	.bloc-test-img figcaption,
	.bloc-img figcaption{
		font-size: 15px;
		font-size: 1.5rem;
	}

	#contentPage.page,
	.bloc-test-img,
	.bloc-img,
	#contentPage .content-bloc-text > h2,
	#contentPage{
		padding-top: 60px;

	}

	#Textheader .content-bloc-text{
		margin-top: 60px;
		margin-bottom: -55px;
	}

	#teaserText{
		margin-bottom: 60px;
	}



	.pos-bloc-img .content-bloc-img figcaption,
	.bloc-test-img figcaption,
	.bloc-img figcaption{
		font-size: 18px;
		font-size: 1.8rem;
	}

	 .bloc-text #teaserText + .content-bloc-text{
	 	padding-top: 25px;
	 }





}



@media (min-width:  992px) {

	.landscape .portefeuille .pos-bloc-img .content-bloc-img figcaption{
	bottom: 66.6666%;
	}



.landscape .portefeuille .contentImgInview.pos-bloc-img .content-bloc-img figcaption{
	position: fixed;
	bottom: 0;
}

.landscape .portefeuille .pos-bloc-img  .content-bloc-img.fixed figcaption{
	position: absolute;
	bottom: 0;
}

	
	.content-bloc-headline,
	.content-bloc-text{
		padding-right: 250px;
		padding-left: 250px;
	}

	#contentPage.page,
	#Textheader,
	#contentPage{
		padding-top: 90px;
	}
	.bloc-test-img,
	.bloc-img{
		margin-top: 0.25em;
	}


}




	




@media (min-width:  1200px) {

#contentPage  figure.bloc-img.right + .content-bloc-text h2.name-nav-roll,
#contentPage  figure.bloc-img.left + .content-bloc-text h2.name-nav-roll,
#contentPage .forroll > *:first-child .content-bloc-text > h2{
	-webkit-hyphens: auto;
        -ms-hyphens: auto;
	    hyphens: auto;
}

.content-bloc-headline,
.content-bloc-text{
		padding-right: 240px;
		padding-left: 240px;
	}
}


.encart_article h1{
	-webkit-hyphens: auto;
        -ms-hyphens: auto;
	    hyphens: auto;
}


/* vignette style */

.vignette a{
	color: white;
}

.vignette header{
	padding: 15px 15px 15px 15px;
}


.vignette .top-header-vignette .auteurs a{
	display: inline-block;
	vertical-align: middle;
}

.vignette p,
.vignette h3{
	margin: 0;
}

.vignette h3{
	font-size: 22px;
	font-size: 2.2rem;
}

p.fonction span + span:before,
.auteurs-name + span:before{
	content: " | ";
	color: currentColor;
	position: relative;
	top: -1px;
}


.article h1,
.article h3{ 
	height: 43px;
	background-position: left top;
	font-weight: normal;
	margin-top: 2px;
	font-size: 18px;
	font-size: 1.8rem;
	display: table;
}


.row-items > article.article.article-video  > .content-item header,
.row-items >  article.article >  .content-item header{
	padding: 15px 15px 10px 15px
}

	.article h1 span,
	.article h3 span{
		padding-left: 38px;
		line-height: 1.2;
		font-size: 18px;
		font-size: 1.8rem;
		display: table-cell;
		vertical-align: middle;

	}



.article h1,
.article h3{ 
	background: transparent url('../img/svg/icon-article.svg') left 7px no-repeat;
	background-size: 23px 27px;
}


.article.article-podcast h1 span,
.article.article-podcast h3 span,
.article.article-video h1 span,
.article.article-video h3 span{
		padding-left: 48px;
}


.article-podcast h1,
.article-podcast h3{ 
	background: transparent url('../img/svg/podcast_w40.svg') left 3px no-repeat;
	background-size: 33px 33px;
}


.article-video h1,
.article-video h3{ 
	background: transparent url('../img/svg/player_w40.svg') left 3px no-repeat;
	background-size: 33px 33px;
}


#actualite .article-video h1{ 
	background: transparent url('../img/svg/player_b40.svg') left 3px no-repeat;
}

#actualite .article-video.article-forward h1{ 
	background-image: url('../img/svg/player_w40.svg');
}


#actualite .article-podcast h1{ 
	background: transparent url('../img/svg/podcast_b40.svg') left 3px no-repeat;
}
#actualite .article-podcast.article-forward h1{ 
	background-image: url('../img/svg/podcast_w40.svg');
}




#actualite .article-forward{ 
	background-color: black;
	color: white;
}

#actualite .article-forward a{ 
	color: white;
}

#actualite .article-forward a .type-news,
#actualite .article-forward .type-news{ 
	background-color: black;
	color: white;
}


#actualite .type-news{ 
	border: 1px white solid;
}



#actualite #list-actu article a{
	display: flex;

	flex-direction: column;
	height: 100%;
}

#actualite #list-actu article figcaption{ 
	font-family: "TBold", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	padding: 15px;
	line-height: 1;
  	letter-spacing: 1px;
}

#actualite article.article-forward{ 
	background-color: black;
}
#actualite article .article-header-inner{ 
	min-height: 50px;
}


#actualite article.article-forward .article-inner{ 
	padding: 0 0 30px 0;
}

#actualite article.article-forward .article-header-inner{ 
	margin-right:12px;
	margin-left:20px;
}

#actualite article.article-forward  .article-inner h1,
#actualite article.article-forward .article-content-inner{ 
	margin-left:20px;
	margin-right:20px;

}

#actualite article.article-forward  .article-inner > *:last-child{
	margin-bottom: 0;
}



.inContentMain .article-video h3.like-h1 a{
	padding-left: 42px;
	padding-top: 0;
}



.vignette  > *{
	position: relative;
	overflow: hidden;
	display: block;
}

.vignette figure img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}

.vignette .content-item img{
	transition: all .5s ease-out 0s;
}


.vignette .content-item:hover img{
	transition: all 2s ease-out 0s;
}


.vignette .bloc-img{
	margin-bottom: 0;
}

.vignette header{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
}

.vignette .tag{
	padding: 0;
	margin: 0;
}

.vignette .tag li{
	margin-top: 5px;
	margin-bottom: 0;
}



/* items */


 .row-items > *{
	border-bottom: 2px solid transparent;
  }


#page-reader .row-items  .content-item figure {
	transition: opacity .5s ease-out;
}

#page-reader .row-items  .content-item header{
	transition: opacity .5s ease-out 1s;
} 

#page-reader .row-items .content-item header,
#page-reader .row-items .content-item figure{
	opacity: 0;
}


#page-reader .row-items .content-item.okimginview header,
#page-reader .row-items .content-item.okimginview figure{
	opacity: 1;
}


.row-items > * > .content-item{
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
}

.row-items > * > .content-item{
	padding: 0 0 100% 0;
}

/*

.no-touch .opacity article .content-item:hover  figure img,
#related .row-items.vignette  > * > .content-item:hover figure img{
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}



*/

.row-items > * > .content-item header{
		padding: 15px;
	}




article .content-item-carre{
	background-color:#808080;
}


#list-actu img,
.content-item-carre header:before,
.content-item-carre img{
	opacity: 0;
	transition:opacity .5s ease-in-out;
}


article .content-item-carre header:before{
	content: " ";
	position: absolute;
	bottom: 0;
	height: calc(100% + 50px);
	width: 100%;
	display: block;
	left: 0;
	z-index: -1;
}

#list-actu article.loaded img,
article.loaded .content-item-carre header:before,
article.loaded .content-item-carre img{
	opacity: 1;
}



@media (min-width: 768px) {


.row-items > article.article.article-video  > .content-item header,
.row-items >  article.article >  .content-item header{
padding: 15px 15px 12px 15px
}

	.article.article-video h1 span,
	.article.article-video h3 span{
		padding-left: 50px;
	}

	.article h1 span, 
	.article h3 span{
				padding-left: 41px;
	}

	.article.article-video h1,
	.article.article-video h3{ 
		background-position: left 7px;
		background-size: 35px 35px;
		height: 50px;
	}


	.article h1 span, .article h3 span{
		font-size: 2.1rem;
		font-size: 21px;
	}

	.row-items{
		margin: 0 -1px;
	}

	.row-items  > *{
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
	}


	.row-items  > *{
		float: left;
		width: 50%;
	}

	.inContentMain.vignette header{
		padding: 35px;
	}

	.row-items.row-items-16-9 > * > .content-item header{
		padding: 25px 35px;
	}

	.article h1,
	.article h3{ 
		background-size: 26px 30px;
	}

}


@media (min-width: 992px) {

	.article.article-video h1 span,
	.article.article-video h3 span{
		padding-left: 55px;
	}


	.article h1,
	.article h3{ 
		background-size: 27px 30px;
	}

	.article h1 span, .article h3 span{
		font-size: 2.2rem;
		font-size: 22px;
	}


	.row-items-carre > *{
		width: 33.33333333%;
	}


	.row-items.row-items-16-9 > * > .content-item{
		padding: 0 0 56.25% 0;
	}

	.row-items.row-items-16-9 > * > .content-item header{
		padding: 25px 35px;
	}

}


@media (min-width: 1200px) {

.row-item-carre > *{	
		width: 25%;
	}
}


/* portefeuille */

.portefeuille{
  	position: relative;
}


.pos-bloc-img{
	display: block;
}

.content-bloc-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.landscape #contentPage .portefeuille .fixed .bloc-img-inter{
	top: auto;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: auto;
    z-index: -1;	
}

.landscape #contentPage .portefeuille.end .fixed{
	position: static;
}
.landscape #contentPage .portefeuille.end .fixed .bloc-img-inter{
	position: absolute;
	bottom: 0;
}



.landscape .active.portefeuille  .nav{
	position: fixed;
}


.forroll > div.niveau-nav-roll:first-of-type > div:first-of-type{
margin-top: 20px;
}


.home	.bloc-test-img{
		margin-top: 0;
	}

	.bloc-video,
	.content-bloc-text,
	.diaporama,
	.bloc-test-img,
	.bloc-img,
	.bloc-comparison,
	.portefeuille{
		padding-top: 0;
		margin-top: 20px;
		margin-bottom: 0;
	}



footer.niveau-nav-roll .content-bloc-text{
	margin-top: 0;
	padding-top: 20px;
	margin-bottom: 15px;
}

.no-touch .opacity article figure{
	opacity: .5;
	transition: opacity .5s ease-out;

}
.no-touch .opacity article:hover figure{
	opacity: 1;
}

.grey a,
a.grey,
.grey{
	color: #484848;
}


.bloc-text .content-bloc-text > *:last-child{
		margin-bottom: 0;
		padding-bottom: 0;
	}


 #related h2{
 	margin-bottom: 20px
 }

@media (min-width: 768px) {


.landscape .portefeuille  .nav{
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 100;
	background: transparent url(../img/svg/arrow.svg) no-repeat center bottom 20px;
}

.landscape .portefeuille.end  .nav{
	position: absolute;
	top: auto;
	bottom: 0;
}


	.bloc-video,
	.content-bloc-text,
	.diaporama,
	.bloc-test-img,
	.bloc-img,
	.bloc-comparison,
	.portefeuille{
		padding-top: 0;
		margin-top: 60px;
		margin-bottom: 0;
	}

	footer.niveau-nav-roll .content-bloc-text{
		margin-top: 0;
		padding-top: 60px;
		margin-bottom: 35px;
	}

	#contentPage .bloc-text + .bloc-text .content-bloc-text{
		margin-top: 75px;
	}

	#teaserText +  .content-bloc-text,
	#contentPage .content-bloc-text > h2{
				margin-top: 0;
				padding-top: 0;
		}

 #related h2{
 	margin-bottom: 45px
 }
	
}

@media (min-width: 1200px) {

.bloc-video,
	.content-bloc-text,
	.diaporama,
	.bloc-test-img,
	.bloc-img,
	.bloc-comparison,
	.portefeuille{
		padding-top: 0;
		margin-top: 90px;
		margin-bottom: 0;
	}


	footer.niveau-nav-roll .content-bloc-text{
		margin-top: 0;
		padding-top: 90px;
		margin-bottom: 35px;
	}

}

@media (min-width: 1200px) {

	#contentPage{
		padding-bottom: 200px; 
	}


	#contentPage + #related{
		margin-top: -120px; 
	}



}

/* RESEAU */

.rezo span{
	display: none;
}

#headline .rezo a:last-child,
#teaserText .rezo a:last-child{
	margin-right: 0;
}

.headline .rezo;
#headline .rezo{
		margin-bottom: 1.5em;
}


@media (min-width: 768px) {

	#headline .rezo{
		float: right;
		margin-top: .7em;
		margin-right: .5em;
		margin-bottom: 0;
	}

	.container-content-fixed .auteurs-list,
	.container-content-fixed #headline h1{
		padding-right: 185px;
	}

	.container-content-fixed .auteurs-list{
		padding-top: .7em;
	}


	.job .container-content-fixed #headline h1{
		padding-right: 0;
	}

}
/* Roll */

#roll{
	display: none;
}


@media (min-width: 1200px) {

	.roll #contentPage{
		position: relative;
	}

	#roll{
		z-index: 500;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		list-style: none;
		padding: 0;
		margin: 115px 0 0 0;
		height: auto;
		width: 120px;
	}

	#roll li a{
		pointer-events: none;
	}

	.openRoll #roll li a{
		pointer-events: auto;
	}

	.openRollarrive  #roll li .content-Item-Roll,
	.openRollarrive #roll,
	.openRoll #roll li .content-Item-Roll,
	.openRoll #roll{
		width: auto;
		transition: width .5s ease-out 1s;

	}

	#roll li .content-Item-Roll{
		width: 0;
		display: inline-block;
	}
	

	.fixed#roll{
		position: fixed;
		z-index: 0;
	}

		#contentPage.fixedBottom{
			position: relative;
			z-index: 0;
		}
	#contentPage.fixedBottom .fixed#roll{
		position: absolute;
		bottom: 0;
		top: auto;
	}

	#roll li:first-child a{
		font-size: 23px;
		font-size: 2.3rem;
		font-family: "TBold", Helvetica, Arial, sans-serif;
		color: black;
	}


	#roll a{
		font-size: 19px;
		font-size: 1.9rem;
		color: #9a9a9a;
		margin-bottom: 35px;
		display: inline-block;
		width: 285px;
		margin-left: 15px;
	}

	#roll .selected a,
	#roll a:hover{
		color: black;
	}

	#roll .selected a{
		font-weight: bold;
	}

	#roll li:before{
		content: " ";
		float: left;
		width: 30px;
		height: 7px;
		margin-right: 65px;
		margin-top: .5em;
		background-color: #9a9a9a;
    	transition: all .5s ease-out;
	}

	#roll li.selected:before{
		background-color: black;
		width: 95px;
		margin-right: 0;
	}

	#roll li a{
		opacity: 0;
		transition: opacity .5s ease-out;
	}

	.openRollarrive #roll li a,
 	.openRoll #roll li a{
		opacity: 1;
	 transform:  		 	translateX(0);
	}

	.openRollarrive #roll li:not(.selected):before,
	.openRoll #roll li:not(.selected):before{
	 transform:  		 	translateX(-100%);
	}


 	.forroll .fixed,
	.forroll{
		position: relative;
		left: 0;
	    transition: left  .5s ease-out;
	 	will-change: left;
	}

	.openRoll .portefeuille.end .fixed,
	.openRollarrive .portefeuille.end .fixed{
		left: 0;
	}


	.openRollarrive .forroll .fixed,
	.openRollarrive .forroll,
 	.openRoll .forroll .fixed,
	.openRoll .forroll{
		left: 450px;
	}

	

}

/* bibliographie */

#bibliography ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#bibliography ul li{
	margin-bottom: 10px;
}

.bibliography-notes{
	margin-left: .1em;
	margin-right: .1em;
}

a:hover .bibliography-notes sup{
	text-decoration: underline;
}

/* Image responssive + vertical */

.imgfullscreen50,
.header-imgfullscreen,
.imgfullscreen{
	display: block;
	height: 100vh;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-color: black;
	background-position: center;
	background-size: cover;
}

.header-imgfullscreen{
	height: 100vh;
	position: relative;
	overflow: hidden;
}


html.video .vidcover.header-imgfullscreen,
html.video .vidcover .imgfullscreen{
	background-color: transparent;
}

/* blocs information */

table#informations-table{
	width: 100%;
	max-width: 100%;
}
table#informations-table tr > th{
	text-transform: uppercase;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "TBold", Helvetica, Arial, sans-serif;
}
table#informations-table tr > *{
	color: #484848;
	vertical-align: top;
	text-align: left;
	display: block;
}

table#informations-table tr{
	border-bottom: 1em transparent solid
}

table#informations-table tr td,
table#informations-table tr td  p{
	font-size: 1.5rem;
	font-size: 15px;
}

table#informations-table tr td strong{
	font-family: "TMed", Helvetica, Arial, sans-serif;
}
/*
table#informations-table tr td > span.contentOnglet {
	display: inline-block;
	overflow-y: hidden;
	max-height: 2000px; 

	-webkit-transition-property: all;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

	-moz-transition-property: all;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

	-ms-transition-property: all;
	-ms-transition-duration: .5s;
	-ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}



.openOnglet{
	cursor: pointer;
}

span.openOnglet{
	display: none;
}

.openOnglet:after{
	cursor: pointer;
	content: "";
	display: block;
	float: right;
	margin-top: .5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #484848 transparent transparent transparent;

	-webkit-transform: rotate(180deg);
	 	 -ms-transform: rotate(180deg); 
	         transform: rotate(180deg); 

	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

	-moz-transition-property: -moz-transform;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
			
	-ms-transition-property:  -ms-transform;
	-ms-transition-duration: .5s;
	-ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}


	.closed .openOnglet:after{
		-webkit-transform: rotate(0);
	        -ms-transform: rotate(0); 
	            transform: rotate(0); 
	}
	

	table#informations-table tr.closed td > span.contentOnglet {
		max-height: 0;
	}

*/

@media (min-width: 768px) {

	

table#informations-table tr td,
table#informations-table tr td  p{
	font-size: 1.6rem;
	font-size: 16px;
}


	table#informations-table tr th.openOnglet:after{
		display: none;
	}

	table#informations-table tr > *{
		display: table-cell;
	}
	span.openOnglet{
		display: block;
		height: 50px;
		width: 100%;
	}
	
	table#informations-table tr td > span.contentOnglet {
		position: relative;
		top: -50px;
		width: 90%;
		
	}

	span.openOnglet:after{
		content: "";
		display: block;
		float: right;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #484848 transparent transparent transparent; 
	 transform: rotate(180deg); 



				-webkit-transition-property: -webkit-transform;
				-webkit-transition-duration: .5s;
				-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

				-moz-transition-property: -moz-transform;
				-moz-transition-duration: .5s;
				-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

				-ms-transition-property:  -ms-transform;
				-ms-transition-duration: .5s;
				-ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

				transition-property: transform;
				transition-duration: .5s;
				transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}

	.closed span.openOnglet:after{ 
	transform: rotate(0); 
	}


	table#informations-table tr > th{
		width: 250px;
	}


	table#informations-table tr > th > span{
		padding-right: 15px;
		display: block;
	}

	
}

/* comparison slider */


.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.cd-image-container img {
  display: block;
  width: 100%;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  transform: translateY(0);
}
.cd-resize-img img{
	display: none;
}
.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-right: 3px solid white;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 100%;
  width: 60px;
  left: 50%;
  top: 0;
  margin-left: -30px;
  cursor: url(../img/svg/double-cursor.svg), move;
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0);
}

.is-visible .cd-handle {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
  z-index: 8;
}


/* Auteur */

 .cover-auteur .content-bloc-img{
	padding-bottom: 37.5%;
 }

.portrait .cover-auteur .content-bloc-img{
	padding-bottom: 100%;
 }

#headerPage.cover-auteur{
	height: auto;
	position: relative;
}

#headerPage.cover-auteur figcaption,
#headerPage.cover-auteur #headline{
	position: absolute;
	z-index: 1;
	color: white;
 }

#headerPage.cover-auteur #headline{
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	padding-left: 15px;
 	margin-bottom: 0;
 }

#headerPage.cover-auteur #headline h1{
	margin-bottom: .5em;
}

#headerPage.cover-auteur figcaption{
	right: 15px;
	bottom: 15px;
	font-size: 15px;
	font-size: 1.5rem;
}




.cover-auteur .content-bloc-img img{
	cursor: default;
}


@media (min-width: 768px) {
	#headerPage.cover-auteur #headline{
	 	padding-left: 35px;
	 }
}


@media (min-width: 992px) {
	#headerPage.cover-auteur #headline{
	 	padding-left: 35px;
	 }
}


/* player */

.video-container {
	width: 100%;
	position: relative;
	background-color: black;
}


.landscape .video-container{
	width: 90%;
	margin: 0 auto;
}

.portrait .video-container{
	position: static;

}
.video-controls{
	position: relative;
	height: 50px;
}

.embed-container{
	padding: 88px 10px 20px 10px; 
}

.embed-container iframe{
	display: block;
}


@media (min-width: 768px) {

.embed-container{
	padding: 146px 57px; 
}

}


@media (min-width: 992px) {
		.embed-container{
		width: 720px;
		margin: 0 auto; 
		padding: 120px 0 120px 0; 
	}

}


.landscape .video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 5px 5px 5px;
	opacity: .9;
	transition: opacity .3s;
	background-image:linear-gradient(transparent, rgba(0,0,0, .3));
}

.landscape .video-launcher-content .video-container,
.landscape #video-launcher  .video-container{
	    height: 100%;
	   	width: 177vh;
	   	max-width: 100%;
}


.no-touch .landscape .video-container.video-playing .video-controls {
	opacity: 0;
}

.no-touch .landscape .video-container.video-playing:hover .video-controls {
	opacity: .9;
}


.touch .landscape .video-container.video-playing .video-controls,
.no-touch.touch .landscape  .video-container.video-playing .video-controls {
	opacity: .9;
}



button {
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -999999px;	
	bottom: 14px;
	position: absolute;
}

button.btn-newsletter,
button.connect{
	position: static;
	text-indent: 0;	
}


button.mute{
	text-indent: 0;	
	position: absolute;
	right: 100px;
	font-size: 1.5rem;
	color: white;
	width: 60px;
	height: 20px;
	font-size: 2rem;
	line-height: 0;
}

button.mute > span{
	display: inline-block;
	text-indent: -999999px;
}

button.mute:after{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


.video-controls button.play{
	background-image: url(../img/svg/button_player_play.svg);
	left: 5px;
	width: 30px;
	height: 20px;
}

.video-playing .video-controls button.play{
	background-image: url(../img/svg/button_player_pause.svg);
}

.video-controls button.full-screen{
	width: 30px;
	height: 20px;
	position: absolute;
	right: 15px;
	bottom: 14px;
	cursor: nwse-resize;
	background-image: url(../img/svg/button_player_fullscreen.svg);
}

.video-controls button.full-screen.enterFullscreenBtn{
 	cursor: se-resize; 
 }

.video-controls button.full-screen{
	background-image: url(../img/svg/button_player_fullscreen.svg);
}


.video-controls ul.volume-bar{
	height: 18px;
	width: 40px;
	bottom: 16px;
	position: absolute;
	right: 60px;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.video-controls ul.volume-bar li{
	width: 2px;
	cursor: pointer;
	position: absolute;
	width: 20%;
	text-indent: -9999px;
	height: 20px;

}

.video-controls ul.volume-bar li:after{
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	background-color: white;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}


.video-controls ul.volume-bar li.nivel-20:after{
	height: 20%;
}

.video-controls ul.volume-bar li.nivel-40:after{
	height: 40%;
}

.video-controls ul.volume-bar li.nivel-60:after{
	height: 60%;
}

.video-controls ul.volume-bar li.nivel-80:after{
	height: 80%;
}

.video-controls ul.volume-bar li.nivel-100:after{
	height: 100%;
}

.video-controls ul.volume-bar.volume-level-80 li.nivel-100:after,
.video-controls ul.volume-bar.volume-level-60 li.nivel-100:after,
.video-controls ul.volume-bar.volume-level-40 li.nivel-100:after,
.video-controls ul.volume-bar.volume-level-20 li.nivel-100:after,
.video-controls ul.volume-bar.volume-level-60 li.nivel-80:after,
.video-controls ul.volume-bar.volume-level-40 li.nivel-80:after,
.video-controls ul.volume-bar.volume-level-20 li.nivel-80:after,
.video-controls ul.volume-bar.volume-level-40 li.nivel-60:after,
.video-controls ul.volume-bar.volume-level-20 li.nivel-60:after,
.video-controls ul.volume-bar.volume-level-20 li.nivel-40:after{
	background-color: #393939;
}

.video-controls ul.volume-bar li.nivel-20{
	left: 0;
}

.video-controls ul.volume-bar li.nivel-40{
	left: 20%;
}

.video-controls ul.volume-bar li.nivel-60{
	left: 40%;
}

.video-controls ul.volume-bar li.nivel-80{
	left: 60%;
}

.video-controls ul.volume-bar li.nivel-100{
	left: 80%;
}


button:hover {
	cursor: pointer;
}

progress{
	width: calc(100% - 200px);
	position: absolute;
	left: 40px;
	bottom: 20px;
	height: 5px;
	-webkit-appearance: none;
	     -moz-appearance: none;
   appearance: none;
   border: 0;
     color: #393939; 
   background-color: white;
   cursor: pointer;

}





progress::-webkit-progress-bar { 
	-webkit-transition: all .3s; 
	transition: all .3s;
	-webkit-appearance: none;
   appearance: none;
	   background: #393939;
}


progress::-webkit-progress-value{
	   background: white;
}

progress::-moz-progress-bar { 
	-moz-transition: all .3s; 
	transition: all .3s;
	   background: #393939;
     -moz-appearance: none;
          appearance: none;
  
}

progress::-moz-progress-value{
	   background: white;
}


.open-video-launcher-content{
	overflow: hidden;
}

.volume-bar {
	width: 60px;
}

.video-launcher-content,
#video-launcher{
	position: fixed;
	background-color: black;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 1000;
	visibility: hidden;
}



.closeframe,
.video-launcher-content .video-launcher,
#video-launcher .video-launcher{
	color: white;
	font-size: 50px;
	font-size: 5rem;
	position: absolute;
	top: 0;
	right: 1.5rem;
	z-index: 100;
	transform: rotate(45deg);
	display: block;
	cursor: pointer;
	font-family: 'TLight', Helvetica, Arial, sans-serif;
}

.Lightbox__wrapper {
    display: table;
    height: 100vh;
    width: 100vw;
}

.Lightbox__content{
	display: table-cell;
    margin: 0 auto;
    vertical-align: middle;
}


.bloc-video-launcher{
	background-color: black;
    max-height: 100vh;
    max-width: 100vw;
}





 .video-launcher-content .video-container,
#video-launcher  .video-container{
	    width: 100%;
	    height: calc(56.25vw + 50px);
}


.no-fullscreen .video-controls button.full-screen,
.no-volume .video-controls ul.volume-bar,
.no-volume button.mute{
	display: none;
}



/* */

.fullscreen.no-volume  progress{
	width: calc(100% - 100px);
}


.no-fullscreen.volume progress{
	width: calc(100% - 155px);
}

.no-fullscreen.volume .video-controls ul.volume-bar{
	right: 15px;
}


.no-fullscreen.volume .video-controls button.mute{
	right: 50px;
}

.no-fullscreen.no-volume progress{
	width: calc(100% - 65px);
}







/* diaporama */

.owl-carousel:hover{
 	cursor: url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur), default !important;
}


.owl-carousel .owl-controls .owl-nav > * svg{


	position: absolute;
	top: 50%;
	left: 50%;
 transform: translate(-50%, -50%);
}



#header-diaporama.owl-carousel .owl-controls .owl-nav > * svg{
	height: auto;
	width: 15px;
}


body:not(.ipad) .owl-carousel .owl-controls .owl-nav > * svg{
 filter: drop-shadow( 0 0 6px #000 );

}

body.ipad .owl-carousel .owl-controls .owl-nav > *{
background: transparent url(../img/ombreprev.png) no-repeat center;
background-size:cover; 
}


body.ipad .owl-carousel .owl-controls .owl-nav > .owl-next{
background-image: url(../img/ombrenext.png);
}


.owl-carousel .owl-controls .owl-nav > *{
	position: absolute;
	top: 50%;
 transform: translateY(-50%);
	height: 50px;
	width: 32px;

	/*
	text-indent: -99999px;
	
    background: transparent url(../img/svg/arrow-next.svg) no-repeat center;
    background-size: 16px 30px;

    */
}

	/*
 .diaporama.owl-carousel .owl-controls .owl-nav > *{
 

	   background-color: black;
    border-radius: 50%;
    height: 35px;
	width: 35px;
    background-size: 15px 20px;
  
}
.diaporama.owl-carousel .owl-controls .owl-nav > .owl-next{
	right: 10px;
	background-position: 11px center;
}

.owl-carousel .owl-controls .owl-nav > .owl-prev{
    background-image: url(../img/svg/arrow-prev.svg);
}

  */


.owl-carousel .owl-controls .owl-nav > .owl-next{
	right: 0;
}




.diaporama.owl-carousel .owl-controls .owl-nav > .owl-prev{
	left: 10px;
}


.owl-carousel .content-bloc-img img{
	cursor: default;
}

.owl-nav > *{
	position: relative;
}




.diaporama, .portefeuille{
	opacity: 0;
	transition: opacity .3s ease-out .3s ;
}


.diaporama.inview, .portefeuille.inview{
	opacity: 1;
}



@media (min-width: 768px) {
	.diaporama  .owl-carousel .owl-controls .owl-nav > *{
	    height: 40px;
		width: 40px;
	}


	.owl-carousel .owl-controls .owl-nav > *{
	    height: 90px;
		width: 90px;
	}


	#header-diaporama.owl-carousel .owl-controls .owl-nav > * svg{
	height: auto;
	width: 20px;
	}



}

@media (min-width: 1280px) {

#header-diaporama.owl-carousel .owl-controls .owl-nav > * svg{
	width: 23px;
	}
}

@media (min-width: 992px) {
	.owl-nav > *:after{
	 	padding: 0 35px;
		font-size: 35px;
		font-size: 3.5rem;

	 }
}


	#diapoPage{
		height: 339px;
		opacity: 0;
		transition: all .3s;
	}

	#diapoPage.diapoPageok{
		height: auto;
		opacity: 1;
	}

	#diapoPage img{
		width: 100vw !important;
	}

	#diapoPage img.first{
		width: 50vw !important;
	}

@media (min-width: 768px) {
	#diapoPage img{
	width: 34vw !important;
	
	}

	#diapoPage img.first{
	width: 17vw !important;

	}
}


@media (min-width: 992px) {
	#diapoPage img{
	width: 26vw !important;
	}

	#diapoPage img.first{
	width: 13vw !important;
	}

		#diapoPage {
			margin-bottom: 80px;
		}
}

@media (min-width: 1920px) {
	#diapoPage img{
	width: 13vw !important;
	}

	#diapoPage img.first{
	width: 6.5vw !important;
	}
}


/* cas presse dans vision / cas equipe dans savoir faire */


.toggleSlide > *{
	overflow-y: hidden;
	max-height: 999999px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.toggleSlide > *.closed {
	max-height: 0;
	cursor: pointer;
	padding-top: 60px;
	position: relative;
	font-family: "TBold", Helvetica, Arial, sans-serif;
	font-size: 2.2rem;
}

.toggleSlide > .closed:before{
	content: "+";
	display: block;
	position: absolute;
	top: -5px;
}

#equipe  h3{
	font-family: 'TMed', Helvetica, Arial, sans-serif;
}


#equipe article .content-item-carre header:before{
	background-image:linear-gradient(transparent, rgba(0,0,0,.4));
}

#equipe  .content-bloc-text{
	margin: 0;
}


#equipe article{
	cursor: pointer;
}

.player-content p.fonction{
	text-transform: uppercase;
	font-family: 'TMed', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
}


.content-item-carre p.fonction{
	text-transform: uppercase;
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: .5px;
}


.player-content .auteurs-list{
	margin-bottom: 10px;
}

#equipe article
#equipe article h3{
	font-size: 2.8rem
}

#cvcontent{
	color: #cccccc
}

#cvcontent h3{
	margin-bottom: 1em;
}

#equipe article header{
	color: white;
	padding-right: 60px;
}

#equipe article header:after{
    content: url(../img/svg/arrow-equipe.svg);
    position: absolute;
    right: 15px;
    bottom: 15px;
   	ms-transition: ms-transform .3s ease-out;	
	transition: transform .3s ease-out;

}

#equipe article.openframe header:after{ /* IE 9 */ /* Chrome, Safari, Opera */
 transform: rotate(180deg);
}


.row-items > #cvcontent{
	width: 100%;
	border-bottom: 2px solid white;
	position: relative;
	padding: 40px 0;
}

.row-items > #cvcontent .closeframe{
	color: white;
	z-index: 100;
}

@media (min-width: 768px) {

.row-items > #cvcontent{
		padding: 80px 0;

}

.content-item-carre p.fonction{
	font-size: 12px;
	font-size: 1.2rem;
}


.player-content p.fonction{
	font-size: 14px;
	font-size: 1.4rem;
}


}

@media (min-width: 992px) {

	.player-content p.fonction{
		font-size: 16px;
		font-size: 1.6rem;
	}

	.press h3{
		float: left;
		padding-right: 3em;
	}

	.press p{
		padding-top: 2.8em;
	}

}



/* volet et ouverture */




.openframebox,
.openmenu,
.open-video-launcher{
	overflow: hidden;
}

.go,
.video-launcher-content,
.framebox,
 #menu,
 #video-launcher{
	transform-style: preserve-3d;
 transform:  		 translateX(100%);
    transition: transform  .3s ease-out;
 	will-change: transform;
}

.openmenu .go,
.open-video-launcher .video-launcher-content,
.openframebox .framebox,
.openmenu #menu,
.open-video-launcher #video-launcher{
 transform:  		 translateX(0);
    visibility: visible;

}


/* revue */


#revue article{
	padding: 15px;
}

.landscape #revue  .H100vh{
	display: table;
	width: 100%;
}

#revue .H100vh > *{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 25px 15px;
}

#revue .H100vh .bloc-text *:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}

#manifest a{
	color: #cccccc;
	text-decoration: none;
}

#manifest{
	color: #cccccc;
	background-color: black;
} 

#revue section article:nth-child(odd){
	background-color: #f1f1f1;
}

#revue section article{
	width: 100%;
}

#revue article figure img{
	max-width: 100%;
	width: 300px;
	margin: 0 auto;
	display: block;
	padding-top: 60px;
}

.header-revue-detail h1 span,
#revue article h1 span{
	display: block;
}

#revue article .teaserrevu header a,
#revue article a{
	text-decoration: none;
}


#revue article .teaserrevu a,
#revue p a:hover{
	text-decoration: underline;
}

#revue .arrow{
	display: none;
}

	#detailsrevue header figure img,
	#revue article figure img{
		max-width: 100%;
	}

	 .teaserrevu{
		padding: 0 15px;
		margin: 0;
	}

@media (min-width: 768px) {
	
	

	#revue .content-bloc-text{
		padding: 0
	}

	#detailsrevue #headerPage{
		padding-top: 100px
	}

	#detailsrevue header figure{
		width: 400px;
		float: left;

	}
	
	#revue article figure{
		float: left;
		width: 400px;
	}	


#revue .teaserrevu {
	margin-left: 400px;
}


	 .teaserrevu{
		padding-right: 35px;
	}

	#detailsrevue header .teaserrev{
		margin-bottom: 45px;
	}

	#detailsrevue header figure img,
	#revue article figure img{
		width: 100%;
		padding-top: 0;
	}

	#manifest{
		color: #cccccc;
		padding: 90px;
	}

	#revue article{
		padding: 90px 0;
	}

	#revue article  .participation,
	#revue article footer{
			padding: 0 90px;
	}

	#revue p.fleche a{
		margin-top: 40px;
	}


	#revue .teaserrevu h1{
		padding-top: .1em;
		margin-top: 0;
	}

}






@media (min-width: 1200px) {

	#revue article figure{
		width: 460px;
		float: left;

	}


	#revue article footer,
	#revue article .participation {
		padding-left: 460px;
	}


	#revue.header-revue-detail .contentHeader{
		max-width: 1184px;
		margin: 0 auto;
		padding-right: 92px
	}


	.landscape #manifest,
	.landscape #revue article{
	position: relative;
	}

	#revue article .teaserrevu,
	#revue article .participation,
	#revue article footer{
		padding-right: 35px
	}


	.landscape #revue .arrow {
		display: block;
		background:  transparent url(../img/svg/arrow_black.svg) no-repeat center bottom;
		height: 40px;
		width: 100%;
		position: absolute;
		bottom: 30px;
		left: 0;
	}

	.landscape #revue #manifest .arrow {
		background-image: url(../img/svg/arrow.svg);
	}

	.landscape #revue .arrow  a{
		display: block;
		height: 40px;
		width: 100%;
	}



	.landscape #revue article {
		position: relative;
	}

	.landscape #revue article > .bloc-text{
	position: relative;
	  top: 50%;
	  transform: translateY(-50%);

	}

}

@media (min-width: 1800px) {


	#revues article > .bloc-text{
	max-width: 1400px;
	margin: 0 auto;
	padding-right: 92px	
	}

	#manifest .bloc-text a{
		font-size: 1.5vw;
	}

	#manifest .bloc-text p{
		font-size: 2vw;
	}


	#revue section .teaserrevu h1{
		font-size: 2.5vw;
	}

	#revue section .teaserrevu p{
			font-size: 1.2vw;
	}

	#revue section .participation p{
			font-size: 1vw;
	}


}

/* details revue */

.header-revue-detail {  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
 	display: flex;   	   
  	flex-direction: column-reverse;
  	background-color: #f1f1f1;
}


.header-revue-detail header#headerPage{
	padding-top: 0;
}

.header-revue-detail #diapoPage{
	margin-top: 90px;
}




.header-revue-detail p{
	color: #666666;
}
#detailsrevue section h2{
	margin-top: 10px;
	margin-bottom: 25px;
	cursor: pointer;
}

#detailsrevue #headerPage .container-content-fixed{
	margin-top: 0;
	margin-bottom: 25px;
}

#detailsrevue .container-content-fixed{
	margin-top: 35px; 
}


#detailsrevue .container-content-fixed section{
	margin-bottom: 70px; 
}


#command  article footer p{
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 7px;
}


#command  article footer p.link-border{
	margin-bottom: 0;
}


#command h3{
	text-align: center;
	padding-top: 45px;
	margin-bottom: 20px;
	margin-top:0;
	font-size: 26px;
	font-size: 2.6rem;
}

#command {
	background-color: #f1f1f1;
}

#command h4{
	font-weight: normal;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "Treg";
	margin: 0;
	line-height: 1.4;
}


.price{
	font-size: 17px;
	font-size: 1.7rem;
	font-family: "TBold";
}

#command .content-command ul{
	margin: 10px 0 30px 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-size: 1.4rem;
}

#command h4 span{
	display: block;
	text-transform: uppercase;
}

#command .diaporama{
	background-color: white;
	padding: 0;
}

#command .content-command figure{
	overflow: hidden;
}

#command .content-command figure img{
	max-width: 100%;
}

#command .content-command{
	padding-bottom: 20px
}

#command #caracteristique{
	padding: 0 40px 12px 40px;
}

#allparts section:last-child{
	margin-bottom: 20px;
}

#command figure{
	text-align: center;
}

.link-border span,
.link-border a{
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	padding: 8px;
	border: 1px solid black;
	display: block;
}


.selectoption .link-border span{
	padding: 8px 35px 8px 8px;

}

.selectoption{
	position: relative;
}
.selectoption .link-border span:after{
	content: "";
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: black transparent transparent transparent;
	position: absolute;
	top: 18px;
	right: 15px;

}

.selectoption select{
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	opacity: 0;
}

#revue .goRevue{
	display: none;
}

	.mockup_couverture{
		opacity: 0;
 transition: opacity .3s ease-out;
	}

	.mockup_couverture.inview{
		opacity: 1;
	}


@media (min-width: 768px) {


	#detailsrevue #headerPage{
		padding-top: 150px;
		margin-bottom: 90px;
	}

	.header-revue-detail #diapoPage{
		margin-top: 0;
	}

	.portrait #revue{
		min-height: 100vh;
		position: relative;
		padding-bottom: 100px;
	}

	.portrait #revue .goRevue{
		display: block;
		height: 100px;
		width: 100%;
		position: absolute;
		bottom: 0;
		margin: 0;
	}

	#detailsrevue .container-content-fixed{
		padding: 35px;
		margin-left: 0;
		margin-right: 0;
	}

	.portrait #revue .goRevue a{
		display: block;
		height: 100%;
		width: 100%;
	}

	.portrait #revue .goRevue a:after{
		content: url('../img/svg/arrow_black.svg');
		position: absolute;
		top: 50%;
		left: 50%;
  transform:  		 translate(-50%,-50%);
	}

		
	

	.header-revue-detail {
	  	flex-direction: column;
	}

	
	#command .content-command figure img{
		width: 400px;
		padding-top: 45px;
	}

	#command figure{
		text-align: right;

	}

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


	#command #caracteristique{
		padding: 0;
	}

		#command figure{
			float: left;
			width: 45%;
		}
	#caracteristique,
	#command h3{
		float: right;
		text-align: left;
		width: 55%;
	}

		#command h3{
			font-size: 44px;
			font-size: 4.4rem;
			margin-bottom: 40px;
		}

.price,
#command h4{
	font-size: 22px;
	font-size: 2.2rem;
}

#command article footer p,
#command .content-command ul{
	font-size: 16px;
	font-size: 1.6rem;
}

#command .content-command{
	padding-bottom: 40px;
}


#command h4 span{
	display: inline;
}
	
#caracteristique #formule{
	width: 300px;
}

	
}


@media (min-width: 992px) {


	#command h3{
			font-size: 50px;
			font-size: 5rem;
		}
	.content-command {
		max-width: 815px;
		margin: 0 auto
	}

	.mockup_couverture{
		max-width: 460px
	}

	#command .content-command{
		padding-bottom: 0;
	}


}


.plus_article_style p,
.plus_article p{
	display: inline-block;
	font-family: "TMed", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-size: 14px;
	cursor: pointer;
	background: transparent url('../img/svg/filetblack.svg') no-repeat bottom center;
	padding-bottom: 20px;
	background-size: 100% auto;
}


.page-resultat .plus_article_style p,
.page-compte .plus_article_style p,
.page-compte  .plus_article p,
.page-resultat .plus_article p{
	background-image:  url('../img/svg/filetwhite.svg');
}

.page-resultat #mot-cles{
	margin-top: 2em;
	padding-bottom: 2em;
}

.plus_article_style,
.plus_article{
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
	width: 100%;
}


@media (min-width: 768px) {

	.plus_article_style,
	.plus_article{
		margin-top: 50px;
		margin-bottom: 50px;
	}


}

/* Page readers */

 #page-reader .section-name{
	display: none;
}

.home #page-reader .section-name{
	display: block;
}

#page-reader section#contentPage{
	 padding: 0;
	 border-top: 2px solid white;
}

#page-reader #headerPage header > *{
	position: relative;
	width: initial;
	z-index: 2;
}

#page-reader #headerPage header ul{
	margin-top: 0;
}

#page-reader #headerPage header ul li{
	margin-bottom: 0;
	margin-top: 5px;
}

#connection-stream,
#page-reader article,
#page-reader{
	position: relative;
}

#page-reader  #headerPage article  p.buttonArrow {
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 55px;
	display: block;
	z-index:10;
	margin: 0;
	left: 50%;
 transform:  		 translateX(-50%);
}



#page-reader article p.buttonArrow a::after{
	margin-left: -20px

}



#page-reader article p.buttonArrow a{
	display: block;
	height: 55px;
	width: 100%;
	position: absolute;
	z-index: 100;
}

#page-reader .headline a,
#page-reader #headline a{
	color: white;
}

p.auteurs a{
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
}


.encart_article  p.auteurs a{
	font-size: 14px;
	font-size: 1.4rem;
}

p.auteurs a +  a:before,
.fiche-article p.auteurs a + a:before,
p.auteurs .auteurs-name span + span:before{
	content: " | ";
}

p.auteurs a:hover{
text-decoration: none
}


p.auteurs a:hover span{
	text-decoration: underline;
}



.home .header-imgfullscreen .encart_article p.auteurs a.name-section:after,
.header-imgfullscreen p.auteurs a:after,
.content-item p.auteurs a:after{
	display: none;
}



 p.auteurs a:hover:after{
	text-decoration: none;
}


 p.auteurs a:last-child:after{
	display: none;
}

.framebox{
	position: fixed;
	background-color: black;
	color: #cccccc;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow-y: auto;
}

.framebox h2{
	color: white;
}

.framebox{
	padding: 35px 15px;
}

.framebox .closeframe{
top : -10px;
right: 5px;
font-family: "TULight", Helvetica, Arial, sans-serif;
font-size: 4rem;
color: white;
}


header.encart_article{
	position: absolute;
	max-width: 100%;
	width: 100%;
	right: 0;
	bottom:0;
	color: white;
	overflow: visible;
}



header.encart_article > div{
	background-color: rgba(0,0,0,.8);
	padding: 15px;
	margin: 15px;
	position: relative;
	width: auto;
	overflow: visible  !important;
}

 header.encart_article > div .streamRevue{
 		position: absolute;
 		top: -53px;
 		right: 0;
 		bottom : auto;
 		left: auto;
 		z-index: 1000;
 		width: 40px;
 		display: block;
 		height: 53px;
 }

  header.encart_article > div .streamRevue img{
	display: block;
	width: 100%;
	height: auto;
 }



.encart_article h1,
.encart_article .auteurs{
	margin: 0;
}

.encart_article .auteurs{
	font-size: 1.2rem;
	font-size: 12px;
}


.row-items.row-items-16-9 > * > .content-item header.encart_article{
	padding: 0;
}

.loadedimg .inview .encart_article{
	opacity: 1;
}


.encart_article a{
	color: white;
}




.encart_article ul{
	padding: 0;
}


.encart_article .tag {
	margin: 0;
}

.encart_article .tag li {
	margin: 5px 20px 0 0;
}


.header-imgfullscreen .encart_article p.auteurs a:after{
	display: inline-block;
	background-color: white;
}


.header-imgfullscreen .encart_article p.auteurs a:last-child:after{
	display: none;
}

/* filtre */

.name-filtre {
	position: fixed;
	top: 50px;
	right: 15px;
	z-index: 100;
  	transition: transform  .3s ease-out;
 	will-change: transform;
}

.name-filtre h1{
	color: white;
	font-size: 13px;
	font-size: 1.3rem;
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	padding-right: 15px;
	text-transform: uppercase;
}


.name-filtre .closeframe{
	font-size: 20px;
	font-size: 2rem;
	top: 0;
	right: -5px;
}

.masqueUp .name-filtre{
 transform:  		 translateY(-100%);

}


@media (min-width: 768px) {


	.name-filtre {
		top: 60px;
	}

	.name-filtre h1{
		font-size: 20px;
		font-size: 2rem;
	}


	.name-filtre .closeframe{
		font-size: 25px;
		font-size: 2.5rem;
		top: 5px;
	}

	p.auteurs a,
	.encart_article  p.auteurs a{
		font-size: 15px;
		font-size: 1.5rem;
	}

	#headerPage .header-imgfullscreen .headline.encart_article{
		width: 50%;
	}


	header.encart_article > div .streamRevue{
	 		position: absolute;
	 		top: auto;
	 		right: auto;
	 		bottom : 0;
	 		left: -48px;
	 		z-index: 1000;
	 		width: 48px;
	 		display: block;
	 		height: 64px;
	 		margin: 0;
	 }

	 .row-items-16-9 header.encart_article > div .streamRevue{
			top: -62px;
			right: 0;
			left: auto;
			bottom: auto;
	 }


	#page-reader #headerPage header.encart_article > div{
		margin: 35px; 
	}


	.name-filtre {
		position: fixed;
		right: 35px;
	}


	.framebox .closeframe{
		top : 0;
		right: 25px;
		font-family: "TULight", Helvetica, Arial, sans-serif;
		font-size: 50px;
		font-size: 5rem;
	}

	.encart_article h1,
	.framebox h2{
		font-size: 35px;
		font-size: 3.5rem;
	}

	.encart_article p.auteurs a{
		font-size: 16px;
		font-size: 1.6rem;
	}

	.framebox{
		padding: 35px 70px 35px 35px;
	}

	#page-reader #headerPage header{
		padding-bottom: 35px
	}

}

@media (min-width: 992px) {

	.home #headerPage .header-imgfullscreen .headline.encart_article{
		width: 75%;
	}
	header.encart_article > div,
	#page-reader #headerPage header.encart_article > div{
		margin: 35px; 
	}

	

	#page-communaute #connection-stream .headline{ /* OK chrome 21 */
			display: flex;
			  align-items: -webkit-flex-end;
			  align-items: flex-end;

	}

	

	#page-communaute #connection-stream .headline .col{
		width: 50%;
			
	}


}

@media (min-width: 1200px) {


	 .row-items-16-9 header.encart_article > div .streamRevue{
			top: auto;
			right: auto;
			bottom : 0;
	 		left: -48px;
	 }


	.home #headerPage .header-imgfullscreen .headline.encart_article{
		width: 50%;
	}
	#page-reader .nosnap-vignette-section.row-items.row-items-16-9 > * > .content-item,
	#page-reader .snap-vignette-section.row-items.row-items-16-9 > * > .content-item {
		padding-bottom: 0;
		height: 50vh;
	}


	#page-reader .nosnap-vignette-section.row-items.row-items-16-9 > * > .content-item figure, 
	#page-reader .snap-vignette-section.row-items.row-items-16-9 > * > .content-item figure{
		position: absolute;
		height: 100%;
		z-index: -1;
		width: 100%;

	}



	#page-reader .nosnap-vignette-section.row-items.row-items-16-9 > * > .content-item img,
	#page-reader .snap-vignette-section.row-items.row-items-16-9 > * > .content-item img{
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		max-height: 100%;
   	 	max-width: 100%;
	}
	

	.home #page-reader .headline.container-fluid.encart_article,
	.home #headerPage .header-imgfullscreen .headline.encart_article, .row-items.row-items-16-9 > * > .content-item header.encart_article, #page-reader .alaune header.headline.encart_article{
		width: 400px;
	}




	.framebox > div{

		width: 700px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}


	

}


/* simple page */

#page{
	padding-top: 60px;
}

#page.job #headline .rezo{
	margin: -.3em 0 0 0;
}

#page.job header{
	margin-bottom: 45px;
}

#page.job section > h1.like-h3{
	margin-bottom: 80px;
	margin-top: 100px
}

.contrat{
	text-transform: uppercase;
}

#page.job  .contrat{
margin-top: 15px;
margin-bottom: 5px;
font-size: 1.3rem;
font-size: 13px;
}

.type-contrat:after{
	content: "|";
	margin-left: .3em;
	margin-right: .1em;
	position: relative;
	top: -.1em;
}

.container-liste{
	padding: 85px 15px 0 15px;
}

.content-navlist.fixed{
	padding-left: 15px;
	padding-right: 15px;
}


h1.title-page{
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 90px;
	margin-bottom: 30px;
}




@media (min-width: 768px) {

	.container-liste{
		padding: 85px 35px 0 35px;
	}

	.content-navlist.fixed{
		padding-left: 35px;
		padding-right: 35px;
	}

	#page{
		padding-top: 90px;
	}

	#page.job header{
	margin-bottom: 60px;
	}



	#page.job  .contrat{
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.6rem;
		font-size: 16px;
	}

	h1.title-page{
		font-size: 20px;
		font-size: 2rem;
		margin-top: 140px;
		margin-bottom: 60px;
	}

}

@media (min-width: 992px) {
	#page.job h1{
		font-size: 50px;
		font-size: 5rem;
	}

	#page{
		padding-top: 180px;
	}



	h1.title-page{
		margin-top: 35px;
		margin-bottom: 50px;
	}


}

@media (min-width: 1200px) {
	.container-liste{
		max-width: 1000px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;

	}

}


/* section#greySection */

.greySection a,
.greySection{
	color: #666;
}

.greySection  article{
	margin-bottom: 50px;
}



.greySection h2{
	margin-top: 20px
}


.greySection article p,
.greySection article h3{
	margin: 0;
	font-family: 'TLight', Helvetica, Arial, sans-serif;
	font-weight: normal;
}


.greySection article h3{
	font-size: 22px;
	font-size: 2.2rem;
}


.greySection article p.strong {
	font-family: "TMed", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.greySection article p a:after{
	 width: 1px;
}

.greySection article p.strong,
.greySection article p a{
	font-size: 13px;
	font-size: 1.3rem;
}

.title-greySection,
.greySection article a:hover{
	color: black;
}


.greySection h2.title-greySection{
	font-size: 25px;
	font-size: 2.5rem;
	margin-top: 0;
	margin-bottom: 60px
}



@media (min-width: 768px) {

.greySection.container-liste .row article.col-sm-6{
	padding-right: 50px;
}

.greySection.container-liste .row article.col-sm-6 + article.col-sm-6{
	padding-right: 0;
	padding-left: 50px;
}

.greySection article h3{
	font-size: 28px;
	font-size: 2.8rem;
}

	.greySection h2{
		font-size: 35px;
		font-size: 3.5rem;
		margin-top: 70px;
	}


	.greySection article p a{
		font-size: 16px;
		font-size: 1.6rem;
	}

	#detailsrevue section.greySection article h3{
		font-size: 28px;
		font-size: 2.8rem;
	}
	
	#revue.header-revue-detail #headerPage p{
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.3;
	}

}

@media (min-width: 992px) {
	.greySection article{
		padding-right: 35px;
	}

	.greySection{
		width: 100%;
	}

	.job .greySection{
	width: 720px;
	padding: 0;
	}
}

@media (min-width: 1200px) {
	.greySection {
		width: 1000px;
		margin: 0 auto;
	}


}



/* INDEX */

#actualite #list-actu{
	margin: 0 15px;
}

#actualite .embed-responsive{
	padding-bottom:  131.034483%;
}


#actualite article{
	margin-bottom: 60px;
}

#actualite figure{
	background-color: #808080;
}

#actualite figure figcaption{
	color: #FFF;
}

#actualite figure figcaption.black{
	color: #000;
}

#actualite > header > h1{
	display: none;
}

#actualite figure img{
	width: 100%;
	height: auto;

	position: absolute;
	top: 50%;
	left: 50%;
 transform: translateX(-50%) translateY(-50%);
}

#actualite > header{
	text-align: center;
	padding: 122px 15px 60px 15px;
}

#actualite > header ul{
	margin: 0;
	padding: 0;
}


#actualite > header p{
	font-family: "TMed";
	margin-bottom: 7px;
	font-size: 16px;
	font-size: 1.6rem;
}


p.publish-date,
#actualite article header p.publish-date{
	font-size: 11px;
	font-size: 1.1rem;
	margin-top: 7px;
	margin-bottom: 10px;
	float: left;
}

#actualite article header p.publish-date{
	font-family: "TReg";

}

p.publish-date{
	font-family: "TBold";
}

#actualite article header div{
	padding: 12px 0 0 0;
}

#actualite article header div:after{
	content: "";
	display: block;
	clear: both;

}

#actualite article p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}



#actualite article h1{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
}

abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

#actualite .type-news{
	text-transform: uppercase;
	font-family: "TMed";
	font-size: 12px;
	font-size: 1.2rem;
	background-color: #ebeae6;
	padding: 7px 9px 5px 9px;
	display: inline-block;
	float: right;
}





/* fiche actu */

.fiche-actu #headline{
	margin-top:30px;
	margin-bottom: 30px;
}



@media (min-width: 768px) {
#actualite > header{
	padding-top: 20px;
}

#actualite > header > h1{
	margin-top: 0;
}

.fiche-actu #headline{
	margin-top:0;
}


	#actualite >  header div{
		padding-top: 20px;
		position: relative;
	}


	#actualite >  header div:before{
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		width: 112px;
		top: 0;
		left: 50%;
		margin-left: -56px;
		background-color: #ebeae6 
	}



	.fiche-actu #headline p.publish-date{
		margin-top:30px;
	}

	#actualite article h1{
		font-size: 21px;
		font-size: 2.1rem;
	}

	#actualite > header > h1{
		display: block;
	}

	.cssgrid #actualite #list-actu{
		margin: 0 30px;
		display: grid;
		display: -ms-grid;
		-ms-grid-columns:  1fr 1fr;
		grid-template-columns:  1fr 1fr;
		-ms-grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		-ms-grid-column-gap: 30px;
	}

	.no-cssgrid #actualite #list-actu:after{
		content: "";
		display: block;
		clear: both;
	}


	.no-cssgrid #actualite #list-actu > article{
			float: left;
			width: 50%;
			padding: 0 15px;
			position: relative;
		 	min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
	}



	
}



@media (min-width: 992px) {


	#actualite article p{
		font-size: 15px;
		font-size: 1.5rem;
	}


	.no-cssgrid #actualite #list-actu > article{
		width: 33.33333%;
	}

	.cssgrid #actualite #list-actu{
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-template-columns: 1fr 1fr 1fr;
	}

	#actualite article h1{
		font-size: 22px;
		font-size: 2.2rem;
	}

	p.publish-date,
	#actualite article header p.publish-date{
	font-size: 12px;
	font-size: 1.2rem;
	}
}


@media (min-width: 1200px) {

	.cssgrid #actualite #list-actu{
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-template-columns: 1fr 1fr 1fr;
	}
		#actualite .article h1 span, 
		#actualite .article h3 span,
		#actualite article h1{
		font-size: 28px;
		font-size: 2.8rem;
		}


}



@media (min-width: 1900px) {


	.no-cssgrid #actualite #list-actu > article{
		width: 25%;
	}

	.no-cssgrid #actualite #list-actu{
		margin: -15px auto;		
	}

	.cssgrid #actualite #list-actu{
		width: 1600px;
		margin: 0 auto;

		-ms-grid-columns: 1fr 1fr 1fr 1fr;

		grid-template-columns: 1fr 1fr 1fr 1fr;
		-ms-grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}












#revue .snap-section{
	max-height: 9999999px;
	min-height: 100vh;
}

.snap-section{
	max-height: 100vh;
}

/*
.home section{
	background-color: white;
}

.home footer#footer{
	background-color: white;
}

.home section figure figcaption{
	display: none;
}

*/


.goNextSnap {
	position: absolute;
	opacity: 0;
 transition: all .3s ease-out;

	top: calc(100vh - 45px) ;

	width: 30px;
	height: 15px;
	left: 50%;
	margin-left: -15px;
	cursor: pointer;
	z-index: 100;
	display: block;
}

.header-imgfullscreen .goNextSnap {
	position: absolute;
}

.arrow .goNextSnap{
	opacity: 1;
	top: calc(100vh - 35px) ;
}



.arrow .movearrow .goNextSnap{
	top: auto;
	bottom: 15px;
}




.page-compte .goNextSnap{
position: absolute;
}

#revue .snap-section,
.forArrowSnap{
	position: relative;
}

.forArrowSnap  section:first-of-type article:first-of-type  header.headline{
	padding-bottom: 55px;
}

.forArrowSnap  section article  header.headline{
	padding-bottom: 15px;
}


@media (min-width: 768px) {


/*
	.home .carousel-articles{
		margin: 0 -1px; 
	}
	 
	 */
	#page-reader .forArrowSnap  #headerPage section:first-of-type article:first-of-type  header.headline{
		padding-bottom: 90px;
	}

/*
	.home .carousel-articles .owl-item   {
		border-right: 1px solid white;
		border-left: 1px solid white;
	}


	.home .carousel-articles .auteurs-name:before  {
		display: none;
	}

*/

	.goNextSnap{
		width: 40px;
		height: 20px;
		margin-left: -21px;
	}

	.goNextSnap{
		top: calc(100vh - 60px) ;
	}

	.arrow .goNextSnap{
		top: calc(100vh - 50px) ;
	}




}





@media (min-width: 992px) {
/*
	.home #page-reader .forArrowSnap  #headerPage article:first-of-type .headline {
		padding-bottom: 55px;
	}
*/
	.forArrowSnap.stopSnap .goNextSnap{
	position: absolute;
	top: auto;
	}

	.goNextSnap {
		bottom: 35px;
		top: auto;
		position: fixed;

	}

	.arrow .goNextSnap{
		top: auto;
		bottom: 25px;
	}

		#page-reader .forArrowSnap  #headerPage section:first-of-type article:first-of-type  header.headline{
		padding-bottom: 52px;
	}

}

@media (min-width: 1200px) {
/*
	.home section figure figcaption{
		display: block;
		max-width: 45%;
	}

*/

	
	
	#revue .snap-section{
		max-height: 100vh;
	}


	.landscape #revue article.snap-section{
		padding: 0;

	}


}


/* list-projet */

/*
.home #list-projet .goContent{
	display: none;
}


.home section{
	position: relative;
}

.home section h1.section-name{
	position: absolute;
	top: 25px;
	left: 255px;
	color: white;
	z-index: 100;
	margin: 0;
	padding: 0;
	transition: opacity  .3s ease-out;
	font-family: "TReg", Helvetica, Arial, sans-serif;
	font-weight: bold;
}


.home section h1.section-name:before{
	content: "";
	width: 3px;
	background-color: white;
	height: 24px;
	float: left;
	margin-right: 20px;
}

*/

/* video fullscren */

.video video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    	transition: opacity  .3s ease-out;

}




.autoplaying video,
.autoplaying .video-controls{
visibility: hidden;
}
.videoboucle figure {
	opacity: 0;
	transition: opacity  .3s ease-out;
 }

.loadedimg .autoplaying .video-controls,
.loadedimg .autoplaying video{
	visibility: visible;
}


.loadedimg video#bgvid,
.loadedimg .videoboucle figure {
	opacity: 1;
 }
 


	video#bgvid {
	opacity: 0;
    }

@media screen and (max-device-width: 767px) {
    
    #bgvid {
        display: none;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	#bgvid {
        display: none;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	#bgvid {
        display: none;
    }
}



/* connection-stream */




#connection-stream .headline{
	padding-bottom: 25px;
}

#connection-stream  header ul{
	padding: 0;
	margin: 35px 0 25px 0;
	list-style: none;
}

#connection-stream  header ul li{
	margin-bottom: 20px;
	line-height: 1;
}

#connection-stream{
	position: relative;
	z-index: 1;
}

#connection-stream a{
	color: white;
}

#connection-stream  header ul li [class^="icon-"], #connection-stream  header ul li [class*=" icon-"]{
	font-size: 2.5rem;
	position: relative;
	top: 4px;
	margin-right:15px;
}

#connection-stream  header ul li span.icon-article-download{
	font-size: 3rem;
	top: 5px;
}

#connection-stream  header ul li > span{
display: inline-block;
vertical-align: top;
}

.connect a{
	text-transform: uppercase;
	font-family: "TMed", Helvetica, Arial, sans-serif;
	text-decoration: underline;
	font-size: 15px;
	font-size: 1.5rem;
	margin-right: 15px;
}

.connect a:last-child{
		margin-right: 0;
}


#connection-stream li{
	font-size: 16px;
	font-size: 1.6rem;
}

#connection-stream  header ul li span span{
	display: block;
}


@media (min-width: 768px) {

#connection-stream  header ul li span span{
	display: inline;
}

#connection-stream li{
	font-size: 19px;
	font-size: 1.9rem;
	height: 25px;
}

#connection-stream  header ul li > span{
display: inline-block;
position: relative;
top: 0.35em;
}

#connection-stream  header ul li > span {
}

#connection-stream .headline{
	padding-bottom: 35px;
}

	.connect a,
	#connection-stream  header ul li [class^="icon-"],
	#connection-stream  header ul li [class*=" icon-"]{
		margin-right:30px;
	}
}
/* compte */

body{
	letter-spacing: 1px;
}

body.compte{
	background-color: black;
	color: #8c8c8c;
}


body.page-favoris footer#footer button,
body.page-compte footer#footer button,
body.compte footer#footer button,
body.page-favoris footer#footer a,
body.page-compte footer#footer a,
body.compte footer#footer a{
	color: #8c8c8c;
}

.icon-list{
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 10;
	border: 4px solid white;
	border-radius: 50%;
}

.icon-list > span{
  	height: 0;
    width: 24px;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}

.MyFavoris p{
	text-transform: uppercase;
	font-size: 1.3rem;
	font-size: 13px;
}

.create a,
.MyFavoris figure span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.create > div{
	background-color: #181818;
	cursor: pointer;
}

.create span h3{
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #8c8c8c;
}

.create span h3 input{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #8c8c8c;
	width: 100%;
	padding: 5px 0;
}

.create span h3 input:focus{
	border-bottom-color: white;
	color: white;
	transition: all .3s ease-in-out;
}

.create span h3{
		width: calc(100% - 30px);
}


.create span h3 input::-webkit-input-placeholder {
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	color: #8c8c8c;
}

.create span h3 input:-moz-placeholder { 
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	color: #8c8c8c;
}

.create span h3 input::-moz-placeholder {  
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	color: #8c8c8c;
}

.create span h3 input:-ms-input-placeholder {  
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	color: #8c8c8c;
}



.create .icon-list{
	border-color: #8c8c8c;
	font-size: 50px;
	font-size: 5rem;
	text-align: center;
	color: #8c8c8c;
	line-height: 35px;
}


.create  .icon-list > span > span:after,
.create  .icon-list > span > span:before,
.create  .icon-list > span > span{
		background-color: #8c8c8c;

}




/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.H100vh,
	.landscape .portefeuille  .nav,
	.imgfullscreen50,
	.Lightbox__wrapper,
	.bloc-video-launcher,
	.snap-section {
			height: 768px;
		}


	#revue .snap-section{
		height: auto;
	}


}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.H100vh,
	.landscape .portefeuille  .nav,
	.imgfullscreen50,
	.header-imgfullscreen,
	.imgfullscreen,
	.snap-section {
		height: 1024px;
	}

	#revue .snap-section{
		height: auto;
	}



}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	.H100vh,
	.landscape .portefeuille  .nav,
	.imgfullscreen50,
	.snap-section {
		height: 320px;
	}


	#revue .snap-section{
		height: auto;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	.H100vh,
	.landscape .portefeuille  .nav,
	.imgfullscreen50,
	.snap-section{
		height: 568px;
	}
}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	.H100vh,
	.landscape .portefeuille  .nav,
	.imgfullscreen50,
	.snap-section {
		height: 320px;
	}


	#revue .snap-section{
		height: auto;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	.H100vh,
	.landscape .portefeuille  .nav,
	.imgfullscreen50,
	.snap-section{
		height: 480px;
	}


	#revue .snap-section{
		height: auto;
	}
}




/* Page recherche */
.recherche,
#recherche{
	background-color: black;
	padding: 0;
	margin: 0;
	color: white;
}


.recherche a,
#mot-cles label,
#recherche a{
	text-decoration: underline;
}

.page-recherche footer#footer button,
#mot-cles label,
#recherche a,
.page-recherche footer#footer a{
	color: #666;
}

#recherche > div{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}


#mot-cles ul{
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
}


#mot-cles ul li a:hover{
	color: white;
}

.result{
	margin: 0;
	list-style: none;
	padding: 0;
}

.recherche .result a,
#recherche .result a,
.result a{
	display: block;
	text-decoration: none;
	color: white;
	margin-bottom: .5em;
	font-family: 'TLight', Helvetica, Arial, sans-serif;
}

.closesearch{
	    transform-origin: left;
	 transform: rotate(45deg) translateY(-50%);
	top: 13px;
	right: 0;
	 position: absolute;
	 cursor: pointer;
	 font-size: 3px;
	 font-size: 3rem;
	 line-height: 0;
	 margin: 0;
	 display: none;

}

.closesearchok .closesearch{
	display: block;
}

.page-resultat.resultat-concat.resultat-concat-ok #mot-cles,
.resultat-concat #mot-cles{
	opacity: 0;	
	display: none;

}
.page-resultat.resultat-concat #mot-cles{
opacity: 1;	
	display: block;

}

.resultat-concat header#header{
	opacity: 0;
}

.resultat-concat #recherche{
	background-color:black;
}


#mot-cles{
	padding: 0 15px;
 transition: opacity .3s ease-out;
}

#mot-cles label,
#mot-cles a,
#mot-cles h2{
	font-family: "TLight", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	font-size: 1.6rem;
}

#mot-cles h2{
	margin-bottom: .4em;
}


#recherche section{
	background: transparent;
}

:focus {
	outline: 0;
	outline: none;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
}

#search legend,
#search{
	display: none;
}


.resultat-concat-up #search,
.resultat-concat-down #search{
	left: 0;
	background-color: black;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
	display: block;
}

.resultat-concat-up #search{
  /* bounce in animation of the modified image */
  -webkit-animation: fade-in 0.7s;
  animation:  fade-in 0.7s;
}


.resultat-concat-down #search{
  -webkit-animation: fade-out 0.7s;
  animation:  fade-out 0.7s;

      opacity:0;

}
 
@-webkit-keyframes  fade-in {
  0% {
    opacity: 0;
  }
  
  100% {
    opacity:1;
  }
}
@keyframes fade-in {
	0% {
    opacity: 0;
  }
  
  100% {
    opacity:1;
  }
}



@-webkit-keyframes  fade-out {
 
 	0% {
    opacity: 1;
  }
  
  100% {
    opacity:0;
  }
}
@keyframes fade-out {
	0% {
    opacity: 1;
  }
  
  100% {
    opacity:0;
  }
}

.form-recherche input{
	font-family: "TThin", Helvetica, Arial, sans-serif;
}

.form-recherche input::-webkit-input-placeholder {
	margin-left: 15px;
}

.form-recherche input:-moz-placeholder { /* Firefox 18- */
	margin-left: 15px;

}

.form-recherche input::-moz-placeholder {  /* Firefox 19+ */
	margin-left: 15px;
}

.form-recherche:-ms-input-placeholder {  
	margin-left: 15px;
}

.form-recherche{
	padding: 30px 15px;
	color: white;
	width: 100%;
}

.form-recherche input{
	background: none;
	border: none;
	font-size: 26px;
	font-size: 2.6rem;
	width: 100%;
	padding: 0;

}

.resultat-concat .form-recherche input{
	padding-right: 30px;
	margin-bottom: 60px;
	background: none !important;

}


.form-recherche input:focus{
	background: none !important;
}

.form-recherche input:after{
	display: none;
}

.form-recherche > div{
	position: relative;
}


.recherche .form-recherche,
#recherche .form-recherche{
	padding-top: 140px;
}

.page-recherche footer#footer{
	background-color: black;
	margin-bottom: 0;
	padding-top: 0;
}

.page-recherche  .goUp{
	display: none;
}
 
.recherche,
.page-recherche #recherche{
	min-height: calc( 100vh - 75px);
}



.resultat-concat.page-resultat  footer#footer{
	display: block;
}
.resultat-concat-ok  footer#footer{
	display: none;
}

.select-result{
	text-decoration: underline;
}
.resultat-concat #mainfigure{
	background-color: black;
	background-image: none !important;
}

.page-resultat #mot-cles{
 	opacity: 1;
 	position: static;
 }

.recherche #search-results a,
#recherche #search-results a{
	color: white;
	text-decoration: none;
}

 .page-resultat .goUp a::after{
 	border-color: transparent transparent #666666;
}

.resultat-concat .closesearch{
	display: block;
}

#mot-cles ul li{
	margin-bottom: .3em;
}


#search-results article img{
opacity: .5;
}

#search-results article:hover img{
opacity: 1;
}
@media (min-width: 375px) {
	#mot-cles ul li{
		width: 50%;
		display: inline-block;
	}

}

@media (min-width: 768px) {


.recherche,
#recherche{
	background-color: transparent;
	background-image:linear-gradient(rgba(0,0,0, .5), black);
	transition: background .3s ease-out;
}

	.MyFavoris p{
		font-size: 1.6rem;
		font-size: 16px;
	}

	.resultat-concat header#header{
		opacity: 1;
	}


	#mot-cles  > div > div{
		width: 33.333%;
		float: left;
	}


	#mot-cles{
	padding: 0 35px;
	}


	#mot-cles ul li{
		width: auto;
		display: list-item;
	}

	.form-recherche input{
		font-size: 85px;
		font-size: 8.5rem;
	}


	.form-recherche{
		padding: 40px 80px;
	}

	#mot-cles h2 span{
		display: block;
	}

	.result a{
		font-size: 30px;
		font-size: 3rem;
	}

	#mot-cles h2{
		font-size: 25px;
		font-size: 2.5rem;
		min-height: 2.5em;	
}


		#mot-cles label,
		#mot-cles a{
				font-size: 19px;
				font-size: 1.9rem;
		}

		 .result li {
			margin-bottom: .6em;
		}

	.closesearch{
		top: 60px;
	}

}



@media (min-width: 1200px) {




}



@media (min-width: 1200px) {

	#mot-cles > div > div{
		width: 20%;
	}

	.recherche,
	#recherche{
		position: relative;
	}

	.recherche  .form-recherche,
	#recherche .form-recherche{
		padding: 0 ;
		height: calc(100vh - 400px);
		position: relative;
	  	transform-style: preserve-3d;
	}


	.recherche .form-recherche,
	.page-resultat #recherche .form-recherche{
		height: 400px;
	}



	.page-resultat #recherche .form-recherche div{
		top: 280px;
	}

	.recherche .form-recherche div{
		width: 100%;
  		padding: 0 100px;
  		transition: all .3s ease-out;
  		top: 100px;

	}

	.resultat-concat .form-recherche div{
  		top: 200px;
	}
	

	#recherche .form-recherche div{
		position: absolute;
  		top: calc(50% + 28px);
  		width: 100%;
  		padding: 0 100px;
  		transform: translateY(-50%);
  		transform: translateY(-50%);
   	 	transition: all .3s ease-out;
	}


	.resultat-concat #recherche .form-recherche div{
  		top: calc(50% + 60px);
  		transform: translateY(-100%);
  		transform: translateY(-100%);
	}


	.resultat-concat.page-resultat #recherche .form-recherche div{
  		top: 90%;

	}

	.closesearch{
		right: 105px;
	}
		
	.recherche .form-recherche ul,
	#recherche .form-recherche ul{
		position: absolute;
  		top:150px;
  		opacity: 0;
  		transition: opacity .3s ease-out;

	}
	
	.resultat-concat-down #recherche .form-recherche ul{
		  opacity: 0;
	}

	.resultat-concat-ok .recherche .form-recherche ul,
	.resultat-concat-ok #recherche .form-recherche ul{
  		opacity: 1;
	}
	
	.page-recherche #mot-cles{
		bottom: 0;
		height: 300px;
	}

	#mot-cles{
		width:100%;
	}

}


.cookieinfo a{
	color: white;
	text-decoration: underline;
}

.cookieinfo .closecookie{
	position: absolute;
	right: 15px;
	top: 50%;
	font-size: 30px;
	font-size: 3rem;
	transform-origin: center;
    transform: translateY(-50%) rotate(45deg) ;
    cursor: pointer;
}



.cookieinfo{
	left: 0;
	width: 100%;
	top: 0;
	z-index: 900;
	position: fixed;
	background-color: black;
	color: white;
	padding: 15px  55px 15px 15px;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0;
	line-height: 1;
}

@media (min-width: 768px) {
	.cookieinfo .closecookie{
		right: 35px;	
	}


	.cookieinfo {
		padding: 15px  70px 15px 35px;
	}

}


/* page compte */


.page-favoris,
.page-compte{
	background-color: black;
	color: white;
}



.page-compte #headerPage .headline,
#MyFavoris h1{
	padding: 0 15px;
}

.page-compte #headerPage .headline{
	height: 100vh;
	background-image:linear-gradient(rgba(0,0,0, .5), rgba(0,0,0, .8));
}

.page-compte #headerPage .headline p{
	font-size: 30px;
	font-size: 3rem;
	font-family: 'TThin', Helvetica, Arial, sans-serif;
	line-height: 1.2;
}


.page-compte #headerPage .headline p.hello-compte{
	font-size: 40px;
	font-size: 4rem;
}


.page-compte #headerPage .headline p + p{
	margin-top: 1em;
}

.page-compte #headerPage .headline div{
	position: absolute;
	top: 50%;
  	transform: translateY(-50%);
  	left: 0;
  	padding: 0 11px;
}

#mot-cles [type="checkbox"]:not(:checked),
#mot-cles [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; 
  padding-left: 25px;
  cursor: pointer;    
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top:6px;
  width: 8px; height: 8px; /* dim. de la case */
  border: 1px solid #666;
  border-radius: 50%; /* angles arrondis */
}
 

[type="checkbox"]:checked + label:before{
	 border: 1px solid white;
 	 background-color: white;
}

#mot-cles label:hover,
#mot-cles [type="checkbox"]:checked + label{
	color: white
}


#map{
	height: 100vh;
}

#map + .goNextSnap{
	opacity: 1;
}

.nav-credit{
	margin-top: 60px;
	margin-bottom: 0;
}

.nav-credit li{
	margin-bottom: 3px;
}

.nav-credit a:hover{
	text-decoration: underline;
}

.previewfirst,
.delete{
	position: absolute;
	z-index: 100;
}

.previewfirst{
	padding: 10px 10px 7px 10px;
	background-color: rgba(0,0,0, .8);
	top: 10px;
	left: 10px;
	font-family: 'TMed', Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
}

button.delete{
	top: 0;
	right: 0;
	bottom: auto;
	margin: 0;
	height: 80px;
	width: 100px;
	background-image: radial-gradient(100% -100%, ellipse  farthest-side, rgba(0,0,0, .4), transparent 100%);
    transition: opacity .2s;
    text-indent: 0;
    padding: 0;
    font-family: "TLight", Helvetica, Arial, sans-serif;
}

.nav-compte button,
.modal .modal-footer button{
	text-indent: 0;
	position: static;
}

.modal-header,
.modal-body{
	padding-top: 0;
}

.modal-content{
	border-radius: 0;
	color: white;
	display: flex;
	justify-content: space-between;
	height: 100%;
	flex-direction: column;
}
.modal-content p{
	margin-bottom: 0;
}

.btn-secondary{
	color: #666666
}

.btn-primary{
	font-family: 'TBold', Helvetica, Arial, sans-serif;
	text-decoration: underline;
	font-size: 16px;
	font-size: 1.6rem;
}

.close span,
.delete span{

	
	padding: 0;
	line-height: 0;
	margin: 0;
	transform-origin: left;
	 transform: rotate(45deg);
	display: block;
	position: absolute;
	cursor: pointer;
	font-family: "TLight", Helvetica, Arial, sans-serif;
	color: white;
}

.delete span{
	font-size: 40px;
	font-size: 4rem;
	top:15px;
	right: 5px;
}

.close span{
	top:15px;
	right: 10px;
}
.modal .close span{
	font-size: 40px;
	font-size: 4rem;
}

button.close{
	top: 0;
	right: 0;
	bottom: auto;
	margin: 0;
	height: 40px;
	width: 40px;
    transition: opacity .2s;
    text-indent: 0;
    padding: 0;
    font-family: "TLight", Helvetica, Arial, sans-serif;
}




.no-touch .delete{
	opacity: 0;
}


.no-touch .modal-sujet .delete,
.no-touch .modal .delete,
.modal .delete,
.content-item:hover .delete,
.touch .delete{
	opacity: 1;
}

.modal .modal-title,
.name-liste input[type="text"],
.page-compte legend,
.modal-header h4,
#MyFavoris h1,
.page-compte #mot-cles > p{
	font-family: 'TThin', Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-size: 3rem;
}

 .page-compte #mot-cles > p{
line-height: 1.2;
}

#MyFavoris h1{
		margin: 50px 0 20px 0;
}
.page-compte #mot-cles > p{
		margin: 50px 0;
}

.page-compte #mot-cles{
	margin-bottom: 50px;
}

.nav-compte ul{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

.nav-compte ul li{
	text-transform: uppercase;
	margin-left: 10px;
	display: inline-block;
}
.nav-compte a{
	color: white;
	font-family: 'TLight', Helvetica, Arial, sans-serif;
}

.nav-compte ul li.selected a{
	font-family: 'TMed', Helvetica, Arial, sans-serif;
}

.nav-compte button{
	padding: 0;
	text-transform: uppercase;
}


#box-connection-fav .modal-footer{
text-align: left;
margin-top: 35px;
}

/* partie compte formulaire */

.page-compte.page-compte-infos form{
	max-width: 480px;
	margin: 150px auto;
}


.page-compte form fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

.modal  form button,
.modal  form input[type="submit"],
.page-compte form input{
	border:none;
	background-color: black;
	padding: 0;
	margin: 0;

} 

.modal-newsletter .modal-footer  .btn-secondary,
.modal  form button,
.modal  form input[type="submit"],
.page-compte form input[type="submit"]{
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 15px;
	font-size: 1.5rem;
}





.page-compte form input:disabled{
	color: #666666;
} 

.bttn-submit-disabled{
	position: relative;
}

.disabled{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.page-compte #action a{
	color: white;
}

.page-favoris #MyFavoris header ul{
	padding: 0;
}

.page-favoris #MyFavoris header.container-fluid{
padding-top: 130px;
padding-bottom: 35px;
}

.page-favoris #MyFavoris header input[type=text]{
	width: 100%;
}
	#MyFavoris .name-liste h1{
		margin: 0;
		padding: 0;
	}



	.page-favoris-partage #header .section-name.hidden-xs span{
		display: block;
	}


	#MyFavoris  .moreitem{
		margin-bottom: 120px;
	}


	.page-resultat .moreitem article,
	.page-compte .moreitem article{
		opacity: 0;
		transition: opacity .2s;
	}

	.page-resultat .moreitem article.visible,
	.page-compte .moreitem article.visible{
		opacity: 1;
	}


.nav-compte{
	position: fixed;
	bottom: 0;
	z-index: 900;
	width: 100%;
}

.nav-compte ul{
	background-color: black;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}


.nav-compte ul li{
font-size: 12px;
font-size: 1.2rem;
}

.u-connect .nav-footer{
	margin-bottom: 50px;
}
.u-connect figure#mainfigure figcaption{
bottom: 40px;
}

.u-connect  .goNextSnap{
	top: calc(100vh - 85px);
}

.arrow.u-connect  .goNextSnap{
	top: calc(100vh - 65px);
}

@media (min-width: 768px) {

.delete span{
	font-size: 50px;
	font-size: 5rem;
}
.u-connect .nav-footer{
	margin-bottom: 0;
}


.u-connect .goNextSnap {
    top: calc(100vh - 60px);
}

.u-connect figure#mainfigure figcaption{
bottom: 20px;
}

.u-connect.arrow .goNextSnap {
    top: calc(100vh - 50px);
}

.nav-compte ul{
	background-color: transparent;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
}

.nav-compte ul li{
	font-size: 16px;
	font-size: 1.6rem;
}

.masqueUp .nav-compte{
 transform:  		 translateY(-70px);
}

.nav-compte{
	width: auto; 
	bottom: auto; 
	top: 50px;
	left: 0;
	z-index: 100;
	transition: transform  .6s ease-out;
 	will-change: transform;
}


	.page-favoris-partage #header .section-name.hidden-xs span{
		display: inline;
	}

	.nav-compte{
		top: 90px;
		left: auto;
		right: 35px;
	}

	.nav-compte ul li{
		display: list-item;
		margin: 0 0 10px 0;
	}

	
	#MyFavoris h1,
	.page-compte #headerPage .headline{
		padding: 0 30px;
	}
		
	
	.page-compte #headerPage .headline p{
		font-size: 63px;
		font-size: 6.3rem;
	}

	.page-compte #headerPage .headline p.hello-compte{
		font-size: 80px;
		font-size: 8rem;
	}
	


	.modal .modal-title,
	.name-liste input[type="text"],
	#MyFavoris .name-liste h1,
	.page-compte legend,
	.modal-header h4,
	#MyFavoris h1,
	.page-compte #mot-cles > p{
		font-size: 47px;
		font-size: 4.7rem;
	}


	#MyFavoris h1,
	.page-compte #mot-cles > p{
		margin: 60px 0;
	}


	.page-compte #mot-cles{
		margin-bottom: 85px;
	}


	.page-compte #headerPage .headline div{
  		padding: 0 22px;
	}



}

@media (min-width: 992px) {

	.page-favoris #MyFavoris{
		min-height: calc(100vh - 200px);
	}

	.page-favoris #MyFavoris header.container-fluid{
		padding-top: 200px;
	}



}

@media (min-width: 1200px) {


	.page-compte #headerPage .headline p.hello-compte{
		font-size: 90px;
		
	}
	.page-favoris #MyFavoris #action{
		margin-top: 16px;
	}

	
	.page-favoris #MyFavoris {
		margin-bottom: 60px;
	}


	

	.page-favoris #MyFavoris #action{
		float: right;
		margin-bottom: 0;
	}


}

@media (min-width: 1800px) {

	.page-favoris #MyFavoris #action{
		margin-top: 3.5%;
	}


	.page-compte #headerPage .headline p{
		font-size: 5vw;
	}

#MyFavoris .name-liste input[type=text],
	#MyFavoris .name-liste h1,
	#mot-cles > p{
		font-family: 'TThin', Helvetica, Arial, sans-serif;
		font-size: 3vw;
	}


	.page-compte #headerPage .headline p.hello-compte{
		font-size: 6.5vw;
	}


}

/* Filtre */


#filtres ul{
	margin: 22px 0 8px 0;;
	padding: 0;
	text-align: center;
}


.list-item-filtre a.selected,
#filtres a.selected{
	pointer-events: none;
}

#filtres ul li a{
	font-size: 12px;
	font-size: 1.2rem;
}

#filtres ul li{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}

#filtres ul li svg *{
	fill: #b2b2b2;
}


.filtre-articles svg{
	width: 17px;
	height: 20px;
}

.filtre-podcasts svg,
.filtre-videos svg{
	width: 25px;
	height: 25px;
}


#filtres ul li + li{
	margin-left: 40px;
}


#list-filtres a,
#filtres a{
	font-family: 'TBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-size: 1.2rem;
	color: #b2b2b2;
}


#filtres a:hover,
#filtres a.selected,
#list-filtres a.selected,
#list-filtres a:hover,
#filtres a:hover{
	color: black;
}


#selection-list-filtres span.icon-arrow{
	width: 10px;
	height: 8px;
	display: inline-block;
	margin-left: 5px;
}

#selection-list-filtres a:hover span.icon-arrow svg,
#selection-list-filtres a.selected span.icon-arrow svg,
#filtres ul li a.selected svg *,
#filtres ul li a:hover svg *{
	fill: #000;
}

#selection-list-filtres span.icon-arrow svg{
	max-width: 100%;
	display: block;
	height: 8px;
	fill: #b3b3b3;
	transition: all .3s; 
 transition: transform .3s;
}


#selection-list-filtres .openonglet span.icon-arrow svg{ 
 transform: rotate(180deg);
}


#selection-list-filtres span{
	cursor: pointer;
}

#list-filtres .list-item-filtre ul{
	padding: 15px;
	margin: 0;
}

#list-filtres .list-item-filtre ul li{
	padding: 7px 0 12px 0;
	height: auto;
	line-height: 1;
}

#list-filtres ul,
#filtres ul{
	list-style: none;
}

#list-filtres ul#selection-list-filtres{
	margin: 0;
	padding: 0 0 10px 0;
	transition: border 0s linear 0.5s;

}

#list-filtres{
	position: relative;
}

#list-filtres ul#selection-list-filtres:after{
	content: "";
	background-color: #cecece;
	height: 1px;
	width: 100vw;
	top: 38px;
	left: 0;
	position: absolute;
}


#selection-list-filtres li + li{
	margin-left: 30px;
}

#list-filtres{
 text-align: center;
}

#list-filtres .list-item-filtre{
	text-align: left;
}

#selection-list-filtres{
	display: inline-block;
}

#selection-list-filtres li{
	display: inline-block;
	text-align: center;
}

#selection-filtres > ul > li ul{
	text-align: left;
	position: absolute;
	left: 0;
	width: 100%;
}

#selection-filtres > ul:after{
	content: "";
	display: block;
	clear: both;
}


.list-item-filtre {
	display: none;
}


.list-item-filtre a{
	opacity: 0;
	transition: opacity 1s;
}


.list-item-filtre.open a{
	opacity:1;
}



/* page page liste */

	.pagelist .section-header h2,
	.pagelist > section > header h2{
		text-align: center;
		text-transform: uppercase;
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 17px;
	}


	.pagelist > section > header p a{
		text-decoration: underline;
		font-weight: bold;
	}

	.pagelist > section > header p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height:1.36;
	}

	.pagelist .section-header,
	.pagelist > section > header{
		position: relative;
		top: -1px;
	}

	.pagelist > section > header{
		background-color: #f3f1eb;
	}

	.pagelist > section > header,
	.pagelist .section-header{
		padding: 15px;
	}


	.pagelist .section-header{
		border-top: #cecece 1px solid;
	}


	.pagelist .section-header:after,
	.pagelist > section > header:after{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0;
		bottom: -1px;
	}

	.pagelist > section > header:after{
		background-color: #f3f1eb;
	}

	.pagelist {
		min-height: 100vh;
	}

	.pagelist #main-content-list,
	.pagelist > section {
		opacity: 0;
		visibility: hidden;
		transition: visibility 0s linear 0.5s, opacity 0.3s;
	}

	.pagelist #main-content-list{
		position: relative;
		top: 1px;

	}

	.ipad .pagelist #main-content-list{
		position: relative;
		top: .1em;
	}

	


	.load-ok .pagelist #main-content-list,
	.load-ok .pagelist > section {
		opacity: 1;
		visibility: visible;
		transition: visibility 0s linear 0s, opacity 0.3s;
	}



	#list{
		opacity: 1;
		visibility: visible;
		transition: visibility 0s linear 0s, opacity 0.3s;
	}

	#list.fadeOut{
		opacity: 0;
		visibility: hidden;
	}



	#list-filtres #list-typologies  ul{
		 display: grid;
		 display: -ms-grid;
  		-ms-grid-columns: 1fr 1fr;
  		grid-template-columns: 1fr 1fr;
  		-ms-grid-template-columns: 1fr 1fr;
	}

#list-filtres #list-typologies ul li{
			padding-right: 15px;
		}

 @media (min-width: 768px) {

	#selection-list-filtres li{
		width: auto;
	}

	#selection-list-filtres li + li{
		margin-left: 40px;
	}

	#list-filtres ul#selection-list-filtres{
		text-align: center;
	}


	#list-filtres:after{
		content: "";
		width: 100%;
		display: block;
		float: none;
		clear: none;
	}


		#list-filtres #list-typologies ul li,
		#list-filtres .list-item-filtre  ul li{
			padding-right: 30px;
		}

	.pagelist > section > header{
		padding: 15px 70px;
	}

	.pagelist .section-header h2,
	.pagelist > section > header h2{
		font-size: 20px;
		font-size: 2rem;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.pagelist > section > header p{
		font-size: 16px;
		font-size: 1.6rem;
		line-height:1.5;
	}

	#filtres ul{
		margin: 25px 0 9px 0;
	}




	#list-filtres #list-typologies ul,
	 #list-filtres .list-item-filtre  ul{
		padding: 34px 100px;
	}



	.cssgrid #list-filtres #list-typologies ul,
	.cssgrid #list-filtres .list-item-filtre  ul{
		 display: grid;
		 display: -ms-grid;
  		-ms-grid-columns: 1fr 1fr;
  		grid-template-columns: 1fr 1fr;
  		-ms-grid-template-columns: 1fr 1fr;
	}





	.no-cssgrid #list-filtres #list-typologies ul > li,
	.no-cssgrid #list-filtres .list-item-filtre  ul >li{
		width: 50%;
		float: left;
	}



	/* cas particulier pour les statuts */

	#list-filtres #list-statuts.list-item-filtre ul{
		text-align: center;
	}



	.cssgrid #list-filtres #list-statuts.list-item-filtre ul{
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-template-columns: 1fr 1fr 1fr;
	}


	.no-cssgrid  #list-filtres #list-statuts.list-item-filtre ul li{
		width: 33.33333%;
		float: left;
	}


.no-cssgrid #list-filtres #list-typologies ul:after,
.no-cssgrid #list-filtres .list-item-filtre  ul:after,
	.no-cssgrid  #list-filtres #list-statuts.list-item-filtre ul:after{
		content: "";
		display: block;
		clear: both;
	}

	#list-filtres #list-statuts.list-item-filtre ul{
		max-width: 450px;
		margin: 0 auto;
		padding: 34px 0 34px 0;
	}

	
}


 @media (min-width: 992px) {

	#list-filtres ul#selection-list-filtres:after{
		top: 113px;
	}

 	#list-filtres ul#selection-list-filtres {
    margin-top: 74px;
    padding: 0 0 12px 0;
	}

 	.pagelist > section > header{
		padding: 15px 100px;
	}




	.no-cssgrid #list-filtres #list-typologies ul > li,
	.no-cssgrid #list-filtres .list-item-filtre  ul >li{
		width: 33.33333%;
	}




	#list-filtres #list-typologies ul li,
	#list-filtres .list-item-filtre ul li{
		padding-bottom: 25px;
	}


}


@media (min-width: 1200px) {
	
	


	.cssgrid #list-filtres #list-typologies ul,
	.cssgrid #list-filtres .list-item-filtre  ul{
		padding: 34px 0 18px 0;
  		-ms-grid-columns: 1fr 1fr 1fr;
  		grid-template-columns: 1fr 1fr 1fr;
  		-ms-grid-template-columns: 1fr 1fr 1fr;
	}


	.pagelist > section > header{
		padding: 15px 0;
	}
	

	#list-filtres .list-item-filtre  ul,
	.pagelist > section > header > div{
		margin: 0 auto;
		width: 992px;
	}
}


/* page presse */

#contentPage.press-list{
	padding-top: 40px;
}

.press-list h2{
	color: black;
	cursor: pointer;
	display: inline-block;
	margin-top: 0;
}

.press-list h2:before{
display: inline-block;
margin-right: 20px;
}


.press-list h2:hover{
color: #666;
}


.press-list h2:hover:before{
	border-color: transparent transparent #666666 transparent;
	line-height: 0px;
	_border-color: #ffffff #ffffff #666666 #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}

.press-list > div{
	margin-bottom: 50px;
}

.press-list > div:last-child{
	margin-bottom: 0;
}

.press-list > div#contentnavpress{
	margin-bottom: 25px;
	height: 100px;
}


#navpress {
	list-style: none;
	margin: 0;
	padding: 10px;
	font-family: 'TThin', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-size: 2rem;
}

#navpress li span.selected{
	font-family: 'TBold', Helvetica, Arial, sans-serif;
	color: black;
}

#navpress li span:hover{
	color: black;
	cursor: pointer;
	font-family: "TBold", Helvetica, Arial, sans-serif;
}


.content-navlist.fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
 transform:  		 translateY(40px);
    transition: transform  .6s ease-out;
 	will-change: transform;
}


.masqueUp .content-navlist.fixed{
 transform:  		 translateY(0);
}


 #navpress.owl-carousel .owl-controls .owl-nav > * {
    background-image: url("../img/svg/arrow-next-grey.svg");
    background-size: 10px 20px;
    width: 30px;
    background-repeat: no-repeat;
    text-indent: -999999px;
    background-position: center;
}

 #navpress.owl-carousel .owl-controls .owl-nav > .owl-prev{
	left: -9999999px;
 }

  #navpress .owl-dots{
  	display: none;
  }

.container-liste .row{
	margin-right: -7px;
	margin-left:  -7px;
}

.container-liste .row article.col-sm-6{
	padding-right: 8px;
	padding-left:  8px;
}


.contact #contentPage{
margin-top: 25px;
margin-bottom: 25px;
}


 @media (min-width: 768px) {

.container-liste .row article.col-sm-6{
	padding-right: 15px;
	padding-left:  15px;
}
	.press-list > div#contentnavpress{
		margin-bottom: 45px;
	}

	.content-navlist.fixed{
	 transform:  		 translateY(65px);
	}

	 #navpress.owl-carousel .owl-controls .owl-nav > * {
	    background-image: url("../img/svg/arrow-next-grey.svg");
	    background-size: 13px 26px;
	}

	.press-list > div{
		margin-bottom: 100px;
	}

	#navpress {
		padding: 20px 0;
		font-size: 36px;
		font-size: 3.6rem;
	}

	 .container-liste .row{
		margin: 0 -15px;
	}
 }


 @media (min-width: 992px) {
	.contact .row .col-sm-6 + .col-sm-6{
		padding: 0;
	}

}

 @media (min-width: 1200px) {
.content-navlist ul#navpress{
	max-width: 1000px;
	margin: 0 auto;
}

 }



/* ---- grid-item ---- */

.grid {
	width: 90%;
  margin: 100px auto 0 auto;
}

.grid-item img.inview{
	opacity: 0.8;
	cursor: pointer;

}

.grid-item a{
		cursor: default;

}

.grid-item img{
		max-width: 100%;
		max-height: 100%;
		display: block;
		width: auto;
		height:auto;
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);

	filter: grayscale(100%);
	opacity: 0;
	 transition: all  .6s ease-out;

	}


.grid-item a{
	display: block;
}
.grid-item a:hover img.inview{
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);

	filter: grayscale(0%);
	opacity: 1;
}


 @media (min-width: 768px) {
	.grid-item img{
		transform: scale(.8);
	}

.grid-item{ width:  40%;}

.grid-sizer,
.grid-item--width3 { width:  25%; }

.grid-item--width2 { width:  50%; }

}

#resa .title{
	font-size: 40px;
	font-size: 4rem;
	font-family: "TLight", Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

#resa {
	margin-top: 50px;
	margin-bottom: 30px;
}



/* pop up */




.modal fieldset legend,
.page-compte .supprimer .modal-header{
	color: white;
	margin-bottom: 50px;
}


.modal #form-newsletter fieldset legend,
.delete-list .modal-header,
.delete-compte .modal-header{
	margin-bottom: 0;
}

.modal #form-newsletter .modal-body{
	margin-top: 15px;
}


.modal #form-newsletter .modal-text{
	margin-bottom: 30px;
}




fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

.label{
	position: relative;
	border-bottom: 1px #666 solid;
	margin-bottom: 15px;
	transition: all  .6s ease-out;

}

.modal a{
	color:  #666;
	font-family: 'TThin', Helvetica, Arial, sans-serif;
}



.modal .label a{
	color:  #666;
	font-size: 13px;
	font-size: 1.3rem;
}

.modal-footer.mentions,
.modal-footer.mentions a{
	font-size: 14px;
	font-size: 1.4rem;
	color:  #666;
	font-family: 'TThin', Helvetica, Arial, sans-serif;
}


.delete-btn,
.modal .label button{
	color:  #666;
	text-indent: 0;
	top: 3px;
	padding: 0;
	right: 0;
	bottom: auto;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	font-family: 'TThin', Helvetica, Arial, sans-serif;
	text-transform: none;
	position: static;

}




.text-modal{
	margin-top: 20px;
	color:  #666;
	font-family: 'TThin', Helvetica, Arial, sans-serif;
}

.modal .label button:hover,
.modal a:hover{
	color:  white;
	text-decoration: underline;
}

.modal-footer.mentions{
	text-align: left;
}

.label .pull-right{
	position: absolute;
	right: 0;
	top: 0;
	background-color: black;
	padding: 5px;
}


.label.onfocus{
	border-bottom-color: white;

}

:invalid,
:-moz-submit-invalid,
:-moz-ui-invalid,
.label.onfocus.invalid{
	border-bottom-color: red;
}




:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}




#footer ul#connect-reseau{
	padding-top: 10px;
	margin-bottom: 10px;
}


.label input{
	border: none;
	background-color: black;
	color: white;
	width: 100%;
}

 .modal.box-connect .label input + button{
position: absolute;
right: 0;
}


.infos .label input{
	color: #666
}

.infos .label input:focus{
	color: white;
}


.modal-article.modal-header  {
	margin-bottom: 0;
}

.modal-article .auteurs a{
	font-family: "TMed", Helvetica, Arial, sans-serif;
	color: #ccc;
}


.modal-article h4{
	color: #ccc;
}

.modal-body p{
	font-family: "TReg", Helvetica, Arial, sans-serif;
	color: white;
}

.validation-message{
	color: white;
	font-family: "TLight", Helvetica, Arial, sans-serif;
	margin-top: 10px;
}


.modal-newsletter .modal-footer  a.btn-secondary,
.modal   button,
.modal   input[type="submit"]{
	color: white;
	font-family: "TMed", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0;
}



.modal-footer .btn + .btn.pull-left{
	margin: 0;
	padding: 0;
}

.modal.big-modal{
	background-color: black;
	 transition: background  .3s ease-out 1s;
}

.modal-sujet .logo,
.modal .logo{
	position: fixed;
	top: 15px;
	left: 15px;
	cursor: pointer;
}

.modal-sujet .logo{
	z-index: 1060;
}


.big-sujet button.delete,
.modal.big-modal button.delete{
	top: 15px;
	right: 15px;

}

.modal-footer.toClose{
	text-align: left;
}



.modal-sujet{
    display: block; /* I added this to see the modal, you don't need this */
}


.modal-sujet .modal-header{
margin-bottom: 10px;

}
.scrollmodal.modal-sujet  .modal-header{
padding-top: 150px;
}

.modal-sujet #mot-cles{
	padding: 0;
}

.modal-sujet .modal-dialog{
	opacity : 0;
	transition: opacity .3s ease-in-out .3s;
}

.opacityDialogue .modal-sujet .modal-dialog{
	opacity : 1;
}

.modal-sujet .modal-header{
	color: white;
}


.modal-header p + h4{
	margin-top: 0;
}

.modal-header p{
	margin-bottom: 0;
}


.modal-sujet .modal-dialog{
    overflow-y: initial !important;
    width: 100%;
}



.modal-sujet.scrollmodal  .modal-content{
    overflow-y: auto !important;
    height: 100vh;
}

.modal-sujet.scrollmodal .modal-body{
    overflow-y: auto !important;

}


.modal-sujet.scrollmodal .modal-header{
	padding-top: 150px;
}

.modal-sujet #mot-cles h2{
color: white;
}

.home .modal-sujet section{
	background-color: transparent;
}

.modal-sujet .modal-dialog{
	margin-left: 0;
	margin-right: 0;
}

.modal-sujet .modal-footer{
	text-align: left;
}

.link a{
	text-decoration: underline;
	font-family: 'TReg', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	display: block;
	margin-bottom: 35px;
	font-size: 15px;
}



.modal-footer .btn + .btn{
	margin-left: 35px;
}

.modal-sujet {
    bottom: 0;
    display: block;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    background-color: black
}

#connect-reseau{
	list-style: none;
	padding: 0;
}


.modal-newsletter .modal-dialog{
	display: flex;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    z-index: -1;
}


.modal-newsletter .modal-content {
    display: flex;
    min-height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.modal-newsletter .mentions p a,
.modal-newsletter .mentions p{
	font-family: 'Treg', Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666;
}

.modal-newsletter .mentions p a{
	text-decoration: underline;
}

@media (min-width: 768px) {

	.modal-sujet .logo,
	.modal .logo{
		top: 35px;
		left: 35px;
	}

.big-sujet button.delete,
	.modal.big-modal button.delete{
		top: 25px;
		right: 25px;
	}

	.modal-sujet .modal-footer,
	.modal-sujet .modal-header,
	.modal-sujet .modal-body{
		padding-left: 35px;
		padding-right: 35px;
	}



	.modal-sujet .modal-footer{
		text-align: right;
	}

	.link a{
		display: inline-block;
		margin-right: 35px;
	}

	.modal #form-newsletter .modal-body{
		margin-top: 25px;
		}

	.modal #form-newsletter .modal-text{
		margin-bottom: 40px;
		}

	.modal-radio-list {
	    padding: 0;
	    margin: 20px 0 0 0;
	}


}
@media (min-width: 992px) {

	.name-form .label{
		max-width: 260px;
		float: left;		
	}

	.name-form .label + .label{
		float: right;		
	}

	#connect-reseau li {
		display: inline-block;
		width: 50%;
	}

	#connect-reseau li  + li{
		text-align: right;
	}
}


/* list favoris */


.is-favori .icon-favori:before{
	content: "\e905";	
}

.list-favoris [type="checkbox"]:not(:checked),
.list-favoris [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.list-favoris [type="checkbox"]:not(:checked) + label,
.list-favoris [type="checkbox"]:checked + label {
	color: #cccccc;
	padding: 0;
}



.list-favoris [type="checkbox"]:checked + label,
.list-favoris [type="checkbox"]:not(:checked) + label:hover:after,
.list-favoris [type="checkbox"]:checked + label:hover:after,
.list-favoris [type="checkbox"]:not(:checked) + label:hover ,
.list-favoris [type="checkbox"]:checked+ label:hover {
		color: white;

}


.list-favoris [type="checkbox"]:not(:checked) + label:after,
.list-favoris [type="checkbox"]:checked + label:after {
	content: "\e906";	

	 -moz-osx-font-smoothing: grayscale;
    font-family: "pcastream", Helvetica, Arial, sans-serif!important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;


	display: inline-block;
	font-weight: lighter;
	color: #cccccc;
	right: -15px;
	top: 3px;
	position: relative;
	font-size: 25px;
	font-size: 2.5rem;
}

.list-favoris [type="checkbox"]:checked + label:after {
	content: "\e905";	 
	color: white;
}


.list-favoris [type="checkbox"]:not(:checked) + label:before,
.list-favoris [type="checkbox"]:checked + label:before {
	display: none;
}
 

  .list-favoris{
  	margin: 0;
  	padding: 0;
  }
  .list-favoris li{
  	font-size: 20px;
   	font-size: 2rem;
  	margin-top: 20px;
  }

 .list-favoris input{
	border: none;
	box-shadow: none;
	 background-color: transparent;
	 border-bottom: 1px #cccccc solid;	
	 color: white;
	 width: 100%;

 }


 .list-favoris input:focus{
 		 border-bottom-color: white;
 }



 /* mdif infos */

 
.infos{
	max-width: 100%;
}

.infos legend{
	padding: 100px 15px 35px 15px;
}


.infos input::-webkit-input-placeholder {
	color: #666;
}

.infos input:-moz-placeholder { /* Firefox 18- */
	color: #666;
}

.infos input::-moz-placeholder {  /* Firefox 19+ */
	color: #666;
}

.infos:-ms-input-placeholder {  
	color: #666;
}



.infos .onfocus input{
	color: white;
}


.infos .modal-footer{
text-align: left;
}

.supprime button{
	position: static;
	text-indent: 0;
	text-decoration: underline;
padding: 0;
margin: 0;
}

@media (min-width: 768px) {
	.infos{ 
		width: 610px;
		padding: 35px;
		margin: 0 auto;
	}

}


.list-word#mot-cles a{
	color: white;
	text-decoration: underline;
}


.list-word#mot-cles h1{
	margin-bottom: 25px;
}

.list-word#mot-cles h2 span{
	display: inline;
}

.list-word#mot-cles h2{
	min-height: auto;
	cursor: pointer;
}


.list-word#mot-cles h2:after{
	float: right;
	content: url("../img/svg/arrow_small.svg");
	
	display: inline-block;
	transform-origin: center; 
	transition: .2s all ease-out;
}


.list-word#mot-cles .open h2:after{
	transform: rotate(180deg);
}



.list-word#mot-cles ul{
	padding-left: 20px;
	margin: 0;
	overflow-y: hidden;
	max-height: 0; 

	transition: all .3s ease-out;

}


.list-word#mot-cles .open ul{
	max-height: 1000px; 
}
.list-word#mot-cles ul li{
	display: list-item;
	width: auto;
}



.list-word#mot-cles{
	margin-top: 20px;
	color: white;
	padding: 70px 15px;
	background-image:linear-gradient(#1c1a1e, #2b3148);
	height: 100vh;
	overflow-y: hidden;
}

.home .list-word#mot-cles{
	margin-top: 0px;
}

#headerPage .txt-404.headline h1{
	cursor: default;
}

#headerPage .txt-404.headline{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 25px;
}

.page-404  .goUp{
	display: none;
}

.page-404 {
		overflow: hidden;

}


.page-404 main{
	height: calc(100vh - 120px);
	position: relative;
}

.page-404 footer{
	background-color: black;
	position: absolute;
	bottom: 0;
	width: 100%;
}


.page-404 footer button,
.page-404 footer a{
	color: #666666;
}

.txt-404 p a{
	text-transform: uppercase;
	font-family: "TReg", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
    margin-top: 1em;
    color: white;
    display: inline-block;
}

.page-404 #footer ul{
	margin-bottom: 15px;
}


@media (min-width: 768px) {

	.page-404 main{
		height: calc(100vh - 85px);
	}


	.txt-404 p a{
	font-size: 20px;
	font-size: 2rem;
 
	}


}



@media (min-width: 992px) {

}


/*/ 29.08.2017 --> optimisation des images/*/


.imgfullscreen50, .header-imgfullscreen, .imgfullscreen{
	background-color:rgba(255,255,255,.5);
}

.home #headerPage section{
	background-color:transparent;
}

.transparency{
	position:absolute;
	width:100%;
	height:156.25vw;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:opacity .5s ease-in-out;
	z-index: -1;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	opacity:0;
}

.transparency.loaded{
	opacity:1;
}

.transPF{
	height: 100%;
	width: 100%;
	position: absolute;
	background-color:#fff;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
}

.transPF--inner{
	height: 100%;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:center bottom;
	opacity:.5;
	filter: blur(10px);
	-webkit-filter: blur(10px);
}

.loadedimg figure#mainfigure,
.inview figure.mainfigure{
	opacity:0;
}

.loadedimg figure#mainfigure.loaded,
.inview figure.mainfigure.loaded{
	opacity:1;
}

#headerPage header,
.vignette header,
header.headline,
#headerPage > header#headline{
	z-index:9;
}




.bloc-img-inter.loaded-blur img{
	opacity:1;
}


.portefeuille .pos-bloc-img{
	background-size:cover;
	background-repeat:no-repeat;
}

#related img{
	opacity:0;
	transition:all .5s ease-in-out .3s;
} 

#related .loaded img{
	opacity:1;
} 

/*
.oursin.onload{
	-webkit-animation : bgColor 20s linear infinite;
	animation : bgColor 20s linear infinite;
}
*/

@-webkit-keyframes bgColor{
	0%{ background-color: #000; }
	25%{ background-color: #666666; }
	50%{ background-color: #fff; }
	75%{ background-color: #666666; }
	100%{ background-color: #000; }
}

@keyframes bgColor{
	0%{ background-color: #000; }
	25%{ background-color: #666666; }
	50%{ background-color: #fff; }
	75%{ background-color: #666666; }
	100%{ background-color: #000; }
}



#diapo-une{
	height: 100vh;
	background-color: black;
	text-align: center;
	position: relative;
	overflow: hidden;
}


#diapo-une .goactu{ 
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 40px;
	background-color: white;
	color: black;
	margin-bottom: 0;
	font-size: 11px;
	font-size: 1.1rem;
	font-family: "TBold";
	text-transform: uppercase;
	display: table;
}

#diapo-une .goactu,
.owl-dots{
	opacity: 0;
    transition: opacity .3s ease-out;
}

#diapo-une .goactu a{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

#diapo-une article a{
	color: white;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

#diapo-une article{
	pointer-events: none;
}

#diapo-une article h2{
	text-transform:  uppercase;
	font-size: 70px;
	font-size: 7rem;
	margin: 0;
	line-height: 1;
}


#diapo-une article p.link{
	bottom:  33.3333333%;
	margin: 0;
}



#diapo-une article p.link,
#diapo-une article header{
	width: 100%;
	position: absolute;
	right: 0;	
}

#diapo-une article header{
	top: 32%; 
	transform: translateY(-50%);	
}

#diapo-une article + article .link,
#diapo-une article + article header{
	right: auto;
	left: 0;
}

#diapo-une article header p{
	margin: 0;
	line-height: 1.5;
}


#diapo-une article p.link span:after{
    content: "";
    width: 20px;
	height: 10px;
	padding-left: 1em;
	background : transparent url(../img/svg/arrow_small.svg) no-repeat center;
	background-size: cover;
    display: inline-block;
    transform: rotate(-90deg);
          position: relative;
          left: .25em;
}


.goactu svg{
	width: 20px;
	height: 10px;
	position: relative;
	top: 2px;
	left: 5px;
}

#diapo-une article .link,
#diapo-une article header p,
#diapo-une article h2{
	opacity: 0;
	will-change: opacity; 	
}

#diapo-une article h2{
	transition: opacity 1.5s ease-out .8s;
}


#diapo-une article p.link,
#diapo-une article header p{
	transition: opacity  .6s ease-out 1.2s, width .3s ease-out;
}

.loadedimg #diapo-une article .link{
	opacity: 1;
}

.loadedimg #diapo-une article figure.loaded.mainfigure{
	opacity: 0.5;
}




/* debut */

.animateend.loadedimg #diapo-une article header p{
	transition: opacity .6s ease-out 0 !important;
}


.loadedimg #diapo-une article header p,
.loadedimg #diapo-une article h2{
	opacity: 1;
}


.animateend #diapo-une article{
	pointer-events: auto;
}


.animateend #diapo-une:before{
	transition: opacity 0 linear .6s;
}

.loadedimg.fadeactubutton #diapo-une .goactu a,
.fadeactubutton #diapo-une .goactu a{
	color: white;
	pointer-events: none;
	transition: color 0.3s linear;
}


.loadedimg.fadeactubutton #diapo-une .goactu a svg > *,
.fadeactubutton #diapo-une .goactu a svg > *{
	fill: white;
}

svg > *{
	transition: fill 0.6s linear;
}

.goactu a{
	transition: color 0.6s linear;
}

.animateend .owl-dots,
.loadedimg  #diapo-une .goactu{
	opacity: 1;
}


#diapo-une article{
		height: 100vh;
		position: relative;
	}



.owl-dots{
	position: absolute;
	bottom: 68px;
	height: 10px;
	width: 100%;
	left: 0;
	text-align: center;
}

#header-diaporama .owl-dots{
	bottom: 47px;
}


.owl-dots span{
	width: 9px;
	height: 9px;
	display: block;
	border-radius: 100%;
	background-color: #a29d99;
	margin: 0 auto;
}

.owl-dots > div{
	height: 10px;
	width: 18px;
	display: inline-block;
}

.owl-dots .active span{
	background-color: white;
}



@media (min-width: 768px) {
#header-diaporama .owl-dots{
	bottom: 72px;
}


	.goactu svg{
		top: 1px;
		left: 5px;
	}

	.owl-dots{
		bottom: 80px;
	}

	#diapo-une .goactu{ 
		height: 60px;
		font-size: 12px;
		font-size: 1.2rem;
	}

	#diapo-une article h2{
		font-size: 96px;
		font-size: 9.6rem;
		margin-bottom: 10px;

	}

	#diapo-une article header{
		top: 45%;
	}


	

	#diapo-une article p.link {
    	bottom: 39.5%;
	}


	.owl-dots{
		height: 15px;

	}

	.owl-dots > div{
		height: 15px;
		width: 30px;
	}


	.owl-dots span{
		width: 14px;
		height: 14px;

	}


}


@media (min-width: 992px) {



	#diapo-une article h2{
		font-size: 96px;
		font-size: 10vw;
		margin-bottom: 10px;

	}


#diapo-une article header{
	top: 50%; 
	transform: translateY(-50%);	
}


#diapo-une article p.link{
	bottom:  120px;
}


#diapo-une .goactu{ 
	height: 50px;

}


#diapo-une article p.link{
	bottom: 120px;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0;
}

.loadedimg #diapo-une article .link{
	opacity: 0;
	visibility: hidden;
}

.no-touchevents .gothink.animateend #diapo-une article.make  p,
.no-touchevents .gomake.animateend #diapo-une article.think  p{
	opacity: 0;
	visibility: hidden;
}



.no-touchevents .gomake #diapo-une article.think h2,
.no-touchevents .gothink #diapo-une article.make h2{
		opacity: .3;
}

.no-touchevents .animateend.loadedimg #diapo-une article:hover p.link,
.no-touchevents .loadedimg #diapo-une article header p,
.no-touchevents .loadedimg #diapo-une article h2{
	opacity: 1;
	visibility: visible;

}


.no-touchevents #diapo-une article{
		width: 50%;
		float: left;
		height: 100vh;
		position: relative;
	}


.no-touchevents #diapo-une article p.link,
.no-touchevents #diapo-une article header{
		width: 50vw;	
	}

.no-touchevents .loadedimg #diapo-une article figure.loaded.mainfigure{
		opacity: 0;
	}

.no-touchevents .loadedimg #diapo-une article:hover figure.loaded.mainfigure{
		opacity: 0.5;
	}


.no-touchevents #diapo-une article:first-of-type h2:before{
		content: "";
		background-color: white;
		display: block;
		height: 0;
		width: 2px;
		position: absolute;
		top: 50%;
		right: -1px; 
	  transform: translate(-50%,-50%);
	   will-change: height;
	   transition: height  .3s ease-out .8s;
	}

.no-touchevents #diapo-une article:first-of-type h2{
		position: relative;
	}


.no-touchevents .animateend.loadedimg #diapo-une article:first-of-type h2:before,
.no-touchevents .loadedimg 	#diapo-une article:first-of-type h2:before{
		height: calc(100% + 20px);
		visibility: visible;
	}


.no-touchevents	.animateend.loadedimg.gothink #diapo-une article:first-of-type h2:before,
.no-touchevents	.animateend.loadedimg.gomake #diapo-une article:first-of-type h2:before{
		height: 0;
		visibility: hidden;
	}


.no-touchevents #diapo-une > div{
		width: 150%;
		position: absolute;
		left: 50%;
		transition: transform .6s ease-out; 
	 transform: translateX(-50%);
	}


	.no-touchevents .gothink #diapo-une article.think .link,
	.no-touchevents .gomake  #diapo-une article.make .link,
	.no-touchevents .gothink #diapo-une article.think header,
	.no-touchevents .gomake  #diapo-une article.make header{
		width: 76vw;
	}

	.no-touchevents .gothink #diapo-une > div{ 
	 transform: translateX(-66.6666%);
	}

	.no-touchevents .gomake #diapo-une > div{ 
	 transform: translateX(-33.33333%);
	}


	.no-touchevents #diapo-une article header{
		transition: width .3s ease-out;
	}



}

@media (min-width: 1200px) {
#header-diaporama .owl-dots{
	display: none;
	opacity: 0;
}

	#diapo-une article h2{
		font-size: 120px;
		font-size: 10vw;

	}
}





.copie{
display: none;
}

.anchorslideshow{
	display: block;
	height: 0;
	margin: 0;
	position: relative;
	top: 10px;
}

@media (min-width: 992px) {

	.anchorslideshow{
	top: 30px;
	}
}


.connected .copie{
	display: block;
	height: 0;
	margin: 0;
	position: relative;
}


.copie button:hover,
figure:hover + .copie button{
		opacity: 1;
}


.copie button{
opacity: 0;
background: rgba(0,0,0,0.7);
height: 50px;
color: white;
display: block;
border-radius:  50px;
text-indent: 0;
position: absolute;
left: 50%;
bottom: 30px;
transform: translateX(-50%); 
z-index: 1000;

	}


.copy-content {

    height: 0;
    width: 0;
    text-indent: -999999px;
    opacity: 0;
    padding: 0;

}



/* ==== newsletter ==== */


button.btn-newsletter{
	display: flex;
	line-height: 1.1;
	font-size: 15px;
	font-size: 1.5rem;
	align-items: center;
}

button.btn-newsletter .icon-newsletter
{
	height: 16px;
	font-size: 15px;
	font-size: 1.5rem;

}

button.btn-newsletter .icon-newsletter + span
{
	margin-left: 1rem;
}

#newsletter-popup-box button.btn-newsletter .icon-newsletter + span{
	border-bottom: 1px solid white;
}


#primary button.btn-newsletter {
	margin-top: 3px;
}


.inline-block-list li.list_link-newsletter
{
	display: flex;
	justify-content: center;
	margin-top: 10px;
	margin-left: 0;
}

#newsletter-popup-box {
	position: fixed;
    bottom: 0;
    right: 0;
   	z-index: 10;
   	width: 100%;
    transition: opacity 1s ease-out 2s;
    visibility: hidden;
}

#newsletter-popup-box .popup-inner{
	font-size: 14px;
	font-size: 1.4rem;
}

#newsletter-popup-box .close span {
	font-size: 26px;
	font-size: 2.6rem;
}


#newsletter-popup-box  .popup-inner p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.25;
}


.modal input[type=radio] {
	left: -999999px;
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.modal input[type=radio] + label{
	position: relative;
	display: block;
	padding-left: 27px;
	color: #898989;
	cursor: pointer;
	transition: .3s color ease-out;
	font-family: 'TLight', Helvetica, Arial, sans-serif;
}

.modal-radio-list{
	padding: 0;
	margin: 25px 0 15px 0;
}

.modal-radio-list li + li{
	padding-left: 30px;
	
}


.modal input[type=radio] + label:after,
.modal input[type=radio] + label:before{
	content: "";
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.modal input[type=radio] + label:after{
	width: 10px;
	height: 10px;
	background-color: transparent;
	left: 4px;
	transition: .3s background-color ease-out;
}


.modal input[type=radio] + label:before{
	width: 18px;
	height: 18px;
	border: 1px solid #898989;
	left: 0
}

.modal input[type=radio]:checked + label:after{
		background-color: white;
}

.modal input[type=radio] + label:hover,
.modal input[type=radio]:checked + label{
		color: white;
}


@media (min-width: 768px) {
	#newsletter-popup-box {
   		width: 50%;
	}


#newsletter-popup-box  .popup-inner p{
		font-size: 16px;
		font-size: 1.6rem;
	}


}

@media (min-width: 992px) {
	#newsletter-popup-box {
   		max-width: 450px;
	}

}


.loadedimg.closepopupnewsletter #newsletter-popup-box,
.closepopupnewsletter #newsletter-popup-box,
#newsletter-popup-box {
	opacity: 0;
}

.loadedimg #detailsrevue #newsletter-popup-box,
.loadedimg #revue #newsletter-popup-box,
.loadedimg.load-ok #newsletter-popup-box {
   	opacity: 1;
   	visibility: visible;
   	transition-delay: 0;
}



#newsletter-popup-box  .popup-content{
   	margin: 15px;
    padding: 15px;
   	background-color: black;
   	color: white;
   	position: relative;
}

#newsletter-popup-box  .popup-inner{
	padding-right: 25px;
}