textarea{resize:none}body{background-color:#ffdada;margin:0}body #btn_open_sidebar,body #bg_tab,body #bg_tab #btn_close_sidebar{display:none}body .bdy{padding:0 20%}body .bdy .pp{text-decoration:none;top:7px;left:7px;color:#000;text-align:center;position:fixed;z-index:2}body .bdy .pp img{width:50px;user-select:none}body .bdy .pp .pp h5{margin:0}body .bdy header{padding-top:20px;text-align:center}body .bdy header img{width:250px;border-radius:10%;user-select:none}body .bdy header h1{font-size:2.6em}body .bdy .volet{position:fixed;right:0;top:0;display:flex;align-items:center;height:100%}body .bdy .volet input{display:none}body .bdy .volet label{display:flex;border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid black;background-color:#fff;height:40px;width:40px;text-align:center;border-top-left-radius:10%;border-bottom-left-radius:10%;cursor:pointer;justify-content:center;align-items:center}body .bdy .volet .info{display:flex;border:2px solid black;border-radius:10%;background-color:#fff;width:180px;padding:8px;flex-direction:column;justify-content:space-between}body .bdy .volet .info .name_infos{text-decoration:underline}body .bdy main{font-size:1.5em;text-align:justify}body .bdy main:first-letter{font-size:2em;font-weight:700}body .bdy h2{clear:left;margin-bottom:0;margin-top:3%}body .bdy .rela{border-radius:10px;padding:10px;border:#000 solid 1px;margin:1% 1% 1% 0;float:left;max-width:20%;min-width:120px;text-align:center;text-decoration:none;color:#000;background:#fff}body .bdy .rela img{width:80%;user-select:none;border-radius:5px}body .bdy .rela:hover{background-color:#0003}body .bdy .form_com{margin-bottom:45px}body .bdy .form_com #note{font-size:120%}body .bdy .form_com #submit-comment-error{display:none;background:gradi;margin:10px 0;padding:3px;width:290px;font-size:120%}body .bdy .form_com #post-btn{font-size:130%;height:35px;width:90px}body .bdy .delete_all_com{background-color:#da0f0f;color:#f9f9f9;z-index:2;display:flex;justify-content:center;align-items:center;border:0;margin:2px;padding:4px}body .bdy .com{border:#000 1px solid;padding:5px;margin:3% 0;border-radius:10px}body .bdy .com .delete_com{float:right;background-color:#da0f0f;color:#f9f9f9;border-radius:50%;width:20px;height:20px;z-index:2;display:flex;justify-content:center;align-items:center;border:0;padding:4px}body .bdy .com h4{margin:0;text-decoration:underline}body .bdy .com .content{border:#000 1px solid;margin:5px;padding:5px;border-radius:10px}.a{text-transform:capitalize}.fleche{pointer-events:auto;width:29px;height:35px;user-select:none}.info div{margin:5px}.volet input+label+.info{transition:transform 1s;pointer-events:all}.volet input+label{transition:transform 1s}.volet input+label>svg{transition:transform 1s}.volet input:checked+label+.info{transform:translate(180px)}.volet input:checked+label{transform:translate(180px)}.volet input:checked+label>svg{transform:rotate(180deg)}@media (max-width: 540px){body{padding:0}body #btn_open_sidebar{cursor:pointer;display:flex;justify-content:center;align-items:center;width:50px;height:50px;position:fixed;user-select:none;background-color:#fff0;border:none}body #btn_open_sidebar:hover{background-color:#fff6}body #bg_tab{position:fixed;z-index:3;background-color:#00000080;width:100%;height:100%}body #bg_tab #tab{display:flex;position:fixed;background-image:linear-gradient(#e70404,#810101);width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}body #bg_tab #tab #btn_close_sidebar{cursor:pointer;display:none;justify-content:center;align-items:center;height:50px;width:50px;margin-bottom:5px;user-select:none;background-color:#fff0;border:none;position:fixed;left:0;top:0}body #bg_tab #tab #btn_close_sidebar:hover{background-color:#fff6}body #bg_tab #tab .tabs{display:block;text-decoration:none;color:#000;font-size:6ch;border-top:0;padding:7px}body .bdy{padding:0 16px}body .bdy .pp{display:none}body .bdy .volet .info{width:210px}.volet input:checked+label+.info{transform:translate(210px)}.volet input:checked+label{transform:translate(210px)}}.edit{position:fixed;background-color:#2845fc;border-radius:50%;bottom:7px;right:7px;width:35px;z-index:2;display:flex;justify-content:center;padding:5px}.edit svg{color:#fff}#delete{position:fixed;background-color:#2845fc;border:none;border-radius:50%;bottom:47px;right:7px;width:35px;z-index:2;display:flex;justify-content:center;padding:5px}#delete svg{color:#fff}