html,body,section,nav,article,aside,h1,h2,h3,h4,h5,h6,hgroup,header,footer,address,p,hr,pre,blockquote,ol,ul,li,dl,dt,dd,figure,figcaption,div,a,em,strong,small,s,cite,q,dfn,abbr,time,code,var,samp,kbd,sub,sup,i,b,mark,span,br,ins,del,img,iframe,embed,object,video,audio,canvas,map,area,table,caption,colgroup,tbody,thead,tfoot,tr,td,th,form,fieldset,legend,label,input,button,select,textarea,details,summary,menu{font-size:100%;font-style:normal;text-align:left;text-decoration:none;vertical-align:baseline;background:rgba(0,0,0,0);margin:0;outline:0;border:0 none;padding:0}body{color:#282828;font:300 1em/1 Palatino,"Georgia",Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}pre,select,input,textarea,button{color:#282828;font:300 1em/1 Palatino,"Georgia",Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{color:#1e1e1e;font:300 2.5em/1 Palatino,"Georgia",Arial,sans-serif;word-wrap:break-word;margin:.8em 0 .6em}h1 a{color:#1e1e1e}h2{font:1.8em Palatino,"Georgia",Arial,sans-serif;letter-spacing:.05em;margin:1.3333em 0 0;padding:.3333em 0}h2 a{color:#282828}h3{color:#1e1e1e;font:600 1.125em/1.333 Palatino,"Georgia",Arial,sans-serif;margin:1.3333em 0 0;border-top:0 none}h4{color:#282828;font:600 1em/1 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif;margin:1.5em 0 0}h5,h6{color:#323232;font:600 .875em/1.143 Palatino,"Georgia",Arial,sans-serif;text-transform:uppercase;letter-spacing:.1429em;margin:1.7143em 0 0}p,pre,blockquote,ul,ol,dl,figure,figcaption,table,fieldset{font-size:1em;line-height:1.8;margin:1em 0}hr{font:600 2em/1 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif;text-align:center;margin:1em 0 2em;border:0;padding:0;height:0;clear:both;display:block}hr::after{content:"···";color:#969696;letter-spacing:1em;padding-left:1em;height:0}pre{margin:.5em 0 .5em 1.5em;white-space:pre-wrap;word-wrap:break-word}blockquote{color:#3c3c3c;font:300 .97em/1.6 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif;border-left:4px solid #ebebeb;margin:1.0667em 0 1.6em;padding:0 1.6em 0 1.334em}blockquote p{line-height:1.6;margin:.5333em 0}ul li{list-style-type:circle;margin-left:1.5em}ul li ul li{list-style-type:square}ol li{list-style-type:decimal;margin-left:1.5em}li ul li,li ol li{margin:0 0 0 1.5em}dt{font:600 1em/1.5 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif}dd{padding:0 1.5em 0}dd>*{margin-top:0}p+figure{margin:1em 0 2em}figure{margin:0 0 2em 0}figure img{max-width:100%}figure br{clear:both}figcaption *{color:#3c3c3c;font:300 .875em/1.143 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif;margin:.5714em 0;clear:left}a{color:#17b}a:hover,a:active{color:#39e;background-color:rgba(0,0,0,0);outline:none}a:link,a:visited,a:hover{transition:all .3s ease}a:active{color:#b41;transition:none}em{font:italic 300 1em/90% Palatino,"Georgia",Georgia,"Times New Roman",serif}em a{font:italic 300 1em/90% Palatino,"Georgia",Georgia,"Times New Roman",serif}i,var,samp,cite,cite a{font:italic 300 1em/90% Palatino,"Georgia",Georgia,"Times New Roman",serif}strong{color:#1e1e1e;font-weight:bold}b{color:#1e1e1e;font:normal 600 1em/90% "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif}small{font-size:.8125em;line-height:1.2308;display:inline-block;opacity:.9}code{font:.875em/90% "Monaco","Courier New",Courier,monospace;color:#abd37f}code.comment{color:#888}table{color:#323232;font:300 .938em/1.6 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif;margin:1.1429em 0;border-collapse:collapse;border-spacing:0}td{text-align:left;border-bottom:1px solid #eee;padding:.2667em 1.0667em .2em 0;vertical-align:top}th{text-align:left;border-bottom:1px solid #ccc;padding:.2667em 1.0667em .2em 0;color:#3c3c3c;font:600 1em/1.6 "Trebuchet MS","Georgia","Helvetica Neue",Arial,sans-serif}html{height:100%;width:100%}body{font-family:Palatino,Georgia;width:100%;height:100%;margin:0;padding:0}body #index_images{margin:0 -4px}body #index_images img{padding:4px;margin:0;display:block;float:left}body #index_images img:hover{opacity:.8}body #admin_over{position:fixed;top:0;left:0;z-index:3}body #admin_over #portfolio_form{background:rgba(250,250,250,.9);padding:1em}body #top{background:#383838;color:#fff;padding:1em;margin-top:1em}body #top a{color:#fff}body #small_index{position:fixed;left:252px;right:2px;top:0;bottom:0;background:rgba(250,250,250,.9);overflow:auto;z-index:2;display:none}body #small_index.active{display:block}body #left{position:fixed;left:0;top:0;width:250px;z-index:3}body #left #logo{display:block;margin:25px 0;width:100px}body #left #menu{padding-top:1px;padding-left:25px;background:#97bc4a;color:#fff;padding-bottom:4em}body #left #menu *{color:#fff}body #main{margin-left:250px;padding:1px 1em}body #main .text{max-width:600px;margin:auto}body #main .text img{max-width:100%}body #main .portfolio{margin:0 -1em}body #main .portfolio .portfolio_images{padding:0;margin:0}body #pagination{background:red;width:100px;height:100px;border-radius:50%;position:fixed;z-index:2;right:1em;bottom:1em;color:#fff}body #pagination *{color:#fff}body #pagination .page_number{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:1em}body #pagination .prev{font-size:3em;position:absolute;bottom:10px;right:60px}body #pagination .next{font-size:4em;position:absolute;bottom:10px;right:15px}#menu_toggle{display:none;position:fixed;top:10px;right:10px;z-index:10;width:48px;height:48px;background:#97bc4a;border:none;border-radius:4px;cursor:pointer;padding:0}#menu_toggle .hamburger{display:block;width:22px;height:2px;background:#fff;margin:0 auto;position:relative;transition:background .2s ease}#menu_toggle .hamburger::before,#menu_toggle .hamburger::after{content:"";display:block;width:22px;height:2px;background:#fff;position:absolute;left:0;transition:transform .3s ease,top .3s ease}#menu_toggle .hamburger::before{top:-7px}#menu_toggle .hamburger::after{top:7px}#menu_toggle.is-open{background:rgba(0,0,0,0);z-index:10}#menu_toggle.is-open .hamburger{background:rgba(0,0,0,0)}#menu_toggle.is-open .hamburger::before{top:0;transform:rotate(45deg)}#menu_toggle.is-open .hamburger::after{top:0;transform:rotate(-45deg)}.miniatures{cursor:pointer}.miniatures-mobile{display:none}@media only screen and (max-width: 768px){.miniatures-desktop{display:none !important}.miniatures-mobile{display:block;width:44px;position:fixed;bottom:10px;left:10px;z-index:3}}.portfolio .intro{text-align:center;max-width:70%;margin:auto}.portfolio .intro *{text-align:center}.portfolio .fileupload{display:none}.portfolio .images{text-align:center;font-family:courier}.portfolio .images .image_block,.portfolio .images .portfolio_image_block{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;max-width:100%;margin:0;padding:0;position:relative;box-sizing:border-box}.portfolio .images .image_block .image,.portfolio .images .portfolio_image_block .image{max-height:calc(100dvh - 3em);max-width:90%;object-fit:contain}.portfolio .images .image_block .title,.portfolio .images .portfolio_image_block .title{text-align:left;color:gray}.portfolio .images .image_block .title .exifs,.portfolio .images .portfolio_image_block .title .exifs{position:absolute;right:0;top:0;width:110%;font-size:.6em;text-align:right;transform-origin:top right;transform:rotate(-90deg)}.portfolio .images .image_block .title .exifs:hover,.portfolio .images .portfolio_image_block .title .exifs:hover{font-size:1em}.portfolio .images .image_block .time,.portfolio .images .portfolio_image_block .time{color:gray;float:right;position:absolute;right:0}.portfolio .images .image_block .admin,.portfolio .images .portfolio_image_block .admin{display:none;position:absolute;top:0;left:0;bottom:1em;width:200px;background:rgba(250,250,250,.9);overflow:auto;z-index:2}.portfolio .images .image_block:hover .admin,.portfolio .images .portfolio_image_block:hover .admin{display:block}@media only screen and (max-width: 768px){#menu_toggle{display:block}body #left{position:fixed;inset:0;width:100%;height:100%;background:#97bc4a;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}body #left.open{opacity:1;pointer-events:auto}body #left #menu{background:rgba(0,0,0,0);padding:2em 0;text-align:center;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}body #left #menu *{text-align:center}body #left #menu #logo{width:80px;margin:0 auto 1.5em}body #left #menu h4{font-size:1.3em;padding:.6em 0}body #left #menu ul{list-style:none;padding:0;margin:.5em 0}body #left #menu ul li{margin:0;list-style-type:none}body #left #menu ul li a{display:block;padding:.6em 0;font-size:1.2em}body #main{margin-left:0}body #small_index{left:0;right:0;top:0;bottom:0;background:rgba(250,250,250,.95);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}body #small_index.active{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;padding:10px}body #small_index a{display:block;width:calc(33.333% - 6px);margin:3px}body #small_index a img{width:100% !important;height:auto !important;float:none !important;padding:0 !important;object-fit:cover;aspect-ratio:1;border-radius:2px}body #pagination{width:80px;height:80px;right:.5em;bottom:.5em}body #pagination .page_number{top:14px;font-size:.85em}body #pagination .prev{font-size:2.2em;bottom:8px;right:45px}body #pagination .next{font-size:3em;bottom:8px;right:10px}.portfolio .intro{max-width:95%;padding:0 .5em}.portfolio .images .image_block .image,.portfolio .images .portfolio_image_block .image{max-width:100%;max-height:calc(100dvh - 4em)}.portfolio .images .image_block .title,.portfolio .images .portfolio_image_block .title{font-size:.8em;padding:0 .5em}.portfolio .images .image_block .title .exifs,.portfolio .images .portfolio_image_block .title .exifs{display:none}}@media only screen and (min-width: 769px)and (max-width: 1024px){body #left{width:200px}body #left #menu{padding-left:15px}body #left #logo{width:80px}body #main{margin-left:200px}body #small_index{left:202px}}@media only screen and (min-width: 890px){#main .text img{max-width:110% !important;margin-left:-5%}}@media only screen and (min-width: 1200px){#main .text img{max-width:130% !important;margin-left:-20%}}@media only screen and (min-width: 1250px){.portfolio .images .portfolio_image_block{max-width:900px}.portfolio .images .portfolio_image_block .image{max-height:85%;max-width:100%}}.admin-layout{-webkit-font-smoothing:antialiased;font-size:13px;font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}.admin-layout #breadcrumb{padding:0;height:40px;position:relative;color:#fff;background:#2e2e2e}.admin-layout #breadcrumb *{color:#fff}.admin-layout #breadcrumb nav a{display:inline-block;padding:13px}.admin-layout #breadcrumb .personnal{width:140px;float:right;position:relative}.admin-layout #breadcrumb .personnal span{display:inline-block;top:-15px;position:relative}.admin-layout #breadcrumb .personnal .avatar{width:36px;border-radius:50%;margin:2px}.admin-layout #breadcrumb .personnal .menu{display:none}.admin-layout #breadcrumb .personnal:hover .menu{display:block;position:absolute;z-index:1000;top:40px;background:#2e2e2e}.admin-layout #breadcrumb .personnal:hover .menu a{display:block;width:120px;padding:10px 15px}.admin-layout .page_form .form{width:60%;float:left}.admin-layout .page_form .user_images{width:40%;float:left}.admin-layout .page_form .user_images .progress{float:right;width:250px}.admin-layout .page_form .user_images .progress .bar{text-align:right}.admin-layout .page_form .user_images input[type=file]{display:none}.admin-layout .page_form .user_images .images{height:400px;overflow:auto;border:1px solid #000}.admin-layout .page_form .user_images .images .user_image_block{padding:5px;float:left;width:120px;border:1px solid #000;min-height:140px;text-align:center;margin:5px}.admin-layout .page_form .user_images .images .user_image_block .user_image{cursor:pointer;display:block;margin:auto;max-width:120px;max-height:120px}.admin-layout .portfolio_images .images .portfolio_image_block{padding:5px;float:left;width:120px;border:1px solid #ddd;min-height:140px;text-align:center;margin:5px}.admin-layout .portfolio_images .images .portfolio_image_block .portfolio_image{cursor:pointer;display:block;margin:auto;max-width:120px;max-height:120px}.clearfix::after{content:"";display:table;clear:both}