#page #header {
  font-weight: 400;
  font-style: normal;
  font-family: inherit;
  height: 100%;
  /* height: 50px; */
  /* overflow: hidden; */
  /*position: relative;*/
  /*top: 0;*/
  /*left: 0;*/
  /*height: 120px;*/
  /*max-width: 1920px;*/
  /*box-shadow: 0 2px 10px #00000029;*/
  /*background-color: transparent;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(138,198,103,1) 35%, rgba(116,180,103,1) 68%, rgba(75,147,102,1) 85%, rgba(60,135,102,1) 100%);*/
}

#page #header .layout-container {
  max-width: unset;
}

/*
.path-frontpage #page #header {
    !*height: 65vh;*!
    height: 13vh;
}
*/

/*#page #header:before {
    content: '';
    width: 100%;
    !*background: url(/themes/gdj/css/components/../../images/visuel_accueil.webp) 50% 10% no-repeat;*!
    !*background-size: 30%;*!
    height: 120px;
    !*background: url(/themes/gdj/css/components/../../images/bandeau_haut_site.png) 100% 100% no-repeat;*!
    position: absolute;
}

.path-frontpage #page #header:before {

    !*width: 85%;*!
    !*background: url(/themes/gdj/css/components/../../images/bandeau_haut_site.png) 50% 100% no-repeat;*!
    !*background-size: auto;*!
    !*height: 838px;*!
    height: inherit;
    !*position: absolute;*!
    !*background-size: contain;*!

    !*background-position: top center;*!
    !*background-repeat: no-repeat;*!
    !* Background image is fixed in the viewport so that it doesn’t move when the content’s height is greater than the image’s height *!
    !*background-attachment: fixed;*!
    !* This is what makes the background image rescale based on the container’s size *!
    !*background-size: cover;*!

    !*transform: scale(0.19);
    transform-origin: top left;*!
}*/


.region-header {
  padding: 0;
}

.region-header .block:not(.site-branding) {
  font-size: 0.857em;
  margin: 0;
  /*clear: right;*/
  float: left;
}

.header .block .content {
  margin: 0;
  padding: 0;
}

.view-header {
  font-size: 1.5em;
  letter-spacing: -1px;
}

/*
#block-reseaux {
    position: absolute;
    left: 20px;
    top: 10px;
}

#block-reseaux p {
    margin: 0;
}

#block-reseaux a {
    margin: 0 5px 0 0;
    float: left;
}

#block-reseaux img {
    width: 30px;
}*/

/*@media (min-width: 901px) {*/
/*.region-header .block:not(.site-branding) {*/
/*margin: 0;*/
/*}*/
/*}*/
@media (max-width: 451px) {
  #block-logopage {
    left: 50%;
    margin-left: -75px;
  }
}