body {	
background-color: black;
font-family:"Tahoma";
font-size:13px;
text-align:justify;
}

/* initialisation des marges  */
*{
margin:0;
padding:0;
}



/* Design du site */
#conteneur{
width:960px;
margin:0 auto;
}

#milieu{
width:630px;
margin-bottom:10px;
float:left;
background-color:#6b6966;
-border-radius: 10px 10px 10px 10px;    
-moz-border-radius: 10px 10px 10px 10px; /* pour mozilla */
-webkit-border-radius: 10px 10px 10px 10px; /* Webkit */     
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
padding:15px;
}

#menu{ /* le menu a son fichier css spécifique */
height:35px;
padding-left:20px;
}

#banniere{
width: 960px;
height: 260px;
margin-top:10px;
-border-radius: 10px 10px 10px 10px; /* bords arrondis */   
-moz-border-radius: 10px 10px 10px 10px; /* pour mozilla */
-webkit-border-radius: 10px 10px 10px 10px; /* Webkit */     
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}

#droite{
background-color: #6b6966;
width: 282px;
float:left;
margin-left:10px;
margin-bottom:10px;
-border-radius: 10px 10px 10px 10px; /* bords arrondis */
-moz-border-radius: 10px 10px 10px 10px; /* pour mozilla */
-webkit-border-radius: 10px 10px 10px 10px; /* Webkit */     
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}



/* paragraphes de la div milieu et droite */
#milieu p, #droite p  {
text-align:justify;
padding:10px;
}


/* Liens  */
a{
outline:none;
color:black;
text-decoration:none;
}

a:hover{
color:#3b3936;
}

a img { /* enlever les cadres autour d'une image lien */
border: none; 
} 

/* Bouton retour */
a#naviguation1{
color:#757473;
background-color:black;
font-size:13px;
font-variant:small-caps;
border-left: 2px solid #757473;
border-right: 2px solid #757473;
padding-left:10px;
padding-right:10px;
display:outline;
margin-left:250px;
}

/* Bouton accueil */
a#naviguation2{
color:#757473;
background-color:black;
font-size:13px;
font-variant:small-caps;
border-left: 2px solid #757473;
border-right: 2px solid #757473;
padding-left:10px;
padding-right:10px;
display:outline;
}



/* Titres */
h1{
color:black;
background-color:#575861;
font-size:22px;
font-weight:bold;
font-variant:small-caps;
text-align:center;
border-left: 5px solid #3b3e54;
border-right: 5px solid #3b3e54;
}

h2{
color:black;
font-size:16px;
font-weight:bold;
font-variant:small-caps;
text-align:center;
background-color:#757473;
}

h3{
color:black;
font-size:14px;
font-weight:bold;
}



/* Liste à puce */
#liste-actu {
padding-left:10px;
list-style-type:square;
}

#liste-elem {
color:black;
font-size:14px;
font-weight:bold;
font-variant:small-caps;
line-height:22px;
margin-left:40px;
text-decoration:none;
}

#liste-elem li :hover, #liste-elem a :hover{
color:#3b3936;
border-bottom:1px dotted;
}



/* mise en forme page en bref */
.resume{
color:black;
font-size:12px;
font-weight:bold;
display:inline;
}



/* sous menu */
.sousmenu{
background-color:#575861;
padding: 3px 0 3px 0;
text-align:center;
border-top: 2px solid #3b3e54;
}



/* informations, precisions de naviguation */
.notation{
font-style:italic;
text-align:center;
}



/* Centrage d'une image */
img.image-centre{
display: block;   
margin-left: auto; 
margin-right: auto;
}

img.image-cote{
display: block;   
float:left;
}

img.image-cotedroit{
display: block;   
float:right;
padding:8px;
}

/* tableaux */
table{
border-collapse: collapse; /* Les bordures du tableau seront collées  */
text-align:center;
width:100%;
}

caption{ /* titre du tableau  */
border: 1px solid #3b3e54;
background-color:#3b3e54;
font-variant:small-caps;
font-weight:bold;
}

td{
border: 1px dotted #3b3e54;
padding:4px;
background-color:#757473;
}

td.image{
padding:0;
margin:0;
width:83px;
height:63px;
background-image:url("images/fondimagetableau.jpg"); /* image cachée en dessous pour arriver aligner les bords de la cellule sur l'image */ 
background-repeat:no-repeat;
}

td.reprises{ /*mise en forme pour la rubrique audio du site */ 
font-weight:bold;
font-variant:small-caps;
}

#centrerflash{
margin-left:auto; 
margin-right:auto; 
width:240px;
height:120px;
}

.important2{
color:#960415;
font-weight:bold;
}

.important1{
font-weight:bold;
}