/*
Feuille de styles de : CELLER de BEAUMONT

derniere(s) modif(s) le : 03/2011

par : Estives


-----------------------------------------------------
#				ORGANISATION CSS					#
-----------------------------------------------------
[REF] - CONTENU										#
-----------------------------------------------------
[n_1] - conteneur total / header / central / footer	#
-----------------------------------------------------
[n_2] - ajout panier								#
-----------------------------------------------------
[n_3] - tableau										#
-----------------------------------------------------
[n_4] - equivalent de : #article					#
-----------------------------------------------------
[n_5] - BLOCKS 										#
-----------------------------------------------------
[n_6] - menu										#
-----------------------------------------------------
[n_7] - Liens										#
-----------------------------------------------------
[n_8] - formulaire de contact						#
-----------------------------------------------------
[n_9] - bouton										#
-----------------------------------------------------
[n_10] - test										#
-----------------------------------------------------
-----------------------------------------------------
*/


html {
	margin: 0;
	padding: 0;
	}

body {
	margin: auto;
	font-family:'helvetica',Arial Regular, Helvetica, sans-serif;
	text-align: center; /* pour corriger le bug de centrage IE */
	color:#FFFFFF;
	background-color:#000;
	font-size: 12px;
	width:100%;
	height:100%;
}

/* mise à zéro des bordures et marges des éléments de base de la page */
div, p, span, a, img, form, h1, h2, h3, h4, h5, h6, table, tr, td, ul, li {
	border: 0;
	padding: 0;
	margin: 0;
	cellpadding:0;
	cellspacing:0;
}

hr {
	clear: both;
	width: 80%;
	border-top: 1px #a13a4f solid;
	margin:0 auto 9px;
	height:1px;
	background-color: #a13a4f;

}
::selection {
        background: #a13a4f; /* Safari */
        }
::-moz-selection {
        background: #a13a4f; /* Firefox */
}
::-webkit-selection {
		background:#a13a4f;}
/**********************************************
conteneur total / header panier-texte/ central / footer - n_1
**********************************************/


#conteneur-cellierdebeaumont{
	margin:0 auto;
	padding:0 auto;
	width:956px;
	height:636px;
	background-image:url(../images/fond-cellierdebeaumont.jpg);
	background-repeat:no-repeat;
	background-color:none;
}
	
#header-cellierdebeaumont{
		width:900px; 
		height:138px;
		padding:24px 0px 0px 30px ;
		margin:0 auto;
		text-align:center;
	}

/***************
ajout panier - n_2
****************/
.logo_citelis{
	width:70px;
	vertical-align:middle;
	margin-left:5px;
	margin-bottom: 2px;
}
#panier-cellierdebeaumont{
	width:220px;
	height:33px;
	float:right;
	/*margin:auto;*/
	padding: 0px 70px 0px 0px;
}

#panier-texte{
	width:75px;
	height:25px;
	padding: 0px 3px 0px 0px;
	font-size: 0.9em;
	line-height:1em;
	text-align:right;
	float:right;
}

#panier-image{
	padding: 0px 0px 7px 0px;
	float:right;
	height:25px;
	width:33px;
}

/*tableau - n_3 */

.panier-titre-total{
		padding:0px 9px 6px 8px;
}

.panier-ligne{
	text-align:left;
}

.panier-fond-ligne{
	background-color: #a13a4f;
}

.panier-total{
	width:125px;
	height:15px;
	text-align:right;
	padding:10px 9px 8px 5px;
	vertical-align:bottom;
	
}

.total{
	text-align:left;
	float:left;
}

/* equivalent de : #article - n_4 */

#panier{
	width:310px;
	height:206px;
	float:left;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin:0auto;  /* margin: 0.3em; */
	padding:0px; /* padding: 15px */
	text-align:justify;
	overflow:auto;
}
#panier_form{
	width:620px;
	height:206px;
	float:left;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin:0auto;  /* margin: 0.3em; */
	padding:0px; /* padding: 15px */
	text-align:justify;
	overflow:auto;
}
	
#ligne-tableau{
	width:auto;
	height:2px;
	background-color: #a13a4f;
	margin-bottom:4px;
	}
		
.panier-droite{
	text-align:right;
	padding:8px 5px 8px 5px;
	vertical-align:bottom; 
	}

.panier-droite-total{
	text-align:right;
	padding:8px 9px 8px 5px;
	vertical-align:bottom; 
	}
	
.panier-centre{
	text-align:center;
	vertical-align:bottom;
	padding: 0px 0px 8px 0px;
	}

.panier-gauche{
	text-align:left;
	padding:8px 5px 8px 5px;
	}
	
.panier-fond-qt-clair{
	padding: 4px 2px 0px 0px;
	background-color: #a13a4f;
	float:right;
	}
	
.panier-fond-qt-fonce{
	padding: 4px 2px 0px 0px;
	width:18px;
	background-color: #a13a4f;
	float:left;
	}
	
.panier-plus{
	padding: 3px 0px 0px 0px;
	width:13px;
	height:11px;	}
	
.panier-moins{
	padding: 0px 0px 0px 0px;
	width:13px;
	height:4px;
	}

.choix-vin{
	padding:0px 0px 0px 0px;
	height:1px;
	width:14px;
	display:block;
	float:right;
}

		
#titre-tableaux-panier{
	color:#CC3366;
}

/***************
fin panier
**************/

#conteneur-central-cellierdebeaumont-prehome{
	width:956px;
	height:308px;
	background-image:url(../images/bandeau-cellierdebeaumont.png);
	background-repeat:no-repeat;
	background-color:none;
	margin:0 auto;
	padding:56px 0px 0px 0px;
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bandeau-cellierdebeaumont.png');
	--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#conteneur-central-cellierdebeaumont{
	width:816px;
	height:334px;
	background-image:url(../images/bandeau-cellierdebeaumont.png);
	background-repeat:no-repeat;
	background-color:none;
	margin:auto;
	padding:30px 70px 0px 70px; 
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bandeau-cellierdebeaumont.png');
	--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#footer-cellierdebeaumont{
	width:100%;
	height:auto;
	padding:5px 0;
	margin:0auto;
	font-size:1em;
	float:right;
}



/**********************************************
BLOCKS n_5
**********************************************/


/******************
menu >
******************/


#menu-cellierdebeaumont-accueil{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-quisommesnous{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -256px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-tousnosvins{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -512px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-actualites{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -768px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-accordsmetsvins{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -1024px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-laselection{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -1280px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-nosservices{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -1536px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-contact{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -1792px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

#menu-cellierdebeaumont-sans{
width:174px;
height:256px;
margin: 34px 0 0 0;
float:left;
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;	
background-position: 0% -2048px;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/menu-cellierdebeaumont.png');
--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
}

ul.menu, li.menu {
list-style-type: none;
margin:0;
padding:0;
}

ul.menu {
width: 174px;
}

li.menu a {
display: block;
height: 32px;
width: 174px;
text-decoration: none;
}

/*
li a:hover {
background: transparent url(../images/menu-cellierdebeaumont.png) top left no-repeat;
}
a#lien1:hover {	
background-position: 0% -259px;
}
a#lien2:hover {
background-position: 0% -291px;
}
a#lien3:hover {
background-position: 0% -323px;
}
a#lien4:hover {
background-position: 0% -355px;
}
a#lien5:hover {
background-position: 0% -387px;
}
a#lien6:hover {
background-position: 0% -419px;
}
a#lien7:hover {
background-position: 0% -451px;
}
a#lien8:hover {
background-position: 0% -483px;
}*/



/******************
< MENU n_6
******************/


#image{
	width:332px;
	height:206px;
	float:left;
	margin:0auto;
	padding:33px 0px 0px 0px;
	}

#filariane{
	width:310px;
	height:32px;
	float:left;
	margin:0auto;
	padding:18px 0px 0px 0px;
	text-align:justify;
	font-size:0.90em;
}


#article{
	width:290px;
	height:206px;
	float:left;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin:0auto;  /* margin: 0.3em; */
	padding:0px; /* padding: 15px */
	padding-right:20px;
	text-align:justify;
	overflow:auto;
}
	
#art-tb{
	width:155px;
	height:206px;
	vertical-align:top;
	padding:0auto;
}

/* selection liens dans article */


ul.select-article, li.select-article {
	list-style-type: none;
	margin:0;
	color:#FFFFFF;
	}

ul.select-article {
	width: auto;
	}

li.select-article a {
	background-image:url(../images/list-type-cellierdebeaumont_R.png);
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/list-type-cellierdebeaumont_R.png');
	--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
	background-position:top left;
	background-repeat:no-repeat;
	display: block;
	height: 30px;
	text-decoration: none;
	padding:0px 0px 0px 10px;
	line-height:15px; 
	}
	
li.select-article-tnv a {
	background-image:url(../images/list-type-cellierdebeaumont_R.png);
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/list-type-cellierdebeaumont_R.png');
	--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
	background-position:top left;
	background-repeat:no-repeat;
	display: block;
	height: 23px;
	text-decoration: none;
	padding:0px 0px 0px 10px;
	line-height:15px; 
	}
	
li.select-article-list a {
	background-image:url(../images/list-type-cellierdebeaumont_R.png);
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/list-type-cellierdebeaumont_R.png');
	--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
	background-position:top left;
	background-repeat:no-repeat;
	display: block;
	text-decoration: none;
	padding:0px 0px 0px 10px;
	line-height:15px; 
	}
	
li.select-article-text {
	background-image:url(../images/list-tiret-type-cellierdebeaumont_R.png);
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/list-tiret-type-cellierdebeaumont_R.png');
	--> PROVOQUE UN BUG SUR IE :: clic impossible
	*/
	background-position:top left;
	background-repeat:no-repeat;
	display: block;
	height: auto
	text-decoration: none;
	padding:8px 0px 0px 20px;
	line-height:15px;
	}
	
a.select-article:link, a.select-article:active, a.select-article:visited {
	font-size:1em;
	text-decoration:none;
	color:#FFFFFF;
}

a.select-article:hover {
	font-size:1em;
	text-decoration:none;
	color:#CC3366;
}

a.select-actu:link, a.select-actu:active, a.select-actu:visited {
	font-size:1em;
	text-decoration:none;
	color:#CC3366;
}

a.select-actu:hover {
	font-size:1em;
	text-decoration:none;
	color:#FFFFFF;
}

/* class */

.interlignage{
	line-height:17px;
	width:100%;
}

.interlignage-intro{
	line-height:17px;
}

.interlignage-intro-tnv{
	line-height:16px;
}


.interlignagedeux{
	line-height:9px;
}

.titre{
	color:#CC3366;
}

/*
.spacer {
	margin:0auto;
	height:0auto;
	height:5px;
	clear: both;
}
*/

/**********************
Liens n_7
**********************/


/* fil ariane */

a.ariane:link, a.ariane:active, a.ariane:visited, a.ariane:hover {
	font-size:1em;
	text-decoration:underline;
/*	color:#CC3366;*/
	color:#fff;
}

/* footer */
	
a.footer:link, a.footer:hover, a.footer:active, a.footer:visited {
	font-size:1em;
	text-decoration:none;
	color:#FFFFFF;
}

a.footer-select:link, a.footer-select:hover, a.footer-select:active, a.footer-select:visited {
	font-size:1em;
	text-decoration:underline;
	color:#FFFFFF;
}

/* lien */
	
a.lien:link, a.lien:hover, a.lien:active, a.lien:visited {
	font-size:1em;
	text-decoration:underline;
	color:#FFFFFF;
}

/* panier */
	
a.panier:link, a.panier:hover, a.panier:active, a.panier:visited {
	font-size:1em;
	text-decoration:none;
	color:#FFFFFF;
}


ul.footer, li.footer {
list-style-type: none;
display:inline;
margin:0;
padding:0;
}

ul.footer {
width: 816px;
}

/**********************
Formulaire Contact n_8
**********************/
#article_form{
	width:620px;
	 height:246px;
	float:left;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin:20px auto 0 auto;  /* margin: 0.3em; */
	padding:0 20px 0 0; /* padding: 15px */
	text-align:justify;
	overflow:auto;
	}

.form-droite{
	color:#fff;
	background-color: #a13a4f;
	border: none;
	padding: 4px;
	overflow:hidden;
	font-family:'helvetica',Arial Regular, Helvetica, sans-serif;
	font-size:1em;
}

.text-checkbox{
	margin: auto;
	padding: 0px 0px 0px 23px;
}

#captcha{
	margin:18px 15px 0 0;
	
}

/**********************
Boutons n_9
**********************/

#commander-cellierdebeaumont {
	margin:auto;
	padding:auto;
	height:22px;
	width:80px;
	float:right;
}

.retourhpage-cellierdebeaumont {
	margin:auto;
	padding:auto;
/*	vertical-align:bottom;*/
	float:right;
}

/**********************
Test n_10
**********************/

#test {
	/*	background-color:#00FF66;
		}