html {margin: 0; padding: 0;}
body {
	font: 9pt arial, TrebuchetMS, Helvetica, sans-serif;
	margin: 0; padding: 0;
	background: #FFFFFF;	color: #000000;
}

a, a:link, a:visited {color:#000000; text-decoration: underline;}
a:hover, a:active {
	color: #000000;
	text-decoration: none;
}

UL{
list-style-image : url(img/square_tilleul.gif);
}

/*--------------------------BOX---------------------------*/

#box, #header{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 768px;
	height: auto;
	background-color: #708D23;
}

#header{
	width: 768px;
	height: 40px;
	background-color: #FEFEE0;
}

#nav{
	position : absolute;
	top: 40px;
	left: 0px;
	width: 768px;
	height: 40px;
	background-color: #48740B;
}
#sous-titre{
	position : absolute;
	top: 80px;
	left: 0px;
	width: 768px;
	height: 40px;
	background-color: #708D23;
	padding-left:260px;
	padding-top:10px;
}

#col1, #col2, #col3, #thumb{
position: absolute;
top : 120px;
height: 320px;
width: 256px;
margin: 0 0 0 0;
background-color: #708D23;
}

#col1, #thumb {
	left: 0px;
}
#col2 {
	left: 256px;
	padding: 0px 4px 0px 4px;
}
#col3 {
	left: 512px;
	padding: 0px 4px 0px 4px;
}

#col23{
position: absolute;
top : 120px;
left: 256px;
height: 320px;
width: 512px;
padding: 0px 4px 0px 4px;
background-color: #708D23;
}
#footer{
	position: absolute;
	top: 440px;
	left: 0px;
	width: 768px;
	height: 120px;
	border-top: 40px solid #708D23;
	border-bottom: 40px solid #708D23;
	background-color: #FEFEE0;
	text-align: center;
	font-size : 0.90em;
	color: #48740B;
	padding: 4px 0px 4px 0px;
	}
/*-------------------------TEXTE-------------------------------*/

.titre1 {
	font-size: 1.75em;
	letter-spacing: 0.25em;
	color: #A5D152;
	font-weight: bold;
}
.titre2, .titre2vert {
	font-family: sans-serif;
	font-size: 1.25em;
	color: #FEFEE0;
	font-weight: bold;
}
.titre2vert{
	color: #A5D152;
}

.titre3 {
	font-size: 1.1em;
	font-weight: bold;
}

/* -------------------------MENUS----------------------------- */

/*navigation galerie*/
#galerie, a#galerie, galerie-on,a#galerie:hover{
width:84px;height: 40px;
}
#galerie, a#galerie, #galerie-on{background: url(img/nav_galerie.gif) no-repeat;}
a#galerie:hover{background: url(img/nav_galerieh.gif) no-repeat;}

/*navigation biographie*/
#bio, a#bio, bio-on,a#bio:hover{
width:84px;height: 40px;
}
#bio, a#bio, #bio-on{background: url(img/nav_bio.gif) no-repeat;}
a#bio:hover{background: url(img/nav_bioh.gif) no-repeat;}

/*navigation contact*/
#contact, a#contact, contact-on,a#contact:hover{
width:88px;height: 40px;
}
#contact, a#contact, #contact-on{background: url(img/nav_contact.gif) no-repeat;}
a#contact:hover{background: url(img/nav_contacth.gif) no-repeat;}

/* -------------------------GALLERIES----------------------------- */

.cerne{
	border: 1px solid #FEFEE0;
	float: left;
}

#porfolio1, #porfolio2, #porfolio3, #porfolio4, #porfolio5, #porfolio6, 
#porfolio7, #porfolio8, #porfolio9, #porfolio10{
position:absolute;
left:256px;
top:120px;
width:512px;
height: 320px;	
z-index:1;
visibility: hidden;
background-color: #708D23;
color: #FEFEE0 ;
}
#porfolio1{
visibility: visible;
}