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

@import url(reset.css);

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

/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- bleu                          #1172bc
- gris fonce                    #646567
- vert                          #62B01F
\**************************************/

body {
    background          :   url(/img/site/fond-body.png) repeat center top;
}

#fond-principal{
    background          :   url(/img/site/fond-principal.png) no-repeat center top;
}
/**************************************/
/*           STRUCTURE                */
/**************************************/
#cadre-principal{
    position            :   relative;
    width               :   970px;
    margin              :   0 auto;
}
	#cadre-haut {
	    height              :   174px;
        background          :   url(/img/site/fond-defaut.png) no-repeat left 100px;
	}
	#cadre-centre {
        overflow            :   hidden;
        background          :   url(/img/site/fond-defaut.png) repeat-y right top;
	}
		#cadre-colonne-1{
		  float                   :   left;
		  width                   :   196px;
		}
		#cadre-colonne-milieu{
		  float                   :   left;
		  width                   :   737px;
		  overflow                :   hidden;
		}
		#cadre-colonne-2{
		  display                 :   none;
		}
	#cadre-bas {
	   clear               :   both;
	   min-height          :   50px;	/* important */
	   text-align          :   center;
       background          :   url(/img/site/fond-defaut.png) no-repeat left -74px;
	}

/* Surcharge de la page d'accueil */
#mod-index #cadre-centre {
    background          :   url(/img/site/fond-index.png) repeat-y right top;
}
#mod-index #cadre-colonne-milieu{
    width               :   576px;
}
#mod-index #cadre-colonne-2{
    display             :   block;
    float               :   left;
    width               :   198px;
}
#mod-index #cadre-bas {
    background          :   url(/img/site/fond-index.png) no-repeat left -74px;
}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo{
    position            :   absolute;
    top                 :   4px;
    left                :   27px;
}

ul#drapeaux{
    position        :   absolute;
    top             :   162px;
    margin-left     :   30px;
}
    ul#drapeaux li, ul#drapeaux li a{
        display         :   block;
        width           :   27px;
        height          :   20px;
        float           :   left;
        text-indent     :   -9999px;
        margin-right    :   9px;
    }

/* gestion en dur du portugais (TEMP)*/
ul#drapeaux li.pt a{
    background:url(/img/site/pt/drapeau.png) no-repeat bottom;
}
ul#drapeaux li.pt a:hover{
    background-position:left top !important;
}

#cadre-haut h1 a{ /* /!\ css.php */
    position            :   relative;
    display             :   block;
    width               :   464px;
    height              :   64px;
    top                 :   18px;
    left                :   195px;
}

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

/***    COLONE GAUCHE   ***/
#cadre-colonne-1 .corps{
    width               :   152px;
    min-height          :   470px;
    margin-left         :   24px;
    background          :   url(/img/site/gauche.png) no-repeat left top #D1E2EF
}

/* Menu principal */
ul#menu-principal{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
    position            :   absolute;
    top                 :   122px;
    left                :   190px;
    z-index             :   1;
}
ul#menu-principal li.menu{
    float               :   left;
}
ul#menu-principal li.menu a{/* /!\css.php */
    display             :   block;
    width               :   107px;
    height              :   37px;
    text-indent         :   -9999px;
}

/* Menu gauche */
ul#menu-gauche{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
    width               :   146px;
    margin              :   0 auto;
    padding-top         :   16px;
}
ul#menu-gauche li.menu a{/* /!\css.php */
    display             :   block;
    height              :   29px;
    margin-bottom       :   6px;
    text-indent         :   -9999px;
}
ul#menu-gauche li.logos{
    margin-bottom       :   5px;
}

/***    COLONE MILIEU   ***/
#fil-ariane{
    margin-bottom           :   8px;
}
#fil-ariane, #fil-ariane a{
    font-size               :   10px;
    color                   :   #58585a;
}
#cadre-colonne-milieu .corps{
    min-height              :   525px;
    margin-bottom           :   10px;
    position                :   relative;
}

/* Tous Modules */
ul.menu-sommaire{
    margin                  :   0;
    padding                 :   15px 0;
    list-style-type         :   none;
    color                   :   #87888A;
}
ul.menu-sommaire a{
    color                   :   #87888A;
    font-size               :   13px;
    font-weight             :   bold;
    line-height             :   22px;
}
ul.menu-sommaire li{
    display                 :   inline;
}

#cadre-colonne-milieu #data-menu{
    font-size               :   12px;
    font-style              :   italic;
    line-height             :   16px;
}

.frm #cadre-colonne-milieu .data a:link,
.frm #cadre-colonne-milieu .data a:visited {
    color  : #000;
    text-decoration: underline;
}
.frm #cadre-colonne-milieu .data a:hover,
.frm #cadre-colonne-milieu .data a:active,
.frm #cadre-colonne-milieu .data a:focus{
    color  : #62B01F;
}

#cadre-colonne-milieu .titre1{
    margin-bottom           :   10px;
}
#cadre-colonne-milieu .titre1 a{/* /!\css.php */
    display                 :   block;
    width                   :   100%;
    height                  :   29px;
}
#cadre-colonne-milieu .titre2{
    position                :   relative;
    clear                   :   both;
    text-transform          :   uppercase;
    border-top              :   1px solid #4dc750;
    border-bottom           :   1px solid #4dc750;
    padding                 :   5px 10px;
    min-height              :   16px;
    background-color: #e3f8d1;
}
#cadre-colonne-milieu .titre2, #cadre-colonne-milieu .titre2 a{
    font-size               :   17px;
    font-weight             :   bold;
    letter-spacing          :   1px;
    color                   :   #6e6e6e;
}
#cadre-colonne-milieu .titre3{
    margin-bottom           :   10px;
}
#cadre-colonne-milieu .titre3, #cadre-colonne-milieu .titre3 a{
    font-size               :   13px;
    font-weight             :   bold;
    color                   :   #62b01f;
}
.frm #cadre-colonne-milieu .titre3, .frm #cadre-colonne-milieu .titre3 a{
    font-size               :   20px;
}
.frm #cadre-colonne-milieu  .accroche{
    font-size               :   12px;
    font-weight             :   bold;
    line-height             :   21px;
    background              :   url(/img/site/frm-fond-accroche.png) no-repeat left bottom;
    padding-bottom          :   25px;
    margin-bottom           :   15px;
}
#cadre-colonne-milieu .corps a.liens.retour{
    position                :   absolute;
    top                     :   5px;
    right                   :   0;
    display                 :   block;
    text-indent             :   -9999px;
    width                   :   80px;
    height                  :   20px;
    background-position     :   0 -54px;
}
#cadre-colonne-milieu .corps a.liens.retour:hover{
    background-position     :   -130px -54px;
}

#galerie-photos ul, .lst-small ul{
    margin                  :   0;
    padding                 :   0;
    list-style-type         :   none;
}
#galerie-photos, #lst-small{
    position                :   relative;
    float                   :   right;
    clear                   :   right;
    width                   :   325px;
    margin-right            :   4px;
    margin-left             :   30px;
    background-color        :   #e9e9ea;
    border-top              :   3px solid #62b01f;
    margin-bottom           :   18px;
    padding                 :   6px 10px 10px 10px;
}
#galerie-photos span, #lst-small span.titre{
    font-size               :   12px;
    font-weight             :   bold;
    color                   :   #62b01f;
}
#diaporama_photos_masque{
    position                :   relative;
    overflow                :   hidden;
    margin                  :   0 auto;
    margin-top              :   10px;
}
ul#diaporama_photos{
   position                 :   absolute;/* /!\ chargement */
   list-style-type          :   none;
   margin                   :   0;
   padding                  :   0;
   text-align               :   left;
}
ul#diaporama_photos li{
    width                   :   100%;
    display                 :   block;
    float                   :   left;
    overflow                :   hidden;
}
ul#diaporama_photos li p{
    display                 :   block;
    font-size               :   10px;
    color                   :   #000;
    width                   :   92px;
}

#galerie-photos .fleches{
    background              :   url(/img/site/fleches.png) no-repeat left top;
    width                   :   14px;
    height                  :   15px;
    position                :   absolute;
    cursor                  :   pointer;
    display                 :   block;
    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 -15px;
}
#galerie-photos .fleches#droite{
    right                   :   0;
    margin-right            :   5px;
    background-position     :  -14px 0;
}
#galerie-photos .fleches#droite:hover{
    background-position     :   -14px -15px;
}

#lst-small span.titre{
    display                 :   block;
    border-bottom           :   1px solid #62b01f;
    padding-bottom          :   10px;
}
.lst-small span{
    display                 :   block;
    margin-top              :   8px;
    font-size               :   10px;
    font-weight             :   bold;
    color                   :   #000;
}
.lst-small li{
    margin-top              :   3px;
    overflow                :   hidden;
}
.lst-small li div{
    float                   :   left;
    background              :   url(/img/site/puces.png) no-repeat left top;
    width                   :   15px;
    height                  :   15px;
    margin-right            :   5px;
}
.lst-small li div:hover{
    background-position     :   left bottom;
}
.lst-small a{
    font-size               :   10px;
    font-weight             :   normal;
    color                   :   #000;
    text-decoration         :   underline;
}
.lst-small a:hover{
    color                   :   #62B01F;
}

/* Module index (Edito)*/
#mod-index #index-edito{/* /!\css.php */
    width                   :   219px;
    float                   :   left;
}
#mod-index #index-edito .copyright{
    position            :   absolute;
    left                :   80px;
    width               :   135px;
    height              :   90px;
}
#mod-index #index-edito h1{/* /!\css.php */
    padding                 :   105px 13px 10px 13px;
    font-size               :   17px;
    line-height             :   24px;
    color                   :   #1172bc;
    text-align              :   center;
}
#mod-index #index-edito h1 span{
    display                 :   block;
    font-size               :   14px;
}
#mod-index #index-edito .contenu{
    width                   :   191px;
    border-top              :   1px solid #a2daf4;
    padding                 :   12px 13px 17px 13px;
    font-size               :   11px;
    line-height             :   18px;
    color                   :   #646567;
}

/* Module index (actualit�s + produits)*/
#mod-index #index-actualites,
#mod-index #index-produits{
    width                   :   336px;
    float                   :   right;
}
#mod-index #index-actualites h1 a,
#mod-index #index-produits h1 a{/* /!\css.php */
    display                 :   block;
    width                   :   100%;
    height                  :   32px;
    margin-top              :   20px;
    text-indent             :   -9999px;
}
#mod-index #index-produits h1 a:hover{
    background-position     :   -0 -32px;
}
#mod-index #index-actualites dl,
#mod-index #index-produits dl{
    padding-bottom          :   10px;
}
#mod-index #index-actualites dl.separateur,
#mod-index #index-produits dl.separateur{
    border-top              :   1px solid #d1e2ef;
    margin-top              :   12px;
}
#mod-index #index-actualites dl dt,
#mod-index #index-produits dl dt{
    clear                   :   both;
    margin                  :   10px 0 8px 0;
}
#mod-index #index-actualites dl dt a,
#mod-index #index-produits dl dt a{
    font-size               :   13px;
    font-weight             :   bold;
    color                   :   #62b01f;
}
#mod-index #index-actualites dl dd.photo,
#mod-index #index-produits dl dd.photo{
    float                   :   left;
    background              :   url(/img/site/fond-photo.png) no-repeat left top;
    width                   :   139px;
    height                  :   139px;
    padding                 :   5px 0 0 5px;
    margin                  :   0 10px 5px 0;
}
#mod-index #index-actualites  a.puce-article-frm,
#mod-index #index-produits  a.puce-article-frm{
    position                :   absolute;
    width                   :   15px;
    height                  :   15px;
    text-indent             :   -9999px;
    background              :   url(/img/site/puces.png) no-repeat left top;
    margin-left             :   6px;
}
#mod-index #index-actualites a.puce-article-frm:hover,
#mod-index #index-produits a.puce-article-frm:hover{
    background              :   url(/img/site/puces.png) no-repeat left -15px;
}
#mod-index #index-actualites .accroche{
    font-size               :   10px;
    line-height             :   17px;
    color                   :   #000;
    cursor                  :   pointer;
}

/* Module actualites + article + Logiciel Web */
#mod-actualites .data,
#mod-articles .data,
#mod-logiciel_web .data{
    position            :   relative;
    overflow            :   visible;
    padding             :   10px 0;
}
#mod-actualites.lst .data,
#mod-articles.lst .data,
#mod-logiciel_web.lst .data{
    width               :   351px;
}
#mod-actualites dl.data.left,
#mod-articles dl.data.left,
#mod-logiciel_web dl.data.left{
    clear               :   both;
}
#mod-actualites.lst .photo,
#mod-logiciel_web.lst .photo,
#mod-articles.lst .photo {
    width                   :   139px;
    float                   :   left;
    background              :   url(/img/site/fond-photo.png) no-repeat left top;
    padding                 :   5px;
    margin                  :   0 10px 5px 0;
}
#mod-actualites.frm .photo,
#mod-articles.frm .photo,
#mod-logiciel_web.frm .photo{
    float                   :   right;
    background              :   url(/img/site/frm-fond-photo.png) no-repeat left top;
    margin-left             :   30px;
    margin-bottom           :   10px;
}
#mod-actualites.frm .photo div,
#mod-articles.frm .photo div,
#mod-logiciel_web.frm .photo div{
    background              :   url(/img/site/frm-fond-photo.png) no-repeat right bottom;
    padding                 :   5px;
}
#mod-actualites.lst .accroche,
#mod-articles.lst .accroche,
#mod-logiciel_web.lst .accroche{
    cursor                  :   pointer;
    overflow                :    hidden;
}
#mod-actualites a.puce-frm,
#mod-articles a.puce-frm,
#mod-logiciel_web a.puce-frm{
    position                :   absolute;
    width                   :   15px;
    height                  :   15px;
    text-indent             :   -9999px;
    background              :   url(/img/site/puces.png) no-repeat left top;
    margin-left             :   6px;
}
#mod-actualites a.puce-frm:hover,
#mod-articles a.puce-frm:hover,
#mod-logiciel_web a.puce-frm:hover{
    background              :   url(/img/site/puces.png) no-repeat left -15px;
}
#mod-actualites #cadre-colonne-milieu .separateur-menu,
#mod-articles #cadre-colonne-milieu .separateur-menu,
#mod-logiciel_web #cadre-colonne-milieu .separateur-menu{
    clear                   :   both;
    padding-top             :   20px;
}
#mod-actualites #cadre-colonne-milieu .separateur,
#mod-articles #cadre-colonne-milieu .separateur,
#mod-logiciel_web #cadre-colonne-milieu .separateur{
    position                :   relative;
    clear                   :   both;
    background              :   url(/img/site/separateur.png) no-repeat left 15px;
    padding                 :   15px 0;
    overflow                :   hidden;
}
#mod-actualites #cadre-colonne-milieu .lien_telechargement a,/* /!\ css.php */
#mod-articles #cadre-colonne-milieu .lien_telechargement a,
#mod-logiciel_web #cadre-colonne-milieu .lien_telechargement a{
    display                 :   block;
    margin-top              :   20px;
    width                   :   200px;
    height                  :   23px;
    text-indent             :   -9999px;
}
#mod-actualites #cadre-colonne-milieu .lien_telechargement_web a,
#mod-articles #cadre-colonne-milieu .lien_telechargement_web a,
#mod-logiciel_web #cadre-colonne-milieu .lien_telechargement_web a{
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #62B01F;
    margin: 10px 0;
    height: 23px;
    line-height: 20px;
    background: url(/img/site/telecharger.png) no-repeat left top;
    padding-left: 20px;
}

/* Module actualites */
#mod-actualites .data{
    position                :   relative;
}
#mod-actualites .data.avec-date .date{
    position                :   absolute;
    top                     :   0;
    left                    :   0;
    width                   :   100%;
    font-size               :   10px;
    overflow                :   hidden;
}
#mod-actualites.lst .data.avec-date .titre3{
    padding-top             :   20px;
}
#mod-actualites.lst .data.avec-date .date{
    background-color        :   #dfe0e2;
    padding                 :   3px;
}
#mod-actualites.frm .data.avec-date .titre3{
    padding-top             :   30px;
}
#mod-actualites.frm .data.avec-date .photo{
    margin-top              :   35px;
}
#mod-actualites.frm .data.avec-date .date{
    margin-top              :   15px;
    border-bottom           :   1px solid #dfe0e2;
}
#mod-actualites.frm .data.avec-date .date span{
    display                 :   block;
    width                   :   350px;
    background-color        :   #dfe0e2;
    padding                 :   3px;
    overflow                :   hidden;
    font-size               :   10px;
}

/* Module produits + ouvrages */
#mod-produits .recherche,
#mod-ouvrages .recherche{
    position: relative;
    overflow: visible;
    height: 50px;
    margin-bottom: 25px;
    padding: 15px 50px;
    background-color: #e8e9e9;
}
#mod-produits .recherche select,
#mod-ouvrages .recherche select{
    max-width: 100px;
}
#mod-produits .recherche .left,
#mod-ouvrages .recherche .left{
    max-width: 225px;
}
#mod-produits .recherche .right,
#mod-ouvrages .recherche .right{
        margin-right: 160px;
}
#mod-produits .recherche .right input,
#mod-ouvrages .recherche .right input{
    width: 145px !important;
}
#mod-produits .recherche .boutons input,
#mod-ouvrages .recherche .boutons input{
    position: absolute;
    bottom: -14px;
    left: 130px;
}
#mod-produits .recherche .boutons .reset,
#mod-ouvrages .recherche .boutons .reset{
    left: 345px;
}
#mod-produits .titre2,
#mod-ouvrages .titre2{
    margin-top              :   20px;
    margin-bottom           :   10px;
}
#mod-produits .titre3,
#mod-ouvrages .titre3{
    margin                  :   0;
    margin-bottom           :   10px;
}
#mod-produits dl,
#mod-ouvrages dl{
    background-color        :   #fff;
    border                  :   1px solid #ccc;
    padding                 :   10px;
    overflow                :   hidden;
}
#mod-produits dl.vert,
#mod-ouvrages dl.vert {
    background-color        :   #E0EDD1;
}
#mod-produits .champ,
#mod-ouvrages .champ{
    margin-top              :   2px;
}
#mod-produits .champ span,
#mod-ouvrages .champ span{
    font-weight             :   bold;
}
#mod-produits .contenu,
#mod-ouvrages .contenu{
    margin-top              :   10px;
}
#mod-produits .lst-small,
#mod-ouvrages .lst-small{
    float                   :   right;
    width                   :   250px;
    margin-left             :   30px;
}
#mod-produits .lst-small span,
#mod-ouvrages .lst-small span{
    display                 :   block;
    margin-bottom           :   5px;
    font-size               :   10px;
    font-weight             :   bold;
    color                   :   #000;
}
#mod-produits .lst-small a,
#mod-ouvrages .lst-small a{
    color                   :   #000;
}
/* Module produits */
#mod-produits .titre2{
    margin-bottom: 0;
}
#mod-produits h3{
    background-color: #ededed;
    border-top: 1px solid #c9c9c9;
    padding: 6px 10px;
    cursor: pointer;
    color: #6e6e6e;
    font-size: 15px;
    font-weight: bold;
}
#mod-produits h3:after{
    position: absolute;
    margin-left: 10px;
    margin-top: 4px;
    content:"";
    height: 15px;
    width: 15px;
    background: url(/img/site/puce-data.png) no-repeat left top;
}
#mod-produits h3.actif:after{
    background-position: 0 -100px;
}
#mod-produits .lst-small a{
    float                   :   right;
    display                 :   block;
    width                   :   45px;
    height                  :   17px;
    background              :   url(/img/site/pdf.gif) no-repeat left top;
    /*border                  :   1px solid #62B01F;*/
}
#mod-produits .recherche .lien-externe{
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 10px;
    background: url(/img/site/etoile-min.png) no-repeat -150px -130px #8fd454;
    text-decoration: none;
}
#mod-produits .recherche .lien-externe span{
    display: block;
    padding: 7px 35px 7px 10px;
    background: url(/img/site/puce.png) no-repeat right top;
    font-size: 12px;
    font-weight: bold;
    color: #1b46a0;
    text-transform: uppercase;
}
#mod-produits .recherche .futuribles{
    top: 45px;
}
#mod-produits .recherche .futuribles span{
    font-style: italic;
    color: #AB2C2C;
}
/* Module ouvrages */
#mod-ouvrages .photo{
    float                   :   left;
    margin-right            :   20px;
    margin-bottom           :   10px;
}
#mod-ouvrages .photo-secondaire{
    float                   :   right;
    margin-left             :   20px;
    margin-bottom           :   10px;
}
#mod-ouvrages .lst-small{
    float                   :   left;
    width                   :   250px;
    margin-left             :   0;
    margin-top              :   5px;
}
/* --- traductions --- */
#mod-ouvrages .lst-small-traductions{
    clear                   :   both;
    padding-top             :   20px;
    width                   :   100%;
}
#mod-ouvrages .lst-small-traductions table{
    width                   :   100%;
}
#mod-ouvrages .lst-small-traductions table th{
    text-align              :   center;
}
#mod-ouvrages .lst-small-traductions table td div{
    float                   :   left;
    background              :   url(/img/site/puces.png) no-repeat left top;
    width                   :   15px;
    height                  :   15px;
    margin-right            :   5px;
}
#mod-ouvrages .lst-small-traductions table tr th.col_1{
    width                   :   12%;
}
#mod-ouvrages .lst-small-traductions table tr th.col_2,
#mod-ouvrages .lst-small-traductions table tr th.col_3,
#mod-ouvrages .lst-small-traductions table tr th.col_4{
    width                   :   26%;
}


/* Module liens */
#mod-liens .titre2{
    margin-top              :   20px;
    margin-bottom           :   10px;
}
#mod-liens .titre3{
    margin                  :   15px 0 5px 0;
}
#mod-liens .lien a{
    color                  :   #000;
}

/* Module logiciels */
#mod-logiciels #cadre-colonne-milieu .separateur-menu{
    clear                   :   both;
    padding-top             :   20px;
}
#mod-logiciels #formulaire_inscription{
    padding         :   5px;
    border          :   1px solid black;
    background-color:   #d1e2ef;
    width           :   400px;
}

#mod-logiciels #crypto table{
    margin          :   0 auto;
}

#mod-logiciels #boutons input{
   /* color                  :   #fff;
    padding                :   3px 6px 3px 6px;
    border                 :   1px solid #333333;
    background-color       :   #1172bc;*/
}

#mod-logiciels .data td{
    width                  :   50%;
    vertical-align         :   middle;
}

/* Module traductions */
#mod-traductions #cadre-colonne-milieu .separateur-menu{
    clear                   :   both;
    padding-top             :   20px;
}
#mod-traductions #formulaire_inscription{
    padding         :   5px;
    border          :   1px solid black;
    background-color:   #d1e2ef;
    width           :   400px;
}

#mod-traductions #crypto table{
    margin          :   0 auto;
}

#mod-traductions #boutons input{
    color                  :   #fff;
    padding                :   3px 6px 3px 6px;
    border                 :   1px solid #333333;
    background-color       :   #1172bc;
}

#mod-traductions .data td{
    width                  :   50%;
    vertical-align         :   middle;
}
#mod-traductions #cadre-colonne-milieu .titre1{
    position                :   relative;
    clear                   :   both;
    text-transform          :   uppercase;
    border-top              :   1px solid #4dc750;
    border-bottom           :   1px solid #4dc750;
    padding                 :   5px 1px;
    min-height              :   16px;
}
#mod-traductions #cadre-colonne-milieu .titre1, #mod-traductions #cadre-colonne-milieu .titre1 a{
    font-size               :   17px;
    font-weight             :   normal;
    letter-spacing          :   1px;
    color                   :   #87888a;
}
/* Module newsletter */
#mod-newsletter #cadre-colonne-milieu .titre2{
    margin-bottom       :   20px;
}
#mod-newsletter #cadre-colonne-milieu .data{
    clear               :   both;
    margin-bottom       :   20px;
    overflow            :   hidden;
}
#mod-newsletter #cadre-colonne-milieu .date{
    font-size           :   12px;
    font-weight         :   normal;
    color               :   #999999;
}
#mod-newsletter #cadre-colonne-milieu .titre3{
    margin-bottom       :   5px;
}

/***    COLONE DROITE   ***/
#cadre-colonne-2 .corps{
    width               :   152px;
    margin-left         :   22px;
}

/* Produits  */
#cadre-colonne-2 #produit h1 a{/* /!\css.php */
    display             :   block;
    width               :   100%;
    height              :   25px;
    text-indent         :   -9999px;
}
#cadre-colonne-2 #produit dl{
    margin              :   14px 6px 0px 8px;
    padding-bottom      :   8px;
}
#cadre-colonne-2 #produit dl dt a{
    display             :   block;
    margin-bottom       :   10px;
    font-size           :   13px;
    line-height         :   16px;
    color               :   #1172bc;
}
#cadre-colonne-2 .corps a.liens{ /* /!\ css.php */
    display                 :   block;
    text-indent             :   -9999px;
}
#cadre-colonne-2 .corps a.liens.produit-frm{
    width                   :   130px;
    height                  :   22px;
    margin-top              :   8px;
    background-position     :   0 0;
}
#cadre-colonne-2 .corps a.liens.produit-frm:hover{
    background-position     :   -130px 0;
}
#cadre-colonne-2 .corps a.liens.produit-lst{
    width                   :   130px;
    height                  :   29px;
    background-position     :   0 -22px;
    margin-left             :   8px;
}
#cadre-colonne-2 .corps a.liens.produit-lst:hover{
    background-position     :   -130px -22px;
}
#cadre-colonne-2 #produit .separateur{
    background          :   url(/img/site/droite-separateur.png) repeat-x left top;
    padding-top         :   14px;
    margin              :   5px 8px;
}

/**************************************/
/*           BASELINE                 */
/**************************************/
#cadre-bas{
    padding             :   20px 40px 0 40px;
}
#cadre-bas, #cadre-bas  a{
    color               :   #fff;
    font-size           :   10px;
}

/* coordonnees */
#zone-coordonnees{
	padding                 :   3px;
    text-align              :   center;
    font-size               :   11px;
    font-weight             :   bold;
    color                   :   #fff;
    text-transform          :   uppercase;
}
#zone-coordonnees a{
    font-size               :   11px;
    font-weight             :   bold;
    color                   :   #fff;
}
#zone-coordonnees address{
    font-style              :   normal;
    font-size               :   11px;
    font-weight             :   bold;
}
#zone-coordonnees address span.raison-sociale{
    font-size               :   11px;
}

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