@font-face{font-family:'TitilliumWeb-Regular';src:url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/TitilliumWeb-Regular.woff') format('woff'),url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'),url('../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');font-weight:normal;font-style:normal}*{font-family:'TitilliumWeb-Regular',sans-serif;font-size:18px}footer a:hover{text-decoration:none}header{width:100%;height:120px;background:linear-gradient(to left bottom,#2ea146 49.5%,transparent 50%);top:0}header h1{top:30px;font-size:32px;color:#2ea146;background-color:transparent}header h1 .logo-letter{font-size:35px;color:black;background-color:transparent}#logo-container{width:400px;height:400px}#logo-container #lame-trancheur{width:100%;height:100%;top:-270px;background-size:100%;background-image:url("../images/lame_trancheur.png");background-repeat:no-repeat;animation:roll 12s linear infinite}#logo-container #demi-cercle{background-color:white;border:1px solid black;border-radius:50%;top:60px;width:70%;height:70%}#logo{top:-430px;width:90px;height:90px;background-size:100%;background-image:url("../images/logo.png");background-repeat:no-repeat;cursor:pointer}#select-lang{position:absolute;top:5px;right:5px}#select-lang img{margin:5px;cursor:pointer}#selectable-lang{display:flex}footer{background-color:#2ea146;height:80px}#logo-footer{width:75px;height:75px;background-size:100%;background-image:url("../images/logo.png");background-repeat:no-repeat}.phone{width:50px;height:50px;border:10px solid #186037;background-size:100%;border-radius:50px;background-color:#186037;background-image:url("../images/phone.png")}.email{width:50px;height:50px;border:5px solid #186037;background-size:100%;border-radius:50px;background-color:#186037;background-image:url("../images/mail.png")}.cl-effect-21 a{padding:10px;color:#186037;font-weight:700;text-shadow:none;text-transform:uppercase;transition:color .3s}.cl-effect-21 a::before,.cl-effect-21 a::after{position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.cl-effect-21 a::before{top:0;transform:translateY(-10px)}.cl-effect-21 a::after{bottom:0;transform:translateY(10px)}.cl-effect-21 a:hover,.cl-effect-21 a:focus{color:#fff}.cl-effect-21 a:hover::before,.cl-effect-21 a:focus::before,.cl-effect-21 a:hover::after,.cl-effect-21 a:focus::after{opacity:1;transform:translateY(0)}@keyframes roll{0{transform:rotate(0)}100%{transform:rotate(-360deg)}}@media screen and (max-width:767px){#logo-container{width:200px;height:200px;top:165px}#demi-cercle{top:30px !important}#logo{width:50px;height:50px;top:-195px}}@media screen and (min-width:768px) and (max-width:1024px){#logo-container{width:200px;height:200px;top:120px}#demi-cercle{top:30px !important}#logo{width:50px;height:50px;top:-240px}}