@font-face{font-family: 'immortal';src: url('../POLICES/immortal-webfont.woff')}
@font-face{font-family:'Curves';src:url('../POLICES/parisienne-webfont.woff')}
@font-face{font-family:'Verdana';font-display:auto;src:local('Verdana'),url('../POLICES/verdana-ttf-webfont.woff')}
verd,verdi,verdm,verdmI,verdW,verdB{font-family:'Verdana';line-height:1.4em;font-size:.85em}
verd{font-family:'Verdana';line-height:1.2em}
verdI{font-style:italic}
verdm{font-size:.8em}
verdmI{font-size:.8em;font-style:italic}
verdW{color:white;text-shadow:2px 2px 4px black}

@font-face{font-family:'histoires';font-display:auto;src:local('histoires'),url('../POLICES/histoires-ttf-webfont.woff')}
histoires{font-family:'histoires'}
@font-face{font-family:'serif';font-display:auto;src:local('serif'), url('../POLICES/serif-ttf-webfont.woff');}
serif,serifI{font-family:'serif';word-spacing:.3em;line-height:1.5em;font-size:1.2em}
serifI{font-style:italic;line-height:1.2em;font-size:1.3em}
/* @font-face{font-family:'romain';font-display:auto;src:local('romain'),url('../POLICES/romain-ttf-webfont.woff');} */
/* romain{font-family:'romain';line-height:1em;font-size: 1em} */

W{color:white;font-size:105%;line-height:5vw;text-shadow:0 0 1vw white,0 0 2vw black,0 0 2vw black,0 0 2vw black,0 0 2vw black}
N{color:black;font-size:102%;text-shadow:text-shadow:0 0 .8vw black, 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white}

#TOP{float:right}
.ClassRETOUR{position: fixed;top:2vw;right:1.2vw;width:5vw;cursor:n-resize}
.ClassPORTE{position: fixed;top:7.5vw;right:1.2vw;width:5vw}
.ClassECHANGES{position: fixed;top:15vw;right:-1.5vw;width:9vw}
.CloseWindow{width:8vw;position:fixed;z-index:4;right:1em;top:3em}

.PetitBody  {
  width:10%;
  position: fixed;
  z-index: 4;
  /*margin-top: 0em;	  /* espace // top */
  left: .2em;	  /* box // bord ecran */
}
/* @media (max-width:700px){.PetitBody{top:5.2em;}} */
.GrosBody  {
  width:10%;
  position: fixed;
  z-index: 4;
  margin-top: 6%;	  /* espace // top */
  left: 0em;	  /* box // bord ecran */
  padding-top: .6em; /* espace textes // haut de la box */
}
header {
   background: url("../IMAGES/ciel1.jpg") no-repeat;
   background-size: 100%;
   margin: 20px;
   margin-left: 10px;    /*marge extérieure entre bord gauche et cadre */
   padding: 30px;        /* Marges intérieures */
   padding-top: 10px;
   border-radius: 10px;  /* arrondis des coins du cadre */
   /*font-size: 140%; */
   font-family: "Comic Sans MS";
   text-align: justify;
   box-shadow: 6px 6px 6px #614423;
}

div[class*="head_"] {  /* Entetes div de CLASS dont le nom contient "head_" */
	border-radius: 10px;
	box-shadow: 6px 6px 6px #614423;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 30px;       /* padding = Marges intérieures */
	font-size: 130%;
	font-family: Comic Sans MS;
	background-size: 100%;	 
}
/* .NOM -> <div class="NOM"> -> idem que ID mais réutilisable n fois */

.head_chaumiere {
    background: url("../IMAGES/chaumiere.jpg"); background-position: center;
	text-align: left;
}
.head_chanceuse {
    background: url("../IMAGES/torrent4.jpg");
	background-position: center;
}
.head_cour_ecole{background-image:url("../IMAGES/cour-ecole.jpg");text-align: right
}
.head_desert_1 {
    background: url("../IMAGES/desert-1.jpg") no-repeat;
	text-align: right;	
	color: #0c80F0;
}
.no-webp .head_desert_anime{background-image:url("../IMAGES/desert-anime.gif");}
.webp .head_desert_anime{background-image:url("../IMAGES/desert-anime.webp");}
.head_haine {
    background: url("../IMAGES/haine2.jpg") no-repeat;
	text-align: center;
	color: #61531e;
}
.head_lune { 
    background: url("../IMAGES/lune.jpg") no-repeat;
	text-align: right;
	background-position: center;
	color: #0c0080;
}
.head_princesse {    
    background: url("../IMAGES/pont-ruisseau.gif");
	background-position: center;
}
.head_village {
    background: url("../IMAGES/village-1.jpg") no-repeat;
}
.chapi_parchemin{
	background:url(../IMAGES/parchemin-court.png) no-repeat;background-size:30%; width:30em;height:2em;padding-top: .4em
}
.parchemin{
	background:url(../IMAGES/parcheminPLAN2.png) no-repeat;
	background-size:90%;margin-left: 2em; line-height:1.2em
}
body{background-color:#70a2cc;font-size:3.3vw} /* <500px*/
@media(min-width:500px){body{font-size:3vw}}
@media(min-width:700px){body{font-size:2.7vw}}

div[class*="histoire_"] {  
    /* Utilisé uniquement pour le ROMAN et les HISTOIRES */
	background-size: 100%;
	margin-bottom: 0px;  /* margin = Marges extérieures */
	margin-top: 0px;
    padding: 3.5vw;       /* padding = Marges intérieures */
	padding-top: 10px;
	padding-bottom: 10vw;
	border-radius: 10px;
	line-height:4vw; /* inter-lignes*/
	/* font-size:3.4vw; */
	text-align: justify; word-spacing:.5vw;
	font-family: 'histoires';
	text-shadow: 0px 0px 0px;
	font-weight:550;
}
/* @media(min-width:500px){div[class*="histoire_"]{font-size:3vw}} */
/* @media(min-width:700px){div[class*="histoire_"]{font-size:2.8vw}} */

.histoire_allee_2 {   
    background: url("../IMAGES/allee-2.jpg");
	background-position: bottom;
}
.histoire_attente { 
    background: url("../IMAGES/attente.jpg") ; background-position: center;
	/* color: white; */
}
.histoire_attente_1 { 
    background: url("../IMAGES/attente1.jpg") ; background-position: center;
	/* color: white; */
}
.histoire_attente_2 { 
    background: url("../IMAGES/attente2.jpg") ; background-position: center;
	/* color: white; */
}
.histoire_bois { 
    background: url("../IMAGES/bois.jpg") ; background-position: center;
}
.histoire_bois2 { 
    background: url("../IMAGES/bois2.jpg") ; background-position: center;
}
.no-webp .histoire_cachot{background-image:url("../IMAGES/cachot.jpg")}
.webp .histoire_cachot{background-image:url("../IMAGES/cachot.webp")}
.histoire_chemin_froid { 
    background: url("../IMAGES/chemin-froid.jpg") ; background-position: center;
}
.no-webp .histoire_Bethlehem{background-image:url("../IMAGES/Bethlehem.jpg")}
.webp .histoire_Bethlehem{background-image:url("../IMAGES/Bethlehem.webp")}
.histoire_broussailles {  
    background: url("../IMAGES/broussailles.jpg") no-repeat;
}
.histoire_grange { 
    background: url("../IMAGES/grange.jpg") no-repeat;
}
.histoire_grange1 { 
    background: url("../IMAGES/grange-1.jpg") no-repeat;
	background-position: top;
}
.histoire_chateau { 
    background: url("../IMAGES/chateau1.jpg") no-repeat;
}
.no-webp .histoire_charpentier{background-image:url("../IMAGES/charpentier.jpg")}
.webp .histoire_charpentier{background-image:url("../IMAGES/charpentier.webp")}
.histoire_chemin_soir { 
    background: url("../IMAGES/chemin-soir.jpg") no-repeat;
}
.histoire_ciel_0 {
	background: url("../IMAGES/fond_ciel_2.jpg");
}
.histoire_ciel_1 { 
    background: url("../IMAGES/fond_ciel_1.jpg") no-repeat;
}
.histoire_ciel_2 { 
    background: url("../IMAGES/soleil.jpg") no-repeat;
}
.histoire_ciel_3 { 
    background: url("../IMAGES/ciel3.jpg") no-repeat;
}
.histoire_ciel_2 { 
    background: url("../IMAGES/soleil.jpg") ; background-position: center;
} 
.histoire_chambre_nuit { 
    background: url("../IMAGES/Chambre-nuit.jpg") no-repeat;
	background-position: bottom;
}
.histoire_cirque_ville { 
    background: url("../IMAGES/cirque-ville.jpg") ; background-position: center;
}
.histoire_cirque_ville_soir { 
    background: url("../IMAGES/cirque-ville-soir.jpg") ; background-position: center;
}
.histoire_cirque_ville_2 { 
    background: url("../IMAGES/cirque-ville2.jpg") no-repeat; 
	background-position: center;
}
.histoire_desert { 
    background: url("../IMAGES/fond_desert.jpg") ; background-position: center;
} 
.histoire_desert_2 { 
    background: url("../IMAGES/fond_desert-2.jpg") no-repeat;
	background-position: top;
}
.histoire_desert_3 { 
    background: url("../IMAGES/desert-3.jpg") ; background-position: center;
}
.histoire_foret { 
    background: url("../IMAGES/foretverte.jpg") ; background-position: center;
}
.histoire_accueil_hopital { 
    background: url("../IMAGES/accueil.jpg") ; background-position: center;
}
.histoire_sortie_hopital { 
    background: url("../IMAGES/sortie-hopital.jpg") no-repeat;
}
.histoire_etoiles { 
    background: url("../IMAGES/etoiles3.jpg")
}
.no-webp .histoire_galaxie2{background-image:url("../IMAGES/galaxie2.jpg"); background-position: bottom;}
.webp .histoire_galaxie2{background-image:url("../IMAGES/galaxie2.webp"); background-position: bottom;}
.histoire_galaxie3{background-image:url("../IMAGES/galaxie3.jpg")}
.no-webp .histoire_galaxie3{background-image:url("../IMAGES/galaxie3.jpg")}
.webp .histoire_galaxie3{background-image:url("../IMAGES/galaxie3.webp")}
.no-webp .histoire_galaxie4{background-image:url("../IMAGES/galaxie4.jpg"); background-position: top}
.webp .histoire_galaxie4{background-image:url("../IMAGES/galaxie4.webp"); background-position: top}
.histoire_galet1{background-image:url("../IMAGES/galet1.jpg"); background-position: bottom;}
.histoire_galet2{background-image:url("../IMAGES/galet2.jpg"); background-position: bottom;}
.histoire_galet3{background-image:url("../IMAGES/galet3.jpg"); background-position: bottom;}
.histoire_haine {
    background: url("../IMAGES/haine3.jpg") no-repeat;
}
.histoire_leopold {    
    background: url("../IMAGES/fond-bois-cascade-2.jpg");
}
.histoire_leopold_cour_ecole {
    background: url("../IMAGES/cour-ecole2.jpg") ; background-position: center;
}
.histoire_leopold_ecole {
    background: url("../IMAGES/ecole.jpg") ; background-position: center;
}
.histoire_leopold-chambre-hopital-soir { 
    background: url("../IMAGES/chambre-hopital-soir.jpg");
	background-position: center;
}
.histoire_leopold-chambre-hopital { 
    background: url("../IMAGES/chambre-hopital.jpg");
	background-position: center;
}
.histoire_leopold-hopital { 
    background: url("../IMAGES/hopital.jpg");
	background-position: center;
}
.histoire_leopold-pont {   
    background: url("../IMAGES/pont-4.jpg") ; background-position: center;
}
.no-webp .histoire_leopold-pont-2{background-image:url("../IMAGES/pont-ruisseau-1.jpg")}
.webp .histoire_leopold-pont-2{background-image:url("../IMAGES/pont-ruisseau-1.webp")}
.histoire_nuit { 
    background: url("../IMAGES/fond_nuit-2.jpg") no-repeat;
	background-position: top; 
}
.no-webp .histoire_jesus_croix0{background-image:url("../IMAGES/jesus_croix0.jpg")}
.webp .histoire_jesus_croix0{background-image:url("../IMAGES/jesus_croix0.webp")}
.histoire_jesus_croix1 { 
    background: url("../IMAGES/jesus_croix1.jpg") no-repeat;
}
.no-webp .histoire_jesus_depart{background-image:url("../IMAGES/jesus_depart.png")}
.webp .histoire_jesus_depart{background-image:url("../IMAGES/jesus_depart.webp")}
.histoire_jesus_oliviers { 
    background: url("../IMAGES/jesus-oliviers.jpg") no-repeat;
}
.histoire_jesus_preche { 
    background: url("../IMAGES/preche.jpg") no-repeat;
}
.histoire_jesus_seul { 
    background: url("../IMAGES/jesus_seul.jpg") no-repeat;
}
.histoire_jesus_qumran { 
    background: url("../IMAGES/qumran.jpg") no-repeat;
}
.no-webp .histoire_jesus_qumran2{background-image:url("../IMAGES/qumran2.jpg")}
.webp .histoire_jesus_qumran2{background-image:url("../IMAGES/qumran2.webp")}
.no-webp .histoire_jesus_qumran3{background-image:url("../IMAGES/qumran3.jpg")}
.webp .histoire_jesus_qumran3{background-image:url("../IMAGES/qumran3.webp")}
.histoire_labour {     
    background: url("../IMAGES/labour.jpg") no-repeat; background-position: bottom;
}
.histoire_lutin_boulange {     
    background: url("../IMAGES/lutin-boulange.jpg"); background-position: center; 
}
.histoire_lutin_brume {     
    background: url("../IMAGES/brume-2.jpg"); background-position: top; 
}
.histoire_lutin_epilogue {     
    background: url("../IMAGES/lutin-epilogue.png"); background-position: center;	
}
.histoire_lutin_explique3 { /* il a le doigt levé */     
    background: url("../IMAGES/lutin-explique-3.jpg"); background-position: center;	 
}
.histoire_lutin_explique4 {  /* il n'a pas le doigt levé */   
    background: url("../IMAGES/lutin-explique-4.jpg")
}
.histoire_lutin_explique42 {  
    background: url("../IMAGES/lutin-explique-4-2.jpg")
}
.histoire_lutin_explique5 {  /* Amélie est assise */   
    background: url("../IMAGES/lutin-explique-5.jpg"); background-position: center;
}
.histoire_lutin_explique5_2 {  /* Amélie est assise */   
    background: url("../IMAGES/lutin-explique-5-2.jpg"); background-position: center; 
}
.histoire_lutin_explique5_2_1 {  /* Amélie est assise */   
    background: url("../IMAGES/lutin-explique-5-2-1.jpg"); background-position: center;   
}
.histoire_lutin_fille {  /* on la voit de dos */      
    background: url("../IMAGES/lutin-fille.jpg") no-repeat;
    background-position: top;  	 
}
.histoire_lutin_fille1{  /* fille malheureuse */      
    background: url("../IMAGES/lutin-fille1.jpg") no-repeat;
    background-position: top;  	 
}
.histoire_lutin_fille_1 {  /* elle prend à témoin ceux qui s'amusent */
    background: url("../IMAGES/lutin-fille-10.jpg") ; background-position: center;
}
.no-webp .histoire_lutin_fille_2{background-image:url("../IMAGES/lutin-fille-2.jpg")}
.webp .histoire_lutin_fille_2{background-image:url("../IMAGES/lutin-fille-2.webp")}
.histoire_lutin_fille_3 {  /* idem fille_2 en gros plan */   
    background: url("../IMAGES/lutin-fille-11.jpg") ; background-position: center; 
}
.histoire_lutin_forge_0 {     
    background: url("../IMAGES/lutin-forge0.jpg") no-repeat; 
    background-position: top;  	
}
.histoire_lutin_forge {     
    background: url("../IMAGES/lutin-forge.jpg") no-repeat; 
    background-position: top;  	
}
.histoire_lutin_marche { /* marché au village */    
    background: url("../IMAGES/marche2.jpg") no-repeat; 
    background-position: bottom;  	
}
.histoire_lutin_marche3 { /* marché au village */    
    background: url("../IMAGES/marche3.jpg") no-repeat; 
    background-position: bottom;  	
}
.histoire_lutin_montagne1 { /* marché au village */    
    background: url("../IMAGES/montagne1.jpg") no-repeat; 
    background-position: center;  	
}
.histoire_lutin_montagne2 { /* marché au village */    
    background: url("../IMAGES/montagne2-2.jpg") no-repeat; 
    background-position: top;  	
}
.histoire_lutin_notaire_0 {  
    background: url("../IMAGES/notaire0.jpg") ; background-position: top 	
}
.no-webp .histoire_lutin_notaire_1{background-image:url("../IMAGES/notaire1.jpg")}
.webp .histoire_lutin_notaire_1{background-image:url("../IMAGES/notaire1.webp")}
.histoire_lutin_notaire_2 {  
    background: url("../IMAGES/notaire2.jpg") no-repeat;
    background-position: top; 	
}
.histoire_lutin_notaire_3 {  
    background: url("../IMAGES/notaire3.jpg");background-position:top;
}
.histoire_lune {       
    background: url("../IMAGES/lune.jpg") no-repeat;
	background-position: center;
}
.histoire_maisonnette_1 {       
    background: url("../IMAGES/maisonnette-1.jpg") ; background-position: center;
}
.histoire_mal {       
    background: url("../IMAGES/le mal.jpg") no-repeat;   	
	background-position: center;
	color: white; 
	/* text-shadow: 0px 0px 8px #000000; /* fond lettres noir */	 */
}
.histoire_mare1 {  
    background: url("../IMAGES/mare1.jpg") no-repeat;
	background-position:center
}
.histoire_mare2 {  
    background: url("../IMAGES/mare2.jpg") no-repeat;
	background-position:center
}
.histoire_messe {  
    background: url("../IMAGES/messe.jpg") no-repeat;
	background-position: bottom;
}
.no-webp .histoire_mort_pere{background-image:url("../IMAGES/mort-pere.jpg")}
.webp .histoire_mort_pere{background-image:url("../IMAGES/mort-pere.webp")}
.no-webp .histoire_oliviers{background-image:url("../IMAGES/jardin-oliviers.jpg")}
.webp .histoire_oliviers{background-image:url("../IMAGES/jardin-oliviers.webp")}
.histoire_oliviers_lumiere {       
    background: url("../IMAGES/jardin-oliviers-lumiere.jpg") no-repeat; 
}
.histoire_naissance {  
    background: url("../IMAGES/naissance.jpg") no-repeat;
	background-position: bottom;
}
.histoire_nuit_noire {  
    background-color:black;
}
.histoire_orage {      
    background: url("../IMAGES/orage.jpg") ;    
    line-height:185%; 	/* inter-lignes*/	
	color: white;
}
.histoire_papier { 
    background: url("../IMAGES/feuille-de-papier3.jpg") no-repeat;
}
.histoire_pont_1 {      
    background: url("../IMAGES/pont-1.jpg") ; background-position: center;   	
}
.histoire_lutin-pont {      
    background: url("../IMAGES/lutin-pont.jpg") ; background-position: center;   	
}
.histoire_torrent_0 {      
    background: url("../IMAGES/torrent-0.png") no-repeat; 
    background-position: top;
}
.histoire_torrent_1 {      
    background: url("../IMAGES/torrent-1.png") ; background-position: center;    
}
.histoire_torrent_2 {      
    background: url("../IMAGES/torrent2.jpg") ; background-position: center;    
}
.histoire_galets {      
    background: url("../IMAGES/galets.png") ; background-position: center; 
}
.histoire_parc {   
    background: url("../IMAGES/parc-soir.jpg") no-repeat;
	background-position: bottom;
}
.histoire_parc2 {   
    background: url("../IMAGES/parc.jpg") no-repeat;
	background-position: center;
}
.histoire_parking_nuit {   
    background: url("../IMAGES/parking-nuit.jpg") no-repeat;
	background-position: top;
}
.histoire_prairie {    
    background: url("../IMAGES/prairie1.jpg") no-repeat;
	background-position: bottom;
}
.histoire_prairie2 {    
    background: url("../IMAGES/prairie2.jpg") no-repeat;
	background-position: top;
}
.histoire_place-village { 
    background: url("../IMAGES/place-village.jpg") ; background-position: center;
}
.histoire_plante_hiver { 
    background: url("../IMAGES/plante hiver1.jpg") no-repeat;
	/* text-shadow: 0px 0px 8px #000000; /* fond lettres noir */ */
	color: white; 
} 
.histoire_pont_prague {      
    background: url("../IMAGES/pont_prague.jpg") ;
}
.histoire_reve { 
    background: url("../IMAGES/reve-1.png") no-repeat;
}
.histoire_reves { 
    background: url("../IMAGES/reves.jpg") no-repeat;
}
.histoire_reve_feu { 
    background: url("../IMAGES/reve-feu.jpg") no-repeat;
	background-position: top; 
}
.histoire_rome { 
    background: url("../IMAGES/rome.jpg") no-repeat	
} 
.histoire_soleil {  
    background: url("../IMAGES/plein soleil.jpg") ; background-position: center;
}
.histoire_soleil1 { 
    background: url("../IMAGES/ciel4.jpg") ; background-position: center;
}
.histoire_temple { 
    background: url("../IMAGES/temple.jpg") no-repeat;
	background-position: bottom;
}
.no-webp .histoire_temple1{background-image:url("../IMAGES/temple1.jpg")}
.webp .histoire_temple1{background-image:url("../IMAGES/temple1.webp")}
.histoire_tiberiade { 
    background: url("../IMAGES/tiberiade.jpg") no-repeat;
	background-position: center;
}
.histoire_vision_tiberiade { 
    background: url("../IMAGES/vision_tiberiade3.jpg") no-repeat;
}
.histoire_vh_et_enfant_banc {  
    background: url("../IMAGES/vh-et-enfant-banc.jpg") no-repeat; 	
}
.histoire_vh_et_enfant_banc2 {  
    background: url("../IMAGES/vh-et-enfant-banc2.jpg") no-repeat;
	background-position:center
}
.histoire_vh_et_enfant_1 {  
    background: url("../IMAGES/enfant1.jpg") no-repeat; 
}
.histoire_vh_et_enfant_2 {  
    background: url("../IMAGES/enfant2.jpg") no-repeat;
} 
.histoire_village {  
    background: url("../IMAGES/village.jpg");
	background-position: top;	
}
.no-webp .histoire_village_hiver{background-image:url("../IMAGES/village-hiver.jpg")}
.webp .histoire_village_hiver{background-image:url("../IMAGES/village-hiver.webp")}
.histoire_village { 
    background: url("../IMAGES/village.jpg") no-repeat;
	background-position: bottom;
}
.histoire_village_1 { 
    background: url("../IMAGES/village-1.jpg") no-repeat;
	background-position: bottom;
}
.histoire_village_1_1 { 
    background: url("../IMAGES/village-1.1.jpg") no-repeat;
	background-position: bottom;
}
.histoire_village_2 { /* orage */
    background: url("../IMAGES/village-2.jpg") no-repeat;
	background-position: bottom;
}
.histoire_village_3 { /* + lumière Ange */ 
    background: url("../IMAGES/village-3.jpg") no-repeat;
	background-position: bottom;
} 
.histoire_village_3_1 { /* + lumière Ange */  
    background: url("../IMAGES/village-3.1.jpg") no-repeat;
}
.histoire_village_4 {      
    background: url("../IMAGES/village4.jpg") ; background-position: center; 
}
.histoire_village_5 {      
    background: url("../IMAGES/village5.jpg") ; background-position: center; 
}
.histoire_village_6 {   
    background: url("../IMAGES/village6.jpg") ; background-position: center;
}
.histoire_village_soir { /* soir */ 
    background: url("../IMAGES/village-soir.jpg") no-repeat;
	background-position: center;
}
.histoire_village_nuit { /* nuit */ 
    background: url("../IMAGES/village-NUIT.jpg") no-repeat;
	background-position: bottom;
}

#cadre_histoires, #histoire_ado {
    border: 0px solid blue;
	margin-bottom: 2em; /* margin = Marges extérieures */
	margin-top: 1em;    /* entre le bas de la boite HEADER et le haut de cette boite */
	margin-left: 0.5em;   /*marge entre bord gauche et cadre */
	margin-right: 7em;
    padding: 2.5em;       /* padding = Marges intérieures */
	/* padding: 2em; */
	/* padding-top: 50px; */
	/* padding-bottom: 2em; */
	border-radius: 10px;
	box-shadow: 6px 6px 6px #614423;
	/* text-align: justify; */
	font-family: Comic Sans MS;
	z-index: 3;
}
#cadre_histoires {    
    background: url("../IMAGES/eau-clair.jpg") no-repeat;
	background-size: 100%;
}
.auteurFB { /* aspect des textes de class "item" */
  font-style: italic; color: #800080;
  font-family: 'Verdana', 'Comic Sans MS';
  font-size:0.7em ; 
}
a {  /* Aspect des liens (non survolés) */
   text-decoration: none;
   /* color: red; 
   font-style: italic;  */ 
}
a:hover { /* Aspect des liens au survol */ 
   /* text-decoration: underline; */
   color: blue;
}

a.info { /* lettres normales sans shadow */
   color: black;
   font-family: 'Verdana', 'Comic Sans MS';
   font-size: .9em; /* 23px;	 */
   text-shadow: 0px 0px 0px;   /* PAS DE shadow */   
}
a.infW { /* lettres normales, blanches avec shadow noir */
   color: white;
   font-family: 'Verdana', 'Comic Sans MS';
   font-size:.9em;	
   line-height:1em; 	/* inter-lignes*/   
   text-shadow: 0px 0px 8px #000000; /* shadow noir */
   filter: Shadow(color=##457297, direction=120);   
}
a.infB { /* lettres normales, noires avec shadow blanc */
   color: black;  /* le texte concerné reste noir */
   font-family: 'Verdana', 'Comic Sans MS';
   font-size:1em;	 
   line-height:.9em; 	/* inter-lignes*/
   text-shadow: 0px 0px 8px #FFFFFF; /* shadow blanc */
   filter: Shadow(color=##457297, direction=120);   
}
h0 {
	font-style: normal; 
	font-weight: bold;
	color: #444555;
    font-family: 'arial';	
    font-size: 1.2em;
}	
h1, h2, h3 { /* Titres centrés */
    text-align: center;
	color: white;
} 
h1 {
    text-shadow: 0px 0px 8px #000000;
	font-size: 6vw;
}
h2 {  
   text-shadow: 2px 2px 11px #000000;
   font-size: 1.6em;   
}
h3 { 
   text-shadow: 2px 2px 11px #000000;
   filter: Shadow(color=#457297, direction=120); 
   font-size: 2em;
}
h11 { 
    font-size: 1em; 
	font-family: 'arial';
	text-align: left; 
}
.b1 {  /* <span class="b1">L</span> */
    color: green;
    font-family: Curves, Dayrom, serif;
    font-size: 1.8em;
    margin-top: 0px;
    font-weight: normal;
}
.b2 {     
    font-size: 120%;	 
}
.b3 {  
	color: white;
    font-size: 100%;	 
}
.b4 {     
    font-size: 150%;	 
}
.b5 { 
    font-size: 10vw;
	font-family: 'Curves';
    /*text-align: center;  marche pas */
	text-shadow: 2px 6px 8px #002200; /* shadow blanc */
    font-weight: bold;
}
.b6 { 
    font-size: 3em;
    font-family: 'Curves';
    /*text-align: center;  marche pas */
	text-shadow: 2px 6px 8px #002200; /* shadow blanc */
    font-weight: bold; 
}
.b7 { 
    font-size: 4em; 
    font-family: 'Curves'; 
    /*text-align: center;  marche pas */
	text-shadow: 0px 10px 15px #444000; /* shadow blanc */
    font-weight: bold; 
}

/* comic, comicB {  font-style: normal;color: black;} */
comic {   /* quand on veut le bold */
   text-shadow: 0px 0px 0px;
}
comicB {   /* quand on veut le bold */
   text-shadow: 1px 1px 1px white;
}
W { 
   color: white; 
   text-shadow:0 0 1px white,0 0 2px black,0 0 3px black,0 0 3px black,0 0 4px black;
   /* filter: Shadow(color=#000000, direction=120);	   */
}
imm,immI,immW,immB{font-family:'immortal';line-height:5vw}
imm {
    font-style: normal;
	/* line-height:0vw; */
	/* font-size:2.8vw */
}
immW {
	color: white;
	text-shadow:0 0 .1vw white,0 0 2px black,0 0 3px black,0 0 3px black;
	font-style: normal;
}
immB {
    color: black;
	text-shadow: 0px 0px 8px #FFFFFF; /* shadow noir */ 
	font-style: normal;
	font-size:1.1em
}
immI {
   	font-style: italic;  
    /* font-size:1.1em   */
}
curve {
    font-family: 'Curves'; 
    /* color: black; */
	font-weight: bold;
	line-height:1em; 	/* inter-lignes*/
	font-style: normal;  
    font-size:1.2em
}
curveP {
    font-family: 'Curves'; 
    color: black;
	font-weight: normal;
	font-style: normal;  
    font-size: 1.1em 
}
curveW {
    font-family: 'Curves'; 
    color: white;
    font-weight: normal;
    font-style: normal;	
    text-shadow:0 0 1px white,0 0 2px black,0 0 3px black,0 0 3px black;
    font-size:1.2em
}
curveB {
    font-family: 'Curves'; 
    color: black;
    font-weight: bold;
    font-style: normal;	 
	text-shadow: 1px 1px 2px #FFFFFF;	
    font-size:1.2em     
}
petit{font-size: 80%}
moyen{font-size: 90%}
gros{font-size: 110%}
Pgros{font-size: 120%;font-weight:700}

.imageflottante {
   float: left;
   box-shadow: 6px 6px 6px #614423;
   margin-right: 20px; 
   width:15%
}
.imageflottante-2 {
   float: center; 
   border-radius: 20px;
   box-shadow: 6px 6px 6px #614423;
}

button, input[class*="btn"] {  
  /* Entêtes "button" de CLASS dont le nom contient "btn" */
  cursor: pointer; white-space: pre-wrap; 
  width:9em; height:4em; 
  transition: all 1s; 
  font-family: 'Arial'; 
  font-size: 1.1em
}
.btnBeige {
  background-color:#FFEBCD;
  color:#600;
} 
.btnBeige:hover { /* Aspect au survol */ 
   background-color:#FFF8C6;
}
.btnClair {
  background-color:#FFFFFF;
  color:#600;
} 
.btnVert {
  background-color:#b1d694;
  color:#600;
}
.btnVert:hover { /* Aspect au survol */ 
   background-color:#7eff00;
}
/*input[type=image] {background:url(parchemin-court.png);}*/
.btnVertClair {  
  background-color:#7eff00;
  color:#600;
}
.btnChap {  
  background-color:#f9d921;
  color:#600;
}
.bouton {
  cursor: pointer; white-space: pre-wrap; 
  width:6em; height:3em; 
  transition: all 1s; 
  font-family: 'Arial'; 
  /* font-size: 0.7em; */
  background-color:#DAA520;
  color:#E8E838; 
}
.p1 {margin-bottom: -2em}
.p03{margin-bottom:-1.6em}.p02{margin-bottom:-1.3em}.p01{margin-bottom:-1em}
.p0 {margin-bottom: -1em}
.pI {margin-bottom: -0.6em}
.pII {margin-bottom: -0.3em}
.pIII {margin-bottom: 0px}
.pIV {font-size: 170%}
.pV{margin-bottom:17%;}
.pVI{margin-bottom:25%}
.marge_droite {  /* <p class="marge_droite"> */
    margin-right: 40%; 
	/* laisse de la place à droite pour l'image de fond */
}
.marge_gauche {  /* <p class="marge_gauche"> */
    margin-left: 10%; 
	/* laisse de la place à droite pour l'image de fond */
}
a.item{color:green;font-family:'Verdana','Comic Sans MS';text-shadow: 0;font-size:1.1em;line-height:1.7em}a.item:hover{color:blue}a.item span{display:none;border-radius:8px}
a.item:hover span{display:inline;position:absolute;line-height:1em;border:1px solid #8c8c8c;background:#f4f4f4;z-index:3}a.item>span{font-size:.9em;width:80%;padding:1em;box-shadow:6px 4px 4px #d9b3c3}a.item:hover>span{opacity:1;line-height:1.5em;margin-top:-14em;left:3em;z-index:5}