/* ----------------------------------------------------------------- */
/* >>> GLOBAL */ 

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; 	border: 0;
}

body { background: #FAF3E7 url(template/main_repeat.jpg) left top repeat-x; }
#main { width: 1024px; margin-bottom: 50px; }

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body { 
font: 75%/1.4em "Georgia", Arial, sans-serif; color: #6b0b17;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link, a:visited { text-decoration: none; color: #6b0b17; }
a:hover { text-decoration: underline; }

h1 { position: absolute; top: 0; left: 103px; width: 165px; height: 165px; }
	h1 a { display: block; width: 100%; height: 100%; }
h2 { font-size: 2em; margin-bottom: 5px; } 
h2.rose { background: transparent url(template/big_puce_rose.jpg) left top no-repeat; padding-left: 20px; }
h2.vert { background: transparent url(img/puce_localisation.png) left top no-repeat; padding-left: 20px; }
h2.orange { background: transparent url(img/puce_alaune.png) left top no-repeat; padding-left: 20px; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }

.rose, #content a.rose { color: #B9644C; }
.vert, #content a.vert { color: #A0B70B; }
.orange, #content a.orange { color: #FF9113; }
#content a, #hierarchie span { font-style: italic; font-weight: bold; }
#content a{color:#a0b70a;}

#menu-haut { font-size: 1.2em; }
#nav { font-size: 1.2em; text-align: right; } 
    #nav dd a, #nav li a { font-size: 0.9em; }
		
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

    label {
        float: left; text-align: right;
        font-size: 0.9em; font-weight: bold;
        width: 30%; margin-right: 2%;
        cursor: pointer; 
    }
    input { font-family: inherit; font-size: inherit; text-align: inherit; }
    .forml { border: solid 1px #B9644C; width: 60%; }
    button { 
        margin-top: 1em; margin-left: 32%; padding: 1px 3px; 
        background-color: #B9644C; color: #FFF;
    }
    
    .checkbox label { float: none; width: auto; } 
    .checkbox input { margin-left: 32%; }

#nav #formulaire_lettres { margin-top: 0.5em; font-size: 0.75em; }
    #nav #formulaire_lettres #email { font-style: italic; color: #B9644C; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { 
	background: transparent url(template/main_bandeau.jpg) left top no-repeat;
	position: relative; width: 100%; height: 217px; 
}

    #menu-haut { position: absolute; top: 112px; left: 332px;  } 
        #menu-haut li { float: left; list-style: none none inside; }
            #accueil, #contact, #conditionsdevente,#moncompte { display: block; height: 23px; }
            #accueil { background: transparent url(template/nav_accueil.jpg) center top no-repeat; width: 78px; }
            #contact { background: transparent url(template/nav_contact.jpg) center top no-repeat; width: 87px; }
            #conditionsdevente { background: transparent url(template/nav_cgv.jpg) center top no-repeat; width: 58px; }
			#moncompte { background: transparent url(template/nav_compte.jpg) center top no-repeat; width: 117px; }
            #accueil:hover, #contact:hover, #legal:hover { background-position: 0 -23px; }
 
/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav { 
    background: transparent url(template/menu_repeat.jpg) center top repeat-y;
    float: left; width: 219px; 
}
    #nav-footer { background: transparent url(template/menu_pied.jpg) center bottom no-repeat; width: 100%; height: 65px; }

    #nav dl { margin-right: 40px; }
        #nav dt { list-style: none none inside; margin: 0.5em 0; }
        #nav dt.separateur { background: transparent url(img/menu_pointille.png) right center no-repeat; height: 2px; }
        
            #nav a.rose { background: transparent url(template/puce_rose.jpg) no-repeat; }
            #nav a.vert { background: transparent url(img/puce_verte.png) no-repeat; }
            #nav a.orange { background: transparent url(img/puce_orange.png) no-repeat; }
            #nav a.rose, #nav a.vert, #nav a.orange { background-position: 0 0.4em; padding-left: 18px; }

        #nav dd { margin: 0.2em 0; }
        #nav dd a.rose { background: transparent url(img/minipuce_rose.png) no-repeat; }
        #nav dd a.vert { background: transparent url(img/minipuce_verte.png) no-repeat; }
        #nav dd a.orange { background: transparent url(img/minipuce_orange.png) no-repeat; }
        #nav dd a.rose, #nav dd a.vert, #nav dd a.orange { background-position: 0 0.4em; padding-left: 10px; }

    #nav p { margin: 0.25em 0; }
    #nav ul.spip li, #nav ul.boutons li { list-style: none none inside; }
			
/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { 
    background: transparent url(template/content_repeat.jpg) center top repeat-y;
    float: left; margin-left: -7px; width: 612px;
}

    #content-header { background: transparent url(template/content_bandeau.jpg) center top no-repeat; width: 100%; height: 171px; }
    #content-footer { 
        background: transparent url(template/content_pied.jpg) left bottom no-repeat; 
        position: relative; left: 0; top: 7px;
        width: 100%; height: 23px; clear: both; 
    }

    #content-main { margin: 0 25px; }

	#content p { margin: 1em 0; text-align: justify; }
	#content ul li { margin: 0.5em 0; }  #content-main ul p { margin: 0.2em 0; }
    #content ul.spip li { margin-left: 20px; }

    #content ul.alb-photos li { float: left; margin: 0; list-style: none none inside; }
    #content ul.alb-photos li a { display: block; }

    #content .separateur { 
        background: transparent url(img/pointille.png) center top no-repeat; 
        clear: both; width: 100%; height: 2px; margin-bottom: 20px;
    }

    .img-header { background: transparent url(img/image_ht.png) center bottom no-repeat; height: 8px; }
    .img-main { background: transparent url(img/image_repeat.png) center top repeat-y; }
    .img-footer {
		background: transparent url(img/image_pied.png) center top no-repeat;
		height: 8px; 
	}
    .img-header, .img-main, .img-footer { width: 179px; }
    .img-main { text-align: center; }

    .feuille-rose { background: transparent url(img/pied_actualite.png) right top no-repeat; height: 25px; }
    .feuille-vert { background: transparent url(img/pied_localisation.png) right top no-repeat; height: 25px; }
    .feuille-orange { background: transparent url(img/pied_alaune.png) right top no-repeat; height: 25px; }

    #localisation { float: right; width: 288px; }
    #cuvee-a-la-une { float: left; width: 247px; }

        #cuvee-a-la-une .img-header { background: transparent url(img/vign_cuvee_ht.png) center bottom no-repeat; height: 7px; }
        #cuvee-a-la-une .img-main { background: transparent url(img/vign_cuvee_repeat.png) center top repeat-y; }
        #cuvee-a-la-une .img-footer { background: transparent url(img/vign_cuvee_pied.png) center top no-repeat; height: 7px; }
        #cuvee-a-la-une .img-header, #cuvee-a-la-une .img-main, #cuvee-a-la-une  .img-footer { width: 247px; }

    #precedent, #suivant { list-style: none none inside; }
    #precedent { background: transparent url(img/puce_preced.png) 10% 2px no-repeat; padding-left: 40px; }
    #suivant { background: transparent url(img/puce_suiv.png) 90% 2px no-repeat; padding-right: 40px; }
	
/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { clear: both; }

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}


.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 15px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 15px; }
.spip_documents_center { display: block; text-align: center; margin-bottom: 15px; }


/* ----------------------------------------------------------------- */


/*************BOUTIQUE*************/
#droite{
	float:left;
	width:200px;
	
}
#btn-boutique{
	display:block;
	width:200px;
	height:158px;
	background:url(template/btn_acces_boutique.jpg);
	background-position:top;
	margin-top:-25px;
	margin-left:-6px;
	cursor:pointer;
	position:relative;
	z-index:8;
}
#btn-boutique:hover{
	background-position:bottom;
}
#encarnewsletter{
	padding-left:8px;
}
#encarnewsletter h3{
	font-size:20px;
	padding-left:20px;
	background:url(template/big_puce_orange.jpg) left no-repeat;
}
#encarnewsletter .separateur{
margin-top:12px;
background:transparent url(img/menu_pointille.png) no-repeat scroll right center;
height:2px;
}
#encarnewsletter input{
	/*padding-bottom:12px;*/
	color:#b9644c;
}
#encarnewsletter input#email{
	margin-top:12px;
}

h2.titre{
	font-size:14px;
	color:#b9644c;
	padding-left:20px;
	background:url(template/big_puce_rose.jpg) left no-repeat;
	clear:both;
	
}
h2.titre a{
	color:#b9644c!important;
}
.left{
	float:left;
}
.left_avec_logo{
	width:368px;
}
#chemin{
	font-size:11px;
	margin-bottom:12px;
}
select.quantite,input.quantite{
	width:40px;
	
}
input.btn-commander{
	margin-left:25px;
	cursor:pointer;
	color:#b9644c;
	font-weight:bold;
	border:solid 1 px #b9644c;
	background:none;
	background-color:none;
	background:transparent none repeat scroll 0 0;
}
.filet{
	background:url(template/content_pointille.jpg) 0 50% no-repeat;
}

/****************************FORMULAIRES boutique*******************************/
.formu_boutique fieldset{
	/*border:solid 1px;*/
	padding:15px;
}
.formu_boutique table{
	width:100%;
}
.formu_boutique legend{
font-weight:bold;
	font-size:14px;
	color:#b9644c;
	padding-left:20px;
	margin-left:-15px;
	background:url(template/big_puce_rose.jpg) left no-repeat;	
}
.formu_boutique  ul.boutons{
	list-style-position:inside;
	list-style-type:none;
}
.formu_boutique ul.boutons li{
	margin-bottom:9px!important;
}
.formu_boutique  ul.boutons li a.bouton_important{ 
	border:solid 1px #b9644c;
	padding:4px;
}
.total,.total_ttc{
	text-align:right;
}
.total_ttc{font-weight:bold;}
#total{text-align:left;}
.erreur{
	font-weight:bold;
	color:red;
}

.livraison input{
	width:auto;
}
.formu_boutique dt{
	margin-bottom:5px;
}
.formu_boutique label{
	text-align:left!important;
	float:none!important;
}
.formu_boutique input,.formu_boutique select,.formu_boutique textarea{
	width:300px;
}
fieldset#livraison input{
	width:90%;
}
input#offrir_non,input#offrir_oui,#case_newsletter,#oui,#non{
width:auto!important;
}
#case_newsletter{
position:relative;
top:2px;
}
.expedition input,.paiement input,.panier input,input#cgv{
	width:auto;
}
td.lien{
	text-align:right;
}

#blocdupanier{
	width:555px;
	height:20px;
	left:233px;
	top:366px;
	position:absolute;
}
#blocdupanier *{
	color:white!important;
}
#blocdupanier .haut{
	float:left;
	width:90px;
}
#blocdupanier .milieu{
float:left;
width:440px;
}
#blocdupanier .milieu li{
	float:left;
	margin-left:12px;
}
#blocdupanier .milieu p strong{
	margin-left:12px;
}
#blocdupanier .bouton_espace_client{
	display:none;
}
#blocdupanier .milieu p{
	float:left;
}
#blocdupanier ul{
	list-style-type:none;
}
a.bouton_voir_le_detail{
	margin-top:-7px;
	display:block;
	background: url(template/btn_details.jpg) 0 0 no-repeat;
	padding-top:29px;
	height:0 !important;
	height /**/: 29px;
	float:left;
	width:83px;
	overflow:hidden;
	
}
a.bouton_voir_le_detail:hover{
	background-position:0 -29px;
}
a.bouton_passer_la_commande{
	display:none;
	margin-top:-7px;
	background: url(template/btn_commander.jpg) 0 0 no-repeat;
	padding-top:29px;
	height:0 !important;
	height /**/: 29px;
	float:left;
	width:123px;
	overflow:hidden;
	
}
a.bouton_passer_la_commande:hover{
	background-position:0 -29px;
}
div#chemin li{
	padding:0;
	margin:0;
}
div#chemin ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
div#chemin ul ul{
	list-style-type:square;
}
.en_cours{
	font-weight:bold;
}	
.en_cours *{
	font-weight:normal;
}