/*****************************
 *                           *
 *   LARGEUR DE LA SIDEBAR   *
 *                           *
 *****************************/


[data-bs-theme=light] {
  --lte-sidebar-width: 300px;
}
[data-bs-theme=dark] {
  --lte-sidebar-width: 300px;
}



/*****************
 *               *
 *   HEADER      *
 *               *
 *****************/

.app-header {
	background: url("../images/Blason Gumond_texte.png");
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: auto 60px;
}

.col-text-head {
	margin-left: 20%;
	flex: 0 0 auto;
	width: 40%;
}

.text-head-L1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}
.text-head-L2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}
.text-head-L3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}



/****************************************
 *                                      *
 *    FIL D'ARIANE PERSO (BREADCRUMB)   *
 *                                      *
 ***************************************/

ul.breadcrumb_perso {
	padding: 10px 16px;
	list-style: none;
	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}
ul.breadcrumb_perso li {
	display: inline;
	font-size: 18px;
	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}
ul.breadcrumb_perso li+li:before {
	padding: 8px;
	color: black;
	content: ">\00a0";
}
ul.breadcrumb_perso li a {
	color: #0275d8;
	text-decoration: none;
	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}
ul.breadcrumb_perso li a:hover {
	color: #01447e;
	text-decoration: underline;
	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}



/****************
 *              *
 *   NAV LINK   *
 *              *
 ****************/

.nav-link:hover {
	font-weight: bolder;
  }



.niv2 {
	margin-left: 5%;
}


.niv3 {
	margin-left: 5%;
}



/***********************
 *                     *
 *   CARD (PERSO)      *
 *                     *
 ***********************/

.card_perso {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 1rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: rgba(38, 42, 46, 0.5);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
	box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}


.card_perso_footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: rgba(94, 105, 115, 0.3);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}





/****************************
 *                          *
 *   PHOTO DANS CERCLE      *
 *                          *
 ****************************/

.photo-cercle {
  border-radius: 50% !important;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}






/********************************************
 *                                          *
 *   LIGNE DE TEXTE PRECEDEE D'UN LOGO      *
 *                                          *
 ********************************************/

.ligne-avec-logo {
	margin-top: 3em;
	margin-left: 10%;
	display: flex;
	align-items: center;
	gap: 10px;
}



/********************************
 *                              *
 *   LOGO DEBUT TITRE PAGE      *
 *                              *
 ********************************/

.logo-titre-page {
	width: auto;
	height: 2rem;
}



/************************************
 *                                  *
 *   TEXTE DU TITRE DE LA PAGE      *
 *                                  *
 ************************************/

.text-titre-page {
	margin-left: 2%;
	font-family: sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}




/*********************************
 *                               *
 *   TEXTE DATE PUBLICATION      *
 *                               *
 *********************************/

.text-date-publication {
	margin-left: 6%;
	font-family: sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 2;
	opacity: 0.7;
}




/*****************************
 *                           *
 *   TITRE NIVEAU 1 PAGE     *
 *                           *
 *****************************/

.text-titre-niv1 {
	margin-left: 6%;
	font-family: sans-serif;
	font-size: 1.2rem;
	font-weight: 100;
	text-decoration: underline;
	margin-top: 3em;
	margin-bottom: 1.5em;
	}



/**********************************
 *                                *
 *   TITRE NIVEAU 1  GRAS PAGE    *
 *                                *
 **********************************/

.text-titre-gras {
	margin-left: 6%;
	font-family: sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	text-decoration: none;
	margin-top: 3em;
	margin-bottom: 1.5em;
	}



/*************************
 *                       *
 *   CORPS de TEXTE      *
 *                       *
 *************************/

.text-page {
	margin-left: 5%;
	margin-right: 10%;
	text-align: justify;
	font-family: sans-serif;
	font-size: 1.2rem;
	font-weight: 500 ;
	line-height: 1.8em;
}



/*********************************************
 *                                           *
 *   Pictogramme PDF pour les CD des CM      *
 *                                           *
 *********************************************/

.picto_pdf {
	margin-left: 0%;
	padding-right: 10%;
	list-style: url("../images/logo-pdf.png");	
	font-size: 1.2rem;
}


/***************************************
 *                                     *
 *   NIVEAUX POUR LE PLAN DU SITE      *
 *                                     *
 ***************************************/

.plan_site_niv1 {
	margin-left: 5%;
	list-style: square;
	font-size: 1.2rem;
}

.plan_site_niv1 li::marker {
	color: #2bbed0;
}


.plan_site_niv2 {
	margin-left: 10%;
	list-style: square;
	font-size: 1.2rem;
}

.plan_site_niv2 li::marker {
	color: #2bbed0;
}



.plan_site_niv3 {
	margin-left: 15%;
	list-style: square;
	font-size: 1.2rem;
}

.plan_site_niv3 li::marker {
	color: #2bbed0;
}

.plan_site_niv4 {
	margin-left: 20%;
	list-style: square;
	font-size: 1.2rem;
}

.plan_site_niv4 li::marker {
	color: #2bbed0;
}




/************************
 *                      *
 *   PUCE DE LISTE      *
 *                      *
 ************************/

.puce-liste {
	margin-left: 5%;
	list-style: square;
	font-size: 1.2rem;
}

.puce-liste li::marker {
	color: #2bbed0;
}


/***********************************
 *                                 *
 *   LIEN DANS CORPS DE TEXTE      *
 *                                 *
 ***********************************/

.text-lien {
	color: #2bbed0;
}


.text-lien:hover {
	font-weight: bolder;
  }



/************************
 *                      *
 *   VIDEO EMBEDED      *
 *                      *
 ************************/

.video-container {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	box-shadow: 5px 4px 5px rgba(0, 0, 0, 0.5);
}

.video-container video {
  width: 100%;
  height: auto;
}





/**************
 *            *
 *   FOOTER   *
 *            *
 **************/


.row-footer {
  line-height: 2em;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: -0.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.col-footer-lg-2 {
	text-align: center;
	flex: 0 0 auto;
    width: 16.66666667%;
  }
.col-footer-lg-3 {
	text-align: center;
	flex: 0 0 auto;
    width: 25%;
  }
.col-footer-lg-4 {
	text-align: center;
	flex: 0 0 auto;
    width: 30%;
  }
.footer-lien{
    color:rgba(198, 198, 198, 1);
	text-decoration: none;
  }