/*
 * =========================
 * DESIGN Z4Z0O
 * =========================
*/

body {
	background:#A8879D;
	font-family:Times New Roman, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Verdana, Serif;
	font-size:12pt;
	padding:0;
	margin:0;
}

/*
 * =========================
 * GENERAL
 * =========================
*/

#conteneur {
	width:750px;
	margin:20px auto 20px auto;
}

img {
	border:none;
}

.marge {
	margin:10px;
}

.haut_gauche {
	width:10px;
	height:10px;
	margin:-1px 0 0 -1px;
	background:url(images/design/haut_gauche.jpg) no-repeat;
}

.bas_droit {
	width:10px;
	height:10px;
	margin:0 -1px -1px 0;
	background:url(images/design/bas_droit.jpg) no-repeat;
	float:right;
}

.page {
	color:#613050;
	background:#A9879F;
}

/*
 * =========================
 * ALIGNEMENT
 * =========================
*/

.centrage {
	text-align:center;
}

.left {
	float:left;
}

.right {
	float:right;
}

.gauche {
	text-align:left;
}

.droite {
	text-align:right;
}


/*
 * =========================
 * MISE EN PAGE
 * =========================
*/

.rouge {
	color:#F85A5A;
}

.bleu {
	color:#899FFF;
}

.vert {
	color:#36CF32;
}

.noir{
	color:black;
}

.blanc {
	color:white;
}

.rose {
	color:#F07DF1;
}

.orange {
	color:#FFAC0C;
}

.jaune {
	color:#FFFC00;
}

.taille8 {
	font-size:8pt;
}

.taille10 {
	font-size:10pt;
}

.taille12 {
	font-size:12pt;
}

.taille14 {
	font-size:14pt;
}

.taille16 {
	font-size:16pt;
}

/*
 * =========================
 * HEADER
 * =========================
*/

#header {
	margin:0 0 10px 0;
}

/*
 * =========================
 * MENU
 * =========================
*/

#menu {
	float:left;
	margin:0 0 10px 0;
	width:150px;
	background:#835071;
	color:#D0B3C7;
	border:1px solid #653D58;
}

#menu h1 {
	width:130px;
	margin:10px auto 0 auto;
}

#menu ul {
	padding:0 0 0 5px;
	margin:10px 0 0 0;
	list-style:none;
}

#menu a {
	color:#D0B3C7;
	text-decoration:none;
}

#menu a:hover {
	color:#613050;
	background:#A9879F;
}

/*
 * =========================
 * CENTRE
 * =========================
*/

#centre {
	width:586px;
	margin:0 0 10px 10px;
	background:#835071;
	color:#D0B3C7;
	border:1px solid #653D58;
	float:left;
}

#centre h1 {
	width:190px;
	margin:10px auto 20px auto;
}

#centre h2 {
	font-size:14pt;
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:0;
}

#centre p {
	padding:0 10px 0 10px;
	margin:0;
	text-align:justify;
}

#centre a {
	color:#D0B3C7;
	text-decoration:none;
	font-style:italic;
}

#centre a:hover {
	text-decoration:underline;
}

#centre hr {
	width:70%;
	border:1px solid #653D58;
	margin:5px auto 5px auto;
	padding:0;
}

/*
 * =========================
 * FORMULAIRES
 * =========================
*/

fieldset {
	border:1px solid #D0B3C7;
	margin:0 10px 0 10px;
	text-align:center;
}

legend {
	padding:0;
}

input, textarea {
	border:1px solid #653D58;
	margin:5px 0 5px 0;
	color:#613050;
	background:#A8869E;
	font-weight:bolder;
	padding:3px;
}

input:focus, textarea:focus {
	border:1px solid #653D58;
	background:#A8869E;
}

/*
 * =========================
 * NEWS
 * =========================
*/

.news {
	margin-bottom:20px;
	text-align:left;
}

.news legend {
	font-weight:bolder;
	padding:5px;
}

.comment_left {
	clear:left;
	text-align:center;
}

.comment_right {
	clear:right;
}
	

/*
 * =========================
 * FOOTER
 * =========================
*/

#footer {
	width:750px;
	height:50px;
	padding:10px 0 0 0;
	color:#D0B3C7;
	text-align:center;
	background:url(images/design/footer.jpg);
	clear:left;
}


#footer a {
	color:#D0B3C7;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}