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

#fragxml h1{ text-align:center; font-size: 19px; color:#077; font-weight:normal; margin:20px 20px 40px 10px;}
#fragxml h1 span{ font-size:16px; color:#099;}
#fragxml h2{ font-size:14px; text-align:center; padding-bottom:30px;}
#fragxml h3{ font-size:12px !important; text-align:left; color:#055;}
#fragxml h4{ font-size:11px !important; text-align:left; color:#055;}
#fragxml h5{ font-size:10px !important; text-align:left; color:#066; color:#C00; margin-bottom:10px;}

#fragxml a{ color:#369;}

#fragxml #chapeau{ line-height:17px; color:#044; font-size:11px; font-weight:bold; }
#fragxml p{ text-indent:25px; font-size:11px !important; line-height:18px; color:#033;}
#fragxml #chapeau:first-letter{font-size:20px; color:#c00; font-weight:normal;}
#fragxml span.nomPropre{ color:#055; /*border-bottom:1px dotted #c00;*/ font-weight:bold;}
#fragxml span.glossaire{ color:#606; }
#fragxml span.bibliographie{ font-family:Georgia, "Times New Roman", Times, serif; font-size:10px !important; }
#fragxml p span.bibliographie{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px !important; }
#fragxml span.geographie{ color:#055; }
#fragxml span.premierMot{font-weight:bold; color:#055; font-size:10px;}

#fragxml p.source, #fragxml p.geographie, #fragxml p.nature, #fragxml p.legende{ text-indent:0; font-size:10px !important; line-height:14px;}
#fragxml p.source strong, #fragxml p.geographie strong, #fragxml p.nature strong{color:#600;}
#fragxml p.source{ border-top:1px solid #900;  margin-top:20px; margin-bottom:0; padding-top:5px; clear:both; }

#fragxml p.geographie, #fragxml p.nature{ margin-top:5px; margin-bottom:0; }
#fragxml p.sansIndentation{text-indent:0;}
#fragxml div.page p.numeropage{text-align:right; color:#C00; font-size:9px !important; }
#fragxml div.separateur{ height:10px; width:100; background: url(../img/separateur.png) no-repeat center; clear:both; margin: 20px 0 30px 0; }
/******** à paufiner ******************************/
p#public {border-top:1px solid #900;  margin-top:20px; margin-bottom:0; padding-top:5px; text-indent:0; font-size:10px !important;  clear:both;}
p#public span.discipline { font-weight:bold; display:block; float:right; }
p#public span.niveauClasse{ display:block; float:left; color:#663;}

/**************************************************/
#fragxml p.signature{ text-align:right; text-indent:0; font-weight:bold; font-size:10px !important; font-style:italic;}
#fragxml p.auteur{ text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#066; clear:both;}
#fragxml p.chapeau{ font-weight:bold; text-indent:0;}
#fragxml h2.centre, #fragxml h3.centre, #fragxml h4.centre, #fragxml h5.centre{ text-align:center; }
#fragxml h2.droite, #fragxml h3.droite, #fragxml h4.droite, #fragxml h5.droite{ text-align:right; }

#fragxml ul, #fragxml ol{ color:033; font-size:11px; margin:5px 0 5px 20px;}
#fragxml ul li{ margin-bottom: 15px; padding-left:15px;  list-style:none; background:top left no-repeat url(../img/puce3rouge.png); color:#033; text-align:justify; }
#fragxml ol li{ margin-bottom: 15px; padding-left:5px; color:#033;  }
#fragxml ol ul li{ margin-bottom: 15px; padding-left:15px;  list-style:none; background:top left no-repeat url(../img/puce3rouge-petite.png); color:#033; }
#fragxml ul ul li{ margin-bottom: 15px; padding-left:15px;  list-style:none; background:top left no-repeat url(../img/puce3rouge-creuse.png); color:#033; }
#fragxml ul ul{ margin-left:10px; }
#fragxml ul p, #fragxml ol p{ text-indent:0; }

#fragxml td ul, #fragxml td ol{ color:033; margin-left:5px;}
#fragxml td li{ text-align:left; }

/******** pagination ******************************/
div#fragxml ul.pagination { margin:30px 0 0 0 !important; }
div#fragxml ul.pagination li{ display:inline; background:none; }
div#fragxml ul.pagination li.suivante{ float: right; text-align:right; width:45%; }
div#fragxml ul.pagination li.precedente{ float: left; text-align:left; width:45%; padding-left:0 !important; }
div#fragxml ul.pagination a{font-size:10px; color:#aa7; text-decoration:none; display:block; width:100px; }
div#fragxml ul.pagination a:hover{ color:#639; }
div#fragxml ul.pagination li.suivante a{float:right; text-align:right; padding-right:20px; background:url(../img/suivante.png) no-repeat right;}
div#fragxml ul.pagination li.precedente a{float:left; text-align:left; padding-left:20px; background:url(../img/precedente.png) no-repeat left;}

/******** images *********************************/
div#ecran img{border:1px solid #099;}
div#ecran p#indication{text-align:center; font-size:10px !important; color:#C00; margin:0; padding:0;}
div#ecran p#indication span.moins{color:white;}
div#ecran p#indication span.moins{display:none;}
div#ecran.zoom p#indication span.plus{display:none;}
div#ecran.zoom p#indication span.moins{display:inline;}

div.ecran img{border:1px solid #099;}
div.ecran p#indication{text-align:center; font-size:10px !important; color:#C00; margin:0; padding:0;}
div.ecran p#indication span.moins{display:none;}

div#diaporama { text-align:center; margin-bottom:20px; }
div#diaporama img{border:1px solid #099;}
div#diaporama p#indication{text-align:center; font-size:10px !important; color:#C00; margin:0; padding:0;}
div#diaporama p#indication span.moins{display:none;}

div#ecran{z-index:1000; text-align:center;}
div#ecran div.ztxt ul.petit li { text-align:left; margin:0; padding:0; padding-left:15px; font-size:10px; }
div#ecran.zoom{position:absolute; left:0; top:0; padding-top:20px; width:100%; height:1500px; background: url(../img/transparence066.png);}
div#ecran.zoom img{border:5px double #0CC;}
div#ecran.zoom p.source, div#ecran.zoom p.legende {text-align:center;}
div#ecran.zoom img#image1{position:absolute;}
div#ecran.zoom p#indication{position:absolute; left:0; width:100%; text-align:center;}
div#ecran.zoom div#legende{position:absolute; left:0; width:100%; text-align:center; margin-top:10px;}
div#ecran.zoom div.ztxt{display:none; }

div#ecran.zoom p{ display:none; }
div#ecran.zoom div{ display:none !important; }
div#ecran.zoom div#legende, div#ecran.zoom div#legende p, div#ecran.zoom p#indication{display:block !important; }

div#fragxml div.textes div.ecran{ width:300px; margin:auto; text-align:center; }
div#fragxml div.textes div.ecran a img{border:1px solid #099; width:250px;}
div#fragxml div.textes div.ecran p.indication{text-align:center; font-size:9px !important; color:#C00; margin:0; padding:0;}
div#fragxml div.textes div.ecran p.legende{text-align:center; font-size:10px !important; color:#069; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
div#fragxml div.textes div.ecran p.indication span.plus{color:white;}


/******** listes *********************************/
div#fragxml ul.dialogue li{ background-image:none;}

/******** notes *********************************/
div#fragxml ul.notes{clear:both; border-top:1px solid #900; margin:30px 0 0 0; padding:10px 0 0 0; font-size:10px; display:none; }
div#fragxml ul.notes li{list-style:none; background-image:none; padding:0; color:#147;}
div#fragxml sup a.note{ text-decoration:none; color:#369;}
div#afficheNote{ position:absolute; width:200px; height:auto; border:1px solid #369; text-align:center; background-color:#ffc; padding:5px; color:#147; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px;}

/******** tableau ******************************/
#fragxml table{ border:1px solid #525 !important; margin:20px auto; font-size:10px; border-spacing:0; border-collapse:collapse;}
#fragxml table caption{font-size:13px !important; color:#055; font-weight:bold; }
#fragxml td{padding:3px 5px; border-bottom:1px solid #636; vertical-align:top;}
#fragxml td+td{ border-left:1px solid #ddd;}
#fragxml td.centre{text-align:center;}
#fragxml td.droite{text-align:droite;}
#fragxml td.gauche{text-align:gauche;}
#fragxml td.haut{vertical-align:top;}
#fragxml td.bas{vertical-align:bottom;}

/* pour centrer les colonnes i et j <table class="ci cj"> */
#fragxml table.c1 td{ text-align:center; }
#fragxml table.c1 td + td{ text-align:left; }
#fragxml table.c2 td + td{ text-align:center; }
#fragxml table.c2 td + td + td{ text-align:left; }
#fragxml table.c3 td + td + td{ text-align:center; }
#fragxml table.c3 td + td + td + td{ text-align:left; }
#fragxml table.c4 td + td + td + td{ text-align:center; }
#fragxml table.c4 td + td + td + td + td{ text-align:left; }
#fragxml table.c5 td + td + td + td + td{ text-align:center; }
#fragxml table.c5 td + td + td + td + td + td{ text-align:left; }

#fragxml thead{background-color:#414; color:white; font-weight:bold; height:25px; }
#fragxml thead td{ vertical-align: middle; }
#fragxml tbody tr{height:24px;}
#fragxml tr.centre td{ text-align:center;}
#fragxml tbody tr.paire{ background-color:#eee; }
#fragxml tbody tr.impaire, #fragxml tbody tr{ background-color:#fff; }
#fragxml tfoot{ background-color:#055; color:white; font-weight:bold; }
#fragxml p.citation{ font-style:italic; text-indent:0; margin:10px 10px 10px 20px; }
#fragxml p.langues{ text-align:right; font-size:13px !important; color:#099;}
#fragxml p.langues img{ vertical-align:middle;}
img#fr:hover{ cursor:pointer;}
img#uk:hover{ cursor:pointer;}

/********* textes ******************************/
div#fragxml div.textes{ border:1px solid #900; padding:20px; margin:20px 0; background-color:#eec; }
div#fragxml div.textes h3{ text-align:center; }
div#fragxml ul#sommairedoc li{ font-size:10px; margin:3px;  background:top left no-repeat url(../img/puce3rouge-sommaire.png); }
div#fragxml ul#sommairedoc li.actif, div#fragxml ul#sommairedoc li.actif:hover{ background-image: url(../img/puce3rouge-sommaire-actif.png); }
div#fragxml ul#sommairedoc li:hover{ background-image: url(../img/puce3rouge-sommaire-survol.png); }

div#fragxml ul#sommairedoc li a{ text-decoration:none; color:#055; }
div#fragxml ul#sommairedoc li a.pdf{ background-image:url(../img/apdf.png); background-repeat:no-repeat; background-position:right; padding-right:20px; }
div#fragxml ul#sommairedoc li a:hover{ text-decoration:underline; cursor:pointer; }

div#fragxml ul#sommairedoc li.actif a{ font-weight:bold; text-decoration:none; color:#900;}
div#fragxml ul#sommairedoc li.actif a:hover{text-decoration:none;  cursor:default; }
/********** vignettes ***************************/
div#fragxml p.vignette{ text-align:center; font-style:italic; color:#099; padding:0; }
div#fragxml p.vignette img{ border:3px double #066;}
div#fragxml p.vignette.droite{ float:right; margin: 0 0 0 15px; }
div#fragxml p.vignette.gauche{ float:left; margin: 0 15px 0;}

/********** particulier ************************/
div#fragxml table.table43 thead p, div#fragxml table.table44 thead p{ color:white; }
div#fragxml table.table43 tbody p{ font-style:italic; }
div#fragxml table.table43 p, div#fragxml table.table44 p{ margin:0; padding:0; text-align:center; text-indent:0; }
div#fragxml table.table43 td{ padding:0; width:40%; border-left-color:#525;  }
 div#fragxml table.table44 td{ padding:0; border-left-color:#525; text-align:center;  }
div#fragxml table.table43 td+td{ padding:0; width:10% }



div#vignettes{ float:left; margin: 5px 20px 5px 0; cursor:pointer; }
div#vignettes, div#vignettes img{ width: 50px; } 
div#vignettes.zoom{ width:inherit;}

div#vignettes img{ margin-bottom: 1px; border:1px solid #900;}
div#vignettes img.z{ width:200px;}

div#vignettesZoom{ float:left;  cursor:pointer; }
div#vignettesZoom img{ border:5px double #900; }
div#vignettesZoom.zoom{ margin: 0 20px 10px 0; } 

/* WILBERFORCE INSTITUTE */
h2.wilberforce{ border:1px solid #060; padding:0 !important; }
h2 span.wilberforce1, h2 span.wilberforce2, h2 span.wilberforce3 { display:block;  margin:0; padding:5px 0; }
h2 span.wilberforce1{ background-color:#693; font-size:10px; color:white; } 
h2 span.wilberforce2{ background-color:white; font-size:24px; color:#900; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; } 
h2 span.wilberforce3{ background-color:white; font-size:12px; color:black; font-family:Georgia, "Times New Roman", Times, serif;  font-style:italic; }