@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px;	font-family: "Trebuchet MS", Arial, sans-serif;	color: #000000; border:0px; font-size:11px;}
html{ font-size:100%;}	
body { margin-left: 0px; margin-top: 0px;	margin-right: 0px; margin-bottom: 0px; background-color:#FFFFFF;}
.description{ display:none;}
.description h1{}
.description h2{}
.description h3{}


#conteneur{	width:887px; margin-right:auto;	margin-left:auto; background-image:url(images/fond_interieur.gif); background-repeat:repeat-y; padding-bottom:20px;}
#conteneur #entete{height:156px; background-color:#FFFFFF;}
#conteneur #principal{ position:relative; padding-left:49px; padding-right:16px;}
#conteneur #principal #menu{ height:216px;}
#conteneur #principal #menu .rub_profil{ width:153px; position:absolute; text-align:right;}
#conteneur #principal #menu .rub_portfolio{ width:157px; position:absolute;}
#conteneur #principal #menu .rub_contact{ width:156px; position:absolute;}
#conteneur #principal #contenu{}

/* ACCUEIL */
body.accueil{ background-image:url(images/fond_accueil.gif); background-repeat:repeat-x;}
.accueil #conteneur{ background:none;}
.accueil #conteneur #principal{ padding-left:0px; padding-right:0px;}
.accueil #conteneur #principal #menu{ height:0px;}
.accueil #conteneur #principal #menu .rub_profil{width:85px; top:274px; left:420px;}
.accueil #conteneur #principal #menu .rub_portfolio{width:141px; top:274px; left:526px;}
.accueil #conteneur #principal #menu .rub_contact{width:110px; top:274px; left:690px;}


/* PROFIL */
body.profil{ background-image:url(images/fond_profil.gif); background-repeat:repeat-x;}
body.profil #conteneur #principal { background-image:url(images/profil/fond.gif); background-repeat:no-repeat;}
.profil #conteneur #principal #menu .rub_profil{top:1px; left:370px;}
.profil #conteneur #principal #menu .rub_portfolio{top:87px; left:523px;}
.profil #conteneur #principal #menu .rub_contact{top:87px; left:680px;}
.profil #contenu .photo{ float:left;}
.profil #contenu .cv{ padding-left:230px; padding-bottom:30px;}
.profil .div_experiences{margin-bottom:5px;}
.profil .tit_surlign01{ color:#FFFFFF; font-weight:bold; background-color:#000000; }
.profil .tit_surlign02{ color:#FFFFFF; font-weight:bold; background-color: #999999; }
.profil h1{ font-size:12px;}
.profil h2{ padding-top:30px;}
.profil h3{ font-weight:bold; color:#666666; padding-top:10px;}


/* PORTFOLIO */
body.portfolio{ background-image:url(images/fond_portfolio.gif); background-repeat:repeat-x;}
body.portfolio #conteneur #principal { background-image:url(images/portfolio/fond.gif); background-repeat:no-repeat;}
.portfolio #conteneur #principal #menu .rub_profil{top:87px; left:370px;}
.portfolio #conteneur #principal #menu .rub_portfolio{top:0px; left:523px;}
.portfolio #conteneur #principal #menu .rub_contact{top:87px; left:680px;}
#contenu ul.liste{ float:left; width:160px; padding-left:25px;}
#contenu ul.liste li{ list-style-type:none; text-transform:uppercase; padding:6px;}
#contenu ul.liste li a{ text-decoration:none; color:#666666;}
#contenu ul.liste li a:hover{ background-color:#666666; color:#FFFFFF;}
#contenu ul.liste li a.in{ background-color:#ff00cc; color:#FFFFFF;}
#contenu .visus{ padding-left:210px;}
#contenu .visus img{margin-left:10px; border:1px solid #cccccc; margin-bottom:5px;}
#contenu .url{ margin-left:220px; padding-top:10px; padding-bottom:20px; }
#contenu .url a{ background-color: #333333; color:#FFFFFF; text-decoration:none;}
#contenu .url a:hover{ background-color: #ff00cc; color:#FFFFFF;}


/* CONTACT */
body.contact{ background-image:url(images/fond_contact.gif); background-repeat:repeat-x;}
body.contact #conteneur #principal { background-image:url(images/contact/fond.gif); background-repeat:no-repeat;}
.contact #conteneur #principal #menu .rub_profil{top:87px; left:370px;}
.contact #conteneur #principal #menu .rub_portfolio{top:87px; left:523px;}
.contact #conteneur #principal #menu .rub_contact{top:0px; left:680px;}
.contact .email{ padding-left:250px; padding-bottom:250px;}
.contact .email p{ padding-bottom:10px;}
.contact .email a{ background-color: #000000; color:#FFFFFF; text-decoration:none;}
.contact .email a:hover{ background-color: #ff00cc;}