/* CSS par Dig pour http://www.kits-gratuits.net */

* { margin:0;padding:0; }

body {
	background:#E8E8E8;
	background:#222222;
	width:100%;
	font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	cursor: default;
}


#page {
	width:700px;
	border-left:5px solid #D6D7D9;
	border-right:5px solid #D6D7D9;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#header {
	background:url('./images/interface/header.png') top no-repeat;
	width:700px;
	height:100px;
}

#header h1 {
	font-size:2.2em;
	font-weight:normal;
	color:#588A03;
	font-family:Verdana;
	padding-left:70px;
	padding-top:20px;
}

#header p {
	color:#646464;
	padding-left:130px;
	padding-top:5px;
}

#header a {
	left:1027px;
	top:103px;
	position:absolute;
}

ul#menu_haut {
	float:left;
	width:100%;
	background-color:#3A3A3A;
	height:20px;
	border-bottom:3px solid #CFCFCF;
	list-style-type:none;
	text-align:center;
}

ul#menu_haut li {
	display:inline;
	float:left;
}

ul#menu_haut a {
	width:116px;
	height:20px;
	background-color:#3A3A3A;
	color:#FFF;
	text-decoration:none;
	display:block;
}

ul#menu_haut a:hover {
	width:116px;
	height:20px;
	background-color:#3A3A3A;
	color:#FFF;
	text-decoration:underline;
	background-color:#848484;
	display:block;
}

#bloc {
	float:left;
	width:450px;
	text-align:justify;
	padding-left:10px;
}

#menu {
	float:left;
	margin-left:40px;
	width:190px;
}

#bloc h2, #menu h2 {
	border-bottom:1px dotted #030303;
	text-indent:-9000px;
	margin-top:20px;
}

#bloc h3, #menu h3 {
	border-bottom:1px dotted #030303;
	text-indent:-9000px;
	margin-top:0px;
}

#bloc hr {
	border: none 0; 
	border-bottom:1px dotted #030303;
	text-indent:-9000px;
	margin-top:0px;
}

#menu ul {
	list-style-image:url('./images/interface/puce.png');
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}

#menu li {
	margin-left:40px;
	height:0%;
}

#menu a {color:#646464;text-decoration:none;}

#menu a:hover {color:#818080;text-decoration:underline;}

#bloc a {color:#646464;text-decoration:none;}

#bloc a:hover {color:#818080;text-decoration:underline;}



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#bloc a.button {
    background: transparent url('./images/interface/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#bloc a.button span {
    background: transparent url('./images/interface/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#bloc a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#bloc a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



h2.editorial {
	background:url('./images/interface/titre_editorial.png') left no-repeat;
}

h2.news {
	background:url('./images/interface/titre_news.png') left no-repeat;
}

h2.movies {
	background:url('./images/interface/titre_movies.png') left no-repeat;
}

h2.person {
	background:url('./images/interface/titre_person.png') left no-repeat;
}

h2.comments {
	background:url('./images/interface/titre_comments.png') left no-repeat;
}

h2#profil {
	background:url('./images/interface/titre_profil.png') right no-repeat;
}

h2#rightmenu {
	background:url('./images/interface/titre_rightmenu.png') right no-repeat;
}
	
p#copyright {
	font-size:0.8em;
	color:#A3A3A3;
	width:700px;
	text-align:center;
	clear:both;
	background-color:#FFF;
	padding-top:50px;
}

p#copyright a{
	text-decoration:none;
	color:#A3A3A3;
}