body
{
   width: 760px;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 60px;   
   background-image: url("fondvioletbleu.jpg");
   font-family: "Lucida Grande", verdana;
   color: blue;
}
/* L'en-tête */
#en_tete
{
   width: 760px;
   height: 100px;
   margin-top: 15px;
   margin-bottom: 20px;
   text-align: center;
   border-style: none;
   border:0;
}

#en_tete a img
{
border: 0;
}
/* Le menu */
#menu
{
   width: 780px;
   margin: auto;
   
   margin-top:20px;
   margin-bottom:40px;
   padding-top:20px;
   padding-bottom:0px;
   
   font-family: verdana;
   color: blue;
 }


ul#nav {
    margin: 0;
    padding: 0;
    font: bold 0.8em Georgia, Times, serif;
    list-style-type: none;
}

#nav li {
    float: left;
}

#nav a {
	display: block;
	width: 115px;
	line-height: 25px;
	color: rgb(127,0,127);
	/*background:url('boutton4.gif') no-repeat 0 0;*/
	background:url('boutton4a.gif') no-repeat;	
	margin: 0 6px;
	text-decoration: none;
	text-align: center;
}


#nav a:hover {
   color: yellow;
   background:url('boutton4b.gif') no-repeat;	
   cursor: pointer;
}


.specialbutt {
    font-size: 0.8em;
} 

.speci
{
  display: inline;
}

.liens
{
  font-size: 0.8em;
  font-style: normal;
}

.liens img
{
  border:0;
}

.ita
{
  font-style:italic;
  font-size: 1.3em;
}

.ita2
{
  font-style:italic;
}

/* Le corps de la page */


#surcorpsh
{
   margin-top: 0px;
   margin-bottom: 0px;
   
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   height:44px;
   
   text-align: justify;
   text-color: blue;
   background-repeat: no-repeat;
   background-image:url("colhautwhite2.gif");
   background-position:left top;
}



#surcorps
{
   margin-top: 0px;
   margin-bottom: 0px;
   
   padding-left: 60px;
   padding-right: 60px;
   padding-bottom: 50px;
   padding-top: 50px;
   
   text-align: justify;
   text-color: blue;
   
   background-repeat: repeat-y;
   background-image:url("coltext32.gif");
   background-position:left bottom;
}



#surcorpsb
{
   margin-top: 0px;
   margin-bottom: 0px;
   
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   
   height: 37px;
   
   text-align: justify;
   text-color: blue;
   background-repeat: no-repeat;
   background-image:url("colbasTot.gif");
   background-position:left bottom;
}
#corps
{
   /*margin-left: 140px;*/
   margin-bottom: 0px;
   margin-top:0px
   
   margin-left: 0px;
   margin-right: 0px;
   
   padding-right: 30px;
   padding-left: 30px;
   
   padding-bottom: 0px;
   padding-top: 0px;
   
   text-align: justify;
   text-color: blue;
   background-repeat: repeat-y;
   background-color: rgb(255,255,255);
}
#corps h1 /* Tous les titres h1 du corps */
{
   height: 60px;
   font-size: xx-large;
   font-style: italic;
   text-align: center;
}
#corps h2 /* Tous les titres h2 du corps */
{
   text-align: left;
}

#pied_de_page
{
   margin-top: 0px;
   margin-bottom: 0px;
   
   padding-top: 50px;
   padding-bottom: 0px;
   
   text-align: center;
   text-color: blue;

   background-repeat: repeat-y;
   background-color: rgb(255,255,255);
   
   font-weight: bold;
   border-style: none;
}

.image7
{   
   text-align: center;
   margin: auto;
   margin-bottom: 15px;
}

.image8
{   
   border-width: 3px;
   border: outset;
   border-color: rgb(124,226,249);
}

.image2
{   
   text-align: center;
   width: 499px;
   margin: auto;
   margin-bottom: 20px;
   margin-top: 00px;
   border: 0;
}

.image2 img
{   
   font-weight: bold;
   border: 3px solid rgb(124,226,249);
   border-style: outset;
}

.image3
{   
   text-align: center;
   margin: auto;
   border: 0;
}

.image4
{   
   float: left;
   margin-right: 30px;
   margin-bottom: 15px;
   border: 3px solid rgb(124,226,249);
}

.image5
{   
   float: left;
   margin-right: 30px;
   margin-bottom: 15px;
}

.image6
{   
   float: left;
}

.image9
{   
   float: right;
}

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

.image a
{   
   text-decoration: none;
   border: none;
   display: block;
}

.special1
{   
   text-align: center;
   font-size: medium
}

caption /* Titre du tableau */
{
   margin: left; /* Centre le titre du tableau */
   text-align: left;
   font-family: "Comic Sans MS", Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-style: italic;
   font-size: 1.5em;
   color: rgb(91,167,44);
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

.c1 
{
   width:200px;
}

.c2
{
  width:280px;
}


.jolitab /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   width: 550px;
}

.jolitab caption /* Titre du tableau */
{
   margin: auto;
   text-align: center;
   font-family: "Comic Sans MS", Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-style: italic;
   font-size: 1.5em;
   color: rgb(91,167,44);
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

.specapt caption
{
   margin: auto; /* Centre le titre du tableau */
   text-align: left;
   font-family: "Comic Sans MS", Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-style: italic;
   font-size: 1.5em;
   color: rgb(91,167,44);
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
.jolitab th /* Les cellules d'en-tête */
{
   background-color: rgb(204,102,255);
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
.jolitab td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.fusion
{
   font-weight: bold;
   font-family: Arial, Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.pluspetit
{
   font-size: 0.9em;
}

.pluspetitpetit
{
   font-size: 0.8em;
}

.floriane
{
   font-style: bold;
   font-size: 1.2em;
}