html{ scroll-behavior: smooth;
    }

body { 
   max-width: 100%;
    margin:0;
    padding:0;
    background-color: #ffffff;
    font-family: "Epilogue", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    overflow-x: hidden;
    letter-spacing: 0.2px;
    box-sizing: border-box;
}
.overflow_y{
     overflow-y:hidden ;
 }
 .overflow_clip{
    overflow-y:clip ;
 }

.overflow_x{
   overflow-x: hidden;
}

a { text-decoration: none;
    font-size: 14px;
    color:#003049;
}

p { font-size: 17px;
    color: #003049;
    text-align: left;
    margin-block-end: 1em;
    line-height: 1.5;
}

h1 { font-size: 48px;
    font-weight: 400;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
}
h2 { font-size: 38px ;
    font-weight: 500;
}
h3 { font-size: 22px ;
    font-weight: 400;
}
h4 { font-size:18px ;
     font-weight: 400;
}

.boutonensavoirplus{
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  outline: 0 solid transparent;
  padding: 12px 20px;
  max-width: 160px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  word-break: break-word;
  transition:  .5s;
}
.boutonensavoirplus:hover{
  background-color:#3FA63A ;
  color:#ffffff;
}

.c_1, .b_1{color:#ffffff;}
.c_3, .b_3{color:#003049;}
.c_4, .b_4{color:#d62828;}
.c_5, .b_5{color:#38040e;}
.c_6, .b_6{color:#fcbf49;}
.c_7, .b_7{color:#eae2b7;}

.bg_1{ background-color: #ffffff}
.bg_3{ background-color: #003049;}
.bg_4{ background-color: #d62828;}
.bg_5{ background-color: #800e13;}
.bg_6{ background-color: #eae2b7;}
.bg_7{ background-color: #fcbf49;}
.bg_8{ background-color: #f1f1f1;}
.bg_9{ background-color: #FCFAF7;}
.tl {text-align: left;}
.tc {text-align: center;}

.flex-row   { display: flex;
            flex-direction: row;}
.flex-col   { display:flex;
            flex-direction: column;}
.text-center{ justify-content: center;
              align-items: center;}
.text-align-g{ text-align: left;}

.max-width{
    max-width:1000px;
    margin: 0 auto;
}

.width33  { width:33%; }

.p-2  { padding: 2%;}
.p-3  { padding: 3%;}
.p-4 {  padding: 4%;
       box-sizing: border-box;}
.pl-4{ padding-left: 4%;
       box-sizing: border-box;}
.pr-4{ padding-right: 4%;
       box-sizing: border-box;}
.pb-4{ padding-bottom: 4%;
       box-sizing: border-box;}
.pt-4 { padding-top: 4%;
       box-sizing: border-box;}
.m-4  { margin: 4%;}
.nowrap{ white-space: nowrap;}

.main-header {
  position: fixed; 
  top: 0;
  left: 0;
  z-index: 100; 
  background-color: rgba(255, 255, 255, 0);
  transition: background 0.3s ease;
  display: flex;
  box-sizing: border-box;
}
.header-fonce{
  background-color: rgb(190, 26, 26);
  border-bottom: 0.1rem solid rgba(213, 179, 106, 0.5);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.navbar { /*liste des titres de page*/
  list-style : none;
    align-items: start;
}
.nav-link { /*titres seuls*/
    font-optical-sizing: auto;
    text-decoration: none;
}
.drop_down { 
    position: relative;
    z-index: 10 ;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}
.boutonheader{
  box-sizing: border-box;
  color:#ffffff;
  cursor: pointer;
  font-size: 20px;
  outline: 0 solid transparent;
  padding: 12px 20px;
  max-width: 180px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  word-break: break-word;
  transition:  .5s;
}

.dd_list {
  display: none;
  list-style-type: none;
  min-width:130px;
  position: absolute; 
  top:30px;
  left:0;
  margin:0;
  padding:0;
}
.drop_down:hover .dd_list { display: block; }

.dd_list li {
  background-color: rgb(244, 211, 222);
  padding: 10px;
  opacity: 0; }

.dd_list li:hover { 
    background-color:whitesmoke;
    color:#003049;
}
li:hover .boutonheader{
  background-color: #ffffff;;
  color:#003049;
}

.navbar>li, .dd_list { cursor: pointer; }

.dd_list .item-1 {
  transform-origin: top center;
  animation: rotateX 300ms 60ms ease-in-out forwards;
}
.dd_list .item-2 {
  transform-origin: top center;
  animation: rotateX 300ms 120ms ease-in-out forwards;
}
.dd_list .item-3 {
  transform-origin: top center;
  animation: rotateX 300ms 180ms ease-in-out forwards;
}

@-moz-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}

.footer{
    background: url(/images/fond.jpg);
    background-attachment: fixed; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}
.conteneur_footer li{
    list-style-type: none;
}
.content_footer, .content_footer p{
    color:#ffffff;
}