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

* {

	margin: 0;
	padding: 0;
}

body {

	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	color: #3b1805;
	background: url(./body.jpg) repeat 0 0;
}


ul, li {

	list-style-type: none;
}

img {

	border: 0;
}

/* ===========================================================
Structure de la Page ====================================== */

div#all {

	width: 920px;
	margin: 20px auto 20px auto;
}

h1#header {

	
	width: 890px;
	height: 171px;
	margin: 0 auto 10px auto;
	border: 1px solid #3b1805;
}

p#footer {

	clear: both;
	width: 890px;
	height: 30px;
	margin: 0 auto 10px auto;
	padding: 12px 0 0 0;
	border: 1px solid #3b1805;
	background: url(./footer.jpg) repeat-x 0 0;
	text-align: center;
}


/* ===========================================================
Partie gauche/droirte ===================================== */

div#left {

	float: left;
	width: 174px;
	min-height: 423px;
	height: auto !important;
	height: 423px;
	margin: 0 0 10px 0;
	padding: 80px 0 0 0;
	border: 1px solid #3b1805;
	background: #f1ecd9 url(./left.jpg) no-repeat 0 0;
}

div#right {

	float: right;
	width: 174px;
	min-height: 423px;
	height: auto !important;
	height: 423px;
	margin: 0 0 10px 0;
	padding: 80px 0 0 0;
	border: 1px solid #3b1805;
	background: #f1ecd9 url(./right.jpg) no-repeat 0 0;
}

div#left h2, div#right h2 {

	text-align: center;
	font-size: 1.6em;
}

div#left ul, div#right ul {

	margin: 40px 20px 40px 20px;
}

div#left ul li, div#right ul li {

	height: 20px;
	padding: 6px 0 0 0;
	background: url(./li.gif) no-repeat 0 0;
	text-indent: 23px;
}

div#left ul li a, div#right ul li a {

	color: #3b1805;
	text-decoration: none;
}

div#left ul li a:hover, div#right ul li a:hover {

	color: #3b1805;
	text-decoration: underline;
}

div#left p, div#right p {

	text-align: center;
	margin: 0 0 20px 0;
}

div#left p img, div#right p img {

	vertical-align: top;
}


/* ===========================================================
contenu =================================================== */

div.content {
	
	/*min-height: 120px;
	height: auto !important;
	height: 120px;*/
	margin: 0 185px 10px 185px;
	padding: 0 0 90px 0;
	border: 1px solid #3b1805;
	background: #f1ecd9 url(./butterfly.jpg) no-repeat 0 100%;
}

div.content h2 {

	height: 25px;
	padding: 5px 0 0 0;
	background: #e4dbbc;
	font-size: 1.1em;
	font-weight: normal;
	text-indent: 10px;
}

div.content p {

	margin: 10px 30px 10px 30px;
	text-align: justify;
}

div.content p.add {

	margin: 40px 0 20px 0;
	text-align: center;
}

div.content p.add img {

	vertical-align: top;
}

/* ===========================================================
Liens ===================================================== */

a:link, a:active, a:visited {

	color: #977d0e;
	text-decoration: none;
}

a:hover {

	color: #977d0e;
	text-decoration: underline;
}

/* ===========================================================
Justification du Texte ==================================== */