*{outline:none;box-sizing:border-box}body{width:100%;height:100vh;background:url(//code.billiotte.fr/wp-content/themes/wp_billiotte-code/assets/stylesheets/../images/bg.png) no-repeat #fff;background-size:contain;background-position:center bottom;font-family:'Open sans',sans-serif;color:#2e3c40;font-size:1rem;font-weight:400;line-height:1;padding:0;margin:0;padding-top:58px}body.modal-open,body.overview-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;line-height:1;font-weight:400;text-transform:uppercase;color:#2e3c40;margin-bottom:1.5rem}h1{font-size:3em;font-weight:600}h2{font-size:2.5em;font-weight:600}h3{font-size:2em;margin-left:1em}h4{font-size:1.7em;margin-left:2em}p{font-size:1.125em;line-height:2.375rem;max-width:62.5rem;margin-bottom:2.5rem}strong{font-weight:600}ol{list-style-type:lower-alpha}ul{list-style-type:disc}li>ul{list-style-type:circle}ol,ul{margin:0 0 1em 1em}ol>li>ul{margin-left:1em}li{line-height:1.5em}.loader{display:block;width:50px;height:50px;position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:opacity .35s}.loader.hidden{opacity:0}.loader:before{content:'';display:block;padding-top:100%}.loader .circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.loader .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes color{0%{stroke:#5000ff}0%{stroke:#fc4604}100%{stroke:#5000ff}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.code-embed-infos{display:none !important}form{width:60vw;margin:0 auto;font-size:1.2rem}form textarea{resize:vertical;min-height:300px;text-transform:none}form .button{font-size:1.4rem;font-weight:600;display:block;cursor:pointer;color:#fff;padding:.75rem 2rem;text-transform:uppercase;color:#5000ff;float:right;border:2px solid #fff;background-color:#fff;transition:color .35s,background .35s}form .button:hover{background-color:transparent;color:#fff}form .group-fields{width:100%;margin-bottom:1rem}form .group-fields.spacer{margin-bottom:3rem}form .group-fields input[type=text],form .group-fields input[type=email],form .group-fields textarea{width:100%;font-size:1.2rem;padding:1rem;background:0 0;border:2px solid #fff;color:#fff}form .group-fields input[type=text]::-webkit-input-placeholder,form .group-fields input[type=email]::-webkit-input-placeholder,form .group-fields textarea::-webkit-input-placeholder{color:rgba(255,255,255,.65)}form .group-fields.radio input[type=radio],form .group-fields.radio input[type=checkbox],form .group-fields.checkbox input[type=radio],form .group-fields.checkbox input[type=checkbox]{display:none}form .group-fields.radio ul,form .group-fields.checkbox ul{display:flex;flex-wrap:wrap;margin-left:2px;margin-top:2px}form .group-fields.radio ul li,form .group-fields.checkbox ul li{flex-grow:1}form .group-fields.radio ul li label,form .group-fields.checkbox ul li label{border:2px solid #fff;text-align:center;line-height:30px;display:block;cursor:pointer;color:#fff;padding:.5rem 1rem;text-transform:uppercase;transition:color .35s,background .35s;margin-left:-2px;margin-top:-2px;position:relative}form .group-fields.radio ul li label:hover,form .group-fields.checkbox ul li label:hover{color:#5000ff;background-color:#fff}form .group-fields.radio ul li input[type=radio]:checked~label,form .group-fields.radio ul li input[type=checkbox]:checked~label,form .group-fields.checkbox ul li input[type=radio]:checked~label,form .group-fields.checkbox ul li input[type=checkbox]:checked~label{color:#5000ff;background-color:#fff}body.overview-open #site-overview{opacity:1;pointer-events:auto;transform:translateY(0)}body.modal-open #site-modal{opacity:1;pointer-events:auto}#site-modal{width:100vw;height:calc(100vh - 58px);position:fixed;top:58px;left:0;right:0;bottom:0;z-index:999;pointer-events:none;opacity:0;background-color:rgba(80,0,255,.9);transition:opacity .15s;padding-top:4rem;overflow-y:auto}#site-modal .close-button{position:fixed;top:calc(58px + 2rem);right:2rem;cursor:pointer;color:#fff;transition:color .35s}#site-modal .close-button i{font-size:2.5rem}#site-modal .close-button:hover{color:#fc4604}#site-overview{position:fixed;top:0;left:0;opacity:0;z-index:999;width:100vw;height:100vh;overflow-y:auto;background-color:rgba(255,255,255,.95);pointer-events:none;transform:translateY(-75vh);transition:opacity .15s,transform .3s}#site-overview .close-button{position:fixed;top:3rem;right:3rem;cursor:pointer;color:#5000ff;transition:color .35s}#site-overview .close-button i{font-size:2.5rem}#site-overview .close-button:hover{color:#fc4604}#site-overview .inner{width:100vw;height:100vh;position:relative;padding:3rem 3rem 3rem 4.5rem;display:flex;align-items:center}#site-overview .inner nav .menu{display:flex;flex-direction:column}#site-overview .inner nav .menu li{margin:1rem 0}#site-overview .inner nav .menu li.is-current-item a{pointer-events:none;color:#fff;text-decoration:line-through}#site-overview .inner nav .menu li.is-current-item a .count{text-decoration:line-through}#site-overview .inner nav .menu li.is-current-item a:after{width:100%;background-color:#d5d8d9}#site-overview .inner nav .menu li a{position:relative;font-size:2rem;font-family:'Montserrat',sans-serif;font-weight:700;text-transform:uppercase;color:#5000ff;transition:color .35s;padding:0 .5rem}#site-overview .inner nav .menu li a:after{content:'';display:block;background-color:#5000ff;width:0;height:calc(38px + .5rem);position:absolute;top:-.25rem;left:0;z-index:-1;transition:width .2s}#site-overview .inner nav .menu li a:hover{color:#fff}#site-overview .inner nav .menu li a:hover:after{width:100%}#site-overview .inner nav .menu li a .count{margin-right:2rem;width:60px;display:inline-block}#site-header{background-color:#fff;position:fixed;left:0;right:0;top:0;z-index:99}#site-header #search-results{position:absolute;left:0;right:0;z-index:1;background-color:rgba(255,255,255,.95);width:100%;height:0;padding:0;opacity:0;transition:height .35s .3s,padding .35s .3s,opacity .25s .3s;overflow-x:hidden;overflow-y:auto}#site-header #search-results .inner-list-items{overflow-y:auto;height:100%;padding:3rem 3.5rem}#site-header #search-results .inner-list-items .not-found{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#site-header #search-results .inner-list-items .not-found h3{font-size:2rem;color:#5000ff}#site-header #search-results .posts-container{padding:0}#site-header #search-results .posts-container .post h1{font-size:1.2rem}#site-header #search-results:after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:5px;background-color:#5000ff;transition:width .4s}#site-header #search-results.is-open{height:50vh;opacity:1;transition:height .35s,padding .35s,opacity .25s}#site-header #search-results.is-open:after{width:100%;transition:width .2s .4s}#site-header .site-navigation{border-bottom:1px solid rgba(0,0,0,.14);display:flex;align-items:center}#site-header .site-navigation .form-search{flex:1 1 100%;padding:1rem;border-left:1px solid rgba(0,0,0,.14)}#site-header .site-navigation .form-search .group-field{position:relative}#site-header .site-navigation .form-search .group-field input{width:calc(100% - 2.5rem);font-size:1.25rem;margin-left:2.5rem;border:none}#site-header .site-navigation .form-search .group-field label{position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer}#site-header .site-navigation .form-search .group-field label i{font-size:2rem;color:#5000ff}#site-header .site-navigation #add-snippets{white-space:nowrap;color:#5000ff;margin-right:1.5rem;line-height:57px;padding:0 1rem;transition:color .35s;position:relative}#site-header .site-navigation #add-snippets:after{content:'';display:block;background-color:#5000ff;width:100%;height:0;position:absolute;top:0;left:0;z-index:-1;transition:height .2s}#site-header .site-navigation #add-snippets:hover{color:#fff}#site-header .site-navigation #add-snippets:hover:after{height:100%}#site-header .site-navigation #category-selected{position:relative;padding-left:1.5rem;padding-right:1rem;margin-left:1.5rem;flex:0 0 auto;font-size:1.5rem;line-height:57px;font-family:'Montserrat',sans-serif;font-weight:700;text-transform:uppercase;color:#5000ff;transition:color .35s}#site-header .site-navigation #category-selected i{vertical-align:-4px;font-size:1.5rem;color:rgba(46,60,64,.65);transition:color .35s}#site-header .site-navigation #category-selected:after{content:'';display:block;background-color:#5000ff;width:100%;height:0;position:absolute;top:0;left:0;z-index:-1;transition:height .2s}#site-header .site-navigation #category-selected:hover{color:#fff}#site-header .site-navigation #category-selected:hover i{color:#fff}#site-header .site-navigation #category-selected:hover:after{height:100%}.posts-container{padding:2rem;display:flex;justify-content:flex-start;flex-wrap:wrap}.posts-container.not-found{height:calc(100vh - 58px);justify-content:center;align-items:center;background-color:#5000ff}.posts-container.not-found h3{font-size:2rem;color:#fff}.posts-container .post{width:calc((100%/6) - 1rem);background:#fff;display:flex;flex-direction:column;border:3px solid #d5d8d9;padding:2rem 1.5rem;margin:.5rem;cursor:pointer;overflow:hidden;opacity:1;transform:translateY(0);transition:opacity .35s,transform .25s,border .35s}.posts-container .post.hidden{opacity:0;transform:translateY(-10px)}.posts-container .post:hover{border-color:#5000ff}.posts-container .post:hover .separator{width:100%}.posts-container .post h1{font-size:1.6rem;margin-bottom:0;text-transform:inherit;text-align:center;margin-bottom:auto;color:#5000ff;text-overflow:ellipsis;overflow:hidden}.posts-container .post .separator{display:block;width:30%;height:3px;background-color:#5000ff;margin:2rem auto;transition:width .25s}.posts-container .post .meta-categories{font-size:14px;color:rgba(0,0,0,.75)}.posts-container .post .meta-categories i{font-size:18px;vertical-align:middle;color:#5000ff;margin-right:5px}.posts-container .post .metas{display:flex;font-size:14px;margin-bottom:10px;color:rgba(0,0,0,.75)}.posts-container .post .metas i{font-size:18px;vertical-align:middle;color:#5000ff}.posts-container .post .metas .meta-date{margin-right:auto}.single-post{width:80vw;margin:0 auto;padding:3rem;background-color:#fff}.single-post h1{text-align:center}.single-post .metas{display:flex;font-size:14px;margin-bottom:10px;color:rgba(0,0,0,.75);justify-content:center}.single-post .metas i{font-size:18px;vertical-align:middle;color:#5000ff;margin-right:5px}.single-post .metas span{margin-right:20px}.single-post .separator{display:block;width:30%;height:3px;background-color:#5000ff;margin:2rem auto 0;transition:width .25s}.single-post pre{padding:1rem;margin:0 0 1.875rem;font-family:Consolas,Monaco,'Andale Mono',monospace;background-color:#2d2d2d;position:relative}@media (max-width:1649px){.posts-container .post{width:calc((100%/5) - 1rem)}}@media (max-width:1280px){.posts-container .post{width:calc((100%/4) - 1rem)}}@media (max-width:979px){.posts-container .post{width:calc((100%/3) - 1rem)}}@media (max-width:739px){.posts-container .post{width:calc((100%/2) - 1rem)}}@media (max-width:499px){.posts-container .post{width:100%}}