BODY {
  color:#4B271B;
  padding:0px;  
  margin:0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background-color:#dddddd;
text-align:center;
background-image: url('logos/fd-body.jpg');
background-position: top;
background-repeat: repeat-x;
padding-top:2px;
}
TD{
font-size: 12px;
}

DIV.border {
width:780px;
height:550px;
  border: solid 1px #69492d ;
  margin:auto;
margin:auto;

}

DIV.borderdefault {
width:800px;
  border: solid 1px #69492d ;
  margin:auto;
margin:auto;

}


A {
  color: #4B271B;
  text-decoration: none;
  font-size: 12px;
}

A:hover {
  color: #4e813e;
  font-weight : bold;
  font-size: 12px;
  text-decoration: underline;
  
}

TD.txtaccueil{
background-image: url('logos/index_04.jpg');
background-position: top;
background-repeat: no-repeat;
width:281px;
height:242px;
padding-top:0px;
padding-left:16px;
padding-right:8px;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

TD.coordcell{
color: #ffffff;
background-image: url('logos/index_18.jpg');
background-position: top;
background-repeat: no-repeat;
padding-top:15px;
width:499px;
height:97px;
font-size:12px;
font-weight:bold;
}

TD.coord{
color: #ffffff;

font-size:12px;
}
DIV.titlecoord{
border-bottom:solid 1px #629424;
width:140px;
padding:0px;
}

DIV.titlecoordcontact{
border-bottom:solid 1px #629424;
border-top:solid 1px #629424;
width:310px;
padding:2px;
margin-bottom:8px;
font-size:14px;
}

A.coord{
font-size:14px;
}
A.coord:hover{
font-size:14px;
}

TD.corps{
width:639px;
vertical-align:top;
background-color:#cfeccf;
padding:8px;

}
DIV.fdste{
background-image: url('logos/fd-ets.jpg');
background-position: center;
background-repeat: no-repeat;
padding-bottom:50px;
}

DIV.colLeft{
vertical-align:top;
float:left;
width:180px;
}
DIV.colRight{
vertical-align:top;
width:590px;
margin:10px;
margin-left:190px;
margin-bottom:0px;

}

TD.colmenu{
vertical-align:top;

background-image: url('logos/default_02.jpg');
background-repeat: no-repeat;
background-position:bottom;
width:145px;
padding-bottom:460px;
}



DIV.menu{
margin-left:4px;
padding-right:2px;
margin-top:8px;
float:left;
clear:both;
border-bottom:solid 1px #50881e;
white-space:nowrap;
}

a.menu{
font-size:13px;
font-weight:bold;
text-decoration: none;
color:#ffffff;
padding:2px;
font-family: Arial, Verdana, sans-serif;
}

a.menu:hover{
font-size:13px;
color:#a5935e;
text-decoration: none;
}
ul{
font-size:14px;
padding:0;
color: #666666;
}
ul.entete
{
list-style-type:none;
float:left;
width:100%;
margin-left:10;
}
li.entete {display:inline}
a.li {
  color: #ffffff;
  
  padding:0.2em 0.6em;
  text-decoration: none;
  font-weight : bold;
  font-size: 11px;
}
a.li:hover {
background-color:#2562BF;
color: #ffffff;
}



ul.entete
{
list-style-type:none;
float:left;
width:100%;
margin-left:10;
}
li.entete {display:inline}

/*-----------------------------
/*PAGE CATALOGUE
/*-----------------------------*/
TD.corpscat{
width:639px;
vertical-align:top;
background-color:#cfeccf;
padding:8px;
background-image: url('logos/fdcatalogue.jpg');
background-repeat: no-repeat;
background-position:right top;
}
DIV.cat{
text-align:left;

}

TR.htmenucat{
background-image: url('logos/menucat_01.png');
background-repeat: no-repeat;
}

TR.midmenucat{
background-image: url('logos/menucat_02.png');
background-repeat: repeat-y;
padding:2px;
padding-left:12px;
}


TR.basmenucat{
background-image: url('logos/menucat_04.png');
background-repeat: no-repeat;
height:22px;
}
A.menucat{
font-weight:bold;

}
A.menucat:hover{
font-weight:bold;

}

dl, dt, dd{
margin: 0;
padding: 0;
list-style-type: none;
width:95%;
}

li.menu{
margin: 0;
padding: 0;
list-style-type: none;
width:95%;
}

ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-left:8px;
}
#menu {
position:relative; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
}
#menu dd {
}
#menu li {
text-align: left;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
a.menusscat{
font-size:11px;
font-weight:bold;
}
a.menusscat:hover{
font-size:11px;
font-weight:bold;
}

a.menusscaton{
font-size:12px;
font-weight:bold;
  font-style:italic;
}
a.menusscaton:hover{
font-size:12px;
font-weight:bold;

  font-style:italic;
}


.menucat{
 color:#4B271B;
 font-weight:bold;
}
dt.menucat:hover{
   color: #4e813e;
  font-weight : bold;
  font-size: 12px;
  text-decoration: underline;
 background: #eee;
 
}


DIV.tabmenu{
text-align:left;
float:left;
vertical-align:top;
}

DIV.arboCat{
margin-top:12px;
float:left;
width:70%;
border-top:#999966 solid 1px;
border-bottom:#999966 solid 1px;
}

DIV.listprod{
text-align:left;
}
DIV.prod{
float:left;
text-align:center;
vertical-align:top;
width:120px;
margin:8px;
border:1px #999966 solid;
}
DIV.pictprod{
float:left;
text-align:center;
vertical-align:top;
height:105px;
background-color:#dddddd;
}
DIV.txtprod{
border-top:1px #999966 solid;
float:left;
text-align:center;
width:120px;
background-color:#dddddd;
}

DIV.contourfiche{
border: 1px #999966 solid;
width:95%;
padding:4px;
margin-top:12px;
}
TD.ficheTitre{
background-color: #999966;
padding:2px;
font-size:14px;
}

DIV.autresprod{
border: 1px #c1c1a3 solid;
width:95%;
padding:4px;
margin-top:32px;
margin-left:196px;
}
/*-----------------------------
/*FIn PAGE CATALOGUE
/*-----------------------------*/
/*----------------------
/*references
/*---------------------------------*/
DIV.ref{
float:left;
text-align:center;
vertical-align:top;
width:620px;
margin:8px;
border:1px #999966 solid;
clear:both;
}
DIV.pictref{
float:left;
text-align:center;
vertical-align:top;
height:80px;
background-color:#dddddd;
}
DIV.txtref{
border-top:1px #999966 solid;
float:left;
text-align:center;
width:120px;
background-color:#dddddd;
}
/*-----------------------------
/*FIn PAGE REFERENCE
/*-----------------------------*/
/*----------------------------------
ADMIN*/
TD.top{

color:#fdfdc4;
font-size:24px;
font-weight:bold;
text-align:center;
height:30px;
}

TD.col_left{

padding:4px;
width:153px;
vertical-align:top;
}
TD.col_right{

padding:4px;
width:153px;
vertical-align:top;
}

TR.entete_listeprod{
background-color:#CC9966;
}

A.menuadmin{
color:#FFFFFF;
font-weight:bold;
}
A.menuadmin:hover{
color:#99FF99;
}
/*--------------------
/*------------------
FORMULAIRE 
-*/
DIV.ctform{
border-left:solid 2px #d1d4b7;
border-bottom:solid 2px #d1d4b7;
border-right:solid 2px #d1d4b7;
padding:12px;
}
FORM{
padding:0px;
margin:0px;
}

SPAN.contact{
border-top:solid 1px #339933;
border-bottom:solid 1px #339933;
padding-left:8px;
padding:5px;
float:left;
clear:both;
margin:4px;
margin-right:0px;
width:120px;
height:17px;
background-color:#d1d4b7;
}

INPUT.contact{
border-top:solid 1px #339933;
border-bottom:solid 1px #339933;
border-right:0px #339933;
border-left:0px #339933;
margin:5px;
margin-top:3px;
margin-left:0px;
padding:5px;
width:140px;
height:27px;
background-color:#d1d4b7;

font-family:arial, verdana,

}

TEXTAREA.contact{

border:solid 1px #339933;
margin:5px;
margin-top:3px;
margin-left:0px;
padding:5px;
width:260px;
height:100px;
background-color:#d1d4b7;
clear:both;
font-family:arial, verdana,;
}

INPUT#Submit{
border:solid 1px #339933;
margin:5px;
margin-top:3px;
margin-left:90px;
padding:5px;
width:80px;
height:30px;
background-color:#d1d4b7;
font-weight:bold;
font-size:12px;

}



/*------------------------------------
----------BASELINE-------------------*/
DIV.baseline{
width:782px;
height:20px;
  border-bottom: solid 1px #69492d ;
  border-left: solid 1px #69492d ;
  border-right: solid 1px #69492d ;
  margin:auto;
margin:auto;

}


ul.baseline
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;display:inline
}
li.baseline {display:inline}
a.li {
  
  /*background-color:#ff1dd3;*/
  padding:0.2em 0.5em;
  text-decoration: none;
  font-weight : bold;
  font-size: 11px;
}
a.li:hover {
background-color:#cccccc;
color: #ffffff;
}
/* FIN BASELINE
--------------------------------------------*/
A.kalen {
  font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}