body
{
width:auto;
   max-width: 1800px; 
   padding:0;
margin: auto;   
margin-top: 0.5em; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
/*margin-bottom: 20px;    /* Idem pour le bas du navigateur */
/*background-color: #fefefe;
/*background-color: #ffffff; /*blanc*/
background-color: #c2c0bc;
/*color: #5A5859; /*gris*/
color: #26241d; /*gris*/ 
/*font-weight: bold;*/
font-size: 13px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}


	@media all and (max-width: 1024px)    /*pourquoi 1024? **** mais j'ai peur de changer  ***/
													   {
													        box-sizing: border-box;
													    }


																									@media all and (max-width: 1023px)													
																												{
																													  body
																														{   width: 95%;
																															
																															 /*overflow: hidden;   /*   ne sait si cela marche*/
																													   }
																												}
																												
																												
/*pour la photo*/																											
.apartirdew1024_rien
{  
	display: none; 
}		
																		@media all and (max-width: 1023px)	   
																														{	

																																		 .apartirdew1024_rien
																																		{  
																																			display: inline; 
																																		}	
																																}		
.jusquaw1023_rien
{  
   display: inline; 
	}																															
																																		
																		@media all and (max-width: 1023px)	  																																	
																			{
																				.jusquaw1023_rien
																									{  
																									   display: none; 
																										}				
			
		}																																

a, a:visited, a:hover, a:active {text-decoration:none;color:#26241d;}







#corpstravail
{	
display: block; 	
	
width:55%; 
margin: auto; 
margin-top:10%; 
/*margin-bottom: 20px;  */ 
background-color: #ffffff; /*blanc*/
padding: 20px 15px 15px 15px ;
text-align:center;
} 
															@media all and (max-width: 1024px)	   
																												{	
																																#corpstravail
																																				{	
																																							width: 98%; 
																																							font-size: 13px;
																																				}
																																#corpstravail input
																																				{font-size: 1em; color: black; background-color: white; border: 1px solid #8c8b8a;} 
																																#corpstravail select	
																																				{font-size: 1em; color: black;background-color: white; border: 1px solid #8c8b8a;} 	
																														
																																				
																												}




/*...........................*/
	


.table_matieres_identee
{
		width: 88%;
		margin: auto;
		margin: 5px 30px 5px 50px;
		background-color: white;
		border: 2px solid white;
		/*font-weight: normal; /*text-decoration: blink;*/
		font-size: 1em;
		text-align: left;
}


.ligne_grise
{
		width: 95%;
		height: 12px;
		margin: auto;
		text-align: left;
		/*padding: 0px 0px 0px 0px */
	margin: 30px 0px 40px 10px;
		background-color: #c2c0bc;
		border: 2px solid #c2c0bc;
		/*font-weight: bold; /*text-decoration: blink;*/
		/*font-size: 1.1em*/

}



.titre_page{ font-size: 2.5em;font-weight: bold; margin: 0px 0px 20px 0px;}

																		@media all and (max-width: 1024px)	   
																												{			
																																.titre_page{ font-size: 2.5em;font-weight: bold;margin: 0px 0px 20px 0px;}
																												}

.presentation{width:70%; margin: auto; font-size: 1.2em; 	text-align: center; }
																			@media all and (max-width: 1024px)	   
																												{			
																																.presentation{ width:85%;}
																												}
 .ayant-droits {font-size: 65%;text-align: left;}
 @media all and (max-width: 1024px)	   
																												{			
																																.ayant-droits{font-size:85%;}
																												}
 .lesartistes{font-size: 75%;text-align: left;}
 @media all and (max-width: 1024px)	   
																												{			
																																.lesartistes{font-size:85%;}
																												}
.titre_menu{ font-size: 1.5em;font-weight: bold;	text-align:left;margin: 0px 0px 18px 0px;}


ul{
  list-style-type:none;
  padding: 0;
  margin: 10px 0px 0px 0px;
}
li{
  padding-left: 25px;
}
li::before{
  content: "•";
  padding-right: 8px;
  color: black;
}


.page_en_construction{width:55%; margin: auto; font-size: 1em; 	text-align: right; }
		@media all and (max-width: 1024px)	   
																												{			
																																.page_en_construction{ width:85%;}
																												}																	

.textegras  
{font-weight: bold;font-size: 1.1em}  /* passe de 13 à 14 comme soustitre page */ 

.texteitalique   /*autel*/
{font-style: italic;font-family: "Times New Roman", "serif";}

.texteitalique135   /*autel*/
{font-size:135%;  font-style: italic;  font-family: "Times New Roman", "serif";margin: 0px 0px 0px 0px;}
@media all and (max-width: 1024px)	   
																												{			
																																.texteitalique135{ font-size:185%;}
																												}

.texteagauche
 {text-align: left;}
 
 .texteadroite
 {text-align:right;}
  
 .textereduit
 font-size: 70%;}
   
.lien_contact {font-size: 1em;}
 																									 																																																																																																												
.lien_contact a {text-decoration:none; color: black;/*background-color: #e1e6e5;*/} /* le texte ne sera pas surligné*/
.lien_contact a:visited {text-decoration:none;color: black;/*background-color: #e1e6e5;*/}
.lien_contact a:hover {color: #494644;font-weight: bold;}
.lien_contact a:active {color: #494644;font-weight: bold;}

.message_alerte 
{	
width: 60%;
margin: auto;
/*margin: 5px 5px 5px 5px;*/
background-color: #fee0e0;
border: 2px solid #f15353;/*font-style: italic;*/
font-weight: bold; /*text-decoration: blink;*/
font-size: 1.1em;
}