/*- CSS "libraries" ---------------------------------*/
@import url("reset.css");


/*- GLOBAL ---------------------------------*/

body { background: white url(../images/fondbleuciel.png) repeat-x left top;font-family: Verdana, arial, helvetica, sans-serif;font-size: 12px; line-height: 18px;text-transform:uppercase;}

#container { background: url(../images/fondherbe.png) repeat-x left bottom;}

#center {width: 900px; margin: 0 auto;}


/*- HEADER ---------------------------------*/

#header {margin-top:10px;}

#logo {background:url(../images/LOGO.png);width:256px;height:166px;float:left;}

#mnfheader {background:url(../images/matnoirfestival.png);height;width:514px;height:55px;margin-left:266px;}

#menu {background:url(../images/fondmenu.png) no-repeat;width:632px;height:83px;margin-left:266px;margin-top:31px;padding-top:19px;}

#groupes{ background:url(../images/groupes.png) no-repeat;display:block;width:59px;height:43px;float:left;}
	#groupes:hover{background-position:0 -46px;}
	#groupes:active{background-position:0 bottom;}

#infos{ background:url(../images/infos.png) no-repeat;display:block;width:59px;height:43px;float:left;}
	#infos:hover{background-position:0 -47px;}
	#infos:active{background-position:0 bottom;}
	
#galerie{ background:url(../images/galerie.png) no-repeat;display:block;width:59px;height:43px;float:left;}
	#galerie:hover{background-position:0 -46px;}
	#galerie:active{background-position:0 bottom;}
	
#historique{ background:url(../images/historique.png) no-repeat;display:block;width:59px;height:43px;float:left;}
	#historique:hover{background-position:0 -46px;}
	#historique:active{background-position:0 bottom;}
	
#liens{ background:url(../images/liens.png) no-repeat;display:block;width:59px;height:43px;float:left;}
	#liens:hover{background-position:0 -46px;}
	#liens:active{background-position:0 bottom;}
	
#menu ul li {padding-left:35px;}

#menu ul li a {padding-left:60px;}

#content {  margin:0 auto; width:638px;padding-bottom:35px;}

/*- NEWS ---------------------------------*/

#news{text-transform:uppercase;}

#newstop { background:url(../images/newstop.png) no-repeat ;width:648px; height:85px;}

#newsmiddle { background:url(../images/newsmiddle.png) repeat-y;width:648px;margin-left:1px;text-align:justify;}

#newsmiddle p {padding:0 30px 0 20px;}

#newsbottom { background:url(../images/newsbottom.png) no-repeat 0 bottom;width:648px;height:56px;margin:-35px 0 20px 0;}

.txtgris { color:#424744;}

.txtblanc { color:#FFFFFF;}

.big{font-size:1.3em;}

/*- MAIN ---------------------------------*/


#groupestitle { z-index:5;}

#derriere {z-index:-5;}



.slideshow img { margin-top:-45px;}

#infostitle {background:url(../images/infosaccueil.png);width:172px;height:152px;float:right;margin-top:-348px;}

#histotitle {background:url(../images/histoaccueil.png);width:174px;height:142px;float:right;margin-top:-180px;}

#lienstitle {margin-top:-20px;}

#back {z-index:-1;float:right;margin-top:23px;}

#galerietitle { height:142px;margin-top:-20px;}



/*- FOOTER ---------------------------------*/



#footer {background-image:url(../images/lignebas.png);background-repeat:repeat-x;height:53px;color:white;Position: fixed;Bottom:0; Left: 0;z-index:10;width:100%;overflow:auto}

#footer ul {position:fixed;bottom:5px;left:100px;}

#footer ul li {float:left;padding-right:10px;}

#tiret {color:#424744;}

.txtgris a { text-decoration:none;color:white;}

.txtgris a:hover {color:#424744;}

#forum{ background:url(../images/logoforum.png) no-repeat;display:block;width:26px;height:26px;float:left;position:fixed;bottom:2px;right:100px;}
	#forum:hover{background-position:0 bottom;}

#myspace{ background:url(../images/logomyspace.png) no-repeat;display:block;width:26px;height:26px;float:left;position:fixed;bottom:2px;right:140px;}
	#myspace:hover{background-position:0 bottom;}

#facebook{ background:url(../images/logofacebook.png) no-repeat;display:block;width:26px;height:26px;float:left;position:fixed;bottom:2px;right:180px;}
	#facebook:hover{background-position:0 bottom;}
	
	
/*- PAGE LIENS ---------------------------------*/	


#contentliens {background:url(../images/liens/fondliens.png) no-repeat;margin:0 auto;padding-bottom:60px;width:655px;height:3200px;}

#contentliens ul{width:650px;height:192px;padding-left:10px;}	

#contentliens  a{color:#424744;}
	#contentliens  a:hover{color:#FFFFFF;}

#firstdate{padding-top:32px;line-height:16px;}

.ninegroups{line-height:16px;} 

.size17{font-size:17px;color:#FFFFFF;}

.size48{font-size:48px;color:#FFFFFF;}

p#ilssontvenus{padding-top:100px;}

P#matnoirlikes{padding-top:80px;}

#mlcontent{padding-top:40px;}

.top{font-size:2em;float:right;padding:130px 300px 0 0;}

.top a{text-decoration:none; color:#424744;}


/*- PAGE INFOS ---------------------------------*/

#contentinfos {background:url(../images/infos/fondinfos.png) no-repeat;margin:0 auto;width:655px;height:1240px;padding:60px 0 10px 20px;}

#contentinfos ul{list-style-type:circle;padding-left:50px;padding-right:50px;}

#contentinfos ul ul{list-style-type:disc;padding-top:-20px;;}

#contentinfos h1{font-size:40px;color:#FFFFFF;padding-top:40px;}

#contentinfos p{padding:10px 30px 10px 0;}

#contentinfos h2{font-size:20px;color:#FFFFFF;text-transform:lowercase;padding-top:20px;}
	#contentinfos h2:first-letter{text-transform:uppercase;}

#contentinfos img{margin-left:-20px;width:651px;}


/*- PAGE GROUPES ---------------------------------*/

#contentgroupes {background:url(../images/groupes/groupes.png) no-repeat;margin:0 auto;width:655px;height:2220px;padding:60px 0 10px 20px;}	

#contentgroupes p{padding:10px 30px 10px 0;}

#contentgroupes h1{font-size:40px;color:#FFFFFF;padding-top:40px;} 

#contentgroupes a{padding-left:550px;text-decoration:underline;} 

/*- PAGE GALERIE ---------------------------------*/

#contentgalerie {background:url(../images/galerie/galerie.png) no-repeat;margin:0 auto;width:655px;height:600px;padding:60px 0 10px 20px;}	

#contentgalerie p{padding:10px 30px 10px 0;}

#contentgalerie h1{font-size:40px;color:#FFFFFF;padding-top:40px;} 

#contentgalerie a{text-decoration:underline;} 

/*- PAGE HISTORIQUE ---------------------------------*/

#contenthistorique {background:url(../images/historique/historique.png) no-repeat;margin:0 auto;width:655px;height:1150px;padding:60px 0 10px 20px;}	

#contenthistorique p{padding:10px 30px 10px 0;}

#contenthistorique h1{font-size:40px;color:#FFFFFF;padding-top:40px;} 

#contenthistorique a{text-decoration:underline;} 

/*- PAGE SPONSORS ---------------------------------*/


#sponsorsreg {padding:20px 20px 0 20px;width:550px;}

#sponsorstop { background:url(../images/topsponsors.png) no-repeat ;width:648px; height:55px;margin-left:1px;}

#sponsorsmiddle { background:url(../images/newsmiddle.png) repeat-y;width:648px;margin-left:1px;text-align:justify;}

#sponsorsmiddle img {padding-bottom:20px;padding-left:20px}

#sponsorsbottom { background:url(../images/newsbottom.png) no-repeat 0 bottom;width:648px;height:56px;margin:-35px 0 20px 0;}


/*- PAGE BENEVOLAT ---------------------------------*/


	 
#benevolattop { background:url(../images/benevolattop.png) no-repeat ;width:648px; height:56px;margin-left:1px;}

#benevolatmiddle { background:url(../images/newsmiddle.png) repeat-y;width:648px;margin-left:1px;text-align:justify;}

#benevolatmiddle h1{font-size:2.5em;padding-top:100px;padding-bottom:600px;}

#benevolatreg {padding:20px 20px 0 20px;width:600px;}

#benevolatbottom { background:url(../images/newsbottom.png) no-repeat 0 bottom;width:648px;height:56px;margin:-35px 0 20px 0;}

/*- BANNIERE ---------------------------------*/

a#replace{margin:0px 0 20px 170px;}