/* Définition du style des pages du site Gabriel Matzneff */

/* Jeux de couleurs 
		Vert "classique" : #008080
		Gris clair "classique" : #e2e2e2
		Rouge : #a30341
		Bleu : #7872b0
*/

.couleur_fond
{
	color = #e2e2e2 ;
}

.couleur_active
{
	color = #008080;
}

body
{
	width: 980px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 2px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 5px;    /* Idem pour le bas du navigateur */
	background-color: #e2e2e2; 
	color: black;
	font-family: Arial, Verdana, serif;
}

#en_tete
{
   width: 1000px; 
   height: 160px;
   background-image: url("http://www.matzneff.com/styles/style_classique/header_c.png");
   background-repeat: no-repeat;
   margin-bottom: 2px;
   margin-left: 0px;
}

#menu
{ 
   float: left; /* Le menu flottera à gauche */
   width: 120px; 
   margin-top: 5px;
   font-size: 0.9em;
   font-weight: bold;
   color: black;
   font-family: Arial, Verdana, serif;
}

#menu ul
{
margin-left: 0;
padding-left: 0;
margin-bottom: 0px;
list-style-type: none;
text-align: center;
color: black;
}

#menu a
{
display: block;
padding-top: 6px;
padding-bottom: 6px;
width: 118px;

background-color: #e2e2e2;
border: 1px solid #008080;
}

#menu a:link, #menulist a:visited
{
color: black;
text-decoration: none;
}

#menu a:hover
{
background-color: #008080;
color: #e2e2e2;
}

#plaincenter ul
{
margin-left: 0;
padding-left: 0;
margin-bottom: 0px;
list-style-type: none;
text-align: center;
color: black;
}

#plaincenter a
{
display: block;
padding-top: 6px;
padding-bottom: 6px;
width: 120px;
background-color: none;
border: 0px solid #008080;
}


#corps
{
   min-height: 00px;
   margin-top: 0px;
   margin-left: 120px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: black; 
   
   font-family: Arial, Verdana, serif;
   font-size: 0.9em;
	 
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.element_corps_accueil
{
	width: 300px ;
	background-color: white;
	font-family: Arial, Verdana, serif;
	font-size: 0.9em ;
    color: green;
	padding: 10px ;
}

#pied_de_page
{
   margin-top: 0px;
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; 
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: white;   
   border: 0px solid white; 
}

#stats_page
{
   font-family: Arial, Verdana, serif;
   color: black;
   font-size: 0.8em;
   text-align: center;
   
   border-top: 2px inset silver;
   border-bottom: 1px inset silver;
   padding-top: 5px ;
   padding-bottom: 5px;
}

/* Formatage des liens 
 ----------------------- */


a, a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: none;
   color: black;
   font-style: none;
}

a:active, a:focus /* Quand le visiteur clique sur le lien */
{
   background-color: #008080;
      color: black;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: #008080;
   background-color: black;
}


h1
{
   font-family: Arial, Verdana, serif;
   color: black;
   font-weight: bold;
   font-size: 1.4em;
   text-align: center;
   
   border-top: 15px solid #008080;
   border-bottom: 2px inset silver;
   padding-top: 10px ;
   padding-bottom: 10px;
}

h2
{
   font-family: Arial, Verdana, serif;
   color:  #008080;
   font-weight: bold;
   font-size: 1.3em;
   text-align: left;
   border-top: 1px solid silver;
   border-bottom: 1px solid silver;
   padding-top: 10px ;
   padding-bottom: 10px;
}

h3
{
   font-family: Arial, Verdana, serif;
   background-color: #008080 ;
   color: white;
   font-weight: bold;
   font-size: 1.1em;
   text-align: left;
   padding-left: 2px ;
}

h4
{
   font-family: Arial, Verdana, serif;
   background-color: #008080 ;
   color: white;
   font-weight: bold;
   font-size: 1.0em;
   text-align: left;
   padding-left: 2px ;
}

h5
{
   font-family: Arial, Verdana, serif;
   background-color: #008080 ;
   color: #white;
   font-weight: normal;
   font-size: 0.9em;
   text-align: left;
   padding-left: 2px ;
}

h6
{
   font-family: "Arial Black", Arial, Verdana, serif;
   background-color: #008080 ;
   color: black;
   font-weight: bolder;
   font-size: 1.05em;
   text-align: left;
   padding: 1px ;
   padding-left : 10px ;
}

p
{
   font-family:Arial, Helvetica, Verdana, serif;
   color: black; 
   font-size: 0.9em;
   padding-left: 10px ;
}

blockquote
{
	font-size : 0.9em ;
	text-align : justify ;
}

.quote_accueil
{
   font-family: Arial, Verdana, serif;
   color: black;
   font-weight: bold;
   font-size: 0.9em;
   text-align: left;
   
   border-top: 15px solid #008080;
   border-bottom: 2px inset silver;
   padding-top: 5px ;
   padding-bottom: 3px;
}

.reference_quote
{
   font-family: Arial, Verdana, serif;
   color: black;
   font-size: 0.9em;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
}

/* Objets graphiques variant avec la couleur */
.ligne_fine 
{
   border-top: 1px solid #008080;
   padding: 0px;
   margin : 0px ;
}

.ligne_moyenne 
{
   border-top: 2px solid #008080;
   padding: 0px;
   margin : 0px ;
}

/* 	Définition des styles de la rubrique infos 
	Note : 	les attributs génériques de la page infos, indépendants du style retenu, 
			sont dans la feuille de style infos.php
*/
.uneinfo
{
   font-family: Arial, Verdana, serif;
   color: black;
   font-size: 0.8em;
   text-align: left;
   
   border-top: 1px solid #008080;
   padding-top: 5px ;
   padding-bottom: 3px;
}

.un_comment
{
   font-family: Arial, Verdana, serif;
   color: black;
   font-size: 0.9em;
   text-align: align;
   background-color: white ;
}