/* BODY */
body {
	font: normal 62.5% "Arial";
	text-align: center;
	background: url(images/bg_body.gif) repeat-x #37414a;
}

.bg_container {
	background-image: url(images/bg_container.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/* CONTAINERS */
.container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* EN-TĘTE */
.header1 {
	width: 900px;
	height: 386px;
	background-image: url(images/bg_header1.jpg);
	background-repeat: no-repeat;
}

.header2 {
	width: 900px;
	height: 386px;
	background-image: url(images/bg_header2.jpg);
	background-repeat: no-repeat;
}

.logo {float: left;}

.login  {
	font-size: 1.2em;
	padding-left: 50px;
	padding-top: 25px;
}

.barre_titre {background-color: #acc0c7; height: 30px; font-size: 1.2em; text-transform: uppercase;}
.menu {background-color: #fff; height: 115px; font-size: 1.6em; text-transform: uppercase;}

/* MILIEU */
.content {
	width: 900px;
	font-size: 1.2em;
}

.wrapper {
	width: 100%;
	float: left;
}

/* PIED DE PAGE */
.footer {
	clear: both;
	color: #acc0c7;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding: 30px 0;
}

.footer span {padding: 0 5px;}

/* TITRES */
h1 {color: #fff; font-size: 1.8em; font-weight: normal; text-transform: uppercase; padding: 40px 30px 0 300px; float: left;}
h2 {color: #39454e; font-size: 0.8em; font-weight: bold; text-transform: uppercase;}
h3 {color: #39454e; font-size: 1.2em; font-weight: bold; text-transform: uppercase; padding: 7px 0 0 300px;}
h4 {color: #fff; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
h5 {color: #36414a; font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding-left: 0px; border-bottom: 1px solid #fff; padding-bottom: 5px; padding-top: 10px;}
h6 {color: #fff; font-size: 1em; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding-left: 100px;}

/* PARAGRAPHES */
p {margin-bottom: 10px;}
.texte {padding: 30px 0 0 100px;}
.resultats {background-color: #acc0c7; padding: 20px; color: #36414a;}
.resultats p {padding-left: 80px;}

/* LIENS */
a {color: #acc0c7; text-decoration: underline;}
a:hover {color: #acc0c7; text-decoration: none;}

a.special3 {color: #37414A; text-decoration: underline;}
a.special3:hover {color: #37414A; text-decoration: none;}

.login a {color: #39454e; text-decoration: none; display: block; font-size: 0.8em; text-transform: uppercase;}
.login a:hover {color: #39454e; text-decoration: underline;}

.menu li.search a {color: #a77e65; text-decoration: none; background-image: url(images/btn_recherche_off.gif); background-repeat: no-repeat; background-position: top left; display: block; height: 40px; padding: 10px 0 0 60px; float: left;}
.menu li.search a:hover {color: #acc0c7; text-decoration: none; background-image: url(images/btn_recherche_on.gif); background-repeat: no-repeat; background-position: top left;}
.menu li.search a#active {color: #acc0c7; text-decoration: none; background-image: url(images/btn_recherche_on.gif); background-repeat: no-repeat; background-position: top left; display: block; height: 40px; padding: 10px 0 0 60px; float: left;}

.menu li.list a {color: #a77e65; text-decoration: none; background-image: url(images/btn_liste_off.gif); background-repeat: no-repeat; background-position: top left; display: block; height: 40px; padding: 10px 0 0 60px; float: left;}
.menu li.list a:hover {color: #acc0c7; text-decoration: none; background-image: url(images/btn_liste_on.gif); background-repeat: no-repeat; background-position: top left;}
.menu li.list a#active {color: #acc0c7; text-decoration: none; background-image: url(images/btn_liste_on.gif); background-repeat: no-repeat; background-position: top left; display: block; height: 40px; padding: 10px 0 0 60px; float: left;}

a.btn_home {color: #fff; text-decoration: none; display: block; width: 300px; height: 220px;}
a.btn_home:hover {color: #fff; text-decoration: none;}

.footer a {color: #acc0c7; text-decoration: none;}
.footer a:hover {color: #acc0c7; text-decoration: underline;}

/* LISTES */
.menu ul {padding: 35px 0 0 300px;}
.menu li {list-style: none; float: left; margin-right: 30px;}

/* FORMULAIRES */
.text {
	/*color: #acc0c7;*/
	color: #37414A;
	border: 1px solid #acc0c7;
	background-color: #D8E4E8;
	font-size: 1em;
}

textarea.text {font-size: 1.2em;}
input.text, textarea.text {padding: 0.15em;}

.button {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	width: 158px;
	height: 25px;
	background-color: #D8E4E8;
	background-image: url(images/bg_btn.gif);
	background-repeat: no-repeat;
	border: none;
}

.button2 {
	color: #37414A;
	font-size: 1.1em;
	width: 135px;
	height: 20px;
	background-color: #D8E4E8;
	background-image: url(images/bg_btn2.gif);
	background-repeat: no-repeat;
	border: none;
}

label {
	color: #606f7b;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 10px;
}

.login label {color: #acc0c7; display: block; margin-bottom: 3px; padding-right: 0;}
.login input.text {width: 180px; margin-bottom: 8px; background-color: #606f7b;}
.login input.button {width: 30px; border: none; background: none;}

/* MISC */
* {margin: 0; padding: 0;}
.special td {padding: 3px;}
.special2 td {padding: 10px;}
.clearer {clear: both;}

td.special3 {padding: 5px;}

li img {display: block;}

/* Holly Hack for IE \*/
* html header { height: 1%; }
/* End */
