/* Debug Grid
Feuille de style perso
*/

/* modif style par défaut spip : affichage de 2 crochets */
a[hreflang]:after {
  content: "" ;
}




html {
    scroll-behavior: smooth;
}

video {
  width: 100%;
  height: auto;
}

div.video_link {
  display:inline-block;
  margin-bottom:0.5rem;
  margin-right:8px;
  vertical-align: text-top;
  max-width:30%;
}

div.video_link a div {
  padding-left:10px;
  padding-right:10px;
}


.footer-logo {
  width: 120px;
  height: auto;
}

header {
  margin-top: 0;
}  

.header-home .banner-title, .header-home .banner-nav-home, .header-logo--white, .header-name-rwd, .headline-wrapper div, .navbar-nav .nav-link {
    text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444;
}

.headline-wrapper {
  background: #f39325 url(../img/fond3.jpg) repeat;
  padding: 2rem 0;
  background-size: cover;
}
.header-home {
  background: #f39325 url(../img/fond3.jpg) repeat;
  border-top: 1px solid #f39325;
  margin-bottom: 1em;
  background-size:cover;
}
nav.navbar {
  background: #f39325 url(../img/fond3.jpg) repeat;
  background-size:768px;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
}


/*
    Viewport (https://getbootstrap.com/docs/4.2/layout/overview)
  - @media (min-width: 576px) { ... } // Small devices (landscape phones, 576px and up)
  - @media (min-width: 768px) { ... } // Medium devices (tablets, 768px and up)
  - @media (min-width: 992px) { ... } // Large devices (desktops, 992px and up)
  - @media (min-width: 1200px) { ... } // Extra large devices (large desktops, 1200px and up)


*/


@media (max-width: 768px) {
    .headline-wrapper h1 {
    padding-top:0.7rem;
  }
}

@media (max-width: 992px) {
  .header-logo {
    font-size: 1.3rem;
  }
  span.header-logo-name {
    max-width: 100px;
  }
  .headline-wrapper {
    margin-top: 0;
    padding: 1rem 0;
  }

}

@media (min-width: 768px) {
  header {
    margin-top: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  } 

}