/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#252525;
}


a:hover{text-decoration:none;}

a img { border:0;}

ul { list-style:none;}

.column { float:left;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma; 
		font-size:11px;
		line-height:14px;
		color:#ffffff;		
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB;}
strong a {color:#A8A8A8;}
/*main layout  border:2px solid green;*/

.top_bg {background:url(images/top_bg.gif) top repeat-x;}
.bot_bg {background:url(images/bot_bg.gif) bottom repeat-x}


.logo {margin:35px 97px 0 57px;}
#main { margin:0 auto;}


#middle { width:100%;}

#footer .column1 {width:669px; float:left;}
#footer .column1 .text {border-right:3px solid #272727; margin:40px 0 0 0; padding:9px 0 8px 54px; color:#585858;}
#footer a { color:#585858;}
#footer .column2 {width:331px; float:left; color:#585858; }
#footer .mail {background:url(images/footer_mail.gif) no-repeat 0 3px; padding-left:20px; margin:49px 0 0 52px;}

.more {background:url(images/more_bg.gif) top right no-repeat; padding-right:14px; color:#ffffff !important; text-decoration:none; font-weight:bold;}
.more:hover {text-decoration:underline;}


li { line-height:18px;}
li a {color:#818181; text-decoration:none;} ! couleur text en bas à gauche url
li a:hover {text-decoration:underline;}

/* .line {background:#2B2B2B; height:1px; border:2px solid green;} */
.line {background:#2B2B2B; height:1px; } 
/* index */

#index #middle .column1 .indent {padding:28px 44px 41px 39px;}
#index #middle .column1 ul {margin-left:14px;}
#index #middle .column1 .line {margin:25px 14px 24px 8px;}
#index #middle .column1 .title {padding:22px 0 0 18px; line-height:30px; color:#ffffff; font-size:24px}
.content  {padding:22px 20 0 18px; line-height:16px; color:#ffffff;}
.content2  {padding:22px 20 0 28px; line-height:16px; color:#ffffff; font-weight:bold;}

#index #middle .column2 {background:#2C2C2C;}
#index #middle .column2 .indent {padding:25px 25px 45px 26px;}
#index #middle .column2 .title {padding:24px 0 0 18px; line-height:20px; color:#ffffff;}
#index #middle .column2 .content {padding:22px 0 0 18px; line-height:16px; color:#ffffff;}
#index #middle .column2 strong {color:#A8A8A8;}

#index #middle .indent {padding:28px 29px 39px 45px;}
#index #middle .column3 .content {padding:24px 0 0 9px; color:#6A6A6A;}
#index #middle .content strong {color:#BDBDBD;}
#index #middle .content strong a{color:#6A6A6A;}
#index #middle .column3 ul {margin-left:14px;}
#index #middle .column3 .line {margin:26px 0 28px 0;}
#index #middle .column3 .content2 {padding:21px 0 0 0; color:#6A6A6A; line-height:18px;}
.column3 {color:#FFFFFF;}

/* index-1  - Champagne - Terroir*/

#index_1 #middle .column1 .indent {padding:15px 40px 41px 53px; color:#8E8E8E;}
#index_1 #middle .column1 strong {color:#A8A8A8;}
#index_1 #middle .column1 .content {line-height:16px;}
#index_1 #middle .column1 strong a { color:#A8A8A8;}
#index_1 #middle .column1 ul {margin-left:14px;}

#index_1 #middle .column2 {background:#2C2C2C;}
#index_1 #middle .column2 .indent {padding:15px 25px 45px 52px;}
/* #index_1 #middle .column2 .content {padding:24px 0 0 2px; color:#6A6A6A;} */
#index_1 #middle .column2 .content {line-height:16px;}
#index_1 #middle .column2 strong a{color:#6A6A6A;}

#index_1 #middle .column2 ul {margin:25px 0 24px 0;}
#index_1 #middle .column2 ul li a{padding-left:3px;}
.content3 { padding:6px 0 0 1px; line-height:10px; color:#FFFFFF; font-size:18px; }
.content3 strong {color:#FFFFFF;}

/* index-2 */

#index_2 #middle .column1 {background:#2C2C2C;}
#index_2 #middle .column1 .indent {padding:27px 45px 46px 37px;}
#index_2 #middle .column1 .content {padding:33px 0 0 14px;}
#index_2 #middle .column1 a{color:#818181;}
#index_2 #middle .column1 { margin-left:2px;}

#index_2 #middle .column2 .indent {padding:27px 27px 41px 35px; color:#6A6A6A;}
#index_2 #middle .column2 strong {color:#6A6A6A;}
#index_2 #middle .column2 li a {color:#6A6A6A; padding-left:3px;}
#index_2 #middle .column2 .content { padding:25px 0 0 0;}
#index_2 #middle .column2 strong a { color:#6A6A6A;}
#index_2 #middle .column2 .uls {padding:19px 0 0 0;}
#index_2 #middle .column2 .ul1 { width:318px; float:left;}
#index_2 #middle .column2 .ul2 { width:280px; float:left;}
#index_2 #middle .column2 .line {margin:24px 0 28px 0;}
#index_2 #middle .column2 .content2 { padding:28px 0 0 1px; line-height:16px; color:#8E8E8E;}
#index_2 #middle .column2 .content2 strong {color:#A8A8A8;}


/* index-3 - exploitation */

#index_3 #middle .column1 .indent {padding:5px 20px 41px 20px;}
#index_3 #middle .column1 .line {margin:25px 14px 24px 8px;}
#index_3 #middle .column1 .content {font-size:18px; color:#ffffff;}


#index_3 #middle .column2 {background:#2C2C2C;}
#index_3 #middle .column2 .indent {padding:28px 30px 60px 34px; line-height:16px; color:#8E8E8E;}
#index_3 #middle .column2 .content {padding:22px 0 0 9px; line-height:16px; color:#8E8E8E;}
#index_3 #middle .column2 strong {color:#A8A8A8;}

#index_3 #middle .column3 {background:#2C2C2C;}
#index_3 #middle .column3 .indent {padding:62px 30px 60px 34px; line-height:16px; color:#8E8E8E;}
#index_3 #middle .column3 .content {padding:22px 0 0 9px; line-height:16px; color:#8E8E8E;}
#index_3 #middle .column3 strong {color:#A8A8A8;}
.content3 { padding:6px 0 0 1px; line-height:10px; color:#FFFFFF; font-size:18px; }


/* index-4 - CONTACT */

#index_4 #middle .column1 {background:#2C2C2C;}
#index_4 #middle .column1 .indent {padding:5px 27px 17px 35px;}
#index_4 #middle .column1 a{color:#818181;}
#index_4 #middle .column1 { margin-left:2px;}

#index_4 #middle .column2 .indent {padding:5px 27px 17px 35px; color:#8E8E8E;}
#index_4 #middle .column2 strong {color:#8E8E8E;}
#index_4 #middle .column2 li a {color:#6A6A6A; padding-left:3px;}
#index_4 #middle .column2 .content { padding:28px 15px 0 0;}
#index_4 #middle .column2 strong a { color:#6A6A6A;}
#index_4 #middle .column2 .uls {padding:19px 0 0 0;}
#index_4 #middle .column2 .ul1 { width:318px; float:left;}
#index_4 #middle .column2 .ul2 { width:280px; float:left;}
#index_4 #middle .column2 .line {margin:29px 0 28px 0;}
#index_4 #middle .column2 .content2 { padding:28px 0 0 1px; line-height:16px; color:#8E8E8E;}
#index_4 #middle .column2 .content2 strong {color:#A8A8A8;}
.content4 { padding:5px 0 0 5px; line-height:20px; color:#ffffff; font-size:16px; background:#2C2C2C;}

form {margin:27px 0 0 0;}
.form_left {width:298px; float:left;}
.form_right {width:300px; float:left;}
.form_left .row {height:25px;}

.form_left .input {width:287px; height:18px; border:1px solid #8E8E8E; background:none; color:#ffffff; padding-left:4px}
.form_right .textarea {width:298px; height:68px; border:1px solid #8E8E8E; background:none; overflow:auto; color:#6A6A6A; padding-left:4px}
.form_right div {text-align:right; padding:11px 3px 0 0;}

/* index-5 */

#index_5 #middle .indent {padding:27px 33px 48px 53px;}
#index_5 #middle a {color:#C8C8C8;}