*{
margin: 0;
padding: 0;
}
body {
font-family : verdana, times;
font-size : 11px;
background: #fff;
} 
a {
text-decoration : none; 
color : #c50505;
} 
a:hover {
color : #000; 
text-decoration : underline; 
} 
a.menu{
text-decoration : none; 
color : #FFF;
font-size: 24px;
margin: 0 10px 0 10px;
font-variant: small-caps;
}
span.Accueil{
float: left;
display: block;
height: 33px;
width: 115px;
} 
span.Curriculum{
float: left;
display: block;
height: 33px;
width: 157px;
} 
span.Formation{
float: left;
display: block;
height: 33px;
width: 162px;
} 
span.Experience{
float: left;
display: block;
height: 33px;
width: 168px;
} 
span.Portfolio{
float: left;
display: block;
height: 33px;
width: 142px;
} 
span.Contact{
float: left;
display: block;
height: 33px;
width: 129px;
}

span.selectedAccueil{
float: left;
display: block;
height: 33px;
width: 115px;
background: url(bg-selected-accueil.jpg) top left no-repeat;
} 
span.selectedCurriculum{
float: left;
display: block;
height: 33px;
width: 157px;
background: url(bg-selected-curriculum.jpg) top left no-repeat;
} 
span.selectedFormation{
float: left;
display: block;
height: 33px;
width: 162px;
background: url(bg-selected-formation.jpg) top left no-repeat;
} 
span.selectedExperience{
float: left;
display: block;
height: 33px;
width: 168px;
background: url(bg-selected-experience.jpg) top left no-repeat;
} 
span.selectedPortfolio{
float: left;
display: block;
height: 33px;
width: 142px;
background: url(bg-selected-portfolio.jpg) top left no-repeat;
} 
span.selectedContact{
float: left;
display: block;
height: 33px;
width: 129px;
background: url(bg-selected-contact.jpg) top left no-repeat;
} 
a.recrute {
color: #FFF;
font-size: 16px;
}
a.footer {
color: #CCC;
}
a:hover.menu{
color : #fff; 
text-decoration : underline; 
} 
a.ssmenu{
text-decoration : none; 
color : #FFF;
font-size: 10px;
margin: 0 3px 0 4px;
} 
a:hover.ssmenu{
color : #fff; 
text-decoration : underline; 
} 
a img{
border:  none ;
}
a.tags{
color: #9f9f9f;
}
a.hautp{
color: #9f9f9f;
float: right;
margin: 5px 0 0 0;
}
h1 {
font-size: 24px;
color : #000;
font-weight: bold;
}
h2 {
font-size: 18px;
color : #000;
font-weight: normal;
}
h3 {
font-size: 18px;
margin: 0 0 20px 0;
color : #CC0000;
font-weight: bold;
}
h4 {
font-size: 12px;
margin: 20px 0 10px 0;
color : #CC0000;
font-weight: bold;
}
div.ssmenu {
width : 141px;
height: 38px;
margin: -6px 0 0 0;
padding: 12px 0 0 0;
background: url(bg-ssmenu.jpg) no-repeat;
}
#header {
margin: 0 auto;
height : 128px;
width: 955px;
}
#logo {
float: left;
width: 312px;
}
#present {
float: left;
width: 603px;
text-align: center;
margin-top: 40px;
}
#menu {
height: 100px;
background: url(bg-menu-patrick-puillandre-chef-de-projet-web-internet-ecommerce.jpg) repeat-x;
}
#container{
margin: 0 auto;
width: 955px;
}
#buttons{
text-align: center;
margin: -68px 0 0 30px;
}
#contenu{
margin: 0 auto;
width: 955px;
}

#left{
margin: 35px 0 0 0;
width: 655px;
float: left;
}
#image{
text-align: center;
}
#chapo{
}
#ssmenu{
float: left;
padding: 30px 0 30px 0;
}
#intro{
float: left;
width: 368px;
padding: 30px 10px 30px 20px;
text-align: justify;
}
#dispo{
margin: 2px 0 0 0;
float: left;
width: 116px;
height: 151px;
background: url(dispo-puillandre-patrick-chef-de-projet-internet.jpg) no-repeat;
}
#realisation{
text-align: center;	
font-size: 10px;
margin: 0 0 20px 0;
padding: 0 10px 0 0;
}
#realisation p{
text-align: right;	
margin: 0 30px 0 0;
}
#texte{	
padding: 10px 10px 0 0;
}
#texte p{	
text-align: justify;
margin: 10px 0 10px 0;
}
span.share{	
display: block;
color: #9f9f9f;
/*text-align: right;*/
}
#right{
margin: 35px 0 0 0;
width: 300px;
float: left;
}
#emplois {
width: 263px;
height: 180px;
margin: 40px 0 0 15px;
padding: 15px 10px 0 10px;
color: #FFF;
background: url(bg-emplois-acetuels-puillandre-patrick-chef-de-projet-web-consultant-referencement-emarketing.jpg) no-repeat;
}
#partage {
width: 263px;
margin: 15px 0 0 15px;
padding: 15px 10px 0 10px;
text-align: center;
}
#recherche {
width: 263px;
margin: 15px 0 0 15px;
padding: 15px 10px 0 10px;
text-align: center;
}
#news {
width: 283px;
margin: 30px 0 0 15px;	
}
#news-head{
background-image: url(bg-head-news.jpg);
height: 61px;
}
#news-content{
margin: -1px 0 0 0;
background: url(bg-content-news.jpg) repeat-y;
}
#news-content p{
font-size: 11px;
padding: 0 10px 0 10px;
}
#news-foot{
height: 25px;
background: url(bg-foot-news.jpg) no-repeat;
}
#recommandations {
width: 283px;
margin: 30px 0 0 15px;	
}
#recommandations-head{
background-image: url(bg-head-recommandations.jpg);
height: 61px;
}
#recommandations-content{
margin: -1px 0 0 0;
padding: 0 10px 0 10px;

background: url(bg-content-news.jpg) repeat-y;
}
#recommandations-content p{
font-size: 11px;
padding: 0 10px 0 10px;
}
#recommandations-foot{
height: 25px;
background: url(bg-foot-news.jpg) no-repeat;
}
#tags {
margin: 30px 0 0 0;
padding: 10px 10px 10px 10px;
text-align: center;
}
#reseaux {
margin: 20px 0 0 0;
padding: 0 30px;
text-align: center;
line-height: 20px;
}
#footer{
	
}
#recrute{
width : 955px;
margin: 0 auto;
}
#bloc-recrute {
margin:  30px 0 -10px 131px;
padding-top: 10px;
background: url(recruter-chef-de-projet-internet-patrick-puillandre-consultant-formateur-referencement-emarketing.jpg) no-repeat;
height: 38px;
width:284px;	
text-align: center;
float:left;
}
#bloc-reseaux {
margin:  30px 0 -10px 9px;
padding-top: 10px;
text-align: center;
float:left;
}
#footer-content{
background: url(bg-footer.jpg) repeat-x;
height: 44px;	
color: #CCC;
text-align: center;
padding: 10px 0 0 0;
}