@import 'lib/reset.css';
html { margin: 0; padding: 0; overflow-y: scroll; }
body{ font-family: tahoma, verdana, helvetica, sans-serif; font-size: 11px; color: #645442; background: #ffffff url(../img/bg-body.jpg) center top no-repeat; background-color:#2c2218; }
#container { width: 780px; margin: 0 auto; }
.underline { text-decoration: underline; }
ul{ list-style: none; margin: 0; padding: 0; }
li{ margin: 0 0 0 0; padding: 0; }
/*--------------- HEADER ---------------*/

#header { height: 52px; width: 780px; margin: 0; padding: 0; background: url(../img/bg-haut-page.jpg) top center no-repeat; }
#top-nav {
	height: 78px; padding: 1px 0 0 300px; font-size: 11px; line-height: 16px; color:#c8b6a6;
	font-family: tahoma, helvetica, Sans-serif;
}
#top-nav li { display:inline; }
#top-nav li a {color: #c8b6a6; text-decoration: none; }
#top-nav li a:hover { color: #c8b6a6; text-decoration: underline; }
.langue { color: #c8b6a6; font-size: 10px;  }
.list-box { font-size: 10px; color: #2a241c; }

/*--------------- BANNER --------------*/
#banner-box { width: 780px; height: 294px; margin: 0; padding: 0; }
#banner { width: 635px; height: 294px; margin: 0; padding: 0; float: left; background:url(../img/bg-diaporama.jpg) no-repeat; }
#banner-nav { width: 145px; height: 294px; margin: 0; padding: 20px 0 0 0; float: left; background:url(../img/bg-menu-vert.jpg) top left no-repeat; list-style-type: none; }
#banner-nav ul { padding: 0 0 5px 25px; }
#banner-nav ul li { margin: 0; padding: 0 0 3px 0; }
#banner-nav a:link, #banner-nav a:visited { padding: 0 0 0 10px; color: #e18307; text-decoration: none;	 background: transparent url(../img/fleche-marron-ptte.gif) 0 5px no-repeat; }
#banner-nav a:hover { text-decoration: underline; }
#banner-nav h1 { margin: 0 0 5px 0; color: #2a261d; font-size: 11px; }

/*--------------- CONTENT ------------*/
a.link-gris { color: #534533; text-decoration: none; }
a:hover.link-gris { color: #534533; text-decoration: underline; }
a.link-orange, a.link-file { color: #e28005; text-decoration: none; }
a:hover.link-orange, .download a:hover{ color: #e28005; text-decoration: underline; }
a.link-file:after{ content: url('picto-info-alt.gif'); }

#content-box { height: auto; background: #fff url(../img/bg-page.jpg) top repeat; min-height: 355px; }
#content { padding: 25px 25px 10px 25px; min-height: 340px;} /* Pour IE6 */* html #content-box { height: 355px; }
#content ul { margin: 0; padding: 0 0 10px 0; }
#content li { margin: 0; padding: 0 0 4px 15px; line-height: 15px; list-style: none; }
#content-nav { width: 150px; height: auto; margin: 0; padding: 5px 0 0 0; float:left; }
#content-nav ul { float: left; list-style-type: none; }
#content-nav li { padding: 0 0 10px 0; font-weight: bold; }
#content-nav li a { color: #2a241c; text-decoration: none; }
#content-nav li a:hover { color: #2a241c; text-decoration: underline; }
#content h1 { font-size: 12px; color: #e28005; padding: 0 0 15px 0; }
#content h2 { font-size: 11px; color: #534533; padding: 0 0 6px 0; }
#content p { margin: 0 0 15px 0; font: 11px; color: #534533; line-height: 15px; }
.content-1 { width: 348px; margin: 0; padding: 0; float:left; }
.content-2 { width: 569px; margin: 0; padding: 0 0 0 10px; border-left: dashed 1px #88806e; float:left; }
.content-3 { width: 600px; margin: 0; padding: 0; float:left; }
.content-4 { margin: 0 0 0 25px; padding: 0; float: left; display: inline; }
.content-plan { height: 270px; margin: 5px 10px 0 0; padding: 5px 0 0 5px; border-left: dashed 1px #88806e; float:left; }

.auteur { margin: 5px 20px 4px 10px; padding: 0; font-size: 10px; float: right; }
.photo { margin: 0 10px 5px 10px; padding: 3px;  float: left; border: 1px solid #dadada; background-color:white;}
.descriptif { width: 450px; margin: 0; padding: 0; float:left; }
.prix { width: 90px; height: 75px; text-align:center; margin: 0 0 0 10px; padding: 0;  float: left; border-left: dotted 1px #88806e;}

.download { width: 700px; margin: 1px 0 10px 0; padding: 10px 0 0 10px; border-top: dashed 1px #88806e; border-bottom: dashed 1px #88806e; background-color:#f8f1e9; float:left; }
.download-left { margin: 0 0 0 10px; padding: 0;  float: left; }
.download-right { margin: 0 10px 0 10px; padding: 0;  float: right; }
.panel-contact-1 { width: 240px; margin: 0 20px 0 0; padding: 0; float:left;  }
.panel-contact-2 { width: 460px; margin: 0; padding: 0; float:left;  }
.panel-contact-2 td {padding-right: 5px; }
fieldset {
	border: 1px solid #b7ac9c;
	margin: 4px 0 4px 0;
	padding: 4px 0px 0px 4px;
}
input[type=checkbox] { vertical-align: middle; }
.text-box { 
	font-size: 10px; color: #645442;
	border: 1px solid #b7ac9c;
	margin: 4px 0 4px 0;
	padding: 0px 2px;
}
.trait-vertical-1{ width: 1px; margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: dashed 1px #88806e; float:left; }
.spacer { clear: both; }
#navigation { text-align: center; }


/*--------------- FOOTER ------------*/

#footer-box { width: 780px; height: 160px; background: url(../img/bg-bas-page.jpg) no-repeat; position: relative; padding-bottom: 0;}
#footer { padding: 50px 25px 10px 25px; font-size: 10px; }
#adresse { width: 230px; padding: 0; float: left;  }
#copyright { width: 150px; margin-top: 30px; float: right; text-align: right;  } 
#version { bottom: 0; right: 10px; position: absolute; text-align: right; clear: both;  }
#footer p { padding: 2px 0 2px 0; color: #2a241c; }
#footer a { color: #2a241c; text-decoration: none; }
#footer a:hover { color: #2a241c; text-decoration: underline; }
.footer-nav { width: auto; margin: 0; padding: 0; float: left; }
.footer-nav ul { margin: 0; padding: 0; float: left; list-style-type: none; display:block; }
.footer-nav li { padding: 0 0 8px 0; }
.footer-nav li a { color: #2a241c; text-decoration: none; }
.footer-nav li a:hover { color: #2a241c; text-decoration: underline; }
.trait-vertical-2{ width: 1px; height: 82px; margin: 0 0 0 15px; padding: 0 0 0 15px; float: left; border-left: dashed 1px #69553d; }