body{	margin: auto;	width: 900px;	font: normal 10px 'Trebuchet MS', Verdana, Arial;	color: #000; background-color: #ddd ; border:solid 1px black;margin-top:15px;}

#bandeau {width:900px;	height:98px;	background-image: url('../images/bandeau.jpg');}
#sous_bandeau {height:16px;background-color:#fff;border-top:solid 1px black; padding-left:20px; padding-top:2px; font-family: Verdana; font-weight: bold;}
#sous_bandeau a {color:black; text-decoration:none;}
#sous_bandeau a:hover {color:red;}

#menu {position:relative;margin-top:0px; height: 19px; background-image: url(../../design/images/menu.jpg);padding-top:1px; border-top:solid 1px #000; border-bottom:solid 1px #000;}
#menu ul {list-style-type:none; margin-top:0px; padding-left:0px;}
#menu li {margin-left:20px; display:inline;}
#menu li a{color: red; text-decoration: none; font-weight: bold;font-size: 12px;}
#menu li a:hover{color: #000; text-decoration: none;}
#menu li a:active {color:red;}

#sousmenu {width:154px; background-image: url(../../design/images/menu_vert.png); padding-top:0px; margin-left:8px; padding-bottom:5px;}
#sousmenu li {list-style-image:url(../images/bulle.png); margin-left:25px;}
#sousmenu li a, #sousmenu li a:visited {text-align:left; font-size:10px; height:12px; background-position:top left; background-color:transparent; text-align:center; color:#fff; text-decoration:none; font-family: Verdana, 'Trebuchet MS',Arial, sans-serif; font-weight:bold; margin-top:5px;}
#sousmenu li a:hover {background-position:0 -50px; overflow:hidden; color:#000;}
#sousmenu li a:active {background-position:0 -50px;}
#menu_haut {width:154px; background-image: url(../../design/images/menu_haut.png); margin-top:20px; height:11px;margin-left:8px;}
#menu_bas {width:154px; background-image: url(../../design/images/menu_bas.png); height:17px;margin-left:8px;}

#recherche {margin-top:-19px; float:right;padding-right: 5px;}
#recherche input{font:normal 9px Arial, Verdana, Helvetica, sans-serif;}
.droite {padding-left:350px;}
#menu li a.rouge {color:red;}

#gauche{width:163px; float:left;}
#fond2 {background-image: url(../../design/images/vignes.jpg); height:auto; min-height:300px;margin-top:10px;}

#main{float:left;	width:500px;	height:auto; min-height:300px; margin-left:14px; margin-top:15px;}
#breve{float:left; width:220px;}

#arborescence a {font: bold 14px Arial, 'Trebuchet MS', Verdana ; color: #888888; text-decoration: none;}
#arborescence {position:relative; font: bold 16px Arial, 'Trebuchet MS', Verdana ; color: #888888; padding-left:200px; z-index:100;}

.sous_img {border:solid 1px #aaa; margin-top:-5px; margin-left:1px; width:100px; background-color:#eee;padding-bottom:1px;}
*+html .sous_img {margin-top:-1px; margin-left:0px;}

/* CATALOGUE */
#catalogue{margin-left: 0px;}
#catalogue ul{}
#catalogue ul img{border: solid 1px #999999;}
#catalogue ul li{float: left; margin: 10px; list-style-type: none; width:105px; vertical-align:middle;text-align:center;}
}
#catalogue ul li a{text-decoration: none; font: bold 10px Arial, 'Trebuchet MS', Verdana ; color: #777;}
#catalogue ul li a:hover{color:red;}

/* produit */
#article {margin-left:10px; margin-top:7px;}
#article h2 {color:#FA9A02; font: bold 14px 'Trebuchet MS', Verdana, Arial;}
#article_infos {float:left; width:215px; font-size:11px;margin-right:10px;}
#article_imagette {float:left;width:40px;}
#article_infos ul li {list-style-type:none;background: url(../images/vert.png) center left no-repeat; padding:0 0 0 15px; }
#article_image {float:left; width:224px;}
#article_image img{float:left; }
#article_description {float:left; margin-top:30px; width:300px;}
#article_description a{ text-decoration: none; color:#FA8802; font:bold 14px 'Trebuchet MS', Verdana, Arial; }
#article_description a:hover {color:red;}
#main_image img{border:solid 1px #888; margin-bottom:3px;}
#caract_bas a{float:left; text-decoration: none; margin-left:150px;}
#video_bas a{float:left; text-decoration: none; margin-left:150px;}

/*********** pied de page ************/
#pied_page {clear:both;	width:900px;	height:17px; text-align:center; color:#fff; padding-top:3px;}
#pied_page a{color:#aaa; font:normal 10px 'Trebuchet MS', Verdana, Arial; padding-left:10px; text-decoration: none;}

/***********cadre arondi*****************/
.boite {width: 220px;	background: white url(../../design/images/bas2.png);	background-position: center bottom;	font-size: 10px; border:solid 1px white;}
.boite h2 {margin: 0;	padding: 3px 0px 0px 0px;	background: transparent url(../../design/images/haut.gif) no-repeat;	background-position: center top;	text-align: center;font-size:14px;}
.boite p {margin: 1em 10px;	}


ul, li{
	margin: 0px;
	padding: 0px;
}
h4 {text-align:center;font:bold 16px Georgia, 'Trebuchet MS', Verdana, Arial;}
h1, h2, h3, h4, p {margin: 5px, 0px, 5px, 0px;}
h3 {font:bold 16px Georgia, 'Trebuchet MS', Verdana, Arial;}

#main h1 {font:bold 12px Georgia'Trebuchet MS', Verdana, Arial;}
h2 {font:bold 12px Georgia, 'Trebuchet MS', Verdana, Arial;}

#global {background-color:#fff;}

.actualite {text-align:center; padding:10px;}
.actualite p {text-align:justify;}
.actualite img {border:solid 2px #ddd; float:left;margin:10px;}
.actualite h3 {font:bold 14px 'Trebuchet MS', Georgia, Verdana, Arial;color:orange;}

/* EDITION RUBRIQUES */
#edition_rubriques ul{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 200px;
	background-color: #ddd;
	min-height: 25px;
	margin: 0px;
}

#edition_rubriques ul li{
	width: 194px;
	height: 25px;
	margin: 2px;
	list-style-type: none;
	background-color: #eee;
	border: 1px solid #ccc;
	padding-left: 5px
}

#listing_rubriques div{
	float: left;
	margin-left: 15px;
}

#corbeille_draganddrop{
	background-image: url('../images/poubelle.gif'); background-repeat:no-repeat;
	width: 50px;
	height: 40px;
	padding: 0px;
	float: right;
}

#corbeille_draganddrop li{
	display: none;
}

.background1{
	background-image: url('../../content/background/1.jpg'); background-repeat:no-repeat;
}

.background2{
	background-image: url('../../content/background/2.jpg'); background-repeat:no-repeat;
}

.background3{
	background-image: url('../../content/background/3.jpg'); background-repeat:no-repeat;
}

.background4{
	background-image: url('../../content/background/4.jpg'); background-repeat:no-repeat;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100% !important; height: 500px; background-color: #000;}

/* authentification */
.gauche_compte { display: inline ; float: left ; width: 125px ; font-weight: bold ; margin-left: 75px ; }
#authentification {margin-top: 30px;}
#authentification button {margin-left:100px;}

/*breve*/
#color_breve {}

/* CONTACT */
h5{font:bold 12px Arial, Verdana, Helvetica, sans-serif;}

#cadre_contact{
  float:left;
  width:250px;
  padding:10px;
  margin-left:-170px;
  margin-top:150px;
}

#contact input {font:normal 9px Arial, Verdana, Helvetica, sans-serif; width:170px;}
#contact h1 {margin-top:0px;}
#contact button{
  margin-left:315px;
}
*+html #contact button{
  margin-left:313px;
}

#contact_obligatoire{
  float:left;
  width:200px;
  padding-left:50px;
  text-align:left;
}

#contact_facultatif{
  text-align:left;
  float:left;
  width:200px;
}

#contact_message{padding-top:150px; padding-left:50px; width:200px; text-align:left;}
*+html #contact_message {padding-top:0px; padding-left:0px;margin-top: -38px; margin-right:595px;}

#grande_culture {float:left; width:240px;border-right:solid 1px #999;}
#grande_culture h2 {font:bold 14px Arial, Verdana, Helvetica, sans-serif;color:#999;}
#grande_culture a {font:bold 10px Arial, Verdana, Helvetica, sans-serif; text-decoration:none;color:#000;}
#sol_vignes {float:left;margin-left:10px}
#sol_vignes h2 {font:bold 14px Arial, Verdana, Helvetica, sans-serif;color:#999;}
#sol_vignes a {font:bold 10px Arial, Verdana, Helvetica, sans-serif; text-decoration:none;color:#000;}

#static {font:normal 11px Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;color:#000; text-align:justify;margin-right:10px;}
#static h2 {font:bold 14px Arial, Verdana, Helvetica, sans-serif;color:#999;margin-bottom:15px;}
#static p {margin-bottom:15px;}
.gras { font-weight:bold ; color:red;}
#static table td{border-top: 10px solid white;}
#static ul {margin-left:30px;}
#static li{list-style-image:url(../images/bulle.png); margin-left:25px;}

.text {float:right;margin-left:10px;}
.mains {float:left;margin-right:10px;}
.police_accueil {font-size:12px;}
.police_accu {font-size:14px;font-weight:bold ;}