/*======================================*/
/* 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:140px; left:570px; width:185px;
  background-color: #FFFFFF;
  padding:0; /* top right bottom left */
}
#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 */
/*==================*/

.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: 12px; 
   color: #003399; 
   text-decoration: none
}

.decA:hover {  
   font-family: arial;
   font-size: 12px; 
   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

}
/*=================*/
/* TAGs DEFINITION */
/*=================*/

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

TD {
  /*text-align:justify;*/
}

div {
  text-align:justify;
}