html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
  teeeeeeeeeeeeeest;
} 
body { 
  margin: 0; 
  padding: 0;
  font-family: "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
  font-size: 0.8em; /* À adapter pour la police choisie. (3) */ 
  color: #333333; 
  background:white url("images/fond.png") repeat-x;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 a em {
 font-weight:bold;
 font-size:0.75em;
 color:grey;
 text-decoration:none;
 }
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}


#conteneur1
{
padding: 0;
margin: 0;
position : absolute;
top:0;
width:100%;
background-image : url("images/fond3.jpg");
background-position: top center;
background-repeat: no-repeat;
height: 900px;
}

#conteneur2
{
width : 890px; 
margin : auto;
}

#header
{
padding-left : 150px;
height : 200px;
}
#header ul li
{
padding: 0 7px;
position : relative;
}
#header ul li a
{
display : float;
list-style:none;
float : left;
text-decoration : none;
margin-top : 4px;
font : bold;
width :72px;
height:42px;
color: white;
text-align : center;
font : 1.05em bold;
text-decoration : none;
color: white;
}
#header ul li a:hover
{
margin-top : -6px;
padding-top : 10px;
width :72px;
height:42px;
background: url("images/boutonh.png") no-repeat top center;
}
li
{
list-style : none;
}
/*#menu a:hover*/
/*{*/
/*background: url("images/boutonh.png");*/
/*}*/
/*#header*/
/*{*/
/*margin : auto;*/
/*background : red;*/
/*height : 100px;*/
/*}*/

/*#conteneur2*/
/*{*/

/*}*/
#split
{
display : block;
float : left;
margin-top : 4px;
width : 2px;
height : 20px;
background : url("images/split.png");
}
.menugauche
{
float : left;
text-align : left;
margin-top: 200px;
width : 180px;
margin-left : 30px;
}
#contenu
{
float: right;
margin-top: 110px;
width : 630px;
height: 480px;
overflow:auto;
overflow-x:hidden;
margin-right :0px;
}

.auteur
{
margin-left : 15px ;
font : 1em bold;
color : #987e5d;
}


#hautcoms
{
display : block;
background : url("images/hautcom.png") no-repeat;
width : 350px;
padding : 22px;
height : 13px;
}

#hautcoms img
{
display : block;
margin-top:-10;
margin-right : 40px;
float : right;
}

#corpscom
{
display : block;
background : url("images/corpscom.png") repeat-y;
width : 350px;
padding-bottom : 5px;
}

#corpscom .texte
{

margin-bottom : 8px;
margin-left : 15px;
border-top : 1px dashed #BBBBBB ;
display : block;
margin-top : 0;
padding-left : 1px ;
padding-top : 20px;
width : 320px;
}

#corpscom .date
{
margin-left : 50px;
float : bottom;
font-size : 0.7em;
color : #555555;
}
#bascom
{
display : block;
background : url("images/bascom.png") no-repeat;
width : 350px;
padding-left :15px;
height : 50px;
}
#bascom 
{
margin-bottom : 10px;
}
.titre
{
font-weight:bold;
font-size:1.2em;
color:#e87e00;
}
.date
{
font-size:0.8em;
color:grey;
}

/*#footer*/
/*{*/

/*}*/