body { overflow-x: hidden; }
.rseLightGreen { color: #00a886; }
.rseBlack { color: #000000; }
.rseFontWesfy { font-family: wes!important; }
.rsePT25 { padding-top: 25px; }
.rseMW95p100 { max-width: 95%; }
.rsePL20 { padding-left: 20px; }
div.slick-slide { height: auto; }
ul.slick-dots { position: absolute; top: 95%; left: 65%;margin-top:-30px;width:auto; }
ul.slick-dots li { display: inline-block; margin: 0 5px; text-indent: -9999px; border: none; border-radius: 100%; width: 12px; height: 12px; 
				   background: url("https://images.truffaut.com/evenements/rse/bullet-empty.png") center top no-repeat; }
ul.slick-dots li.slick-active { background: url("https://images.truffaut.com/evenements/rse/bullet-full.png") center top no-repeat; }

.rse-slick-container { position: relative; display: block; max-width: 875px; background-color: #EBF9F3; max-height: 400px; margin-top: 40px; text-align: left; }
.rse-slick-container .img-container { display: inline-block; width: auto; }
.rse-slick-container .img-container img { width: 360px; height: 400px; }
.rse-slick-container .txt-container { display: inline-block; vertical-align: top; padding: 30px 28px 0 15px; max-width: 510px; }
.rse-slick-container .txt-container .bloc-haut { display: block; margin-bottom: 20px; }
.rse-slick-container .txt-container .bloc-haut .title h3 { font: bold 25px/28px 'wes', Arial, sans-serif; color: #232323; margin-bottom: 10px; }
.rse-slick-container .txt-container .bloc-haut .desc p { font: 600 17px/23px 'wes', Arial, sans-serif; color: #232323; margin-bottom: 40px; }
.rse-slick-container .txt-container .bloc-bas { display: block; }
.rse-slick-container .txt-container .bloc-bas .title h3 { font: bold 25px/24px 'wes', Arial, sans-serif; color: #232323; margin-bottom: 15px; }
.rse-slick-container .txt-container .bloc-bas .desc p { font: bold 18px/23px 'wes', Arial, sans-serif; color: #50b793; }

/* Remaster magento style */
.advise-quote_img_netstim { position: absolute; right: 0; top: -60px; max-width: none; }
.advise-quote_block_netstim { padding-top: 30px; padding-bottom: 25px; }
.text-start{ text-align: left; }
.page-main { left: 50%; position: relative; margin: 0; padding: 0; }
.fullWidth { width: 100vw; margin-left: -50vw; }
.fixWidth { margin: 0 auto; width: 100%; max-width: 1165px; }
.rseBandeau { overflow: hidden; width: 100%; line-height: 1px; background: white url(https://images.truffaut.com/evenements/rse/banniere-rse.jpg) center top no-repeat;
			  height: 363px; text-align: center; display: table; }
.rseBandeau h1 { color: white; display: table-cell; vertical-align: middle; font-size: 50px; }
.rseNav { width: 100%; height: 36px; background-color: #00a886; text-align: center; margin-bottom: 25px; }
.rseNav li { display: inline-block; }
.rseNav a { font: bold 18px/36px 'wes','Helvetica Neue',Helvetica,Arial,sans-serif;	color: white; width: 295px;	text-align: center;	display: block; }
.rseNav a.active, .rseNav a:hover { border-bottom: 4px solid #2d7662; color: #2d7662; }
.rseContent { max-width: 1164px; margin: 0 auto; padding-bottom: 40px; }
.text-center { text-align: center; }
.rseActionsVenir { display: block; max-width: 100%; margin: 30px 0 0 0; text-align: center; }
.rseActionsVenir li { display: inline-block; margin: 0px 15px 15px 15px; background-color: #f7f7f7; text-transform: uppercase; text-align: center; vertical-align: top; }
.rseActionsVenir li span.cell { display: table-cell; vertical-align: middle; height: 100px; font: 600 20px/24px 'wes','Helvetica Neue',Helvetica,Arial,sans-serif; width: 355px; }
.advise-quote_widget { overflow: visible; }
.page-main p.advise-quote_text { font-size: 25px; line-height: 32px; max-width: 100%; }

.h1-like { color: white; display: table-cell; vertical-align: middle; font-size: 50px; font-family: 'wes','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 700; line-height: 43px; letter-spacing: 1px; }
.a-like { display: block; height: 0; line-height: 50px; text-decoration: none; padding: 0 10px; box-sizing: border-box; min-width: 80px; text-align: center; 
		  font: bold 18px/50px 'wes','Helvetica Neue',Helvetica,Arial,sans-serif; color: white; width: 295px; }
.rseNav a:hover h1.a-like { color: #2d7662; }
.fixWidth .advise-widget:first-of-type{ margin-top: 20px;}
.clearfix { clear: both; }

/* sur mobile seulement */
@media (max-width: 900px) {
	.rse-slick-container { text-align: center; max-height: 100%; padding-bottom: 40px; min-height: 920px; }
	.rse-slick-container .txt-container { max-width: 95%; padding: 60px 20px 0 20px; }
	ul.slick-dots { top: 48%; left: 38%; }
}
@media (max-width: 1164px) {
	.fullWidth { padding: 0 15px; }
	.rseActionsVenir li span.cell { width: 325px; }
	.advise-quote_img_netstim { position: relative; max-width: none; margin: 30px auto; top: 0; right: 0; align-self: center; }
	.advise-quote_block_netstim { padding-top: 0; padding-bottom: 0; }
	.rseNav a { width: 210px; }
	.a-like { width: 210px; }
}

/* Début SwipNavigation */
.swipenavigation { overflow: hidden; position: relative; width: 100%; height: 50px; }

.swipenavigation.has-scroll .next,
.swipenavigation.has-scroll .back { display: block; }

.swipenavigation.has-scroll ul { padding-left: 50px; padding-right: 50px; }

.swipenavigation .next,
.swipenavigation .back { position: absolute; width: 50px; height: 50px; line-height: 50px; z-index: 2; top: 0; text-decoration: none; text-align: center; background-color: rgba(45, 118, 98, 0.6);
						 font-size: 20px; font-weight: bold; color: #ffffff; }

.swipenavigation .next:hover:not(.hover-disabled),
.swipenavigation .back:hover:not(.hover-disabled) { transition: green 0s; background-color: #fff; }

.swipenavigation .next.is-hidden,
.swipenavigation .back.is-hidden { display: none; }

.swipenavigation .next { right: 0; }
.swipenavigation .back { left: 0; }
.swipenavigation ul { width: auto; list-style: none; margin: 0; padding: 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 0; letter-spacing: -1em; word-spacing: -1em; text-align: center; }
.swipenavigation ul li { display: inline-block; margin: 0; padding: 0; font-size: 1rem; letter-spacing: normal; word-spacing: normal; }
.swipenavigation ul li a { display: block; height: 50px; line-height: 50px; text-decoration: none; box-sizing: border-box; min-width: 80px; text-align: center; }
.swipenavigation ul li a:hover:not(.hover-disabled) { background-color: #ffffff; }
.swipenavigation ul li a.hover-disabled.touch { background-color: #ffffff; color: #2d7662; }
/* Fin SwipNavigation */