@font-face {
	font-family: "DejaVuSansCondensed";
	src: url("/inc/fonts/DejaVuSansCondensed.ttf");
	font-weight: normal;
	font-variant:normal;
}
@font-face {
	font-family: "DejaVuSansCondensed";
	src: url("/inc/fonts/DejaVuSansCondensed-Bold.ttf");
	font-weight: bold;
	font-variant:normal;
}
@font-face {
	font-family: "Futura";
	src: url(/inc/fonts/Futura-Medium-01.ttf);
	font-weight: bold;
	font-variant:normal;
}
@font-face {
	font-family: "MarqueAlsace";
	src: url("/inc/fonts/MarqueAlsace-Regular.otf");
	font-weight: normal;
	font-variant:normal;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.digiForm .form-title, .grp_group_1, .grp_group_2 {display: none;}
body {
    font-size: 14px;
    font-family: "DejaVuSansCondensed", sans-serif;
	box-sizing:border-box;
}
.bloc-sponsors h2 {
	font-size: 24px;
	background-color: #2d3336;
	color: #fff;
	text-align: center;
	width: 25%;
	padding-right: 20px;
	padding: 10px 0;
}
.level-0 + article{display:none;}
body > header.fullpage nav.mainNav{background-color:#fff;}
nav.mainNav > div > ul > li span, .fa-home{color: #662483;}
.bloc-covered .details > .content *{color:#fff;}
.bloc-covered .details > .content h3{font-size:40px;}
.bloc-covered .details > .content p{font-size:28px;line-height:normal;text-align:left;}
main{margin-top: 110px;}
.bloc-covered .details .link a {background: #fff;}
.bloc-program.timeline time{height:inherit;}
.bloc-program.timeline > ul li {margin: 20px 0;}
.bloc-covered .details .link a{background-color:#fff;color:#82358b;}
.bloc-covered.parallax {height: 88vh;}
.bloc-program.timeline .activity{background-color:#662483;}
.bloc-program.timeline .activity::after{border-right-color:#662483;}
.bloc-program.timeline .bullet{color: #662483;background-color: #662483;}
.bloc-program.timeline > ul::before {background-color: #82358b;display:none;}
nav.mainNav .smallLogo {flex: initial;opacity: 1;width: 170px;}
body > header.fullpage nav.mainNav > div > ul {margin-bottom: 20px;}
body > header .overHead {background: #662483;}
nav.mainNav > div {flex: 1;}
.responsiveNav {background-color: #82358b;}
.bloc-covered .details{background: rgba(102, 36, 131, 0.5);}

/* Custom nav menu */
/*nav.mainNav > div > ul > li:nth-child(4) span {color: #8ec448;}
nav.mainNav > div > ul > li:nth-child(4) ul {background-color:  #8ec448;}
nav.mainNav > div > ul > li:nth-child(4) span::before{background: #8ec448;}
nav.mainNav > div > ul > li:nth-child(5) span {color: #a056c8;}
nav.mainNav > div > ul > li:nth-child(5) ul {background-color:  #a056c8;}
nav.mainNav > div > ul > li:nth-child(5) span::before{background: #a056c8;}
nav.mainNav > div > ul > li:nth-child(6) span {color: #32acdf;}
nav.mainNav > div > ul > li:nth-child(6) ul {background-color:  #32acdf;}
nav.mainNav > div > ul > li:nth-child(6) span::before{background: #32acdf;}
nav.mainNav > div > ul > li:nth-child(7) span {color: #ea148d;}
nav.mainNav > div > ul > li:nth-child(7) ul {background-color:  #ea148d;}
nav.mainNav > div > ul > li:nth-child(7) span::before{background: #ea148d;}*/
.confMainModule section article:nth-child(odd) {background-color: #F5F5F5;}
.confMainModule section article:nth-child(even) {background-color: #fff;}
.digiForm article label {font-size: 13px;}
.ev_atelier{padding:3px 0;}
.digiForm article {margin: 10px 0;padding: 6px 0;}

/* --------------------------------------- */
.bloc-button a{ /*  invitation gratuite  */
	background-color: #2d3336;
}
.btn{border-radius:0;font-size: 28px;}

.bloc-button.align-start a {
	background-color: #2d3336;
	border-radius: 0;
}

[data-c="1310"] img {
	width: 100%;
	max-width: 336px;
	height: auto;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, [data-c="1217"] img {width: 300px;} /* IE11 */
	*::-ms-backdrop, img[src="/img/upload/ct/830/STRASBOURG-EUROPTIMIST_cmjn-fondblanc.jpg"] {width: 60%!important;}
	*::-ms-backdrop, .bloc-program.timeline {margin-top:100px;}
	*::-ms-backdrop, .page-form {margin-top:100px !important;}
	*::-ms-backdrop, .struct-blocs > .ct-blocs > div {flex-basis: 400px;margin-top:100px;}
	*::-ms-backdrop, .struct-blocs > .ct-blocs > article {flex-basis: 750px;}
	*::-ms-backdrop, div.bloc-text[data-c="872"] {margin-top: 100px;}
	*::-ms-backdrop, main[data-c="513"] > section {margin-top:100px!important;}
	*::-ms-backdrop, main[data-c="513"] section[data-c="619"] {margin-top:200px!important;}
	*::-ms-backdrop, div[data-c="1233"] div.content {margin-top:100px;}

	*::-ms-backdrop, div[data-c="866"] {margin-top:430px;}
	*::-ms-backdrop, div[data-c="865"] {margin-top:430px;}
	*::-ms-backdrop, div[data-c="554"] {margin-top:0!important;}
	*::-ms-backdrop, div[data-c="555"] {margin-top:0!important;}
	*::-ms-backdrop, div[data-c="556"] {margin-top:0!important;}
	*::-ms-backdrop, div[data-c="557"] {margin-top:0!important;}
	*::-ms-backdrop, div[data-c="821"] .btn {margin-top:450px;}
	*::-ms-backdrop, div[data-c="873"] {margin-top:100px;}
	*::-ms-backdrop, section[data-c="633"] {margin-top:100px;}
	*::-ms-backdrop, .struct-blocs > .ct-blocs {flex-wrap: nowrap!important;}
	*::-ms-backdrop, section[data-c="609"] {margin-top:150px!important;}
	*::-ms-backdrop, section[data-c="609"] div.ct-nb-5 {flex-wrap: wrap!important;}
	*::-ms-backdrop, div[data-c="1233"] {margin-top:200px !important;}
}

/* Outline Out */
.bloc-button.align-start a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.bloc-button.align-start a:before {
  content: '';
  position: absolute;
  border: #2d3336 solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.bloc-button.align-start a:hover:before, .bloc-button.align-start a:focus:before, .bloc-button.align-start a:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
/* --------------- Flip Animation -------------------- */
.flip-card {
 	background-color: transparent;
 	width: 100%;
	height: 400px;
 	perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.9s ease-in-out;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: rgba(41, 128, 185, .6);
  color: white;
  transform: rotateY(180deg);
}
.flip-card-back h1 {color: #fff;font-size: 26px;}
.flip-card-back p {font-size: 18px;line-height: 30px;padding: 0 20px;}
/* --------------- Hover Team -------------------- */
.bloc-image figcaption {
    font-size: 20px;
    font-style: normal;
}
.container {
  position: relative;
  width: initial;
}
.image {
  display: block;
  width: 100%;
  height: auto;
	filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
}
.our-team .content {
    width: 280px;
}
.overlay {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  /*background-color: #e9138b;*/
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  /*border: 2px solid #e9138b;*/
}
.member-1  {
	border: 3px solid #662483;
	background-color: rgba(102, 36, 131, 0.7);
}
.member-2  {
	border: 3px solid #662483;
	background-color: rgba(102, 36, 131, 0.7);
}
.member-3  {
	border: 3px solid #662483;
	background-color: rgba(102, 36, 131, 0.7);
}
.member-4  {
	border: 3px solid #662483;
	background-color: rgba(102, 36, 131, 0.7);
}
.member-5  {
	border: 3px solid #662483;
	background-color: rgba(102, 36, 131, 0.7);
}
.container:hover .overlay:nth-of-type(1) {
	height: 50%;
	border-color: transparent;
}
.container:hover img {
  filter: none;
    -webkit-filter: grayscale(0%);
}
.text {
  /*background-color: #fff;*/
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.text *{ text-align: center;color:#fff;}
.text p {font-size:16px;}
.struct-blocs > .ct-blocs {
    flex-wrap: wrap;
}
.post{font-size: 14px;}

/* --------------------------------------- */
.btn.small {
    padding: 10px 15px;
	border-radius:0px;
	background-color:#2d3336;
}
.bloc-program.timeline span.title {
    font-size: 1.8rem;
    font-weight: normal;
	line-height: normal;
}
/* ---------------- Custom css----------- */
h1, h2, h3, h4{line-height:initial;font-variant:initial;}
h1{text-align:left;padding:20px;}
.bloc-content .hgroup h1{font-size:24px;}
h2{color:#ff6401;font-family: "Futura", sans-serif;}
h3{color:#2d3336;font-family: "Futura", sans-serif;}
p{width:100%;font-size:14px;line-height:20px;}
.content ul {font-size: 14px;}
.form-top .digiForm{max-width:initial;}
nav.mainNav.scroll .smallLogo{align-self: initial;flex:initial;}
body > nav, nav.mainNav > div > ul > li > ul {background-color:rgba(255, 100, 1, 0.9);}
body > header.classic .wrapTitle{height:50%;}
.fa-arrow-circle-o-up{color:#fff;}
.bloc-sponsors, .bloc-text {width: 1200px;margin: 0 auto;padding:10px;}
.bloc-sponsor figure{width:150px;}
table{font-size:14px;border-collapse:collapse;font-weight:normal;width:100%;max-width:100%;}
tr:nth-child(even) {background-color: #32abdf;color:#fff;}
tr:hover{background-color:#3b728a;transition:all .2s ease-in-out;color:#fff;}
td, th{width: calc(100% / 4- 100px);padding: 15px 10px;}
img[src="/img/upload/ct/700/Logo_French_Tech.png"],
img[src="/img/upload/ct/708/in_extenso.png"],
img[src="/img/upload/ct/709/Ardan.png"]{max-width:50%;}
.exponent{width:100px;}

.exhibitors{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.bloc-exhibitor{width: 30%;}
.bloc-exhibitor section h2{font-size:14px;color:#000;}
.bloc-exhibitor section h2:before, .bloc-exhibitor section h2:after{content: "   "}
.bloc-exhibitor aside img {width: 200px;border: 1px solid #ccc;padding: 10px;}

nav.mainNav > div > ul li {background-color: transparent;transition:all .3s linear;}
nav.mainNav .smallLogo img {height: 65px;max-width: 100%;}
nav.mainNav > div > ul > li li {border-bottom: 1px solid #fff;}
nav.mainNav > div > ul li:hover  {cursor: pointer; }
body > header {background-color:transparent;}
body > header.classic .wrapBanner .logo {padding: 0;background: rgba(255,255,255, 1);}
body > header .wrapBanner .logo {height: initial;width: initial;top: 20px;left: 20px;}
body > header .wrapTitle .headerText {text-shadow: initial;}
body > header .wrapBanner .banner img {height:calc(100vh - 110px);}
.saloon-options{margin:10px 0;}
.saloon-options a {font-size:15px;color:#32abdf;}
.wrapTitle > .headerText > div{background-color: rgba(0, 0, 0, .8);padding:20px;width:40%;border-radius:20px;}
.wrapTitle > .headerText *{color:#ffffff;}
.next-saloon .date{font-weight:light;}
.next-saloon .city{font-weight:bold;}
.inscription{font-size:14px;display:block;text-align:center;background-color:#82358b;padding:10px 20px;width: 200px;margin: 0 auto;}
.social-icons{width:40px;}
.doc{color:#e9138b;}
.contact-mail{color:#e9138b;}
.bloc-text .content .partners,
.bloc-text .content .organizer{width:100%;}
.partners img{width:150px;}
.bloc-text .content img{max-width:100% !important;}
.bloc-person > aside figure img{min-height: initial;}
nav.mainNav{height:82px;}
.knowledge{background-color: #a056c8;}
.expert{background-color: #662483;}
.workshop{background-color: #a056c8;}
.network{background-color: #662483;}
.icons{width:40px;}
.reasons{text-align: center;color: #fff;padding: 30px 20px;text-transform:uppercase;height: 160px;width: 100%;}
.reasons p{text-align:center;}
.bloc-image.cover-full img{max-height: 336px;}
nav.mainNav > div > ul > li li:hover{background-color:rgba(255, 255, 255, .4);}

.bloc-program.timeline .fa.fa-workshop::before{
	content: "";
	background-image: url("/img/workshop.svg");
	background-size: 100%;
	width: 80%;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	margin-left: 4px;
}
.bloc-program.timeline .fa.fa-podium::before{
	content: "";
	background-image: url("/img/podium.svg");
	background-size: contain;
	width: 100%;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	margin-left: 2px;
}
/* ------------------ Conférences style ------------------ */
.bloc-program.timeline .autre .activity,
.bloc-program.timeline .autre .bullet {
	background-color: #2d3336;
}
.bloc-program.timeline > ul:nth-child(2) li.autre div::after{
	border-right-color: #2d3336;
}
.bloc-program.timeline .bullet.fa-podium{
	color: #2d3336;
}

/* ------------------ Tarif ------------------- */
.bloc-person > aside figure img{
	border-radius:0px;
	width:300px;
}
.bloc-person > section > article .content{display:block;}
.bloc-person > section > article .content p {text-align:center;}

/* ------------------ Timer ------------------- */
.bloc-countdown h2 {font-size: 30px;}
.bloc-countdown .countdown-bloc{padding-top:0;}
.bloc-countdown .val{font-size:30px;}

/* ------------------ Homepage partner slider ------------------- */
.bloc-slider ul {height: 100px!important;}
.bloc-slider {height: 20vh;}
.bloc-slider .slide > img{height: 100%;object-fit: contain;}
.digi-slideshow .items li img {width: 70% !important;}
.digi-slideshow .fleche{top:30% !important;}
.digi-slideshow .fleche, .digi-slideshow .fleche.left {background-color: rgba(102, 36, 131, 0.9) !important;}

/* ------------------ Pôle Filter ------------------- */
.filter-zone article ul li {
    padding: 10px;
    margin: 10px 10px 10px 0;
    font-size: 16px;
}
.filter-zone article span{display: none;}
.filter-zone article ul li.on {
    background: #a056c8;
	color: #fff;
	font-weight: normal;
}
.filter-zone article ul {width: 100%;}

/* Shutter Out Vertical */
.filter-zone article ul li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.filter-zone article ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #a056c8;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.filter-zone article ul li:hover, .filter-zone article ul li:focus, .filter-zone article ul li:active {
  color: white;
}
.filter-zone article ul li:hover:before, .filter-zone article ul li:focus:before, .filter-zone article ul li:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.struct-wrap .bloc-video iframe {
	width: 568px;
	height: 320px;
}

/* ------------------ Media Queries ------------------ */
@media only screen and (min-width: 1280px)  and (max-width: 1440px) {
	.bloc-button.align-start {
		right: 0%;
		bottom: 110px;
	}
	.bloc-covered.cover-center .details {
    	height: 60%;
		width: 60%;
		left: 20%;
		top: 20%;
	}
	img[src="/img/upload/ct/1217/carte-alsace1.jpg"]{
		position: fixed;
		right: 70px;
		top: 115px;
		z-index: 9999;
		width: 170px;
	}
}

@media only screen and (max-width: 1023px) {
/* tablettes */
	body > header .wrapBanner{padding:10px;}
	body > header .wrapTitle{left:initial;}
	body > header.classic .wrapTitle{width:0;left:50%;}
	.wrapTitle > .headerText > div{width:100%;}
	.partners img{width:90px;}
	.next-saloon{width:100%;padding:10px;}
	.bloc-sponsors, .bloc-text{max-width:100%;}
	.breakfast .ct-blocs {flex-direction: column-reverse !important;}
	body > header .wrapBanner .banner img{width:100%;height:initial;}
	.struct-blocs > .ct-blocs{flex-direction:row;}
	.container:hover .overlay {height: 70%;}
	.bloc-program.timeline .activity {
		background-color: #32acdf;
		position: relative;
		top: 62px;
		margin-bottom: 80px !important;
		margin-left: 0 !important;
		margin-right: 0;
		padding: 1em;
		left: 130px;
		width: 70%;
	}
	.bloc-program.timeline > ul::before {display: none;}
	.bloc-program.timeline .activity::after {
		border-right-color: #662483;
		right: auto;
		left: 4px;
		top: -20px;
		border: 10px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-right-color: transparent;
		border-top-color: transparent;
		border-left-color: transparent;
		border-bottom-color: #32acdf;
	}
	nav.mainNav > div > ul > li span, .fa-home{color:#fff;}
	input[type="text"], select{margin-top:10px;}
	.digiForm article > div{width:100%;padding: 0 10px;}
	.digiForm article label{text-align:left;}
	.bloc-program.timeline > ul:nth-child(2) li.autre div::after {
		border-bottom-color: #2d3336;
	}
	.bloc-program.timeline > ul:nth-child(2) li.autre div::after {
		border-right-color: transparent;
	}
	.bloc-button.align-start {
		position: unset;
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.bloc-button.align-start a {font-size:2.5rem;background-color: #2d3336;padding: 20px 12px;}
	.our-team .content, .overlay {
		width: 305px;
	}
	.bloc-covered.cover-center .details {
		height: 70vh;
		width: 80%;
		left: 10%;
		top: 10%;
	}
	.btn {font-size:18px;}
	.flip-card {
		pointer-events: none;
	}

	.bloc-exhibitor {
		width: 50%;
	}
	img[src="/img/upload/ct/1217/carte-alsace1.jpg"]{display: none;}
}

@media only screen and (min-width: 1024px) and (max-width: 1336px){
	/* tablettes iPad Pro 12.9-inch*/
	.breakfast .ct-blocs{flex-direction:inherit;}
	.wrapTitle > .headerText > div{width:60%;}
	body > header .wrapBanner .banner img {height: initial;}
	.bloc-sponsors, .bloc-texte{max-width:100%;}
	.bloc-button.align-start {text-align: center;position:static;}
}

@media only screen and (max-width: 767px) {
/* smartphone */

	.flip-card {
		pointer-events: none;
	}
	.container img{width:100%;}
	body > header .wrapTitle{position:initial;}
	body > header.classic .wrapTitle{width:100%;}
	body > header .wrapBanner{padding:10px;}
	body > header .wrapBanner .logo{width:30%;}
	body > header .wrapBanner .banner img{width: 100%;height: 100%;}
	.bloc-image img {width: 85%;}
	nav.mainNav{height:82px;}
	.bloc-sponsors, .bloc-text {width: 100%;}
	.bloc-sponsor {width: 160px;}
	.partners img{width:80px;}
	.next-saloon{width:100%;padding:10px;background-color: #82358b}
	.bloc-text{padding: 30px}
	.inscription{color: #82358b;}
	table{font-size:12px;}
	.wrapTitle > .headerText > div{width: 100%;}
	article h2{padding-left: 30px;}
	.struct-blocs > .ct-blocs{flex-direction:column; justify-content:center; align-items:center; }
	.container:hover .overlay {height: 40%;}
	nav.mainNav.scroll .smallLogo{width:40%;}
	.bloc-covered .details > .content h3 {font-size: 28px;}
	.bloc-covered .details > .content p {font-size: 18px;}
	.bloc-covered.cover-center .details{height:50%;}
	.struct-blocs > .ct-blocs > .align-start{width:100%;}
	.bloc-program.timeline time{width:100%;}
	.bloc-program.timeline .activity{width:80%;left: 35px;}
	.bloc-program.timeline .bullet{left:14%;}
	.bloc-covered.parallax{background-size: cover;}
	.bloc-covered.parallax {height: 70vh;}
	.flip-card-front img {height:auto !important;}
	.flip-card{height:248px;}
	.bloc-button a{width:100%;}
	.bloc-person > aside figure img {width: 380px;}
	.bloc-countdown .countdown-bloc{flex-direction:row;}
	.bloc-countdown h2 {font-size: 24px;}
	.our-team .content, .overlay {
		width: 100%;
	}
	.exhibitors {
		flex-direction: column;
		align-items: center;
	}
	.bloc-exhibitor {
		width: 100%;
		margin: 3vh 0;
	}
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Sweep To Right */
.bloc-covered .details .link a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bloc-covered .details .link a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #82358b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bloc-covered .details .link a:hover, .bloc-covered .details .link a:focus, .bloc-covered .details .link a:active {
  color: white;
}
.bloc-covered .details .link a:hover:before, .bloc-covered .details .link a:focus:before, .bloc-covered .details .link a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Grow Shadow */
.bloc-image.cover-margin img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.bloc-image.cover-margin img:hover, .bloc-image.cover-margin img:focus, .bloc-image.cover-margin img:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Float */
.bloc-sponsor figure img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 110px;
}
.bloc-sponsor figure img:hover, .bloc-sponsor figure img:focus, .bloc-sponsor figure img:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Grow Shadow */
.bloc-button a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.bloc-button a:hover, .bloc-button a:focus, .bloc-button a:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color:#fff;
}

/* Shrink */
.pole-present .cover-margin img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.pole-present .cover-margin img:hover, .pole-present .cover-margin img:focus, .pole-present .cover-margin img:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Sweep To Bottom */
nav.mainNav > div > ul > li span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
nav.mainNav > div > ul > li span:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #662483;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
nav.mainNav > div > ul > li span:hover, nav.mainNav > div > ul > li span:focus, nav.mainNav > div > ul > li span:active {
  color: white;
}
nav.mainNav > div > ul > li span:hover:before, nav.mainNav > div > ul > li span:focus:before, nav.mainNav > div > ul > li span:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Forward */
.activity {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.activity:hover, .activity:focus, .activity:active {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}