/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/standard/fond_html.gif);
  background-color:#fff;
  width:100%;
  font-size:12px;
  font-family: Arial, Helvetica;
  color:#fff;
}
#fond-bandeau {background-image: url(../img/standard/fond_bandeau.gif); background-repeat:repeat-x;}

.vert {color:#73f61b !important}

.clear-r {clear:right}
.right {float:right}
.left {float:left}
.clear {clear:both}

div.descForm{padding:10px;background:#606060;margin:8px 8px 5px 5px;}


img {border:none}
/* NE PAS REMETTRE CA */
/*p {text-align:justify;}*/
p {line-height:18px}
i {font-size:11px}

/* Titre de page */
h1,h3 {
  font-size:18px;
  color:#73f61b;
  background-image:url(../img/standard/fleche1.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:20px;
  margin-bottom:10px
}
.recyclable {float:right; color:#73f61b; font-size:14px; margin-top:5px}

/* Menu gauche */
#colonne-gauche h2 {font-size:12px; font-weight:normal}

/* sous titre gris + fleche */
#colonne-droite h3 {color:#d5d5d5; background-image:url(../img/standard/fleche2.gif); font-size:14px; background-position:0px 1px}
#colonne-droite h3 b{color:#d5d5d5; font-size:11px}
#colonne-droite h2 {
  font-size:14px;
  color:#73f61b;
  background-image:url(../img/standard/fleche1.gif);
  background-repeat:no-repeat;
  background-position:0px 1px;
  padding-left:20px;
  margin-bottom:10px
}

.famille-forme {font-size:16px !important; color:#73f61b !important}
.famille-h3 {margin:10px 0px 0px 0px; background-position:0px 4px !important}
.famille-h3 img {vertical-align:middle;}
.famille-h2 {
  background-image:none !important;
  color:#fff !important;
  padding-left:0px !important;
  margin:15px 0px 0px 0px !important
}

.forme-h3 {margin-bottom:5px !important}
.legende-stock {background-color:#606060; border:1px #797979 solid; padding:3px 7px; color:#73f61b; width:582px}
.legende-stock b{
  background-image: url(../img/standard/legende_stock.gif);
  background-repeat:no-repeat;
  padding-left:10px;
  height:16px;
  display:block;
  padding:3px 0px 0px 25px;
}

/* News */
h4 {font-size:13px; color:#b0f781}

/* pied de page */
h5 {font-size:11px}

/* ============================================== Structure generale =============================================================================== */
#conteneur {background-repeat:no-repeat; width:960px; margin:0px auto 0px auto}

#colonne-gauche {width:250px; background-image: url(../img/standard/colonne_gauche_fond.jpg); background-repeat:no-repeat}
#colonne-gauche div.left{width:199px}
#colonne-droite {
  background-image: url(../img/standard/colonne_droite_fond.jpg);
  background-repeat:no-repeat;
  background-color:#4b4b4b;
  width:613px;
  padding-left: 40px;
}
#colonne-droite a{text-decoration:underline; color:#73f61b}
#colonne-droite a:hover {color:#54b711}

#menu {background-image: url(../img/standard/menu_fond.gif); background-repeat:repeat-x; padding-left:50px; width:633px; height:31px}
#menu-bas {background-image: url(../img/standard/menu_bas.gif); width:710px; height:25px}
#menu-droite {background-image: url(../img/standard/menu_droite.gif); width:24px; height:31px}

#flag-fr {margin:0px 5px 8px 20px}
#flag-en,#flag-be,#flag-nl {margin:0px 5px 8px 0px}

#contenu {background-image: url(../img/standard/contenu_fond.gif); width:960px; padding-bottom:30px}

#contentPied{background-image: url(../img/standard/contenu_fond.gif); width:960px;}
#pied {padding-top:20px;background: url(../img/standard/pied_fond.gif) no-repeat bottom; width:770px; padding-left:190px; text-align:center}
#pied ul {margin-left:195px}
#pied li {display:inline; float:left; margin:0px 2px}
#pied a {text-decoration:none; font-size:11px;}
#pied a:hover {color:#fff}

img.imgPied{position:relative;top:4px}

#pied-ligne1 a{color:#c2c2c2}
#pied-ligne1 {margin-left:40px}
#pied-ligne2 a{color:#a1a0a0}
.gris1 {color:#c2c2c2; font-size:11px; }
.gris2 {color:#a1a0a0; font-size:11px; line-height:10px}

/* ============================================== accueil =============================================================================== */
.vignette1 {margin:80px 0px 0px 100px}
.vignette2,.vignette3 {margin:10px 0px 0px 100px}

#accueil-zoom {margin-top:100px}

#edito {width:490px}
#edito-fleche {margin-left:20px}


/* ============================================== News =============================================================================== */
.news {background-color:#646161; border:1px #929292 solid; width:595px; padding:10px}
.news i {color:#f1f1f1; margin-bottom:10px; display:block}
.news-txt {width:405px}
.news-txt p{width:405px}
.news-img {margin-left:20px; border:1px solid #343434}
.news ul {width:385px; background-color:#7d7a7a; border:1px #929292 solid; padding:10px}
.news li {margin-left:20px}
.news a.links {
  background-color:#4B4B4B;
  border:1px solid #73F61B;
  padding:3px 5px;
  width:283px;
  text-decoration:none !important;
  color:#73F61B !important
}
.news a.links:hover {background-color:#3A3A3A; color: #73F61B !important}

/* ============================================== Catalogue =============================================================================== */
#moteur {margin:20px 0px}
#moteur b {color:#73f61b}

.moteur-haut {background-image: url(../img/standard/catalogue_moteur_haut.gif); width:608px; height:4px; font-size:1px}
.moteur-bas {background-image: url(../img/standard/catalogue_moteur_bas.gif); width:608px; height:4px; font-size:1px}
.moteur-centre {background-image: url(../img/standard/catalogue_moteur_centre.gif); width:588px; padding:10px 10px 7px 10px}
.recherche {width:568px; padding:10px 20px 7px 20px !important}

.moteur-centre a{text-align:center; text-decoration:none !important; margin-right:4px}
#moteur select{margin:8px 20px 0px 0px; width:160px}
#moteur-bouton {margin:20px 0px 0px 10px}

#forme {width:40px; height:40px; margin:3px 0px 0px 5px; background-color:#fff; border:2px #d1d1d1 solid}

#profileName {font-style:normal}

.pastille {background-image: url(../img/standard/catalogue_pastille.gif); padding-left:25px; background-position:0px 0px}

/*.catalogue-vignettes a {width: 115px}*/
.catalogue-formes img {margin:0px 7px}

#menu-catalogue {margin:90px 0px 0px 80px}
#liste-catalogue {margin:10px 0px 0px 60px}
#liste-catalogue li {list-style:none;}
#liste-catalogue a {
  background-image:url(../img/standard/menu_puce.gif);
  background-repeat:no-repeat;
  padding-left:15px;
  margin-bottom:2px;
  background-position:5px 6px;
  color:#fff;
  text-decoration:none;
  width:140px;
  display:block;
}
#liste-catalogue a.nostyle {
  padding:0;
  margin:0;
  margin-top:1em;
  width:auto;
}
#liste-catalogue a.nostyle:hover {background-color:transparent}
#liste-catalogue a:hover, #liste-catalogue a.actif {background-image:url(../img/standard/menu_puce2.gif); background-color:#474747; color:#d5d5d5}
#liste-catalogue b{
  background-image:url(../img/standard/menu_puce3.gif);
  background-repeat:no-repeat;
  background-position:5px 6px;
  color:#73f61b;
  margin:0px 0px 3px 0px;
  display:block;
  padding-left:15px;
  margin-top:1em;

}

#formes li a.actif {background-color:#585858; margin-left:10px; width:130px}
#formes li a {background-image:url(../img/standard/menu_puce4.gif); margin-left:10px; width:130px}
/*#formes li a {background-image:none; width:140px;}
#formes li a:hover, #formes li a.actif {background-image:none;margin-left:0;}*/
#formes li a img {margin-right:5px;}

div.produit { padding-left:12px; text-align:center; }
div.produit a, #moteur-centre a { text-decoration:none !important; }


/* --[ Contact ]-- */
fieldset {border:none; margin-left:20px}
label {display:block; color:#b0f781; float:left; width:150px; margin:0px 10px 10px 0px; text-align:right}
input {float:left; width:310px; background-color:#dedede}
textarea {width:490px; height:100px; background-color:#dedede}
.input-vert {border:1px #fff solid; padding:1px}
.messageTXT {width:490px;padding:1px;border:1px solid; text-align:center; color:white;background-color:#BA1D03;margin-top:3px}
#contact-titre {margin-bottom:20px}
#contact {margin-left:30px}

#envoyer {float:right; margin:0px 62px 10px 0px; width:134px; height:29px}

.ok {color:#F9A21A; font-weight:bold; background-color:#fff; width:215px; border:1px #F9A21A solid; padding:2px; margin-bottom:10px}
.error {color:#ff0000; font-weight:bold; background-color:#fff; width:295px; border:1px #ff0000 solid; padding:2px; margin-bottom:10px}
.obligatoire {margin-bottom:10px; display:block}


/* ============================================== Thickbox =============================================================================== */
#thickbox h1 {padding:0px; background-image:none; width:275px; text-align:center; display:block; margin-bottom:0px}
#thickbox h1 em {color:#FFFFFF;font-weight:normal;font-style:normal;font-size:12px}
#thickbox i {font-size:11px; color:#73f61b; width:275px; text-align:center; display:block}
#thickbox p {width:340px; color:#fff; margin-top:15px}

#fiche-img {margin-right:15px !important;}

#dispo {
  background-image: url(../img/standard/fiche_pastille.gif);
  background-position:0px 0px;
  background-repeat:no-repeat;
  height:15px;
  color:#73f61b;
  padding:3px 0px 0px 25px;
  margin-top:1em;
  margin-bottom:10px;
  display:block;
}

a#fiche-vignette {margin:0px 10px}

#fiche-ajouter {margin:15px 10px 0px 0px}
#fiche-voir {margin-top:15px}


/*********************
***** CATALOGUE BANDEAU DISPONIBILITE ****
*************************************/

.margin-bottom15{margin-bottom:20px !important}
.margin-left5{margin-left:5px}

#catalogueTemps,#catalogueTempsEn{position:relative;margin-top:-10px;background:url(../img/fra/catalogue.jpg) no-repeat;width:609px;height:78px;color:#fff;}
#catalogueTempsEn{background:url(../img/eng/catalogue.jpg) no-repeat}
#catalogueTemps span.positionCat,#catalogueTempsEn span.positionCat{float:right;text-align:center;width:150px;font-size:22px;font-weight:bold;position:absolute;bottom:10px;right:23px;}

/* ============================================== Annexes ========================================================================== */
#extras caption {width:600px; background-color:#1B1B1B; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:600px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

/* -- Credits -- */
#lebarts-infos p {width:500px}
.fond-infos {background-color:#DDF0F6; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
.decalage20 {margin-left:20px !important}
.ligne3 {background-color:#282828; padding:10px}
.ligne4 {background-color:#343434; padding:10px}

/* -- Aide -- */
.ligne1 {background-color:#343434}
.ligne2 {background-color:#282828}





/* ============================================== Contenu généré ========================================================================== */
#spec > * {margin:0; padding:0}

#body ul {margin:10px 0px}
#body li {margin:0px 0px 10px 15px; list-style:none; list-style-image:url(../img/standard/menu_puce2.gif)}

/* Mettre ici tout ce qui concerne la mise en forme des pages du site avec #body devant */

#body img{margin-top:10px;}
#body img.left, #body img.right{margin:0; margin-bottom:10px;}


#spec #body {padding:10px;}
#spec #body a {font-size:inherit; text-decoration:underline}
#spec h1, #spec h2, #spec h3, #spec h4, #spec h5, #spec h6 {margin-top:0.5em !important}
/* Document */
#spec div.doc a {display:block; padding:5px; text-align:center; color:#fff !important; text-decoration:none !important; margin-bottom:1em}
#spec div.vdo {text-align: center; margin-bottom: 1em; }
#spec div.img,#spec div.txt,#spec h1, #spec h2, #spec h3, #spec h4, #spec h5, #spec h6 {margin-bottom:1em}


#body div.img.left {margin-right:25px !important}
#body div.img.right {margin-left:25px !important}



#body table{margin:10px auto;border-collapse:collapse;color:#E0D4D4}
#body table tr{padding:0;margin:1px 0}
#body table td{padding:5px;margin:0;border:1px #FFFFFF solid}
#body table tr.even{background-color:#4B4B4B}
#body table tr.odd {background-color:#8C8C8C}


/************************** Recherche Rapide ***************************/
#ficheFind p { width:320px !important}

#TB_ajaxContent{position:relative;}
#prodexProfiles{position:absolute;bottom:5px;right:5px}