body {
margin: 0;
padding: 0;
background-color: rgb(192,192,192);/*couleur de fond : gris*/
color:rgb(128,0,0);/*couleur texte : rouge-brun*/
font-family:"Book Antiqua", "Times New Roman", "sans-serif";
font-style:italic;
}

#wrapper { /*le conteneur global, permettant de centrer le site*/
width: 800px;
margin-left: auto;/*pour le centrage*/
margin-right: auto;/*pour le centrage*/
}

#header {
height: 104px;
background: url("entete.png") no-repeat;
}

#page {
min-height:430px;
background:url("principal.jpg") no-repeat;
}

#footer {
height: 49px;
background:url("pied.jpg") no-repeat;
}

#menuGauche{
float:left;
width:180px;
margin-left:20px;
padding-top:90px;
text-align:center;
}

#content{
float: right;
width: 560px;
margin-left: 20px;
height: 100%;
text-align: justify;
margin-right: 20px;
}

#astuce{
clear: both;
}

#menuGauche a{
font-weight:bold;
font-size: 0.9em;
text-decoration: none;
}

#menuGauche .actuel{
background-color:rgb(230,229,230);
opacity: 0.65;/*pour les navigateurs récents non-IE*/
filter:alpha(opacity=65);/*pour IE*/
-moz-opacity:0.65;/*pour navigateurs Mozilla et Firefox anciens*/
}

#menuGauche .actuel a{
color:rgb(57,15,16);
}

#menuGauche .autres{
background-color:#ffffff;
opacity: 0.3;/*pour les navigateurs récents non-IE*/
filter:alpha(opacity=30);/*pour IE*/
-moz-opacity:0.3;/*pour navigateurs Mozilla et Firefox anciens*/
}

#menuGauche .autres:hover {/* quand on pointe sur un lien du menu gauche*/
background-color:rgb(57,15,16);
opacity: 0.3;/*pour les navigateurs récents non-IE*/
filter:alpha(opacity=30);/*pour IE*/
-moz-opacity:0.3;/*pour navigateurs Mozilla et Firefox anciens*/
}

#menuGauche .autres:hover a{/* quand on pointe sur un lien du menu gauche*/
color:#ffffff;
}

#menuGauche .autres a{
color:#000000;
}

h1{
font-size: 1.3em;
}

h2 {
font-size: 1.1em;
color:rgb(193,99,43);
background:url("titre2.jpg") no-repeat;
background-position:right top;
text-align:right;
padding-right:10px;
padding-top: 4px;
height:33px;
}

.centre{
text-align:center;
}

.right{
text-align:right;
}

.nomarge{
margin: 0;
padding: 0;
}

.imageRight{
float: right;
margin-top: 8px;
margin-left: 8px;
}

.citations{
text-align:center;
font-weight:bold;
color:rgb(193,99,43);
}

.legende {
font-size: 0.8em;
}