/* Feuille de style */
body {
 padding:0;
 margin:0;
 background:#000000; /*couleur du fond*/
 color:#FDEFFC; /*couleur du texte*/
 font-family: Arial;
 min-width: 500px;
}

p {
 font-size:17px; /* paramètres du texte des paragraphes */
 line-height:150%;
 text-align: justify;
 text-indent: 10px;
 white-space: normal;
}
p:first-letter { /* La première lettre de chaque paragraphe */
 font-weight: bold; /* En gras */
 font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
}

h0 {
 font-size:11px; /* paramètres du texte des paragraphes */
 line-height:150%;
 text-align: justify;
 text-indent: 10px;
 white-space: normal;
}


h1 { /* paramètres du texte des titres */
 font-family: Times New Roman, Times;
 font-size: x-large;
 font-weight: bold;
}

h2 {
 font-family:Arial;
 font-size:18px;
 font-weight:bold;
 text-align:justify;
 text-indent:10px;
}

h3 {
 font-family:Arial;
 font-size:10px;
 font-weight:bold;
 text-align:justify;
 text-indent:10px;
}

h4 { /* paramètres du texte des titres */
 font-family: Times New Roman, Times;
 font-size:32px;
/* font-weight: bold;  */
 /* couleur blanc color:#ffffff; */
 color: #B7B7B7;
 margin:0;
 padding:10px;
}

h4:hover { /* paramètres du texte des titres */
 font-family: Times New Roman, Times;
 font-size:32px;
/* font-weight: bold;  */
 /* couleur blanc color:#ffffff; */
 margin:0;
 padding:10px;
 color:#ffffff;
}

.citer { /* Paragraphes des citations */
 font-size:xx-small;
}

.telecharger {
font-family:Arial;
font-size:17px;
text-align: center;
font-weight:bold;
letter-spacing:4px; 
text-align: center;
}

.textenoir { color:#000000; }

a{/*Apparence des liens*/
 text-decoration:none;
  border-bottom-width: 1px;
 border-bottom-style: dotted;
 color: #FDEFFC;
 }
 
#imagecachee { display : none; }

#photos { .photo{display:block} }

a:hover  {  /*Quand on pointe sur le lien*/
 color: red; /*Il sera rouge*/
}

/* centrage et decalage de la zone d'affichage*/
#centrezone{/*centre la zone de travail*/
 position:absolute;
 top:50%;
 left:0;
 width:100%;
}

#decalezone{/*décale la zone de travail pour la centrer*/
 margin-left:-650px;/*demi-largeur*/
 position:absolute;
 top:-410px;/*demi-hauteur*/
 left:50%;
}

/*elements des menus*/
#menu1 ul{ /*caractéristiques de la ligne de menu*/
position: elative;
padding: 0 0 0 12px; /*le padding est l'espacemt en CSS. Ordre : haut/droite/bas/gauche*/
margin: 0;
list-style : none;
}

#menu1 li { /*on sélectionne les li du menu*/
 display:inline; /*Afficher tous les li sur la même ligne*/
}

#menu1 a { /*on sélectionne les liens des li*/
 text-decoration:none;
 font-variant:small-caps;
 letter-spacing:2px;
 border-bottom-style: none;
 float:left;
 display:block;
 background:url("fondmnu.gif") no-repeat right top;
 padding:5px 30px 4px 30px;
 color:#FFF;
}

#menu1 a:hover{
 background-position:0 -42px;
 color:#000000;
 background:#808080;
 opacity: 0.9;
 filter: alpha(opacity=90); /* For IE8 and earlier */
}
/*gestion du menu*/
#centrezone2{/*centre la zone de travail*/
 position:absolute;
 top:50%;
 left:0;
 width:100%;
}

#decalezone2{/*décale la zone de travail pour la centrer*/
 margin-left:-50%;/*demi-largeur*/
 position:absolute;
 top:-50%;/*demi-hauteur*/
 left:50%;
}

#navcontainer {
 margin:0;
 padding:0;
 position:relative;
 left:0%;
}
#navcontainer ul {
 margin:0 auto;
 padding:0 0 0 0;
 list-style-type:none;
 text-align:center;
}
#navcontainer ul li {
 display:block;
 float:left;
 /*text-align:center;*/
 padding:0 0 26px 0;
 margin:0 auto;
 width:25%;
 height:40px;
}
#navcontainer ul li a { /*Menu de la page index.php */
 opacity: 0.4;
 filter: alpha(opacity=40); /* For IE8 and earlier */
 background:#ffffff;
 width:100%;
 height:100%;
 text-transform: uppercase;
 /*font-size: smaller;*/
 /*font-variant:small-caps;*/
 border:0px solid #000000;
 padding:25px 1px 0 0;
 /*color:#700707;*/
 color:#444444;
 text-decoration:none;
 display:inline-block;
 margin:0 auto;
 top:50%;
 font:16px Arial, Verdana, Helvetica, Tahoma, sans-serif;
 font-weight:bold;
}
#navcontainer ul li a:hover {
 color:#ffffff;
 background:#808080;
 opacity: 0.7;
 filter: alpha(opacity=70); /* For IE8 and earlier */
}

/*taille du player audio*/
#player {
 width: 100%; height:100%;
}?

