@charset "UTF-8";



/* ------------------------ LE MENU -------------------------*/

div.menu {
font-family: 'Roboto', sans-serif;
position: fixed;
width: 200px;
padding: 5px;
font-size: 12px;
font-weight: 400;
line-height:18px;
background-color: #FFF;
 border-width:3px;
 border-style:double;
 border-color:black;
}


div.nom {
margin-bottom: 30px;
font-weight:700;
font-size:20px;
}


div.menu a.selected {
color: #000;
font-size: 11px;
font-weight: 300;
text-decoration:underline;
}


div.menu a.sousrubrique {
color:#000;
font-size: 11px;
font-weight: 300;
}

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





/* ------------------------ LE MENU -------------------------*/










/* ------------------------ PAGE AVEC LES IMAGES  -------------------------*/


body {
	background-color: #fff;
	background-image:url(images/trame1.png);
	background-repeat:repeat;
	margin: 50px 0 100px 30px;
}


div.content_works {
position: absolute;
top: 50px;
left: 280px;
padding-bottom: 70px;
width:900px;
}


div.content_worksBIO {
position: absolute;
top: 50px;
left: 280px;
padding-bottom: 70px;
width:900px;
background-color:#FFF;
}



.legendeimage {
font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color:#000;
	text-align:left;
	background-color: #FFF;
	
}


.legendeimageItalic {
font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	font-style:italic;
	color:#000;
	text-align:left;
	background-color: #FFF;
}


.legendeimageBold {
font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color:#000;
	text-align:left;
background-color: #FFF;	
}


.legendeimageBoldItalic {
font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 700;
	font-style:italic;
	color:#000;
	text-align:left;
	background-color: #FFF;
}


a.legendeimageLIEN {
font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #000;
	text-align:left;
	background-color: #FFF;
	text-decoration: underline;
}


a:hover.legendeimageLIEN {
font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #666666;
	text-align:left;
	background-color: #FFF;
	text-decoration: underline;
}


.blocblanc {
background-color: #FFF;
width:800px;
}




/* ------------------------ PAGE AVEC LES IMAGES  -------------------------*/