@charset "UTF-8";
/* CSS Document */

/* ////////////////////////////////////////////////////////////////////////////

	The Auction // CSS
	BF 2019
	-
	
	01 . IMPORT CSS + FONTS
	02 . BASE
	03 . INTERFACE
	04 . SECTION
	05 . ABOUT
	06 . ABOUT ››› ZOOM
	07 . ACT I
	08 . ACT I ››› ZOOM
	09 . ACT II
	10 . HOW TO
	11 . NEWS
	12 . NEWS ››› ZOOM
	13 . POPIN
	14 . HOME
	15 . PAGE
	16 . PARTNERS
	17 . xxxxxx
	18 . xxxxxx
	19 . xxxxxx
	20 . xxxxxx
	
//////////////////////////////////////////////////////////////////////////// */





/* ////////////////////////////////////////////////////////////////////////////

    01 . IMPORT CSS + FONTS

//////////////////////////////////////////////////////////////////////////// */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Unica+One&display=swap');

@import url('bootstrap-xlgrid.css');
@import url('animsition.css');
@import url('font-awesome.css');
@import url('slick.css');
/**/
@import url('register.css');
@import url('live.css');
@import url('breeding.css');





/* ////////////////////////////////////////////////////////////////////////////

    02 . BASE

//////////////////////////////////////////////////////////////////////////// */

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.7;
	color: #fff;
	overflow-x: hidden;
	background-color: #000;
}


::selection { color: #fff; }
::-moz-selection { color: #fff; }
::selection { background-color: #000; }
::-moz-selection { background-color: #000; }

/* LIENS */
a {
	color:#fff;
	text-decoration:none;
	/**/
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
}
.no-touch a:hover { color:#fff; outline:0; text-decoration:none; }
a:active, a:focus { color:#fff; outline:0; text-decoration:none; }

a.link { display:inline-block; position:relative; line-height:1.2; }

a.link:after {
	background-color: #fff;
	content: "";
	height: 1px;
	right: 0;
	position: absolute;
	bottom: -2px;
	width: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-touch a.link:hover:after { width:100%; }

a[href^=tel]{
    color:inherit;
    text-decoration:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}

/* TEXTE */
br { font-size:0; line-height:0; }
strong, b { font-weight:700; }

/* IMAGE */
img { position:relative; max-width:100% }

/* LISTES */
/*ol, ul { margin:0; padding:0; list-style:none; }*/

/* PARAGRAPHES */
p { margin:0 0 10px 0; padding:0; }
p:last-child { margin:0; }

/* TITRES */
h1, h2, h3, h4, h5, h6 { 
	font-weight:700; 
	line-height:1;
	margin:0;
	padding:0;
}

/* BOOTSTRAP HACK 
[class*="col-"] { margin-bottom: 30px; }
[class*="col-"]:last-child { margin-bottom: 0; }*/

.no-padding { padding:0; }


/* ------------------------------------------- 
	SCROLLBAR
------------------------------------------- */
body::-webkit-scrollbar { width:8px; background:transparent; cursor:inherit; }
body::-webkit-scrollbar-track { border-radius:10px; cursor:default; }
body::-webkit-scrollbar-thumb { background-color:#afacac; cursor:default; }


/* ------------------------------------------- 
	PRELOADER
------------------------------------------- */
.animsition-loading,
.animsition-loading:after {
	width: 36px;
	height: 36px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -18px;
	border-radius: 50%;
	z-index: 100;
}
.animsition-loading {
	opacity: .2;
	background-color: transparent;
	border:none;
	background-color: #fff;
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1);
	}
}





/* ////////////////////////////////////////////////////////////////////////////

    03 . INTERFACE

//////////////////////////////////////////////////////////////////////////// */


/* ------------------------------------------- 
	HEADER
------------------------------------------- */
.header{
    position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:100;
} 
.header-wrapper{
    position: relative;
	width: calc(100% - 100px);
	margin-left: 50px;
}
.cd-header {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(21, 21, 21, 1);
	width: 100%;
	z-index: 2002;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	height: 100px;
	background: transparent;
	box-shadow: none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-header.is-fixed {
	position: fixed;
	top: -100px;
	background-color: rgba(21, 21, 21, 0.96);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.cd-header.is-visible {
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.cd-header.menu-is-open {
	background-color: rgba(21, 21, 21, 0);
}

@media (max-width: 767px) {
    .header-wrapper{
        position: relative;
        width: calc(100% - 30px);
        margin-left: 15px;
    }
}


/* ------------------------------------------- 
	LOGO
------------------------------------------- */
.logo-wrap {
	position: absolute;
	display:block;
	left:0;
	top: 20px;
	cursor: pointer;
}
.logo-wrap a {
	cursor: pointer;
}
.logo-wrap img{
	height:60px;
	width:auto;
	display:block;
	cursor: pointer;
}


/* ------------------------------------------- 
	BT REGISTER
------------------------------------------- */
.register-wrap { 
	position: relative;
	display: inline-block;
	float: right;
	padding-right: 20px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.register-wrap a {
    display: inline-block;
    padding: 0.8em 1.2em;
    text-align: center;
    border-radius: 0;
    color: #afacac;
    margin-top: 35px;
    font-weight: 700;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    background: linear-gradient(to right, rgba(175, 172, 172, 0) 25%, rgba(208, 208, 208, 0.8) 75%);
    background-position: 1% 50%;
    background-size: 400% 300%;
    border: 1px solid #afacac;
    transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.no-touch .register-wrap a:hover {
    transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.no-touch .register-wrap a:hover {
    color: white;
    color: #fff;
    text-decoration: none;
    background-position: 99% 50%;
}

@media (max-width: 767px) {
    .register-wrap {
        padding-right: 10px;
    }
    .register-wrap a {
        display: inline-block;
        padding: 0.8em 1em;
        font-weight: 700;
        font-size: 11px;
        line-height: 12px;
        letter-spacing: 0;
        margin-top: 35px;
    }
}


/* ------------------------------------------- 
	BT NAV
------------------------------------------- */
.nav-but-wrap{ 
	position: relative;
	display: inline-block;
	float: right;
	padding-left: 15px;
	padding-top: 15px;
	margin-top: 26px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.menu-icon {
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: block;
}
.menu-icon__line {
	height: 2px;
	width: 30px;
	display: block;
	background-color: #fff;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, background-color .5s ease;
	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
	width: 16.5px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon__line-right {
	width: 16.5px;
	float: right;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
	width: 30px;
}


/* ------------------------------------------- 
	NAVIGATION
------------------------------------------- */
.nav {
	position: fixed;
	z-index: 98;
}
.nav:before, .nav:after {
	content: "";
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(21, 21, 21, 0.6);
	z-index: -1;
	-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
	transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
	-webkit-transform: translateX(0%) translateY(-100%);
          transform: translateX(0%) translateY(-100%);
}
.nav:after {
	background: rgba(21, 21, 21, 1);
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.nav:before {
	-webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.nav__content {
	position: fixed;
	visibility: hidden;
	overflow: hidden; 
	top: 50%;
	margin-top: 20px;
	-webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
	width: 100%;
	text-align: center;
}
.nav__list {
	padding: 0;
	margin: 0;
  margin-top:100px;
}
.nav__list-item {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
	opacity: 0;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-family: 'Montserrat', sans-serif;
	font-size: 7vh;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: 3px;
	-webkit-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, transform .3s ease;
	transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
	margin-top:  0;
	margin-bottom: 20px;
}
.nav__list-item:last-child {
	margin-bottom: 0;
}
.nav__list-item span {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
	opacity: 0;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-size: 3vh;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	font-family: 'Playfair Display', serif;
    font-style:italic;
	-webkit-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, transform .3s ease;
	transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
	margin-top: 3px;
	margin-bottom: 5px;
}
.nav__list-item span:last-child {
	text-transform: uppercase;
	font-size: 1.8vh;
	color: #999;
	margin-bottom: 10px;
    font-family: inherit;
    font-style: normal;
}
.nav__list-item i {
	font-size: 2.5vh;
    vertical-align: middle;
}
.nav__list-item a{ 
	position: relative;
	text-decoration: none;
	color: rgba(255,255,255,1);
	overflow: hidden; 
	cursor: pointer;
    vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.nav__list-item a:after{ 
	position: absolute;
	content: '';
	top: 50%;
	left: -100%;
	width: 100%;
	height: 3px;
	opacity: 0;
	margin-top: 3px;
	background-color: #fff;
	z-index: 3;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.nav__list-item a:hover:after{ 
	left: 0;
	opacity: 1;
}
.nav__list-item a:hover{
	color: rgba(255,255,255,.4);
}
.nav__list-item.active-nav a{
	color: rgba(255,255,255,.4);
}
.nav__list-item.active-nav a:after{ 
	left: 0;
	opacity: 1;
}

/* SUBNAV */
.nav__list-item.subnav {
	font-size: 18px;
	font-weight: 500;
	margin-top: 60px;
    letter-spacing: 0;
    position:relative;
    overflow: inherit;
}
.nav__list-item.subnav:before {
    position:absolute;
    content:"";
    display: block;
    width:50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height:1px;
    background: #333;
    top:-30px;
}
.nav__list-item.subnav a {
	margin: 0 15px 10px 0;
}
.nav__list-item.subnav a:after{ 
	height: 2px;
	margin-top: 0; 
}
.nav__list-item.subnav a:last-child {
	margin: 0 0 0 0;
}
.nav__list-item.subnav a.active-nav {
	color: rgba(255,255,255,.4);
}
.nav__list-item.subnav a.active-nav:after{ 
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	opacity: 1;
	margin-top: 0;
	background-color: #fff;
	z-index: 3;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}


/* LANG */
.nav__list-item.lang {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
	opacity: 0;
	text-align: center;
	color: rgba(255,255,255,.4);
	overflow: hidden;
	font-size: 14px;
	margin-top: 60px;
    letter-spacing: 0;
}
.nav__list-item.lang a:after{ 
	position: absolute;
	content: '';
	top: 50%;
	left: -100%;
	width: 100%;
	height: 3px;
	opacity: 0;
	margin-top: 3px;
	background-color: #fff;
	z-index: 3;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.nav__list-item.lang a { color: #a7a7a7; }
.no-touch .nav__list-item.lang a:hover { color: #fff; }
.nav__list-item.lang a.active { color: #fff; }

body.nav-active .nav__content {
	visibility: visible;
}
body.nav-active .cd-header.is-fixed {
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
body.nav-active .cd-header.is-visible {
}
body.nav-active .menu-icon__line {
	background-color: #fff;
	-webkit-transform: translate(0px, 0px) rotate(-45deg);
          transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
	width: 15px;
	-webkit-transform: translate(2px, 4px) rotate(45deg);
          transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
	width: 15px;
	float: right;
	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);
          transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
	width: 15px;
}
body.nav-active .nav {
	visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
	-webkit-transform: translateX(0%) translateY(0%);
          transform: translateX(0%) translateY(0%);
}
body.nav-active .nav:after {
	-webkit-transition-delay: .1s;
          transition-delay: .1s;
}
body.nav-active .nav:before {
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body.nav-active .nav__list-item {
	opacity: 1;
	-webkit-transform: translateX(0%);
          transform: translateX(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item span {
	opacity: 1;
	-webkit-transform: translateX(0%);
          transform: translateX(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
	-webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
body.nav-active .nav__list-item:nth-child(1) {
	-webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
body.nav-active .nav__list-item:nth-child(2) {
	-webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
body.nav-active .nav__list-item:nth-child(3) {
	-webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(4) {
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(5) {
	-webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(6) {
	-webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(7) {
	-webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(8) {
	-webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(9) {
	-webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(10) {
	-webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

@media (max-width: 767px) { 
    .nav__content {
        margin-top: 40px;
    }
    .nav__list-item {
        margin-bottom: 5px;
    }
    .nav__list-item.subnav {
        font-size: 16px;
	   margin-top: 40px;
    }
    .nav__list-item.lang {
        margin-top: 30px;
    }
    .nav__list-item.subnav:before {
        width:80%;
        top:-20px;
    }
}


/* ------------------------------------------- 
	SCROLL TO TOP
------------------------------------------- */
.scroll-to-top{
	position: fixed;
	top: 50%;
	right: 20px;
	display: none;
	width: 35px;
	height: 80px;
	z-index: 51;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 43px 43px;
	cursor: pointer;
	background-image: url('../img/arrow-up.svg');
	transform: translateY(-50%);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear; 
}
.scroll-to-top:after{
	position: absolute;
	top: 27px;
	left: 17px;
	width: 1px;
	height: 26px;
	background-color: #fff;
	content: '';
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear; 
}
.scroll-to-top:hover:after{
	top: 32px;
	height: 36px;
}

@media (max-width: 1350px) { 
	.scroll-to-top{
		background-color: #333;
		transform: translateY(0);
		top: auto;
		right: 20px;
		bottom: 20px;
		background-size: 35px 35px;
		height: 35px;
	}
	.scroll-to-top:after{
		display: none;
	}
}


/* ------------------------------------------- 
	FOOTER
------------------------------------------- */
.footer {
	position: relative;
    padding:150px 0 20px 0;
}
.footer:after {
	position: absolute;
    content:"";
    top:150px;
    left:50%;
    display:inline-block;
    width:1px;
    height:135px;
    background: #4c4c4c;
}
@media (max-width: 991px) {
    .footer { padding:100px 0 20px 0; }
	.footer:after { display:none; }
}

.footer-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color:#641e18;
    margin:0 0 10px 0;
}
.footer-subtitle {
    font-size: 18px;
    line-height: 21px;
    color:#fff;
    font-style: italic;
    margin:0 0 20px 0;
}

.join,
.follow {
    text-align: center;
}

/* JOIN */
.join {
	position: relative;
    margin:0 0 40px 0;
}
.form-newsletter {
	position: relative;
	display:inline-block;
}
.form-newsletter input {
	text-transform:none!important;
	position: relative;
	background:transparent;
	color:#fff!important;
	width: 375px;
	font-size:14px!important;
	font-weight:300!important;
	border: #222 solid 1px;
	height: 46px;
	padding: 10px 0 10px 12px;
	outline: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	/**/
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
    /**/
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.form-newsletter input:hover, .form-newsletter input:focus {
	border-bottom: #222 solid 1px;
}

.form-newsletter input::-webkit-input-placeholder { color: #fff!important; font-weight:300!important; text-transform:none!important; font-size:14px!important; }
.form-newsletter input:-moz-placeholder { color: #fff!important; font-weight:300!important; text-transform:none!important; font-size:14px!important; }
.form-newsletter input::-moz-placeholder { color: #fff!important; font-weight:300!important; text-transform:none!important; font-size:14px!important; }
.form-newsletter input:-ms-input-placeholder { color: #fff!important; font-weight:300!important; text-transform:none!important; font-size:14px!important; }

.form-newsletter button {
	outline:0;
	position: absolute;
	z-index: 1;
	right:10px;
	top: 0px;
	height: 46px;
	font-size:18px;
	line-height:46px;
	border: none;
	background-color:transparent;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
	color:#fff;
	padding: 0;
	margin: 0;
	width: 45px;
	text-align: right;
	cursor: pointer;
	@inlude transform(translateZ(0));
	/**/
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.no-touch .form-newsletter button:hover { color:#999; }

@media (max-width: 767px) { 
	.form-newsletter input { width: 300px; }
}

/* FOLLOW */
.follow {
	position: relative;
    margin:0 0 40px 0;
}
.follow ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;    
}
.follow ul li {
    display: inline-block;
    margin:0 5px;
}
.follow ul li a {
    width:46px;
    height:46px;
    font-size: 24px;
    line-height: 42px;
    border-radius: 50%;
    display: inline-block;
    border:#fff solid 1px;
    text-decoration: none;
    text-align: center;
}
.follow ul li a i {
    margin-left:1px;
}
.no-touch .follow ul li a:hover {
    text-decoration: none;
    border:#fff solid 1px;
    background: #fff;
    color:#000;
}

/* WEBSITES */
.websites {
	position: relative;
    margin:0 0 40px 0;
    text-align: center;
}
.websites span {
    display:block;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight:600;
    margin:0 0 20px 0;
}
.websites ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;    
}
.websites ul li {
    display: inline-block;
    margin:0 20px;
}
.websites ul li a {
    color:#fff;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
}
.no-touch .websites ul li a:hover {
    text-decoration: none;
    color:#999;
}
.websites ul li a img {
    height:72px;
}

/* FOOTNAV */
.footnav {
    text-align: left;
}
.footnav ul {
     margin:0;
    padding:0;
    list-style:none;
    font-size:0;   
}
.footnav ul li {
    display: inline-block;
    margin:0 10px;
}
.footnav ul li a {
    color:#fff;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    color:#b4abaa;
}
.no-touch .footnav ul li a:hover {
    text-decoration: none;
    color:#fff;
}

/* COPYRIGHT */
.copyright {
    text-align: right;
    font-size: 13px;
    color:#b4abaa;
}

@media (max-width: 991px) { 
	.footnav, .copyright {
        text-align: center;
    }
    .copyright {
        margin:20px 0 0 0;
    }
    .footnav ul li a {
        font-size: 14px;
        line-height: 14px;
    }
}

@media (max-width: 767px) { 
	.footnav {
        text-align: center;
    }
    .copyright {
        margin:20px 0 0 0;
    }
    .footnav ul li {
        display: block;
        margin:0 0 10px 0;
    }
    .footnav ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .websites ul li {
        margin:0 10px;
    }
    .websites ul li a img {
        height:50px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    04 . SECTION

//////////////////////////////////////////////////////////////////////////// */

.section {
    position: relative;
	width: 100%;
	display: block;
}

.section-inner {
	max-width: 1350px;
    margin: 0 auto;
}





/* ////////////////////////////////////////////////////////////////////////////

    05 . ABOUT

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.about-intro {
	padding: 200px 0 100px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.about-intro h1 {
	font-size: 116px;
	line-height: 120px;
	font-weight: 600;
    margin:0 0 50px 0;
}

.section.about-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

@media (max-width: 991px) {
    .section.about-intro h1 {
        font-size: 86px;
        line-height: 90px;
        margin:0 0 40px 0;
    }
}

@media (max-width: 767px) {
    .section.about-intro {
        padding: 150px 0 100px 0;
    }
    .section.about-intro h1 {
        font-size: 66px;
        line-height: 70px;
    }
}


/* ------------------------------------------- 
	ACTS
------------------------------------------- */
.section.about-acts {
	padding: 50px 0 100px 0;
    text-align: center;
    background: #161616;
}

.section.about-acts:before {
    left: 0;
    top: -50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616' /%3E%3C/svg%3E");

}
.section.about-acts:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");    
}

.about-acts-title {
	font-size: 24px;
	line-height: 30px;
}
.about-acts-title span {
    display: block;
    margin: 0 0 5px 0;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
}

.about-act {
    display: block;
    padding: 30px 40px 20px 40px;
    border: #fff solid 1px;
    margin:40px 0 0 0;
    text-align: center;
}
.about-act img {
    height:100px;
    width:auto;
}
.about-act img.sep {
    height:auto;
    width:15px;
    padding:20px 0;
}
.about-act-title {
	font-size: 60px;
	line-height: 54px;
	font-weight: 600;
    text-transform: uppercase;
    margin:20px 0 0 0;
}
.about-act-subtitle {
	font-size: 36px;
	line-height: 40px;
    margin:10px 0 0 0;
	font-family: 'Playfair Display', serif;
    font-style:italic;
}
.about-act-date {
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
}
.about-act-city {
	font-size: 16px;
	line-height: 18px;
    margin:5px 0 0 0;
}
.about-act a {
    display: inline-block;
	position:relative;
    bottom:-40px;
    left:0;
    right:0;
    margin:0 auto;
	font-weight: 600;
    text-decoration: none;
}
.about-act a span {
    display: inline-block;
    background: #641e18;
	font-size: 14px;
    padding:8px 20px;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.no-touch .about-act a:hover span {
    text-decoration: none;
    background: #fff;
    color:#641e18;
}

@media (max-width: 767px) {
    .section.about-acts { padding: 50px 0 75px 0; }
    .section.about-acts:before { top: -25px; height: 25px; }
    .section.about-acts:after { bottom: -25px; height: 25px; }
    .about-act { padding: 20px 40px 0 40px; }
    .about-act img { height:60px; }
    .about-act img.sep { padding:10px 0; }
    .about-act-title { font-size: 48px; line-height: 48px; margin:15px 0 0 0; }
    .about-act-subtitle { font-size: 30px; line-height: 34px; margin:5px 0 0 0; }
    .about-act-date { font-size: 24px; line-height: 24px; }
    .about-act-city { font-size: 14px; line-height: 16px; margin:5px 0 0 0; }
    .about-act a { bottom:-20px; }
}


/* ------------------------------------------- 
	ORGANIZERS
------------------------------------------- */
.section.about-organizers {
	padding: 100px 0 50px 0;
    background: #060606;
}
.section.about-organizers:after {
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0 0, 0 100, 100 0' style='fill:%23060606' /%3E%3C/svg%3E");    
}

@media (max-width: 767px) {
    .section.about-organizers { padding: 50px 0 50px 0; }
    .section.about-organizers:after { bottom: -25px; height: 25px; }
}

.about-organizer {
    position:relative;
    width: 100%;
    overflow:hidden;
}

/* IMAGE */
.about-organizer .bloc-image {
    position:relative;
    display: table-cell;
    width:50%;
    height: 100%;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.about-organizer:nth-child(even) .bloc-image { left: 50%; }

/* TXT */
.about-organizer .bloc-txt {
    position:relative;
    width:50%;
    height: 100%;
    display: table-cell;
    padding:0;
    text-align: left;
    z-index:2;
}
.about-organizer:nth-child(even) .bloc-txt { left:-50%; }

.about-organizer .bloc-txt .inner {
    width:90%;
    padding:65px 20px 65px 40px;
}

/* NOM */
.about-organizer .bloc-txt .organizer-name {
    font-size:24px;
    line-height:28px;
    margin-bottom:25px;
}
.about-organizer .bloc-txt .organizer-name span {
    display:block;
    font-size:48px;
    text-transform: uppercase;
    font-weight:600;
    margin-top:10px;
}

/* POSTE */
.about-organizer .bloc-txt .organizer-job {
	font-family: 'Playfair Display', serif;
    font-style:italic;
    font-size:21px;
    line-height:28px;
    margin-bottom:30px;
}

/* DESC */
.about-organizer .bloc-txt .organizer-desc {
    position:relative;
}
.about-organizer .bloc-txt .organizer-desc:before {
    position:absolute;
    content:'“';
	font-family: 'Playfair Display', serif;
    font-style:italic;
    color:#641e18;
    font-size:124px;
    top:-75px;
    left:-60px;
    z-index: -1;
}
.about-organizer .bloc-txt .organizer-desc p {
    font-size:16px;
    line-height:30px;
    color:#b5b5b5;
}

/* LIEN */
.about-organizer .bloc-txt a {
    display: inline-block;
	position:relative;
    margin-top:40px;
	font-weight: 600;
    font-size:14px;
    line-height:14px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.050em;
}
.about-organizer .bloc-txt a i {
    margin-left:5px;
}
.no-touch .about-organizer .bloc-txt a:hover {
    text-decoration: none;
    color:#999;
}

@media only screen and (max-width: 991px) {
    .about-organizer { margin-bottom:30px; }
    .about-organizer:last-child { margin-bottom:0; }
    .about-organizer:nth-child(even) .bloc-image { left: 0; }
    .about-organizer:nth-child(even) .bloc-txt { left:0; }
    /**/
    .about-organizer .bloc-image { display:block; width:100%; height:350px; }
    .about-organizer .bloc-txt { display:block; width:100%; }
    .about-organizer .bloc-txt .inner { width:100%; padding:20px 15px; }
    /**/
    .about-organizer .bloc-image {
        /**/
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center center;
    }
}

@media (max-width: 575px) {
    .about-organizer .bloc-image { 
        height:400px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    06 . ABOUT ››› ZOOM

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.about-zoom-intro {
	padding: 150px 0 50px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.about-zoom-intro h1 {
	font-size: 72px;
	line-height: 72px;
	font-weight: 600;
    margin:20px 0 50px 0;
}
.section.about-zoom-intro h1 span {
    display:block;
	font-size: 21px;
	line-height: 24px;
    margin:15px 0 0 0;
    font-style:italic;
}

.section.about-zoom-intro a {
    color:#a7a7a7;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
.section.about-zoom-intro a i {
    margin-right:5px;
	font-size: 14px;
}
.no-touch .section.about-zoom-intro a:hover {
    color:#fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .section.about-zoom-intro {
        padding: 150px 0 0 0;
    }
    .section.about-zoom-intro h1 {
        font-size: 48px;
        line-height: 48px;
    }
}


/* ------------------------------------------- 
	DETAIL
------------------------------------------- */
.section.about-zoom-detail {
    position:relative;
	padding: 50px 0 75px 0;
    background: #161616;
}

@media (max-width: 767px) {
    .section.about-zoom-detail {
        padding: 50px 0 50px 0;
    }
}

.section.about-zoom-detail .section-inner {
    max-width: 1140px;
}

.section.about-zoom-detail:before {
    left: 0;
    top: -50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616' /%3E%3C/svg%3E");

}
.section.about-zoom-detail:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");    
}

/* ACCROCHE */
.section.about-zoom-detail .accroche {
    font-size:21px;
    line-height: 34px;
    text-align: center;
}
.section.about-zoom-detail .accroche img {
    display:block;
    margin:0 auto 60px auto;
}

/* DESC */
.section.about-zoom-detail .desc {
    font-size:18px;
    line-height: 30px;
    text-align: left;
    color:#a7a7a7;
}
.section.about-zoom-detail .desc span {
    display: block;
    margin:20px 0 15px 0;
    font-size:24px;
    line-height: 28px;
    font-weight: 500;
    color:#fff;
    text-align: left;
    text-transform: uppercase;
}

/* GALERIE */
.galerie {
    padding:60px 0;
}
.galerie.desc {
    padding:60px 0 0 0;
}

.galerie img {
    position:relative;
    display:block;
}
.galerie [class*="col-"]:before {
    z-index:2;
    position:absolute;
    display:block;
    content:"";
    top:0;
    right:15px;
    width: 0;
    height: 0;
    border-top: 35px solid #161616;
    border-left: 35px solid transparent;
}

/* LIENS */
.more {
    padding:60px 0 20px 0;
}
.more-title {
    font-size:24px;
    line-height: 24px;
    font-weight:600;
    text-transform: uppercase;
    color:#641e18;
	margin: 0 0 15px 0;
}
.more ul { 
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;
 }
.more ul li {
    display:inline-block;
    padding:0 0 0 10px;
	margin: 0 25px 15px 0;
	position:relative;
}
.more ul li:last-child {
	margin: 0 0 15px 0;
}
.more ul li:before {
	content: "\f105";
	font-family: "FontAwesome";
	color:#8f959e;
	display: block;
	width: 22px;
	position:absolute;
	font-size:11px;
	margin-left: -10px;
    margin-top:-1px;
}
.more ul li a {
    font-size:14px;
    line-height: 14px;
    text-decoration: none;
}


@media (max-width: 991px) {
    .galerie .col-md-6:first-child { margin:0 0 30px 0; }
}

@media (max-width: 767px) {
    .section.about-zoom-detail:before { top: -25px; height: 25px; }
    .section.about-zoom-detail:after { bottom: -25px; height: 25px; }
}





/* ////////////////////////////////////////////////////////////////////////////

    07 . ACT I

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.act1-intro {
	padding: 200px 0 100px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.act1-intro h1 {
	font-size: 116px;
	line-height: 120px;
	font-weight: 600;
    margin:0 0 50px 0;
}

.section.act1-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

/* BLOC INFOS */
.section.act1-intro .act-infos {
    position:relative;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float:right;
    text-align: right;
    padding-left:30px;
    margin-top:50px;
    z-index: -1;
}
.section.act1-intro .act-infos .act-name {
	font-size: 60px;
	line-height: 60px;
    margin:0 0 40px 0;
	font-family: 'Playfair Display', serif;
    font-style:italic;
}
.section.act1-intro .act-infos .act-date {
	font-size: 16px;
	line-height: 21px;
}
.section.act1-intro .act-infos .act-date span {
    display:block;
    margin:0 0 5px 0;
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
}
.section.act1-intro .act-infos img {
	position:absolute;
    left:-150px;
    top:-100px;
    width:320px;
    z-index: -1;
}

/* BLOC BOUTONS */
.act-bts {
    margin-top:40px;
}
.act-bts p {
    font-size:13px!important;
    line-height: 18px!important;
    color:#999!important;
    max-width: 300px!important;
    margin-top:10px;
}
.act-bt {
    display: inline-block;
    background: #641e18;
	font-size: 13px;
    padding:8px 20px;
	font-weight: 500;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
    margin:0 5px 10px 0;
}
.no-touch .act-bt:hover {
    text-decoration: none;
    background: #fff;
    color:#641e18;
}
.act-bt-sale {
    display: inline-block;
	font-size: 13px;
	font-weight: 500;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
    margin:15px 0 0 0;
}
.act-bt-sale i {
    margin:0 0 0 5px;
}
.no-touch .act-bt-sale:hover {
    text-decoration: none;
    color:#999;
}

@media (max-width: 991px) {
    .section.act1-intro h1 {
        font-size: 86px;
        line-height: 90px;
        margin:0 0 40px 0;
    }
    .section.act1-intro .act-infos {
        position:relative;
        top: calc(0);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        float:none;
        text-align: left;
        padding-left:0;
        margin-top:0;
    }
    .section.act1-intro .act-infos .act-name {
        font-size: 48px;
        line-height: 48px;
        margin:0 0 20px 0;
    }
    .section.act1-intro .act-infos .act-date {
        font-size: 16px;
        line-height: 21px;
        margin:0 0 40px 0;
    }
    .section.act1-intro .act-infos .act-date span {
        display:block;
        margin:0 0 5px 0;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
    }
    .section.act1-intro .act-infos img {
        position:absolute;
        left:calc(100% - 220px);
        top:-25px;
        width:220px;
        z-index: -1;
    }
}

@media (max-width: 767px) {
    .section.act1-intro {
        padding: 150px 0 100px 0;
    }
    .section.act1-intro h1 {
        font-size: 66px;
        line-height: 70px;
    }
}


/* ------------------------------------------- 
	ACT 1 ››› LISTE
------------------------------------------- */
.section.act1-list {
	padding: 100px 0 0px 0;
    background: #161616;
}

.section.act1-list:before {
    left: 0;
    top: -50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616' /%3E%3C/svg%3E");

}
.section.act1-list:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");    
}

@media (max-width: 767px) {
    .section.act1-list { padding: 50px 0 0px 0; }
    .section.act1-list:before { top: -25px; height: 25px; }
    .section.act1-list:after { bottom: -25px; height: 25px; }
}


/* ACT 1 BLOC */
.act1-bloc {
    position:relative;
    display: inline-block;
    /*border-bottom:#aaa dotted 1px;*/
    margin-bottom:50px;
    padding-bottom:50px;
}
.act1-bloc:last-child {
    border-bottom:none;
}

.act1-bloc .bloc-lot-state {
    margin-bottom:5px;
}

.act1-bloc:after {
    position:absolute;
    display: inline-block;
    content:"+";
    bottom:0px;
    left:0;
    color:#641e18;
    font-size:88px;
    line-height:88px;
	-webkit-transition: color 200ms linear;
	transition: color 200ms linear;
  opacity:0.5;
}
.act1-bloc > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:2;
	cursor:pointer;
}
.no-touch .act1-bloc:hover.act1-bloc:after {
	color:#fff;
}

/* INFOS */
.act1-bloc-infos {
    position:relative;
    font-size:16px;
    line-height: 28px;
    display: inline-block;
    width:40%;
    padding-right:30px;
    float:left;
    vertical-align: top;
    z-index:1;
}
.act1-bloc-infos:before {
    position:absolute;
    display: inline-block;
    content:attr(data-num);
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right:20px;
    color:#080808;
    font-weight: 400;
    letter-spacing: -5px;
    font-size:280px;
    line-height:1;
    z-index:-1;
}
.act1-bloc-infos span {
    text-transform: uppercase;
    font-size:48px;
    line-height: 48px;
    display: block;
    margin:0 0 25px 0;
}

.vat {
    display: block;
    margin:30px 0 0 0;
    font-weight: 400;
    font-size:13px;
    line-height: 15px;
    color:#a7a7a7;
}
.vat img {
    position:relative;
    top:-1px;
    margin-left:5px;
    width:18px;
}

/* THUMBS */
.act1-bloc-img {
    position:relative;
    display: inline-block;
    width:60%;
    vertical-align: top;
}
.act1-bloc-img:after {
    position:absolute;
    content:"";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background:#161616 url("../img/horse-cross.svg") no-repeat center center scroll;
    z-index: 1;
    top: calc(50% - 20px);
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%));
    transform: translate(-50%,-50%));
}
.act2-bloc .act1-bloc-img:after {
    display: none;
}
.act1-bloc-img ul {
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;
}
.act1-bloc-img li {
    display: inline-block;
    vertical-align: top;
    width:calc(50% - 5px);
    margin:0 10px 0 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size:26px;
    line-height: 26px;
}
.act1-bloc-img li:last-child {
    margin:0 0 0 0;
}
.act1-bloc-img li img {
    margin:0 0 10px 0;
}
.act1-bloc-img li span {
    display:block;
    text-transform: uppercase;
    font-weight: 400;
    font-size:21px;
    line-height: 24px;
    color:#a7a7a7;
    margin:2px 0 0 0;
}



@media (max-width: 991px) {
    .act1-bloc:after {
        position:relative;
        content:"+";
        bottom:0;
        line-height: 58px;
    }
    .act1-bloc-infos {
        width:100%;
        padding-right:0;
        margin:0 0 20px 0;
    }
    .act1-bloc-img {
        width:100%;
        z-index: 1;
    }
}

@media (max-width: 767px) {
    .act1-bloc {
        margin-bottom:25px;
        padding-bottom:25px;
    }
    .act1-bloc-img:after { display: none; }
    .act1-bloc-img li {
        width:calc(100%);
        margin:0 0 20px 0;
        font-size:21px;
        line-height: 24px;
    }
    .act1-bloc-img li span {
        font-size:18px;
        line-height: 21px;
    }
}




/* ////////////////////////////////////////////////////////////////////////////

    08 . ACT I ››› ZOOM

//////////////////////////////////////////////////////////////////////////// */

.section.act1-intro.zoom {
	padding: 200px 0 50px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}
.section.act2-intro.zoom {
	padding: 200px 0 25px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.act1-intro.zoom .bloc-lot-state {
	margin-bottom:5px;
}

.section.act1-intro.zoom h1 {
	color:#641e18;
    text-align: left;
}
.zoom-infos {
    position:relative;
    font-size:21px;
    line-height: 31px;
    display: inline-block;
    width:50%;
    padding-right:30px;
    float:left;
    vertical-align: top;
    z-index:1;
    text-align: left;
}
.zoom-infos span {
    text-transform: uppercase;
    font-size:60px;
    line-height: 60px;
    display: block;
    margin:0 0 25px 0;
    text-align: left;
}

@media (max-width: 991px) {
    .zoom-infos { width:100%; padding:0; }
    .section.act1-intro.zoom {
        padding: 150px 0 100px 0;
    }
}

@media (max-width: 767px) {
}


/* ------------------------------------------- 
	ZOOM DETAIL
------------------------------------------- */
.section.zoom-detail {
	padding: 75px 0 75px 0;
    background: #161616;
}
.section.zoom-detail.act2 {
	padding: 50px 0 50px 0;
}

.section.zoom-detail:before {
    left: 0;
    top: -50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616' /%3E%3C/svg%3E");

}
.section.zoom-detail:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");    
}

@media (max-width: 767px) {
    .section.zoom-detail { padding: 50px 0 50px 0; }
    .section.zoom-detail:before { top: -25px; height: 25px; }
    .section.zoom-detail:after { bottom: -25px; height: 25px; }
}


/* ------------------------------------------- 
	HORSE BLOC
------------------------------------------- */
.horse-bloc {
    position:relative;
    display: inline-block;
    width: 100%;
}
.horse-bloc:after {
    position:absolute;
    content:"";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background:#161616 url("../img/horse-cross.svg") no-repeat center center scroll;
    z-index: 1;
    margin: 0 auto;
    right:0;
    left:0;
    top:180px;
}
.horse-bloc.act2:after,
.act2 .horse-bloc:after {
    display:none;
}

.horse-bloc-img {
    position:relative;
    display: inline-block;
    width:100%;
    vertical-align: top;
}

.horse-bloc-img ul {
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;
}
.horse-bloc-img li {
    display: inline-block;
    vertical-align: top;
    width:calc(50% - 10px);
    margin:0 20px 0 0;
}
.horse-bloc.act2 .horse-bloc-img li {
    display: inline-block;
    vertical-align: top;
    width:calc(100%);
    margin:0 0 0 0;
}
.horse-bloc-img li:last-child {
    margin:0 0 0 0;
}
.horse-bloc-img li img {
    margin:0 0 0 0;
}
.horse-bloc.act2 .horse-bloc-img li img {
    margin:15px auto 0 auto;
    display: block;
}

/* DETAIL */
.horse-detail {
    background: #000;
    padding:25px 15px 15px 15px;
    text-align: center;
}
.horse-bloc.act2 .horse-detail {
    background: none;
    padding:25px 15px 15px 15px;
    text-align: center;
}
.horse-bloc.act2 .horse-detail p {
    color:#fff;
    font-size:16px;
    line-height: 21px;
    margin-top:5px;
}
.horse-detail span {
    text-transform: uppercase;
    font-weight: 600;
    font-size:34px;
    line-height: 34px;
}
.horse-bloc.act2 .horse-detail span {
    text-transform: uppercase;
    font-weight: 600;
    font-size:48px;
    line-height: 48px;
    display: block;
}
.horse-detail ul {
    margin:15px 0 0 0;
    padding:15px 0 0 0;
    border-top:#444 dotted 1px;
}
.horse-bloc.act2 .horse-detail ul {
    margin:15px 0 0 0;
    padding:15px 0 0 0;
    border-top:#444 dotted 1px;
    display: inline-block;
}
.horse-detail ul li {
    font-size:24px;
    line-height: 24px;
    color:#a7a7a7;
    display: inline-block;
    width:auto;
    margin:0 20px 10px 20px;
}
.horse-bloc.act2 .horse-detail ul li {
    font-size:26px;
    line-height: 26px;
    color:#a7a7a7;
    display: inline-block;
    width:auto;
    margin:0 20px 10px 20px;
}
.horse-detail ul li:last-child {
    margin:0 20px 10px 20px;
}
.horse-detail ul li span {
    text-transform: uppercase;
    font-weight: 600;
    font-size:14px;
    line-height: 14px;
    color: #641e18;
    display: block;
    margin:0 0 5px 0;
}
.horse-bloc.act2 .horse-detail ul li span {
    text-transform: uppercase;
    font-weight: 600;
    font-size:16px;
    line-height: 16px;
    color: #641e18;
    display: block;
    margin:0 0 5px 0;
}

@media (max-width: 767px) {
    .horse-bloc.act2 .horse-detail ul li {
        font-size:24px;
        line-height: 24px;
        margin:0 8px 10px 8px;
    }
    .horse-bloc.act2 .horse-detail ul li span {
        font-size:14px;
        line-height: 14px;
    }
}

/* PICTOS */
.horse-pictos {
    background: #090909;
    padding:15px;
}
.horse-pictos ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;    
}
.horse-pictos ul li {
    vertical-align: top;
    font-size:16px;
    line-height: 18px;
    text-transform: uppercase;
    color:#fff;
    display: inline-block;
    width:auto;
    margin:0;
    width:33.3333%;
    text-align: center;
    padding:15px;
}
.horse-pictos ul li:last-child {
    margin:0 0 0 0;
}
.horse-pictos ul li img {
    display: block;
    margin:0 auto 10px auto;
}

@media (max-width: 767px) {
    .horse-bloc:after { display: none;}
    .horse-bloc-img li {
        width:calc(100%);
        margin:0 0 20px 0;
    }
    .horse-pictos ul li {
        font-size:13px;
        line-height: 16px;
    }
}


/* ------------------------------------------- 
	PEDIGREE
------------------------------------------- */
.pedigree {
    position:relative;
    display: block;
}
.pedigree-title {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    margin:100px 0 40px 0;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .pedigree-title {
        font-size: 48px;
        line-height: 48px;
        margin:50px 0 20px 0;
    }
}

a.bt-pedigree {
    position:relative;
    display: inline-block;
    margin:40px 0 0 0;
    padding: 0.8em 1.4em;
    color: #afacac;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #afacac;
    transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.no-touch a.bt-pedigree:hover {
    transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.no-touch a.bt-pedigree:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}


/* TABLEAU */
.pedigree-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin:0 auto;
    padding:0;
}

.bracket {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row-reverse;
}

/* ROUND */
.bracket .round {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.bracket .round:first-of-type .team::before {
    display: none;
}
.bracket .round:last-of-type .game::before,
.bracket .round:last-of-type .team span::after {
    display: none;
}

/* GAME */
.bracket .game {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.bracket .round:first-of-type .game {
   margin:10px 0; 
}

/* TEAM */
.bracket .team {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.bracket .team {
    position: relative;
    justify-content: center;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 18px;
    line-height: 18px;
    color: #afacac;
    min-height:60px;
    text-transform: uppercase;
}
.bracket .round:last-of-type .team {
    padding: 0 0 0 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
}
.bracket .round:last-of-type .team img {
    width:40px;
    margin:0 10px 0 0;
}

.bracket .team span {
    position: relative;
    z-index:1;
    padding:15px 10px;
    background: #666;
    border-left: #444 solid 3px;
    /**/
    background: rgba(37,37,37,1);
    background: -moz-linear-gradient(left, rgba(37,37,37,1) 0%, rgba(37,37,37,0.5) 40%, rgba(17,17,17,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,37,37,1)), color-stop(40%, rgba(37,37,37,0.5)), color-stop(100%, rgba(17,17,17,0)));
    background: -webkit-linear-gradient(left, rgba(37,37,37,1) 0%, rgba(37,37,37,0.5) 40%, rgba(17,17,17,0) 100%);
    background: -o-linear-gradient(left, rgba(37,37,37,1) 0%, rgba(37,37,37,0.5) 40%, rgba(17,17,17,0) 100%);
    background: -ms-linear-gradient(left, rgba(37,37,37,1) 0%, rgba(37,37,37,0.5) 40%, rgba(17,17,17,0) 100%);
    background: linear-gradient(to right, rgba(37,37,37,1) 0%, rgba(37,37,37,0.5) 40%, rgba(17,17,17,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#111111', GradientType=1 );
}
.bracket .round:last-of-type .team span {
    border-left: none;
    border-right: #999 solid 3px;
    /**/
    background: rgba(17,17,17,0);
    background: -moz-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(37,37,37,0.5) 60%, rgba(37,37,37,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17,17,17,0)), color-stop(60%, rgba(37,37,37,0.5)), color-stop(100%, rgba(37,37,37,1)));
    background: -webkit-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(37,37,37,0.5) 60%, rgba(37,37,37,1) 100%);
    background: -o-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(37,37,37,0.5) 60%, rgba(37,37,37,1) 100%);
    background: -ms-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(37,37,37,0.5) 60%, rgba(37,37,37,1) 100%);
    background: linear-gradient(to right, rgba(17,17,17,0) 0%, rgba(37,37,37,0.5) 60%, rgba(37,37,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=1 );
}

/* SEP VERTICAL */
.bracket .team::before {
    position: absolute;
    display: block;
    content: '';
    left: 0%;
    width: 100%;
    border-style: solid;
    border-color: #333;
    z-index:0;
}
.bracket .team::before {
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: calc(50%);
    border-width: 0 1px 0 0;
}
.bracket .round:nth-child(2) .team::before {
    height: calc(50% - 8px);
}

/* SEP HORIZONTAL */
.bracket .team span::after {
    position: absolute;
    display: block;
    content: '';
    left:-12px;
    width: 9px;
    border-style: solid;
    border-color: #333;
    z-index:0;
}
.bracket .team span::after {
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 0 2px 0;
}

@media (max-width: 767px) {
    .bracket .round:last-of-type .team {
        font-size: 15px;
        line-height: 19px;
    }
    .bracket .round:last-of-type .team img {
        display: none;
    }
    .bracket .round:first-of-type .game {
       margin:5px 0; 
    }
    .bracket .team {
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 0 0;
        min-height:50px;
    }
    .bracket .team span {
        padding:10px 5px;
    }
    .bracket .team span::after {
        display: none;
    }
}


/* ------------------------------------------- 
	VIDEO
------------------------------------------- */
.video {
    position:relative;
    display: block;
}
.video-title {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    margin:100px 0 40px 0;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .video-title {
        font-size: 48px;
        line-height: 48px;
        margin:50px 0 20px 0;
    }
}

.embedresize {
    max-width: 100%;
    margin: auto;
}

.embedresize div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.embedresize iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------------- 
	ADVICES
------------------------------------------- */
.advices {
    position:relative;
    display: block;
}
.advices-title {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    margin:100px 0 40px 0;
    display: block;
    text-align: center;
}
.advices-title span {
    font-size: 21px;
    line-height: 24px;
    margin:0 0 5px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .advices-title {
        font-size: 48px;
        line-height: 48px;
        margin:50px 0 20px 0;
    }
}

.advices-slider {
	position:relative;
	text-align:center;
    padding:0 40px;
}
.advices-slider .avatar {
	border-radius: 50%;
	width:100px;
    margin: 0 auto 10px auto;
    display:block;
}

.advices-slider .desc {
	display:block;
 	font-size: 26px;
	line-height:32px;	
	font-style:italic;
	color:#a7a7a7;
    padding:0 40px;
	font-family: 'Playfair Display', serif;
    font-style:italic;
    margin-bottom:20px;
}
.advices-slider .nom {
	display:block;
 	font-size: 16px;
	line-height:18px;
	color:#fff;
}
.advices-slider .nom span {
	display:block;
 	font-size:26px;
	line-height:26px;
    font-weight:400;
    margin-bottom:8px;
}
.advices-slider .slick-prev:before,
.advices-slider .slick-next:before {
    color: #444;
}
@media only screen and (max-width: 767px) {
    .advices-slider { padding:0; }
    .advices-slider .desc {
        font-size: 21px;
        line-height:28px;
        padding:0;
        margin-bottom:15px;
    }
    .advices-slider .nom {
        font-size: 14px;
        line-height:16px;
    }
    .advices-slider .nom span {
        font-size:24px;
        line-height:24px;
        margin-bottom:5px;
    }
	.advices-slider .slick-prev:before,
    .advices-slider .slick-next:before {
        display:none;
    }
}


/* ------------------------------------------- 
	DESC
------------------------------------------- */
.horse-desc {
    position:relative;
    display: block;
    font-size: 18px;
    line-height:26px;
	color:#a7a7a7;
}
.horse-desc-title {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    margin:100px 0 40px 0;
    display: block;
    text-align: center;
	color:#fff;
}
.horse-desc-title span {
    font-size: 21px;
    line-height: 24px;
    margin:0 0 5px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .horse-desc-title {
        font-size: 48px;
        line-height: 48px;
        margin:50px 0 20px 0;
    }
}


/* ------------------------------------------- 
	NAV ZOOM
------------------------------------------- */
.navZoom {
    padding:0;
    margin-top:200px;
}
.blocPrev,
.blocNext {
    position: relative;
    width:50%; 
    float:left;
    display:inline-block;
    text-align: center;
    height:auto;
}
.blocNext { float:right; border-left:#444 dotted 1px; }

.blocPrev > a,
.blocNext > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:3;
    cursor:pointer;
}

/* IMAGE */
.bloc-inner {
    display:block;
    text-align: center;
    color:#fff;
    padding:15px;
    left:0;
    right:0;
    margin:0 auto;
}
.bloc-inner .bloc-cat {
    font-size:36px;
    line-height:36px;
    margin-bottom:25px;
}
.bloc-inner .bloc-cat span {
    font-size:48px;
    font-weight:600;
    text-transform: uppercase;
}
.bloc-inner .bloc-title {
    font-size:24px;
    line-height:30px;
    font-weight:400;
    padding:0 40px;
    text-transform: uppercase;
    color:#a7a7a7;
}
.bloc-inner i {
    font-size:72px;
    margin-top:25px;
    color:#641e18;
	-webkit-transition: color 200ms linear;
	transition: color 200ms linear;
}

.no-touch .blocPrev:hover .bloc-inner i,
.no-touch .blocNext:hover .bloc-inner i {
    color: #fff;
}

@media (max-width:767px) {
    .navZoom {
        margin-top:75px;
        padding-top:50px;
        border-top:#444 dotted 1px;
    }
    .blocPrev,
    .blocNext {
        width:100%; 
        float:none;
        height:auto;
    }
    .blocNext { border-left:none; }
    .bloc-inner .bloc-title {
        font-size:21px;
        line-height:26px;
        padding:0;
    }
    .bloc-inner i {
        margin-top:15px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    09 . ACT II

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.act2-intro {
	padding: 200px 0 100px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.act2-intro h1 {
	font-size: 116px;
	line-height: 120px;
	font-weight: 600;
    margin:0 0 50px 0;
}

.section.act2-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

/* BLOC INFOS */
.section.act2-intro .act-infos {
    position:relative;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float:right;
    text-align: right;
    padding-left:30px;
    margin-top:50px;
}
.section.act2-intro .act-infos .act-name {
	font-size: 60px;
	line-height: 60px;
    margin:0 0 40px 0;
	font-family: 'Playfair Display', serif;
    font-style:italic;
}
.section.act2-intro .act-infos .act-name-subtitle {
	font-family: 'Playfair Display', serif;
    font-style:italic;
	font-size: 30px;
	line-height: 30px;
    margin:0 0 40px 0;
}
.section.act2-intro .act-infos .act-date {
	font-size: 16px;
	line-height: 21px;
}
.section.act2-intro .act-infos .act-date span {
    display:block;
    margin:0 0 5px 0;
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
}
.act-bt-book {
    display: inline-block;
    background: #fff;
	font-size: 14px;
    padding:8px 15px;
	font-weight: 700;
    text-transform: uppercase;
    color:#641e18;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
    margin:10px 0 0 0;
}
.no-touch .act-bt-book:hover {
    text-decoration: none;
    background: #641e18;
    color:#fff;
}

.section.act2-intro .act-infos img {
	position:absolute;
    left:-150px;
    top:-75px;
    width:360px;
    z-index: -1;
}

/* BLOC BOUTONS */
.act-bts {
    margin-top:40px;
}
.act-bt {
    display: inline-block;
    background: #641e18;
	font-size: 13px;
    padding:8px 15px;
	font-weight: 500;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
    margin:0 5px 10px 0;
}
.no-touch .act-bt:hover {
    text-decoration: none;
    background: #fff;
    color:#641e18;
}
.act-bt-sale {
    display: inline-block;
	font-size: 13px;
	font-weight: 500;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
    margin:15px 0 0 0;
}
.act-bt-sale i {
    margin:0 0 0 5px;
}
.no-touch .act-bt-sale:hover {
    text-decoration: none;
    color:#999;
}

@media (max-width: 991px) {
    .section.act2-intro h1 {
        font-size: 86px;
        line-height: 90px;
        margin:0 0 40px 0;
    }
    .section.act2-intro .act-infos {
        position:relative;
        top: calc(0);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        float:none;
        text-align: left;
        padding-left:0;
        margin-top:0;
    }
    .section.act2-intro .act-infos .act-name {
        font-size: 48px;
        line-height: 48px;
        margin:0 0 20px 0;
    }
    .section.act2-intro .act-infos .act-date {
        font-size: 16px;
        line-height: 21px;
        margin:0 0 40px 0;
    }
    .section.act2-intro .act-infos .act-date span {
        display:block;
        margin:0 0 5px 0;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
    }
    .section.act2-intro .act-infos img {
        position:absolute;
        left:calc(100% - 220px);
        top:-25px;
        width:220px;
        z-index: -1;
    }
}

@media (max-width: 767px) {
    .section.act2-intro {
        padding: 150px 0 100px 0;
    }
    .section.act2-intro h1 {
        font-size: 66px;
        line-height: 70px;
    }
}


/* ------------------------------------------- 
	ACT 2 ››› LISTE
------------------------------------------- */
.section.act2-list {
	padding: 0 0 0px 0;
    background: #161616;
}

.section.act2-list:before {
    left: 0;
    top: -50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616' /%3E%3C/svg%3E");

}
.section.act2-list:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");    
}

@media (max-width: 767px) {
    .section.act2-list { padding: 0 0 0px 0; }
    .section.act2-list:before { top: -25px; height: 25px; }
    .section.act2-list:after { bottom: -25px; height: 25px; }
    .act2-bloc { border :0 }
}


/* ACT 2 BLOC */
.act2-bloc {
    position:relative;
    display: block;
    margin-bottom:50px;
    padding-bottom:50px;
}
.act2-bloc:last-child {
    border-bottom:none;
}

.act2-bloc .bloc-lot-state {
    margin-bottom:5px;
}

.act2-bloc:after {
    position:absolute;
    display: inline-block;
    content:"+";
    bottom:50px;
    left:0;
    color:#641e18;
    font-size:88px;
    line-height:88px;
	-webkit-transition: color 200ms linear;
	transition: color 200ms linear;
}
.act2-bloc > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:2;
	cursor:pointer;
}
.no-touch .act2-bloc:hover.act2-bloc:after {
	color:#fff;
}

/* INFOS */
.act2-bloc-infos {
    position:relative;
    font-size:16px;
    line-height: 28px;
    display: inline-block;
    width:50%;
    padding-right:30px;
    float:left;
    vertical-align: top;
    z-index:1;
}
.act2-bloc-infos:before {
    position:absolute;
    display: inline-block;
    content:attr(data-num);
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right:20px;
    color:#080808;
    font-weight: 400;
    letter-spacing: -5px;
    font-size:280px;
    line-height:1;
    z-index:-1;
}
.act2-bloc-infos span {
    text-transform: uppercase;
    font-size:48px;
    line-height: 48px;
    display: block;
    margin:0 0 25px 0;
}
.horse-name {
    font-weight: 700;
    font-size:36px;
    line-height: 36px;
    display: block;
    margin:0 0 25px 0;
}

/* THUMBS */
.act2-bloc-img {
    position:relative;
    display: inline-block;
    width:50%;
    vertical-align: top;
}
.act2-bloc-img ul {
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;
}
.act2-bloc-img li {
    display: inline-block;
    vertical-align: top;
    width:calc(100%);
    margin:0 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size:26px;
    line-height: 26px;
}
.act2-bloc-img li:last-child {
    margin:0 0 0 0;
}
.act2-bloc-img li img {
    margin:0 0 0 0;
}
.act2-bloc-img li span {
    display:block;
    text-transform: uppercase;
    font-weight: 400;
    font-size:21px;
    line-height: 24px;
    color:#a7a7a7;
    margin:2px 0 0 0;
}



@media (max-width: 991px) {
    .act2-bloc:after {
        position:relative;
        content:"+";
        bottom:0;
        line-height: 58px;
    }
    .act2-bloc-infos {
        width:100%;
        padding-right:0;
        margin:0 0 20px 0;
    }
    .act2-bloc-img {
        width:100%;
        z-index: 1;
    }
}

@media (max-width: 767px) {
    .act2-bloc {
        margin-bottom:25px;
        padding-bottom:25px;
    }
    .act2-bloc-img:after { display: none; }
    .act2-bloc-img li {
        width:calc(100%);
        margin:0 0 20px 0;
        font-size:21px;
        line-height: 24px;
    }
    .act2-bloc-img li span {
        font-size:18px;
        line-height: 21px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    10 . HOW TO

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.how-intro {
	padding: 200px 0 50px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.how-intro h1 {
	font-size: 116px;
	line-height: 120px;
	font-weight: 600;
    margin:0 0 50px 0;
}

.section.how-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

@media (max-width: 991px) {
    .section.how-intro h1 {
        font-size: 86px;
        line-height: 90px;
        margin:0 0 40px 0;
    }
}

@media (max-width: 767px) {
    .section.how-intro {
        padding: 150px 0 50px 0;
    }
    .section.how-intro h1 {
        font-size: 66px;
        line-height: 70px;
    }
}


/* ------------------------------------------- 
	DETAIL
------------------------------------------- */
.section.how-detail {
	padding: 0 0 100px 0;
}
@media (max-width: 767px) {
    .section.how-detail {
        padding: 0 0 50px 0;
    }
}

/* ------------------------------------------- 
	TABS
------------------------------------------- */
.tabs { margin-bottom: 0px; margin-top:40px; text-align: left; }

.tabs ul.basetab {
    list-style: none;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
}

.tabs ul.basetab li {
	display: inline-block;
	padding: 0 15px  15px 15px;
	font-size:30px;
	line-height:30px;
	font-weight:600;
	margin-right: -2px;
    color:#a7a7a7;
/*	text-transform:uppercase;*/
	cursor: pointer;
    /**/
    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;
    overflow: hidden;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.tabs ul.basetab li:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #fff;
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.tabs ul.basetab li:last-child { margin-right: 0; }
.no-touch .tabs ul.basetab li:hover { color:#fff; }
.no-touch .tabs ul.basetab li:hover:after { left: 0; right: 0; }

.tabs ul.basetab li.current { color:#fff; }
.tabs ul.basetab li.current:after { left: 0; right: 0;  }

.tabs .tab-content {
    padding: 20px 0px 0 0px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.tabs .tab-content.active { display: block; position: relative; }
.tabs .tab-content-wrp { position: relative; padding-bottom:100px;}

@media only screen and (max-width: 992px) {
	.tabs ul.basetab { text-align: center; }
	.tabs ul.basetab li {
        padding: 0 5px  10px 5px;
        font-size:18px;
        line-height:18px;
        margin-right: 0px;
        /*text-align:center;*/
        border: 0;
	}
}


/* ------------------------------------------- 
	ACCORDION
------------------------------------------- */
.accordion { margin-bottom: 60px; }
.accordion:last-child { margin-bottom: 0px; }

.accordion-title {
	font-size:18px;
	line-height:21px;
	font-weight:600;
    text-transform: uppercase;
    margin-bottom:20px;
}


.accordion-wrp { margin-bottom:1px; }
.accordion-wrp .question {
	font-size:18px;
	line-height:21px;
	font-weight:500;
	display: block;
	position: relative;
	overflow: hidden;
	padding: 2px 40px 15px 0;
    margin-bottom:20px;
	border-bottom: #444 dotted 1px;
	color:#a7a7a7;
	cursor: pointer;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}
.accordion-wrp .question i {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	font-size: 21px;
	line-height: 0;
	color:#a7a7a7;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}
.no-touch .accordion-wrp .question:hover { border-bottom: #fff dotted 1px; color:#fff; }
.no-touch .accordion-wrp .question:hover i { color: #fff; }
.accordion-wrp .accordion-content { 
    display: none;
    padding: 0 0 40px 0;
    font-size:16px;
    line-height: 28px;
    color: #a7a7a7;
}
.accordion-wrp:last-child .accordion-content {
    padding: 0 0 10px 0;
}
.accordion-wrp.current .question { border-bottom: #fff dotted 1px; color:#fff; }
.accordion-wrp.current .question i {
	color: #fff;
	margin-top: -10px;
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	   	-ms-transform: rotate(180deg);
	   	 -o-transform: rotate(180deg);
	   	 	transform: rotate(180deg);   	 	
}
.accordion-wrp.current .accordion-content { display: block; }





/* ////////////////////////////////////////////////////////////////////////////

    11 . NEWS

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.news-intro {
	padding: 200px 0 50px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.news-intro h1 {
	font-size: 116px;
	line-height: 120px;
	font-weight: 600;
    margin:0 0 50px 0;
}

.section.news-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

@media (max-width: 991px) {
    .section.news-intro h1 {
        font-size: 86px;
        line-height: 90px;
        margin:0 0 40px 0;
    }
}

@media (max-width: 767px) {
    .section.news-intro {
        padding: 150px 0 0 0;
    }
    .section.news-intro h1 {
        font-size: 66px;
        line-height: 70px;
    }
}


/* ------------------------------------------- 
	DETAIL
------------------------------------------- */
.section.news-detail {
	padding: 0 0 100px 0;
}
@media (max-width: 767px) {
    .section.news-detail {
        padding: 0 0 50px 0;
    }
}

/* ------------------------------------------- 
    GRID
------------------------------------------- */
.grid-news {
    display: flex;
	display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.grid-news:after {
  content: "";
}

/* 3 COL */
.grid-news > :nth-child(n+4) { margin-top:50px; }
.blocNews, .grid-news:after { width: calc((100%/3) - ((50px/3)*2)); }

/* 2 COL */
@media only screen and (max-width: 1300px) {
    .grid-news > :nth-child(n+3) { margin-top:25px; }
    .blocNews, .grid-news:after { width: calc((100%/2) - ((25px/2)*1)); }
}

/* 1 COL */
@media only screen and (max-width: 767px) {
    .grid-news > :nth-child(n+2) { margin-top:30px; }
    .blocNews, .grid-news:after { width: calc((100%)); }
}


/* ------------------------------------------- 
    THUMB
------------------------------------------- */
.blocNews {
    position: relative;
    float:left;
    display:inline-block;
    cursor: pointer;
    font-size:18px;
    color:#fff;
    height:auto;
    box-sizing: border-box;
    background: #161616;
    text-decoration: none;
}

/* IMAGE */
.blocNews .blocImage {
    vertical-align:top!important;
    display:inline-block;
    position:relative;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blocNews .blocImage:after {
    z-index:2;
    position:absolute;
    display:block;
    content:"";
    top:0;
    right:0;
    width: 0;
    height: 0;
    border-top: 25px solid #000;
    border-left: 25px solid transparent;
}
.blocNews img {
    position:relative;
    display: block!important;
    /**/
    -webkit-transition: -webkit-transform .2s ease;
    -moz-transition: -moz-transform .2s ease;
    transition: transform .2s ease; 
}
.no-touch .blocNews:hover .blocImage img {
    -webkit-transform: scale(1.048);
    -moz-transform: scale(1.048);
    -o-transform: scale(1.048);
    transform: scale(1.048);
}


/* ------------------------------------------- 
    CAPTION
------------------------------------------- */
.blocNews .caption {
    position: relative;
    display:block;
    max-width:100%;
    margin:0;
    padding:25px;
    z-index:2;
    /**/
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
}
.blocNews a {
    text-decoration: none;
    outline:0;
}

/* CATEGORIE */
.news-cat {
    margin:0;
}
.news-cat .cat {
    position:relative;
    display:inline-block;
}
.news-cat .date {
    display:block;
    text-align: left;
    font-size:12px;
    line-height: 12px;
    letter-spacing: 0.010em;
    color:#a7a7a7;
    font-weight:400;
    text-transform: uppercase;
}
.news-cat .date span {
    padding:0 0 0 0;
}

/* TITRE */
.news-title {
    margin:20px 0 0 0;
    text-align: left;
}
.news-title span {
    display:block;
    width:100%;
    color:#fff;
}

.news-title span:nth-child(1) {
    margin:0 0 0 0;
    font-size:24px;
    line-height:30px;
    font-weight:600;
}
.news-title span:nth-child(2) {
    margin:10px 0 0 0;
    font-size:15px;
    line-height:26px;
    color:#a7a7a7;
}


/* ------------------------------------------- 
    PAGINATION
------------------------------------------- */
.pagination {
    position:relative;
    width: 100%;
    text-align: center;
    padding:0;
    margin:80px 0 0 0;
}
.grid-pagination {
    text-align: center;
    display: inline-block;
    margin:0;
    padding:0;
}
.grid-pagination ul { margin:0; padding:0; font-size:0; }

.grid-pagination li {
    margin: 0 2px;
    padding:0;
    float: left;
     list-style: none;
/*    border-radius: 0.25em;*/
}

.grid-pagination a, .grid-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    color:#a0a0a8;
    font-weight:500;
}
.grid-pagination a {
    display: block;
    float: left;
    width:40px;
    height:40px;
    line-height: 34px;
    border-radius: 50%;
    border: #a7a7a7 solid 2px;
    margin:0 2px;
}
.no-touch .grid-pagination a:hover {
    background-color: #a7a7a7;
    color: #fff;
}
.grid-pagination span {
    background:transparent;
    position: relative;
    top:8px;
    padding: 0 5px;
}

.grid-pagination li:first-of-type a {
    background:transparent;
    font-size: 24px;
    position: relative;
    top:2px;
    border: none;
}
.grid-pagination .button:first-of-type a::before {
    font-family: "FontAwesome";
    content: '\f104';
}
.grid-pagination li:last-of-type a {
    background:transparent;
    font-size: 24px;
    position: relative;
    top:2px;
    border: none;
}
.grid-pagination .button:last-of-type a::after {
    font-family: "FontAwesome";
    content: '\f105';
}
.no-touch .grid-pagination li:last-of-type a:hover,
.no-touch .grid-pagination li:first-of-type a:hover {
    color: #a7a7a7;
    background:transparent;
}

.grid-pagination .current {
    background-color: #a7a7a7;
    color: #fff;
    pointer-events: none;
}

@media only screen and (max-width: 768px) {
    .pagination { margin:40px 0 0 0; }
    .grid-pagination li { display: none; }
    .grid-pagination li:last-of-type,
    .grid-pagination li:first-of-type {
        display: block;
    }
    .grid-pagination li:last-of-type a,
    .grid-pagination li:first-of-type a {
        font-size: 36px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    12 . NEWS ››› ZOOM

//////////////////////////////////////////////////////////////////////////// */


.section.fiche.news {
    padding:0 0 100px 0;
}
.section.fiche.news .section-inner { max-width:940px; margin:0 auto; }

.section.fiche.news.titre {
    padding:0 0; 
    position: absolute;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    bottom:0;
    background: none;
}
.section.fiche.news.titre:after { display:none; }
.section.fiche.news.titre .section-inner {
    padding:40px 0 20px 0;
}

.section.fiche.news.titre:before {
    content:"";
    padding:0; 
    position: absolute;
    width:100%; 
    height:100%;
    background: rgba(0,0,0,.75);
    /**/
    background: rgba(238,239,240,0);
    background: -moz-linear-gradient(top, rgba(238,239,240,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,239,240,0)), color-stop(100%, rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, rgba(238,239,240,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, rgba(238,239,240,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(238,239,240,0) 0%, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(238,239,240,0) 0%, rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeff0', endColorstr='#000000', GradientType=0 );

}

@media (max-width: 767px) {
    .section.fiche.news { padding:0 0 50px 0; }
}

/* ----------------------------------------
	HEADER
---------------------------------------- */
.news-header {
	position:relative;
    top:100px;
    height:75vh;
    /**/
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:scroll;
	background-position: center center;
}
@media only screen and (max-width:767px) {
    .news-header { height:70vh; }
}

/* ----------------------------------------
	TITRE
---------------------------------------- */
.news-header .bloc-title { margin:0 0 0 0; }

.news-header .bloc-title h1 {
    font-size:48px;
    line-height:48px;
    font-weight:600;
    text-transform: none;
    margin:0 0 15px 0;
    padding:0 8% 0 0;
    color:#fff;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
    .news-header .bloc-title h1 { font-size:36px; line-height:36px; margin:0 0 10px 0; padding:0; }
}
@media (max-width: 767px) {
    .news-header .bloc-title h1 { font-size:30px; line-height:30px; }
}


/* ----------------------------------------
	DETAIL
---------------------------------------- */
.section.fiche.news {
    margin:100px 0 0 0;
    background: #161616;
}
.section.fiche.news:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");
}
.section.fiche.news .bloc-detail {
    margin:0 0 0 0;
    padding:15px 0 0 0;
    display:block;
    width:100%;
    border-top:#cfcfd3 dotted 1px;
}
.section.fiche.news .bloc-detail {
    display:inline-block;
    color:#fff;
    font-size:14px;
    line-height: 14px;
    font-weight: 400;
    vertical-align: top;
    margin:0 20px 0 0;
}
.section.fiche.news .bloc-detail i {
    position:relative;
    font-size:16px;
    margin-right: 8px;
}

@media (max-width: 767px) {
    .section.fiche.news:after { bottom: -25px; height: 25px; }
}


/* ----------------------------------------
	SHARE
---------------------------------------- */
.section.fiche.news .bloc-infos-share {
	position:relative;
    background:#641e18;
    padding:5px 10px;
    margin:0 0 50px 0;
    display: inline-block;
    box-sizing: border-box;
}
.section.fiche.news .bloc-infos-share ul {
    margin:2px 0 0 0;
}
.section.fiche.news .bloc-infos-share ul li {
    display: inline-block;
    color:#fff;
    font-size:16px;
    line-height: 16px;
    vertical-align: middle;
    margin-right:5px;
}
.section.fiche.news .bloc-infos-share ul li:last-child {
    margin-right:0;
}
.section.fiche.news .bloc-infos-share ul li.followus {
    text-transform: uppercase;
    font-size:12px;
    line-height:12px;
    position: relative;
    top:-1px;
    margin-right:10px;
    font-weight:400;
    letter-spacing: 0.025em;
}
.section.fiche.news .icon-button {
	background-color: transparent;
	border-radius: 36px;
	display: inline-block;
	font-size: 20px;
	width: 36px;
	height: 36px;
	line-height: 37px;
	margin: 0 2px 0 0;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.section.fiche.news .icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	width: 0;
	margin: 0;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.no-touch .section.fiche.news .icon-button:hover span {
	width: 38px;
	height: 38px;
	margin: -19px;
	border-radius: 38px;
    background-color: #fff;
}
.section.fiche.news .icon-button i {
	background: none;
	color: #fff;
	height: 36px;
	width: 36px;
	line-height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
	z-index: 1;
}
.no-touch .section.fiche.news .icon-button:hover i { color: #641e18; }

@media only screen and (max-width:768px) {
    .section.fiche.news .bloc-infos-share {
        padding:5px 10px;
        margin:0 0 30px 0;
        display: inline-block;
    }
}

/* ----------------------------------------
	CONTENU
---------------------------------------- */
.section.fiche.news h2 {
    font-size:26px;
    line-height:36px;
    font-weight: 500;
    margin-bottom:20px;
}
.section.fiche.news p + h3 {
    margin-top:40px;
}
.section.fiche.news h3 {
    font-size:21px;
    line-height:26px;
    font-weight: 500;
    margin-bottom:10px;
}
.section.fiche.news p {
    margin-left:0;
    width:calc(100%);
    font-size:16px;
    line-height:28px;
}


/* IMAGE */
.section.fiche.news img { display:block; }
.section.fiche iframe { border:none; }
.section.fiche p img { width:100% !important; height:auto !important; }

/* LIEN */
.section.fiche.news a { text-decoration: underline; }
.section.fiche.news a:hover { text-decoration:none; }

/* VIDEO */
.section.fiche.news .news-video { margin: 50px auto; }

/* CITATION */
blockquote {
    background:none;
    border-left:#e7e7e9 solid 5px;
    position: relative;
    margin:40px 0;
}
blockquote + p { margin: 10px 0 15px 0; }
blockquote :first-child {display:inline;}
blockquote :last-child {margin-bottom:0;}
blockquote p {
	font-family: 'Playfair Display', serif;
    font-size:21px!important;
    line-height:32px!important;
    font-style:italic;
}
cite {
    font-size:14px;
    line-height:18px;
    font-weight:600;
    display:block;
    text-align:right;
    padding: 20px 30px 0 0;
}
cite:before {content: "~ ";}





/* ////////////////////////////////////////////////////////////////////////////

    13 . POPIN

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.popin-intro {
	padding: 150px 0 50px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.popin-intro h1 {
	font-size: 72px;
	line-height: 72px;
	font-weight: 600;
    margin:20px 0 50px 0;
}

.section.popin-intro p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
    margin:0 0 50px 0;
}

.section.popin-intro a {
    color:#a7a7a7;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
.section.popin-intro a i {
    margin-right:5px;
	font-size: 14px;
}
.no-touch .section.popin-intro a:hover {
    color:#fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .section.popin-intro {
        padding: 150px 0 0 0;
    }
    .section.popin-intro h1 {
        font-size: 48px;
        line-height: 48px;
    }
}


/* ------------------------------------------- 
	DETAIL
------------------------------------------- */
.section.popin-detail {
    position:relative;
	padding: 0 0 100px 0;
}

@media (max-width: 767px) {
    .section.popin-detail {
        padding: 0 0 50px 0;
    }
}

.section.popin-detail.embryo {
    position:relative;
	padding: 50px 0 50px 0;
    background: #161616;
}
.section.popin-detail.embryo:before {
    left: 0;
    top: -50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616' /%3E%3C/svg%3E");

}
.section.popin-detail.embryo:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -50px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23161616;' /%3E%3C/svg%3E");    
}

@media (max-width: 767px) {
    .section.popin-detail.embryo.no-video {
        padding: 25px 0 50px 0;
    }
    .section.popin-detail.embryo:before { top: -25px; height: 25px; }
    .section.popin-detail.embryo:after { bottom: -25px; height: 25px; }
}

/* ------------------------------------------- 
	EMBRYO
------------------------------------------- */
.timeline {
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    width: 100%;
	line-height:0;
}
.timeline:before {
    background: #641e18;
    content: "";
    display: block;
    position: absolute;
	left:calc(50%);
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 20;
}

.timeline-title {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    margin:100px 0 40px 0;
    display: block;
    text-align: center;
}
.timeline-title span {
    font-size: 21px;
    line-height: 24px;
    margin:0 0 5px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .timeline-title {
        font-size: 48px;
        line-height: 48px;
        margin:50px 0 20px 0;
    }
}

.timeline .blocnote {
    display:inline-block;
    position: relative;
    padding:30px 0 30px 0;
    width: 100%;
}

 /* NOTE */
.timeline .blocnote .bloctxt {
    float: left;
    width: 48%;
	text-align:right;
	line-height:24px;
    /**/
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.timeline .blocnote .blocimg {
    float: right;
    width: 50%;
}

.timeline .blocnote:nth-child(even) .bloctxt {
    left: 52%;
    width: 48%;
	text-align:left;
    /**/
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.timeline .blocnote:nth-child(even) .blocimg {
    float: left;
    width: 50%;
}

 /* IMAGE */
.imgResp { max-width:100%; margin-top:0; }

 /* TITRE */
.timeline .blocnote .bloctxt .titre {
    font-size:21px;
	color:#064171;
	font-weight:400;
	line-height:24px;
    margin: 0 0 10px 0;
	display:block;
	text-align:right;
}
.timeline .blocnote:nth-child(even) .bloctxt .titre {
	text-align:left;
}

 /* CONTENU */
.etape {
	color:#641e18;
	font-weight:700;
    font-size:36px;
	line-height:36px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.etape-title {
	color:#fff;
	font-weight:600;
    font-size:36px;
	line-height:36px;
    margin: 0 0 10px 0;
	display:block;
}
.etape-subtitle {
    font-size:26px;
	line-height:30px;
	color:#a7a7a7;
}



/* YEARLINGS */
.timeline.yearling .blocnote .bloctxt,
.timeline.yearling .blocnote:nth-child(even) .bloctxt {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top:50px;
}

.timeline.yearling .etape-title {
    color:#fff;
	font-weight:600;
    font-size:36px;
	line-height:40px;
    margin: 0 0 20px 0;
	display:block;
}
.timeline.yearling .etape-title span {
    text-transform: uppercase;
	display:block;
}
.timeline.yearling .etape-subtitle {
    font-size:18px;
	line-height:26px;
	color:#a7a7a7;
}


@media (max-width: 767px) {
    
    .timeline { margin: 50px 0 0 0; }
	.timeline:before { display: none; }
	
	.timeline .blocnote { display: flex; flex-direction: column-reverse;  margin-bottom: 0;}
	.timeline .blocnote:last-child { margin: 0 0 0 0; }
	
	.timeline .blocnote .bloctxt .titre,
	.timeline .blocnote:nth-child(even) .bloctxt .titre,
	.timeline .blocnote .bloctxt,
	.timeline .blocnote:nth-child(even) .bloctxt { text-align:left; width:100%; clear:both; }
	
    .timeline .blocnote .bloctxt,
    .timeline .blocnote:nth-child(even) .bloctxt{
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left:0;
    }
    
	.timeline .blocnote .blocimg,
	.timeline .blocnote:nth-child(even) .blocimg { float:none; width:100%; margin-bottom:15px; }
	
    .timeline.yearling { margin: 0 0 0 0; }
    .timeline.yearling .blocnote .bloctxt,
    .timeline.yearling .blocnote:nth-child(even) .bloctxt {
        margin-top:0px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    14 . HOME

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO LOGO
------------------------------------------- */
.intro-logo {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left:0;
    background: #000;
    z-index: 9999;
    cursor:pointer;
    /**/
/*    display: none;*/
}
.intro-skip {
    position: absolute;
    display:block;
    text-align: center;
    bottom: 20px;
    left:0;
    right:0;
    margin:0 auto;
    font-size:12px;
    padding:6px 0;
    color:#fff;
    cursor:pointer;
}

#Logo {
    position: absolute;
    width: 210px;
    height: 300px;
    left: calc(50% - 105px);
    top: calc(50% - 150px);
    margin: auto;
    display: block;
    fill: #641e18;
    stroke: #fff;
    stroke-miterlimit: 5;
}
.Animate-Draw {
    fill-opacity: 0;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration: 1;
    animation-name: DrawLine, FadeStroke, FillIn;
    animation-duration: 4s, 1s, 1s;
    animation-delay: 0s, 3.5s, 3.5s;
}
#Draw-Mark {
    stroke-dashArray: 1100;
    stroke-dashoffset: 1100;
}
#Draw-Frame {
    animation-delay: 1s, 3.5s, 3.5s;
    animation-duration: 3.5s, 1s, 1s;
    stroke-dashArray: 1500;
    stroke-dashoffset: 1500;
}
#Draw-Text {
    animation-delay: 2s, 3.5s, 3.5s;
    animation-duration: 2s, 1s, 1s;
    stroke-dashArray: 300;
    stroke-dashoffset: 300;
}
@keyframes DrawLine { to { stroke-dashOffset: 0; } }
@keyframes FadeStroke { to { stroke-opacity: 0; } }
@keyframes FillIn { from { fill-opacity: 0; } to { fill-opacity: 1; } }


/* ------------------------------------------- 
	HOME
------------------------------------------- */
.home {
    width: 100%;
    height: 100vh;
    position: relative;
/*    background: #000;*/
    padding:0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}
.home-inner {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* BLOC */
.home-slogan {
    margin: 0 auto 15px auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.home-bloc {
    display: inline-block;
    padding: 30px 40px 30px 40px;
    border: #fff solid 1px;
    text-align: center;
    background: rgba(0,0,0,.5);
    min-width:400px;
}
.home-bloc img {
    height:100px;
    width:auto;
}
.home-bloc img.sep {
    height:auto;
    width:15px;
    padding:20px 0;
    border:0;
    margin:0 auto;
}
.home-bloc-title {
	font-size: 50px;
	line-height: 54px;
	font-weight: 600;
    /*text-transform: uppercase;*/
    margin:20px 0 0 0;
}
.home-bloc-subtitle {
	font-family: 'Playfair Display', serif;
    font-style:italic;
	font-size: 30px;
	line-height: 30px;
    margin:10px 0 0 0;
}
.home-bloc-date {
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
}
.home-bloc-city {
	font-size: 16px;
	line-height: 18px;
    margin:5px 0 0 0;
}
.home-bloc a {
    display: inline-block;
	position:relative;
    margin:10px 0 0 0;
	font-weight: 600;
    text-decoration: none;
}
.home-bloc a span {
    display: inline-block;
    background: #fff;
	font-size: 14px;
    padding:8px 20px;
    text-transform: uppercase;
    color:#641e18;
    text-decoration: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.no-touch .home-bloc a:hover span {
    text-decoration: none;
    background: #641e18;
    color:#fff;
}

@media (max-width: 767px) {
    .home-inner { top: calc(50% + 25px); }
    .home-bloc { padding: 20px; min-width:300px; }
    .home-bloc img { height:60px; }
    .home-bloc img.sep { padding:10px 0; }
    .home-bloc-title { font-size: 44px; line-height: 44px; margin:5px 0 0 0; }
    .home-bloc-subtitle { font-size: 22px; line-height:22px; margin:2px 0 0 0; }
    .home-bloc-date { font-size: 24px; line-height: 24px; }
    .home-bloc-city { font-size: 14px; line-height: 16px; margin:5px 0 0 0; }
    .home-bloc a { margin:10px 0 0 0; }
    .label {		
     top: 25px;		
    }
}

/* LABEL */
.label {
    width: auto;
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 3px 3px 3px 0;
    background: #641e18;
    z-index: 99;
    position: absolute;
    top: 50px;
    left: -15px;
}
.label::after {
    content: '';
    position: absolute;
    border-left: 15px solid transparent;
    border-top: 10px solid #86362f;
    left: 0px;
    top: 30px;
}
.label-txt {
    position: relative;
    top:-1px;
    padding:0 10px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight:600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
.label-txt i {
    position: relative;
    top:1px;
    margin:0 5px 0 0;
    color: #fff;
    font-size: 14px;
}

.blink{
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear; 
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker { 0% { opacity: 1.0; } 25% { opacity: 1.0; } 50% { opacity: 0.35; } 75% { opacity: 1.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes blinker { 0% { opacity: 1.0; } 25% { opacity: 1.0; } 50% { opacity: 0.35; } 75% { opacity: 1.0; } 100% { opacity: 1.0; } } 
@keyframes blinker { 0% { opacity: 1.0; } 25% { opacity: 1.0; } 50% { opacity: 0.35; } 75% { opacity: 1.0; } 100% { opacity: 1.0; } }


/* ------------------------------------------- 
	COUNTDOWN
------------------------------------------- */
/* COUNTDOWN */
.countdown {
    text-align: center;
    position: relative;
    display: inline-block;
    color:#ccc;
    padding:15px 0 0 0;
    width:100%;
}
.timer-message {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
ul.timer {
    position: relative;
    list-style: none;
    padding: 0;
    display: inline-block;
    text-align: center;
}
ul.timer li {
    display: inline-block;
    float: left;
}
ul.timer li span {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -0.025em;
    font-family: 'Unica One', Arial, sans-serif;
}
ul.timer li.seperator {
    font-size: 26px;
    line-height: 40px;
    vertical-align: top;
    padding: 0 2px;
    color: #ccc;
}
ul.timer li p {
    color: #ccc;
    font-size: 9px;
    line-height: 10px;
    text-transform:uppercase;
    font-weight: bold;
    margin-top:-1px;
    font-family: inherit;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    /* COUNTDOWN */
    .timer-message {
        font-size: 11px;
        line-height: 13px;
        font-weight: 500;
        margin: 0 0 5px 0;
    }
    ul.timer li span {
        font-size: 24px;
        line-height: 24px;
        font-weight: 900;
    }
    ul.timer li.seperator {
        font-size: 24px;
        line-height: 24px;
        padding: 0;
    }
}

/* FLECHE SCROLLER */
.scroll-btn {
    position: absolute;
    height:60px;
    padding:0 30px;
    vertical-align: bottom;
    left: 50%;
    bottom:15px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}
.scroll-btn a {
    display:block;
}
.scroll-btn .chevron {
    position: absolute;
    left: calc(50% - 13px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 26px;
    height: 2px;
    bottom: 50px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}
.scroll-btn .chevron:first-child { animation: move 3s ease-out 1s infinite; }
.scroll-btn .chevron:nth-child(2) { animation: move 3s ease-out 2s infinite; }

.scroll-btn .chevron:before,
.scroll-btn .chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}
.scroll-btn .chevron:before { left: 0; transform: skew(0deg, 35deg); }
.scroll-btn .chevron:after { right: 0; width: 50%; transform: skew(0deg, -35deg); }

@keyframes move {
  25% { opacity: 1; }
  33% { opacity: 1; transform: translateY(34px); }
  67% { opacity: 1; transform: translateY(40px); }
  100% { opacity: 0; transform: translateY(52px) scale3d(0.5, 0.5, 0.5); }
}

@media only screen and (max-width:992px) {
    .scroll-btn { display:none; }
}



/* ////////////////////////////////////////////////////////////////////////////

    15 . PAGE

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.page-intro {
	padding: 200px 0 60px 0;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;  
}

.section.page-intro h1 {
    font-size: 72px;
    line-height: 72px;
    font-weight: 600;
    margin: 0 0 50px 0;
}

.section.page-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

@media (max-width: 767px) {
    .section.page-intro {
        padding: 150px 0 0 0;
    }
    .section.page-intro h1 {
        font-size: 48px;
        line-height: 48px;
        margin:0 0 25px 0;
    }
}


/* ------------------------------------------- 
	DETAIL
------------------------------------------- */
.section.page-detail {
	padding: 0 0 100px 0;
}
@media (max-width: 767px) {
    .section.page-detail {
        padding: 0 0 50px 0;
    }
}

.section.page-detail.cgv h3,
.section.page-detail.policy h3 { 
    font-size:21px;
    line-height:24px;
    font-weight:600;
    display:block;
    margin-bottom:10px;
}

.section.page-detail.cgv p {  }
.section.page-detail.cgv p + h3 { margin-top:40px; }

.section.page-detail.policy p {  }
.section.page-detail.policy p + h3 { margin-top:40px; }


/* ------------------------------------------- 
	CONTACT
------------------------------------------- */
.page-detail .cd-form [class*='col-md'] {
    padding:0;
}
.page-detail .cd-form .bloc-form {
    margin-top:15px;
}
.page-detail .cd-form .bloc-bts {
    margin-top:20px;
}

.contact-title {
    font-size:18px;
    line-height:30px;
    margin-bottom:10px;
}
.contact-title span {
    font-size:30px;
    line-height:30px;
    font-weight:600;
    display:block;
    margin-bottom:10px;
}
.contact-title.intro {
    margin-bottom:50px;
}

@media (max-width: 767px) {
    .contact-title { font-size:16px; line-height:26px; }
    .contact-title span { font-size:24px; line-height:24px; }
    .contact-title.intro { margin-bottom:25px; }
}


/* ------------------------------------------- 
	ATTEND
------------------------------------------- */
.page-detail {
    
}
.page-detail [class*='col-6'] {
    padding:0;
}
.page-detail [class*='col-6']:last-child {
    margin:0;
}

.bloc-attend {
    position:relative;
    background: #161616;
    padding:15px;
    margin-bottom:30px;
    display: block;
}
.bloc-attend:after {
    z-index:2;
    position:absolute;
    display:block;
    content:"";
    top:0;
    right:0;
    width: 0;
    height: 0;
    border-top: 25px solid #000;
    border-left: 25px solid transparent;
}
.bloc-attend a.btn {
    margin-top:25px;
}
.bloc-attend img {
    margin:25px 0;
}

.attend-title {
    font-size:36px;
    line-height:36px;
    font-weight:600;
    display:block;
}

.attend-desc {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom:#555 dotted 1px;
}
.attend-desc-title {
    font-size:30px;
    line-height:32px;
    font-weight:600;
    display:block;
    text-transform: uppercase;
}
.attend-desc-title span {
    font-size:24px;
    line-height:28px;
    font-weight:400;
    display:block;
    margin-bottom: 25px;
    text-transform: none;
}



.attend-detail ul {
    margin:0; padding:0; list-style:none; font-size:0;
}
.attend-detail ul li {
    display: block;
	font-size: 18px;
	line-height: 26px;
    margin:0 0 20px 0;
    color:#a7a7a7;
}
.attend-detail ul li:last-child {
    margin: 0 0 0 0;
}
.attend-detail ul li span {
    display: block;
	font-size: 14px;
    font-weight: 500;
    color:#fff;
    margin:0 0 3px 0;
    text-transform: uppercase;
}
.attend-detail ul li span i {
    position: relative;
    margin:0 7px 0 0;
}

/* ACCESS */
.attend-detail.access {
    margin-top:25px;
    padding-top:25px;
    border-top:#555 dotted 1px;
}
.attend-access-title {
    font-size:14px;
    line-height:16px;
    font-weight:600;
    background: #999;
    color: #161616;
    padding:2px 6px;
    display:inline-block;
    text-transform: uppercase;
    margin-bottom:15px;
}
.attend-detail.access ul li {
	font-size: 16px;
	line-height: 24px;
    margin:0 0 15px 0;
}

@media (max-width: 991px) {
    .page-detail [class*='col-md']{ margin:0 0 30px 0; }
}


/* SELECT */
.bloc-form {
    position: relative;
    display:block;
    margin:0 10px 0 0;
}
.bloc-form:last-child {
    margin:0;
}

.filters-act + .accordion { margin-top: 40px; }

.filters-act select {
    position: relative;
    display:inline-block;
    border: #939393 solid 1px;
    margin: 0;
    padding:0 40px 0 10px;
    top:0;
    /*height:50px;*/
    min-width:100%;
    min-width:100px;
    font-size: 18px;
    line-height:50px;
    color: #1e1e1e;
    background:#fff;
    font-weight: 600;
    /**/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /**/
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    /**/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /**/
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}

.filters-act select:focus {
    border-color: none;
    outline: none;
}

.filters-act select option {
    color:#1e1e1e;
}

.filters-act ::-webkit-input-placeholder { color: #1e1e1e!important; }
.filters-act :-moz-placeholder { color: #1e1e1e!important; }
.filters-act ::-moz-placeholder { color: #1e1e1e!important; }
.filters-act :-ms-input-placeholder { color: #1e1e1e!important; }

.full-width { width: 100%!important; }

[hidden] { display: none !important; }
.hidden { display:none; }


/* SELECT */
.filters-act .select-carret select {
    padding:0 60px 0 10px;
    position: relative;
}
.filters-act .select-carret {
    position: relative;
    display:inline-block;
    /*margin:0 5px;*/
    top:0;
}
.filters-act .select-carret .carret {
    position: absolute;
    z-index:1;
    top: 6px;
    right: 10px;
    font-size: 24px;
    color:#1e1e1e;
    pointer-events: none;
}

.filters-act select::-ms-expand { display: none; } /* hide default down arrow in IE10*/
@-moz-document url-prefix(){ .filters-act select { width: 110%; } }

@media only screen and (max-width:991px) {
    .filters-act select {
        width: 100%!important;
        max-width:inherit!important;
    }
    .filters-act .select-carret {
        position: relative;
        display:block;
        top:0;
    }
    
}





/* ////////////////////////////////////////////////////////////////////////////

    16 . PARTNERS

//////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------- 
	INTRO
------------------------------------------- */
.section.partners-intro {
	padding: 200px 0 100px 0;
    /**/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.section.partners-intro h1 {
	font-size: 116px;
	line-height: 120px;
	font-weight: 600;
    margin:0 0 50px 0;
}

.section.partners-intro p {
    color:#fff;
	font-size: 18px;
	line-height: 30px;
    max-width: 660px;
}

@media (max-width: 991px) {
    .section.partners-intro h1 {
        font-size: 86px;
        line-height: 90px;
        margin:0 0 40px 0;
    }
}

@media (max-width: 767px) {
    .section.partners-intro {
        padding: 150px 0 100px 0;
    }
    .section.partners-intro h1 {
        font-size: 66px;
        line-height: 70px;
    }
}

/* ------------------------------------------- 
	PARTNERS ››› LISTE
------------------------------------------- */
.section.partners-detail {
	padding: 0 0 50px 0;
}
@media (max-width: 767px) {
    .section.partners-detail {
        padding: 0 0 50px 0;
    }
}


/* PARTNERS BLOC */
.partners-bloc {
    position:relative;
    display: block;
    border-bottom:#555 dotted 1px;
    margin-bottom:50px;
    padding-bottom:50px;
}
.partners-bloc:last-child {
    border-bottom:none;
}

.partners-title {
    font-size: 52px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom:30px;
}
.partners-subtitle {
    font-size: 21px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom:15px;
}

.partners {
    position:relative;
    display: block;
    margin-bottom:30px;
}
.partners:last-child {
    margin-bottom:0;
}

.partners-grid {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
}
.logo-item {
    width: 14.28%;
    height: auto;
    /*background: #fff;*/
    text-align: center;
    border-right: #000 solid 5px;
    margin-bottom: 5px;
    display: block;
}
.logo-item img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	/**/
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
}
.no-touch .logo-item:hover a img {
    opacity: .6;
}

@media (max-width: 1200px) {
    .logo-item {
        width: 20%;
    }
}
@media (max-width: 767px) {
    .partners-bloc {
        margin-bottom:25px;
        padding-bottom:25px;
    }
    .logo-item {
        width: 33.3333%;
    }
}






/* ------------------------------------------- 
	PEDIGREE ACT 2
------------------------------------------- */

.pedigree-act2 {
    position: relative;
    display: block;
}
.pedigree-act2:before {
    position: absolute;
    content:"";
    background-image: url('../img/logo.svg');
    background-repeat:no-repeat;
    display: block;
    top:calc(50% - 20px);
    left:50%;
    -webkit-transform: translate(-50%,-50%) scale(.6);
    -ms-transform: translate(-50%,-50%) scale(.6);
    transform: translate(-50%,-50%) scale(.6);
    z-index: 1;
    width:170px;
    height:200px;
}
@media (max-width: 1200px) {
    .pedigree-act2:before {
        display:none;
    }
}

.chart-title {
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 21px;
    font-weight: 500;
    color: #fff;
    padding: 6px 9px;
    background: #641e18;
    margin: 15px 0 15px 0;
}
.chart-title:after {
    left: calc(50% - 10px);
    bottom: -8px;
    margin-top: 0;
    /**/
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px 10px 0 10px;
    border-color: #641e18 transparent transparent transparent;
    border-style: solid;
}

table.chart {
    background-color:none!important;
    width: 100%;
    text-align: center!important;
    border-collapse: collapse;
    table-layout: fixed;
}
table.chart td {
    font-size: 16px;
    line-height: 17px;
    text-transform: uppercase;
	color:#a7a7a7;
    vertical-align: top;
    border-left:none;
    padding: 10px 10px;
    font-weight: 500;
}
table.chart td span {
    background: #666;
    padding:5px;
}
table.chart tr:nth-child(even) {
    /*background: #fff;*/
}
table.chart td i {
    color: #999;
    font-size:18px;
    display: block;
    margin-bottom: 5px;
}

.sep {
    position:relative;
    display:block;
    width:100%;
    height:10px;
    border-top:#5a5c5e solid 1px;
    border-left:#5a5c5e solid 1px;
    border-right:#5a5c5e solid 1px;
    background: none!important;
}
.sep:before {
    position:absolute;
    top:-10px;
    display:inline-block;
    width:1px;
    height:10px;
    background: #5a5c5e;
    content:"";
}
table.chart tr:nth-child(4) .sep {
    width:50%;
    margin:0 auto;
}

@media only screen and (max-width: 768px) {
    table.chart {
        table-layout:auto;
    }
    .table-responsive {
        border:#444 solid 1px;
    }
    table.chart td {
        font-size: 14px;
        line-height: 16px;
        padding: 8px 5px;
    }
}