/* ==============================================================
Elements de Page ============================================== */

@charset "utf-8";

body {
	background: #000000 url("./bg.gif") repeat-y center top;
	color: #FFFFFF;
	font-size: 70%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", sans-serif; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
fieldset { border: none; }
label { cursor: pointer; }
input, textarea { border: 1px solid #000000; }
ul, li { list-style-type: none; }
img { border: 0; vertical-align: top; }
a { color: #cccccc; text-decoration: none; }
a img { border: none; }
a:hover { color: #998058; text-decoration: none; }
hr { height: 1px; width: 200px; margin: 15px auto; }

/* ==============================================================
Les parties de la page ======================================== */

#page { 
	width: 780px; margin: auto;
	background: #000000 url("./page.jpg") repeat-y center top;
}

div#menu_horizontal { position: absolute; margin: auto; width: 780px; }
	div#menu_horizontal span.boutton1 { position: absolute; left: 150px; }
	div#menu_horizontal span.boutton2 { position: absolute; left: 230px; }
	div#menu_horizontal span.boutton3 { position: absolute; left: 310px; }
	div#menu_horizontal span.boutton4 { position: absolute; left: 390px; }
	div#menu_horizontal span.boutton5 { position: absolute; left: 470px; }
	div#menu_horizontal span.boutton6 { position: absolute; left: 550px; }
		div#menu_horizontal span a {
			display: block; width: 80px;
			color: #fff; font-weight: bold; text-align: center; font-size: 10px; line-height: 39px;
			text-decoration: none;
		}
		div#menu_horizontal span a:hover { background: url("./bouton_top.jpg") no-repeat 5px 0; }

h1 {
	height: 220px;
	background: transparent url("./top.jpg") no-repeat left top;
}

#main { float: left; width: 550px; }
	#content { margin-left: 30px; padding-top: 1em; min-height: 500px; height: auto !important; height: 500px ;}
		div.bloc, div.bloc2 { position: relative; }
			p.bloc-date {
				color: #888; font-style: italic;
				margin-left: -5px;
			}
			p.bloc-logo {
				position: absolute; right: 40px; top: -15px;
				width: 100px; height: 100px;
			}
			div.bloc p.bloc-titre {
				font-size: 1.3em; font-weight: bold; color: #FFFFFF;
				height: 51px; padding: 7px 10px 0 10px;
				background: transparent url("./bloc_top.gif") no-repeat left top;
			}
			div.bloc2 p.bloc-titre {
				font-size: 1.3em; font-weight: bold; color: #FFFFFF;
				height: 28px; padding: 0 10px 0 10px;
				background: transparent url("./bloc2_top.gif") no-repeat left top;
			}
			div.bloc div.bloc-contenu {
				color: #ffffff; text-align: justify;
				background: transparent url("./bloc_mid.gif") repeat-y left top;
				padding: 8px 10px 0 10px;
			}
			div.bloc2 div.bloc-contenu {
				color: #ffffff; text-align: center;
				background: transparent url("./bloc2_mid.gif") repeat-y left top;
				padding: 0 20px 0 20px;
			}
				div.bloc-contenu span.t1 {
					display: block;
					font-size: 14px; text-align: right; font-weight:bold; font-family: "Trebuchet MS", sans-serif;
					color: #998058; background-color: #1F1F1F;
					padding: 5px 10px 5px 0; margin: 10px 0 -8px 0;
				}
				div.bloc-contenu span.t2 { 
					display: block;
					font-size: 12px; font-weight:bold; font-family: "Trebuchet MS", sans-serif;
					color: #998058;  text-indent: 25px; margin-bottom: -20px;
				}
			div.bloc2 div.bloc-contenu_b {
				color: #ffffff; text-align: justify;
				background: transparent url("./bloc2_mid.gif") repeat-y left top;
				padding: 0 20px 0 20px;
			}
			div.bloc p.bloc-info {
				height: 60px; padding: 35px 15px 0 0;
				text-align: right; color: #cccccc;
				background: transparent url("./bloc_bottom.gif") no-repeat left top;
			}
			div.bloc p.bloc-info_b {
				height: 28px; padding: 0; margin-bottom: 35px;
				text-align: right; color: #cccccc;
				background: transparent url("./bloc2_bottom.gif") no-repeat left top;
			}
			div.bloc2 p.bloc-info {
				height: 28px; padding: 0; margin-bottom: 15px;
				text-align: right; color: #cccccc;
				background: transparent url("./bloc2_bottom.gif") no-repeat left top;
			}
			p.bloc-info2 {
				height: 60px; padding: 35px 10px 0 0;
				text-align: right; color: #cccccc;
				background: transparent url("./bloc_bottom2.gif") no-repeat left top;
			}
				p.bloc-info a { color: #cccccc; text-decoration: none; }
				p.bloc-info a:hover { color: #998058; text-decoration: none; }

fieldset.bbcode { margin-bottom: 5px; padding-left: 20px; border: #ffffff 1px solid; border-left: dashed #ffffff 1px; border-top: dashed #ffffff 1px; text-align: justify; width: 400px; line-height: 23px; }
	fieldset.bbcode legend { color: #ffffff; font-size: 1.1em; padding: 0 5px; margin-left: 35px; position: relative; }
	fieldset.bbcode input { margin-left: 5px; }

table.description { border-collapse: collapse; border: 2px solid #ffffff; width: 100%; }
	table.description td, table.description th { border: 1px solid #ffffff; text-align: center; }
	table.description th { line-height: 25px; border-bottom: 2px solid #ffffff; border-top: 2px solid #ffffff; color: #ffffff; }
	table.description td { height: 25px; }
	table.description td.add_news_titre { width:280px;}
	table.description td.add_news_modif { width:100px;}

div#sidebar {
	float: right; width: 210px;
	padding: 20px 0 4em 0;
}
	div#sidebar div {
		margin: 0 30px 0 0;
		padding: 1ex 1em;
		background: transparent url("./menu.jpg") no-repeat center top;
	}
	div#sidebar h2 {
		text-align: center; color: #6A6968;
		margin-bottom: 1ex;
	}
	div#sidebar div a { color: #998058; }
	div#sidebar div a:hover { text-decoration: underline; }

p#footer {
	clear: both; margin: 0 auto; height: 170px;
	color: #998058; text-align: center;
	background: transparent url("./bottom.jpg") no-repeat left bottom;
}

	span#footer1 {display: block; padding-top:60px; height:40px; }
	span#footer2 {display: block; padding-top:30px; height:40px; }

	p#footer a { color: #998058; }
	p#footer a:hover { text-decoration: none; color: #fff; }