@-webkit-viewport{width:device-width;zoom:1.0}@-moz-viewport{width:device-width;zoom:1.0}@-ms-viewport{width:device-width;zoom:1.0}@-o-viewport{width:device-width;zoom:1.0}@viewport{width:device-width;zoom:1.0}@font-face{font-family:'Open Sans Light';src:url("fonts/OpenSans-Light-webfont.eot");src:url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-Light-webfont.woff") format("woff"),url("fonts/OpenSans-Light-webfont.ttf") format("truetype"),url("fonts/OpenSans-Light-webfont.svg#svgFontName") format("svg")}html{height:100%;font-size:62.5%}body{height:100%;background:#e3e1d4;font-family:"Helvetica","Arial",sans-serif;font-size:1.8rem;font-weight:200;position:relative;margin:0;padding:0;color:#52564f}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a img{border:none}body.contenue_brute{background:#e3e1d4 none}body.contenue_brute a:link,body.contenue_brute a:active,body.contenue_brute a:visited{color:#52564f;text-decoration:none}body.contenue_brute a:hover,body.contenue_brute a:focus{text-decoration:underline}body.contenue_brute h1,body.contenue_brute h2{font-family:"Open Sans Light","Helvetica","Arial",sans-serif;font-weight:100}body.contenue_brute h1{font-size:3rem;font-weight:300;font-weight:100}@media (max-width: 940px){body.contenue_brute .gallery-item{float:none !important;margin:1rem auto;width:220px !important}}body.contenue_brute .no_brute{display:none}body.contenue_brute .intro{margin-bottom:60px}body.contenue_brute .intro div{display:table-cell}body.contenue_brute .intro h1{margin:0 6rem 0 0}body.contenue_brute a{background-color:transparent;padding:0}body.contenue_brute .header_brute{background:#52564f;color:#e3e1d4;padding:0 1rem}body.contenue_brute .header_brute a{color:#e3e1d4}body.contenue_brute .header_brute .logo,body.contenue_brute .header_brute .nav a[title]{display:block;float:left;height:6rem;margin:1rem 0}body.contenue_brute .header_brute .logo{text-align:left;margin-right:5rem}body.contenue_brute .header_brute .logo img{height:6rem;float:left}body.contenue_brute .header_brute .logo img.img_vectoriel{display:block}body.contenue_brute .header_brute .logo img.img_bitmap{display:none}body.contenue_brute .header_brute .logo span{display:inline-block;height:6rem;line-height:6rem;font-size:3rem;margin:0 1rem;font-family:"Open Sans Light","Helvetica","Arial",sans-serif;font-weight:100}body.contenue_brute .header_brute .nav ul{margin:0;padding:0}body.contenue_brute .header_brute .nav ul li{display:inline-block}body.contenue_brute .header_brute .nav ul a{width:8rem;text-indent:-900rem;position:relative}body.contenue_brute .header_brute .nav ul a.rapide_dev svg{fill:#e3e1d4}body.contenue_brute .header_brute .nav ul a.rapide_dev.actif svg{fill:#97c671}body.contenue_brute .header_brute .nav ul a.rapide_design svg{fill:#e3e1d4}body.contenue_brute .header_brute .nav ul a.rapide_design.actif svg{fill:#97c671}body.contenue_brute .header_brute .nav ul a.rapide_galeries svg{fill:#e3e1d4}body.contenue_brute .header_brute .nav ul a.rapide_galeries.actif svg{fill:#97c671}body.contenue_brute .header_brute .nav ul a.rapide_liens svg{fill:#e3e1d4}body.contenue_brute .header_brute .nav ul a.rapide_liens.actif svg{fill:#97c671}body.contenue_brute .header_brute .nav ul a.rapide_tests svg{fill:#e3e1d4}body.contenue_brute .header_brute .nav ul a.rapide_tests.actif svg{fill:#97c671}body.contenue_brute .header_brute .nav ul a svg{display:block;height:5rem;width:4rem;position:absolute;top:1rem;right:0;left:0;margin:0 auto}body.contenue_brute .no_svg .header_brute .logo img.img_vectoriel{display:none}body.contenue_brute .no_svg .header_brute .logo img.img_bitmap{display:block}body.contenue_brute .content_brute{margin:2rem}body.contenue_brute .content_brute ul{padding-left:2.8rem}body.contenue_brute .content_brute ul li{list-style:none;position:relative;margin-bottom:1rem}body.contenue_brute .content_brute ul li br{display:none}body.contenue_brute .content_brute ul li.favicon img{position:absolute;left:-28px}body.contenue_brute .content_brute ul li:before{content:"\2794";display:block;width:1.8rem;height:1.8rem;line-height:1.8rem;text-align:center;position:absolute;left:-2.8rem;top:0}body.contenue_brute .content_brute ul li.wip:before{content:"WIP";font-size:1rem;font-weight:bold}body.contenue_brute .content_brute ul li.code_pen:before{content:"";background:transparent url("img/logo_codepen.svg") no-repeat}body.contenue_brute .content_brute ul li.favicon:before{content:""}body.contenue_brute .content_brute [id*="gallery-"] img{border:0 none !important}body.contenue_brute .content_brute .gallery a{height:320px;width:220px;background:#97c671;display:block;line-height:320px;text-align:center;overflow:hidden}body.contenue_brute .content_brute .gallery a.apercus-color_rouge{background-color:#ed5565}body.contenue_brute .content_brute .gallery a.apercus-color_orange{background-color:#fc6e51}body.contenue_brute .content_brute .gallery a.apercus-color_sun{background-color:#ffce54}body.contenue_brute .content_brute .gallery a.apercus-color_vert_herbe{background-color:#97c671}body.contenue_brute .content_brute .gallery a.apercus-color_vert_menthe{background-color:#48cfad}body.contenue_brute .content_brute .gallery a.apercus-color_eau{background-color:#4fc1e9}body.contenue_brute .content_brute .gallery a.apercus-color_jeans{background-color:#5d9cec}body.contenue_brute .content_brute .gallery a.apercus-color_lavende{background-color:#ac92ec}body.contenue_brute .content_brute .gallery a.apercus-color_rose{background-color:#ec87c0}body.contenue_brute .content_brute .gallery a img{background:#fff;box-shadow:0 0 0 5px #FFF, 1px 1px 4px 5px #52564f}@media (max-width: 700px){body.contenue_brute .intro div{display:block;text-align:center}body.contenue_brute .intro h1{margin:0 0}body.contenue_brute .header_brute{text-align:center}body.contenue_brute .header_brute .logo{display:inline-block;float:none;width:auto;margin-right:0;margin-bottom:0}body.contenue_brute .header_brute .nav{display:block;width:100%;clear:both}body.contenue_brute .gallery a{margin:0 auto 2rem}}@media (min-width: 701px){body.contenue_brute .header_brute .nav li .rapide_dev:hover svg{fill:#97c671}body.contenue_brute .header_brute .nav li .rapide_design:hover svg{fill:#97c671}body.contenue_brute .header_brute .nav li .rapide_galeries:hover svg{fill:#97c671}body.contenue_brute .header_brute .nav li .rapide_liens:hover svg{fill:#97c671}body.contenue_brute .header_brute .nav li .rapide_tests:hover svg{fill:#97c671}body.contenue_brute .gallery-icon a:before{position:absolute;top:35%;left:32%;line-height:30px;text-align:center;content:"Voir";border:3px solid #e3e1d4;color:#e3e1d4;padding:4px 20px;text-transform:uppercase;font-size:1.8rem;background:#52564f;box-shadow:0 0 0 3px #52564f;opacity:0;transform:scale(0.25);transition:opacity 0.3s ease 0s, transform 0.3s ease 0s}body.contenue_brute .gallery-icon a:hover:before{opacity:1;transform:scale(1)}body.contenue_brute [id*="gallery-"] img{border:0 none !important}body.contenue_brute .gallery:after{content:"";display:block;clear:both}body.contenue_brute .gallery a{position:relative;margin:0 3rem 3rem 0;float:left}body.contenue_brute .gallery a:before{position:absolute;top:35%;left:32%;line-height:30px;text-align:center;content:"Voir";border:3px solid #e3e1d4;color:#e3e1d4;padding:4px 20px;text-transform:uppercase;font-size:1.8rem;background:#52564f;box-shadow:0 0 0 3px #52564f;opacity:0;transform:scale(0.25);transition:opacity 0.3s ease 0s, transform 0.3s ease 0s}body.contenue_brute .gallery a:hover:before{opacity:1;transform:scale(1)}}