body{font-family: 'Open Sans', sans-serif;}

main {padding: 50px 0; background-color: #EEEEEE;}
a, a:hover, a:focus, a:active{text-decoration:none;color: #B60000;}

a.btn-dtl:hover, a.btn-dtl:focus, a.btn-dtl:active{background-color: #f36f21; color: #ffffff;}

.header-top{background-color: #b60000;}

.header-main{background-color: #FFFFFF;}

.head-title{background-color: lightgray;}

.copy{text-align: center; padding:10px 0; background-color:#DDDDDD;}

h1, h2, h3, h4 {font-family: "Yeseva One", serif;font-weight: 400;font-style: normal;}

h1, h2{padding: 0 0 10px 0;color: #2e4257;}
h3{font-size: 1.6rem;}
.titre-souligne{border-bottom: 2px dotted #f36f21;}

.form-floating > .form-select {padding: 0 !important;}

.btn-submit {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f36f21;
  --bs-btn-border-color: #f36f21;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E0B063;
  --bs-btn-hover-border-color: #f36f21;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f36f21;
  --bs-btn-disabled-border-color: #f36f21;
}

#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f5f5f5;
  color: #333;
  padding: 10px 20px;
  font-family: sans-serif;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
  text-align:center;
}

#cookie-banner p {display : inline-block;}

footer .footer a {color:#fff; text-decoration: underline dotted; text-underline-offset: 5px;}

@media (max-width: 768px) {
ul.navbar-nav li{border-bottom: 1px solid #eeeeee;}
ul.navbar-nav li:last-child{border-bottom: none;}
}