@charset "utf-8";
/* CSS Document */
/*************
	generic
*************/
*{
	margin: 0;
	padding: 0;
}
html, body{
	height: 100%;
}
body{
	font: .8em/1.3em  arial,tahoma,verdana,sans-serif;
	word-spacing: 1px;
	color: #000;
	text-align: center;
	position: relative;
	background:#181818 repeat;
}
a, a:visited{ 
	color: #bc0606;
	outline: none;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
ul{
	list-style: none;
}
img{
	border: 0;
}
hr{
	clear: both;
	display: block;
	visibility: hidden;
	height: 1px;
}
.red{
	color:#bc0606;
}
.yellow{
	color:#ffcc00;
}
.black{
	color:#181818;
}
.grey{
	color:#666;
}
.bold{
	font-weight:bold;
}
.spaceTop{
	margin-top:15px;
}
.spaceBottom{
	margin-bottom:15px
}
.alignRight{
	text-align:right;
}
.alignCenter{
	text-align:center;
}
.petit60 {
	width:60px;
}
.light {
	background-color:#f7f7f7;
}
p.message {
	width:630px;
	border:2px solid #bc0606;
	background:#fff url(../layout/random.png) no-repeat 2px 50%;
	line-height:25px;
	font-size:1.4em;
	margin-left:50px;
	padding:4px 4px 4px 30px;
	-moz-border-radius:0 12px 12px 0;
}
/* icons */
li.browse{
	background-image:url(../layout/browse.png);
}
li.top-ten{
	background-image:url(../layout/top-ten.png) ;
}
li.random{
	background-image:url(../layout/random.png);
}
li.search{
	background-image:url(../layout/search.png);
}
li.tag{
	background-image:url(../layout/tag.png);
}
li.feed{
	background-image:url(../layout/feed.png);
}

/*************
	blocs et textes index
*************/
div#container{
	text-align:left;
	width:830px;
	margin:0 0 40px 150px;
}
/* header */
div#container div#header{
	height:77px;
	background:url(../layout/header-noir.png) no-repeat 0 0;
	position:relative;
}
div#container div#menu {
	height:58px;
	overflow:hidden;
	background:url(../layout/menu.png) no-repeat 0 0;
	position:relative;
}
div#container div#menu h1{
	font-weight:normal;
	position:absolute;
	margin-top:6px;
	padding-left:8px;
	font-size:1.7em;
}
div#container div#menu h1 a{
	color:#fff;
	text-decoration:none;
}
div#container div#menu ul{
	position:absolute;
	margin-top:25px;
}
div#container div#menu ul li{
	float:left;
	margin:10px;
	font-size:1.3em;
}
div#container div#menu ul li a{
	color:#181818;
	text-decoration:none;
}
div#container div#content{
	width:830px;
	min-height:600px;
	background:#e9e9e9;
	position:relative;
	padding-bottom:30px;
}
div#container h2{
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
	padding-top:10px;
	padding-bottom:10px;
}
div#container div#content div#top-right{
	position:absolute;
	top:0;
	right:0;
	background:url(../layout/coin-haut-droite.png) no-repeat;
	width:21px;
	height:26px;
}
div#container div#content div#bottom-right{
	position:absolute;
	bottom:0;
	right:0;
	background:url(../layout/coin-bas-droite.png) no-repeat;
	width:22px;
	height:23px;
}
div#container div#edito {
	margin:10px;
	padding-left:180px;
	font-size:1.2em;
	word-spacing:1px;
	background:url(../layout/icon-valid.png) no-repeat 0 0;
	height:160px;
}
div#container div#description {
	margin:30px 50px 10px 50px;
	font-size:1.2em;
	word-spacing:1px;
	background:url(../layout/icon-php.png) no-repeat right top;
	clear:both;
	padding-right:150px;
	width:590px;
}
div#container div#description ul li{
	line-height:24px;
	margin-bottom:5px;
	font-size:1.1em;
	padding-left:28px;
	background-repeat:no-repeat;
	background-position:0 50%;
}
div#container p a#lienAdd {
	background:url(../layout/bouton-add.png) no-repeat 0 0;
	display:block;
	width:299px;
	height:41px;
	margin-left:50px;
	margin-top:20px;
	text-indent:-5000px;
}
div#container #enbref {
	width:700px;
	background:#c9c9c9;
	margin:30px 0 0 50px;
}
div#container #enbref p.tab {
	background:#e9e9e9 url(../layout/tab-last.png) no-repeat 0 0;
	width:100%;
	height:28px;
	text-indent:-5000px;
}
div#container #enbref ul{
	margin-left:25px;	
}
div#container #enbref ul li {
	background:url(../layout/logo-20.png) no-repeat 0 50%;
	line-height:24px;
	padding-left:24px;
	font-size:1.2em;
	margin-top:5px;
}
div#container #enbref ul li span {
	background:url(../layout/user.png) no-repeat 0 50%;
	padding-left:22px;
	margin-left:5px
}
/* formulaire d'ajout de fonction */
label {
	display:block;
	font-weight:bold;
	padding-left:30px;
	line-height:30px;
	background:url(../layout/browse.png) no-repeat 0 50%;
}
label span {
	color:#666;
	font-style:italic;
}
div#container form p {
	margin:15px 0 5px 50px;
}
div#container form p span.parentheses {
	font-size:1.3em;
}
input, textarea {
	width:350px;
	border:2px solid #fff;
	background:#d6d6d6 url(../layout/logo-20.png) no-repeat 2px 50%;
	line-height:25px;
	font-size:1.3em;
	font-family:arial,tahoma,verdana,sans-serif;
	padding:4px 4px 4px 26px;
	-moz-border-radius:0 12px 12px 0;
}
input:hover, textarea:hover {
	border:2px solid #bc0606;
}
textarea {
	height:200px;
	width:600px;
	padding-left:4px;
	background:#d6d6d6;
	font-size:1em;
	line-height:18px;
}
form#ajouter-fonction input.bouton {
	text-indent:-5000px;
	border:none;
	width:299px;
	height:41px;
	background:url(../layout/bouton-form-add.png) no-repeat 0 0;
	cursor:pointer;
}
form#ajouter-fonction input.bouton:hover {
	background:url(../layout/bouton-form-add.png) no-repeat 0 -41px;
}
form#comm input.bouton {
	text-indent:-5000px;
	border:none;
	width:219px;
	height:41px;
	background:url(../layout/bouton-form-comment.png) no-repeat 0 0;
	cursor:pointer;
	margin-bottom:20px;
}
form#comm input.bouton:hover {
	background:url(../layout/bouton-form-comment.png) no-repeat 0 -41px;
}
/* listing de fonctions */
div#container #listing {
	margin:30px 0 0 50px;
	width:90%;
}
div#container #listing div.fonction {
	margin:10px 0;
	padding:5px;
}
div#container #listing div.fonction a.titre {
	background:url(../layout/logo-20.png) no-repeat 0 50%;
	line-height:24px;
	padding-left:24px;
	font-size:1.2em;
}
div#container #listing div.fonction span {
		padding-bottom:1px;
		padding-top:1px;
}
div#container #listing div.fonction span.date {
	color:#666;
	width:80px;
	font-weight:bold;
	background:none;
	font-size:0.85em;
	margin-left:5px;
}
div#container #listing div.fonction span.auteur {
	background:url(../layout/user.png) no-repeat 0 50%;
	padding-left:22px;
	margin-left:5px;
	color:#000;
}
div#container #listing div.fonction span.auteur a {
	color:#000;
	text-decoration:underline;
}
div#container #listing div.fonction span.categorie {
	width:80px;
	padding-left:22px;
	background:url(../layout/flag.png) no-repeat 0 50%;
	margin-left:5px;
}
div#container #listing div.fonction p.info {
	border-bottom:1px dotted #181818;
	line-height:20px;
}
div#container #listing div.fonction p.description {
	font-size:0.9em;
}
div#container #listing div.fonction p.note {
	font-size:1.1em;
	margin-left:0;
	float:left;
	width:400px;
	background:url(../layout/note.png) no-repeat 0 50%;
	padding-left:20px;
	margin-top:3px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
}
div#container #listing div.fonction p.more {
	font-size:1.1em;
	margin-left:580px;
}
div#container #listing div.fonction p.more a {
	background:url(../layout/add.png) no-repeat 0 0;
	padding-left:28px;
	padding-bottom:4px;
	padding-top:4px;
	line-height:30px;
}
div#container #listing div.fonction p.more a:hover {
	background:url(../layout/add.png) no-repeat 0 -24px;
}
/* bloc de commentaires */
div#container div#enbref p#titreComment {
		background:#E9E9E9 url(../layout/commentaires.png) no-repeat scroll 0 0
}
div#container div.commentaire {
	border-bottom:2px dotted #fff;
	margin:10px 10px 20px 30px;
	width:80%;
}
div#container div.commentaire span {
	padding-bottom:1px;
	padding-top:1px;
}
div#container div.commentaire span.date {
	color:#666;
	width:80px;
	font-weight:bold;
	background:none;
	font-size:0.85em;
	margin-left:5px;
}
div#container div.commentaire span.auteur {
	background:url(../layout/user.png) no-repeat 0 50%;
	padding-left:22px;
	margin-left:5px;
	color:#000;
}
div#container div.commentaire span.auteur a {
	color:#bc0606;
	text-decoration:underline;
}
div#container div.commentaire p.texteComm {
	background: #c0c0c0 url(../layout/logo-20.png) no-repeat 3px 3px;
	padding-top:2px;
	padding-left:28px;
	margin-top:5px;
	width:90%;
	-moz-border-radius:0 10px 10px 0;
	min-height:40px;
}
#recherche-bouton {
	width:24px; 
	border:none; 
	background:none;
	display:block;
	padding:0;
	position:absolute;
	right:203px;
	top:36px;
	width:24px;
}
#q {
	width:320px;
	padding:4px 34px 4px 26px;
}

div.footer{
	width:350px;
	height:150px;
	background:url(../layout/footer.png);
	float:left;
	margin-left:150px;
	text-align:left;
	margin-bottom:50px;
}
div.pied{
	margin:10px;
}
div.footer a{
	color:#000;
}
div.footer a.red{
	color:#bc0606;
}
div.footer a#rssTitle{
	color:#bc0606;
	font-weight:bold;
	font-size:1.1em;
	background:url(../layout/feed.png) no-repeat 0 45%;
	padding:4px 0 4px 28px;
	margin-bottom:3px;
}
div.footer ul{
	margin-top:2px;
}
div.footer li{
	margin:2px;
}
div.footer li.grey a{
	color:#666;
}