.MainIndex {
    width: 80%; /* Largeur du Main */
    height:100%; /* Hauteur du Main */
    Margin: auto auto; /* Marges du Main */
   
    display: grid; /* Utilisation du module de disposition de grille - Pour le Bandeau Supérieur */
	grid-template-rows:1fr; /* permet de définir le ou les lignes avec des hauteurs en fractions */
	grid-template-columns:5fr 2fr; /* permet de définir le ou les  colonnes avec des largeurs en pixels et en fractions */
	
	/* on Détermine le nom des zones dans la 'grid area' */
	grid-template-areas: 
	"Previews Aside";
}

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

}

.Articles_Previsualisation{
    grid-area: Previews; /* On détermine le positionnement de la zone dans la 'grid area' */
    border:1px solid var(--couleurFondArt); /* Bordure */
    border-radius: 10px;/* Bordure arrondi */
    background-color: var(--couleurFondArt); /*Couleur du BandeauCentre avec utilisation d'une variable*/
    Margin: 20px 10px 20px 0px; /* Marges : Haute, droite, basse gauche */
	


}

.Articles_Previsualisation h1{
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice8); /* Taille de la police d'écriture */
    font-family: var(--police1); /* Famille de la police d'écriture */
    margin-top:5px; /* Marge haute */
    font-weight: bold; /* Mise en gras du texte */
    text-align: center; /*Alignement du texte */



}

.PreviewNews {
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    border:1px solid var(--couleurBandeau); /* Bordure */
    border-radius: 10px; /* Bordure arrondi */
    line-height: 180%; /* hauteur des lignes et des sauts de lignes */
   

}


.NotVisible {
    display: none;   

}


.PreviewNews h2{
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice6); /* Taille de la police d'écriture */
    font-family: var(--police1); /* Famille de la police d'écriture */
    margin-top:15px; /* Marge haute */
    margin-left: 5px; /* Marge gauche */
    text-align: center; /*Alignement du texte */
    


}

.PreviewNews_Par {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    text-align: justify; /* Justification de l'alignement du texte */

}


.lirelasuite {
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice5); /* Taille de la police d'écriture */
    font-family: var(--police3); /* Famille de la police d'écriture */
    Margin: 10px 40px 10px 10px; /* Marges : Haute, droite, basse gauche */
    float: right;
   
}




.Articles-Aside {
    height: 2020px; /* Hauteur de la section */
    grid-area: Aside; /* On détermine le positionnement de la zone dans la 'grid area' */
    border:1px solid var(--couleurFondArt); /* Bordure */
    border-radius: 10px; /* Bordure arrondi */
    background-color: var(--couleurFondArt); /*Couleur du BandeauCentre avec utilisation d'une variable*/
    Margin: 20px 0px 20px 10px; /* Marges : Haute, droite, basse gauche */
    overflow-y: scroll; /* Mise en place d'une ScrollBar descendante */
	
}



.asideAlire {
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    border:1px solid var(--couleurBandeau); /* Bordure */
    border-radius: 10px; /* Bordure arrondi */
    line-height: 180%; /* hauteur des lignes et des sauts de lignes */
   

}

.asideAlire h2 {
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice6b); /* Taille de la police d'écriture */
    font-family: var(--police1); /* Famille de la police d'écriture */
    margin-top:15px; /* Marge haute */
    margin-left: 5px; /* Marge gauche */
    text-align: center; /*Alignement du texte */

}

.asideAlire a {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    text-align: justify; /* Justification de l'alignement du texte */
    text-decoration: none; /* Pas de soulignement */
    
    

}

.asideCitation {
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    border:1px solid var(--couleurBandeau); /* Bordure */
    border-radius: 10px; /* Bordure arrondi */
    line-height: 180%; /* hauteur des lignes et des sauts de lignes */
   

}

.asideCitation h2 {
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice6b); /* Taille de la police d'écriture */
    font-family: var(--police1); /* Famille de la police d'écriture */
    margin-top:15px; /* Marge haute */
    margin-left: 5px; /* Marge gauche */
    text-align: center; /*Alignement du texte */
   

}   

.asideCitation blockquote {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    text-align: justify; /* Justification de l'alignement du texte */
}

.asideCitation a {
    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 */
    display: block; /* On place le conteneur en block */
    text-align: right; /* On aligne le texte à droite */
    margin-top: 10px; /* Marge Haute */
    margin-right: 10px; /* Marge Droite */ 
    font-weight: bold; /* Mise en gras du texte */

}

.asideVerset {
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    border:1px solid var(--couleurBandeau); /* Bordure */
    border-radius: 10px; /* Bordure arrondi */
    line-height: 180%; /* hauteur des lignes et des sauts de lignes */

}
.asideVerset h2 {
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice6b); /* Taille de la police d'écriture */
    font-family: var(--police1); /* Famille de la police d'écriture */
    margin-top:15px; /* Marge haute */
    margin-left: 5px; /* Marge gauche */
    text-align: center; /*Alignement du texte */
    

}   

.asideVerset blockquote {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    text-align: justify; /* Justification de l'alignement du texte */
}

.asideVerset a, .asideVerset cite {
    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 */
    display: block; /* On place le conteneur en block */
    text-align: right; /* On aligne le texte à droite */
    margin-top: 10px; /* Marge Haute */
    margin-right: 10px; /* Marge Droite */ 
    font-weight: bold; /* Mise en gras du texte */
}

.asideSujetReflexion {
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    border:1px solid var(--couleurBandeau); /* Bordure */
    border-radius: 10px; /* Bordure arrondi */
    line-height: 180%; /* hauteur des lignes et des sauts de lignes */


}


.asideSujetReflexion h2{
    color:var(--couleurBandeau); /*Couleur du texte */
    font-size: var(--taillePolice6b); /* Taille de la police d'écriture */
    font-family: var(--police1); /* Famille de la police d'écriture */
    margin-top:15px; /* Marge haute */
    margin-left: 5px; /* Marge gauche */
    text-align: center; /*Alignement du texte */
}

.asideSujetReflexion blockquote {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    text-align: justify; /* Justification de l'alignement du texte */
    

}

.asideSujetReflexion a, .asideSujetReflexion cite {
    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 */
    display: block; /* On place le conteneur en block */
    text-align: right; /* On aligne le texte à droite */
    margin-top: 10px; /* Marge Haute */
    margin-right: 10px; /* Marge Droite */ 
    font-weight: bold; /* Mise en gras du texte */

}

.asideSujetReflexion .SujetReflexion {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify; /* Justification de l'alignement du texte */
    background-color:var(--couleurSurlignement);/*Couleur de fond */
    border-radius: 5px; /* On arrondit les angles */

}

.SujetReflexion {
    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 */
    Margin: 10px 20px 10px 20px; /* Marges : Haute, droite, basse gauche */
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify; /* Justification de l'alignement du texte */
    background-color:var(--couleurSurlignement);/*Couleur de fond */
    border-radius: 5px; /* On arrondit les angles */

}