img { /* esthétique */
border : 0 ; 
}

body {
background-color: #333333;
margin : 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

_text-align : center ; /* centrage du div global */
}

li {
list-style-position : inside ;
list-style-image: url(bullet.png);
margin : 0 ;
padding : 0 ;
}


#page { 
width : 748px ; 
background-color : #FFFFFF ;     
margin-right : auto ; /* centrage       */
margin-left : auto ;  /*   du div global*/
_text-align : left ; /* on rétablit l'alignement par défaut (cf. body) */
}

#header { /* bandeau du haut contenant les images */ 
position: relative;
height : 80px ; /* taille des images */
}

#header form {
  position: absolute;
  right: 10px;
  top: 10px;
}

#header form input {
  border: 1px solid black;
}

#logo {
float : left ;
_margin-left:-2px;
}

#illustration {
float : right ;
_margin-right:-2px;
} 

#menu_header { /* menu horizontal */ 
background-image : url(menu_fond.gif) ; 
background-repeat : repeat-x ;
height : 28px ; /* hauteur de l'image */ 
_margin-left: 0px ;
_margin-top : 0 ; 
margin-bottom : 0 ;

list-style-type: none;
text-transform : uppercase ;      
}

#menu_header ul {
/* position: absolute; */

top : 0 ; 
float : right ; 
margin:0px 0px;

}

#menu_header li {
float : left ;
list-style-type : none ; 
list-style-image : none ;
}

#menu_header a {
padding-left : 8px ; 
padding-right : 8px ;
_width : 90px ;  /* affiche les éléments en ligne (IE)) */
_font-size: 10px;
_padding : 0 ;  /* Pour éviter les conflits entre la taille et le padding - titres trop longs - */
background-image : url(menu_fond.gif) ;  /* Pour préparrer l'effet a:hover */
background-repeat : repeat-x ;
display : block ; 
text-align : center ;
text-decoration : none ;
color : #FFFFFF ; 
padding-top : 4px ; /* Pour center le texte sur l'image */ 
height : 18px ;
}

#menu_header #menu_header_current {
background-color : #500C62 ; 
color : #000000 ;
_height : 22px ;  /* Pour rendre le fond visible sous IE */
}

#menu_header a:hover {
background-color : #500C62 ; 
color : #000000 ;
_height : 22px ;  /* Pour rendre le fond visible sous IE */
}

.pave {
float : left ; 
background-image:url('home2-0-2.jpg');
background-repeat: repeat-y;
background-position: left;

background-color : #FFFFFF ;
}

.texte p {
  margin-top:5px;
  margin-bottom:5px;
}

.entete {
font-weight: bold;
font-size : 11px ;
text-align : justify ; 
_text-align : left ;
color: #4A4949;
}

.imgagauche {
 display : block ;
 float : left ; 
}

.pave a {
display : block ; 
padding-right : 19px ; 

background-image : url(pave_lien.gif) ;
background-position : right ;
background-repeat : no-repeat ;

text-decoration : none ; 
text-align : right ;
color : #000000 ;  
}

.cadre {
background-image:url('home2-2-2.jpg');
background-repeat: repeat-y;
background-position: right;
}

.haut {
height:23px;
background-image:url('home2-1-0.jpg');
}

.coingh {
width:23px;
height:23px;
background-image:url('home2-0-0.jpg');
float: left;
}

.coindh {
width:21px;
height:23px;
background-image:url('home2-2-0.jpg');
float: right; 
}

.texte {
  position:relative;
 padding: 10px 25px 0px 23px; 
  height: 250px;
}

.texte p {
margin: 0px;
padding: 0px;
}

.imgagauche {
margin-right: 5px;
margin-bottom: 5px;
}

.texte ul {
  margin-left: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  list-style-position: outside;
}
.texte ul li {
  list-style-image: url(bullet.png);
  list-style-position: outside;
}

.lienBloc {
  position:absolute;
  right:20px;
  bottom: 5px;
}

.bas {
height:25px;
background-image:url('home2-1-3.jpg');
}

.coingb {
width:23px;
height:25px;
background-image:url('home2-0-3.jpg');
float: left;
}

.coindb {
width:21px;
height:25px;
background-image:url('home2-2-3.jpg');
float:right;
}

.barre { /* position de l'image de la barre en tete de news */
margin-left : 17px ;
}

#barre { /* la barre en pied de page */
height: 10px;
background-color: rgb(103, 103, 103);
}

#footer {
height: 20px;
padding : 5px 0 0 0 ; 
margin : 0 ; 
background-color: rgb(103, 103, 103);
background-image : url(footer_barre.jpg) ;
background-position : top ; 
background-repeat : repeat-x ; 

font-size: xx-small;
text-align : center ; 
}