/* CSS destiné aux PAGES LISTES suivantes:
		http://www.michelinelo.com/series/lo_series_peintures.html
		http://www.michelinelo.com/documents/documents_liste.html
		http://www.michelinelo.com/expositions/expositions_liste.html
*/

/* Les éléments sont classés par ordre alphabétique */





/* Contient l'image du tableau */
.box01_TT{
		width:30%;
}




/* Contient le texte à côté de l'image du tableau */
.box02_TT{
		width:70%;
		text-align:left;
		color: #666666;
		font-size: 20px;
		font-family: verdana;
		text-decoration: none;
		letter-spacing: 0px;
}





/* Contient le texte libre en section libre */
.box03_TT{
		width:100%;
		text-align:left;
		color: #666666;
		font-size: 20px;
		font-family: verdana;
		text-decoration: none;
		letter-spacing: 0px;
}

	
	


/* Contient tous les éléments d'une ligne */
.conteneur_ligne_TT{

	/*  Propriétés applicables à l'élément lui-même */

		max-width: 960px;				/* L'écran fait 1920 pixel de large. On prend 50% de la largeur, càd 960px comme valeur maximum */
		width: calc(100%-148px);		/* Mais attention, il faut prendre une valeur (minimum) variable, sinon la conteneur va s'ajuster au contenu */				
		margin-left:auto;
		margin-right:auto;
/*		border-top:1px solid #CCCCCC;      		Pas besoin de bordure haute pourt la ligne */
/*		border-bottom:1px solid #CCCCCC;     	Pas besoin de bordure basse pour la ligne */
		padding-top:10px;
		padding-bottom:10px;	

	/*  Propriétés applicables aux éléments contenus */
	
		display: flex;                  	/* Ce serait BLOCK par défaut pour la balise DIV, mais on n'aura pas pu spécifier flex-direction */
											/* INLINE permet de traiter du texte entre des balises span										 */ 
		flex-direction: row;
		align-items: center; 				/* pour centrer verticalement les éléments contenus */
		justify-content: space-between; 	/* le premier élément colle à gauche et le dernier à droite */ 	
	
}



	
	
	
.conteneur_titre_page{
	/*  Propriétés applicables à l'élément lui-même */

		width: 80%; /* max-width: 930px; */
		margin-left:auto;
		margin-right:auto;

	/*  Propriétés applicables aux éléments contenus */
	
		display: flex;
		flex-direction: row;
		align-items: center; /* pour centrer verticalement les éléments contenus */

}


.retour{
	display:flex;
	flex-direction:row;
	margin-top: 50px;					
	margin-bottom: 75px;
	text-align:right;
	justify-content:flex-end;
	margin-right:5%;
	align-items:flex-end;				/* pour que ça colle au bas de la flex-box */
}


.retour a{
	color:#666666;
}





.titre_page_TT{
	margin-top: 100px;
	margin-bottom: 25px;
	text-align:center;
	color: #666666;
	font-size: 60px;
	font-family: verdana;
	text-decoration: none;
	letter-spacing: 2px;
}





.titre_section_TT{
	margin-top: 100px;
	margin-bottom: 25px;
	text-align:left;
	color: #CC0000;
	font-size: 25px;
	font-family: verdana;
	text-decoration: none;
	letter-spacing: 1px;
	font-style:italic;
}




.gris{
	color: #666666;
}

.rouge{
	color: #CC0000;

}