html {height: 100%; margin-bottom: 1px; padding: 0px}
html,body {margin:0;padding:0}
body {font: 76% verdana,arial,sans-serif; text-align: center; background-color:#999}
h1{font-size: 120%}
h2{font-size: 115%}
h3{font-size: 100%}
body, p, input, form, ol, ul, li, a, dl, dd, dt, h1, h2, h3, h4, h5, h6, div, blockquote, pre{margin:0; padding:0}
ul, li{list-style-type:none}
a{text-decoration: none; color:#000000}
a:hover{text-decoration:underline}

pre{border:1px solid #CCC;	background-color: #EEE;	padding: 5px; margin:0 10px}
blockquote{border:1px dashed #CCC; background-color:#FFFFCC; padding: 5px; margin:0 10px}
code{border:1px dashed #CCC; background-color:#CCCCCC; padding: 5px; margin:0 10px}

.black{color:#000000}
.green{color:#009900}
.red{color:#CC0000}
.orange{color:#FF9900}
.violet{color:#666699; font-size:85%}
.droite{text-align:right}
.center{text-align:center}
.gauche{text-align:left}
.fifty{width:250px}

div#page {margin:0 auto; text-align: left; padding:0; width:770px; background:#EDECEC}
div#page img {border:none}
div#home {background:#FF9900}
div#homeleft{background: url('../IMG/basghome.jpg') no-repeat bottom left;}
div#homeright{background: url('../IMG/basdthome.jpg') no-repeat bottom right;}
div#homeright img {margin:4px 0 10px 5px}
div#spacer {background:#999; padding-bottom:3px}
div#navigation{background:#999; text-align:center} 
div#navigation ul, div#navigation li{list-style-type:none; font-size:0.9em; display:inline; text-transform:uppercase}
div#navigation a{text-decoration:none; font-weight:600; color:#FFFFFF}

a.image {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background: url('../IMG/head/image-off.jpg') no-repeat}
a.image:hover {background-image: url('../IMG/head/image-on.jpg');} 
a.hautevis {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background-image: url('../IMG/head/hautevis-off.jpg'); background-repeat: no-repeat}
a.hautevis:hover {background-image: url('../IMG/head/hautevis-on.jpg');} 
a.standards {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background-image: url('../IMG/head/stand-off.jpg'); background-repeat: no-repeat}
a.standards:hover {background-image: url('../IMG/head/stand-on.jpg');} 
a.professionnel {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background-image: url('../IMG/head/pro-off.jpg'); background-repeat: no-repeat}
a.professionnel:hover {background-image: url('../IMG/head/pro-on.jpg');} 
a.specifiques {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background-image: url('../IMG/head/spec-off.jpg'); background-repeat: no-repeat}
a.specifiques:hover {background-image: url('../IMG/head/spec-on.jpg');} 
a.epi {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background-image: url('../IMG/head/epi-off.jpg'); background-repeat: no-repeat}
a.epi:hover {background-image: url('../IMG/head/epi-on.jpg');} 
a.chaussure {padding-top:20px; float:left; display: block; width: 110px; height: 31px; background-image: url('../IMG/head/chauss-off.jpg'); background-repeat: no-repeat}
a.chaussure:hover {background-image: url('../IMG/head/chauss-on.jpg');} 

div#arianne{clear:left; padding-top:5px; background:#FF9900}
div#cathome{background:#EDECEC; padding-top:5px}
div#recherche{float:right; text-align:right; font-size:85%; padding-top:2px; padding-right: 5px;}
input#formulaire_recherche{font-size:0.9em}
div#tree{margin:10px 0 0 0; padding:0 0 10px 5px; font-size:0.8em; text-transform:lowercase;}
div#tree a {color:#000000}
div#tree a:hover {text-decoration:underline}
div#clear {clear:both}

div#main {background:#EDECEC;}
/* div#content{background: url('../IMG/hautg.jpg') no-repeat top left} */
div#maincontent {float:right;}
div#content{width:570px; margin-right:5px; background-color : #FFFFFF}
.hautdtaccueil{background: url('../IMG/groupe.jpg') no-repeat top right;}
.hautdtsommaire{background: url('../IMG/sommaire.jpg') no-repeat top right;}

.hautdtimage{background: url('../IMG/gamme-image.jpg') no-repeat top right;}
.hautdthautvis{background: url('../IMG/haute-visibilite.jpg') no-repeat top right;}
.hautdtstandard{background: url('../IMG/gamme-standard.jpg') no-repeat top right;}
.hautdtpro{background: url('../IMG/tailleur-femme.jpg') no-repeat top right;}
.hautdtspec{background: url('../IMG/gamme-spec.jpg') no-repeat top right;}
.hautdtepi{background: url('../IMG/gamme-epi.jpg') no-repeat top right;}
.hautdtchauss{background: url('../IMG/gamme-chaussure.jpg') no-repeat top right;}

.hautdtsecu{background: url('../IMG/vetement-securite.jpg') no-repeat top right;}
.hautdtcuis{background: url('../IMG/vetement-cuisinier.jpg') no-repeat top right;}
.hautdt{background: url('../IMG/fd-blousonF1.jpg') no-repeat top right;}
.basg{background: url('../IMG/basg.jpg') no-repeat bottom left;}
div#contentaccueil {padding:10px 250px 10px 10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contentaccueil h1, div#contentaccueil h2 {text-transform:uppercase; color:#FF9900; border-bottom:2px solid #FF9900; font-size:90%}

div#contentmain {padding:10px 90px 10px 10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contentmain h1, div#contentmain h2 {text-transform:uppercase; color:#FF9900; border-bottom:2px solid #FF9900; font-size:90%}

div#glossheight {padding-top: 15px;}
div#glossheight ul {margin-bottom: 20px;}

.hautdtcat1{background: url('../IMG/fd-blousonF1.jpg') no-repeat top right;}
.hautdtcat17{background: url('../IMG/fonds/image/pantalon.jpg') no-repeat top right;}
div#contentmaincat1 {padding:10px 110px 10px 10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contentmaincat1 h1, div#contentmaincat1 h2 {text-transform:uppercase; color:#FF9900; border-bottom:2px solid #FF9900; font-size:90%}
div#contentmaincat1 ul, div#contentmaincat1 li {display:inline;}

div#ssrublist li {display:block;}

div#contentb{background: url('../IMG/hautg.jpg') no-repeat top left; width:570px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color : #FFFFFF}
.hautdtb{background: url('../IMG/hautdt.jpg') no-repeat top right;}
.basgb{background: url('../IMG/basg.jpg') no-repeat bottom left;}
div#contentmainb {padding:10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contentmainb h1, div#contentmainb h2 {text-transform:uppercase; color:#FF9900; border-bottom:2px solid #FF9900; font-size:90%}

div#cote {margin-left:5px; width:180px; background:url('../IMG/bottommenu.jpg') no-repeat bottom left; padding:0 0 10px 0}
div#cote h2 {background:url('../IMG/middlemenu.jpg');text-transform:uppercase; text-align:center; color:#FFFFFF; font-size:85%; padding-bottom:4px}
div#colonne{background:url('../IMG/middlemenu.jpg'); text-align:left}

div#menu {background:url('../IMG/headmenu.jpg') no-repeat top left; padding:10px 0 0 0; font-weight:bold}
/*div#menu ul, div#menu li {list-style-type: disc;}
div#menu li {margin-left:0.5em}*/
div#menu a, div#menu a:hover {color:#FFFFFF;}
div#menu dt {background: url('../IMG/middlemenu.jpg'); font-size:85%; text-transform:uppercase; font-weight:bold; padding:2px 0 2px 0}
div#menu ul {background:url('../IMG/middlemenuclair.jpg'); padding-left:10px}
div#menu li a, div#menu dt a {display:block;height: 100%;border: 0 none;}
div#menu li a {text-transform:lowercase; font-size: 90%;}
div#menu li a:hover, div#menu dt a:hover {background-color:#FFCC00; text-decoration:none}

div#coteb {margin-left:5px; margin-top:5px; width:180px; background:url('../IMG/bottommenuviolet.jpg') no-repeat bottom left; padding:0 0 10px 0}
div#coteb h2 {background:url('../IMG/middlemenuviolet.jpg');text-transform:uppercase; text-align:center; color:#FFFFFF; font-size:85%; padding-bottom:4px}
div#colonneb{background:url('../IMG/middlemenuviolet.jpg'); text-align:left}

div#menub {background:url('../IMG/headmenuviolet.jpg') no-repeat top left; padding:10px 0 0 0; font-weight:bold}
/*div#menub li {margin-left:0.5em}*/
div#menub a, div#menub a:hover {color:#FFFFFF;}
div#menub ul {background:url('../IMG/middlemenuviolet.jpg'); padding-bottom:8px}
div#menub li a {display:block;height: 100%;border: 0 none;}
div#menub ul a:hover {background-color:#CCCCFF; text-decoration:none;}

div#clear2 {clear:both}
/* footer */
div#contentfoot {background:#FF9900; padding-top:3px; margin:5px 0 0 0}
div#bottom {background:#EDECEC;}
div#leftfooter {background: url('../IMG/basgfoot.jpg') no-repeat bottom left;}
div#rightfooter {background: url('../IMG/basdtfoot.jpg') no-repeat bottom right;}
div#footer {text-align:center; padding: 10px 0 0 0; font-size:85%}

/* la partie de feuille de style réservée aux produits */
td#popup {text-align:center; font-size:85%;}
.refnum, .variante {text-transform:uppercase; font-style:italic;}
.variante {font-size:85%}
.nom {text-transform:uppercase;}
.taille, .smalldesc {text-transform:uppercase; font-size:90%; color:#FF9900}
/* conteneur blocs bottom */
.tablebotprod {vertical-align:top}
td#blocright {}
/* bloc produits connexes */
div#produit{background: url('../IMG/hautg.jpg') no-repeat top left; width:280px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color : #FFFFFF}
.hautdtprod{background: url('../IMG/hautdt.jpg') no-repeat top right;}
.basgprod{background: url('../IMG/basg.jpg') no-repeat bottom left;}
div#contproduit {padding:10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contproduit h1, div#contproduit h2 {text-transform:uppercase; color:#666699; border-bottom:2px solid #666699; font-size:90%}
/* bloc glossaire */
div#glossaire{background: url('../IMG/hautg.jpg') no-repeat top left; width:280px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color : #FFFFFF}
.hautdtgloss{background: url('../IMG/hautdt.jpg') no-repeat top right;}
.basggloss{background: url('../IMG/basg.jpg') no-repeat bottom left;}
div#contgloss {padding:10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contgloss h1, div#contgloss h2 {text-transform:uppercase; color:#666699; border-bottom:2px solid #666699; font-size:90%}

#technical {text-align:left; vertical-align:top;}
p#loi {font-size:8px;}