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;
#}

/* ================================== MENU1 ================================== */
  #menu1, #menu1 ul {
    padding:0;
    margin:0;
    list-style: none;
    text-align: center;
  }
  
  #menu1 li {
    display:inline-block;
    vertical-align: top;
    position: relative;
    margin-left:1px;
    float:center; /*pour IE*/
  }
  #menu1 li li {
    display:inherit;
  }
  #menu1 a {
    display:block;
    padding:2px 19px;
    text-decoration: none;
    color:#fff;
    font-family:arial;
  }
  #menu1 ul li a {
    padding:2px 8px;
    border-width:0px;
    border-style:solid;
    border-color:#DCDCDC #696969 #696969 #DCDCDC;  /*pour avoir un effet "outset" avec IE*/
  }
  #menu1 ul {
    position: absolute;
    z-index: 1000;
    min-width:85%;
    white-space: nowrap;
    text-align: left;
  }
  #menu1 ul ul {
    left:85%;
    top:0;
    overflow: hidden;
    max-width: 0;
    min-width: 0;
    transition: 0.1s all;
  }
  #menu1 ul li:hover ul {
    max-width: 30em;
  }
  #menu1 ul li {
    max-height:0;
    overflow: hidden;
    transition:all 0.2s;
  }
  #menu1 li li li {
    max-height: inherit;
  }
  #menu1 li:hover li {
    max-height: 15em;
    overflow: visible;
    #background-color:#75A6FE;
    border-color: #696969 #DCDCDC #DCDCDC #696969;
  }
  /* background des liens menus */
  .bleu1 {
      background-color:#6495ED;
  }
  .bleu2 {
      background-color:#75A6FE;
  }
  .bleu2p {
      background-color:#75A6FE;
      font-size: 8pt;
  }
  .bleu2p:hover {
      font-size: 12pt;
  }
  .grisclair {
      background-color:#CCCCCC;
      font-size: 8pt;
  }
  .grisclair:hover {
      font-size: 12pt;
  }

  #menu1 li:hover a, .menu li li:hover a {
  		color: black;
  }
  #menu1 li:hover li a, #menu1 li:hover li li a {
  		color: white;
  }
  #menu1 li:hover a, #menu1 li li:hover a, #menu1 li li li:hover a {
  		color: black;
  }