@charset "utf-8";
/* CSS Document */

/*
################################
Chambleau.ch 
V.1.0 - FEB 2013
################################


################################
Californie Creatives / www.californie.ch

CSS
- Alexandre Witschi
################################
*/

body, html {
	height:100%;
	}
body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(../js/backgroundsize.htc);	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	min-height:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFF;
	background-color: #000;
}
a, a:visited {
	text-decoration: underline;
	}
a:hover {
	text-decoration: underline;
	}
table td {vertical-align:top;}
hr {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #999;
}
dl, dt, dd {
	padding:0px;
	margin:0px;
	}
/* ################################

BACKGROUNDS and COLORS

################################ */

div#bannerbtm{
	text-align: center;
	color: white;
	font-size: 20px;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.29);
}

div#bannerbtm a,div#bannerbtm a:visited{
	text-decoration: none;
	color: #fff;
	opacity: 0.8;
}
div#bannerbtm a:hover{
	opacity: 1;
}

/*  Lastest News  */
div#lastnews{}
div#lastnews div.newsflash{padding-top: 40px;}
div#lastnews p a{color: white;}
div#lastnews p.mod-articles-category-readmore{
	text-align: right;
}
div#lastnews p.mod-articles-category-readmore a{
	color: white;
}
div#lastnews p{
	text-align: justify;
	color: #f3f3f3;
	font-size: 13px;
}
div#lastnews span.mod-articles-category-date{
	font-style: italic;
	color: #3a3a3a;
	font-weight: bold;
}
div#lastnews ul{margin:0;}
div#lastnews ul li{list-style: none;border-bottom: 1px solid rgba(255, 255, 255, 0.19);}
div#lastnews h3{
	color: white;
	font-size: 20px;
	text-decoration: none;
}
div#lastnews h2{
	color: #212c31;
	font-size: 22px;
	margin-bottom: 25px;
	margin-top: 30px;
}

/* HOMEPAGE */
body.bg-1  {background-image: url(../../../images/backgrounds/bg-1.jpg);}
.section-1 .leading-0 {display:none;}
.section-1 .credits a, .section-1 .credits a:visited {position:absolute; right:10px; bottom:10px; font-size:11px; color:#fff; text-decoration:none; text-shadow: 3px 0px 3px #000;}
.section-1 .credits a:hover {color:#fff; text-decoration:underline;}
/* ESPRIT DE CHAMBLEAU */

.section-2 p, .section-2 li { color:#b4a598;}
.section-2 h2 { color:#fff;}
.section-2 a, .section-2 a:visited {color:#b4a598;text-decoration: underline;}
.section-2 a:hover {color:#fff;  }
.section-2 #breadcrumbs .divider { color:#b4a598;}
.section-2 #breadcrumbs ul li { color:#b4a598;}
.section-2 #breadcrumbs ul li a, .section-2 #breadcrumbs ul li a:visited {color: #67524b; text-shadow:0px 1px 3px #000; }
.section-2 #breadcrumbs ul li a:hover {color: #7C635A;}
.section-2 #submenu ul li a, #section-2 #submenu ul li a:visited {color: #b4a598; text-shadow:0px 1px 1px #000;}
.section-2 #submenu ul li a:hover {color: #fff;}
.section-2 #submenu ul li.active, .section-2 #submenu ul.nav li.active a {color: #fff;}
.section-2 .submenu-separator {border-bottom-color: #FFF;}
body.bg-2 {background-image: url(../../../images/backgrounds/bg-2.jpg);}
body.bg-2-1 {background-image: url(../../../images/backgrounds/bg-2-1.jpg);}
body.bg-2-2 {background-image: url(../../../images/backgrounds/bg-2-2.jpg);}
body.bg-2-3 {background-image: url(../../../images/backgrounds/bg-2-3.jpg);}
body.bg-2-4 {background-image: url(../../../images/backgrounds/bg-2-4.jpg);}
body.bg-2-5 {background-color: #000;}
body.bg-2-6 {background-image: url(../../../images/backgrounds/bg-2-6.jpg);}

/* VINS */
.section-3 p, .section-3 li {color:#999;}
.section-3 h2 { color:#fff;}
.section-3 h3 {color: #ff0ff0;}
.section-3 a, .section-3 a:visited {color:#fff;text-decoration: underline;}
.section-3 a:hover {color:#fff;  }
.section-3 #breadcrumbs .divider { color:#CCC;}
.section-3 #breadcrumbs ul li { color:#CCC;}
.section-3 #breadcrumbs ul li a, .section-3 #breadcrumbs ul li a:visited {color: #fff;}
.section-3 #breadcrumbs ul li a:hover {color: #fff;}
.section-3 #submenu ul li a, #section-3 #submenu ul li a:visited {color: #ccc; text-shadow:0px 1px 1px #000;}
.section-3 #submenu ul li a:hover {color: #fff;}
.section-3 #submenu ul li.active, .section-3 #submenu ul.nav li.active a {color: #fff;}
body.bg-3, body.supProductsBg {background-image: url(../../../images/backgrounds/bg-3.jpg);}
body.bg-3-pinot_noir_pur_sang {background-image: url(../../../images/backgrounds/bg-3-pinot_noir_pur_sang.jpg);}
body.bg-3-pinot_noir_charlotte {background-image: url(../../../images/backgrounds/bg-3-pinot_noir_charlotte.jpg);}
body.bg-3-pinot_noir_classique {background-image: url(../../../images/backgrounds/bg-3-pinot_noir_classique.jpg);}
body.bg-3-blanc_neuchatel {background-image: url(../../../images/backgrounds/bg-3-blanc_neuchatel.jpg);}
body.bg-3-blanche_loye {background-image: url(../../../images/backgrounds/bg-3-blanche_loye.jpg);}
body.bg-3-blanc_non_filtre {background-image: url(../../../images/backgrounds/bg-3-blanc_non_filtre.jpg);}
body.bg-3-junior {background-image: url(../../../images/backgrounds/bg-3-junior.jpg);}
body.bg-3-metissage_barrique {background-image: url(../../../images/backgrounds/bg-3-metissage_barrique.jpg);}
body.bg-3-ephemere {background-image: url(../../../images/backgrounds/bg-3-ephemere.jpg);}
body.bg-3-chardonnay_barrique {background-image: url(../../../images/backgrounds/bg-3-chardonnay_barrique.jpg);}
body.bg-3-inattendu {background-image: url(../../../images/backgrounds/bg-3-inattendu.jpg);}
body.bg-3-perdrix_blanche {background-image: url(../../../images/backgrounds/bg-3-perdrix_blanche.jpg);}
body.bg-3-oeil_de_perdrix {background-image: url(../../../images/backgrounds/bg-3-oeil_de_perdrix.jpg);}
body.bg-3-pinot_gris {background-image: url(../../../images/backgrounds/bg-3-pinot_gris.jpg);}
body.bg-3-enfant_sauvage {background-image: url(../../../images/backgrounds/bg-3-enfant_sauvage.jpg);}
body.bg-3-quintessence {background-image: url(../../../images/backgrounds/bg-3-quintessence.jpg);}
body.bg-3-le_vieux_marc {background-image: url(../../../images/backgrounds/bg-3-le_vieux_marc.jpg);}
body.bg-3-l_audacieux {background-image: url(../../../images/backgrounds/bg-3-audacieux.jpg);}
body.bg-3-esprit_Chambleau_mill_2013 {background-image: url(../../../images/backgrounds/bg-3-esprit_Chambleau_mill_2013.jpg);}

/* DOMAINE DE CHAMBLEAU */
.section-4 p, .section-4 li  { color:#5f7184;}
.section-4 p strong { color:#354049;}
.section-4 h2 { color:#354049;}
.section-4 h3 {color: #ff0ff0;}
.section-4 a, .section-4 a:visited {color:#354049;}
.section-4 a:hover {color:#000; }
.section-4 #breadcrumbs .divider { color:#5f7184;}
.section-4 #breadcrumbs ul li { color:#5f7184;}
.section-4 #breadcrumbs ul li a, .section-4 #breadcrumbs ul li a:visited {color: #354049;}
.section-4 #breadcrumbs ul li a:hover {color: #354049;}
.section-4 #submenu ul li a, #section-4 #submenu ul li a:visited {color: #5f7184;}
.section-4 #submenu ul li a:hover {color: #354049;}
.section-4 #submenu ul li.active, .section-4 #submenu ul.nav li.active a {color: #354049;}
.section-4 .submenu-separator {border-bottom-color: #5f7184;}
body.bg-4 {background-image: url(../../../images/backgrounds/bg-4.jpg);}
body.bg-4-1 {background-image: url(../../../images/backgrounds/bg-4-1.jpg);}
body.bg-4-2 {background-image: url(../../../images/backgrounds/bg-4-2.jpg);}
body.bg-4-3 {background-image: url(../../../images/backgrounds/bg-4-3.jpg);}
body.bg-4-4 {background-image: url(../../../images/backgrounds/bg-4-4.jpg);}
body.bg-4-5 {background-image: url(../../../images/backgrounds/bg-4-5.jpg);}

/* NEWS */
.section-5 p, .section-5 li {color:#38474d;}
.section-5 h2 { color:#212c31; font-size:20px;}
.section-5 h3 { color:#212c31; font-size:18px;}
.section-5 a, .section-5 a:visited {color:#212c31;}
.section-5 a:hover {color:#000;  }
.section-5 .items-leading .clearfix {height:36px; background-image:url(../images/news_sep.png); background-position: center top; background-repeat:no-repeat; margin: 20px 0px;}
.section-5 #breadcrumbs .divider { color:#38474d;}
.section-5 #breadcrumbs ul li { color:#38474d;}
.section-5 #breadcrumbs ul li a, .section-5 #breadcrumbs ul li a:visited {color: #212c31;}
.section-5 #breadcrumbs ul li a:hover {color: #212c31;}
.section-5 #submenu ul li a, #section-5 #submenu ul li a:visited {color: #ccc; text-shadow:0px 1px 1px #000;}
.section-5 #submenu ul li a:hover {color: #fff;}
.section-5 #submenu ul li.active, .section-5 #submenu ul.nav li.active a {color: #fff;}
body.bg-5 {background-image: url(../../../images/backgrounds/bg-5.jpg);}

/* SANS SULFITES */
.section-7 p, .section-7 li {color: #e5e5e5;}
.section-7 h2 { color:#fff;}
.section-7 h3 {color: #ff0ff0;}
.section-7 a, .section-7 a:visited {color:#fff;text-decoration: underline;}
.section-7 a:hover {color:#fff;  }
.section-7 #breadcrumbs .divider { color:#CCC;}
.section-7 #breadcrumbs ul li { color:#CCC;}
.section-7 #breadcrumbs ul li a, .section-7 #breadcrumbs ul li a:visited {color: #fff;}
.section-7 #breadcrumbs ul li a:hover {color: #fff;}
.section-7 #submenu ul li a, #section-7 #submenu ul li a:visited {color: #ccc; text-shadow:0px 1px 1px #000;}
.section-7 #submenu ul li a:hover {color: #fff;}
.section-7 #submenu ul li.active, .section-7 #submenu ul.nav li.active a {color: #fff;}
body.bg-7 {background-image: url(../../../images/backgrounds/bg-7.jpg);}

/* Zurich-Neuchâtel */
.zurich-neuchatel p, .zurich-neuchatel li {color:#999;}
.zurich-neuchatel h2 { color:#fff;}
.zurich-neuchatel h3 {color: #ff0ff0;}
.zurich-neuchatel a, .zurich-neuchatel a:visited {color:#fff;text-decoration: underline;}
.zurich-neuchatel a:hover {color:#fff;  }
.zurich-neuchatel #breadcrumbs .divider { color:#CCC;}
.zurich-neuchatel #breadcrumbs ul li { color:#CCC;}
.zurich-neuchatel #breadcrumbs ul li a, .zurich-neuchatel #breadcrumbs ul li a:visited {color: #fff;}
.zurich-neuchatel #breadcrumbs ul li a:hover {color: #fff;}
.zurich-neuchatel #submenu ul li a, #section-3 #submenu ul li a:visited {color: #ccc; text-shadow:0px 1px 1px #000;}
.zurich-neuchatel #submenu ul li a:hover {color: #fff;}
.zurich-neuchatel #submenu ul li.active, .zurich-neuchatel #submenu ul.nav li.active a {color: #fff;}
#menu ul li.item-173 a{font-size:11px; padding: 2.5px 10px;}
.zurich-neuchatel img#logo-ZNAE{max-width: 350px; margin: -40px auto 50px auto;}
.zurich-neuchatel .content-left{margin-right: 0px;}
body.zurich-neuchatel {background-image: url(../../../images/backgrounds/zurich-neuchatel.jpg);}



/* CONTACT */
.section-6 p, .section-6 li { color:#647a7f;}
.section-6 h2 { color:#3a494c;}
.section-6 h3 {color: #3a494c;}
.section-6 a, .section-6 a:visited {color:#3a494c;}
.section-6 a:hover {color:#000;  }
.section-6 #breadcrumbs .divider { color:#647a7f;}
.section-6 #breadcrumbs ul li { color:#647a7f;}
.section-6 #breadcrumbs ul li a, .section-6 #breadcrumbs ul li a:visited {color: #3a494c; }
.section-6 #breadcrumbs ul li a:hover {color: #3a494c;}
.section-6 #submenu ul li a, #section-6 #submenu ul li a:visited {color: #5f7184;}
.section-6 #submenu ul li a:hover {color: #354049;}
.section-6 #submenu ul li.active, .section-6 #submenu ul.nav li.active a {color: #354049;}
.section-6 .submenu-separator {border-bottom-color: #67524b;}
body.bg-6 {background-image: url(../../../images/backgrounds/bg-6.jpg);}



/* ################################

GENERAL

################################ */
h1 {
	font-size: 28px;
	font-weight: normal;
	color: #FFF;
	display:none; 
	}
#wrapper-special h1 {
	display:block; 
	}
h2 {
	padding:0px;
	font-size:13px;
	font-weight: normal;
	margin:0px 0px 2px 0px;
	}
h3 {
	font-size: 26px;
	font-weight: normal;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrapper-special h3 {
	color: #635356;
	}
h4 {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 2px;
}
#wrapper-special h4 {
	color: #FFF;
	}
caption {
	font-size: 11px;
	font-style: italic;
	color: #666;	
	}
#wrapper {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(../js/backgroundsize.htc);		
	height:100%;
	line-height:1.7em;
	min-height:100%;
	overflow: auto;	/*
	width: 100%;
	*/
	}
#wrapper-special {
	height:100%;
	min-height:100% !important;
	overflow: auto;
	line-height:1.7em;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/template/screensplitter.png);
	}
 
.container-left {
	min-width:350px;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 127px;
	margin-bottom: 200px;
	text-align: justify;
	z-index: 50;
	}
.content-left {
	margin-right: 100px;
	/*margin-left: 20px;*/
	}
.container-right {
	min-width:350px;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 80px; 
	margin-bottom: 200px;
	text-align: justify;
	z-index: 50;
	}
.content-right {
	margin-right: 20px;
	margin-left: 140px;
	}
body.bg-2 .content-right {
	margin-right: 0px;
	margin-left: 0px;
	
	}
.container-center {
	min-width:750px;
	max-width:1400px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top: 127px;
	margin-bottom: 200px;
	text-align: justify;
	z-index: 50;
	}
.content-center {
	
	}
.content-center-left {
	max-width:50%;
	width:35%;	
	}
#containerdetailbt {
	position:fixed;
	left: 50%;
	width: 200px;
	height:99%;
	margin-left: -100px;
	z-index:90;
	padding-top:310px;
}
#detailbt {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 250px;
	height: 63px;
	margin-top: -15px;
	margin-left: -30px;
	z-index:90;
}
#detailbt a, #detailbt a:visited{
	background-image: url(../images/template/infodetail.png);
	background-repeat: no-repeat;
	height: 38px;
	text-decoration: none;
	display: block;
	padding-top: 25px;
	padding-left: 75px;
	background-position: 0px 0px;
	color: #55484A;
}
#detailbt a:hover {
	background-position: 0px -63px;
	color: #635356;
}

.item-image {
	display:none;
	}

#containermenu {
	position:absolute;
	left: 50%;
	width: 218px;
	height: 310px;
	margin-top: 0px;
	margin-left: -109px;
	z-index:1000;
}


#special-logo {
	position:absolute;
	left: 50%;
	width: 218px;
	height: 117px;
	margin-top: 0px;
	margin-left: -109px;
	z-index:100;
}
#closing-advice {
	color: #635356;
    font-size: 11px;
    font-style: italic;
    position: absolute;
    right: 55px;
    text-align: right;
    top: 130px;
}

#spotlight {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index:10;
	background-image: url(assets/img/opa-black-80.png);
	}
#breadcrumbs {
	float: left;
	font-size: 11px;
	margin-top: -100px;
	width: 100%;
	z-index: 150;
	padding-left: 0px;
}
#breadcrumbs ul, #breadcrumbs li {
	margin:0px;
	padding:0px;
}
#breadcrumbs ul li {
	list-style-type: none;
	display: inline-block;
	
}
#breadcrumbs ul li a, #breadcrumbs ul li a:visited {
	display: inline-block;
	margin-right:4px;
	margin-left:0px;
	text-decoration: none;
}
#breadcrumbs ul li a:hover {
	text-decoration: underline;
}
#breadcrumbs ul.breadcrumb {
	background-color: transparent;
    border-radius: 0px;
}
#breadcrumbs ul.breadcrumb li {
	text-shadow: none;
}
#bannertop {
	background-image: url(../images/template/bannertop.jpg);
	padding-bottom: 7px;
}
#container-submenu {
	position:relative;
	margin-left:-15px;
	}
.tab-pane > #container-submenu  {
	margin-left: 0px;
	}
#submenu ul li a {
	text-decoration: none;
	margin-left:15px;
	padding: 3px 0px;
	width:500px;
	display:block;
}
#submenu ul li.active {
	cursor: pointer;	
}
#submenu ul li.active a {
	margin-left:0px;
	cursor: pointer;	
}
#submenu ul li.active a:hover {
	color: #fff;
}
#submenu ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	
}
#submenu ul {
	margin: 0px;
	padding: 0px;
}
.submenu-separator {
	margin-left: -15px;
	position: relative;
	width: 15px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 20px;
	margin-top: 15px;
}
#nosvins {
	margin-left:0px;
	}
#quandlesboire, #listedesprix, #distinctions,#concept, #millesime2014,#millesime2015 {
	margin-left:15px;
	}
#consommation_vins {
    font-size: 11px;
    position: relative;
    width: 100%;
    z-index: 120;
	}
#consommation_vins td {
	vertical-align:middle;

	}
#consommation_vins .consommable {
	background-color: #551A1E !important;
	border: 1px solid #4D171C;
	}
#consommation_vins .vin {
	min-width: 120px;
	padding: 0px 10px;
	color: #999;
	text-align: center;
	background-image: none;
	}
#consommation_vins .vin h3 {
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
	}
#consommation_vins .vin span {
	font-size: 11px;
	font-weight: normal;
	margin-top:6px;
	display:block;
	color: #999;
	font-style: italic;
	}
#consommation_vins .vinannee {
	text-align:center;
	font-style: italic;
	background-image: none;
	}
#consommation_vins .annee {
	text-align:center;
	font-style: italic;
	font-size:12px;
	background-image: none;
	
	}
#consommation_vins .titre {
	padding: 0px 10px;
	font-size: 13px;
	text-align:center;
	background-image: none;
	}
#consommation_vins .separator {
	background-image: none;
	}
#FicheVin {
	color: #909090;
	line-height: 1.6em;
	position: relative;
	}
.NavContent {
	color: #999;
	text-align: center;
}

/*#FicheVin p:first-letter {
	color: #FFF;
	float: left;
	font-size: 200%;
	margin-right: 5px;
	margin-top: 5px;
}*/

#FicheVin h1 {
	font-size: 28px;
	font-weight: normal;
	color: #FFF;
	text-align: left;
}
#FicheVin h2, .tab-pane h2 {
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	
	padding: 0px;
	text-align: left;
}
#FicheVin a, #FicheVin a:visited {
	color: #FFF;
	text-decoration: underline;	
}
#FicheVin a:hover {
	color: #E6E6E6;
}
#box_back {
		display:none;
		}
#box_distinctions {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #292929;
	border-bottom-color: #292929;
	color: #CCC;
	font-style: italic;
	font-size:11px;
	background-image: url(../images/template/trophy.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top: 18px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 75px;
	position: relative;
	margin-bottom: 15px;
}
#box_distinctions h4 {
	background-color: #000000;
	color: #635356;
	left: -15px;
	padding:0px 15px;
	position: absolute;
	text-align: center;
	top: -20px;
	font-size: 13px;
}

#box_distinctions ul {
	padding:0px;
	margin:0px;
}
#box_price {
	text-align: center;
	position:relative;
	z-index:1000;
	margin-top:-22px;
}
#box_price a, #box_price a:visited {
	text-align: center;
	background-image: url(../images/template/listedesprixbg.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 218px;
	display:block;
	padding-top:80px;
	text-shadow: 0px 3px 3px #000;
	color: #CCC;
	text-decoration: none;
	font-style: italic;
}
#box_price a:hover {
	color: #fff;

}


#FicheNav, .pagenav {
	position: relative;
	color: #635356;
	display: block;
	padding-bottom: 10px;
	height: 30px;
	
}
.pagenav a {
	color: #857074 !important;
}
.pagenav a:hover {
	color: #FFF !important;
	cursor: pointer;
}
#FicheNav a#NavLeft, .pagenav li.previous a {
	background-image: url(../images/template/FicheNavLeft.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 20px;
	display:block;
	position:absolute;
	left:0px;
	line-height:1.3em;
	text-decoration: none;
	cursor:pointer;
}
#FicheNav a#NavLeft:hover, .pagenav li.previous a:hover {
	background-position: 0px -17px;	
	text-decoration: underline;
}
#FicheNav a#NavRight, .pagenav li.next a{
	background-image: url(../images/template/FicheNavRight.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-decoration: none;
	display:block;
	position:absolute;
	right:0px;
	padding: 0px 20px;
	text-align: right;
	line-height:1.3em;
	cursor:pointer;
}

#FicheNav a#NavRight:hover, .pagenav li.next a:hover {
	background-position: right -17px;
	text-decoration: underline;
}


#hp_mediacontainer {
	position:absolute;
	left: 50%;
	width: 940px;
	margin-top: 10px;
	margin-left: -470px;
	z-index:70;
	z-index: 9600;
}
#hp_mediacontainer img{
	margin-right: 2px;
	margin-left: 2px;
	position:relative;	
}
#mediacontainer p {
	font-size: 11px;
	color: #333;
	width:160px;
	text-align: center;
	font-style: italic;
	padding-top: 15px;
	display: none;
}
.fader {
	display: none;
	position: absolute;
	z-index: 35;
	background-image: url(../images/template/opablack80.png);
	height: 66px;
	width: 160px;
}
/*
.mnHvr .fader {
	width: 180px;
	height: 74px;
	margin-top:-4px;
	margin-left:-10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transform-origin:50% 50%; 
}	*/

#mediacontainer .topA {
	position:absolute;
	left:16px;
	
	}
#mediacontainer .topB {
	position:absolute;
	left:593px;
	}	
#mediacontainer .topC {
	position:absolute;
	left:186px;
	}
#mediacontainer .topD {
	position:absolute;
	left:763px;
	}

#mediacontainer .topA span,#mediacontainer .topC span
{
	color: #e0e0e0;
}

#mediacontainer a{
	display: block;
	width: 160px;
	height: 66px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transform-origin:50% 50%;
	font-size: 11px;
	font-style: italic;
	color: #666;
	text-decoration: none;
	}
#mediacontainer a:hover {
	width: 180px;
	height: 74px;
	z-index:10;
	position:relative;
	margin-top:-4px;
	margin-left:-10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transform-origin:50% 50%; 
	
	}
#mediacontainer a span{
	display:none; /*!important fout la merde*/
	clear: both;
	display: block;
	font-size: 11px;
	padding-top: 85px;
	text-align: center;
	top: 80px;	
}

#mediacontainer .topA a {
	background-image: url(../images/homepage/1A.gif);
	}
#mediacontainer .topA a:hover {
	background-image: url(../images/homepage/1C.gif);
	}
#mediacontainer .topB a {
	background-image: url(../images/homepage/2A.gif);
	}
#mediacontainer .topB a:hover {
	background-image: url(../images/homepage/2C.gif);
	}
#mediacontainer .topC a {
	background-image: url(../images/homepage/3A.gif);
	}
#mediacontainer .topC a:hover {
	background-image: url(../images/homepage/3C.gif);
	}
#mediacontainer .topD a {
	background-image: url(../images/homepage/4A.gif);
	}
#mediacontainer .topD a:hover {
	background-image: url(../images/homepage/4C.gif);
	}	
	
#mediacontainer .mnHvr .fader {
	display: block;
} 
	
#logo {
	height: 109px;
	width: 218px;
}
#menu {
	position:relative;
	z-index:2000;
}
#menu ul.menu li{line-height: 15px;}
#menu > ul, #menu > li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu > ul li a {
	color: #575757;
	display:block;
	padding: 2.5px 20px; /* padding: 4px 25px; Old commented by californie-dev*/
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 1px 1px #FFFFFF;
	text-decoration:none;
}

#menu > ul li a:hover, #menu .active, .alias-parent-active a, #menu .active a {
	color: #000 !important;
	font-weight: normal;
	text-decoration: none;
	
}
/* FORMULAIRE (non modal) */
.section-6 .qlform label {
	float:left;
	width:120px;
	padding-top:5px;
	color:#647a7f;
	}
.section-6 .qlform input[type=text], .section-6 .qlform input[type=email], .section-6 .qlform textarea{
	width:360px;
	}
.section-6 .qlform dt.jform_newsletter {
	float: right;
    width: 350px;
	margin-top:3px;
	
	}
.section-6 .qlform dt.jform_newsletter label {
	width: 350px;	
	
	}
.section-6 .qlform dd.jform_newsletter {
	
    float: left;
    margin-left: 120px;
	}
.section-6 .qlform dd.submit {
	float: left;
    margin-left: 120px;
    
	}
/* LISTE DES PRIX MODAL */

#myModal {
	background-image: url(../images/template/paperloop.jpg);
	border: 1px solid #333;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	line-height: 1.6em;
	color: #625e56;
	font-size: 12px;
	text-align: justify;
}
#myModal p {
	color: #625e56;
}
#myModal .form_greetings {
	color: #69725a;
	background-color: #d9e9bf;
	padding: 8px;
	border: 1px solid #c4caad;
	font-style: italic;
	margin-top:10px;
}

#myModal h4 {
	color: #333;
	margin-bottom: 10px;
}
#myModal a {
	color: #333;
	text-decoration: underline;
	cursor: pointer;
}

#myModal input[type=submit] {
	background-color:transparent;
	border:0px solid;
	text-decoration:underline;
	
	}
#myModal input[type=email] {
	width:280px;
	
	}
#myModal label {
	width:50px;
	padding-top:5px;
	color: #625e56;
	font-size: 12px;
	float:left;
	}
#myModal input:hover {
	color:#000;
}
#myModal button {
	margin-right: -35px;
	margin-top: -10px;
}
#myModal dd.submit {

    margin-left: 50px;
    
	}

/*  GALERIES (left) */
#image-thumbnail-gallery {
	clear: both;
	overflow: hidden;
}
#image-thumbnail-gallery ul, #image-thumbnail-gallery li, #video-thumbnail-gallery ul, #video-thumbnail-gallery li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#image-thumbnail-gallery ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
#image-thumbnail-gallery ul li a {
	background-color: #333;
	border: 1px solid #000;
	display: block;
	text-decoration: none;
}
#image-thumbnail-gallery ul li a:hover , #image-thumbnail-gallery ul li a.active{
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-ie-box-shadow: 0px 0px 5px #000;
}
#video-thumbnail-gallery ul li a, #video-thumbnail-gallery ul li a:visited {
	text-decoration: none;
	color: #c5b5af;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 199px;
	height: 85px;
	display:block;
	margin: 20px 0px 40px 0px;
}
#pvyVID1 {
	background-image: url(../../../images/pvy/pvy_mov_thumb_01.jpg);	
	}
#pvyVID2 {
	background-image: url(../../../images/pvy/pvy_mov_thumb_02.jpg);	
	}
#pvyVID3 {
	background-image: url(../../../images/pvy/pvy_mov_thumb_03.jpg);	
	}
#pvyVID4 {
	background-image: url(../../../images/pvy/pvy_mov_thumb_04.jpg);	
	}
#video-thumbnail-gallery ul li a:hover {
	text-decoration: none;
	background-position: 0px -85px;
	color: #FFF;
}
#video-thumbnail-gallery ul li {
	float: left;
	margin-right: 22px;
}
#video-thumbnail-gallery img {
	position:relative;
	clear:both;
	display:block;
}
#video-thumbnail-gallery span {
	position:relative;
	text-align:center;
	clear:both;
	display:block;
	padding:95px 0px 0px 0px;
	font-size: 13px;
	font-style: italic;
	line-height: 1.1em;	
	
}

/*  GALERIES (right) */
div.containerA-right-gallery {

	padding: 0;
	display: table;
	height: 100%;
	top: 0;
	z-index:10; /*gimme my scrollbar back!*/
	right: 0;
	margin-right: 15px;
	margin-top:120px;
	width:100%;
	position:relative;
}

div.containerB-right-gallery {
	
	
	padding: 0;
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}

div.containerC-right-gallery {
	min-width: 450px;
	
	margin: 0 auto;
	text-align: left;
	padding: 10px;
	color: #666;
}
div.right-gallery {
	margin-left:130px;
	margin-right:5%;
	
}
.right-gallery img {
	width:100%;
	}

#nosvins #container-submenu {
	margin-left: 0px;
}

.pager li > a, .pager li > span {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    display: inline-block;
    padding: 0px;
}
.pager li > a:hover {
	background-color: transparent;
	text-decoration: underline;
}


/************************************************************************************/
/* PIKACHOOSE */
.credit {
	font-size:11px;
	color: #67524b;
	position:relative;
	clear:both;
	}

#responsive-gallery {
	display:none;
	}
/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; }
	.pika-thumbs li{ margin-right: 10px; padding: 0; overflow: hidden;
		float: left; list-style-type: none; background: #fafafa; cursor: pointer;
		border: 1px solid black;}
	.pika-thumbs li.active, .pika-thumbs li:hover {
		border: 1px solid white;
	}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
/*.pika-stage, .pika-textnav {width: 550px;}*/
.pika-stage {position: relative; text-align:center; }
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
/*.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}*/
.pika-textnav a {font-size: 12px; text-decoration: none; color: #fff; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{display: none; position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ 
background:url(loading.gif) 3px 3px no-repeat; 
color: #AAAAAA;
    font-size: 11px;
    font-style: italic;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 60px;
    top: 6px;
    width: 100%; }


/* Make the thubms tile on the left */
.pika-thumbs li{width: 75px; height: 75px;}
.pikachoose {width: 820px; margin: 0 auto;position:relative;}
/*.pika-stage {position: absolute;left:60%;top:20%;}*/


#pikame { margin: 0px; padding: 0px; }
/************************************************************************************/
	
/* CONTACT */
.form-actions {
	background-color: transparent;
	border-top: none;
	padding: 0px;
	margin: 0px;
}
legend {
	color: #FFFFFF;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    border: none;
}
#wrapper .dl-horizontal dt {
	text-overflow: visible !important;
}


/* PRETTY PHOTO OVERRIDE */
.pp_pic_holder .pp_content_container .pp_left {
	padding-left: 0px;
}

.pp_pic_holder .pp_top .pp_middle, .pp_pic_holder .pp_top .pp_left, .pp_pic_holder .pp_top .pp_right, 
.pp_pic_holder .pp_bottom .pp_left, .pp_pic_holder .pp_bottom .pp_middle, .pp_pic_holder .pp_bottom .pp_right{
	height: 0px;
}

.pp_content_container .pp_content {
	min-width: 0px;
}

.pp_pic_holder .pp_content_container .pp_details {
	position: absolute;
	height: 0px;
	margin: 0px;
	top: -35px;
	right: -35px;
}

/* V2 */
.pp_pic_holder .pp_details a.pp_close {
	background-image: url(../images/prettyphoto/dark_square/pp_close.png);
	background-position: 199px 4px;
    height: 22px;
    width: 222px;
    color: rgba(255, 255, 255, 0.6);
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    border: none;
	margin-right:30px;
	text-decoration:none;
}
.pp_pic_holder .pp_details p.pp_description{
	color: white;
}
.pp_pic_holder .pp_details a.pp_close:hover {
	background-position: 199px -24px;
	text-decoration:underline;
}
/* V1
.pp_pic_holder .pp_details .pp_close {
	background-position: 0px 0px;
    height: 29px;
    width: 30px;
}
*/
body.front div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
	background-color: transparent!important;
}
body #fancybox-wrap #fancybox-outer #fancybox-close {
	background-repeat: no-repeat;
	background-image: url(../images/prettyphoto/dark_square/pp_close.png);
	background-position: 199px 0px;
    height: 22px;
    width: 222px;
    color: #58484b;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    border: none;
   text-decoration:none;
    top: -27px;
}
body #fancybox-wrap #fancybox-outer #fancybox-close:hover {
	background-position: 199px -28px;
	text-decoration: underline;
}

body #fancybox-overlay {
	background-color: black!important;
}

/* Coffrets Cadeaux */
body.coffrets-cadeaux,body.coffrets-cadeaux #wrapper{
	height: auto !important;
	min-height: inherit !important;
}

.coffrets > div.container-left{
	margin-bottom: 0 !important;
}


/* ACCÈS */
.mapClickZone {
	display: block;
	width: 102%;
	min-height: 30px;
}


/*PAGE format*/
.em {
	font-style: italic;
}

.date_custom{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #283238;
	padding: 5px 0;
	border-bottom: 3px solid #283238;
	border-top: 3px solid #283238;
	margin-bottom: 15px;
	font-size: 20px;
}

img#captcha{
	margin: 5px auto;
}
dt.captcha span{
	color: #647a7f;
	font-size: 14px;
	font-weight: initial;
}