@charset "utf-8";
/* CSS Document */

/*base*/
body {color:#ccc; background-color:#000; background-image:url(../img/back_test2.jpg); background-repeat:no-repeat; background-position:center; background-position:top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
h1 {font-size:2.5em; letter-spacing:1px; line-height:20px; margin-top:15px;;font-family:Verdana, Arial, Helvetica, sans-serif;}
h2 {font-size:1.7em; letter-spacing:1px; font-weight:bold; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif;}
h4 {font-size:1em; line-height:18px;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:link {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}
a:visited {color:#fff; text-decoration:none;}
.hlineup {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFFFFF; color:#000000; font-weight:bold; padding-left:3px;  -moz-border-radius: .3em; background-image:url(../img/grad_btn_nav_hover.jpg);}
.small {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.small_titre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;}

/*image incrustée dans le texte avec contour*/
.image {float: left; margin: 15px 20px 20px 0; border:10px solid #0b0a10;}

/*header & footer*/
#header{height:190px; line-height:50px; padding-bottom:10px;} 
#footer{height:40px; line-height:10px; margin:20px 0; padding-top:10px; border-top:1px dotted #666; font-size: 0.9em; color:666;} 

/*contenu*/
#content{height:700px; width:652px; padding:10px 20px; background-color:#121119; border:1px solid #333; -moz-border-radius: .5em; opacity:0.8;}
#content_big{height:880px; width:652px; padding:10px 20px; background-color:#121119; border:1px solid #333; -moz-border-radius: .5em; opacity:0.8;}
#collumn{width:310px;}


/*barre de navigation en haut*/
#navbar{height:20px; width:925px; line-height:20px; margin-bottom:20px; padding :5px; } 
#navbar ul {
	margin-left: -34px;
	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}
#navbar li {
	margin-right:-29px;
    display: inline;}
#navbar a {
 	-moz-border-radius: .3em;
 	background-image:url(../img/grad_btn_nav.jpg);
	border: 1px solid #333;
	padding: 5px;
	background-color: #121119;}
#navbar a:link, #navbar a:visited {
    color: #ccc;
    text-decoration: none;}
#navbar a:hover {
    background-color: #ccc;
    color: #000;
	background-image:url(../img/grad_btn_nav_hover.jpg);}
	
/*menu à gauche*/
#menu{ height:700px; width:182px; padding:10px 20px;background-color:#121119; border:1px solid #333;  -moz-border-radius: .5em; opacity:0.8;}
#menu ul {
	margin-left: -30px;
	padding-left: 0;
	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}
#menu a {
 	-moz-border-radius: .3em;
	display: block;
	padding: 3px;
	background-color: #0b0a10;
	border-bottom:1px solid #121119;}
	
#menu a:link, #menu a:visited{
	color:#ccc;
	text-decoration: none;}
#menu a:hover{
	background-color: #ccc;
	color: #000;
	background-image:url(../img/grad_btn_nav_hover.jpg);}