/*======================================*/
/* 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 */
}

#horairete {
	position:absolute;
	top:150px;
	left:430px;
	width:135px;
	height:10px;
	padding:20;
	visibility: visible;

}
#horairete2 {
  position:absolute;
  top:180px; left:5px; width:100px; height:100px;
  padding:20; /* top right bottom left */
}
 
#titre {
  position:absolute;
  top:140px; left:0px; width:560px; height:200px;
  padding:20; /* top right bottom left */
}
#titre2 {
  position:absolute;
  top:140px; left:0px; width:760px;
  padding:20; /* top right bottom left */
}
#menu {
  position:absolute;
  top:140px; left:590px; width:205px;
  background-color: #FFFFFF;
  padding:5; /* top right bottom left */
}
#barre{
  position:absolute;
  top:365px; left:10px; width:560px;
  background-color: #33CCFF;
  border: no;
}
#barre2{
  position:absolute;
  top:510px; left:10px; width:560px;
  background-color: #33CCFF;
  border: no;
}
#barre3{
  position:absolute;
  top:250px; left:10px; width:560px;
  background-color: #33CCFF;
  border: no;
}
#barre4{
  position:absolute;
  top:275px; left:10px; width:560px;
  background-color: #33CCFF;
  border: no;
}
#barre5{
  position:absolute;
  top:280px; left:10px; width:560px;
  background-color: #33CCFF;
  border: no;
}
#barre6{
  position:absolute;
  top:320px; left:10px; width:560px;
  background-color: #33CCFF;
  border: no;
}

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.content {
  position:absolute;
  z-index: 2;
  top:375px; 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 */
}
.content2 {
  position:absolute;
  z-index: 3;
  top:285px; 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 */
}

.content3 {
  position:absolute;
  z-index: 3;
  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 */
}



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