body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background: #FFF url("images/fond_body.png") repeat-x ;
}
a{
color:#FFF;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}
a:hover{
text-decoration:underline;
}
.contener{
position:relative;
width:1000px;
margin:auto;
background-image:url("images/fond.png");
background-repeat: no-repeat;
height:570px;

}
p{
margin:0;
padding:0 0 10px 0;
}
.titre{
position:relative;
font-size:16px;
font-weight:bold;
width:350px;
left:465px;
top:70px;
text-align:center;
}
#contenu{
position:relative;
top:70px;
overflow:auto;
width:730px;
height:425px;
left:155px;
padding-left:50px;
}
#contenu a{
color:#000;
}
#contenu img{
float:left;
margin-right:30px;
border:1px solid #000;
}
#contenu .descriptif{
float:left;
padding-bottom:30px;
width:570px;
}
#contenu p.parcours{
padding:5px;
margin:5px;
}
#contenu #liste_comp{
float:left;
}
#contenu  ul.competences {
margin: 5px 0 10px 5px;
padding:0;
list-style-type:none;
}
#contenu  ul.experience{
border:1px solid #F8B846;
width:370px;
padding:5px;
margin-left:100px;
list-style-type:none;
}

#contenu  #diplome ul.competences li{ 
padding: 3px 0;
}
#contenu  ul.experience li{
padding: 5px 0;
}
h3{
margin:0;
font-size:1.2em;
}
#diplome{
border:1px solid #F8B846;
width:370px;
float:right;
padding:5px;
}
#diplome h4{
margin:0 5px;
}
.gras{
font-weight:bold;
}
.vignette{
vertical-align:middle;
border:1px black solid;
}

#menu_haut{
position:relative;
color:#FFF;
top:27px;
left:440px;
width:500px;
text-align:right;

}

a img{
border:none;
vertical-align:middle;
}
h2.titre_site{
font-size:1.1em;
font-weight:bold;
clear:both;
}
h2 .ij{
font-size:0.5em;
font-style:italic;
}

#bas_page{
position:absolute;
font-weight:bold;
top:535px;
left:151px;
width:470px;
}
.lien{
font-weight:bold;
text-decoration:none;
}
.titre1{
color: #f2c400;
font-size:1.3em;
padding:5px;
}
.savoir{
text-align:right;
font-size:0.9em;
font-style:italic;
}