::-webkit-scrollbar{background-color:#222;width:6px;}
::-webkit-scrollbar-thumb{background-color:#000;box-shadow:0 0 0 1px #020 inset;}
select:focus-visible,textarea:focus-visible,input:focus-visible{outline:none;}/*input contour*/

@font-face{ font-family:'Poppins'; font-weight:100; src:url(../hebdo/poppins-latin-100-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:200; src:url(../hebdo/poppins-latin-200-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:300; src:url(../hebdo/poppins-latin-300-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:400; src:url(../hebdo/poppins-latin-400-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:500; src:url(../hebdo/poppins-latin-500-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:600; src:url(../hebdo/poppins-latin-600-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:700; src:url(../hebdo/poppins-latin-700-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:800; src:url(../hebdo/poppins-latin-800-normal.woff) format('woff'); }
@font-face{ font-family:'Poppins'; font-weight:900; src:url(../hebdo/poppins-latin-900-normal.woff) format('woff'); }

body{background-color:#eee;color:#333;font-family:sans-serif;margin:0 0 4em 0;min-height:calc(100vh - 4em);}
body *{box-sizing:border-box;}
div,header,main,footer{position:relative;cursor:default;}
textarea{min-height:8em;width:100%;}
header{z-index:7}

input[type='text'], input[type='password'], input[type='number'], select{padding:.6em .4em;border-radius:9px;}
input[type='text'], input[type='password'], input[type='number']{cursor:text;}
.input_checkbox{transform:scale(1.5);margin:0 .5em 0 1em;}
input[type='file']{ background-color: #888a; padding: .4em; box-shadow: 0 0 2px 2px #dd0; border-radius: 7px; }

a,.fakelink{color:#09b;text-decoration:none;cursor:pointer;}
a:hover,.fakelink:hover{color:#4cf;}

button, .button, a.button{display:inline-table;font-size:1em;color:#000;cursor:pointer;padding:.4em .8em;border-radius:5px;border:none;
    background-color:#ccc;user-select:none;}
button:hover, .button:hover, a.button:hover{background-color:#333;color:#fff;}
button:active, .button:active, a.button:active{background-color:#000;color:#555;}

.back_procede_special{background:url('/public/include/iconesSVG/procede_special.svg') no-repeat center center / contain;}
.hover_bs:hover{box-shadow:0 0 8px 2px #fff8;}
.hover_scale16:hover, .fakebutton:hover{transform:scale(1.6);}
.hover_zi8:hover{z-index:8;}
.hover_opa10:hover{opacity:1;}

.label_of_input{display:table;position:relative;left:1.5em;top:.5em;padding:.1em .6em;border-radius:7px;
    font-size:.88em;color:#fff;background-color:hsl(208,40%,44%);box-shadow:.1em .1em .6em #0008;z-index:3}

.ligne_mauve_orange{height:2px;background-image:linear-gradient(90deg,#b4d,#f51);}

.tiny_card{display:table;padding:.5em;background-color:#ddd;border-radius:3px;}
.tiny_card_title{padding:.2em 0 .5em 0;text-align:center;}
.tiny_card_html{background-color:#aaa4;padding:.4em;border-radius:4px;text-align:center;}
.html_listing .html_listing_line:nth-child(4n){ background-color:#2223; }

.group_buttons{ padding: .5em 0; }
.group_buttons button{ margin: 0 .5em 0 0;}

.inline{display:inline;}
.inlineblock{display:inline-block;}
.table{display:table;}
.abs{position:absolute;}
.wb{word-break:break-word;}

.opa1{opacity:.1;}
.opa2{opacity:.2;}
.opa5{opacity:.5;}
.opa7{opacity:.7;}
.zi4{z-index:4;}
.zi8{z-index:8;}

.flex_wrap{display:flex;flex-wrap:wrap;}
.flex_center{display:flex;justify-content:center;}
.flex_ycenter{display:flex;align-items:center;}
.flex_justif_around{justify-content:space-around;}
.flex_justif_between{justify-content:space-between;}
.flex_justif_end{justify-content:end;}
.fixed_top{ position:fixed; top:0; left:0; }
.fixed_top_right{ position:fixed; top:0; right:0; }
.fixed_bottom_right{ position:fixed; bottom:0; right:0; }

.l0t0{left:0;top:0;}
.r0t0{right:0;top:0;}

.w4p{width:4%;}
.w5p{width:5%;}
.w7p{width:7%;}
.w9p{width:9%;}
.w12p{width:12%;}
.w15p{width:15%;}
.w25p{width:25%;}
.w33p{width:33.33%;}
.w40p{width:40%;}
.w75p{width:75%;}
.w85p{width:85%;}
.w100p{width:100%;}

.w60{width:6em;}
.w80{width:8em;}
.w100{width:10em;}

.w10v{width:10vw;}
.w15v{width:15vw;}
.w70v{width:70vw;}
.w100v{width:100vw;}

.w32px{width:32px;}
.mww200{min-width:200px;}

.w100p-40{width:calc(100% - 4em);}
.w100-40{width:calc(100vw - 4em);}

.h100p{height:100%;}
.h50p{height:50%;}
.h4px{height:4px;}
.h32px{height:32px;}

.h60{height:6em;}
.h72{height:7.2em;}

.h100v{height:100vh;}
.h50v{height:50vh;}

.ma{margin:auto;}
.m2{margin:.2em;}
.m5{margin:.5em;}
.mt1{margin-top:.1rem}
.mt5{margin-top:.5em;}
.mt10{margin-top:1em;}
.mt12{margin-top:1.2em;}
.mt20{margin-top:2em;}
.ml2{margin-left:.2em;}
.ml10{margin-left:1em;}
.ml30{margin-left:3em;}
.mb2{margin-bottom:.2em;}
.mb8{margin-bottom:.8em;}
.mx5{margin-left:.5em;margin-right:.5em;}

.p5{padding:.5em;}
.p10{padding:1em;}
.pt10{padding-top:1em;}
.pt15{padding-top:1.5em;}
.pt20{padding-top:2em;}
.px5{padding-left:.5em;padding-right:.5em;}
.px20{padding-left:2em;padding-right:2em;}
.py2{padding-top:.2em;padding-bottom:.2em;}
.py8{padding-top:.8em;padding-bottom:.8em;}
.pb20{padding-bottom:2em;}
.pb4{padding-bottom:.4em;}
.pl5{padding-left:.5em;}
.pl10{padding-left:1em;}

.border4{border-radius:.4em;}
.border999{border-radius:99em;}

.userno{user-select:none;}
.eventno{pointer-events:none;}
.ptr{cursor:pointer;}

.cfff{color:#fff;}
.c888{color:#888;}
.c000{color:#000;}
.c0b4{color:#0b4;}
.c063{color:#063;}
.cf80{color:#b60;}
.cf44{color:#f44;}

.back_plus{background:url('../../include/iconesSVG/plus.svg') no-repeat center center / contain;}
.back_validation{background:url('../../include/iconesSVG/validation_simple.svg') no-repeat center center / contain;}

.back_rouge{background-color:#c33;}
.back_orange{background-color:#e92;}
.back_jaune{background-color:#bb0;}
.back_vert{background-color:#6d5;}
.back_vert_fonce{background-color:#060;}
.back_cyan{background-color:#09d;}
.back_bleu{background-color:#68f;}
.back_mauve{background-color:#84f;}
.back_gris_fonce{background-color:#333;}
.back_gris{background-color:#555;}
.back_gris_tres_clair{background-color:#ccc;}
.back_rose{background-color:#d4b;}
.back_1_jaune{background-color:#bb01;}
.back_1_cyan{background-color:#09d1;}
.back_1_rose{background-color:#d4b1;}
.back_c_orange_clair{background-color:#dcbc;}

.bor_vert{border-color:#0a0;}
.bor_rose{border-color:#80f;}

.bold{font-weight:bold;}
.weight1{font-weight:100;}
.weight2{font-weight:200;}
.weight3{font-weight:300;}
.weight4{font-weight:400;}
.weight5{font-weight:500;}
.weight6{font-weight:600;}
.weight7{font-weight:700;}
.weight8{font-weight:800;}
.weight9{font-weight:900;}
.font_poppins{font-family:Poppins;}
.fs5{font-size:.5em;}
.fs8{font-size:.8em;}
.fs12{font-size:1.2em;}
.fs25{font-size:2.5em;}
.tac{text-align:center;}
.tar{text-align:right;}

.filter_satur{filter:saturate(0) brightness(8);}
.filter_brig3_cont7{filter:brightness(0.3) contrast(.7);}
.filter_satur0{filter:saturate(0);}



/* - precis - */

.fakebutton{display:inline-table;color:#000;cursor:pointer;padding:.4em .8em;border-radius:5px;border:none;background-color:#ccc;user-select:none;}
.fakebutton:hover{filter:invert(1) hue-rotate(180deg);transform:scale(1.1);}
.fakebutton:active{filter:invert(1) hue-rotate(180deg);transform:scale(0.9);}

.font_italic_consolas{font-style:italic;font-family:consolas;}
.back_sign_preview{background:#ddd;}



/* - themes - */

body.theme_color_1{background:#1c1c1c;color:#ddd;}
body.theme_color_1 .fi, body.theme_color_1 input,
body.theme_color_1 textarea, body.theme_color_1 button, body.theme_color_1 a.button,
body.theme_color_1 .button{filter:invert(1) hue-rotate(180deg);}
body.theme_color_1 select{background:#000;border-color:#555;color:#ddd;}
body.theme_color_1 input[type='text'], body.theme_color_1 input[type='password']{color:#222;}

body.theme_color_1 button, body.theme_color_1 .button, body.theme_color_1 a.button{color:#000c;}
body.theme_color_1 button:hover, body.theme_color_1 .button:hover, body.theme_color_1 a.button:hover{color:#eeec;}
body.theme_color_1 button:active, body.theme_color_1 .button:active, body.theme_color_1 a.button:active{color:#555c;}

body.theme_color_1 .label_of_input{color:#ddd;background:hsl(208,100%,20%);}

body.theme_color_1 .tiny_card{background:#444;}
body.theme_color_1 .tiny_card_html{background:#8884;}

body.theme_color_1 .cfff{color:#111;}
body.theme_color_1 .cf80{color:#f80;}
body.theme_color_1 .c888{color:#888;}
body.theme_color_1 .c000{color:#ccc;}
body.theme_color_1 .c063{color:#094;}

body.theme_color_1 .back_gris_fonce{background-color:#ddd;}
body.theme_color_1 .back_gris{background-color:#aaa;}
body.theme_color_1 .back_gris_tres_clair{background-color:#333;}
body.theme_color_1 .back_c_orange_clair{background-color:#655c;}

body.theme_color_1 .bor_vert{border-color:#afa;}
body.theme_color_1 .bor_rose{border-color:#fbf;}


/* important */
.hidden{display:none}