/*  PHOTUS : listediscus.css (/listediscus) -- 07/01/2008  */
/*  --- ===================== zone MILIEU ===================== --- */

/*  --- =====  LISTE MENUS  ==== --- */
/* callage : dans C0 (950)     */
/*  dans tableau : centre sur C0 --    col 1 = 0 => ignorer  */
/*  dans col 2 (240)   decallage de 25 (950-900)/2  */


a:link 
       { color :#505060 ;
         text-decoration :  none;
       }        
a:visited 
      { color : #808090 ; text-decoration :  none;/*   */
      }     
a:hover 
      { text-decoration :  none;
      }
.c0
      { width : 950px; 
        background-image: url("../images2/forum_milieu_950.gif");
          background-repeat:  repeat;    /* repeat par defaut  */
  /*  border:1px;   border-color:#0000ff;      border-style: solid;     */   
      }




.liste_menus /* contient : menus_rubrique + fleche */
{ position: relative ; 
  left:85px ; 
  top : 60px ;   
  padding-top: 0px;
  /* border:1px;   border-color:#0000ff;      border-style: solid;          */
}
.menus_rubrique  /*  parceque fleche ne veut pas passer par dessus le contenu de liste_menus */
{ position:absolute ;
  width:180px; /* 240 - left - left de liste_menus */ 
  top:2px; 
  left: 0px;  /* se cumule  avec liste_menus */  /* 13 */ /* 10+40+180 = 230 */
  color: #EDD0B5; 
  font-size: 17px; 
  text-align: left;
   /*  border:1px;   border-color:#0000ff;      border-style: solid;        */
}
.fleche
{ position: absolute;  
  top:45px; 
  left: 165px;
  color: #EDD0B5;   
  font-size: 20px; 
}

/*  --- =====   JOURNEE ET DATE   ==== --- */
.jour /* contient texte_rose et texte_bleu */
   { position : relative;
     left: 39px;
     /*  border:1px;   border-color:#0000ff;      border-style: solid;      */
   }
.jour, .txt_rose /* jour contient : journee du et date */
{ width : 200px;  /* maxi : largeur de la colonne tableau (240) - left*/
}
/*  txt_bleu deja defini dans listediscus.css */   
/* largeur limitÚe Ó 145 ? -- aligne Ó droite ? */  


.rub_lien /* liste menu rubriques */
    { cursor: pointer ; 
      margin-bottom : 1px;
    }


/*  --- ===== zone menu ==== --- */
/*  === conteneurs globaux === */
/* conteneurs externes : pas de pading pour IE  pour tout colorer */
.bienvenue_fond, .classement_fond, .menu_fond, .listediscus_fond
    /*  si une propriete est differente pour l'un, il suffit de la redefinir ci-dessous */
    { position : relative;
      width : 580px;  /* largeur de la colonne tableau  - c'est automatique ;-)*/
      margin :0px ;
      margin-bottom : 0px ; /* espace non coloré entre les div */    
      padding : 0px; 
      text-align:left; 
      line-height:34px;     
      font-size: 17px;  /* ici ou dans texte */
           /* border:1px;   border-color:#0000ff;      border-style: solid;         */
    }
   /*  --- conteneurs externes : couleurs fond et police--- */
.bienvenue_fond  /* conteneurs zone menu  */
    { Background-color:   #f0f0f0;
      color : #bd7733;  /*  la classe interne hÚrite */ 
    }
.classement_fond  /*  */
    { background-color:   #7d7684;  /*   00ff00 */
      color : #D7ECFF;   /*  la classe interne hÚrite */ 
    }
.menu_fond  
    { Background-color:   #E6E3E9; 
      color : #808080;  /*  la classe interne hÚrite */ 
		
		margin-bottom :0px ;
    }
    
/*  --- ===== zone liste==== --- */    
.listediscus_fond /* conteneurs liste */
    { background-color:   #F3F7FF;  /* */
      margin-bottom : 3px ; /* espace non coloré entre les div */    
      padding-top : 7px;      /* espace avant 1er sujet du jour*/
      padding-bottom : 7px;  /* espace apres 1er sujet du jour*/
      line-height:28px;   
    }
    
  .listediscus_fond_perm /* conteneurs liste */
    { background-color:   #F3F7FF ;  /* */
      
      margin-top : 3px ;
      margin-bottom : 3px ; /* espace non coloré entre les div */    
      padding-top : 7px;      /* espace avant 1er sujet du jour*/
      padding-bottom : 7px;  /* espace apres 1er sujet du jour*/
      line-height:28px;   
    }  
    
    
    
    
/* -- conteneurs texte internes  globaux  -- */
/*  solution 1 - padding faibles : largeur 100% , paddings */
/*  solution 2 - paddings importants : decallage , largeur fixe (a gerer) moins les 2 retraits (cause IE paddings internes)  */
/* retenu : solution 2 - gérer largeur en fonction colonne */
/*  -- les texte sont en relatifs pour donner la lauteur, sauf s'il y a 2 div sur mm ligne */
.bienvenue_texte, .classement_texte_g, .menu_texte_g, .listediscus_texte_g /* commun pour position left *//*  toute la largeur */
    { position : relative;          /*position : absolute;*/
      width : 580px; /* 550 - (10+10) = 530 maxi */ 
      left :  17px ;                                 /*  ########  retrait de 17px */
      margin :0px ;
      text-align: left;
   font-size: 17px;          
      /*       border:1px;   border-color:#0000ff;      border-style: solid;    */  /*  ======== XXXXXXXXXXXXXX SUPPRIMER   XXXXXXXXXXXXXX ========== */
    }
.liste_discus1  /* enveloppe globale qui permet à la div flottante texte_d) de reste en face du sujet (texte_g)   */   
    { width: 100%;
    }
.classement_texte_g
    { width : 250px;
    
    
    
    }
.menu_texte_g /* liste menu rubriques */
    { width : 250px;
      cursor: pointer ; 
    }
.listediscus_texte_g
    {  width : 452px;
	 FONT-FAMILY: "trebuchet MS", "lucida grande" , Arial;
      font-size: 16px;
      color: #7389A9;
		line-height:30px;
		font-weight:bold;
	 
    }
.classement_texte_d, .menu_texte_d , .listediscus_texte_d
    { width : 250px; float : right ;   
      padding-right: 17px ;                         /*  ########  retrait de 17px */
      text-align: right;
   font-size: 17px;          
       /*      border:1px;   border-color:#0000ff;      border-style: solid;    */   /*  =======  XXXXXXXXXXXXXX SUPPRIMER  XXXXXXXXXXXXXX ======== */
    }
.menu_texte_d /* liste menu rubriques */
    { width : 250px;
      cursor: pointer ; 
    }
    
  .bienvenue_texte
  { width : 470px; }  
    
    
.listediscus_texte_d
    {  width :113px; 
	 
	 FONT-FAMILY: "trebuchet MS", "lucida grande" , Arial;
      font-size: 16px;
      color:  #7b8580 ;
		line-height:30px;
	 font-weight:bold;
    }
    
	 
	  
.txt_rose
    { color : #edd0b5 ;
      font-size: 17px;
      font-style: italic;
    	padding:0px; 
    }    
	 
    
    .txt_bleu
    { 
    width:140px;
    color : #D7ECFF ;
      font-size: 17px; 
	    font-style: italic;
      text-align:right ; 
      padding:0px;       
    }
    
/*  --- ===== fin MILIEU ==== --- */