.header{box-sizing:border-box;box-shadow:3px 3px 3px 0 #dfdfdf;border-radius:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;gap:10px;background-color:#f88ce0;border-bottom:5px solid #ef52c0}.header .header-lang input{background-color:#f88ce0 !important}.header form input[type="text"].header-input{background-color:#ef52c0 !important;color:black !important}.header *,.header .right *{color:#050525}.header *:hover,.header .right *:hover{color:#303060}@media (max-width: 700px){.header{height:auto}}@media (max-width: 580px){.header{justify-content:space-between}}.header-logo{display:flex;flex-direction:row;gap:10px}.header-logo>a{color:#fff !important}.header-logo:hover>a{color:#c2c2c2}@media (max-width: 607px){.header-logo{width:100%;justify-content:center}}.header-logo-picture{height:100%;width:65px;display:flex;background-position:center center;background-size:contain;background-repeat:no-repeat}@media (max-width: 580px){.header-logo-picture{height:auto}}.header-logo-text{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.header-logo-text>span:first-child{font-size:1.43em}.header-logo-text>span:last-child{font-size:.7em}.header-lang{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}@media (max-width: 580px){.header-lang{flex-direction:row}}.header-lang>form{margin:0;box-sizing:border-box;position:relative}.header-lang>form>input[type=submit]{border-radius:0;margin:0;box-sizing:border-box;background-color:#354a5f;width:45px;height:25px;padding:0;color:#fff;font-weight:normal;line-height:1.3em;font-family:"Twemoji Country Flags", sans-serif}.header-lang>form>input[type=submit]:hover{background-color:#283747}.header-disconnected{box-sizing:border-box;flex:1;display:flex;justify-content:flex-end;align-items:center}@media (max-width: 607px){.header-disconnected{justify-content:center}}.header-disconnected>.button{box-sizing:border-box;height:35px;background-color:transparent;font-weight:normal;padding:5px 20px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;text-decoration:none;color:#fff;margin:0;font-size:.9em;width:120px}.header-disconnected>.button:hover{background-color:#283747}@media (max-width: 662px){.header-disconnected~.header-lang{flex-direction:row;width:100%}}.header-connected{box-sizing:border-box;flex:1;display:flex;flex-direction:row}@media (min-width: 400px) and (max-width: 1200px){.header-connected{flex-direction:column;min-width:100%;justify-content:center;align-items:center;gap:10px}}@media (max-width: 400px){.header-connected{flex-direction:column;width:100%;gap:10px;padding:0 10px}}.header-connected>.right,.header-connected>.left{box-sizing:border-box;display:flex;flex-direction:row;align-items:center}@media (min-width: 400px) and (max-width: 1200px){.header-connected>.right,.header-connected>.left{width:100%;justify-content:space-between;padding:0 20px}}.header-connected>.right{flex:1;justify-content:flex-end}.header-connected>.right>.user{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}@media (max-width: 1200px){.header-connected>.right>.user{width:100%;flex-direction:row-reverse;justify-content:flex-end}}.header-connected>.right>.user>a{display:block;min-width:40px;height:40px;border-radius:50%;background-position:center center;background-size:cover;background-repeat:no-repeat}.header-connected>.right>.user>.options{display:flex;flex-direction:column;gap:5px}.header-connected>.right>.user>.options>.username{display:flex;justify-content:flex-end;gap:5px}@media (max-width: 500px){.header-connected>.right>.user>.options>.username{justify-content:flex-start}}.header-connected>.right>.user>.options>.links{width:100%;display:flex;justify-content:flex-end;gap:15px}@media (max-width: 1200px){.header-connected>.right>.user>.options>.links{justify-content:flex-start}}.header-connected>.right>.user>.options>.links a,.header-connected>.right>.user>.options>.links button{font-size:100%;text-align:right;margin:auto 0 0}.header-connected>.right>.user>.options>.links form#logout-form{margin:0;display:inline}.header-connected>.right>.user>.options>.links #logout-form button{color:#eb2f06;background:none;border:none;cursor:pointer;padding:0}.header-connected>.right>.user>.options>.links #logout-form button:hover{color:#ff4d4d}.header-connected>.right>.notification{height:100%;width:55px;display:flex;justify-content:center;align-items:center;position:relative}.header-connected>.right>.notification>a{color:#fff;position:relative;font-size:25px}.header-connected>.right>.notification>a:hover{color:#c2c2c2}.header-connected>.right>.notification>a>span{color:#fff;font-size:14px;display:flex;justify-content:center;align-items:center;width:10px;height:10px;padding:5px;background-color:#eb2f06;border-radius:50%;position:absolute;top:-50%;right:-50%}.header-connected>.right>.notification>#header_notif{box-sizing:border-box;position:absolute;margin:0;background-color:whitesmoke;top:calc(100% + 10px);right:calc(50% - 30px);width:400px;max-width:calc(100vw - 30px);padding:10px;z-index:100;border-radius:10px;box-shadow:3px 3px 3px 0 #767676}.header-connected>.right>.notification>#header_notif>ul{list-style-type:none;margin:0;display:flex;flex-direction:column;gap:10px;min-height:20px;max-height:120px;overflow-y:auto}.header-connected>.right>.notification>#header_notif>ul>li>a .datetime{display:flex;justify-content:flex-start;gap:10px;font-style:italic;font-size:.8em}.header-connected>.right>.notification>#header_notif>ul>li.empty-notification{text-align:center;font-style:italic}.header-connected>.right>.notification>#header_notif .options{width:100%;display:flex;justify-content:space-between;margin-top:10px;gap:5px}.header-connected>.right>.notification>#header_notif .options>a{color:black;padding:5px;width:50%;display:flex;justify-content:center;text-align:center;align-items:center;border-radius:5px;background-color:#ddd}.header-connected>.right>.notification>#header_notif .options>a:hover{background-color:rgba(0,0,0,0.2)}.header-connected>.left{gap:10px;display:flex}@media (max-width: 1200px){.header-connected>.left{flex-direction:row-reverse}}@media (max-width: 550px){.header-connected>.left{flex-direction:column-reverse}}.header-connected>.left>form{margin:0;width:200px}@media (max-width: 550px){.header-connected>.left>form{width:100%}}.header-connected>.left>form>input[type=text]{width:100%;min-width:unset;border:unset;height:35px;border-radius:5px;font-size:.9em;margin:0;background-color:#ef52c0;padding:0 10px}.header-connected>.left>form>input[type=text]::placeholder{color:black}@media (max-width: 1200px){.header-connected~.header-lang{flex-direction:row;width:100%}}.bars{list-style-type:none;min-width:120px;margin:0;padding:0}@media (max-width: 1200px){.bars{display:flex;flex-direction:row;gap:20px}}.bars>li>a{display:flex;color:#fff}.bars>li>a:hover{color:#c2c2c2}.bars>li>a>span{margin-left:10px}.bars>li>a>i{width:16px;display:flex;justify-content:center;align-items:center}