

/* Menu */

#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 40px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width: auto;
}

#menu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 16px; /* hauteur du texte : 12 pixels */
	height: 40px;

}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background : #302060; /* couleur de fond */	
	color : #ffff00; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 160px; /* largeur */
	height: 40px;
}

#menu li /* Elements des listes */	
{ 
	float : left; 
	/*padding-top: 5px;
   padding-bottom: 5px; */
	height: 40px;
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #ffff00; /* on met une bordure blanche à droite de chaque élément */
}


#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 160px; /* Largeur des sous-listes */
	height: 40px;
	/*padding-top: 5px;
   padding-bottom: 5px;*/
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #ffff00; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}


#menu li ul ul 
{
	margin		: -22px 0 0 70px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #ffff00 ; /* Petite bordure à gauche pour ne pas coller ... */	
}


#menu a:hover, #menu li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #ffff00; /* On passe le texte en noir ... */
	background: #004000; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}

a
{
	text-decoration: none;
	color: #ae0000;
}

span.copri {
		color: #ffff00;
		font-family: arial, helvetica, sans-serif;
		text-align: center;
		font-size: small;
		}	
span.blink {
		font-size: small;
		color: #ff0000;
		text-decoration: blink;
		}
span.noblink {
		font-size: small;
		color: #ff0000;
		}
span.helv {
	font-family: arial, helvetica, sans-serif;
}
span.newh {
	font-family: arial, helvetica, sans-serif;
	}
span.wcks {
	font-family: arial, helvetica, sans-serif;
	color: #ff0000;
	text-align: center;
	font-size: small;
	}
h1 {
	font-family: arial, helvetica, sans-serif;
	background-color: #202050;
	color: #ffff00;
	text-align: center;
}
h2 {
	font-family: arial, helvetica, sans-serif;
	color: #ffff00;
	background-color: #202050;
	text-align: center;	
}

h3 {
	font-family: arial, helvetica, sans-serif;
	color: #ffff00;
	background-color: #202050;
	text-align: center;	
}

h4{
	font-family: arial, helvetica, sans-serif;
	font-style: strong;
	}

a:link { 
color: #ffff00; 
background-color: #202050;
text-decoration: none;
text-align: center;  
}
a:visited { 
color: #ffff00; 
background-color: #202050;
text-decoration: none;
text-align:center ;  
}
a:hover {
color: #202050; 
background-color: #ffff00;
text-decoration: none;
text-align: center; 
} 

input[type=text] {
font-weight: bold;
color: #800080;
font-size: medium;
}

textarea {
font-weight: bold;
color: #000010;
font-size: medium;
}

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
}

input[type=submit] {
font-weight: bold;
color: #303070;
font-size: large;
background-color: #8888ff;
}
input[type=file] {
font-weight: bold;
color: #303070;
font-size: large;
background-color: #8888ff;
}
select {
font-weight: bold;
color: #303070;
font-size: large;
background-color: #8888ff;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
