/*********   TEXTES LISTINGS PHOTOS  VIDEO  *******/
/*********   TEXTES LISTINGS PHOTOS  VIDEO  *******/
/*********   TEXTES LISTINGS PHOTOS  VIDEO  *******/


/* les big */
/*-----------------*/
/* le GRAND CORPPS TEXTE et autres  est   grand_corps_bigmenuvertical_diapo_et_autres_mobilenone*/






/* le corps */
 #corps_bigmenuvertical_textes_mobilenone
 {
		 
	 width: 63%;   /*pour petite*/
  
   margin: auto;
   margin-left:5%;
   padding:3em 3em 3em 3em;
   background-color: #f5f4f4;
   text-align: justify;
   
   /*background-color: grey;/**/
   
	}
	
									@media all and (max-width: 1399px)	   
																	{	  															  																	
																	  	#corps_bigmenuvertical_textes_mobilenone
																					 {																			   																								
																					  	width: 90%;   
																					  																					 																				  																																	  													  	
																					   /*background-color: orange;/**/
																						}	
																		}	
	
	 									@media all and (max-width: 1023px)	   
																				{	
																					
																					#corps_bigmenuvertical_textes_mobilenone
																							{
																										
																										display:none;
																										
																							}
																					}
	

/* les mobiles  */
/*-----------------*/

/* le grand corps pas utilise pourle moment en textescv*/

/* cf  grand_corps_mobile_menuhorizontal_vignettesliste_et_autres_bignone sauf overflow*/ 
 
 #grand_corps_mobile_menuhorizontal_textes_bignone
 {
	
	 	display:none;
   
	}
	 															@media all and (max-width: 1023px)	   
																	{	
																					
																			#grand_corps_mobile_menuhorizontal_textes_bignone
																					{
																																															 
																								 display: block; 
																									/*flex-direction: column; 
																									/*justify-content: flex-start;	*/
																									
																							  	width: 100%;   
																							  	margin: auto;
																							  	margin-top: 4em;
																							  	padding:0px 0px 0px 0px;
																							  	
																							  	height:920px;     /* c'est sans doute pour h=1280 et w=720 */     
																									
																									/*overflow: auto;*//* va se mettre dans corps*/
																									
																							  	text-align: center;
																							  	/*background-color: blue;*/
																																	   
																						}
																														
																				
																				
																											
											            }							
													
																				
																				
																				
																																			
																				
/* le corps */	
/* none pour big ne marche pas mais pas de daner bloqué avant par grand corps*/



													 #corps_mobilemenuhorizontal_textes_bignone
													 {
													   
													  width: 95%;   
												  	margin: auto;
												  	margin-top: 0em;
												  	padding:9px 9px 0px 9px;
												  	
												  	height:920px; 
												  	
												  	/*padding-top: 1em;*/
												  	
												  	overflow: auto;
												  	
												  	
												  	text-align: justify;																																	  													  	
												   	background-color: #f5f4f4;
													
													  }
																											
													
														
														
																			/**** mm valeur que trois_mobile_grand_corps_apartirdew1024_rien ? vant changement valide pour grand corps?*/

		
																					@media all  and (max-height: 1024px )	   
																								{			
																								  	#corps_mobilemenuhorizontal_textes_bignone
																											 {
																											   	
																											  	height:820px;          	
																									      
																											}	
																						
																									}
																					
																					
																							@media all and (max-height: 800px)	   
																								{	
																											#corps_mobilemenuhorizontal_textes_bignone
																											{																																	 		
																														
																														height:750px;  
																														
																												}
																								}
																							
																							@media all and (max-height: 700px)	   /*ici  avant 667 et 650*/
																								{	
																											#corps_mobilemenuhorizontal_textes_bignone
																											{																																	 		
																														
																														height:700px;  
																														
																												}
																								}
																							
																							
																							@media all and (max-height: 568px)	   
																								{	
																										#corps_mobilemenuhorizontal_textes_bignone
																											{
																														
																														height:550px; 
																														 
																												}
																								}					
	
	
	/* essai ici */																					
																		
 


	/*special page listings_artiste_pour_a_partirw1024 le reste etant trois_mobile_liste_a_oeuvre*/
	
	
	.trois_listings_liste_a_oeuvre
			{
						
						width: 100%; 
						
				
						margin: auto;
						padding: 0px 0px 6em 0px;
						
						/*border: 2px solid white;/**/
						
						text-align: center;
						/*background-color: blue;/**/
						
			}
			
			.trois_listings_liste_a_oeuvre img
					{																																	 		
						max-height:570px;  
						height:auto; 
						margin:1.4em 0 1.4em 0;
					}		
			
			
																		 @media all and (max-width: 1023px)	   
																				{	
																					
																					.trois_listings_liste_a_oeuvre
																							{
																										
																										width: 95%; 
																										height:700px;  
																								
																										margin: auto
	   																								margin:1.4em 0 1.4em 0;
																										padding: 0px 0px 3em 0px;
																										
																										/*border: 2px solid white;/**/
																										
																										text-align: center;
																										/*background-color: blue;/**/
																										
																							}
																					 			
																					.trois_listings_liste_a_oeuvre img
																						{																																	 		
																							max-height:490px;  
																						
																						}		
																						
																					 
																								 @media all and (max-height: 1024px)	   
																											{	
																														.trois_listings_liste_a_oeuvre
																														{																																	 		
																																	height:600px;  
																															
																														}
																															
																														.trois_listings_liste_a_oeuvre img
																														{																																	 		
																																	max-height:420px;  
																															
																														}	
																											}																				 
																					 
																					 
    																											@media all and (max-height: 800px)	   
																														{	
																																.trois_listings_liste_a_oeuvre
																																{																																	 		
																																			height:420px;  
																																}
																																	
																																.trois_listings_liste_a_oeuvre img
																																{																																	 		
																																		max-height:294px;  
																																}	
																																	
																														}
																													
																															@media all and (max-height: 667px)	   
																																{	
																																	.trois_listings_liste_a_oeuvre
																																	{																																	 		
																																			height:350px;  
																																	}
																																		
																																	.trois_listings_liste_a_oeuvre img
																																	{																																	 		
																																	    max-height:245px;  
																																	}	
																																		
																																}
																															
																															
																																		@media all and (max-height: 568px)	   
																																			{	
																																				.trois_listings_liste_a_oeuvre
																																					{
																																						 height:280px;     
																																					}
																																					
																																				.trois_listings_liste_a_oeuvre img
																																					{																																	 		
																																							max-height:196px;  
																																					}	
																																						
																																			}
																											
																						
													
																					 																		 
																					 .trois_mobile_listing_legende
																							{ 
																									margin: 1.8em 0px 6em 0px;
																									padding: 0px 0px 0px 0px;
																								
																								font-size:1.2em;
																									
																								/*background-color: green;/**/
																								
																							}

																										@media all and (max-height: 667px)	   
																																{	
																																			.trois_mobile_listing_legende
																																			{ 
																																					margin: 1em 0px 6.8em 0px;																																			
																																					font-size:0.9em;
																																				
																																			}
																																}
																															
																															
																						
																				
																					}	/* fin du maxw-width 1023*/
	

/*********   ACTUS   ACTUS  TEXTES  VIDEOS ******* ACTUS  PAS UTILISE VERTICAL MAIS POUR BASE **************/
/*********   ACTUS    ACTUS  TEXTES  VIDEOS  ******* ACTUS  PAS UTILISE VERTICAL MAIS POUR BASE**************/
/**** trois_grand_corps_actualites et textes sont identiques , trois corps different un peu l'essai de regroupement n'a pas marché pas de lecture*/


#trois_grand_corps_actualites
{
	 
	 width: 80%;   /*pour petite*/
  
   margin: auto;
  
   /*text-align: center;*/
   padding:0px 0px 0px 0px;
   
   /*background-color: grey;/**/
   
	}
													@media all and (max-width: 1399px)	   
																	{	  															  																	
																	  	#trois_grand_corps_actualites
																					 {																			   																								
																					  	width: 90%;   
																					  																					 																				  																																	  													  	
																					   /*background-color: orange;/**/
																						}	
																		}	


 
 #trois_corps_actualites
 {
	
	 /*display:flex;
	 flex-direction: column; 
	justify-content: flex-start;	*/
		
	 width:90%;   /*pour petite*/
  
   margin: auto;

   text-align: center;
   padding:42px 30px 10px 30px;
   
  background-color: #f5f4f4;/**/
   
	}
	
																	
 													
														
	/**** mm valeur que trois_mobile_grand_corps_apartirdew1024_rien_bignone*/
														
	
									
														@media all and (max-width: 1023px) and ( max-height:1280px)	   
																	{	  															  																	
																	  	
																		  #trois_grand_corps_actualites
																					 {																			   																								
																					  	width: 98%;   
																					  	
																					  	padding:0px 0px 0px 0px;
																					  	text-align: center;																				 																				  																																	  													  	
																					  	/*background-color: grey;/**/
																						
																						}																  																	
																	  	
																	  	
																	  	
																	  	
																	  	#trois_corps_actualites
																					 {																			   																								
																					  	width: 95%;   
																					  	margin: auto;
																					  	margin-top: 0em;
																			  			padding:9px 9px 0px 9px;
																			  			
																			  			height:920px; 
																			  			
																			  			/*padding-top: 2em;*/
																			  			
																			  			overflow: auto;
																			  			
																					  	text-align: center;																				 																				  																																	  													  	
																					  	/*background-color: grey;/**/																						
																						
																						
																						}
																							
																						
																				@media all  and (max-height: 1024px )	   
																								{			
																								  	#trois_corps_actualites
																											 {
																											   	
																											  	height:820px;          	
																									      
																											}	
																						
																									}
																					
																					
    																											@media all and (max-height: 800px)	   
																														{	
																																	#trois_corps_actualites
																																	{																																	 		
																																				
																																				height:750px;  
																																		}
																														}
																													
																													@media all and (max-height: 667px)	   
																														{	
																																	#trois_corps_actualites
																																	{																																	 		
																																				
																																				height:700px;  
																																		}
																														}
																													
																													
																													@media all and (max-height: 568px)	   
																														{	
																																#trois_corps_actualites
																																	{
																																				
																																				height:550px;     
																																		}
																														}					
																						
																						
																						
																						
													
																	  	
																		}

		
#trois_corps_texte_et_video_pour_base
 {
   
   text-align: justify;

   width: 90%;   /*pour petite*/
  
   margin: auto;
  
   padding:10px 30px 10px 30px;
   background-color: #f5f4f4;
   text-align: justify;
  
   }
														
														
														



														/**** mm valeur que trois_mobile_grand_corps_apartirdew1024_rien*/
														
														@media all and (max-width: 1023px) and ( max-height:1280px)	   
																	{	  															  																	
																	  	
																		  															  																	
																	  	#trois_grand_corps_texte
																					 {																			   																								
																					  	width: 98%;   
																					  	
																					  	padding:0px 0px 0px 0px;
																					  	text-align: center;																				 																				  																																	  													  	
																					  	/*background-color: grey;/**/
																						
																						}	
																																  	
																	  	
																	  	
																	  	#trois_corps_texte_et_video_pour_base
																					 {
																					   	
																							
																					  	width: 95%;   
																					  	margin: auto;
																					  	margin-top: 5em;
																					  	padding:0px 8px 0px 8px;
																					  	
																					  	height:900px; 
																					  	
																					  	padding-top: 1em;
																					  	
																					  	overflow: auto;
																					  	
																					  	text-align: justify;																																	  													  	
																					   /*background-color: orange;/**/
																					}	
																			

		
																					@media all  and (max-height: 1024px )	   
																								{			
																								  	#trois_corps_texte_et_video_pour_base
																											 {
																											   	
																											  	height:820px;          	
																									      
																											}	
																						
																									}
																					
																					
    																											@media all and (max-height: 800px)	   
																														{	
																																	#trois_corps_texte_et_video_pour_base
																																	{																																	 		
																																				
																																				height:750px;  
																																		}
																														}
																													
																													@media all and (max-height: 667px)	   
																														{	
																																	#trois_corps_texte_et_video_pour_base
																																	{																																	 		
																																				
																																				height:700px;  
																																		}
																														}
																													
																													
																													@media all and (max-height: 568px)	   
																														{	
																																#trois_corps_texte_et_video_pour_base
																																	{
																																				
																																				height:550px;     
																																		}
																														}					
																						
																			}

   





 
/************************************/
/************************************/
/************************************/
/************************************/

.blocuneannonce
 { 
 	display:flex;
	 /*flex-direction: row; */
	 
	 flex-wrap: wrap;
	 justify-content: space-between;	/**/
	 align-content:center;
	 align-items:center;
 	margin:0px 0px 6em 0px; 
 	width: 99%; 
 	padding:0px; 
 	/*float: left; */
 	/*text-align:center;*/
 	
 	/*font-size:1em;*/
 	/*background-color: blue;/**/
 	}  

/* la repartition */
 
.pageentieretitrepage
 { margin:0px 0px 3em 0px; width: 100%; padding:0px 0em 0px 0em; text-align:left;/* background-color: red;*/}  

.pageentiere  /*ajouter textecentre ou textejustifie*/
 { margin:1em 0px 1em 0px; width: 100%; padding:0px 0em 0px 0em; text-align:left ;font-size: 1em;font-weight: normal;/*background-color: red;/**/}  
 
.pagemoitie
{ margin:1em 0px 1em 0px; width: 47%; padding:0px 0em 0px 0em; text-align: center; /*background-color: yellow;/**/}

.pagequart
{ margin:1em 0px 1em 0px; width: 25%; padding:0px 0em 0px 0em; text-align: center; /*background-color: yellow;*/}

.pagetroisquart
{ margin:1em 0px 1em 0px; width: 73%; padding:0px 0em 0px 0em; text-align: center; /*background-color: yellow;*/}

												
													@media all and (max-width: 480px) 
																	{	  															  																										
																						.pagemoitie
																						{  width: 100%;  }
																						.pagequart
																						{  width: 100%;  }
																						.pagetroisquart
																						{  width: 100%;  }		
																	}
																	
																	
/* flottants pour les images des  textes	ernesto*/
																
.vignettequartflottegauche
{ margin:2em 2em 2em 0px; width: 25%; padding:0px; float: left;}																	
.vignettequartflottedroite
{ margin:2em 0px 2em 2em; width: 25%; padding:0px; float: right;}																				
.vignettetiersflottegauche
{ margin:2em 2em 2em 0px; width: 35%; padding:0px; float: left;}																	
.vignettetiersflottedroite
{ margin:2em 0px 2em 2em; width: 35%; padding:0px; float: right;}				
.vignettediziemeflottegauche
{ margin:2em 2em 2em 0px; width: 10%; padding:0px; float: left;}		
														
														@media all and (max-width: 480px) 
																	{	  															  																										
																						.vignettequartflottegauche
																						{  width: 30%;  }
																						
																						.vignettequartflottedroite
																						{  width: 30%;  }
																						
																							.vignettetiersflottegauche
																						{  width: 40%;  }	
																																	
																							.vignettetiersflottedroite
																						{  width: 40%;  }
																						
																							.vignettediziemeflottegauche 
																						{  width: 20%; height:auto; }
																	}			


.vignettequartflottegauche img
{  width: 100%;height:auto;}

.vignettequartflottedroite img
{  width: 100%; height:auto; }

	.vignettetiersflottegauche img
{  width: 100%; height:auto; }	
											
	.vignettetiersflottedroite img
{  width: 100%; height:auto; }

	.vignettediziemeflottegauche img
{  width: 100%; height:auto; }
/* a l'interieur */

/* fin de flottants pour les images des  textes	ernesto*/


.deuximagesensemble
	{ 
		
		flex-direction: row; 
	 
	 flex-wrap: wrap;
	 
	 	justify-content: center;	
	 	align-content:center;
	 	
	 	align-items:center;
		margin:auto ; 
		width: 100%; 
		padding:0px; 
		text-align: center;
	/* background-color: red;*/
	}  									 
									
.supplementimage50 
{ margin:auto;  width: 50%; padding:0px;} 
									 	 
.supplementimage25 
{ margin:auto; width: 25%; padding:0px;}
 
.supplementimage75
{ margin:auto; width: 75%; padding:0px; } 
/*les deux peuvent etre marges*/


							
												
/* *** les images ******/

.pageentiere img
{  width: 100%;height:auto;}

/*indispensble dans texte */
/* ya rien pour les autre */




.blocuneannonce img
						{ 
							
							max-width: 100%; 
							
							margin:auto; 
							padding:0px; 
							
							height:auto;
							max-height:570px;  
							
							}  											
											
.deuximagesensemble img
									 { 
									 	width: 47%;
									 	
									 	margin:0px 0px 0px 0px; 
									 	padding:0px; 
									 	height:auto;
									 	/* background-color: red;*/
									 	}  									 
									 
.supplementimage50 img
									 { 
									 	width: 100%;
									 	
									 	margin:0px 0px 0px 0px; 
									 	padding:0px; ; 
									 	height:auto; 
									 	max-height:285px;  
									 	} 


.supplementimage25 img
									 { 
									 	width: 100%;
									 	
									 	margin:0px 0px 0px 0px; 
									 	padding:0px; ;
										
										height:auto;
										
										max-height:143px;  
									 	} 
									 	 									
.supplementimage75 img
									 { 
									 	width: 100%;
									 	
									 	
									 	margin:0px 0px 0px 0px; 
									 	padding:0px; ;
										
										height:auto;
																				
										max-height:428px;  
										
									 	} 											
											
											@media all and (max-width: 1023px)	   
													
														{	
																					
																					
																					.blocuneannonce img 
																					
																						{																																	 		
																							max-height:542px;  
																						
																						}	
																						
																					
																						 
																					@media all and (max-width: 480px) 
																						
																						{	  																							
																									.blocuneannonce img
												 														{ 
												 															margin:auto; 
												 															max-width: 98%; 
												 															padding:0px; 
												 															height:auto;
												 															} 		 
																							}  

																																											
																					 
																								 @media all and (max-height: 1024px)	   
																											{																																																												
																														.blocuneannonce img
																														{																																	 		
																																	max-height:542px; 
																															
																														}																																																											
																														
																											}																				 
																					 
																					 
    																											@media all and (max-height: 800px)	   
																														{																																	
																																	
																																.blocuneannonce img 
																																{																																	 		
																																		max-height:424px; 
																																}	
																																
																															}
																													
																															@media all and (max-height: 667px)	   
																																{	
																																																																		
																																	.blocuneannonce img 
																																	{																																	 		
																																	    max-height:353px; 
																																	}	
																																																																		
																																}
																															
																															
																																		@media all and (max-height: 568px)	   
																																			{	
																																																																								
																																				.blocuneannonce img 
																																					{																																	 		
																																							max-height:300px; 
																																					}	
																																																																											
																																			}
																											
																				
																	}	/* fin du maxw-width 1023*/




									 	

/****** patrick Cegara 2016 *****/
.paragrapheplusetroit
{ margin: 1em 1em 3em 48%;
   float: right; /*  */
   width: 48%;  /**/
   /**/
 }
 
.marge50
{ margin: 1em 0px 1.7em 4.1em;}



				@media all and (max-width: 480px) 
							{	 			.paragrapheplusetroit
													{ margin: 0 0 1em 5%;
													  
													   width: 95%;  /*pour petite*/
													   /*padding-top: 5px;/*width: 123px;  /*pour grande*/
													 }
										.marge50
										{ margin: 0 0 2em 0;}

							 }
/****** patrick Cegara 2016 *****/




a.photo  img
{border-color:  #5A5859;border: 1px solid  #5A5859;}
a:visited.photo : img
{ border-color: black; border: 1px solid black;} 
a:hover.photo  img
{ border-color: black; border: 1px solid black;} 
a:active.photo  img
{border-color:  #5A5859;border: 1px solid  #5A5859;}


/* pour photo ou on ne voit pas les bords JP la tannerie begard*/
a.photocadredoux  img
{border-color:  #e7e7e7;border: 1px solid  #e7e7e7;}
a:visited.photo : img
{ border-color: #e7e7e7; border: 1px solid #e7e7e7;} 
a:hover.photo  img
{ border-color: #e7e7e7; border: 1px solid #e7e7e7;} 
a:active.photo  img
{border-color:  #e7e7e7;border: 1px solid  #e7e7e7;}





/* ********les bold ************/
/* ********les bold ************/
/* ********les bold ************/


.titre_page{ font-size: 1.5em;font-weight: bold;}  
/* c'est ce qui se situe tout en haut avant le trait , 
auteur pour texte, 
titre pour video 
et annee pour actu*/

.grand_titre_actu_ernesto{ font-size: 2em;font-weight: bold;margin-bottom: 1.7em; width: 99%; text-align:left; }  



.titretexte  /*new texte 2017 */
{font-size: 1.35em;font-weight: bold; padding-bottom:1.35em;}


.titrepartie  /*new texte 2017 */
{font-size: 1.15em;font-weight: bold;}


.sous_titre_page{ font-size: 1em;font-weight: bold;}     /*revient a bold */

.textegras   
 	{font-weight: bold;}

.texteplussombre  /*new texte 2017 */
	{color: #494644;font-weight: bold;}



.date_expo_ernesto  /*medio_titre_page */
{ font-size: 1.4em;font-weight: bold;text-decoration: underline;margin-bottom: 1em;}

 
.nom_du_lieu  /*medio_titre_page */
{ font-size: 1.25em;font-weight: bold; padding:1em 0 0  0 ;}

.adresse_du_lieu
{font-size: 0.83em;font-weight: normal; padding:0 0 0  0 ;}

.titre_exposition
{font-size: 1.30em;font-weight: bold; font-style: italic; padding:2.70em 0 1.35em 0 ;}

.complement_exposition_important
{ font-size: 1.1em;font-weight: bold; color: #494644; padding:1.35em 0 1.35em 0 ;}

.complement_exposition_faible
{ font-size: 1em;font-weight: normal; padding:1.35em 0 1.35em 0 ;}

.vernissage
{ font-size: 0.9em;font-weight: normal; padding:1.35em 0 1.35em 0 ;}

.pour_suite_ou_traduction
{font-size: 0.83em;font-weight: normal; font-style: italic; padding:0;}


/* ********les normaux ************/
/* ********les normaux ************/
/* ********les normaux ************/


.textepluspetit   /*tres utilisé*/
	{font-size: 0.83em;}

.textepetit   /*en fait c'est idem ? , tres utilisé peut etre pour corriger la vieille erreur du span dans titre-page  manquant*/
	{font-size: 1em;}


.textenotebasdepage  /*new texte 2017 */
{font-size: 0.83em;} 
 
.texteexposant  /*new texte 2017 */
{
position: relative;
bottom: 1px;
font-size: .6em;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}

.textenormal
 	{font-weight: normal;}




/*  ***********  les variations *********/
/*  ***********  les variations *********/
/*  ***********  les variations *********/

.texteitalique  
 	{font-style: italic;}

.textedroit   /*autel*/
 {font-style: normal;/* font-family: "Times New Roman", "serif";*/}
 
.textesouligne
 	{text-decoration: underline;}


 
.texterouge
	{color: #f15353;}





/*  ***********  justifie centre a gauche *********/
/*  ***********  justifie centre a gauche *********/
/*  ***********  justifie centre a gauche *********/
 
.textegauche
 	{text-align:left;}
 
.textejustifie
 	{text-align:justify;} 
 	

.textecentre
 	{text-align:center;}
 
 
.flottegauche
 {float:left;}
 
.pasdemargegauche
{margin-left:0px;}


/*  ***********  legende et signature *********/
/*  ***********  legende et signature *********/
/*  ***********  legende et signature *********/ 
 
.legendecentre
{text-align: center;  font-size: 0.83em; padding:0.83em 0 0.83em 0;/*font-style: italic;*/}
.legendegauche
{text-align: left;  font-size: 0.83em; padding:0.83em 0 0.83em 0;/*font-style: italic;*/}
.legendedroite
{text-align: right;  font-size: 0.83em; padding:0.83em 0 0.83em 0;/*font-style: italic;*/}
/* sinon c'est textepluspetit */

.signature
{text-align: right;  font-size: 1em; font-style: italic; font-family: "Times New Roman", "serif"; }

.signature a {text-decoration:none; color: black; /*background-color: #e1e6e5;*/} /* le texte ne sera pas surligné*/
.signature a:visited {text-decoration:none;color: black;/*background-color: #e1e6e5;*/}
/*a:focus{text-decoration:none;color: #494644;} lorsque le lein est selectionne dif avec active?  ne marche pas squr IE fait bouger sour firefox<?*/
.signature a:hover {color: #494644; font-weight: bold;}
.signature a:active {color: #494644; font-weight: bold;}






 /******** pour le CV **********/
 /******** pour le CV **********/
 /******** pour le CV **********/
 
 .textealinea
 {padding-left:1.67em;}
 .textealineadouble
 {padding-left:3em;}
 
 
 
 .textealineatriple
 {padding-left:5em;}
 
 
 															@media all and (max-width: 1399px)   
																								{			
																								  	.textealineadouble
																											 {
																											   	
																											  	padding-left:2.5em;     	
																									      
																											}	
																						
																									}


																@media all and (max-width: 1023px)   
																								{			
																								  	.textealineadouble
																											 {
																											   	
																											  	padding-left:2.7em;     	
																									      
																											}	
																						
																									}




 iframe  /****video***/
			{
				max-width: 100%;   /*tres attention ici si trop grand elle se chevauche, ets en rapport avec la largeur box */ 
				
			} 	


.pour_le_mot_index 
{
	padding:1.5em 0px 1.5em 0px; 
	/*color:red;  */ 	
																									      
}	

.decale_pour_le_mot_index 
{
	padding:1.5em 0px 1.5em 4em; 
																									      
}	

.nom_ecrivain
{
	font-size:1.3em;
	font-weight:bold;																								      
}	






#souscorps_bigmenuvertical_survol_mobilenone
{ background-color:white; padding:10px 10px 10px 10px;}




.survolcarre a:link  img { width: 0; border: 0;}
.survolcarre a:visited  img { width: 0; border: 0;}
/*les valeurs ici sont les seules valeurs qui distingue avec survolinstallationscss*/

@media all and (min-width: 1936px)
													   {
													   	
													   			.carredusurvol {float: left; width: 500px; height:350px; border: 0px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}


													        .survolcarre a:hover img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
 
																	.imagedanslecarre{display:none; }
													    }



@media all and (max-width: 1935px) and (min-width: 1915px)  
													   {
													   	
													   			.carredusurvol {float: left; width: 320px; height:318px; border: 2px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}


													        .survolcarre a:hover img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
 																	
 																	.textedanslecarre{display:none; }

													    }

@media all and (max-width: 1914px) and (min-width: 1375px)  
													   {
													   	
													   			.carredusurvol {float: left; width: 500px; height:350px; border: 0px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}


													        .survolcarre a:hover img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
 
																	.imagedanslecarre{display:none; }
													    }




@media all and (max-width: 1374px) and (min-width: 1355px)    
													   {
													       .carredusurvol {float: left; width: 320px; height:318px; border: 2px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}

																 .survolcarre a:hover img {position: absolute; top: 137px; left: 24%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 137px; left: 24%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	 
																	 .textedanslecarre{display:none; }

													    }
													    
@media all and (max-width: 1354px) and (min-width: 1290px)  
													   {
													   	
													   			.carredusurvol {float: left; width: 500px; height:350px; border: 0px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}


													        .survolcarre a:hover img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
 																	
 																	.imagedanslecarre{display:none; }

													    }
													    
													    
													    
													    
@media all and (max-width: 1289px) and (min-width: 1270px)   
													   {
													       .carredusurvol {float: left; width: 320px; height:318px; border: 2px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}

 																	.survolcarre a:hover img {position: absolute; top: 137px; left: 24.5%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 137px; left: 24.5%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	
																	 .textedanslecarre{display:none; }

													    }


@media all and (max-width: 1269px) and (min-width: 1035px)  
													   {
													   	
													   			.carredusurvol {float: left; width: 500px; height:350px; border: 0px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}


													        .survolcarre a:hover img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 140px; left: 31.9%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	
																	.imagedanslecarre{display:none; }				 

													    }



@media all and (max-width: 1034px) and (min-width: 1014px)   
													   {
													        .carredusurvol {float: left; width: 320px; height:318px; border: 2px solid black; margin:10px 10px 5px 5px; text-align: center;background-color:white;}

																	.survolcarre a:hover img {position: absolute; top: 137px; left: 25.7%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																	.survolcarre a:active img {position: absolute; top: 137px; left: 25.7%; width: 280px; /*border-width: 10px; border-color: #dbd8d6;*/}
																 
																 .textedanslecarre{display:none; }

													    }

														    


.photo_centrale_survol
{ 
		margin: 0px 0px 0px 0px;
		padding: 23px 0px 0px 0px;
		width: 100%; 
		text-align:center;
		/*height: 756px;  /*65%*/
		
	/*background-color: blue; /**/	
}

.photo_centrale_survol img
{ 
		max-width: 100%; 			
		height:auto;
		
		max-height:670px; 
						
	/*background-color: blue; /**/	
}


.legende_photo_centrale_survol
{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	/*background-color: green;/**/
}





/*a:hover.pourvoir title {width: 200px; border-width: 5px; border-color: red;}
a:active.pourvoir title {width: 200px; border-width: 5px; border-color: red;}
ne marche pas avec survol non plus
 */
/*.survolcarre a:active title {font-size: 30px;}*/
 
/*.lettrealpha
{ color: red; font-weight: bold;}*/

/*a img {border-color:white;/*blanc*//*;}  /* les photos des fleches ont  cadre  blanc */