@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,300,700,700italic);
@font-face {
    font-family: 'BigNoodleTitling';
    src: url('../_fonts/BigNoodleTitling.eot');
    src: url('../_fonts/BigNoodleTitling.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/BigNoodleTitling.woff') format('woff'),
         url('../_fonts/BigNoodleTitling.ttf') format('truetype'),
         url('../_fonts/BigNoodleTitling.svg#BigNoodleTitling') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   /*
     font-family: "BigNoodleTitling", "Arial Narrow", serif;
	 font-family: "Titillium Web", Verdana, sans-serif;
	*/

*{ margin:0; padding:0; text-decoration:none; border:none;}
img{max-width:100%;}
.clr{clear:both;}
body{
	background:#090909;
	 font-family: "Titillium Web", Verdana, sans-serif;
	 font-size:20px;
	 font-weight:400;
	 width:100%;
	 color:#fff;
}

nav{
	background:url(../_img/fond_menu.png) left repeat-x;
	position:relative;
	width:100%;
	height:155px;
	z-index:5;
}
nav .left{
	position:relative;
	float:left;
	width:800px;
	text-align:center;
	margin-right:-85px;
}
nav .left .doubleleft{margin-right:-50px;}
nav .left .doubleright{margin-left:-20px;}

nav .right{
	position:relative;
	float:right;
	max-width:1120px;
	padding-right:30px;
	z-index:10;
}
nav ul{
	display:inline-block;
	*display:inline-block;
	zoom:1;
}
nav .right ul li{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:1.8em;
	font-weight:400;
	display:inline-block;
	*display:inline-block;
	zoom:1;
	vertical-align:top;
	margin:41px 13px 0;
}
nav .right ul li a{
	color:#fff;
	background: -webkit-linear-gradient(#fff, #fff, #fff, #787878, #787878, #787878);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
nav .right ul li a:hover,
nav .right ul li a.active
{
	color:#e4e3e3;
	background: -webkit-linear-gradient(#fff, #fff, #fff, #aaa9a9, #787878, #787878);
	 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom:solid 2px #787878;
}

nav .fb{padding-top:3px;}

/* HOME
------------------------------ */
#home h1{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:3.6em;
	font-weight:400;
	text-transform:uppercase;
	display:inline-block;
	*display:inline-block;
	zoom:1;
	opacity:0;
	margin-bottom:15px;
}

#home h2{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:1.8em;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.1em;
	display:inline-block;
	*display:inline-block;
	zoom:1;
	opacity:0;
}

#home h2 a:hover{background:#fff; color:#10052f;}
#home h2 a{
	border:solid 2px #fff;
	padding:15px 35px;
	color:#fff;
}
#home h2 a.tr2:hover{background:#fff; color:#AFAEC6;}

/* Rotator */

#home section{
	clear:both;
	position:relative;
	margin-top:-50px;
}

#home section .text{
	position:absolute;
	top:10%; width:100%;
}
#home section .text div{
	position:relative;
	max-width:1600px;
	margin:auto;
	padding:0 40px;
}
#home section .img #r1,
#home section .img #r2,
#home section .img #r3,
#home section .img #r4
{
	position:absolute;
	top:0; left:0;
	opacity:0;
}

#hometxt{
 background:url(../_img/dark_ski.jpg) top repeat;
 padding:5% 0 6%;	
 vertical-align:top;
 text-align:center;
}

#hometxt p{
	font-size:1.2em;
	max-width:975px;
	margin:auto;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	text-align:right;
	line-height:1.8em;
}
#hometxt p img{margin-top:-10px;}
/* SERVICES
------------------------------ */
#services h2{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:3.6em;
	font-weight:400;
	text-transform:uppercase;
}

#services p{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1em;
	line-height:normal;
	font-weight:300;
}

#services section{
	position:relative;
	width:100%; margin-top:-10px;
}
#services section article{
	position:relative;
	width:100%;
}
#services section article div{
	float:left;
}
#services section ul{
	clear:both;
	position:relative;
	width:100%;
}
#services section ul li{
	position:relative;
	float:left;
	list-style-type:none;
	margin:0; padding:0;
	line-height:0;
	overflow:hidden;
}
#services section ul li.text{
	width:41.09%;
}
#services section ul li{
	width:58.90%;
}

#services section ul li div{
	position:absolute;
	width:100%; height:100%;
	left:50%; top:15%
}
#services section ul.insta li div{
	top:10%
}

#services section ul li div h2{
	text-transform:uppercase;
	position:relative;
	left:-40%;
	z-index:200;
	text-align:left;
	padding:7% 20px 0;
	line-height:normal;
	width:70%;
}
#services section ul li div p{
	position:relative;
	left:-40%;
	z-index:200;
	text-align:left;
	padding:7% 20px 0;
	width:75%;
}
#services section ul li div p span{font-weight:700;}
#services section ul li div p ul li{
	display:list-item;
	line-height:normal;
	list-style-type:disc;
}
#services section p a{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:1.3em;
	color:#fff;
	border:2px solid #fff;
	padding:17px 40px;
	text-transform:none !important;
}
#services section p a:hover{background:#fff; color:#b40c57;}

#services section ul.insta#a5 li div{top:5%;}

/* A PROPOS
----------------------------------- */
#apropos h1{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:5em;
	font-weight:400;
	text-transform:uppercase;
	color:#a5a7aa;
	margin-bottom:4%;
	opacity:.8;
}

#apropos h2{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.5em;
	color:#a6a8ab;
	font-weight:700;
	margin:3.5% 0 .7%;
	line-height:1.2em;
}

#apropos h3{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.2em;
	color:#a6a8ab;
	font-weight:700;
	margin-bottom:5%;
}
#apropos h4{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.2em;
	font-weight:300;
	max-width:980px;
	margin:auto;
	margin-top:15px;
	margin-bottom:6%;
}
#apropos p{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1em;
	color:#a6a8ab;
	font-weight:300;
	text-align:justify;
}

#apropos{
	background:#040402;
}
#apropos section{
	background:url(../_img/back_apropos.jpg) top no-repeat;
	width:100%;
	padding:5% 0 10%;
	margin-top:-10px;
	text-align:center;
}
#apropos section ul.pres{
	width:96%;
	margin:auto;
	text-align:center;
}
#apropos section ul.pres li{
	display:inline-block;
	list-style-type:none;
	float:center;
	width:21%;
	padding:0 2%;
}
#apropos section ul.pict{
	margin-top:5%;
	width:100%;
}
#apropos section ul.pict li{
	float:left;
	width:33.33%;
	font-size:0;
}


/* PORTFOLIO
-------------------------------- */
#portfolio h1{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:3.6em;
	font-weight:400;
	text-transform:uppercase;
}
#portfolio h2{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.5em;
	font-weight:700;
}
#portfolio a h2 {color:#fff;}

#portfolio section{
	margin-top:-10px;
	padding:6% 0;	
}

#portfolio section ul{
	max-width:1280px;
	margin:auto;
	text-align:center;
}


#portfolio section ul li{position:relative; display:inline-block; *display:inline-block; zoom:1; width:30%; margin:0 1.5% 3%;}

/* // PERFECT BOX ---------------------------------------------------------------------------------------------------- */
.pbox{display:block; position:relative; width:100%;}
.pbox:before{content:""; display:block; padding-top:100%;}
	.pbox-content{position:absolute; top:0; left:0; bottom:0; right:0; background-position:center; background-size:cover;}
	.pbox-circle .pbox-content{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
		.pbox-center1{display:table; width:100%; margin:0 auto; height:100%; vertical-align:middle;}
			.pbox-center2{display:table-cell; width:100%; height:100%; vertical-align:middle;}

.desaturate{-webkit-filter:grayscale(1); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); filter:gray; filter:grayscale(100%); filter:url(../_img/desaturate.svg#greyscale);}


/* PORTFOLIO -- PROFILE */
#portfolio-p section{text-align:center; padding-bottom:6%;}
#portfolio-p h1{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:3.6em;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin-bottom:2.6%;
}
#portfolio-p section nav{
	background:url(../_img/menu-transparency.png) repeat;
	margin-bottom:5%;
}
#portfolio-p section nav ul{
	position:relative;
	width:100%;
	text-align:center;
}
#portfolio-p section nav ul li{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.2em;
	font-weight:700;
	display:inline-table;
	*display:inline-table;
	zoom:1;
	margin:50px 1.5% 0;
}
#portfolio-p section nav ul li a{color:#a6aaab;}
#portfolio-p section nav ul li a:hover{color:#fff;}

#portfolio-p section article ul{
	max-width:1480px;
	margin:auto;
}
#portfolio-p section article ul li{
	width:280px; height:185px;
	display:inline-block;
	*display:inline-block;
	zoom:1;
	margin:.1%;
}


/* CARRIERE
--------------------------------------------------- */

#carriere h1{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:3.6em;
	font-weight:400;
	color:#aba8ce;
	text-transform:uppercase;
	margin:12% 0 2%;
}
#carriere h2{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.2em;
	font-weight:700;
	color:#aba8ce;
	text-transform:uppercase;
	border-bottom: 1px solid rgb(167, 165, 187);
    border-bottom: 1px solid rgba(167, 165, 187, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	padding-bottom:10px;
	margin-bottom:2%;
	margin-top:6%;
}
#carriere h3{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.2em;
	font-weight:700;
	color:#aba8ce;
	font-style:italic;
	margin-bottom:7%;
}
#carriere p{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1em;
	font-weight:400;
	color:#aba8ce;
	line-height:1.8em;
	margin-bottom:2.3%;
}
#carriere p em{font-weight:400;}

#carriere section{
	background:url(../_img/back_carriere.jpg) top no-repeat;
	padding: 8% 30px;
	text-align:center;
	margin-top:-10px;
}
#carriere section article{
	max-width:1100px;
	margin:auto;
	text-align:left;
}
#carriere section .logo{
	filter : alpha(opacity=70);
    opacity : 0.7; 
	text-align:center;
}
#carriere section p.link{margin-top:10%;}
#carriere section p a{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:1.8em;
	color:#fff;
	border:2px solid #fff;
	padding:17px 80px;
}
#carriere section p a:hover{background:#fff; color:#10052f;}

#contact article{margin-top:-10px; position:relative;}
#responsive_map{height:510px;}
#contact h2{
	font-family: "BigNoodleTitling", "Arial Narrow", serif;
	font-size:3.6em;
	font-weight:400;
	text-transform:uppercase;
}
#contact h3{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.5em;
	font-weight:700;
}
#contact p{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1.2em;
	font-weight:400;
}
#contact #s1 .text1{
	position:absolute; top:6%; left:0;
	width:100%;	
}
#contact #s1 .text1 h2{
	max-width:860px;
	margin:auto;
	text-align:center;
}
#contact #s1 .text2{
	position:absolute; bottom:5%; left:0;
	width:100%;	
}
#contact #s1 .text2 h3{
	text-align:center;	
}

#contact #s2{
	overflow:hidden;
}
#contact #s3{
	background:url(../_img/back_contact.jpg) top no-repeat;
	width:100%;
	text-align:center;
	padding:5% 0 3%;
}
#contact #s3 h2{
	color:#aba5b3;
	margin-bottom:3%;
}
#contact #s3 p{
	font-weight:300;
	max-width:994px;
	margin:auto;
	margin-bottom:3%;
}
#contact #s3 p a{
	font-weight:700;
	color:#fff;
}
#contact #s3 form{
	max-width:1100px;
	margin:auto;
	list-style-type:none;
	margin-bottom:1%;
}
#contact #s3 ul li{
	position:relative;
	width:43%;
	margin:1% 3%;
	display:inline-block;
	*display:inline-block;
	zoom:1;
	vertical-align:top;
	
}
#contact #s3 .l2 .med1{
	width:19.5%;
	margin-left:3%; margin-right:1.5%;
}
#contact #s3 .l2 .med1 input{
	padding: 0 4%;
}
#contact #s3 .l2 .med2{
	width:19.5%;
	margin-left:1.5%; margin-right:3.9%;
}
#contact #s3 .l2 .med2 input{
	padding: 0 4%;
}


#contact input{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1em;
	font-weight:400;
	color:#938daf;
	background:transparent;
	border:solid 2px #938daf;
	width:96%; height: 50px;
	padding-left:2%; padding-right:2%;
	 outline: none;
}
#contact input:hover{border:solid 2px #666;}

#contact #s3 textarea{
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size:1em;
	font-weight:400;
	color:#938daf;
	width:90.5%;
	height:190px;
	background:transparent;
	border:solid 2px #938daf;
	margin-left:.5%;
	margin-top:1.5%;	padding:1% 1%;
	outline:none;
	overflow:auto;
	
}
#contact .button{
	background:#f0253d;
	width:190px;
	height:55px;
	margin-top:4%;
	border:none;
	color:#fff;
	font-weight:700;
	 -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#contact .button:hover{
	background:#c41c30;
	border:none;
	cursor:pointer;
}


/* CUSTOM INPUT FILE LAYOUT
--------------------------------------*/
.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.custom-file-upload {
  display: block;
  width: auto;
  font-size: 20px;
  margin-top:-5px;
}
.custom-file-upload label {
  display: block;
  margin-bottom: 5px;
}

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px;
}

.file-upload-input {
  width:60.5% !important; height:50px;
  color: #fff;
  font-size: 16px;
  padding:0 17px;
  padding-left:37% !important;
  border: none;
  background-color:;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  float: left;
  outline:none;
  /* IE 9 Fix */
}
.file-upload-input:hover, .file-upload-input:focus {
  background-color: #ab3326;
  outline: none;
}

.file-upload-button {
	position:absolute; top:0; left:0;
	cursor: pointer;
	display: inline-block;
	color: #938daf;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px 20px 0;
	margin-left: -1px;
	background-color: transparent;
	border:solid 2px #938daf;
	float: left; height:54px;
	border-right-style:dotted;
	/* IE 9 Fix */
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	outline:none;
}
.file-upload-button:hover {
  background-color:rgba(0, 0, 0, 0.3);
}



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

footer{	
	clear:both;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:-15px;

}
footer .partners{
	background:url(../_img/fond_partenaire.jpg) top repeat;
	padding:0 0 2.5%;
	text-align:center;
}
footer .partners ul{
	display:inline-block;
	*display:inline-block;
	zoom:1;
	text-align:center;
	margin:auto;
}
footer .partners ul li{
	list-style-type:none;
	display:inline-block;
	*display:inline-block;
	zoom:1;
}
footer .partners img{
	margin:3% 2% 0;
}

footer .projextra{
	background:#090909;
	padding:1.5% 0 ;
}

@media screen and (max-width: 1680px){
nav .right .simpleright{display:none;}
nav .right .simpleleft{display:none;}

#services section ul li div{top:10%}
#services section ul.insta li div{top:8%}
#services h2{ font-size:3.1em;}
#services section ul.insta#a5 li div{top:1%;}
}

@media screen and (max-width: 1520px){
nav .logo{max-width:50%; margin-bottom:12px;}
nav .right ul li{
	font-size:1.6em;
	margin:43px 10px 0;
}
#services h2{ font-size:2.9em;}
#services section ul li div p{font-size:.9em;}
}

@media screen and (max-width: 1400px){
	body{ font-size:17px;}
	nav .left{
	width:600px;
}
	.doubleleft{display:none;}
	nav .logo{margin-bottom:19px; margin-left:-30px;}
	footer .partners span{display:block;}
	
	#apropos .logo{ max-width:40%;}
	nav .right ul li{
	font-size:1.8em;
	margin:45px 10px 0;
}
}

@media screen and (max-width: 1280px){
	nav .right ul li{font-size:1.7em;}
	
	#services section ul li{
	clear:both;
	width:100%;
	}
	#services section ul li.text{
	width:100%;
	}
	#services section ul li{
	width:100%;
	}
	#services h2{font-size:4em;}
	#services section ul li div p{
		font-size:1.17em;
		line-height:1.6em;
	}
	
	#apropos section ul.pres li{
	width:42%;
	padding:0 2% 5%;
}
}

@media screen and (max-width: 1140px){
	nav .left{width:550px; margin-right:-120px;}
	nav .logo{margin-bottom:29px; margin-left:-80px;}
	nav .right ul li{
	font-size:1.4em;
	margin:47px 8px 0;
}
	#services h2{font-size:3.3em;}
	#services section ul li div p{
		font-size:1.17em;
		line-height:1.6em;
	}
	#services section ul li div{top:6%}
	#services section ul.insta li div{
	top:3%
}

}