/******************** IMPORTS ****************************/

@import url(../base.css);
@import url(../taoweb.css);
@import url(../admin.css);
@import url(../mail.css);
@import url(../dhMenu.css);

.CONTENU {position: relative;}
.LOGO {text-align: left; background-image: url(images/FondBandeau.jpg);background-repeat: no-repeat;padding-left: 10px;}
.LOGO a {position: relative;z-index: 200;}
div.PAGES {width: 585px;float: right;min-height: 360px;padding-top: 20px;}
div.COL-GAUCHE {width: 200px; background-image: url(images/FondGauche.jpg); background-repeat: no-repeat; background-position: 0px 1px; height: 400px; float: left;}
div.COL-GAUCHE div.NAVGAUCHE {margin: 10px;}
div.BASPAGE {padding-top: 20px;}
div.BASPAGE * {width: 585px;float: right;font-size: 10px;}
div.BASPAGE br {float: none;}

div.BOUTONCONTACT {margin: 15px;}

a {color: black; text-decoration: none;}
a:hover {color: #7F0141;}
img {border: none;}
div.CITATION {float: right; width: 585px;}
.INTRO {font-weight: bold; margin-bottom: 10px;}
.TITRE { color: #0854A6; font-size: 140%; margin-bottom: 20px; border-bottom: dotted 2px #A1A1A2;}
.XITI {margin-left: 5px; float: left;}

div.GRILLE {position: absolute;z-index: 0;}

/*catalogue*/

.FAMILLES .CATALOGUE {background-image: url(images/FamillesCatalogue.gif); background-repeat: no-repeat; background-position: top center; overflow: hidden; text-align : center;}
.FAMILLES .FAMILLE-LISTE,
.FAMILLES .PRODUIT-LISTE {background-image: url(images/FamillesFamille.gif); background-repeat: no-repeat; background-position:  center bottom; float: left; text-align: center; width: 585px;}
div.LISTES {text-align: center; background-image: url(images/FamilleListeCentre.gif); background-repeat: no-repeat; background-position: center center; margin : 0 auto 0 auto;}
div.LISTES table {margin-left: auto; margin-right: auto; }
div.LISTES td {padding: 0 20px 0 20px;; margin: 0px;}
/********************/

.CATALOGUE .FAMILLE .PHOTO {display: none;}
.FAMILLE .NOM {color: #0854A6; font-size: 160%; font-weight: bold; text-align: center; margin: 20px 20px 10px 20px;}
.FAMILLE .DESCRIPTION {text-align: center; margin: 10px 20px 10px 20px;}
.PRODUIT-LISTE dl,
.FAMILLE-LISTE dl,
.PHOTO-LISTE dl {float: left; text-align: center; margin: 2px;	
 width: 132px; height: 150px;}
.PRODUIT-LISTE dt,
.FAMILLE-LISTE dt,
.PHOTO-LISTE dt {margin: 0px;}
.PRODUIT-LISTE dd,
.FAMILLE-LISTE dd,
.PHOTO-LISTE dd {margin: 0px;}
/******************************/

.PATH {width: 100%; float: none; border-top: dotted 1px #D1D1D2; border-bottom: dotted 1px #D1D1D2; margin-bottom: 10px;}
.PATH ul,
.PATH li {margin: 0px; padding: 0px; display: inline; list-style-type: none;}
.PATH li a {padding-left: 12px; margin-left: 5px; background-image: url(images/Path.gif); background-repeat: no-repeat; background-position: center left; color: #A1A1A2; font-weight: bold; font-size: 10px;}
.PATH li a:hover {color: #7F0141; background-image: url(images/PathOver.gif);}
.PRODUIT .NOM {text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
.PRODUIT div.PHOTO {width: 271px; min-height:271px !important; height: 353px; background-image: url(images/PhotoProduit.gif); background-repeat: no-repeat; text-align: center; padding: 0px;}
.PRODUIT div.PHOTO img {position:relative; top:50%; margin-top:-130px;}
div.PHOTO-LISTE {width: 351px; float: right;
clear: both;}
.PHOTO-LISTE dl {width: 60px; height: auto; float: right;}
.PHOTO-LISTE dt {height: 70px;}
.PHOTO-LISTE dd {font-size: 9px;}
.PHOTO-LISTE img {max-width: 50px; max-height: 50px; height: expression(Math.min(this.height, 50) + "px");}
.PRODUIT .DOCUMENT {margin-top: 20px; text-align: center;}
.PRODUIT .DOCUMENT a {color: Blue; text-decoration: underline;}
.PRODUIT .DOCUMENT a:hover {color: #7F0141;}/**************** Textes ******************/

.DESCRIPTION b,
.DESCRIPTION strong,
.DESCRIPTION span {color: #7F0141;}
/******** HOME ******/

.INDEX .PAGE div.TITRE {font-size: 120%; margin-bottom: 6px;}
/*.INDEX .PARAGRAPHE .DROITE {margin-top: -42px;}*/
.INDEX .PARAGRAPHES {border-bottom: dotted 2px #A1A1A2; border-right: dotted 2px #A1A1A2; /*padding-bottom: 20px; */margin-bottom: 10px;}
.INDEX .TEXTE b,
.INDEX .TEXTE strong,
.INDEX .TEXTE span {color: #0854A6;}
.INDEX .TEXTE {line-height: 130%;}
.CITATION {text-align: center;}
.CITATION * {font-size: 10px; text-align: center;}
.CITATION .TITRE {font-size: 12px; background-color: #CADCF0; margin-bottom: 4px; border-bottom: dotted 1px #B7D1F7;}
.INDEX .IMAGESLINK img {margin: 0 5px 0 5px;}
/******** NAVIGATION ************/

div.NAVGAUCHE {z-index: 200; padding: 4px; border: dotted 1px black; background-color: White; font-weight: bold; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; width: 160px; max-width: 152px;}
.NAVIGATION .LIEN {margin-bottom: 2px;}
a.POPUP {color: red; font-weight: bold; margin-right: 20px;}
/* MENU DEROULANT */

div.NONRECURSIF {width: 800px; margin-top: -12px; float: left; clear: both;}
div.NONRECURSIF .Label { float: left;margin-bottom: 1px;}
div.NONRECURSIF a.menuButton {position: relative; z-index: 300; font-family: "Trebuchet MS";width: 266px;padding: 5px 0;text-align: center;background-image: url(images/FondBoutonMenu.png);background-repeat: no-repeat;display: block; font-weight: bold;}

/*div.NONRECURSIF a.menuButton {_background-image: none}*/

div.NONRECURSIF .label1 {background-color: #7FBCE0;}
div.NONRECURSIF .label2 {background-color: #7FBCE0;margin: 0 1px;}
div.NONRECURSIF .label3 {background-color: #FCD28C;}
div.NONRECURSIF .label4 {background-color: #D98EC6;}
div.NONRECURSIF .label5 {background-color: #BDB0AC;margin: 0 1px;}
div.NONRECURSIF .label6 {background-color: #EC9093;}

div.NONRECURSIF .label7,div.NONRECURSIF .label8,div.NONRECURSIF .label9 {display: none;}

div.NONRECURSIF a.menuButton:hover,
div.NONRECURSIF div.menu a.menuItem:hover,
div.NONRECURSIF div.menu a.menuItemHighlight {color: white;}

div.NONRECURSIF div.menu {visibility: hidden; z-index: 101; border: solid 1px black; margin-left: 10px;}
div.NONRECURSIF div.menu a.menuItem {display: block; text-align: left; padding: 2px; border-bottom: solid 1px black; white-space: nowrap; background-color: #CCCCFF; color: #5552A1;}
div.NONRECURSIF div.menu a.menuItem:hover {background-color: #5552A1; color: #CCCCFF;}

/* gamme eco */

.ECO div.RECURSIF .Label a.menuButton {background-color: #267819; border: solid 1px #64AF57;}
.ECO div.RECURSIF div.menu {background-color: #64AF57;}