﻿/* CSS Document */

/* globale */

body {
padding:0px;
margin:18px 0 0;
background: #495F0C url(images1/fond_chevrue_raisin.jpg) no-repeat fixed;
background-attachment:fixed;
color:#CD7A7A;
font:12px/14px Arial,Helvetica, sans-serif;
}

.globale {margin-left: auto; margin-right: auto; width: 835px;}

div, p, ul, h2, h3, h4, h5, form, img{padding:0px; margin:0px;}

ul{list-style-type:none;}

a{text-decoration: none;}	
	
/* Header+logo*/	
.head{width:832px; height:100px; position:relative; margin-right:3px; margin-bottom:14px}
	/** background:url(images1/head1.png) 0 0 no-repeat**/
.head a {margin-left:1Opx;color:transparent;}

/* Menu*/	

.menu{width:832px; height:27px; margin:0 auto; background-color: white; margin-bottom:5px;margin-top:3px;margin-right:3px;}

.menu ul li {float:left;font-size:14px;display: block;margin-left: 7px;height: 30px;}

.menu a {color:#4f5d32; margin-top: 6px;text-align: center;display: block; font-weight:bold;}

.menu ul li :hover{background:#456c1a; color:#fff; text-decoration:none;}

/* Contenu*/	

.content {background-color:white;width:833px;}

.body3 {width:833px;}

.present h3 {color: white; }

/* Liste de produits*/

.produits{padding:7px; width: 210px; background:url(images1/leaf.gif) 0 0 repeat-y; float:left;}

li a{font-size:1Opx; color: olive;line-height:17px;}

li a :hover {text-decoration: underline;}

.subMenu a:hover {background-color:#888c8b;color:white;}

hr {border: solid #cccccc 0.5px}


h3 {color:#4f5d32;}

b , strong,{color:#4f5d32; font-size:12px; margin-top: 2px; margin-bottom: 2px; }

.commande{background:url(images1/commande.png) 0 0 no-repeat; width:183px; height:83px;margin-top: 15px;}

.commande a{margin-left:12px; padding-top: 10px;display:block;width:140px; color:white; font-size: 18px;line-height:20px;}

/* mootools produits*/

div.zorro {
	width: 209px;
	height: 20px;
	overflow: hidden;
	border: none;
	background-color: transparent;
}

div.zorro span, div.zorro a {
	display: block;
	padding: 0 3px;
}

div.zorro a:hover {
	background: #f5f5f5;
}

div.zorro a {
	color: olive;
	line-height:20px;
}

/* côté droit */

.imagepromo { width:595px; height:242px; background:url(images1/promo.jpg) 0 0 no-repeat; float:left; margin-top: 5px; margin-left: 5px;}

.present {margin: 10px; width: 280px; text-align:justify; color: white;}

/* Actu */

.actu {background-color:#C2C5AA;float:left;margin-bottom:10px;margin-left:5px;margin-top:5px; margin-right:5px;width:180px; height:194px;}

.actu p {padding:10px;}

.muscadet {background-color:#C2C5AA; margin-right:5px; margin-top:5px; color:olive; float:left;width:410px;}

.muscadet p {padding:10px;text-align:justify;}

h4 {margin: 10px; font-size: 18px; color:#4f5d32; }

.actu  p { font-size: 12px; color:#4f5d32; text-align: justify;}

p.more{width:100x; height:20px;}

p.more a{width:100px; height:16px; display:block; background:url(images1/botton2.gif) 85% 50% no-repeat #456c1a; color:#fff; text-transform:uppercase; font-size:9px; line-height:18px; text-decoration:none; padding:0 0 0 10px;}

p.more a:hover{background:url(images1/botton2.gif) 85% 50% no-repeat #456c1a; color:green; text-decoration:none;}

/* Net */

.net {clear:all;}

.copyright{width:800px;}
 
.end p {color:#456c1a;margin-left: 10px;}

/* foot */
.attention {margin-left:10px; color:red;}

.footer{color:white;font-size:9px;margin-top:5px;height:20px;}

.footer a{float:left; color: white;display: block;margin-left:10px;}

.footer a:hover{text-decoration: underline;}

/*-------------------------------------------------------- domaine de la chevrue page 2----------------------------------------------------- */


/*-------------------------------------------------------- domaine de la chevrue page 2----------------------------------------------------- */

#accordion{margin-left:227px;padding-top:5px; }

.historique {padding-top:5px;}

.imghistorique{margin:10px;}

h2 {padding-top:10px;color:white; background-color:#456C1A;line-height:22px; display:block; height:15px;width:604px;}

h2 .soustitre {margin-left:15px;line-height:5px; display:block;color:white;}

#accordion p {margin:5px;text-align:justified;color:olive;}	

#col2{margin-left:220px;}

#col2 p{margin-left:15px;}

.part2 p {margin-left: 10px;}

.par2 img{margin:15px;margin-top:0px;}

/*-------------------------------------------------------- accordion mootools effetct 2----------------------------------------------------- */

h3.toggler {
	cursor: pointer;
	border: none;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #456C1A;
	color: white;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

h3.notoggler {
	cursor: pointer;
	border: none;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #456C1A;
	color: red;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}
div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}
.subMenu3 p {color:olive; text-align: justfied; padding-right:5px;}
.subMenu2 p {color:olive; text-align: justfied; padding-right:5px;}

/*-------------------------------------------------------- dégustez nos vins page 3----------------------------------------------------- */


/*-------------------------------------------------------- dégustez nos vins page 3----------------------------------------------------- */



/*-------------------------------------------------------- dégustez nos vins page 5----------------------------------------------------- */


/*-------------------------------------------------------- dégustez nos vins page 5-6----------------------------------------------------- */

.part{padding-top:5px;margin-left:227px;}

.part p {color: olive; text-align:justify;margin-right:10px;}

.presse {border: none; }

/*-------------------------------------------------------- form----------------------------------------------------- */

 
/*-------------------------------------------------------- form----------------------------------------------------- */

#nom{
	margin-left: 58px;
	margin-bottom:3px;
}
#prenom
{
	margin-left: 41px;
	margin-bottom:3px;
}
#email
{
	margin-left: 53px;
	margin-bottom:3px;
}
#phone
{
	margin-left: 68px;
	margin-bottom:3px;
}
#adresse{
	margin-left: 39px;
	margin-bottom:3px;
}
#adresse2{
	margin-left: 3px;
	margin-bottom:3px;
}
#commentaires{
	margin-left: 2px;
}

form {
padding-top:5px;
background-color:white;
color:olive;
margin-left:235px;
margin-top:0;
width:594px;
}
filedset {border-color: olive;}

.googlemap {margin-left:237px;padding-top:20px;}