#zoneHero,body,html{height:100%}.aboutSection1 p,.aboutSection2 p,p{line-height:24px;font-size:.889em}a,body,h3,h4{color:#fff}#zonePortfolio a,a{text-decoration:none}.Fiche img,.fermerFiche:hover,.item,a:hover{cursor:pointer}#zoneHero,footer{background-image:url(../img/banniere.png)}#zoneAbout,#zoneHero,footer{background-size:cover;background-position:center;background-repeat:no-repeat}*,:after,:before{box-sizing:border-box}a:focus{outline:0}body{background:#03060d;font-family:Ruda,sans-serif;font-size:18px}h1,h2{font-family:Kanit,sans-serif;color:#171529}h1{font-size:4.167em;margin:0;padding:0}h2,h3{font-size:1.778em}h3{margin:50px 0 30px}h4,p{font-family:Roboto,sans-serif}h4{font-size:1.333em;font-style:italic;margin:30px 0 35px}iframe{margin-bottom:20px}.container,.flex-container{max-width:1200px;margin:0 auto}.containerFullWidth{width:100%}.containerHalfWidth{width:50%}.flex-container-complete{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.flex-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;justify-content:center;flex-wrap:wrap}.flex-item{display:flex;align-items:center}#zoneHero{display:flex;flex-direction:column;justify-content:flex-start}#zoneHero .flex-container{height:60%;justify-content:flex-start;align-self:flex-start;align-items:flex-start;align-content:flex-start}#zoneHero nav{display:flex;justify-content:flex-end;height:40%}#zoneHero nav ul{display:flex;height:100%}#zoneHero nav ul li{margin:30px 30px 0 0}#zoneHero nav ul li a:hover{color:#95fdcc}#zoneAbout{display:flex;background-image:url(../img/bgAbout.jpg)}.aboutSection1{display:flex;width:50%;z-index:9;overflow:hidden}.img-moi{max-width:80%;display:flex}.Fiche img,.aboutSection1 ul,.aboutSection2 ul{max-width:100%}.img-moi img{width:100%;height:100%}.aboutSection2{display:flex;width:50%;z-index:9}.Fiche,.item,.item img,.overlay{width:100%}.aboutSection2 .containerSection2{margin:0 0 50px 10%}.aboutSection1 p,.aboutSection2 p{margin-bottom:20px}.aboutSection1 ul li,.aboutSection2 ul li{font-size:.889em;display:inline-block;margin:0 20px 15px 0;padding:10px 2%}.aboutSection1 ul li:nth-child(-n+2),.aboutSection1 ul li:nth-child(n+3),.aboutSection2 ul li:nth-child(-n+2),.aboutSection2 ul li:nth-child(n+3){border:1px solid #95fdcc}.aProposTablette{display:none}#zonePortfolio{display:flex;flex-direction:row;position:relative;margin:50px 0 0}#zonePortfolio a{color:#00a651}#zonePortfolio a:hover{color:#fff;text-decoration:none}.Fiche{margin-bottom:50px}.Fiche img{max-height:100vh;align-self:center}.containerFiche{display:flex;align-content:center;flex-wrap:wrap;margin:0 auto;max-width:1200px}.containerFiche>div{max-width:50%;margin:0 auto}.masonry{column-count:2;column-gap:.5em}.masonry2{column-count:1;column-gap:.5em;margin-left:20%}.masonry2 .item{max-width:10vw}.item{position:relative;display:inline-block;margin:0 0 1em;overflow:hidden}.overlay,.text{position:absolute;overflow:hidden}.item img{height:auto}.item img:hover+.overlay{opacity:1}.overlay{bottom:100%;left:0;right:0;background-color:rgba(149,253,204,.8);height:0;transition:.3s ease}.item:hover .overlay{top:0;height:100%}.text{color:#000;top:50%;left:50%;max-width:100%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}#zoneAbout,footer{position:relative}footer{display:flex}footer .container{z-index:9000;display:flex;flex-direction:column;justify-content:center;align-items:center}footer .flex-container{margin-top:25px}footer .flex-container figure{margin:0 10px}footer h5:nth-child(2n-1){margin-top:25px}footer .container img{width:60px;height:auto}footer a:hover{color:#95fdcc}footer form{display:flex;flex-direction:column;margin-bottom:50px}.boutonForm,.copyright{justify-content:center}footer form input,footer form textarea{width:30vw;margin:10px 0;padding:0 25px;background:0 0;border:1px solid #e6e6e6}.boutonClose:hover,.boutonForm:hover{cursor:pointer;background-color:#00a651}footer form input{height:50px}footer form input::placeholder,footer form textarea::placeholder{color:#e6e6e6}footer form textarea{padding-top:15px}.copyright{display:flex;margin:60px 0 30px;font-size:16px}.boutonClose,.boutonForm{display:flex;margin:10px 0;padding:16px 0;text-align:center;border:1px solid #00a651}iframe{width:100%;height:250px}.boutonForm{width:30vw;color:#00a651}.boutonForm:hover{color:#fff}.boutonClose{justify-content:center;width:150px;color:#00a651}.boutonClose:hover{color:#fff}.hidden{display:none}.marginTitre{margin-left:30px}.black-bg,.black-bg2,.light-bg{position:absolute;height:100%}.black-bg{right:0;width:50%;background-color:rgba(0,0,0,.8)}.black-bg2{width:100%;background-color:rgba(0,0,0,.9)}.light-bg{width:50%;background-color:rgba(0,0,0,.4)}figure{width:60px;height:60px;margin:0;padding:0;background:0 0;overflow:hidden}.hover15 figure{position:relative}.hover15 figure::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.hover15 figure:hover::before{-webkit-animation:circle .75s;animation:circle .75s}@-webkit-keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@media screen and (max-width:1200px){.aboutSection2 .containerSection2{margin:0 10% 50px}.masonry2 .overlay .text{display:none}input,textarea{min-width:40vw}}@media screen and (max-width:1040px){.Fiche .containerFiche{display:flex;align-items:center;align-content:center;align-self:center;justify-content:center;flex-direction:column}.containerFiche>div{max-width:80%;margin:0 auto}}@media screen and (max-width:768px){.aProposTablette,.aboutSection1{flex-direction:column}h1{font-size:2.813em}h2{font-size:1.5em}h3{font-size:1.375em;margin-top:25px}h4{font-size:1.125em;margin:15px 0}#zoneHero img{width:60px;height:60px}.marginTitre{margin-left:15px}#zoneAbout img{margin-top:50px}.aProposTablette{display:flex;margin:0 10% 35px}.aProposDesktop,.masonry2{display:none}#zonePortfolio{flex-direction:column}.container>h3{margin-left:20px}.masonry{column-count:1;margin:0 30px}.containerHalfWidth{align-items:baseline;width:100%}input,textarea{min-width:50vw}}@media screen and (max-width:560px){h1{font-size:2em}h2{font-size:1.125em}#zoneHero nav ul li{font-size:.889em;margin:30px 15px 0 0}#zoneHero img{width:50px;height:50px}#zoneAbout .flex-container-complete{display:block}#zoneAbout img,.aProposTablette,.black-bg,.light-bg{display:none}.aProposDesktop{display:inline}.aboutSection1,.aboutSection2{width:100%;background-color:rgba(0,0,0,.9)}.aboutSection2 .containerSection2{margin:0 5% 50px;max-height:150%}}