html 					{	height:100%;}
h1, h2,h3, h4, h5, h5	{	margin: 0 0 0 0;}
img 					{	border:0;}
body 					{	margin:0;  padding:0;  height:100%;  font-family: arial,verdana,  sans-serif;background-color:white;}
form,table				{	padding:0;	margin:0;}
tr 						{	vertical-align: top;}
th 						{	text-align: left;}
ul,ol					{	margin:0px 0px;padding-left:0px;}/*pour que ie soit co firefox */
p						{	margin:10px 0px;padding:0;}/*pour que ie soit co firefox */
address					{	font-style: normal;text-align: center;}
/*polices universelles*/
body {
	background-color:#BAA4E2;
	font-size: 11px;
}
h1 {
   font-size: 20px;
}
h2 {
   font-size: 18px;
}
h3 {
   font-size: 16px;
}
h4 {
   font-size: 13px;
}
h5 {
   font-size: 11px;
}
a {
	color:black;
}
li{list-style: square;}
.center 				{	text-align: center;}
.nettoie 				{	clear:both;}
.retrait				{	padding-left:25px;	}
.hide					{	display:none;}
.illus{float:left;margin-left:20px;}

#page{
	width:897px;
	margin:0 auto;	
	border:3px solid white;
	position: relative;
}
#contenu{
	background: transparent url(/images/fond/bas.jpg) no-repeat;
	width:897px;
	height:436px;
	position: relative;
}
#bandeau{
	background: transparent url(/images/bandeau/bandeau-accueil.jpg) no-repeat;
	width:897px;
	height:198px;
}
	#bandeau #menu{
		position: absolute;
		top:175px;
		left:90px;
	}
		#bandeau #menu li{
			list-style: none;
			float:left;
		}
		#bandeau #menu a{
			display: block;
			height:23px;
		}
			#bandeau #menu a span{
				display: none;
			}
		#bandeau #menu a#bt_accueil{
			background: transparent url(/images/menu/accueil.jpg) no-repeat;
			width:75px;
		}
			#bandeau #menu a.current#bt_accueil,
			#bandeau #menu a:hover#bt_accueil{
				background-position:-75px 0;
			}
		#bandeau #menu a#bt_pruneau{
			background: transparent url(/images/menu/pruneau-mi-cuit.jpg) no-repeat;
			width:96px;
		}
			#bandeau #menu a.current#bt_pruneau,
			#bandeau #menu a:hover#bt_pruneau{
				background-position:-96px 0;
			}
		#bandeau #menu a#bt_gammes{
			background: transparent url(/images/menu/les-gammes.jpg) no-repeat;
			width:107px;
		}
			#bandeau #menu a.current#bt_gammes,
			#bandeau #menu a:hover#bt_gammes{
				background-position:-107px 0;
			}
		#bandeau #menu a#bt_information{
			background: transparent url(/images/menu/informations.jpg) no-repeat;
			width:110px;
		}
			#bandeau #menu a.current#bt_information,
			#bandeau #menu a:hover#bt_information{
				background-position:-110px 0;
			}
		#bandeau #menu a#bt_boutique{
			background: transparent url(/images/menu/la-boutique.jpg) no-repeat;
			width:103px;
		}
			#bandeau #menu a.current#bt_boutique,
			#bandeau #menu a:hover#bt_boutique{
				background-position:-103px 0;
			}
		#bandeau #menu a#bt_contacts{
			background: transparent url(/images/menu/contacts.jpg) no-repeat;
			width:83px;
		}
			#bandeau #menu a.current#bt_contacts,
			#bandeau #menu a:hover#bt_contacts{
				background-position:-83px 0;
			}
		#bandeau #menu a#bt_presse{
			background: transparent url(/images/menu/presse.jpg) no-repeat;
			width:72px;
		}
			#bandeau #menu a.current#bt_presse,
			#bandeau #menu a:hover#bt_presse{
				background-position:-72px 0;
			}
		#bandeau #menu a#bt_fleurons{
			background: transparent url(/images/menu/les-fleurons.jpg) no-repeat;
			width:104px;
		}
			#bandeau #menu a.current#bt_fleurons,
			#bandeau #menu a:hover#bt_fleurons{
				background-position:-104px 0;
			}

/*bandeaux/contenus*/
.modele_presse #contenu{
	background: transparent url(/images/fond/bas-presse.jpg) no-repeat;
}
.modele_presse #bandeau{
	background: transparent url(/images/bandeau/bandeau-presse.jpg) no-repeat;
}
.modele_gammes #contenu{
	background: transparent url(/images/fond/bas-gammes.jpg) no-repeat;
}
.modele_gammes #bandeau{
	background: transparent url(/images/bandeau/bandeau-gammes.jpg) no-repeat;
}
.modele_contacts #contenu{
	background: transparent url(/images/fond/bas-contact.jpg) no-repeat;
}
.modele_contacts #bandeau{
	background: transparent url(/images/bandeau/bandeau-contact.jpg) no-repeat;
}
.modele_information #contenu{
	background: transparent url(/images/fond/bas-infos.jpg) no-repeat;
}
.modele_information #bandeau{
	background: transparent url(/images/bandeau/bandeau-infos.jpg) no-repeat;
}
.modele_historique #contenu{
	background: transparent url(/images/fond/bas-historique.jpg) no-repeat;
}
.modele_historique #bandeau{
	background: transparent url(/images/bandeau/bandeau-historique.jpg) no-repeat;
}
.modele_boutique #contenu{
	background: transparent url(/images/fond/bas-boutique.jpg) no-repeat;
}
.modele_boutique #bandeau{
	background: transparent url(/images/bandeau/bandeau-boutique.jpg) no-repeat;
}
.modele_pruneaux #contenu{
	background: transparent url(/images/fond/bas-pruneaux-mi-cuit.jpg) no-repeat;
}
.modele_pruneaux #bandeau{
	background: transparent url(/images/bandeau/bandeau-pruneaux-mi-cuit.jpg) no-repeat;
}
/*accueil*/
#bouygues{
	position: absolute;
	left:790px;
	top:280px;
}
#nouveautes{
	position: absolute;
	left:290px;
	top:20px;
}
#decouvrez{
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	width:190px;
	position: absolute;
	top:93px;
	padding:0 10px;
}
	#decouvrez a{
		text-decoration: none;
	}
	#decouvrez a:hover{
		text-decoration: underline;
	}
#sousmenu{
	position: absolute;
	left:550px;
	width:320px;
	top:2px;
}
	#sousmenu li{
		display: block;
		width:148px;
		height:111px;
		float:left;
		margin:5px;
	}
	#sousmenu li a{
		display: block;
		background: transparent url(/images/blank.gif) ;
		width:148px;
		height:111px;
		text-align: center;
		text-decoration: none;
	}
		#sousmenu li a:hover span{
			text-decoration: underline;
		}
		#sousmenu li a span{
			position: relative;
			top:87px;
			font-weight: bold;
			font-size: 13px;
		}
/*informations*/
#menu_infos{
	position: absolute;
	left:40px;
	width:420px;
	top:28px;
}
	#menu_infos li{
		display: block;
		width:178px;
		height:135px;
		float:left;
		margin:5px 15px 5px 5px;
	}
	#menu_infos li a{
		display: block;
		background: transparent url(/images/blank.gif) ;
		width:178px;
		height:135px;
		text-align: center;
		text-decoration: none;
	}
		#menu_infos li a:hover span{
			text-decoration: underline;
		}
		#menu_infos li a span{
			position: relative;
			top:110px;
			font-weight: bold;
			font-size: 13px;
		}
#textes_infos{
	position: absolute;
	left:450px;	
	top:30px;
	width:427px;
	height:361px;
	overflow: auto;
	padding-right: 20px;
}
	#textes_infos p{
		margin: 0 0 10px 0;
		/*margin:0;
		font-size: 9px;
		line-height: 11px;*/
	}
	#textes_infos h2{
		font-size: 13px;
		margin: 15px 0 5px 0;
	}
	#textes_infos h3{
		font-size: 11px;
		margin: 0 0 5px 0;
	}
	#textes_infos .ancre{
		float: right;
		margin-top: 5px;
	}
	#textes_infos .sommaire{
		/*text-align: center;*/
	}
		#textes_infos .sommaire li{
			padding-left:0px;
			margin-left:15px;
		}
		#textes_infos .sommaire a{
			white-space: nowrap;
		}
.tableau_infos td,
.tableau_infos th{
	vertical-align: middle;
}
.tableau_infos thead th{
	background-color: #651163;
	color:#ffdb1d;	
	text-align: center;
	border-right:1px solid white;
	font-size: 13px;
}
.tableau_infos tbody th{
	background-color: #9a6fa9;
	color:white;	
	text-align: center;
	font-size: 10px;
	border-right:1px solid white;
}
.tableau_infos tbody td{
	color:#671363;	
	text-align: center;
	border-right:1px solid white;
	background-color: #f5cb11;
}
	.tableau_infos tbody td .strong{
		font-weight: bold;
	}
.tableau_infos th.last,
.tableau_infos td.last{
	border-right:0;
}
.tableau_infos .type0 td{
	background-color: #f9da71;
}
.tableau_infos td.moment{
	vertical-align: middle;
	font-weight: bold;
	background-color: #f5cb11;
}
/*presse*/
#menu_presse{
	position: absolute;
	left:35px;
	top:55px;
}
	#menu_presse li{
		list-style: none;
		margin:0px 0 24px 0;
	}
	#menu_presse li a{
		font-size: 17px;
		text-decoration: none;
		color: white;
		width:186px;
		height:35px;
		display: block;
		padding-top:10px;
		padding-left:10px;
	}
	#menu_presse li a:hover{
		color: black;
	}
/*gammes*/
#menu_gamme {
	padding-top:35px;
}
	#menu_gamme li{
		float: left;
		list-style: none;
		padding:0 10px 0 48px;
	}
.modele_gammes h1{
	position: absolute;
	top:20px;
	left:20px;
	
}
.modele_gammes  h2 {
	font-size:14px;
	margin:0 0 10px;
	text-align: center;
}
.modele_gammes  h3 {
	font-size:12px;
	margin:0 0 10px;
}
.modele_gammes .texte{
	position: absolute;
	top:60px;
	left:540px;
	width:359px;
	height:330px;
	overflow: auto;
}
	.modele_gammes .texte .inner_texte_gamme{
		padding-right: 29px;
	}
#phrase_bot_gamme{
	position: absolute;
	top:397px;
	left:0;
	width:897px;
	color:#61116a;
	font-weight:bold;
	text-align: center;
	font-size: 14px;
}
/* contacts*/
.modele_contacts #block1{
	position: absolute;	
	text-align: center;
	width:897px;
	top:60px;
}
	.modele_contacts #block1 h1{
		font-size: 35px;
		font-weight: normal;
		color:#500450;
	}
	.modele_contacts #block1 p{
		font-size: 18px;
		font-weight: normal;
	}
.modele_contacts address{
	font-size: 18px;
	font-weight: normal;
	position: absolute;	
	top:290px;
	width:897px;
}
	.modele_contacts address a{
		font-size: 23px;
		font-weight: bold;
		text-decoration: none;
	}


/*historique*/
.modele_historique #block1{
	position: absolute;
	top:40px;
	left:90px;
	width:360px;
	height: 150px;
	overflow: auto;
}
.modele_historique #block2{
	position: absolute;
	top:230px;
	left:90px;
	width:360px;
	height: 150px;
	overflow: auto;
}
	.modele_historique #block1 h2,
	.modele_historique #block2 h2{
		color: white;
	}
		.modele_historique #block1 h2 span,
		.modele_historique #block2 h2 span{
			color: black;
			font-size: 11px;
		}
	.modele_historique #block1 h3,
	.modele_historique #block2 h3{
		font-size: 12px;
	}
	.modele_historique #block1 .inner_contenu{
		width:360px;
		height: 120px;
		overflow: auto;
	}
	.modele_historique #block2 .inner_contenu{
		width:360px;
		height: 120px;
		overflow: auto;
	}

/*produits*/
.succes{
	position: absolute;
	top:102px;
	width:897px;
	text-align: center;
}
#submit_valide{
	position: absolute;
	top:402px;
	left:810px;
}
#form_contact{
	position: absolute;
	top:25px;
	left:600px;
}
	#form_contact th,
	#form_contact td{
		vertical-align: middle;
		padding:1px;
	}
	#form_contact th{
		text-align: right;
	}
#produits{
	width:485px;
	height:288px;
	overflow: auto;
	position: absolute;
	top:103px;
	left:30px;
}
	#produits .produit{
		background: transparent url(/images/boutique/fd-vert.png) no-repeat;
		width:465px;
		height:97px;
	}
		#produits td{
			vertical-align: middle;
			height:77px;
		}
		#produits input{
			width:20px;	
		}
		#produits .col1{
			width:70px;
		}
		#produits .col2{
			width:200px;
		}
		#produits .col3{
			width:50px;
		}
		#produits .col4{
			width:60px;
		}
		#produits .col5{
			width:50px;
		}

#boutique_explication{
	position: absolute;
	padding-left:40px;
	width:475px;
	top:-2px;
}
	#boutique_explication h2{
		font-size: 12px;
	}
	#boutique_explication h2,
	#boutique_explication p{
		margin:0;
		padding:0;
		line-height: 13px;
	}
#boutique_frais{
	position: absolute;
	padding-left:550px;
	top:255px;
	font-size: 11px;
}
#boutique_illus{
	position: absolute;
	padding-left:40px;
	padding-right:350px;
	top:395px;
}
/*pruneaux*/
.modele_pruneaux #block1 h2,
.modele_pruneaux #block2 h2,
.modele_pruneaux #block3 h2{
	color:white;		
}
.modele_pruneaux #block1{
	width:200px;
	position: absolute;
	left:70px;
	top:10px;
}
.modele_pruneaux #block2{
	width:200px;
	position: absolute;
	left:25px;
	top:180px;
}
.modele_pruneaux #block3{
	width:200px;
	position: absolute;
	left:297px;
	top:10px;
}
	.modele_pruneaux #block3 .inner_contenu{
		overflow: auto;
		height:185px;
	}