body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #FFFFFF;
background-image: url('images/bg.gif'); background-repeat: repeat-x; 

scrollbar-base-color: #FFFFFF;
   scrollbar-face-color: #D7EDDE;
   scrollbar-shadow-color: #ADDBBB;
   scrollbar-highlight-color: #ADDBBB;
   scrollbar-3dlight-color: #2e8b57;
   scrollbar-darkshadow-color: #ADDBBB;
   scrollbar-track-color: #FFFFFF;
   scrollbar-arrow-color: #405E4A;

}
p {margin: 0 0 7px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color: #3E3E3E; text-align: justify;
}

#conteneur {
width:840px;
margin:0 auto;
background-color:#CCCCFF;
}
#flash {
background-color:#9999CC;
margin:0;
margin-left: 52px;
margin-right: 493px;
}
#gauche {
/*float:left;
width: 52px;
*/
}
#centre {
float:right;
width: 490px;
}
#pied {
clear:both;
height: 30px;
background-color: #FFFFFF;
}

/* LE MENU DE GAUCHE */ 
ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 100px;
left: 240px;
background: transparent url(images/menu.gif) top left no-repeat;	/* arrière-plan général du menu */
width: 35px;
text-align: center;
}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 126px;
width: 35px;
color: #fff;
font-size: 14px;
line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
border: 1px solid #000000;
}
li a:hover {
background: transparent url(images/menu.gif) top left no-repeat;
}
a#lien1:hover {
background-position: 0% -504px;	/* décalage de l'arrière-plan pour chaque bouton */
border: 1px solid blue;
}
a#lien2:hover {
background-position: 0% -1260px;
border: 1px solid blue;
}
a#lien3:hover {
background-position: 0% -1386px;
}
a#lien4:hover {
background-position: -540px 0%;
}
.menuimg {margin:0; padding:0; margin-top: -3px;}
/* FIN MENU DE GAUCHE */		

/* LE CENTRE */

#menu
{color: #FFFFFF; font-size: 13px;margin: 0; padding:0; text-align: center;

}

#menu a {color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center; margin: 0; padding:0;}
#menu a:hover {color: #74A957; text-decoration: none; font-weight: bold; text-align: center; margin: 0; padding:0;}

#haut1 {margin:0;padding:0; 
width: 486px; height: 70px;
background-image: url('images/haut.jpg'); background-repeat: no-repeat;
}
#centre1 {margin:0;padding:0; 
width: 486px; height: 425px;
background-image: url('images/centre.jpg'); background-repeat: no-repeat;
padding-left: 15px;
}
.frame {overflow: auto; margin:0; padding:0;width: 441px; height: 425px;padding-right: 8px; padding-left: 8px;
scrollbar-base-color: #FFFFFF;
   scrollbar-face-color: #D7EDDE;
   scrollbar-shadow-color: #ADDBBB;
   scrollbar-highlight-color: #ADDBBB;
   scrollbar-3dlight-color: #2e8b57;
   scrollbar-darkshadow-color: #ADDBBB;
   scrollbar-track-color: #FFFFFF;
   scrollbar-arrow-color: #405E4A;;
   }
#bas1 {
width: 486px; height: 135px;
background-image: url('images/bas.jpg'); background-repeat: no-repeat;
}

/* FIN DU CENTRE */

.bande1 {margin:0;padding:0; width: 430px; height: 131px; background-repeat: no-repeat;
text-align: left;  font-size: 12px; font-weight: bold; color: #575656;}

.bande2 {margin:0;padding:0; width: 410px; height: 131px; background-repeat: no-repeat;
text-align: left; padding-left: 20px; font-size: 12px; font-weight: bold; color: #575656;}

.orange {margin:0;padding:0; color: #F78003;}
.vert {margin:0;padding:0; color: #70A751;}
.titre {margin:0;padding:0; float: right; margin-right: 25px; margin-top: 15px;}

.txt-contenu {margin:0;padding:0; width: 200px;}

.adress {margin:0;padding:0; 
font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px;
color: #7EB95D; text-align: center; font-weight: bold; font-size: 11px;}

h1 {color: #F78003; font-size: 13px; font-weight: bold; text-align: left;}

.lien a {color: #92D56D; font-weight: bold;  padding-left: 10px; text-decoration: none;}
.lien a:hover {color: #555555; font-weight: bold; padding-left: 10px;}

.vide {width: 190px; height: 100px;}
	
	.uk {width: 33px; height: 33px; position: relative; left: 308px; top: 36px; border: 0px; }
	.fr {width: 33px; height: 33px; position: relative; left: 303px; top: 36px; border: 0px; }
	.al {width: 33px; height: 33px; position: relative; left: 298px; top: 36px; border: 0px; }
	.nl {width: 33px; height: 33px; position: relative; left: 293px; top: 36px; border: 0px; }
