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:#999999}
.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:#FFEAF2}
div#page img {border:none}
div#home {background:#999999}
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:#999999; width:100%; padding-top:10px; }
div#navigation{background:#999; text-align:center; border-left:1px solid #666; } 
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:5px; float:left; display: block; width: 127px; border-right:1px solid #FFEAF2; height:45px; background-color:#CCCCCC; }
a.image:hover {background-color:#999999;} 

div#arianne{clear:left; background:#FF6699; }
div#cathome{background:#FFEAF2; }
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:#FFEAF2;}
/* div#content{background: url('../IMG/hautg.jpg') no-repeat top left} */
div#maincontent {float:right;}
div#content{width:565px; margin-right:5px; background-color : #FFFFFF}
.hautdtaccueil{background: url('../IMG/fondtiger.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 160px 10px 10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contentaccueil h1, div#contentaccueil h2 {text-transform:uppercase; color:#999999; border-bottom:2px solid #999999; 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:#999999; border-bottom:2px solid #999999; 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 160px 10px 10px; background: url('../IMG/basdt.jpg') no-repeat bottom right; text-transform:lowercase}
div#contentmaincat1 h1, div#contentmaincat1 h2 {text-transform:uppercase; color:#999999; border-bottom:2px solid #999999; 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:#999999; border-bottom:2px solid #999999; 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-color: #CCC; 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/headmenuviolet.jpg'); 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-color: #CCC; font-size:85%; text-transform:uppercase; font-weight:bold; padding:2px 0 2px 0}
div#menu ul {background-color:#2968B1; 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:#999999; text-decoration:none}

ul#partners {padding-left:5px; font-size:85%; color:#FFF; }

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-color:#CCC; text-transform:uppercase; text-align:center; color:#FFFFFF; font-size:85%; padding-bottom:4px}
div#colonneb{background-color:#CCC; 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-color:#CCC; padding-bottom:8px}
div#menub li a {display:block;height: 100%;border: 0 none;}
div#menub ul a:hover {background-color:#999999; text-decoration:none;}

div#clear2 {clear:both}
/* footer */
div#contentfoot {background:#FF6699; padding-top:3px; margin:5px 0 0 0}
div#bottom {background:#FFEAF2;}
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:#999999}
/* 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;}