/*
Theme Name: Prefa
Author: Julien Appert
Description:
Version: 1.2.1
*/

@import "css/base.css";
@import "css/menu.css";
@import "css/content.css";

/* structure
-------------------------------------------------------------- */

.loader-gif {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/gif-load-prefa.gif') 50% 50% no-repeat rgb(255,255,255);
}

#wrapper{
	position: relative;
}

#main{ overflow:hidden;	width:905px; margin:0 auto; padding-bottom:80px;}

/* =Header
-------------------------------------------------------------- */

#header {
	position:fixed; top:0;
	 width:100%; background:url(images/header.png); z-index:999;
}
#header-content{width:905px; height:115px; margin:0 auto; position:relative;}
#site-title a {
	display:block;	overflow:hidden;text-decoration: none; text-indent:-3000px;
	background:url(images/prefa25.png) no-repeat;
	background-size:contain;

	width:280px; height:50px;
	position:absolute; top:29px; right:0;
}

#slide{ margin:115px 0 0 0;/*max-height:630px; */overflow:hidden;position:relative; background:white;}
#slide ul{ list-style:none; margin:0; padding:0; width:100%; /*max-height:630px;*/}
#slide ul img{width:100%; height:auto; position:relative; /*max-height:630px;*/}
#slide .bx-wrapper .bx-viewport{
	background:transparent; border:none; box-shadow:none; left:auto;
}
#slide .bx-wrapper { margin:0;}
#slide .bx-wrapper img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	filter: grayscale(100%);
	max-width:none;
}

#slide-content{width:405px; height:185px; margin:0 auto;background:url(images/slide_text.png); position:absolute; bottom:0; z-index:888;}
#slide-content .bx-pager{ text-align:center; padding:30px 20px 0 20px;}
#slide-content .bx-pager-item{ display:inline-block; padding:0 5px;}
#slide-content .bx-pager-item a{ display:inline-block; width:12px; height:12px; background:url(images/slide_slider.png) no-repeat -12px 0; text-indent:-3000px; overflow:hidden; cursor:pointer;}
#slide-content .bx-pager-item a.active{ background-position:0 0; }
#slide-content #slide-text{ color:white; margin:20px 0 0; text-align:center; font-size:18px; line-height:20px;}
#slide-content #slide-text strong{font-family: 'venera'; font-size:22px; line-height:24px; font-weight:normal;}
#slide-content #slide-text a{ color:#D5D5E5;}
#slide-ancre{width:100%; text-align:center; position:absolute; bottom:0; height:40px;}
#slide li div.slide-hidden{ display:none;}

#slidehome{ height:630px; overflow:hidden; position:relative; /*visibility:hidden;*/}
#slidehome #slide-ancre{width:100%; text-align:center; position:absolute; bottom:0; height:38px; z-index:20;}
#slidehome #slide-ancre img{ width:auto; display:inline;}
#slidehome img{
	width:100%;
	position:relative;
	display:block;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	filter: grayscale(100%);
}
#slidehome .box_content{ overflow:hidden; position:relative; height:630px;}
#slidehome div{ overflow:hidden;}
#slidehome .image_text{
	display: table; position:absolute;background:url(images/slide_text.png); z-index:10; top:0; width: 100%; height: 100%; text-align:center;
}
#slidehome .image_text{ visibility:hidden; opacity: 0;
  transition: all 0.2s;}
#slidehome .box_content:hover .image_text{ visibility:visible; opacity: 1;}
#slidehome .image_text a{  display:table-cell; vertical-align: middle; color:white; text-decoration:none; font-size:16px; line-height:20px; font-weight:300;}
#slidehome .image_text a strong{ font-size:18px; line-height:24px;font-family: 'venera'; font-weight:normal;}


#slidehome .case_2 .box_1,#slidehome .case_2 .box_2{	width:50%;  float:left;}
#slidehome .case_2 .box_1 .box_content{ margin-right:3px;height:630px; }
#slidehome .case_2 .box_2 .box_content{ margin-left:3px;height:630px; }

#slidehome .case_3 .box_1,#slidehome .case_3 .box_2,#slidehome .case_3 .box_3{	width:33.33%;  float:left;}
#slidehome .case_3 .box_1 .box_content{ margin-right:3px;}
#slidehome .case_3 .box_2 .box_content{ margin-left:3px; margin-right:3px;}
#slidehome .case_3 .box_3 .box_content{ margin-left:3px;}

#slidehome .case_4 .box_1,#slidehome .case_4 .box_2,#slidehome .case_4 .box_3{	width:33.33%;  float:left;}
#slidehome .case_4 .box_1 .box_content{ margin-right:3px;}
#slidehome .case_4 .box_2 .box_content{ margin-left:3px; margin-right:3px;}
#slidehome .case_4 .box_2 .box_2_1 .box_content{ margin-bottom:3px;}
#slidehome .case_4 .box_2 .box_2_2 .box_content{ margin-top:3px;}
#slidehome .case_4 .box_3 .box_content{ margin-left:3px;}

#slidehome .case_5 .box_1,#slidehome .case_5 .box_2,#slidehome .case_5 .box_3{	width:33.33%;  float:left;}
#slidehome .case_5 .box_1 .box_content{ margin-right:3px;}
#slidehome .case_5 .box_2 .box_content{ margin-left:3px; margin-right:3px;}
#slidehome .case_5 .box_2 .box_2_1 .box_content,
#slidehome .case_5 .box_3 .box_3_1 .box_content{ margin-bottom:3px;}
#slidehome .case_5 .box_2 .box_2_2 .box_content,
#slidehome .case_5 .box_3 .box_3_2 .box_content{ margin-top:3px;}
#slidehome .case_5 .box_3 .box_content{ margin-left:3px;}

#slidehome .case_6 .box_1,#slidehome .case_6 .box_2,#slidehome .case_6 .box_3{	width:33.33%;  float:left;}
#slidehome .case_6 .box_1 .box_content{ margin-right:3px;}
#slidehome .case_6 .box_2 .box_content{ margin-left:3px; margin-right:3px;}
#slidehome .case_6 .box_1 .box_1_1 .box_content,
#slidehome .case_6 .box_2 .box_2_1 .box_content,
#slidehome .case_6 .box_3 .box_3_1 .box_content{ margin-bottom:3px;}
#slidehome .case_6 .box_1 .box_1_2 .box_content,
#slidehome .case_6 .box_2 .box_2_2 .box_content,
#slidehome .case_6 .box_3 .box_3_2 .box_content{ margin-top:3px;}
#slidehome .case_6 .box_3 .box_content{ margin-left:3px;}

#slidehome .case_7 .box_1,#slidehome .case_7 .box_2,#slidehome .case_7 .box_3{	width:33.33%;  float:left;}
#slidehome .case_7 .box_1 .box_content,
#slidehome .case_7 .box_3_2_1 .box_content{ margin-right:3px;}
#slidehome .case_7 .box_2 .box_content{ margin-left:3px; margin-right:3px;}
#slidehome .case_7 .box_1 .box_1_1 .box_content,
#slidehome .case_7 .box_2 .box_2_1 .box_content,
#slidehome .case_7 .box_3 .box_3_1 .box_content{ margin-bottom:3px;}
#slidehome .case_7 .box_1 .box_1_2 .box_content,
#slidehome .case_7 .box_2 .box_2_2 .box_content,
#slidehome .case_7 .box_3 .box_3_2 .box_content{ margin-top:3px;}
#slidehome .case_7 .box_3 .box_content,
#slidehome .case_7 .box_3_2_2 .box_content{ margin-left:3px;}
#slidehome .case_7 .box_3_2_1{ width:40%; float:left;}
#slidehome .case_7 .box_3_2_2{ width:60%; float:left;}
#slidehome .case_7 .box_3_2{ overflow:hidden;}

#slidehome .case_8 .box_1,#slidehome .case_8 .box_2,#slidehome .case_8 .box_3{	width:33.33%;  float:left;}
#slidehome .case_8 .box_1 .box_content,
#slidehome .case_8 .box_3_2_1 .box_content,
#slidehome .case_8 .box_1_1_1 .box_content{ margin-right:3px;}
#slidehome .case_8 .box_2 .box_content{ margin-left:3px; margin-right:3px;}
#slidehome .case_8 .box_1 .box_1_1 .box_content,
#slidehome .case_8 .box_2 .box_2_1 .box_content,
#slidehome .case_8 .box_3 .box_3_1 .box_content{ margin-bottom:3px;}
#slidehome .case_8 .box_1 .box_1_2 .box_content,
#slidehome .case_8 .box_2 .box_2_2 .box_content,
#slidehome .case_8 .box_3 .box_3_2 .box_content{ margin-top:3px;}
#slidehome .case_8 .box_3 .box_content,
#slidehome .case_8 .box_3_2_2 .box_content,
#slidehome .case_8 .box_1_1_2 .box_content{ margin-left:3px;}
#slidehome .case_8 .box_3_2_2,
#slidehome .case_8 .box_2_2_1{ width:40%; float:left;}
#slidehome .case_8 .box_3_2_1,
#slidehome .case_8 .box_2_2_2{ width:60%; float:left;}
#slidehome .case_8 .box_3_2{ overflow:hidden;}

#slidehome .box_1_1 .box_content{ height:350px;}
#slidehome .box_2_1 .box_content{ height:380px;}
#slidehome .box_3_1 .box_content{ height:290px;}
#slidehome .box_1_2 .box_content{ height:274px;}
#slidehome .box_2_2 .box_content{ height:244px;}
#slidehome .box_3_2 .box_content{ height:334px;}

#map_slide{ position:relative;}
#map{ width:100%; height:420px;}

/* =Footer
-------------------------------------------------------------- */

#footer {
	background:black;
	overflow:hidden;
margin-bottom : -46px;
}
#wrapper .footer_bottom{
	/* position: absolute; */
	bottom: 0;
	width: 100%;
}
#footer-content{width:905px; font-size:13px; line-height:16px;	min-height:75px; padding:15px 0;	position:relative;margin:0 auto; position:relative;}
#footer-infos{ text-align:right; width:420px; float:right; color:white;}
#footer-infos a{ color:white;}
#footer-infos strong{ font-weight:normal; font-size:16px; line-height:20px;}
#footer-infos p:last-child{ margin:0 0 15px 0;}
#footer-prefalogo{ background:url(images/footer-prefa25.jpg) no-repeat; width:258px; height:46px; position:absolute; left:-20px;}

/* Signature SQ */
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

@font-face {
  font-family: "Monologue-Sequane";
  src: url("fonts/Monologue-Sequane.ttf")
      format("truetype"),
    url("fonts/Monologue-Sequane.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/Monologue-Sequane.woff") format("woff"),
    url("fonts/Monologue-Sequane.woff2")
      format("woff2");
  font-weight: normal;
  font-style: normal;
}

.signature {
  height: 26px;
  overflow: hidden;
  margin: 0;
  position: relative;
}

.signature p {
  display: inline-block;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -4.5px;
  font-family: "Monologue-Sequane", sans-serif;
  margin: 0;
  position: relative;
}

.signature p a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  position: relative;
  letter-spacing: inherit;
  text-transform: inherit;
}

.signature p .site {
  letter-spacing: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  position: relative;
  top: -5px;
}

.signature p .relever {
  position: relative;
  top: 26px;
  transition: all 0.3s ease-out;
  height: 100%;
}

.signature:hover p .relever,
.signature:hover p {
  top: 0;
  letter-spacing: 0;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content{
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}