body {
background-color:#ccccff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 133px;
background-color: #440066;
background-image: url("portrait.jpg"); background-repeat: no-repeat;
background-position: top left; 
}
#conteneur {
position: relative;
width: 98%;
margin: 0 auto; 
background-color:#9999CC;
}
#centre {
background-color:#e6e6ff ;
margin-left: 220px;
}
#centrehome {
background-color:#e6e6ff ;
margin-left: 210px;
margin-right: 200px;
}
#gauche {
position: absolute;
left: 0;
width: 220px;
}
#gauchehome {
position: absolute;
left: 0;
width: 200px;
}
#droite {
position: absolute;
right: 0;
width: 200px;
}
#pied {
height: 120px;
background-color: #9999CC;
}


#plansitegauche {
background-color:#e6e6ff ;
position: absolute;
left: 0;
width: 500px;
}
#plansitecentre {
background-color:#e6ffe6;
position: absolute;
margin-left: 500px;
}

dl, dt, dd, ul, li {
margin: 3px;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
}
dl#menu {
width: 16em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #99ccff;
color:#191970;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #e6e6ff;
}
dl#menu li a, dl#menu dt a {
color: #0000cd;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

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

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



.menugauche {
list-style-type: none;
margin: 0;
padding:0;
font-size: 90%; line-height: 120%; font-family: Verdana, Arial, Helvetica, sans-serif
}
.menugauche li {
margin-bottom: 5px;color: #330066;
}
.menugauche a {
margin: 0 2px;
color: #330066;
text-decoration: none;
border:none;
}

.menugauche a:hover {
text-decoration: none;
border:0px;
}




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

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

.pright { text-align: right;}

.pleft { text-align: left;}

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

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

.retrait_a {
padding-left: 50px;
}

.centercite {
background:#ccccff; padding: 20px; margin-left: 50px; margin-right: 50px; text-align: center; font-weight: bold; 
	font-size: 110%;line-height: 160%; color: #330044; 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-decoration : underline;}

.milieu
{ padding: 80px; margin-left: 150px; text-align: center;}

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

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

/*Tableaux*/
caption /* Titre du tableau */
{
   margin: auto;
   font-family:  Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #440088;
   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 #440088; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse:collapse; /* Colle les bordures entre elles */
}

thead, tfoot {
background-color:#ccccff;
border:1px solid #330055;
}

tbody {
background-color:#e0e0f4;
border:1px solid #330055;
}

th /* Les cellules d'en-tête */
{
   border: 2px solid #330055;
   font-weight: bold;
   color: #330044;
   text-align: center;
   font-size: 1.2em;
   font-family: Arial, Verdana, Helvetica, sans-serif;
}

td /* Les cellules normales */
{
width:50%;
   border: 1px solid #330055;
   font-size: 110%; line-height: 160%;color: #440088;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center; 
   padding: 1px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
vertical-align: top;
}



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

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

.illustration { 
    margin-left: 10px;
    margin-right: 10px;
border:1px solid #330055;
    display: table; /* important */ 
    float: left; 
    width: 200px; /* important */ 
    padding: 10px; 
}

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


a:link {
	margin: 5px; font-weight: normal; font-size: 110%; font-style:italic; text-decoration: none; color: #147; font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #9cf;
}
a:visited {
	margin: 5px; font-weight: normal; font-size: 110%;  font-style:italic; text-decoration: none; color: #036; font-family: Verdana, Arial, Helvetica, sans-serif
}
a:hover {
	margin: 5px; font-weight: normal; font-size: 110%; font-style:normal; text-decoration: none; color: #147; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #9cf;
}
a:active {
	margin: 5px; font-weight: normal; font-size: 110%; font-style:normal; text-decoration: none; color: #258; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #aaf
}


a img {border: 0}