/*
FONTS

pragmatica-web light : 300;
pragmatica-web book : 400;
pragmatica-web bold : 700;

futura-std  medium 500
futura-std  heavy 700

*/


@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-Heavy.eot');
  src: url('fonts/FuturaStd-Heavy.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-Heavy.woff') format('woff'),
       url('fonts/FuturaStd-Heavy.ttf')  format('truetype'),
       url('fonts/FuturaStd-Heavy.svg#f957ac4f7c9e44228c64976e40b8d5f5') format('svg');
       
  font-style:   normal;
  font-weight:  700;
}


@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-MediumOblique.eot');
  src: url('fonts/FuturaStd-MediumOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-MediumOblique.woff') format('woff'),
       url('fonts/FuturaStd-MediumOblique.ttf')  format('truetype'),
       url('fonts/FuturaStd-MediumOblique.svg#3487ef074a5c739d693357e96c2bc88a') format('svg');
       
  font-style:   italic;
  font-weight:  500;
}


@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-Medium.eot');
  src: url('fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-Medium.woff') format('woff'),
       url('fonts/FuturaStd-Medium.ttf')  format('truetype'),
       url('fonts/FuturaStd-Medium.svg#978bfeb47c41e9c6da434cb6375bf283') format('svg');
       
  font-style:   normal;
  font-weight:  500;
}

/*

@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-LightOblique.eot');
  src: url('fonts/FuturaStd-LightOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-LightOblique.woff') format('woff'),
       url('fonts/FuturaStd-LightOblique.ttf')  format('truetype'),
       url('fonts/FuturaStd-LightOblique.svg#fce834f65d97d50a85974512d1adf040') format('svg');
       
  font-style:   italic;
  font-weight:  300;
}



@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-Light.eot');
  src: url('fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-Light.woff') format('woff'),
       url('fonts/FuturaStd-Light.ttf')  format('truetype'),
       url('fonts/FuturaStd-Light.svg#d83a536671d160add994a83c5144bd9a') format('svg');
       
  font-style:   normal;
  font-weight:  300;
}

*/

/*
@font-face {
  font-family: helvetica
  src: url('fonts/pragmatica.eot');
  src: url('fonts/pragmatica.eot?#iefix') format('embedded-opentype'),
       url('fonts/pragmatica.woff') format('woff'),
       url('fonts/pragmatica.ttf')  format('truetype'),
       url('fonts/pragmatica.svg#a25ff84c00da8cc9740d9c250814faf0') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}
*/

@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-Book.eot');
  src: url('fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-Book.woff') format('woff'),
       url('fonts/FuturaStd-Book.ttf')  format('truetype'),
       url('fonts/FuturaStd-Book.svg#db02aa682b3e193ac55da3558b4b0d6e') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}


@font-face {
  font-family: 'futura-std';
  src: url('fonts/FuturaStd-BookOblique.eot');
  src: url('fonts/FuturaStd-BookOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/FuturaStd-BookOblique.woff') format('woff'),
       url('fonts/FuturaStd-BookOblique.ttf')  format('truetype'),
       url('fonts/FuturaStd-BookOblique.svg#e5aaccfa75b4050fd08ee20229c6009f') format('svg');
       
  font-style:   oblique;
  font-weight:  400;
}






@font-face { font-family: 'klinic_slablight'; src: url('fonts/klinicslablight-webfont.eot'); src: url('fonts/klinicslablight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/klinicslablight-webfont.woff2') format('woff2'), url('fonts/klinicslablight-webfont.woff') format('woff'), url('fonts/klinicslablight-webfont.ttf') format('truetype'), url('fonts/klinicslablight-webfont.svg#klinic_slablight') format('svg'); font-weight: normal; font-style: normal; }

* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
	outline-width: 0;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



input { border: 0; }

.contact form { line-height: 15px; }

.contact input[type="text"] {
	padding: 10px;
	font-family: helvetica
	font-weight: 300;
	font-size: 15px;
}
.contact textarea {
	border: 0;
	padding: 10px;
	font-family: helvetica
	font-weight: 300;
	font-size: 15px;
	vertical-align: top;
	width: 100%;
	height: 120px;
}
.contact input[type="submit"] {
	padding: 20px 50px 20px 50px;
	font-family: helvetica
	font-weight: 700;
	font-size: 15px;
	background: #191818;
	color: #fff;
	cursor: pointer;
}
.contact input[type="submit"]:hover { background: #333; }

label { display: inline-block; width: 200px; text-align: left; }

hr { border: 0; border-top: 1px solid #000; }


body { margin: 0; background: #191818; font-family: helvetica; font-weight: 300; font-size: 13px; line-height: 20px; overflow-x: hidden; }
a { color: #fff; }
.blanc a { color: #191818; }
b, strong { font-weight: 700;  }
.largeur { position: relative; width: 960px; margin: 0 auto 0 auto; }
.blanc { background: #f2f2f2; border: 1px solid #fff; padding-bottom: 40px; }
.center { text-align: center; }

#preheader { position: absolute; color: #fff; height: 150px; }

header { position: relative; font-family: 'futura-std'; font-size: 15px; letter-spacing: 6px; height: 220px; }
header img { width: 170px; margin-top: 60px; }


header nav { position: absolute; right: 0; top: 100px; }
header nav a { font-weight: 400; font-size: 12px; padding-left: 4px; padding-bottom: 6px; text-decoration: none; color: #fff; border-bottom: 1px solid #191818; margin-left: 15px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
header nav a:hover { border-bottom: 1px solid #fff; color: #fff; }
header nav a.actif { border-bottom: 1px solid #fff; color: #fff; }
header input { margin-left: 32px; width: 85px; text-transform: uppercase; color: #fff; position: relative; top: -2px; background: none; font-family: 'futura-std'; font-size: 12px; letter-spacing: 6px; }


.detail p { position: relative; width: 850px; margin-left: -425px; left: 50%; text-align: left; }


header a.burger {
	position: absolute;
	display: none;
	right: 40px;
	top: 25px;
}
header a.burger img { width: 20px; }

header #nav-mobile {
	display: none;
	position: absolute;
	top: 100px;
	width: 290px;
	right: 0px !important;
	
	text-align: center;
	background: #fff;
	z-index: 998;
	padding: 30px 0 30px 0;
}
header #nav-mobile a { color: #000; letter-spacing: 0; display: inline-block; margin: 10px 0 10px 0; text-decoration: none; }



#slideshow { width: 100%; text-align: center; }
#slideshow > a, #slideshow > a > div { color: #fff; text-decoration: none; width: 100%; height: 100%; }
#slideshow > a > div > div { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#slideshow strong { position: relative; letter-spacing: 3px; font-family: 'klinic_slablight'; font-size: 100px; font-weight: normal !important; }
#slideshow p { position: relative; font-family: 'futura-std'; font-size: 18px; text-transform: uppercase; }


.cycle-pager { margin-top: 20px; text-align: center; font-size: 0; color: #000; height: 22px; }
.cycle-pager * { cursor: pointer; }
.cycle-pager span { margin: 0 2px 0 2px; display: inline-block; width: 13px; height: 22px; background: url(img/sprite-nav-slideshow.png) -15px 0 no-repeat; background-size: 22px 11px; }
.cycle-pager span.cycle-pager-active { background: url(img/sprite-nav-slideshow.png) 0 0 no-repeat; background-size: 22px 11px; }




h1, .h2-right { position: relative; font-family: 'klinic_slablight'; margin-top: 60px; margin-bottom: 0; font-size: 40px; }
h1 span, .h2-right span { position: relative; display: inline-block; z-index: 444; padding-right: 10px; background: #f2f2f2; margin-bottom: 20px; }
h1.white { color: #fff; }
h1 u, .h2-right u { z-index: 0; background: #000; height: 1px; margin-left: 0px; width: 100%; position: absolute; top: 15px; left: 0; }
h2 { font-family: 'futura-std'; font-size: 22px; font-weight: 700; text-align: center; letter-spacing: 6px; margin-top: 30px; }

.h2-right { position: relative; font-family: 'klinic_slablight'; margin-top: 60px; margin-bottom: 0; font-size: 40px; font-weight: 700; }

p.home { vertical-align: top; width: 570px; margin: 30px auto 30px auto; display: inline-block; text-align: left; line-height: 20px; }


footer { position: relative; width: 580px; margin: 50px auto 0 auto; text-align: center; height: 90px; font-family: 'futura-std'; letter-spacing: 4px; color: #999; letter-spacing: 0; text-transform: uppercase; }
footer a { text-decoration: none; color: #999; font-size: 12px; }
footer small { font-size: 9px; }
footer small a { font-size: 9px; letter-spacing: 0; color: #999; }
footer u { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #fff; display: block; }


.clear { clear: both; font-size: 1px; line-height: 0; }

.col25 {
	float: left;
	width: 24%;
	font-family: helvetica;
	font-weight: 900;
	font-size: 15px;
	margin-right: 1%;
}



.col25 a { text-decoration: none; }
.col25 a:hover { opacity: 0.5; }

h3 {
	width: 90%;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	font-family: 'futura-std';
	font-weight: 500;
	font-size: 17px;
}

h4 {
	margin: 0;
	font-family: 'futura-std';
	font-weight: 500;
	font-size: 30px;
	color: #000;
}


.col75 {
	float: left;
	width: 75%;
}

.col620 {
	float: left;
	width: 600px;
	text-align: justify;
	margin-right: 20px;
}
.col320 {
	float: left;
	width: 320px;
}


.col75 img { width: 100%; }

.col25 h2 { text-align: left; }


a.line-up {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 100%;
	background: #ccc;
	color: #fff;
	transition-duration: 0.5s;
}
a.line-up i { position: absolute; display: block; top: 50%; left: 50%;
	font-family: 'futura-std';
	font-weight: 300;
	font-style: normal;
	line-height: 13px;
	text-align: center;
	font-size: 11px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}




.bloc25 { width: 24%; display: inline-block; text-align: center; font-family: 'futura-std'; font-weight: 300; font-size: 18px; margin-bottom: 30px; line-height: 24px; }
.bloc25 img { border-radius: 1000px; width: 140px; margin-bottom: 40px; }
.bloc25 a {
	font-size: 13px;
}



.col33 {
	width: 33%;
	float: left;
	color: #fff;
}


.sous-nav { margin-top: 40px; }

.sous-nav a {
	text-decoration: none;
	margin: 0 10px 0 10px;
	padding: 7px 12px 7px 12px;
	background: #000;
	color: #fff;
	font-family: 'futura-std';
	font-weight: 300; 
}

.sous-nav a.actif {
	background: #fff;
	color: #000;
}


.hidden { display: none; }






a.toggle {
	display: block;
	position: absolute;
	top: 39px;
	right: 39px;
	width: 25px;
	height: 25px;
	background: url(img/toggle.png) 0 0 no-repeat;
	background-size: 50px 25px;
	cursor: pointer;
}
a.toggle.on {
	background: url(img/toggle.png) -25px 0 no-repeat;
	background-size: 50px 25px;
}


.film a {
	text-transform: uppercase;
}


.news h2 { text-align: left; letter-spacing: 0; text-transform: uppercase; padding: 0; font-weight: 500; line-height: 34px; }
.news img { width: 100%; }

.header-film {
	position: relative;
	color: #fff;
	text-align: center;
}
.header-film > div { 
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.header-film h1 { margin: 0 0 20px 0; font-size: 100px; line-height: 80px; letter-spacing: 4px; }
.header-film p { margin: 0; font-size: 20px; font-family: 'futura-std'; font-weight: 500; text-transform: uppercase; }
.header-film i { z-index: 0; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.2; }



a.b_previous,a.b_next {
	position: absolute;
	display: block;
	height: 70px;
	top: 430px;
	z-index: 999;
	font-family: 'futura-std';
	font-weight: 500;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid transparent;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a.b_previous {
	line-height: 67px;
	text-align: right;
	color: transparent;

	background: url(img/chevron-l.png) 40px 20px no-repeat;
	background-size: 17px 27px;
	left: 0;
	width: 100px;
	padding-right: 0px;
}
a.b_previous:hover {
	left: 20px;
	border: 1px solid #fff;
	color: #fff;

	background: url(img/chevron-l.png) 140px 20px no-repeat;
	background-size: 17px 27px;
	width: 190px;
	padding-right: 70px;
}

a.b_next {
	line-height: 67px;
	color: transparent;
	right: 0;

	background: url(img/chevron-r.png) 30px 20px no-repeat;
	background-size: 17px 27px;
	width: 100px;
	padding-left: 60px;

}
a.b_next:hover {
	right: 20px;
	border: 1px solid #fff;
	color: #fff;

	background: url(img/chevron-r.png) 30px 20px no-repeat;
	background-size: 17px 27px;
	width: 160px;
	padding-left: 60px;
}

a.pdf {
	position: relative;
	display: inline-block;
	background: #333;
	border: 1px solid #333;
	color: #999;
	width: 70px;
	height: 90px;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 10px;
	-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s;
}

a.pdf > div {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

a.pdf:hover {
	background: #555;
}

ul { margin: 0 0 0 20px; padding: 0; list-style-type:square}
li { padding: 5px 0 5px 0; }
ul a:hover { text-decoration: none; }


.contact { font-size: 14px; }

.film-focus s { font-style: normal; text-decoration: none; color: #999; }

.bloc25.team {
	vertical-align: top;
}

.team a { font-family: helvetica font-weight: 400; text-decoration: none; }
.team a:hover { font-family: helvetica font-weight: 400; text-decoration: underline; }

a.company-flyer {
	display: inline-block;
	padding: 10px 30px 10px 30px;
	background: #191818;
	color: #f2f2f2;
	text-decoration: none;
	margin-top: 40px;
	-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; 
}





.market {
	position: relative;
	background: #fff;
	padding: 30px;
	margin-top: 20px;
	border-right: 4px solid #000;
	font-family: 'futura-std';
	font-weight: 300;
	color: #999;
	line-height: 22px;
	transition-duration: 0.2s;
	min-height: 110px;
}

.market h4 { text-transform: uppercase; float: left; line-height: 26px; }
/*
.market:hover {
	border-right: 6px solid #000;
}
*/
.market-more {
	position: relative;
	border-top: 1px solid #000;
	background: #fff;
	padding: 70px;
	font-weight: 300;
	color: #222;
	line-height: 22px;
}

.market-more p { width: 70%; }


.market-col-right {
	border-left: 1px solid #999;
	float: left;
	top: 0;
	font-size: 12px;
	line-height: 16px;
	margin-left: 20px;
}
.market-col-right p { margin: 0 0 0 10px; }


a.line-upp {
	display: block;
	text-align: center;
	float: left;
	margin-left: 20px;
	background: #000;
	color: #fff;
	top: 30px;
	right: 0;
	text-decoration: none;
	font-style: normal;
	font-size: 9px;
	line-height: 11px;
	padding: 8px 15px 8px 15px;
	margin-right: 50px;
	background: #000;
}


#preheader {
	position: absolute;
	top: 0;
	right: 0;
	border-top: 6px solid #fff;
	text-align: center;
	z-index: 999;
	width: 40px;
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#preheader #cadenas {
	position: relative;
	cursor: default;
	display: block;
	margin: 8px 0 0 14px;
	width: 24px;
	height: 70px;
	background: url(img/cadenas.png) 0 0 no-repeat;
	background-size: 10px 12px;
}
#preheader.hoverr {
	width: 250px;
	background: #222;
}

#preheader input {
	opacity: 0;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#preheader.hoverr input {
	opacity: 1;
}


.form-log {
	position: absolute;
	left: 40px;
	top: 10px;
	width: 200px;
}
.form-log input { margin-top: 0; border: 0; opacity: 0; }

.form-log input[type="password"] {
	top: 0px;
	border: 0;
	padding: 8px;
}
.form-log input[type="submit"] {
	cursor: pointer;
	left: 0px;
	top: 0px;
	border: 0;
	padding: 8px;
	background: #191818;
	color: #fff;
}

.film-video { position: relative; }
.film-video img { width: 100%; }

.film-video iframe {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}


/*

pragmatica-web light : 300;
pragmatica-web book : 400;
pragmatica-web bold : 700;

futura-std  medium 500
futura-std  heavy 700

*/

.h1-news {
	font-size: 20px;
	font-weight: 700;
}
.h2-news {
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline;
}


.cycle-slideshow2 { min-height: 160px; }



@media (min-width: 1025px) {
	a.line-upp:hover { background: #999; }
	a.company-flyer:hover { background: #fff; color: #191818; }
}


@media (max-width: 1024px) {

	a.b_previous,a.b_next { display: none; }

	#preheader { display: none !important; }

	a.toggle {
		top: 19px;
		right: 19px;
	}

	.market h4 { text-transform: uppercase; float: none; }

	.market-col-right {
		border-left: 0;
		display: block;
		float: none;
		top: 0;
		margin-top: 10px;
		margin-left: 0;
	}
	.market-col-right p { margin: 0 0 0 0px; }
	
	
	a.line-upp {
		margin: 10px 0 0 0;
	}


	a.b_previou,a.b_next { display: none; }

	.detail p { position: relative; width: 80%; margin-left: -40%; left: 50%; text-align: left; }

	.largeur { width: 90%; }
	footer { width: 300px !important; }
	.bloc25 { display: block; width: 100%; }
	.col25 { float: none; width: 100%; }
	.col33 { float: none; width: 100%; text-align: center; }
	.col75 { float: none; width: 100%; }
	.col620 { float: left; width: 65%; }
	.col320 { float: left; width: 35%; }

	header { height: 120px; }
	header img { width: 100px; margin-top: 30px; margin-left: 30px; }
	header nav { display: none; }
	header a.burger { display: block; }

	#slideshow strong { margin-top: 0px; letter-spacing: 0; font-size: 40px; font-weight: normal !important; }
	#slideshow p { font-size: 13px; }

	h2 { padding: 0 20px 0 20px; }
	h3 { width: 100%; padding-bottom: 10px; }

	.cycle-slideshow p { padding: 0 20px 0 20px; }

	/* h1 { border-bottom: 2px solid #000; } */
	
	.header-film { height: 200px !important; }
	.header-film > div > h1 { font-size: 36px; line-height: 32px; letter-spacing: 0; margin-bottom: 10px; }
	.header-film p { display: none; }

	.sous-nav a { display: block; }

	

	.market-more { padding: 20px; }


	.market-more p { width: 200px; }

	a.line-up {
		position: relative;
		display: block;
		top: 0;
		left: 0;
		width: 245px;
		height: 150px;
		background: #ccc;
		color: #fff;
		transition-duration: 0.5s;
	}
	a.line-up i { position: absolute; display: block; top: 50%; left: 50%;
		font-family: 'futura-std';
		font-weight: 300;
		font-style: normal;
		line-height: 13px;
		text-align: center;
		font-size: 11px;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}


}

@media (max-width: 640px) {
	.col620 { float: none; width: 100%; }
	.col320 { float: none; width: 100%; }
}