/*
Cr¨¦¨¦ par Lubanoo
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #EAC99A url(images/img01.jpg);
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A38560;
}

h1, h2, h3 {
	font-weight: normal;
	color: #B27217;
}

h1 {
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
}

blockquote, ol {
	margin-bottom: 2em;
	line-height: 180%;
}

ul {
	margin-bottom: 2em;
	line-height: 180%;
}

p {
	margin-bottom: 2em;
	color: #624120;
	text-align: justify;
}

blockquote {
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
	background: url(images/img06.gif) no-repeat left center;
}

ol {
	margin-left: 3em;
}

ol li {
}

pre, code {
}

pre {
}

code {
}

a {
	color: #D65601;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	/*color: #EBAB81;*/
	color: #D67E01;
	text-decoration: none;
}

/* c'est nouveau */
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

img {
}

input, textarea, select {
}

input {
}

textarea {
}

select {
}

.bg {
	background: url(images/img02.jpg) repeat-x;
}

/*Nouveauté: Image flottante*/

.imageflottantegauche
{
   float: left;
   margin-right: 20px;
}

.imageflottantedroite
{
   float: right;
   margin-left: 20px;
}

.dessous
{
   clear: both;
}

.onglet
{

}

.menu_jaune
{
	/*background-color: rgb(255, 204, 102);*/
	background: url(images/logo/fond-fonce.PNG) repeat-x;
	width: 100%;
	/*margin: 0;*/
	/*padding: 0;*/
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	/*text-decoration: none;*/

}


/* Header */

#header {
	width: 1024px;
	height: 70px;
	margin: 0 auto;
	padding-top: 20px;
}

/* Logo */

#logo {
	float: left;
}

#logo h1 {
	margin: 0;
	font-size: 2em;
}

#logo h2 {
	margin: 0;
	padding-left: .1em;
	font-size: 1em;
	font-weight: bold;
}

#logo a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

/* navlist */

#navcontainer {
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}

#navlist
{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
/*border-bottom: 1px solid #DEAF61;*/
border-bottom: 1px solid #B27217;
font: bold 12px Verdana, sans-serif;
list-style-type: none;
}

#navlist li
{
/*list-style: none;*/
margin: 0;
display: inline;
background: url("images/spacer.gif") no-repeat left center;

}

#navlist li a
{
padding: 3px 0.5em;
padding-top: 2px;
margin-left: 3px;
/*border: 1px solid #B27217;*/

border-top: 1px solid #B27217;
border-left: 1px solid #B27217;
border-right: 1px solid #B27217;
border-bottom: none;

/*background: #DDE;*/
background-color: #DEAF61;
text-decoration: none;
}

#navlist li a:link { color: #D65601; }
#navlist li a:visited { color: #D65601; }

#navlist li a:hover
{
color: #FFFFFF;
background: #F3DCAE;
border-color: #F3DCAE;
}

#navlist li a#current
{
/*background: #F3DCAE;*/
background: url(images/logo/fond-fonce.PNG) repeat-x;
border-bottom: 1px solid #F3DCAE;
}

#sous_menu
{
width: 100%;
float: left;
background: url(images/spacer.gif) no-repeat left center;
text-decoration: none;
margin-bottom: 0;
border-bottom: 1px solid #B27217;
border-left : 1px solid #B27217;
border-right : 1px solid #B27217;

}

#sous_menu li
{
/*background: #F3DCAE;*/
background: url(images/logo/fond-fonce.PNG) repeat-x;

}

/* Menu */

#menu {
	float: right;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding-top: 2.35em;
	list-style: none;
}

#menu li {
	display: inline;
	padding-left: 1.4em;
	background: none;
	color: #624120;
	
}

#menu a {
	text-decoration: none;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#menu a:hover {
}

/* Wrapper */

#wrapper {
	width: 1024px;
	margin: 0 auto;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 230px;
	background: url(images/img04.jpg) repeat-y;
}

#sidebar .title {
	margin: 0;
	padding: 20px 20px 0 20px;
	background: url(images/img03.jpg) no-repeat;
}

#sidebar .content {
	padding: 20px;
}

#sidebar .bottom {
	height: 33px;
	background: url(images/img05.jpg) repeat-x left bottom;
}

#sidebar a {
	text-decoration: none;
}

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

#sidebar a:visited {
	/*color: #EBAB81;*/
	color: #D65601;
	text-decoration: none;
}

/* Content */

#content {
	float: right;
	width: 760px;
}

/* Splash */

#splash {
	text-align: center;
	background: url(images/img09_2.jpg) repeat-y;
}

#splash .top {
	padding: 20px 20px 16px 20px;
	background: url(images/img08_2.jpg) no-repeat;
}

#splash .bottom {
	height: 33px;
	background: url(images/img05.jpg) repeat-x left bottom;
}



/* Welcome */

#welcome {
	padding: 0 20px;
}

/* Samples */

#samples {
	padding: 20px;
	background: url(images/img05.jpg) repeat-x;
}

/* Footer */

#footer {
	width: 1024px;
	margin: 0 auto;
	clear: both;
}

#footer p {
	font-size: 10px;
}