.container-header.mod-menu{
  justify-content:center;
  color:#ffffff;
  padding:0;
  marging-top:100px;
}
.container-header{
  position:relative;
  z-index:10;
  background-color:var(--cassiopeia-color-primary);
  background-image:linear-gradient(-135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);
  box-shadow:0 5px 5px hsla(0,0%,0%,0.03) inset;
}
:root{
  --cassiopeia-color-primary:none;
  --cassiopeia-color-link:#224faa;
  --cassiopeia-color-hover:#424077;
}
.header{
  background-color:#FaFaFa;
  border-bottom:1px solid #b9bcbd;
  margin-top:0px;
}
.footer{
 background-color:#FaFaFa;
  border:1px solid #b9bcbd; 
  height:50px;
}
.niveau1{
  font-size:22pt;
  color:#D65413;
  font-family:arial,helvetica,sans serif;
  font-weight:bold;
  margin-top: 0px;
  padding-top:0px;
  margin-bottom: 35px;
  padding-bottom:0px;
  }
.niveau2{
 font-size:19pt;
  color:#000000;
  font-family:arial,helvetica,sans serif;
  font-weight:bold;
  margin-top: 0px;
  padding-top:0px;
  margin-bottom: 0px;
  padding-bottom:0px;
}
.niveau3{
 font-size:17pt;
  color:#ff9900;
  font-family:arial,helvetica,sans serif;
   font-weight:bold;
  margin-top: 15px;
  padding-top:0px;
  margin-bottom: 0px;
  padding-bottom:0px; 
}
.paragraphe{
  font-size:12pt;
  color:#000000;
  font-family:arial,helvetica,sans serif;
  font-weight:normal;
  margin-top: 0px;
  padding-top:0px;
  margin-bottom: 0px;
  padding-bottom:0px; 
  }
@supports (display: grid) {
@media (min-width: 992px) {
.site-grid {
grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0, 10rem) minmax(0,15rem) minmax(0,21rem) minmax(0,33.5rem) [main-end] minmax(0,1fr) [full-end]
}
}
}