html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Roboto";src:url("../polices/Roboto-Black.ttf") format("ttf"),url("../polices/Roboto-BlackItalic.ttf") format("ttf") url("../polices/Roboto-Bold.ttf") format("ttf") url("../polices/Roboto-BoldItalic.ttf") format("ttf") url("../polices/Roboto-Italic.ttf") format("ttf") url("../polices/Roboto-Light.ttf") format("ttf") url("../polices/Roboto-LightItalic.ttf") format("ttf") url("../polices/Roboto-Medium.ttf") format("ttf") url("../polices/Roboto-MediumItalic.ttf") format("ttf") url("../polices/Roboto-Regular.ttf") format("ttf") url("../polices/Roboto-Thin.ttf") format("ttf") url("../polices/Roboto-ThinItalic.ttf") format("ttf")}*{font-family:"Roboto",sans-serif}nav.navbar{background:rgba(0,0,0,.8)}nav.navbar .navbar-nav .nav-link{color:#36a9e1}nav button.navbar-toggler{border:none}nav button span.navbar-toggler-icon{color:#fff}#myBtn{display:block;position:fixed;bottom:-100px;right:40px;z-index:99;border:none;outline:none;background-color:rgba(0,0,0,.5);cursor:pointer;height:50px;width:50px;border-radius:10px;font-size:18px;box-shadow:4px 4px 6px 0 rgba(255,255,255,.2);transition:all .25s ease-in-out}#myBtn img{width:25px;height:auto}#myBtn:hover{background-color:rgba(0,0,0,.5)}section#section1.image1{border:1px solid #000;background:url("../img/developpeur_web_johnny_lemesle_1.jpg") no-repeat;background-size:cover;background-position:center}section#section1.image1 .filtre{background-color:rgba(59,154,201,.47)}section#section1 .container{padding-top:15%}section#section1 a{text-decoration:none;color:#000;text-transform:uppercase;background-color:rgba(255,255,255,.6);text-align:center;font-size:2rem}section#section1 .titlecv{padding:2px;font-weight:bold;color:#fff;-webkit-text-stroke:1px;-webkit-text-stroke-color:#000}section #pdfcv a{background:none;margin-bottom:4%;background:url("../img/developpeur_web_johnny_lemesle_CV.png") no-repeat;background-position:center;height:269px;width:100%}section #pdfcv a .imghover{-webkit-transition:-webkit-transform .9s;-moz-transition:-moz-transform .9s;-o-transition:-o-transform .9s;-ms-transition:-ms-transform .9s;transition:transform .9s;margin-top:6%}section #pdfcv a .imghover:hover{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}section .anim-uppercase{text-transform:uppercase;background-color:rgba(255,255,255,.6);text-align:center;display:none}@media(max-width: 767.98px){section#section1 .none-phone{display:none}section#section1 .none-phone a{text-decoration:none;color:#000;text-transform:uppercase;background-color:rgba(255,255,255,.6);text-align:center;font-size:2rem;display:none}section#section1 #pdfcv a{background:none;margin-bottom:4%;background:url("../img/developpeur_web_johnny_lemesle_CV.png") no-repeat;background-position:center;height:269px;width:100%;display:block}section#section1 #pdfcv a .imghover{-webkit-transition:-webkit-transform .9s;-moz-transition:-moz-transform .9s;-o-transition:-o-transform .9s;-ms-transition:-ms-transform .9s;transition:transform .9s;margin-top:15%}section#section1 #pdfcv a .imghover:hover{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}section#section1 .anim-uppercase{text-transform:uppercase;background-color:rgba(255,255,255,.6);text-align:center;padding-top:10px;padding-bottom:10px;display:block}}section#projet.image2{border:1px solid #000;background:url("../img/developpeur_web_johnny_lemesle_2.jpg") no-repeat;background-size:cover;background-position:center}section#projet .container{padding-top:8%;padding-bottom:20%;background:rgba(0,0,0,.8)}section#projet .titleDesc{color:#fff}section#projet .Description{color:#fff;font-size:1.5rem;padding-right:2%;padding-left:2%;padding-bottom:4%}section#projet h3.h3sec{text-align:center;padding-bottom:40px;color:#fff;padding-top:30px}section#projet .card{margin:20px}section#projet .card .imgProjet{width:100%}section#section3.image3{border:1px solid #000;background:url("../img/developpeur_web_johnny_lemesle_3.jpg") no-repeat;background-size:cover;background-position:center}section#section3 .container{padding-top:5%;padding-bottom:15%;background:rgba(0,0,0,.8)}section#section3 .container .h3sec3{text-align:center;color:#fff;padding-bottom:100px;padding-top:30px}section#section3 .container #Comp{background-color:unset;border:none;color:#fff}section#section3 .container #Comp .Comp{width:100%;height:100px}section#section3 .container #Comp .Comp1{width:100%;height:94px;margin-bottom:5%}@media(max-width: 767.98px){section#section3.image3{border:1px solid #000;background:url("../img/developpeur_web_johnny_lemesle_3.jpg") no-repeat;background-size:cover;background-position:center}section#section3 .container{padding-top:5%;padding-bottom:15%;background:rgba(0,0,0,.8)}section#section3 .container .h3sec3{text-align:center;color:#fff;padding-bottom:100px;padding-top:30px}section#section3 .container #Comp{background-color:unset;border:none;color:#fff}section#section3 .container #Comp .Comp{width:100%;height:100px}section#section3 .container #Comp .Comp1{width:20%;height:70px;margin-bottom:1rem;display:block}}section#contact.image4{border:1px solid #000;background:url("../img/developpeur_web_johnny_lemesle_4.jpg") no-repeat;background-size:cover;background-position:center}section#contact .container{padding-top:5%;padding-bottom:10%;background:rgba(0,0,0,.8)}section#contact .container .titrecontact{text-align:center;text-transform:uppercase;padding-bottom:20px;color:#fff}section#contact .container label{color:#fff}section#contact .container .remarque{display:none !important;visibility:hidden}section#contact .container .error{color:red;padding-top:2%}section#contact .container #success{color:lime;padding-top:2%}section#contact .container #mapid{height:480px}@media(max-width: 767.98px){section#contact.image4{border:1px solid #000;background:url("../img/developpeur_web_johnny_lemesle_4.jpg") no-repeat;background-size:cover;background-position:center}section#contact .container{padding-top:5%;padding-bottom:10%;background:rgba(0,0,0,.8)}section#contact .container .titrecontact{text-align:center;text-transform:uppercase;padding-bottom:20px;color:#fff}section#contact .container label{color:#fff}section#contact .container #mapid{display:none}}footer#footer{background:rgba(0,0,0,.9)}footer#footer .container{padding-top:2%;padding-bottom:2%}footer#footer .container .hr{background:rgba(255,255,255,.2);height:1px}footer#footer .container .iconfooter1{padding-bottom:10px}footer#footer .container .iconfooter2{padding-bottom:10px}footer#footer .container .pfooter{padding-top:10px;padding-bottom:5px;color:#fff}@media(max-width: 767.98px){footer#footer{background:rgba(0,0,0,.9)}footer#footer .container{padding-top:2%;padding-bottom:2%}footer#footer .container #logo-footer{width:unset}footer#footer .container .hr{background:rgba(255,255,255,.2);height:1px}footer#footer .container .iconfooter1{padding-bottom:10px}footer#footer .container .iconfooter2{padding-bottom:10px}footer#footer .container .pfooter{padding-top:10px;padding-bottom:5px;color:#fff}}/*# sourceMappingURL=style.css.map */