@font-face {font-family: 'KailiFY-Regular';src: url('/fonts/32D74A_0_0.eot');src: url('/fonts/32D74A_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/32D74A_0_0.woff2') format('woff2'),url('/fonts/32D74A_0_0.woff') format('woff'),url('/fonts/32D74A_0_0.ttf') format('truetype');} 
@font-face {font-family: 'Branding-Bold';src: url('/fonts/32D74A_1_0.eot');src: url('/fonts/32D74A_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/32D74A_1_0.woff2') format('woff2'),url('/fonts/32D74A_1_0.woff') format('woff'),url('/fonts/32D74A_1_0.ttf') format('truetype');}
@font-face {font-family: 'Branding-Light';src: url('/fonts/32D74A_2_0.eot');src: url('/fonts/32D74A_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/32D74A_2_0.woff2') format('woff2'),url('/fonts/32D74A_2_0.woff') format('woff'),url('/fonts/32D74A_2_0.ttf') format('truetype');}
@font-face {font-family: 'Branding-Medium';src: url('/fonts/32D74A_3_0.eot');src: url('/fonts/32D74A_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/32D74A_3_0.woff2') format('woff2'),url('/fonts/32D74A_3_0.woff') format('woff'),url('/fonts/32D74A_3_0.ttf') format('truetype');}
@font-face {font-family: 'Branding-Semibold';src: url('/fonts/32D74A_4_0.eot');src: url('/fonts/32D74A_4_0.eot?#iefix') format('embedded-opentype'),url('/fonts/32D74A_4_0.woff2') format('woff2'),url('/fonts/32D74A_4_0.woff') format('woff'),url('/fonts/32D74A_4_0.ttf') format('truetype');}

/*************** STYLE DE BASE  *******************/
body
{
	margin:0px;
	padding:0px;
	font-family: Branding-Medium;
    font-size: 18px;
    color: #707070;
	background:#ffffff;
	position:relative;
}

html, body, #mainPanel {
	min-height: 100%;
}

.bgEditor
{
    background-color: #fff;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
/* 	background:#cccccc; */
}

#VinumCtn {
  display: none;
}

.mainContainer, .mainContainerLarge
{
	position:relative;
	max-width:1070px;
	margin: 0 auto 0 auto;
	padding:0 15px 0 15px;
}
.mainContainerLarge {
	max-width: 1600px;
}

.mb5 {
	margin-bottom: 5px;
}



/* ################### Montage Vinum Montis ###################  */
#logo {
	display: inline-block;
	width: 216px;
	height: 70px;
	background: url(/template/image/vinumontis-logo-home.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin: 50px 0;
}
body:not(.home) #logo {
	background-image: url(/template/image/vinumontis-logo-inter.png);
	width: 153px;
	height: 49px;
	margin: 30px 0 25px 0;
}

#fullMenu {
}
#fullMenu .menubar {
	width: 120px;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	background: #f3f0f0;
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	-ms-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;
	z-index: 5;
}
#main {
	margin-right: 120px;
}

#rightPanel {
	padding: 0;
	padding-top: 108px;
	background-color: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 5;
}
#rightPanel > div {
	opacity: 0;
	width: 210px;
	display: none;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#rightPanel > div.display {
	opacity: 1;
	display: block;
}
#rightPanel .cartoucheCtn {
	margin-top: 0;
}
#fullMenu.slided .menubar {
	right: 270px;
}
#fullMenu.slided #rightPanel {
	right: 0;
	width: 210px;
	padding: 0 15px;
	padding-top: 108px;
	padding-right: 30px;
}
#rightPanel .close {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50px;
	right: 16px;
	background: url(/template/image/close.png) no-repeat top left;
	-webkit-background-size: 100%;
	background-size: 100%;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#fullMenu.slided #rightPanel .close {
	opacity: 1;
}
.menubar .pictoMenu {
	position:relative;
	height: 38px;/*22.5px;*/
	padding: 12px 0;
	cursor: pointer;
	display: block;
	transition:background-color .5s;
}
.menubar .pictoMenu:hover {
	background-color: #b70e37;
}
.menubar .pictoMenu:after{
	content: '';
	display: block;
	height: 100%;
	width: 46px;/*27px;*/
	margin: 0 auto;
	background:url(/template/image/news.svg) no-repeat center center;
	background-size:contain;
	opacity:1;
	transition:opacity .5s;
}
.menubar .pictoMenu:before
{
	content:"";
	position:absolute;
	top:50%;left:50%;
	height: calc(100% - 24px);
	width: 46px;
	transform:translate(-50%, -50%);
	background:url(/template/image/news_blanc.svg) no-repeat center center;
	background-size:contain;
	opacity:0;
	transition:opacity .5s;
}

.menubar .pictoMenu:hover:after {
	opacity:0;
}
.menubar .pictoMenu:hover:before {
	opacity:1;
}

#leftPanel .panier {
	height: 22.5px;
	padding: 12px 0;
	cursor: pointer;
	display: block;
}
#leftPanel .hover {
	background-color: #b70e37;
}
#leftPanel .panier:after {
	content: '';
	display: block;
	height: 100%;
	width: 25px;
	margin: 0 auto;
	background: url(/template/image/panier.svg) no-repeat center center;
	background-size:cover;
}

.menubar .pictoMenu .badge{
	width: 17px;
	height: 17px;
	border: 1px solid transparent;
	display: inline-block;
	background-color: #b80f37;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	color: #fff;
	font-size: 10px;
	font-family: Branding-Bold;
	text-align: center;
	line-height: 17px;
    position: absolute;
    right: 22px;
    margin-top: -5px;
}
.menubar .pictoMenu:hover .badge{
	background-color: #fff;
	border-color: #b80f37;
	color: #b80f37;
}
#leftPanel .panier .badge {
	width: 13px;
	height: 13px;
	border: 1px solid transparent;
	display: inline-block;
	background-color: #b80f37;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	font-size: 9px;
	font-family: Branding-Bold;
	text-align: center;
	line-height: 13px;
    position: absolute;
    right: 12px;
    margin-top: -5px;
}
#leftPanel .panier:hover .badge {
	background-color: #fff;
	border-color: #b80f37;
	color: #b80f37;
}



.menubar #newsPanel {
	margin: 4px 0;
	display:none;/*masquer selon demande client*/
}
.menubar .links {
	padding: 4px 0;
	position: relative;
}
.menubar .links:before {
	width: calc(100% - 6px);
	margin-left: 3px;
	position: absolute;
	top: 0;
	background: #bdbdbd;
	content: '';
	height: 1px;
	display: block;
}
.menubar .links:after {
	width: calc(100% - 6px);
	margin-left: 3px;
	position: absolute;
	bottom: 0;
	background: #bdbdbd;
	content: '';
	height: 1px;
	display: block;
}
.menubar .panier:after{
	background-image:url(/template/image/panier.svg);
	width: 40px;
}
.menubar .panier:before{
	background-image:url(/template/image/panier_blanc.svg);
	width: 40px;
}
#leftPanel .panier {
	display: inline-block;
	padding-top: 7px;
	margin-left: 30px;
	vertical-align: top;
}
#leftPanel .panier.empty {
	display: none;
}
/*.menubar .contact:after {
	background-position: -87px top; /*-51
	width: 38px;/*23px;
}
.menubar .contact:hover:after {
	/*background-position: -51px -23px;
	background-position: -87px bottom;
}*/

.menubar .newsletter:after {
	background-image:url(/template/image/enveloppe.svg);
	width: 38px;
}
.menubar .newsletter:before {
	background-image:url(/template/image/enveloppe_blanc.svg);
	width: 38px;
}

.menubar .calendrier:after {
	background-image:url(/template/image/calendrier.svg);
	width: 35px;
}
.menubar .calendrier:before {
	background-image:url(/template/image/calendrier_blanc.svg);
	width: 35px;
}
.menubar .fb:after {
	background-image:url(/template/image/fb.svg);
	width: 17px;
}
.menubar .fb:before {
	background-image:url(/template/image/fb_blanc.svg);
	width: 17px;
}
.menubar .instagram:after {
	
	background-image:url(/template/image/instagram.svg);
	width: 35px;
}
.menubar .instagram:before {
	background-image:url(/template/image/instagram_blanc.svg);
	width: 35px;
}
.menubar .youtube:after {
	
	background-image:url(/template/image/youtube.svg);
	width: 45px;
}
.menubar .youtube:before {
	background-image:url(/template/image/youtube_blanc.svg);
	width: 45px;
}
.menubar .socials {
	margin: 4px 0;
	padding-bottom: 4px;
	position: relative;
}
.menubar .socials:after {
	width: calc(100% - 6px);
	margin-left: 3px;
	position: absolute;
	bottom: 0;
	background: #bdbdbd;
	content: '';
	height: 1px;
	display: block;
}
.menubar #adminPanel {
	position: relative;
	margin-top: 8px;
	padding-bottom: 40px;
}
.menubar #adminPanel:before {
	content: attr(data-txt);
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
    font-family: Branding-Medium;
	font-size: 16px;
    text-align: center;
	
    background:none;
	top:auto;right:auto;
	transform:none;
	height:auto;
	opacity:1;
	transition:none;
}
.menubar #adminPanel:hover:before {
	color: #fff;
}
.menubar #adminPanel:after {
	/*background-position: 4px top;
    background-size: 34px;*/
    background-image: url(/template/image/compte.svg);
	width:34px;
}

.menubar #adminPanel:hover:after {
	background-image: url(/template/image/compte_blanc.svg);
	opacity:1;
}

.menubar a.login, #leftPanel a.login {
	display: block;
	color: #b70e37;
    font-family: Branding-Medium;
    text-align: center;
    font-size: 15px; /*13px*/
    text-transform: uppercase;
    line-height: 28px;
	padding-top: 8px;
}
.menubar a.login:before {
    content: '';
    display: block;
    height: 38px;
    width: 30px;
    margin: 0 auto;
    background-position: 0 0;
    background: url(/template/image/compte.svg) no-repeat center center;
	background-size:contain;
}
#leftPanel a.login {
	display: inline-block;
	font-size: 12px;
}
#leftPanel a.login:before{
    content: '';
    display: block;
    height: 22.5px;
    width: 30px;
    margin: 0 auto;
    background-position: 0 0;
    background: url(/template/image/compte.svg) no-repeat center center;
	background-size:contain;
}
#leftPanel .account {
	top: 10px;
    position: absolute;
    padding: 0 15px;
}
#rightPanel .adminPanel {
	font-size: 15px;
}

#slogan {
	width: 637px;
	height: 267px;
	background: url(/template/image/sloganHome.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	margin: 50px auto 30px auto;
}
body.DE #slogan {
	background-image: url(/template/image/sloganHomeDE.png);
}
body.EN #slogan {
	background-image: url(/template/image/sloganHomeEN.png);
}
#accesDirect {
	text-align: center;
	margin-bottom: 100px;
}
#accesDirect a {
	display: inline-block;
	width: 130px;
	height: 130px;
	color: #fff;
	text-decoration: none;
	border: 3px solid #fff;
	vertical-align: top;
	margin-right: 46px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#accesDirect a:last-child {
	margin-right: 0;
}
#accesDirect a:hover {
	border-color: rgba(255, 255, 255, 0);
	background-color: rgba(183, 14, 55, 0.83);
/* 	border-width: 0; */
	width: 210px;
	height: 210px;
	margin-right: 3px;
	margin-top: -45px;
	margin-left: -42px;
	margin-bottom: -45px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}
#accesDirect a:last-child:hover {
	margin-right: -45px;
}
#accesDirect a h5 {
	font-family: Branding-Bold;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 45px;
	margin-bottom: 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: 1px;
	color: #fff;
	white-space:nowrap;
}
#accesDirect a:hover h5 {
	font-family: KailiFY-Regular;
	font-size: 25px;
	margin-top: 70px;
	text-transform: none;
	letter-spacing: -2px;
}
#accesDirect a h6 {
	font-family: Branding-Semibold;
	color: #630c21;
	font-size: 0;
	font-weight: normal;
	margin: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: none;
}
#accesDirect a:hover h6 {
	font-size: 16px;
	margin: 10px 0;
}
#accesDirect a .more:before {
	width: 19px;
	height: 2px;
	display: inline-block;
	content: '';
	background-color: #fff;
}
#accesDirect a .more:after {
	width: 19px;
	height: 2px;
	display: inline-block;
	content: '';
	background-color: #fff;
}
#accesDirect a .more:before, #accesDirect a .more:after {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#accesDirect a:hover .more:before, #accesDirect a:hover .more:after {
	background-color: #630c21;
}
#accesDirect a .more .picto {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0;
	background: url(/template/image/flecheBasHome.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#accesDirect a:hover .more .picto {
	width: 22px;
	height: 22px;
	margin: 0 15px -10px 15px;
}

#counts {
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 40px;
	right: 140px;
	display: block;
}
#counts .count {
	font-family: Branding-Bold;
	font-size: 60px;
	margin-top: 15px;
}
#counts .desc {
	font-family: Branding-Semibold;
	font-size: 12px;
	text-transform: uppercase;
}
#counts .desc:after {
	display: block;
	width: 33px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: 10px;
	content: '';
}
#counts .count .unit
{
	position:relative;
	display:inline-block;
	width:35px;
	height:100%;
	top: -70px;
	margin-right: 2px;
}
#counts .count .unit > div
{
	position:absolute;
	height:100%;
	top:100%;
	transition:all 0.08s;
	visibility:hidden;
	width: 35px;
}
#counts .count .unit > div[rel="0"]
{
	top:5px;
	visibility:visible;
}
#counts .count .unit > div[rel="1"]
{
	top:-100%;
}
#counts .count .unit:nth-last-child(3n+1):not(:last-child)
{
	padding-right:8px;
}
#counts .count .unit:nth-last-child(3n+1):not(:last-child) > div:after
{
	content:"'";
	position:absolute;
	top:-5px;
	right:-5px;
	z-index:2;
}
#counts .count.leaded {
	padding-left: 45px;
	position: relative;
}
#counts .count .leading {
	position: absolute;
	top: -8px;
	left: 0;
}


#heading {
	background-color: #f3f0f0;
}
#heading .left, #contentInter .left {
	width: 210px;
	margin-right: 60px;
	display: inline-block;
	padding-bottom: 125px;
	background: url(/template/image/fond-entete.png) right bottom no-repeat;
	-webkit-background-size: 183px;
	background-size: 183px;
/* 	top: 0; */
/*     bottom: 0; */
/*     position: absolute; */
}
#heading .left {
	top: 0;
    bottom: 0;
    position: absolute;
}
#heading .left {
	vertical-align: top;
	padding-top: 70px;
    
}
#contentInter .left {
	padding-top: 10px;
}
#contentInter .left.hide {
	visibility: hidden;
}
#heading .right, #contentInter .right {
	width: calc(100% - 280px);
	display: inline-block;
/*     margin-left: 275px; */
	min-height: 340px;
}
#heading .right {
	margin-left: 275px;
}
#contentInter .right {
/* 	padding-top: 50px; */
    vertical-align: top;
}
body.withImg #contentInter .right {
	margin-top: calc(45% - 128px);
}
/* body.withImg #contentInter > #pagehtmlcontent { */
/* 	margin-top: 400px !important; */
/* } */
#contentInter {
	margin-bottom: 200px;
}
body.list #contentInter .left {
	display: none;
}
body.list #pagehtmlcontent {
	max-width: 1070px;
	margin: 0 auto;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#pagehtmlcontent {
	margin-top: 50px !important;
}


#footer .mainContainerLarge {
	padding-bottom: 50px;
}
#footer.floating {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
#footer #valais, .bottom .valais {
	display: inline-block;
	width: 115px;
	height: 65px;
	background-image: url(/template/image/logo-valais.png);
	-webkit-background-size: contain;
	background-size: contain;
	float: left;
	margin-bottom: 30px;
	background-repeat: no-repeat;
}
body.DE #footer #valais, body.DE .bottom .valais {
	background-image: url(/template/image/logo-valais-de.png);
	width: 118px;
}
body.EN #footer #valais, body.EN .bottom .valais {
	background-image: url(/template/image/logo-valais-en.png);
	height: 64px;
	width: 114px;
}
#footer #valais:hover, #fullMenuHoder .valais:hover {
	background-image: url(/template/image/logo-valais-on.png);
}
body.DE #footer #valais:hover, body.DE #fullMenuHoder .valais:hover {
	background-image: url(/template/image/logo-valais-on-de.png);
}
body.EN #footer #valais:hover, body.EN #fullMenuHoder .valais:hover {
	background-image: url(/template/image/logo-valais-on-en.png);
}

body:not(.home) #footer #valais, body:not(.home) .bottom .valais {
	background-image: url(/template/image/logo-valais-inter.png);
}
body:not(.home) #footer #valais:hover, body:not(.home) #fullMenuHoder .valais:hover {
	background-image: url(/template/image/logo-valais-inter-on.png);
}
body.DE:not(.home) #footer #valais, body.DE:not(.home) .bottom .valais {
	background-image: url(/template/image/logo-valais-inter-de.png);
}
body.DE:not(.home) #footer #valais:hover, body.DE:not(.home) #fullMenuHoder .valais:hover {
	background-image: url(/template/image/logo-valais-inter-on-de.png);
}
body.EN:not(.home) #footer #valais, body.EN:not(.home) .bottom .valais {
	background-image: url(/template/image/logo-valais-inter-en.png);
}
body.EN:not(.home) #footer #valais:hover, body.EN:not(.home) #fullMenuHoder .valais:hover {
	background-image: url(/template/image/logo-valais-inter-on-en.png);
}

#footer .footerTitle, #footer h1, .bottom .footerTitle {
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	font-family: Branding-Bold;
	text-transform: uppercase;
	position: relative;
	margin: 15px 0 11px 0;
}
#footer .footerTitle:before, #footer h1:before, .bottom .footerTitle:before {
	content: '';
	position: absolute;
	top: -15px;
	height: 3px;
	width: 55px;
	background: #fff;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	display: inline-block;
	font-weight: normal;
}
#footer .footerDescription, #footer h2, .bottom .footerDescription {
	font-family: Branding-Medium;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	margin: 0;
}
#footer .footerDescription a, #footer h2 a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-family: Branding-Medium;
}
#footer #infos, #footer #adresse {
	max-width: 360px;
	float: left;
}
#footer #valais, #footer #infos {
	margin-right: 40px;
}
#footer #adresse > div > span, .bottom .adresse > div > span {
	/*display: inline-block;
	width: 35%;
	margin-right: 5%;*/
	display: block;
}
#footer #powered {
	position: absolute;
	bottom: 20px;
	right: 150px;
	color: #fff;
	font-family: Branding-Light;
	opacity: 0.7;
}
#footer.floating #powered {
	bottom: 0;
}
#footer #powered a {
	color: #fff;
	font-size: 10px;
	font-family: Branding-Light;
	text-decoration: none;
}
body:not(.home) #footer #powered, body:not(.home) #footer #powered a {
	color: #707070;
}


.bottom {
	margin-top: 100px;
	margin-bottom: 50px;
}
.bottom .adresse {
	width: 400px;
    float: left;
}
.bottom .valais {
	float: left;
	margin-left: calc(12.5% - 37px);
	margin-top: 20px;
	margin-right: calc(12.5% - 37px);
	background-image: url(/template/image/logo-valais-responsive.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	height: 64px;
}
.bottom .valais:hover {
	background-image: url(/template/image/logo-valais-responsive-on.png);
}

body:not(.home) .footerTitle:before, .bottom .footerTitle:before {
	background-color: #b70e37 !important;
}
body:not(.home) .footerTitle, body:not(.home) .footerDescription, body:not(.home) .footerDescription a, .bottom .footerTitle, .bottom .footerDescription, .bottom .footerDescription a {
	color: #707070 !important;
	font-weight: normal;
	font-family: Branding-Medium;
}
#leftPanel .bottom {
	padding: 0 30px;
	height: 220px;
	position: relative;
}
#leftPanel .bottom .valais {
	float: none;
	bottom: 0;
	position: absolute;
	margin-left: 0;
}
#leftPanel .bottom .addresse {
	float: none;
	top: 0;
	position: absolute;
}


body.home #page, body.home #pagehtmlcontent {
	width: 80%;
	margin: 0 auto;
}

/* MEDIA QUERIES POUR Vinum Montis */
@media only screen and (max-width:1700px) 
{
	#slogan {
		margin-top: 0;
	}
}
@media only screen and (max-width:1600px) 
{
	.listElement h5 {
		margin: 7% 0 6% 0 !important;
	}
	.listElement h5:after {
		bottom: -25px !important;
	}
}
@media only screen and (max-width:1400px) 
{
	#slogan {
		margin-top: -50px;
		width: 500px;
		height: 210px;
	}
	#accesDirect {
		margin-bottom: 75px;
	}
	#logo {
		margin: 30px 0;
	}
}
@media only screen and (max-width:1300px) 
{
	.listElement h5 {
		margin: 6% 0 3% 0 !important;
	}
	.listElement h5:after {
		bottom: -12px !important;
	}
	#counts {
		right: 100px;
		top: 60px;
	}
	#counts .count {
		font-size: 38px;
		margin-top: 25px;
		max-height: 40px;
	}
	#counts .desc {
		font-size: 9px;
	}
	#counts .count .unit {
		width: 30px;
		margin-right: 0;
		top: -61px;
	}
	#counts .count.leaded {
		padding-left: 30px;
	}
	#counts .count .leading {
		position: absolute;
		top: -20px;
		left: 0;
	}
	#counts .count .unit:nth-last-child(3n+1):not(:last-child)
	{
		padding-right:0px;
	}
	#counts .count .unit:nth-last-child(3n+1):not(:last-child) > div:after
	{
		right: 8px;
	}
}
@media only screen and (max-width:1200px) 
{
	.listElement h5 {
		margin-top: 5% !important;
		margin-bottom: 4% !important;
	}
	.listElement .resume {
		padding: 0 10px;
	}
/* 	body.withImg #contentInter > #pagehtmlcontent { */
/* 		margin-top: 35% !important; */
/* 	} */
}
@media only screen and (max-width:1099px) 
{
	#fullMenu .menubar {
		width: 100%;
		background: #fff;
		left: 0;
		height: 50px;
		position: absolute;
	}
	#fullMenu .menubar > div, #fullMenu .menubar > a.login {
		display: none;
	}
	#fullMenu #langs {
		display: block;
	}
	#logo {
		width: 140px;
		height: 18px;
		background-image: url(/template/image/vinumontis-logo-responsive.png);
		-webkit-background-size: 100%;
		background-size: 100%;
		margin: 0;
		position: absolute;
		top: 16px;
		z-index: 100;
	}
	body:not(.home) #logo {
		background-image: url(/template/image/vinumontis-logo-inter-responsive.png);
		width: 71px;
		height: 26px;
		margin-top: -4px;
	}
	#main {
		padding-top: 150px;
		margin-right: 0;
		min-height: 610px;
	}
	body:not(.home) #main {
		padding-top: 50px;
	}
	#main .mainContainer {
		margin-bottom: 18px;
	}
	#slogan {
		margin-top: 0;
	}
	#accesDirect {
		margin-bottom: 0;
	}
	#counts {
		right: 30px;
	}
	
	.listCtn.third .listElement {
		width: 50% !important;
		clear:none!important;
	}
	
	
	body.withImg #contentInter .right {
		margin-top: calc(43% - 128px);
	}
	
	#footer .mainContainerLarge {
		padding-top: 50px;
	}
	#footer #valais {
		position: absolute;
		bottom: 0;
		width: 79px;
		height: 44.5px;
		background-image: url(/template/image/logo-valais-responsive.png);
		margin-bottom: 15px;
	}
	body.DE #footer #valais {
		background-image: url(/template/image/logo-valais-responsive-de.png);
	}
	body.EN #footer #valais {
		background-image: url(/template/image/logo-valais-responsive-en.png);
	}
	#footer #valais:hover {
		background-image: url(/template/image/logo-valais-responsive-on.png);
	}
	body.DE #footer #valais:hover {
		background-image: url(/template/image/logo-valais-responsive-on-de.png);
	}
	body.EN #footer #valais:hover {
		background-image: url(/template/image/logo-valais-responsive-on-en.png);
	}
	
	#footer #infos {
		clear: left;
		margin-bottom: 30px;
	}
	#footer .footerTitle:before, #footer h1:before {
		background-color: #b70e37;
	}
	#footer .footerTitle, #footer h1 {
		color: #707070;
	}
	#footer .footerDescription, #footer h2 {
		color: #707070;
	}
	#footer .footerDescription a, #footer h2 a {
		color: #707070;
	}
	#footer #powered {
		right: 50px;
		bottom: 15px;
		opacity: 1;
	}
	#footer #powered a {
		color: #707070;
	}
}
@media only screen and (max-width:960px) 
{
	#accesDirect a {
		margin-right: 20px;
	}
}
@media only screen and (max-width:900px)
{
	#main {
		padding-top: 100px;
	}
	#slogan {
		width: 90%;
		max-width: 500px;
		height: auto;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#slogan:before {
		display: inline-block;
		padding-top: 42%;
		content: '';
	}
	#accesDirect a:hover {
/* 		width: 142px; */
/* 		height: 142px; */
		width: 130px;
		height: 130px;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	#accesDirect a:nth-child(odd) {
		margin-left: calc(50% - 152px);
	    margin-right: 11px;
	    margin-bottom: 11px;
		margin-top: 11px;
	    text-align: center;
	    float: left;
	}
	#accesDirect a:nth-child(even) {
		margin-right: calc(50% - 152px);
	    margin-left: 11px;
	    margin-bottom: 11px;
		margin-top: 11px;
	    text-align: center;
	    float: left;
	}

	#accesDirect a h5 {
		margin-top: 40px;
		font-size: 13px !important;
	}
	#accesDirect a:hover h5 {
		margin-top: 30px;
		letter-spacing: 0;
	}
	#accesDirect a h6 {
		font-size: 12px !important;
		opacity: 0;
	}
	#accesDirect a:hover h6 {
		opacity: 1;
	}
	#accesDirect  {
		text-align: left;
	}
	#counts {
		position: relative;
		top: 0;
		right: 0;
		background-color: #464545;
		-webkit-box-shadow: inset 0px 10px 20px -5px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 10px 20px -5px rgba(0,0,0,0.5);
		box-shadow: inset 0px 10px 20px -5px rgba(0,0,0,0.5);
		text-align: center;
	}
	#counts > div {
		display: inline-block;
		margin-right: 35px;
		margin-bottom: 14px;
	}
	#counts > div:last-child {
		margin-right: 0;
	}
	#counts .count {
		font-size: 38px;
		text-align: left;
		margin-top: 20px;
		max-height: 30px;
	}
	#counts .desc {
		text-align: left;
		font-size: 9px;
	}
	#counts .desc:after {
		height: 2px;
		width: 10px;
	}
	
	#heading .left, #contentInter .left {
		display: none;
	}
	#heading .right, #contentInter .right {
		width: 100%;
		margin: 0;
		min-height: 230px;
	}
	
	body.withImg #contentInter .right {
		margin-top: calc(60% - 128px);
	}
/* 	body.withImg #contentInter > #pagehtmlcontent { */
/* 		margin-top: 50% !important; */
/* 	} */
	#contentInter {
		margin-bottom: 70px;
	}
}
@media only screen and (max-width:820px)
{
	#footer .mainContainerLarge {
		padding-bottom: 100px;
	}
}
@media only screen and (max-width:700px)
{
	.headCtn h1 {
/* 		-ms-word-wrap: break-word; */
/* 		word-wrap: break-word; */
	}
	.listCtn.third .listElement, .listCtn.half .listElement {
		width: 100% !important;
	}
}
@media only screen and (max-width:600px)
{
	#slogan {
		margin-bottom: 10px;
	}
	.headCtn h1 {
		font-size: 32px !important;
		line-height: 45px !important;
	}
	#heading .right, #contentInter .right {
		min-height: 150px;
	}
}
@media only screen and (max-width:450px)
{
	.listElement h5 {
		font-size: 23px !important;
	}
	.listElement h5:after {
		bottom: -8px !important;
	}
	.listElement .resume {
		font-size: 16px !important;
	}
}
@media only screen and (max-width:420px)
{
	.headCtn h1 {
		letter-spacing: -2px;
	}
	#counts > div {
		margin-right: 20px;
	}
	#counts .count {
		font-size: 30px;
		margin-top: 35px;
	}
	#counts .count.leaded {
		padding-left: 25px;
	}
	#counts .count .unit {
		top: -53px;
		width: 20px;
	}
	#counts .count .unit:nth-last-child(3n+1):not(:last-child) > div:after
	{
		right: 14px !important;
	}
	#main .mainContainer {
/* 		margin-bottom: 50px; */
	}
	#footer .mainContainerLarge {
		padding-bottom: 125px;
	}
	#footer #valais {
		margin-bottom: 50px;
	}
}

/* ENTETE DES PAGES*/
.headCtn
{
/* 	overflow:hidden; fait office de divwrapper */
	margin:50px 0 60px 0; 
	position: relative;
}
.headCtn.withImg {
	padding-bottom: 50px;
}
.headCtn h1
{
	margin:10px 0 60px 0;
	font-size:35px;
	font-weight: normal;
	font-family: KailiFY-Regular;
	font-size: 64px;
	padding-bottom: 30px;
	position: relative;
	color: #000;
	line-height: 74px;
}
.headCtn h1:after {
	content: '';
	display: inline-block;
	width: 130px;
	height: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #b70e37;
}
.headCtn h2 /*resume of the page*/
{
	margin:0;
    font-size:20px;
	font-weight: normal;
	font-family: Branding-Semibold;
  	overflow:hidden;
	color: #000;
}

.headCtn .img
{
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:50px 0 20px 0;
	position: absolute;
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:52%;
}
body.list .headCtn .img {
	display: none;
}

#bodyprint .headCtn {
	margin-bottom: 0;
	padding-bottom: 0;
}
#bodyprint .headCtn .img {
	position: relative !important;
}
#bodyprint #pagehtmlcontent {
	margin-top: 0 !important;
}

.headCtn h2:empty
{
	display:none;
}

/* LISTES */
.listCtn
{
	position:relative;
	margin-top: 55px;
}

.listElement
{
	position:relative;
	display:block;
	margin:0;
	text-decoration:none;
}

.listElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:opacity 0.5s;
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:53%;
}


.listElement .txt
{
	display:block;
	position: absolute;
    top: 0;
    bottom: 0;
	width: 100%;
/*     background: rgba(255, 255, 255, 0.65); */
	background: rgba(0, 0, 0, 0.4);
	background-image: url(/template/image/hoverListe.png);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 0;
	background-size: 0;
	overflow:hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}
.listElement:hover .txt {
	background-color: #b70e37;
	-webkit-background-size: 40%;
	background-size: 40%;
	-webkit-box-shadow: inset 0px 0px 68px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 68px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 68px 0px rgba(0,0,0,0.2);
}
.listElement:after {
	display: inline-block;
	content: '';
	width: 31px;
	height: 31px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	margin-bottom: -15px;
	background: url(/template/image/puceHoverListe.png) center center no-repeat;
	-webkit-background-size: 0;
	background-size: 0;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.listElement:hover:after {
	
	-webkit-background-size: 100%;
	background-size: 100%;
}

.listElement h5
{
	margin: 10% 0px 8% 0px;
	font-weight: normal;
/* 	color: #b70e37; */
	color: #fff;
	font-size: 30px;
	font-family: KailiFY-Regular;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}
.listElement:hover h5 {
	color: #fff;
}
.listElement h5:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    bottom: -35px;
    background-color: #fff;
    transition: all 0.5s;
    margin-left: 0;
}
.listElement:hover h5:after {
	width: 91px;
	margin-left: -45px;
}
.listElement .resume
{
	display:block;
/* 	color:#000000; */
	color: #fff;
	font-size: 18px;
	font-family: Branding-Medium;
	text-align: center;
	max-width: 360px;
    margin: 0 auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.listElement:hover .resume {
	color: #fff;
}


/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}

/* STYLE GENERIQUE*/
.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:50px 0 30px 0;
    font-weight: normal;
	color: #b70e37;
	font-family: Branding-Bold;
    font-size:20px;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:50px 0 30px 0;
    font-weight: normal;
    font-size:19px;
	color: #000;
	font-family: Branding-Bold;
    font-size:20px;
}


A
{
    text-decoration: none;
	font-family: Branding-Bold;
	color: #b70e37;
}
strong {
	font-weight: normal;
	font-family: Branding-Semibold;
}
P
{
    margin-top: 14px;
    margin-bottom: 14px;
}

UL
{
	padding: 0px 0px 7px 15px;
	margin:0px 0px 0px 3px;
}

p.copyright {
	text-align: right;
    font-style: italic;
    font-size: 16px;
}

a.download:before {
	display: inline-block;
	content: '';
	width: 8px;
	height: 10px;
	background: url(/template/image/puce-lien.png) no-repeat;
	background-size: contain;
	margin-right: 6px;
}

.htmlcontent > ul > li, .htmlcontent > form > ul > li {
	padding: 5px 0;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	.headCtn .img
	{
		width: 100%;
	}
	
	.listCtn.third .listElement
	{
		float:left;
		width:33.3%;
	}
	.listCtn.third .listElement .resume {
		height:65px;
	}
	
	.listCtn.half .listElement
	{
		float:left;
		width:50%;
	}

	.listElement .img
	{
		float:none;
		width:100%;
	}
}


/* TABLES */
table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
}

table tbody.originaltbody
{
	display:table-row-group;
}
table tbody.responsivedtbody
{
	display:none;
}

/* TABLE pour page partenaire */
table.partenaires {
    border-spacing: 20px;
	border-collapse: separate !important;
	table-layout: fixed;
}
table.partenaires td {
	height: 118px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #e7e7e7;
    border-spacing: 3px;
    background-color: #fff;
	padding: 10px !important;
}
table.partenaires td.empty {
	border: none;
	background: none;
}


/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width:1100px)
{
	table
	{
		width:100%!important;
		table-layout:fixed; /*pour que les images suivent*/
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	table tbody.responsivedtbody
	{
		display:table-row-group;
	}
	
	table.responsived th, table.responsived td
	{
		display:block;
		width:100%!important;
		margin:0px!important;
		padding:0px!important;
		text-align:left;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
	
	table tbody.responsivedtbody th, table.responsived th
	{
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		margin-bottom:50;
	}	
	
	table tbody.responsivedtbody .thmain
	{	
		text-transform:uppercase;
		border-top:10px solid transparent!important;
		border-bottom:10px solid transparent!important;
	}
	
	table tbody.responsivedtbody .thspan
	{
		display:block!important;
		font-weight:bold;
		margin:10px 0px 5px 0px;
	}
	
	table.partenaires.responsived td {
		text-align: center;
	    margin-bottom: 20px !important;
		padding: 10px 0 !important;
	}
	table.partenaires.responsived td p {
		text-align: center;
		line-height: 118px;
	}
	table.partenaires.responsived td img {
		vertical-align: middle;
	}
}

/* STYLES INVARIABLES */
.desactivatepage /*Pour l'affichage du text "désactivé " dans les listes et les titres des pages */
{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:red;
}

/* MANDATORY FIELD */
.mandatory, .mandatoryCustom /*Style des champs obligatoires. Defini 2 styles, cf mandatory.js */
{
  background-color: #d7d5d5;
}

.mandatoryFailed, .mandatoryCustomFailed /*Style des champs obligatoires lorsqu'un submit à echoué*/
{
  background-color: #FFE3E8 !important;
  border:1px dotted red !important;
}

.error /*Pour l'affichage des messages erreurs */
{
	color: red;
}

.helpMsg
{
	color:green;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/
legend
{
	font-family: arial;
    font-size: 11px;
    color:black;
}

fieldset
{
	border: 1px solid  #888888;
	margin:6px;
	background-color:#fdfdfd;
}

.shop legend
{
    margin: 30px 0 20px 0;
    font-weight: normal;
    color: #b70e37;
    font-family: Branding-Bold;
    font-size: 19px;
}

.shop fieldset
{
	border: 0;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}

fieldset table, fieldset div /*margin pour les element dans le fieldset*/
{
/* 	margin: 5px; */
}

fieldset table table, fieldset div div, fieldset table div, fieldset div table /*Annule le margin pour les sous-element du fieldset*/
{
	margin: 0px;
}

/*-- FIN FIELDSET --*/
.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
	font-family: Arial;
	font-size: 16px;
}

.tdListAdmin
{
	padding-top:2px;
	padding-bottom:2px;
}

.tableListAdmin
{
	margin:10px;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
}

#contentInter .right input[type="text"], #contentInter .right textarea {
	background-color: #fff;
	border: 1px solid #c3c2c2;
	font-family: Branding-Medium;
    font-size: 15px;
    color: #707070;
    padding: 8px;
}
#contentInter .right input[type="text"].mandatory, #contentInter .right textarea.mandatory {
	background-color: #e7e7e7;
}
#contentInter .right input[type="text"].mandatoryFailed, #contentInter .right textarea.mandatoryFailed {
	background-color: #ffd7cd;
	border: 1px dashed #ffa7a7;
}
#contentInter .right input[type="checkbox"].mandatoryFailed {
	outline: 1px dashed #ffa7a7;
}
#contentInter .right .htmlcontent input[type="submit"], #inscriptionMailProComplete input[type="submit"] {
	padding: 8px;
	background-color: #b70e37;
	color: #fff;
	border: 0;
	font-family: Branding-Medium;
    font-size: 15px;
}
#contentInter .right .htmlcontent input[type="submit"]:disabled, #inscriptionMailProComplete input[type="submit"]:disabled, #btnPay:disabled {
	opacity: 0.5;
}

/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text], input[type=password], input[type=submit], input[type=button] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
}
select::-ms-expand {
    display: block !important;
}

input[type=checkbox], input[type=radio]
{ 
  border: none; 
  background-color:transparent;
}

select.styledSelect {
	font-family: Branding-Medium;
	font-size: 15px;
	color: #707070;
	padding: 8px;
	background-color: #fff;
	border: 0;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	background-image:
        linear-gradient(45deg, transparent 50%, white 50%),
        linear-gradient(135deg, white 50%, transparent 50%),
        linear-gradient(to right, black, black);
 	background-position:
        calc(100% - 15px) calc(1em + 1px),
        calc(100% - 10px) calc(1em + 1px),
        100% 0;
 	background-size:
        5px 5px,
        5px 5px,
        30px 100%;
 	background-repeat: no-repeat;
}
select.styledSelect::-ms-expand {
    display: none !important;
}
select.styledSelect:focus {
	background-image:
        linear-gradient(45deg, transparent 50%, white 50%),
        linear-gradient(135deg, white 50%, transparent 50%),
        linear-gradient(to right, #b70e37, #b70e37);
}
/*-- FIN FORM --*/

.admin_scroll
{
    overflow-y: auto;
    float: left;
    width: 300px;
    position: relative;
    height: 250px;
    background: transparent;
}

.popupBloc
{
	background-image: url('/template/image/admin/bgadmin.gif'); 
	border: #101010 1px solid;
	padding:10px;
	font-family: arial;
    font-size: 11px;
    color:black;
}

.popupTitle
{
	padding-left:10px;
	background-image: url('/template/image/admin/titlebar.gif'); 
	font-family: Arial;
    font-size: 11px;
    color:black;
}

.popupTd
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

/*Style pour la navigation*/
.loadmore
{
	text-align:center;
	padding:10px 0px 10px 0px;
	visibility:hidden;
}

.loadmore img
{
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity: 0.50; 
}

/*Style pour le jqDdD*/
.drag
{
	opacity:0.5;
	cursor:move;
}
 .drop
{
	cursor:move;
	outline: 1px dashed black;
}
 .drag a, .drop a
{
	cursor:move;
}

/*************** FIN STYLE DE BASE  *******************/

/*************** ADMIN ZONE ********************/
.hilightZone
{
	outline: 1px solid #aaaaaa;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZone
{
	outline: 1px solid #eeeeee;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZoneFixed
{
	outline: 1px solid #666666;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image: url('/template/image/admin/bgadmin.gif'); 
	margin-bottom:5px;
	font-family: Arial;
	font-size: 16px;
}
	
.zoneMenu
{
	margin:0px ;
	padding: 0px ;	
	position:absolute; 
	top:-35px;
	left:-1px;
	width:100%;
}

.zoneMenuFixed
{
	margin:0px ;
	padding: 0px ;
	position:relative; 
	top:0px;
	left:0px;
	width:100%;
}

.stdZoneFixed table
{
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/	
}

.tblContextMenuTitle
{
	margin:0px ;
	padding: 0px ;
	width:100%;
	background-image: url('/template/image/admin/titlebar.gif'); 
	height:18px;
  	color:#86081D;
  	font-size:11px;
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/
}

.tblContextMenu
{
	border:0px;
	margin:0px ;
	width:100%;
	padding: 0px ;
 	height:19px;
	background-image:url(/template/image/admin/bgmenu.png);
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
}
.tblContextMenu table
{
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	width:auto!important;/*contré le fixed setté pour le responsive*/
}
		
.stdContextMenu
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
}

.stdContextMenuSep
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
	background-image:url(/template/image/admin/bgmenusep.png);
	background-repeat:no-repeat; 
}

  	
.hilightContextMenu
{
	margin:0px ;
	padding: 0px ;
	height:18px;
	background-image:url(/template/image/admin/bgmenusel.png);

}

.stdTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
  	color: #000000;
	font-size: 11px;
	font-family: Arial;
}

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
	font-family: Arial;
}
/*************** FIN ADMIN ZONE ********************/#topevents h6 {
	max-width: calc(1070px - 290px);
    margin: 0 auto;
	font-size: 40px;
	color: #b70e37;
	font-family: KailiFY-Regular;
	margin-top: 60px;
	margin-bottom: 25px;
	padding-left: 290px;
}
#topeventsOuter {
	background: #f3f0f0 url(/template/image/fond-entete.png) 5% bottom no-repeat;
	-webkit-background-size: 500px;
	background-size: 500px;
}
#topEventsCtn {
    max-width: 1070px;
    margin: 0 auto;
	margin-bottom: 30px;
    padding: 0 15px;
    padding-left: 280px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#topEventsCtn .date {
	display: inline-block;
	margin-top: 50px;
}
#topEventsCtn .jour {
	background-color: #000 !important;
}
#topEventsCtn .topeventElement {
	display: inline-block;
	width: 30%;
	margin-right: 4%;
	text-align: center;
	vertical-align: top;
}
#topEventsCtn .topeventElement:last-child {
	margin-right: 0;
}
#topEventsCtn .topeventElement h5 {
	font-size: 20px;
	color: #b80f37;
	font-family: KailiFY-Regular;
	margin-top: 35px;
	margin-bottom: 15px;
	text-align: center;
}
#topEventsCtn .topeventElement h5:after {
	content: '';
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 80px;
	height: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b70e37;
}
#topEventsCtn .topeventElement .resume {
	text-align: center;
	font-family: Branding-Medium;
	font-size: 18px;
	color: #707070;
}
#topEventsCtn .topeventElement .more {
	position: relative;
	display: block;
	margin: 20px 0 30px 0;
	font-family: Branding-Semibold;
	font-size: 12px;
	color: #b80f37;
}




#agendaList {
	max-width: 1070px;
	margin: 0 auto;
	padding: 0 15px;
	padding-left: 280px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#agendaList #nbrResults {
	font-family: Branding-Bold;
	font-size: 20px;
	color: #000;
	margin-top: 60px;
}

#agendaListCtn .listElement .txt {
	position: relative;
	background: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	width: calc(100% - 230px);
	display: inline-block;
}
#agendaListCtn .listElement:after {
	display: none !important;
}
#agendaListCtn .listElement .date
{
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 225px;
	background: none !important;
	vertical-align: top;
}
#agendaListCtn .listElement .date.continues .sep, #topEventsCtn .date.continues .sep {
    color: #707070 !important;
    font-size: 18px;
    font-family: Branding-Medium;
	text-transform: lowercase;
	text-align: center;
	margin: 5px 0;
	display: block;
}
#agendaListCtn .listElement .date:not(.continues) .sep, #topEventsCtn .date:not(.continues) .sep {
	display: none;
}
#agendaListCtn .listElement .date:not(.continues) .sep+.jour, #topEventsCtn .date:not(.continues) .sep+.jour {
	display: none;
}
#agendaListCtn .listElement .date:not(.continues) .sep+.jour+.mois, #topEventsCtn .date:not(.continues) .sep+.jour+.mois {
	display: none;
}

#agendaHeadCtn .date .sep {
	display: inline-block;
	line-height: 40px;
	text-transform: lowercase;
	margin: 0 10px;
}
#agendaHeadCtn .date:not(.continues) .sep, #agendaHeadCtn .date:not(.continues) .sep+.jour, #agendaHeadCtn .date:not(.continues) .sep+.jour+.mois {
	display: none;
}

#agendaListCtn .listElement h5 {
	margin-top: 5px !important;
	margin-bottom: 15px;
	font-size: 20px;
	color: #b80f37 !important;
	text-align: left;
}
#agendaListCtn .listElement .resume {
	text-align: left;
	max-width: none;
	color: #707070 !important;
}
#agendaListCtn .listElement .more {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-weight: normal;
	font-size: 11px;
	color: #b80f37;
	font-family: Branding-Medium;
}
#agendaListCtn .listElement {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d2d1d1;
}

#agendaListCtn .listElement .date .iconEventVinum.off,
#agendaHeadCtn .date .iconEventVinum.off,
.cartoucheElement .date .iconEventVinum.off
{
	display:none;
}
#agendaListCtn .listElement .date .iconEventVinum.on,
#agendaHeadCtn .date .iconEventVinum.on,
.cartoucheElement .date .iconEventVinum.on
{
	display:block;
	background-size:100%;
	background-image:url(/template/image/vinumontis-logo-inter-responsive.png);
	width:71px;
	height:26px;
	margin:10px 0 10px 0;
}

#agendaHeadCtn .img {
	margin-top: 125px;
}
#agendaHeadCtn .date
{
	margin-top: 30px;
	display: inline-block;
}
#agendaHeadCtn .jour, #agendaListCtn .jour, #topEventsCtn .jour {
	font-family: Branding-Bold;
	font-size: 33px;
	color: #fff;
	background-color: #b70e37;
	display: inline-block;
	height: 44px;
	width: 66px;
	line-height: 44px;
	text-align: center;
	vertical-align: top;
	margin-right: 5px;
}
#agendaHeadCtn .mois, #agendaListCtn .mois, #topEventsCtn .mois {
	display: inline-block;
	width: 133px;
	height: 44px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #000000;
	text-align: center;
	font-family: Branding-Medium;
	font-size: 15px;
	color: #000;
	vertical-align: top;
	text-transform: uppercase;
}

@media only screen and (max-width:1000px)
{
	#topEventsCtn, #agendaList {
		padding-left: 15px;
	}
	#topevents h6 {
		max-width: 100%;
		padding-left: 15px;
	}
}
@media only screen and (max-width:750px)
{
	#topEventsCtn .topeventElement {
		display: block;
		width: 70%;
		margin: 0 auto !important;
	}
	#topEventsCtn .topeventElement .more {
		margin-bottom: 0;
	}
	#topEventsCtn {
		padding-bottom: 30px;
	}
}
@media only screen and (max-width:600px)
{
	#topevents h6 {
		font-size: 30px;
	}
	#agendaListCtn .listElement .date {
		display: block;
	}
	#agendaListCtn .listElement .txt {
		width: 100%;
	}
}
@media only screen and (max-width:550px) {
	#agendaHeadCtn .img {
		margin-top: 145px;
	}
}
@media only screen and (max-width:400px) {
	#topEventsCtn .topeventElement {
		width: 100%;
	}
}/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;
	margin-top: 60px;
}

.cartoucheCtn h5
{
	margin:20px 0px 25px 0px;
	font-weight: normal;
	font-size: 24px;
	color: #b80f37;
	font-family: KailiFY-Regular;
}
.cartoucheCtn h5:after {
	content: '';
	display: block;
	width: 100px;
	height: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #b70e37;
	margin-top: 10px;
}

.cartoucheCtn .more
{
	display: block;
	color: #b80f37;
	font-family: Branding-Semibold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
	padding: 8px 0;
}
.cartoucheCtn .more:before {
	content: '';
	width: 13px;
	height: 13px;
	display: inline-block;
	background: url(/template/image/puce-menu-on.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	-o-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
	margin-bottom: -2px;
	margin-right: 6px;
}

.cartoucheCtn .rss
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}
.cartoucheCtn .archive
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:5px 0px 5px 0px;
}
.cartoucheCtn .archive > a
{
	margin-left:3px;
	text-decoration:none;
	color:grey;
}

.cartoucheElementCtn
{
	position:relative;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
}

.cartoucheElement .img
{
	position:relative;
	display:block;
	float:left;
	width:30%;
	background:url(/template/image/defaultListSmall.jpg) no-repeat center center;
	background-size:cover;
}
.cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:58%;
}
.cartoucheElement .img:after {
	width: 100%;
	height: 9px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	content: '';
	background:url(/template/image/cacheNews.png) no-repeat left top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.cartoucheElement:hover .img
{
	opacity:0.75;
}

.cartoucheElement .txt
{
	display:block;
	position:relative;
	overflow:hidden;
}

.cartoucheElement h6
{
	margin:10px 0px 15px 0px;
	font-weight: normal;
	color: #060001;
	font-size: 17px;
	font-family: KailiFY-Regular;
}
.cartoucheElement .resume
{
	display:block;
	color:#707070;
	font-size: 15px;
	font-family: Branding-Medium;
}
.cartoucheElement .moreInfos {
	font-size: 12px;
	font-family: Branding-Medium;
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement
{
	border-bottom: 1px solid #757575;
	padding-bottom: 10px;
}
#cartoucheNewsCartoucheCtn a.cartoucheElement:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	position:absolute;
	display:block;
	bottom:5px;
	right:7px;
	color:grey;
	font-size:11px;
}



/* CARTOUCHE AGENDA */
#cartoucheAgendaCartoucheCtn h5 {
	margin-bottom: 0;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement h6 {
	color: #b80f37;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement {
	border-bottom: 1px solid #757575;
    margin-bottom: -1px;
    padding: 25px 0 10px 0;
}
#cartoucheAgendaCartoucheCtn .jour {
	font-family: Branding-Bold;
	font-size: 33px;
	color: #fff;
	background-color: #b70e37;
	display: inline-block;
	height: 44px;
	width: 66px;
	line-height: 44px;
	text-align: center;
	vertical-align: top;
}
#cartoucheAgendaCartoucheCtn .mois {
	display: inline-block;
	width: 133px;
	height: 44px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #000000;
	text-align: center;
	font-family: Branding-Medium;
	font-size: 15px;
	color: #000;
	vertical-align: top;
	text-transform: uppercase;
}
#cartoucheAgendaCartoucheCtn .date.continues .sep {
    color: #707070 !important;
    font-size: 18px;
    font-family: Branding-Medium;
	text-transform: lowercase;
	text-align: center;
	margin: 5px 0;
	display: block;
}
#cartoucheAgendaCartoucheCtn .date:not(.continues) .sep {
	display: none;
}
#cartoucheAgendaCartoucheCtn .date:not(.continues) .sep+.jour {
	display: none;
}
#cartoucheAgendaCartoucheCtn .date:not(.continues) .sep+.jour+.mois {
	display: none;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.cartoucheElement .img
	{
		float:none;
		width:100%;
	}
}.galleryImageContainer {
    background-color: #464545;
    -webkit-box-shadow: inset 0px 50px 100px -40px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 50px 100px -40px rgba(0,0,0,0.5);
    box-shadow: inset 0px 50px 100px -40px rgba(0,0,0,0.5);
	position: relative;
}
#galleryimageListCtn {
    max-width: 1070px;
    margin: 0 auto 0 auto;
	padding: 25px 50px;
	overflow: hidden;
}
#galleryimageListCtn:before {
	content: '';
	display: inline-block;
	width: 100%;
	padding-top: 20%;
}

#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	border:0px;
	margin:0 0 10px 0;
	overflow:visible;
	top: 25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	opacity: 0;
}
#galleryimageListCtn .listElement:after {
	display: none !important;
}

#galleryimageListCtn .listElement .img
{
	width:100%;
	float:none;
}

#galleryimageListCtn .listElement .img:before
{
	padding-top:60%;
}

#gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible */
}

#galleryimageListCtn .listElement .admin
{
	display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 10px;
    background: rgba(0, 0,0, 0.5);
    box-sizing: border-box;
    margin: 0;
}

#galleryimageListCtn .listElement .admin > a
{
	color:#ffffff;
	text-decoration:none;	
}

.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

#galleryPrev, #galleryNext {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/template/image/puceLinks.png);
    -webkit-background-size: 100%;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}
#galleryPrev {
    right: 20px;
    left: inherit;
}
#galleryNext {
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/* MEDIA QUERIES */
/* @media only screen and (min-width:321px) */
/* { */
/* 	#galleryimageListCtn .listElement */
/* 	{ */
/* 		float:left; */
/* 		margin:0; */
/* 		margin-bottom: 20px; */
/* 		width:100%; */
/* 	} */
/* } */
@media only screen and (max-width:640px)
{
	#galleryimageListCtn .listElement {
		opacity: 0;
		width: calc(100% - 100px);
	}
	#galleryimageListCtn .listElement[rel="0"] {
		left: -100%;
	}
	#galleryimageListCtn .listElement[rel="1"] {
		left: 50px;
		opacity: 1;
	}
	#galleryimageListCtn:before {
		padding-top: 59%;
	}
	#galleryNext {
		left: 15px !important;
	}
	#galleryPrev {
		right: 15px !important;
	}
}
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible */
	}	
	#galleryimageListCtn .listElement
	{
		width:30%;
		left: 103%;
	}
	#galleryimageListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0;
	}
	#galleryimageListCtn .listElement[rel="0"] {
		left: -33.5%;
		opacity: 0;
	}
	#galleryimageListCtn .listElement[rel="1"] {
		left: 3.5%;
		opacity: 1;
	}
	#galleryimageListCtn .listElement[rel="2"] {
		left: 35%;
		opacity: 1;
	}
	#galleryimageListCtn .listElement[rel="3"] {
		left: 66.5%;
		opacity: 1;
	}
}
@media only screen and (max-width:1280px)
{
	#galleryNext {
		left: 10px;
	}
	#galleryPrev {
		right: 10px;
	}
}
@media only screen and (max-width:1000px)
{
	#galleryNext {
		left: 5px;
	}
	#galleryPrev {
		right: 5px;
	}
}/* Style pour plugin langsite */
#langs {
	padding: 10px 0;
	margin: 0 3px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}
.langsite
{
   text-decoration: none;
}

.langsiteActiv
{
   font-family: Branding-Bold !important;
	color: #b70e37 !important;
   text-decoration: none;
}

a.langsite, a.langsiteActiv {
	display: block;
	text-align: center;
	font-family: Branding-Medium;
	color: #707070;
	font-size: 19px;
	padding: 5px 0;
}



@media only screen and (max-width:1099px) 
{
	#langs {
		float: right;
		border: 0;
		padding: 0;
	}
	a.langsite, a.langsiteActiv {
		display: inline-block;
		height: 50px;
		line-height: 50px;
		margin: 0 5px;
		padding: 0;
		font-size: 13px;
	}
}#zoneCartoucheLightShop
{
	width:100%;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:10px;
	background-color:grey;
	color:white;
	margin-top:30px;
	margin-bottom:30px;
}

.btnConnexion {
    border: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    margin: 0px;
    padding: 0px 20px;
    height: 24px;
    color: white;
    cursor: pointer;
    background-color: #b70e37;
    font-family: Branding-Medium;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}

.btnZoneCommande {
	background: #b80f37 url(/template/image/flecheBtnShop.png) 15px center no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
	display: block;
	margin-top: 30px;
	padding: 20px;
	cursor: pointer;
	overflow: hidden;
	padding-left: 60px;
}
.btnZoneCommande .hide {
	display: none;
}
.btnZoneCommande .desc {
	color: #fff;
	font-family: Branding-Medium;
	font-size: 20px;
}
.btnZoneCommande.closed .form {
	max-height: 0;
	overflow: hidden;
}
.btnZoneCommande.zoneCoordonnees .form {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btnZoneCommande:not(.closed) .form {
	max-height: 2000px;
} 
.btnZoneCommande.zoneCoordonnees:not(.closed) {
	cursor: initial;
	background-color: transparent;
}
.btnZoneCommande.zoneCoordonnees:not(.closed) .desc {
	display: none;
}


.lienPanier
{
	color:white;
}

.inputButtonLightShop, a.inputButtonLightShop
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;
	height:24px;
	width:200px;
	color:white;
	cursor:pointer;
	background-color: #b70e37;
	font-family: Branding-Medium;
	font-size: 16px;
	display: inline-block;
    text-align: center;
    line-height: 24px;
}


/* adresse livraison differente */
.zoneCoordonnees .adresseLivraison {
	margin-top: 20px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s;
}
input#livraisonDifferente:checked + .adresseLivraison {
	max-height: 1000px;
}

.tdInputButtonLightShop
{
	vertical-align:top; 
/* 	background:url(/plugin/lightshop/template/images/fondInput.png) no-repeat; */
	width:200px;
	height:31px;
}

#btnCommande .inputButtonLightShop {
	margin-right: 6px;
}

.txtArticle, .txtArticle A
{
	color: #b80f37;
	font-size:16px;
	text-decoration:none;
	line-height:19px;
}

td.separator img {
	width: 100%;
	height: 5px !important;
}
td.separator.small img {
	width: 50%;
}

.paymentError {
	color: red;
    margin-top: 40px;
}

.btnVoirOffres:before {
	background: url(/template/image/puce-menu-on.png) no-repeat center center;
	-webkit-background-size: 100%;
	background-size: 100%;
	display: inline-block;
	width: 22px;
	height: 22px;
	content: '';
    margin-bottom: -5px;
    margin-right: 10px;
    transform: rotateZ(-90deg);
}
.btnVoirOffres {
	display: inline-block;
	margin-top: 30px;
}

#checkConditions.Inactive {
	opacity: 0.5;
	cursor: default;
}
#checkConditions {
	opacity: 1;
}

/* STYLE ADMIN LISTE TRANSACTIONS */
#tblListTransactions {
	margin-top: 30px;
}
#tblListTransactions tr.order td {
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
}
#tblListTransactions tr.order .more {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
#tblListTransactions tr.notValid {
	background: #fbb;
}
#tblListTransactions th {
	border-bottom: 1px solid #707070;
	background: #dadada;
}
#tblListTransactions tr.detail td {
	padding: 0 10px;
}
#tblListTransactions tr.detail td div {
	max-height: 0px;
	overflow: hidden;
	display: block;
	width: 100%;
    text-align: right;
	padding: 0 10px;
    box-sizing: border-box;
	transition: all 0.5s;
}
#tblListTransactions tr.detail td div.open {
	padding: 10px 10px;
    max-height: 1000px;
}
#formTransactionsEShop fieldset tr td {
	line-height: 50px;
}



@media only screen and (max-width: 1100px) {
	#panier td.w15 {
		width: 15px !important;
	}
	.tdInputButtonLightShop {
		width: 200px !important;
	}
	.tdInputButtonLightShop + td {
		width: 10px !important;
	}
	#btnCommande .inputButtonLightShop {
		margin-right: 0;
		margin-left: 6px;
	}
}
@media only screen and (max-width: 600px) {
	#panier td.close {
		width: 25px !important;
		padding: 5px 0 0 0;
	}
	#panier td[colspan="5"] {
		width: 50% !important;
	}
	#panier td[colspan="5"] + td {
		width: 50% !important;
	}
	.tdInputButtonLightShop {
		width: calc(50% - 5px) !important;
	}
	#panier td.txtArticle {
		width: calc(100% - 35px) !important;
		display: inline-block !important;
	}
	#panier td.close {
		display: inline-block !important;
	}
	#panier td.txtArticle + td {
		margin-left: 30px;
	}
	#panier td:not(.close):not(.txtArticle) {
		width: auto !important;
		display: inline-block !important;
	}
	.btnZoneCommande.zoneCoordonnees:not(.closed) {
		padding-left: 20px;
	}
}
@media only screen and (max-width: 510px) {
	.btnZoneCommande.zoneCoordonnees .rmb10 {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 450px) {
	.tdInputButtonLightShop {
		width: 100% !important;
		display: block !important;
		text-align: center;
	}
	#actionsPanier tr {
		display: block;
	}
}#lightshopproductListCtn .listElement .img:before {
	background-color: rgba(0, 0, 0, 0.3);
}
#lightshopproductListCtn .listElement h5 {
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 0;
	color: #fff;
	margin: 0 !important;
	padding: 0;
}
#lightshopproductListCtn .listElement h5.after {
	display: none !important;
}
#lightshopproductListCtn .listElement h5 span {
	display: inline-block;
	vertical-align: middle;
	font-size: 35px;
	padding: 20px;
}
#lightshopproductListCtn .listElement h5:before {
	width: 0;
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
#lightshopproductListCtn .listElement h5 span:after {
	display: block;
	content: '';
	width: 95px;
	height: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	margin: 15px auto;
}
#lightshopproductListCtn .listElement .txt {
	background: none !important;
	position: relative;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	padding: 50px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: inherit;
}
#lightshopproductListCtn .listElement .txt:after {
    display: inline-block;
    content: '';
    width: 2px;
    height: calc(100% - 100px);
    background-color: #c3c2c2;
    position: absolute;
    right: -4px;
    top: 50px;
}
#lightshopproductListCtn.half .listElement:nth-child(2n) .txt:after {
	display: none;
}
#lightshopproductListCtn.third .listElement:nth-child(3n) .txt:after {
	display: none;
}
#lightshopproductListCtn .listElement .txt .resume {
	color: #707070 !important;
	font-size: 18px !important;
}
#lightshopproductListCtn .listElement:after {
	display: none !important;
}
#lightshopproductListCtn .listElement .commande {
	background-color: #f3f3f3;
	margin-top: 10px;
	display: block;
	text-align: center;
	min-height: 60px;
}
#lightshopproductListCtn .listElement .more {
	display: inline-block;
	color: #000;
	font-family: Branding-Semibold;
	font-style: italic;
	font-size: 15px;
	text-transform: lowercase;
	padding-right: 20px;
	margin-right: 20px;
}
#lightshopproductListCtn .listElement .commande.withprixclub .more {
	vertical-align: top;
	margin-top: 40px;
}
#lightshopproductListCtn .listElement .more:before {
	width: 24px;
	height: 23px;
	display: inline-block;
	content: '';
	background: url(/template/image/loupeShop.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-bottom: -5px;
	margin-right: 12px;
}
#lightshopproductListCtn .listElement .prix
{
	position:relative;
	display: inline-block;
	font-family: Branding-Semibold;
	color:#fff;
	background-color: #b70e37;
	font-size: 25px;
    padding: 15px 40px;
}
#lightshopproductListCtn .listElement .commande.withprixclub .prix {
	padding: 10px 40px;
}
#lightshopproductListCtn .listElement .prix .currency {
	font-size: 15px;
}
#lightshopproductListCtn .listElement .prix .label {
	font-size: 15px;
	margin-bottom: 5px;
}
#lightshopproductListCtn .listElement .commande.withprixclub .prix .value {
	line-height: 20px;
}
#lightshopproductListCtn .listElement .commande:not(.withprixclub) .prix .label {
	display: none;
}
#lightshopproductListCtn .listElement .prix .club {
	margin-top: 5px;
	font-size: 30px;
}
#lightshopproductListCtn .listElement .form {
	padding-left: 45px;
	display: inline-block;
	 vertical-align: top;
    padding-top: 10px;
}
body.admin #lightshopproductListCtn .listElement .form {
	opacity: 0.5;
	position: relative;
}
body.admin #lightshopproductListCtn .listElement .form:before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#lightshopproductListCtn .listElement .commande.withprixclub .form {
	margin-top: 25px;
}
#lightshopproductListCtn .listElement .form select {
	width: 70px;
	border: 1px solid #c3c2c2;
}
#lightshopproductListCtn .listElement .form input {
	display: inline-block;
	width: 32px;
	height: 28px;
	border: 0;
	background: url(/template/image/panierShop.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-left: 25px;
	float: right;
	margin-top: 5px;
	cursor: pointer;
}


#heading.shop .left {
	z-index: 0;
}
#heading.shop .right {
	min-height: 265px;
}
#heading.shop .shopHead {
	z-index: 1;
	position: relative;
	padding-bottom: 50px;
}
#heading.shop .headCtn.withImg {
	padding-bottom: 0;
}
#heading.shop .shopHead .img {
	display: block !important;
    background: url(/template/image/defaultList.jpg) no-repeat center center;
    background-size: cover;
	position: relative;
	margin-bottom: 70px;
}
#heading.shop .shopHead .img:before {
	content: '';
	display: inline-block;
	width: 100%;
	padding-top: 53%;
}
#heading.shop .shopHead .prix {
	position: absolute;
	right: 20px;
	bottom: -45px;
	background-color: #b70e37;
	padding: 15px 20px;
	color: #fff;
	font-size: 48px;
	font-family: Branding-Semibold;
	line-height: 30px;
}
#heading.shop .shopHead .prix .currency {
	font-size: 25px;
}
#heading.shop .shopHead .prix .standard {
	font-size: 40px;
}
#heading.shop .shopHead .prix .club {
	margin-top: 10px;
}
#heading.shop .shopHead .prix:not(.withprixclub) {
	padding: 25px 30px;
}
#heading.shop .shopHead .prix:not(.withprixclub) .label {
	display: none;
}
#heading.shop .shopHead .label {
	font-family: Branding-Medium;
	font-size: 18px;
    text-align: center;
    margin-bottom: 8px;
}
#heading.shop .shopHead .noref {
	font-family: Branding-Semibold;
	text-transform: uppercase;
	font-size: 20px;
	color: #000;
}
#heading.shop .shopHead h2 {
	font-size: 18px;
	font-family: Branding-Medium;
	color: #707070;
	margin-top: 25px;
	width: calc(100% - 175px);
}
#heading.shop .shopHead h2:after {
	content: '';
	display: inline-block;
	width: 90px;
	height: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b70e37;
	display: block;
	margin-top: 20px;
}
#heading.shop .panier {
	position: absolute;
	right: 20px;
	bottom: -100px;
}
#heading.shop .panier select {
	width: 70px;
	border: 1px solid #c3c2c2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 12px;
}
#heading.shop .panier input[type="submit"], #formBonCadeau input[type="submit"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #c3c2c2;
	background: #fff url(/template/image/panierShop.png) no-repeat center center;
	-webkit-background-size: 19px;
	background-size: 19px;
	width: 40px;
	height: 36px;
	vertical-align: bottom;
	cursor: pointer;
}
#contentInter.shop .right {
	margin-top: 0 !important;
	min-height: auto;
}
#contentInter.shop .mainContainer {
	margin-bottom: 80px;
}
#contentInter.shop #backToProducts {
	margin-top: 40px;
	float: right;
}
#contentInter.shop #backToProducts:before {
	display: inline-block;
	content: '';
	width: 31px;
	height: 31px;
	background: url(/template/image/retourOffres.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-right: 12px;
	margin-bottom: -10px;
}

@media only screen and (min-width: 641px) {
	#lightshopproductListCtn.half .listElement {
		width: calc(50% - 4px) !important;
	}
	#lightshopproductListCtn.half .listElement:nth-child(2n + 1) {
		margin-right: 7px;
	}
	#lightshopproductListCtn.third .listElement {
		margin-right: 7px;
		width: calc(33.3% - 5px) !important;
	}
	#lightshopproductListCtn.third .listElement:nth-child(3n) {
		margin-right: 0;
	}
	#lightshopproductListCtn.third .listElement:nth-child(3n) .txt:after {
		display: none;
	}
}
@media only screen and (max-width: 1800px) {
	#lightshopproductListCtn .listElement h5 span {
		font-size: 32px;
	}
}
@media only screen and (max-width: 1600px) {
	#lightshopproductListCtn.third .listElement {
		width: calc(50% - 4px) !important;
		margin-right: 0;
	}
	#lightshopproductListCtn.third .listElement:nth-child(2n + 1) {
		margin-right: 7px;
	}
}
@media only screen and (max-width: 1700px) {
	#lightshopproductListCtn .listElement .more {
		padding-right: 10px;
		margin-right: 10px;
	}
	#lightshopproductListCtn .listElement .prix {
		padding: 15px 20px;
	}
	#lightshopproductListCtn .listElement .form {
		padding-left: 20px;
	}
}
@media only screen and (max-width: 1300px) {
	#lightshopproductListCtn .listElement h5 span {
		font-size: 26px;
	}
}
@media only screen and (max-width: 950px) {
	#lightshopproductListCtn .listElement .form {
		display: block;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: calc(50% - 65px);
	}
	#lightshopproductListCtn .listElement .form select, #lightshopproductListCtn .listElement .form input {
		float: left;
	}
	#lightshopproductListCtn .listElement h5 span {
		font-size: 22px;
	}
}
@media only screen and (max-width: 850px) {
	#lightshopproductListCtn .listElement h5 span {
		font-size: 20px;
		padding: 10px;
	}
}
@media only screen and (max-width: 640px) {
	#lightshopproductListCtn .listElement, #lightshopproductListCtn.half .listElement, #lightshopproductListCtn.third .listElement {
		width: 100% !important;
	}
	#heading.shop .shopHead h2 { 
		width: 100%;
		margin-top: 40px;
	}
	#heading.shop .shopHead .img {
		margin-bottom: 140px;
	}
	#heading.shop .shopHead .prix {
		font-size: 40px;
		left: 0;
		right: 0;
		padding: 10px 15px;
		bottom: -68px;
	}
	#heading.shop .shopHead .prix .currency {
		font-size: 30px;
	}
	#heading.shop .panier {
		bottom: -125px;
	}
}
@media only screen and (max-width: 450px) {
	
}#linksOuter {
	background-color: #464545;
	-webkit-box-shadow: inset 0px 50px 100px -40px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 50px 100px -40px rgba(0,0,0,0.5);
	box-shadow: inset 0px 50px 100px -40px rgba(0,0,0,0.5);
}

#linksCtn
{
	position:relative;
	max-width: 1350px;
	margin: 0 auto;
	padding: 20px 15px;
	padding-right: 50px;
	background: url(/template/image/fondLinks.png) no-repeat 15px center;
	-webkit-background-size: 460px;
	background-size: 460px;
	text-align: right;
}

#linksCtn h5
{
	margin:85px 0px 10px 0px;
	font-weight:bold;
	width: 34%;
	margin-right: 5%;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	font-size: 27px;
	color: #fff;
	font-family: KailiFY-Regular;
	position: relative;
}
#linksCtn h5:after {
	content: '';
	display: block;
	width: 90px;
	height: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b80f37;
	text-align: right;
	position: absolute;
	right: 0;
	margin-top: 17px;
}

#linksInter
{
	position:relative;
	display: inline-block;
	width: 60%;
	min-height: 200px;
}
.linksElementCtn {
	position: relative;
	overflow: hidden;
}
.linksElementCtn:before {
    content: "";
    display: block;
    padding-top: 26%;
}

.linksElement
{
	position:absolute;
	display:block;
	text-decoration:none;
	overflow:hidden;
	width: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	top: 0;
}

.linksElement .img
{
	position:relative;
	display:block;
	width: 100%;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
.linksElement .img:before
{
	content:"";
	display:block;
	padding-top:52%;
}

.linksElement .txt
{
	display:block;
	position:relative;
	margin: 14px;
	overflow:hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.75);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    width: calc(100% - 48px);
    padding: 10px;
}
.linksElement:hover .txt {
	background-color: #b80f37;
}

.linksElement h6
{
	margin: 20px 0px 20px 0px;
	font-weight: normal;
	color:#b80f37;
	font-size: 21px;
	font-family: KailiFY-Regular;
	text-align: center;
}
.linksElement h6:after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	left: 50%;
    position: absolute;
    margin-left: 0;
    margin-top: 8px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.linksElement:hover h6:after {
	width: 65px;
	margin-left: -33px;
}
.linksElement .resume
{
	display:block;
	color:#000000;
	font-size: 15px;
	font-family: Branding-Medium;
	font-weight: normal;
	text-align: center;
	max-height: 54px;
	overflow: hidden;
}
.linksElement h6, .linksElement:hover .resume {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.linksElement:hover h6, .linksElement:hover .resume {
	color: #fff;
}

#linksPrev, #linksNext {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/template/image/puceLinks.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	position: absolute;
	left: calc(40% - 40px);
	top: 50%;
	margin-top: -10px;
	cursor: pointer;
}
#linksNext {
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	-ms-transform-origin: 50%;
	-o-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
#linksPrev {
	right: 20px;
	left: inherit;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.linksElement
	{
		width: 49%;
		left: -52%;
		z-index: 0;
	}
/* 	.linksElement:nth-child(2n+0) adapter selon nbre de colonne */
/* 	{ */
/* 		margin-right:0; */
/* 	} */
	.linksElement[rel="0"] {
		left: 0;
		z-index: 1;
	}
	.linksElement[rel="1"] {
		left: 51%;
		z-index: 2;
	}

	.linksElement .img
	{
		float:none;
		width:100%;
	}
}
@media only screen and (max-width:1350px)
{
	#linksInter {
		width: 70%;
	}
	#linksCtn h5 {
		width: 20%;
		margin-right: 4%;
		margin-top: 20px;
		margin-top: 20px;
    	margin-bottom: 45px;
	}
/* 	.linksElementCtn { */
/* 		width: 75%; */
/* 	} */
	.linksElement h6 {
		margin-top: 5px;
	}
	#linksNext {
		left: calc(30% - 40px);
	}
}
@media only screen and (max-width:1050px)
{
	#linksCtn {
		padding-left: 50px;
	}
	#linksInter {
		width: 100%;
	}
	#linksCtn h5 {
		display: block;
		margin-right: 0;
		width: 100%;
		text-align: left;
	}
	#linksCtn h5:after {
		right: inherit;
		left: 0;
	}
	.linksElementCtn {
		width: 100%;
	}
	#linksPrev, #linksNext {
		margin-top: 30px;
	}
	#linksNext {
		left: 20px;
	}
}
@media only screen and (max-width:800px)
{
	.linksElement {
		width: 100%;
		left: 0;
		z-index: 0;
		opacity: 0;
	}
	.linksElement[rel="0"] {
/* 		left: -52%; */
		left: 0;
		z-index: 1;
		opacity: 1;
	}
	.linksElementCtn:before {
		padding-top: 53%;
	}
	.linksElement .resume {
		max-height: 42px;
	}
}
@media only screen and (max-width:800px)
{
	.linksElement h6 {
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.linksElement:hover h6:after {
		height: 2px;
		margin-top: 4px;
	}
	.linksElement .resume {
		font-size: 12px;
	}
}
@media only screen and (max-width:420px)
{
	.linksElement h6 {
		margin-top: 0;
		margin-bottom: 10px;
	}
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:100%;
	min-width:240px;
	height:100%;
	background:#fff;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 60px;
}

#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.nooverflow
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neutralizer
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
}

#menuIcone
{
	display:inline-block;
	vertical-align:top;
	width:31px;
	height:18px;
	padding: 5px 10px;
	cursor:pointer;
	background:url(/template/image/menu.svg) center center no-repeat;
	background-size:31px 20px;
	float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#leftPanel a.copy
{
	display:none !important;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	font-family: Branding-Light;
	font-size:20px;
	color:#000;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	position:relative;
}

#menuMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li.menu0 {
	display: block;
}
#menuMain li > a
{
	color:#707070;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	font-family: Branding-Light;
	font-size: 19px;
	display: inline-block;
}
#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
{
/* 	background:rgba(255,255,255,0.6); */
}
#menuMain ul.menu0 {
	min-height:50px;
}
#menuMain ul.menu0 ul
{
	display:none;	
}

#menuMain a.menu0
{
	margin-left: 25% !important;
	padding-left: 0;
	padding-bottom: 7px;
 	display: block; /* Corrige le probleme du premier niveau sur IE */
}
#menuMain a.menu0:before {
	display: inline-block;
	width: 22px;
	height: 22px;
	content: '';
	background-image: url(/template/image/puce-menu.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-bottom: -3px;
	margin-right: 20px;
}
/*1er niveau: Effet rollover et actif des liens*/
#menuMain a.menu0:hover, #menuMain a.menu0.menuselected, #menuMain li.open a.menu0
{
	font-family: Branding-Bold;
	color: #b80f37;
}
#menuMain li.open a.menu0:before
{
	background-image: url(/template/image/puce-menu-on.png);
}

/*2ème niveau: Couleur des ul*/
#menuMain li.menu0 ul
{
	padding:20px 15px 30px 31px;
	background: #b70e37;
	position: relative;
	margin-right: 0;
}

#menuMain li.menu0 ul.menu1 {
	-webkit-box-shadow: inset 0px 30px 50px -15px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 30px 50px -15px rgba(0,0,0,0.3);
	box-shadow: inset 0px 30px 50px -15px rgba(0,0,0,0.3);
	padding: 50px 0;
	margin-bottom: 20px;
}


#menuMain li.menu1 {
	display: block;
	margin-right:20px;
}
#menuMain a.menu1
{
	display: inline-block;/*Permet que le lien fasse toute la largeur du li*/
	margin-left: calc(23.5% + 54px);
	padding: 5px 0;
	color: #630c21;
	border-bottom:1px solid #630c21;
	min-width: 210px;
	margin-bottom: 0;
	font-family: Branding-Medium;
	text-transform: uppercase;
	font-size: 15px;
}
#menuMain li.menu1:last-child > a
{
	border-bottom: 0;
}
#menuMain ul.menu1 li > a:hover, #menuMain ul.menu1 li > a.menuselected
{
	color:#fff;
	text-decoration:none;
	font-family: Branding-Bold;
}


/*3ème niveau: style de sous-menu*/
#menuMain li.menu1 ul
{
	margin-left: calc(23.5% + 70px);
	padding: 0;
}

/*3ème niveau: style des li*/
#menuMain li.menu1 ul li
{
	width:140px;
	margin-bottom:7px;
}

#menuMain a.menu2
{
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	margin-left: 0;
	border-bottom: 0;
	text-transform: none;
	font-family: Branding-Light;
	padding: 0;
	color: #630c21;
	font-size: 15px;
}

/* 	##### MENU FOND ##### */
#menuFondMain {
	margin-top: 35px;
	display: block;
}
#menuFondMain ul.menu0 {
	margin-left: calc(25% + 45px);
	padding: 0;
}
#menuFondMain ul.menu0 ul {
	display: none;
}
#menuFondMain ul {
	list-style-type: none;
}
#menuFondMain ul li > a {
	font-family: Branding-Medium;
	font-size: 11px;
	color: #707070;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 0;
	display: inline-block;
}


/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
}

div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}

div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

div.styleMenuAdmin a
{
	font-family:Arial;
	font-size:11px;
	line-height:0px;
	color:black;
	text-decoration:none;
	text-transform:none;
	white-space:nowrap;
	
}

.myArrowAdmin
{
	cursor:pointer;

}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
	display: none;
}

.styleDivArrowAdmin.first
{
	float:none!important;
}

#menuMain li.menu0 > .styleDivArrowAdmin {
	position: absolute;
	left: 23.5%;
	margin-top: 3px;
}
#menuMain li.menu1 > .styleDivArrowAdmin {
	position: absolute;
	left: 25.5%;
	margin-top: 3px;
}
#menuFondMain .styleDivArrowAdmin {
	margin-top: 10px;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
	padding:0px;
	margin:0px;
	width:0px;
	height:0px;
}

.mainHolder #fullMenuHoder {
	display: none;
}

#fullMenuHoder .close, #leftPanel .close {
	width: 30px;
	height: 30px;
	display: inline-block;
	background-image: url(/template/image/close.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	position: absolute;
	right: 45px;
	top: 50px;
	cursor: pointer;
}
#leftPanel .close {
	right: 20px;
	top: 25px;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 500px)
{
	#menuMain a.menu0 {
		margin-left: 15% !important;
	}
	#menuMain a.menu1 {
		margin-left: calc(13.5% + 54px);
	}
	#menuMain li.menu1 ul {
		margin-left: calc(13.5% + 70px);
	}
	#menuFondMain ul.menu0 {
	    margin-left: calc(15% + 45px);
	}
}
@media only screen and (min-width:1100px)
{
	.styleDivArrowAdmin {
		display: inherit;
	}
	#leftPanel, #menuIcone
	{
		display:none;
	}
	
	.mainHolder #fullMenuHoder {
		display: block;
		position: absolute;
		width: 0;
/* 		max-width: 0; */
		left: 98%; /* 98% pour que caché derrière barre de droite mais pas en dehors fenetre, sur ie meme à width 0 on a ~20px de largeur */
		height: 100%;
		background: #fff;
/* 		-webkit-transition: all 0.5s; */
/* 		-moz-transition: all 0.5s; */
/* 		-ms-transition: all 0.5s; */
/* 		-o-transition: all 0.5s; */
/* 		transition: all 0.5s; */
		z-index: 2;
		overflow-y: auto;
		-webkit-transition: width 0.5s, left 0.5s;
		-moz-transition: width 0.5s, left 0.5s;
		-ms-transition: width 0.5s, left 0.5s;
		-o-transition: width 0.5s, left 0.5s;
		transition: width 0.5s, left 0.5s;
		z-index: 3;
	}
	.mainHolder #fullMenuHoder.open {
		left: 0;
/* 		width: calc(100% - 85px); */
		width: 100%;
		max-width: calc(100% - 85px);
		top: 0;
	    bottom: 0;
	    height: inherit;
	    overflow-y: auto;
	    position: fixed;
	}
	#fullMenu .menuOpen {
		/*margin-top: 20px;
		height: 22px;
		line-height: 22px;*/
		margin-top: 15px;
		height:30px;
		line-height:38px;
		padding-top: 40px;
		padding-bottom: 15px;
		background: url(/template/image/menu.svg) no-repeat center 18px;
		-webkit-background-size: 38px 24px;
		background-size: 38px 24px;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
		text-transform: uppercase;
		color: #b70e37;
		font-family: Branding-Medium;
	}
	#fullMenuHoder .close {
		opacity: 0;
		
		-webkit-transition: all 0.5s cubic-bezier(0, 1.15, 0, 1.01);
		-moz-transition: all 0.5s cubic-bezier(0, 1.15, 0, 1.01);
		-ms-transition: all 0.5s cubic-bezier(0, 1.15, 0, 1.01);
		-o-transition: all 0.5s cubic-bezier(0, 1.15, 0, 1.01);
		transition: all 0.5s cubic-bezier(0, 1.15, 0, 1.01);
	}
	#fullMenuHoder.open .close {
		opacity: 1;
		-webkit-transition: all 0.5s cubic-bezier(0.96, 0.04, 1,-0.24);
		-moz-transition: all 0.5s cubic-bezier(0.96, 0.04, 1,-0.24);
		-ms-transition: all 0.5s cubic-bezier(0.96, 0.04, 1,-0.24);
		-o-transition: all 0.5s cubic-bezier(0.96, 0.04, 1,-0.24);
		transition: all 0.5s cubic-bezier(0.96, 0.04, 1,-0.24);
	}
/* 	.mainHolder #fullMenuHoder.open .menuHolder, .mainHolder #fullMenuHoder.open .menuMain, .mainHolder #fullMenuHoder.open #menuMain ul.menu0 li.menu0 { */
/* 		width: calc(100% - 1px); */
/* 		position: relative; */
/* 		display: inline-block; */
/* 	} */
	
	#fullMenuHoder .logo {
		display: inline-block;
		width: 215px;
		height: 69px;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-image: url(/template/image/vinumontis-logo-menu.png);
		margin-left: 150px;
		margin-top: 50px;
		margin-bottom: 100px;
	}
	
	
	

	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	
	
	#menuMain ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	#menuMain a.menu0 {
		font-size: 25px;
		text-align: left;
	}
	#menuMain a.menu1 {
		font-size: 20px;
	}
	#menuMain a.menu2 {
		font-size: 20px;
	}
	
	#menuMain li.menu1 {
		margin-left: calc(23.5% + 64px);
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a.menu1
	{
		margin-left: 0;
		position: relative;
/* 		float: left; */
	}
	#menuMain li.menu1 ul {
		margin-left: 20px;
	}

	
	#menuFondMain {
		margin-top: 85px;
	}
	#menuFondMain ul.menu0 {
		margin-left: calc(25% + 30px);
	}
	#menuFondMain li > a {
		font-size: 15px !important;
	}
	
}#myaccountCtn h5
{
	margin:0px;
	padding:3px;
	text-align: center;
	font-size:20px;
	font-weight: normal;
	color:#b70e37;
	font-family: KailiFY-Regular;
}

#myaccountCtn .infos
{
	padding:10px 10px 0px 10px;
/* 	background:#DEDEE8; */
/* 	border:1px solid #000000; */
}

#myaccountCtn .infos .myAccountPart
{
	margin-bottom:7px;
}

#myaccountCtn .infos .myAccountPart.first .title
{
	font-weight:normal;
}

#myaccountCtn .infos .title
{
	font-weight:bold;
}

#myaccountCtn .infos a
{
	display:block;
	margin:5px 0 5px 0px;
	text-decoration:none;
}
#myaccountCtn .infos a:hover
{
	text-decoration:underline;
}
#myaccountCtn .infos a:before
{
	content:"-";
	margin-right:5px;
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px;
	color:#fff;
	background-color: #b70e37;
	font-family:Branding-Medium;
	font-size:14px;
	text-transform: uppercase;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.txtPopupLoginConchita
{
	color:#4e4e4e;
	font-family:Trebuchet MS;
	font-size:12px;
}#newsListCtn .listElement
{
	
}

#newsListCtn .listElement .date
{
	position:absolute;
	bottom: 20px;
	right: 20px;
	color: #000;
	font-size:16px;
	font-family: Branding-Medium;
}
#newsListCtn .listElement:hover .date {
	color: #fff;
}

#news .headCtn .date {
	font-family: Branding-Semibold;
    text-transform: uppercase;
    font-size: 20px;
    color: #000;
	margin-top: -10px;
	margin-bottom: 20px;
	display: block;
	text-align: right;
}
/*STYLE POUR LE CARTOUCHE*/
.inputNewsletter

{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	width:67px;
}

.inputNewsletterError

{
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	width:67px;
	background-color: #ffd7cd !important;
    border: 1px dashed #ffa7a7 !important;
}

.btnnewsletter
{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	width:20px;
	cursor:pointer;
}



/*Styles spécifiques du plugin page en T1 *//*Styles spécifiques du plugin printsend en T1 */
#printsend {
	text-align: right;
	margin-top: 10px;
}
#printsend > a {
	display: inline-block;
	padding: 5px;
}
#printsend > a:before {
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	background: url(/template/image/icones-partage.png) left top no-repeat;
	-webkit-background-size: 99px;
	background-size: 99px;
}
#printsend > a:last-of-type {
	padding-right: 0;
}
#printsend > a span {
	display: none;
}
#printsend > a:hover:before {
	background-image: url(/template/image/icones-partage-on.png);
}
#printsend a.pdf:before {
	background-position: -25px 0;
}
#printsend a.send:before {
	background-position: -52.5px 0;
}
#printsend a.print:before {
	background-position: -81px 0;
}.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}



/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    font-weight: normal;
    font-family: KailiFY-Regular;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
	font-size: 24px;
	color: #000;
}

.sm1
{
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;
	font-weight: normal;
	color: #b70e37;
	font-family: Branding-Bold;
    font-size:20px;
}

.sm2
{
    font-weight: normal;
    font-size:19px;
	color: #000;
	font-family: Branding-Bold;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;
}

.sm3
{
    font-weight: normal;
    font-size:18px;
	color: #707070;
	font-family: Branding-Bold;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
body.home #sliderCtn {
	position: absolute;
	z-index: 0;
	margin-bottom: inherit;
	height: 100%;
}
body:not(.home) #sliderCtn {
	margin-bottom: 25px;
}
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
/* 	margin-bottom:20px; */
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:13.3%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:60%;
}
#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#sliderCtn.video .sliderElementCtn .sliderElement {
	display: block !important;
}
#sliderCtn.video .sliderElementCtn .sliderElement video {
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
	opacity:0;
	transition:opacity 2s;
}
#sliderCtn.video .sliderElementCtn .sliderElement .posterimg {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: -1001; 
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}
/*Style pour les slogan*/
#sliderCtn .slogan, #sliderCtn .slogan.empty
{
	display:none;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/

@media only screen and (max-width:1350px)
{
	#sliderCtn #bullets {
		display: none !important;
	}
}
@media only screen and (max-width:1099px) 
{
	body.home #sliderCtn {
		margin-top: 50px;
		height: 735px;
	}
}

@media only screen and (min-width:641px)
{

	/*Style pour les slogan*/
	#sliderCtn .slogan
	{
		display:block;
		position:absolute;
		width:100%;
		box-sizing:border-box;
		height:auto;
		bottom:5%;
		left:0;
		padding:5px 15px 5px 15px ;
		overflow:hidden;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.5);
		z-index:3;
	}
	#sliderCtn .slogan span
	{
		font-style:italic;
		font-size:19px;
		color:#ffffff;
		text-decoration:none;
		display:block;
	}
	#sliderCtn .slogan span .FirstLine
	{
		display:block;
		font-weight:bold;
		font-style:normal;
		font-size:30px;
	}
	#sliderCtn .slogan span .SecondLine
	{
		display:block;
	}

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		top: 50%;
		left: 5%;
		z-index:4;
	}
	#sliderCtn #bullets a {
		display:block;
		width: 14px;
		height: 14px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-indent:-9999px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		margin-right:0px;
		margin-bottom: 15px;
	}
	#sliderCtn #bullets a.active {
		background: rgba(255, 255, 255, 0.5);
	}
	
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:45%;
		display:block;
		width:30px;
		height:30px;
		background:url(/plugin/slider/template/images/arrows.png) no-repeat;
		border:0;
		cursor:pointer;
		z-index:2;
		opacity:0;
		visibility:hidden;
		transition:opacity .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
	}
	#sliderCtn .sliderNext
	{
		right:10px;
		background-position:-30px 0;
	}
	#sliderCtn .sliderBack
	{
		left:10px;
	}
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	font-size: 18px;
	color: #a1a1a1;
	text-transform: uppercase;
	text-align: right;
	font-family: Branding-Light;
	margin-bottom: 50px;
}

#youarehereCtn .header
{
/* 	color:red; */
}

#youarehereCtn a
{
	color: #a1a1a1;
	text-decoration:none;
	font-family: Branding-Light;
}
#youarehereCtn a:last-child {
	font-size: 30px;
	font-family: Branding-Semibold;
	float: right;
}
#youarehereCtn .separator
{
/* 	color:red; */
}/*
Style pour le calendrier
*/
#calendriers 
{
	display:none;
	background: #464545;
	padding: 20px !important;
	margin-top: 30px;
	-webkit-box-shadow: inset 0px 26px 60px -28px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 26px 60px -28px rgba(0,0,0,0.75);
	box-shadow: inset 0px 26px 60px -28px rgba(0,0,0,0.75);
}
/* @media only screen and (min-width:620px) */
/* { */
	#calendriers 
	{
		display:block;
	}
	
	#calendriers .fondCalendrier, #calendriers .fondCalendrier6Lignes
	{
		background: #282828;
		width:100%;
		padding-top:9px;
		margin-bottom:30px;
	}
	
	/* Style de la table principale contenant le calendrier */
	/* Style de la table principale contenant le calendrier */
	#calendriers table.calendar_main {
		width: 100%;
		height:199px;
		margin-left: 0px;
		margin-top:0px;
		padding-top:0px;
		background-color: #464545;
		font-weight: bold;
		font-size: 14px;
	}
	
	/* Style for the calendar header (<< month year >>) */
	/* Style du titre du calendrier (<< mois annee >>)  */
	#calendriers .calendar_title {
		color: #d6d7da;
		text-align: center;
	}
	
	/* Style of the cell "month year" of the header */
	/* Style de la cellule "mois annee" du titre    */
	#calendriers .calendar_title_month {
		padding-bottom: 9px;
		text-align:center;
		width: 100%;
	}
	
	#calendriers .calendar_title_monthIE7 {
	text-align:center;
	width: 84%;
	line-height:13px;
	}
	
	
	
	/* Style of the link "month year" of the header */
	/* Style du lien "mois annee" du titre          */
	#calendriers .calendar_title_month_clickable .annee, #calendriers .calendar_title_monthIE7_clickable .annee {
		color: #fff;
		font-weight: normal;
		font-family: Branding-Bold;
		font-size:16px;
		text-decoration: none;
		text-transform:uppercase;
	}
	#calendriers .calendar_title_month_clickable .mois, #calendriers .calendar_title_monthIE7_clickable .mois {
		color: #fff;
		font-weight: normal;
		font-family: Branding-Medium;
		font-size:16px;
		text-decoration: none;
		text-transform:uppercase;
	}
	
	/* Style of the cell that contains the link "<<" in the header */
	/* Style de la cellule contenant le lien "<<" du titre         */
	#calendriers .calendar_title_left_arrow {
		text-align: left;
		padding-left: 3% !important;
		width: 5%;
		margin-top:-8px;
	}
	
	/* Style of the cell that contains the link ">>" in the header */
	/* Style de la cellule contenant le lien ">>" du titre         */
	#calendriers .calendar_title_right_arrow {
		text-align: right;
		padding-right: 3% !important;
		width: 5%;
		margin-top:-8px;
	}
	
	/* Style of the link "<<" of the header */
	/* Style du lien "<<" du titre          */
	#calendriers .calendar_title_left_arrow_clickable {
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		-ms-transform: rotateZ(180deg);
		-o-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}
	#calendriers .calendar_title_left_arrow_clickable img {
		display: none;
	}
	
	/* Style of the link ">>" of the header */
	/* Style du lien ">>" du titre          */
	#calendriers .calendar_title_right_arrow_clickable, #calendriers .calendar_title_left_arrow_clickable {
		display: inline-block;
		width: 19px;
		height: 19px;
		background: url(/template/image/flecheCalendrier.png);
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	#calendriers .calendar_title_right_arrow_clickable img {
		display: none;
	}
	
	/* Global style of the main calendar table */
	/* Style global de la table du calendrier  */
	#calendriers .calendar_table, .calendar_tableIE9 {
		border: none;
		border-collapse: collapse;
		color:#323845;
		width: 100%;
	}
	
	/* Generic style of the calendar table cells              */
	/* Style generique des cellules de la table du calendrier */
	#calendriers .calendar_table td {
		text-align: center !important;
		font-size: 11px;
/* 		border:1px solid #d0d4d9; */
		color: #a4aeb9;
		font-family: Branding-Bold;
		font-weight: normal;
	}
	#calendriers .calendar_table td.calendar_other_month {
		color: #a4aeb9;
	}
	#calendriers .calendar_table td span, #calendriers .calendar_table td a {
	    padding: 17%;
		margin: 23% !important;
		display: inline-block;
	}
	#calendriers .fondCalendrier6Lignes .calendar_table td span, #calendriers .fondCalendrier6Lignes .calendar_table td a {
		margin: 13% !important;
	}
	
	
	#calendriers .calendar_table td.weekday {
		background-color: #b70e37;
		font-size: 11px;
		font-family: Branding-Medium;
		color: #fff;
		padding: 4px 0;
	}
	
	/*Pour IE 9*/
	#calendriers .calendar_tableIE9 td {
		text-align: left;
		font-size:16px;
		padding-left:11px;
		padding-right:11px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #d0d4d9;
		color: #4d5155;
	}
	
	/* Style of the table header cells that contains the days                   */
	/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
	#calendriers .calendar_table th, #calendriers .calendar_tableIE9 th 
	{
		display:none;
		/*color:#0076BA;
		text-align: center !important;
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #c6cfd6;
		font-weight: normal;*/
	
	}
	
	/* Style of the calendar cells the contains the week-end days (saturday and */
	/* sunday)                                                                  */
	/* Style des cellules de la table contenant les jours du week-end (samedi et*/
	/* dimanche)                                                                */
	#calendriers .calendar_weekend {
		/*background-color: #cccccc;*/
	}
	
	/* Style of the table cells that contains the days that are not part of the */
	/* monthly currently displayed                                              */
	/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
	/* cours d'affichage                                                        */
	#calendriers .calendar_other_month {
		color: #cccfd3;
	}
	
	/* Style for the links of days not part of the month currently displayed */
	/* Style des liens des jours ne faisant pas partie du mois en cours      */
	/* d'affichage                                                           */
	#calendriers .calendar_other_month_clickable {
		color: #cccfd3;
		text-decoration: none;
		font-weight:normal;
	}
	
	/* Style for today's day (non-clickable)                  */
	/* Style du jour (non cliquable) representant aujourd'hui */
	
	
	/* Style of today's link                              */
	/* Style du lien sur le jour representant aujourd'hui */
	#calendriers .calendar_today_clickable {
		color: #96da47;
		font-weight:normal;
		text-decoration: none;
		background: #eef1f5;
		background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #eef1f5;
	}
	#calendriers td.calendar_today_clickable {
		border: 2px solid #96da47;
		color: #96da47;
	}
	
	#calendriers .calendar_today_clickable a, #calendriers .calendar_todaycontinues_clickable a
	{
		color: #96da47;
		font-weight:normal;
		text-decoration: none;
	}
	
	#calendriers .calendar_todaycontinues_clickable {
		color: #96da47;
		font-weight:normal;
		text-decoration: none;
		background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #eef1f5;
	}
	#calendriers td.calendar_todaycontinues_clickable {
		border: 2px solid #96da47;
		color: #96da47;
	}
	
	/* Style for the links of days part of the month currently displayed     */
	/* Style des liens des jours faisant partie du mois en cours d'affichage */
	#calendriers .calendar_day_clickable a {
		text-decoration:none;
		font-weight:normal;
		background-color: #b70e37 !important;
		border: 1px solid #fff;
	}
	
	#calendriers .calendar_daycontinues_clickable a {
		text-decoration:none;
		font-weight:normal;
		background-color: #b70e37;
		border: 1px solid #fff;
	}
	
	#calendriers .calendar_today span, #calendriers .calendar_today a {
/* 		background-color: #000 !important; */
		color: #fff !important;
		border: 1px solid #fff;
	}
	
	#calendriers .calendar_daycontinues_clickable a, #calendriers .calendar_day_clickable a
	{
		color:#fff;
		text-decoration:none;
	}
	
	#calendriers .calendar_day {
		color:#4d5155;
		text-decoration:none;
		font-weight:normal;
		padding: 0 !important;
	}
/* } */
@media only screen and (min-width:700px) and (max-width:999px)
{
	#calendriers .container {
		padding-left: 0;
	}
	#calendriers .innerContainer > div {
		width: calc(33% - 25px);
		margin-right: 25px;
		display: inline-block;
		margin-bottom: 0;
		vertical-align: top;
	}
	#calendriers .innerContainer > div:last-child {
		margin-right: 0;
	}
	#calendriers .innerContainer {
		padding-left: 20px;
	}
}
@media only screen and (min-width:700px) {
	#calendriers .innerContainer {
		position: relative;
	}
	#calendriers .innerContainer > div:first-child a.calendar_title_left_arrow_clickable {
		position: absolute;
		left: -10px;
		top: 10px;
	}
	#calendriers .innerContainer > div:first-child a.calendar_title_right_arrow_clickable {
		position: absolute;
		right: -10px;
		top: 10px;
	}
}
@media only screen and (min-width:1000px)
{
	#calendriers {
		background-image: url(/template/image/fondLinks.png);
		background-repeat: no-repeat;
		background-position: 5% 50%;
		-webkit-background-size: 461px;
		background-size: 461px;
	}
	#calendriers .container {
		max-width: 1070px;
	    margin: 0 auto;
		padding-left: 280px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#calendriers .innerContainer > div {
		width: calc(33% - 25px);
		margin-right: 25px;
		display: inline-block;
		margin-bottom: 0;
		vertical-align: top;
	}
	#calendriers .innerContainer > div:last-child {
		margin-right: 0;
	}
	#calendriers .innerContainer > div:first-child a.calendar_title_left_arrow_clickable {
		left: -30px;
	}
	
}
@media only screen and (max-width:699px)
{
	#calendriers .innerContainer > div:first-child a.calendar_title_left_arrow_clickable {
		top: 20px;
		position: absolute;
	}
	#calendriers .innerContainer > div:first-child a.calendar_title_right_arrow_clickable {
		top: 20px;
		position: absolute;
	}
	#calendriers .calendar_title_right_arrow {
		padding-right: 30px !important;
	}
	#calendriers .fondCalendrier, #calendriers .fondCalendrier6Lignes {
		position: relative;
		padding-top: 17px;
	}
	#calendriers .calendar_title_month {
		padding-bottom: 17px;
	}
	#calendriers .fondCalendrier:not(:first-child), #calendriers .fondCalendrier6Lignes:not(:first-child) {
		display: none;
	}
}#caveDetails h6 {
	margin-top: 50px;
	font-family: Branding-Semibold;
	font-size: 19px;
	color: #000;
	font-weight: normal;
}
#caveDetails h6:after {
	margin: 25px 0;
	width: 90px;
	height: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #b70e37;
	display: block;
	content: '';
}

#caveDetails .ligne {
	border-bottom: 2px solid #f3f0f0;
}
#caveDetails .ligne .field {
	min-height: 34px;
	line-height: 34px;
	font-size: 15px;
	color: #b70e37;
	font-family: KailiFY-Regular;
	width: 250px;
	display: inline-block;
	vertical-align: top;
}
#caveDetails .ligne .value {
	min-height: 34px;
	line-height: 34px;
	display: inline-block;
	width: calc(100% - 255px);
	vertical-align: top;
}
#caveDetails .ligne .value:first-letter {
	text-transform: uppercase;
}
#caveDetails .status {
	display: inline-block;
	width: 23px;
	height: 22px;
	background: url(/template/image/status.png);
	-webkit-background-size: 50px;
	background-size: 50px;
	vertical-align: middle;
	background-position: -26px 0;
}
#caveDetails .status.active {
	background-position: 0 0;
}
#caveDetails .contact > span, #caveDetails .contact a {
	display: inline-block;
	width: calc(100% - 35px);
	font-size: 17px;
	color: #707070;
	font-family: Branding-Light;
	line-height: 25px;
}
#caveDetails .contact > span:empty {
	display: none;
}

#caveDetails .contact > span.facebook:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	background: url(/template/image/iconFacebook.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-bottom: -2px;
	margin-right: 10px;
	opacity: 0.8;
}
#caveDetails .contact > span.twitter:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	background: url(/template/image/iconTwitter.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-bottom: -2px;
	margin-right: 10px;
	opacity: 0.8;
}

#vmCustomMap {
	height: 420px;
	margin-top: 50px;
}




#caveSearch {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 15px 0;
	background: #454444; /* Old browsers */
	background: -moz-linear-gradient(top, #313131 0%, #454444 50%, #313131 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #313131 0%,#454444 50%,#313131 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #313131 0%,#454444 50%,#313131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
}
#caveSearch .mainContainer {
	margin-bottom: 0 !important;
}
#caveSearch input, #caveSearch select {
	font-family: Branding-Medium;
	font-size: 15px;
	color: #707070;
	padding: 8px;
	width: 17.5%;
	background-color: #fff;
	border: 0;
	margin-right: 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select::-ms-expand {
    display: none;
}

#caveSearch input[type="text"] {
	margin-right: -5px;
}
#caveSearch input[type="submit"] {
	width: 40px;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Branding-Bold;
	text-transform: uppercase;
	text-align: center;
	background-color: #b70e37;
	color: #fff;
}
#caveSearch form > span {
	margin-right: 2%;
	display: inline-block;
	color: #fff;
}


@media only screen and (max-width:950px) 
{
	#caveSearch select {
		margin-right: 20px;
		width: 170px;
	    width: 42%;
    	margin-right: 5%;
		margin-bottom: 20px;
	}
	#caveSearch form {
		text-align: center;
	}
	#caveSearch form > span {
		display: block;
		margin-bottom: 20px;
	}
	#caveSearch select:nth-child(3) {
		margin-right: 0;
	}
	#caveSearch input[type="text"] {
		width: calc(42% - 40px);
		margin-bottom: 20px;
	}
	#caveSearch .mainContainer {
		margin-bottom: 0;
	}
	#caveSearch {
		padding-bottom: 0;
	}
}
@media only screen and (max-width:600px) 
{
	#caveDetails .ligne .field, #caveDetails .ligne .value {
		width: 100%;
	}

	#caveSearch select {
	    width: 46.5%;
    	margin-right: 5%;
	}
	#caveSearch input[type="text"] {
		width: calc(47% - 40px);
	}
}
@media only screen and (max-width:430px) 
{
	#caveSearch select {
	    width: 100%;
    	margin-right: 0;
	}
	#caveSearch input[type="text"] {
		width: calc(100% - 40px);
	}
}#pointInteretDetails h6 {
	margin-top: 50px;
	font-family: Branding-Semibold;
	font-size: 19px;
	color: #000;
	font-weight: normal;
}
#pointInteretDetails h6:after {
	margin: 25px 0;
	width: 90px;
	height: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #b70e37;
	display: block;
	content: '';
}

#pointInteretDetails .ligne {
	border-bottom: 2px solid #f3f0f0;
}
#pointInteretDetails .ligne .field {
	min-height: 34px;
	line-height: 34px;
	font-size: 15px;
	color: #b70e37;
	font-family: KailiFY-Regular;
	width: 250px;
	display: inline-block;
	vertical-align: top;
}
#pointInteretDetails .ligne .value {
	min-height: 34px;
	line-height: 34px;
	display: inline-block;
	width: calc(100% - 255px);
	vertical-align: top;
}
#pointInteretDetails .status {
	display: inline-block;
	width: 23px;
	height: 22px;
	background: url(/template/image/status.png);
	-webkit-background-size: 50px;
	background-size: 50px;
	vertical-align: middle;
	background-position: -26px 0;
}
#pointInteretDetails .status.active {
	background-position: 0 0;
}
#pointInteretDetails .contact > span, #pointInteretDetails .contact a {
	display: block;
	font-size: 17px;
	color: #707070;
	font-family: Branding-Light;
	line-height: 25px;
}
#vmCustomMap {
	height: 420px;
	margin-top: 50px;
}


#activitesMapCtn {
	position: relative;
	margin-top: 40px;
}
#activitesMapCtn:before {
	content: '';
	display: inline-block;
	width: 100%;
	padding-top: 60%;
}
#activitesMap {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
#activitesMapCtn .activitesSearchCtn {
	position: absolute;
	top: 10%;
	left: 10%;
	z-index: 1;
	width: 100%;
	max-width: 325px;
}
#activitesMapCtn .activitesSearchCtn > div {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#activitesMapCtn .activitesSearchCtn #searchLieux {
	background-color: rgba(184, 15, 55, 0.9);
	margin-bottom: 20px;
}
#activitesMapCtn .activitesSearchCtn #searchLieux select {
	width: 100%;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie {
	background-color: rgba(255, 255, 255, 0.9);
}
#activitesMapCtn .activitesSearchCtn .title {
	font-family: KailiFY-Regular;
	font-size: 20px;
	color: #fff;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .title {
	color: #b70e37;
}
#activitesMapCtn .activitesSearchCtn .title:after {
	content: '';
	display: block;
	width: 65px;
	height: 3px;
	background-color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 10px;
	margin-bottom: 18px;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .title:after {
	background-color: #b70e37;
}

#activitesMapCtn .activitesSearchCtn #searchCategorie .radio input {
	display: none;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 33px;
	background: url(/template/image/filtresCategories.png) no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio.item1:before {
	background-position: 0 -45px;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio.item2:before {
	background-position: 0 -90px;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio.item3:before {
	background-position: 0 -131px;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio .label {
	vertical-align: top;
	line-height: 33px;
	margin-left: 20px;
	display: inline-block;
	width: calc(100% - 45px);
	border-bottom: 1px solid #d2d1d1;
	font-family: Branding-Medium;
	font-size: 15px;
	color: #707070;
	cursor: pointer;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio.active .label {
	font-family: Branding-Bold;
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio .label:after {
	display: inline-block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(/template/image/close.png);
	-webkit-background-size: 15px;
	background-size: 15px;
	margin-left: 10px;
	margin-bottom: -3px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
#activitesMapCtn .activitesSearchCtn #searchCategorie .radio.active .label:after {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}


.infoBox > img {
	display: none;
}
.gmInfoBox
{
	position:relative;
	top:-80px;
	left: 40px;
	box-sizing:border-box;
	width: 250px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
}

.gmInfoBox .closebtn
{
	position:absolute;
	top: -16px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	background: url(/template/image/close_infobox.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	z-index: 10;
}
.gmInfoBox .txt {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.gmInfoBox .txt .cnt {
	padding: 20px 7px 7px 7px;
	z-index: 1;
}
.gmInfoBox h5
{
	margin:0;
	margin-top: 10px;
	padding:0 0 5px 0;
	font-size:15px;
	font-weight:normal;
	color: #b70e37;
	font-family: Branding-Bold;
	text-transform: uppercase;
	text-align: center;
}
.gmInfoBox .txt .cnt > div {
	font-family: Branding-Medium;
	font-size: 15px;
	color: #707070;
	text-align: center;
}
.gmInfoBox .txt:after {
	display: block;
	content: '';
	width: 65px;
	height: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b80c37;
	margin: 5px 0 10px 92px;
}
.gmInfoBox a.more {
	display: block;
	width: 100%;
	color: #000;
	font-size: 11px;
	font-family: Branding-Semibold;
	font-style: italic;
	text-align: center;
	height: 34px;
	line-height: 34px;
	padding-bottom: 20px;
}
.gmInfoBox a.more:before {
	content: '';
	display: inline-block;
	background: url(/template/image/puce-menu-on.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	width: 13px;
	height: 13px;
    margin-bottom: -3px;
    margin-right: 6px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	-o-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
}	

@media only screen and (max-width:1000px) 
{
	#activitesMap {
	    width: calc(100% - 462px);
		right: 0;
	}
}
@media only screen and (max-width:800px) 
{
	#activitesMapCtn:before {
		display: none;
	}
	#activitesMapCtn .activitesSearchCtn {
		position: relative;
	    margin: 0 auto;
		top: 0;
		left: 0;
		margin-bottom: 30px;
	}
	#activitesMap {
		position: relative;
		width: 100%;
	}
	#activitesMap:before {
		display: inline-block;
		content: '';
		padding-top: 60%;
		width: 100%;
	}
}
@media only screen and (max-width:600px) 
{
	#pointInteretDetails .ligne .field, #pointInteretDetails .ligne .value {
		width: 100%;
	}
}/* CSS specifique aux produits oeno */
/* Le reste du css est dans le plugin lightshopproduct */
#lightshopproductListCtn .listElement .partenaire {
	text-align: center;
	color: #b70e37;
	font-size: 20px;
	text-transform: uppercase;
	font-family: Branding-Semibold;
}
#lightshopproductListCtn .listElement .partenaire:after {
	display: block;
	content: '';
	width: 90px;
	height: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b70e37;
	margin: 17px auto 25px auto;
}

#contentInter.shop .left .title {
	font-family: Branding-Bold;
	font-size: 19px;
	color: #000;
	margin-top: 60px;
}
#contentInter.shop .left .title:after {
	width: 80px;
	height: 4px;
	display: block;
	content: '';
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b70e37;
	margin-top: 15px;
	margin-bottom: 30px;
}
#contentInter.shop .left .content, #contentInter.shop .left .content a {
	font-family: Branding-Light;
	font-size: 17px;
	color: #707070;
}


#oenoSearch {
	background: #464545 url(/template/image/fondSearch.png) right bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	margin-top: 25px;
	-webkit-box-shadow: inset 0px 25px 30px -17px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 25px 30px -17px rgba(0,0,0,0.5);
	box-shadow: inset 0px 25px 30px -17px rgba(0,0,0,0.5);
	padding: 40px 0 100px 0;
	position: relative;
}
#oenoSearch .row {
	height: 72px;
}
#oenoSearch .row .title {
	padding-top: 25px;
	padding-bottom: 28px;
	font-family: KailiFY-Regular;
	font-size: 17px;
	color: #fff;
	text-align: right;
	display: inline-block;
	width: 22%;
	margin-right: 6%;
	position: relative;
}
#oenoSearch .row .title:after {
	content: '';
	display: block;
	width: 80px;
	height: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b70e37;
    position: absolute;
    right: 0;
    bottom: 0;
}
#oenoSearch .row:last-child .title:after {
	display: none;
}
#oenoSearch .row .cell {
	display: inline-block;
	width: 22%;
	color: #fff;
	font-size: 17px;
	font-family: Branding-Bold;
	text-transform: uppercase;
	cursor: pointer;
	height: 60px;
	margin-right: 1%;
	position: relative;
}
#oenoSearch .row .cell.checked {
	background-color: #b80f37;
}
#oenoSearch .row .cell.checked:after {
	content: 'X';
	display: inline-block;
	width: 26px;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #b80f37;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	right: -9px;
	top: -11px;
	color: #b80f37;
	font-size: 18px;
	font-family: Branding-Bold;
	text-align: center;
	-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.36);
	-moz-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.36);
	box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.36);
}
#oenoSearch .row .cell input {
	display: none;
}
#oenoSearch .row .cell .icon {
	width: 59px;
	height: 60px;
	display: inline-block;
	margin-right: 16px;
	background: url(/template/image/pictos-search.png);
	-webkit-background-size: 178px;
	background-size: 178px;
	margin-bottom: -24px;
}
#oenoSearch .row:nth-child(1) .cell:nth-child(4) .icon {
	background-position: -59px 0;
}
#oenoSearch .row:nth-child(1) .cell:nth-child(3) .icon {
	background-position: -119px 0;
}
#oenoSearch .row:nth-child(2) .cell:nth-child(2) .icon {
	background-position: 0 -59px;
}
#oenoSearch .row:nth-child(2) .cell:nth-child(3) .icon {
	background-position: -59px -59px;
}
#oenoSearch .row:nth-child(2) .cell:nth-child(4) .icon {
	background-position: -119px -59px;
}
#oenoSearch .row:nth-child(3) .cell:nth-child(2) .icon {
	background-position: 0 -119px;
}
#oenoSearch .row:nth-child(3) .cell:nth-child(3) .icon {
	background-position: -59px -119px;
}
#oenoSearch .row:nth-child(3) .cell:nth-child(4) .icon {
	background-position: -119px -119px;
}

#oenoSearch .radios {
	background-color: #b80f37;
	position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
}
#oenoSearch .radios .mainContainer {
	margin-bottom: 0 !important;
}
#oenoSearch .radios .radio {
	display: inline-block;
	margin-right: 45px;
	line-height: 50px;
	cursor: pointer;
}
#oenoSearch .radios .radio input {
	margin-right: 30px;
}
#oenoSearch .radios .radio span {
	font-family: Branding-Bold;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
}
.mainContainer.noresult {
	margin-top: 50px;
}


@media only screen and (max-width: 1000px) {
	#oenoSearch .row {
		height: auto;
	}
	#oenoSearch .row .title {
		margin-bottom: 20px;
		display: block;
		text-align: left;
		width: 100%;
	}
	#oenoSearch .row .title:after {
		left: 0;
	}
	#oenoSearch .row:last-child .title:after {
		display: block;
	}
	#oenoSearch .row .cell {
		width: 32%;
	}
}
@media only screen and (max-width: 750px) {
	#oenoSearch .row .cell {
		width: 49%;
		margin-bottom: 2%;
	}
}
@media only screen and (max-width: 500px) {
	#oenoSearch .row .cell {
		width: 100%;
		margin-right: 0;
	}
}/*STYLE BOX DE RECHERCHE GOOGLE */
#cse-search-box
{
	display:block;
	position:relative;
	padding-right:40px;
}
#leftPanel #cse-search-box
{
	padding:20px 80px 30px 50px;
}
.menubar #searchWrapper {
	position: relative;
}
.menubar #cse-search-box {
	background: #f3f0f0;
	padding: 11px 20px;
}
.menubar .searchHolder {
	/*max-width: 0;*/
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menubar .searchHolder.open {
	/*max-width: 1000px;*/
	left: -220px;
	width: 220px;
}
.menubar #cse-search-box input[type=text] {
	display: inline-block;
	width: calc(100% - 45px);
}
.menubar #cse-search-box input[type=submit] {
    display: inline-block;
    position: relative;
}
#cse-search-box input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	font-size:11px;
	color:#000000;
	border:solid 1px #bdbdbd;
	border-width: 0 0 1px 0;
	outline:0;
	background: none;
	font-family: Branding-Medium;
	font-size: 15px;
}
#cse-search-box input[type=text].placeholder
{
	color:#666666;
}
#cse-search-box input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box input[type=submit]
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
	width:40px;
	height:25px;
	cursor:pointer;
	outline:0;
	border: 0;
	background: none;
    font-family: Branding-Medium;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}
#leftPanel #cse-search-box input[type=submit]
{
	top:20px;
	right:35px;
} 

/*GOOGLE API AJAX*/
/*STYLE DES RESULTATS DE RECHERCHE GOOGLE*/
#searchresult .gs-result 
{
	margin-bottom : 15px;
} 

/*GOOGLE CSE*/
.gsc-result-info, .gsc-above-wrapper-area,  .gsc-control-cse
{
	padding-top:0px!important;;
}

.gsc-orderby-container
{
	display:none;
}

#___gcse_0 div, #___gcse_0 table
{
	padding-left:0px;
}/*Styles spécifiques du plugin abo en T1 */
#aboHeadCtn .img {
	position: relative;
}
body.abo #contentInter .right {
	margin-top: 0 !important;
}



.abo.template {
	display: none;
}
#aboList .abo {
	position: relative;
}
#aboList .abo .title {
	background-color: #f3f0f0;
	padding: 10px 20px;
	font-family: Branding-Semibold;
	color: #a1a1a1;
	font-size: 24px;
	position: relative;
	cursor: pointer;
}
#aboList .abo .title:after {
	display: inline-block;
	position: absolute;
	content: '>';
	right: 20px;
	top: 50%;
	font-family: Consolas, monaco, monospace;
	font-weight: bold;
	font-size: 30px;
	margin-top: -20px;
	transition: transform 0.5s;
}
#aboList .abo.open .title:after {
	transform: rotateZ(90deg);
}
#aboList .abo.error .title {
	background-color: #ffd7cd;
    border: 1px dashed #ffa7a7;
	color: #aa5555;
}
#aboList .abo .close {
    position: absolute;
    display: block;
    top: 5px;
    right: -30px;
	font-family: Consolas, monaco, monospace;
	font-size: 30px;
	color: #a1a1a1;
	cursor: pointer;
}
#aboList .form {
	margin: 5px 20px;
	max-height: 0;
	transition: all 0.7s;
	overflow: hidden;
}
#aboList .abo.open .form  {
	max-height: 1000px;
	margin: 20px;
}
#aboForm .form .line {
	margin-bottom: 10px;
}
#aboForm .form .label {
	display: inline-block;
	width: 140px;
	vertical-align: top;
	padding-top: 8px;
	color: #707070;
}


#aboForm input[type="button"], #aboForm input[type="submit"] {
	background-color: #b70e37;
	color: #fff;
	font-size: 18px;
	border: 0;
	padding: 10px 20px;
	cursor: pointer;
}
#aboForm input[type="submit"], #aboForm #btnPay {
	float: right;
}

#popupRenew {
	max-width: 300px;
	padding: 20px;
	text-align: center;
}
#popupRenew a {
	background-color: #b70e37;
	color: #fff;
	padding: 5px 10px;
	display: block;
	margin-top: 20px;
}
#popupRenew a:last-child {
	margin-top: 0;
}

/* Specific formulaire coordonnees */
#aboForm.coords .form {
	max-height: 0;
	transition: all 0.6s;
	overflow: hidden;
	margin-top: 20px;
}
#aboForm.coords input#radioAutre {
	float: left;
	margin-right: 6px;
}
#aboForm.coords input#radioAutre:checked + .form, #aboForm .form.parrainage {
	max-height: 2000px;
}
#aboForm.coords input#chkCG {
	margin-left: -15px;
}
#aboForm.coords input:disabled {
	cursor: auto;
	opacity: 0.3;
}
#aboForm.coords img.card {
	margin-right: 20px;
}
#aboForm.coords #btnPay {
	font-size: 16px;
	height: 24px;
    line-height: 24px;
	padding: 0;
}

#aboForm .coords .label {
	width: 140px;
	display: inline-block;
}



#aboPaiement .abo {
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
/* 	border-bottom: 1px solid #bdbdbd; */
}
#aboPaiement .abo:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #bdbdbd;
	position: absolute;
	left: 0;
	bottom: 0;
}

#aboPaiement #checkConditions {
	margin-top: 50px;
}

#aboPaiement a.btn {
	background-color: #b70e37;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    width: 200px;
	float: left;
	text-align: center;
}#lightshopbonList .listElement:hover h5:after {
	display: none;
}

#formBonCadeau {
	margin-top: 30px;
}
#formBonCadeau .zoneprix {
}
#formBonCadeau input[type="submit"]:disabled {
	opacity: 0.3;
}
#formBonCadeau .styledInput {
	border: 1px solid #c3c2c2;
    font-family: Branding-Medium;
    font-size: 16px;
    color: #707070;
	background-color: #fff;
    padding: 8px;
}
#formBonCadeau label {
	margin-right: 10px;
}
#formBonCadeau label:after {
	content: ':';
	margin-left: 10px;
}
#formBonCadeau .erreurRange {
	color: #cc0000;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#formBonCadeau .adresseBon {
	margin-top: 20px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s;
}
input#livraisonDifferente:checked + .adresseBon {
	max-height: 1000px;
}
#formBonCadeau input[type="submit"] {
   	width: auto !important;
    background-position: center right 12px !important;
    padding-right: 40px;
	padding-left: 10px;
	font-size: 18px;
	color: #707070;
	font-family: Branding-Medium;
}

#formBonCadeau .prix.fixe {
    display: inline-block;
    font-family: Branding-Semibold;
    color: #fff;
    background-color: #b70e37;
    font-size: 22px;
	padding: 10px 20px;
}/*STYLE POUR LE TEMPLATE*/
#cse-search-box-api
{
	display:block;
	position:relative;
	padding-right:40px;
}
#leftPanel #cse-search-box-api
{
	padding:20px 80px 30px 50px;
}
.menubar #searchWrapper {
	position: relative;
}
.menubar #searchTrigger:after {
    background-image: url(/template/image/loupe.svg);
	width:34px;
}
.menubar #searchTrigger:before {
	 background-image: url(/template/image/loupe_blanc.svg);
	width:34px;
}
.menubar #cse-search-box-api {
	background: #f3f0f0;
	padding: 11px 20px;
}
.menubar .searchHolder {
	/*max-width: 0;*/
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menubar .searchHolder.open {
	/*max-width: 1000px;*/
	left: -220px;
	width: 220px;
}
.menubar #cse-search-box-api input[type=text] {
	display: inline-block;
	width: calc(100% - 45px);
}
.menubar #cse-search-box-api input[type=submit] {
    display: inline-block;
    position: relative;
}
#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	font-size:11px;
	color:#000000;
	border:solid 1px #bdbdbd;
	border-width: 0 0 1px 0;
	outline:0;
	background: none;
	font-family: Branding-Medium;
	font-size: 15px;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#666666;
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
	width:40px;
	height:25px;
	cursor:pointer;
	outline:0;
	border: 0;
	background: none;
    font-family: Branding-Medium;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}
#leftPanel #cse-search-box-api input[type=submit]
{
	top:20px;
	right:35px;
} 

/*GOOGLE API AJAX*/
/*DIV de resultat*/
#searchresult  
{
	display:block;
}

#searchresult #steps
{
	margin-top:20px;
}

#searchresult #steps a
{
	font-size:14px;
}

#searchresult #steps a.bolder
{
	font-weight:bold;
}

/*GOOGLE CSE*/
.gsc-result-info, .gsc-above-wrapper-area,  .gsc-control-cse
{
	padding-top:0px!important;;
}

.gsc-orderby-container
{
	display:none;
}

#___gcse_0 div, #___gcse_0 table
{
	padding-left:0px;
}

p.noresult
{
	font-style:italic;
}#galleryimagestandardListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	border:0px;
	background:grey;
	margin:0 0 20px 0;
	overflow:visible;
}

#galleryimagestandardListCtn .listElement .img
{
	width:100%;
	float:none;
}

#galleryimagestandardListCtn .listElement .img:before, .imgcropctn.gallery:before
{
	padding-top:60%;
}

#gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible */
}

#galleryimagestandardListCtn .listElement .admin
{
	display:block;
	margin:7px 0px 2px 0px;
}

#galleryimagestandardListCtn .listElement .admin > a
{
	color:#ffffff;
	text-decoration:none;	
}
#galleryimagestandardListCtn .listElement:after
{
	display:none;
}
.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

/* MEDIA QUERIES */
@media only screen and (min-width:321px)
{
	#galleryimagestandardListCtn .listElement
	{
		float:left;
		margin:0 2% 20px 0;
		width:49%;
	}
}
@media only screen and (min-width:321px) and (max-width:640px)
{
	#galleryimagestandardListCtn .listElement:nth-child(2n+0)
	{
		margin-right:0;
	}
}
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible */
	}	
}
@media only screen and (min-width:641px) and (max-width:800px)
{
	#galleryimagestandardListCtn .listElement
	{
		width:32%;
	}
	#galleryimagestandardListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0;
	}
}

@media only screen and (min-width:801px)
{
	#galleryimagestandardListCtn .listElement
	{
		width:19.5%;
		margin:0 0.5% 0.5% 0;
	}
	#galleryimagestandardListCtn .listElement:nth-child(5n+0)
	{
		margin-right:0;
	}
}#frameIngenieForm
{
    margin:40px 0 40px 0;
}