*{position:relative;box-sizing:border-box;margin:0;padding:0}a{color:#ce9b4c;text-decoration:none;transition:color 0.3s}a i{margin-right:3px;font-size:90%;color:#888}a:hover{color:#FFF;text-decoration:none}h1,h2,h3{margin:10px auto;max-width:1200px}body{color:#FFF;font-family:'Roboto'}body>.all{display:flex;flex-direction:column;min-height:100vh}header{background:linear-gradient(10deg, #222, #444)}header span{display:block;z-index:10;padding:70px 50px;font-family:'Cormorant Garamond';font-size:40px;color:#000;font-weight:500;text-shadow:0 0 1px #000, 0 0 5px #FFF5;text-align:center}header div{position:absolute;z-index:5;content:" ";top:0;left:0;width:100%;height:100%;background-image:url(/img/fond.jpg);background-size:cover;background-position:center center}nav{display:flex;justify-content:center;flex-wrap:wrap;background:#111;font-family:'Josefin Sans';font-weight:100;font-size:18px}nav>*{display:block;position:relative;padding:13px 25px 10px;text-transform:uppercase;background:#111;border-right:1px solid #555;transition:background 0.25s}nav>*:last-child{border-right:none}nav>* *{transition:color 0.25s}nav>*:hover *{color:#FFF}nav>a:hover{background:#444}nav>a.contact{background:#ce9b4c;color:#000}nav>a.contact i{color:#000}nav>a.contact:hover{color:#444;background:#FFF}nav>a.contact:hover i{color:#444}nav .setLang{position:absolute;right:10px;color:#666}nav .setLang>*{color:#999;cursor:pointer;transition:color 0.25s}nav .setLang>*:hover{color:#FFF}.limit{max-width:1100px;margin-right:auto;margin-left:auto}main{display:block;width:100%;background:linear-gradient(20deg, #111, #444);flex-grow:1;overflow:auto}main .pg{position:absolute;top:0px;left:50%;width:100%;max-width:100vw;max-height:0;padding:0px 0;transform:translate(-50%, 50px);opacity:0;overflow:hidden;transition:transform 0.3s, opacity 0.3s, height 0s 0.3s;max-height:100%}main .pg.show{transform:translate(-50%, 0px);opacity:1;z-index:10;max-height:none}main .intro{display:flex;justify-content:center;align-items:center;margin:60px 0}main .intro .atelier_ext{display:block;position:relative;width:auto;height:250px}main .intro .accTxt{max-width:800px;margin:50px 50px}main .intro .accTxt h1{margin-top:0}main .intro .accTxt p{display:flex;background:#222;align-items:center}main .pg_accueil>.atelier_ext{position:absolute;width:100%;opacity:0.1}main .pg_accueil .peinturesHost{display:block;margin:20px 0 20px;padding:1px 0;padding:15px 30px;background:#222}main .pg_accueil .peinturesHost:hover{background:#FFF1}main .pg_accueil .peinturesHost:hover .peinturesPlus span{background:#333;color:#EE0}main .pg_accueil .peinturesHost .peintures{transition:background 0.3s}main .pg_accueil .peinturesHost .peintures .peint:hover{background:transparent}main .pg_accueil .peinturesHost .peintures .peint:hover .img{transform:scale(1)}main .pg_accueil .peinturesHost .peintures .peint .img{height:250px;width:250px}main .pg_accueil .peinturesHost .peintures .peint .tit{padding:4px 8px;font-size:20px}main .pg_accueil .peinturesHost .peintures .peint .txt{display:none}main .pg_accueil .peinturesHost .peinturesPlus{text-align:right}main .pg_accueil .peinturesHost .peinturesPlus span{display:inline-block;line-height:30px;font-stretch:19px;font-family:Josefin Sans;background:#000;color:#AAA;padding:0 9px;text-align:center;transition:background 0.3s, color 0.3s;cursor:pointer}main .pg_apropos>.atelier_int{position:absolute;width:100%;opacity:0.1}main .pg_apropos .intro{max-width:1000px;margin:50px auto}main .pg_apropos .intro .photo{float:inline-start;margin:0 10px 10px 0}main .pg_apropos .atelier_pic{min-width:25vw;margin-right:10px;margin-bottom:10px;width:300px}main .pg_peintures .peint{cursor:pointer}main .peintures{display:flex;flex-wrap:wrap;justify-content:center}main .peintures>*{margin:10px;max-width:330px;padding:25px;transition:background 0.3s}main .peintures>*:hover{background:#0001}main .peintures>*:hover .img{transform:scale(1.05)}main .peintures>* .img{display:flex;align-items:center;justify-content:center;height:300px;width:300px;max-width:100%;max-height:100%;transform:scale(1);transition:transform 0.3s}main .peintures>* .img img{max-height:100%;max-width:100%}main .peintures>* .desc{margin:20px 0 0;text-align:center;background:#FFF1;padding-bottom:14px}main .peintures>* .desc .tit{margin-bottom:-6px;padding:6px 12px 0;font-family:'Kalam';font-size:22px;text-transform:capitalize}main .peintures>* .desc .txt{font-size:15px;padding:4px 14px;color:#FFFA}main .peintures>* .desc .txt:empty{display:none}main .peintures>* .date{color:#888;font-size:90%;font-style:italic}footer{display:flex;justify-content:space-around;align-items:center;padding:10px;background:#151515;color:#ce9b4c}footer .mentions{cursor:pointer;text-align:center}footer .mentions:hover{color:#FF0;transition:color 0.3s}footer .mentions .hidden{max-height:0;overflow:hidden;color:#FFF;transition:max-height 0.3s}footer .mentions.show .hidden{max-height:100px}.infoPeintures{margin:40px auto 100px;text-align:center}.fsimg{position:fixed;display:flex;z-index:100;top:0;left:0;width:100%;height:100%;max-width:100vw;max-height:100vh;cursor:pointer;animation:FadeIn 0.4s ease-in}.fsimg>div{flex-grow:1;max-width:100vw;max-height:100vh;padding:30px;background:#222A;text-align:center}.fsimg>div img{position:absolute;top:50%;left:50%;max-width:90vw;max-height:90vh;transform:translate(-50%, -50%);animation-fill-mode:forwards;display:inline-block;animation:MoveIn 0.3s ease-out}.fsimg.remove{animation:FadeOut 0.6s ease-in}.fsimg.remove>div img{animation:MoveOut 0.6s ease-out}@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}@keyframes FadeOut{0%{opacity:1}50%{opacity:0}100%{opacity:0}}@keyframes MoveIn{0%{transform:translate(-50%, -40%)}100%{transform:translate(-50%, -50%)}}@keyframes MoveOut{0%{transform:translate(-50%, -50%)}50%{transform:translate(-50%, -40%)}100%{transform:translate(-50%, -40%)}}

@media screen and (max-width: 1100px){
	header span{padding:20px 10px;font-size:25px;text-shadow:0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 5px #FFF5}nav .setLang{position:relative}main .intro{flex-direction:column-reverse}main .intro .atelier_pic{min-width:80vw}main .intro .accTxt{margin:20px;padding:0px 20px 40px;margin:0}main .pg_accueil>.atelier_ext,main .pg_apropos>.atelier_int{width:auto;height:100%;left:50%;transform:translateX(-50%)}.limit{padding:15px}
	.memoire {
		flex-direction: column-reverse;
	}
}

.missyou {
    display: inline-block;
    padding: 4px 15px;
    color: #FFFB;
    background: #0005;
    font-style: italic;
    z-index: 10;
    font-size: 12pt;
    text-shadow: none;
    font-family: 'Roboto';
    width: 120px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
}

.intro {
	flex-direction: column-reverse;
}

.memoire {
	display: flex;
	align-items: center;
	background: #0006;
    padding: 15px 40px;
    margin: 0px 0 30px 0;
    width: 660px;
    max-width: 80%;
    font-size: 120%;
}
.memoire > div {
	margin: 8px 16px;
}
.memoire img {
    width: 200px;
}