body
{
	width: 770px;
	margin: 0 auto auto auto;
	font-family: Verdana, serif;
	font-size: 11px;
}

/* BARRE HAUT */

#top {
	background-image: url(../images/top_bar.gif);
	height: 45px;
}
#top span {
	float: right;
	padding: 10px 25px 0 0;
	text-align: right;
}
#top span a {
	text-decoration: underline;
	color: #999;
}
#top span a:hover {
	color: #000;
}
#top h1 {
	float: left;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 25px;
	line-height: 30px !ie;
}
#top h1 a {
	text-decoration: none;
	color: #000;
}

/* LOGO */

#logo {
	width: 360px;
	margin: 25px auto auto auto;
	color: #999;
	text-align: justify;
}
#logo img {
	border: none;
}

/* CONTENU */

#content {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#content form {
	margin: 0;
	padding: 0;
}
#content input[type=text] {
	border: solid 1px #999;
	background-color: #f0f0f0;
	background-image: url(../images/input_text.gif);
	background-repeat: repeat-x;
	font-size: 12x;
	padding: 2px;
	margin-top: 10px;
}
#content #lettres {
	color: #e97700;
}
#content #lettres a {
	border: 1px solid #ccc;
	padding: 2px 3px;
	line-height: 35px;
	color: #000;
	text-decoration: none;
}
#content #lettres a:hover {
	background-color: #efefef;
	border-color: #999;
	color: #e97700;
}
#content #lettres .active {
	background-color: #f0ac00;
	border-color: #e97700;
	color: #fff;
}
#content #description {
	width: 510px;
	margin: auto;
	background-image: url(../images/description_bg.gif);
	background-repeat: repeat-y;
}
#content #description #top {
	width: 510px;
	height: 9px;
	background-image: url(../images/description_top.gif);
}
#content #description #text {
	margin-left: 2px;
	margin-left: 1px !ie;
	width: 506px;
	background-image: url(../images/description_text.gif);
	background-repeat: repeat-x;
	background-color: #f0ab00;
}
#content #description #bottom {
	height: 9px;
	background-image: url(../images/description_bottom.gif);
	width: 510px;
}
#content dl {
	padding: 0 10px 0 10px;
	width: 490px;
	margin: auto;
}
#content dt {
	margin: 0 auto 5px auto;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: #fff;
}
#content dd {
	padding: 0;
	text-align: justify;
	text-indent: 15px;
	margin: 0;
}
#content dd:first-letter {
	font-weight: bold;
	font-size: 16px;
}
#content #www {
	padding-left: 20px;
	width: 490px;
	text-align: left;
	margin: 5px auto 0 auto;
	color: #999;
	line-height: 18px;
}
#content #www span {
	border: 1px solid #e97700;
	color: #fff;
	background-color: #f0ac00;
	padding: 0 2px 0 2px;
}
#content #www a {
	color: #999;
	text-decoration: none;
}
#content #www a:hover {
	text-decoration: underline
}
#content #letter{
	width: 510px;
	margin: auto;
	background-image: url(../images/description_bg.gif);
	background-repeat: repeat-y;
}
#content #letter #top {
	width: 510px;
	height: 9px;
	background-image: url(../images/lettre_top.gif);
}
#content #letter #text {
	margin-left: 2px;
	margin-left: 1px !ie;
	width: 506px;
	background-image: url(../images/lettre_text.gif);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
}
#content #letter #bottom {
	height: 9px;
	background-image: url(../images/lettre_bottom.gif);
	width: 510px;
}
#content ul {
	padding: 0 10px 0 10px;
	width: 490px;
	margin: auto;
}
#content li {
	margin: 0;
	padding: 3px 0 3px 0;
	font-size: 12px;
	text-align: left;
	color: #666;
	list-style: none;
}
#content li img {
	vertical-align: bottom;
}
#content li a {
	color: #666;
	text-decoration: none;
}
#content li a:hover {
	text-decoration: underline;
}

/* BAS DE PAGE */

#footer {
	text-align: center;
}
#footer a {
	color: #000;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}