body
{
width: 1600px;    /*========================== base artiste ancienne 980*/
margin: auto; 
margin-top: 5px; /* 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;
}

/***************************/
/****************************/
/* c'est pratiquement pourbase_travailbase sauf un problème de largeur
/* textegras est  taillepolice  + 1px de taille  texte,  dans newrecherche c'est 1,2pm  ?*/
/***************************/
/***************************/
@media all and (max-width: 1024px)    
													   {
													        box-sizing: border-box;
													    }


																									@media all and (max-width: 1024px)													
																												{
																													  body
																														{   width: 95%;
																															
																															 /*overflow: hidden;   /*   ne sait si cela marche*/
																													   }
																												}







 

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

label
{font-size: 12px;}

form, option, select, value, input
/*marche sur toute la page sans tenir compte de la div*/
{font-size: 12px; margin-right:0px}



/* legendes photo 4 parametres etvognette pro ,  legende bio*/
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;}


/* tous ls popup */
a.lienpopup, a:visited .lienpopup
{  color: black; font-size: 10px; font-style: italic;} 
a:hover.lienpopup, a:active.lienpopup
{  color: #7f9f9b;  font-size: 10px; font-weight: bold; font-style: italic;} 


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,input
																																								{	
																																								width: 50%; 
																																								background-color: white; 
																																								}
																																					}
																																					
/* pour quete et techniques, supprt materieaux  possibles */
form.vignettes_deselection , option.vignettes_deselection, select.vignettes_deselection, value.vignettes_deselection, input.vignettes_deselection
{font-size: 9px;color: black;  background-color: #c2c0bc;border: 1px solid black; /*jaune pale*/}




#titre_base{ font-size: 22px;font-weight: bold;text-align:center;}

.titre_page{ font-size: 18px;font-weight: bold;}

/*base bio action a inclure*/
.titre_menu{ font-size: 16px;font-weight: bold;}

.sous_titre_page{ font-size: 14px;font-weight: bold;}

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



/*================================*/
/*  pour les GRANDS MENUS  ligne horizontale */
/*===============================*/				

	.ligne_du_menu   
{ 
 	
 display: flex; 
   	flex-direction: row;   	
   	justify-content: center; 
   	flex-wrap: wrap;/* va a la ligne*/	
   	
width: 98%;
margin: auto; 
margin-top:5px; 
margin-bottom: 15px;   
padding: 5px 5px 5px 5px ;

 }

																																					@media all and (max-width: 1024px)	  
																																					{					.ligne_du_menu
																																										{ 																												 										
																																												width: 90%;			
																																										}																																										
																																					}			







form.input_avec_cadre
 { 
/*background-color: red;/**/
 }
																												
																												
label.input_avec_cadre
{font-size: 1em;}
option.input_avec_cadre, select.input_avec_cadre, value.input_avec_cadre, input.input_avec_cadre
{font-size: 1em;color: black;  background-color: white; border: 1px solid #8c8b8a; margin: 5px 5px 5px 5px ;/**/  }



																						@media all and (max-width: 1024px)	  
																												{	
																														label.input_avec_cadre 
																														{font-size: 1em; color: black;} 
																														option.input_avec_cadre, select.input_avec_cadre, value.input_avec_cadre, input.input_avec_cadre
																														{font-size: 1em;color: black;  background-color: white; border: 1px solid #8c8b8a;margin:5px 5px 5px 5px ; /**/}
 																														input.input_avec_cadre
																																										{
																																										  					width: auto !important;
																																												}
																														
																												}	


label.input_avec_cadre_gras
{font-size: 1em;}
option.input_avec_cadre_gras, select.input_avec_cadre_gras, value.input_avec_cadre_gras, input.input_avec_cadre_gras
{font-size: 1em;color: black;  font-weight: bold;  background-color: white; border: 1px solid #8c8b8a; margin: 5px 5px 5px 5px ;/**/  }



																						@media all and (max-width: 1024px)	  
																												{	
																														label.input_avec_cadre_gras
																														{font-size: 1em; color: black;} 
																														option.input_avec_cadre_gras, select.input_avec_cadre_gras, value.input_avec_cadre_gras, input.input_avec_cadre_gras
																														{font-size: 1em;color: black; font-weight: bold;  background-color: white; border: 1px solid #8c8b8a;margin:5px 5px 5px 5px ; /**/}
																														 input.input_avec_cadre_gras
																																										{
																																										  					width: auto !important;
																																												}

																												}	
																						



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

#corpstravail
{	
width: 950px; 
margin: auto; 
margin-top:20px; 
margin-bottom: 20px;   
background-color: #ffffff; /*blanc*/
padding: 15px 15px 20px 15px ;
} 
																			@media all and (max-width: 1024px)	  
																												{	
																																#corpstravail
																																{	
																																			width: 95%; 
																																			margin: auto; 
																																			margin-top:30px; 
																																			margin-bottom: 30px;   
																																			background-color: #ffffff; /*blanc*/
																																			padding: 10px 5px 10px 5px ;
																																			}  
																																
																																
																																
																																
																																#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;} 	

																											}

/*a ete crée pour ne pas faire de collusion dans elements de bio qui posséde aussi la css newrecherche*/
#corpstravail_bis
{	
width: 950px; 
margin: auto; 
margin-top:20px; 
margin-bottom: 20px;   
background-color: #ffffff; /*blanc*/
padding: 15px 15px 20px 15px ;
} 
														@media all and (max-width: 1024px)	  
																												{	
																															#corpstravail_bis
																																{	
																																			width: 95%; 
																																			margin: auto; 
																																			margin-top:30px; 
																																			margin-bottom: 30px;   
																																			background-color: #ffffff; /*blanc*/
																																			padding: 10px 5px 10px 5px ;
																																			}  
																															
																															
																															#corpstravail_bis input
																																				{font-size: 1em; color: black; background-color: white; border: 1px solid #8c8b8a;} 
																																#corpstravail_bis select	
																																				{font-size: 1em; color: black;background-color: white; border: 1px solid #8c8b8a;} 	
																												}

#reprisecorpstravail       /* priorites*/
{	
width: 700px; 
margin: auto; 
margin-top:20px; 
margin-bottom: 20px;   
background-color: #ffffff; /*blanc*/
padding: 15px 15px 20px 15px ;
} 

.souscorpsmenu    /*bases possibles matériaux supports techniques*/
{	
width: 730px; 
margin: auto; 
margin-top:20px; 
margin-bottom: 20px;   
background-color: #ffffff; /*blanc*/
padding: 15px 15px 20px 15px ;
} 

																			@media all and (max-width: 1024px)	  
																													{	
																																#reprisecorpstravail       /* priorites*/
																																						{	
																																							width: 95%; 
																																						}
																																	.souscorpsmenu      /*bases possibles matériaux supports techniques*/
																																						{	
																																							width: 95%; 
																																						}
																														}
/* ==========================================*/
/* pour les RACCOURCIS */
/* ==========================================*/

		
.ensemble_menus_prealables
 {  
 	
 		display: flex; 
   	flex-direction: row;   	
   	justify-content: center; 
   	flex-wrap: wrap;/* va a la ligne*/
 	
		width: 90%; /* mesure 860*/
		
		
		margin: auto; 
		margin-top:20px; 
		margin-bottom: 20px;  
		
		background-color: #bcbbb9; /*gris*/	 
		
		text-align: center;    
		border: 2px solid #8c8b8a;
		padding: 5px 5px 5px 5px ;
}

												@media all and (max-width: 1024px)	   /*ne marche pas ......sIIII*/
																																																		{	
																																																			.ensemble_menus_prealables 
																																																					{ 
																																																						width: 95%;
																																																						margin: auto; /* Pour centrer notre page */
																																																						margin: 5px 5px 5px 5px;
																																																						padding: 3px 3px 3px 3px ;
																																																					}
																																																					
																																																				/*.ensemble_menus_prealables input																																															
																																																					{
																																																						font-size:2em;
																																																					
																																																						color:black;
																																																						background-color:red; border 2px solid black;
																																																						}*/
																																																	.ensemble_menus_prealables form
																																																					{
																																																										font-size:1em;
																																																									
																																																										color:black;
																																																										background-color: #bcbbb9;  border 2px solid black;
																																																						}
																																																		}							

.case_menu_prealable
{
   /*display: block; 
   
   /*margin-top: 20px;*/
   /*float: left; /* Le menu flottera à gauche */
   	/*width: 50%;  /*pour petite*/
  	margin: 2px 0px 2px 0px;
   	padding: 4px 7px 4px 7px;/*width: 123px;  /*pour grande*/
   	height: 25px;
   	font-size: 12px;
   	color: black; /* noir */
   	
  	background-color: #bcbbb9; /*gris clair*/
  	/*border: 1px solid #414140;*/
  
}  


.label.input_prealable 
{font-size:0.8em; color: black;} 
option.input_prealable, select.input_prealable, value.input_prealable, input.input_prealable
{font-size: 0.8em;color: black;  background-color: white; border: 1px solid #8c8b8a;} 

button.input_prealable
{font-size: 0.8em;color: black;  background-color: white; border: 1px solid #8c8b8a;} 




																															@media all and (max-width: 1024px)	   
																																	{	
																																									.case_menu_prealable
																																																					{
																																																					   	/*background-color: red; 
																																																					   	border: 1px solid white;*/
																																																					  	margin: 0px 0px 0px 0px;
																																																					   	padding: 0px 0px 0px 0px;
																																																					 }
																																																					   	
																																																				.label.input_prealable 
																																																							{font-size:1em; color: black;} 
																																																				option.input_prealable, select.input_prealable, value.input_prealable, input.input_prealable
																																																							{font-size: 1em;color: black;  background-color: white; border: 1px solid #8c8b8a;} 	   	
																																																			
																																																			 input.input_prealable
																																																				{
																																																			  					width: auto !important;
																																																					}
																																																			button.input_prealable
																																																							{font-size:0.8em;color: black;  background-color: white; border: 1px solid #8c8b8a;} 
																																																			
																																																			button.input_prealable
																																																					{
																																																						white-space: normal;
																																																						width: 100%;
																																																						margin: 5px 0px10px 0px;
																																																					}															
																																														
																																									}
																																																				
																																												

																																																			



.bouton_couleur /* n'a pas été utilisé, mettre en noir plutôt comme pour les grand MENUS */
{ 
	background-color: #fff8d6;
	/*border 1px solid #f4e7aa;*/
border-radius: 5px;	
	border: 2px solid #f4e7aa;
	}
	

/*================================*/
/* TITRES ou SOUS les TITRES EX¨PLICATIONS */
/*===============================*/			

input.sous_titre_page
{ font-size: 14px;
	font-weight: bold;
	background-color: white;
	border:0px ;
	}
	
input.explications
{  font-style: italic;
	
	background-color: white;
	border:0px ;
	}
	
	
.trait_avant_liens_lies
{
	margin: auto; 
	padding: 70px 5px 10px 5px ;
	margin-bottom:20px;
}


.titre_page_new_sans_suite
{ 
	font-size: 18px;
	font-weight: bold;
	margin: auto; 
	padding: 5px 5px 5px 5px ;
	margin-bottom:20px;
	}

.titre_page_new_avec_explications
{ 
	font-size: 18px;
	font-weight: bold;
	margin: auto; 
	padding: 5px 5px 5px 5px ;
	margin-bottom:50px;
	}

/*================================*/
/* LE  TYPE de PAGE */
/*===============================*/			

	.Travail_En_Cours
	{
		width: 700px;
		margin: auto; 
		margin-top:10px; 
		margin-bottom: 20px;   
		background-color:#fdfaee;
		border: 2px solid #fff8d6;
		padding: 30px 5px 30px 5px ;
		}
		
	.Travail_En_Cours_Plus_Large
	{
		width: 850px;
		margin: auto; 
		margin-top:10px; 
		margin-bottom: 20px;   
		background-color:#fdfaee;
		border: 2px solid #fff8d6;
		padding: 30px 5px 30px 5px ;
		}
		
		
.formulaire_ou_resultat
	{
		width: 700px;
		margin: auto; 
		margin-top:10px; 
		margin-bottom: 20px;   
		background-color: white;
		border: 2px solid white;
		padding: 15px 5px 15px 5px ;
		}	
		
																																		@media all and (max-width: 1024px)	   
																																		{
																																									.Travail_En_Cours
																																								{
																																									width: 90%;
																																								}
																																								.Travail_En_Cours_Plus_Large
																																								{
																																									width: 95%;
																																								}
																																								.formulaire_ou_resultat
																																								{
																																									width: 90%;
																																								}
																																		}

/*================================*/
/* LES FORMULAIRES*/
/*===============================*/			

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

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


 .formulaire_reponse_faux
 { 
width: 400px;
margin: auto; 
margin-top:10px; 
margin-bottom: 10px;   
background-color: #fee0e0; 
border: 2px solid #f15353;/*rose pale*/
padding: 15px 15px 15px 15px ;
text-align: left;
padding: 5px 5px 5px 5px ;
 }

 
 .formulairepluslarge_reponse_faux   /* base pepascob et atex analyse formulaire*/
 { 
width: 600px;
margin: auto; 
margin-top:10px; 
margin-bottom: 10px;   
background-color: #fee0e0; 
border: 2px solid #f15353;/*rose pale*/
padding: 15px 15px 15px 15px ;
text-align: left;
padding: 5px 5px 5px 5px ;
 }
 


 .formulaire_reponse_juste_dans_un_reponse_juste   /* base bio formulaire formulaire du CV*/
 { 
width: 650px;
margin-left: 20px;  
margin-top:10px; 
margin-bottom: 10px;   
background-color: #f6d53b; /*jaune pale*/
border: 2px solid #d8bb32;/* jaune foncé*/
padding: 15px 15px 15px 15px ;
text-align: left;
padding: 5px 5px 5px 5px ;
 }



.formulaire_reponse_deja_rempli        /* formulaires pepscob */
{
	width: 600px;
	margin: auto; 
	margin-top:15px; 
	padding: 15px 15px 15px 15px ;
/*background-color: #a9a9a9; /*jaune pale*/
background-color: white; /*jaune pale*/
}


.formulaire_reponse_juste_techniques  /* bases possibles matériaux supports techniques */
 { 
width: 700px;
height: 450px;
margin: auto; 
margin-top:10px; 
margin-bottom: 10px;   
background-color: #fff8d6; /*jaune pale*/
border: 2px solid #f4e7aa;
padding: 15px 15px 15px 15px ;
text-align: left;
padding: 5px 5px 5px 5px ;
 }


.techniquesscroll         /* bases possibles matériaux supports techniques */
 { 
 	overflow:auto;
height: 380px; 
clip: rect(60px, 390px, 320px, 10px);	
width: 550px;
margin: auto; 
margin-top:10px; 
margin-bottom: 10px;   
background-color: white; /*jaune pale*/
border: 2px solid #f4e7aa;
padding: 15px 15px 15px 15px ;
text-align: left;
padding: 5px 5px 5px 5px ;
 }
 


 .formulaire_demi_reponse_juste_gauche    /* choix recentes et pepa12*/
 { 
width: 344px;
height: 200px;
float:left;
margin: auto; 
margin-top:10px; 
margin-bottom: 30px;   
background-color: #fff8d6; /*jaune pale*/
border: 2px solid #f4e7aa;

text-align: left;
padding: 5px 0px 5px 0px ;
 }
 
  .formulaire_demi_reponse_juste_droite  /* choix recentes et pepa12*/
 { 
width: 344px;
height: 200px;
float:right;
margin: auto; 
margin-top:10px; 
margin-bottom: 30px;   
background-color: #fff8d6; /*jaune pale*/
border: 2px solid #f4e7aa;

text-align: left;
padding: 5px 0px 5px 0px ;
 }
    																															@media all and (max-width: 1024px)	  
																																																		{	/*a verifier*/
			    																																																.formulaire_reponse_juste
						    																																																{
																																																									width: 90%;
																																																								}
    																																																 .formulaire_reponse_faux
					    																																																 {
																																																								width: 70%;
																																																							}
    																																																.formulairepluslarge_reponse_faux
    																																																					{
																																																								width: 80%;
																																																							}
    																																																 .formulaire_reponse_juste_dans_un_reponse_juste
    																																																				 {
																																																							width: 75%;
																																																						}
    																																																.formulaire_reponse_deja_rempli 
    																																																				{
																																																							width: 70%;
																																																						}	 
    																																																.formulaire_reponse_juste_techniques
					    																																																{
																																																										width: 90%;
																																																							}
    																																																.techniquesscroll
    																																																					{
																																																								width: 85%;
																																																							}	
    																																																.formulaire_demi_reponse_juste_gauche
    																																																					{
																																																								width: 47%;
																																																							}
    																																																.formulaire_demi_reponse_juste_droite
    																																																					{
																																																									width: 47%;
																																																								}
    																																																}
    
    																																		
/*================================*/
/* LES VALIDATION PAGE SUIVANTE PRECEDENTES etc */
/*===============================*/			


.submittexteadroite
{
	text-align: right;
	padding-right: 15px;
	}

.submittexteadroite input 
{
	font-size:1.2em;
background-color:white;
	}
	
																											@media all and (max-width: 1024px)	  
																																																		{	
																																																				.submittexteadroite input 
																																																					{
																																																						font-size:1.5em;
																																																						color:black;
																																																						background-color:white;
																																																						width: auto !important;
																																																						}
																																																				
																																																		
																																																		}	


	
	.submittexteagauche
{
	text-align: left;
	padding-left: 15px
	}

	.submittexteagauche input 
{
	font-size:1.2em;
	background-color:white;
	}
																										@media all and (max-width: 1024px)	  
																																																		{	
																																																				.submittexteagauche input 
																																																					{
																																																						font-size:1.5em;
																																																						color:black;
																																																						background-color:white;
																																																						width: auto !important;
																																																						}
																																																		
																																																		}	
	
	.submittexteaucentre
{
	text-align: center;
	padding-left: 15px
	}

	.submittexteaucentre input 
{
	font-size:1.2em;
background-color:white;
	}
																										@media all and (max-width: 1024px)	  
																																																		{	
																																																				.submittexteaucentre input 
																																																					{
																																																						font-size:1.5em;
																																																						color:black;
																																																						background-color:white;
																																																						width: auto !important;
																																																						}
																																																		
																																																		}	
	
	

 
 
 
 
 
 
 /*================================*/
/* POUR QUETE  et un plus haut */
/*===============================*/			

 
 
/* quete fichier */
/*les petits formulaires  */
form.vignettes_petit_formulaire , option.vignettes_petit_formulaire, select.vignettes_petit_formulaire, value.vignettes_petit_formulaire, input.vignettes_petit_formulaire
{font-size: 1em;color: black;  background-color: white; border: 1px solid #8c8b8a;}  }

form.vignettes_deselection_travail , option.vignettes_deselection_travail, select.vignettes_deselection_travail, value.vignettes_deselection_travail, input.vignettes_deselection_travail
{font-size: 9px;color: black;  background-color: #c2c0bc;border-style: dotted;border: 1px solid black; /*jaune pale*/}
form.vignettes_selection_travail , option.vignettes_selection_travail, select.vignettes_selection_travail, value.vignettes_selection_travail, input.vignettes_selection_travail
{font-size: 9px;color: black;  background-color: white;border-style: dotted; border: 1px solid black; /*jaune pale*/}



/* pour quete fichier*/
.message_certificat 
{	
width: 150px;
margin: auto;
padding: 3px 3px 3px 3px;
background-color: #c2c0bc;border-style: dotted;border: 1px solid black;
font-size: 1.1em;
font-style: italic;font-family: "arial", "serif";
}

 /*================================*/
/* POUR pepascob et atex */
/*===============================*/			


/* pepacsob mais pas sur qque cela soit un form*/
form.pour_attention , option.pour_attention, select.pour_attention, value.pour_attention, input.pour_attention
{font-size: 1em; color: black;  background-color:#8cea67; border: 1px solid black; /*jaune pale*/}


	
.case_des_dimensions   /*pepascob formulaire*/
 {  
 	
 		display: flex; 
   	flex-direction: row;   	
   	justify-content: left; 
   	
 }
		
.case_une_dimension
	{ 
	margin: auto; 
	padding: 5px 5px 5px 5px ;
	
	}
 
table.yaphoto_entree   /* base pepascob et atex analyse formulaire*/

{ 
margin: auto;
text-align: center;
/*table-layout: fixed;*/
border-collapse: separate;
vertical-align: middle;
border-spacing:50px;
}

.marge_photo_actu_dans_travail  /* base pepa et atex*/
{
	padding: 4px 4px 4px 4px;
}



/*================================*/
/* POUR   tous les actu ... */
/*===============================*/			


/* actu_vignettes_tables_a_inclure*/
table.vignettes
{ margin: auto;
text-align: center;
/*table-layout: fixed;*/
border-collapse: collapse;}

tr.vignettes, td.vignettes
{ border: 1px solid white;}

td.vignettes
{/* width: 250px;*/ height: 230px; padding-top: 0px; font-size: 10px; }
/* mesiure et position center*/

td.vignettes
{ width: 250px; height: 230px; padding-top: 0px; font-size: 10px;}

/* tous les vieux actu et parlot */
value.affichelien, input.affichelien  /* le link avec le code*/
{font-size: 18px; font-weight: bold;}


  
  
  
/*================================*/
/* POUR   tous les ZUTIL  ( liens dans basetravail rappels 
/*===============================*/			

.ligne_coup_oeil_base   /* zutil dossier et base*/
{
   margin: 0px 0px 40px 0px;
   float: left; /* Le menu flottera à gauche */
   width: 920px;  /*pour petite*/
   padding: 0px 0px 0px 0px;/*width: 123px;  /*pour grande*/
   /*height: 35px;
   /*font-size: 11px;
   color: black; /* noir */
  /*background-color: green; /*vert*/
}

.case_coup_oeil_base   /* zutil dossier et base*/
{
   /*margin-top: 20px;*/
   float: left; /* Le menu flottera à gauche */
  	width: 65px;  /*pour petite*/
   margin: 10px 0px 10px 0px;
   padding: 4px 10px 4px 10px;/*width: 123px;  /*pour grande*/
   height: 80px;
   font-size: 10px;
   /*color: black; /* noir */
  /*background-color: blue; /*gris clair*/
} 



/*================================*/
/* POUR   pro creer doc*/
/*===============================*/			

.ecrire_titre_lien_dans_case  /* pro creer doc */
{
	width: 120px; 
margin: auto; 
margin-top:20px; 
margin-bottom: 20px;   
background-color: white;/*#f3f9f6;/* #edf9f3;/* #f0f9ee; /*blanc*/
border: 2px solid #aeacab;
padding: 15px 15px 20px 15px ;
}


/*================================*/
/* PGES SPECIALES pour actuproprio et pour prix/periodes*/
/*===============================*/			





/*================================*/
/* PARTOUT */
/*===============================*/			


.texteagauche
{text-align: left;}

.texteaucentre
{text-align: center; }

.texteadroite
{text-align: right; }

.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";}

.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;}

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

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

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

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

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


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

/*================================*/
/* TOUT ecn BAS  */
/*===============================*/			




 
  .ligne_du_menu_MAX_ACTIONS_pour_tous_les_fichiers_travail_base   /*c'est la ligne du bas .... dans les pages travail  et quete bio donc newrecherceh*/
{ 
 	
 display: grid; 
 
   	grid-template-columns : repeat(auto-fit, minmax(150px, 1fr));
   	gap: 0;
  
 	
width: 90%;

margin: auto; 
/*margin-top:5px; 
margin-bottom: 15px;   
padding: 5px 5px 5px 5px ;*/
 }
 
 
 .ligne_du_menu_MAX_ACTIONS_pour_tous_les_fichiers_travail_base form
{
	
	display: flex; 
  
   	justify-content: center; 
   align-items:center; 
}

 .ligne_du_menu_MAX_ACTIONS_pour_tous_les_fichiers_travail_base input
{
padding:10px;	
text-align: center;
box-sizing : border-box;
width: 100%;
white-space:nowrap; 

} 
 
.label.input_MAX 
{font-size:0.8em; color: black;} 
option.input_MAX, select.input_MAX, value.input_MAX, input.input_MAX
{font-size: 0.8em;color: black;  background-color: white; border: 1px solid #8c8b8a;} 


 
 
 
 
 
 
 																																		@media all and (max-width: 1024px)	  
																																					{				
																																								.block_MAX_ACTIONS_MOBILE
																																											{
																																												width: 98%;   
																																												background-color: white;
																																												padding:10px 3px 50px 3px ;
																																											}
																																									
																														 										 .ligne_du_menu_MAX_ACTIONS_pour_tous_les_fichiers_travail_base   /*c'est la ligne du bas .... dans les pages travail  et quete bio donc newrecherceh*/
																																												{ 
																																															 display: flex; 
																																															   	flex-direction: row;   	
																																															   	justify-content: center; 
																																															   	flex-wrap: wrap;/* va a la ligne*/	
																																															   width: 95%;   
																																															  background-color: #c2c0bc;
																																															   
																																											  }
																																											  
																																											.ligne_du_menu_MAX_ACTIONS_pour_tous_les_fichiers_travail_base input
																																															{font-size: 1em; color: black; background-color:white; border: 1px solid #8c8b8a;} 
																																											.ligne_du_menu_MAX_ACTIONS_pour_tous_les_fichiers_travail_base select	
																																															{font-size: 1em; color: black;background-color: white; border: 1px solid #8c8b8a;} 					
																																														
																																					

																																															.label.input_MAX 
																																																{font-size: 1em; color: black;} 
																																																option.input_MAX, select.input_MAX, value.input_MAX, input.input_MAX
																																																{font-size: 1em;color: black;  background-color: white; border: 1px solid #8c8b8a;margin:3px 3px 3px 3px ;padding: 3px 3px 3px 3px ;} 
																																																					
																																																.ligne_separation_MAX_ACTIONS_MOBILE
																																																{
																																																 display: block; 
																																																	height:2px;
																																																	background-color: white;
																																																}
																																			}



img
			{
				max-width: 100%;  
			height:auto;
			}