BODY {scrollbar-3dlight-color:#FFFFFF;

           scrollbar-arrow-color:#483D8B;

           scrollbar-base-color:#000000;

           scrollbar-track-color:#E8F0FC;

           scrollbar-darkshadow-color:#4682B4;

           scrollbar-face-color:#D0E0F8;

           scrollbar-highlight-color:#F0F8FF;

           scrollbar-shadow-color:#B0C4DE}

    button:link {color:#000080;}

    button:visited {color:#946C6B;}

    button:hover {color:#FF0000;}

		.bouton{text-decoration:none;

		        height: 100px; 

						width: 200px;

						background-color: transparent;

						font-family: Monotype Corsiva;

						border:0px;

						border-color: black;

						padding:0px;

						margin:0px;

						color: black;

						font-size: 24pt}

		.vignetteHTML{text-decoration:none;

		        height: 100px; 

						width: 200px;

						background-color: transparent;

						font-family: Monotype Corsiva;

						border:0px;

						border-color: black;

						padding:0px;

						margin:0px;

						color: black;

						font-size: 24pt}

		.box em {font-size: 10px; }

		.box em a {color: #000000;}

		a{ text-decoration:none; }

		a:hover.bouton{color:#FF0000;text-decoration:none;}

		.vignetteHTML span { display: none; /* On masque le span par défaut */

		}

		a.vignetteHTML:hover{

			border: 0; /* Pour que ce soit fonctionnel sous IE */

			color:#FF0000;text-decoration:none;

		}

		a.vignetteHTML:hover span /* On définit où va s'afficher l'image au passage de la souris */

		{

			display: block;

			position: absolute;

			top: 140px;

			left: 1060px;

		}

		/*------------------- Info bulles -------------------------------*/

		a.tooltip em {

		    display:none;

		}

		a.tooltip:hover {

		    border: 0;

		    position: relative;

		    z-index: 500;

		    text-decoration:none;

		}

		a.tooltip:hover em {

		    padding-left: 5px;

		    font-family: Monotype Corsiva; font-size: 16pt;

		    display: block;

		    position: absolute;

		    top: 20px;

		    left: -10px;

		    padding: 5px;

		    color: #000;

		    border: 1px solid #bbb;

		    background: #ffc;

		    width:800px;

		}

		a.tooltip:hover em span {

		    position: absolute;

		    top: -7px;

		    left: 15px;

		    height: 7px;

		    width: 11px;

		    background: transparent url(Images/infobulletop00.gif);

		    margin:0;

		    padding: 0;

		    border: 0;

		}

		.diaporama{

			position:relative;

			width:533px; /* Largeur d'une photo */

			height:400px /* Hauteur d'une photo */

		}

		

		.diaporama li{

		  list-style-position:inside;

			list-style-type:none;

			list-style:none;

			margin:0 0 0 0px; // l'élément recule de 30px vers la gauche

			overflow:hidden;

			position:absolute /* Les images seront positionnées toutes au même endroit */

		}

		

		.diaporama img{

		  width: 533px; 

		  height: 400px;

		}

		

		.diaporama_controls{

			width:272px;

			margin:3px 0;

			clear:both;

			overflow:hidden;

		}

		

		.diaporama_controls .btns{

			float:right;

		}

		

		.diaporama_controls a{

			font-weight:normal;

			width:10px;

			height:13px;

			text-indent:-9999px;

			display:inline-block;

			margin:0 3px;

		}

		

		.diaporama_controls .prev{

			background:url(Diaporama/fleches_diapo.png) no-repeat top right;

		}

		

		.diaporama_controls .next{

			background:url(Diaporama/fleches_diapo.png) no-repeat top left;

		}

		

		.diaporama_controls .pause{

			background:url(Diaporama/fleches_diapo.png) no-repeat bottom right;

		}

		

		.diaporama_controls .play{

			background:url(Diaporama/fleches_diapo.png) no-repeat bottom left;

		}

ul {
padding:0;
margin:0;
list-style-type:none;
}
li
{
margin-left:1px;
float:left; /*pour IE*/
}
ul li a
{
display:block;
float:center;   
width:132px;
background-color:#6495ED;
color:black;
text-decoration:none;
text-align:center;
padding:2px;
border-width:2px;
border-style:solid;
border-color:#DCDCDC #696969 #696969 #DCDCDC;  /*pour avoir un effet "outset" avec IE*/
}
ul li a:hover
{
background-color:#D3D3D3;
border-color: #696969 #DCDCDC #DCDCDC #696969;
}