/* ------------------------------------ *
 CSS
 samedi 21 février 2009 19:01:34
 HAPedit 3.1.11.111
 * ------------------------------------ */

a {font: bold 12px arial; color:#003399; text-decoration: none;}
a:hover{font: bold 12px arial; color:#5083e9; text-decoration: none;}
p {margin:0px;}
input {border:1px solid #4f4d58; border-left-width:2.5px; border-left-color:#000; border-top-width:2.5px; border-top-color:#000; background-color:#fff; font:normal 11px arial; color: #000000; text-align:left;}
.menu1 { font: bold 13px Lucida sans unicode; color: #005599; text-decoration:none;}
.menu1:hover { font: bold 13px Lucida sans unicode; color: #005599;text-decoration: underline;}
.lien2{font:bold 11px arial; color:#fff; text-decoration:none;}
.lien2:hover{font:bold 11px arial; color:#aaa; text-decoration:none;}
.lien_rouge {font: bold 12px arial; color:#b90012; text-decoration: none;}
.lien_rouge:hover{font: bold 12px arial; color:#b90012; text-decoration: underline;}
.regle{float:left; height:20px; width:130px; margin-left:30px; background:url(../images/regle_centre.gif) repeat-y;}
.regle a{font:normal 13px arial; color:#000; margin-left:30px; text-decoration:none;}
.regle a:hover{font:normal 13px arial; color:#000; margin-left:30px; text-decoration:underline;}
.regle2{clear:both; float:left; height:25px; width:20px; margin-left:10px; background:url(../images/regle2_centre.gif) repeat-y;}
.groupe a{ float:left; width:125px; font:normal 9px arial; height:25px; color:#000; padding-left:5px; text-decoration:none;}
.groupe a:hover{float:left; width:125px; font:normal 9px arial; color:#000; padding-left:5px; text-decoration:underline;}
.texte2 { font: normal 12px Lucida sans unicode; color: #003399}
.titre { font: normal 12px arial; color: #B5B8B0; text-decoration: none;}
.configurateur{font: bold 15px arial; color:#b90012; text-decoration:none;}
.configurateur:hover{font:bold 15px arial; color:#039; text-decoration:none;}

.error{font:bold 10px arial; color:#B90012; margin:0px; text-align:center;}

.liens_mon_kit{display:block;float:left;height:36px;margin-bottom:16px;padding-top:10px;width:150px;text-align:left;}

#all {margin:auto; width:1012px; height:1225px; text-align:left; position:relative;}

#all #bord-droit{width:10px; height:1275px; float:left;}
#all #bord-droit #bord-droit-h{width:10px; height:25px; background:url(../images/ombre-droit-h.png);}
#all #bord-droit #bord-droit-b{width:10px; height:1250px; background:url(../images/ombre-droit.png);}
#all #bord-bas{width:100%;}
#all #bord-bas #bord-bas-eg{float:left; width:27px; height:16px; background:url(../images/ombre-bas-eg.png);}
#all #bord-bas #bord-bas-gauche{width:968px; height:16px; float:left; background:url(../images/ombre-bas.png) 20px 0px;}
#all #bord-bas #bord-bas-droit{width:15px; height:16px; float:left; background:url(../images/ombre-droite-bas.png) no-repeat;}

#all #box-panier{left:300px; top:300px; border:1px solid #039; width:300px; height:160px; background:#fff;}
#all #box-panier #titre-box-panier{float:left; font:bold 12px arial; color:#fff; text-align:left; background:#039; border-bottom:1px solid #039; padding:3px; width:260px; height:15px;}
#all #box-panier #close-box-panier{float:left; border-bottom:1px solid #039; padding:3px; height:15px; background:#039;}
#all #box-panier #detail-box-panier{clear:both; text-align:center; font:normal 12px arial; color:#039; padding:5px;}
#all #box-panier #detail-box-panier #libelle-box-panier{float:left; margin:5px;}
#all #box-panier #lien-box-panier{font:normal 12px arial; color:#000; margin-top:20px; text-align:center;}
#all #box-panier #lien-box-panier a{font:bold 12px arial; color:#039; text-decoration:none; margin-top:20px;}
#all #box-panier #lien-box-panier a:hover{font:bold 12px arial; color:#5083e9; text-decoration:none; margin-top:20px;}


#all #contenu{width:1001px; height:1275px; font:normal 12px arial; color:#000; float:left; background-color:#e3ecf7;}
#all #contenu #bandeau-sup{width:100%; height:200px;}
#all #contenu #bandeau-sup #information{width:200px; height:200px; float:left;}
#all #contenu #bandeau-sup #logo{width:800px; height:200px; float:left; text-align:center;}

#all #contenu #margin-gauche{float:left; width:200px; height:1075px;}
#all #contenu #margin-gauche .boite_info_titre{border:1px solid #b90012; border-width:1px 1px 0px 1px; background:url(../images/fond_titre_info.gif); padding:2px; font:bold 13px arial; text-align:center; line-height:15px; color:#fff; width:100px; height:15px; position:relative; left:5px; top:1px; margin-left:17px;}
#all #contenu #margin-gauche .boite_info_contenu{border:1px solid #b90012; padding:2px; background:url(../images/fond_contenu_info.gif) repeat-x #fff; font:normal 11px arial; width:230px;  margin-left:17px; margin-bottom:30px;}

#all #contenu #margin-droite{float:left; width:800px; height:1075px; border-left:1px solid #b90012; border-top:1px solid #b90012; background-color:#fff;}
#all #contenu #margin-droite #bande-menu{width:100%; margin:20px;}
#all #contenu #margin-droite #bande-menu .menu a{float:left; margin-left:17px; width:130px; height:15px; text-align:center; font:bold 13px arial; color:#b90012; background-color:#e3ecf7; border:1px solid #003399; text-decoration:none;}
#all #contenu #margin-droite #bande-menu .menu a:hover{float:left; margin-left:17px; width:130px; height:15px; text-align:center; font:bold 13px arial; color:#fff; background-color:#b90012; border:1px solid #003399; text-decoration:none;}
#all #contenu #margin-droite #ct-gauche{float:left; width:550px; font:normal 12px arial; color:#003399;}
#all #contenu #margin-droite #ct-gauche p{font:normal 12px arial; color:#003399; margin:10px; text-align:justify;}
#all #contenu #margin-droite #ct-gauche .titre_kit{font:bold 14px arial; color:#003399; text-align:center;}
#all #contenu #margin-droite #ct-gauche .cont-boite{float:left; width:167px; margin:7px; position:relative; text-align:left;}
#all #contenu #margin-droite #ct-gauche .cont-boite .boite_titre{border:1px solid #003399; padding:2px; border-width:1px 1px 0px 1px; background:url(../images/fond_titre_boite2.gif); font:bold 13px arial; color:#003399; width:95px; height:15px; position:relative; left:5px; top:1px;}
#all #contenu #margin-droite #ct-gauche .cont-boite .boite_contenu{border:1px solid #003399; padding:2px; font:normal 11px arial; text-align:left; width:165px; height:200px; min-height:200px; background:url(../images/fond_contenu_boite2.gif); background-repeat:repeat-x;}

                                         /*************************mon kit***************************/
                                         /***********************************************************/
#all #contenu #margin-droite #ct-gauche .pdt-qte{text-align:center; margin-left:3px; width:30px; height:15px; font:normal 11px arial; color:#039; float:left;}
#all #contenu #margin-droite #ct-gauche .pdt-detail {text-align:left; margin-left:3px; width:380px; font:normal 11px arial; color:#039; float:left;}
#all #contenu #margin-droite #ct-gauche .pdt-detail a{text-align:left; margin-left:3px; width:380px; font:normal 11px arial; color:#039; float:left;}
#all #contenu #margin-droite #ct-gauche .pdt-detail a:hover{text-align:left; margin-left:3px; width:380px; font:normal 11px arial; color:#039; float:left; text-decoration:underline;}
#all #contenu #margin-droite #ct-gauche .pdt-prixht{text-align:center; margin-left:20px; width:50px; height:15px; font:normal 11px arial; color:#00b912; float:left;}
#all #contenu #margin-droite #ct-gauche .pdt-prixttc{text-align:center; margin-left:0px; width:50px; height:15px; font:normal 11px arial; color:#b90012; float:left;}

#all #contenu #margin-droite #ct-gauche .titre-groupe{font:bold 14px arial; background:#86baf9; margin-left:10px; margin-top:10px; clear:both;}
#all #contenu #margin-droite #ct-gauche .sous-titre-groupe{font:bold 12px arial; margin-left:15px; margin-top:5px; clear:both;}
#all #contenu #margin-droite #ct-gauche .ls-pdt{font:normal 12px arial; margin-left:20px; margin-top:2px;}

                                        /*********************configurateur*************************/
                                        /***********************************************************/
#all #contenu #configurateur{width:800px; z-index:3; position:absolute; left:100px; top:150px; border:1px solid #039; background:#fff;}
#all #contenu #configurateur #configurateur-titre{float:left; padding:3px 0px 3px 3px; width:760px; font:bold 12px arial; color:#fff; background:#039;}
#all #contenu #configurateur #configurateur-close{float:left; padding:3px 0px 3px 3px; width:34px; background:#039;}
#all #contenu #configurateur #configurateur-groupe{float:left; width:255px; padding-top:10px; margin-left:5px; border-right:0px solid #039;}
#all #contenu #configurateur #configurateur-groupe #div-groupe{width:100%; text-align:left;}
#all #contenu #configurateur #configurateur-groupe .select-groupe{font:normal 10px arial; color:#039; width:250px; margin-bottom:10px;}
#all #contenu #configurateur #configurateur-groupe #div-ss-groupe{width:100%; text-align:left;}
#all #contenu #configurateur #configurateur-groupe #div-ls-pdt a p{margin:0px; padding:3px 5px 1px 1px; width:250px; font:normal 11px arial;}
#all #contenu #configurateur #configurateur-groupe #div-ls-pdt a:hover p{margin:0px; padding:3px 5px 1px 1px; width:250px; background:#039; font:normal 11px arial; color:#fff;}
#all #contenu #configurateur #configurateur-listing{float:left; width:539px; border:0px solid #f00; border-left:1px solid; border-bottom:1px solid; border-color:#039;}
#all #contenu #configurateur #configurateur-ls-pdt{font:normal 11px arial; color:#039;}
#all #contenu #configurateur #configurateur-ls-pdt a .ls-pdt-description{float:left; padding-left:3px; width:419px; height:15px; margin:0px;}
#all #contenu #configurateur #configurateur-ls-pdt a:hover .ls-pdt-description{float:left; padding-left:3px; width:419px; height:15px; margin:0px; background:#039; color:#fff;}
#all #contenu #configurateur #configurateur-ls-pdt a .ls-pdt-quantite{float:left; padding-left:3px; width:30px; height:15px; margin:0px; text-align:center;}
#all #contenu #configurateur #configurateur-ls-pdt a:hover .ls-pdt-quantite{float:left; padding-left:3px; width:30px; height:15px; margin:0px; text-align:center; background:#039; color:#fff;}
#all #contenu #configurateur #configurateur-ls-pdt a .ls-pdt-prixht{float:left; width:42px; height:15px; margin:0px; text-align:center; color:#082;}
#all #contenu #configurateur #configurateur-ls-pdt a:hover .ls-pdt-prixht{float:left; width:42px; height:15px; margin:0px; text-align:center; color:#082; background:#039; color:#083;}
#all #contenu #configurateur #configurateur-ls-pdt a .ls-pdt-prixttc{float:left; width:42px; height:15px; margin:0px; text-align:center; color:#b90012;}
#all #contenu #configurateur #configurateur-ls-pdt a:hover .ls-pdt-prixttc{float:left; width:42px; height:15px; margin:0px; text-align:center; color:#b90012; background:#039;}

#all #contenu #configurateur #configurateur-ls-pdt #configurateur-total{clear:both; margin-top:20px; width:539px; height:15px; margin-bottom:10px; background:#06f;}
#all #contenu #configurateur #configurateur-ls-pdt #configurateur-total #total{float:left; width:419px; text-align:right; padding-right:2px; font:bold 12px arial; color:#fff;}
#all #contenu #configurateur #configurateur-ls-pdt #configurateur-total #nb-pdt{float:left; text-align:center; width:30px; font:bold 11px arial; color:#fff;}
#all #contenu #configurateur #configurateur-ls-pdt #configurateur-total #somme-ht{float:left; width:42px; text-align:center; font:bold 11px arial; color:#fff;}
#all #contenu #configurateur #configurateur-ls-pdt #configurateur-total #somme-ttc{float:left; width:42px; text-align:center; font:bold 11px arial; color:#fff;}
                                            /**************************************************/

                                        /**************************panier***************************/
                                        /***********************************************************/
#all #contenu #margin-droite #ct-gauche #panier{margin-left:10px; margin-top:10px; margin-bottom:5px; width:520px; border:0px solid #082;}
#all #contenu #margin-droite #ct-gauche #panier #titre-panier{ padding:3px; float:left; width:460px; font:bold 12px arial; color:#fff; background:#082; margin-bottom:10px;}
#all #contenu #margin-droite #ct-gauche #panier #close-panier{padding:3px; float:left; width:48px; background:#082; margin-bottom:10px;}
#all #contenu #margin-droite #ct-gauche #panier #liste-panier{width:520px; clear:both; height:20px; font:normal 11px arial;}
#all #contenu #margin-droite #ct-gauche #panier #liste-panier .liste-detail-panier{width:365px; line-height:2em; height:20px; border-left:1px solid #082; border-right:1px solid #082; float:left; text-align:left;}
#all #contenu #margin-droite #ct-gauche #panier #liste-panier .liste-quantite-panier{width:50px; height:20px; line-height:20px; border-right:1px solid #082; text-align:center; float:left;}
#all #contenu #margin-droite #ct-gauche #panier #liste-panier .liste-prix-ht{width:50px; height:20px; color:#00b912; line-height:20px; border-right:1px solid #082; text-align:center; float:left;}
#all #contenu #margin-droite #ct-gauche #panier #liste-panier .liste-prix-ttc{width:50px; height:20px; color:#b90012; line-height:20px;border-right:1px solid #082; text-align:center; float:left;}

#all #contenu #margin-droite #ct-gauche #panier .box-detail-kit{width:400px; border:1px solid #082; position:absolute; left:300px; top:200px; background:#fff; }
#all #contenu #margin-droite #ct-gauche #panier .box-detail-kit .titre-box-detail-kit{padding:3px 0px 3px 3px; float:left; width:364px; font:bold 12px arial; color:#fff; background:#082;}
#all #contenu #margin-droite #ct-gauche #panier .box-detail-kit .close-box-detail-kit{padding:3px 0px 3px 3px; float:left; width:30px; background:#082;}
#all #contenu #margin-droite #ct-gauche #panier .box-detail-kit .contenu-box-detail-kit p{font:normal 11px arial; color:#039; margin:0px; padding:0px;}
                                         /***********************************************************/

                                         /*************************Commande*************************/
                                         /**********************************************************/
#all #contenu #margin-droite #ct-gauche #commande{width:500px; margin:10px 0px 0px 20px; border:1px solid #039; font:bold 12px arial; color:#000;}
#all #contenu #margin-droite #ct-gauche #commande .commande-titre{border-bottom:1px solid #000; text-align:center; background:#039; color:#fff;}
#all #contenu #margin-droite #ct-gauche #commande .commande-information{border-bottom:1px solid #000; text-align:left;}
#all #contenu #margin-droite #ct-gauche #commande .commande-information p{font:normal 12px arial; text-align:left; padding:2px 0px 0px 10px; color:#000;}
#all #contenu #margin-droite #ct-gauche #commande .commande-information .detail-commande-l{float:left; width:400px; height:20px; line-height:1.5em; text-align:right; padding-right:5px;}
#all #contenu #margin-droite #ct-gauche #commande .commande-information .detail-commande-r{float:left; width:79px; height:20px; line-height:1.5em; text-align:right; border-left:1px solid #039;}

#all #contenu #margin-droite #ct-gauche #commande #adr_livr{width:440px; border:1px solid; background:#fff; text-align:left;}
#all #contenu #margin-droite #ct-gauche #commande #adr_livr .titre{float:left; margin-top:5px; text-align:right; width:100px; font:bold 12px arial; color:#000;}
#all #contenu #margin-droite #ct-gauche #commande #adr_livr .input{float:left; margin-top:5px; text-align:left; width:115px;}
                                         /**********************************************************/

                                         /***********************Inscription************************/
                                         /**********************************************************/
#all #contenu #margin-droite #ct-gauche #inscription{width:500px; margin:10px 0px 0px 20px; font:bold 12px arial; color:#000;}
#all #contenu #margin-droite #ct-gauche #inscription .ins-titre{border-bottom:1px solid #000; text-align:center; background:#039; border:1px solid #039; color:#fff; margin-top:10px;}
#all #contenu #margin-droite #ct-gauche #inscription .ins-contenu{border-bottom:1px solid #000; text-align:left; border:1px solid #039; position:relative;}
#all #contenu #margin-droite #ct-gauche #inscription .ins-contenu p{font:normal 12px arial; text-align:left; padding:2px 0px 0px 10px; color:#000;}
#all #contenu #margin-droite #ct-gauche #inscription .ins-contenu input{font:bold 11px arial; width:150px; border:1px solid #039;}
#all #contenu #margin-droite #ct-gauche #inscription .ins-contenu .commande{text-align:center;}
                                         /**********************************************************/
#all #contenu #margin-droite #ct-droit{float:left; width:230px; text-align:left;margin-top:20px;padding-left:20px;}


.boite_titre{border:1px solid #003399; padding:2px; border-width:1px 1px 0px 1px; background:url(../images/fond_titre_boite2.gif); font:bold 13px arial; color:#003399; width:95px; height:15px; position:relative; left:5px; top:1px;}
.boite_contenu{ border:1px solid #003399; padding:2px; font:normal 11px arial; text-align:left; width:165px; height:200px; min-height:200px; background:url(../images/fond_contenu_boite2.gif); background-repeat:repeat-x;}

.boite_info_titre{border:1px solid #b90012; border-width:1px 1px 0px 1px; background:url(../images/fond_titre_info.gif); padding:2px; font:bold 13px arial; text-align:center; line-height:15px; color:#fff; width:100px; height:15px; position:relative; left:5px; top:1px; margin-left:17px;}
.boite_info_contenu{border:1px solid #b90012; padding:2px; background:url(../images/fond_contenu_info.gif) repeat-x #fff; font:normal 11px arial; width:230px;  margin-left:17px; margin-bottom:30px;}

div.pdt_option_titre{
  border:1px solid #e0e0e0;
  padding:2px;
  border-width:1px 1px 0px 1px;
  background:url(../images/fond_titre_boite2.gif);
  font:bold 13px arial;
  color:#003399;
  width:330px;
  position:relative;
  left:5px;
  top:1px;
  float:left;
  margin-left:50px;
  margin-top:10px;
}
div.pdt_option_contenu{
  border:1px solid #e0e0e0;
  padding:2px;
  font:normal 12px arial;
  text-align:justify;
  width:460px;
  background:url(../images/fond_contenu_boite2.gif);
  background-repeat:repeat-x;
  float:left;
  margin-left:40px;
  margin-bottom:5px;
}