@charset "UTF-8";
/*!
* ADB - Bootstrap - PPz v1.3 
* Copyright 2024 
* Licensed under MIT 
*/
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

@font-face {
  font-family: "roboto";
  src: url('../fonts/Roboto-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}

.tf-robo {
  font-family: "roboto";
}

@font-face {
  font-family: "garamond";
  src: url('../fonts/AppleGaramond.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'awesome';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.ttf") format("truetype"); }

  .tf-awe {
    font-family: "awesome";
  }  

.tf-gara {
  font-family: "garamond";
}

.tf-gras {
  font-weight: bold;
}

.tf-small{
font-size: 18px;
}

.tf-medium{
font-size: 24px;
}

.tf-large{
font-size: 36px;
}


:root {
--rgb-blue :#4fb8d9;
--rgb-blue2 : #405871;
--rgb-blue3 : #2b57c7;
--rgb-violet : #a12c3e;
--rgb-yellow : #cab57e;
--rgb-gray1:#e9ecef;
--rgb-gray2 :#ced4da;
--rgb-gray3 :#6c757d;
--rgb-black : #000;
--rgb-white : #fff;
}


.fg-blue {
  color: var(--rgb-blue);
}
.bg-blue {
  background-color: var(--rgb-blue);
}
.fg-blue2 {
  color: var(--rgb-blue2);
}
.bg-blue2 {
  background-color: var(--rgb-blue2);
}
.fg-blue3 {
  color: var(--rgb-blue3);
}
.bg-blue3 {
  background-color: var(--rgb-blue3);
}
.fg-viol {
  color: var(--rgb-violet);
}

.fg-yell {
  color: var(--rgb-yellow);
}
.bg-yell {
  background-color: var(--rgb-yellow);
}

.fg-gray1 {
  color: var(--rgb-gray1);
}
.bg-gray1 {
  background-color: var(--rgb-gray1);
}

.fg-gray2 {
  color: var(--rgb-gray2);
}
.bg-gray2 {
  background-color: var(--rgb-gray2);
}

.fg-gray3 {
  color: var(--rgb-gray3);
}
.bg-gray3 {
  background-color: var(--rgb-gray3);
}

.fg-black {
  color: var(--rgb-black);
}

.fg-white {
  color: var(--rgb-white);
}
.bg-white {
  background-color: var(--rgb-white);
}

.btn-primary {
  background-color: transparent !important;
  border-color: var(--rgb-blue3) !important;
}
.btn-primary:hover{
  background-color: var(--rgb-blue3) !important;
  border-color: var(--rgb-blue3) !important;
}

/* ancrage de differente couleur */
a {
  color: var(--rgb-blue);
}

a.page{
  color: var(--rgb-blue3);
}

body {
  margin: 0;
  font-family: "garamond";
}



h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "roboto", -apple-system, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

#mainNav {
  padding-top: 0rem;
  padding-bottom: 0.5rem;
  font-family: "roboto", -apple-system, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: .1rem;
}
#mainNav .navbar-brand {
  color: #fff;
}
#mainNav .navbar-nav {
  margin-top: 1rem;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  /*   PPz color: #1abc9c; */
  color: var(--rgb-blue);
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: var(--rgb-blue);
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
    /*   PPz color: #4fb8d9; */
    color: var(--rgb-blue);
}
#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}

.masthead {
  padding-top: calc(4rem + 74px);
  padding-bottom: 36rem;
}
.masthead .masthead-logo {
  width: 15rem;
  height:"auto"; 
}
.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 3.75rem;
}
.masthead .masthead-subheading {
  font-size: 2.25rem;
}

@media (max-width: 1024px) {
  .masthead .masthead-heading {
    font-size: 2rem;
    line-height: 2.75rem;
  }
  .masthead .masthead-subheading {
    font-size: 1.75rem;
    line-height: 1.5rem;
  }
}

/* fond de banniere avec image*/
.bg-cover {
  background-size: cover !important;
}

/* banniere de section */
.secondhead {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.secondhead .secondhead-heading {
  font-size: 1.5rem;
  line-height: 3.75rem;
}
.secondhead .secondhead-subheading {
  font-size: 1.4rem;
  line-height: 3.75rem;
}

@media (max-width: 460px) {
  .secondhead .secondhead-subheading {
    font-size: 1.3rem;
    line-height: 2.75rem;
  }
}


.page-section {
  padding: 4rem 0;
}
.page-section .justif {
  font-size: 1.3rem;
  text-align:justify;
}


.sujet-divider {
  margin: 1.5rem 0; /* Space out the Bootstrap <hr> more */
}

.titre-divider {
  margin: 0 0; 
  padding: 20px 0 20px 0;
}

/* ramene l entete au debut de la page et descend le texte */
.entete-divider {
  margin: 0 0; 
  padding: 80px 0 80px 0;
}

.divider-custom {
  margin: 2rem 0 1rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: var(--rgb-blue2);
  color: #fff;
}

.copyright {
  background-color: #1a252f;
}

label {
  color: var(--rgb-gray3);
  font-weight: bold;
  font-size: 1.2rem;
}

.text-posit {
  text-align:right!important
}
@media (max-width: 1000px) {
  .text-posit {
    text-align:left!important
  }
}

table {
  font-size: 1.4rem;
}
@media (max-width: 1000px) {
  table {
    font-size: 1.2rem;
  }
}
.justif {
  text-align:justify!important
}

/* pour scroller un iframe sur iphone 
  overflow:scroll !important; 
  padding-bottom: 0% !important;
  height:1100px !important;
*/
.scrolliphone {
  -webkit-overflow-scrolling: touch !important;
   overflow-y: auto !important;
}
.centre {
   text-align: center;
}

/* remonte le logo dans l'entete */
.decale-haut {
  margin-top: -40px;
}