/* Ellorer : general.css */

html { font-size: 14px; 
		margin: 0;
		padding: 0;
		text-align: justify; 
		box-sizing: border-box;   /*  { box-sizing: border-box; }   pour grid */
		background-color: #EBDEF0; }
		
body { background-color: #FFFBF0; 
		color: black;
		font-family: "Bitstream Vera Sans",Verdana,helvetica,sans-serif;
  		font-size: .9em;
  		line-height: 1.4;
  		margin: 0 auto;
		padding: 0;
		text-align: justify;
	
		max-width: 996px;
		min-width: 320px; 
	 }

main,section,article { padding: 0px 20px 0px 50px; }	

header { background-color: #ffffcc;
			background-image: url("favicon.ico");
			background-repeat: no-repeat; 
			border-bottom: 1px blue solid; 
		 	padding: 10px; 
		 }	
#titreheader { color:#CC0000;
				font-size: 2.10em; 
				font-family: hasley,cursive;
				font-style: italic; 
				font-weight: 300;
	 			text-align: center;  
		}
		
footer { background-color: #ffffcc;
			border-bottom: 1px blue solid; }				

h2,h3,h4,h5,h6,
ul,ol,dd,
p,figure,
hr		{ margin-bottom:1.5rem; }
		
blockquote,q { font-style: italic; }

img { display: block;
      margin: 0 auto; }	
      
/* Titres */	
h1, h2, h3, h4, h5, h6 
{
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
  line-height: 1.2;
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: normal;
}

h1	 { color:#CC0000;
		font-size: 1.60em;
		text-align: center;
		font-style: italic;
	 }		
	 
h2 { color:#CC0000;
	  text-align: center;
  	  font-size: 1.5em;
  	  font-style: italic;
  	   } 

h3 {  color:#CC0000;
		text-align: left;
  		font-size: 1.25em; }
  
h4 { font-size: 1em; }
  	  
p { font-size: 1rem /* 14px */
	 /*line-height : 1.43em;  interligne de 20px */
    text-indent: 2em ;} 

a img {  /* Pas de bordure autour des images dans les liens */
  border: 0;	}
 
hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 1em 0 2em; 
  padding: 0;
  border: 0;
  color: #ccc;
  background-color: #ccc;  
}

figure { margin: 0px;
			padding: 0px;
			text-align: justify; }
		
figcaption { padding-left: 10px;
				font-size: 80%;
				font-weight: bold; }
	
#sommaire { width: 290px;
				padding: 12px;
				border: 3px blue solid;
				border-radius: 20px / 10px;
				background-color: #ffffcc;			  
				font-weight: bold;			   
			  }
a:link { color: #11C; }
a:visited { color: #339; }
a:hover, a:focus, a:active { color: #00F; }
			  
.conteneur-actes { 
   display: grid;
   grid-template-columns: 1fr 1fr 1fr; 
   gap: 10px; 
  }			  
.carte { text-align: center; }			  				  
.centrer { text-align: center; }
.chapeau { 
		padding: 10px;
		border: 3px blue solid;
		border-radius: 20px / 10px;
		text-align: justify;
		text-indent: 1cm;
		text-align: center;
	}			
.colonnes { display: flex; }
.conteneur { display: flex; }	
.conteneurv { display: flex;
				  flex-direction: column;	}
.flex-container { display: flex; }

.imageflottante { float: left;
						padding: 2px;
						margin-right: 4px;
					}		
.imageflottanted { float: right;
						 margin-left: 10px; 
						 clear: both; }
							
.legende { font-family: "Bitstream Vera Sans",Verdana,Genava,sans-serif;
 				font-size: 80%;
 				color: black; }
 						
.notes { font-size: 80%;}
.pam { padding: 1rem; }
.w35 { width: 35%; }							
.photog { display: inline-block; width: 45%; }
.photo2 { display: inline-block; }

.dessous { clear: both; }
.indent { text-indent: 1cm; }

.exposant { font-size: xx-small; }
.gras { font-weight: bold }
.ital { font-style: italic; }
.romain { font-style: normal;}
.reduit { font-size: 70% }
.ptcap { font-variant: small-caps;
         font-weight: bold; }
.signature { text-align: right; }
.texted { display: inline-block; 
			 width: 45% }
.sans_puce { list-style-type: none; }
	
	/* Résidus 20 août 2018
Menu horizontal */

#menuhorizontal {
	text-align: center; 
	list-style : none;
	margin: 0;
	padding : 0 0.5em; }
	
#menuhorizontal li {
	display : inline;
	background: #fff;	 }
	
#menuhorizontal li a {
	padding: 4px 20px;
	border: 1px solid #600; }

/* Navigation */
  
nav { display: flex;
		flex-direction: row;
		align-items: center; 
    	justify-content: space-around; } 
    	
ul, ol {
  margin: .75em 0 .75em 32px;
  padding: 0;
}
li {
	color: black;
	background-color: transparent;
	margin: 0;
	padding: 0; 
}	
nav ul { list-style-type: none; }

nav ul { display: flex;
			justify-content: space-between; }

nav li { display: inline-block;
    		margin-right: 15px; }
    		
nav a { font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none; }
    
nav a:hover { color: #760001;
    border-bottom: 3px solid #760001; }

footer { margin: 0; }

 /* Table */
  table { border: 1px solid; 
  			 margin: auto; 
  			 border-collapse: collapse; }
  			 
  th { border: 1px solid black; } /* Bordure pour les cellules */
  th, td {vertical-align: middle; }
  tfoot { border: 1px solid;
  			 font-weight: bold; 
  			 text-align: center; }		

/*  ajout pour mobiles selon conseils Alsacréations */  

@media (max-width: 640;) 
  {
	* { 0box-sizing: border-box; }
	
	body { width: auto; 
			 margin: auto; 
			 padding: 0; }
	img,
	blockquote,
	video,
	audio,
	picture  {	max-width: 100%; }
	img  {  height: auto;  }	
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	 }
  }
 
 @media screen and (max-width:380px) {
 	html { font-size: 12px; /* rendre les polices plus petites pour mobile */  }
 	p { font-size: 1rem /* cet élément est désormais équivalent à 12px */  }
 	}
 /* soft reset 
html,
body,
figure {
	margin: 0px;
	padding: 0px;
	text-align: justify; 
}     */