/*
	Theme Name: Thème par défaut
*/


/* Charset */
@charset "utf-8";


/* Fonts */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v11/zOL64pLDlL1D99S8g8PtiKchq-lmjdLh.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v11/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Reset balises HTML */
*{margin:0; padding:0; font-family: 'Raleway', sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, body{height:100%; font-weight:normal; font-size:12px;}
a{}
a:hover{}
a img{border:0;}
h1{}
h2{}
p{}
input[type=text], input[type=password], input[type=submit], input[type=button], select, textarea{border:0; border-radius:0; padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=submit], input[type=button]{background:none; cursor:pointer;}
select::-ms-expand{display:none;}
input:focus, textarea:focus, keygen:focus, select:focus{outline:0;}
article, aside, figcaption, figure, footer, header, main, nav, section{display:block}


/* Classes génériques */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}
.txtleft{text-align:left;}
.hidden{display:none;}
.verticalalign{display:inline-block; vertical-align:middle; height:100%;}
.majuscule{text-transform:uppercase;}
.topbt{position:fixed; right:20px; bottom:20px; z-index:10000; display:none; width:40px; height:40px; border-radius:4px; background-image:url(images/up.png); background-repeat:no-repeat; background-position:center center; background-color:#000000; -webkit-transition:background-color 0.6s; transition:background-color 0.6s;}
.topbt:hover{background-color:#666666; -webkit-transition:background-color 0.6s; transition:background-color 0.6s;}


/* Blocs CMS prédéfinis */
.ekcms_imagegauche_textedroite{margin-bottom:30px;}
.ekcms_imagegauche_textedroite .image{display:inline-block; vertical-align:top; width:47.5%; margin-right:2.5%; margin-top:10px; text-align:center;}
.ekcms_imagegauche_textedroite .image img{max-width:100%; height:auto;}
.ekcms_imagegauche_textedroite .texte{display:inline-block; vertical-align:top; width:47.5%; margin-left:2.5%; margin-top:10px; text-align:left;}
.ekcms_imagegauche_textedroite .texte p{margin-bottom:15px; text-align:left;}
.ekcms_textegauche_imagedroite{margin-bottom:30px;}
.ekcms_textegauche_imagedroite .texte{display:inline-block; vertical-align:top; width:47.5%; margin-right:2.5%; margin-top:10px; text-align:left;}
.ekcms_textegauche_imagedroite .texte p{margin-bottom:15px; text-align:left;}
.ekcms_textegauche_imagedroite .image{display:inline-block; vertical-align:top; width:47.5%; margin-left:2.5%; margin-top:10px; text-align:center;}
.ekcms_textegauche_imagedroite .image img{max-width:100%; height:auto;}
.ekcms_photos{margin-bottom:30px; text-align:center;}
.ekcms_photos img{display:inline-block; vertical-align:bottom; height:230px; width:auto; margin:10px;}


/* Structure globale du site */
.tpl-wrapper{position:relative; width:100%; min-height:100%; background-color:#ffffff;}
.tpl-header{position:fixed; top:0; left:0; width:100%; height:110px; z-index:600; background-color:#fff;}
.tpl-main{position:relative; clear:both; width:100%; padding-bottom:760px; padding-top:110px; text-align:center;}
.tpl-footer{position:absolute; left:0; bottom:0; width:100%; min-height:480px; padding-top:190px; margin-top:90px; background-color:#0000ff; text-align:center;}
@media screen and (max-width:1260px){
	.tpl-main{padding-bottom:0;}
	.tpl-footer{position:relative; min-height:auto; padding:100px 0; margin-top:50px;}
}
@media screen and (max-width:700px){
	.tpl-footer{padding:50px 0;}
}
@media screen and (max-width:400px){
	.tpl-main{padding-top:80px;}
	.tpl-header{height:80px;}
}


/* Header */
.tpl-header .contenu{position:relative; width:1280px; max-width:96%; margin:20px auto 0 auto; text-align:center;}
.tpl-header .contenu .logo{float:left;}
.tpl-header .contenu .logo img{max-width:100%; height:auto;}
.tpl-header .contenu .made{float:right; margin-top:35px; margin-right:100px; font-size:24px; font-family:'Abril Fatface';}
.tpl-header .contenu .mail{float:right; margin-top:30px;}
@media screen and (max-width:600px){
	.tpl-header .contenu .made{margin-right:20px; font-size:20px;}
}
@media screen and (max-width:400px){
	.tpl-header .contenu{margin:16px auto 0 auto;}
	.tpl-header .contenu .logo img{width:auto; height:50px;}
	.tpl-header .contenu .made{margin-right:10px; margin-top:25px; font-size:18px;}
	.tpl-header .contenu .mail{margin-top:20px;}
}


/* Footer */
.tpl-footer .team{position:relative; display:inline-block; vertical-align:middle; width:390px; font-size:22px; color:#FFFFFF; text-align:left;}
.tpl-footer .team .item{margin:35px 0;}
.tpl-footer .team .item .nom a{font-size:22px; color:#FFFFFF; text-decoration:none;}
.tpl-footer .team .item .rs a{margin-right:20px;}
.tpl-footer .team .item .nom{margin-top:15px;}
.tpl-footer .contact{position:relative; display:inline-block; vertical-align:middle; width:543px;}
.tpl-footer .contact img{display:block; max-width:100%; height:auto;}
.tpl-footer .contact > a{position:absolute; top:0; right:0; z-index:2; display:block; width:30%; height:50%;}
.tpl-footer .contact > a + a{top:50%;}
.tpl-footer .ml{display:inline-block; vertical-align:bottom; width:327px; margin-bottom:-100px; text-align:right;}
.tpl-footer .ml a{font-size:16px; color:#FFFFFF; text-decoration:none;}
@media screen and (max-width:1260px){
	.tpl-footer .team{width:30.95%;}
	.tpl-footer .contact{width:43.1%;}
	.tpl-footer .ml{width:25.95%; margin-bottom:-30px;}
}
@media screen and (max-width:700px){
	.tpl-footer .team{width:48%;}
	.tpl-footer .team .item{margin:20px 0;}
	.tpl-footer .team .item .nom{margin-top:10px;}
	.tpl-footer .contact{width:48%;}
	.tpl-footer .ml{display:block; width:100%; margin:30px 0 0 0; text-align:center;}
}
@media screen and (max-width:500px){
	.tpl-footer .team{width:100%; font-size:16px;}
	.tpl-footer .team .item{display:inline-block; vertical-align:middle; width:50%; text-align:center;}
	.tpl-footer .contact{width:96%;}
}


/* Accueil */
.page-home .header{width:1600px; max-width:100%; margin:auto;}
.page-home .header img{width:100%; height:auto;}
.page-home .intro{width:950px; max-width:96%; margin:auto; background-image:url(images/for-everyone.jpg); background-repeat:repeat-y; background-position:55px 0;}
.page-home .intro .brand{padding-top:80px; font-size:36px; font-family:'Abril Fatface';}
.page-home .intro p{margin-top:25px; font-size:20px; line-height:1.4;}
.page-home .intro p + p{margin-top:25px; font-size:20px; line-height:1.4; color:#0000ff; font-family:'Abril Fatface';}
.page-home .intro .bt{margin-top:75px;}
.page-home .intro .bt a{display:inline-block; vertical-align:middle; width:220px; line-height:55px; background-color:#0000ff; color:#FFFFFF; font-size:24px; text-decoration:none;}
.page-home .intro .design{margin-top:165px;}
.page-home .intro .design img{max-width:100%; height:auto;}
.page-home .intro .metier{display:inline-block; vertical-align:top; width:215px; margin:70px 15px 0 0;}
.page-home .intro .metier h2{font-family:'Abril Fatface'; font-size:20px; text-align:left;}
.page-home .intro .metier p{margin-top:15px; font-size:16px; text-align:left; line-height:1.1;}
.page-home .intro .trans, .page-home .intro .trans2{display:none;}
.page-home .intro > h2{margin-top:200px; font-family:'Abril Fatface'; font-size:36px; text-align:center;}
.page-home .intro .cat{display:inline-block; vertical-align:top; margin:30px 15px 0 15px;}
.page-home .intro .cat a{font-size:18px; color:#000000; text-decoration:none;}
.page-home .intro .cat a:hover{text-decoration:underline;}
.page-home .intro .cat a.sel{font-weight:bold;}
.page-home .works{padding-top:30px;}
.page-home .works .work{position:relative; width:1180px; max-width:100%; margin:70px auto 0 auto; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.36);}
.page-home .works .work:before{content:""; display:block; padding-top:58.47%;}
.page-home .works .work.bloc1 .texte{position:absolute; top:0; left:0; width:50%; height:100%;}
.page-home .works .work.bloc1 .images{position:absolute; top:0; left:50%; width:50%; height:100%;}
.page-home .works .work.bloc2 .texte{position:absolute; top:50%; left:0; width:100%; height:50%;}
.page-home .works .work.bloc2 .images{position:absolute; top:0; left:0; width:100%; height:50%;}
.page-home .works .work.bloc1 .texte .contenu{position:absolute; bottom:16%; left:0; width:100%;}
.page-home .works .work.bloc2 .texte .contenu{position:relative; margin-top:7%;}
.page-home .works .work.bloc2 .texte h3{width:40%; margin-top:0;}
.page-home .works .work.bloc2 .texte h4{width:40%; margin-top:0;}
.page-home .works .work.bloc2 .texte p{position:absolute; top:0; right:40px; margin-top:0;}
.page-home .works .work.hidden{display:none;}
.page-home .works .work .texte h3{margin-left:40px; font-family:'Abril Fatface'; font-size:30px; text-align:left;}
.page-home .works .work .texte h4{margin:20px 0 0 40px; font-family:'Abril Fatface'; font-size:20px; text-align:left;}
.page-home .works .work .texte p{margin:40px 0 0 40px; font-size:16px; text-align:left;}
.page-home .works .work .images{overflow:hidden;}
.page-home .works .work .images img{max-width:100%; height:auto;}
.page-home .works .work .images .cycle-pager{text-align:center; z-index: 500; position: absolute; bottom: 20px; right:20px; overflow: hidden;}
.page-home .works .work .images .cycle-pager span{display:block; width:12px; border-radius:7px; line-height:12px; margin:3px 0; border:1px solid #0000FF; cursor:pointer; overflow:hidden; color:transparent;}
.page-home .works .work .images .cycle-pager span.cycle-pager-active{background-color:#0000FF;}
.page-home .works .work .images .cycle-pager > * {cursor: pointer;}
.page-home .more{width:220px; margin:80px auto 0 auto; padding-bottom:12px; border-bottom:5px solid #0000ff; text-align:center;}
.page-home .more a{color:#0000ff; text-transform:uppercase; text-decoration:none; font-size:18px;}
.page-home > h2{margin-top:200px; font-family:'Abril Fatface'; font-size:36px; text-align:center;}
.page-home .bxslider{height:80px; margin:75px auto; border:}
.page-home .bxslider li{height:180px; text-align:center;}
.page-home .bxslider li img{display:block; max-width:100%; max-height:100%;}
.page-home .bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.page-home .bx-wrapper .bx-prev {
	left: -20px;
	background: url(images/bt-left.jpg) no-repeat;
}
.page-home .bx-wrapper .bx-next {
	right: -20px;
	background: url(images/bt-right.jpg) no-repeat;
}
.page-home .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 105px;
	margin-top: 0;
	outline: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	z-index: 9999;
}
.page-home .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
@media screen and (max-width:1180px){
	.page-home .works .work.bloc2 .texte .contenu{margin-top:2%;}
	.page-home .works .work .texte h3{font-size:24px;}
	.page-home .works .work .texte h4{font-size:18px;}
	.page-home .works .work .texte p{font-size:14px;}
}
@media screen and (max-width:950px){
	.page-home .intro{padding-bottom:0;}
	.page-home .intro .trans{display:block;}
	.page-home .intro > h2{margin-top:100px;}
	.page-home > h2{margin-top:100px;}
}
@media screen and (max-width:800px){
	.page-home .intro{background-position:0 0; background-size:100% auto;}
	.page-home .works .work{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
	.page-home .works .work.bloc2:before{padding-top:0;}
	.page-home .works .work.bloc2 .images{position:relative; top:auto; left:auto; height:auto;}
	.page-home .works .work.bloc2 .texte{position:relative; top:auto; left:auto; height:auto;}
	.page-home .works .work.bloc2 .texte .contenu{margin-top:0;}
	.page-home .works .work.bloc2 .texte h3{width:90%; margin:20px auto 0 auto;}
	.page-home .works .work.bloc2 .texte h4{width:90%; margin:20px auto 0 auto;}
	.page-home .works .work.bloc2 .texte p{position:relative; top:auto; right:auto; width:90%; margin:20px auto 0 auto; font-size:16px;}
}
@media screen and (max-width:625px){
	.page-home .intro .trans2{display:block;}
}
@media screen and (max-width:600px){
	.page-home .works .work.bloc1:before{padding-top:0;}
	.page-home .works .work.bloc1 .images{position:relative; top:auto; left:auto; width:100%; height:auto;}
	.page-home .works .work.bloc1 .texte{position:relative; top:auto; left:auto; width:100%; height:auto;}
	.page-home .works .work.bloc1 .texte .contenu{position:relative; bottom:auto; left:auto; margin-top:0;}
	.page-home .works .work.bloc1 .texte h3{width:90%; margin:20px auto 0 auto;}
	.page-home .works .work.bloc1 .texte h4{width:90%; margin:20px auto 0 auto;}
	.page-home .works .work.bloc1 .texte p{position:relative; top:auto; right:auto; width:90%; margin:20px auto 0 auto; font-size:16px;}
}
@media screen and (max-width:460px){
	.page-home .intro .brand{padding-top:60px;}
	.page-home .intro .design{margin-top:100px;}
	.page-home .intro .metier{width:46%; margin-left:2%; margin-right:2%;}
}
@media screen and (max-width:400px){
	.page-home .intro .metier{display:block; width:90%; margin:25px auto 0 auto; padding-bottom:25px; border-bottom:1px solid black;}
	.page-home .intro .cat{display:block; margin:5px auto 0 auto;}
	.page-home .intro .cat.first{margin-top:25px;}
	.page-home .works{padding-top:0;}
	.page-home .works .work .images .cycle-pager span{display:inline-block; margin:0 3px;}
}


/* Lightbox */
.site-lightbox{display:none; position:relative; width:90%; max-width:1024px; background-color:#FFFFFF; overflow-y:auto; text-align:left;}
.site-lightbox .close{position:absolute; top:20px; right:20px; font-weight:bold; font-size:28px; line-height:1.3; text-transform:uppercase;}
.site-lightbox .imgactu{margin-top:70px; text-align:center;}
.site-lightbox .imgactu img{max-width:100%; height:auto;}
.site-lightbox .titre{width:80%; margin:auto; margin-top:30px; font-size:24px; text-align:center; line-height:1.2;}
.site-lightbox .sstitre{width:80%; margin:auto; margin-top:20px; font-size:16px; font-weight:600; text-transform:uppercase; text-align:center;}
.site-lightbox .contenu{padding:50px 10%; font-size:16px;}
.site-lightbox .infos{position:absolute; bottom:0; left:0; z-index:101; width:100%; height:25%; background-color:rgba(68,68,68,0.48); text-align:left;}
.site-lightbox .infos .desc{position:absolute; top:24%; left:3.5%; width:48%; font-weight:bold; font-size:16px; color:#FFFFFF; line-height:1.1;}
.site-lightbox .infos .detail{position:absolute; top:24%; left:54.37%; width:44%; font-size:16px; color:#FFFFFF;}
.site-lightbox .mentions{padding:30px 10%; font-size:16px;}
.site-lightbox a{color:#000; text-decoration:underline;}
@media screen and (max-width:880px){
	.site-lightbox .titre{font-size:20px;}
}


/* 404 */
.page404{}
@media screen and (max-width:980px){
	
}


/* Formulaire */
/*.ekform{position:relative;}
.ekform .loading{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.ekform .msgerr{margin-top:10px; color:#E0000B; font-size:14px; font-weight:bold;}
.ekform .msgok{margin-top:10px; color:#E0000B; font-size:14px; font-weight:bold;}
.ekform .field_title{margin-top:30px; font-size:16px; font-weight:600;}
.ekform .field_text{display:none; margin-top:10px;}
.ekform .field_text.mendatory{font-weight:bold;}
.ekform .field_input{margin-top:10px;}
.ekform .field_input input[type=text]{width:80%; padding:7px; border:1px solid #777777; font-size:14px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.ekform .field_input select{}
.ekform .field_comment{}
.ekform .captcha{display:none; vertical-align:middle; margin-top:10px; margin-right:13.5%;}
.ekform .captcha .obj{display:inline-block; vertical-align:middle;}
.ekform .captcha .obj .imgcaptcha{width:140px; height:auto;}
.ekform .captcha .input{display:inline-block; vertical-align:middle; margin-left:7px;}
.ekform .captcha .input input[type=text]{width:50px; padding:7px; border:1px solid #777777; font-size:14px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.ekform .submit{margin-top:10px; text-align:center;}
.ekform .submit input[type=submit]{width:90px; padding:4px 0; background-color:#000; font-size:14px; text-transform:uppercase; color:#FFFFFF; text-decoration:none; cursor:pointer;}*/


/* Slider */
/*.slider_home{position:relative; width:100%; height:auto;}
.slider_home .slider{position:relative; z-index:0; width:100%; height:auto; list-style:none; overflow:hidden;}
.slider_home .slider li{position:relative; width:100%; height:auto; text-align:center; overflow:hidden;}
.slider_home .slider li img{max-width:100%; height:auto;}
.slider_home .slider .previous{position:absolute; left:2%; top:46.3%; z-index:101; width:3.5%; cursor:pointer; text-align:center;}
.slider_home .slider .next{position:absolute; right:2%; top:46.3%; z-index:101; width:3.5%; cursor:pointer; text-align:center;}
.slider_home .slider .previous img{width:100%; max-width:35px; height:auto;}
.slider_home .slider .next img{width:100%; max-width:35px; height:auto;}
.slider_home .puces{position:absolute; left:0; bottom:4%; width:100%; z-index:100; text-align:center;}
.slider_home .puces span{padding:0 8px;}*/


/* Lightbox */
/*.site-lightbox{display:none; position:relative; max-width:90%; background-color:#FFFFFF; overflow-y:auto; text-align:left;}
.site-lightbox .close{position:absolute; top:20px; right:20px;}*/


/* Diaporama */
/*.diaporama{position:relative; width:980px; max-width:100%; margin:auto; text-align:center;}
.diaporama .page{width:100%; height:auto;}
.diaporama .item{display:inline-block; vertical-align:middle; width:225px; padding:10px;}
.diaporama .item img{width:100%; height:auto;}
.diaporama .pager{margin-top:30px; text-align:center;}
.diaporama .pager a{color:#005897; text-decoration:none; font-weight:bold;}*/