/* CSS Document */
/* CENTRAGE LARGEUR DE LA PAGE ET COULEUR DE FOND */
body {
	color: #040404;
	margin-top:5px;
	}

#conteneur {
	margin-left:auto;
	margin-right:auto;
	width:770px;
	background-color:#060404;
	}

h1{
	padding-left: 30px ;
	line-height: 25px ;
	font-size: 18px ;
	background: url(design/newh1.png) no-repeat left bottom ;
	color: #ffffff;
	border-bottom: 1px solid #cccccc ;
	}
	
h2{
	padding-left: 30px ;
	line-height: 25px ;
	font-size: 18px ;
	background: url(design/sonh2.gif) no-repeat left bottom ;
	color: #ffffff;
	border-bottom: 1px solid #cccccc ;
	}

a{
	color:#F2F2F2;
	}	
a:hover{
	color:#FF7171;
	}	
		
/* MENU DU SITE */
		
ul#menu	{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(design/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
	}
				
ul#menu li {
	float:left;
	text-align: center ;
	}
		
ul#menu li a {
	width: 100px ;
	line-height: 25px ;
	font-size: 14px ;
	font-weight: bold ;
	color: #000000 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #cccccc ;
	}
		
ul#menu li a:hover{
	background: url(design/bg_menu.gif) repeat-x 0 0 ;
	}	
	
/* ENTETE DU SITE HAUT NOIR AVEC LOGO ARRONDI */	
	
#haut {	
	height: 100px;
	background: url(design/rondmass.gif) no-repeat;
	}

#contenuhaut { 
	width: 620px;
	height:100px;
	margin-left: 150px; /* 150px largeur de l'image logo masselassie */ 
	background: url(design/banniere2.gif) no-repeat;
	}

#hnoir {
	float:left;
	width: 250px;
	height: 100px;
	background-color:#040404;
	}

#hnoir p {
	font-size: 14px;
	color: #ffffff;
	margin: 0.1em; /* espaces interparagraphes */
	}

#hnoir img {
	float:right;
	border-color:#009900;
	}

/* ------------------------------ */
/* -- CONTENU DU CADRE MILIEU  -- */
/* ------------------------------ */

#milieu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#rondhg, #rondhd, #rondbg, #rondbd, #rondhgbl, #rondhdbl, #rondbgbl, #rondbdbl {
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
	}
#rondhg {
	background: url(design/rondhg.png);
	}
#rondhd {
	float:right;
	background: url(design/rondhd.png);
	}
#rondbg {
	background: url(design/rondbg.png);
	}
#rondbd {
	float:right;
	background: url(design/rondbd.png);
	}
#rondhgbl {
	background: url(design/rondhgbl.png);
	}
#rondhdbl {
	float:right;
	background: url(design/rondhdbl.png);
	}
#rondbgbl {
	background: url(design/rondbgbl.png);
	}
#rondbdbl {
	float:right;
	background: url(design/rondbdbl.png);
	}
#blanc {
	height:5px;
	background-color:#FFFFFF;
	}
/* CONTENU DES CADRES */

#cadre { 
	padding: 0 0 0 0;
	}
.noir {margin:0 10px 0 10px; background-color:#040404;}
.gris {margin:0 0 0 0; background-color:#333333;}
.grisfonce {background-color:#333333;}
.rouge {background-color:#FF0033;}
.rougefonce {background-color:#CC0000;}
.rougefonce {background-color:#CC0000;}
.news {margin:0 10px 0 10px; height:380px; background-color:#040404;}
.blanc {background-color: #ffffff;}
	
/*               */
/* PAGE ARTICLES */
/*               */

#colg {
	padding:0 ;
	margin:0 ;
	width: 190px;
	height:380px;
	background: url(design/photogauche.gif) no-repeat;
	float:left;
	}

#article {
	width:auto;
	height:380px;
	margin:0 0 0 195px;
	padding: 0 ;
	color:#FFFFFF;
	background-color:#040404;
	}

#contenu {
	text-align:left;
	height:330px;
	overflow:auto;
	}
	#contenu img {
		margin-right:10px;
		padding: 2px;
		float:right;
		border: 2px solid #cccccc ;
		}
#resume {
	width: 250px;
	height: 190px;
	padding:0;
	margin-left:5px;
	font-size: 15px;
	font-weight: bold ;
	color: #CCCCCC;
	}

#liste {
	list-style-image: url('design/led_verte.png')
	}
	#liste li a:hover {
		background:url(design/led_rouge.png) no repeat ;		
		}

#listtitres li{
	height:20px;
	font-size:12px;
	}
#listtitres li img{
	float:left;
	border:0;
	}

#minipell {
	margin:0 10px 5px 0;
	background-color:#040404;
	font-size:1px;
	border:2px solid #cccccc;
	float:right;
	}
#minipellhaut, #minipellbas {
	width:500px;
	height:10px;
	background: url(design/trou_minipellphoto.png) repeat-x ;
	}
#vignettes {
	width:500px;
	height:56px;
	margin:0;
	padding-left:10px;
	border-left:2pxsolid #cccccc;
	}
#vignettes img{
	float:left;
	}



#nav {
	padding:15px 30px 15px 0;
	float:right;
	}
#nav a {
	color:#5477b9;
	font-size:9px;
	text-align:center;
	text-decoration:none;
	}


/* CADRE PELLICULLE PHOTOS */
#cadrepell_photo {
height:296px;
margin:0 ;
padding: 0 ;
background-color:#040404;
}
#cadrepell_photo img {
padding: 5px 5px ;
border: 2px solid #cccccc ;
}

#list_photos {
width:365px;
height:240px;
margin: 0 ; 
padding: 0 ;
float:right;
overflow:auto;
}
#list_photos img {
padding: 2px;
}

#list_photos a {
color:#FFFFFF ;
}
#list_photos a:hover {
color:#FF9D9D;
}

#trou {
width:auto;
height:16px;
margin:5px 0 ;
padding:0 ;
background: url(design/trou_pellphoto.png) repeat-x;
}