/* CSS Document */

body {
	background:url('./images/bg.png') repeat-x #000000;
	color:#ffffff;
	font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
	
div#contenu {
background:url('./images/font1.png');
	width:800px;
	height:auto;
	margin:auto;
	border:#c0c0c0 1px solid;
	}

ul , li { margin:10px; padding:0; list-style-type:none; }
a { color:#ffffff; text-decoration:none; font-weight:bold; font-size:15px; }
a:hover { color:#ffff66; font-weight:bold; }
a img { border:0; }
h1, h2, h3, h4, h5 { margin:0; font-size:100%; font-weight:normal;  }
p { margin:0; padding:5px; font-size:90%; }
div.clear { clear:both; }

#contenu .promo {font-family:arial; color:#0000ff; font-size:18px; text-decoration:underline; font-weight:bold;}

.photos {margin:auto; padding:0; height:320px; }
.photos li {list-style:none; margin:0px; float:left; padding:5px 3px 5px 2px; text-align:center; }
.photos img {width:120px; height:160px; background-color:#ffffff;
  border:1px solid #ffffff;
 display:block; }
 .photos img:hover {width:120px; height:160px; background-color:#cccccc;
  border:1px solid #cccccc;
 display:block; }

div#header {
	background:url('./images/header.jpg') no-repeat;
	width:482px;
	padding-left:318px;
	height:220px;
	text-transform:uppercase;
	margin-bottom:1px;
	}
	
h1 { font-size:1%; color:#ffffff; }
h1 span { display:block; font-size:1%; color:#ffffff; letter-spacing:8px; }

ul#menu {
	height:24px;
	position:absolute;
	top:101px;
	background-color: #333333;
}
#menu li { display:inline; margin-right:35px; }
#menu a { color:#FFF; font-weight:normal; padding-bottom:9px; }
#menu a:hover { background:url('./images/top_hover.gif') no-repeat bottom; }

#contenu .pub {font-family:arial; color:#f5ed0c; font-size:22px; text-decoration:underline; font-weight:bold;}
#contenu .pub:hover {font-family:arial; color:#fefbae; font-size:22px; text-decoration:none; font-weight:bold;}
#contenu .pubdroite {font-family:arial; color:#f1f91f; font-size:22px; text-decoration:underline; font-weight:bold;}
#contenu .pubdroite:hover {font-family:arial; color:#f1f91f; font-size:22px; text-decoration:none; font-weight:bold;}
entrez {font-family:arial; color:#ffffff; font-size:35px; text-decoration:underline; font-weight:bold;}
#contenu .sortir {font-family:arial; color:#000000; font-size:24px; text-decoration:underline; font-weight:bold;}
#contenu .videos {font-family:arial; color:#fe777d; font-size:26px; text-decoration:underline; font-weight:bold;}
#contenu .liens {font-family:verdana; color:#ffffff; font-size:12px; text-decoration:underline; font-weight:normal;}



div#menu_droite {
    background-color:none;
	width:250px;
	height:auto;
	float:right;
	text-align:center;
	}
	
#menu_droite h2 {
	background:url('./images/bg_menu.gif') no-repeat;
	width:250px;
	height:30px;
	font-size:150%;
	text-transform:uppercase;
	color:#ffffff;
	padding-top:5px;
	}

#menu_droite ul { margin:12px auto 10px auto;color:#ffffff; }
#menu_droite a { font-weight:normal; }



div#texte {
	float:left; font-size:13px;
	width:520px;
	margin-left:4px !important;
	margin-left:4px;
	}
	
	

div.post { margin-bottom:10px; text-align:center; }
.post h2 { border-bottom:0px dotted #030303; text-transform:uppercase; color:#ffffff; font-size:188%;  background:url('./images/bg_post.gif') no-repeat; }
p.infos { color:#D6D6D5; font-size:80%; }

p#footer { clear:both; text-align:center; }