@charset "UTF-8";
/* CSS Document */
body,html {
margin:0;padding:0;
height:100%;
}

#arriere{
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}

#entete {
	position:relative;
	background-color: #000000;
	height: 80px;
	width: 100%;
	margin-bottom:0px;
}
#conteneur {
	position:relative;
	width:1024px;
	margin:0 auto;
	z-index:1;
	background-color: #CCCCCC;
}

#menu {
position:relative;
width:1024px;
z-index:1;
}

#main {
	position:relative;
	width:1024px;
	height:100%;
	background:none;
	background-color: #FFFFFF;
}


#colonnedroite {
position:relative;
width:400px;
height:300px;
float:right;
}

#pieds {
position:relative;
width:100%;
height:315px;
background-color: #CCCCCC;
margin-top:5px;
}

/*polices*/

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.categorie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #66FF00;
}

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.separation {
	background-image:url(../images/dot.jpg);
	background-repeat:repeat-x;
	width:250px;
	height:15px;
	line-height: 15px;
	display:block;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}
a:link {
	color: #000000;
}
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />