/*
	Theme Name: Refonte 2026
*/


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


/* Fonts */
@font-face {
	font-family: 'Arno Pro Display';
    font-style: normal;
    font-weight: 400;
	font-display: swap;
	src: url(fonts/ArnoPro-Display.woff2) format('woff2');
}
@font-face {
	font-family: 'ITC Avant Garde Gothic Pro';
    font-style: normal;
    font-weight: 400;
	font-display: swap;
	src: url(fonts/ITCAvantGardeStd-Md.woff2) format('woff2');
}
@font-face {
	font-family: 'ITC Avant Garde Gothic Pro';
    font-style: normal;
    font-weight: 600;
	font-display: swap;
	src: url(fonts/ITCAvantGardeStd-Demi.woff2) format('woff2');
}
@font-face {
	font-family: 'ITC Avant Garde Gothic Pro';
    font-style: normal;
    font-weight: 700;
	font-display: swap;
	src: url(fonts/ITCAvantGardeStd-Bold.woff2) format('woff2');
}


/* Reset balises HTML */
*{margin:0; padding:0;}
html, body{height:100%; font-family: 'ITC Avant Garde Gothic Pro'; font-weight:400; font-size:20px; -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;}
.arno{font-family: 'Arno Pro Display'; font-weight: 400;}
.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;}
.cta{display:inline-block; padding:0 50px; border:2px solid #000; border-radius:28px; transition: background-color 0.5s linear; line-height:56px; font-weight:600; font-size:20px; color:#000; text-decoration:none; text-align:center;}
@media (hover: hover){
	.topbt:hover{background-color:#666666; -webkit-transition:background-color 0.6s; transition:background-color 0.6s;}
	.cta:hover{background-color:#000090; color:#fff;}
}
@media screen and (max-width:450px){
	.cta{padding:0 40px; font-size:18px;}
}


/* 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;}


/* Bloc acceptation cookies */
#cookies_consent{position:fixed; top:0; left:0; z-index:20000; display:none; width:100%; height:100%; background-color:rgba(93,102,107,0.8);}
#cookies_consent .content{position:absolute; bottom:0; left:0; width:100%; max-height:100%; overflow-y:auto; background-color:#fff; font-size:16px;}
#cookies_consent .content .logo img{display:block; margin:auto;}
#cookies_consent .content .screen_infos_ok{padding:30px 60px;}
#cookies_consent .content .screen_infos_ok .texte{display:inline-block; vertical-align:bottom; width:calc(100% - 320px); margin-top:20px;}
#cookies_consent .content .screen_infos_ok .texte .titre{font-size:26px; font-weight:600;}
#cookies_consent .content .screen_infos_ok .texte .detail{margin-top:20px; line-height:1.4;}
#cookies_consent .content .screen_infos_ok .bts{display:inline-block; vertical-align:bottom; width:300px; margin-top:20px; margin-left:20px;}
#cookies_consent .content .screen_infos_perso{display:none; padding:30px 60px;}
#cookies_consent .content .screen_infos_perso .item{display:block; width:800px; max-width:96%; margin:20px auto 0 auto; border-bottom:1px solid #000; padding-bottom:20px;}
#cookies_consent .content .screen_infos_perso .item .name{font-size:16px; font-weight:bold;}
#cookies_consent .content .screen_infos_perso .item .name svg{vertical-align:-1px;}
#cookies_consent .content .screen_infos_perso .item .desc{margin-top:5px; line-height:1.4;}
#cookies_consent .content .screen_infos_perso .item label{display:block; margin-top:5px;}
#cookies_consent .content .screen_infos_perso .bts{display:block; width:800px; max-width:96%; margin:20px auto 0 auto;}
#cookies_consent .content .bts .cta{display:block; line-height:40px; background-color:#074b90; color:#fff; font-weight:bold; text-align:center;}
#cookies_consent .content .bts .cta.config{margin-top:10px; line-height:36px; border:2px solid #074b90; background-color:#fff; color:#074b90;}
#cookies_consent .content .screen_infos_perso .bts .cta{display:inline-block; width:300px;}
#cookies_consent .content .screen_infos_perso .bts .cta + .cta{float:right;}
@media screen and (max-width:1200px){
	#cookies_consent .content .screen_infos_ok .texte{width:calc(100% - 220px);}
	#cookies_consent .content .screen_infos_ok .bts{width:200px;}
	#cookies_consent .content .screen_infos_perso .bts .cta{width:200px;}
}
@media screen and (max-width:900px){
	#cookies_consent .content .screen_infos_ok{padding:30px;}
	#cookies_consent .content .screen_infos_ok .texte{width:100%;}
	#cookies_consent .content .screen_infos_ok .bts{width:100%; margin-left:0;}
	#cookies_consent .content .screen_infos_perso{padding:30px;}
	#cookies_consent .content .bts .cta{display:inline-block; padding:0 30px;}
	#cookies_consent .content .bts .cta.config{margin-top:0; margin-left:20px;}
	#cookies_consent .content .screen_infos_perso .bts .cta{width:auto; padding:0 30px;}
}


/* Structure globale du site */
.tpl-wrapper{position:relative; width:100%; min-height:100%; background-color:#fff;}
.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:630px; text-align:center;}
.tpl-footer{position:absolute; left:0; bottom:0; width:100%; margin-top:170px; min-height:460px; background-color:#fbcdea; text-align:center;}
@media screen and (max-width:980px){
	.tpl-main{padding-bottom:0;}
	.tpl-footer{position:relative; margin-top:100px; min-height:inherit; padding:50px 0;}
}
@media screen and (max-width:600px){
	.tpl-footer{margin-top:50px;}
}


/* Header */
.tpl-header .contenu{position:relative; width:1920px; 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{display:block;}
.tpl-header .contenu .made{float:right; margin-top:40px; font-size:30px; font-family: 'ITC Avant Garde Gothic Pro'; font-weight: 700; text-transform:uppercase;}
.tpl-header .contenu .made .arno{font-size:35px;}
@media screen and (max-width:1600px){
	.tpl-header .contenu .logo img{width:180px; height:auto;}
	.tpl-header .contenu .made{font-size:22px;}
	.tpl-header .contenu .made .arno{font-size:26px;}
}
@media screen and (max-width:600px){
	.tpl-header .contenu .logo{margin-top:20px;}
	.tpl-header .contenu .logo img{width:40px;}
	.tpl-header .contenu .made{font-size:20px;}
	.tpl-header .contenu .made .arno{font-size:23px;}
}
@media screen and (max-width:400px){
	.tpl-header .contenu{padding:16px 0;}
	.tpl-header .contenu .logo{margin:0;}
	.tpl-header .contenu .made{margin-top:0; font-size:16px; line-height:16px;}
	.tpl-header .contenu .made .arno{display:block; margin:2px 0 0 0; font-size:18px; line-height:18px;}
}


/* Footer */
.tpl-footer .image{width:980px; max-width:96%; margin:auto; padding-top:80px; text-align:left;}
.tpl-footer .member{width:980px; max-width:96%; margin:auto; padding-top:25px; text-align:left;}
.tpl-footer .member a{font-size:22px; color:#000; text-decoration:none;}
.tpl-footer .member.ml a{font-size:18px;}
@media screen and (max-width:980px){
	.tpl-footer .image{padding-top:0;}
	.tpl-footer .image img{width:auto; height:70px;}
}
@media screen and (max-width:600px){
	.tpl-footer .image img{height:50px;}
	.tpl-footer .member a{font-size:18px;}
	.tpl-footer .member.ml a{font-size:14px;}
}


/* Accueil */
.page-home{overflow:hidden;}
.page-home .header{position:relative; width:1920px; max-width:100%; margin:auto;}
.page-home .header img{display:block; width:100%; height:auto; aspect-ratio:1920/971;}
.page-home .header .contact{position:absolute; bottom:0; right:0;}
.page-home .header .contact a{display:block; width:432px; line-height:96px; background-color:#fbcdea; color:#000; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:26px;}
.page-home .slider{position:relative; width:1920px; max-width:100%; margin:auto;}
.page-home .slider .slide{position:relative; width:100%;}
.page-home .slider .slide img{display:block; width:100%; height:auto;}
.page-home .slider .slide p{position:absolute; text-align:left;}
.page-home .slider .slide1 p{left:10.4%; top:80.7%; width:39%;}
.page-home .slider .slide2 p{left:50.7%; top:79%; width:36%;}
.page-home .slider .slide3 p{left:70.7%; top:65.9%; width:18.2%;}
.page-home .agency{position:relative; width:1920px; max-width:100%; margin:auto;}
.page-home .agency img{display:block; width:100%; height:auto; aspect-ratio:1920/1100;}
.page-home .agency .content{position:absolute; left:57.2%; top:0; width:33%; height:100%; text-align:center;}
.page-home .agency .content_align{display:inline-block; vertical-align:middle;}
.page-home .agency .content h2{display:inline-block; width:auto; margin:auto; font-size:60px; line-height:60px; text-transform:uppercase; text-align:left;}
.page-home .agency .content h2 .arno{display:inline-block; margin-bottom:-15px; font-size:75px; line-height:75px;}
.page-home .agency .content p{margin-top:27px; text-align:left;}
.page-home .metiers{position:relative; width:1920px; max-width:100%; /*height:1313px;*/ aspect-ratio:1920/1313; margin:auto; background-image:url(images/bg-metiers.jpg); background-position:right top; background-size:auto 100%;}
.page-home .metiers .blocs{width:80%; height:80%; margin:auto; padding:10% 0;}
.page-home .metiers .blocs h2{font-size:72px; line-height:1.055; text-align:left;}
.page-home .metiers .blocs h2 .arno{display:inline-block; margin-bottom:-25px; font-size:92px; line-height:0.83;}
.page-home .metiers .blocs p{position:absolute; line-height:1.25; font-weight:600; text-align:left;}
.page-home .metiers .blocs .identite{position:relative; display:inline-block; vertical-align:middle; width:60%; height:55%; background-color:#9F64F8;}
.page-home .metiers .blocs .identite h2{margin:9.2% 0 0 6.1%;}
.page-home .metiers .blocs .identite p{left:49%; bottom:5.66%; line-height:1.5;}
.page-home .metiers .blocs .photo{position:relative; display:inline-block; vertical-align:middle; width:40%; height:55%; background-color:#F9B446;}
.page-home .metiers .blocs .photo h2{margin:22.6% 0 0 7.2%;}
.page-home .metiers .blocs .photo p{left:7.2%; top:70%; width:80%;}
.page-home .metiers .blocs .marketing{position:relative; display:inline-block; vertical-align:middle; width:71.5%; height:45%; background-color:#EDEEED;}
.page-home .metiers .blocs .marketing h2{position:absolute; left:5.6%; bottom:14%;}
.page-home .metiers .blocs .marketing p{left:41.6%; bottom:16%; /*width:80%;*/ font-weight:400;}
.page-home .metiers .blocs .logo{position:relative; display:inline-block; vertical-align:middle; width:28.5%; height:45%; background-color:#fff;}
.page-home .metiers .blocs .logo img{display:block; margin:calc(50% - 72px) auto auto auto;}
.page-home .anim{position:relative; width:1920px; max-width:100%; margin:auto;}
.page-home .anim video{display:block; width:100%; height:auto;}
.page-home .slogan{position:relative; width:1920px; max-width:100%; margin:100px auto 0 auto; overflow:hidden;}
.page-home .slogan .cycle-slideshow{width:2500px;}
.page-home .slogan .cycle-slideshow p{display:inline-block; width:auto; white-space:nowrap; font-size:169px; font-weight:bold;}
.page-home .slogan .cycle-slideshow p .arno{font-size:198px; font-weight:400;}
.page-home .projets{width:1490px; max-width:90%; margin:100px auto 0 auto; text-align:left;}
.page-home .projets .big{display:inline-block; vertical-align:top; width:calc(50% - 15px); aspect-ratio:1; overflow:hidden;}
.page-home .projets .big.big0{margin-right:30px; margin-bottom:30px;}
.page-home .projets .little{display:inline-block; vertical-align:top; width:calc(50% - 15px); aspect-ratio:1; overflow:hidden;}
.page-home .projets .little.little0{margin-right:30px; margin-bottom:30px;}
.page-home .projets .little.little2{margin-right:30px;}
.page-home .projets img{display:block; width:100%; height:100%;}
@media screen and (max-width:1700px){
	.page-home .metiers .blocs h2{font-size:62px;}
	.page-home .metiers .blocs h2 .arno{margin-bottom:-20px; font-size:80px;}
}
@media screen and (max-width:1500px){
	.page-home .agency .content h2{font-size:50px; line-height:50px;}
	.page-home .agency .content h2 .arno{font-size:65px; line-height:65px;}
	.page-home .agency .content p{font-size:18px;}
	.page-home .metiers .blocs h2{font-size:52px;}
	.page-home .metiers .blocs h2 .arno{margin-bottom:-15px; font-size:70px;}
	.page-home .metiers .blocs p{font-size:18px;}
	.page-home .slogan .cycle-slideshow{width:1800px;}
	.page-home .slogan .cycle-slideshow p{font-size:120px;}
	.page-home .slogan .cycle-slideshow p .arno{font-size:140px;}
}
@media screen and (max-width:1330px){
	.page-home .metiers .blocs h2{font-size:42px;}
	.page-home .metiers .blocs h2 .arno{margin-bottom:-15px; font-size:60px;}
	.page-home .metiers .blocs p{font-size:16px;}
	.page-home .metiers .blocs .marketing h2{bottom:17%;}
	.page-home .metiers .blocs .logo img{width:auto; height:100px; margin:calc(50% - 50px) auto auto auto;}
}
@media screen and (max-width:1200px){
	.page-home .slider .slide p{font-size:18px;}
	.page-home .slider .slide1 p{top:78%;}
	.page-home .slider .slide3 p{width:25%;}
	.page-home .agency .content h2{font-size:40px; line-height:40px;}
	.page-home .agency .content h2 .arno{font-size:50px; line-height:50px;}
	.page-home .agency .content p{font-size:16px;}
	.page-home .metiers .blocs h2{font-size:35px;}
	.page-home .metiers .blocs h2 .arno{margin-bottom:-15px; font-size:45px;}
	.page-home .metiers .blocs .identite h2{margin-top:5%;}
	.page-home .metiers .blocs .photo p{bottom:5%; top:auto;}
	.page-home .metiers .blocs .marketing h2{bottom:auto; top:10%;}
	.page-home .metiers .blocs .marketing p{bottom:4%;}
}
@media screen and (max-width:1000px){
	.page-home .agency .content{width:40%;}
	.page-home .agency .content h2{font-size:30px; line-height:30px;}
	.page-home .agency .content h2 .arno{font-size:40px; line-height:40px;}
	.page-home .agency .content p{margin-top:15px; font-size:14px;}
	.page-home .metiers .blocs h2{font-size:28px;}
	.page-home .metiers .blocs h2 .arno{margin-bottom:-15px; font-size:36px;}
	.page-home .metiers .blocs p{font-size:14px;}
	.page-home .slogan .cycle-slideshow{width:1600px;}
	.page-home .slogan .cycle-slideshow p{font-size:100px;}
	.page-home .slogan .cycle-slideshow p .arno{font-size:120px;}
}
@media screen and (max-width:900px){
	.page-home .slider .slide p{font-size:16px;}
	.page-home .slider .slide1 p{left:8%; top:76%; width:41%;}
	.page-home .slider .slide2 p{top:76%; width:36%;}
}
@media screen and (max-width:850px){
	.page-home .metiers{aspect-ratio:auto;}
	.page-home .metiers .blocs{width:86%; height:auto; padding:100px 0;}
	.page-home .metiers .blocs h2{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:90%; margin:auto; padding-top:30px; font-size:50px;}
	.page-home .metiers .blocs h2 .arno{font-size:60px;}
	.page-home .metiers .blocs p{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:90%; margin:auto; padding-top:30px; font-size:20px; text-align:left;}
	.page-home .metiers .blocs .identite, .page-home .metiers .blocs .photo, .page-home .metiers .blocs .marketing, .page-home .metiers .blocs .logo{display:block; width:100%; height:auto; margin:auto; padding-bottom:30px;}
	.page-home .metiers .blocs .identite p{left:auto; bottom:auto; display:inline-block; width:auto;}
	.page-home .metiers .blocs .photo h2{margin:auto; padding-top:30px;}
	.page-home .metiers .blocs .photo p{left:auto; bottom:auto; width:90%; margin:auto;}
	.page-home .metiers .blocs .marketing h2{position:relative; left:auto; bottom:auto;}
	.page-home .metiers .blocs .marketing p{left:auto; bottom:auto;}
	.page-home .metiers .blocs .logo{height:350px;}
	.page-home .metiers .blocs .logo img{margin:auto; padding-top:125px;}
	.page-home .slogan .cycle-slideshow{width:1300px;}
	.page-home .slogan .cycle-slideshow p{font-size:80px;}
	.page-home .slogan .cycle-slideshow p .arno{font-size:92px;}
}
@media screen and (max-width:750px){
	.page-home .slider .slide p{font-size:14px;}
	.page-home .slider .slide1 p{left:5%; width:43%;}
	.page-home .slider .slide2 p{top:79%; width:45%;}
	.page-home .slider .slide3 p{left:64%; width:30%;}
}
@media screen and (max-width:700px){
	.page-home .agency img{aspect-ratio:600/620;}
	.page-home .agency .content{position:relative; left:auto; top:auto; width:auto; height:auto; padding:40px 20px; background:#EDEEED; text-align:center;}
	.page-home .agency .content_align{display:block;}
	.page-home .agency .content h2{font-size:40px; line-height:40px;}
	.page-home .agency .content h2 .arno{font-size:50px; line-height:50px;}
	.page-home .agency .content p{margin-top:27px; font-size:18px; text-align:left;}
	.page-home .metiers .blocs h2{font-size:40px;}
	.page-home .metiers .blocs h2 .arno{font-size:50px;}
	.page-home .metiers .blocs p{font-size:18px;}
	.page-home .slogan{margin-top:50px;}
	.page-home .slogan .cycle-slideshow{width:950px;}
	.page-home .slogan .cycle-slideshow p{font-size:60px;}
	.page-home .slogan .cycle-slideshow p .arno{font-size:72px;}
	.page-home .projets{margin-top:50px;}
	.page-home .projets .big{display:block; width:100%; margin-bottom:20px; aspect-ratio:auto;}
	.page-home .projets .big.big0{margin-right:0; margin-bottom:20px;}
	.page-home .projets .little{width:calc(50% - 10px);}
	.page-home .projets .little.little0{margin-right:20px; margin-bottom:20px;}
	.page-home .projets .little.little2{margin-right:20px;}
}
@media screen and (max-width:600px){
	.page-home .header img{aspect-ratio:600/612;}
	.page-home .header .contact{position:relative; bottom:auto; right:auto;}
	.page-home .header .contact a{width:100%; line-height:70px; font-size:24px;}
	.page-home .slider .slide{aspect-ratio:600/608;}
	.page-home .slider .slide p{font-size:20px;}
	.page-home .slider .slide1 p{left:6.3%; top:67.6%; width:62.7%;}
	.page-home .slider .slide2 p{left:28.8%; top:64%; width:65.5%;}
	.page-home .slider .slide3 p{left:68.2%; top:38.2%; width:26%;}
}
@media screen and (max-width:510px){
	.page-home .slider .slide p{font-size:18px;}
	.page-home .slider .slide1 p{top:65%; width:75%;}
	.page-home .slider .slide3 p{top:35%;}
}
@media screen and (max-width:420px){
	.page-home .slider .slide p{font-size:16px;}
	.page-home .agency .content p{font-size:16px;}
}


/* Slider projets */
.popup-projets{display:none; position:fixed; top:0; left:0; z-index:20000; width:100%; height:100%; background-color:#fff; margin:auto; text-align:center;}
.popup-projets .item{height:100%; padding:50px; box-sizing:border-box;}
.popup-projets .item .texte{position:sticky; top:0; left:0; display:inline-block; vertical-align:top; width:22%; margin-right:3%; text-align:left;}
.popup-projets .item .texte p{margin-top:15px; font-size:16px; line-height:1.3;}
.popup-projets .item .image{display:inline-block; vertical-align:top; width:calc(75% - 200px); height:100%; overflow-y:scroll;}
.popup-projets .item .nav{position:sticky; top:0; right:0; display:inline-block; vertical-align:top; width:200px; text-align:right;}
@media screen and (max-width:1000px){
	.popup-projets .item{max-width:100%;}
	.popup-projets .item .texte{position:relative; top:auto; display:block; width:100%; margin-right:0; text-align:left;}
	.popup-projets .item .image{display:block; width:100%; margin-top:50px;}
	.popup-projets .item .nav{position:absolute; top:20px; right:20px; width:100%; text-align:right;}
	.popup-projets .item .nav img{width:35px; height:35px;}
}
@media screen and (max-width:500px){
	.popup-projets .item{padding:25px;}
	.popup-projets .item .texte h2{width:calc(100% - 60px); font-size:24px;}
	.popup-projets .item .texte p{max-height:200px; overflow:scroll;}
	.popup-projets .item .image{margin-top:30px;}
	.popup-projets .item .nav{top:auto; bottom:10px; left:0; right:0; text-align:center;}
	.popup-projets .item .nav span{display:none;}
	.popup-projets .item .nav a{display:inline-block; margin:0 10px;}
	.popup-projets .item .nav .close{position:fixed; top:20px; right:20px;}
}


/* 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;}*/