/* CSS Document */
html { margin: 0; }
body { margin: 0; padding: 0;
font-size: 11px;
line-height: 1.4em;
font-family: Verdana, Arial;
color: #2f2f2f;
background-color: #dcae4a; }
#page-body { width: 980px;
margin: 0 auto; }
/* Types courants */
h1, h2, h3 { margin: 0.4em 0 1em 0; padding: 0; font-weight: bold; }
h1 { margin-top: 1em; font-size: 1.2em; color: #b9882f; }
h2 { margin-top: 0; font-size: 1.0em; color: #2f2f2f; margin-bottom: 0.5em; }
h3 { margin-top: 0; font-size: 1.0em; color: #2f2f2f; margin-bottom: 0.5em; }
a { font-weight: bold; }
a:link, a:visited {color: #522f15; text-decoration: underline; }
a:hover, a:active {color: #522f15; text-decoration: none; }
p { text-align: justify; margin: 0 0 1em 0; line-height: 1.5em; }
p.noMargin { margin: 0; }
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }
ul { padding: 0; margin: 0em 0 1em 25px; }
ul li { list-style-type: square; line-height: 1.8em; }
form { margin: 0; padding: 0; }
hr { border: none; border-top: solid 1px #2f2f2f; }
div.sessionMsg { border: solid 1px #b9882f; background-color: #ffffff; padding: 5px 5px 5px 45px; margin: 1em 0 1em 0; color: #000000; font-weight: normal; font-size: 1em; background-image: url(../images/common/session_info.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 32px; height:auto !important; height:32px; line-height: 1.5em; }
/* Formulaires */
.champ { font-weight: bold; margin-bottom: 0; }
.instructions { margin: 0 0 0 2em; font-size: 0.9em; padding: 3px; }
.donnee, .donnee-requise { font-weight: normal; margin: 0 0 1em 2em; display: block; }
.donnee-requise input { background-color: #ffffbb; }
.donnee-requise select { background-color: #ffffbb; }
.donnee-requise textarea { background-color: #ffffbb; }
.donnee .champ { margin-top: 1em;}
/* Grilles */
.grid { margin-bottom: 0.5em; }
.grid .header { background-color: #190e0e; border: solid 1px #ffffff;}
.grid .header th { font-weight: bold; color: white; white-space:nowrap; text-align: left; }
.grid .header th a { color: white; font-weight: bold; text-decoration: underline; }
.grid .item td, .grid .itemAlternate td { font-weight: normal; color: Black; vertical-align: top; }
.grid .item, .grid .itemAlternate { border: solid 1px #ffffff; }
.grid .item td a, .grid .itemAlternate td a { font-weight: normal; color: #190e0e; }
.grid .itemAlternate td { background-color: #d1d1d1; }
.grid .item td { background-color: white; }
/* Page shadow */
div.shadow { background-color: White; background-image: url(../images/common/drop.png); background-repeat: repeat-y; padding: 0 30px; }
/* En-tête */
#entete { height: 89px; padding: 0; margin: 0; background-color: #190e0e; }
#entete a { border: none; }
#entete #logo { float: left; width: 740px; height: 100px; background-color: #522f15; }
#entete #logo img { border: none; padding: 0; margin: 0; }
#entete #recherche { float: left; width: 140px; height: 50px; background-color: #190e0e; text-align: left; padding: 50px 20px 0 20px; }
#entete #recherche h2 { margin: 0em; font-size: 1.1em; color: #b9882f; }
#entete #recherche select.recherche { float: left; margin-top: 4px; font-size: 0.8em; font-family: Verdana; width: 110px;}
#entete #recherche a.recherche { margin-left: 5px; float: left; display: block; width: 18px; height: 23px; background: url(../images/common/bt-recherche.png) no-repeat; }
#entete #recherche a.recherche:hover {background: url(../images/common/bt-recherche-rl.png) no-repeat; }
#entete-image { clear: both; margin: 0; padding: 0; background-image: url(../images/common/entete-image.jpg); height: 170px; }
/* Menu */
#menu { clear: both; padding-left: 5px; margin: 0; height: 30px; background-image: url(../images/common/menu-bg.png); background-repeat: repeat-x; background-position: 0 0px; }
#menu ul { margin-top: 0; padding-top: 0; clear: both; }
#menu ul li { float: left; line-height: 1.4em; list-style-type: none; margin: 0;}
#menu ul li a, #menu ul li a:hover { display: block; padding: 7px 12px 8px 12px; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.2em; }
#menu ul li ul { margin:0; list-style-type: none; padding: 0 0 0 0; }
#menu ul li ul li { list-style-type: none; background-color: #b9882f; }
#menu ul li ul li a, #menu ul li ul li a:hover { padding: 4px 20px 4px 20px; font-size: 1.05em; white-space: nowrap; width: 300px; }
body.menu-accueil .shadow #menu ul li a.menu-accueil,
body.menu-entreprise .shadow #menu ul li a.menu-entreprise,
body.menu-produits .shadow #menu ul li a.menu-produits,
body.menu-realisations .shadow #menu ul li a.menu-realisations,
body.menu-ou-acheter .shadow #menu ul li a.menu-ou-acheter,
body.menu-trucs .shadow #menu ul li a.menu-trucs,
body.menu-listes .shadow #menu ul li a.menu-listes,
body.menu-nouveautes .shadow #menu ul li a.menu-nouveautes,
body.menu-categories .shadow #menu ul li a.menu-categories,
body.menu-sous-categories .shadow #menu ul li a.menu-sous-categories,
#menu ul li a:hover {
background-color: #7e5924; }
#menu ul li ul li a:hover {
background-color: #7e5924; }
/* Contenu */
#page { clear: both; margin: 0; padding: 0; background-color: White; }
#page table.page { clear:both; border: 0; padding: 0; border-collapse: collapse; }
#page #contenu { width: 700px; padding: 1em 20px; vertical-align: top; }
#page #droite { background-color:#190e0e; width: 160px; padding: 2em 10px 1em 10px; vertical-align: top; color: white; text-align: right; }
#page #droite h2 { margin-top: 0em; font-size: 1.1em; color: #b9882f; }
#page #droite p { color: white; text-align: right; }
#page #droite p a { color:white; }
#page #droite hr { border-bottom: solid 1px #b9882f; }
#pied-page { clear: both; margin: 0; color: white; text-align: center; padding: 5px 0 0 0; font-size: 1em; background-image: url(../images/common/footer.png); background-repeat: no-repeat; width: 960px; height: 28px; }
#pied-page a { color: #b9882f; }
#pied-page a.admin { color: white; font-weight: normal; text-decoration: none; }
/* Impression */
.printOnly { display: none; }
.screenOnly { }
/*****************************************************************************/
/* Pages */
/*****************************************************************************/
/* Accueil */
#accueil { float: left; width: 360px; }
#accueil-nouveautes { float: left; width: 300px; padding-right: 30px; padding-bottom: 30px; margin-bottom: 3em; background: url(../images/common/nouveautes-drop.png) no-repeat bottom left;}
#accueil-nouveautes div.liste { background-color: #eae0b3; border: solid 1px #d4d4d4; padding: 15px 10px 10px 10px; }
#accueil-nouveautes div.liste h2 { color: Black; text-decoration: none; }
#accueil-nouveautes div.liste p { clear: both; }
#accueil-nouveautes div.liste p a.titre { display: block; margin-bottom: 0.5em; color: #542e24; }
#accueil-nouveautes div.liste p img { float: right; border: solid 1px #542e24; margin: 1em 0em 1em 1em; height: 75px; }
/* Produits */
#produits { margin-bottom: 42px; padding: 0 0 10px 0; clear: both; background: url(../images/common/produits-drop.png) no-repeat bottom left; }
#produits div.liste { border: solid 1px #d4d4d4; margin-bottom: 4px; padding: 10px 15px; }
#produits p.nom { margin: 0; padding: 0 0 0 15px; text-align: left;background-image: url(../images/common/produits-puce.png); background-repeat: no-repeat; background-position: left 4px; }
#produits p.description { margin: 0; padding: 0; }
#produits-categorie { }
#produits-categorie h2 { background-color: #eae0b3; padding: 3px 15px; border: solid 1px #d4d4d4; }
#produits-categorie .produits { margin-left: 15px; }
#produits-categorie p.aucun { margin-left: 15px; }
#produits-categorie .produit { text-align: center; padding: 0 1em 1em 1em; }
#produits-categorie .produit p.nom { text-align: center; margin: 0 0 2px 0; }
#produits-categorie .produit img { border: solid 1px #542e24; height: 75px; }
#produits-detail { }
#produits-detail h1.fil-ariane { font-size: 1em; color: #b9882f; font-weight: normal; }
#produits-detail h1.fil-ariane a { color: #b9882f; }
#produits-detail h1 { }
#produits-detail h2 { background-color: #eae0b3; padding: 3px 15px; border: solid 1px #d4d4d4; }
#produits-detail .pdf-pliante { float: right; width: 180px; }
#produits-detail .pdf { margin-bottom: 1em; margin-left: 16px; clear: right; }
#produits-detail .pdf p { clear: right; text-align: right; font-weight: normal; margin: 0 0 1.5em 0; }
#produits-detail .pdf p.pdf { float: left; width: 75px; text-align: left; line-height: 1.3em;}
#produits-detail .pdf p.logo { text-align: left; font-size: 0.9em; }
#produits-detail .pdf p.logo img { border: none; margin: 0px 0 0 0; padding: 0; width: 25px; }
#produits-detail .version-pliante { margin-left: 16px; clear: both; }
#produits-detail .version-pliante p { text-align: left; font-weight: bold; color: #522f15; line-height: 1.3em; }
#produits-detail .version-pliante img { height: 130px; border: solid 1px black; }
#produits-detail .version-pliante .note { text-align: left; font-size: 0.9em; margin: 0 0 1em 0; }
#produits-detail .fiche { float: left; width: 510px; }
#produits-detail .fiche .photo { float: left; clear: left; width: 90px; min-height: 250px !important; margin-left: 16px; }
#produits-detail .fiche .photo img { border: solid 1px #542e24; width: 75px; }
#produits-detail .fiche .detail { float: left; width: 400px; }
#produits-detail .fiche .detail ul { margin-left: 14px !important; margin-bottom: 0em; }
#produits-detail .fiche .detail ul li { list-style-type: disc; line-height: 1.3em; }
#produits-detail .fiche .detail p.grandeurs-surmesure { font-size: 1em; margin: 0 0 0 0; text-align:left; }
#produits-detail .fiche .detail .element { float: left; width: 190px; clear: left; }
#produits-detail .fiche .detail .element-droite { float: right; width: 190px; clear: right; }
#produits-detail .liste { margin: 0 auto; }
#produits-detail .liste .produit { text-align: center; padding: 3px; }
#produits-detail .liste .produit p.nom { text-align: center; }
#produits-detail .liste .produit img { border: solid 1px #542e24; height: 125px; }
#produits-detail .essences { float: left; width: 340px; margin-right: 10px; }
#produits-detail .essences .donnee { margin-left: 5px; }
#produits-detail .essences .donnee img { height: auto !important; border: none; }
#produits-detail .verres { float: right; clear: right; width: 340px; }
#produits-detail .verres .donnee { margin-left: 5px; }
#produits-detail .verres .donnee img { height: auto !important; border: none; }
#produits-detail .couleurs { float: left; clear:left; width: 340px; }
#produits-detail .couleurs .donnee { margin-left: 5px; }
#produits-detail .serrures { float: right; clear: right; width: 340px; }
#produits-detail .serrures .donnee { margin-left: 5px; }
/* Toggle */
.btnToggle { font-weight: bold; padding: 0px; text-align: center; vertical-align: text-top;}
.h2Over { color: #785236; cursor: pointer; }
.invisible { visibility: visible; }
/* Admin */
#admin { }
#admin img.photo-produit { width: 50px; border: solid 1px black; display: block; margin-bottom: 1em; }