/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #8eb4d4 url(../images/bg.gif) repeat-x top;
	color: #4f4f4f;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

img {border: 0;}

a {text-decoration: none; color: #e86d1f;}
a:hover {color: #ff9000; text-decoration: underline;}
a, a:active, a:focus {outline:none;}
a:active {color: #ff0000;}

h1 {
	background: url(../images/bg-h1.gif) no-repeat bottom left;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #d73e26;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 270px 0 20px 0;
}
h2 {
	font: bold 14px Verdana, rial, Helvetica, sans-serif;
	color: #d73e26;
	margin: 0 37px 10px 0;
}
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #d73e26;
	margin: 0 37px 5px 0;	
}
h4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 37px 0 0;	
}

.clear {clear: both;}
.fright {float: right;}
.fleft {float: left;}
.margin8 {margin: 0 8px 8px 0;}
.margin0 {margin: 0 0 8px 0;}
.big {font-size: 16px; font-weight: bold;}
.vert {color: #369f41;}
.rouge {color: #d73e26;}
.orange {color: #f58225;}




/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	background: #fff;
	margin: 12px auto;
}



/* La colonne de gauche
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 247px;
	background: url(../images/bg-17e.gif) no-repeat top;
	float: left;
}

#sidebar a:hover {text-decoration: none;}

#sidebar p {margin: 0 0 12px 15px;}

#sidebar ul {
	width: 185px;
	color: #e86d1f;
	font-weight: bold;
	list-style: none;
	margin: 140px 0 30px 20px;
}
#sidebar li {
	border-top: 1px solid #fff;
	padding: 5px 3px;
}

#sidebar li ul {
	width: 145px;
	color: #ff9000;
	list-style-type: circle;
	list-style-position: inside;
	margin: 0 0 0 20px;
}
#sidebar li li {
	border: none;
	padding: 2px 0;
}

#sidebar li ul a {color: #ff9000;}
#sidebar li ul a:hover {color: #e86d1f;}



/* La colonne de droite
--------------------------------------------------------------------------------------- */

#content {
	width: 513px;
	background: url(../images/bg-right.gif) no-repeat top;
	float: left;
}

#content p {
	text-align: justify;
	margin: 0 37px 12px 0;
}

#content a img {border: 1px solid #f58122;}
#content table a img {border: 0;}

#content ul {
	color: #d73e26;
	margin: 0 37px 12px 40px;
}
#content ul li{
	padding-bottom:5px;}
#content ul span {color: #4f4f4f;}

#content ul ul {margin: 0 0 0 14px;}

#content table {margin: 0 0 30px 0;}
#content td {text-align: center; padding: 0 0 8px 0;}

#content hr {
	background: #d73e26;
	border: 0;
	height: 1px;
	margin: 0 37px 20px 0;
}

.album {
	width: 111px;
	float: left;
	margin: 0 4px 12px 4px;
}

.album img {margin: 0 0 5px 0;}
.album h3, #content .album p {margin: 0; text-align: center;}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	background: url(../images/bg-footer.gif) no-repeat;
	height: 107px;
	clear: both;
}

#footer p {
	text-align: center;
	padding: 35px 0 0 0;
}

#copyright {
	width: 760px;
	color: #fff;
	text-align: center;
	padding: 0 0 15px 0;
	margin: 0 auto;
}

#copyright a {color: #fff; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}