.inl
{
   display: inline ;
}

#entete {

margin : auto;
<!--[if IE]>
width : 960px;
<![endif]-->
min-width : 980px;
overflow : hidden;
}

#pied {
width: 980px;
margin : auto;
min-width : 960px;
position: relative;
bottom: 0px;
overflow : hidden;
/*opacity : 0.7;
filter : alpha(opacity=70);*/
}

body {
	/*background-position: top;
	background-repeat: repeat-y;*/
	margin: 0px;
	text-align: center;
	font-family: Arial, Verdana, serif; 
	font-size: 15px;
	padding: 0px;	
	border: 0px;
	margin : auto;	
	overflow: auto;
	/*width: 99%;*/
	min-width : 990px;

}





#description{
text-indent: 50px;
}



#corps{
background-color: #EFF7FF;
}

#error{
background-color: #EFF7FF;
}

table{
width: 99%;
background-color: #EFF7FF;
}

a {
border: 0px;
}

.imageflottante
{
   float: left;
}

img{
display: block;
border: 0px;
}


#banniere1b
{
   float: left; /* La première partie sera à gauche*/
   width: 181px; /* On définit la largeur de l'image */
   height: 101px; /* On définit la hauteur de l'image */   
   margin-bottom: 1px;
   margin-right: -3px; /*Pour que la partie 1 se colle à la 2.*/
   }

#banniere2b
{
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 101px;
   background-image: url("banniere/morceau2.jpg");
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur, ce n'est pas la peine*/
   margin-bottom: 1px;
}

#banniere3b
{
   float: right; /* La dernière partie est à droite */
   width: 786px;
   height: 101px;
   margin-bottom: 1px;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}
#pied1
{
   float: left; /* La première partie sera à gauche*/
   width: 589px; /* On définit la largeur de l'image */
   height: 51px; /* On définit la hauteur de l'image */
   margin-bottom: 1px;
   margin-right: -3px; /*Pour que la partie 1 se colle à la 2.*/
   }

#pied2
{  
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 50px;
   background-image: url("pied/pied21.jpg");
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur, ce n'est pas la peine*/
   margin-bottom: 1px;
}

#pied3
{
   float: right;
   width: 131px;
   height: 50px;
   margin-bottom: 1px;
   margin-left : -5px; 
}
#pied4
{
   float: right; /* La dernière partie est à droite */
   width: 153px;
   height: 50px;
   margin-bottom: 1px;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}
#textspecial{
font-size: large;
font-family: Arial, Verdana, serif;
}

#menu{
float: left;
}

ul#menulist li ul{ 
display:none; 
}
	
ul#menulist li:hover>ul{
 display:block; 
}

ul#menulist{
 font-size: 120%;
  font-family: Arial, Verdana, serif;
  background:rgb(129, 169, 254);
  border:1px solid gray;
  list-style:none;
  margin:2px;
  padding:0px;
  width:148px;
  _width:150px;

  }

/*
border-style
inset : effet 3D "enfoncé"
outset : effet 3D "surélevé" 
*/

ul#menulist ul{
  background:rgb(129, 169, 254);/* #A9BFCB;*/ 
  border:1px solid gray;
  list-style:none;
  margin:2px;
  padding:0px;
  width:148px;
  _width:150px;
  font-size: 12px;
  }

ul#menulist ul{
  position:absolute;
  top:0px;
  left:145px;

  }

ul#menulist li{
  position:relative;  /* position relative sous menus au menu principal */
  text-align: center;
  font-size: 100%;
  line-height: 18px;
  margin:0px;
  padding:0px;
  /*font-weight: bold;*/
  _display:inline;
 
 }
 
 ul#menulist a{
  display:block;
  width:100%;
  color:#000000;
}

ul#menulist a:hover{
 background: gray;
  color: white;
  }

ul#menulist a:link {text-decoration:none} /* lien non visité */
ul#menulist a:visited {text-decoration:none} /* lien visité */
ul#menulist a:active {text-decoration:none} /* lien sélectionné */ 

/*
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
left: 1em;
width: 10em;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: white;
}*/


/*
#menu dt {
cursor: pointer;
background: #A9BFCB;
/*height: 20px;*//*
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 5em;
margin-top: -1.4em;
width: 10em;
background: #A9BFCB;
border: 1px solid gray;
opacity: .9;
	filter: alpha(opacity=90);
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
/*height: 18px;*//*
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}

*/

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {
text-decoration: none;
color: #222;
}

#mentions a:hover{
/*text-decoration: underline;*/
}

#liste li{

 list-style-position: outside;
 
}

.tcentre_no_br{
display:inline ;
text-align:center;
}
.tcentre{
text-align:center;
}
.droite{
text-align:right;
}
.gauche{
text-align:left;
}
.flodroite{
float:right;
}
.flogauche{
float:left;
}

.milieu{
text-align:center;
vertical-align:middle ;
}

.align{
/* centrage du corps de page par rapport à recherche */
padding-right:210px;
}

.logo{
display:inline ;
text-align:center;
padding-right:10px;
padding-bottom:10px;
}

.portable{
display:inline;
padding-bottom: 10px;
}

.pcentre{
display:inline;
padding-right:80px;
text-align:center;
padding-left:80px;
padding-bottom: 10px;
}

/* CSS du menu horizontal, bieler batiste */

div.ScrollLink{
    position: absolute;
    z-index: 10000;
    border: 1px solid Blue;
    background-color: #F4F3F3;
	width: 100px;
	opacity: .5;
	filter: alpha(opacity=50);
}

a.ScrollLink{
    text-align: center;
    color: #000;
    text-decoration: none;
    margin: 2px;
}
/*******************************************/