/* CSS Document */

body {padding:0; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#6b6b6b; text-align:center; background:url(../pics/bg-global.jpg) repeat-x top #555555;}

a {color:#6b6b6b; text-decoration:underline;}
a:hover {color:#000;}

h1 {color:#3fa2fd; font-size:18px; margin:0 0 10px 0; padding:0;}
h1 span {font-weight:normal; font-size:16px;}
h2 {font-size:14px; font-weight:bold; color:#0075a6;}
h3 {color:#3fa2fd; font-size:12px;}

p {text-align:justify;}

form {margin:0; padding:0;}

/* Liens standards */
.fleche-bleue {text-decoration:none; padding:0 0 10px 20px; background:url(../pics/carre-fleche-bleue.png) no-repeat 0 2px;}
.puce-bleue {text-decoration:none; padding:0 0 10px 18px; background:url(../pics/puce-ronde-bleue.png) no-repeat 0 2px;}
.fleche-bleue {text-decoration:none; padding:0 0 10px 20px; background:url(../pics/carre-fleche-bleue.png) no-repeat 0 2px;}
.plus-bleu {text-decoration:none; padding:0 0 10px 18px; background:url(../pics/plus-carre-bleu.png) no-repeat 0 2px;}


/* Gabarits globals */

.global {margin-left:auto; margin-right:auto; width:935px; text-align:left; border:1px solid #cccccc;  position:relative; z-index:1;}
.page {margin:0; padding:0; border:1px solid #FFF; background:url(../pics/bg-main-page.jpg) repeat-x top #FFF;}

/* Header */
.header {width:100%; height:147px; background:url(../pics/header.jpg) no-repeat 0 0; border-bottom:1px solid #FFF; position:relative;}
.hea-logo {width:120px; height:80px; position:absolute; top:15px; left:15px; text-decoration:none;}

.hea-menu {position:absolute; top:109px; left:0px; list-style: none ; margin: 0 ;padding: 0 ; overflow: hidden ; background:url(../pics/bg-hea-menu.jpg) repeat-x top ; width:100%; border-top:1px solid #FFF;}
.hea-menu li:first-child {float: left ;	width: 156px ; border:none; background:url(../pics/bg-hea-menu.jpg) repeat-x top ;}
.hea-menu li {float: left ;	width: 154px ; margin:0;  border-left:1px solid #FFF; background:url(../pics/bg-hea-menu.jpg) repeat-x top ;}
.hea-menu li a {display: block ;background:url(../pics/bg-hea-menu.jpg) repeat-x top; color: #888888 ;font-size:14px; font-weight:bold; padding: 10px 0px ;text-align: center ;text-decoration: none ;}
.hea-menu li a:hover, .hea-menu li a:focus, .hea-menu li a:active {background:url(../pics/bg-hea-menu.jpg) repeat-x bottom; color:#FFF; }

/* Gabarits partie centrale */

.main {padding:10px; position:relative;}

div#colonne-gauche { float:left; width:260px; height:360px; margin-right: 10px; padding: 1px 20px; background:url(../pics/bg-deg-gris-300.jpg) repeat-x bottom; }
div#colonne-droite { float:right; width:270px; height:360px; margin-left: 10px; padding: 1px 20px; background:url(../pics/bg-deg-gris-300.jpg) repeat-x bottom; }
div#colonne-centre { overflow: hidden; height:360px; padding: 1px 20px; background:url(../pics/bg-deg-gris-300.jpg) repeat-x bottom; }

.bg-gris-300 {width:100%; height:360px; background:url(../pics/bg-deg-gris-300.jpg) repeat-x bottom; padding:0 8px 0 8px; }
.col-demi { width:46%; padding:10px 20px 10px 10px;}

/* Bloc actu */

.pdt-pic-mini {border:1px solid #dadada; padding:3px 3px 0 3px; background:url(../pics/no-pic.gif) no-repeat 3px 3px; width:80px;}
.pdt-descr {width:165px; margin-left:10px;}
.pdt-lib, .pdt-lib a {font-weight:bold; color:#0075a6; text-decoration:none;}
.pdt-txt, .pdt-txt a {font-size:11px; text-decoration:none;}
.sep-horiz-1 {width:100%; font-size:1px; height:10px; background:url(../pics/sep-horiz.gif) repeat-x bottom;}

/* Bloc coordonnees Homepage */

.hom-coord {background:url(../pics/degr-gris-verti.jpg) repeat-y right; padding:20px 10px 20px 390px;}
.hom-coord-in { width:100%;}
.coord-txt {width:180px; padding:0 15px 0 0; text-align:right;}
.coord-map {width:120px; text-align:center;}
.coord-tel {width:180px; text-align:left; padding:5px 0 0 0;}

.picto-tel {background:url(../pics/picto-tel.gif) no-repeat 2px 1px; padding:0 0 0 22px;}
.picto-fax {background:url(../pics/picto-fax.gif) no-repeat 0 4px; padding:0 0 0 22px;}
.picto-mail {background:url(../pics/picto-mail.gif) no-repeat 0 5px; padding:0 0 0 22px;}
.picto-tel span, .picto-fax span, .picto-mail span {line-height:20px;}

/* Footer */
.footer {background:url(../pics/bg-footer.jpg) repeat-x top #FFF; height:67px; width:100%;}
.footer-in {text-align:center; padding:10px 0 10px 0; font-size:11px;}
.footer-cr {text-align:center; font-size:10px;}

/* Anim flash sur la home */
.hom-anim-pdt { position:absolute; top:250px; left:10px; width:300px; height:250px; z-index:200;}

/* Catalogue */
#wrap {overflow:hidden;}
#catal-col-g {float:left; width:240px; margin:0; padding:0;}
#catal-col-g-in {background-color:#FFF; margin:0; padding:0;}
#catal-col-d {float:left; margin-left:10px; width:655px;}
#catal-col-d-in {background-color:#FFF; margin:0; padding:0;}

#catal-menu {padding:10px 8px 25px 8px; background-color:#FFF;}
#shadow-menu-left {height:10px; width:240px; background:url(../pics/shadow-menu-left.png) no-repeat 0 0; font-size:1px;}

.search-lib {font-size:11px; color:#aeaeae; padding-top:2px;}
.search-field {padding:0 5px 0 5px;}
.search-field input {font-size:11px; padding:0;}
.search-bt-valid {width:25px;}
.search-bt-valid input {font-size:10px; color:#8e8e8e; height:20px;}

/* Menu colonne de gauche */

.menu-list {border:1px solid #d5d4d4; padding:1px;}

.menu-cat-unsel {color:#808080; cursor: pointer; height:19px; background:url(../pics/bg-toggle-inactive.jpg) top right #0176a7; border-bottom:1px solid #d5d4d4; padding:3px 0 0 5px; }

.menu-cat-unsel:hover {color:#FFF; cursor: pointer; height:19px; background:url(../pics/bg-toggle-inactive.jpg) bottom right #0176a7; border-bottom:1px solid #d5d4d4; padding:3px 0 0 5px; }

.menu-cat-sel {color:#FFF; cursor: pointer; height:19px; background:url(../pics/bg-toogle-active.jpg) top right #0176a7; border-bottom:1px solid #d5d4d4; padding:3px 0 0 5px; }

.menu-cat-unsel a, .menu-cat-sel a  {color:#FFF; text-transform:uppercase; text-decoration:none;}

.menu-ss-cat-sel {cursor: pointer; height:19px; background:url(../pics/bg-deg-ss-cat.gif) repeat-x top #f2f2f2;  border-bottom:1px solid #d5d4d4; border-top:1px solid #FFF; padding:3px 0 0 10px;color:#0075A6;}
.menu-ss-cat-sel a {text-decoration:none; font-weight:bold; color:#0075a6;}

.menu-ss-cat-unsel { cursor: pointer; height:19px; background:url(../pics/bg-deg-ss-cat.gif) repeat-x top #f2f2f2;  border-bottom:1px solid #d5d4d4; border-top:1px solid #FFF; padding:3px 0 0 10px;}
.menu-ss-cat-unsel a {text-decoration:none;}

.menu-list-pdt-unsel {height:16px; background:url(../pics/puce-gris-carre.gif) no-repeat 12px 10px; padding:2px 0 2px 18px;}
.menu-list-pdt-unsel a {text-decoration:none;}

.menu-list-pdt-sel {height:16px; background:url(../pics/puce-gris-carre.gif) no-repeat 12px 10px; padding:2px 0 2px 18px;}
.menu-list-pdt-sel a {text-decoration:none; color:#0075a6;}

/* Liste de produits */
.cat-list-pdt-cnt {width:285px; margin-right:5px; margin-top:5px;}
.cat-list-pdt {padding:10px 10px 10px 5px;}
#contenu.loading {background:url(../pics/ajax-loader.gif) no-repeat center center; height:150px;}


/* Details produit */
.det-pdt-cnt {padding:15px;}
.det-cdf {}
.det-visionneuse {width:270px; height:270px;}
.det-image {padding-right:10px; padding-bottom:3px;}
.det-thumb-list {}
.det-thumb-list a {width:65px; float:left;}
.det-descr {width:330px;}
.det-pdt-nom {font-size:16px; color:#0075a6;}
.det-descr-txt {font-size:11px; text-align:justify;}
.det-spec {}
.det-ref {font-weight:bold;}

/* Formulaire de contact */
.form-contact {}
.form-contact fieldset {border:1px solid #CECECE;}
.form-contact legend {color:#CECECE;}
.form-contact span {height:25px; display:block; padding-top:5px; clear:both;}
.form-contact label {width:180px; display:block; float:left;}