/*
	Theme Name: Refonte
*/


/* 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;}
html, body{height:100%; font-family: 'Arial', sans-serif; font-weight:normal; font-size:18px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
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; z-index:10000; width:100%; background-color:#fff; text-align:center;}
.tpl-main{position:relative; width:100%; padding-bottom:500px; text-align:center;}
.tpl-footer{position:absolute; left:0; bottom:0; width:100%; height:270px; margin-top:230px; background-color:#9f65f8; text-align:center;}
@media screen and (max-width:980px){
	.tpl-main{padding-bottom:0;}
	.tpl-footer{position:relative;}
}
@media screen and (max-width:830px){
	.tpl-footer{height:400px; margin-top:150px;}
}


/* Header */
.tpl-header .contenu{position:relative; width:1500px; max-width:90%; margin:auto; text-align:center;}
.tpl-header .contenu .logo{float:left; margin-top:30px; margin-bottom:20px;}
.tpl-header .contenu .logo img{max-width:100%; height:auto;}
.tpl-header .contenu .made{float:right; margin-top:40px; font-size:28px; font-family:'Abril Fatface';}
@media screen and (max-width:1600px){
	.tpl-header .contenu .logo img{max-width:180px;}
	.tpl-header .contenu .made{font-size:22px;}
}
@media screen and (max-width:600px){
	.tpl-header .contenu .logo{margin-left:20px; margin-top:20px;}
	.tpl-header .contenu .logo img{width:40px;}
	.tpl-header .contenu .made{font-size:20px;}
}
@media screen and (max-width:400px){
	.tpl-header .contenu{margin:16px auto 0 auto;}
	.tpl-header .contenu .made{margin-top:25px; font-size:18px;}
}


/* Footer */
.tpl-footer .image{position:absolute; top:-63px; left:0; width:100%; text-align:center;}
.tpl-footer .member{display:inline-block; vertical-align:top; margin:120px 40px 0 40px; text-align:left;}
.tpl-footer .member .rs a{display:inline-block; vertical-align:top; margin:0 8px 0 0;}
.tpl-footer .member .rs a img{display:block;}
.tpl-footer .member .nom{margin-top:10px; font-size:16px;}
.tpl-footer .member .nom a{color:#000; text-decoration:none;}
.tpl-footer .ml{position:absolute; bottom:20px; left:20px;}
.tpl-footer .ml a{color:#000; font-size:16px;}
@media screen and (max-width:830px){
	.tpl-footer .member{display:block; width:360px; margin:auto; padding-top:140px;}
	.tpl-footer .member + .member{padding-top:40px;}
}
@media screen and (max-width:360px){
	.tpl-footer .image img{width:100%; height:auto;}
	.tpl-footer .member{width:96%;}
	.tpl-footer .member .nom{font-size:18px;}
}


/* Accueil */
.page-home{overflow:hidden}
.page-home .header{width:1920px; max-width:100%; margin:auto;}
.page-home .header img{display:block; width:100%; height:auto;}
.page-home .intro{display:inline-block; vertical-align:middle; width:750px; max-width:45%; height:750px; background-color:#ffff00;}
.page-home .intro h2{width:480px; margin:120px auto 0 auto; font-family:'Abril Fatface'; font-size:50px; font-weight:400; line-height:1.2; text-align:left;}
.page-home .intro > p{width:480px; margin:20px auto 0 auto; font-size:16px; font-weight:400; line-height:1.3; text-align:left;}
.page-home .intro p.yes a{display:inline-block; width:177px; line-height:45px; background-color:#000; color:#ecfdb7; text-decoration:none; font-weight:bold; text-align:center;}
.page-home .logo-y{display:inline-block; vertical-align:middle; width:750px; max-width:45%;}
.page-home .logo-y img{display:block; width:97%; height:auto;}
.page-home .enjoy{width:1500px; max-width:90%; margin:auto;}
.page-home .enjoy img{width:100%; height:auto; margin:auto;}
.page-home .metier{display:inline-block; vertical-align:top; margin-top:90px;}
.page-home .metier .picto{height:200px;}
.page-home .metier h2{font-size:24px; text-transform:uppercase;}
.page-home .metier p{margin-top:30px; font-size:16px;}
.page-home .metier p.bleu{color:#4e5ac6;}
.page-home .trans{display:inline-block; vertical-align:top; width:160px;}
.page-home .cycle-slideshow{width:2300px; margin-top:100px;}
.page-home .cycle-slideshow p{display:inline-block; width:100%; font-family:'Abril Fatface'; color:#ffff00; font-size:180px; font-weight:400; white-space:nowrap;}
.page-home .projets{width:1920px; max-width:100%; margin:100px auto 0 auto; text-align:left;}
.page-home .projets .item{display:inline-block; vertical-align:middle; width:480px; max-width:25%; overflow:hidden;}
.page-home .projets .item img{display:block; width:100%; height:auto;}
@media screen and (max-width:1500px){
	.page-home .metier{width:23%; margin:90px 5% 0 5%;}
	.page-home .metier br{display:none;}
	.page-home .metier .picto{height:170px;}
	.page-home .metier .picto img{height:120px; width:auto;}
	.page-home .metier h2{font-size:20px;}
	.page-home .metier p{font-size:16px;}
	.page-home .trans{display:none;}
}
@media screen and (max-width:1400px){
	.page-home .cycle-slideshow{width:1600px;}
	.page-home .cycle-slideshow p{font-size:130px;}
}
@media screen and (max-width:1000px){
	.page-home .intro{width:100%; max-width:100%; height:auto; padding-bottom:70px;}
	.page-home .intro h2{max-width:80%; margin-top:70px;}
	.page-home .intro > p{max-width:80%;}
	.page-home .logo-y{width:100%; max-width:100%; /*margin:120px 0;*/}
	.page-home .logo-y img{width:100%;}
	.page-home .enjoy{max-width:100%;}
	.page-home .cycle-slideshow{width:1200px;}
	.page-home .cycle-slideshow p{font-size:90px;}
	.page-home .projets .item{width:50%; max-width:50%;}
}
@media screen and (max-width:700px){
	.page-home .metier{width:80%; margin:90px 10% 0 10%;}
	.page-home .metier .picto{height:150px;}
}
@media screen and (max-width:600px){
	.page-home .cycle-slideshow{width:700px; margin-top:70px;}
	.page-home .cycle-slideshow p{font-size:56px;}
}


/* Slider projets */
.page-projets{display:none; position:relative; width:1660px; max-width:96%; margin:auto; padding-top:50px; text-align:center;}
.page-projets .item{display:none;}
.page-projets .item .texte{position:sticky; top:100px; z-index:1000; display:inline-block; vertical-align:top; width:22%; margin-right:3%; text-align:left;}
.page-projets .item .texte p{margin-top:15px; font-size:16px;}
.page-projets .item .image{display:inline-block; vertical-align:top; width:calc(75% - 200px);}
.page-projets .item .image img{display:block; width:100%; height:auto;}
.page-projets .item .nav{position:sticky; top:100px; right:0; display:inline-block; vertical-align:top; width:200px; text-align:right;}
@media screen and (max-width:1000px){
	.page-projets{padding-top:50px;}
	.page-projets .item{max-width:100%;}
	.page-projets .item .texte{osition:relative; top:auto; display:block; width:100%; margin-top:50px; margin-right:0; text-align:left;}
	.page-projets .item .image{display:block; width:100%; margin-top:50px;}
	.page-projets .item .nav{position:fixed; top:100px; right:0; width:100%; text-align:center;}
}
@media screen and (max-width:400px){
	.page-projets .item .nav{top:115px;}
}


/* Loader */
.loader{display:none; position:absolute; top:0; left:0; z-index:15000; width:100%; height:100%; background-color:rgba(93,102,107,0.8); text-align:center;}
.loader img{margin-top:150px;}


/* 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 */
.page-404{}
@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;}*/