body {
margin-top:0;
padding:0;
line-height: 1.3em; /*interlignes paragraphes de toute la page*/
background: url("../images/font.jpg") no-repeat;
   background-position:center 50px;
   background-attachment:fixed;
   background-color:black;
   

}

#contenu {
width: 840px;
margin: 0 auto; /* Centrer la page */
border:;
margin-top:20px; /*décalage page du sommet*/
border:;

}

#header {
background-color: ; /* Couleur de fond */
height: 70px; /* Hauteur de l'entête */
color: #ebe8d8; /* Couleur du texte */
font-weight: bold;
border:;
}

#bloc-contenu {
float: left;
width: 100%;
color: #ebe8d8;
height:440px; /*Hauteur de toute la page, sinon colonne la plus grande*/
}

#col-centre {
margin: 80px 300px 0 150px; /* Marges Haut-Droite-Bas-Gauche */
border:;
font:13px em  Comic Sans MS, Arial, Verdana, sans-serif;
}

#col-droite {
width: 300px; /* Largeur de la colonne */
height:200px;
margin-left: -300px; /* Marge gauche */
margin-top:280px;
background-color: ;
float: left;
color: #ebe8d8;
}

#col-droite-sup {
width: 300px;
height:100px;
margin-left: -300px; /* Marge gauche */
margin-top:0px;
background-color: ;
float: left;
color: #ebe8d8;
}

#col-gauche {
float: left;
width: 150px; /* Largeur de la colonne */
margin-left: -840px; /* Marge gauche */
background-color: ;
color:#ebe8d8;
}

#footer {
background-color: ;
clear: left;
width: 100%;
font:9px em  Arial, Verdana, sans-serif;
color: #ebe8d8;
text-align: center;
padding: 4px 0;
border-top:;
margin-top:490px;
}

.col-int {
padding: 0em 0em; /*décalage haut-droite des 3 colonnes de contenu*/
}

h1, pre {
margin: 0 2em 1em 1em;
}

h1 {
font-size: 140%;
padding-top: 1em;
}

#menu {
list-style-type: none;
margin: ;
padding: 0;
width: 130px;
border-left: 1px solid white;
font:2em Arial, Verdana, sans-serif;
margin-top:20px;
margin-left:;

}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}


* html #menu li a { /* IE */
width: 130px;
}

#menu li a:visited, #menu li a:active {
color: #ebe8d8; /*couleur du texte du menu non survolé*/
}

#menu li a:hover {
color: #9c0000; /*couleur du texte du menu survolé*/
background-color: none; /*couleur des cadres du menu survolé*/
text-decoration:underline;
background-image: url('images/puce_on.gif');
}

#menu #current a {
background-color: none; /*couleur du cadre du menu actif*/
text-decoration: underline;
background-image: url('images/puce_on.gif');
color: #9c0000; /*couleur du texte du menu actif*/
}

.imgdef /*défilement des photos*/
{border:1px solid white;}

a, a:visited {
color:#ebe8d8;
text-decoration:underline;
}

a:hover
{color:#9c0000;
text-decoration: underline;}

a img{
border:none;}

table{
width:400px;
text-align:center;}

.lgalerie{
font:9px em  Arial, Verdana, sans-serif;
float:right;}





/*mike, pour changer les polices, c'est là-dessous!*/




/*police colonne centrale*/
p{
font-size:19px; /*taille de police*/
font-family:Vrinda, Arial, Verdana, sans-serif; /*police*/
margin: 0 2em 1em 1em; /*ne pas modifier*/
}

/*police du menu*/
#menu li a {
background: url('images/puce.gif') no-repeat 5px center; /* + couleur de fond du menu devant url si voulu *//*ne pas modifier*/

font-size: 22px;/*taille de police*/
font-weight: bold;/*bold=gras, sinon laisser vide mais laisser le point-virgule!*/
font-family: Vrinda, Comic sans MS, Arial, Verdana, sans-serif;/*police*/

color: #ebe8d8;/*couleur de la police*/
display: block;/*ne pas modifier*/
width: auto;/*ne pas modifier*/
padding: .5em 0;/*ne pas modifier*/
padding-left: 1em;/*ne pas modifier*/
text-decoration: none;/*ne pas modifier*/
border-bottom: ; /*bordure de chaque cadre du menu*//*ne pas modifier*/
}