@charset "UTF-8";

/*
 *	SELECTION CAVISTE
 *	Style Commun a tous les modules du site
 */

/* Structure */
	html{ background: #1b0505 url(../images/background/fond-1.jpg) no-repeat center top; margin-left: -1px; }
	body{ color: #fff; font: 13px/18px arial, helvetica, tahoma, verdana, sans serif; margin: 0; padding: 0; }
	#pageWrap{ background: #1b0505 url(../images/background/fond-1.jpg) no-repeat center top; margin: 0 auto; position: relative; padding: 174px 0 0 0; width: 984px; }	
	#content{ padding: 0 0 1em 0; }
	
/* IPAD/IPOD DEBUG */
	html{ overflow-y: scroll; overflow-x: hidden; }
	html, #pageWrap{ -moz-background-size: 2000px 1653px; background-size: 2000px 1653px; }
	body{ -webkit-text-size-adjust:none; }

/* Typographie */
	a{ color: #fff; text-decoration: none; }
	a:link:focus,
	a:link:hover{ text-decoration: underline; }
	a.red{ color: red; }
	a.red:focus,
	a.red:hover{ color: #fff; text-decoration: none; }
	.beige{ color: #e2c266; }
	a[href='#']{color: #790000; text-shadow: 1px 1px 1px #000; }
		
	address{ font-style: normal; }
	
	h1{}
	h1, h2, h3,	
	h1 a, h2 a, h3 a,
	label,
	dt{ color: #e2c266; text-decoration: none; }
	
	dl{ margin: 0 0 3em 0; padding: 0; }
	dl dt{ font-weight: normal; margin: 0 0 0.25em 0; }
	dl dd{ margin: 0 0 1em 0; padding: 0; }

	label{ cursor: pointer; }
	
	input[type=text], input[type=password], textarea{ background: #5e4b4a; border: 1px solid #2e2c2c; line-height: 1.8em; padding: 0px 5px; }
	input[type=text]:focus, input[type=password]:focus, textarea:focus{ border: 1px solid #e2c266; }
	input[type=text], input[type=password], textarea{ background: #474545 url(../images/background/input-text.gif) repeat-x; color: #ccc; cursor: pointer; width: 243px; }
	input[type=text].error, input[type=password].error{ background: #2E0505 !important; }	
	input[type=text]:disabled, input[type=password]:disabled{ color: #fff !important; cursor: default; }
	
	input[type=submit],
	input[type=reset],
	.button{ background: #c2a24a; border: 1px solid #c3a965; color: #000; cursor: pointer; display: inline-block; font-weight: bold; font-size: 11px; line-height: 2em; padding: 0 10px; text-shadow: 1px 1px 1px #eadfc0; text-transform: uppercase; }
	input[type=submit],
	input[type=reset],
	.button{
		background-image: -webkit-linear-gradient(top, #decc9c 0%,#c2a24a 100%);
		background-image: -ms-linear-gradient(top, #decc9c 0%,#c2a24a 100%);
		background-image: -moz-linear-gradient(top, #decc9c 0%,#c2a24a 100%);
		background-image: -o-linear-gradient(top, #decc9c 0%,#c2a24a 100%);
		background-image: linear-gradient(top, #decc9c 0%,#c2a24a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#decc9c', endColorstr='#c2a24a');

		-webkit-border-radius: 6px;
		-ms-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		
	}
	input[type=submit]:hover, input[type=submit]:focus,
	input[type=reset]:hover, input[type=reset]:focus,
	.button:hover, .button:focus{ background: #ffdc7c; text-decoration: none; text-shadow: 1px 1px 1px #fff; }
	input[type=submit]:hover, input[type=submit]:focus,
	input[type=reset]:hover, input[type=reset]:focus,
	.button:hover, .button:focus{
		-webkit-box-shadow: 0 0 5px #000;
		-ms-box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		-o-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
	}
	input[type=submit]:disabled,
	input[type=reset]:disabled,
	.button:disabled{
		background-image: -webkit-linear-gradient(top, #8d8d8d 0%,#d5d5d5 100%);
		background-image: -ms-linear-gradient(top, #8d8d8d 0%,#d5d5d5 100%);
		background-image: -moz-linear-gradient(top, #8d8d8d 0%,#d5d5d5 100%);
		background-image: -o-linear-gradient(top, #8d8d8d 0%,#d5d5d5 100%);
		background-image: linear-gradient(top, #8d8d8d 0%,#d5d5d5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#8d8d8d', endColorstr='#d5d5d5');
	}
	
	button.envoyer{ background: url(../images/fr/boutons/form-recherche-submit.png) no-repeat; border: 0; cursor: pointer; height: 24px; width: 72px; }	
	button.envoyer:hover{ background-position: 0 -24px; }
	button.envoyer:disabled{ background-position: 0 -48px; }
	button.envoyer span{ display: none; }
	
	ul.errors{ color: red; font-size: 11px; line-height: 12px; margin: 0 0 2em 15px; }
	ul.errors li{ list-style: square; }	
	
	html.has-script span.input-radio{ background: url(../images/input/input-radio.gif) no-repeat; clear: left; display: block; float: left; height: 14px; margin: 0 5px 0 0; text-indent: -99999px; width: 14px; }
	html.has-script span.input-radio:hover,
	html.has-script span.input-radio.checked{ background-position: 0 -15px; cursor: pointer; }
	
	html.has-script span.input-checkbox{ background: url(../images/input/input-checkbox.png) no-repeat; clear: left; display: block; float: left; height: 13px; text-indent: -99999px; width: 13px; }
	html.has-script span.input-checkbox:hover,
	html.has-script span.input-checkbox.checked{ background-position: 0 -13px; cursor: pointer; }
	
	table{}
	th[align=left], td[align=left]{ text-align: left; }
	th[align=center], td[align=center]{ text-align: center; }
	th[align=right], td[align=right]{ text-align: right; }
	th[valign=top], td[valign=top]{ vertical-align: top; }
	th[valign=middle], td[valign=middle]{ vertical-align: middle; }
	th[valign=bottom], td[valign=bottom]{ vertical-align: bottom; }
	td{ border: 0px; }
	tr{ vertical-align: top; }
	
/* Libraries */
	.displayNone{ display: none; }
	.onClickParent{ cursor: pointer; }
	
/* 
	SYSTEM 
*/	
	div.system{ border: 1px solid #000; cursor: pointer; left: 50%; margin: 0 0 0 -150px; padding: 15px 18px 15px 35px; position: absolute; top: 250px; width: 300px; z-index: 9999999; }	
	div.system ul{ margin: 0; }
	div.system ul li{ list-style: square; }
	div.system.success{ background: #E4F1E2 url(../images/actions/accept.png) no-repeat 10px center; border: 1px solid #76CA6A; }
	div.system.errors{ background: #000; border: 1px solid #F0785F; color: red; }
	div.system.alert{ background: #F6F0D5 url(../images/actions/error.png) no-repeat 10px center; border: 1px solid #F2D757; }
	div.system.loading{ background: #C4D8F2 url(../images/actions/loading.gif) no-repeat 10px center; border: 1px solid #3569BA; }

/* Credits */
	#footer{ background: url(../images/fr/pageFooter-facebook.png) no-repeat; clear: both; height: 112px; margin: 0 auto; width: 947px; }
	#footer .facebook{ margin: 0 0 8px 0; padding: 0; }
	#footer .facebook a{ display: block; height: 45px; overflow: hidden; text-indent: -9999px; }
	#footer .credits{ color: #1b0505; font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase; }


/* Logo */
	#header h2{ left: 2px; margin: 0; padding: 0; position: absolute; top: 9px; width: 203px; }
	#header h2 a{ background: url(../images/fr/navigation.jpg) no-repeat; display: block; height: 125px; margin: 0; overflow: hidden; padding: 0; text-indent: 203px; width: 170px; }


/* Navigation - Principale */
	#nav{ margin: 0; padding: 0; }
	#nav li{ list-style: none; display: inline; margin: 0; padding: 0; }
	#nav li a{ background: url(../images/fr/navigation.jpg) no-repeat; display: block; overflow: hidden; position: absolute; text-indent: -9999px; top: 100px; }
	
	#nav li.nos-vins a{ background-position: -172px 0; height: 40px; right: 376px; top: 66px; width: 197px; }
	#nav li.nos-producteurs a{ background-position: -369px 0; height: 40px; right: 1px; top: 66px; width: 375px; }
	#nav li.default a{ background-position: -172px -40px; height: 24px; right: 480px; top: 106px; width: 93px; }
	#nav li.commandes-et-reservations a{ background-position: -265px -40px; height: 24px; right: 178px; top: 106px; width: 302px; }
	#nav li.contactez-nous a{ background-position: -565px -40px; height: 24px; right: 2px; top: 106px; width: 178px; }
	
	#nos-vins #nav li.nos-vins a, #nav li.nos-vins a:focus, #nav li.nos-vins a:hover{ background-position: -172px -65px; }
	#nos-producteurs #nav li.nos-producteurs a, #nav li.nos-producteurs a:focus, #nav li.nos-producteurs a:hover{ background-position: -369px -65px; }
	#default.a-index #nav li.default a, #nav li.default a:focus, #nav li.default a:hover{ background-position: -172px -105px; height: 24px; right: 480px; top: 106px; width: 93px; }
	#commandes-et-reservations #nav li.commandes-et-reservations a, #nav li.commandes-et-reservations a:focus, #nav li.commandes-et-reservations a:hover{ background-position: -265px -105px; }
	#default.a-contact #nav li.contactez-nous a, #nav li.contactez-nous a:focus, #nav li.contactez-nous a:hover{ background-position: -565px -105px; }


/* Navigation - Extra */
	#nav-extra{ margin: 0; padding: 0; position: absolute; right: 174px; top: 0; }
	#nav-extra li{  display: inline; ; height: 44px; list-style: none; margin: 0; padding: 0; }
	#nav-extra li a{ border-right: 1px solid #551212; color: #ff000b; display: block; float: right; font-size: 12px; height: 27px; padding: 17px 8px 0 8px; text-decoration: none; }
	#nav-extra li a:focus,
	#nav-extra li a:hover{ color: #fff; }
	
	#default.a-quisommesnous #nav-extra li.qui-sommes-nous a,
	#nouvelles #nav-extra li.nouvelles a,
	#liste-denvoi #nav-extra li.liste-denvoi a
		{ color: #fff; }


/* Paginator - Zend Pagination */
	.paginator{ text-align: right; }
	.paginator ul{ margin: 0 9px 1em 0; text-align: right; }
	.paginator li{ display: inline; list-style: none; }
	.paginator li a{ color: #e2c266; text-decoration: none; padding: 5px; }
	.paginator li a:hover{ color: #fff; }
	.paginator li.active a{ color: #fff; text-decoration: underline; }
	
	.paginator.top{ position: absolute; top: 0; right: 0; }
	
	
/* Filtres */
	h3.selection{ font-size: 13px; line-height: 18px; margin: 0 0 8px 0; padding: 0 0 0 535px; position: relative; }
	h3.selection span{ left: 461px; position: absolute; }
	h3.selection strong{ color: #fff; }
	
	div.filtres ul{ background: url(../images/background/fond-1-filtres.png) no-repeat; line-height: 28px; margin: 0; position: absolute; top: 174px; }
	div.filtres ul li{ display: inline; list-style: none; }	
	div.filtres ul li a{ border-right: 1px solid #4a463d; color: #e2c266; display: block; float: left; padding: 0 22px; position: relative; text-decoration: none; }	
	div.filtres ul li a:hover{ color: #fff; }		
	div.filtres ul li a span{ background: url(../images/background/triangle.gif) no-repeat right 7px; padding: 0 18px 0 0; }
	div.filtres ul li a:hover span{ background-position: right -93px; }
	div.filtres ul li.active a{ background: url(../images/background/fond-1-filtres.png) no-repeat -103px -28px; color: #fff; }	
	div.filtres ul li.disabled a span{ background: none; color: #555; }	
	
	div.filtres ul.filtrer-par ul{ background: #000; border: 1px solid #4a2424; display: none; line-height: auto; }
	div.filtres ul.filtrer-par ul li{ display: list-item; margin: 0; padding: 0; }
	div.filtres ul.filtrer-par ul li a{ background: #000 !important; border-top: 1px solid #4a2424 !important; color: #cf040d !important; float: none; margin: 0; padding: 3px 22px; }
	div.filtres ul.filtrer-par ul li.disabled a{ background: #000 !important; display: block; border-top: 1px solid #4a2424 !important; color: #555 !important; float: none; margin: 0; padding: 3px 22px; }
	div.filtres ul.filtrer-par ul li:hover a{ color: #fff !important; }
	div.filtres ul.filtrer-par ul li.active a{ background: #290103 !important; color: #e2c266 !important; }
	div.filtres ul.filtrer-par ul li.tous a{ border: 0; }
	div.filtres ul.filtrer-par li:hover ul{ display: block; position: absolute; }
	
	
	div.filtres li.filtrer-par span,
	div.filtres li.trier-par span,
	div.filtres li.afficher span
	{ display: block; float: left; overflow: hidden; text-indent: -999px; width: 103px; }
	
	div.filtres ul.filtrer-par{ width: 100%; }
	div.filtres ul.filtrer-par li.pays a{ border-right: 1px solid #37281f; }		
	
	div.filtres ul.afficher{ background-position: -434px 0; left: 434px; width: 550px; }	
	div.filtres ul.afficher li a{ border-right: 1px solid #2c180f; padding: 0 13px; }
	div.filtres ul.afficher li.active a{ background-position: -550px -28px; }	
	
	


/* Recherche */
	#search{ margin: 0; padding: 0; }
	#search fieldset{ line-height: 44px; margin: 0; padding: 0; position: absolute; right: 2px; top: 3px; }
	#search label{ display: none; }
	#search input{ background: #000; border-color: #ff000b; color: #c8c8c8; font-size: 11px; height: 17px; line-height: 16px; margin: 0; width: 118px; }
	#search button{ background: url(../images/fr/navigation.jpg) no-repeat right top; border: 0; cursor: pointer; height: 20px; overflow: hidden; position: relative; top: 1px; text-indent: -9999px; width: 25px; }
	#search button:focus,
	#search button:hover{ background-position: right -20px; }


/* Table Resultats */
	table.resultats{ border: 0px; border-collapse: separate; border-spacing: 11px; margin: 0 0 3px -11px; position: relative; width: 1006px; }
	table.resultats td{ background: #000; }
	table.resultats td.empty:hover { background: #000 !important; cursor: auto !important; }
	table.resultats td div{ position: relative; }
	table.resultats a{ font-weight: bold; text-decoration: none; }
	table.resultats a:hover{ color: #e2c266; }
	
/* Table des vins */
	td.vins{ background: #000 !important; overflow: hidden; padding: 0px; }
	td.vins:hover{ background: url(../images/background/nos-vins.gif) repeat-y !important; }
	td.vins:hover a{ color: #e2c266 !important; }	
	td.vins div{ height: auto !important; height: 240px; min-height: 240px; margin: 0 0 0 79px; padding: 9px 10px;  }	
	/*td.vins:hover div { background: #370b0b !important; }*/
	td.vins img{ position: absolute; left: -75px; top: 2px; }
	td.vins h2{ font-size: 1em; line-height: 16px; margin: 0 0 16px 0; }
	td.vins h3{ color: #fff; font-size: 12px; line-height: 16px; margin: 0 0 20px 0; }
	span.details{ display: block; font-size: 12px; margin: 0 0 16px 0; }
	span.prix{ color: #d11820; font-size: 20px; font-weight: bold; }
	
	
/* Tarifs */
	ul.tarifs{ margin: 0; padding: 0; position: absolute; right: 17px; top: 13px; }
	ul.tarifs li{ font-size: 12px; list-style: none;  margin: 0 0 1em 0; padding: 0; text-align: right; }
	ul.tarifs big{ color: #e2c266; display: block; font-size: 40px; line-height: 40px; font-weight: bold; }
	
/* Autres */
	#autres{ left: 2px; margin: 0; padding: 0; position: absolute; top: 174px; }
	#autres li{ display: inline; list-style: none; margin: 0; padding: 0; }
	#autres li a{ background: url(../images/separateur-gray.gif) no-repeat right center; font-size: 10px; font-weight: bold; margin: 0 8px 0 0; padding: 0 13px 0 0; text-decoration: none; text-transform: uppercase; }
	#autres li a:hover{ color: red; }
	#autres li.retour a{ background: none; }
	
/* Telechargements */
	#telechargements{ margin: 0; position: absolute; right: -7px; top: 154px; }
	#telechargements li{ display: inline; list-style: none; margin: 0; padding: 0; }
	#telechargements li a{ background: url(../images/separateur-red.gif) no-repeat right center; font-size: 10px; font-weight: bold; margin: 0 8px 0 0; padding: 0 13px 0 0; text-decoration: none; text-transform: uppercase; }
	#telechargements li.liste a{ background: none; padding: 0; }

/* Nouvelles Imprimer - Partages */
	div.nouvelle ul.details li span, div.nouvelle ul.details li a{ display: block; float: left; line-height: 23px; padding: 0 5px 0 0; }
	div.nouvelle ul.details li a{ background: url(../images/background/nouvelles-boutons.png) no-repeat; height: 23px; overflow: hidden; text-indent: -9999px; width: 24px; }
	div.nouvelle ul.details li.imprimer a:hover{ background-position: 0 -23px; }
	div.nouvelle ul.details li.partager a{ background-position: -29px 0px; }
	div.nouvelle ul.details li.partager a:hover{ background-position: -29px -23px; }
	div.nouvelle ul.details li.facebook a{ background-position: -58px 0px; }
	div.nouvelle ul.details li.facebook a:hover{ background-position: -58px -23px; }
	div.nouvelle ul.details li.twitter a{ background-position: -87px 0px; }
	div.nouvelle ul.details li.twitter a:hover{ background-position: -87px -23px; }
	div.nouvelle ul.details li.google a{ background-position: -116px 0px; }
	div.nouvelle ul.details li.google a:hover{ background-position: -116px -23px; }

/* Subscription */
	#subscription{ display: none; left: 0; position: absolute; top: 150px; width: 100%; z-index: 9999; }
	#subscription .innerwrap{ background: #1b0505; border: 1px solid #370b0b; margin: 0 auto; padding: 1em 3em; width: 500px; }
	#subscription .innerwrap{ 
		-webkit-box-shadow: 0 0 25px #000;
		-o-box-shadow: 0 0 25px #000;
		-ms-box-shadow: 0 0 25px #000;
		-moz-box-shadow: 0 0 25px #000;		
		box-shadow: 0 0 25px #000;
		
		-webkit-border-radius: 1em;
		-o-border-radius: 1em;
		-ms-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;

		background-image: -webkit-linear-gradient(top, #450d0e 0%,#1b0605 100%);
		background-image: -ms-linear-gradient(top, #450d0e 0%,#1b0605 100%);
		background-image: -moz-linear-gradient(top, #450d0e 0%,#1b0605 100%);
		background-image: -o-linear-gradient(top, #450d0e 0%,#1b0605 100%);
		background-image: linear-gradient(top, #450d0e 0%,#1b0605 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#450d0e', endColorstr='#1b0605');
	}