*{--mainPlum:#63003c;--mainDarkBlue:#313e48;--mainLightGrey:#d6dbdf;--mainDarkGrey:#7c8790;--mainBlack:#373737;--secondaryMagenta:#c60b46;--secondaryLightMagenta:#ed145b;--secondaryOrange:#ee3524;--secondaryLightOrange:#f37320;--secondaryPurple:#7c2a90;--secondaryLightPurple:#7d6aaf;--secondaryYellow:#febc18;--secondaryLightYellow:#d5df3d;--secondaryBlue:#004e7d;--secondaryLightBlue:#0e87c9;--secondaryDarkGreen:#00807a;--secondaryGreen:#40b769;--secondaryLightGreen:#8cc63e;--tertiaryMagenta:#ec008c;--tertiaryYellow:#fff200;--tertiaryPurple:#5c0f8b;--tertiaryOrange:#f7932a;--tertiaryCyan:#00aeef;--tertiaryLightGreen:#a0d294;box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Open Sans Regular;src:url(/build/fonts/OpenSans-Regular.1b0809d5.ttf)}@font-face{font-family:Open Sans SemiBold;src:url(/build/fonts/OpenSans-SemiBold.a16d8201.ttf)}body,html{height:100%;overflow-x:hidden;width:100%}body{font-family:Open Sans Regular}#box-top{height:70%;width:100%}#box-top-left{height:100%;width:20%}#box-top-left-logo{align-items:center;display:flex;height:35%;width:100%}#box-top-left-info{height:65%;width:100%}#box-top-left-info-title{align-items:center;background-color:blue;color:#fff;display:flex;font-size:1.2em;height:10%;justify-content:center}#box-top-left-info-content{height:100%}#box-top-left-info-content-qrcode{width:100%}#box-top-left-info-content-qrcode img{width:50%}#box-right{background-color:#000;width:80%}#box-bottom{height:30%}#box-category{align-items:center;border:1px solid #d3d3d3;display:flex;height:17%;padding-left:10px;padding-top:2px;width:100%}#box-category-title{font-weight:600}#box-category-information-counter{color:#fff}.fake-img{border:1px solid #d3d3d3;height:150px;width:200px}.div-content{align-items:center;display:flex;min-height:150px}#box-information-content{flex-direction:column}#box-information-content,.champ{display:flex;justify-content:center}.champ{width:100%}.champ p{margin:0}#form-champ1,#form-champ2,#form-champ3,#form-champ4{align-items:center;border:1px solid #d3d3d3;border-radius:5px;display:flex;height:35px;width:100%}.server-error{background-color:var(--mainDarkBlue);color:#fff;height:20%;padding:10px;text-align:center;width:50%}#icon-information{background-color:var(--secondaryLightBlue);padding:3px}#icon-information>a>i{color:#fff;text-decoration:none}#icon-rubrique{background-color:var(--secondaryBlue);padding:3px}#icon-rubrique>a>i{color:#fff;text-decoration:none}#icon-image{background-color:var(--secondaryMagenta);padding:3px}#icon-image>a>i{color:#fff;text-decoration:none}#icon-tempo{background-color:var(--tertiaryLightGreen);padding:3px}#icon-tempo>a>i{color:#fff;text-decoration:none}#icon-user{background-color:var(--mainDarkBlue);padding:3px}#icon-user>a>i{color:#fff;text-decoration:none}#icon-role{background-color:var(--mainDarkGrey);padding:3px}#icon-role>a>i{color:#fff;text-decoration:none}#icon-tv{background-color:var(--tertiaryCyan);padding:3px}#icon-tv>a>i{color:#fff;text-decoration:none}.wrapper{box-sizing:border-box;display:grid;gap:0;grid-template-columns:1fr 3fr;grid-template-rows:3fr 2fr;height:100vh;width:100%}.logo{grid-column:1/2}.image,.logo{background:#f0f0f0;border:1px solid #ccc;box-sizing:border-box;grid-row:1/2;text-align:center}.image{grid-column:2/4;max-height:860px;max-width:2560px}.info-image{height:100%;width:100%}.contenu{background:#f0f0f0;border:1px solid #ccc;box-sizing:border-box;grid-column:1/4;text-align:center}@media (max-width:768px){.wrapper{grid-template-areas:"logo" "contenu";grid-template-columns:1fr}.image{display:none}}