body {
background-color:#ccffcc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 133px;
background-color: #005533;
background-image: url("portrait.jpg"); background-repeat: no-repeat;
background-position: top left; 
}
#conteneur {
position: relative;
width: 95%;
margin: 0 auto; 
background-color:#99CC99;
}
#centre {
background-color:#e6ffe6 ;
margin-left: 220px;
}
#gauche {
position: absolute;
left:0;
width: 220px;
}
#pied {
height: 120px;
background-color: #99CC99;
}
dl, dt, dd, ul, li {
margin: 3px;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccff99;
color:#156015;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #e6ffe6;
}
dl#menu li a, dl#menu dt a {
color: #009a00;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:link, dl#menu dt a:link {
background: #ccff99;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #ffffe0;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;color: #006633;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}





p { margin-left: 25px; margin-right: 25px; font-size: 110%; line-height: 160%;color: #008844; font-family: Verdana, Arial, Helvetica, sans-serif
}

q {background:#ccffcc; text-align:center;
	   font-weight: bold; 
	font-size:160%;line-height: 180%; color: #005533; font-family: Arial, Helvetica, Verdana, sans-serif
}

.pcenter {
	margin: 2px; text-align: center; font-size: 110%; line-height: 160%;color: #008844; font-family: Verdana, Arial, Helvetica, sans-serif }

.normalsmall {
	margin: 2px; text-align: center; font-size: 100%; color: #006633; font-family: Helvetica, Verdana, Arial,  sans-serif
}
.normalcite {background:#ccffcc; padding: 20px; margin-left: 50px; margin-right: 50px;
	   font-weight: bold; 
	font-size: 110%;line-height: 160%; color: #005533; font-family: Arial, Helvetica, Verdana, sans-serif
}
.normalciteb {
	background:#ccffcc; padding: 20px; font-weight: bold; font-size: 130%;line-height: 160%; 
	color: #005533; font-family: Garamond,Arial, Helvetica, sans-serif
}

.centercite {
background:#ccffcc; padding: 20px; margin-left: 50px; margin-right: 50px; text-align: center; font-weight: bold; 
	font-size: 110%;line-height: 160%; color: #004433; font-family: Arial, Helvetica, Verdana, sans-serif
}


.fort
{ font-weight: bold; 
	font-size:130%;line-height: 180%;}

.gros
{ font-weight: bold; 
	font-size:160%;line-height: 180%;}

.petit
{ font-size:80%;line-height: 90%;}

.souligne 
{text-align: center; text-decoration : underline;}


h1 { margin-left: 5px; text-align: center; font-weight: bold; font-size: 180%; line-height: 200%; color: #e5ffe5; font-style:italic; font-family: Verdana, Arial, Helvetica, sans-serif
}
h2{
	margin: 5px; font-weight: bold; font-size: 160%; color: #008844; font-style:italic; font-family: Verdana, Arial, Helvetica, sans-serif
}
h3 {
	font-weight: bold; font-size: 110%; color: #004422; font-family: Arial, Helvetica, sans-serif
}

hr {
height: 4px;
margin: auto;
padding: 0;
color: #004422;
background-color: #005533;
border: 0;
}

/*Tableaux*/
caption /* Titre du tableau */
{
   margin: auto;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #008844;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset #008844; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   border: 2px solid #005533;
   background-color: #ccffcc; 
   font-weight: bold;
   color: #e5ffe5; 
   text-align: center;
   font-size: 1.1em;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid #005533;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: justify; 
   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/* Tableau des photos*/
table1 /* pas de bordure */
{
   margin: 10px; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
}


.imageflottante
{
   float: left;
margin-right: 10px;
}

.imageflottanterg
{
   float: right;
margin-left: 10px;
}

.illustration { 
    display: table; /* important */ 
    float: left; 
    width: 200px; /* important */ 
    padding: 10px; 
}


a:link {
	margin: 5px; font-weight: normal; font-size: 110%; font-style:italic; text-decoration: none; color: #471; font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #cf9;
}
a:hover {
	margin: 5px; font-weight: normal; font-size: 110%; font-style:normal; text-decoration: none; color: #471; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #cf9;
}
a:active {
	margin: 5px; font-weight: normal; font-size: 110%; font-style:normal; text-decoration: none; color: #582; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #afa
}
a:visited {
	margin: 5px; font-weight: normal; font-size: 110%;  font-style:italic; text-decoration: none; color: #360; font-family: Verdana, Arial, Helvetica, sans-serif
}

a img {border: 0}