* {
margin:0; padding:0;
outline:none;
color:#666;
text-decoration:none;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
}

html, body {
background: #d8d8d8 url(images-trigano/fond.jpg) repeat-x;
height: 100%
}

body {
font-size:80%;
}

#conteneur {
width:920px;
background:#FFF;
margin:0 auto;
font:1em normal Arial, Helvetica, sans-serif;
color:#999;
}

s {
text-decoration:line-through;
font-weight:bold;
}


.productSpecialPrice {
color:red;
font-weight:bold;
}

/* --- Header ------------------------------------------------------------ */

#header {
height:100px;
}

#logo {
float:left;
margin:5px;
}

#logo a{
display:block;
background:url(images-trigano/logo.gif) no-repeat;
width:213px; height:86px;
text-indent:-10000px;
}

#pub {
margin:5px;
width:468px; height:88px;
float:right;
}

/* --------------------------------------------------------------- */
/* ---- Bloc principal ----------------------------------------------------------- */

#bloc-menu {
background:#888;
}


#pub-contact {
display:block;
width:651px;
height:142px;
float:right;
margin:5px 5px 0 0 ; /* IE 7 et Firefox */
}
* html #pub-contact {
margin:5px 3px 0 0 ; /* IE 6 */
}

#pub-contact img{
border:none;
}

/* ---- Recherche ------------------------------------- */

#recherche {
background: #FFF url(images-trigano/fond-recherche.gif) right no-repeat;
text-align:right;
height:24px;
}

#recherche input{
margin:5px 5px 0 0 !important; /* Firefox */
margin:0 5px 0 0; /* IE 6 */
border:1px solid #888;
}

*+html #recherche input{
margin:0 !important; /* IE 7 */
}

#recherche input[type=submit]{
background:#333;
color:#CCC;
}

/* -------------------------------------------------- */
/* ---- Menu principal ---------------------------------------------- */
#menu-principal {
margin:5px;
color:#CCC;
}

#menu-principal li a{
display:block;
background:url(images-trigano/menu-onglet.jpg) repeat-x;
height:30px; width:255px;
line-height:30px;
text-indent:20px;
color:#CCC;
}
#menu-principal li a:hover, #menu-principal li a:active, #menu-principal li a.active{
background:url(images-trigano/menu-onglet-actif.jpg) repeat-x;
color:#666;
}

/* -------------------------------------------------- */
/* ----- Breadcrum---------------------------------------------------------- */

#breadcrum {
background:#666;
height:25px;
line-height:25px;
text-indent:10px;
}

#breadcrum a {
color:#CCC;
}

#breadcrum a:hover {
text-decoration:underline;
}

/* -------------------------------------------------- */
/* ---- Menus ---------------------------------------------- */

#menus {
width:210px;
float:left;

}

#menus table, #menus tr, #menus td {
margin:0; padding:0;
width:200px;
}

#menus ul, #categories, #informations{
margin:0px 0 20px 5px !important; /* firefox */
margin:5px 0 20px 5px; /* IE 6 */
border:1px solid #666;
width:200px;
overflow:hidden;
}

*+html #menus ul, *+html #categories, *+html #informations{
margin:5px 0 20px 5px !important; /* IE 7 */
overflow:hidden;
}

#menus li, .infoBoxHeading, .boxText {
text-indent:30px;
overflow:hidden;
}

#menus li a, .boxText a{
width:200px;
display:block;
background:url(images-trigano/menu-fleche.jpg); 
height:26px; line-height:26px;
margin:0; padding:0;
overflow:hidden;
}

#menus li a:hover, .boxText a:hover{
background:url(images-trigano/menu-fleche-hover.jpg) repeat-x;
}

.boxText .sous-rubrique a{
width:200px;
display:block;
background:url(images-trigano/sous-rub.jpg); 
height:26px; line-height:26px;
margin:0; padding:0;
text-indent:30px;
overflow:hidden;
}


#actif, .actif {
color:#333;
}

.boxText .sous-rubrique a:hover{
background:url(images-trigano/sous-rub-hover.jpg) repeat-x;
overflow:hidden;
}


.boxText .sous-rubrique .sous-rubrique a{
width:200px;
display:block;
background:url(images-trigano/sous-sous-rub.jpg); 
height:26px; line-height:26px;
margin:0; padding:0;
text-indent:40px;
overflow:hidden;
}

.boxText .sous-rubrique .sous-rubrique a:hover{
background:url(images-trigano/sous-sous-rub-hover.jpg) repeat-x;
overflow:hidden;
}


td.rubriques {
border:1px solid #BEBEBE;
background:#F4F4F4;
display:block;
text-align:center;
padding:10px;
width:660px;
font-size:1.3em;
}
td.rubriques .boite {
display:block;
height:100px;
width:auto;
line-height:100px;
}
td.rubriques a{
display:block;
float:left;
margin:0 20px 0 0 ;
}



#menus li.titre-menu, .infoBoxHeading {
width:200px;
background:url(images-trigano/fond-cat.jpg);
height:28px; line-height:28px;
margin:0; padding:0;
color:#FFF;
}

.boxText a#menu27 {
color:red;
background:url(images-trigano/menu-promo.jpg);
}

.boxText a#menu1 { background:url(images-trigano/menu-1.jpg);}
.boxText a#menu2 {background:url(images-trigano/menu-2.jpg);}
.boxText a#menu21 {background:url(images-trigano/menu-3.jpg);}
.boxText a#menu22 {background:url(images-trigano/menu-4.jpg);}
.boxText a#menu23 {background:url(images-trigano/menu-5.jpg);}
.boxText a#menu24 {background:url(images-trigano/menu-6.jpg);}
.boxText a#menu25 {background:url(images-trigano/menu-7.jpg);}
.boxText a#menu27:hover {color:red; background:url(images-trigano/menu-promo-hover.jpg);}
.boxText a#menu1:hover {background:url(images-trigano/menu-1-hover.jpg);}
.boxText a#menu2:hover {background:url(images-trigano/menu-2-hover.jpg);}
.boxText a#menu21:hover {background:url(images-trigano/menu-3-hover.jpg);}
.boxText a#menu22:hover {background:url(images-trigano/menu-4-hover.jpg);}
.boxText a#menu23:hover {background:url(images-trigano/menu-5-hover.jpg);}
.boxText a#menu24:hover {background:url(images-trigano/menu-6-hover.jpg);}
.boxText a#menu25:hover {background:url(images-trigano/menu-7-hover.jpg);}

.boxText a#menu95 { background:url(images-trigano/menu-1.jpg);}
.boxText a#menu100 {background:url(images-trigano/menu-2.jpg);}
.boxText a#menu101 {background:url(images-trigano/menu-3.jpg);}
.boxText a#menu102 {background:url(images-trigano/menu-4.jpg);}
.boxText a#menu103 {background:url(images-trigano/menu-5.jpg);}
.boxText a#menu104 {background:url(images-trigano/menu-6.jpg);}
.boxText a#menu105 {background:url(images-trigano/menu-7.jpg);}
.boxText a#menu95:hover {background:url(images-trigano/menu-1-hover.jpg);}
.boxText a#menu100:hover {background:url(images-trigano/menu-2-hover.jpg);}
.boxText a#menu101:hover {background:url(images-trigano/menu-3-hover.jpg);}
.boxText a#menu102:hover {background:url(images-trigano/menu-4-hover.jpg);}
.boxText a#menu103:hover {background:url(images-trigano/menu-5-hover.jpg);}
.boxText a#menu104:hover {background:url(images-trigano/menu-6-hover.jpg);}
.boxText a#menu105:hover {background:url(images-trigano/menu-7-hover.jpg);}
.boxText a#menu106 { background:url(images-trigano/menu-1.jpg);}
.boxText a#menu107 {background:url(images-trigano/menu-2.jpg);}
.boxText a#menu108 {background:url(images-trigano/menu-3.jpg);}
.boxText a#menu109 {background:url(images-trigano/menu-4.jpg);}
.boxText a#menu110 {background:url(images-trigano/menu-5.jpg);}
.boxText a#menu111 {background:url(images-trigano/menu-6.jpg);}
.boxText a#menu112 {background:url(images-trigano/menu-7.jpg);}
.boxText a#menu106:hover {background:url(images-trigano/menu-1-hover.jpg);}
.boxText a#menu107:hover {background:url(images-trigano/menu-2-hover.jpg);}
.boxText a#menu108:hover {background:url(images-trigano/menu-3-hover.jpg);}
.boxText a#menu109:hover {background:url(images-trigano/menu-4-hover.jpg);}
.boxText a#menu110:hover {background:url(images-trigano/menu-5-hover.jpg);}
.boxText a#menu111:hover {background:url(images-trigano/menu-6-hover.jpg);}
.boxText a#menu112:hover {background:url(images-trigano/menu-7-hover.jpg);}


/* -------------------------------------------------- */
/* ------ Contenu -------------------------------------------- */


#contenu {
background:url(images-trigano/titre-fond.jpg) repeat-x;
margin:5px 5px 0 210px;
border:1px solid #666;
color:#666;
width:700px;
}


#texte-accueil {
margin:0;
padding:0 0 0 10px;
background:white;
}

#texte-accueil a{
font-weight:bold;
}

#texte-accueil a:hover{
text-decoration:underline;
}

#contenu img {
margin-right: 3px;
}

#contenu h2 {
height:28px; line-height:28px;
font:1em normal Arial, Helvetica, sans-serif;
text-indent:15px;
padding:5px 0 0 0;
}

p {
margin:5px;
}
/* -------------------------------------------------- */
/* ------ Footer -------------------------------------------- */

#footer {
background:#999;
text-align:center;
clear:both;
margin:20px 0 0 0;
width:100%;
}

/* -------------------------------------------------- */
/* ---- Fiche ---------------------------------------------- */

#machin {
float:right;
width:695px;
}

#fiche p , p#description {
width:470px;
text-align:justify;
font:0.9em normal Arial, Helvetica, sans-serif;

}

#photos {
width:200px;
float:right; /* IE 7 et Firefox */
margin:5px;
text-align:center;
}

* html #photos { /* IE 6 */
position:absolute;
right:0;
}

* html p#description { /* IE 6 */
height:600px;
}

#photos img{
border:1px solid #666;
}

#photos #vignettes {
width:100%;
margin:5px 0;
}

/* -------------------------------------------------- */



a#fiche-tech, #documents_table a{
text-align:left;
display:block;
background:url(images-trigano/fiche-tech-pdf.jpg) right no-repeat;
width:130px; height:29px;
line-height:29px;
font-size:0.9em;
text-indent:7px;
margin:5px;
}

/* -------------------------------------------------- */

#prix {
background:url(images-trigano/prix.jpg) repeat-x;
width:300px;
height:36px;
line-height:36px;
text-align:center;
font-size:1.2em;
font-weight:bold;
margin:5px;
clear:both;
}


/* -------------------------------------------------- */

a#ajouter-panier{
display:block;
background:url(images-trigano/ajouter-panier.jpg) no-repeat;
width:171px; height:34px;
line-height:34px;
font-size:0.9em;
text-indent:7px;
margin:5px;
}

/* -------------------------------------------------- */

a#options{
display:block;
background:url(images-trigano/options-comp2.jpg) no-repeat;
width:191px; height:29px;
border:1px solid #FF9900;
line-height:29px;
font-size:0.9em;
text-indent:32px;
margin:80px 0 0 0;
color:#666;
float:right;
}


/* ---- Produits associés ---------------------------------------------- */

#produits-associes {
margin:20px 5px;
}

#produits-associes .productListing-heading {
text-align:left;
width:130px;
float:left;
}

#produits-associes .productListing-data td {
background:#E9E9E9;
border:1px solid #BBB;
font:0.9em normal Arial, Helvetica, sans-serif;
margin:3px;
}

.productListing-data tr {
background:#E9E9E9;
font:0.9em normal Arial, Helvetica, sans-serif;
margin:3px;
}

#options-comp td.productListing-data table tr { /* IE6 et 7 */
border-top:none;
border-bottom:none;
}

#options-comp td.productListing-data table tr td{ /* IE6 et 7  */
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
padding:3px 0 3px 0;
}

html>/**/body #options-comp td.productListing-data table tr { /* Firefox */
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
}

html>/**/body #options-comp td.productListing-data table tr td{ /* Firefox */
border-top:none;
border-bottom:none;
}


.productListing-data tr img, .productListing-data img{
border:1px solid #CCC;
}

.productListing-data tr img.details, .productListing-data img.details, #produits-associes img.details{
border:none;
}

#produits-associes img {
float:left;
margin:5px;
border:1px solid #666;
}

.produit{
background:#CCC;
border:1px solid #999;
width:150px;
float:left;
margin:0 5px 0 0;
}

img.details{
border:none;
}

.clear {
clear:both;
}

/* -------------------------------------------------- */
/* ----- Listes --------------------------------------------- */

.liste img {
float:left;
}

a.panier {
display:block;
background:url(images-trigano/bouton-panier.jpg) no-repeat;
width:43px; height:29px;
text-indent:-10000px;
}

.prix-liste {
font-size:1.2em;
font-weight:bold;
width:100px;
display:block;
line-height:100px;
text-align:center;
padding:0 5px 0 0 ;
}

.col-detail a.details {
margin:0;
}

.col-detail {
width:56px;
}

.col-panier {
width:60px;
text-align:center;
}

.photo {
width:60px;
}
table, tr , td {
border-collapse:collapse;
}

table , .productListing{
width:700px;
}

.productListing-odd td , .productListing-even td {
background:#E9E9E9;
font-size:1em;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
padding:3px 0 1px 0;

}

tr.productListing-odd , tr.productListing-even {
border:1px solid #BBB;
margin-left:5px;

}


#liste table {
background:#99FF33;
margin:5px;
}


/* -------------------------------------------------- */
/* ---- Promos ---------------------------------------------- */

.promo {
margin:5px;
border:1px solid #D8D8D8;
background:#F5F5F5;
padding:0 0 5px 0;
width:auto;
}

.promo p{
text-align:left;
font:0.9em normal Arial, Helvetica, sans-serif;
}

.promo img{
float:left;
margin:5px 10px 5px 5px;
}

.titre-promo {
font:0.8em normal Arial, Helvetica, sans-serif;
display:block;
background:url(images-trigano/fond-bloc.jpg) repeat-x;
height:25px;
line-height:25px;
width:100%;
text-indent:10px;
text-align:left;
}

.prix-promo {
font:0.9em bold Arial, Helvetica, sans-serif;
display:block;
background:#DBDBDB;
border:1px solid #C4C4C4;
width:150px; height:26px;
line-height:26px;
text-align:center;
float:left;
clear:both;
margin:0 0 0 5px !important;
margin:0 0 0 2px;
}

.promo-detail{
display:block;
margin:0;
padding:0;
}

.promo-detail img{
margin:0 0 0 5px !important ;
margin:0 0 0 2px;
padding:0;
border:none;
}

/* -------------------------------------------------- */

table, tr, td {
/*width:auto;*/
margin:0; padding:0;
}

/* ---- Intégration avec tableaux OScommerce ---------------------------------------------- */

#contenu table{
background:none;
height:100%; width:690px;
position:relative;
padding:5px;
}



#contenu table table, #contenu table table table {
height:100%; width:auto;
}

.productListing-heading, .smallText {
text-align:center;
height:auto;
vertical-align:top;
}

#contenu table table{
width:690px;
}

#login,  #login table {
margin:5px 0 0 3px !important;
margin:0;
}

#contact table{
margin:5px 20px;
width:600px;
}

#boutons {
margin:0 5px;
}

#panier {
margin:0 5px 0 0 ;
width:370px;
}
/* -------------------------------------------------- */


.bordure {
border:1px solid #CCC;
}

.checkoutBarFrom, .checkoutBarTo, .checkoutBarCurrent {
border-top:1px solid #CCC;
}

textarea, input[type=text],  input[type=password] {
border:1px solid #999;
}


#modifier img{
border:none;
}