body
{  
   background-image: url("../uploads/images_site/design/fond_design.jpg");
}

/* L'en-tête */
#en_tete
{
   margin-left: 100px;
   width: 750px;
   height: 100px;
   background-repeat: no-repeat;
   margin-bottom: 0px;
}


/* Le menu000 */

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}

blockquote
{
   text-align: justify; /* La citation sera justifiée */
}
/* Le corps de la page */

#corps
{
   margin-top: 250px;
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   border: 2px solid black;
}

/*Tableau*/
 table
{
   margin: auto; 
   width: 90%;
   border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;
   vertical-align: top;
}

.auteur_topic
{
 width: 102px;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
/*voir_profil */
.info_profil
{
	margin-left: 120px;
}

.avatar_profil
{
   float: left;
   width: 100px;
   height: 200px;
   margin-left: 4%;
   margin-top: 5%;
}

/*Différent es tailles de texte*/
.minuscule
{
   font-size: xx-small;
}
.trespetit
{
   font-size: x-small;
}
.petit
{
   font-size: small;
}
.moyen
{
   font-size: medium;
}
.grand
{
   font-size: large;
}
.tresgrand
{
   font-size: x-large;
}
.supermegagigatresgrand
{
   font-size: xx-large;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
   border: 2px solid black;
}









/*Formulaire d'inscription */
.input_inscription
{
	margin-left: 140px;
	margin-bottom: 20px;
}
.indic_inscription
{
	text-align: right;
	float: left;
}

.input label, .input input, .input select, .input textarea
{
float:left; 
}
.input label 
{
width:36%; 
text-align:right; 
}
.submit input, .input input
{
width:25%;
}
.clearer 
{
    height:2px;
    clear:both;
}
.clearer2
{
    height:0px;
    clear:both;
}


 #news
 
.element_news h4
{
   background-color:rgb(64,64,64);
   	color:rgb(128,128,128);
   text-align: center; /* Pour centrer le titre */
   font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
}
.element_news p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.5em; /* Ecrit légèrement plus gros que la normale */
   color: rgb(128,128,128);; /* En bleu */
}
.element_news p
{
   text-indent: 20px;
}


.signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 12px;
}
.signature h6
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
}
 
/* COMMENTAIRES*/
.commentaires
{
font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
 font-size: 12px;
}

 /* Emploiés*/
.emploie1/*cadre en haut à gauche*/
{
	border: 2px dashed black;
	margin-left: 80px;
    margin-bottom: 20px;
	width: 20%;
}

.emploie2/*cadre  en haut à droite*/
{
	border: 2px dashed black;
	margin-right: 80px;
	margin-bottom: 20px;
	width: 20%;
	float: right;
}

.emploie3/*cadre  en bas à gauche*/
{
	border: 2px dashed black;
	margin-left: 80px;
	margin-bottom: 20px;
	width: 20%;
}

.emploie4/*cadre  en bas à droite*/
{
	border: 2px dashed black;
	margin-right: 80px;
	margin-bottom: 20px;
	width: 20%;
	float: right;
}


/*BBCODE*/
.smiley
{
   float: left;
   width: 100px;
   margin-right: auto;
}

#bouton_bbcode
{
width: auto;
margin-left: 110px;
}

.bouton_cliquable :hover
{
	border: 1px;
}


/* FLOTTANT*/
.gauche
{
   float: left;
}

.droite
{
	float : right;
}

/*Polices d'écriture*/
.police_Arial
{
font-family: Arial, serif;
}
.police_Arial_Black
{
font-family: "Arial Black", serif;
}
.police_Comic_Sans_MS
{
font-family: "Comic Sans MS", serif;
}
.police_Courier_New
{
font-family: "Courier New", serif;
}
.police_Georgia
{
font-family: Georgia, serif;
}
.police_Impact
{
font-family: Impact, serif;
}
.police_Times_New_Roman
{
font-family: "Times New Roman", serif;
}
.police_Trebuchet_MS
{
font-family: "Trebuchet MS", serif;
}
.police_Verdana
{
font-family: Verdana, serif;
}

/*Alignement du texte*/
.text_align_gauche
{
 text-align: left;
}
.text_align_droite
{
 text-align: right;
}
.text_align_justifié
{
 text-align: justify;
}
.text_align_centré
{
 text-align: center;
}

.cadre_tiret
{
   border: 1px dashed white;
}

/*BBCODE*/

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: rgb(226,226,226);
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: rgb(255,255,255);
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: rgb(107,107,107);
}