/*======================================*/
/* 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;
	visibility: visible;
}

/*#horairete {
  position:absolute;
  top:305px; left:320px; width:300px; height:30px;
  padding:20;
}*/

#horairete2 {
  position:absolute;
  top:180px; left:5px; width:100px; height:100px;
  padding:20; /* top right bottom left */
}
 
#titre {
	position:absolute;
	top:180px; left:10px; width:560px; height:200px;
	padding:20;
	visibility: visible;
}

#collection {
  position:absolute;
  top:156px; left:0px; width:560px;
  padding:20; /* top right bottom left */
}

#menu {
	position:absolute;
	top:140px; left:592px; width:185px;
	background-color: #FFFFFF;
    padding:0; /* top right bottom left */
}
#barre{
	position:absolute;
	top:300px; left:10px; width:560px; heigth:20px;
	background-color: #33CCFF;
	border: no;
}

#barre2{
  position:absolute;
  top:510px; left:10px; width:560px; heigth:20px;
  background-color: #33CCFF;
  border: no;
}

#barre3{
  position:absolute;
  top:250px; left:10px; width:560px; heigth:20px;
  background-color: #33CCFF;
  border: no;
}

#barre4{
	position:absolute;
	top:275px; left:10px; width:560px; heigth:20px;
	background-color: #33CCFF;
	border: no;
	visibility: visible;
}

#barre5{
  position:absolute;
  top:280px; left:10px; width:560px; heigth:20px;
  background-color: #33CCFF;
  border: no;
}

#barre6{
  position:absolute;
  top:320px; left:10px; width:560px; heigth:20px;
  background-color: #33CCFF;
  border: no;
}

#barre7{
  position:absolute;
  top:340px; left:10px; width:560px; heigth:20px;
  background-color: #33CCFF;
  border: no;
}

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.content {
	position:absolute;
	z-index: 2;
	top:310px; left:0px; width:560px;
	padding: 10 10 10 10;
	margin-left:0;
	background-color#FCFBFB;
	visibility: visible;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

.content2 {
	position:absolute;
	z-index: 3;
	top:285px; left:0px; width:560px;
	padding: 10 10 10 10;
	margin-left:0;
  	background-color: #FCFBFB; 
	visibility: visible;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

.content3 {
  position:absolute;
  z-index: 4;
  top:300px; left:0px; width:560px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

.content4 {
  position:absolute;
  z-index: 5;
  top:330px; left:0px; width:560px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

.content5 {
  position:absolute;
  z-index: 6;
  top:350px; left:0px; width:560px; 
  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 */
/*==================*/
.pratique {
  color: #003399;
  font-size: 11px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none;
}

.pratique:hover {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.pratique:visited {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.menubib {
  font-family: arial;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}
.menubib:hover {
  font-family: arial;
  font-size: 11px;
  color: #33CCFF;
  text-decoration: none;
}
.menubib1 {
  font-family: arial;
  font-size: 12px;
  color: #33CCFF;
  text-decoration: none;
}
.menubib1:hover {
  font-family: arial;
  font-size: 12px;
  color: #0099ff;
  text-decoration: underline;
}

.menubib1:visited {
  font-family: arial;
  font-size: 12px;
  color: #0099ff;
  text-decoration: none;
}

/*=================*/
/* TAGs DEFINITION */
/*=================*/
a {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #0099ff;
  text-decoration: none;
}


td {
  text-align:justify;
}

div {
  text-align:justify; 
}