@font-face {
font-family: 'Harabara';
src: url('../fonts/Harabara.eot');
src: local('Harabara'), url('../fonts/Harabara.ttf') format('truetype');
}

img { border:0; _behavior:url('win_png.htc'); }
.reset { clear:both;margin:0;padding:0;  }
.top { position: relative; top: -10px; _top:0; }
.bottom { position: relative; top: 5px; _top:0; }

* { margin:0; padding:0;}
body { font: 10px Helvetica, Verdana, serif; color: #fff; background:#000 top left; }
body { text-align:center; }

a { color: #fff; text-decoration: none; }
a:hover { color: #ff0000;}

#container { text-align:left;  width: 980px; margin: 0 auto; position: relative; text-align:left;}
#logo { position: absolute; top: 30px; left: 30px;}

#menu { font-family: "Helvetica" 12px; text-transform:uppercase; font-weight: bold; position: absolute; top: 34px; right: 30px;}
#menu ul { list-style:none; }
#menu li { position:relative; background: url(../images/site/menu-list.png) no-repeat 3px 3px; float:left; margin: 0 5px 0 0; padding-left: 15px;}
#menu li dl { margin-top:10px; position:absolute; top:10px; left:0px; background:#000; display:none; width:120px; }
#menu li dl dt { margin-bottom:5px; background: url(../images/site/menu-list.png) no-repeat 3px 3px; padding-left: 15px; }
#menu li dl dt { border-bottom:1px solid #5f1111; padding-bottom:4px; }

#main { width: 980px; margin-top:60px; background:#000; position:relative; }
html>body #main { min-height:200px; height:auto; }

.contenu { padding:50px 0; }
html>body .contenu  { min-height:150px; height:auto; }
#main .red { color: #ff0000; }

/** HOME **/
#main h1 { font-size: 30px; margin: 0 0 0 108px;}
#main h2 { font-size:11px; margin: 7px 0 0 108px;}
#main .menu { margin: 70px 0 0 82px; }

.menu ul { list-style: none; }
.menu li { liste-style: none; float: left; margin-left: 27px; position: relative; margin-bottom:10px; }
.menu img { border: 1px solid #5f1111; }
.menu li .legend { position: absolute; bottom: 4px; left: 1px; height: 20px; width: 228px; background: url('../images/site/menu-legend.png') repeat-x top left; padding: 8px 0 0 5px;}

/** BIOGRAPHIE **/
#main #titre2 { font-size: 37px; margin: 95px 0 20px 0;}

#main #slide { margin: 0px 30px 0 104px; width: 210px; float: left; position: relative; }
#main #slide ul { list-style:none; }
#main #slide ul li { display:none; }

#main #corps { position: relative; width: 518px; margin: 0 0 0 346px; font-size: 11px;}
#main #corps p { margin: 0 0 17px 0; }
#main #corps h2 { font-size: 30px; margin: 0 0 10px 0px;}
#footer { text-align: center; font-size: 10px;  color: #dedede; font-weight: normal; width:980px; }
#footer { position:absolute; bottom:-30px;  text-transform:lowercase; }

.article .description { margin:10px 135px 10px 135px; } 

#photolayer { float:left; margin-left:30px; }
#photolayer ul { list-style:none; width:405px; }
#photolayer li { float:left; margin:2px 10px 0 0; }

#photolayer li img { cursor:pointer; }

.pdroite { float:left; margin-left:10px; text-align:center; }
.pdroite ul { list-style:none; }
.pdroite ul li { display:none; }
.pdroite ul li h3 { width:100%; margin:0; position:relative; top:-25px; width:500px; }
.pdroite ul li img {  position:relative; top:-13px; }
 
#main .galerie h1 { margin:0 0 10px 35px; }
#main .galerie h1 .size12 { font-size:13px; }

.filet img {display:none; }
.filet { height:1px; background:#999; }