/* CSS Document */
html{margin:0;
padding:0;
height:100%;
}
body{
background-color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding:0;
margin-top:10px;
height:100%;
}
a{color:#ffd200;}
a:hover{color:white;}
.newsletter{background-color:#f7b383;
border:1px solid #790e11;
color:#790e11;
font-size:10px;
}
h1, h2,h3,h4 {font-family: Helvetica, Arial, sans-serif;
color:#ffd200;
margin-top:0;}
.titre-accueil{
font-family: Helvetica, Arial, sans-serif;
color:#ffd200;
font-size:21px;}
.gauche{float:left;
margin-right:10px;}
.droite{float:right;
margin-left:10px;}
.module{margin-bottom:5px; width:100%;
height:130px;}
.titre-accroche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:18px;
}
.soustitre-accroche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #e4007b;
}
#resume{font-weight:bold;
text-align:left;
color:#ffd200;
text-align:justify;
font-style:italic;}
/*****************tetiere page accueil**********************/
#acceuil-terroir{
width:800px;
height:750px;
margin:auto;}
#tetiere{ width:800px;
height:auto;
position:relative;
z-index:0;
margin:0;
padding:0;
}

#logo-terroir{
	position:absolute;
	z-index:10;
	width:125px;
	height:156px;
	left: 0px;
	top: 0px;
}
#nav-pays{display:none;
	position:absolute;
	z-index:10px;
	width:649px;
	height:26px;
	left: 140px;
	top: 25px;
}
#nav-pays img {border:0;}
#nav-pays img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;}

#search{
	position:absolute;
	z-index:20px;
	width:116px;
	right: 11px;
	bottom: 4px;
	-top:5px;
}
.search{width:110px;
height:12px;
border:0;
font-size:10px;
line-height:10px;
color:#747ca1;}

#accroche{
	position:absolute;
	z-index:10;
	width:286px;
	height:202px;
	padding:10px;
	left: 453px;
	top: 137px;
	background-color:#7a3d11;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
/****************contenu* acceuil**************
**********************************************/
#contenu{background-color:#ad3000;
background-image:url(img/fond.jpg);
background-repeat:no-repeat;
width:800px;
height:65%;
position:relative;
z-index:0;
}
/****COLONNE GAUCHE***************/
#col-gauche{
float:left;
width:250px;
height:91%;
background-image:url(img/007.jpg);
background-position:bottom left;
background-repeat:no-repeat;
margin-top:40px;
}
#col-gauche img{border:0;}
#col-gauche img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;}
#nav-gauche{border-right:1px dotted #790e11;
width:220px;
padding-left:30px;}
#nav-gauche ul{margin:0;
padding:0;}
#nav-gauche li{list-style:none;

}
#nav-gauche li a{font-family: Helvetica, Arial, sans-serif;
color:#ffd200;
font-size:15px;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #790e11;
padding:6px 0 6px 0;
display:block;
width:208px}
#nav-gauche li a:hover{color:white;}

/****COLONNE CENTRE***************/
#col-centre{float:right;
border-right:1px dotted #663300;
padding-right:10px;
padding-left:10px;
width:265px;
margin-top:40px;

}
/****COLONNE DROITE***************/


#col-droite{
margin-top:40px;
float:right;
width:260px;}
#col-droite img{border:0;}
#col-droite ul {margin:0;
padding:0;}
#col-droite li{
 list-style-type: none;
  }
#col-droite li a{color:black;
padding-left: 12px;
font-size:15px;
font-weight:bold;
text-decoration:none;
display:block;
background-image: url(img/puce-accueil.gif);
 background-repeat: no-repeat;
 background-position: left 5px;}
#col-droite li a:hover{color:white;}


#adresse{
	position:relative;
	left: 400px;
	bottom: 190px;
	height: 112px;
	z-index:10;
	width: 333px;
}
#espace{
	position:relative;
	left: 30px;
	bottom: 160px;
	width: 320px;
	height: 21px;
	z-index:10;}
	#espace ul{margin:0;
	padding:0;}
	#espace li{list-style:none;
	float:left;
	margin-right:6px;}
	#espace a{color:white;
	text-decoration:none;}
	#espace a:hover{color:black;}
	
/******************page article****************************************************/
#article-terroir{
width:800px;
margin:auto;
height:100% !important;
/height:100%;
-height: 110%;
}
#contenu-article{
width:auto;
/*min-height:50%;
-height:50%;*/
position:relative;
z-index:0;
margin:auto;
padding-top:40px;
padding-right:10px;
padding-bottom:10px;
padding-left:100px;
position:relative;
background-image:none;
background-color:#FFFFFF;
}

/****************navigation gauche article*****************/

.tete-rubrique{
color:#ffd200;
font-size:22px;
text-decoration:none;}
.tete-rubrique:hover{color:white;}
#col-gauche-art{display:none;
	position:absolute;
	width:250px;
	left: 0;
	top: 43px;
	bottom:0;
	
}
#nav-gauche-art{border-right:1px dotted #790e11;
width:220px;
padding-left:30px;
height:80%;}
#nav-gauche-art ul {margin:0;
padding:0 0 10px 0;
width:210px;
border-bottom:1px dotted #790e11;
}
#nav-gauche-art li{
 list-style-type: none;
 margin:0;
 padding:0;
-height:18px;  }
#nav-gauche-art li a{color:black;
padding-left: 12px;
font-size:15px;
text-decoration:none;
display:block;
background-image: url(img/puce-accueil.gif);
 background-repeat: no-repeat;
 background-position: left 5px;
  margin-bottom:2px;
 margin-top:2px;
}
#nav-gauche-art li a:hover{color:white;}

#col-droite-art{float:right;
padding-right:10px;
padding-left:10px;
width:520px;
margin-top:40px;
height:95%;
border:1px solid black;
background-image:url(img/fond.jpg);
background-repeat:no-repeat;
background-position:right -10px;


}
/********************tetiere article*****************/

#tetiere-art{ width:800px;
height:auto;
position:relative;
z-index:0;
margin:0;
padding:0;
}
/**********************adresses*************************/
ul.liste{color:black;
font-size:11px;
font-weight:bold;
margin:0;
}

ul.liste a{color:black;
text-decoration:none;}
ul.liste a:hover{color:#FFCC00;}

.adresse{color: #993300}

.detail-adresse{color:#000000; font-size:14px;}
.detail-adresse a{color:black;
text-decoration:none;}
.detail-adresse a:hover{color:#FFCC00;}
