body
{
   
   width: 1100px;
   max-width: 1100px; /*overflow: scroll;*/
  /* margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;
   margin-right: 10px; 
    margin-left: 10px; 
       /* Idem pour le bas du navigateur */
   /*background-color: #fefefe;
       /*background-color: #ffffff; /*blanc*/
   background-color: white; /*gris*/
   /*color: #514f4f; /*gris*/
   color:#4f5250;
   font-weight: normal;
   font-size: 16px;
   font-family: "Arial", "Times New Roman", "Times", "serif";
   text-align: left;
	 padding: 10px 15px 10px 10px;
	 /*overflow-x: hidden;  /*   ne sait si cela marche*/
}

													@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: 99%;
																															font-size: 1.8em;
																															 /*overflow: hidden;   /*   ne sait si cela marche*/
																													   }
																												}
													





a {text-decoration:none; color: black; font-style: italic;} /* le texte ne sera pas surligné*/
	a:visited {text-decoration:none; color:#514f4f;}
	a:hover {color: #514f4f; font-weight: bold;}
	a:active {color: #7f9f9b; font-weight: bold;}
	
a.lienpopup, a:visited .lienpopup
{  color: #26241d; font-size: 12px; font-style: italic;} 
a:hover.lienpopup, a:active.lienpopup
{  color: #7f9f9b;  font-size: 11px; font-weight: bold; font-style: italic;} 


	
	
.photo a img
{  border: 2px solid white;/*bois clair cadre tres leger surtout pour dessins*/} 
.photo a:visited img
{border: 2px solid #c2c0bc;/*bois clair*/}
.photo a:hover img
{border: 2px solid #c2c0bc;/*gris*/}
.photo a:active img
{border: 2px solid white;/*gris*//}

h3,h2
{ 
color: #271515
}

#formulaire
{
  
   text-align: left;
   
 }

.texteagauche
{text-align: left; }
.textepluspetit   /*autel*/
{font-size: 10px;}
.textemoinspetit   /*autel*/
{font-size: 12px;}
.textetoutpetit   /*autel*/
{font-size: 9px;}

.texteplus10pourcent
 {font-size: 1.1em;}  /* pour le cv web et pdf*/
.texteplus20pourcent
 {font-size: 1.2em;} /* pour le cv pro*/


.ecritenvertgras
{color: #189839; font-weight: bold;font-size: 19px;}
.ecritbijoux
{color: black; font-weight: normal;font-size: 17px;}

.ecritennoirgras
{color: black; font-weight: bold;font-size: 15px;}


.textegenerallegendeimpression  /*pour les boo et email a*/
{font-size: 10px;}  
.entetepage  /*nomalphabetique*/
{font-size: 12px; font-style: normal; text-align: center; width: 1005px; background-color: white; margin-bottom: 5px;margin-left:48px;  }
.bijouxparis
{float: left; font-style: normal; font-size: 10px;text-align: left; width: 680px;background-color: white;padding: 1px 0px 2px 0px;}
.placefleche
{float: right; font-style: normal; font-size: 10px; text-align: right; width: 20px; background-color: white;}
.placeinterrogation
{float: right;  text-align: center;font-style: normal; font-size: 10px;  width: 18px; border: 2px solid #514f4f; background-color: white;}


a.pointinterro, a:visited .pointinterro
{  color: #514f4f; font-size: 10px; font-weight: bold; } 
a:hover.pointinterro, a:active.pointinterro
{  color: black; display: block;  width: 18px; background-color: #099e1e; font-size: 10px; font-weight: bold;} 

a.flechecarre, a:visited.flechecarre
{text-decoration:none; color: white; /*italic;/*gris*/}
a:hover.flechecarre, a:active.flechecarre
{border: 2px solid #099e1e; display: block;  width: 18px; background-color: #099e1e; font-weight: bold;}/*vert*/

a.flechecarre img, a:visited.flechecarre img
{border: 1px solid #514f4f; /*color: white; /*italic;/*gris*/}
a:hover.flechecarre img, a:active.flechecarre img
{border: 1px solid #099e1e;  font-weight: bold;}/*vert*/


.numerotation
{float: right; font-style: normal; font-size: 10px; text-align: right; width: 95px; background-color: white;padding: 1px 8px 2px 0px;}




.titreselection   /*autel*/
{font-size: 20px;}
.cardinalselection   /*autel*/
{font-size: 17px;}
.textenomportrait15complete  /*nomalphabetique*/
{font-size: 17px;}

.texteitalique   /*autel*/
 {font-style: italic;}
 
.texteprixecranpublic
{font-size: 13px;}
.textemesuresecranpublic
{font-size: 11px;}
.textemodeleecranpublic
{font-size: 9px;}
.intervallesoustailleportrait15complete
{font-size: 9px;} /**/
 


 
 table.tablevignette
 { margin: auto;
 text-align: center;
 background-color: white;
 border-collapse: collapse;}
 
 table.tablevignette tr, table.tablevignette td
{ border: 1px solid black;}

 tr.lignetablevignette
 { /*width: 140px; */height: 290px;background-color: white;}   /*si trop petit il adapte si trop grand il mage davantage en haut*/
 
 td.colonnetablevignette
 { width: 333px; /*height: 125px;*/ padding-bottom: 0px;background-color: white; }
 
.placedelaphoto
{ margin: auto; width: 333px; height:190px; background-color:white;  margin-top: 0px; margin-bottom: 0px;}
.placedelalegende
{ margin: auto; width: 333px; height:90px; background-color:white;  margin-top: 10px; margin-bottom: 3px;line-height:12px;}

.placecartevisite
{ margin: auto; width: 264px; height:148px; background-color: white; border: 6px solid #bebaba; margin-top:0px;  margin-bottom: 0px; font-family: "Times New Roman" ;}

.placeelisabeth
{ margin: auto; width: 264px;  color: black; font-weight: bold; font-size: 19px;margin-top: 0px; }
.placebijoux
{ margin: auto; width: 264x; color: black; font-weight: bold; font-size: 17px;}

 /*case première page*/
 

img.bordurephoto 
{border: 6px solid #bebaba; margin-top: 8px;}


a.nommodele, a:visited .nommodele
{  color: #111111; font-size: 9px; font-weight: bold; } 
a:hover.nommodele, a:active.nommodele 
{  color: black; background-color: #099e1e;font-size: 10px; font-weight: bold;} 
 

 
.enfindecase
{vertical-align: bottom;}



/******** pour le CV **********/
 /******** pour le CV **********/
 /******** pour le CV **********/


 
 .textealinea
 {padding-left:1.67em;
 	page-break-after:avoid; } /*ne sais si cela marche pour eviter qu'une année soit sans suite à la fin de la page à l'impression*/
 	
 	
 .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;     	
																									      
																											}	
																						
																									}
.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;}
 	
 	
.texteitalique  
 	{font-style: italic;}

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