* { margin:0; padding:0; list-style-type:none; border:0; font-weight:normal;  }

/* hack hauteur IE */

* html #main-padding { height: 460px; }

* html #side { height: 460px; }

* html .equipe { height:250px; }

* html .bloc-index { height:280px; }

h3, h4, h5 {  font-weight: bold; text-transform:uppercase; }
h3 a, h3 a:visited { text-decoration:none; }
h3 a:hover { text-decoration: underline; }

/* liens */ 

a, a:visited, a:active { text-decoration:none; color:#8C4400; font-weight:bold; }
a:hover { text-decoration:underline; color:#FDD703; }

body { color:#000; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background: url(images/bg-body.gif) top left repeat-x #D2CFC3;  }

#box {  width:950px; margin:22px auto;  }

#cadre_main { background: url(images/bg-main.gif) center top repeat-y #fff;}

/* HEADER */

#header { width:100%; height:193px; }
	
#side { float:left; width:230px; min-height:460px;   }

/* MENU */

#menu { width:200px; float:right;  }
		.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		list-style-type: none; font-weight:bold; margin:0; }
		.treeview li li { }
		.treeview li a, .treeview li a:visited { color:#000; text-decoration:none; padding:5px 0; display:block; width:200px;  text-indent:5px;  font-size:1em; text-transform:uppercase; background:url(images/points.gif) bottom center repeat-x;}
		html>body .treeview li a { width: auto;  }
		.treeview li li a, .treeview li li a:visited { text-transform:none; font-weight:normal; text-indent:10px; color:#000; padding:2px 0; background:none;  }
		.treeview li a:hover { color:#FDD703; text-decoration:none; background:url(images/bg-menu-over.gif) center right no-repeat; }		
		.treeview li li a:hover { color:#FDD703; background:none; border:none;  }
		.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		cursor: hand !important; cursor: pointer !important; }
		.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
		display: none; /*Hide them by default. Don't delete. */ }
		.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */ 
		cursor: default; }
		.treeview .submenu ul li a{ color:#333333;}
		.treeview .submenu ul li a:hover{font-weight:bold;}
		

/* MAIN */ 

#breadcrumb {  }

#main-padding { float:right; margin:0 0 0 0; width:720px; min-height:460px; background:url(images/bg-main.gif) center top repeat-y #fff; }

#main { padding:10px; }
			
	#main h3 { font-size:1.4em; margin:0 0 5px 0; color:#E60D17; }
			
	#main li { background:url(images/picto01.png) center left no-repeat; padding-left:15px; margin:5px 0 5px 15px; }
		
	.pic { float:right; margin:0 0 5px 10px; border:1px solid #c8c8c8; }
	
	.retour { float:right; margin:5px; }
	
	.puce { background:url(images/picto01.png) center left no-repeat; padding-left:15px; }
	
	
	.thumbpic_liens { float:right; margin:0 0 5px 10px; border:1px solid #c8c8c8; }					
					
	#main p { line-height:1.4em; margin:0 0 10px 0;}		
	
	.visu { margin:0 0 5px 0; float:right; }
		
div.hr { height: 7px; background: url(images/separation.png) no-repeat scroll left; }
div.hr hr {   display: none; }	
			
	.occasion { background:url(images/bg-produit.png) bottom left no-repeat; width:700px; padding:0 0 10px 0; margin:5px auto; }	
	.occasion table {  font-size:0.9em;  margin:5px auto;}
	#main .occasion h3 { font-size:1.4em; }
	#main .occasion p { font-size:1.1em; color:#3F4752;}
	#main .occasion th { width:100px; text-align:right; color:#3F4752;  }
	#main .occasion td { padding-left:10px; }
	#main .occasion .pic { float:right;  }
	#main .occasion	.prix { float:right; padding:2px 0 2px 2px; color:#000; background:#F7C318; font-size:1.3em; font-weight:bold; width:210px; text-align:center; }
	
	.equipe { width:330px; float:left; margin:5px;}
		#main .equipe p { line-height:1.3em; margin:3px 5px; }
		#main .equipe h3 { font-size:1.2em; font-weight:bold; margin:3px 5px; color:#E60D17;  }
		#main .equipe .pic { float:left; margin-left:5px; margin-right:5px; display:block; border:none; }
		.sepa { background:url(images/bg-produit.png) bottom left no-repeat; width:700px; padding:0 0 10px 0; margin:5px auto; }

			
	#diaporama-detail { margin:0 0 10px 0; width:700px; display:block;  }
		#diaporama-detail .big { border:1px solid #c8c8c8; display:block; margin:0 auto; }
		#diaporama-detail .thumb { display:block; margin:3px auto; cursor: pointer; text-align:center; }
		#diaporama-detail .thumb img { border:1px solid #c8c8c8; margin:0 3px 3px 0; }
	
	.bloc-index { background:url('images/block-bas.png') center bottom no-repeat; margin:0 16px 0 0; float:left; width:221px; min-height:280px; padding:0 0 5px 0; }
		 #main .bloc-index p { line-height:1.3em; margin:3px 5px; }
		 #main .bloc-index h3 { font-size:1.2em; font-weight:bold; margin:6px 5px; color:#E60D17;  }
		 #main .bloc-index .pic { float:none; margin:5px auto; display:block;  }
		 #main .btn-detail img { display:block; margin:0 auto; }
		
.prix-detail { padding:2px 0 2px 2px; color:#000; background:#F7C318; font-size:1.3em; font-weight:bold; width:220px; text-align:center; }

			
.formulaire { margin:5px 0; width:700px; }
			.formulaire radio, .formulaire label, .formulaire ,input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px;  }	
			.formulaire label { text-align: right; width: 100px; margin-right: 10px; }			
			.formulaire input, .formulaire textarea, .formulaire select { border:0.1em solid #3E3F42; padding:3px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em;  }
			.formulaire input, .formulaire textarea { width:200px; }			
			.formulaire .bouton { width:100px; background:#c8c8c8; color:#000; }		
			.formulaire input:focus, .formulaire textarea:focus { background:#c8c8c8; }		
			.formulaire .input-radio { background:#fff; border:1px solid #fff; width: 20px; }		
			.formulaire br { clear: left; }


/* ------------ PLAN --------------------- */

	.plan, .horaires {width:606px; margin:0 auto; border:1px solid #000000;  padding:3px 5px 3px 5px;}
	.plan legend, .horaires legend {color:#000000; font-size:1.3em; padding:5px 10px;}
	.plan dl dt, .horaires dl dt{font-weight:bold; color:#000000;}
	.plan dl dd, .horaires dl dd{width:200px; padding-left:5px; }
	.horaires ul li{width:200px; padding-left:5px; }
	.plan a, .horaires a {}
	.plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;}
	
/* ------------ DL DT DD ------------------ */
		
	dl { margin: 5px 0; display:block; width:520px; float:left; }
	dl h3{  text-transform:uppercase;  }
	dt, dd { padding:5px 10px;  }
	dt { width: 170px; float: left; font-weight: bold;  text-transform:uppercase; }
	/* hack de commentaire avec un antislash pour ie5 mac \*/
	dt { clear:both; }
	/* end hack */
	dd { float: left; width:240px; line-height:1.4em;  }

	
#nav { display:block; margin:0 0 5px 0; }
	.prec { float:left; }
	.suiv { float:right; }
	#nav a:hover { text-decoration: underline; }
	
	.pdf { background: url(images/pdf.gif) left center no-repeat; padding-left:22px; }
	
	.hidden { visibility:hidden; overflow: auto; display:none;}
	
/* footer */

#footer { height:72px;  }
            #smart-page { margin-left:200px; text-align:center;  }
				#copyright { margin-left:200px; text-align:center;  }
				
/* ------------REF------------------ */

#r fieldset { border:1px solid; padding:10px; width:600px; margin-left:10px;}
#r fieldset a{width:45%; float:left; padding:2px; font-size:0.8em;}
#r legend { padding:0 5px; font-weight:bold; font-size:0.9em; }	

/* hack clear float */ 	
	
.clr { clear: both; }

/* TABLEAUX */
th {font-weight:bold;}