* { margin:0; padding:0; list-style-type:none; border:0px none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; }

/* hack hauteur IE */

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

* html #side {
	height: 400px;
}

* html #sideRight {
	height: 400px;
}

* html .bloc {
	height: 300px;
}

* html .bloc-bien {
	height: 170px;
}

* html #diaporama {
	height: 310px;
}

* html .bloc-home {
	height: 255px;
}

* html .bobox {
	height: 35px;
}



/* liens */ 

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

/* ------------STRUCTURES------------------ */

html {  }

body { background:#DBDFE8 url(images/bg-body.jpg) top center repeat-x; }

#box { width:950px; margin:0 auto; background-color:#FFF; border:solid 1px #000;}
/*
background:#FFF url(images/bg-libellule.jpg) bottom right no-repeat;

dans index.php mettre div id="box" mettre style="background:#FFF url(images/bg-libellule.jpg) bottom right no-repeat;"
en remplaçant bg-libellule.jpg par bg-1.jpg, bg-2.jpg...
*/

#cadre_main {}

#header { }
	
#side { float:left; width:210px; min-height:400px;}

#sideRight { float:right; width:190px; min-height:400px;}	

#breadcrumb { }



/* ------------MENU------------------ */
 #menu {}

/* ------------NAV ------------------ */
	
	.nav { float:right; }
	.nav a:link, .nav a:visited { padding:3px 7px; background:#fff; color:#0875FB; border:1px solid #0875FB; }
	.nav a:hover { background:#0875FB; color:#fff; border:1px solid #fff;  text-decoration:none; }

/* ------------IMAGES------------------ */



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

	#main-padding { float:left; min-height:400px; width:540px!important; width:540px; }
	#main { /*padding:10px 5px;*/ }
	#main .lien { margin: 20px 0 0 30px; }
	#main ul { margin:8px 0;  }
	#main li {  padding:0 0 5px 0px; list-style-type:square; margin:0 0 0 25px;}
	#main p { line-height:1.5em; margin:10px 0; text-align:left;}
	
	
/* ------------BLOC OCCASIONS (210px)------------------ */

		.titre-occasion { margin: 10px auto; width:210px !important; width:190px; height:57px; background: url(images/nos-occasions.png) center center no-repeat; }

		.bloc-occasion { width:210px !important; width:190px; height:237px; background: url(images/bloc-occasion.png) center center no-repeat; }
		.bloc-occasion .pic { margin:0 auto; float:none; width:130px; height:104px; border: solid 1px #000;  }
		.bloc-occasion .pic  img { width:130px; height:104px;  }
		.bloc-occasion .texte { width:180px; height:55px; overflow:hidden; margin:0 0 0 15px; text-align: justify; font-size:0.8em;}
		.bloc-occasion .detail{margin: 5px 0 0 20px; float:left; width: 55px;}
		.bloc-occasion .prix {margin: 5px 0 5px 0; float:left; width:115px; text-align:right; } 
		.bloc-occasion a, .bloc-occasion a:visited { color:#fff;}
		.bloc-occasion h3 { text-align:center;height:45px;  color:#484E40; margin:5px;  }
		.bloc-occasion .top { width:210px !important; width:190px; height:20px; overflow:hidden; padding:10px 0 0 15px; font-size:14px; text-align: left; font-weight:bold; color:#00519E;}
		.bloc-occasion .top img { width:10px; height:35px;}
		.bloc-occasion .bottom { width:210px !important; width:190px; position:absolute; bottom:0; left:0; z-index:1; }
		
		
/* ------------BLOC PROMOS (474px)------------------ */
		.bloc-promos { margin: 5px 0 30px 35px; width: 474px; height:205px; background: url(images/bloc-promotions.png) center center no-repeat; }
		.bloc-promos .pic { margin:35px 0 0 10px; float:left; width:200px; height:150px; position:relative; border: solid 1px #000;  }
		.bloc-promos .pic  img { width:200px; height:150px;  }
		.bloc-promos .titre { float:left; width:230px; height:20px; overflow:hidden; margin: 35px 0 0 10px; font-size:14px; text-align: left; font-weight:bold; color:#00519E; }
		.bloc-promos .texte { float:left; width:230px; margin: 5px 0 0 10px; padding: 0 0 0 0; text-align: justify;}
		.bloc-promos .detail{margin: 10px 0 0 10px; width: 110px; float:left; position:relative; bottom:-25px;}
		.bloc-promos .prix {margin:10px auto; padding: 0 0 5px 0; width:120px; text-align:right; float:left; position:relative; bottom:-25px;} 
		
		
/* ------------BLOC HOME (176px)------------------ */
	.container-home {margin: 0 75px 0 75px !important; margin:0 0 0 25px; width:435px; float:left; display: block;}
	.bloc-home {float:left; margin: 10px auto; width: 200px; height:210px; background: url(images/bloc-aleatoire.png) center bottom no-repeat; display: block; }
		.bloc-home .pic { margin:0 auto; float:none; width:130px; height:104px; position:relative; border: solid 1px #000;  }
		.bloc-home .pic  img { width:130px; height:104px;  }
		.bloc-home .texte { float:none; width:150px; margin: 0 auto; padding: 0 auto; text-align: justify;}
		.bloc-home .detail{margin: 5px 0 0 20px; float:left; width: 55px;}
		.bloc-home .prix {margin: 5px auto;float:left; width:105px; text-align:right; } 
		.bloc-home .top { width:150px; height:16px; overflow:hidden; margin:0 0 5px 0; padding:10px 0 0 15px; font-size:12px; text-align: left; font-weight:bold; color:#00519E;}
		.bloc-home .top img { width:10px; height:35px;}
		/*.bloc-home .bottom { width:200px; position:absolute; bottom:0; left:0; z-index:1; }*/
			
/* ------------BLOC NEWS (208px)------------------ */

		.bloc-news{ margin: 0; width:190px !important; width:180px height:316px; background: url(images/bloc-news.png) center center no-repeat;}
		.bloc-texte{padding:100px 10px 9px 15px; height:216px; font-size:11px; color:#FFFFFF;}
		.bloc-texte ul{ margin: 0 10px 0 0px; padding:0 0 9px 15px; font-size:11px; color:#FFFFFF;}
		.bloc-texte li { margin: 0 10px 0 10px; padding:0 20px 0 20px; font-size:11px; color:#FFFFFF; background:url(images/picto.png) left center no-repeat;}
		.bloc-texte p{ padding: 0px 10px 9px 15px; font-size:11px; color:#FFFFFF;}
		
		
/* ------------BLOC BIEN (500px)------------------ */
	.bloc-bien { float:left; margin: 10px auto; width: 500px; background: url(images/bloc-bien.png) center bottom no-repeat; display: block; }
		.bloc-bien .pic { margin:0 0 0 10px; float:left; width:130px; height:104px; border: solid 1px #000;  }
		.bloc-bien .pic  img { width:130px; height:104px;  }
		.bloc-bien .texte { float:left; width:320px; margin: 0px 0 0 15px; padding: 0 auto; text-align: justify;}
		.bloc-bien .detail{margin: 5px 0 20px 10px; float:left; width: 52px;}
		.bloc-bien .prix {margin: 5px 0 20px 0; padding: 0 0 0 0; float:left; width:80px; text-align:right; } 
		.bloc-bien .top { margin:0 0 10px 10px; min-height:10px;  font-size:12px; text-align: left; font-weight:bold; color:#00519E;}
		.bloc-bien .top img { width:10px; height:35px;}
		.bloc-bien .bottom { width:200px; position:absolute; bottom:0; left:0; z-index:1}
		
/* ------------BLOC DETAIL (500px)------------------ */
	.bloc-detail { float:none; margin: 20px 25px auto; width: 500px; min-height:600px; background: url(images/bloc-bien.png) left bottom no-repeat; display: block; }
		.bloc-detail .pic { margin:5px 0 0 50px; float:left; width:400px; border: solid 1px #000;  }
		.bloc-detail .pic  img { width:400px; }
		.bloc-detail .thumb {margin:5px 0 0 50px; float:left; width:500px;}
		.bloc-detail .pic2 { margin:0 11px 0 0; float:left; width:90px; border: solid 1px #000;  }
		.bloc-detail .pic2  img { width:90px; }
		.bloc-detail .texte { float:left; width:400px; margin: 0 0 0 50px; padding: 0 auto; text-align: justify;}
		.bloc-detail .mail { float:right; width:300px; margin: 0 45px 0 0; padding: 0 auto; text-align: right;}
		.bloc-detail .ref { margin: 5px 0 0 50px; float:left; width: 100px;}
		.bloc-detail .prix {margin: 5px auto;  float:left; width:302px !important; width:300px; text-align:right; } 
		.bloc-detail .top { margin:0 0 10px 10px; min-height:10px;  font-size:12px; text-align: left; font-weight:bold; color:#00519E;}
		.bloc-detail .top img { width:10px; height:35px;}
		.bloc-detail .retour { margin: 5px 0 0 10px; float:left; width: 180px;}
		.bloc-detail .print {margin: 5px auto; float:left; width:302px; text-align:right; } 		
		.bloc-detail .bottom { width:200px; position:absolute; bottom:0; left:0; z-index:1}	

	

/* ------------DL DT DD------------------ */
		

			
/* ------------TONTON CYRIL------------------ */



/* ------------FORMULAIRE------------------ */

.formulaire { margin:5px 0; }
	.formulaire radio, .formulaire label, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px; vertical-align:middle;  }
	.formulaire input { display: block; float: left; vertical-align:middle;  }
	.formulaire label { text-align: left; width:160px; margin-right: 10px; }
	.formulaire textarea, .formulaire select { border:1px solid #5AA0E2; padding:3px; color:#000000; font-size:1em;  }
	.formulaire input { border:1px solid #5AA0E2; padding:3px; color:#2F3138; font-size:1em;  }
	.formulaire select { width:180px; background:url('images/formbg.gif') repeat-x left 85%; }
	.formulaire input { width:100px; background:url('images/formbg.gif') repeat-x left 85%; }
	.formulaire textarea { width:180px; background:#fff url('images/formbg.gif') repeat-x left bottom; }
	.formulaire option { padding:2px; background:#fff; }
	.formulaire .bouton { width:120px; cursor:pointer; border:1px outset #5AA0E2; color:#000; font-weight:bold;
background:url('images/formbg.gif') repeat-x left 85%; padding:2px }
	.formulaire input:hover, .formulaire textarea:hover { border:1px solid #5AA0E2; }
	.formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; }
	.formulaire .input-radio:hover { border:none;   }
	.formulaire br { clear: left; }
	
	.pic-form img { width:auto; height:auto; }


	
/* ------------DIAPORAMA------------------ */


	
/* ------------ TABLE ----------------- */

table { width:100%; border-collapse:collapse; margin:10px auto; background:#fff; color:#000;}

	table th, td { text-align:left; padding:3px 5px;border-bottom:1px solid #d5d5d5;   }
	table th { color:#000; width:100px; font-weight:bold; }
	table td { }
	table .trwhite { background:#fff; }
	table tr:hover { cursor:default; color:#000;  }
	table caption { background:#BD9C82; font-size:1.2em; font-weight:bold; color:#000;  }



/* ------------RECHERCHE--------------------- */


		
/* ------------EQUIPE--------------------- */


				
/* ------------DIVERS--------------------- */
	
	strong { font-weight:bold; }
	
	/*.detail { background: url('images/picto-lien.jpg') no-repeat left center; padding:0 0 0 22px; }*/
	
	.url { background: url('images/liens.gif') no-repeat left center; padding:0 0 0 22px; }
	
	.pdf { background: url('images/pdf.gif') no-repeat left center; padding:0 0 0 22px; }

	h3{ color:#666666; font-size:15px; font-weight:bold; }
	
	/*.prix { font-weight:bold; color:#0875FB; background:url(images/picto-prix.jpg) left center no-repeat; padding:0 0 0 20px;  }*/
	.prix-barre { font-size:1em; text-decoration:line-through; color:#666; }
	
	.hidden { visibility:hidden; overflow: auto; display:none;}

	.retour { float:right; margin:5px; }					
					
	
	div.hr { height: 10px; clear:both; background:url('images/separation.jpg') bottom left no-repeat; margin:0 0 0 9px; }
	div.hr hr {   display: none; }	

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

	#footer { margin:0 auto; }
		
	#copyright { text-align:center; font-size:0.9em; margin:5px auto; color:#003399; width:950px; margin:0 auto;  }
	#copyright a { color:#003399; }
			#categories-r { text-align:center; margin:5px auto; width:950px; margin:0 auto;  }
	#categories-r a {  font-size:0.8em;  }

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