/*===============================================================
      reset : reset des styles navigateurs
      texte : styles des textes (sert aussi � FCKeditor)
================================================================*/

/*======================================
      CHARTE DU SITE
======================================*/

/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- violet                        #75405d
- bleu                          #005072
- gris                          #707173
\**************************************/

body {
  /* background          :   url(/img/site/body.png)no-repeat center 22px;*/
}

/**************************************/
/*           STRUCTURE                */
/**************************************/
#cadre-principal{
  position            :   relative;
  width               :   950px;
  margin              :   0 auto;

}
#cadre-haut {
  position            :   relative;
  height              :   140px;
  background: url(/img/site/bg-header.png) no-repeat 90px top;
}
#cadre-centre {
  position            :   relative;
  background          :   transparent;
  overflow            :   hidden;
}
#cadre-colonne-1{
  position                :   relative;
  float                   :   left;
  width                   :   165px;
  padding-bottom          :   10px;
}
#cadre-colonne-milieu{
  position                :   relative;
  float                   :   left;
  width                   :   535px;
}
#cadre-colonne-2{
  position                :   relative;
  float                   :   left;
  width                   :   250px;
  padding-bottom          :   10px;
}
#cadre-bas {
  position            :   relative;
  clear               :   both;
  min-height          :   50px;	/* important */
  text-align          :   center;
  background-color    :   #864167;
  padding             :   0 160px;
}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo{
  position            :   absolute;
  top                 :   17px;
  left                :   32px;
  z-index             :   5;
}
#titre-site{
  text-indent         :   -9999px;
}
#menu-haut{
  position            :   absolute;
  top                 :   103px;
  right               :   62px;
  background          :   url(/img/site/menu-haut.png) no-repeat left -10px;
}
#menu-haut ul{
  margin              :   0 0 0 8px;
  padding             :   2px 17px 0 10px;
  list-style-type     :   none;
  background-color    :   #fff;
}
#menu-haut ul li{
  display             :   inline;
  padding-left        :   18px;
  padding-right       :   12px;
  font-family         :   Verdana;
  font-size           :   11px;
  color               :   #75405d;
  background          :   url(/img/site/menu-haut.png) no-repeat left 5px;
}
#menu-haut ul > li:first-child{
  padding-left        :   0;
  background          :   none;
}

#lien-paristech{
  position            :   absolute;
  top                 :   16px;
  right               :   -60px;
  z-index             :   5;
  width               :   100px;
  height              :   113px;
  background          :   url(/img/site/logo-paristech.png) no-repeat left top;
  text-indent         :   -9999px;
}

/**************************************/
/*          BLOC CENTRAL              */
/**************************************/

/***    COLONE GAUCHE   ***/
#cadre-colonne-1 .corps{
  padding             :   0;
}

/* Menu principal */
ul#menu-librairie, ul#menu-librairie ul{
  margin              :   0;
  padding             :   0;
  list-style-type     :   none;
}
ul#menu-librairie{
  margin              :   0 0 14px 16px;
  width               :   123px;
  background          :   url(/img/site/menu.png) no-repeat left bottom;
}
/* menu  */
ul#menu-librairie li.menu > a{
  display             :   block;
  height              :   25px;
  padding-top         :   5px;
  background          :   url(/img/site/menu.png) no-repeat left top;
  font-size           :   13px;
  text-align          :   center;
  text-decoration     :   none;
}
ul#menu-librairie li.menu > a span{
  font-weight         :   bold;
  font-size           :   16px;
}
ul#menu-librairie li.menu > ul{
  padding             :   0 10px 12px 10px;
  text-align          :   right;
}
/* th�me  */
ul#menu-librairie li.theme > span{
  display             :   block;
  margin-top          :   10px;
  padding-bottom      :   6px;
  font-family         :   Verdana;
  font-size           :   12px;
  font-weight         :   bold;
  background          :   url(/img/site/separateur.png) no-repeat right bottom;
}
ul#menu-librairie li.theme.actif > span a, ul#menu-librairie li.theme > span a:hover, ul#menu-librairie li.theme > span a:focus{
  text-decoration     :   none;
  color               :   #005072;
}
ul#menu-librairie li.theme > span a{
  background          :   url(/img/site/menu.png) no-repeat -123px top;
  padding-left        :   17px;
}
/* sous-th�me  */
ul#menu-librairie li.sous-theme{
  font-family         :   Verdana;
  font-size           :   11px;
  margin              :   4px 0;
}
ul#menu-librairie li.sous-theme.actif a, ul#menu-librairie li.sous-theme a:hover, ul#menu-librairie li.sous-theme a:focus{
  text-decoration     :   none;
  color               :   #005072;
}

/* Newsletter  */
a#menu-newsletter{
  display             :   block;
  width               :   80px;
  height              :   30px;
  margin-left         :   14px;
  margin-bottom       :   12px;
  padding             :   4px 35px 0 16px;
  background          :   url(/img/site/menu-boutons.png) no-repeat left top;
  font-family         :   Verdana;
  font-size           :   10px;
  color               :   #75405d;
}
a#menu-newsletter span{
  font-weight         :   bold;
}
a#menu-newsletter:hover{
  background-position :   right top;
  text-decoration     :   none;
  color               :   #005072;
}

/* Catalogue (fichier pdf) */
a#catalogue{
  display             :   block;
  width               :   81px;
  height              :   90px;
  margin-left         :   12px;
  margin-bottom       :   12px;
  padding             :   13px 35px 0 15px;
  background          :   url(/img/site/menu-boutons.png) no-repeat left -34px;
  font-size           :   14px;
  color               :   #fff;
}
a#catalogue:hover{
  background-position :   right -34px;
  text-decoration     :   none;
  color               :   #333333;
}

/***    COLONE MILIEU   ***/
#fil-ariane{
  margin-bottom           :   15px;
}
#fil-ariane, #fil-ariane a{
  font-size               :   11px;
  color                   :   #707173;
}
#cadre-colonne-milieu .corps{
  min-height              :   450px;
  padding-bottom          :   20px;
  overflow                :   hidden;
}

/* Module index (Edito)*/
#mod-index #index-edito{
  background              :   url(/img/site/separateur.png) repeat-x right bottom;
  padding-bottom          :   12px;
  margin-bottom           :   12px;
}

/* Module index (Actualites)*/
#mod-index #index-actualite{
  background              :   url(/img/site/separateur.png) repeat-x right bottom;
  padding-bottom          :   12px;
  margin-bottom           :   12px;
  overflow                :   hidden;
}
#mod-index #index-actualite #diaporama_masque{
  position                :   relative;
  overflow                :   hidden;
}
#mod-index #index-actualite ul#diaporama{
  position                 :   absolute;/* /!\ chargement */
  list-style-type          :   none;
  margin                   :   0;
  padding                  :   0;
  text-align               :   left;
}
#mod-index #index-actualite ul#diaporama li{
  width                   :   100%;
  display                 :   block;
  float                   :   left;
  overflow                :   hidden;
}
#mod-index #index-actualite .photo{
  position                :   absolute;
  z-index                 :   1;
  width                   :   156px;
  min-height              :   207px;
  background              :   url(/img/site/index-actualite.png) no-repeat right top;
}
#mod-index #index-actualite .contenu{
  position                :   relative;
  background              :   url(/img/site/index-actualite.png) no-repeat left top;
  height                  :   207px;
  padding                 :   0 40px 0 17px;
}
#mod-index #index-actualite .contenu.avec-photo{
  padding-left            :   172px;
}
#mod-index #index-actualite .contenu > a{
  display                 :   block;
  font-size               :   17px;
  color                   :   #fff;
}
#mod-index #index-actualite .contenu > a span{
  font-size               :   27px;
}
#mod-index #index-actualite .contenu h2{
  margin-top              :   10px;
  margin-bottom           :   6px;
}
#mod-index #index-actualite .contenu h2 a{
  font-size               :   19px;
  font-weight             :   bold;
  color                   :   #fff;
}
#mod-index #index-actualite .contenu p{
  font-family             :   Verdana;
  font-size               :   11px;
  font-weight             :   normal;
  line-height             :   16px;
  color                   :   #fff;
  cursor                  :   pointer;
}
#mod-index #index-actualite .contenu a.voir{
  position                :   absolute;
  bottom                  :   3px;
  right                   :   4px;
  display                 :   block;
  width                   :   34px;
  height                  :   32px;
  background-position     :   left -10px;
}
#mod-index #index-actualite .contenu a.voir:hover{
  background-position     :   -34px -10px;
}

/* Module index (Produits nouveaut�s) */
#mod-index .index-produits.nouveautes{
  width                   :   255px;
  float                   :   left;
  overflow                :   hidden;
}
#mod-index .index-produits.nouveautes .titre2{
  padding-left            :   0;
  background-position     :   -310px 4px;
}
#mod-index .index-produits.nouveautes .titre2 > span{
  padding-right           :   0;
  padding-left            :   18px;
  background              :   url(/img/site/titre2.png) no-repeat left 4px;
}
#mod-index .index-produits.nouveautes .titre2 a{
  color                   :   #005072;
}
/* Module index (Produits nouveaut�s + Produits ventes) */
#mod-index .index-produits dl{
  clear                   :   both;
  overflow                :   hidden;
  margin-bottom           :   10px;
}
#mod-index .index-produits .photo{
  float                   :   left;
  margin-right            :   10px;
  background              :   url(/img/site/produit.png) no-repeat left bottom;
  padding-bottom          :   15px;
}
#mod-index .index-produits .prix{
  margin-top              :   3px;
  font-family             :   Verdana;
  font-size               :   14px;
  font-weight             :   bold;
  color                   :   #75405d;
}
#mod-index .index-produits .prix span{
  font-size               :   13px;
  font-weight             :   bold;
  color                   :   #707173;
  text-decoration         :   line-through;
  padding-right           :   5px;
}
#mod-index .index-produits .panier{
  float                   :   right;
  margin-top              :   6px;
  margin-right            :   25px;
  text-indent             :   -9999px;
  overflow                :   hidden;
}
#mod-index .index-produits .panier a{
  display                 :   block;
  width                   :   130px;
  height                  :   34px;
  background              :   url(/img/site/produit.png) no-repeat -90px top;
}
#mod-index .index-produits .panier a:hover{
  background-position     :   -220px top;
}
/* Module index (Produits ventes) */
#mod-index .index-produits.ventes dl{
  padding                 :   0 7px;
}
#mod-index .index-produits.ventes{
  float                   :   right;
  width                   :   259px;
  overflow                :   hidden;
  background              :   url(/img/site/produit-ventes.png) no-repeat right bottom #E2E2E3;
  margin-top              :   6px;
}
#mod-index .index-produits.ventes .titre2{
  height                  :   35px;
  background              :   url(/img/site/produit-ventes.png) no-repeat left top;
  padding                 :   3px 0 0 0;
  text-align              :   center;
}
#mod-index .index-produits.ventes .titre2 span{
  padding                 :   0 !important;
  background              :   none !important;
}
#mod-index .index-produits.ventes .titre2 a{
  padding                 :   0;
  color                   :   #fff;
  font-size               :   17px;
  font-weight             :   normal;
  background              :   none;
}
#mod-index .index-produits.ventes .titre2 a > span{
  font-size               :   27px;
}
#mod-index .index-produits.ventes .photo{
  float                   :   left;
  margin-right            :   10px;
  background              :   none !important;
  padding-bottom          :   0 !important;
}
#mod-index .index-produits.ventes .panier{
  margin-right            :   15px !important;
}

/* Tous Modules (defaut) */
#cadre-colonne-milieu .titre1{
  clear                   :   both;
  background              :   url(/img/site/titre1.png) no-repeat left top;
  height                  :   45px;
  padding-top             :   10px;
  margin-bottom           :   10px;
}
#cadre-colonne-milieu .titre1, #cadre-colonne-milieu .titre1 a{
  font-size               :   20px;
  font-weight             :   bold;
  color                   :   #fff;
  text-indent             :   12px;
}
#cadre-colonne-milieu .titre2{
  clear                   :   both;
  background              :   url(/img/site/titre2.png) no-repeat -30px 4px;
  padding-left            :   18px;
  margin-bottom           :   10px;
}
#cadre-colonne-milieu .titre2 span, #cadre-colonne-milieu .titre2 a{
  background              :   url(/img/site/titre2.png) no-repeat right 4px;
  padding-right           :   18px;
}
#cadre-colonne-milieu .titre2, #cadre-colonne-milieu .titre2 a{
  font-size               :   17px;
  font-weight             :   normal;
  color                   :   #75405d;
}
.lst #cadre-colonne-milieu .titre3, .lst #cadre-colonne-milieu .titre3 a{
  font-size               :   13px;
  font-weight             :   bold;
  color                   :   #75405d;
  margin-bottom           :   3px;
}
.frm #cadre-colonne-milieu .titre3, .frm #cadre-colonne-milieu .titre3 a{
  font-size               :   20px;
  font-weight             :   bold;
  color                   :   #75405d;
  margin-bottom           :   10px;
}
/*
a.retour{
    clear                   :   both;
    display                 :   block;
    margin-top              :   4px;
    background-position     :   -0px -30px;
    text-indent             :   -9999px;
}
a.retour:hover,
a.retour:hover{
    background-position     :   -78px -30px;
}
*/
.voir{
  background              :   url(/img/site/voir.png) no-repeat left top;
  text-indent             :   -9999px;
}
.voir, .voir.inactif{
  background-position     :   left top;
  position                :   absolute;
  width                   :   10px;
  height                  :   10px;
  margin-left             :   5px;
  margin-top              :   3px;
}
.voir:hover, .voir.actif{
  background-position     :   -34px top;
  text-decoration         :   none;
}

.lst #cadre-colonne-milieu .accroche{
  font-size               :   11px;
  font-weight             :   normal;
  color                   :   #707173;
  cursor                  :   pointer;
}
.frm #cadre-colonne-milieu .accroche{
  font-size               :   12px;
  line-height             :   18px;
  font-weight             :   bold;
  color                   :   #75405d;
  background              :   url(/img/site/separateur.png) repeat-x right bottom;
  padding-bottom          :   15px;
  margin-bottom           :   15px;
  overflow                :   hidden;
}

/* Module actualites + article */
#mod-actualites .data,
#mod-articles .data{
  clear               :   both;
  overflow            :   hidden;
  background          :   url(/img/site/separateur.png) repeat-x right bottom;
  padding-bottom      :   10px;
  margin-bottom       :   20px;
}
#mod-actualites .data .photo,
#mod-articles .data .photo{
  float               :   left;
  margin-right        :   10px;
  background          :   url(/img/site/produit.png) no-repeat left bottom;
  padding-bottom      :   15px;
}
#mod-actualites.frm .photo,
#mod-articles.frm .photo{
  float               :   left;
  margin-right        :   15px;
}
#mod-actualites .data .accroche,
#mod-articles .data .accroche{
  padding-bottom      :   10px;
}
#mod-actualites.frm .lst-small,
#mod-articles.frm .lst-small{
  margin-top              :   18px;
}
#mod-actualites.frm .lst-small ul,
#mod-articles.frm .lst-small ul{
  margin                  :   0;
  padding                 :   0;
  list-style-type         :   disc;
  list-style-position     :   inside;
}
#mod-actualites.frm .lst-small ul li,
#mod-articles.frm .lst-small ul li{
  margin-bottom           :   4px;
}
#galerie-photos{
  clear                   :   both;
  width                   :   530px;
  position                :   relative;
  overflow                :   hidden;
  border                  :   1px double #864167;
  margin                  :   0 auto;
  margin-top              :   10px;
}
#diaporama_photos_masque{
  position                :   relative;
  overflow                :   hidden;
  margin                  :   10px auto;
}
ul#diaporama_photos{
  position                 :   absolute; /* /!\ chargement */
  list-style-type          :   none;
  margin                   :   0;
  padding                  :   0;
  text-align               :   left;
  background-color         :   #fff;
}
ul#diaporama_photos li{
  width                   :   100%;
  display                 :   block;
  float                   :   left;
}
ul#diaporama_photos li img{
  border                  :   1px solid #ccc;
}
ul#diaporama_photos li p{
  display                 :   block;
  font-size               :   11px;
  color                   :   #000;
  width                   :   100px;
}
#galerie-photos .fleches{
  position                :   absolute;
  background              :   url(/img/site/fleches.png) no-repeat left top;
  width                   :   26px;
  height                  :   25px;
  cursor                  :   pointer;
  display                 :   none;
  top                     :   50%;
  z-index                 :   2;
}
#galerie-photos .fleches#gauche{
  left                    :   0;
  margin-left             :   5px;
  background-position     :   0 0;
}
#galerie-photos .fleches#gauche:hover{
  background-position     :  0 -25px;
}
#galerie-photos .fleches#droite{
  right                   :   0;
  margin-right            :   5px;
  background-position     :  -26px 0;
}
#galerie-photos .fleches#droite:hover{
  background-position     :   -26px -25px;
}

/* Module Produits */
#mod-produits dl.data{
  width                   :   255px;
  float                   :   left;
  overflow                :   hidden;
  margin-bottom           :   10px;
}
#mod-produits dl.data.clear{
  margin-right            :   25px;
}
#mod-produits.lst .photo{
  float                   :   left;
  margin-right            :   10px;
  background              :   url(/img/site/produit.png) no-repeat left bottom;
  padding-bottom          :   15px;
}
#mod-produits.lst .prix{
  margin-top              :   3px;
  font-family             :   Verdana;
  font-size               :   14px;
  font-weight             :   bold;
  color                   :   #75405d;
}
#mod-produits.lst .prix span{
  font-size               :   13px;
  font-weight             :   bold;
  color                   :   #707173;
  text-decoration         :   line-through;
  padding-right           :   5px;
}
#mod-produits.lst .panier{
  float                   :   right;
  margin-top              :   6px;
  margin-right            :   25px;
  text-indent             :   -9999px;
  overflow                :   hidden;
}
#mod-produits.lst .panier a{
  display                 :   block;
  width                   :   130px;
  height                  :   34px;
  background              :   url(/img/site/produit.png) no-repeat -90px top;
}
#mod-produits.lst .panier a:hover{
  background-position     :   -220px top;
}

#mod-produits.frm .fiche-ouvrage{
  position                :   relative;
  padding-bottom          :   40px;
  margin-bottom           :   40px;
  background              :   url(/img/site/produit-frm.png) no-repeat right bottom #eeeeef;
}
#mod-produits.frm .fiche-ouvrage.avec-photo{
  margin-top              :   20px;
}
#mod-produits.frm .fiche-ouvrage .photo{
  margin                  :   0 6px;
  margin-top              :   -20px;
  float                   :   right;
  padding-bottom          :   20px;
}
#mod-produits.frm .fiche-ouvrage .titres{
  background              :   url(/img/site/produit-frm.png) no-repeat center bottom #90a0c1;
  padding-bottom          :   20px;
}
#mod-produits.frm .fiche-ouvrage .titres h1{
  padding                 :   12px 0 12px 10px;
  background              :   url(/img/site/produit-frm.png) no-repeat left top;
  font-size               :   20px;
  font-weight             :   bold;
  color                   :   #fff;
}
#mod-produits.frm .fiche-ouvrage .titres h2{
  overflow                :   hidden;
  padding                 :   10px 0;
  margin                  :   0 10px;
  background              :   url(/img/site/separateur.png) repeat-x right top;
  font-size               :   18px;
  font-weight             :   normal;
  color                   :   #fff;
}
#mod-produits.frm .fiche-ouvrage > p{
  padding-left            :   10px;
  font-size               :   12px;
  font-weight             :   normal;
  color                   :   #000;
  margin-bottom           :   4px;
}
#mod-produits.frm .fiche-ouvrage p.auteur,
#mod-produits.frm .fiche-ouvrage p.collection{
  font-size               :   14px;
  font-weight             :   bold;
  color                   :   #000;
  padding-left            :   10px;
  margin-bottom           :   6px;
}
#mod-produits.frm .fiche-ouvrage p.auteur span,
#mod-produits.frm .fiche-ouvrage p.collection span{
  color                   :   #75405d;
}
#mod-produits.frm .prix{
  position                :   relative;
  overflow                :   hidden;
  padding                 :   10px;
  min-height              :   55px;
  font-family             :   Verdana;
  font-size               :   10px;
  font-weight             :   bold;
  color                   :   #75405d;
}
#mod-produits.frm .prix #prix,
#mod-produits.frm .prix #prix_raye{
  clear                   :   both;
  overflow                :   hidden;
  max-width               :   185px;
}
#mod-produits.frm .prix .valeur{
  display                 :   block;
  float                   :   right;
}
#mod-produits.frm .prix #prix{
  margin-bottom           :   5px;
  font-size               :   11px;
  color                   :   #75405d;
}
#mod-produits.frm .prix #prix .valeur{
  font-size               :   16px;
}
#mod-produits.frm .prix #prix_raye{
  background              :   url(/img/site/separateur.png) repeat-x left top;
  padding-top             :   5px;
  font-size               :   10px;
  color                   :   #7b7c7e;
}
#mod-produits.frm .prix #prix_raye .valeur{
  font-size               :   14px;
}
#mod-produits.frm .prix #legende_prix{
  position                :   absolute;
  bottom                  :   0;
}
#mod-produits.frm .panier{
  position                :   absolute;
  left                    :   205px;
  top                     :   15px;
  bottom                  :   23px;
  text-indent             :   -9999px;
}
#mod-produits.frm .panier a{
  display                 :   block;
  width                   :   110px;
  height                  :   40px;
  background              :   url(/img/site/produit.png) no-repeat -90px -34px;
}
#mod-produits.frm .panier a:hover{
  background-position     :   -248px -34px;
}
#mod-produits.frm .descriptif{
  font-size               :   12px;
  line-height             :   18px;
  font-weight             :   normal;
}
#mod-produits.frm .rubrique{
  margin-top              :   18px;
}
#mod-produits.frm .rubrique ul{
  margin-top              :   18px;
  font-size               :   12px;
  line-height             :   18px;
  font-weight             :   normal;
}
#mod-produits.frm .rubrique .sommaire{
  margin-top              :   18px;
  font-size               :   12px;
  line-height             :   18px;
  font-weight             :   normal;
  color                   :   #6f7fa1;
}
#mod-produits.frm .rubrique ul{
  margin                  :   0;
  padding                 :   0;
  list-style-type         :   none;
  list-style-position     :   inside;
  overflow                :   hidden;
}
#mod-produits.frm ul.themes > li:first-child{/* /!\ ie.css */
  list-style-position     :   outside;
}
#mod-produits.frm ul.themes li{/* /!\ ie.css */
  float                   :   left;
  list-style-type         :   disc;
  padding-right           :   10px;
}
#mod-produits.frm ul.traductions li{
  list-style-type         :   disc;
}

#mod-produits.frm ul.ouvrages > li span{
  font-size               :   13px;
}
#mod-produits.frm ul.ouvrages ul{
  margin-top              :   6px;
  margin-bottom           :   15px;
  list-style-type         :   disc;
  margin-left             :   10px;
}
#mod-produits.frm ul.ouvrages.sans-auteur > li span{
  display                 :   none;
}
#mod-produits.frm ul.ouvrages.sans-auteur ul{
  margin-left             :   0;
}

#mod-produits .fonctionnalites{
  position            :   relative;
  overflow            :   hidden;
  padding             :   10px;
  background-color    :   #F6F7F8;
  border              :   1px solid #E4E4E5;
  margin-bottom       :   10px;
  font-family         :   Verdana;
}
#mod-produits .fonctionnalites, #mod-produits .fonctionnalites a, #mod-produits .fonctionnalites label{
  font-size           :   11px;
  font-weight         :   normal;
  color               :   #000;
}
/*
#mod-produits form.tri{
    width               :   265px;
    float               :   left;
}
#mod-produits form.tri select{
    width               :   180px;
    margin-left         :   6px;
}*/
#mod-produits .fonctionnalites .total-biens{
  width               :   250px;
  float               :   left;
}
#mod-produits .fonctionnalites .pagination{
  clear               :   both;
  margin-bottom       :   5px;
}
#mod-produits .fonctionnalites .pagination span{
  font-weight         :   bold;
}
#mod-produits .fonctionnalites .pagination ol{
  overflow            :   hidden;
  margin              :   0;
  padding             :   0;
  list-style-type     :   none;
}
#mod-produits .fonctionnalites .pagination ol li{
  display             :   inline;
  padding             :   0;
}
#mod-produits .fonctionnalites .pagination ol li a{
  display             :   inline-block;
  padding             :   0 5px;
  border              :   1px solid #bbb;
  background-color    :   #fff;
  text-decoration     :   none;
  color               :   #005072;
}
#mod-produits .fonctionnalites .pagination ol li.actif a, #mod-produits .fonctionnalites .pagination ol li a:hover, #mod-produits .fonctionnalites .pagination ol li a:focus{
  background-color    :   #75405d;
  color               :   #fff;
}
#mod-produits .fonctionnalites .nb-elements-page{
  float               :   right;
}
#mod-produits .fonctionnalites select{
  font-size           :   12px;
  margin              :   0 3px;
  padding             :   0;
  vertical-align      :   middle;
}

/* Module liens */
#mod-liens dl.data{
  clear                   :   both;
  overflow                :   hidden;
  margin-bottom           :   15px;
  padding-bottom          :   15px;
  background              :   url(/img/site/separateur.png) repeat-x right bottom;
}
#mod-liens dl.data .photo{
  float                   :   left;
  margin-right            :   10px;
  background              :   url(/img/site/produit.png) no-repeat left bottom;
  padding-bottom          :   15px;
}
#mod-liens dl.data .descriptif{
  font-size               :   12px;
  color                   :   #707173;
  margin                  :   5px 0;
}
#mod-liens dl.data .lien a{
  font-family             :   Verdana;
  font-size               :   11px;
  color                   :   #005072;
}

/* Module espace client */
#mod-espace_client .rubriques .titre2{
  margin-top             :   30px;
}
#mod-espace_client .rubriques a{
  display             :   inline-block;
  margin              :   5px 0 0 15px;
  text-decoration     :   underline;
}
#mod-espace_client .liens{
  margin-top             :   50px;
  text-align             :   center;
}
#mod-espace_client .liens a{
  margin                 :  0 15px;
  text-decoration        :  underline;
}
#mod-espace_client .liens a:hover{
  color                  :   #005072;
}
#mod-espace_client .acceptation-rgpd{
  display: table-row;
}
#mod-espace_client .acceptation-rgpd input,
#mod-espace_client .acceptation-rgpd label{
  display: table-cell;
}

/* Module espace_client -> espace d'identification (identification + inscription + mdp) */
#mod-espace_client #espace-identification form{
  margin                  :   0 auto;
}
#mod-espace_client #espace-identification form td.label{
  text-align              :   right;
  vertical-align          :   middle;
  padding-right           :   10px;
  width                   :   200px;
}
#mod-espace_client #espace-identification form td.input input,
#mod-espace_client #espace-identification form td.input textarea {
  width                   :   310px;
}
#mod-espace_client #espace-identification form td.radio{
  padding                 :   5px 0;
}
#mod-espace_client #espace-identification form #crypto{
  overflow                :   hidden;
  margin                  :   0 20px;
  text-align              :   center;
}
#mod-espace_client #espace-identification form #crypto h4{
  font-size               :   12px;
  background-color        :   #864167;
  color                   :   #fff;
  padding                 :   2px 0 2px 0;
  margin-top              :   5px;
}
#mod-espace_client #espace-identification form #crypto p{
  margin                  :   5px 0 5px 0;
}
#mod-espace_client #espace-identification form #crypto table{
  margin                  :   0 auto;
}

#mod-espace_client #espace-identification form #boutons{
  padding-top             :   20px;
  text-align              :   center;
}
/* Module espace client -> Menu */
#mod-espace_client ul#espace-client-menu{
  overflow            :   hidden;
  margin              :   0;
  padding             :   0;
  list-style-type     :   none;
  padding             :   10px 10px 10px 0px;
  margin-bottom       :   15px;
  border-bottom       :   1px dashed #75405D;
}
#mod-espace_client ul#espace-client-menu li{
  float               :   left;
  padding-left        :   15px;
  margin-top          :   10px;
  margin-left         :   10px;
  background          :   url(/img/site/menu-haut.png) no-repeat left 5px;
}
#mod-espace_client ul#espace-client-menu li.actif a, #mod-espace_client ul#espace-client-menu li:hover a{
  text-decoration     :   none;
  color               :   #005072;
}
#mod-espace_client ul#espace-client-menu li:first-child{
  background          :   none;
  margin-left         :   0;
  padding-left        :   0;
}
#mod-espace_client ul#espace-client-menu li a, #mod-espace_client .deconnexion{
  font-size           :   12px;
  font-weight         :   bold;
  color               :   #75405D;
  text-align          :   left;
}
#mod-espace_client .deconnexion{
  float               :   right;
}

/* Module espace_client -> panier  */
#mod-espace_client #panier #etapes{
  margin-bottom   :   25px;
  overflow        :   hidden;
}
#mod-espace_client #panier #etapes > p:first-child{
  background      :   none !important;
  padding-left    :   0;
  margin-left     :   0;
}
#mod-espace_client #panier #etapes > p{
  float           :   left;
  width           :   90px;
  min-height      :   50px;
  margin-left     :   15px;
  padding-left    :   40px;
  background      :   url(/img/site/espace_client/panier/fleche.png) no-repeat left 15px;
  font-size       :   12px;
  line-height     :   18px;
  color           :   #ccc;
}
#mod-espace_client #panier #etapes > p.actif{
  color           :   #585858;
}
#mod-espace_client #panier #etapes > p span{
  display         :   block;
  text-transform  :   capitalize;
  font-weight     :   bold;
}
#mod-espace_client #panier p{
  margin                  :   10px 0;
}

#mod-espace_client #panier #tab_adresse_livraison{
  padding                 :   10px;
  margin                  :   10px 0;
  margin-bottom           :   25px;
  border                  :   1px solid #75405D;
}
#mod-espace_client #panier #tab_adresse_livraison td.input input,
#mod-espace_client #panier #tab_adresse_livraison td.input textarea {
  width                   :   350px;
}
#mod-espace_client #panier #tab_adresse_livraison .bouton{
  margin-top              :   20px;
}
#mod-espace_client #panier table.tableau{
  width                   :   100%;
  border-collapse         :   separate;
  border-spacing          :   1px;
}
#mod-espace_client #panier table.tableau tr .col_1{
  width                   :   40%;
}
#mod-espace_client #panier table.tableau tr .col_2,
#mod-espace_client #panier table.tableau tr .col_3,
#mod-espace_client #panier table.tableau tr .col_4,
#mod-espace_client #panier table.tableau tr .col_5{
  width                   :   15%;
}
#mod-espace_client #panier table.tableau tr th{
  background-color        :   #75405D;
  text-align              :   center;
  color                   :   #fff;
  font-weight             :   bold;
  vertical-align          :   middle;
  padding                 :   10px 0;
}
#mod-espace_client #panier table.tableau tr td{
  background-color        :   #f1f1f1;
  padding                 :   2px 5px;
  border-bottom           :   1px dashed #999;
  color                   :   #75405D;
}
#mod-espace_client #panier table.tableau tr td.col_5 a{
  margin                  :   0 auto;
  display                 :   block;
  width                   :   15px;
  height                  :   14px;
  background              :   url(/img/site/espace_client/panier/supprimer.png) no-repeat left top;
}
#mod-espace_client #panier table.tableau tr td.col_5 a:hover{
  background-position     :  -20px top;
}
#mod-espace_client #panier table.tableau tr td input{
  width                   :   40px;
  text-align              :   right;
}
#mod-espace_client #panier table.tableau tr .col_vide{
  background-color        :   transparent;
  border                  :   none;
}
#mod-espace_client #panier .tab-panier-total tr .col_3{
  width                   :   30%;
}
#mod-espace_client #panier .tab-panier-total tr td{
  padding-top             :   8px;
}

#mod-espace_client #panier .liens-panier{
  margin                  :   0;
  padding                 :   0;
  list-style-type         :   none;
  overflow                :   hidden;
  margin-top              :   20px;
}
#mod-espace_client #panier .liens-panier li {
  float                   :   left;
  margin-left             :   5px;
}
#mod-espace_client #panier .liens-panier li a{
  text-decoration         :   none;
  /*   padding-left            :   33px;*/
}
#mod-espace_client #panier .panier-retour{
  background-image        :   url(/img/site/espace_client/panier/retour.png);
}
#mod-espace_client #panier .panier-vider{
  background-image        :   url(/img/site/espace_client/panier/vider.png);
}
#mod-espace_client #panier .panier-regler{
  background-image        :   url(/img/site/espace_client/panier/regler.png);
}
#mod-espace_client #panier .panier-recalcul{
  position                :   absolute;
  background-image        :   url(/img/site/espace_client/panier/rafraichir.png);
}
#mod-espace_client #panier .panier-annuler{
  background-image        :   url(/img/site/espace_client/panier/annuler.png);
}

/* Module espace_client -> panier -> authentification  */
#mod-espace_client #espace-identification.panier h2.titre2{
  background              :   none;
  color                   :   #707173;
  padding                 :   0;
  border-bottom           :   1px dashed #707173;
}
#mod-espace_client #espace-identification.panier h2.titre2 span{
  background              :   none;
}

/* Module espace_client -> commande  */
#mod-espace_client #commande p{
  margin                  :   10px 0;
}
#mod-espace_client #commande table{
  width                   :   100%;
  border-collapse         :   separate;
  border-spacing          :   1px;
}
#mod-espace_client #commande table tr .col_1,
#mod-espace_client #commande table tr .col_2,
#mod-espace_client #commande table tr .col_3{
  width                   :   33%;
}
#mod-espace_client #commande table tr th{
  background-color        :   #75405D;
  text-align              :   center;
  color                   :   #fff;
  font-weight             :   bold;
  vertical-align          :   middle;
  padding                 :   10px 0;
}
#mod-espace_client #commande table tr td{
  background-color        :   #f1f1f1;
  padding                 :   5px;
  border-bottom           :   1px dashed #999;
  color                   :   #75405D;
}


/***    COLONE DROITE   ***/
#cadre-colonne-2 .corps{
  padding-left            :   25px;
}
#cadre-colonne-2 .corps .picto{
  width                   :   208px;
  height                  :   12px;
  margin                  :   6px 0;
  background              :   url(/img/site/picto.png) no-repeat center top ;
}
/* blocs sidebar */
.bloc-sidebar ul{
    margin: 0;
    list-style-type: none;
}
.bloc-sidebar{
    padding: 4px;
    max-width: 208px;
    border: 1px solid #bbbdbe;
    border-radius: 10px;
}
.bloc-sidebar-titre{
    padding: 5px;
    border-radius: 6px 6px 0 0;
    background-color: #562c43;
    font-size: 13px;
    color: #fff;
}
.bloc-sidebar-titre span{
    font-size: 15px;
    font-weight: bold;
}
.bloc-sidebar-contenu{
    position: relative;
    padding: 5px;
    background: yellow;
    border-radius: 0 0 6px 6px;
    background-image: linear-gradient(-90deg,#f1f1f1, #fff);
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bloc-sidebar-contenu .lien-pave{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    cursor: pointer;
}
.bloc-sidebar-contenu .lien-pave-picto{
    display: inline-block;
    max-width: 55px;
    margin-right: 10px;
    vertical-align: top;
}
.bloc-sidebar-contenu .lien-pave-texte{
    position: relative;
    display: inline-block;
    width: calc(100% - 80px);
    margin-top: 14px;
    padding-right: 10px;
    font-weight: bold;
    font-family: Verdana;
    color: #333;
}
.bloc-sidebar-contenu .lien-pave-texte:hover{
    color: #75405d;
}

/* blocs sidebar (exceptions)  */
#bloc-liens-formations .bloc-sidebar-contenu{
    padding: 95px 0 0 10px;
}
#bloc-liens-formations .bloc-sidebar-contenu::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 100%;
    background-image: url(/img/site/bg-formations.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
#bloc-liens-formations #axn-toggle{
    position: relative;
}
#bloc-liens-formations #axn-toggle::after{
    position: absolute;
    content: "+";
    top: 20px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background-color: #542a42;
    text-shadow: none;
}
#bloc-liens-formations #axn-toggle.open::after{
    content: "-";
    background-color: #9d7b93;
}
#bloc-liens-formations #axn-toggle-content{
    border-left: 4px solid #9d7b93;
    padding-left: 15px;
}
#bloc-liens-formations #axn-toggle-content .lien-pave-texte{
    width: 100%;
    text-align: right;
}
/* Moteur de recherche */
#recherche{
  position                :   relative;
  width                   :   208px;
  padding-top             :   30px;
  overflow                :   hidden;
  background              :   url(/img/site/recherche.png) no-repeat left top;
}
#recherche fieldset{
  margin                  :   0;
  padding                 :   0 7px;
  padding-bottom          :   5px;
  border                  :   none;
  background              :   url(/img/site/recherche.png) no-repeat left bottom;
}
#recherche fieldset legend{
  position                :   absolute;
  top                     :   2px;
  font-size               :   17px;
  font-weight             :   bold;
  color                   :   #75405d;
  text-align              :   center;
  margin-left             :   55px;
}
#recherche label{
  display                 :   block;
  margin-top              :   3px;
  font-family             :   Verdana;
  font-size               :   10px;
  font-weight             :   normal;
  color                   :   #75405d;
}
#recherche .recherche-libre input,
#recherche select, #recherche option{
  width                   :   190px;
  background-color        :   #efefef;
}
#recherche label{
  display                 :   block;
  margin-top              :   3px;
  font-family             :   Verdana;
  font-size               :   10px;
  font-weight             :   normal;
  color                   :   #75405d;
}
#recherche .rechercher{
  display                 :   inline-block;
  padding-right           :   7px;
  background-color        :   #fff;
}
#recherche .rechercher label{
  display                 :   inline;
  padding-right           :   7px;
  background-color        :   #fff;
}
#recherche .rechercher .btn-rechercher{
  width                   :   24px;
  height                  :   20px;
  border                  :   none;
  background              :   url(/img/site/recherche.png) no-repeat right 4px;
  text-indent             :   -9999px;
}
#recherche .rechercher .btn-rechercher:hover{
  background-position     :   right bottom;
}

/* Panier */
#cadre-colonne-2 #panier-droite{
  position            :   relative;
  width               :   208px;
  height              :   42px;
  background          :   url(/img/site/panier.png) no-repeat left top;
}
#cadre-colonne-2 #panier-droite div{
  position            :   absolute;
  top                 :   22px;
  left                :   60px;
  font-size           :   12px;
  color               :   #75405d;
}
#cadre-colonne-2 #panier-droite a{
  display             :   block;
  width               :   28px;
  height              :   24px;
  float               :   right;
  margin              :   9px;
  background          :   url(/img/site/panier.png) no-repeat left bottom;
  text-indent         :   -9999px;
}
#cadre-colonne-2 #panier-droite a:hover{
  background-position :   right bottom;
}

/* Espace client */
#cadre-colonne-2 form#bloc-espace-client{
  position            :   relative;
  width               :   208px;
  min-height          :   95px;
  background          :   url(/img/site/espace-client.png) no-repeat left bottom;
  padding-bottom      :   20px;
}
#cadre-colonne-2 form#bloc-espace-client fieldset{
  margin              :   0;
  padding             :   25px 8px 8px 8px;
  border              :   none;
  background          :   url(/img/site/espace-client.png) no-repeat left -55px;
}
#cadre-colonne-2 form#bloc-espace-client label{
  display             :   inline-block;
  width               :   75px;
  font-family         :   Verdana;
  font-size           :   10px;
  font-weight         :   normal;
  color               :   #75405d;
}
#cadre-colonne-2 form#bloc-espace-client div input{
  width               :   86px;
  background-color    :   #efefef;
  font-size           :   10px;
  margin              :   2px 0;
}
#cadre-colonne-2 form#bloc-espace-client .btn-connexion{
  position            :   absolute;
  top                 :   42px;
  right               :   8px;
  width               :   19px;
  height              :   19px;
  border              :   none;
  background          :   url(/img/site/espace-client.png) no-repeat left -36px;
  text-indent         :   -9999px;
}
#cadre-colonne-2 form#bloc-espace-client .btn-connexion:hover{
  background-position :   right -36px;
}
#cadre-colonne-2 form#bloc-espace-client .oubli_mot_passe,
#cadre-colonne-2 form#bloc-espace-client .informations{
  display             :   block;
  font-family         :   Verdana;
  font-size           :   10px;
  font-weight         :   normal;
  color               :   #707173;
  margin-top          :   3px;
}
#cadre-colonne-2 form#bloc-espace-client .inscription,
#cadre-colonne-2 form#bloc-espace-client .deconnexion{
  position            :   absolute;
  bottom              :   4px;
  left                :   4px;
  display             :   block;
  width               :   200px;
  height              :   18px;
  background          :   url(/img/site/espace-client.png) no-repeat left top;
  font-size           :   12px;
  line-height         :   18px;
  color               :   #005072;
  text-indent         :   10px;
  text-decoration     :   none;
}
#cadre-colonne-2 form#bloc-espace-client .inscription span{
  font-weight         :   bold;
}
#cadre-colonne-2 form#bloc-espace-client .inscription:hover,
#cadre-colonne-2 form#bloc-espace-client .deconnexion:hover{
  background-position :   left -18px;
}

#cadre-colonne-2 form#bloc-espace-client .crypto{
  border-top          :   1px dashed #ccc;
  text-align          :   center;
  margin-top          :   4px;
}
#cadre-colonne-2 form#bloc-espace-client p{
  margin              :   4px 0;
  font-family         :   Verdana;
  font-size           :   10px;
  font-weight         :   normal;
  color               :   #75405d;
}
#cadre-colonne-2 form#bloc-espace-client .crypto input{
  width               :   100px;
}
#cadre-colonne-2 form#bloc-espace-client #cryptogram{
  margin-left         :   25px;
  width               :   120px;
}

/* Liens */
#liens-utiles, #liens-utiles ul, #liens-utiles li{
  margin: 0;
  padding:   0;
  list-style-type: none;
}
#liens-utiles{
  width: 123px;
  margin-left: 16px;
  background: url(/img/site/liens.png) no-repeat left bottom;
}
#liens-utiles > li > a{
  display: block;
  height: 25px;
  padding-top: 5px;
  background: url(/img/site/liens.png) no-repeat left top;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  color: #005072;
}
#liens-utiles > li > a span{
  font-weight: bold;
  font-size: 18px;
}
#liens-utiles > li > ul {
  padding: 6px;
}
#liens-utiles ul > li{
  margin-bottom: 5px;
  background: url(/img/site/liens.png) no-repeat -123px top;
}
#liens-utiles ul > li:hover{
  background-position: -123px -487px;
}
#liens-utiles ul > li a{
  display: block;
  padding-left: 17px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #75405d;
}
#liens-utiles ul > li a:hover{
  color: #005072;
  text-decoration: none;
}


/**************************************/
/*           BASELINE                 */
/**************************************/
#cadre-bas, #cadre-bas  a{
  color               :   #fff;
  font-size           :   12px;
  line-height         :   16px;
}

/* coordonnees */
#zone-coordonnees{
  text-align          :   center;
}
#zone-coordonnees address{
  font-style          :   normal;
}
#zone-coordonnees address span.raison-sociale{
  display             :   block;
  margin-bottom       :   8px;
}
#zone-coordonnees address span.raison-sociale span{
  display             :   inline-block;
  background          :   url(/img/site/raison-sociale.png) no-repeat right -25px #AFBBD3;
}
#zone-coordonnees address span.raison-sociale span a{
  display             :   block;
  font-weight         :   bold;
  color               :   #75405d;
  background          :   url(/img/site/raison-sociale.png) no-repeat left top;
  padding             :   2px 35px;
}

/* menus baseline */
#cadre-bas ul{
  margin              :   5px;
  padding             :   0;
  list-style-type     :   none;
}
#cadre-bas ul li{
  display             :   inline;
}