/* CSS Document */
body
{
	background-color: #000000;
	height: auto;
	width: 768px;
	margin: auto;
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

#main
{
	background-image: url(images/main_fond.png);
	background-attachment: fixed; 
	padding-top: 5px;
}

#header 
{
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	width: 759px;
	height: 206px;
	margin:auto;
	margin-left: 6px !important; 
	margin-left: auto;
}

#texte_cadre
{
	background-image: url(images/texte/fond.png);
	background-repeat: repeat-y;
	margin: 7px;
	margin-left: 174px;
	height: auto;
	width: 572px;
}

.texte_haut
{
	background-image: url(images/texte/haut.png);
	background-repeat: no-repeat;
	width: 572px;	
	height: 68px;
}

.texte_milieu
{
	padding-left: 14px;
	padding-right: 14px;
}

.texte_bas
{
	background-image: url(images/texte/bas.png);
	background-repeat: no-repeat;
	width: 572px;
	height: 39px;	
}	

#menu
{
	background-image: url(images/menu/fond.png);
	background-repeat: repeat-y;
	height: auto;
	width: 151px;
	float: left;
	margin: 4px !important;
	margin-top: 6px;
}

#menu_haut
{
	background-image: url(images/menu/haut.png);
	background-repeat: no-repeat;
	width: 151px;	
	height: 68px;
}

#menu_lesite
{
	background-image: url(images/menu/le_site.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_bonus
{
	background-image: url(images/menu/bonus.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_espacemembres
{
	background-image: url(images/menu/espace_membres.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_laserie
{
	background-image: url(images/menu/la_serie.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_lesacteurs
{
	background-image: url(images/menu/les_acteurs.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_galerie
{
	background-image: url(images/menu/galerie.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_lateam2
{
	background-image: url(images/menu/la_team2.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_telechargement
{
	background-image: url(images/menu/telechargement.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_laproduction
{
	background-image: url(images/menu/la_production.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_divers
{
	background-image: url(images/menu/divers.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
}

#menu_bas
{
	background-image: url(images/menu/bas.png);
	background-repeat: no-repeat;
	width: 151px;
	height: 25px;
}

.menu_inter_haut
{
	display: none;
}

.menu_inter_bas
{
	display: none;
}
/* Fin menu */


#footer
{
	clear: both;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	width: 741px;
	height: 33px;
	margin: auto;
	margin-top: 10px;
}

/* CSS Document */



p /* Paragraphe */
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* Ttires de la page */
h1
{
	font-size: 20px;
	color: #256cd6;
	text-decoration: underline;
	padding-left: 152px;
	padding-top: 24px;
	font-style: italic;
}

h2
{
	font-size: 17px;
	color: #000000;
	border-bottom: 1px solid #256cd6;
	font-weight: bold;
	text-align: center;
}

h3
{
	font-size: 16px;
	color: #000000;
	border-bottom: 1px solid #256cd6;
	border-left: 4px solid #256cd6;
	font-weight: bolder;
	font-style: italic;
	padding-left: 2px;
}

h4
{
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-indent : 50px;
}

h5
{
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
	color: #000000;
	text-indent : 25px;
}

/* Liens */
a
{
	color: #256cd6;
	text-decoration: none;
}

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

/* Balises de formatage */
em
{
	font-style: italic;
	color: #622bba;
}

acronym
{
	border-bottom: 1px dashed #256cd6;
	color : #256cd6;
}

/* Infobulle */
.info
{
	border-bottom: 1px dashed #256cd6;
	cursor: help;
}

/*------------------*/
/* Puces */
ul
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	list-style-type: none;
}


/* Formulaire */
form
{
	font-weight: normal;
	font-size: 12px;
}

.bloc /* Bloc d'alignement */
{
	display: block; 
	float: left; 
	width:110px;
}

fieldset
{
	background-color: #f5f5f5;
	margin: 5px;
	padding: 5px;
	border: 3px double #999999;
}

legend
{
	color: #256cd6;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 12px;
}

input
{
	font-size: 12px;
	font-weight: normal;
	border: 1px inset black;
	text-align: left;
	background-image: url(images/formulaire/fond.gif);
	background-attachment: fixed; 
}

input:hover
{
	background-color: #FFFFFF;
}

.bouton /* Bouton */
{
	font-size: 13px;
	font-weight: normal;
	border: 1px inset black;
	text-align: left;
	background: #f0f8ff;
}

textarea
{
	background: #CCCCCC;
	color: #000000;
	font-size: 12px;
	background-image: url(images/formulaire/fond.gif);
	background-attachment: fixed; 
	border: 1px solid #C5C4C4;
}

.message
{
	border: 1px solid black;
	background-color: #dcdcdc;
}

.citation, .spoiler /* Titre du code, de la citation et du spoiler */
{
	font-weight: bold;
	display:block;
	width:90%;
	margin:auto;
}


.citation2, .spoiler2 /* Contenu du code, de la citation et du spoiler */
{
	border:1px solid #ececec;
	background:#fdfdfd;
	width: 90%;
	padding: 8px;
	margin:auto;
}

.citation
{
	font-style: italic;
}

.citation2
{
	border:1px dashed #ececec;
}

.auteur
{
	color: #6490ed;
	font-weight: bold;
	font-style: normal;
}	


.spoiler2
{
	cursor: pointer;
}



.spoiler3 /* Spoiler par défaut */
{
	visibility: hidden;
}

/*----------------------------------------------*/
#aide
{
	font-size: 10px;
	border: 1px solid black;
	background-color: #FFFFFF;
	padding: 2px;
	margin-bottom: 2px;
}

.formulaire_float
{
		margin-top: 9px;
		width: 20%; 
		text-align: center;
		padding-top : 2px;
		float: right;
}

.smileys
{
	border: 1px solid #999999; 
	background-image: url(images/formulaire/fond.gif);
	background-attachment: fixed; 
}

/* Menu */
.menu_decalage
{
	margin-left: 5px;
}

#menu h4
{
	display : none;
}

#menu input
{
	text-align: center;
}

/* Tableau */
table
{
	border : 1px solid #999999;
	background-color: #f8f8f8;
	border-collapse: collapse;
	margin : auto;
}

caption
{
	text-align: center;
	font-size: 13px;
	margin: auto;
}

th
{
	background-color : #f0f8ff;
	text-align: center;
	font-size: 13px;
	border: 1px dotted #999999;
	border-top: 2px solid #4682b4;
}

td
{
	background-color : #FFFFFF;
	text-align: center;
	font-size: 12px;
	border: 1px dotted #999999;
	border-bottom-style: solid;
}

/* Mise en page du texte */
.gauche
{
	text-align: left;
}

.milieu
{
	text-align: center;
}

.droite
{
	text-align: right;
}

.justifier
{
	text-align: justify;
}

.souligner
{
	text-decoration: underline;
}

.gras
{
	font-weight: bold;
}

/* Formatage du texte */

.couleur_1
{
	color: #256cd6;
}
	
.couleur_2
{
	color: #FF0000;
}

.couleur_3
{
	color: #000000;
}

/* Cadres généraux */
.cadre
{
	width: auto;
	background-color: white;
	border: 1px solid #808080;
	margin: 3px 5px 3px 5px;
	color: Black;
}

.cadre_haut
{
	background-color: #f8f8f8;
	font-size: 13px;
	border-bottom: 1px solid #999999;
	padding: 3px;
}

.cadre_texte
{
	padding: 3px;
	border: 1px solid #999999;
	margin: 1px;
}

/* Cadre de règles */
#regles_site
{
	width: 97%;
	height: 250px;
	margin: auto;
	margin-bottom: 10px;
	padding: 5px;
	overflow: auto;
	border: 1px dashed black;
	background-color: white;
	text-align: left;
}

/* Alinéa pour les fanfics */
#fanfic
{
	text-indent: 15px;
}

img
{
 border : none;
}

ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("images/menu/dossier.gif");
}