/* feuille de style (CSS) usage SCREEN -  Auteur: Dominique Guebey - Version du 21 juillet 2011 */
/* Recuperation le 15/11/2025 du telechargement du 14/08/2011
* {margin:0; padding:0; border-width:0px;}
html { font-size: 100%; } /* bug I.E. 6 cf http://web.covertprestige.info/test/10-bug-unites-relatives-em-et-ie-1.html */
body { 
        background-color: #ffffff;  
        color: #323232;
	    font-family: Lucida Sans, Geneva, Verdana, Century Gothic, sans-serif; 
        font-size: 12px;
        line-height: 150%;
        }
a:link { color: #0000aa; text-decoration: none; }
a:visited { color: #AA0066; text-decoration: none; } 
a:hover { text-decoration: underline; }

/* xml:lang(en) { font-style:italic } */

caption  { font-size: smaller; }
h1, h2, h3, h4, h5, h6 { margin: 16px 0px 6px 0px; color:#000000; }
h1 { font-size: 24px; line-height: 150%; margin-bottom: 12px; text-align: center; }
h2 { font-size: 22px; line-height: 150%; margin-bottom: 12px; text-align: center; }
h3 { font-size: 20px; line-height: 150%; margin-bottom: 12px; text-align: center; }
h4 { font-size: 18px; text-indent: -48px; }
h5 { font-size: 16px; text-indent: -32px; }
h6 { font-size: 14px; text-indent: -16px; }
hr	{ color: #666699; display: block; clear: both; border-top: 1px solid; height: 0px; margin: 16px 0px 8px 0px; }
img { border-width: 0; margin: 0px 0px 0px 0px; }
p  { text-indent: 24px; text-align: justify; margin: 0px 0px 12px 0px; }

pre { line-height: 1.2; margin-bottom: 8px; }
pre.listing { /* 2008-04-30 */
white-space:pre; /* css-2 */
white-space:pre-wrap; /* css-3 */
white-space:-moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */
overflow:auto; /* pis aller (scrolling pour Firefox) */
}
pre.schema { white-space:pre; } /* 2008-05-01 */ 

/* ol { text-indent: 24px;} */
ol, ul { margin: 0px 0px 0px 24px; }
li { margin: 0px; text-indent: 0px; }
ol { list-style-type: decimal; }
ul { padding: 0; list-style-type: square; liste-style-position: inside; margin-bottom: 6px;}
ul ul, ol ul { margin-left: 24px; list-style-type: circle; }
ul ul ul, ul ol ul, ol ul ul, ol ol ul { list-style-type: disc; }
ol ol, ul ol ol, ol ul ol { list-style-type: upper-alpha; }
ul.enum li { margin-left: 0px; list-style-type: none; }
li > p  { margin: 0px 0px 0px 18px; }

/* MENU    */
.listx { background-color: #9999CC; font-weight: bold; }
ul.listx { margin-left: 0px; }
ul.listx { padding: 06px 12px 0px 12px; }
ul.listx ul { background-color: #DDDDEE; margin: 0px -12px 0px -12px; padding: 0px 12px 0px 36px; }
ul.listx ul ul { background-color: #EEEEFF; margin: 0px -12px 0px -36px; padding: 0px 12px 0px 60px; }
.listx li { list-style-type: none; display: block; }
.listx a { color: #aa0011; display: block; padding-left: 6px; margin-right: -16px; }
.listx a:hover { background-color: #ffffee; color: #000080; text-decoration: none; }
/* div a img { margin: 0px 16px 16px 16px; } pas valable (barres de navigation) */

dl { margin: 0px 0px 0px 0px; text-align: left; }
dl dl { margin: 6px 0px 2px 0px;  
        background-color: transparent; 
        }
dt { color: #000000; margin: 6px 0px 0px 0px; }
dt.bgbleup, dt.bgblanc { padding-left: 12px; padding-right: 12px; margin-top:0px }
dd   { padding-left: 36px; text-indent: -12px; text-align: justify; }
dd li  { padding-left: 8px; text-indent: -0px; }
dd pre { padding-left: 36px; text-indent: 0px }

/* TABLES */
table { border-collapse: collapse; margin: 0px 0px 6px 1px; }
thead { background-color: #bbbbbb; color:#000000; }
td { vertical-align: top; text-align: left; padding: 4px; }
th, thead td { text-align: center; }
form { border: 1px solid #666699; padding: 5px; }
input, textarea { background-color: #666699; color: #ffffff; font-family: Andale Mono, Courier New, Fixed, monospace; }

.print { display: none; }

.bandeau { width: 100%;
        font-size: 22px;
        padding: 8px 0px 8px 0px;
    	color: #ffffff;
        background-color: #0000ff;
        text-align: left;
        } /* padding 2008-03-02 */
.bgblanc { background-color: #ffffff; color: #000000; }
.bggr { background-color: #bbbbbb; color: #000000; }
.bgbleup { background-color: #ccccff; color: #000000; }
.bgroug { background-color: #ff0000; color: #000000; }
.bgver { background-color: #66ff66; color: #000000; }
.bgnoir { background-color: #000000; color: #ffffff; }
.bgjaun {background-color: #ffff66; }
.bold { font-weight: bold; }
.contenu { padding: 16px 48px 16px 72px;
	background-color: #ffffee;
        }
.imgx { margin: 16px; }
.imgy { margin: 0px 16px 16px 16px; }
.italic {font-style:italic}
.vert { color: #22AA22;  }
.pavu {visibility: hidden; }
hr.pavu	{ margin: 0px; padding: 0px; }
.tabcentr { margin-left: auto; margin-right: auto; }
/* .centr  { text-align: center; } */
.navd { float: right; margin-right: 0px; }
.navg { float: left; margin-left: 0px; }
.milieu { text-align: center; }
.small { font-size: smaller; }
.bandeau a:link, .bandeau a:hover, .bandeau a:visited { color: #ffffff; text-decoration: none; }
.xtab td, .xtab th { border-color: #000000; border-style: solid; border-width: 1px; } 
.demo { background-color: #000000; color: #ffffff; padding: 8px 8px 16px 16px; margin: 12px; }
.demo dt, .demo h1, .demo h2, demo h3, demo h4, demo h5, demo h6 { background-color: #000000; color: #ffffff; }
.demo a:link { background-color: #000000; color: #ffffff; text-decoration: none; }
.demo a:hover { background-color: #000000; color: #ffffff; text-decoration: none; font-weight: bold; }
.bgroug a:visited, .demo a:visited  { color: #ffffff; text-decoration: none; font-weight: bold; }
/*.rect { border-style: solid; border-width: 1px; display: inline; }*/
.tetiere { text-align: center; }

.galerie { padding: 16px 48px 32px 64px; background-color: #000000; color: #ffffff; }
.galerie h1 {color: #ffffff; }
.galerie h2 {color: #ffffff; }
.galerie h3 {color: #ffffff; }
.galerie h4 {color: #ffffff; }
.galerie h5 {color: #ffffff; }
.galerie h6 {color: #ffffff; }
.galerie a { color: #ffffff; }
.cadre { background-color: #ffffff; }
.marge04 { margin: 4mm}
.marge16 { margin: 16mm}

/* #verba, #verho { text-align: center; } 2011-07-21 */
#ynavig, #znavig { font-size: 10px; margin-left: 4px; margin-right: 4px; }
.case { display: block; 
        float: left; 
        border-style: solid; 
        border-width: 1px; 
        padding: 0px 4px 0px 4px;   
        margin: 0px 0px 0px 8px; } /* 2008-03-05 */
#ypied, #ytete { margin-left: 8px; }
#ypied div, #ytete div, #bloc0 div, #bloc0 caption {
        display: block; 
        font-size: 10px;
        float: left; 
        border-style: solid; 
        border-width: 1px; 
        padding: 0px 4px 0px 4px;   
        margin: 0px 8px 4px 8px; }
#ypied div.print, #ytete div.print { display: none; }
#zpied { display: none; }
/* span.print { display: block; }   */
.listing { font-family: courrier, monospace;
	color: #000000;
	background-color: #dddddd;
	text-align: left;
        padding: 0px 6px 0px 6px;
	}
ul > .listing { text-indent: 0px; }
.listline li { display: inline; text-indent: 0px; list-style-type: none; }
.ecranvert { font-family: Andale Mono, Courier New, Fixed, monospace;
    font-size: 14px;
	color: #00ff00;
	background-color: #000000;
	text-align: left;
    padding: 0px 8px 0px 8px;
}
.ecranvert .carblanc { color:#ffffff; }
.carbleu  { color:#4400bb; }
.ecranvert .carbleu  { color:#9999ff; }
.ecranvert .carevid  { color:#000000; background-color:#00ff00; }
.carouge  { color:#ff0000; }
.carvert  { color:#00aa00; }
.fonbleu  { color:#000000; background-color:#9999ff; }

.tt { font-family: Fixed, monospace; }

/* MENU - AFFICHAGE D UN INDEX DE PAGES DU SITE */
.index { margin-left: auto; margin-right: auto;	
         font-family: Verdana, Georgia, Arial, Times New Roman, Helvetica, Lucida, sans-serif;  
         font-weight: bold; }
/* h1.index { font-size: 16px; } */
.index ul { padding: 0; list-style-type: none; }
.index li { margin: 2px;
        list-style: none; 
        color: #ffffff;
	background-color: #0000ff;
        }
.index ul ul { background-color: #6600CC; }
.index a:link, .index a:visited { display: block; padding: 5px 10px 5px 10px; color: #ffffff; background-color: #000ff; }
.index a:hover { display: block; color: #ffffff; background-color: #C030C0; text-decoration: none; }
.index ul ul a:link, .index ul ul a:visited { background-color: #6600CC; }
.index ul ul a:hover { background-color: #6600CC; background-color: #C030C0; text-decoration: none; }

ul.listindex { border-top: 1px solid #0000ff; margin-left: 10%; margin-right: 30% }
.listindex li { border-bottom: 1px solid #0000ff; list-style-type: none; padding-left: 24px; }
/* ul.listindex ul li  { border-top: 1px solid #0000ff; border-bottom:0px; }
ul.listindex ul  { margin-left:0px; } */

.note { display: block;
    margin:  0px 0px 6px 0px;
    padding-left: 24px;
    border-left: 1px solid;
    font-size: 10px;
	text-align: left;
    }
.note dt { padding-left: 12px; }
.poeme   { font-family: Georgia, Times New Roman, Arial, Lucida, Verdana, Helvetica, sans-serif; 
         display: block;
         align: left; 
         color: #000000; 
         margin: 8px 8px 16px 8px; 
         }
.titre   { display: block; font-size: 14px; font-weight: bold; text-align: center;  }
.poete   { display: block; margin: 8px 0px 8px 16px; }
.strophe { display: block; margin-bottom: 08px; font-weight: bold; }
.vers    { padding-left: 16px; }