/* CSS Document */

body{
    padding : 0;
    margin : 2px;
	background-color:#000000;
	scrollbar-base-color: #003000;
}
p{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color:#339933;
   font-size : 13px;
   text-align:justify;
   text-indent:25px;
   margin-top: 10px;
   margin-right:8px;
   margin-bottom:30px
}
.comments{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color:#339933;
   font-size : 13px;
   text-align:justify;
   text-indent:25px;
   margin: 0 8px 30px 0;
}

.titre{color:#FF3300;
   font-family:"Courier New", Courier, mono;
   font-size:17px;
   font-weight:900;
   line-height:25px;
   border-bottom:1px solid #990000;
   border-top:3px solid #990000;
   margin-left: 45px
}

.titre2{color:#FF3300;
   font-family:"Courier New", Courier, mono;
   font-size:17px;
   font-weight:900;
   line-height:25px;
   border-bottom:1px solid #990000;
   border-top:3px solid #990000;
}
.titre3{color:#FF3300;
   font-family:"Courier New", Courier, mono;
   font-size:19px;
   font-weight:900;
   line-height:25px;
   border-bottom:1px solid #990000;
   border-top:3px solid #990000;
}

.style1{
	color:#339933;
	font-family:"Courier New", Courier, mono;
	font-size:16px;
	font-weight:800;
	margin-left:60px;
	border-left:2px dotted;
	border-right:2px dotted
}
img{
border-left:1px solid #666666;
border-top:1px solid #666666;
border-right:2px solid #333333;
border-bottom:2px solid #333333
}

/****************************************Barre et boutons du menu********************************/
.menu{
position:absolute;
background:url(images/page/barremenu.jpg) no-repeat;
width:144px;
height:555px;
float:left;
}
.btmenu a{
position:absolute;
width:108px;
height:49px;
left:19px;
top:61px;
display:block;
padding:0;
margin:0
}
.btmenu a:hover{
background:url(images/page/MENU.jpg) no-repeat;

}
.btactu a{
position:absolute;
width:69px;
height:37px;
left:39px;
top:118px;
display:block;
padding:0;
margin:0;
z-index:1
}
.btactu a:hover{
background:url(images/page/ACTU.jpg) no-repeat;
}
.btbio a{
position:absolute;
width:132px;
height:42px;
left:12px;
top:158px;
display:block;
padding:0;
margin:0;
z-index:2;
}
.btbio a:hover{
background:url(images/page/BIO.jpg) no-repeat;
}
.btphotos a{
position:absolute;
width:122px;
height:93px;
left:15px;
top:204px;
display:block;
padding:0;
margin:0;
z-index:3
}
.btphotos a:hover{
background:url(images/page/PHOTO.jpg) no-repeat;
}
.btcds a{
position:absolute;
width:59px;
height:35px;
left:39px;
top:276px;
display:block;
padding:0;
margin:0;
z-index:4
}
.btcds a:hover{
background:url(images/page/CDS.jpg) no-repeat;
}
.btlivre a{
position:absolute;
width:135px;
height:50px;
left:5px;
top:309px;
display:block;
padding:0;
margin:0;
z-index:5
}
.btlivre a:hover{
background:url(images/page/LIVRE.jpg) no-repeat;
}
.btliens a{
position:absolute;
width:72px;
height:44px;
left:33px;
top:358px;
display:block;
padding:0;
margin:0;
z-index:6
}
.btliens a:hover{
background:url(images/page/LIENS.jpg) no-repeat;
}
.btcontact a{
position:absolute;
width:141px;
height:26px;
left:8px;
top:554px;
display:block;
padding:0;
margin:0;
z-index:7
}
.btcontact a:hover{
background:url(images/page/CONTACT.jpg) no-repeat;
}
.corps{
position:relative;
float:right;
width:672px;
height:415px;
top:105px;
left:-54px;
display:block;
visibility: visible;
overflow: auto;
padding : 5px 15px -10px 15px;
margin : 11px 0 40px 0;
}
.benoit{
position:relative;
width:155px;
height:181px;
background:url(images/page/bio/beu.jpg) no-repeat;
float:right;
display:block;
margin : 20px 55px 10px 5px;
}
.guillaume{
position:relative;
width:155px;
height:181px;
background:url(images/page/bio/gui.jpg) no-repeat;
float:right;
display:block;
margin : 14px 55px 10px 5px;
}
.fred{
position:relative;
width:155px;
height:181px;
background:url(images/page/bio/fred.jpg) no-repeat;
float:right;
display:block;
margin : 13px 55px 10px 5px;
}
.regis{
position:relative;
width:155px;
height:181px;
background:url(images/page/bio/redge.jpg) no-repeat;
float:right;
display:block;
margin : 15px 55px 5px 5px;
}

/****************************************Calques photos de la galerie********************************/
.miniphotosh{
position:relative;
width:90px;
height:68px;
margin: 30px 8px 10px 8px;
float:left;
display:block
}
.miniphotosv{
position:relative;
width:68px;
height:90px;
margin: 15px 17px 3px 16px;
float:left;
display:block
}