body{
 margin: 0;
 padding: 0;
 background-color:black;
 color:white;
 font-family: Arial, Helvetica, sans-serif;
}

a{
  color:white;
  text-decoration: none;
}
img{
vertical-align:bottom;
border:none;
border:0px solid red;
 }
#contenaire{
margin:0;
padding:0;
}
h1{
 margin: 0;
 padding: 8px;
}

#content{
text-align:left;
text-align:justify;
margin:0;
padding:0;
float:left;
height:auto;
width:570px;
margin-left:0px;
font-size: 0.69em;
}
#content h1{
font-size:1.4em;
}

#content p{
width:274px;
}
#content span{
width:auto;
float:right;
margin-right:295px;

}
#boxe{
margin:0;
padding:0;
padding-top:0px ! important;
float:right;
height:350px;
width:263px;/
}
#boxe p{
margin:0;
padding:4px;
width:242px;

}
.image{
background-image: url(../materiel/visage.jpg);
width:242px;
height:338px;
background-repeat: no-repeat;
}
#leftCol{
float:left;
width: 210px;
margin:0;
padding:0;
}
.dif{
background-image: url(../materiel/fleche-on.jpg);
background-repeat: no-repeat;
background-position:0 90%;
font-weight:bold;
font-size: 1.2em;
padding-top:15px;
padding-left:20px;
}
.dif a{
text-decoration: underline;
}
#contact {
background-image: url(../materiel/enveloppe.gif);
width:217px;
height:42px;
margin-left:80px;
}
/** Menu**/
 #menu { 
 margin: 0;
 padding: 0;
 /*font-weight:bold;*/
 font-size: 0.69em;
 float:left;
 clear:left;
 width: auto;
 font-weight:590;
}

#menu, #menu ul
{
margin: 0;
padding: 0;
padding-top: 37px;
list-style-type: none;
padding-left:8px;

}

#menu li { text-indent:-500px;
float:left;
margin: 0;
padding: 0;
width: auto;
}

#menu a{
float:left;
clear:left;
text-transform:uppercase;
display: block;
width: 200px;
color: #ccc;
text-decoration: none;
/*background-image: url(../materiel/menu6.jpg);
background-repeat: no-repeat;
background-position:8px 50%;*/
font-style: italic;
}
.rubrique1 a{
background-image: url(../materiel/menu1.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:41px;
height:41px ! important;
}
.rubrique1 a:hover{
background-image: url(../materiel/menu1o.jpg);
}
.rubrique2 a{
background-image: url(../materiel/menu2.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:35px;
height:35px ! important;
}
.rubrique2 a:hover{
background-image: url(../materiel/menu2o.jpg);
}
.rubrique3 a{
background-image: url(../materiel/menu3.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:49px;
height:49px ! important;
}
.rubrique3 a:hover{
background-image: url(../materiel/menu3o.jpg);
}
.rubrique4 a{
background-image: url(../materiel/menu4.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:38px;
height:38px ! important;
}
.rubrique4 a:hover{
background-image: url(../materiel/menu4o.jpg);
}
.rubrique5 a{
background-image: url(../materiel/menu5.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:50px;
height:50px ! important;
}
.rubrique5 a:hover{
background-image: url(../materiel/menu5o.jpg);
}
.rubrique6 a{
background-image: url(../materiel/menu6.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:41px;
height:41px ! important;
}
.rubrique6 a:hover{
background-image: url(../materiel/menu6o.jpg);
}
.rubrique7 a{
background-image: url(../materiel/menu7.jpg);
background-repeat: no-repeat;
background-position:0 50%;
line-height:38px;
height:38px ! important;
}
.rubrique7 a:hover{
background-image: url(../materiel/menu7o.jpg);
}
/*#menu a:hover,
#menu a.menuActive,
#menu a.menuActive:hover{
  background-image: url(../materiel/menu6o.jpg);
}*/

/***fin de menu****/
#separateur{
clear:both;
}

#content h2, #content h3{
	display:block;
width:274px;
text-align:left;
 font-family: Arial, Helvetica, sans-serif;
}

#content h2, #content h3{
	font-size:12px;
}