/* début du hack "fixed" permettant de fixer les menus sous IE */

body 
{ 
margin: 20px 0% 0% 10%; /* la marge du body est à 0 pixels, sauf à gauche et en haut */
padding:0 ;              /* marge intérieur à 0 pixels */
} 

.content 
{                      /* boite prenant toute la page sauf le menu rouge */
height: 100%;          /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto}        /* on rajoute un ascenseur droit à la boite */
    
                        		/* fin du hack "fixed" permettant de fixer le menu rouge sous IE */


.menu_haut {               /* menu fixe en haut de l'écran */
position: absolute ;  /* position du menu = par rapport à la boite parent (ici le body) */
top: 0 ;              /* Le haut du menu est à 0 pixels du haut de l'écran */
left: 0 ;             /* La gauche du menu est à 0 pixels du bas de l'écran */
width: 100% ;         /* largeur du menu = 110% de l'écran (pour bug de IE) */
height: 20px ;        /* hauteur du menu = 20 pixels */
}
.menu_gauche                          
{                     /* menu fixe à gauche de l'écran */
position: absolute;   /* idem menu1 */
top: 20px;            /* Le haut du menu est à 20 pixels du haut de l'écran (pour ne pas recouvrir la zone du haut) */
left: 0;              /* idem menu1 */
width: 22%;           /* largeur du menu */
height: 100%;         /* hauteur du menu (toute la page) */
}
.menu_gauche1                          
{                     /* menu fixe à gauche de l'écran */
position: absolute;   /* idem menu1 */
top: 0px;            /* Le haut du menu est à 20 pixels du haut de l'écran (pour ne pas recouvrir la zone du haut) */
left: 0;              /* idem menu1 */
width: 22%;           /* largeur du menu */
height: 100%;         /* hauteur du menu (toute la page) */
}
.boite                                 /* boite servant à faire défiler l'écran, en débordant de la page */
{
width: 82% ;
margin : 5px 0px 0px 15%;
}
.boite1                                 /* boite servant à faire défiler l'écran, en débordant de la page */
{
margin : 10px 0px 0px 100px;
}
.signature                       /* Pour mettre la signature Gilbert à droite sur l'accueil */
{
display : block; 
text-align: right;
font-family: Georgia, "Times New Roman", serif;
}
.imageflottante 
{
   float: right;
   width: 200px;
   padding : 10px ;
}
.imageflottante1
{
   float: middel;
}
.imageflottante2
{
   float: right;
   width: 300px;
   padding : 10px ;
}
.imageflottante3
{
   float: left;
   padding : 10px ;
}
.imageflottante4
{
   width: 700px;
   padding : 10px ;
}
.imageflottante5
{
   float: right;
   padding : 10px ;
}
.imageflottante6
{
   float: right;
   width: 500px;
   padding : 10px ;
}
.imageflottante7
{
   width: 700px;
   padding : 5px ;
}

body>.menu1                       /* annule le hack "fixed" pour les autres navigateurs que IE */
{
position:fixed
}
body>.menu2                       /* annule le hack "fixed" pour les autres navigateurs que IE */
{
position:fixed
}
body ,table
{
background :  #b8daa8; /* couleur de  fond de toute la page web  */
color :       #107704  ;/* couleur de  l'ecriture du corps et du pied de tete  */
text-align :  center;
font :        75% Verdana, Helvetica, Arial, sans-serif;
line-height : 1.6em;
}

h1, h2, h3, h4, h5, h6 
{ 
color : #fff ;        /* couleur de l'écriture  ou il ya des balises H (a gauche et l'entête du paragraphe) */
}
a:link, a:active, a:visited 
{
color : ;                                   /* couleur des liens dans les paragraphes  */
}
#menu_gauche
{
float : left;
display : inline;
margin : 0px 0px 0px 15px;
color : #fff; 
background :#3a8332;
height : 850px;
}
#menu_gauche h2
{
padding : 0.3em;
font-size : 1.5em;
margin : 5px 0;
color : #0f7703 ;
background :#fff;    /* couleur de  fond  des deux balises sur le coté gauche  */
}
#menu_gauche p 
{
padding : 0;
text-align : justify;
font-size : 1.3em;
}
#menu_gauche ul 
{
margin : 0;
margin-bottom : 1em;
padding : 0;
}
#menu_gauche ul li 
{
border-bottom : 1px solid #45b805;
list-style : none;
text-align : left;
}
#menu_gauche ul li a 
{
display : block;
padding : 2px 5px;
text-decoration : none;
font-size : 1.2em;
letter-spacing : 0.1em;
color : #fff;   /* couleur d'écriture des liens côté gauche */
}
#menu_gauche ul li a:hover 
{
background : #fff;                     /* couleur de  fond des liens côté gauche quand on passe dessus   */
color :      #107704 ;          /* couleur d'écriture des liens côté gauche  quand on passe dessus */
}
#menu_haut
{
color :     #107704  ;                /* couleur de  l'ecriture du corps et du pied de tete  */
background : #3a8332;         
}
ul#menu_haut
{
height : 20px;
margin : 0;
padding : 0 0 0 100px;
list-style : none;
}
ul#menu_haut li 
{
float : left;
margin : 0;
padding : 0;
font-size : 1.2em;
}
ul#menu_haut li a 
{
display : block;
padding : 0 20px;
text-decoration : none;
color : #fff;                           /* couleur de  l'ecriture de l'entete   */
}
ul#menu_haut li a:hover 
{
text-decoration : underline;
background :#fff ;                     /* couleur de  fond des liens côté gauche quand on passe dessus   */
color : #107704;                       /* couleur d'écriture des liens côté gauche  quand on passe dessus */
}
#paragraphe
{
float : left;
margin-left : 10px;
padding : 10px 20px 40px;
width : 700px;
height : auto;
}
#paragraphe h2 
{
background : #0f7703;  /* couleur de fond  du titre du debut de page   */
color : #fff;   /* couleur d'écriture du titre de page   */
padding : 0.4em;
margin : 10px ;
margin-bottom : 0.7em;
border-width : 1px 0;
font-weight : bold;
font-size : 1.5em;
}
#paragraphe h3 
{
margin : 0.6em 0 0.2em;
font-size : 1.4em;
font-weight : bold;
text-transform : uppercase;
margin-left: 20px;
color : ;   /* couleur d'écriture du titre de page   */
}
#paragraphe h4 
{
clear : both;
margin : 0.2em 0;
float : left;
}
#paragraphe p 
{
margin : 0 ;
margin-bottom : 1em;
text-align : justify;
font-size : 1em;
line-height : 1.4em;
}
#paragraphe ul
{
text-align : left;
}
												/* les css pour les tableaux */

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset ; /* Bordure du tableau avec effet 3D (outset) */
   border-color : #00ff00;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background-color: #d4fcc8;
   font-size : 1em;
}

th /* Les cellules d'en-tête */
{
   background-color: #00ff00;
   color: #00ff00;
   font-family: "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: 75% Verdana, Helvetica, Arial, sans-serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color: #000000;
}
#tableau td /* Les cellules normales */
{
   border: 3px solid black;
}