/*===============================================================
      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     :   50px;
}
    ul#drapeaux li, ul#drapeaux li a{
        display         :   block; 
        width           :   27px;
        height          :   20px;
        float           :   left;
        text-indent     :   -9999px;
        margin-right    :   9px;
    }
#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 1px;
    min-height              :   16px;
}
#cadre-colonne-milieu .titre2, #cadre-colonne-milieu .titre2 a{
    font-size               :   17px;
    font-weight             :   normal; 
    letter-spacing          :   1px;   
    color                   :   #87888a;
}
#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 */
#mod-actualites .data,
#mod-articles .data{
    position            :   relative;
    overflow            :   visible;
    padding             :   10px 0;
}
#mod-actualites.lst .data,
#mod-articles.lst .data{
    width               :   351px;
}
#mod-actualites dl.data.left,
#mod-articles dl.data.left{
    clear               :   both;
}
#mod-actualites.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{
    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{
    background              :   url(/img/site/frm-fond-photo.png) no-repeat right bottom;
    padding                 :   5px;
}
#mod-actualites.lst .accroche,
#mod-articles.lst .accroche{
    cursor                  :   pointer; 
    overflow                :    hidden;
}
#mod-actualites a.puce-frm,
#mod-articles 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{
    background              :   url(/img/site/puces.png) no-repeat left -15px;
}
#mod-actualites #cadre-colonne-milieu .separateur-menu,
#mod-articles #cadre-colonne-milieu .separateur-menu{
    clear                   :   both;
    padding-top             :   20px;
}
#mod-actualites #cadre-colonne-milieu .separateur,
#mod-articles #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{
    display                 :   block;
    margin-top              :   20px;
    width                   :   200px;
    height                  :   23px;
    text-indent             :   -9999px;
}

/* 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{
    overflow                :   hidden; 
    padding                 :   0 50px; 
    margin-bottom           :   10px;
}
#mod-produits .recherche .boutons,
#mod-ouvrages .recherche .boutons{
    width                   :   300px;
    margin                  :   0 auto;
    padding-top             :   10px;
    clear                   :   both; 
}
#mod-produits .recherche .boutons .submit,
#mod-ouvrages .recherche .boutons .submit{
    margin-right            :   20px;
}
#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 .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;*/
}

/* 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;
}