/***************************/
/* RESET MARGINS & PADDING */
/***************************/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border:0;
}

img {
  border: 0;
}

.dessous
{
	clear:both;
}

/***************************/
/*          STYLES         */
/***************************/

body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   font-family: 'Trebuchet MS',Verdana,Tahoma,sans-serif;
   font-size:small;
   background-color: white;
   text-align:justify;
}



#main
{
   margin-bottom: 20px;
   margin-right:190px;
   padding: 5px;
}

#main a
{
		color: #22789c;
		text-decoration:none;
		font-weight:bold;
}

#main a:hover
{
		text-decoration:underline;
}

#main h1
{
   color: #22789c;
}

#main h2
{
   color: #22789c;
   font-style: italic;
}

#main h3
{
   color: #22789c;
}

#main p
{
	margin:20px;
}

#main u
{
	text-decoration:underline;
}

#main note
{
	 color:#C3C3C3;
   font-style: italic;
}

#header
{
   width: 760px;
   height: 200px;
   /*background-image: url("../images/header.png");*/
   margin-bottom: 10px;
	 z-index:1;
	 background-color:transparent;
}

#language
{
    width:auto;
    
	 	padding: 5px;
	 	text-align: right;
	 	
		position: relative;
		right: 0px;
		top: -200px;
		z-index:2;
}

#language a, #soon a
{
		text-decoration:none;
		color:#B3B3B3;
}

#language a:hover, #soon a:hover
{
		text-decoration:underline;
}
#soon
{
    width:auto;
    
	 	padding: 5px;
	 	text-align: left;
	 	
		position: relative;
		left: 0px;
		top: -225px;
		z-index:2;
}

#menu /* format de la boite menu contenant les sous menus (element_menu) */
{
	float:right;
	width:170px;
	margin-bottom:100px;
}

#menu h5
{
	margin-top:20px;
	text-align:center;
}

#menu dl, #menu dt, #menu ul, #menu li 
{
   list-style-type:none; 
   /*list-style-image: choisir une image faite maison*/
}

#menu dd
{
	margin-left:7px;
}

.element_menu /* format des sous menus (element_menu) */
{
   background-color: white;
   
   /* Gestion des arrondis à 10px pour tous les navigateurs */
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 

   /*border-width: 2px;*/
   /*border-color: #22789c;*/
   /*border-style: solid;*/
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   padding-bottom: 20px;
   padding-top:10px;
   border: 2px solid #22789c;
   /*opacity:0.4;*/
}

/*
.element_menu:hover
{
	opacity:1;
}
*/

.element_menu h1 /* format des titres h1 des sous menus (element_menu) */
{
   color: #22789c;/* couleur du texte */
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   /*background-image: url("../images/menu_header.png");*/
	 font-size: 1em;
	 height:30px;

}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); 
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
   text-decoration:none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   /*background-color: #bce2f5;*/
   color: #22789c;
}

#footer
{
   /* Gestion des arrondis à 10px pour tous les navigateurs 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; */
   
	 padding: 5px;
   clear: both;
   text-align: center;
   color: #22789c;
   /*background-color: #bce2f5;*/
   /*background-color: white;*/
   /*border: 2px solid #22789c;*/
   border-top: 2px solid #22789c;
}

#footer a{
    color: #22789C;
    text-decoration: none;
}

#footer a:hover{
    text-decoration: underline;
}