html, body {
        height: 100%;
        margin: 0;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "AppleGothic Regular", Baghdad, "Trebuchet MS", Arial, Helvetica, sans-serif;
        }
html {
/*         background: #58736A url(../fonds/html.png); */
/*         background: #464E58 url(../fonds/html.png); */
        background: #4C4C58 url(../fonds/html.png);
        }
div#global {
        min-height: 100%;
        width: 750px;
        padding: 0 10px;
        margin: auto;
        position: relative;
        background: url(../fonds/bordstransparents770.png) center repeat-y;
        }
div#header {
/*         color: #C5C4BD; */
	background: #4C4C58 url(../img/dessus.jpg) no-repeat;
        height: 137px;
        }
div#header h1 {
        margin: 0;
        }
div#center {
        /* Pour éviter la superposition 
        du pied de page et du contenu : */
        padding-bottom: 50px; 
        overflow: auto;

/* 	color: black; */
        }
div#footer {
        position: absolute;
        width: 100%;
        bottom: 0;
        color: #C5C4BD;
        }
div#footer p{
	text-align: center;
	}
div#content {
        float: left;
        width: 530px;
	margin-left: 5px;
        }
div#sidebar {
        float: right;
        width: 200px;
	padding-top: 20px;
        }
div.penseehaut {
	padding: 15px 15px 10px 15px; 
	margin: 0 140px; 
	background: url(../fonds/CadreHautCoin.png) top left no-repeat;
}
div.penseebas {
	padding: 0px 15px 15px 15px;
	margin: 0 140px;
	background: url(../fonds/CadreBasCoin.png) bottom right no-repeat;
}
div.code {
        margin: 5px;
        border: 1px;
        background: #F2FAFF;
        font-family: monospace;
	font-size: 1.0em;
}

ul.menu {
        margin: 0 10px;
        padding: 0;
        list-style: none;
        }
ul.menu li a {
        display: block;
        height: 30px;
        line-height: 30px;
        background: url(../fonds/boutonMenu.png) no-repeat left top;
        padding-left: 35px;
        margin: 2px 0;
}
ul.menu li a:hover {
        background-position: left bottom;
}
ul.liste1 {
margin: 0 10px;
padding: 0;
list-style: none;
}
ul.liste1 li a {
display: block;
height: 20px;
line-height: 20px;
background: url(../fonds/boutonListe1.png) no-repeat left top;
padding-left: 35px;
margin: 2px 0;
}

ul.liste1 li a:hover {
background-position: left bottom;
}

a.simple {
display: none;
height: auto;
line-height: auto;
background: none;
padding-left: auto;
margin: auto;
}

img {
	float: left;
}
img.droite {
	float: right;
}
img.normal {float: none;}

/*                                          partie relative aux polices */

h1 {
	color: #990000;
	font-family: "Maiandra GD", "Goudy Extra Bold", "Arial Rounded MT Bold", "Palatino Linotype", serif;
	font-weight: bold;
	font-size: 2.5em;
	text-align: center;
	/*   margin: 0; */
}
h2, h3, h4 {
	font-family: "Maiandra GD", "Goudy Extra Bold", "Arial Rounded MT Bold", "Palatino Linotype", serif;
}

.retrait {
	text-indent: 30px;
}
.centrer {
	text-align: center;
}
p:first-letter { /* La première lettre de chaque paragraphe */
	font-weight: bold; /* En gras */
	font-size: 1.5em; /* Ecrit légèrement plus gros que la normale */
}
p.sans:first-letter {
	font-weight: normal;
	font-size: 1em; /* Ecrit légèrement plus gros que la normale */
}
p.note:first-letter {
	font-weight: normal;
	font-size: 1em; /* Ecrit légèrement plus gros que la normale */
}

em {
/* 	font-size: 0.90em; */
	font-style: italic;
}
a:link {
/* 	color: #43667B; */
/* 	color: #356E83; */
/* 	color: #33899E; */
	color: #698471;
/* 	color: #33869D; */
	text-decoration: none;
}
a:visited {
/* 	color: #43667B; */
/* 	color: #33899E; */
	color: #698471;
}
a:hover {
	color: #B97E68;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.95em
}
a:active {
	background-color: #4C4C58;
	}
ul li a:active {
	background-color: #4C4C58;
	}

.petit, sup, sub {
	font-size: 0.5em;
}
.mipetit {
	font-size: 0.6em;
}
.note {
	font-size: 0.8em;
}
.citation {
        margin: 0 50px;
}
.monotype {
        font-family: monospace;
	font-size: 1.0em;
}