/p{
	color:#E90036;font-family:verdana;font-size:10px;text-align:justify; 
} 




p
{
   /* color: rgb(240,96,204);*/
   color:#60514E;
}
 #blocb2
{
	display:flex;
	flex-direction: row;
		 text-align: justify;  */texte en justifié pour les paragraphes ds article */
	
	max-width:100 px; /*largeur du bloc*/
	height:500px; /*hauteur du bloc*/
	margin-top: 12px;  /*espace en haut avec blocs précédents*/
	margin-bottom:12px ; /* espace en bas avec les blocs suivants*/
	
	}
	
 #conteneur /* TROIS CONTENEURS les uns à côté des autres .... element:nth-child(1)element:nth-child(2)element:nth-child(3).....etc..etc*/
{
	display: flex;
	flex-direction:  row;/* row dans le sens défini à l'origine ....row-reverse organise sur un ligne ne sens inversé du code  HTML*/
	 text-align: justify;  */texte en justifié pour les paragraphes ds article */
	 max-width:100 px; /*largeur du bloc*/
	height:250px; /*hauteur du bloc*/
	overflow: scroll; /*pour une barre de défilement si texte dépasse*/
}

.element:nth-child(1)/*on prend le premier bloc element  Vincent*/
{
background-color:#DEEFED  ; /*couleur intérieure des cadres*/

border-radius: 10px; /* pour arrondir les coins des boutons !*/
border: 8px solid #6495ED; /* épaisseur et couleur du trait externe des bouton div !*/	
 
margin-right:12px; /* espace entre child(1) et child(2)*/

padding-left : 1%; /*retrait de % du texte dans le cadre conteneur à gauche*/
	padding-right: 1%; /*retrait de % du texte dans le cadre conteneur à droite*/
	padding-top: 4px;
    padding-bottom: 4px;
	
overflow: scroll; /*pour une barre de défilement si texte dépasse*/

}
.element:nth-child(2)/*on prend le second bloc element  Françoise*/
{
background-color:#DEEFED  ; /*couleur intérieure des cadres*/

border-radius: 10px; /* pour arrondir les coins des boutons !*/
border: 8px solid #6495ED; /* épaisseur et couleur du trait externe des bouton div !*/	
 
margin-right:12px; /* espace entre child(2) et child(3)*/
padding-left : 1%; /*retrait de % du texte dans le cadre conteneur à gauche*/
	padding-right: 1%; /*retrait de % du texte dans le cadre conteneur à droite*/
	padding-top: 4px;
    padding-bottom: 4px;
	
overflow: scroll; /*pour une barre de défilement si texte dépasse*/
}
.element:nth-child(3)/*on prend le troisième bloc element  */
{
background-color:#DEEFED  ; /*couleur intérieure des cadres*/

border-radius: 10px; /* pour arrondir les coins des boutons !*/
border: 8px solid #6495ED; /* épaisseur et couleur du trait externe des bouton div !*/	
margin-right:12px; /* espace entre child(3) et child(4)*/
padding-left : 1%; /*retrait de % du texte dans le cadre conteneur à gauche*/
	padding-right: 1%; /*retrait de % du texte dans le cadre conteneur à droite*/
	padding-top: 4px;
    padding-bottom: 4px;
	
overflow: scroll;  /*pour une barre de défilement si texte dépasse*/

}
.element:nth-child(4)/*on prend le quatrième bloc element  */
{
background-color:#DEEFED  ; /*couleur intérieure des cadres*/

border-radius: 10px; /* pour arrondir les coins des boutons !*/
border: 8px solid #6495ED; /* épaisseur et couleur du trait externe des bouton div !*/	
margin-right:12px; /* espace entre child(3) et child(4)*/
padding-left : 1%; /*retrait de % du texte dans le cadre conteneur à gauche*/
	padding-right: 1%; /*retrait de 4% du texte dans le cadre conteneur à droite*/
	padding-top: 4px;
    padding-bottom: 4px;
	
overflow: scroll;  /*pour une barre de défilement si texte dépasse*/
}

.element{
	color:maroon;  /*couleur du texte à l'intérieur des cadres*/
}