/*

Design du site, par palkeo


 LE CORPS  */

html{background-color:#2E2E2E;}

body{
	background-color:#000000;
	color:white;
	font-family: Verdana, sans-serif;
	margin:0;}



/* LE HEADER */

#header
{
	height:100px;
	background:url("logo.png") center no-repeat;
	margin:auto;
}


/* LE MENU HORIZONTAL */

#menu_horizontal{
	margin:0;
	list-style:none;
	height:24px;
	line-height:20px;
	background:url("fond-menu-horizontal.gif") repeat-x #111111;
	border:solid;
	border-color:#5C5C5C #3F3F3F #343434 #515151;
	border-width:1px 0;
	color:gray;
	font-size:16px;
	padding-left:1%;}
#menu_horizontal li{
	display:inline;
	padding-right:8px;}
#menu_horizontal li a{
	text-decoration:none;
	color:#898989;
	font-size:1.05em;}
#menu_horizontal li a:hover{color:#0fff22;}
#menu_horizontal li.gauche{float:left;}
#menu_horizontal li.droite{float:right;}
li#date_heure{
	font-size:14px;
	text-align:center;
	display:block;
	color:#727272;
	line-height:22px;}
.dh_important{
	color:#3ebbbd;
	font-size:16px;}
#date_heure a{
	color:#535353;
	text-decoration:underline;}
li#date_heure a:hover{color:#5b5b5b;}


/* LE MENU */

#menu{
	float:left;
	width:151px;
	margin:10px 0px;
	padding:0px;
	background-color:black;
	font-size:14px;
	margin-top:10px;
	/* ça peut bien rendre :
	position:fixed; */
}
#menu li a{
	display:block;
	line-height:20px;
	text-decoration:none;
	color:#797979;}
.fin_sous_menu{
	height:15px;
	background:url("fond-fin-menu.gif") repeat-x black;
	width:151px;
	overflow:hidden; /*IE*/
	margin-bottom:10px;}
.titre_sous_menu{
	width:151px;
	text-align:center;
	background:url("fond-titre-menu.gif") repeat-x black;
	line-height:30px;
	height:30px;
	color:#484848;
	font-size:17px;
}


#menu ul{
	width:150px;
	list-style:none;
	padding:0px;
	margin:0px;
	background-color:#303030;
	border-right:1px solid #383838;}
#menu ul li{
	width:auto;
	text-indent:5px;}
#menu ul li.gros_separateur{
	margin-top:2px;
	padding-top:5px;
	background:url("separateur.png") repeat-x top;}
#menu ul li.separateur{
	padding-top:2px;
	margin-top:2px;
	background:url("separateur.png") repeat-x top;}
#menu ul li ul{
	display:none;
	border-left:1px solid #515151;
	border-right:1px solid #3F3F3F;}
#menu ul li ul li form{
	text-align:center;
	margin-bottom:0; /*IE*/
	text-indent:0; /* FF */}
#menu ul li ul li form .formulaire_bouton, #sondage div input
{
	border:1px solid;
	border-color:#6C6C6C #4F4F4F #444444 #616161;
	background-color:#282828;
	color:#808080;
	font-size:14px;
	margin:5px 0 5px 0;
	padding:0;
	}
#menu ul li ul li form .formulaire_input
{
	border:1px solid;
	border-color:#242424 #414141 #4C4C4C #2F2F2F;
	background-color:#202020;
	color:#B0B0B0;
	margin-top:4px;
	
}
/* Actuellement pour 3 niveaux de sous-menus */
#menu ul li ul, #menu ul li:hover ul li ul{display:none;}
#menu ul li:hover ul, #menu ul li:hover ul li:hover ul{
	display:block;
	position:relative;
	top:-21px;
	left:143px;
	z-index:10;}
#menu ul li.sous-menu a{background:#303030 url("suite.gif") 98% no-repeat;}
#menu ul li.sous-menu:hover ul li.item a{background-image:none;}
#menu li a:hover{
	color:#66c26f;
	background-color:#272727;}
#menu li:hover{background-color:#2A2A2A;}
#menu li.non-lien{
	height:20px;
	line-height:20px;
	color:#696969;}
#menu ul li.sous-menu:hover a, #menu ul li.sous-menu:hover ul li:hover a, #menu ul li.sous-menu:hover ul li.sous-menu:hover ul li:hover a{background-color:#272727;}
#menu ul li.sous-menu:hover ul li a, #menu ul li.sous-menu:hover ul li:hover ul li a{background-color:#303030;}
#menu li.premier{border-top:1px solid #5C5C5C;}
#menu li.dernier{border-bottom:1px solid #343434;}
#menu .petit_separateur{border-top:1px solid #272727;}
#menu ul li.sous-menu:hover
{
	width:150px;
	height:20px;
	overflow:visible !important;
	overflow:hidden;
}
#menu ul li:hover ul li:hover ul{
width:250px; /* On laisse plus de place pour le 2è sous menu, afin que les noms des tutos passent */
}


.menu_recherche
{
	width:95%;
}
#pub
{
	text-align:center;
}
li#pub:hover
{
	background-color:#303030;
}
#titre_sondage, #sondage div
{
	background-color:#303030;
	padding:0 3px;
}
#sondage input
{
	border-color:#6C6C6C;
        background-color:#282828;
        color:#808080;
}
#sondage ul
{
	padding-top:2px;
}
#sondage div
{
	text-align:center;
}
#sondage
{
	color:#696969;
	margin:0;
}

/* LE CORPS */
a{
	color:#80ae8b;
	text-decoration:none;
}
a:hover
{
	color:#87b38e;
	text-decoration:underline;
}
#corps
{
	margin-top:15px;
	margin-left:175px;
	color:#ccd8d9;
	border:solid;
	border-color:#5C5C5C #3F3F3F #343434 #515151;
	border-width:1px 0 1px 1px;
	background-color:#232323;
	font-size:14px;
}
#mp_envoyes
{
	text-align: center;
	margin-top: 5px;
}
h1
{
	font-size:160%;
	color:red;
	margin-left:20px;
}
h2
{
	font-size:150%;
	color:#4a97be;
	text-decoration:underline;
	font-style:italic;
	text-align:center;
}
h3
{
	font-size:130%;
	margin-left:20px;
	color:#289FDF;
	border-bottom:1px solid #A9E2B2;
	display:inline;
}
h4
{
	font-size:115%;
	margin-left:15px;
	font-style:italic;
}
h5
{
	font-size:105%;
	margin-left:10px;
	font-style:italic;
}
#corps p
{
text-indent:5px;
}
#corps .separateur
{
	height:3px;
	font-size:0px;
	overflow:hidden;
	background:url("separateur.png") center repeat-x;
	margin:auto;
	width:30%;
}
#corps .gros
{
width:90%;
}
#corps form input, #corps form select,#corps form textarea
{
	border:1px solid;
	font-size:14px;
	border-color:#343434 #515151 #5C5C5C #3F3F3F;
	background-color:#202020;
	color:#B0B0B0;
	margin-left:15px;
	text-indent:2px;
}
#corps form label
{
	margin-left:20px;
}
#corps form label.no-margin
{
	margin-left:2px;
}
#corps div.div-bouton
{
	text-align:center;
	margin:10px 0;
}
#corps input.bouton
{
	border-color:#6C6C6C #4F4F4F #444444 #616161;
	font-size:15px;
	background-color:#202020;
	color:#808080;
}
#corps input.bouton:hover
{
	background-color:#1a1a1a;
	color:#909090;
}
#corps input.bouton:active
{
	border-color:#343434 #515151 #5C5C5C #3F3F3F;
	background-color:#202020;
}
#corps div.mini-br
{
	height:6px;
	font-size:0px; /*IE*/
}
#corps form fieldset
{
	border:1px solid #616161;
	margin:10px 15px 0 5px;
}
#corps form fieldset:hover
{
	border-color:#707070;
	background-color:#222222;
}
#corps form fieldset legend
{
color:#646464;
}
#corps .checkbox:hover
{
	position:relative;
	top:1px;
}
.petit
{
font-size:80%;
}
a.aide
{
	text-decoration:none;
	cursor:default;
}
.aide span
{
display:none;
}
.aide:hover span{
	display:inline;
	border:1px #244028 solid;
	background-color:black;
	position:absolute;
	white-space:nowrap;
	color:#1be300;
	font-size:14px;
	text-indent:3px;
	margin-left:4px;
	margin-top:4px;}
.pagination_news
{
	/*position:relative;
	left:20px;*/
}
	
/* LES FORUMS */
	
.liste_sujets td, .liste_mp td, .liste_forums td
{
	border:solid #505050;
	border-width:0 1px 1px 0;
	text-align:center;
	background-color:#272727;
}
.liste_sujets a, .liste_mp a, .liste_forums tr.forum a
{
	color:#bdc8c9;
	text-decoration:none;
	font-weight:bold;
}
.liste_sujets td:hover, .liste_mp td:hover, .liste_forums tr.forum td:hover
{
	background-color:#262626;
}
.liste_sujets, .liste_mp, .liste_forums
{
	width:100% !important;
	width:99%;
	border:solid #505050;
	border-width:1px 1px 0 1px;
}
.liste_messages
{
	width:100% !important;
	width:99%; /* IE */
}
#contenu
{
margin:0 10px 20px 10px;
}

.liste_sujets th, .header_msg, .liste_forums tr.categorie td, .liste_mp th
{
	background:#292828 url("fond-tete-forums.png") repeat-x;
	color:#505050;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px #505050 solid;
	height:23px;
	text-align:center;
}
.liste_sujets td, .liste_mp td
{
	padding:1px 4px;
}
.liste_forums td
{
	padding:1px 3px;
}
.forum_titre
{
	padding:1px 4px 2px 4px;
}
td.topic_titre, td.forum_titre, td.mp_titre
{
	width:60%;
	text-align:left;
}
.topic_titre .sous_titre
{
	font-size:80%;
	padding-left:5px;
}

.topic_dernier_mess, .forum_dernier_mess
{
	font-size:12px;
	white-space:nowrap;
}
.topic_info, .mp_info, .mp_suppr
{
	width:1px !important;
	width: 30px;
}

.forum_titre .sous_titre
{
	font-size:90%;
	color:#7d8f91;
	padding-left:5px;
}
.liste_messages td
{
	border:solid #505050;
	border-width:1px 0px 0 1px;
	vertical-align:top;
}
.corps_msg
{
	background-color:#272727;
}
.corps_membre
{
	width:110px;
	padding-left:3px;
	font-size:12px;
	color:#707070;
	padding-right:2px;
}
.corps_membre div
{
	text-align:center;
}
.header_msg td a
{
color:#69617c;
text-decoration:none;
font-weight:normal;
font-size:14px;}
.header_msg td
{
padding-left:3px;
font-size:12px;
padding-right: 5px;}
.avatar
{
	max-width:100px;
	max-height:100px;
	overflow: hidden;
}
.header_pseudo
{
	text-align:center;
}
.header_pseudo a
{
	color:#627b79 !important;
}
.liste_messages{border: solid #505050; border-width:0 1px 1px 0;}
.logo_equipe{float:right; margin-top:2px;}
.header_message
{
	text-align:left;
}
.corps_texte .texte
{
	padding:5px 3px;
	overflow:hidden;
}
.del_msg
{
	margin-left:7px;
}
.edit_msg
{
	margin-left:15px;
}
.pages_boutons .boutons{
	float:right;
	margin-right:5px;
}
.pages_boutons .boutons a
{
	margin-left:10px;
}
.pages_boutons
{
	margin-bottom:10px;
	line-height:22px;
	color:#808080;
}
.pages_boutons a
{
	color:#808080;
	text-decoration:none;
}
.pages_boutons a:hover
{
	text-decoration:underline;
}
.pages_boutons.bas
{
	margin-top:7px;
}
.pages_boutons .page_en_cours
{
	font-weight:bold;
}

div#repondre_messages
{
	margin:0 15px 20px 15px;
	height:300px;
	overflow:auto;
	border:1px solid #505050;
}

#vous_etes_ici, #gere-topic
{
	background-color:#252525;
	border-bottom: 1px solid #303030;
	padding:2px 0 3px 5px;
	color:#3c864b;
	font-size:13px;
}
#vous_etes_ici a, #gere-topic a 
{
	color:#5e90a4;
	text-decoration:none;
	font-weight:bold;
}
#gere-topic
{
	text-align:center;
	border-bottom:none;
	border-top:1px solid #303030;
}
fieldset#fieldset_message textarea
{
	width:100%;
	margin:0;
}
fieldset#fieldset_message
{
	padding:10px;
}
/* form#formulaire : pour tous les formulaires avec un textarea, une mise en forme, et tout... */
form#formulaire #bloc-boutons
{
	text-align:center;
	margin:10px;

}
form#formulaire #bloc-boutons .bouton
{
	padding-left:12px;
	padding-right:12px;
}
form#formulaire #boutons_style .bouton
{
	margin:0 2px;
	padding:1px;
}
form#formulaire #boutons_style
{
	float:right;
	margin-right:10px;
}
form#formulaire #liste_smileys img
{
	vertical-align:middle;
}
form#formulaire #liste_smileys
{
	margin-left:10px;
}
.sous_titre
{
	font-size:13px;
	color:#8d9899;
}
.corps_sign
{
	border-top: 1px dotted #505050;
	color:#8da1a1;
	font-size:14px;
	max-height:75px;
	overflow:hidden;
	background-color:#292929;
	margin-top:12px;
	padding:5px 2px;
}
.corps_edit{margin-top:10px; font-size:12px; font-style:italic; color:#7C8FB1;}
.corps_edit a{text-decoration:none; color:#7C8FB1; font-weight:bold;}
.cdv
{
	margin-left:10px;
}
.cdv .texte
{
	min-height:110px;
	position:relative;
	left:10px;
}
.cdv .avatar_cdv
{
	float:left;
	height:100%;
}
.cdv .texte img
{
	vertical-align:middle;
}
.cdv .texte span
{
	font-weight:bold;
}
.captcha_img
{
position:relative;
top:10px;
}
div#tuto_auteur
{
	float:right;
	border:1px solid #505050;
	padding-right:5px;
	width:40%;
	max-width:350px;
	/*white-space:nowrap;*/
}
div#tuto_auteur img
{
float:left;
margin:5px;
}

/* LE FOOTER */

#footer{
	clear:left;
	text-align:center;
	color:#505050;
	background:url("fond-footer.gif") top repeat-x;}
#remonter,#remonter a{color:#656565;}
#remonter a:hover{
	color:#2dbb38;
	text-decoration:none;}
#css{margin-left:20px;}
#css:hover,#xhtml:hover{border-top:1px solid #606060;border-bottom:1px solid #606060;}
#valid{margin-bottom:0;}
#partenaires a
{
	color: #505050;
}
/* L'INFOBOX */

#infobox{
	position:absolute;
	top:30%;
	left:30%;
	width:40%;
	height:auto;
	border:1px solid white;
	background-color:#323232;
	border:1px solid;
	border-color:#5C5C5C #3F3F3F #343434 #515151;}
#infobox_titre{
	padding:1px 0 3px 6px;
	background:url("fond-menu-horizontal.gif") repeat-x #111111;
	border-bottom:1px solid #232323;
	font-weight:bold;
	color:#03ff15;
	font-size:14px;}
#infobox_msg{
	padding:5px 0 2px 4px;
	color:#04c300;
	border-bottom:1px solid #424242;
	font-size:16px;}
#infobox_close{
	float:right;
	padding:2px 4px 0 0;
	text-decoration:none;
	color:white;}
#infobox_ok{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#00e301;
}
#corps ul li a
{
	color:#7C9483;
}