p
{
   color: black;
   font-size: 16px;
   font-family: "Times New Roman" , Arial , serif; 
   text-indent: 3px;
   
   border: 0px solid black;
   margin: auto;
   width: 90%;
   text-align: justify; 
   }
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: ; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: black; /* En bleu */
}
.liens1
{
color: Black;
text-decoration: none;

}
.bibli
{
height: 145;
width: 120; 
}


.date
{
text-align:left; 
font-size: 18px;
color:rgb(141,137,52);
text-decoration: underline;


}
.news
{
color: black;
font-size: 16px;
font-family:"Times new roman" , Serif;
width: 450px;
height: 400px;
text-align: justify;


padding: 5px;

}
.centrage
{
text-align: center;
margin: auto ;

}



h3
{
   color:rgb(243,125,5);
   text-align: center;
   font-size: 200% ;
   font-family:"harry potter", times new roman , serif ;
   
}
h1
{
   text-align:left;
   font-style:normal;
   font-weight: bold;
   font-size: 100%;
   padding:5px
   
}
.cercle
{
   list-style-type: circle;
}


h6
{
   Font-family: "Times new roman" , serif ;
Font-Size: 140% ;
}   
h2
{
   font-size: 120%;
   text-decoration: underline;
   color:rgb(139,10,10);
   Font-family: "Palatino Linotype" , serif;
 } 
 
h5
{
Font-family: "harry potter" , times new roman , serif ;
Font-Size: 35px ;
Text-align: center ;


} 
h4
{
font-size: 17px; 
text-decoration: underline;
}
h8
{

}


}
strong
{ 
  color: maroon;
  font-size: 102%
 }


body
{

   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("bois4.jpg");
    background-repeat: ;
width: 100%;
  
}


  



   

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   
}

a img 
{
   border: none; /* Pas de bordure */
   float: left;
   padding:
   
   
}



#en_tete
{
   width: 100%;
   height: 100px;
   background-image: url("labanniere.png");
   background-repeat:no-repeat;
   margin-bottom: 10px;
  padding-left: 10px; 
margin-left: 10px;
 
}
#menugauche
{
   float: left; /* Le menu flottera à gauche */
   width: 140px; /* Très important : donner une taille au menu */
   margin-left: 5px;
}
#menudroite
{
   float: right; /* Le menu flottera à gauche */
   width: 140px; /* Très important : donner une taille au menu */
 margin-right: 5px;
 }


.element_menu
{
  background-image: url("fond3.jpg");
 
   
   border: 2px solid rgb(147,40,21);
   
   margin-bottom: 25px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
/* Quelques effets sur les menus */
.liensmenu
{
 margin-bottom: 3px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu h3 /* Tous les titres de menus */
{    
   color: black;
   font-family: "Harry Potter", times new roman, serif;
   Font-size: 110% ;
  margin-right: 2px;
  margin-left:  2px;

  
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
  list-style-type: none;

}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: rgb(0,0,0) ;
   text-decoration: none; 
 font-size: 14px;


}

#menu10
{
width:100%;
height:30px;
background:url('arriereplan2.jpg') repeat-x;
font-family: "harry potter", Times new roman , serif ;






}

.element_menu10 
{

display:block; /*Pour que le "bloc" soit un vrai bloc*/
float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
width:19%; /*J'explique en détail après*/
height:20px; /*La même hauteur que notre menu*/
text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: black; /* Les liens seront en rouge au lieu de bleu */
     
 } 
a:hover
{
 text-decoration: underline;  
 color: orange; 
} 
 #corps
{
   margin-left: 200px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 200px;
   margin-bottom: 20px; /* 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;
  
   background-image: url("fond3.jpg");
  border: 2px solid rgb(147,40,21);


   
 
  
}
#pied_de_page
{
   margin-left: 140px; /* De 140px, comme pour le corps.*/
   padding: 5px;
   text-align: center;
   background-repeat: repeat-x;
  }    
 .acteurs
 {
 float: right;
  padding:10px ;
  width: 120px;
height: 125px;
  
 }
 .film
 {
 width:33%;
 margin:2 px; 
 }
 

 
 .header { 
background-image: url("fond.jpg");
color:rgb(146,142,24);
font-size :18px ; 
font-family : times new roman, serif ; 
font-weight : bold; 

text-align: left;

padding : 0px;
}
 
.content { 
background-image: url("fond.jpg");
font-size : 16px; 
font-family : times new roman, serif ; 
font-weight : normal; 
 
text-align: justify;
text-transform : normal;  
padding : 4px;
}


.footer { 
background-image: url("fond.jpg");

font-size : 11px; 
font-family : times new roman, serif ; 
font-weight : normal; 

text-align: right;
text-transform : normal;  
padding : 4px;
}



input, textarea, option, select {
background-color: white  ;


letter-spacing: 0px;
font-size: 18px;
color:rgb(141,137,52);
text-decoration: underline;
padding:4px; }
	
div#galerie
{
	margin-left: 200px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 200px;
	background-image: url("parchemin.jpg") ;
	border: 1px solid #dcb ;
	padding: 10px ;
	margin: 5px 5px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: center ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: brown ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid brown ;
}