/*CSS*/

* {
margin:0;
padding:0;
border:0;
}

body{ 
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
margin:0;
padding:0;
color:#000;
background-color:#fff;
}

a {
color:#666;
text-decoration:none;
}
a:hover {
color:#333;
text-decoration:underline;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
.spacer {
clear:both;
padding:0;
margin:0;
}

/* Blocks principaux ---------------------------------------------------------------------------------*/
#block {
  width: 100%;
  margin: 0px auto 0px auto;
  padding:0;
  min-width:1250px;
}
#header {
  width: 100%;
  height:50px;
  background:url(bg-header.gif) repeat-x 0 bottom;
  margin: 0;
  padding:0;
}
#wrapper {
  width: 1024px;
  height:681px;
  margin: 0px auto 0px auto;
  padding:0;
  background:url(bg.gif) no-repeat 0 top;
}
#wrapper-garde {
  width: 1024px;
  height:681px;
  margin: 0px auto 0px auto;
  padding:0;
  background:url(bg-garde.gif) no-repeat right top;
}

#left {
  float:left;
  text-align:right;
  width: 70px;
  margin: 250px 0 0 0;
  padding:0 0 0 0px;
}
#right {
  float:right;
  width: 70px;
  margin: 250px 0 0 0;
  padding:0;
}
#content {
  width: 880px;
  height:631px;
  margin: 0px auto 0px auto;
  padding:25px 0 0 0;
}
#content2 {
	position:absolute;
	width: 880px;
	height:631px;
	margin: 0px auto 0px auto;
	padding:0px 0 0 0;
	z-index:1;
	/*opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	/*filter : alpha(opacity=50); /* IE < 8 */ 
}
#content3 {
	position:absolute;
	width: 880px;
	height:631px;
	margin: 0px auto 0px auto;
	padding:0px 0 0 0;
	z-index:90;
}

#main-left {
  display:block;
  float:left;
  width:50%;
  height:631px;
  padding:0px;
  margin:0px ;
  background:#fff url(bg-main-left.gif) no-repeat 0 0;
}
#main-right{
  display:block;
  float:right;
  width:50%;
  height:631px;
  padding:0px;
  margin:0px ;
  background:#fff url(bg-main-right.gif) no-repeat 0 0;
}
#main-garde{
  display:block;
  float:right;
  width:50%;
  height:631px;
  padding:0px;
  margin:0px ;
  background:#fff url(bg-main-garde.gif) no-repeat 0 0;
}

#image{
  display:block;
  float:left;
  width:248px;
  height:207px;
  padding:1px 11px 5px 1px;
  margin:10px 5px 10px 20px ;
  background:url(bg-image.png) no-repeat 0 0;
  text-align:center;
  vertical-align:middle;
}

/* MENU ---------------------------------------------------------------------------------*/
ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;
	font-size:10px;
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width:auto;
	height:15px;
	text-align:left;
    z-index:100;
}
ul.topnav li a {
	margin:0;
	padding:0;
	width:164px;
}
ul.topnav li a.principal {
	background: url(bg-menu.gif) no-repeat 0 0;
	margin: 5px 0 0 10px;
	padding: 4px 0 0 5px;
	color: #333;
	display: inline;
	text-decoration: none;
	float: left;
	height:21px;
}
ul.topnav li a:hover.principal, ul.topnav li a.active {
	text-decoration:none;
}
ul.topnav li ul.subnav {
    z-index:100;
	list-style: none;
	position: absolute;
	left: 10px; 
	top: 26px;
	background: #fff;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: auto;
	border: 1px solid #757474;
}
ul.topnav li ul.subnav li{
	margin: 0 1px; 
	padding:0;
	clear: both;
	width: auto;
	height:auto;
	text-align:left;
}
html ul.topnav li ul.subnav li a {
	text-decoration: none;
	height:17px;
    margin:1px 0 1px 0;
	padding:2px 2px 2px 2px;
	float: left;
	width: 156px;
	height:auto;
	color:#333;
}
html ul.topnav li ul.subnav li a:hover, html ul.topnav li ul.subnav li a.active { /*--Changement au survol d'un lien de la sous-navigation--*/
    color:#fff;
    background: #9d1c1a ;
}

/* SEARCH ---------------------------------------------------------------------------------*/

#search form {
	margin:0;
	padding:0px 0px 0 0;	
}
#search input {
    font-family:Verdana, Geneva, sans-serif;
	display:block;
	float:left;
	color:#333;
	font-size:10px;
	width:130px;
	height:16px;
	margin:5px 5px 0 10px ;
	padding:3px 0 2px 0px;
	background: #fff url("bg-input.gif") no-repeat 0 0;
}
#search input.bouton_search {
	width:30px;
	height:21px;
	padding:2px;
	margin:5px 0 0 0 ;
	border:none;
}
#search input.bouton_search {
    background:url(bouton-search.gif) no-repeat;
}
#search a.bouton_print, #search a.bouton_pdf {
	float:left;
	display:block;
	width:30px;
	height:21px;
	padding:2px;
	margin:5px 0 0 0 ;
	border:none;
}
#search a.bouton_print {
    background:url(bouton-print.gif) no-repeat;
}
#search a.bouton_pdf {
    background:url(bouton-pdf.gif) no-repeat;
}

/* LEFT ---------------------------------------------------------------------------------*/
#left a {
  display:block;
  width:58px;
  height:127px;
  background:url(bg-left.gif) no-repeat 0 0;
  text-decoration:none;
  margin:0 0 0 12px;
}
#left a:hover {
  background:url(bg-left-hover.gif) no-repeat 0 0;
  text-decoration:none;
}
#right a {
  display:block;
  width:58px;
  height:127px;
  background:url(bg-right.gif) no-repeat 0 0;
  text-decoration:none;
  margin:0;
}
#right a:hover {
  background:url(bg-right-hover.gif) no-repeat 0 0;
  text-decoration:none;
}

/* MAIN ---------------------------------------------------------------------------------*/

#slider,  #slider ol{ 
  width:880px;
  height:631px;
  margin:0 auto ;
  overflow:hidden; 
}
#slider {
 padding:0;
 margin:0;
}
#slider ul.slide, #slider ol{
  margin:0;
  padding:0;
  list-style:none;
  height:631px;
}

#content p {
  text-align:justify;
  margin:0px 20px 10px 20px;
  padding:0;
  line-height:140%;
  word-spacing:1px;
  color:#333;
  font-size:11px;
}
#content h1  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	margin:20px 20px 10px 20px;
	padding:0px ;
	text-transform:uppercase;
	color:#9d1c1a;
	border-bottom:1px solid #991815 ;
}
#content p.prix {
	font-size:22px;
	text-align:right;
	margin:100px 20px 10px 5px;
	padding:0;
	color:#9d1c1a;
	font-style:italic;
}
#content ul {
  padding: 5px 10px 5px 40px;
  margin:0;
}

#content li{
  font-size:11px;
  color:#333;
  text-align:justify;
  list-style:none;
  line-height:180%;
  padding: 0px 0px 8px 15px;
  margin:0 0 0px 0;
  background: url("li.gif") no-repeat 0px 5px;
}