/*======================================*/
/* DEFINITION OF THE SCREEN AREAS (DIV) */
/*======================================*/
/*------------------------------------------*/
/* ID -> Must Be Unique among the HTML Page */
/*------------------------------------------*/
#header {
  position:absolute;
  top:0px; left:0px; width:765px; height:120px;
  padding:10 10 10 10; /* top right bottom left */
}
#titre {
  position:absolute;
  top:140px; left:0px; width:550px; height:200px;
  padding:20; /* top right bottom left */
}
#menu {
	position:absolute;
	top:174px;
	left:594px;
	width:185px;
	background-color: #FFFFFF;
	padding:0; /* top right bottom left */
	z-index: 100;
}
#barre{
  position:absolute;
  top:233px; left:10px; width:560px;
  background-color: #cc6633;
  border: no;
}
#barre2{
  position:absolute;
  top:200px; left:0px; width:560px;
  background-color: #cc6633;
  border: no;
}
#barre3{
  position:absolute;
  top:365px; left:10px; width:560px;
  background-color: #cc6633;
  border: no;
}

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.content {
  position:absolute;
  z-index: 1;
  top:350px; left:0px; width:540px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}
.content2 {
  position:absolute;
  z-index: 2;
  top:200px; left:0px; width:540px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}
.content3 {
  position:absolute;
  z-index: 3;
  top:240px; left:0px; width:540px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

/*==================*/
/* TYPES DEFINITION */
/*==================*/
.note {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 0.8em; 
}

.decouvrir {  
   font-family: arial;
   font-size: 11px; 
   color: #cc6633; 
   text-decoration: none
}

.decouvrir:hover {  
   font-family: arial;
   font-size: 11px; 
   color: #ff6600; 
   text-decoration: none
}

.dec {  
   font-family: arial;
   font-size: 11px; 
   color: #003399; 
   text-decoration: none
}

.dec:hover {  
   font-family: arial;
   font-size: 11px; 
   color: #cc6633; 
   text-decoration: underline
   }
.decA {  
   font-family: arial;
   font-size: 1em; 
   color: #003399; 
   text-decoration: none
}

.decA:hover {  
   font-family: arial;
   font-size: 1em; 
   color: #cc6633; 
   text-decoration: no
}
.dec {  
   font-family: arial;
   font-size: 11px; 
   color: #003399; 
   text-decoration: none
}

.dec:hover {  
   font-family: arial;
   font-size: 11px; 
   color: #cc6633; 
   text-decoration: underline
}

.legende {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
}

.copyright {
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #27328C;
}
/*=================*/
/* TAGs DEFINITION */
/*=================*/

a { 
  color: #003399; 
  text-decoration: none;
}
	
a:hover { 
  color: #ff6600; 
  text-decoration: none; 
}

TD {
  text-align:justify;
}

div {
  text-align:justify;
}

BODY {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 0.8em; 
}
/*------------nav----------*/