/*======================================*/
/* 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:590px; width:190px;
	background-color: #FFFFFF;
	padding:5;
	visibility: visible;
}

#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:relative;
  top:340px; 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:150px;
	left:0px;
	width:560px;
	padding: 10 10 10 14;
	margin-left:0;
	background-color: #FCFBFB;
	visibility: visible;
	height: 626px;
  /* 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:360px; 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: 12px;
  color: #0099ff;
  text-decoration: none;
}
.menubib:hover {
  font-family: arial;
  font-size: 12px;
  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;
  vertical-align:top;
}

tr {
  text-align:justify;
  vertical-align:top;
}

div {
  text-align:justify; 
}

h1{
font-size: 16px;
color:#67B700;
letter-spacing:1px;
font-family : Arial, Helvetica, sans-serif;
margin: 10px 0 10px 0;
padding:0px;
font-weight : bold;
}

h2{
	color:#ff8409;
	font-size: 14px;
	letter-spacing:0.5px;
	font-family : Arial, sans-serif;
	margin : 0;
	padding : 0;
	font-weight : bold;
}

.Style3 {
	font-size: 14px;
	color:#67B700;
	letter-spacing:1px;
	font-family : Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	padding:0px;
	font-weight : bold;
}

.Style4 {
	font-size:13px;
	color:#666;
	font-family : Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	padding:0px;
}

.Style5 {
	color:#ff8409;
	font-size: 12px;
	letter-spacing:0.5px;
	font-family : Arial, sans-serif;
	margin : 0;
	padding : 0;
	font-weight : bold;
}

.Style6 {
	color:#2ca7b6;
	font-size: 13px;
	letter-spacing:0.5px;
	font-family : Arial, sans-serif;
	margin : 0;
	padding : 0;
	font-weight : bold;
}

.Style7 {
	color:#ff8409;
	font-size: 13px;
	letter-spacing:0.5px;
	font-family : Arial, sans-serif;
	margin : 0;
	padding : 0;
	font-weight : bold;
}



span.orange{
	color:#ff8409;
	font-size: 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
}
p{
	color:black;
	font-size: 13px;
	font-family : Arial, sans-serif;
	text-align:justify;
}

img.alignDroite {
	float:right;
	padding-left:10px;
}
img.alignGauche {
	float:left;
	margin:0 10px 0 0 ;
	padding:0;
}

img.alignCentre {
	float:center;
	padding-left:10px;
	padding-right:10px;
}

