/* ----------------
	general
 */


* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	font-size: 62.5%;
	font-family: verdana, helvetica;
	color: #000;
	text-align: center;
	background: url('SITES/champagne-couche.fr/squelettes/images/fond.png') repeat;
}

.spacer {
	clear: both;
	height: 0;
	overflow: hidden;
}


/* ----------------
	structure
 */

#contenant {
	margin-left: auto;
	margin-right: auto;
	width: 784px;
}

#haut {
	height: 50px;
	width: 784px;
	background: url('SITES/champagne-couche.fr/squelettes/images/haut.png') no-repeat;
}

#milieu {
	padding: 0 12px 0 12px;
	width: 760px !important;
	width /**/:784px;
	background: url('SITES/champagne-couche.fr/squelettes/images/milieu.png') repeat-y;
}

#milieu #page {
	text-align: left;
	font-size: 1.1em;
	width: 760px;
	background-color: #fff;
}

#bas {
	height: 30px;
	width: 784px;
	background: url('SITES/champagne-couche.fr/squelettes/images/bas.png') no-repeat;
}


/* ----------------
	menu
 */

#milieu #page ul#menu {
	display: block;
	list-style: none;
	padding: 0;
	width: 760px;
}

#milieu #page ul#menu li {
	display: block;
	float: left;
}

#milieu #page ul#menu li a {
	display: block;
	float: left;
	padding-top: 30px;
	height: 0px !important;
	height /**/:30px;
	overflow: hidden;
}

#milieu #page ul#menu li#menu_accueil_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/accueil-fr.png') no-repeat top;
	width: 89px;
}

#milieu #page ul#menu li#menu_vignoble_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/vignoble-fr.png') no-repeat top;
	width: 126px;
}

#milieu #page ul#menu li#menu_savoir_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/savoir-fr.png') no-repeat top;
	width: 157px;
}

#milieu #page ul#menu li#menu_cuvees_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/cuvees-fr.png') no-repeat top;
	width: 118px;
}

#milieu #page ul#menu li#menu_references_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/references-fr.png') no-repeat top;
	width: 155px;
}

#milieu #page ul#menu li#menu_accueil_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/accueil-en.png') no-repeat top;
	width: 67px;
}

#milieu #page ul#menu li#menu_vignoble_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/vignoble-en.png') no-repeat top;
	width: 137px;
}

#milieu #page ul#menu li#menu_savoir_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/savoir-en.png') no-repeat top;
	width: 147px;
}

#milieu #page ul#menu li#menu_cuvees_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/cuvees-en.png') no-repeat top;
	width: 127px;
}

#milieu #page ul#menu li#menu_references_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/references-en.png') no-repeat top;
	width: 167px;
}

body#accueil #milieu #page ul#menu li#menu_accueil_fr a,
body#vignoble #milieu #page ul#menu li#menu_vignoble_fr a,
body#savoir #milieu #page ul#menu li#menu_savoir_fr a,
body#cuvees #milieu #page ul#menu li#menu_cuvees_fr a,
body#references #milieu #page ul#menu li#menu_references_fr a,
body#accueil #milieu #page ul#menu li#menu_accueil_en a,
body#vignoble #milieu #page ul#menu li#menu_vignoble_en a,
body#savoir #milieu #page ul#menu li#menu_savoir_en a,
body#cuvees #milieu #page ul#menu li#menu_cuvees_en a,
body#references #milieu #page ul#menu li#menu_references_en a,
#milieu #page ul#menu li#menu_accueil_fr a:hover,
#milieu #page ul#menu li#menu_vignoble_fr a:hover,
#milieu #page ul#menu li#menu_savoir_fr a:hover,
#milieu #page ul#menu li#menu_cuvees_fr a:hover,
#milieu #page ul#menu li#menu_references_fr a:hover,
#milieu #page ul#menu li#menu_accueil_en a:hover,
#milieu #page ul#menu li#menu_vignoble_en a:hover,
#milieu #page ul#menu li#menu_savoir_en a:hover,
#milieu #page ul#menu li#menu_cuvees_en a:hover,
#milieu #page ul#menu li#menu_references_en a:hover {
	background-position: 0px -30px;
}

#milieu #page ul#menu li#menu_fr a,
#milieu #page ul#menu li#menu_en a {
	width: 115px;
	padding-top: 60px;
	height: 0px !important;
	height /**/:60px;
	overflow: hidden;
}

#milieu #page ul#menu li#menu_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/fr.png') no-repeat;
	background-position: top;
}

#milieu #page ul#menu li#menu_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/en.png') no-repeat;
	background-position: top;
}

#milieu #page ul#menu li#menu_fr a:hover {
	background-position: 0 -60px;
}

#milieu #page ul#menu li#menu_en a:hover {
	background-position: 0 -60px;
}


/* ----------------
	page
 */

#milieu #page h1 {
	width: 760px;
	height: 116px;
}

#milieu #page h1 a {
	display: block;
	width: 760px;
	padding-top: 116px;
	height: 0px !important;
	height /**/:116px;
	overflow: hidden;
	background: url('SITES/champagne-couche.fr/squelettes/images/bandeau.png') no-repeat;
}


/* ----------------
	contenu
 */

#milieu #page #contenu,
#milieu #page #contenu-droite,
#milieu #page #contenu-gauche {
	margin-top: -7px;
	position: relative;
	z-index: 10;
}

#milieu #page #contenu {
	clear: both;
	padding: 0 14px 0 14px;
}

#milieu #page #contenu-gauche {
	clear: both;
	float: left;
	padding: 0 7px 0 14px;
	width: 453px !important;
	width /**/:474px;
}

#milieu #page #contenu-droite {
	float: right;
	padding: 0 14px 0 7px;
	width: 263px !important;
	width /**/:284px;
}

#milieu #page #contenu-gauche .mh,
#milieu #page #contenu-gauche .mh-b {
	width: 453px;
	height: 10px;
	overflow: hidden;
}

#milieu #page #contenu-gauche .mm,
#milieu #page #contenu-gauche .mm-b {
	padding: 0 10px 5px 10px;
	width: 433px !important;
	width /**/:453px;
}

#milieu #page #contenu-gauche .mb,
#milieu #page #contenu-gauche .mb-b {
	width: 453px;
	height: 10px;
	overflow: hidden;
	margin-bottom: 14px;
}

#milieu #page #contenu-gauche .mh	{ background: url('SITES/champagne-couche.fr/squelettes/images/mh.png')		no-repeat; }
#milieu #page #contenu-gauche .mh-b	{ background: url('SITES/champagne-couche.fr/squelettes/images/mh-b.png')	no-repeat; }
#milieu #page #contenu-gauche .mm	{ background: url('SITES/champagne-couche.fr/squelettes/images/mm.png')		repeat-y; }
#milieu #page #contenu-gauche .mm-b	{ background: url('SITES/champagne-couche.fr/squelettes/images/mm-b.png')	repeat-y; }
#milieu #page #contenu-gauche .mb	{ background: url('SITES/champagne-couche.fr/squelettes/images/mb.png')		no-repeat; }
#milieu #page #contenu-gauche .mb-b	{ background: url('SITES/champagne-couche.fr/squelettes/images/mb-b.png')	no-repeat; }

#milieu #page #contenu-droite .ph {
	width: 263px;
	height: 10px;
	overflow: hidden;
	background: url('SITES/champagne-couche.fr/squelettes/images/ph.png') no-repeat;
}

#milieu #page #contenu-droite .pm {
	padding: 0 10px 5px 10px;
	width: 243px !important;
	width /**/:263px;
	background: url('SITES/champagne-couche.fr/squelettes/images/pm.png') repeat-y;
}

#milieu #page #contenu-droite .pb {
	width: 263px;
	height: 10px;
	overflow: hidden;
	margin-bottom: 14px;
	background: url('SITES/champagne-couche.fr/squelettes/images/pb.png') no-repeat;
}

#milieu #page #contenu .gh {
	width: 732px;
	height: 10px;
	overflow: hidden;
	background: url('SITES/champagne-couche.fr/squelettes/images/gh.png') no-repeat;
}

#milieu #page #contenu .gm {
	padding: 0 10px 5px 10px;
	width: 712px !important;
	width /**/:732px;
	background: url('SITES/champagne-couche.fr/squelettes/images/gm.png') repeat-y;
}


#milieu #page #contenu .gb {
	width: 732px;
	height: 10px;
	overflow: hidden;
	margin-bottom: 14px;
	background: url('SITES/champagne-couche.fr/squelettes/images/gb.png') no-repeat;
}

#milieu #page #contenu .barre {
	clear: both;
	height: 30px;
	background: url('SITES/champagne-couche.fr/squelettes/images/barre.png') center no-repeat;
}

#milieu .pagination {
	clear: both;
	text-align: right;
}

#milieu #page a.plus {
	clear: both;
	float: right;
	padding-left: 30px;
	background: url('SITES/champagne-couche.fr/squelettes/images/plus.png') left no-repeat;
}

#milieu #page a.plus-b {
	clear: both;
	float: right;
	padding-left: 30px;
	background: url('SITES/champagne-couche.fr/squelettes/images/plus-b.png') left no-repeat;
}

/* ----------------
	contenu
 */

#milieu #page h2 {
	font-size: 1.2em;
	letter-spacing: 1px;
	padding-bottom: 10px;
	color: #990033;
}

#milieu #page h3 {
	font-size: 1.1em;
	padding-bottom: 2px;
	color: #000;
}

#milieu #page a,
#milieu #page a:link
#milieu #page a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#milieu #page a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#milieu #page p {
	padding-bottom: 10px;
}

#milieu #page ul {
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 0 10px 10px;
}

#milieu #page .contenant {
	color: #990033;
}

#milieu #page table.album {
	width: 100%;
	padding-top: 10px;
}

#milieu #page table.album a {
	margin: 0 auto;
}

#milieu #page table.album a img {
	border: 1px solid #C4C4C4;
	padding: 7px;
	background: #fff;
}

#milieu #page ul.docs_joints {
	padding-top: 10px;
}

/* ----------------
	formulaires
 */

form {
	clear: both;
}

form fieldset {
	clear: both;
	padding-top: 10px;
}

#accueil_lettres form fieldset {
	padding-top: 0;
}

form h2 {
	width: 180px;
	text-align: right;
}

form dl {
	clear: both;
	padding-top: 10px;
}

#accueil_lettres form dl {
	padding-top: 0;
}

form dt {
	clear: left;
	float: left;
	width: 180px;
	text-align: right;
}

#accueil_lettres form dt {
	width: 110px;
}

form p.erreur,
form dl.erreur dt {
	color: #990033;
}

form dd {
	clear: right;
	float: right;
	width: 510px;
}

#accueil_lettres form dd {
	width: 300px;
}

form input,
form select,
form textarea {
	border: 1px solid #c4c4c4;
	background-color: #fff;
	font-size: 1em;
	font-family: verdana, helvetica;
}

form ul.boutons {
	clear: both;
	list-style: none;
	text-align: left;
	margin-left: 182px;
}

#accueil_lettres form ul.boutons {
	margin-left: 112px;
}

form ul.boutons li {
	display: inline;
}

form ul.boutons li input {
	margin: 10px;
	border: 1px solid #c4c4c4;
	background-color: #fff;
}

form p.champs_caches {
	clear: both;
	display: none;
}

form table {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

form table td {
	padding: 0 8px 0 0;
	text-align: left;
}

form table td.prix {
	text-align: right;
}

.spip_documents_left {
	margin: 0 10px 0 0;
}

.spip_documents_right {
	margin: 0 0 0 10px;
}

/* ----------------
	mentions legales
 */

#milieu #page #mentions_fr,
#milieu #page #mentions_en {
	clear: both;
}

#milieu #page #mentions_fr a,
#milieu #page #mentions_en a {
	display: block;
	width: 760px;
	padding-top: 18px;
	height: 0px !important;
	height /**/:18px;
	overflow: hidden;
}

#milieu #page #mentions_fr a {
	background: url('SITES/champagne-couche.fr/squelettes/images/mentions-fr.png') no-repeat top;
}

#milieu #page #mentions_en a {
	background: url('SITES/champagne-couche.fr/squelettes/images/mentions-en.png') no-repeat top;
}

#milieu #page #mentions_fr a:hover,
#milieu #page #mentions_en a:hover {
	background-position: 0 -18px;
}


/* ----------------
	lightbox
 */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("SITES/champagne-couche.fr/squelettes/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url("SITES/champagne-couche.fr/squelettes/images/prev.gif") left 15% no-repeat; }
#nextLink { background: url("SITES/champagne-couche.fr/squelettes/images/next.gif") right 15% no-repeat; }
/*
#prevLink:hover, #prevLink:visited:hover { background: url("SITES/champagne-couche.fr/squelettes/images/prev.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("SITES/champagne-couche.fr/squelettes/images/next.gif") right 15% no-repeat; }
*/

#imageDataContainer{
	font: 10px verdana, helvetica;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


/* -------------------
	popup
 */

body#popup {
	background-image: none;
	background-color: #FDFEE3;
}

body#popup img {
	margin: 0 auto;
}

body#popup ul {
	margin: 0 auto;
	list-style: none;
}

body#popup ul li#fermer {
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}

body#popup ul li#imprimer {
	display: block;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
}

body#popup ul li a {
	display: block;
	padding: 5px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	border: 1px solid #C4C4C4;
}

body#popup ul li a:hover {
	text-decoration: underline;
}