body
{
			width:auto;
			max-width: 1800px; 
			padding:0;
			margin: auto;   
			margin-top: 0.5em; 
			background-color: #c2c0bc;
			color: #26241d; /*gris*/ 
			font-size: 13px;
			font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
			text-align: left;
}


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


																									@media all and (max-width: 1024px)													
																												{
																													  body
																														{   
																															width: 95%;
																													   }
																												}
																												
a, a:visited, a:hover, a:active {text-decoration:none;color:#26241d;}

label
{font-size: 1em;}
option, select, value, input
{font-size: 1em; margin-right:0px ; background-color: white; border: 1px solid #8c8b8a;    }
																											
																											@media all and (max-width: 1024px)	  
																																					{	
																																								option,select
																																								{	
																																								width: 50%; 
																																								background-color: white; 
																																								}
																																					}


#titre_base{ font-size: 1.7em;font-weight: bold; margin-top: 2em;  text-align:center;}

.titre_page{ font-size: 1.5em;font-weight: bold;margin-bottom: 1.5em;}


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




.sous_titre_page{ font-size: 1.3em;font-weight: bold; margin-bottom: 1.2em;}

.sous_sous_titre_page{ font-size: 1.2em;font-weight: bold;margin-bottom: 0.8em;margin-top: 1.1em }
.sous_sous_sous_titre_page{ font-size: 1.1em;font-weight: bold;margin-bottom: 0.6em;margin-top: 1em }

																			
/*================================*/
/* LE CORPS TRAVAIL*/
/*===============================*/			


	#corpstravail
{	
			display: block; 		
			width: 900px; 
			margin:auto;
			margin-top:5px; 
			/*margin-bottom: 20px;  */ 
			background-color: #ffffff; /*blanc*/
			padding: 20px 35px 15px 35px ;
} 

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

}

.table_matieres_identee
{
		
		margin: auto;
		margin-left: 30px;
		background-color: white;
		border: 2px solid white;
		/*font-weight: normal; /*text-decoration: blink;*/
		font-size: 1em;
		text-align: left;
}
.table_matieres_identee_identee
{
		
		margin: auto;
		margin: 0px 0px 0px 0px;
		margin-left: 30px;
		background-color: white;
		border: 2px solid white;
		/*font-weight: normal; /*text-decoration: blink;*/
		font-size: 1em;
		text-align: left;
		padding-bottom:0px 0px 0px 0px;
		/*background-color: red; /*blanc*/
		
}


																																											@media all and (max-width: 1024px)	   
																																													{	
																																																	#corpstravail
																																																					{	
																																																								width: 90%; 
																																																								font-size: 1em;
																																																					}
																																																					
																																																		.ligne_grise
																																																								{
																																																									margin: 20px 10px 20px 10px;
																																																								}
																																																			.table_matieres_identee
																																																								{
																																																										
																																																										margin: auto;
																																																										margin-left: 10px;
																																																										background-color: white;
																																																										border: 2px solid white;
																																																										/*font-weight: normal; /*text-decoration: blink;*/
																																																										font-size: 1em;
																																																										text-align: left;
																																																								}
									
																																																								
																																																				  										
																																													}										


 .formulaire_reponse_juste
 { 
				width: 700px;
				margin: auto; 
				margin-top:30px; 
				margin-bottom: 30px;   
				background-color: #fff8d6; /*jaune pale*/
				border: 2px solid #f4e7aa;
				text-align: left;
				padding: 15px 5px 8px 5px ;
 }

																																										@media all and (max-width: 1024px)	  
																																																		{	
																																																			.formulaire_reponse_juste
																																																						{
																																																							width: 90%;
																																																						}
																																																			
																																																			
																																																				.formulaire_reponse_juste select
																																																					{
																																																						
																																																						font-size:1.5em;
																																																						color:black;
																																																						background-color:white; border 1px solid black;
																																																						}
																																																	
																																																			}						
	
/*================================*/
/* PARTOUT */
/*===============================*/			


.texteagauche
{text-align: left;}

.texteaucentre
{text-align: center; }

.texteadroite
{text-align: right; }

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

.textepluspetit   /*autel*/
{font-size: 10px;}

.textepetit   /*autel*/
{font-size: 12px;}

.textemoinspetit   /*autel*/
{font-size: 15px;}

.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:135%;}
																												}
.texteplus10pourcent
 {font-size: 1.1em;}
 
.texteplus20pourcent
 {font-size: 1.2em;}

.texterouge
{color: #f15353;}

.textevert
{color: green;}

.textevertclair      /*bases possibles matériaux tech et supports*/
{color: #51c854;}


.textegrasunpxplus  /* utilisé en affichage periode pas change*/
{font-weight: bold;font-size: 14px; }

.textenormal
{font-weight: normal ;font-size: 13px;} 

.pour_attention
{color: #1c8927;} /*vert*/

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


.message_erreur {color: #f15353;font-style: italic;font-weight: bold;}

.CV_italique_et_word
{
	font-style: italic;  font-family: "Times New Roman", "serif";
	font-size: 1.2em;
}
 


.ledatim_juridique	
 	{
 		display: flex; 
 	 	flex-direction: row;
 	 justify-content: center;
 		width: 100%;
 		margin: 15px 0px 0px 0px;
 		background-color: #c2c0bc;
 	}		
 	
 .ledatim_juridique {font-size: 1em;}
 																									 																																																																																																												
.ledatim_juridique a {text-decoration:none; color: white;/*background-color: #e1e6e5;*/} /* le texte ne sera pas surligné*/
.ledatim_juridique a:visited {text-decoration:none;color: white;/*background-color: #e1e6e5;*/}
.ledatim_juridique a:hover {color: white;font-weight: bold;}
.ledatim_juridique a:active {color:white;font-weight: bold;}