/*
Design de Clicdesign, d'après un exemple du Site du Zér0
http://www.siteduzero.com
*/

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-image: url("Fond.jpg");
   background-attachment: fixed;
	background-repeat: repeat;
   color: maroon;
   font-family: Arial, "Comic Sans MS", Courier, serif;
   font-size: 12px;
   text-align: center;
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("BanniereClicdesign.jpg");
   background-repeat: no-repeat;
	background-position: center;
   margin-bottom: 10px;
	text-align: center;
}


/* Le menu */

#menu
{
   float: left;
   width: 120px;
	background-image: url("fond_menu.jpg");
   background-repeat: repeat-y;
	background-position: right;
   border: 2px solid maroon;
   margin-bottom: 10px;
   padding: 5px;
	font-size: 10px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
	background-color: Maroon;
   color: #ffcf0b;
   font-family: Arial, "Comic Sans MS", Courier, serif;
   text-align: center;
}

.element_menu ul
{
	list-style-type: disc;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   text-align: left;
}

.element_menu a
{
   color: maroon;
	font-size: 10px;
	text-align: left;
}

.element_menu a:hover
{
   color: #000000;
   Text-decoration: none;
}

.imageflottante
{
float: left;
}

/* Le corps de la page */

#corps
{
   margin-left: 150px;
   margin-bottom: 15px;
   padding: 5px;
   color: maroon;
   background-color: #fefcc3;
   background-image: url("fond_corps.jpg");
   background-repeat: repeat-y;
   border: 2px solid maroon;
	text-align: left;
	background-position: left;
}

#corps h1
{
   color: maroon;
   text-align: center;
   font-family: Arial, "Comic Sans MS", Courier, serif;
}

#corps h2
{
	height: 30px;
	padding-left: 30px;
	color: maroon;
	text-align: left;
}

#images
{
	width: 95%;
}

#images img
{
	border: 1px solid #000000;
}

#images a
{
	border: 0px;
}

.images_tableau
{
	float: right;
	width: auto;
}

.images_tableau table
{
	background-image: url(fond_message.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding: 10px;
	text-align: center;
}

#illus_poeme
{
	border: 1px solid #000000;
}

#corps_mail
{
color: maroon;
font-size: 15px;
text-align: centre;
font-family: Arial, "Comic Sans MS", Courier, serif;
}

label
{
display: block;
width: 110px;
float: left;
}

#pseudo, #email, #description, #submit, #anti, #fichier_a_uploader, #titre, #password, #confirm, #msn, #website, #localisation, #signature, textarea
{
background-image: url("fond_message.jpg");
background-repeat: repeat-y;
background-position: right;
font-family: Arial, "Comic Sans MS", Courier, serif;
text-align: left;
color: maroon;
border-top: 1px solid maroon;
border-right: 1px solid maroon;
border-bottom: 1px solid maroon;
border-left: 5px solid maroon;
}

fieldset
{
border: 1px solid maroon;
padding: 5px;
}

.corps_message p
{
background-image: url("fond_message.jpg");
background-repeat: repeat-y;
background-position: right;
width: 50%;
padding: 5px;
border: 1px dotted maroon;
text-align: left;
}

.corps_reglement p
{
background-image: url("fond_message.jpg");
background-repeat: repeat-y;
background-position: right;
width: 97%;
padding: 5px;
border: 1px dotted maroon;
text-align: left;
color: Black;
}

.corps_tuto tr, td
{
	border: 1px solid maroon;
	text-align: center;
}

.corps_tuto img, table, th
{
	text-align: center;
	border:  2px solid maroon;
	border-collapse: collapse;
}

.corps_tuto table
{
	width: 85%;
}

#tutonumero
{
	width:10%;
}

#nomtuto
{
	width:75%;
}

#gras
{
font-weight: bold;
}

#italic
{
font-style: italic;
}

#souligné
{
text-decoration: underline;
}

#citation
{
text-decoration: underline overline;
}

#lien p
{
color: blue;
text-decoration: underline;
}

#code
{
	background-color: White;
	width: 95%;
	border: 1px dotted maroon;
	padding: 5px;
	text-align: left;
}

#titre
{
width:51%;
}
#nombremessages
{
width:2%;
}
#nombrevu
{
width:4%;
}
#nombresujets
{
width:2%;
}
#auteur
{
width:7%;
}
#derniermessage
{
width:48%;
}
#categorie
{
	width: 62%;
}

#vt_auteur
{
	width:20%;
}

#vt_mess
{
	width:75%;
}

#vt_infos
{
background-color: #fffdca;
}

#mp_titre
{
width:55%;
}
#mp_expediteur
{
width:10%;
}
#mp_time
{
width:30%;
}

#corps_liens table, th, td
{
	width: auto;
	padding: 0px;
	text-align: center;
	border: 0px;
}

#quote
{
width: 70%;
background-color : #fef3e0;
border: 1px dashed maroon;
text-align: left;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 30px;
font-family: Arial, "Comic Sans MS", Courier, serif;
}

.element_corps ul
{
   list-style-type: disc;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   font-size: 12px;
	text-align: left;
}

.element_corps ol
{
   list-style-position: outside;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   font-size: 12px;
	text-align: left;
}

#corps_forum
{
width: 99%;
padding: 0px;
text-align: center;
}

#corps_forum table
{
width: 99%;
border: 2px solid maroon;
border-collapse: collapse;
background-image: url(fond_message.jpg);
background-position: right;
background-repeat: repeat-y;
text-align: left;
}

#corps_forum th
{
padding: 5px;
border: 2px solid maroon;
border-collapse: collapse;
background-image: url(fond_th.jpg);
background-repeat: repeat-x;
text-align: center;
}

#corps_forum tr
{
padding: 5px;
border: 1px solid maroon;
border-collapse: collapse;
text-align: left;
}

#corps_forum td
{
padding: 5px;
border: 1px solid maroon;
border-collapse: collapse;
text-align: left;
}
   
a, img
{
	font-size: 12px;
	color: maroon;
	text-decoration: underline;
	border: none;
}

a:hover
{
   color: #000000;
   Text-decoration: none;
}

a:hover img
{
   text-decoration: none;
}

.imageflottante
{
	float: right;
}
   
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	float: right;
   width: 556px;
   padding: 25px;
	text-align: center;
   vertical-align: top;
	color: maroon;
   background-color: #ffe493;
   background-image: url("fond_corps.jpg");
   background-repeat: repeat-y;
   background-position: bottom left;
   border: 2px solid maroon;
}