.Main_PageArticle {
    width: 80%; /* Largeur du Main */
	Margin: auto auto; /* Marges du Main */
	border-radius: 15px;
	background-color: var(--couleurFondArt); /*Couleur du BandeauCentre avec utilisation d'une variable*/
	line-height: 210%; /* Hauteur de la ligne */
           
}


h1{
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice7); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	font-weight: bold; /* Mise en gras du texte */
	text-align:center; /* alignement du texte */
	margin-top: 30px; /* Marge haute pour décaler le conteneur */
	padding-top: 30px; /* Padding haut pour me décaler dans le conteneur */
	margin-bottom: 10px; /* Marge Basse */
	padding-bottom: 10px; /* Padding bas */
	
	

}
h2{
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice7); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	font-weight: bold; /* Mise en gras du texte */
	text-align:center; /* alignement du texte */
	margin-top: 20px; /* Marge haute pour décaler le conteneur */
	padding-top: 20px; /* Padding haut pour me décaler dans le conteneur */
	margin-bottom: 10px; /* Marge Basse */
	padding-bottom: 10px; /* Padding bas */
	
	

}


.MonArticleActif {
	width: 80%; /* Largeur du Main */
	margin-right: auto; /* Marge droite - Pour centrer horizontalement */
	margin-left: auto; /* Marge  gauche - Pour centrer horizontalement */
	margin-top: 20px; /* Marge haute */
	margin-bottom: 20px; /* Marge Basse */
}

.mesLiens {
	color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
	text-decoration: underline; /* On applique un soulignement au lien */
	font-weight: bold; /* Mise en gras du texte */
	
	
}


.BandeauImages {
	width: 90%; /* Largeur du conteneur */
	height: auto;
	Margin: 40px auto; /* Marges du conteneur */
	  
    display: grid; /* Utilisation du module de disposition de grille - Pour le Bandeau Supérieur */
	grid-template-rows:300px; /* permet de définir le ou les lignes avec des hauteurs en fractions */
	grid-template-columns:1fr 400px 400px 400px 1fr; /* permet de définir le ou les  colonnes avec des largeurs en pixels et en fractions */
	column-gap: 10px;
	/* on Détermine le nom des zones dans la 'grid area' */
	grid-template-areas: 
	". Image1 Image2 Image3 ."

}


.Images {
	height: 300px; /*Hauteur de la Zone */
	width: auto; /*Largeur de la zone */
}

#Img1{
	grid-area:Image1; /* Nom de la zone dans la grid Area */
	
	
}

#Img2 {
	grid-area:Image2; /* Nom de la zone dans la grid Area */
	

}

#Img3 {
	grid-area:Image3; /* Nom de la zone dans la grid Area */
	

}

#Img4 {
	float:right; /* On fait flotter l'image à la droite du texte */
	margin-left: 15px; /* on s'écarte un peu du texte */
	border-radius: 15px;
}

#Img5 {
	float:right; /* On fait flotter l'image à la droite du texte */
	margin-left: 15px; /* on s'écarte un peu du texte */
	border-radius: 15px;
	margin-top: -60px;
}

.Img_Par {
	float:inline-end; /* On fait flotter l'image à la droite du texte */
	margin-left: 15px; /* on s'écarte un peu du texte */
	border-radius: 15px;
	

}
.bImportant {
	color:var(--couleurBandeau); /* Couleur du texte */
	font-weight: bold; /* Mise en gras */
}

.bRouge {
	color:var(--couleurb1); /* Couleur du texte */
	font-weight: bold; /* Mise en gras */
}

.bNoir {
	color:black; /* Couleur du texte */
	font-weight: bold; /* Mise en gras */

}

.bPuce {
	color:var(--couleurb1); /* Couleur du texte */
	font-size: var(--taillePolice8); /* Taille de la police d'écriture */
	font-weight: bold; /* Mise en gras */
}

.bSoulig {	
	text-decoration: underline; /* Soulignement du texte */
}

.bSurligne {
	background-color: var(--couleurSurlignementTexteBiblique);
	border-radius: 25px;
	padding:5px;
}


.bGrand {
	font-size: var(--taillePolice7); /* Taille de la police d'écriture */
}

.bExtrait {
	display: block; /* Mode display */
	font-size: var(--taillePolice6b); /* Taille de la police d'écriture */
	font-family: var(--police2); /* Famille de la police d'écriture */
	color:var(--couleurTexteBiblique); /* Couleur du texte */
	text-align: center; /*Type d'alignement du texte */
	line-height: 130%; /* Hauteur de la ligne */
	
}

.bExtrait_Auteur {
	display: block; /* Mode display */
	font-size: var(--taillePolice5); /* Taille de la police d'écriture */
	font-family: var(--police2); /* Famille de la police d'écriture */
	color:var(--couleurPassage); /* Couleur du texte */
	text-align: right; /*Type d'alignement du texte */
	margin-right:50px; /* Marge Droite */
	font-weight: bold; /* Mise en Gras du texte */

}

.bQuestion {
	display: block; /* Mode display */
	text-align: center; /*Type d'alignement du texte */
	text-decoration: underline; /* Soulignement du Texte */
	font-weight: bold; /* Mise en gras */
	
}

.bTitre {
	display: block; /* On change le display */
	margin: auto 250px; /* Marge Haute Basse + Gauche Droite */
	font-size: var(--taillePolice6); /* Taille de la police d'écriture */
	color:var(--couleurBandeau); /* Couleur du texte */
	font-weight: bold; /* Mise en gras */
	text-align:center; /* alignement du texte */
	padding-top: 30px; /* Padding pour éloigner la bordure du titre */
	padding-bottom: 30px; /* Padding pour éloigner la bordure du titre */
	border-top: 5px solid var(--couleurBandeau);
	border-bottom: 5px solid var(--couleurBandeau);	
	
}

.bChapitre {

	display: block; /* On change le display */
	font-size: var(--taillePolice5c); /* Taille de la police d'écriture */
	color:var(--couleurBandeau); /* Couleur du texte */
	font-weight: bold; /* Mise en gras */
	text-align:center; /* alignement du texte */
	margin-left: 200px;
	margin-right: 200px;
	padding-left: 30px;
	padding-right: 30px;
	border-left:15px double var(--couleurBandeau);
	border-right:15px double var(--couleurBandeau);
	border-radius: 10px;
	

}






.bRef {
	color:var(--couleurPassage); /* Couleur du texte */
	font-style: oblique; /* Style d'écriture */
	font-size: var(--taillePolice5); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	font-weight: bold;
	
}

.bApparte {
	color:var(--couleurFondPage); /* Couleur du texte */
	font-style: oblique; /* Style d'écriture */
	font-weight: bold; /* Mise en gras */
	font-size: var(--taillePolice5); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */


}

.bPuce {
	color:var(--couleurBandeau); /* Couleur du texte */
	font-size: var(--taillePolice8); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	margin-left: 50px; /* Marge Gauche */
	margin-right: 10px; /* Marge Droite */
	font-weight: bold; /* Mise en gras */

}

.bHebreux {
	color:var(--couleurBandeau); /* Couleur du texte */
	font-size: var(--taillePolice6b); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	
}

.bAfinir {
	color:red;
	font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
}

.MonArticleActif_Par{
    color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
	Margin: 20px 30px 10px 30px; /* Marges : Haute, droite, basse gauche */
	text-align: left; /*Alignement du texte */
    text-align: justify; /* Justification de l'alignement du texte */


}

.mesAncres{
	color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
	visibility: visible;
	pointer-events: all;
	cursor: pointer;
	
 
}



.MonArticleActif_Par_Suite{
    color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
	Margin: 20px 30px 10px 30px; /* Marges : Haute, droite, basse gauche */
	text-align: left; /*Alignement du texte */
    text-align: justify; /* Justification de l'alignement du texte */


}



pre {
	color:var(--couleurEcriture); /* Couleur du texte */
	font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	Margin: 20px 30px 10px 30px; /* Marges : Haute, droite, basse gauche */
	text-align: left; /*Alignement du texte */
	text-align: justify; /* Justification de l'alignement du texte */
	
	
}

/* Ne Concerne que le première paragraphe de l'article */
.MonArticleActif_Par:first-child {
	margin-top: 40px; /*Marge haute */

}

/* Concerne les premières lettre de chaque paragraphe */
.MonArticleActif_Par:first-letter {
	color:var(--couleurFondArt); /* Couleur du texte */
    font-size: var(--taillePolice7); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	background-color:var(--couleurBandeau) ; /* Couleur de fond */
	border-radius: 25px; /* on arrondi les bordures */
	padding:5px; /* On élargit le padding de la première lettre */ 
	margin-right:2px; /* Marge de droite pour que la couleur de fond ne soit pas trop collée à la lettre suivante */
	margin-left: -2px; /* Marge de Gauche */
}
.MotsClés {
	height: 60px; /* Hauteur du conteneur */
	width: 90%; /* Largeur du conteneur par rapport au conteneur parent */
	margin: auto auto; /* Marges pour le centrer */
	background: var(--couleurFondPage); /* Couleur de Fond */
	background: radial-gradient(circle, rgba(67,34,10,0.5) 0%,  rgba(67,34,10,0.4) 35%, rgba(67,34,10,0.2) 85%);
	clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 85%);
	color:var(--couleurBandeau); /* Couleur du texte*/
	font-size: var(--taillePolice7); /* Taille de la police d'écriture */
	font-family: var(--police2); /* Famille de la police d'écriture */
	text-align: center; /* alignement du texte horizontalement */
	padding-top:20px ;/* On se décale du haut du conteneur */
	border-top-right-radius: 30px; /* On arrondi l'angle haut droit */
	border-bottom-right-radius: 300px; /* On arrondi l'angle bas droit */

	/* On arrondit les angles pour donner une forme particulière */

	border-radius:100px 45px 45px 100px ; /* Haut Gauche - Haut Droit - Bas Droit - Bas Gauche */

}

.citationBiblique {
	width: 80%; /* Largeur du conteneur */
	height: auto; /* Hauteur du conteneur */
	margin: 10px 10% 10px 10%; /* Marge haute droite basse gauche */
	border-left: 10px solid var(--couleurBandeau); /* Bordure gauche */
	border-right: 10px solid var(--couleurBandeau); /* Bordure droite */
	border-radius: 20px;
	

}


.citationBiblique .texte{
	font-family: var(--police2); /* Police d'écriture */
	font-size: var(--taillePolice5c) ; /* Taille de la police d'écriture */
	line-height: 150%; /* Hauteur de la ligne */
	text-align: left; /* Texte justifié à droite et à gauche */
	color:var(--couleurTexteBiblique); /* Couleur de la police d'écriture */
	margin-left: 50px; /* Marge Gauche */
	margin-right: 50px; /* Marge Droite */
	margin-top: 5px; /* Marge Haute */

}




.citationBiblique .passage {
	display: block;
	font-family: var(--police2); /* Police d'écriture */
	font-size: var(--taillePolice5) ; /* Taille de la police d'écriture */
	color:var(--couleurPassage); /* Couleur de la police d'écriture */
	font-weight: bold; /* Mise en gras du texte */
	text-align: right; /* Justification du texte à droite */
	margin-right:50px; /* Marge Droite */
	margin-top: 5px;
		
}

.citationAuteur {
	width: 90%; /* Largeur du conteneur */
	height: auto; /* Hauteur du conteneur */
	margin: 10px 0px 10px 5%; /* Marge haute droite basse gauche */
	

}

.citationAuteur .texte{
	color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5); /* Taille de la police d'écriture */
	font-family: var(--police3); /* Famille de la police d'écriture */
	font-style: oblique; /* Style d'écriture */
	text-align: justify; /* Justification de l'alignement du texte */

}




.citationAuteur .passage {
	display: block; /* On place le conteneur en block */
	color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
	font-weight: bold; /* Mise en gras du texte */
	text-align: right; /* Justification du texte à droite */
	margin-top: 5px;
		
}

.Icones {
	margin-left: 30px;
	margin-right: 30px;
}


.Container_Fondement_Principe_Biblique {
	height: auto; /* Hauteur du Container */
	width:100%; /* Largeur du Container */
	position: relative; /* Position relative par rapport au Container parent */
	

}

.Container_FPB_Texte {
	position: relative;
	Margin: 20px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
	padding: 10px 50px 10px 50px; /* Padding : Haut, Droit, Bas, Gauche */
	color:var(--couleurEcriture); /* Couleur du texte */
    font-size: var(--taillePolice5b); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
	text-align: justify; /* Justification de l'alignement du texte */
	background-color: var(--couleurFondArt); /*Couleur du BandeauCentre avec utilisation d'une variable*/
	z-index: 2; /* Ordre de positionnement les uns sur les autres */
	
	


}

.Container_FPB_Frise_Sup_Gauche {
	height:50px; /* Hauteur du Container */
	width: 50px; /* Largeur du Container */
	position: absolute; /* Position Absolue par rapport au Container Parent */
	border:20px solid var(--couleurBandeau); /* Bordure épaisseur type couleur */
	top:-15px; /* Positionnement en Haut */
	left:5px; /* Positionnement à gauche */
	z-index: 1; /* Ordre de positionnement les uns sur les autres */
}


.Container_FPB_Frise_Inf_Droite {
	height:50px; /* Hauteur du Container */
	width: 50px; /* Largeur du Container */
	border:20px solid var(--couleurBandeau); /* Bordure épaisseur type couleur */
	position: absolute; /* Position Absolue par rapport au Container Parent */
	bottom:-15px;/* Positionnement en Bas */
	right:5px; /* Positionnement à Droite */
	z-index: 1; /* Ordre de positionnement les uns sur les autres */
}
	
.voirRef{
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice4); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
    text-decoration: none; /* Pas de soulignement */
    font-weight: bold; /* Mise en gras du texte */
}