.blc_h{display:grid;grid-template-columns:8% auto 70% auto 8%;grid-template-rows:1;justify-self:center;justify-content:center;width:90%;height:100%;background-color:dimgray;border-radius:.3em;filter:brightness(1.1);z-index:2;//border:2px solid green}.gauche{justify-self:start;align-self:center;grid-column:1;display:grid;width:auto;max-width:100%;//max-height:80%;// border:2px solid green}.logo{grid-column:1;align-self:center;justify-self:center;height:100%;max-width:100%;//border:2px solid green}.imgLogo{max-width:70%;grid-column:1;display:grid;width:auto;align-self:center;justify-self:center;height:auto;// border:2px solid red}.bas{display:grid;grid-column:3;//grid-column:span 3;grid-template-rows:2fr;align-self:center;//justify-self:center;//justify-content:center;height:auto;width:auto;max-width:100%;//border:2px solid brown}.nomsite,.actnav{justify-self:center;color:#00FEFE;color:#8c392f;color:antiquewhite;font-size:1.6em;text-align:center}.nomsite{grid-row:1;overflow-wrap:break-word}.actnav{grid-row:2;font-size:1.2em;//border:2px solid red}.centre{grid-column:6;grid-column:3;grid-column:4;//grid-column:span 2;justify-self:center;//justify-content:center;display:grid;justify-content:end;grid-template-rows:auto auto;width:auto;max-width:100%;//border:2px solid violet}.panhaut,.panhautvide{grid-row:1;justify-self:start;display:grid;//grid-row:1fr 1fr 1fr;//grid-template-rows:auto auto auto;grid-template-columns:auto auto auto;max-width:auto;max-height:auto;justify-content:start;justify-content:center;//align-content:center;//border:2px solid green}.panhaut{align-self:start}.panhautvide{align-self:end}.formpan{justify-self:start;//grid-row:1;height:.1%;width:.1%;//border:.1px solid blue}.Hpanier{grid-row:1;align-self:start;justify-self:center;display:grid;justify-content:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr;//border:2px solid blue}.HpanierVide{grid-template-columns:1fr}.imgpanier{justify-self:center;justify-self:start;align-self:center;grid-row:1;grid-column:1;//border:4px solid #000}.nbartpan{grid-column:2;justify-self:center;align-self:center;justify-self:start;width:auto;height:auto;max-width:100%;max-height:100%;margin:0em 0em 0em 1em;color:antiquewhite;//border:2px solid red}.pantot{grid-row:2;align-self:start;display:grid;grid-template-columns:auto auto auto;//justify-content:space-around;width:auto;max-width:100%;//grid-gap:1em;//border:2px solid #fff}.libel_pxtot,.pxdevise,.pxtot{color:antiquewhite;//font-size:1.1em;//border:1px solid brown}.libel_pxtot{grid-column:1}.pxtot{grid-column:2;font-weight:700;margin:0 0 0 .2em}.pxdevise{grid-column:3;align-self:end;justify-self:end;margin:0 0 0 .2em}.consultart{margin:2% 1% 2% 1%}.droite{justify-self:end;display:grid;grid-column:7;grid-column:4;grid-column:5;width:auto;max-width:100%;align-content:center;justify-content:space-around;//border:2px solid blue}.connex{grid-column:2;display:grid;width:auto;height:auto;max-width:100%;max-height:80%;padding:.2em .2em .2em .2em;border-radius:5px;box-shadow:0 0 .2em #343436;justify-content:right;align-self:center;//border:2px solid brown}.imglogin{justify-self:center}.categorie{position:relative}.menucl{//z-index:4;margin:.5em .5em .5em .5em;text-align:center}.menucl .categorie ul{max-height:0;overflow:hidden;transition:0;position:absolute;padding:0;margin:0;list-style:none}.menucl .categorie:hover ul{max-height:50em;/// transition:1s;transition:all 0.2s ease;right:0%}.menucl h3,.menucl a{display:block;margin:0;padding:.5em 1.5em;font-size:inherit;color:blacfontk;background-color:antiquewhite;text-decoration:none;box-sizing:border-box}.menucl .categorie:hover h3{color:#fff;background-color:steelblue;background-color:grey}.menucl a:hover{color:#fff;background-color:skyblue;background-color:grey}@media screen and (max-width:1310px){.blc_h{grid-template-columns:8% auto 65% auto 8%}}@media screen and (max-width:970px){.blc_h{grid-template-columns:8% auto 63% auto 8%}}@media screen and (max-width:890px){.blc_h{grid-template-columns:8% auto 60% auto 8%}}@media screen and (max-width:820px){.blc_h{grid-template-columns:8% auto 57% auto 8%}.nomsite,.actnav{font-size:1.3em;text-align:center}.imglogin{width:auto;height:auto}}@media screen and (max-width:620px){.blc_h{// grid-template-columns:repeat(3,1fr);grid-template-columns:10% 70% 10%;grid-template-rows:auto;max-width:100%;align-content:center;//border:2px solid brown}.gauche{grid-row:1;grid-column:1;width:auto;//width:120%;align-self:end;justify-self:center;//border:2px solid purple}.imgLogo{max-width:100%;//width:100%;//border:2px solid red}.logo{width:auto}.bas{justify-content:center}.centre{grid-row:1;grid-column:2;width:auto;//border:2px solid red}.panhaut,.panhautvide{//grid-row:1;width:auto;height:auto;height:auto;grid-row:2 // border:2px solid blue}.panhaut{align-self:start}.panhautvide{align-self:end}.panhautvide{align-self:end}.Hpanier{justify-content:center;justify-content:end;align-self:start;align-self:center;justify-self:center;//justify-content:center;//border:4px solid purple}.nbartpan{margin:0em 0em 0em 0em}#libel_pxtotid{grid-column:1;width:auto;width:3.5em;height:auto;max-width:100%;//border:2px solid green}.pxtot{grid-column:2;//border:2px solid green}#libel_pxdevisid{color:antiquewhite;grid-column:3;align-self:center;//border:2px solid green}.bas{grid-row:2;grid-column:span 3;align-self:start;//border:2px solid brown}.nomsite,.actnav{//border:2px solid brown}.nomsite{grid-row:1;font-size:1.1em}.actnav{grid-row:2;font-size:1em}.droite{grid-column:3;grid-row:1;align-self:end;justify-self:center;height:auto;max-width:100%;max-height:80%;//border:2px solid violet}.connex{max-width:80%;max-height:80%;justify-content:center;justify-self:center;// border:2px solid brown}}@media screen and (max-width:370px){.blc_h{width:95%}}