html {
	height: 100%;
	min-width: 1165px;

}

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#feffff url(../images/background.jpg) 50% 0 no-repeat;
	font-size:13px;
	color:#000000;
	font-family: trebuchet ms,sans-serif;
	font-weight:normal;
}

hr {
	color: #784263;
	background-color: #784263;
	height: 1px;
	border: 0;
}

table {
	font-size:12px;
	text-align: left;
}


/** pour le calque qui scroll **/
#ligne {
	position:absolute;
	top: 42px;
	left: 1059px;
	width: 1px;
	height: 358px;
	overflow:hidden;
	background-color: #784263;;
}
#up {
	position:absolute;
	top: 22px;
	left: 1050px;
	width:20px;
	height:20px;
	overflow:hidden;
}
#down {
	position:absolute;
	top: 400px;
	left: 1050px;
	width:20px;
	height:20px;
	overflow:hidden;
}

#container_produits {
	position:absolute;
	top: 10px;
	left: 545px;
	width:485px;
	height:430px;
	border:0px;
	overflow:hidden;
	z-index: 1000;
}


#container {
	position:relative;
	top: 10px;
	left: 545px;
	width:485px;
	height:400px;
	border:0px;
	overflow:hidden;
}

#content {
	position:absolute;
	top: 10px;
	width:480px;
	left: 545px;
	top:0;
}
/*
#container h1, #content h1 {
	text-align: right;
	color: #784263;
	font-size: 16px;
	font-weight: bold;
}

#container hr, #content hr {
	color: #784263;
	background-color: #784263;
	height: 1px;
	border: 0;
}
*/

/****/


#page{
	width:1165px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
}




/***** header *****/
#bandeau{
	margin-left:auto;
	margin-right:auto;
	width:1016px;
	height: 50px;
	text-align:right;
	padding-top:30px;
	font-size: 14px;
}
/****/

/***** boutique *****/


#cgv {
	background: url(../images/icone_cgv.png) left top no-repeat;
	position: absolute;
	font-weight:normal;
	color:#784263;
	font-size:10px;
	font-style: italic;
	text-align: left;
	height: 45px;
	width: 50px;
	margin-top: 40px;
	padding-top: 5px;
	padding-left: 40px;
	line-height: 10px;
}
#cgv a:link, #cgv a:active, #cgv a:visited {
	font-weight:normal;
	color:#784263;
	font-size:10px;
	font-style: italic;
	text-align: left;
	text-decoration: none;
}
#cgv a:hover{
	text-decoration: underline;
}


#resume_produit {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	border: 1px solid #784263; 
	cursor:  pointer;
	min-height: 160px;
}

#resume_produit h1 {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	line-height: 15px;
	padding-bottom: 10px;
}

#detail_produit {
	position: absolute;
	top: 0px;
	left: 0px;
	width:418px;
	height:400px;
	border: 1px solid #784263; 
	overflow:hidden;
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	color: #3e3d40;
	top: 15px;

}

#detail_produit h1 {
	color: #784263;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	padding-left: 10px;
}

#detail {
	width:70px;
	height: 35px;
	background: url(../images/detail-miel.png) left top no-repeat;
	position: relative;
	overflow: hidden;
	left: 130px;
}
/****/


/****topmenu  *****/
#menu{
	margin-left:auto;
	margin-right:auto;
	width: 1016px;
	margin-top:10px;
	height: 80px;
	text-transform:uppercase;
}


#btaccueil, #btaccueil_active {
	position: absolute;
	font-weight:normal;
	color:#784263;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 90px;
	margin-left: 370px;
	padding-top: 30px;
}

#btactu, #btactu_active {
	position: absolute;
	font-weight:normal;
	color:#784263;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 105px;
	margin-left: 450px;
	padding-top: 30px;
}

#btpresent, #btpresent_active {
	position: absolute;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 120px;
	margin-left: 550px;
	padding-top: 30px;
}

#btapi, #btapi_active {
	position: absolute;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 107px;
	margin-left: 670px;
	padding-top: 30px;
}


#btproduct, #btproduct_active {
	position: absolute;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 92px;
	margin-left: 770px;
	padding-top: 30px;
}


#btinfo, #btinfo_active {
	position: absolute;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 65px;
	margin-left: 860px;
	padding-top: 30px;
}

#btcontact, #btcontact_active {
	position: absolute;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	height: 45px;
	width: 88px;
	margin-left: 925px;
	padding-top: 30px;
}

#btaccueil a, #btactu a, #btpresent a, #btapi a, #btproduct a, #btinfo a, #btcontact a {
	font-weight:normal;
	color:#784263;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#btaccueil_active a, #btactu_active a, #btpresent_active a, #btapi_active a, #btproduct_active a, #btinfo_active a, #btcontact_active a {
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#btaccueil a:hover, #btactu a:hover, #btpresent a:hover, #btapi a:hover, #btproduct a:hover, #btinfo a:hover, #btcontact a:hover, #btaccueil_active a:hover, #btactu_active a:hover, #btpresent_active a:hover, #btapi_active a:hover, #btproduct_active a:hover, #btinfo_active a:hover, #btcontact_active a:hover {
	font-weight:bold;
	text-decoration: underline;
}

#btaccueil_active a:hover, #btactu_active a:hover, #btpresent_active a:hover, #btapi_active a:hover, #btproduct_active a:hover, #btinfo_active a:hover, #btcontact_active a:hover {
	text-decoration: none;
}


div#btaccueil_active a:link, div#btaccueil_active a:visited {
	background: url(../images/miel-vielvic-accueil.png) left no-repeat;
}


div#btactu_active a:link, div#btactu_active a:visited {
	background: url(../images/miel-vielvic-actus.png) left no-repeat;
}

div#btpresent_active a:link, div#btpresent_active a:active, div#btpresent_active a:visited {
	background: url(../images/miel-vielvic-presentation.png) left no-repeat;
}

div#btapi_active a:link, div#btapi_active a:visited {
	background: url(../images/miel-vielvic-apiculture.png) left no-repeat;
}

div#btproduct_active a:link, div#btproduct_active a:visited {
	background: url(../images/miel-vielvic-produits.png) left no-repeat;
}

div#btinfo_active a:link, div#btinfo_active a:visited {
	background: url(../images/miel-vielvic-infos.png) left no-repeat;
}
/*
div#btcontact_active a:hover, div#btcontact_active a:active, div#btcontact a:hover {
	background: url(../images/miel-vielvic-contact.gif) left no-repeat;
}
*/
div#btcontact_active a:link, div#btcontact_active a:visited {
	background: url(../images/miel-vielvic-contact.png) left no-repeat;
}

/****/


a:link, a:active, a:visited {
	padding: 0;
	color:#784263;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
}



/****menu gauche  *****/
#leftcolone{
	position: absolute;
	margin-top: 30px;
	margin-left: 300px;
	padding-top: 20px;
	padding-bottom: 24px;
	width:200px;
	text-align:left;
	float:left;
	display: block;
}

#leftcolone h1 {
	padding-left: 35px;
	color: #bf85b2;
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

#sitemap ul, #leftcolone ul {
	margin: 0;
	padding: 0;
	padding-top: 0px;
}

#sitemap li, #leftcolone li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	display: block;
}

#sitemap {
	position:relative;
	top: -1px;
	left: 470px;
	width:580px;
	height:450px;
	border:0px;
	overflow:hidden;
}

.sitemap {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}


#leftcolone li a:link, #leftcolone li a:active, #leftcolone li a:visited {
	padding: 0;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 10px;
	color:#784263;
	font-size:13px;
	font-weight:normal;
	text-decoration: none;
}

#leftcolone  li a:hover, #leftcolone  li a:active{
	font-weight:bold;
	text-decoration: underline;
}

#leftcolone  li a.active{
	font-weight:bold;
	background: url(../images/fleur.gif) 0px 1px no-repeat !important;
	text-decoration: none;
}







#leftcolone li a.noway:link, #leftcolone li a.noway:active, #leftcolone li a.noway:visited, #leftcolone  li a.noway:hover, #leftcolone  li a.noway:active {
	padding: 0;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 10px;
	color:#666666;
	font-size:13px;
	font-weight:normal;
	text-decoration: none;
	cursor: default;
}




/****au centre  *****/


.mini{
	font-size:11px;
}


#contentacc{
	width:1165px;
	min-height: 585px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position: relative;
	overflow: hidden;
	font-size: 12px;
}

#txt-accueil {
	color: #384185; 
	font-size: 12px;
	width:380px;
	top: 332px;
	left: 690px;
	position: absolute;
	overflow: hidden;
}
#txt-accueil h1 {
	color: #384185; 
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
#txt-accueil:hover {
	cursor:  pointer;
}
#txt-boutique {
	color: #98ab56; 
	font-size: 13px;
	width:360px;
	top: 359px;
	left: 680px;
	position: absolute;
	overflow: hidden;
	display: none;
}
#txt-boutique span.fonce {
	color: #6d7e31; 
	font-weight: bold;
}
#txt-boutique h1 {
	font-weight: bold;
	line-height: 10px;
	font-size: 13px;
	text-align: right;
}

#miels {
	width:275px;
	height: 259px;
	background: url(../images/miel-lozere.png) left top no-repeat;
	top: -18px;
	left: 257px;
	position: absolute;
	overflow: hidden;
}
#miels:hover {
	background: url(../images/miel-lozere_on.png) left top no-repeat;
	cursor:  pointer;
}
#miels h1 {
	padding-top: 75px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}
#txt-produits, #txt-miels {
	width:160px;
	height: 259px;
	padding-left: 75px;
	padding-right: 35px;
	color: #784263;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#miels a:link, #miels a:active, #miels a:visited {
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#miels a:hover {
	text-decoration: underline;
}

#produits {
	width:275px;
	height: 259px;
	background: url(../images/produit-ruche.png) left top no-repeat;
	top: -18px;
	left: 257px;
	position: absolute;
	overflow: hidden;
}
#produits:hover {
	background: url(../images/produit-ruche_on.png) left top no-repeat;
	cursor:  pointer;
}
#produits h1 {
	padding-top: 75px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 8px;
}
#produits p {
	color: #784263;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#produits a:link, #produits a:active, #produits a:visited {
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#produits a:hover {
	text-decoration: underline;
}

#visites {
	width:267px;
	height: 241px;
	background: url(../images/visite-miellerie.png) left top no-repeat;
	top: 149px;
	left: 437px;
	position: absolute;
	overflow: hidden;
}
#visites:hover {
	background: url(../images/visite-miellerie_on.png) left top no-repeat;
	cursor:  pointer;
}
#visites h1 {
	padding-top: 50px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}
#visites p {
	color: #784263;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#visites a:link, #visites a:active, #visites a:visited {
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#visites a:hover {
	text-decoration: underline;
}



#pollen {
	width:267px;
	height: 241px;
	background: url(../images/pollen-propolis-lozere.png) left top no-repeat;
	top: 149px;
	left: 437px;
	position: absolute;
	overflow: hidden;
}
#pollen:hover {
	background: url(../images/pollen-propolis-lozere_on.png) left top no-repeat;
	cursor:  pointer;
}
#pollen h1 {
	padding-top: 50px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}
#txt-visites, #txt-pollen {
	width:157px;
	height: 241px;
	padding-left: 75px;
	padding-right: 45px;
	color: #784263;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#pollen a:link, #pollen a:active, #pollen a:visited {
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#pollen a:hover {
	text-decoration: underline;
}

#apibio {
	width:309px;
	height: 236px;
	background: url(../images/apiculture-biologique.png) left top no-repeat;
	top: 77px;
	left: 666px;
	position: absolute;
	overflow: hidden;
}
#apibio:hover {
	background: url(../images/apiculture-biologique_on.png) left top no-repeat;
	cursor:  pointer;
}
#apibio h1 {
	padding-top: 50px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}
#apibio p {
	color: #784263;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#apibio a:link, #apibio a:active, #apibio a:visited {
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#apibio a:hover {
	text-decoration: underline;
}


#kdo {
	width:309px;
	height: 236px;
	background: url(../images/cadeux-miel-lozere.png) left top no-repeat;
	top: 77px;
	left: 666px;
	position: absolute;
	overflow: hidden;
}
#kdo:hover {
	background: url(../images/cadeux-miel-lozere_on.png) left top no-repeat;
	cursor:  pointer;
}
#kdo h1 {
	padding-top: 50px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}
#txt-apibio, #txt-kdo {
	width:149px;
	height: 236px;
	padding-left: 47px;
	padding-right: 95px;
	color: #784263;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#kdo a:link, #kdo a:active, #kdo a:visited {
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#kdo a:hover {
	text-decoration: underline;
}

#infoabeille {
	width:262Px;
	height: 263px;
	background: url(../images/info-abeille.gif) left top no-repeat;
	top: -7px;
	left: 874px;
	position: absolute;
	overflow: hidden;
}

#infoabeille h1 {
	padding-top: 45px;
	padding-left: 55px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}

#infoabeille p {
	padding-left: 55px;
	padding-right: 60px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#infoabeille a:link, #infoabeille a:active, #infoabeille a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#infoabeille a:hover {
	text-decoration: underline;
}


#ideeabeille h1 {
	padding-top: 45px;
	color: #784263;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}

#ideeabeille {
	padding-left: 55px;
	padding-right: 60px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	width:160Px;
	height: 263px;
	background: url(../images/idee-abeille.gif) left top no-repeat;
	top: -7px;
	left: 874px;
	position: absolute;
	overflow: hidden;
}

#ideeabeille a:link, #ideeabeille a:active, #ideeabeille a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#ideeabeille a:hover {
	text-decoration: underline;
}

/** alvéole gauche **/

#logoab {
	width:259px;
	height: 301px;
	background: url(../images/miel-bio.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logoboutique {
	width:150px;
	height: 69px;
	background: url(../images/boutique.gif) left top no-repeat;
	top: 50px;
	left: 550px;
	position: absolute;
	overflow: hidden;
}
#logomielpot {
	width:259px;
	height: 301px;
	background: url(../images/miel-pots.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logomielkdo {
	width:300px;
	height: 301px;
	background: url(../images/miel-kdo.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: show;
}
#logobruyere {
	width:259px;
	height: 301px;
	background: url(../images/miel-fleur-lozere.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logohistoire {
	width:259px;
	height: 301px;
	background: url(../images/logohistoire.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logoinfo {
	width:259px;
	height: 301px;
	background: url(../images/logoinfo.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logovisite {
	width:259px;
	height: 301px;
	background: url(../images/bruyere.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logoenvironnement {
	width:259px;
	height: 301px;
	background: url(../images/vielvic-environnement.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}

#logosavoir {
	width:259px;
	height: 301px;
	background: url(../images/logosavoirfaire.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}

#logoabeille {
	left: -40px;
	width:299px;
	height: 301px;
	top: -31px;
	position: absolute;
	overflow: hidden;
}
#logolabel {
	width:259px;
	height: 301px;
	background: url(../images/logoab.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logozoom {
	width:259px;
	height: 301px;
	background: url(../images/zoom.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logozoom h1 {
	padding-top: 80px;
	padding-left: 110px;
	font-weight: bold;
	font-size: 12px;
	color: #784263;
	line-height: 15px;
	width: 80px;
	text-align: right;
}
#logozoom div, #logozoom p {
	padding-left: 58px;
	padding-right: 50px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#logoproduits {
	width:259px;
	height: 301px;
	background: url(../images/zoom.png) left top no-repeat;
	top: -20px;
	position: absolute;
	overflow: hidden;
}
#logoproduits h1 {
	text-align: right;
	padding-top: 70px;
	padding-right: 60px;
	font-weight: bold;
	font-size: 12px;
	color: #784263;
	line-height: 10px;
}
#logoproduits div, #logoproduits p {
	padding-left: 58px;
	padding-right: 50px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#logoproduits a:link, #logoproduits a:active, #logoproduits a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
}

#logoproduits a:hover {
	text-decoration: underline;
}
/* menu piedpage */

#coordonnees{
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	width:1016px;
	height: 36px;
	text-align:left;
	color:#784263;
}

#piedpage{
	margin-left:auto;
	margin-right:auto;
	width:1016px;
	height: 36px;
	text-align:right;
	color:#83874e;
	font-size:11px;
}

#piedpage ul {
	margin: 0;
	padding: 0;
	padding-top: 12px;
	height: 36px;
}

#piedpage li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	display: inline;
}

#piedpage a {
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	color:#83874e;
	font-size:11px;
	text-decoration: none;
}

#piedpage  a:hover{
	text-decoration: underline;
}

#piedpage a.active {
	text-decoration: underline;
}

/* page recap commande */

table.panier {
	border: 1px solid #784263; 
	margin-top: 10px;
	height: 300px;
}
tr.panier {
	background-color: #bf85b2;
	background: url(../images/pixel-transpa.png) repeat;
}

td.panier {
	color: #784263;
	font-weight: bold;
	text-align:center;
	line-height: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	height: 20px;
}
td.panier_pu {
	color: #784263;
	font-weight: bold;
	text-align:center;
	line-height: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	border-right: 1px solid #784263; 
	height: 20px;
}
td.panier_total {
	color: #784263;
	font-weight: bold;
	text-align:center;
	line-height: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #784263; 
	height: 20px;
}
td.panier_total2 {
	color: #784263;
	font-weight: bold;
	text-align:center;
	line-height: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 20px;
}
td.panier_descr {
	color: #784263;
	font-weight: bold;
	text-align:left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	height: 20px;
}

td.panier_extra {
	color: #3e3d40;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	height: 20px;
}
td.panier_extra_pu {
	color: #3e3d40;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	border-right: 1px solid #784263; 
	height: 20px;
}
td.panier_prod {
	color: #3e3d40;
	text-align:left;
	padding-left: 20px;
	border-bottom: 1px solid #784263; 
	height: 20px;
}
td.panier_frais {
	color: #3e3d40;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	border-right: 1px solid #784263; 
	height: 20px;
}
td.panier_frais2 {
	color: #3e3d40;
	text-align:right;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px solid #784263; 
	border-bottom: 1px solid #784263; 
	height: 20px;
}
td.panier_franco {
	color: #3e3d40;
	text-align:right;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #784263; 
	border-right: 1px solid #784263; 
	text-align:center;
	height: 20px;
}

td.panier_plus {
	border-bottom: 1px solid #784263; 
	border-right: 1px solid #784263; 
}
td.panier_plus2 {
	border-bottom: 1px solid #784263; 
}
.obligatory {
	font-style: italic;
	font-size: 10px;
}

/* page contact */
#leftcolonecontact{
	position: absolute;
	margin-top: 30px;
	margin-left: 300px;
	padding-top: 0px;
	padding-bottom: 24px;
	width:200px;
	text-align:left;
	float:left;
	display: block;
}

#leftcolonecontact h1 {
	padding-left: 55px;
	padding-bottom: 15px;
	color: #b2759a;
	font-size: 14px;
	font-weight: bold;
	line-height: 10px;
}



/* page infos */
#leftcoloneinfos{
	position: absolute;
	margin-top: 30px;
	margin-left: 300px;
	padding-top: 0px;
	padding-bottom: 24px;
	width:200px;
	text-align:left;
	float:left;
	display: block;
}

#leftcoloneinfos h1 {
	padding-left: 135px;
	color: #bf85b2;
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
}
#miniplan {
	position: relative;
	left: 50px;
	top: -40px;
}
#zoomette {
	position: relative;
	left: 20px;
	top: -50px;
	cursor: pointer;
}

#plan {
	position: absolute;
	left: 0px;
	width:480px;
	height:381px;
	border: 1px solid #784263; 
	overflow:hidden;
	background-color: #FFFFFF;
	text-align: left;
	color: #3e3d40;
	top: 10px;
}
.texteviolet {
	font-size: 12px;
	font-weight: normal;
	color: #784263;
	text-align: left;
	display: block;
}
.titreviolet {
	font-size: 16px;
	font-weight: bold;
	color: #784263;
	text-align: right;
	display: block;
}
.soustitreviolet {
	font-size: 14px;
	font-weight: bold;
	color: #784263;
	text-align: left;
	display: block;
}


/* formulaires */


TEXTAREA, SELECT, INPUT {
	font-family: trebuchet ms,sans-serif;
     color:#784263;
     background-color:#FFFFFF;
     font-size:11px;
	 border: 1px solid #784263; 
	 margin-top: 5px;
	 margin-left: 5px;
}

.prix_total_commande {
	 border: 0px solid #784263; 
	 background-color: transparent;
	color: #784263;
	font-weight: bold;
	text-align:right;
	font-size: 12px;
}

.prix_unitaire, .prix_total {
	 border: 0px solid #784263; 
	 background-color: transparent;
	 font-size: 12px;
	 color: #000000;
	 text-align: right;
}

.champ_verou {
	 border: 0px solid #784263; 
	 background-color: transparent;
	 font-size: 12px;
	 color: #784263; 
	 font-weight: bold; 
	 text-align: left;
}
.txt_qte {
	 text-decoration: underline;
	 color: #784263; 
	 font-size: 11px;
	 font-weight: bold;
}

.qte {
	 text-align: center;
}

.delete_panier, #ajout_panier {
	 border: 0px solid #784263; 
	 background-color: transparent;
}

#envoyer {
	background: url(../images/miel-vielvic-infos.png) left no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 7px;
}
#envoyer:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#btdevis {
	border: 0;
	padding-right: 75px;
	padding-top: 20px;
}

#devis {
	position: relative;
	left: 90px;
	top: 35px;
	border: 0;
}
#retour:link {
	position: relative;
	top: 30px;
	left: 0px;
	text-decoration: none;
}
#retour:hover {
	text-decoration: underline;
}

.photo {
}


.jour {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
}
 .mois {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
 }

 .annee {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
 }


 table.blanc, td.blanc {
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border: 1px solid #000000; 
	line-height: 13px;
	height: 25px;
}
 .bleu_f {
	background-color: #91a8ce;
	border: 1px solid #000000; 
	cursor: pointer;
 }
 .bleu_c {
	background-color: #d0dcf3;
	border: 1px solid #000000; 
	cursor: pointer;
 }
 .rose_c {
	background-color: #f1ceed;
	border: 1px solid #000000; 
	cursor: pointer;
}
 .rose_f {
	background-color: #b18ca3;
	border: 1px solid #000000; 
	cursor: pointer;
 }

 .vert_c {
	background-color: #cfd595;
	border: 1px solid #000000; 
	cursor: pointer;
 }
 .vert_f {
	background-color: #a9af6a;
	border: 1px solid #000000; 
	cursor: pointer;
 }
 .prettyPhoto_liseret {
	border: 1px solid #784263; 
 }