body{	margin: auto;	font: normal 10px 'Trebuchet MS', Verdana, Arial;	color: #ddd; background-color: #4a4853 ;border:solid 1px black;}
#total {margin: auto;width:900px;}
#bandeau {height:155px;	background-image: url('../images/bandeau.gif');background-position: center;}
/*#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; height: 40px; background-image: url(../images/menu.jpg);}
/*#menu ul {list-style-type:none; margin-top:0px; padding-left:0px;}
#menu li {margin-left:20px; display:inline;}
#menu li a{color: white; text-decoration: none; font-weight: bold;font-size: 12px;}
#menu li a:hover{color: #000; text-decoration: none;}
#menu li a:active {color:red;}*/
#nav a{
	text-decoration:none;
	display:block;
	padding:10px 20px;
	background-color:none ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.sous-menu{background: url(../images/arrow_down_over.gif) right center no-repeat; }
.sous-sous-menu{background: url(../images/right.gif) right center no-repeat;margin-right:5px; }
#nav a{
display:block;
color:#fff;
padding:7px 19px;
text-decoration:none;
background-color:none;
}

#nav a:hover, #nav a:focus{
background-color:#4a4853;
color:#fff;
padding:7px 19px;
}

#nav li a:hover,
#nav li a:focus{
	background-color:#4a4853 ;
	color:#FFF;
}

#nav, #nav ul, #nav ol{ 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	z-index:10000;
}

#nav ol, #nav ul{	

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#838383;	
	border:1px solid #fff;
	left:0;
}

#nav li { 
	display:block;
	list-style:none;
	position:relative;
	float:left;
	text-align:left;
}

#nav{
font-size:14px;
 font-weight: bold;
height:30px;
/*background:url('../images/menu.jpg');*/height:30px;
padding-top:5px;
	z-index:5;

	text-align: center;
	display:block;
}

#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 12.8em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:0em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul { margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{ margin-left: 10px; }
#nav li li:hover ul { margin-left: 12.5em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 20em; }

/*
#sousmenu {width:154px; background-image: url(../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(../images/menu_haut.png); margin-top:20px; height:11px;margin-left:8px;}
#menu_bas {width:154px; background-image: url(../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(http://gard-potelieres.com/design/images/vignes.jpg); height:auto; min-height:300px;margin-top:10px;}*/

#main{float:left;	width:650px;	height:auto; min-height:300px; margin-left:14px; margin-top:15px;}
#breve{float:left; width:230px;background-image: url('../images/gauche.jpg');background-repeat: no-repeat;background-color: #cfcfcf ;min-height: 700px;}

#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:240px; z-index:100;padding-top: 10px;}

.sous_img {border:solid 1px #aaa; margin-top:-4px; margin-left:1px; width:100px; background-color:#eee;padding-bottom:1px;color:#4a4853;}
*+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 16px 'Trebuchet MS', Verdana, Arial;margin-bottom: 20px;}
#article_infos {float:left; width:295px; font-size:12px;margin-right:10px;}
#article_imagette {float:left;width:40px;}
#article_infos ul {padding-left:55px; }
#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:254px;margin-top:90px;}
#article_image img{float:left; }
#article_description {float:left; margin-top:30px; width:600px;}
#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: 230px;}
.boite h2 {color: #373636;margin-top: 5px;margin-bottom: 5px;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 50%, rgba(74,72,83,0.5) 100%); /*Chrome 10 - safari 5.1*/
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.5) 50%, rgba(74,72,83,0.5) 100%); /*firefox 3.6*/
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.5) 50%, rgba(74,72,83,0.5) 100%); /*ie10*/
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.5) 50%, rgba(74,72,83,0.5) 100%); /*opera 11.10*/
	background-image:         linear-gradient(top, rgba(255,255,255,0.5) 50%, rgba(74,72,83,0.5) 100%); /*implementé*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#4a4853', GradientType=0); /*ie9*/
	padding: 10px 0px 10px 0px;text-align: center;font-size:14px;}
.boite p {margin: 1em 10px;color: #373636;}


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 18px Georgia, 'Trebuchet MS', Verdana, Arial;text-align:center;margin:10px 0 20px 0;color:white;}

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

#global {/*background-image:url(../images/global.gif);*/border-right: solid 1px #999; margin-right: 1px;}
#global  a{text-decoration: none; color:#fff;}

.actualite {text-align:center; padding:10px; clear:both;border-top:solid 1px grey;margin-top:10pt;}
.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: 190px;
	height: 25px;
	margin: 2px;
	list-style-type: none;
	background-color: #777;
	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(http://gard-potelieres.com/design/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://gard-potelieres.com/design/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:200px;
}

#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;
}
#corp_contact {margin-top:50px;}
#contact_obligatoire{
  float:left;
  width:200px;
  text-align:left;
}

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

#contact_message{ width:400px; 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:#fff; 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 ;}
.titre {font-size :18pt; color: orange;}
#langue {float:right;margin-top: -30px;}
#contact {margin-left:150px;}
#adresse {
	color: white;
    font: bold 18px courier;
    margin-left: 450px;
    padding-top: 130px;
    text-align: center;
}
.information {color: red; font-size:12px;}
/*********** diaporama *********************/
.diaporama {
	position:relative;
	width:186px;
	height:200px;
}
.decal_80 {	margin-top:80px;}
.decal_20 {	margin-top:20px;}
.decal_10 {	margin-left:10px;}
.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}
.enbas {clear:both;}