
<style type="text/css">


body {
  width: 1152px; /* ou width:70%; ou width:20em; */
  margin-left: auto; 
  margin-right: auto;
  overflow:hidden;
}


  
*{border:0;margin:0;padding:0}
  
html,body{width:100%;height:100%;}
  
#cache {
    position:absolute; 
    z-index:100; 
    filter:alpha(opacity=20);
	  -moz-opacity: 0.2;
	  opacity: 0.8;
    background-color: black;
    width:100%;
    height:100%;
}

#cache div{
    font-size: 28px;
    color: white;
    text-align:center;
		position:absolute;
		top:45%;
    width:100%;
    background: transparent url(loading.gif) no-repeat 0 0 ;
    background-position: center;
}


<!--
.Titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	letter-spacing: 5px;
	text-align:center;
	color: black; text-shadow: white 1px 1px 1px
}

.Texte {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 1px;
	height: auto;
	width: auto;

}

.Copyright {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	/*color: black; text-shadow: white 1px 1px 1px*/
}


 
.Menu_description {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	word-spacing: normal;
	letter-spacing: 2px;
	text-transform: capitalize;
	font-weight: bold;
	vertical-align: top;
	color: #000;
	color: black; text-shadow: white 1px 1px 1px

}


a { 
text-decoration: none; 
}

a:hover 
{
background: none; 
}

a span 
{ 
display: none;
}
/*
a:hover span
{ 
  display: inline;
  position: absolute;
  
  top: 27%; 
  left: 40%;
  width: 10em;
  height: 10em;




  text-align: center;
  color: white;
}*/

img.double-border {
	border: 2px solid #ddd;
	padding: 3px; /*Inner border size*/
	background: #fff; /*Inner border color*/
}


TEXTAREA { background-color: #FFCC99 ; color: grey ;border: 1px solid grey ;overflow:hidden}
INPUT { background-color: #FFCC99 ; color: grey ;border: 1px solid grey ;}
BUTTON { border-width: 0pt ; font-size: 16pt ; color: blue ; top: 250px ;}
input[type="file"] {
  background-color:#FFCC99; 
  font:bold 14px Arial, Helvetica, sans-serif; 
  color:#000000; 
  border:0; 
  visibility:visible;
}
td { color: black ; }



/*  global nav 
*************************************************/


#globalnav ul,#globalnav li {
    list-style: none;
}

#globalnav ul {
  /*background: transparent url(rollover-ex-3.jpg) no-repeat 0 0;  */
    width: 163px;
    height: 200px;
    text-align: center;
}

#globalnav ul li a {
  display: block;
  height: 25px;
  width: 163px;
  text-decoration: none;
  line-height: 25px;
  font-family: Geneva, sans-serif;
  font-weight: bold;
  font-size: 20px;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	word-spacing: normal;
	letter-spacing: 2px;
	text-transform: capitalize;
	font-weight: bold;
	vertical-align: top;
	color: #000;
  text-align: left;
}

#globalnav a:hover {
    /* attention, il ne faut pas écrire #globalnav ul li a:hover  */
    background: transparent url(images/rollover.jpg) no-repeat 0 0;
    color: Black;
}

a#home:hover {
    background-position: 0 -200px;
}



</style>

