@charset "utf-8";
/* CSS Document */


h1,h2,h3 {font-family:'Century Gothic', Roboto, Verdana,'Bookman Old Style', Arial; font-weight:lighter;}
h1{font-size:1.5em;color:#7E99C6;}
h2{font-size:1.3em;color:#996600;padding-left:1.5em;}
h3{font-size:1.2em;color:#7E99C6;}
h4{font-size:1.2em;color:#996600;} /***Dans la fenetre modale********/
.glorium{font-size:1.4em;font-family:'Century Gothic', Roboto, Verdana,'Bookman Old Style', Arial; color:#8D6958;padding-left:;}         /******#201C1B******/


 /*Accordion Corpus*/
				.accordion { background-color:#eef1f7;color:#283957;cursor: pointer;width: 100%;border: none;border-radius:10px;text-align: right;padding-right:1em ;outline: none;font-size: 1em;font-family: "calibri light",arial,sans-serif;line-height: 1em;transition: all 0.3s ease-out;}

				.active, .accordion:hover { background-color:#dce2ef;}

				.panel { font-size: 0.8em; padding: 0 18px;display: none;background-color: white;overflow: hidden;}



/*****#6C8BBD*********font-weight:lighter****************#293E5F**/
/**********class=".mmm"**********/
/********************************/


.alink {color:#16151A;text-decoration:none;}
.alink:hover {color:#166C9A;text-decoration:underline;} 

.alinkBoutonArchiv {background-color:#ffffff;color:#623733;font-size:1.1em;font-family:'calibri light',arial,sans-serif;text-decoration:none;transition: all 0.3s ease-out;}
.alinkBoutonArchiv:hover {background-color:#F0E2E1;color:#472725;font-size:1.1em;font-family:'calibri light',arial,sans-serif;text-decoration:none;}

.alinkListeTitres, .BMnomVieOeuvre, .BMtitreTheatre {color:#7E99C6;}/*#afacb9   #057AAD*/
.alinkListeTitres:hover, .BMnomVieOeuvre:hover, .BMtitreTheatre:hover {color:#515763;text-decoration:none;}/*#C99806 ou bien #515763*/

.alinkBouton {background-color:#ffffff;color:#273A5A;font-size:1em;font-family:'calibri light',arial,sans-serif;text-decoration:none;transition: all 0.3s ease-out;}
.alinkBouton:hover {background-color:#E8ECF4;color:#131C2B;font-size:1em;font-family:'calibri light',arial,sans-serif;text-decoration:none;}

.alinkBoutonFat {background-color:#ffffff;color:#325236;font-size:1.1em;font-family:'calibri light',arial,sans-serif;text-decoration:none;transition: all 0.3s ease-out;}
.alinkBoutonFat:hover {background-color:#DCE9DE;color:#264027;font-size:1.1em;font-family:'calibri light',arial,sans-serif;text-decoration:none;}


.bordform {border-color:#00CC33;border-style:hidden;}   

.boutRetour {font-size:22px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#556991;text-decoration:none;font-style:italic;}
.boutRetour:hover {font-size:22px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#CCCCCC;text-decoration:none;font-style:italic;}

.boutonRetourTextes {border-radius:10px;text-align:center;color:#666666; width:60px;text-decoration:none;border:solid 1px;padding-top:0.15em;cursor:pointer; margin-right:10px; background-color:#FFFFFF;}
.boutonRetourTextes:hover {border-radius:10px;text-align:center;color:#9AC1FA; width:60px;text-decoration:none;border:solid 1px;padding-top:0.15em;cursor:pointer; margin-right:10px; background-color:#38445A;}

.boutonTelecharger {border-radius:10px;text-align:center;color:#FFFFFF; width:;text-decoration:none;border:solid 1px;padding-top:0.15em;padding-bottom:0.2em;cursor:pointer; margin-right:; padding-right:0.7em; background-color:#7DCB2C;} /*ça marche pas*/
.boutonTelecharger:hover {border-radius:10px;text-align:center;color:#728DBA; width:;text-decoration:none;border:solid 1px;padding-top:0.15em;padding-bottom:0.2em;cursor:pointer; margin-right:; padding-right:0.7em; background-color:#FFFFFF;}

.center-div {margin: 0 auto; width: 1090px; height: 100px;background-color: #fff; background-image:url(fondpapierclair.jpeg); border-radius: 10px; border: 1px #C9CBCF solid;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;-moz-box-shadow: 0px 0px 15px 1px #C9CBCF;-webkit-box-shadow: 0px 0px 15px 1px #C9CBCF;box-shadow: 0px 0px 15px 1px #C9CBCF;}

.centrevertic {
  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.dewplayer {background-image:url();background-color:#FEF8F8;} /*#E9E9E9*/ /*background-color:#171717;*****fondDivAudio2.jpg*******bandeaugtk4.jpg*******/

.dewplayerLabel {font-size:0.7em;font-family:Verdana,Arial;color:#0F7B76;padding-left:1em;}  /*#171717*/

.dewplayerLabelSmall {font-size:0.4em;font-family:Verdana,Arial;color:#171717;padding-left:10px;padding-top:10px}

.dewLabelTextes {font-size:0.9em;font-family:Tahoma,Arial;color:#7E99C6;line-height:1.8em;}/*#006600*/

.dewLabelDocs {font-size:1.4em;font-family:Verdana,Tahoma,Arial;color:#021831;line-height:1.1em;text-align:justify;}/*#006600*/

.divagaisons {text-align:justify;font-size:1.3em;font-family:verdana,arial;color:#006600;}

.divOmbre {border: 1px #C9CBCF solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 15px 1px #C9CBCF;-webkit-box-shadow: 0px 0px 15px 1px #C9CBCF;box-shadow: 0px 0px 15px 1px #C9CBCF;}

.divNet {border: 1px #C9CBCF solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.divPlume {border: 1px #CFAC67 solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.documents {text-align:justify;font-size:0.8em;color:;}/*#CFAC67*/ /*#e09706*/

.enveloppe {display:;width:1090px;margin:auto;border-radius:10px;background-image:url(fondpapierclair.jpeg);}  

.enveloppebleue {border-radius:10px;background-image:url(fondpapierbleu.jpg);}

.epigraphe {font-size:14px;}

.etiqAnthMax, .etiqAnthMax:hover {width:410px;font-size:1.2em;color:;line-height:1em;padding:0.55em;}  .etiqAnthMax {background-color:;transition-property:background-color;transition-duration:0.5s;} .etiqAnthMax:hover {background-color:#7995C5;} .etiqAnthMin {text-align:right;padding-right:1em;margin-top:5px;} 
	
.etiqDivag {
	font-size:1em;color:#032C58;line-height:1em;}
.etiqDivag:hover {
	font-size:1em;color:#97C7FB;line-height:1em;} 
	
.etiqArch {
	font-size:1em;color:#032C58;line-height:1em;}
.etiqArch:hover {
	font-size:1em;color:#97C7FB;line-height:1em;}

.etiqBiog {width:170px;line-height:1em;padding:0.2em;margin-top:0.2em;background-color:;color:#7995C5;}
.etiqBiog:hover {width:170px;line-height:1em;padding:0.2em;margin-top:0.2em;background-color:#7995C5;color:#FFFFFF;}

.filTemps,.filLettres {border-radius:10px;border-style:solid;border-width:1px;border-color:#999999;padding:0.5em 0.5em 0.5em 0.5em;-moz-box-shadow: 0px 0px 15px 1px #C9CBCF;-webkit-box-shadow: 0px 0px 15px 1px #C9CBCF;box-shadow: 0px 0px 15px 1px #C9CBCF;}

.gabkalotexte {font-family:Arial,Verdana;font-size:1.2em;color:#FFFFFF;}

.hyper   {text-decoration:none;font-size:1em;line-height:1.5em;font-family:Verdana, Arial, Garamond;}
.hyper:hover   {text-decoration:none;font-size:1em;line-height:1.5em;font-family:Verdana, Arial, Garamond;}

.hypergtheque   {text-decoration:none;font-size:1em;line-height:1.2em;font-family:Verdana, Arial, Garamond;color:#334762;}
.hypergtheque:hover   {text-decoration:none;font-size:1em;line-height:1.2em;font-family:Verdana, Arial, Garamond;color:#96B9F3; background-color:;padding:;}/*color:#96B9F3*/

.hypergbio   {text-decoration:none;font-size:1em;line-height:1.2em;font-family:Roboto,Verdana, Arial, Garamond;color:#1D2736;}
.hypergbio:hover   {text-decoration:underline;font-size:1em;line-height:1.2em;font-family:Roboto,Verdana, Arial, Garamond;color:#0C2F69; background-color:;padding:;}/*color:#96B9F3*/

.hypergthequeMarg   {text-decoration:none;font-size:0.9em;line-height:1.2em;font-family:Verdana, Arial, Garamond;color:#839ea9;background-image:url();}

.hyperListes  {text-decoration:none;font-family:'times new roman',verdana,arial;font-size:1.5em;font-style:italic;color:#185e81;}
.hyperListes:hover  {text-decoration:none;font-family:'times new roman',verdana,arial;font-size:1.5em;font-style:italic;color:#ADC0DA;}

.hyperListeTitres   {text-decoration:none;font-size:1.3em;font-family:Verdana, Arial, Garamond;color:#101823;}/*  #7E99C6*/
.hyperListeTitres:hover   {text-decoration:none;font-size:1.3em;font-family:Verdana, Arial, Garamond;color:#96A9CD;}

.hyperThemes,.hyperThemesAnth,.hyperThemesArch,.hyperThemesDivag {text-decoration:none;font-family:Verdana, Arial,  Helvetica,sans-serif;font-size:1.3em;color:#101823;}

.hyperThemesAnth:hover,.hyperThemesArch:hover,.hyperThemesDivag:hover {text-decoration:none;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:1.3em;color:#394f79;}  /*#394f79*/
.hyperThemes:hover {text-decoration:none;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:1.3em;color:#394f79;}

.hyperThemesBiog{text-decoration:none;font-family:Verdana, Arial,  Helvetica,sans-serif;font-size:1.2em;color:#101823;}
.hyperThemesBiog:hover{text-decoration:none;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:1.2em;color:#96B9F3;}

.hyperCorpus   {text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}
.hyperCorpus:hover   {text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}

.etiqCorpus {color:#344B29;background-color:#ffffff;transition-property:background-color;transition-duration:0.5s;}
.etiqCorpus:hover {color:#ffffff;background-color:#344B29;/*line-height:1em;padding:0.3em;margin-top:0.2em;*/}

.hyperThemesMarg   {text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;color:#006633;}
.hyperThemesMarg:hover   {text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;color:#CFAC67;}

.infomoteurt,.infomoteurg {text-decoration:none;font-size:0.9em;line-height:1.1em;font-family:Verdana, Arial, Garamond;color:#38445A;}
.infomoteurt:hover,.infomoteurg:hover   {text-decoration:none;font-size:0.9em;line-height:1.1em;font-family:Verdana, Arial, Garamond;color:#996600;}/*#003333*/

.intertitres {font-size:1.5em;color:#838383;font-family:times new roman, arial;font-style:italic;}.intertitresDivag {font-size:1.2em;color:#74A765;font-family:times new roman, arial;font-style:italic;} .surtitres {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;color:#334762;}



.menuAnthol {font-size:1.2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#8C959E;font-style:italic;}

.menuBoutonSurtitre {font-size:1.2em;font-family:'calibri light',Times New Roman,Autour One,Verdana,Arial;color:#525960;text-decoration:none;text-align:center;font-style:normal;}
.menuBoutonSurtitre:hover {font-size:1.2em;font-family:'calibri light',Times New Roman,Autour One,Verdana,Arial;color:#525960;text-decoration:none;text-align:center;font-style:normal;font-weight:bold;}

.menuIntitule {font-size:22px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}
.menuIntitule:hover {font-size:22px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#8C959E;text-decoration:none;text-align:center;font-style:italic;}

.menuIntituleBis {font-size:28px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#FFFFFF;text-decoration:none;font-style:italic;}
.menuIntituleBis:hover {font-size:28px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#404F6C;text-decoration:none;font-style:italic;}

.menuIntituleBisNew {font-size:32px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#556991;text-decoration:none;font-style:italic;}
.menuIntituleBisNew:hover {font-size:32px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#CCCCCC;text-decoration:none;font-style:italic;}/*#8C959E*/

.menuIntituleTer {font-size:1.6em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#836318;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}     /*color:#8E6B1A*/
.menuIntituleTer:hover {font-size:1.6em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#abb4ba;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;} /*color:#abb4ba*/

.menuAccueilAnthol {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#836318;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}     /*color:#8E6B1A*/
.menuAccueilAnthol:hover {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#abb4ba;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}

.menuAccueilBiog {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#185e81;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}     /*color:#8E6B1A*/
.menuAccueilBiog:hover {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#abb4ba;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}

.menuAccueilArchiv {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#7B3538;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}     /*color: #7B3538*/
.menuAccueilArchiv:hover {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#abb4ba;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;} /*color:#abb4ba*/

.menuIntituleTerSmallAnthol {font-size:1.2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#8E6B1A;background-color:;text-decoration:none;text-align:center;font-style:italic;}     /*color:#8E6B1A #7B3538*/
.menuIntituleTerSmallAnthol:hover {font-size:1.2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#abb4ba;background-color:;text-decoration:none;text-align:center;font-style:italic;} /*color:#abb4ba*/

.menuAccueilDivag {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#528D53;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}
.menuAccueilDivag:hover {font-size:2em;font-family:Times New Roman,Autour One,Verdana,Arial;color:#abb4ba;background-color:#FFFFFF;text-decoration:none;text-align:center;font-style:italic;}

.menuIntituleDivagMax {font-size:32px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#579558;text-decoration:none;text-align:center;font-style:italic;} /*#00b33c*/
.menuIntituleDivagMax:hover {font-size:32px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#c1f0c1;text-decoration:none;text-align:center;font-style:italic;}

.menuIntituleAccueil {font-size:32px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#FFFFFF;text-decoration:none;font-style:normal;}
.menuIntituleAccueil:hover {font-size:32px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#8C959E;text-decoration:none;font-style:normal;}

.menuIntituleDivag {font-size:22px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#c1f0c1;text-decoration:none;text-align:center;font-style:italic;}
.menuIntituleDivag:hover {font-size:22px;font-family:Times New Roman,Autour One,Verdana,Arial;color:#579558;text-decoration:none;text-align:center;font-style:italic;}

.neomenu {font-size:1.4em;font-family:Verdana,Arial;color:#3b4045;text-decoration:none;text-align:center;font-style:normal;}
.neomenu:hover {font-size:1.4em;font-family:Verdana,Arial;color:#828F99;text-decoration:none;text-align:center;font-style:normal;}

.nouvmenuDivag{font-size:0.8em;font-family:Times New Roman,Verdana,Arial;color:#579558;text-decoration:none;text-align:center;font-style:italic;border: 1px #C9CBCF solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 15px 1px #C9CBCF;-webkit-box-shadow: 0px 0px 15px 1px #C9CBCF;box-shadow: 0px 0px 15px 1px #C9CBCF;}
.nouvmenuDivag:hover {font-size:0.8em;font-family:Times New Roman,Verdana,Arial;color:#c1f0c1;text-decoration:none;text-align:center;font-style:italic;border: 1px #C9CBCF solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 15px 1px #C9CBCF;-webkit-box-shadow: 0px 0px 15px 1px #C9CBCF;box-shadow: 0px 0px 15px 1px #C9CBCF;}

.noms {font-size:0.9em;color:#050505}/**etiquettes biographures**/

.noticePremiersJets {font-size:0.9em;color:#006600;text-indent:1em;text-align:justify; border-left:solid 3px; border-left-color:#C6CE9B;padding-left:1em;}

.nouvelleRecherche {text-decoration:none;font-size:0.9em;line-height:1.1em;font-family:Verdana, Arial, Garamond;}

.rollinat {color:#ffffff;background-color:#050505;}

.roro {font-family:'Roboto', sans-serif;color:#385683;font-weight:bold;font-size:1.2em;}   /*#698BBE*/

.titror {font-size:1.1em;color:#996600;font-family:Verdana,'Bookman Old Style',Arial; font-weight:lighter;}

.titrorpaleCadre {font-size:1.1em;color:#B78E39;font-family:Verdana,'Bookman Old Style',Verdana,Arial; font-weight:lighter;}

.labelTemps {font-size:0.95em;color:#CFAC67;font-family:Verdana,Arial;}

.titreMargeries {font-size:0.8em;color:#CFAC67;font-family:Verdana,'Bookman Old Style',Verdana,Arial; font-weight:lighter;text-decoration:none;}

.updown {background-color:#FFFFFF;color:#253042;width:100px;line-height:1em;padding:0.8em;text-align:center;font-family:verdana,arial;font-size:1em;text-decoration:none;}
.updown:hover {background-color:#253042;color:#FFFFFF;width:100px;line-height:1em;padding:0.8em;text-align:center;font-family:verdana,arial;font-size:1em;text-decoration:none;}

/*****************************/
/**********id="#nnn"**********/
/*****************************/

#bandeau {padding-left:0px; padding-top:402px; z-index:1;}

#bandimage {position:absolute;top:180px;left:-26px;}

#bulle {position:absolute;z-index:2;font-family:Tahoma;color:#009900;}

#citationRollinat {position:absolute;top:660px;left:105px;font-family:Times New Roman,Garamond,Verdana,Arial;font-size:18px;font-style:italic;color:#5374A6;text-align:justify;padding-right:5em;}

#commentaire {display:none;
background:gold;}

#envelop {position:relative;}

#enveloppe {height:750px;width:1090px;position:relative;}

#fermerPageCadre {position:relative;top:380px;left:425px;}

#fermerRecherche {position:relative;top:-41px;left:520px;}

#listeAnthologismes {position:absolute;top:70px;left:25px;}/*border:solid 1px #DBB76E;border-radius:10px;*/

#margeries {display:inline-block;width:170px;border:solid;border-width:thin;border-color:#A6ABBE;border-radius:10px;vertical-align:top;padding:6px 0px 12px 0px;}

#mamo {display:block;width:1080px;height:95px;margin:auto;border:0px;border-radius:10px 10px 5px 5px;vertical-align:bottom;padding:6px 5px 6px 5px;background-image:url(mam.jpg);}

#menu {display:block;width:1080px;margin:auto;border:0px;border-radius:10px 10px 0 0;vertical-align:bottom;padding:6px 5px 6px 5px;background-image:url(bandeau.jpg);}

#nomSurBandeau {position:absolute;top:505px;left:0px;z-index:10;font-family:Times New Roman,Garamond,Verdana,Arial;font-size:65px;font-style:italic;color:#CCCCCC;text-align:right}

#nomSurBandeauNew {position:absolute;top:620px;left:0px;z-index:10;font-family:Times New Roman,Garamond,Verdana,Arial;font-size:65px;font-style:italic;color:#CCCCCC;text-align:right}

#portraits {display:inline-block;width:180px;border:solid;border-width:thin;border-color:#A6ABBE;border-radius:10px;vertical-align:top;padding:8px 10px 8px 10px;}/*padding-top:8px;*/

#portraitsp {display:inline-block;width:180px;border:none;border-width:thin;border-color:#A6ABBE;border-radius:10px;vertical-align:top;padding:8px 10px 0px 10px;}    #antholog {display:inline-block;width:170px;border:solid;border-width:3px;border-color:#A6ABBE;vertical-align:top;padding:;}

/**********************************infobulle pour les notes dans SORNETTES**************************/
/**********************************************************************************************/
#sornettes {/*border:;border-radius:15px;border-color:#FFF3E8;background-color:#FBFDFB;*/font-size:1.3em;font-family:"Bookman Old Style",Verdana,Arial, Garamond;text-align:justify;padding-left:1em;padding-right:1em;color:#290047;}

#sornettesProse {/*border:;border-radius:15px;border-color:#FFF3E8;background-color:#FBFDFB;*/font-size:1.3em;font-family:"Bookman Old Style",Verdana,Arial, Garamond;text-align:justify;text-indent:1.5em;padding-left:1em;padding-right:1em;color:#290047;}

.asterSornettes {font-size:1em;color:#339900;}

a.infoSornettes{position:relative;z-index:10;color:#0066CC;text-decoration:none}

a.infoSornettes:hover{z-index:11;color:#666666;background-color:#FFFFFF;}

a.infoSornettes span{display:none;}

a.infoSornettes:hover span{display:block;position:absolute;top:-5em; left:-5em; width:25em;border:1px #000;background-color:#F7F4DF;font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000066;/*#000033*/text-align:left;font-weight:none;padding:1.2em;-moz-box-shadow: 3px 3px 4px #999; /* Netscape */-webkit-box-shadow: 3px 3px 4px #999; /* Safari */box-shadow: 3px 3px 4px #999; /* Good browsers */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5-7 */-moz-border-radius: 10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;}
/***********************************************************************************************/
/************************************************************************************************/

#textes {display:inline-block;width:770px;vertical-align:top;font-family:Lora, "Bookman Old Style",Helvetica,Verdana,Arial,sans-serif;text-align:justify;color:#021831;border-radius:10px;padding:20px;font-size:1.3em;}

#textesProse {display:inline-block;width:770px;vertical-align:top;font-family:Lora, "Bookman Old Style",Helvetica,Verdana,Arial,sans-serif;text-align:justify;text-indent:2em; color:#021831;border-radius:10px;padding:20px;font-size:1.3em;}

#textesBio {display:inline-block;width:770px;vertical-align:top;font-family:Lora, "Bookman Old Style",Helvetica,Verdana,Arial,sans-serif;text-align:justify;text-indent:2em; color:#021831;border-radius:10px;padding:20px;font-size:1.1em;}

#textesBioC {display:inline-block;width:770px;vertical-align:top;font-family:Lora, "Bookman Old Style",Helvetica,Verdana,Arial,sans-serif;text-align:justify;text-indent:2em; color:#021831;border-radius:10px;padding:20px;font-size:0.9em;}

#extextes {display:inline-block;width:770px;vertical-align:top;font-family:"Bookman Old Style",Helvetica,Verdana,Arial,sans-serif;text-align:justify;text-indent:2em; color:#021831;border-radius:10px;padding:20px;font-size:16px;}

/********/ 

#textDiv { background:; padding:1em;}

#titrePage {width:1090px;margin:auto;margin-bottom:0px;border:solid 0px;border-radius:0px;padding:35px 0px 10px 0px;background-image:url(fondpapierclair.jpeg)}

/*****************************************************/
/*****************************************************/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#13181c+0,29474f+36,6a7072+72,deeef2+100 */
background: #13181c; /* Old browsers */
background: -moz-linear-gradient(left,  #13181c 0%, #29474f 36%, #6a7072 72%, #deeef2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #13181c 0%,#29474f 36%,#6a7072 72%,#deeef2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #13181c 0%,#29474f 36%,#6a7072 72%,#deeef2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13181c', endColorstr='#deeef2',GradientType=1 ); /* IE6-9 */

.degrade {
background-color: #13181c; /* Old browsers */
background-color: -moz-linear-gradient(left,  #13181c 0%, #29474f 36%, #6a7072 72%, #deeef2 100%); /* FF3.6-15 */
background-color: -webkit-linear-gradient(left,  #13181c 0%,#29474f 36%,#6a7072 72%,#deeef2 100%); /* Chrome10-25,Safari5.1-6 */
background-color: linear-gradient(to right,  #13181c 0%,#29474f 36%,#6a7072 72%,#deeef2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13181c', endColorstr='#deeef2',GradientType=1 );
}


/******************************************************/
/*********************************************************/

/***************Mise en forme de la Gabkalothèque le 26.01.2021*************/

.outer-div {
     padding: 30px;
     text-align: center;
}
.inner-div {
     display: inline-block;
     padding: 50px;
}

.titregtec {text-align:center;}

.gtecun {background-image:url(fontextebib.png); background-attachment:fixed;}/***le body***/

.gtecdeux {position: absolute; z-index: 2; font-family: Tahoma;}/***la bulle***/

.gtectrois {text-align:center;font-size:0.8em;color:#996600;}

.gtecquatre {text-align:center;}/***figure***/

.gteccinq {font-size:0.9em; font-family:Verdana,Arial,Garamond; color:#FFFFFF; line-height:1.3em; background-color:#5D6F93; padding:1em 1em 1em 1em;}/***le texte***/

.gtecsix {font-size: 0.6em; text-align: right; letter-spacing: 0.02em}/***les formulaires***/


/********style infobulle pour les notes dans les BROCHURES de la Gabkalothèque****************/
/*********La note est appelée par un astérisque blanc qui devient bleu au survol**************/

a.infobrotek{position:relative;z-index:24;color:#FFFFFF;text-decoration:none}
a.infobrotek:hover{z-index:25;color:#002D59;background-color:;}
a.infobrotek span{display: none}
a.infobrotek:hover span{display:block;position:absolute;top:-5em; left:-5em; width:25em;border:1px #000;background-color:#FFFFFF;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000066;/*#38445A*/text-align:left;font-weight:none;padding:1.2em;-moz-box-shadow: 3px 3px 4px #999; /* Netscape */-webkit-box-shadow: 3px 3px 4px #999; /* Safari */box-shadow: 3px 3px 4px #999; /* Good browsers */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5-7 */-moz-border-radius: 10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;}

/********Fin de la Mise en forme de la Gabkalothèque le 26.01.2021**********/




/*****************************************************************************************/
/********style infobulle pour les notes des TEXTES dans les Anthologismes*****************/
/*****************************************************************************************/

a.infogtk{position:relative;z-index:24;color:#0066CC;text-decoration:none}
a.infogtk:hover{z-index:25;color:#666666;background-color:#FFFFFF}
a.infogtk span{display: none}
a.infogtk:hover span{display:block;position:absolute;top:-5em; left:-5em; width:25em;border:1px #000;background-color:#FFFFFF;font-size:0.7em;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000066;/*#38445A*/text-align:left;font-weight:none;padding:1.2em;-moz-box-shadow: 3px 3px 4px #999; /* Netscape */-webkit-box-shadow: 3px 3px 4px #999; /* Safari */box-shadow: 3px 3px 4px #999; /* Good browsers */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5-7 */-moz-border-radius: 10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;}



/*****************************************************************************************/
/********style infobulle pour les noms des AUTEURS dans la liste-accueil des Biographures*****/
/*****************************************************************************************/

a.infobio{position:relative;z-index:24;color:#334762;text-decoration:none;}
a.infobio:hover{z-index:25;color:#3377E8;background-color:#FFFFFF}
a.infobio span{display: none}
a.infobio:hover span{display:block;position:absolute;top:-100px; left:500px; width:20em;border:1px #000;background-color:#FFFFFF;font-size:1.2em;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000066;/*#38445A*/text-align:left;font-weight:none;padding:1.2em;-moz-box-shadow: 3px 3px 4px #999; /* Netscape */-webkit-box-shadow: 3px 3px 4px #999; /* Safari */box-shadow: 3px 3px 4px #999; /* Good browsers */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5-7 */-moz-border-radius: 10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;}



/***************************************/
/**********sprite pour les PORTRAITS**********/
/***************************************/


/**Mise en place du portrait dans la page : ****/
.portraitsReglage {padding-top:15px;padding-left:15px;}

/**Le sprite lui-même : ***********************************/
.trombi {background-image: url(spritesheet-trombi.png); background-repeat: no-repeat;display: block;width: 150px;height: 182px;}
/***.trombi pour chaque auteur***/

.trombi-allais-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -1px;
}

.trombi-bealu-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -1px;
}

.trombi-belleau-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -1px;
}

.trombi-bertin-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -1px;
}

.trombi-bertrand-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -1px;
}

.trombi-blemont-wp {
    width: 150px;
    height: 182px;
    background-position: -761px -1px;
}

.trombi-borel-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -1px;
}

.trombi-chambrier-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -1px;
}

.trombi-colet-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -185px;
}

.trombi-colletet-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -185px;
}

.trombi-corbiere-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -185px;
}

.trombi-cros-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -185px;
}

.trombi-desbvalmore-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -185px;
}

.trombi-deshoulieres-wp {
    width: 150px;
    height: 182px;
    background-position: -761px -185px;
}

.trombi-desjardins-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -185px;
}

.trombi-desjolles-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -185px;
}

.trombi-desportes-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -369px;
}

.trombi-desroches-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -369px;
}

.trombi-dhouville-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -369px;
}

.trombi-dorian-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -369px;
}

.trombi-dovalle-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -369px;
}

.trombi-fourest-wp {
    width: 150px;
    height: 182px;
    background-position: -761px -369px;
}

.trombi-gill-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -369px;
}

.trombi-glatigny-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -369px;
}

.trombi-goudeau-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -553px;
}

.trombi-gourmont-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -553px;
}

.trombi-grecourt-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -553px;
}

.trombi-hugues-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -553px;
}

.trombi-jodelle-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -553px;
}

.trombi-laforgue-wp {
    width: 150px;
    height: 183px;
    background-position: -761px -553px;
}

.trombi-lasphrise-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -553px;
}

.trombi-leclisle-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -553px;
}

.trombi-lorrain-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -737px;
}

.trombi-louys-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -737px;
}

.trombi-macnab-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -737px;
}

.trombi-marie-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -737px;
}

.trombi-martel-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -737px;
}

.trombi-maynard-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -737px;
}

.trombi-merat-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -737px;
}

.trombi-mercoeur-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -921px;
}

.trombi-noailles-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -921px;
}

.trombi-parny-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -921px;
}

.trombi-renard-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -921px;
}

.trombi-richepin-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -921px;
}

.trombi-rollinat-wp {
    width: 150px;
    height: 182px;
    background-position: -761px -921px;
}

.trombi-rutebeuf-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -921px;
}

.trombi-samain-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -921px;
}

.trombi-sauvage-wp {
    width: 150px;
    height: 182px;
    background-position: -1px -1105px;
}

.trombi-scudery-wp {
    width: 150px;
    height: 182px;
    background-position: -153px -1105px;
}

.trombi-siefert-wp {
    width: 150px;
    height: 182px;
    background-position: -305px -1105px;
}

.trombi-soulary-wp {
    width: 150px;
    height: 182px;
    background-position: -457px -1105px;
}

.trombi-stamant-wp {
    width: 150px;
    height: 182px;
    background-position: -609px -1105px;
}

.trombi-sullyprudhomme-wp {
    width: 150px;
    height: 182px;
    background-position: -761px -1105px;
}

.trombi-supervielle-wp {
    width: 150px;
    height: 182px;
    background-position: -913px -1105px;
}

.trombi-tristanlhermite-wp {
    width: 150px;
    height: 182px;
    background-position: -1065px -1105px;
}

.trombi-urfe-wp {
    width: 150px;
    height: 182px;
    background-position: -1217px -1px;
}

.trombi-valade-wp {
    width: 150px;
    height: 182px;
    background-position: -1217px -185px;
}

.trombi-viau-wp {
    width: 150px;
    height: 182px;
    background-position: -1217px -369px;
}

.trombi-villard-wp {
    width: 150px;
    height: 182px;
    background-position: -1217px -553px;
}

.trombi-vivien-wp {
    width: 150px;
    height: 182px;
    background-position: -1217px -737px;
}
   



/***************************************/
/**********FLEX*************************/
/***************************************/
#conteneur {display: flex;}



/**************************************************/
/***************MODAL******************************/
/***(pour fonctionner avec le script fenmodal.js***/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 30; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    padding-left: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 450px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#myBtn {background-color:#FFFFFF;font-family:"Times New Roman", Times, serif;font-size:1.1em;top:630px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/**********************************************************/
/***********Fin de MODAL***********************************/




/*************************************************************/
/************Accordeon qui fonctionne******/
/*************************************************************/

#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%; /**180px**/
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#729EBF;
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: #729EBF
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}