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

/* hack hauteur IE */

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

* html #side {
	height: 400px;
}

* html #sideRight {
	height: 450px;
}

* 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:#B20707; font-weight:bold; }
a:hover { text-decoration:underline;  }

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

html {  }

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

#box { width:950px; margin:0 auto; background:#F0C2A7 url(images/bg-main.jpg) top center repeat-x; margin-top:40px;}
#boxraisin { background: url(images/grappe.jpg) bottom right no-repeat; }
/*
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 {background: url(images/bg-main.jpg) top center repeat-y;}
#cadre_main #grappebg { background:#F0C2A7 url(images/grappe.jpg) bottom right no-repeat; }
#cadre_main #promomois { color:#F0C2A7; background:#F0C2A7 url(images/promos-du-mois.jpg) left no-repeat; height:262px; width:480px; padding-top:20px;}
#cadre_main #promomois .blocpromomois { float:left; width:200px; margin-left:70px; padding-top:70px;}
#cadre_main #promomois .blocpromomois p {color:#F0C2A7;}
#cadre_main #promomois .blocpromomois img { border:#F0C2A7 1px solid;}
#cadre_main #promomois .blocpromomois h3 { color:#F0C2A7; font-size:1.2em;}


#cadre_main #nouveautes { color:#F0C2A7; background:#F0C2A7 url(images/bloc-nouveautes.jpg) left no-repeat; height:262px; width:480px;}
#cadre_main #nouveautes .blocnouveautes { float:left; width:200px; padding-left:30px; padding-top:70px;}
#cadre_main #nouveautes .blocnouveautes img { border:#F0C2A7 1px solid;}
#cadre_main #nouveautes .blocnouveautes h3 { color:#F0C2A7; font-size:1.1em;}

#header { background:url(images/bg-header.jpg) top center no-repeat; }
	
#side { float:left; width:210px; min-height:400px;}

#sideRight { float:right; width:200px; min-height:450px;}
#sideRight .blocpromos { position:relative; background:url(images/bg-menud.jpg) top no-repeat; height:450px;}	
#sideRight .blocpromos .ss_blocpromos_1 {text-align:center; padding-top:33px;}
#sideRight .blocpromos .ss_blocpromos_1 h4 {color:4C0024;}
#sideRight .blocpromos .ss_blocpromos_1 img {border:#4D0825 1px solid;}
#sideRight .blocpromos .ss_blocpromos_2 {text-align:center; padding-top:40px;}
#sideRight .blocpromos .ss_blocpromos_2 img {border:#4D0825 1px solid;}
#sideRight .blocpromos .ss_blocpromos_2 h4 {color:4C0024;}
#sideRight .blocpromos .btncgv { position:absolute; top:355px; text-align:center; left:27px; }	

#breadcrumb { }

/* ----------- PRODUIT ------------- */
.produit_top { width:480px; height:74px; background:url(images/bg_produits_top.jpg) no-repeat;}
.produit_top h2 { color:#653640; font-size:1.6em; padding-top:35px; padding-left:5px; }

.produit_middle { width:480px; background:url(images/bg_produits_middle.jpg) repeat-y;}
.produit_middle p { color:#F0C2A7; padding-left:15px; padding-right:15px;}

.produit_bottom { width:480px; height:18px; background:url(images/bg_produits_bottom.jpg) no-repeat;}


.bloc-produit { width:200px; float:left; margin-left:8px !important; margin-left:4px; background:url(images/bg_produits_vignettes.jpg) no-repeat; margin-top:10px;}
.bloc-produit h3 { color:#4C0024; font-size:0.8em; text-align:left;}
.bloc-produit .pic {position:relative; border-left:1px solid #4C0024;}
.bloc-produit .pic .bandeaubas { position:absolute; color:#FFFFFF; top:5px; text-align:right; height:15px; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; left:0px; bottom:0px;}
.bloc-produit .pic .date {color:#4C0024; text-align:center; font-size:0.8em;}
.conteneur_support_produit { color:#F0C2A7; padding-right:10px; padding-left:15px;}
/* ------------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:480px!important; width:470px; }
	#main { }
	#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 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; 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:-40px;}
		.bloc-promos .prix {margin:10px auto; padding: 0 0 5px 0; width:120px; text-align:right; float:left; position:relative; bottom:-40px;} 
		
		
/* ------------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:200px; min-height:10px; 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 DETAIL (500px)------------------ */
	.bloc-detail { width: 480px; min-height:500px; display: block; }
	.conteneur_support {}
	.conteneur_support p {}
	.support { float:right; border:#4C0024 1px solid;}
		.bloc-detail .retour { margin: 5px 0 0 10px; float:left; width: 180px;}
		

/* ------------- IMG DU PLAN --------------------- */	
.carte { border:#4C0024 1px solid;}

/* ------------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 #4F082A; padding:3px; color:#4F082A; font-size:1em; background:#BA837C;  }
	.formulaire input { border:1px solid #4F082A; padding:3px; color:#4F082A; font-size:1em; background:#BA837C;  }
	.formulaire select { width:180px; background:url('images/formbg.gif') repeat-x left 85%; }
	.formulaire input { width:180px; background:#BA837C;}
	.formulaire textarea { width:180px; }
	.formulaire option { padding:2px; background:#fff; }
	.formulaire .bouton { width:120px; cursor:pointer; border:1px outset #4F082A; color:#FFF; font-weight:bold;
background:#4F082A; 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 ----------------- */

.tableau { width:250px; background:#BA837C; color:#490024; padding:1px; border:#490024 1px solid;  }

	.tableau th{ text-align:left; background:#490024; padding:2px 2px; color:#FFF; width:100px; font-weight:bold; background:#490024; }
	.tableau td { color:#FFF; background:#490024; padding:2px 2px;}
	.tableau .trwhite { background:#fff; }
	.tableau tr:hover { cursor:default; color:#000;  }
	.tableau 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;  }*/
	
	.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:#fff; width:950px; margin:0 auto;  }
	#copyright a { color:#fff; }
		

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