/* --------------------------------------------------------------------------------------------- */
	
/*											TRANSFERT											 */
/*								© www.animaproductions.com | 2018

/* --------------------------------------------------------------------------------------------- */


/* 
	COULEURS
	
	BLEU CLAIR		42 / 102 / 188		#2A66BC
	BLEU FONCE		9 / 23 / 41			#091729
	BLEU NOIR		20 / 21 / 31		#14151F
*/

.homepage-btn-wrapper {
	display:inline-block;
	position:fixed;
	top:50%;
	z-index:8999;
	height:53px;
	width:136px;
	background-color:black;
	opacity:0.35;
}

.homepage-btn-wrapper.left {
	left:0;
	transform:rotate(-90deg);
}

.homepage-btn-wrapper.right {
	right:0;
	width:106px;
	transform: rotate(90deg);
}

.cookie-notice-container #cn-notice-text {
	display:inline-block;
	width:100%;
	font-family: 'TR_font', Arial, sans-serif;
	margin-bottom: 10px;
}

.cookie-notice-container .gdpr-btn {
	background-color:transparent;
	background-image:none;
	border:4px solid white;
	font-family:'TR_font', Arial, sans-serif;
	font-size:15px;
	padding:7px 13px;
	border-radius:0;
	font-weight:500;
}

.TR_CHECK {
	transition:all .5s ease-in-out;
	border-color:black;
}

.TR_CHECK a {
	transition:all .5s ease-in-out;
	text-decoration:none;
	color:black;
}

/*.TR_CHECK.background--dark {
  color:white;
  border-color :white;
}
.TR_CHECK.background--dark a {
	color :white;
}*/

.TR_BT_MENU,
.TR_BT_AGENDA {	
	font-size: 1.8em;
	text-align: center;
	display: inline-block;
	padding: 10px;
	border-width: 4px;
	border-style:solid;
	position: fixed;
	z-index: 9000;
	top : 50%;
	cursor : pointer;
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	/*box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);*/
	/*background: rgba(113, 113, 113, 0.5);*/
}

.TR_BT_MENU {
	transform: rotate(90deg);
	right : 0px;
}

.TR_BT_AGENDA {
	transform: rotate(-90deg);
	left : 0px;
}

.TR_SECTION_HOME {
	position: fixed;
	top : 0px;
}

#TR_SECTION_FIRST
{
	z-index: -1;
}

#TR_SECTION_FIRST>.TR_CONTENT
{
	text-align: center;
	line-height: calc(100vh - 10vw);
}

.TR_LOGO_HOME
{
	width: 90vw;
	max-width: 600px;
	margin: 0 auto;
}


.TR_LOGO
{
	width: 90vw;
	max-width: 450px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: -50px;
}

.TR_LOGO img,
.TR_LOGO_HOME img
{
	width: 100%;
	height: auto;
}

#TR_SECTION_ACTU
{
	z-index: 1;
}

.TR_BORDER,
.TR_BG
{
	width: 100vw;
	height : 100vh;
	background-size: cover;
	background-position: center center;
}

.TR_BG
{
	position: fixed;
	top:0px;
	left : 0px;
	z-index: -1;
}

.TR_CONTENT
{
	width: 90vw;
	min-height: calc(100vh - 10vw);
	position: fixed;
	top :5vw;
	left :5vw;
	background-size: cover;
	background-position: center center;
	background-color: white;
}

.TR_CONTENT_SLIM
{
	width:60vw;
	display: inline-block;
	
}

.TR_CONTENT_SLIM img
{
	width: 100%;
	height: auto;
	margin-bottom: -50px;
}



.TR_TEXT_CONTAINER
{
	display: inline-block;
	position: inherit;
	z-index: 50;
	width: 100%;
	text-align: center;
}


.TR_HOME_TEXT
{
	margin-top: calc( 100vh - 250px);
	/*
	background: rgba(0,0,255,0);
	background: -moz-linear-gradient(top, rgba(0,0,255,0) 0%, rgba(0,0,255,0) 14%, rgba(0,0,255,0.8) 44%, rgba(0,0,255,0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,255,0)), color-stop(14%, rgba(0,0,255,0)), color-stop(44%, rgba(0,0,255,0.8)), color-stop(100%, rgba(0,0,255,0.8)));
	background: -webkit-linear-gradient(top, rgba(0,0,255,0) 0%, rgba(0,0,255,0) 14%, rgba(0,0,255,0.8) 44%, rgba(0,0,255,0.8) 100%);
	background: -o-linear-gradient(top, rgba(0,0,255,0) 0%, rgba(0,0,255,0) 14%, rgba(0,0,255,0.8) 44%, rgba(0,0,255,0.8) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,255,0) 0%, rgba(0,0,255,0) 14%, rgba(0,0,255,0.8) 44%, rgba(0,0,255,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,255,0) 0%, rgba(0,0,255,0) 14%, rgba(0,0,255,0.8) 44%, rgba(0,0,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#0000ff', GradientType=0 );
	*/
	background: rgba(55,70,54,0);
	background: -moz-linear-gradient(top, rgba(55,70,54,0) 0%, rgba(55,70,54,0) 13%, rgba(55,70,54,0.8) 52%, rgba(55,70,54,0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,70,54,0)), color-stop(13%, rgba(55,70,54,0)), color-stop(52%, rgba(55,70,54,0.8)), color-stop(100%, rgba(55,70,54,0.8)));
	background: -webkit-linear-gradient(top, rgba(55,70,54,0) 0%, rgba(55,70,54,0) 13%, rgba(55,70,54,0.8) 52%, rgba(55,70,54,0.8) 100%);
	background: -o-linear-gradient(top, rgba(55,70,54,0) 0%, rgba(55,70,54,0) 13%, rgba(55,70,54,0.8) 52%, rgba(55,70,54,0.8) 100%);
	background: -ms-linear-gradient(top, rgba(55,70,54,0) 0%, rgba(55,70,54,0) 13%, rgba(55,70,54,0.8) 52%, rgba(55,70,54,0.8) 100%);
	background: linear-gradient(to bottom, rgba(55,70,54,0) 0%, rgba(55,70,54,0) 13%, rgba(55,70,54,0.8) 52%, rgba(55,70,54,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374636', endColorstr='#374636', GradientType=0 );
}

.TR_HOME_TEXT_CONTAINER
{
	width: 80%;
	max-width: 700px;
	text-align: left;
	margin: 0 auto;
	color : white;
	padding-bottom: 50vh;
}

.TR_HDP
{
	width: 60px;
	height: 60px;
	text-align: center;
	position: fixed;
	right : 10px;
	bottom : 10px;
	text-transform: uppercase;
	padding : 10px 0px 13px 0px;

	color : white;
	cursor: pointer;
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.02em;
	display : none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../ui/TR_HDP.svg');
}


.TR_MAIN
{
	transition: all 0.7s ease-out;
}

.TR_MENU
{
	width: 100vw;
	height: 100vh;
	background-color: black;
	color : white;
	position: fixed;
	overflow-y:scroll;
	overflow-x: hidden;
	box-sizing: content-box;
	z-index: 9500;
	top : 0px;
	left: 110vw;
	transition: all 0.3s ease-out;
}

.TR_english
{
	font-size: 1em;
	color : white;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 0.01em;
}

.TR_english a
{
	color: white;
	text-decoration: none;
}

a.TR_MENU_LOGO
{
	display : block;
	width: 80%;
	max-width: 400px;
	margin : 0 auto;
	margin-top : 30px;
	margin-bottom: -20px;
}

a.TR_MENU_LOGO img
{
	width: 100%;
	height: auto;
}


.TR_MENU ul
{
	padding-left: 0px;
	text-align: center;
}

.TR_MENU ul li 
{
	list-style: none;
}

.TR_MENU ul li a
{
	color : white;
	text-decoration: none;
	font-size: 2em;
	line-height: 1.5em;
	font-weight: 900;
	padding-bottom: 5px;
	border-bottom : 5px solid black;
	margin-bottom: 30px;
	transition: all 0.3s ease-out;
}

.TR_MENU ul li a:hover
{
	border-bottom : 5px solid white;
}

.TR_BT_FERMER
{
	font-size: 1.6em;
	text-align: center;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 4px solid white;
	color : white;
	position: relative;
	z-index: 1000;
	top : 50%;
	cursor : pointer;
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: 500;
	transform: rotate(90deg);
	left : 95vw;
}

#video-viewport {
    position: absolute;
    top: 0;
    left:0;
    overflow: hidden;
    z-index: -1; /* for accessing the video by click */
}


/* AGENDA */

.TR_AGENDA_DATE
{
	transition : .3s all ease-in-out;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.1em !important;
	margin: 50px 0px 50px 0px;
	cursor: pointer;
	text-align: center;
	transition : .3s all ease-in-out;
}

.TR_AGENDA_DATE.hidden {
	display: none !important;
}

.TR_DATE_BIG
{
	
	font-weight: 900;
	font-size: 2.4em;
}

.TR_DATE_SMALL:hover
{
	font-size : 1.8em;
}


.TR_AGENDA_JOUR
{
	margin-bottom: 50px;
}

.TR_AGENDA_JOUR.hidden {
	display: none !important;
}

.TR_AGENDA_ITEM
{
	text-align: left;
	margin-bottom: 30px;
}

.TR_AGENDA_JOUR_VISUEL
{
	width: 100%;
	height : 200px;
	margin-bottom: -60px;
	background-size: contain;
	background-position: center center;
	transition : .2s all ease-in-out;
	background-repeat:  no-repeat;
	opacity: 1;
}

.TR_AGENDA_ITEM_VISUEL
{
	display: inline-block;
	vertical-align: middle;
	width: calc( 30% - 10px);
	padding-top: calc( 30% - 10px);
	background-size: cover;
	background-position: center center;
	transition : .2s all ease-in-out;
	background-repeat:  no-repeat;
}

.TR_AGENDA_ITEM:hover .TR_AGENDA_ITEM_VISUEL
{
	width: calc( 30% - 40px);
	padding-top: calc( 30% - 40px);
	margin : 15px;
}


.TR_AGENDA_ITEM_TEXTE
{
	display: inline-block;
	vertical-align: middle;
	width: calc( 70% - 20px);
	margin-left: 15px;
	text-align: left;
}

.TR_AGENDA_ITEM_TEXTE h2
{
	text-align: left;
	margin : 0px;	
}

.TR_AGENDA_ITEM_TEXTE span
{
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: normal;
	margin : 0 auto;
	line-height : 1.6em;
	letter-spacing: 0.05em;
}

.TR_AGENDA_ITEM_DATE
{
	display: inline-block;
	padding: 5px;
	border: 3px solid black;
	font-weight: 900;
	transition : .3s all ease-in-out;
	margin-left:15px;
	margin-bottom:15px;
}

.TR_AGENDA_ITEM_DATE.full {
	background-color:red;
	color:white;
}

.TR_AGENDA_ITEM:hover .TR_AGENDA_ITEM_DATE.full {
	background-color:white;
	color:red;
}

.TR_AGENDA_ITEM_DATE:first-child {
	margin-left:0;
}

.TR_AGENDA_ITEM_DATE_PLAGE
{
	display: inline-block;
	padding: 5px;
	border: 3px solid black;
	font-weight: 900;
	transition : .3s all ease-in-out;
	background-color: black;
	color : white;
	margin-right: 0px;
}

.TR_SINGLE_DATES_CONTAINER
{
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

.TR_AGENDA_ITEM:hover .TR_AGENDA_ITEM_DATE {
	background-color: black;
	color : white;
}


.TR_AGENDA_DATE_TEXT
{
	transition : .3s all ease-in-out;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.1em !important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom : 10px;
	position: static;
	z-index: 50;
}

.TR_INFOPRATIQUES
{
	font-size: 0.9em;
	margin-top: 80px;
}

.TR_INFOPRATIQUES>h2
{
	text-transform: uppercase !important;
	font-weight: 900;
	font-size: 1.5em;
}


.TR_AGENDA_NAV
{
	width: 100%;
	text-align: center;
	margin-top:20px;
	margin-bottom: 40px;
}

.TR_AGENDA_NAV_ITEM
{
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	border: 3px solid black;
	font-weight: 700;
	transition : .3s all ease-in-out;
	margin : 0 3px 5px 3px;
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
}

.TR_AGENDA_NAV_ITEM.active,
.TR_AGENDA_NAV_ITEM.events,
.TR_AGENDA_NAV_ITEM:hover {
	background-color:black;
	color:white;
}

.TR_AGENDA_NAV_ITEM.search {
	background-image: url('../ui/transfert_loupe.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin:0px 0 0 3px;
	padding:0;
	width:43px;
	height: 35px;
}

.TR_AGENDA_NAV_ITEM_SEL
{
	background-color: black;
	color : white;
}


/* FOOTER */

#TR_FOOTER
{
	margin-top: -200px;	
}

.TR_CONTENT_FOOTER
{
	width: 100%;
	background-color: black;
	text-align: center;
	color : white;
	padding : 50px 0px 200px 0px;
}

.TR_CONTENT_FOOTER_CONTAINER
{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.TR_FOOTER_SMALL_LINE
{
	display: block;
	margin-top: 40px;
	width: 100%;
	letter-spacing: 0.07em;
	text-align: center;
	color : white;
	font-size: .9em;
}

.TR_FOOTER_SMALL_LINE a
{
	color : white;
}

/* SOCIAL ICONS */

.TR_SI
{
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: top;
	margin : 5px;
	background-size: contain;
	background-position: center center;
	transition: all 0.3s ease-out;
	cursor : pointer;
}

.TR_SI_FACEBOOK
{
	background-image: url('../ui/transfert_social_icon_facebook_white.svg');
}

.TR_SI_FACEBOOK:hover
{
	background-image: url('../ui/transfert_social_icon_facebook_blue.svg');
}

.TR_SI_TWITTER
{
	background-image: url('../ui/transfert_social_icon_twitter_white.svg');
}

.TR_SI_TWITTER:hover
{
	background-image: url('../ui/transfert_social_icon_twitter_blue.svg');
}

.TR_SI_INSTAGRAM
{
	background-image: url('../ui/transfert_social_icon_instagram_white.svg');
}

.TR_SI_INSTAGRAM:hover
{
	background-image: url('../ui/transfert_social_icon_instagram_blue.svg');
}

.TR_SI_NEWSLETTER
{
	background-image: url('../ui/transfert_social_icon_newsletter_white.svg');
}

.TR_SI_NEWSLETTER:hover
{
	background-image: url('../ui/transfert_social_icon_newsletter_blue.svg');
}

.TR_HASHTAG
{
	font-size: 1.4em;
	letter-spacing: .5em;
	font-weight: 100;
	margin: 30px 0px 30px 0px;
}

.TR_FOOTER_PARTENAIRES
{
	width: 100%;
	text-align: center;
}

.TR_FOOTER_PARTENAIRES a
{
	display: inline-block;
	vertical-align: top;
	height : 60px;
	margin : 0px;
}

.TR_FOOTER_PARTENAIRES a img
{
	height : 60px;
	width: auto;
}

.TR_DOWN_ARROW {
	width: 40px;
	height: 40px;
	margin : 0 auto;
	margin-bottom: 100px;
	cursor : pointer;
	background-size: contain;
	background-position: center center;
	background-image: url('../ui/transfert_down_arrow.svg');
	transition: all 0.3s ease-out;
	animation: bounce_down 1s ease infinite;
}

@keyframes bounce_down
{
	from {margin-top:0px; margin-bottom:100px;}
	50%  {margin-top:-10px; margin-bottom:110px;}
	to   {margin-top:0px; margin-bottom:100px;}
}

.TR_UP_ARROW {
	width:40px;
	height:40px;
	margin :0 auto;
	margin-bottom:100px;
	cursor:pointer;
	background-size:contain;
	background-position:center center;
	background-image:url('../ui/transfert_down_arrow.svg');
	transition:all 0.3s ease-out;
	animation:bounce_up 1s ease infinite;
	transform:rotate(180deg);
}

.TR_UP_ARROW.fixed {
	z-index:999;
	display:inline-block;
	position:fixed;
	bottom:10px;
	right:10%;
	margin:0;
}

@keyframes bounce_up
{
	from {margin-top:0px; margin-bottom:0px;}
	50%  {margin-top:-10px; margin-bottom:10px;}
	to   {margin-top:0px; margin-bottom:0px;}
}

/* MAILJET */

.TR_MAILJET_WIDGET
{
	width:100%;
	height:101vh;
	line-height:101vh;
	text-align:center;
	background-color:rgba(0,0,0,.8);
	position :fixed;
	top :0px;
	left :0px;
	display :none;
}

.TR_MAILJET_WIDGET_CONTAINER
{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	width:90%;
	
}

.TR_MAILJET_WIDGET_CONTAINER iframe
{
	margin :0 auto;
}

.TR_MAILJET_CLOSE
{
	width:100px;
	height:100px;
	display:inline-block;
	vertical-align:middle;
	margin :5px;
	background-size:contain;
	background-position:center center;
	background-image:url('../ui/transfert_cross.svg');
	cursor :pointer;
	transition:all 0.3s ease-out;
}

.TR_MENU_CONT
{
	width:100%;
	text-align:center;
}

.TR_MENU_CLOSE
{
	width:60px;
	height:60px;
	display:inline-block;
	vertical-align:middle;
	margin :5px auto;
	background-size:contain;
	background-position:center center;
	background-image:url('../ui/transfert_cross.svg');
	cursor :pointer;
	transition:all 0.3s ease-out;
}

.TR_MAILJET_CLOSE:hover,
.TR_MENU_CLOSE:hover
{
	background-image:url('../ui/transfert_cross_black.svg');
}

a.TR_MENU_LOUPE
{
	width:60px;
	height:60px;
	display:inline-block;
	vertical-align:middle;
	margin :5px auto;
	background-size:contain;
	background-position:center center;
	background-image:url('../ui/transfert_loupe.svg');
	cursor :pointer;
	transition:all 0.3s ease-out;
}

a.TR_MENU_LOUPE:hover {
	background-image:url('../ui/transfert_loupe_black.svg');
}

/* ACTU ITEM */
.TR_ACTU_ITEM
{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:80px;
}

.TR_ACTU_ITEM_visuel
{
	width:calc( 30% - 10px);
	display:inline-block;
	vertical-align:top;
	
}

.TR_ACTU_ITEM_visuel img
{
	width:100%;
	height:auto;
}

.TR_ACTU_ITEM_TEXT
{
	width:calc( 70% - 10px);
	margin-left:20px;
	display:inline-block;
	vertical-align:top;
	
}



.TR_ACTU_ITEM_TEXT h2,
.TR_ACTU_ITEM_TEXT .TR_WIDE_TITLE
{
	text-align:left;
}

.TR_ACTU_ITEM_TEXT h2
{
	margin-top:0px !important;
}

/* PAGE */

.TR_PAGE_BG
{
	width:110vw;
	height:110vh;
	position:fixed;
	z-index:-1;
	top :-5vh;
	left :-5vw;
	background-size:cover;
	background-position:center center;
	
}

.TR_BLURED
{
	filter:blur(10px);
    -webkit-filter:blur(10px);
    -moz-filter:blur(10px);
    -o-filter:blur(10px);
    -ms-filter:blur(10px);
}

.TR_PAGE_HEADER
{
	width:80vw;
	height:calc(100vh - 20vw);
	position:fixed;
	z-index:-1;
	top :10vw;
	left :10vw;
	background-size:cover;
	background-position:center center;

}

.TR_WHITESTRIPE_AGENDA
{
	width:calc( 90% + 60px);
	width:-moz-calc( 90% + 60px);
	width:-webkit-calc( 90% + 60px);
	max-width :960px;
	margin:0 auto;
	margin-bottom :-20px;
	margin-top:20vh;
}

.TR_WHITESTRIPE
{
	width:calc( 90% + 60px);
	width:-moz-calc( 90% + 60px);
	width:-webkit-calc( 90% + 60px);
	max-width :800px;
	margin: 0 auto;
	margin-bottom : -20px;
	margin-top: 60vh;
}

.TR_WHITESTRIPE img,
.TR_WHITESTRIPE_AGENDA img
{
	width: 100%;
	height: auto;
}

.TR_PAGE_TEXT
{
	position:relative;
	width: 90%;
	max-width : 640px;
	background-color: white;
	padding : 30px 80px 80px 80px;
	margin: 0 auto;
	margin-bottom : 40vh;
}

.TR_PAGE_TEXT.large {
	max-width: 840px;
	margin-bottom: 0;
}

.TR_PAGE_TEXT_TITLE {
	display: inline-block;
	position:unset;
	width:100%;
}

.TR_PAGE_TEXT iframe
{
	width: 100%;
	height: 360px;
	margin : 20px 0px 20px 0px;
}

.TR_PAGE_TEXT img
{
	/*width:100%;*/
	display:inline-block;
	height:auto;
	margin:30px 0px !important;
}

.TR_PAGE_TEXT img.small {
	width:80px;
}

.TR_PAGE_TEXT img.medium {
	width:50%;
}

.TR_PAGE_TEXT img.large {
	width:75%;
}

.TR_PAGE_TEXT img.no-limit {
	width:initial;
}

.TR_PAGE_TEXT_AGENDA
{
	width: 90%;
	max-width : 800px;
	background-color: white;
	padding : 30px 80px 80px 80px;
	margin: 0 auto;
	margin-bottom : 40vh;
}

.TR_PAGE_TEXT_AGENDA h1
{
	font-size: 4.5em;
	line-height: 1em;
	margin-top : 20px;
	margin-bottom : 20px;
	text-align: center;
	position: relative;
	z-index: 100;
}

@media all and (min-width: 0px) and (max-width: 800px) 
{

  
  .TR_PAGE_TEXT,
  .TR_PAGE_TEXT_AGENDA
	{
		width: calc(100% - 80px);
		max-width: calc(100% - 80px);
		background-color: white;
		padding : 30px 40px 80px 40px;
		margin: 0 auto;
		margin-bottom : 40vh;
		hyphens: auto;
	}
	
	.TR_WHITESTRIPE_AGENDA,
	.TR_WHITESTRIPE
	{
		width: 100%;
		max-width: calc(100% - 20px);
	}
	
	h1
	{
		font-size : 3em !important;
	}
	
	.TR_BT_MENU,
	.TR_BT_AGENDA
	{
		/*
		font-size: 1.2em;
		text-align: center;
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: 0px solid black;
		color : black;
		position: fixed;
		z-index: 1000;
		top : 50%;
		cursor : pointer;
		font-family: 'TR_font', Arial, sans-serif;
		font-weight: 500;
		letter-spacing: 0.05em;	
		*/
		
		font-size: 1.2em;
		text-align: center;
		display: inline-block;
		padding: 5px;
		border: 0px solid black;
		color : black;
		position: fixed;
		z-index: 1000;
		top : 50%;
		cursor : pointer;
		font-family: 'TR_font', Arial, sans-serif;
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	
	.TR_BT_MENU
	{
		transform: rotate(90deg);
		right : -10px;
	}
	
	.TR_BT_AGENDA
	{
		transform: rotate(-90deg);
		left : -10px;
	}
	
	.TR_AGENDA_ITEM
	{
		text-align: center;
	}
	
	.TR_AGENDA_ITEM_VISUEL
	{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		height:220px;
		margin-bottom: 15px;
		padding-top: calc( 30% - 10px);
		background-size: cover;
		background-position: center center;
		transition : .2s all ease-in-out;
		background-repeat:  no-repeat;
	}
	
	.TR_AGENDA_ITEM_TEXTE
	{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		margin-left: 0px;
		text-align: left;
	}
	
	/*	
	.TR_PAGE_BG {
		display: none;
	}
	*/

	.TR_PAGE_HEADER
	{
		width: 100vw;
		height: 70vh;
		position: absolute;
		z-index: -1;
		top : 0vw;
		left : 0vw;
		background-size: cover;
		background-position: center center;
	
	}
	
}

.TR_SEARCH input {
	width : calc( 100% - 40px);
	padding : 20px;
	font-size: 1.4em;
	text-align: center;
	width : calc( 100% - 40px);
	padding : 20px;
	font-size: 1.4em;
	text-align: center;
	border : 4px black solid;
	cursor : pointer;
	transition : 0.3s all ease-in-out;
}

.TR_SEARCH input[type="submit"] {
	width : calc( 100% - 40px);
	padding : 20px;
	font-size: 1.4em;
	text-align: center;
	background-color: black;
	color : white;
	border : 0px;
	cursor : pointer;
	transition : 0.3s all ease-in-out;
}

.TR_SEARCH input[type="submit"]:hover {
	background-color: white;
	color : black;
}

.TR_WIDE_TITLE {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	font-weight: normal;
}

.TR_PAGE_TEXT h1 {
	font-size: 4.5em;
	line-height: 1em;
	text-align: center;
	position: relative;
	z-index: 100;
}

.TR_PAGE_TEXT img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.TR_PAGE_TEXT img.alignleft {
	margin-left : 0px !important;
}

.P_BRICK_ITEM {
	display:inline-block;
	width:calc(25% - 20px);
	margin-bottom:20px;
	background-color:white;
	cursor:pointer;
	text-decoration:none;
}

.P_BRICK_ITEM:first-child, .P_BRICK_ITEM_LARGE {
	width:calc(50% - 20px);
}

.P_BRICK_ITEM h2 {
	text-transform:uppercase;
	font-weight:700;
	font-size:1.4em;
	display:inline-block;
	width:80%;
	cursor:pointer;
	padding:0px;
	margin:0px;
}

.P_BRICK_ITEM_visuel {
	width:100%;
}

.P_BRICK_ITEM_visuel img {
	width: 100%;
	height: auto;
}

.P_BRICK_ITEM_visuel iframe {
	width: 100%;
}

.P_BRICK_ITEM_visuel p {
	margin : 0px;
}

.P_BRICK_ITEM_visuel .category-image {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 30px;
	border-style: solid;
	border-color: white;
	border-radius: 50%;
	padding: 5px;
	background-color: white;
}

.P_BRICK_ITEM_TEXT {
	padding : 20px 0px 30px 0px;
}

.TR_masonry_sst {
	font-size: .7em;
	letter-spacing: 1.3em !important;
	text-transform: uppercase;
	font-weight: normal;
}

.TR_post_nav {
	width : 100%; 
	/*text-align:center;*/
	margin-top : 60px;
}

.TR_post_nav.margin-top {
	margin-top:120px;
}

.TR_post_nav h2 {
	display : none;
}

.TR_post_nav a {
	text-decoration: none;
	transition: all 0.3s ease-out;
}

.TR_post_nav a:hover
{
	text-decoration: underline;

}

.nav-previous, .nav-next
{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.nav-previous
{
	text-align: left;
}

.nav-next
{
	text-align: right;
}

.TR_TEXT_INTRO
{
	width: calc(100% - 40px);
	max-width: 600px;
	padding : 20px;
	background-color: white;
	color: black;
}

/*img.logo_float*/
/*{*/
	/*width: 150px !important;*/
	/*height: auto;*/
	/*display: inline-block;*/
	/*margin : 10px;*/
/*}*/

.TR_BT_TEXT
{
	display: block;
	font-weight: 700;
	font-size : 1.2em;
	padding: 7px;
	border : 4px solid black;
	text-decoration: none;
	margin: 0 auto;
	margin-top : 20px;
	width: 300px;
	text-align: center;
	cursor :hand;
	transition : all .3s ease-in-out;
}

.TR_BT_TEXT:hover
{
	background-color: black;
	color : white;
}

.TR_related_posts
{
	text-align: center;
}


.TR_related_posts a
{
	    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.1em !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    text-decoration: none;
}

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

.TR_home_masonry_container {
	text-align: center;
	display : block;
	text-align: center;
	width : 90% !important;
	margin : 0 auto;
	margin-top : -40vh !important;
	padding-bottom : 25vh;
}

.TR_home_masonry_container.news {
	background-color: white;
}

/* MASONRY HOME */
@media all and (min-width: 0px) and (max-width: 1500px) {
	.P_BRICK_ITEM h2 {
		font-size:1.2em;
	}
}

@media all and (min-width: 0px) and (max-width: 710px) {
	.TR_home_masonry_container {
		width: 100%;
	}

	.P_BRICK_ITEM:first-child, .P_BRICK_ITEM_LARGE {
		width:calc(100% - 20px);
	}

	.P_BRICK_ITEM {
		margin-left : 10px;
		display: inline-block;
		width: calc(100% - 20px);
		background-color: white;
		margin-bottom: 20px;
		cursor: pointer;
		text-decoration: none;
	}  
}

@media all and (min-width: 711px) and (max-width: 1052px) {
  	.TR_home_masonry_container {
    	margin:0 auto;
    	width:645px !important;
	}
}

@media all and (min-width: 1053px) and (max-width: 1405px) {
	.TR_home_masonry_container {
		margin: 0 auto;
		width: 962px !important;
	}
}

@media all and (min-width: 1406px) and (max-width: 1755px)  {
  .TR_home_masonry_container {
    margin: 0 auto;
    width : 1082px !important;
  }
}

@media all and (min-width: 1756px) {
  .TR_home_masonry_container {
    margin: 0 auto;
    width : 1503px !important;
  }
}

/* PARTAGE */

.TR_SHARE_CONTAINER
{
	width: 100%;
	text-align: center;
	margin : 50px 0px;
}

.TR_SHARE_ICON
{
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: top;
	margin : 5px;
	transition: all 0.3s ease-out;
	cursor : pointer;
}

.TR_SHARE_ICON img
{
	width: 100%;
	height: auto;
}

.TR_SHARE_ICON:hover
{
	text-decoration: underline;
}

/* --------------------------------------- &1 – FONTACE ---------------------------------------- */

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Regular.eot');
    src: url('fontface/font-Regular.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Regular.woff2') format('woff2'),
        url('fontface/font-Regular.woff') format('woff'),
        url('fontface/font-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Bold.eot');
    src: url('fontface/font-Bold.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Bold.woff2') format('woff2'),
        url('fontface/font-Bold.woff') format('woff'),
        url('fontface/font-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Super.eot');
    src: url('fontface/font-Super.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Super.woff2') format('woff2'),
        url('fontface/font-Super.woff') format('woff'),
        url('fontface/font-Super.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Md.eot');
    src: url('fontface/font-Md.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Md.woff2') format('woff2'),
        url('fontface/font-Md.woff') format('woff'),
        url('fontface/font-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html, body
{
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

/* -------------------------------------------------- UX CHOREGRAPHY --------------------------------------------------- */

/* SCALE-ONLY ANIMATE */

.scale, .scale_max {
  transform: scale(1);
  transition: all 0.3s ease-out;
  
}

.scale:hover {
  transform: scale(1.03);
}

.scale_max:hover {
  transform: scale(1.2);
}

/* BOX-SHADOW ANIMATE */

.shadow {
  box-shadow: 0 1px 2px rgba(0,0,0,0);
  transform: scale(1);
  transition: all 0.3s ease-out;
  
}

.shadow:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}


/* --------------------------------------- &2 – BASIS ---------------------------------------- */


html, body
{
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: normal;
	margin : 0 auto;
	line-height : 1.6em;
	letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'TR_font', Arial, sans-serif;
	text-transform: inherit;
	letter-spacing: 0.04em;
	font-weight: 900;
	
}

h2
{
	text-transform: inherit !important;
	line-height: 1.4em;
	font-size: 1.6em;
	font-weight: 500;
	text-align: center;
}

a
{
	color: black;
}

a:hover
{
	text-decoration: none;
}

a > img
{
	border : 0px;
}

a.no-u 			{ text-decoration: none; }
a.no-u:hover 	{ border-bottom: 1px solid transparent }

.masonry_news_wrapper {
	display: inline-block;
	width:calc(100% - 80px);
	padding:0 40px;
	margin:0;
}

.masonry_news_wrapper .masonry_news_center {
	width:1000px;
	margin:0 auto;
}

.TR_categories_filter_container {
	display: inline-block;
	margin:0;
	width:100%;
	overflow-x:scroll;
	text-align:center;
}

.TR_categories_filter_container::-webkit-scrollbar { width: 0 !important }
.TR_categories_filter_container { overflow: -moz-scrollbars-none; }
.TR_categories_filter_container { -ms-overflow-style: none; }

.TR_categories_filter_list {
	width: 1000px;
	list-style-type: none;
	background-color: white;
	margin: 0 auto;
	padding: 20px 0;
}

.TR_categories_filter_list_item {
	display: inline-block;
	vertical-align:middle;
	margin:0 25px 0 0;
	font-family: 'TR_font', Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
}

.TR_categories_filter_list_item .category-image {
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	margin-left:10px;
	opacity:0.2;
}

.TR_categories_filter_list_item:hover .category-image {
	opacity:0.7;
}

.TR_categories_filter_list_item a {
	text-decoration: none;
}

.TR_categories_filter_list_item.active .underline {
	visibility: visible;
}

.TR_categories_filter_list_item .underline {
	display: inline-block;
	visibility: hidden;
	width: 100%;
	height:3px;
	background-color: black;
	margin:10px 0 0 0;
}

#news-list-ajax-container.blured {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

.nav_articles_container {
	display: inline-block;
	width:75%;
	height:150px;
	margin:20px 0 0 0;
	overflow: hidden;
}

.nav_articles_container:hover .nav_articles_thumbnail,
.nav_articles_container:focus .nav_articles_thumbnail {
	transform: scale(1.1);
}

.nav_articles_container .nav_articles_thumbnail {
	display: inline-block;
	width: 100%;
	height:150px;
	transition: all .5s;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.nav_articles_title {
	display: inline-block;
	width: 75%;
}

.post_date_bottom {
	font-weight: 500;
}

.events_month_filter_container {
	position:relative;
	display:inline-block;
	vertical-align:top;
	max-width:230px;
	min-width:200px;
}

.events_month_filter_container .TR_AGENDA_NAV_ITEM {
	min-width:200px;
	max-width:230px;
	height:25px;
	margin:0 5px 0 0;
	overflow:hidden;
	font-size:unset;
}

.events_month_filter_container .close-month-filter {
	display:none;
	position:absolute;
	top:7px;
	left:10px;
	font-weight:500;
	color:white;
	cursor:pointer;
}

.events_month_filter_container .close-month-filter.visible {
	display:block;
}

.events_month_filter_container .months_list {
	display: inline-block;
	width: calc(100% - 10px);
	height:0;
	position: absolute;
	left:0;
	top: 38px;
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	overflow-x: scroll;
	border-style: solid;
	border-color: black;
	border-width:0 3px 3px 3px;
	list-style-type: none;
	text-align: left;
	background-color:white;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.events_month_filter_container .months_list.visible {
	visibility: visible;
	height:106px;
}

.events_month_filter_container .months_list::-webkit-scrollbar {
	width: 0 !important
}

.events_month_filter_container .months_list li {
	padding:5px;
	cursor:pointer;
}

.events_month_filter_container .months_list li:hover {
	font-weight: 500;
}

hr.lieu-separator {
	width:100%;
	margin:0 auto 30px auto;
	border-width:0px;
}

.infos-pratiques-content {
	margin-top:40px;
}

.infos-pratiques-row {
	display:inline-block;
	width: 100%;
	margin:10px 20px 0 0;
}

.infos-pratiques-row .infos-pratiques-title-container {
	display:inline-block;
	margin:0 50px 0 0;
}

.infos-pratiques-row .infos-pratiques-title-container h3 {
	font-weight:500;
	margin-bottom: 0;
}

.infos-pratiques-row .infos-pratiques-title-container h3.center {
	text-align: center;
}

.infos-pratiques-row .infos-pratiques-title-container .lieu-picto {
	display:inline-block;
	width:100px;
	height:100px;
	background-size:cover;
	background-position:center;
	border-size:5px;
	border-color:white;
	border-radius:50%;
}

.infos-pratiques-row .infos-pratiques-right {
	display: inline-block;
	margin:0;
	vertical-align: middle;
}

.infos-pratiques-row .infos-pratiques-right.pre {
	white-space:pre;
	vertical-align: bottom;
}

.infos-pratiques-row .infos-pratiques-right .infos-pratiques-img {
	display: inline-block;
	width:30px;
	margin:0 10px !important;
}

.infos-pratiques-row .infos-pratiques-right .infos-pratiques-img.large {
	width:80px;
}

.infos-pratiques-row .infos-pratiques-right .infos-pratiques-img.pmr {
	width:auto;
	height:36px;
}

.transfert-nav-arrow {
	position:absolute;
	top:15%;
	border-style:solid;
	border-color:black;
	padding:10px;
	text-align:center;
	background-color: white;
	width:85px;
}

.transfert-nav-arrow.left {
	left:-108px;
	border-width:3px 0 3px 3px;
}

.transfert-nav-arrow.right {
	right:-108px;
	border-width:3px 3px 3px 0;
}

.transfert-nav-arrow.fixed {
	position:fixed;
}

.transfert-nav-arrow a {
	text-decoration:none;
}

.transfert-nav-arrow a:hover {
	text-decoration:underline;
}

.transfert-nav-arrow .nav-thumb {
	width:70px;
	height:70px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin:5px auto 0 auto;
}

.transfert-nav-arrow .nav-label {
	margin-top:10px;
	display:inline-block;
}

.transfert-mobile-menu-container {
	display:none;
}

.transfert-burger-container {
	display:none;
	cursor:pointer;
}

.transfert-agenda-mobile-btn {
	display:none;
}

.transfert-infinite-scroll.fixed {
	margin-top:300px;
}

.TR_LOGO.fixed {
	position:fixed;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.transfert-infinite-scroll-ajax-separator {
	display:inline-block;
	margin:80px auto 0 auto;
	height:1px;
	background-color:black;
	width:100%;
	opacity:0.1;
}

.TR_EVENT_METABOXES_CONTAINER {
	display:inline-block;
	width:100%;
}

.TR_EVENT_METABOXES_CONTAINER .TR_AGENDA_ITEM_DATE {
	margin-left:15px;
}

.TR_EVENT_METABOXES_CONTAINER a:hover .TR_AGENDA_ITEM_DATE {
	color:white;
	background-color: black;
}

.infinite-scroll-post-text {
	display:none;
	width:100%;
}

.infinite-scroll-post-text .TR_LOGO {
	margin-bottom:0;
	margin-top:20px;
}

.infinite-scroll-spinner-container {
	display:inline-block;
	width:100%;
	margin-top:100px;
	padding:10px 0;
	text-align:center;
}

.infinite-scroll-spinner-container .spinner {
	display:inline-block;
	border:10px solid #f3f3f3; /* Light grey */
	border-top:10px solid black;
	border-radius:50%;
	width:30px;
	height:30px;
	animation:spin 1.3s linear infinite;	
}

@keyframes spin {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

body[data-post-slug="partenaires"] .TR_PAGE_TEXT a {
	display:inline-block;
}

.archives-buttons {
	display:inline-block;
	width:100%;
	margin:20px 0;
	text-align:center;
}

.archives-buttons .archives-button {
	margin:0 20px 0 0;
	padding:10px 20px;
	border-style:solid;
	border-width:3px;
	border-color:black;
	cursor:pointer;
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:22px;
}

.archives-buttons .archives-button:last-child {
	margin-right:0;
}

.archives-buttons .archives-button:hover,
.archives-buttons .archives-button.current {
	background-color:black;
	color:white;
}

.search-form-agenda/*, #calendar*/{
	display: none;
}

#calendar {
	width: 80%;
	margin: 0 auto 10px auto;
}