html {
  border:1em solid #FFFF00;
	}

body {
 	width:100%;
  	margin:auto;
	font-family:'Gintronic',times,serif; 
	line-height:auto; 
	}
	
.textes { 
	font-family:'Yrsa',times,serif; 
	}	

.textes2 { 
	font-family:'ApercuMono',times,serif;  
	}	


  
.textes {
	padding-left:5%;
	padding-right:5%;
	width:40%;
	float:left;
	}   

/*Textes*/
p {
	}

a {
  text-decoration: underline;
  letter-spacing: 0.2em;
}

a:link, a:visited {
  color:black;
}

a:hover {
  text-decoration: none;
}

.titre1, .soustitre {
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  padding:5em;
}

.soustitre {
margin-top: -10em;
}

.titre2 {
  text-align: center;
  font-size: 1em;
}

      .souligne {
        height:0.4em;
        width:11.6em;
        background-color: #FFFF00;
        margin:auto;
        margin-top:-20px;
      }

      .souligne.w2 {
        width:10.2em;
      }
.pengramme {
  line-height: 1.15em;
}

.p50 {
  font-size: 5em;
}

.p12 {
  font-size: 0.75em;
}

.p14 {
  font-size: 0.875em;
}

.p16 {
  font-size: 1em;
}

.p20 {
  font-size: 1.25em;
}

.p27 {
  font-size: 1.688em;
}


.legende {
  font-size: 0.75em;
  margin-bottom: 2em;
}

.legende.w1 {
  margin-top: -6em;
}

.legende.w1,.legende.w2 {
  margin-bottom: 5em;
}

.titreglyphe {
  font-size: 1em;
  margin-bottom: 2em;
  text-decoration: underline;
  text-transform: uppercase;
}



/*Grille*/
.tableau {
  margin:auto;
  width:80%;
}

.black{
}

table {
border-collapse:collapse; /* Cases fusionnées */
width:100%;
margin:auto;
margin-bottom: 7em;
}

td { 
/* Cases du tableau */
height:2em;
font-size:2em; /* Taille de la police */
padding:2px; /* Marges internes */
min-width:0em; /* Largeur des cases */
text-align: center; /* Centrer les lettres */
position: relative;
border: .4em solid transparent;
}

td:hover {
border: double .4em  #FFFF00;
}

.minicaps {
  font-variant: small-caps;
}


/*lettrines SVG*/
#aback1, #aback2 {
  margin-top: -50em;
  width: 20em;
  float: right;
  padding-right: 10%;
}


/*lettres animées*/
#lettersvg {
  width:100%;
  padding-left:10%;
  padding-right:10%;
  margin:auto;
}

/*flèche bas*/
#flechebas {
  width:20px;
  margin:auto;
  padding-top:100px;
  padding-bottom:80px;
}