@font-face {
    font-family: 'zurich_ltxcn_btlight';
    src: url('fonts/zurich_ltxcn_bt_light-webfont.woff2') format('woff2'),
         url('fonts/zurich_ltxcn_bt_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* STYLES */
body 	{ font-family:Arial, helvetica, sans-serif; font-weight:normal; font-size:16px; color:white; background:black; line-height:1.2em; margin:0; padding:0; }
ul 		{ list-style-type:none; margin-bottom:0; }
p 		{ line-height:1.5em; }
a 		{ color:#FF0000; }

/* STYLES GENERIQUE SITE */
h1, h2, h3, h4, h5 	{ color:white; }
h1 	{ font-size:42px; font-family: 'zurich_ltxcn_btlight'; }
h2 	{ font-size:38px; font-family: 'zurich_ltxcn_btlight'; }
h3 	{ font-size:28px; font-family: 'zurich_ltxcn_btlight'; }
h4 	{ font-size:16px; }
h5 	{ font-size:14px; }

h1.text-violet, h2.text-violet, h3.text-violet { color:#a52f63; }

h2.titre-xl 	{ font-size:55px; }
h2.titre-lg 	{ font-size:42px; }

/* GNRL --------------------------------------------- */
.text-rouge	{ color:#ed2024; }

.bg-orange 		{ background:#fc9b1e; }



/* HEADER */
header 	{ position:absolute; width:100%; top:20px; color:white; z-index:100; }
header.projet 	{ position:static; }

header .box-logo 	{ background:rgba(0,0,0,0.3); padding:25px 30px 30px; display:inline-block; }


/* NAVIGATION */
.menu-display:hover { cursor:pointer; }
.menu-close 		{ font-size:60px; position:absolute; right:0; left:0; top:8%; text-align:center; }
.menu-close a		{ cursor:pointer; color:white; transition:color 0.5s; font-size:20px; font-weight:700; }

nav 	{ display:none; position:fixed; z-index:10000; background:rgba(0,0,0,0.6); color:white; top:0; bottom:0; right:0; left:0; width:100%; height:100%; }
nav ul 	{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:90%; margin-left:auto; margin-right:auto; font-size:40px; line-height:1.4em; }
nav li a 		{ color:white; transition:color 0.5s; }
nav li a:hover 	{ color:#FF0000; }

/* SEARCH */
.search-close 		{ font-size:60px; text-align:center; margin-bottom:80px; }
.search-close a		{ cursor:pointer; color:white; transition:color 0.5s; font-size:20px; font-weight:700; }
.search-form 		{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:90%; }
#search-display 	{ cursor:pointer; }
.search-box 		{ display:none; position:fixed; z-index:10000; background:rgba(0,0,0,0.6); color:white; top:0; bottom:0; right:0; left:0; width:100%; height:100%; }
.search-box input[type=search] 	{ background:none; color:white; border:0; border-bottom:1px solid white; border-radius:0; padding:6px 12px; width:40%; margin-bottom:10px; font-size:20px; }


/* HOME --------------------------------------------- */
.actu-conatainer 	{ margin-top:150px; margin-bottom:250px; }
.bloc-actu 			{ background-size:cover; background-position:center; background-repeat:none; margin:0 15px 40px; height:350px; }
.bloc-actu .wrapper-content 		{ opacity:0; width:100%; height:100%; cursor:pointer; background:rgba(0,0,0,0.8); padding:20px 30px;  transition:all 0.4s; }
.bloc-actu .wrapper-content:hover 	{ opacity:1; }
.bloc-actu h2 		{ color:white; text-transform:uppercase; font-size:26px; height:90px; }
.bloc-actu h2 a, .bloc-actu a	{ color:white; }
.bloc-actu .resume	{ height:220px; color:white; }
.bloc-actu .btn-view	{ font-size:20px; }


.bloc-projet 			{ background-size:cover; background-position:center; background-repeat:none; height:380px; }
.bloc-projet .wrapper-content 		{ opacity:0; width:100%; height:100%; cursor:pointer; background:rgba(0,0,0,0.8); transition:all 0.4s; position:relative; }
.bloc-projet .wrapper-content:hover 	{ opacity:1; }
.bloc-projet .inside-wrapper  		{ text-align:right; position:absolute; bottom:20px; width:95%; }
.bloc-projet h2 		{ color:white; text-transform:uppercase; font-size:26px; }
.bloc-projet .btn-view	{ font-size:20px; }
.bloc-projet a			{ color:white; }


/* SLIDER */
#btn-slide-prev, 
#btn-slide-prev2, 
#btn-slide-next2,
#btn-slide-next 		{ position:absolute; width:34px; height:35px; cursor:pointer; top:50%; transform:translate(0, -50%); z-index:100; }
#btn-slide-prev, 
#btn-slide-prev2 		{ background:url('img/home/slider-arrow-left.png') no-repeat 0 0; left:80px; }
#btn-slide-next, 
#btn-slide-next2 		{ background:url('img/home/slider-arrow-right.png') no-repeat 0 0; right:80px; }


.suggestSlider a 	{ display:block; height:300px; margin:0 15px; }

/* BOUTONS */
.btn-odq 		{ display:inline-block; background:url('img/gnrl/arrow-btn.png') no-repeat center right #fc9b1e; color:white; border-radius:30px; padding:14px 70px 14px 30px; font-weight:700; letter-spacing:1px; transition:all 0.4s; }
.btn-odq:hover 	{ background:url('img/gnrl/arrow-btn-over.png') no-repeat center right white; color:#fc9b1e; }



/* popin */
.popin 					{ display:none; position:fixed; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.popin #popin-wrapper 	{ position:absolute; z-index:200; width:70%; height:auto; padding:30px; top:30%; transform:translateY(-30%); right:0; left:0; margin:auto; }
.popin .removePop 		{ cursor:pointer; color:white; }




/* PAGES */
.page-wrapper { line-height:1.4em; }
.fullwidth img 	{ max-width:100%; width:100%; height:auto; }


.projets-container { margin-top:100px; }


/* Form */
input[type=text], 
input[type=email] 	{ display:inline-block; vertical-align:middle; background:none; color:white; border:1px solid white; border-radius:0; padding:6px 12px; width:100%; margin-bottom:10px; font-size:14px; }
input[type=submit] 	{ display:inline-block; vertical-align:middle; background:#FF0000; border:0; padding:6px 12px; margin-top:12px; color:white; }
input[type=file] 	{ background:#222; margin-bottom:10px; width:100%; padding:6px 2px; }
textarea 			{ display:inline-block; vertical-align:middle; background:none; color:white; border:1px solid white; border-radius:0; padding:6px 12px; width:100%; margin-bottom:10px; font-size:14px; }

.wpcf7-not-valid-tip { color:#ff0000ad; }
.wpcf7 form.invalid .wpcf7-response-output { background:rgba(255,0,0,0.6); border:0; color:white; color:white; font-size:14px; }


/* Actus */
.actualites h3 a 	{ color:#a52f63; }
.actualites hr 		{ background:#d1d1d1; border:0; height:1px; margin:30px 0 0 0; padding:0; }


/* Projets */
.projets_category_box 		{ font-size:42px; font-family:'zurich_ltxcn_btlight'; margin-top:6px; }
.projets_category_box ul	{ position:absolute; right:0; z-index:100; }
.projets_category_box li 	{ display:inline-block; margin-right:20px; }
.projets_category_box li:last-child 	{ margin-right:0; }
.projets_category_box li a	{ color:white; transition:color 0.6s }
.projets_category_box li a:hover, 
.projets_category_box li a.current_category	{ color:#FF0000; }

.pagination 	{ font-size:30px; font-family:'zurich_ltxcn_btlight';  } 
.pagination a 	{ color:white; display:inline-block; margin:0 10px; }
.pagination span.current 	{ color:#e30b13; }

/* vimeo */

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
    height: 0; overflow: hidden;
    clear: both;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* FOOTER ------------------------------------------- */
footer          		{ padding:15px 0; color:white; }
footer li				{ display:inline-block; vertical-align:middle; margin:0 5px; }


/* RESPONSIVE ---------------------------------------- */
@media (max-width: 1400px) {

    .bloc-actu 	{ font-size:14px; }
}

@media (max-width: 1200px) {

    
    #btn-slide-prev, #btn-slide-prev2, #btn-slide-next2, #btn-slide-next { top:40%; }

    .projets_category_box { font-size:30px; }
}


@media (max-width: 992px) {

	
    #btn-slide-prev, #btn-slide-prev2, #btn-slide-next2, #btn-slide-next { top:55%; }
	.slider-home #btn-slide-prev, .slider-home #btn-slide-prev2, .slider-home #btn-slide-next2, .slider-home #btn-slide-next { top:35%; }

    .bloc-actu { height:480px; }

}


@media (max-width: 768px) {

	nav ul { font-size:30px; line-height:1.3em; }

	header .header-pictos { padding-top:30px; }


	.homeSlider .slide-content 					{ height:500px; }
	.homeSlider .slide-content img.fullwidth 	{ display:none; }
	#btn-slide-next, #btn-slide-next2 { right:30px; }
	#btn-slide-prev, #btn-slide-prev2 { left:30px; }

	.projets_category_box ul 	{ position:static; }

    .slide-content img.slide-visuel { max-width:100%; height:auto; }

    .bloc-actu      { height:200px; }
    .bloc-actu h2   { height:50px; }
    .bloc-actu .resume { display:none }
 

	footer, 
	footer .text-right { text-align:center !important; }
}






/* IPAD */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) {

	
}