/* Essai de feuille de style pour le site www.lamaisondesevres.org date : 2004-08-09 et 2005-07-11 - Au 29-oct-05 193 lignes*/
a:link { color: blue; text-decoration: underline;}
a:visited { color: purple; text-decoration: underline;}
a:active { color: #ff0000; text-decoration: underline;}
a:hover { color: #0000ff; text-decoration: underline;}
body { color: black; font-family: "Times New Roman", Georgia, Times, Arial, serif; margin-right: 5%; margin-left: 5%; }
/*Verdana, Arial, Helvetica, sans-serif - background-color: #33cccc;*/
h1 { font-size: 20pt; font-style: italic; font-weight: bold; text-align: center;}
h2 { font-size: 14pt; font-weight: bold; text-align: center;}
h3 { text-align: justify;}
h4 { text-align: justify;}
h5 { font-size: 10pt;font-style: italic;}
p,ul,li { font-size: 10pt;}
.baspage { color: #687eb8; font-weight: bold; font-size: xx-small; font-family: "Times New Roman", Georgia, Times }
.bo { font-weight: bold;}
.bo14  { color: #3494F6; font-size: 16px; font-weight: bold }
.it { font-style: italic;}
.itjusbleu { font-style: italic;text-align: justify;color: #223089 ;}
.itbo { font-style: italic;font-weight: bold;}
.itboce { font-style: italic;text-align: center;font-weight: bold;}
.itbocel { font-style: italic;font-size: 10pt;font-weight: bold; text-align: justify;}
.itbodr{ font-size: 10pt; font-style: italic;font-weight: bold; text-align: right; margin-right: 5% }
.itbocit { font-size: 10pt; font-style: italic;font-weight: bold; text-align: justify; margin-right: 5%; margin-left: 5%;}
.itcit { font-size: 10pt; font-style: italic;text-align: justify; margin-right: 5%; margin-left: 5%;}
.itcit2 { font-size: 10pt; font-style: italic;text-align: justify; margin-right: 8%; margin-left: 8%;}
.itcit a:link { color: blue; text-decoration: none;}
.itcit a:visited { color: purple; text-decoration: none;}
.itcit a:active { color: #ff0000; text-decoration: none;}
.itcit a:hover { color: #0000ff; text-decoration: none;}
.itcel { font-style: italic;font-size: 10pt; text-align: justify;}
.itredu {font-style: italic;font-size: 80%;}
.lebleu {font-size: 100%; font-weight: bold; color: #223089;}
.lettrine { font-size: 140%; font-weight: bold ;}
.lire { color:#0099ff;}
.nbfoto {font-size: 75%;}
.nor{font-weight: normal;}
.red { color: red }
.redu {font-size: 80%;font-weight: normal;}
.redu2 {font-size: 9px;font-weight: normal;padding-left: 6em;}
.redubleu   { color: #223089; font-size: 80%; font-weight: bold }
.reduit{font-weight: normal; font-size: 75%}
.retr{padding-left: 10% }
.renvoi  {padding-right: 40px; padding-left: 40px }
.orace { color: #ff9933;text-align: center;font-size: 14pt;}
.oraceboit { color: #ff9933;text-align: center;font-size: 18pt;font-weight: bold;font-style: italic;}
/*Page "plan"*/
.plan {background-color: #990000; color: #fff}
.plan a:link { color:#fff;text-decoration: none;}
.plan a:visited { color:#ff9900; text-decoration: none;}
.plan a:active { color:#fff;text-decoration: none;}
.plan a:hover { color:black;text-decoration: none; }
.pedag {color: #00FF00;}
.sstitre {font-weight:bold;font-size:large;color:#687EB8;}
.titre { color: black; font-weight: bold; font-size: x-large;  text-align: center }
.titretab {font-weight:bold; font-size:small;color:#FFFFFF; background-color:#5D8FDC;}
.text {color: #fff;list-style-type: none;margin: 15pt;}
td.soc { color: #000000; font-weight: normal; font-size: medium;  }
/*2e Page "d'accueil"*/
#ile {color:blue;text:justify;margin-right: 10%; margin-left: 10%;}
h1.ile { font-size: xx-large; font-style: italic;font-weight: normal; text-align: left;} 
h2.ile { font-size: x-large; font-style: italic;font-weight: normal;}
h5.ile { font-weight: normal;font-style: italic; }
p.ile { font-style: italic; text-align: justify; margin-right: 10%; margin-left: 10% ;}
/*Pied centré*/
#bas2     { visibility: visible;text-align: center; }
div#footer { clear: both; padding-top: 1em; text-align: center; color: #fff; font-size: 85%; font-weight: bold;}
/*Pages "statistiques"*/
#fondstat {background-color: #660000;margin-right: 2%; margin-left: 2% ;margin-bottom: 4%;}
p.stat {font-size: 10pt; color: black; text-align: left;margin-left: 10%; margin-right: 10%;}
h1.stat { font-size: 2pc ;font-style: italic ; color: white; font-weight: normal;}
h2.stat { font-size: 1pc ;font-style: italic ; color: black; text-align: left;}
#limage   { visibility: visible; position: relative; top: 43px; left: auto; width: 649px ;}
#letxt   { text-align: justify; visibility: visible; position: relative; top: 60px; left: auto; width: 680px; height: 226px; }
#fond    { background-color: #cff; visibility: visible; position: relative; top: 14px; left: auto; width: 742px; height:1000px; }
/*Pages "sommaire"*/
#fonsom{background-color: #ffffcc;}
h1.txtclair { color:#ffffcc; font-size: 22pt; font-style: italic; font-weight: normal; padding-top: 80px}
#imgtxt { background-image: url("../img/fd1.jpg"); visibility: visible; position: absolute; top: 15px; left: 20%; width: 488px; height: 178px; }
#corps { visibility: visible; display: block; position: absolute; top: 202px; left: 10%; width: 628px; height: 1111px; }
/*Page "repères chronologiques"*/
#imgtxt2 { background-image: url("../img/fd1.jpg"); visibility: visible; position: absolute; top: 45px; left: 20%; width: 488px; height: 178px; }
h2.krono { text-align: left;font-style: italic;}
ul.krono { text-align: justify;font-style: italic;}
#mais   { visibility: visible; display: block; position: absolute; top: 238px; left: 38px; width: 337px; height: 719px; }
#yv  { visibility: visible; display: block; position: absolute; top: 238px; left: 384px; width: 349px; height: 452px; }
#ro      { visibility: visible; display: block; position: absolute; top: 763px; left: 384px; width: 349px; height: 562px; }
#bas     { visibility: visible;position: absolute;top: 1380px;left: 330px; }
/*Pages "accueil"*/
#fondacc{  color: blue; text-align: justify; margin-right: 10%; margin-left: 10% ; }
h1.acc { font-size: 40px; font-style: italic;font-weight: normal; text-align: left; }
h2.acc { font-size: x-large; font-style: italic;font-weight: normal; }
h5.acc{ font-weight: normal; }
p.acc { font-style: italic; text-align: justify; margin-right: 10%; margin-left: 10%; }
.taille40{ font-size: 40px; }
/*Pages "Voile au vent"*/
#fondvoi{ background-color:#990000; color:#ffffcc ; font-style: italic; margin-right: 5%; margin-left: 5% ;}
p.voi{text-align: justify ;}
/*Pages "foto"*/
#fondfoto{ background-color:#cddbeb; margin-right: 5%; margin-left: 5% ;}
/*Pages "histoire-textes"*/
h5.hist {margin-right: 5%;}		
p.hist {font-size: 10pt; text-align: justify; margin-right: 5%; margin-left: 5%;}
/*Pages "apr"*/
#fondapr{ background-color: #ffffff; margin-right: 5%; margin-left: 5% }
/*Pages "Rue Amelot"*/
#fondame{background: #EED;margin-right: 5%; margin-left: 5%;}
#fondam{background: #EBE3E2;}
p.ame { color: #333399; text-align: justify }
/*Pages "mémoire de Céline"*/
#fondcel {background: #EED; margin: 1em;}
li.title {display: block; font-weight: normal; text-align: center;}
li.catno {display: block;font-weight: lighter; text-align: left;font-size: 75%;}
h1.cel { font-size: 22pt; font-style: italic;}
h3.cel { font-size: 10pt; font-weight: bold; text-align: center;}
h4.cel { font-size: 10pt; font-style: italic; font-weight: normal;text-align: justify; margin-right: 5%; margin-left: 5%;}
td.cel, th.cel { font-size: 10pt;}
h5.cel { font-style: italic;}
p.cel { font-size: 10pt; text-align: justify }
p.itdr {font-style: italic; text-align: right; margin-left: 30%;}
ol.cel { font-size: 10pt; text-align: justify;}
.cel a:link { color: blue; text-decoration: none;}
.cel a:visited { color: purple; text-decoration: none;}
.cel a:active { color: #ff0000; text-decoration: none;}
.cel a:hover { color: #0000ff; text-decoration: none;}
/*Pages "musique"*/
#fondmus{background-color: #ffcccc;}
#fondmus2 { background-color: yellow }
#audio {text-align: center;font-style: italic; font-size: 12px; font-weight: bold;margin: 0px;padding: 0px;}
p.audio{font-weight: normal;}
#chainage { height: 36px; width: 117px; left: 4px; top: 95px; position: absolute; visibility: visible; font-style: italic; font-size: 12px; font-weight: bold;}
/*Pages "presse"*/
.press { background-color: olive;color:#fff;float: left; padding-right: 20px;padding-left: 20px;padding-bottom:20px; }
p.press { font-style: italic; }
/*Pages "amis"*/
#fondami{background-color: #33ccff;}
/*Pages "témoignages"*/
#fontem{ background-color: #ffffcc; text-align: justify; margin-right: 10%; margin-left: 10% }
#adr { color: #663300; font-size: 12pt }
#bleu8 { color: #0033ff; font-size: 8pt }
#bleu { color: #0033ff; font-size: 12pt }
h4.tem{font-size: 10pt; font-style: italic; text-align: right; margin-right: 5% }
/*Pages "exposition"*/
#fondexpo { background-color: #ffffcc; margin-right: 5%; margin-left: 5% }
#texttabl{text-align: left; font-weight: normal;}
.expo {background-color: #660000;}
.expo a:link { color:#fff;text-decoration: none;}
.expo a:visited { color:#ff9900; text-decoration: none;}
.expo a:active { color:#fff;text-decoration: none;}
.expo a:hover { color:#0000FF;text-decoration: none; }
h1.expo {padding-top: 15px; padding-bottom:15px; color: #fff;margin: 0pt}
/*Pages "revolution proletarienne"*/
#retour { visibility: visible; position: absolute; top: 64px; left: 50px; width: 41px; height: 44px }
#retourtxt { visibility: visible; position: absolute; top: 107px; left: 14px; width: 146px; height: 28px }
#difftext { font-weight: normal; visibility: visible; position: absolute; top: 194px; left: 10px; width: 146px; height: 1000px }
#hot { font-style: italic; font-weight: bold; visibility: visible; position: absolute; top: 57px; left: 160px; width: 720px; border-bottom: 2px solid gray }
p.hot { font-size: 14pt;}
#titre { font-size: 20pt; font-weight: bold; text-align: center; visibility: visible; position: absolute; top: 164px; left: 160px; width: 720px }
#col1 { visibility: visible; position: absolute; top: 201px; left: 160px; width: 350px; height: 100% }
#col2 { visibility: visible; position: absolute; top: 201px; left: 530px; width: 350px; height: 100% }
#element { font-style: italic; text-align: left; margin-left: 14px; vertical-align: top }
#hautrev { font-size: 14pt; font-style: italic; font-weight: bold; text-align: center; visibility: visible; position: absolute; top: 7px; left: 160px; width: 720px }
#fondrev {background: #ffcc99; margin: 1em;margin-left: 2em; margin-right: 2em}
tr.rev { font-size: 10pt;font-style: italic;}
p.revredu { font-size: 10pt; text-align: justify;font-size: 75%;}
p.rev { font-size: 10pt; text-align: justify;}
a.space {padding-right: 15px;padding-left: 15px;}
/*Pages "monde libertaire "*/
#fondml {background-color: #ffcc99; margin: 1em;margin-left: 2em; margin-right: 2em}
p.ml { font-size: 10pt; text-align: justify;}
p.mlredu { font-size: 10pt; text-align: justify;font-size: 75%;}
p.mlreduce { font-size: 10pt; text-align: center;font-size: 75%;}
p.mlitredu { font-size: 10pt; text-align: justify;font-size: 75%;font-style: italic;}
#juin05 { background-color: #99cccc; height: 712px; width: 137px; left: 10px; top: 48px; position: absolute; visibility: visible; }
p.juin05 {padding-left: 5px; color:#fff; font-weight: bold;}
h1.juin05 {background-color: #ccc; padding-top: 15px; padding-bottom:15px; color: #fff; margin: 0pt; border-top-color: #000; border-top: 1px solid #000; border-left: 1px solid #000;}
.juin05 a:link { color:#fff;text-decoration: none;}
.juin05 a:visited { color:#ff9900; text-decoration: none;}
.juin05 a:active { color:#fff;text-decoration: none;}
.juin05 a:hover { color:#0000FF;text-decoration: none; }
.menu  { color: yellow; list-style-type: none; margin: 0; padding: 0;}
.menu2 {font-size:12px; font-weight:bold; color:#223089; background-color:#FFFFCC;}
.soc {background-color: #ffffcc;}
img.bor {padding-top: 25px;padding-right: 15px;}
#pied 	{ font-size: 85%; visibility: visible; position: inherite; top: 549px; left: 0; width: 850px; height: 40px; text-align: center; }
#pied2 	{ height: 42px; width: 702px; left: 148px; top: 549px; position: absolute; visibility: visible;font-size: 85%; text-align: center;}
a.pied 	{padding-right: 15px;padding-left: 15px; text-decoration: none;}
img.pied {padding-right: 10px;padding-left: 10px;}
img.pied2 {padding-left: 50px;}
#prepar { height: 238px; width: 680px; left: 147px; top: 48px; position: absolute; visibility: visible; border-top: 1px solid #000; }
#prepar2 { height: 238px; width: 680px; left: 147px; top: 285px; position: absolute; visibility: visible; }
#prepar3 { height: 238px; width: 680px; left: 147px; top: 522px; position: absolute; visibility: visible; }
#cha  { color: #fff;visibility: visible; position: absolute; top: 0px; left: 148px; width: 700px; height: 101px;text-align: center;}
a.cha {padding-right: 15px; padding-left: 15px;}
#gau  { color: #fff; visibility: visible; position: absolute; top: 60px; left: 0; width: 140px; height: auto;margin-left: 5pt;}
#cen  { color: #fff;visibility: visible; position: absolute; top: 101px; left: 148px; width: 700px; height: 448px;}
#ind { position: absolute; height: 60px; width: 900px; left: 80px; top: 580px; visibility: visible; }
a.ind 	 {padding-right: 15px;padding-left: 15px;}
h5.ind	{padding-right: 25px;}
#ret {float: left}
#num { height: 40px; width: 80px; left: 850px; top: 549px; position: inherit; visibility: visible; }
#lo { clear: both; padding-top: 1em; padding-bottom: 1em; text-align: center; color: #fff; font-size: 85%; font-weight: bold;}
#mi { clear: both; padding-top: 1em; padding-bottom: 1em; text-align: center; color: #fff; font-size: 85%; font-weight: bold;}

/*Photos: paysage (Landscape) ou portrait*/
div.pic  { background: url("../exp/img/forme-ls.gif") no-repeat center; margin: 5px 3px; padding: 15px; width: 130px; height: 130px; float: left; border-color: #aaa #aaa #aaa #444 }

.tabl{ font-size: 10pt; text-align: center;}
.tabl a:link { color: blue; text-decoration: none;}
.tabl a:visited { color: purple; text-decoration: none;}
.tabl a:active { color: #ff0000; text-decoration: none;}
.tabl a:hover { color: #0000ff; text-decoration: none;}
div.pt  { background: url("../exp/img/forme-pt.gif") }
div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
div.ls img{height: 96px; width: 128px; margin: 16px 0;}
div.pt img{height: 128px; width: 96px; margin: 0 16px;}
.clCMEvent { visibility: hidden; position: absolute; z-index: 300; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0,100%,100%,0);}
.clCMAbs { visibility: hidden; position: absolute; top: 0; left: 0; width: 10; height: 10;}
td.tabl { font-size: 10pt;}

/* Appel de clBar,dans le menu.js */
/* Appel de clT, clTover, clB dans le menu.js niveau 0 */
/* Appel de clS, clSover, clB dans le menu.js niveau 1 */
/* clS2 et clS2over concernent l'encadrement des menus d?roulant et la visibilit? de l'image fl?che*/
.clT, .clTover, .clS, .clSover, .clS2, .clS2over { cursor: hand; position: absolute; width: 130; height: 25; overflow: hidden;}
.clT, .clTover { font-size: 12px; font-weight: bold; padding: 4px;}
.clS, .clSover { font-size: 11px; font-weight: bold; padding: 2px;}
.clB { visibility: hidden; position: absolute; z-index: 300;}
.clBar { visibility: hidden; position: absolute; width: 10; height: 10;}
.clT { color: #fff;}
.clTover { color: #fff;}
.clS { color: #223089; background-color: #fff; }
/*.clS correspond au menu déroulé*/
.clSover { color: #fff;}
.clSover, .clTover, .clB, .clBar { color: #fff; background-color: #5d8fdc;}