/* ------------------ */
/* | BLOCS GENERAUX | */
/* ------------------ */

body {
    margin:                 0px;
    padding:                0px;
    background-color:       rgb(222,213,179);
}

#contenu {
    margin:                 auto;
    width:                  990px;
    background-color:       white;
}


/* ---------- */
/* | HEADER | */
/* ---------- */

#header {
    position:               absolute;
    width:                  990px;
    height:                 115px;
    max-height:             115px;
    border-left:            1px solid rgb(89,59,33);
    border-right:           1px solid rgb(89,59,33);
    background-color:       rgb(89,59,33);
    background-image:       url("elements/barre.bmp");
    background-position:    bottom;
    background-repeat:      repeat-x;
}

#header_licorne {
	position:               absolute;
	z-index:                1;
	top:                    24px;
	left:                   0px;
	width:                  85px;
	height:                 78px;
	background-image:       url("elements/licorne.gif");
	background-repeat:      no-repeat;
}

#header_titre {
    position:               absolute;
	z-index:                1;
	top:                    20px;
	left:                   120px;
	width:                  366px;
	height:                 54px;
}

#header_titre p {
    margin:                 0px;
}

.header_icone {
    float:                  right;
    margin-top:             10px;
    margin-right:           15px;
    text-align:             center;
    font-size:              12px;
    color:                  white;
}

.header_icone p {
    margin-top:             5px;
    margin-bottom:          0px;
}


/* --------- */
/* | CORPS | */
/* --------- */

#corps {
    position:               absolute;
    top:                    115px;
    width:                  990px;
    border-left:            1px solid rgb(89,59,33);
    border-right:           1px solid rgb(89,59,33);
    background-color:       rgb(250,255,230);
}

#date {
    float:                  left;
    margin-left:            10px;
    font-size:              0.8em;
    color:                  rgb(150,150,150);
}

#login {
    float:                  right;
    margin-right:           10px;
    font-size:              0.8em;
    color:                  rgb(150,150,150);
}

#sommaire {
    float:                  left;
    width:                  670px;
    padding-left:           15px;
    color:                  rgb(50,50,50);
}

#menu {
    float:                  right;
    margin-right:           15px;
    width:                  250px;
    padding:                10px;
    padding-top:            27px;
    background-color:       rgb(89,59,33);
    background-image:       url("elements/barre.bmp");
    background-repeat:      repeat-x;
}

.menu_ligne {
    margin-top:             5px;
    padding-bottom:         3px;
    height:                 32px; 
    text-indent:            42px;
    border-bottom:          1px solid white;
}

.menu_ligne p {
    margin:                 0px;
    font-size:              14px;
}

#texte {
    clear:                  both;
    min-height:             300px;
    padding:                15px;
    text-align:             justify;
    color:                  rgb(40,40,40);
}


/* ---------- */
/* | FOOTER | */
/* ---------- */

#footer {
    width:                  990px;
    background-color:       rgb(89,59,33);
    background-image:       url("elements/barre.bmp");
    background-repeat:      repeat-x;
}

#footer p {
    margin:                 0px;
    padding-top:            35px;
    text-align:             center;
    font-size:              0.7em;
    color:                  white;
}


/* ---------- */
/* | TITRES | */
/* ---------- */

h1 {
    margin-top:             60px;
    text-align:             center;
    font-size:              32px;
    font-weight:            bold;
    color:                  rgb(89,59,33);
}

h2 {
    margin-top:             40px;
    margin-bottom:          10px;
    padding-left:           15px;
    padding-right:          15px;
    padding-bottom:         3px;
    border-bottom:          3px solid rgb(89,59,33);
    font-size:              24px;
    color:                  rgb(89,59,33);
}

h3 {
    margin-top:             40px;
    margin-bottom:          0px;
    border-bottom:          2px dashed rgb(89,59,33);
    font-size:              18px;
    color:                  rgb(89,59,33);
}


/* --------- */
/* | LIENS | */
/* --------- */

.header_icone a:link, .header_icone a:visited {
	color:                  white;
	text-decoration:        none;
}

.header_icone a:hover {
	color:                  black;
	text-decoration:        none;
}

#date a:link, #date a:visited, #date a:hover, #login a:link, #login a:visited, #login a:hover {
	color:                  rgb(150,150,150);
	text-decoration:        underline;
}

.menu_ligne a:link, .menu_ligne a:visited {
    display:                block;
	width:                  100%;
	padding-top:            7px;
	padding-bottom:         6px;
	color:                  white;
	text-decoration:        none;
}

.menu_ligne a:hover {
    display:                block;
	width:                  100%;
	padding-top:            7px;
	padding-bottom:         6px;
	color:                  black;
	text-decoration:        none;
}

#texte a:link, #texte a:visited, #sommaire a:link, #sommaire a:visited, .message a:link, .message a:visited  {
    border-bottom:          1px dotted rgb(89,59,33);
    color:                  rgb(89,59,33);
	text-decoration:        none;
}

#texte a:hover, #sommaire a:hover, .message a:hover {
	border-bottom:          1px solid rgb(89,59,33);
	color:                  rgb(89,59,33);
	text-decoration:        none;
}

#footer a:link, #footer a:visited, a:hover {
    color:                  white;
	text-decoration:        underline;
}

a img {
    border:                 none;
}


/* ----------- */
/* | BALISES | */
/* ----------- */

ul {
	margin-bottom:          1em;
	padding-left:           1em;
	list-style:             square;
}

table {
	margin:                 auto;
	border:                 1px solid rgb(89,59,33);
	border-collapse:        collapse;
}

caption {
	margin:                 auto;
	padding:                2px;
	background-color:       rgb(89,59,33);
	text-align:             center;
	color:                  white;
}

td, th {
	padding:                5px;	
	border:                 1px dotted rgb(89,59,33);
	text-align:             center;
}

textarea {
	width:                  100%;
}


/* ---------- */
/* | AUTRES | */
/* ---------- */

.info {
    font-style:             italic;
    font-size:              0.8em;
    color:                  rgb(150,150,150);;
}


.infos_partie {
	margin-top:             0.2em;
	margin-bottom:          1.5em;
	text-align:             right;
	font-size :             0.8em;
	font-style:             italic;
}

.navigation {
    margin-top:             30px;
    margin-bottom:          20px;
    text-align:             center;
}

.tab_discussion {
	width:                  100%;
	margin-top:             1em;
	text-align:             left;
}

.message {
    margin:                 auto;
    margin-top:             1em;
    margin-bottom:          1em;
    width:                  60%;
    border:                 1px solid rgb(89,59,33);
    text-align:             center;
}

.mot_recherche {
    font-weight:            bold;
    color:                  rgb(89,59,33);
}

.gauche {
    text-align:             left;
}

.centre {
    text-align:             center;
}

.marge_sup_0 {
    margin-top:             0px;
}

.marge_sup_1 {
    margin-top:             1em;
}