body {
  background-image: url(../_images/fonds_filigranes/bois_200.jpg);
  background-attachment: fixed;
  font-family: verdana, arial, sans-serif;
  width: 800px;
  margin: 0 auto;
}

#contenu {
background-image: url(../_images/fonds_filigranes/papier_095.jpeg);
background-color: white;
border: solid 2px white;
padding: 0 30px 30px 30px;
margin-top: 10px;
font-size: 12px;
}

/* Disposition generale */
#entete {}
#contenu {}
#pied {}

/* Typographie generale */
#contenu h1 {
  font-family: comic sans MS, arial, verdana, sans-serif;
  color: #559900;
  text-align: center;
  padding: 20px 20px 60px 20px;
  position: relative;
  z-index: 2;
  background: url(../_images/fonds_filigranes/bar03.gif) center 100% no-repeat;
  }

#contenu h1 .petit {
  font-size: smaller;
  background-image: none;
  }

#contenu h1 .grand {
  font-size: 32pt;
  background-image: none;
  }

#contenu h1.accueil_titre {
  font-family: comic sans MS, arial, verdana, sans-serif;
  color: #559900;
  /*color: #088003;*/
  text-align: center;
  padding: 20px 20px 20px 20px;
  position: relative;
  z-index: 2;
  background-image: none;
  }
  
#contenu h1.accueil_ombre {
display: none;
  font-family: comic sans MS, arial, verdana, sans-serif;
  color: #ffffff;
  text-align: center;
  padding: 20px 20px 20px 20px;
  z-index: 1;
  position: relative;
  top: -173px;
  left: 2px;
  margin-bottom: -200px;
  background-image: none;
  }

#contenu h2 {
  font-family: comic sans MS, arial, verdana, sans-serif;
  color: #559900;
  background: url(../_images/fonds_filigranes/minibar03.gif) left no-repeat;
  padding-left: 65px;
  margin-top: 20px;
  }

#contenu h2.intertitre {
  font-family: comic sans MS, arial, verdana, sans-serif;
  color: #559900;
  text-align: center;
  background-image: url(../_images/fonds_filigranes/minibar03.gif) no-repeat;
  padding-left: 0px;
  padding-bottom: 40px;
  background-position: 50% 100%;
  }

#contenu h3 {
  font-family: comic sans MS, arial, verdana, sans-serif;
  }

#contenu p {
  font-family: verdana, arial, sans-serif;
  text-align: justify;
  }
#contenu p:first-letter {
  font-family: comic sans MS, arial, verdana, sans-serif;
  font-size: larger;
  font-weight: bold;
  }

#contenu li {
  text-align: justify;
  margin-bottom: 1.5em;
  }

#contenu hr {
  color: #559900;
  }

#contenu p.courier { font-family: courier new, monospace; }


/* Liens */

#contenu a:link {
	color: #bb8822;
	text-decoration:none;
}

#contenu a:visited {
	color: #bb8822;
	text-decoration:none;
}

#contenu a:active {
	color:red;
	text-decoration:none;
}

#contenu a:hover {
	color:red;
	text-decoration:none;
}


#pied a:link {
	color: white;
	text-decoration:none;
	font-weight: bold;
}

#pied a:visited {
	color: white;
	text-decoration:none;
	font-weight: bold;
}

#pied a:active {
	color:red;
	text-decoration:none;
	font-weight: bold;
}

#pied a:hover {
	color:red;
	text-decoration:none;
	font-weight: bold;
}

.retour {
padding: 5px;
text-align: center;
}

.vert { color: #77bb00; }
.rouge { color: #bb0000; }
.mauve { color: #cc88cc; }
.gras { font-weight: bold; }
.italic { font-style: italic; }
.souligne { text-decoration: underline ; } 
.grasrouge { color: #bb0000; font-weight: bold; }
.grasvert { color: #77bb00; font-weight: bold; }
.grasblanc { color: #ffffff; font-weight: bold; }
.invis { display: none; } /* pour le texte invisible */
#contenu p.centre { text-align: center; }

img { border: solid 2px white; }
img.bd { border: none; }

#contenu p.img_titre {
color: #77bb00;
font-size: smaller;
font-family: arial, sans-serif;
font-style: italic;
margin-top: 0px;
margin-bottom: 0px;
} /* a éliminer */ 

#contenu div.leg_titre {
color: #559900;
font-weight: bold;
font-family: Comic sans MS, arial, sans-serif;
font-style: italic;
font-size: larger;
margin-top: 0px;
margin-bottom: 0px;
}


img.noborder {
border: none;
}

.imggauche { /* anciennement eqreg7 */
float: left;
padding: 15px;
}
.imgdroite { /* anciennement eqreg3 */
float: right;
padding: 15px;
clear: right;
text-align: right;
}
.imgcentre {
text-align: center;
}


hr {
visibility: hidden;
clear: both;
}


.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

/* définir aussi les styles des h1, h2, h3, h4, h5 */

/* Les positionnements */
.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }

table { width: 100%; }
td { 
  vertical-align: top;
  text-align: center;
  }
table.liens {
  margin-bottom: 30px;
  }


#contenu p.film {
  color: #bb8822;
  font-weight: bold;
  padding-left: 50px;
  padding-top: 25px;
  margin-bottom: -30px;
  margin-top: 30px;
  background-image: url(../_album/videos/film.jpg);
  background-repeat: no-repeat;
  height: 78px; 
  }
