/* Fonts */
/* @font-face {font-family:"Lato Regular";
src:url("../fonts/Lato-Regular.eot?") format("eot"),
url("../fonts/Lato-Regular.woff") format("woff"),
url("../fonts/Lato-Regular.ttf") format("truetype"),
url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg");
font-weight:normal;font-style:normal;} */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@font-face {font-family:"Orbitron Black";
src:url("../fonts/orbitron-black.eot?") format("eot"),
url("../fonts/orbitron-black.woff") format("woff"),
url("../fonts/orbitron-black.ttf") format("truetype"),
url("../fonts/orbitron-black.svg#Orbitron-Black") format("svg");
font-weight:normal;font-style:normal;}

ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
/* GLOBAL */
* {font-family: "Lato"}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Orbitron Black" !important}
body {overflow-x: hidden;}
hr {border-top: 1px solid #003B5C}
.actu-btn {border-radius: 0}
.btn-secondary {border: none; border-radius: 125px}
.max-content {min-width: max-content;}
.hidden-visibility {visibility: hidden;}
#page {position: relative;}
#user-login-form, .header-offset {padding-top: 200px}
@media (min-width: 992px) {
#user-login-form, .header-offset {padding-top: 400px}
}
/* Header Navbar */
#header {position: absolute;top: 0; left: 0; width: 100%;z-index: 1}
#header::before {top: 0; left: 0;position: absolute;content: '';display: block;width: 100%;height: 200px;}
@media (min-width: 992px) {
  #header::before {height: 400px;}
}
#navbar-main .navbar-brand img {max-height: 115px;}
#CollapsingNavbar .btn.btn-secondary {min-width: 40px; min-height: 40px}
/* Page accueil */
#accueil .img-pres {object-fit: cover;height: 200px}
#accueil #video-controls {position: absolute;top: 50%; left: 50% ;transform: translate(-50%,0);font-size: 5rem;}
#accueil #video-controls button {cursor: pointer;}
#video-accueil {height: 85vh;object-fit: cover;}
#accueil #video-controls #play-pause {background: none;border: none;color: #fff}
@media (min-width: 992px) {
  #accueil #video-controls {z-index: 10}
  #accueil section.content {padding-top: 210px;}
  #accueil .rubrique {position: absolute;left: 50%; transform: translate(-50%,0);bottom: -195px;}
}

#accueil h1 {text-align: center;color: #fff}
#accueil h1::after {content: ''; display: block;border: solid white 3px; width: 15%;margin: 1rem auto;}
#accueil-actu img {width: 100%;height: 170px;object-fit: cover;}
/* Page implantation */
#implantation h1::after {content: ''; display: block;border: solid 3px; width: 15%;margin: 1rem auto;}
.chiffre-cles {font-size: 3rem; font-weight: bold;}
#implantation .chiffre-info-cles {height: 100%;}
#implantation img {max-width: 100%;height: auto;}
/* Page Missions */
@media (min-width: 992px) {
  #missions .header-offset {padding-top: 350px;z-index: 50;position: relative;}
}
#missions h1::before {content: ''; display: block;border: solid 3px; width: 15%;margin: 1rem 0;}
#missions h1 {font-size: 2rem}
#missions h2 {font-size: 1.5rem}
#missions .images-wrapper img {object-fit: cover;}
#missions .missions-bg p {margin: 0;}
#missions .big-number {font-size: 2.5rem;text-align: center;font-weight: bold;font-family: "Montserrat"; font-weight: 900}
/* Page rubrique */
#rubrique img.w-100 {object-fit: cover;}
#rubrique h1::after {content: ''; display: block;border: solid white 3px; width: 15%;margin: 1rem auto;}
#rubrique .logo {max-width: 225px;max-height: 185px;}
@media (min-width: 992px) {
  #rubrique .header-offset {padding-top: 325px;padding-bottom: 1rem}
}
/* Recrutement */
#recrutement img.w-100 {min-height: 80vh; object-fit: cover;}
#recrutement .position-absolute {top: 50%; left: 50%;transform: translate(-50%,0);z-index: 10}
#recrutement .btn-secondary {font-size: 1.15rem; text-transform: uppercase;}
/* Contact */
#contact .fond-contact {background-image: url('/sites/default/files/fond-contact.jpg');text-align: center;min-height: 400px}
#contact .fond-contact .position-absolute {top: 0; margin-top: 330px;}
.select2-container--default .select2-selection--single,
#form-recrutement input, #form-recrutement textarea,
#contact input, #contact textarea {border: 1px solid #017CC1;border-radius: 0;}
@media (min-width: 992px) {
  #contact .header-offset {padding-top: 325px;}
  #contact .flex-me fieldset {display: flex;}
  #contact .flex-me label {min-width: max-content;width: 30%}
}
#leaflet-map-view-contact-block-2 {width: 100%; margin-top: 1rem}
/* Page Histoire */
#histoire .img-fond {height: 100vh; object-fit:cover;}
#histoire .position-absolute {bottom: 0; z-index: 10;max-width: 540px;padding-left: 15px; padding-right: 15px; width: 100%}
#histoire .position-absolute p {margin: 0;}
#histoire h1::before {content: ''; display: block;border: solid #6DB6D6 3px; width: 15%;margin: 1rem 0;}
#histoire .img-contenu {height: 100%;object-fit: cover;}
@media (max-width: 991px) {
  #histoire .position-absolute {left: 50%;transform: translate(-50%,0);top: 50%;overflow: scroll;}
}
@media (min-width: 768px) {
  #histoire .position-absolute {max-width: 720px;}
}
@media (min-width: 992px) {
  #histoire .position-absolute {max-width: 480px;right: 50%;padding-right: 0px;}
}
@media (min-width: 1200px) {
  #histoire .position-absolute {max-width: 570px;}
}
/* Node */
#node-title h1::after {content: ''; display: block;border: solid #6DB6D6 3px; width: 15%;margin: 1rem auto;}
/* Footer */
.site-footer .reseaux {font-size: 3rem ;}
.site-footer .footer-logo img {width: 200px;height: auto;}
.site-footer .region-footer-fifth {flex-direction: column;align-items: center;}
.site-footer .clearfix.nav.navbar-nav {flex-direction: row;justify-content: space-around;width: 100%}
.site-footer .clearfix.nav.navbar-nav li {margin: 0 1rem}
.site-footer .site-footer__bottom {border: none;margin: 0;}
/* Cookies */
.decline-button.eu-cookie-compliance-default-button {background: none;text-shadow: none;border: none;box-shadow: none;color:#fff;}
.agree-button.eu-cookie-compliance-secondary-button {background:#6DB6D6;padding: 1rem;font-weight: bold;}
