html, body {height: 100%;}
body {margin: 0; color: #593038; padding:0;background: #350C1C url(templates/fond2.jpg) top left no-repeat;}
#all {float:left;position: relative; width: 780px; background:transparent url(templates/bords.jpg) top left repeat-y; font :  0.8em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;margin-top:40px;padding:0 0 0 0;}
#header {z-index:24;width: 780px;font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;background:transparent;padding-left:120px;padding-top:135px;}
#nav { z-index:25;float:none;}
#left {position: absolute;left:0;}
#kros {position:relative;z-index:20;top:0;left:0;width:140px;height:209px;background:transparent;}
#S_right {position:absolute;z-index:20;margin-top:0px;top:0;left:761px;width:123px;height:363px;background:transparent url(templates/s_top_right.jpg) top left no-repeat;}
#banner {
position:absolute;z-index:20;margin:0;left:500px;top:20px;margin-top:4px;
color:white;}
#banner a { 
display : inline;
	padding: 1px .5em;
	color:#FFF;
	font: .7em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	text-decoration:none;
}
#banner a:hover {
	color:#FFF;
	border:dashed 1px #fbf9ed;
	text-decoration:none;
}
#but_shoroom {position:absolute;z-index:23;margin:0;padding:0;left:635px;top:71px;width:113px;height:94px;margin-top:4px;}

#content
{
	padding: 1em;
	text-align: left;
}
#maincontent {margin-left: 120px;margin-right: 60px;margin-top:0px;color: #6D6D70; text-align:justify;line-height:18px;width:602px;}
#maincontent strong {color: #350C1C; }
#footer {position:relative;float:left;width:780px;z-index:29;height:34px;background:transparent url(templates/fond_footer.jpg) bottom left no-repeat;color: #00401A;padding-top:14px;padding-left:16px;padding-bottom:10px; border-top:2px solid #350C1C;text-align:center;font-size:.9em;}
#footer2 {position:relative;float:left;width:780px;z-index:29;height:34px;background:transparent url(templates/fond_footer2.jpg) bottom left no-repeat;color: #00401A;padding-top:14px;padding-left:16px;padding-bottom:10px; border-top:2px solid #350C1C;text-align:center;font-size:.9em;}

#power {float:left;z-index:30;width:780px;height:20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color:#fff;
	margin:  0 0 0 0;
	text-align:center;
	
}
#power a {
	text-decoration:none;
	margin: 0 0 0 0;
	color:#cccccc;

}
#power a:hover {
	text-decoration:none;
	margin: 0 0 0 0;
	color:#fff;
	background: #6D1C3D ;
}
#power img {border:0;
}

#maincontent h1 {
display : block;
font-size : 16px;
letter-spacing : -0.5px;
}
#maincontent h2 {
padding-top:15px;
padding-left:0px;
font-size : 22px;
color:#B4A975;
text-align:left;
}
#maincontent h4 {
line-height: 12pt;
font-size : 1.1em;
margin-bottom:.1em;
font-weight:bold;
color:#350C1C;
text-align:left;
}

a {
	color:#593038;
	text-decoration:underline;
	}

a:hover {
	color:#fbf9ed;
	background: #A79E63;
	text-decoration:none;
	}
	
#menu {
margin-left:20px;
	padding: 4px 0;
	width:100%;
}

#menu a { 
display : inline;
	padding: 4px .9em;
	color:#593038;
	font: 1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	text-decoration:none;
	border-right:1px solid #593038;
}
#menu a:hover {
	color:#FFF;
	background:#A79E63;
	text-decoration:none;
}
#menu span {
    display:none;text-align:center;
    }
#img {
    vertical-align:bottom;
    }

#subnav {
    font-size:11px;
    margin-bottom:2em;
    }
#subnav a {
    color:#FB3B00;
    margin-right:1em;
    }
#subnav span {
    color:silver;
    margin-right:1em;
    }

.items {
font-size:12px;
}

#info {
display : block;
background: #B4A975 ;
color:#fff;
font-size:1.2em;
padding:15px;
width:580px;
text-align:left;
}

.promo {
display:block;
text-align:center;
color:#fff;
margin-left:10px;
height: auto;
width:160px;
float:right;
padding:5em 2em 2em 0;
}

ul 
{
list-style-type:none; 
list-style-position:inside; 
width:95%;
}

li{
list-style-type:none;
/*background: url(img/puce.png) 0px 8px no-repeat;*/
padding-left:24px;
padding-top:10px;
width:95%;
}


.disporight {
display:block;
text-align:center;
color:#6633ff;
float:right;
padding:10px 10px 0;
}

.txtcourant {
font-size: 11px;
}



/*FORM {
	margin: 0
}
FORM * {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 5px 5px 0
}
TEXTAREA, INPUT {
	border: #666 1px solid; 
	background-color: #FBF9ED;
	width: 180px; 
}
input:focus, textarea:focus{
background-color: white;
}
#radio{
width: 28px;
}

TEXTAREA {
	width: 180px; 
	height: 60px;
}
FORM P {
	clear: both; margin: 0;
}
FORM LABEL {
	float: left; width: 25%; text-align: right;
}
#submit {
	border: 1px #000 solid; cursor: pointer; padding: 1px; color: #FBF9ED; background-color: #A79E63; width:auto;
}
#submit:hover {
background-color: #E04A0B;
	border: 1px #000 solid;
}*/
.alerte {
	font-weight: bold; font-size: 14px; color: #ff6600;
}
.date {
	font-weight: bold; font-size: 12px; color: #ff6600;
}

table.gamme {
border:2px solid #3A6515;
border-collapse:collapse;
width:90%;
margin:auto;
}
table.gamme thead,table.gamme tfoot {
/*background-color:#98B244;*/
background-image:url(img/gamme.jpg);
border:1px solid #3A6515;
font-size:80%;
color:#fff;
}
table.gamme tbody {
background-color:transparent;
border:1px solid #3A6515;
}
table.gamme th {
border:1px dotted #3F6C0F;
padding:5px;
font-size:80%;
background-color:transparent;
width:25%;
}
table.gamme td {
font-family:sans-serif;
font-size:80%;
border:1px solid #3F6C0F;
padding:5px;
text-align:CENTER;
}
caption {
font-family:sans-serif;
}
.clear {clear:both;
}

/*__________________________*/

#prodlist {
float:left;
width:320px;
text-align:left;
}
#prodlist ul
{
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#prodlist li { margin: 0 0 3px 0; }

#prodlist a
{
display: block;
padding: 2px 2px 2px 30px;
width: 210px;
background-color: #fbf9ed;
background-image: url(img/_down.gif);
}

#prodlist a:link, #navlist a:visited
{
color: #A79E63;
text-decoration: none;
}

#prodlist a:hover
{
background-color: #fbf9ed;
background-image: url(img/_over.gif);
color: #FFF;
}

#ficheprod ul
{
margin-left: -50px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#ficheprod li {margin-left: -50px; background: url(templates/puce1.png) 4px 14px no-repeat;margin: 0 0 3px 0; }

.fichetech ul
{width:350px;
margin-left: -60px;padding-right:15px;
padding: 0;
list-style-type: none;
}

.fichetech li {width:320px;margin-left: -50px;padding-right:15px;background: url(templates/puce1.png) 4px 14px no-repeat;margin: 0 0 3px 0; }

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FFF;
background-image: url(img/_over.gif);
color: #333;
}

/*tableau page producteur*/
   #tableprod td {  padding: 0px 10px 4px 10px;margin:0; vertical-align:top; }
   #tableprod {  }
   #tableprod div { width: 130px; text-align:left; font-size:11px; color: #593038;vertical-align: top;}
   .middle { vertical-align: middle; }
   .top { vertical-align: top; }
   
   .accordionTabTitleBar {
   font-size           : 12px;
   padding: 5px 0px 5px 0px;
   background: url(img/fleche.gif) no-repeat center right;
}

.accordionTabTitleBarHover {
text-decoration:underline;
   font-size        : 11px;
}

.accordionTabContentBox {
   font-size        : 11px;
}

.accordionTabContentBox textarea {
   width        : 390px;
   height:100px;
}

#content {
   background-color: transparent;
}

#sidebar {
   float: left;
   width: 220px;
   margin: 0px;
   margin-right: 5px;
   padding: 0px;
}

#leftHalf {
   float:left;
   width: 300px;
   margin: 0px 5px 0px 0px;
   padding: 0px;
}

#rightHalf {
   width: 300px;
   margin: 0px;
   margin-left: 310px;
   padding: 0px;
}

#position {
   padding-top: 0px;
   margin-top:  0px;
}

div.portalContent p { margin: 6px 8px 0px 8px; padding: 0px; }
div.header {margin: 0px 8px 0px 8px; padding: 0px;}

#accordionExample {
	width : 600px;
}


#formLetterAccordion {
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size   : 11px;
}
.statusContainer {
   background-color : #ffd363;
}

span.statusMsg {
   font-family      : Tahoma;
   font-size        : 11px;
   font-weight      : bold;
   margin           : 2px 6px;
}

span.code {
   font-family : fixed;
   font-size   : 11px;
   color       : #4b4b4b;
}

span.codeTitle {
   font-family : Courier;
   font-size   : 12px;
}

span.code2 {
   font-family : fixed;
   font-size   : 11px;
}

span.code3 {
   display      : block;
   font-family  : Courier;
   font-size    : 11px;
   padding-left : 12px;
}
div.cornerSamples {
   width            : 90%;
   margin-top       : 4px;
   background-color : #ffffff;
   font-family      : Arial;
   font-size        : 11px;
   text-align       : left;
}

/*sitemap*/
 #navcontainer { margin-left: 30px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
color: #333;
background-color: transparent;
width: 280px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #B4A975;
border-bottom: 1px solid #B4A975;
border-left: 1px solid #B4A975;
font-size: 12px;
}

#navcontainer a:hover
{
background-color: #F8F3DD;
color: #333;
border-right: 10px solid #B4A975;
padding: 2px 1px 2px 10px;
}

#navcontainer ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
}

#navcontainer li li a
{
display: block;
color: #333;
background-color: transparent;
width: 240px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #B4A975;
text-decoration: none;
font-size: 12px;
}

#pixel{
float:left;width:100%; background:transparent url(templates/pixeldesalernes8.png) no-repeat;
}
#pixel_logos {
float:right;
width:350px;
margin-top:10px;
background:transparent;
}
.floatimg {
float:left;
width:200px;
}
.floattext {
float:left;
width:400px;
text-align:left;
font-size:11px;
}
.floattextpixel {
float:right;
width:350px;
text-align:left;
font-size:11px;
margin-top:150px;
background:#FFFFFF;
padding:10px;
}
.FT_titre {
font-size:16px;
font-weight:bold;
color:#350C1C;
}
.FT_stitre {
font-size:14px;
font-weight:bold;
color:#666666;
}
.FT_sstitre {
font-size:12px;
font-weight:bold;
}
.FT_caption {
display:block;
padding-left:5px;
font-size:10px;
font-weight:bold;
width:160px;
}
#tv-deco{
width:544px; background:#FFFFFF;padding: 0 28px 0 28px; 
}
.legende {
display:block;
padding-left:5px;
padding-top:10px;
font-size:10px;
font-weight:bold;
}