/***************************** Styles partie généraux ***************************/
body {
	background-color: #FEF8DE; 
	width: 952px;
	margin-left: auto;
	margin-right: auto;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.72em;
	color: #202A25;
}

a {
	color: #202a25;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

.mailto { text-decoration: underline; }
.mailto:hover {text-decoration: none;}

.clear { clear: both; font-size: 0; line-height: 0;}


/***************************** Styles partie head ***************************/

#head #navigation {
	position: relative;
	height: 53px;
	margin-bottom: 15px;
	margin-top: 25px;
	clear: both;
}

#head #navigation img {
	float: left;
}

#head #navigation #supportmenu {
	position: absolute;
	right: 1px;
	bottom: -4px;
}

#head #navigation #supportmenu li {
	float: left;
	margin-left: 35px;
}

#head #navigation #supportmenu li .active { background-color: #F0E5C5; }

#head #navigation #supportmenu li a { padding: 2px; }

#head #navigation #supportmenu li a:hover { background-color: #F0E5C5; text-decoration: none; }

#head #basketButton {
	position: absolute;
	top: -5px;
	right: 0;
}


/***************************** Styles partie maincontent ***************************/
#maincontent {
	overflow: hidden;
	position: relative;
}

#maincontent #sidebanner {
	float: left;
	position : absolute;
	width: 62px;
	margin-right: 2px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
        background:  #8E0322;
}

 #biolabel {
	width: 62px;
	text-align: center;
	position: relative;
	margin-top: 325px;
        display:none;
}

 #placeholder_biolabel {
	position: relative;
}


/***************************** Styles partie menu ***************************/
#maincontent #menu {
	display: inline;
	float: right;
}

#maincontent #menu li {
	height: 33px;
	float: left;
	background-color: #DBCA9C;
}

#maincontent #menu li a span {
	display: none;
}

#maincontent #menu li a {
	display: block;
	height: 33px;
	background-image: url(./themes/site_themes/styles/images/inner-menu.gif);
	background-repeat: no-repeat;	
}

#maincontent #menu .col1 a { background-position: 0px 0px; }
#maincontent #menu .col1 a:hover, #maincontent #menu .col1 .active { background-position: 0px -34px; }

#maincontent #menu .col2 a { background-position: -295px 0px; }
#maincontent #menu .col2 a:hover, #maincontent #menu .col2 .active  { background-position: -295px -34px; }

#maincontent #menu .col3 a { background-position: -591px 0px; }
#maincontent #menu .col3 a:hover, #maincontent #menu .col3 .active  { background-position: -591px -34px; }

#maincontent #menu li a:hover { text-decoration: none; }

#maincontent #menu .col1 {
	width: 294px;
	margin-right: 3px;
}

#maincontent #menu .col2{
	width: 295px;
	margin-right: 3px;
}

#maincontent #menu .col3{
	width: 293px;
}


/***************************** Styles partie contenu central ***************************/

#maincontent #content {
	float: right;
}

#maincontent #content #col1, #maincontent #content #col2, #maincontent #content #col3 {
	float: left;
}

#maincontent #content #col1 {
	width: 173px;
	background-color: #E4D7AB;
	
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

/* col 2 */
#maincontent #content #col2 {
	width: 544px;
}

#maincontent #content .col2wide {
	width: 715px !important;
}

#maincontent #content #col2 #page {
	margin-top: 30px;
	/*margin-bottom: 30px;*/
	padding: 0 40px;
}

/****/
#maincontent #content #col2 #page {
	background-image: url(./themes/site_themes/styles/images/bottomdeco.gif);
	background-repeat: no-repeat;	
	background-position: 238px 100%;
	padding-bottom: 211px;
}

#maincontent #content #col2 .nodecoration {
	background-image: none !important;
	padding-bottom: 10px !important;
	padding-right: 0 !important;
}

#maincontent #content #col2 #page ul {
/*list-style-type:disc;*/
list-style-image: url(./themes/site_themes/styles/images/bullet.gif);
margin-bottom:5px;
padding-left:15px;
}

/*#maincontent #content #col2 #page .clear { height: 0; line-height: 0; }*/
/*****/

#maincontent #content #col2 #page h1 {
	margin-bottom: 22px;
}

#maincontent #content #col2 #page p {
	text-align: left; 
	margin-bottom: 8px;
}

#maincontent #content #col2 #page ul { list-style-type: none;}

#maincontent #content #col2 #page p img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#maincontent #content #col2 h2{
	color:#9F0425;
	font-size:1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
	/*border-top: 1px solid black;*/
	margin-bottom: 5px;
}

#maincontent #content #col2 #page  {  }

#maincontent #content #col2 #page #news .deco{ width: 105px; float: left; }
#maincontent #content #col2 #page #news .news{ margin-left: 110px; }

#maincontent #content #col2 #page #news { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

#maincontent #content #col2 #news li  { margin-bottom: 17px; clear: both; height: 1%; /*border: 1px solid black; */}
#maincontent #content #col2 #news li img { /*float: left;*/ padding: 0; margin: 0; margin-right: 10px; margin-bottom: 0px; }

#maincontent #content #col2 #news p { }
#maincontent #content #col2 #news p a{ text-decoration: underline; }
#maincontent #content #col2 #news p a:hover{ text-decoration: none; }

#maincontent #content #col2 #page #awards { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#maincontent #content #col2 #page #awards h2 { float: left; }
#maincontent #content #col2 #page #awards p { /*float: left;*/ margin-left: 70px; }
#maincontent #content #col2 #page #awards li { clear: both; }


/* fin col 2 */

#maincontent #content #col3 {
	width: 171px;
}

/***************************** Styles partie contenu footer ***************************/
#maincontent #content #col3 #rightboxes{
	padding-top: 80px;
}

.rightbox {
	border: 1px solid #b69d5a;
	height: auto;
	margin-bottom: 18px;
}

#rightboxes .rightbox .title { background-color: #8E0322; height: 21px; }
#rightboxes .rightbox .title h3 { padding-top: 3px; padding-left: 8px; }

#rightboxes .rightbox p, #rightboxes .rightbox a { padding: 8px; padding-right: 60px; }

#rightboxes .rightbox a { text-decoration: underline; display: block;}
#rightboxes .rightbox a:hover { text-decoration: none; }

#rightboxes .events { 
	background-image: url(./themes/site_themes/styles/images/rightbox-events.gif); 
	background-repeat: no-repeat; 
	background-position: 100% 100%; 
}

#rightboxes .news { 
	background-image: url(./themes/site_themes/styles/images/rightbox-news.gif); 
	background-repeat: no-repeat; 
	background-position: 100% 100%; 
}

#rightboxes .vente { 
	background-image: url(./themes/site_themes/styles/images/rightbox-vente.gif); 
	background-repeat: no-repeat; 
	background-position: 100% 100%; 
}

#rightboxes .vente p { 
padding-right: 5px;
}

#rightboxes .events p { padding-right: 0; }

#rightboxes .shoplegend .title { background-color: #F2E9C7; color: #B69D5A; }
#rightboxes .shoplegend { height: auto; }
#rightboxes .shoplegend  ul { padding: 8px;}
#rightboxes .shoplegend  ul li { 
	padding-left: 15px; 
	margin-bottom: 5px;
        min-height: 18px;
	background-repeat: no-repeat; 
	background-position: top left; 
}
#rightboxes .shoplegend  ul .rouge { background-image: url(./themes/site_themes/styles/images/shop-rouge.gif); }
#rightboxes .shoplegend  ul .blanc { background-image: url(./themes/site_themes/styles/images/shop-blanc.gif); }
#rightboxes .shoplegend  ul .champagne { background-image: url(./themes/site_themes/styles/images/shop-champagne.gif); }
#rightboxes .shoplegend  ul .rose { background-image: url(./themes/site_themes/styles/images/shop-rose.gif); }

.map { clear: both; }

.contactblock .wide { background-image: url(./themes/site_themes/styles/images/contact-wide.jpg); }
.contactblock .narrow { background-image: url(./themes/site_themes/styles/images/contact-narrow.jpg); }
.contactblock #imageswitch { position: relative; width: 460px; height: 374px; float: left; }
.contactblock #imageswitch a { position: absolute; top: 343px; left: 428px; display: block; /*border: 1px solid black;*/ width: 21px; height: 21px;}
.contactblock #imageswitch a:hover { text-decoration: none; }

.contact { /*margin-top: 80px;*/  width: 169px; float: right;}
.contact .title { background-color: #8E0322; height: 21px; }
.contact .title h3 { padding-top: 3px; padding-left: 8px; }
.contact .title{ background-color: #E2D5A9; }
.contact #directions { padding: 12px; }
.contact #directions .distance { margin-left: 10px; margin-bottom: 5px; }

/***************************** Styles partie contenu sidenav (menu de navigation des pages internes) ***************************/
#sidenav { margin-top: 30px; }

#sidenav a { display: block; }
#sidenav a:hover { text-decoration: none; }

#sidenav li { overflow: hidden; background-color: #E4D7AB; }

#sidenav li ul { background-color: #DBCA9C; }

#sidenav li ul li { background-color: #DBCA9C; }

#sidenav li ul li ul { padding-bottom: 3px; }

#sidenav .level1 a {
	font-size: 1.00em;
	color: #9f0425;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(./themes/site_themes/styles/images/level1menu.gif);
	background-repeat: no-repeat;
	background-position: 16px 8px;
	padding-left: 30px;
}

#sidenav .level1 a:hover { background-color: #CDBA82;}

#sidenav .level2 a {
	font-size: 1.00em;
	color: black;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(./themes/site_themes/styles/images/level2menu.gif);
	background-repeat: no-repeat;
	background-position: 16px -1px;
	padding-left: 30px;
}


#sidenav .level2 a { background-color: transparent; }

#sidenav .level2 a:hover { color: #7a6430; background-position: 16px -135px;  }

#sidenav .level3 a {
	font-size: 1.00em;
	color: #7a6430;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	background-color: transparent; 
	text-decoration: none;
}

#sidenav .level3 a:hover { text-decoration: underline; }

#sidenav .level1 .active { 
	background-position: 16px 8px;
	background-color: #CDBA82;
	text-decoration: none;
}
#sidenav .level2 .active { color: #7a6430; background-position: 16px -135px;  }
#sidenav .shoplevel2 .active { background-position: 16px -135px; text-decoration: underline; color: black; }
#sidenav .level3 .active { text-decoration: underline; }

#sidenav .level1 .hasSub  { 
	background-position: 16px -42px; 
	background-color: #CDBA82;
	text-decoration: none;
}
#sidenav .level2 .hasSub { color: black; background-position: 16px -68px; text-decoration: none; }

/***************************** Styles partie contenu footer ***************************/

#footer {
	display: none;
}

/**************************** Styles de remplacement sIFR ***************************/

#col2 h1 {
color: #B99E59;
font-weight: bold;
background-color: transparent;
text-transform: uppercase;
font-weight: bold;
}

.rightbox h3 {
color: white;
font-weight: bold;
background-color: transparent;
text-transform: uppercase;
font-weight: bold;
}

/************************ Styles du shop **********************************/

#maincontent #content #col2 #page #shop {
	padding: 0;
	margin: 0;
}

#maincontent #content #col2 #page #shop {
	list-style-image: none;
}

#shop li {
	clear: both;
	margin-bottom: 14px;
}

#shop li .status {
	height: 23px;
	border-bottom: 1px solid #D9CA9C;
}

#shop .new {
	background-image: url(./themes/site_themes/styles/images/shop-new.gif);
	background-repeat: no-repeat; 
	background-position: top right;
}

#shop .status  {
}

#shop .status img { 
	/*position: absolute;*/
	float: right;
}

#shop .status .info { 
	cursor: pointer;
}

#shop .status .new { 
	margin-left: 10px;
	margin-right: -14px; 
}

#shop .status .promotion { 
	margin-left: 10px;
	margin-right: -14px; 
}

#shop .status .coupdecoeur { 
	margin-left: 10px;
	margin-right: -13px; 
}

#shop .content {
	margin-top: 2px;
}

#shop .content h3 {
	color: #9f0425;
	padding-left: 18px;
	padding-top: 2px;
	background-repeat: no-repeat; 
	background-position: top left;
	/*height: 18px;*/
	width: 400px;
        min-height: 18px;
}

#shop .content .bio {
	background-image: url(./themes/site_themes/styles/images/shop-bio.gif);
	background-repeat: no-repeat; 
	background-position: top right;
}

#shop .content .rouge, #shop .content .Rouge {
	background-image: url(./themes/site_themes/styles/images/shop-rouge.gif);
}

#shop .content .blanc, #shop .content .Blanc {
	background-image: url(./themes/site_themes/styles/images/shop-blanc.gif);
}

#shop .content .rose, #shop .content .Rose {
	background-image: url(./themes/site_themes/styles/images/shop-rose.gif);
}

#shop .content .champagne, #shop .content .Champagne {
	background-image: url(./themes/site_themes/styles/images/shop-champagne.gif);
}

#shop  .content p {
	padding-left: 18px;
}

#shop form {
	border-top: 1px solid #9f0425;
	border-bottom: 1px solid #9f0425;
	background-color: #F2E9C7;
	height: 20px;
	padding: 0;
	margin: 0;
	padding-top: 2px;
}

#shop form input {
	/*border-color:#E9E8E4 rgb(233, 232, 228) rgb(187, 186, 181);*/
	border-color:#C8B783 white #f9f6ed #C8B783;
	border-style:solid;
	border-width:1px;
	margin-left: 18px;
	width: 35px;
	height: 13px;
	font-size: 9px;
	padding-top: 0;
	margin-top: 2px;
}

#shop form label {
	float: left;
	padding: 0;
	margin: 0;
	height: 20px;
}

#shop form .submit { 
	background-repeat: no-repeat; 
	background-position: top left;
	border: none;
	background-color: transparent;
	color: #9f0425;	
	font-size: 11px; 
	float: right;
	text-align: right;
	width: 184px;
	height: 20px;
	margin-top: 0px;
}

#shop .promo {
 border-bottom: 1px solid #9F0425;
}

#shop form .modifier { width: 79px; }
#shop form .supprimer { width: 79px; }

#shop  .infobox {
	position: absolute;
	left: 275px;
	/*top: 30%;*/
	background-image: url(./themes/site_themes/styles/images/shadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: none;
}

#shop .infobox .deco { background-color: #eee3ba; margin-bottom: 10px; }
#shop .infobox .deco img { padding-left: 18px; }

#shop  .infoshown {
	display: block;
}

#shop .infobox .descr {
	width: 510px;
	border: 1px solid #b69d5a;
	background-color: #fdf7d8;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 8px;
}

#shop .infobox .descr .head {
	display: block;
	background-color: #efe3ba;
	height: 21px;
	padding-left: 10px;
	padding-top: 5px;	
}

#shop .infobox .descr .head span {
	text-transform: uppercase;
	color: black;
	font-weight: normal;
	float: left;
}

#shop .infobox .descr .head a {
	float: right;
	margin-right: 5px;
	text-decoration: underline;
}

#shop .infobox .descr .head a:hover {
	text-decoration: none;
}

#shop .infobox .descr p{
	padding-left: 18px;
}

#shop .infobox .descr p .bio {
	display: block; 
}

#basketTotal { 
	font-weight: bold; 
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}

#basketActions {
	border-top: 1px solid #9F0425; 
}

#basketActions .continuer, #basketActions .valider, #basketActions .envoyer  {
	height: 20px;
	background-color: #F2E9C7; 
	border-bottom: 1px solid #9F0425;
}

#basketActions .continuer input, #basketActions .valider  input, #basketActions .envoyer input {
	float: right;
}

.generalconditions { 
	margin-top: 25px;
/*
	padding-left: 15px;
*/
}

.generalconditions a { text-decoration: underline; } 
.generalconditions a:hover { text-decoration: none; }

#contact #contactbox { 
	background-color: #F0E7C6; 
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
}

#contact #contactbox .double label{ float: left;}
#contact #contactbox .double input { width: 213px; }
#contact #contactbox .simple input, #contact #contactbox .simple textarea { width: 428px; }
#contact #contactbox p, #contact #contactbox { clear: both; }
#contact #contactbox p { margin-top: 8px; }

#contact #contactbox input, #contact #contactbox textarea {
	border-color:#C8B783 white #f9f6ed #C8B783;
	border-style:solid;
	border-width:1px;
	font-size: 9px;
	height: 14px;
	display: block;
}

#contact #contactbox textarea {
	height: 80px;
}

#contact #basketAction {
	margin-top: 15px;
}