/* general */
html, body {
color:black;
background:silver;
font-size:10px;
font-family:Arial,SunSans-Regular,Sans-Serif;
padding:0;
margin:0;
text-align:center; /* bug centrage IE */

scrollbar-face-color: white;
scrollbar-shadow-color: lightgrey;
scrollbar-highlight-color: lightgrey;
scrollbar-3dlight-color: lightgrey;
scrollbar-darkshadow-color: lightgrey;
scrollbar-track-color: whitesmoke;
scrollbar-arrow-color: lightgrey;
}

a:link, a:visited, a:active {
text-decoration:none;
font-variant:normal;
color:black;
background:transparent;
}

a:hover {
text-decoration:none;
font-variant:normal;
color:crimson;
background:transparent;
}

.alignleft {
float:left;
text-align:left;
}

.alignright {
float:right;
text-align:right;
}

.spacer {
clear:both;
}

.fctn:link, .fctn:visited, .fctn:active {
color:white;
text-decoration:none;
}
.fctn:hover {
color:white;
text-decoration:underline;
}

hr {
display:block;
height:2px;
margin:0;
_margin:-7px 0;
padding:0;
color:crimson;
background-color:crimson;
border:0;
width:100%;
}

hr.small {
height:1px;
}

hr.sep {
height:1px;
color:lightgrey;
background-color:lightgrey;
width:75%;
}

br { font-size:5px; }

img { border:0; }

.cadre { 
border:1px dashed lightgrey;
/*margin:5px 0px 0px 0px;*/
margin:5px 0px 5px 0px;
}

/* tableaux invisibles */
table {
border:0;
border-collapse:collapse;
background-color:tranparent;
font-size:10px;
font-family:Arial,SunSans-Regular,Sans-Serif;
width:100%;
}
tr,td {
border:0;
padding:0;
border:0;
vertical-align:top;
font-variant:normal;
}

/* tableau listing */
.listing {
border:1px solid lightgrey;
border-collapse:separate;
background-color:transparent;
font-size:10px;
font-family:Arial,SunSans-Regular,Sans-Serif;
width:100%;
}
.listing td {
border:1px solid #dedede;
/*vertical-align:middle;*/
vertical-align:top;
/*padding:0;*/
padding:2px 2px 2px 2px;
}

/* tableau arbre */
.arbre {
border:1px solid lightgrey;
border-collapse:separate;
/*border-collapse:collapse;*/
background-color:transparent;
font-size:10px;
font-family:Arial,SunSans-Regular,Sans-Serif;
width:100%;
}
.arbre td {
border:1px solid lightgrey;
vertical-align:top;
padding:2px 2px 2px 2px;
}

/* tableau marque */
.marque {
border:1px solid lightgrey;
border-collapse:separate;
/*border-collapse:collapse;*/
background-color:transparent;
font-size:10px;
font-family:Arial,SunSans-Regular,Sans-Serif;
width:100%;
}
.marque td {
border:1px solid lightgrey;
vertical-align:top;
padding:2px 2px 2px 2px;
}

/* liste menu */
ul,li {
list-style-type:none;
padding:0;
margin:0;
font-size:10px;
}
/* liste categorie */
ul li {
/*font-size:14px;*/
font-style:normal;
font-weight:bold;
/*font-variant:small-caps;*/
}
/* liste famille */
ul li ul li {
/*font-size:11px;*/
font-style:normal;
font-weight:bold;
}
/* liste sous-famille */
ul li ul li ul li {
/*font-size:10px;*/
font-style:normal;
font-weight:normal;
font-variant:normal;
border-bottom: 1px solid #dddddd;
}

#conteneur {
position:relative;

background:white; /* transparent */
height:1200px;

width:780px; /* 800x600 */
/* width:1000px; /*1024x768 */
/* width:1260px; /* 1280x1024 */
/* width:95%; /* full auto */
margin-left:auto;
margin-right:auto;
text-align:left; /* bug centrage IE */
/*border-left:2px solid darkgray;
border-right:2px solid darkgray;*/
}

#logo {
width:200px;
background-color:white;

border-left: 1px solid darkgray;
}

#bandeau {
color:crimson;
background-color:white;
padding:3px 5px 3px 5px;
text-align:right;
font-size:16px;
/*font-variant:small-caps;*/
font-style:italic;
font-weight:bold;

border-right: 1px solid darkgray;
vertical-align:bottom;
}

#menutitre {
color:crimson;
font-size:14px;
font-style:normal;
font-weight:bold;
font-variant:small-caps;
}

#menu {
width:105px;
height:1200px;
color:crimson;
padding:3px 5px 3px 5px;
/*background-color:whitesmoke;*/
border-left:1px solid darkgray;
border-right:1px solid lightgrey;
}

#page {
color:crimson;
background-color:white;
padding:3px 5px 3px 5px;
font-size:14px;
font-style:normal;
font-weight:bold;
font-variant:small-caps;

height:1200px;
border-left:1px solid darkgray;
border-right:1px solid darkgray;
}

#fonctions {
color:#ed899d;
background-color:crimson;
padding:3px 5px 3px 5px;
font-size:12px;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-weight:bold;
border-left:1px solid darkgray;
border-right:1px solid darkgray;
height:21px;
}

form {
margin: 0px;
padding: 3px;
}

input, textarea, select {
border:1px solid crimson;
background-color:#ffeeee;
color:crimson;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:10px;
font-weight:bold;
}

p {
padding:0;
margin:0;

color:crimson;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:10px;
font-weight:normal;
font-style:normal;
font-variant:normal;
}

a.sbt:link, a.sbt:visited, a.sbt:active {
text-decoration:none;
font-variant:normal;
color:crimson;
background:#fee;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-size:10px;
font-weight:bold;
padding:1px 2px 1px 2px;
border:1px solid crimson;
}

a.sbt:hover {
text-decoration:none;
font-variant:normal;
color:white;
background:crimson;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-size:10px;
font-weight:bold;
padding:1px 2px 1px 2px;
border:1px solid crimson;
}

.sbtover {
text-decoration:none;
font-variant:normal;
color:white;
background:crimson;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-size:10px;
font-weight:bold;
padding:1px 2px 1px 2px;
border:1px solid crimson;
}

a.sbtfix:link, a.sbtfix:visited, a.sbtfix:active {
width:15px;
height:10px;
text-align:center;
text-decoration:none;
font-variant:normal;
color:crimson;
background:#fee;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-size:10px;
font-weight:bold;
padding:1px 2px 1px 2px;
border:1px solid crimson;
}

a.sbtfix:hover {
width:15px;
height:10px;
text-align:center;
text-decoration:none;
font-variant:normal;
color:white;
background:crimson;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-size:10px;
font-weight:bold;
padding:1px 2px 1px 2px;
border:1px solid crimson;
}

.sbtfixover {
width:15px;
height:10px;
text-align:center;
text-decoration:none;
font-variant:normal;
color:white;
background:crimson;
font-family:Arial,SunSans-Regular,Sans-Serif;
font-size:10px;
font-weight:bold;
padding:1px 2px 1px 2px;
border:1px solid crimson;
}