/*======================================*/
/* 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:560px; height:200px;
  padding:10; /* top right bottom left */
}
#menu {
  position:absolute;
  top:140px; left:570px; width:215px;
  background-color: #FFFFFF;
  padding:10; /* top right bottom left */
}
#barre{
	position:absolute;
	top:362px;
	left:0px;
	width:560px;
	background-color: #eeeeee;
	border:no;
}
#barre2{
  position:absolute;
  top:345px; left:10px; width:560px;
  background-color: #eeeeee;
  border: no;
}
}
#barre3{
  position:absolute;
  top:265px; left:10px; width:560px;
  background-color: #eeeeee;

  border: no;
}
#barre4{
  position:absolute;
  top:285px; left:10px; width:560px;
  background-color: #eeeeee;
  border: no;
}

#footer{
	position: absolute;
	border-bottom: 1px solid rgb(184,214,194);
	padding-bottom: 100px;
}

/*---------------------------------------------------------------------*/
/* 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:270px; left:0px; width:560px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
}

.content3 {
	position:absolute;
	z-index: 3;
	top:310px;
	left:0px;
	width:560px;
	padding: 10 10 10 10;
	margin-left:0;
	background-color:#FCFBFB;
	text-align:justify;
	height: 307px;

  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

.content4 {
  position:absolute;
  z-index: 3;
  top:220px; left:0px; width:560px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  text-align:justify;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}
.cadre {
	border:solid 1px #000000;
	padding: 10 10 10 10;
}
.col1 {
  position:absolute;
  z-index: 4;
  top:320px; 
  left:0px; 
  width:175px;
  margin:0;
}

/* hack ie*/
*> .col1 {
	left:0px; 
 	width:155px; 
}


.col2 {
  position:absolute;
  z-index: 5;
  top:320px; left:185px; width:175px;
  margin-left:0;
}
*> .col2 {
	left:185px; 
 	width:155px; 
}

.col3 {
  position:absolute;
  z-index: 5;
  top:320px; left:370px; width:175px; 
  margin-left:0;
}
*> .col13 {
	left:370px; 
 	width:155px; 
}
/*==================*/
/* TYPES DEFINITION */
/*==================*/
.pratique {
  color: #33CCFF;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none;
}

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

.pratique:visited {
  font-family: Chicago,Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #eeeeee;
  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;
}
BODY {
	font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  background-color:#FFFFFF;
  color:#000000;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight: bold; 
  text-align: center;
}

.poste{
	font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight: bold; 
  margin-top:10px;
}

h1{
	color:#ff8409;
	font-size: 13px;
	font-family : Arial, sans-serif;
	margin : 0;
	padding : 0;
	font-weight : bold;
	text-align: left;
}
/**********************************************************************/
/* LES LIGNES QUI SUIVENT SONT MISES EN COMMENTAIRE ET DONC INACTIVES */
/* ELLES SONT CONSERVEES POUR SERVIR D'EXEMPLES !                     */
/**********************************************************************/

/*** DEBUT DU COMMENTAIRE ***

a.bouton {
display: block;
width: 150px;
height: 25px;
background: url(bouton.gif) no-repeat;
border: 0;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold; 
color: #fff;
text-decoration: none;
}


a.bouton:hover {
background: url(boutonanim.gif) no-repeat center center;
}

BODY {
  font-family:Verdana,Tahoma,Arial,Sans-serif;
  font-size:9pt;
  text-align:justify;
  background-color:#FFFFFF;
  color:#000000;
  scrollbar-base-color:#000000;
}
FORM {
   margin:5 0 0 0;
}
I {
  font-family:Courier;
  font-size:10pt;
  font-style:normal;
}
INPUT {
  font-family:Verdana,Tahoma,Arial,Sans-serif;