/* CSS Document */
/*sommaire des style*/
/* 1.1 style general de base*/
/* 1.2 la barre de sous titre contient la date et sa colorisation ce fait directement sur la page*/
/* 1.3 c'est le background de fond de tout la journal et background est directerment sur la page*/
/* 1.4 contient le titre du journal et ce se trouve directement sur la page*/

/* 2  style de la colum_1*/	
/* 2.1 question et reponse pour la page des scooler*/

/* 3 style de la colum 2*/	
/* 3.1 sommaire du journal avec tous les liens possible*/
/* 3.2 div liste des dates de concerts*/
/* 3.3 colorisation des nom des groupes et des dates anciennes*/

/* 4 div des liens pour le retour sur les pages principales*/






/* 1.1 style general de base*/
body       {
	         margin:0;
	         font-family:Arial, Helvetica, sans-serif; 
	         font-size:0.9em;
	         background-image:url(../image/mini/textur/rouge_corps.jpg);
           color:#3D5CC9;
           font-weight:bold;
  	       }

h1, h2, h3, h4 {
            font-family:"Times New Roman", Times, serif;
		        color:black;
			       }

img		     {
            float:left;      
			      margin: 10px 15px;		 
		        }

p         {
            line-height:1.4;
            }



/* 1.2 la barre de sous titre contient la date et sa colorisation ce fait directement sur la page*/		 
#barre_sous_titre   {  
		                background-color: #4c83cc;
		                width:890px;
		                height:22px;
		                margin-left:22px;
	                  color:gold;
		                padding-left:1em;
		                }	


#barre_sous_titre   p{
                    margin-bottom:4px;
                    }

#barre_sous_titre a{
      color:gold;
      font-family: "Courier New" , " andale mono" , Monaco , monospace;
      font-size:1.0em;
      font-weight:bold;
      }

#barre_sous_titre a:hover{
      color:gold;
      font-style:italic;
      }

#barre_sous_titre a:visited{
      color:gold;
      }


#barre_sous_titre_sr   {  
		                background-color: #9c1d32;
		                width:890px;
		                height:22px;
		                margin-left:22px;
	                  color:gold;
		                padding-left:1em;
		                }



#barre_sous_titre_sr a{
      color:gold;
      font-family: "Courier New" , " andale mono" , Monaco , monospace;
      font-size:1.0em;
      font-weight:bold;
      }

#barre_sous_titre_sr a:hover{
      color:gold;
      font-style:italic;
      }

#barre_sous_titre_sr a:visited{
      color:gold;
      }


/* 1.3 c'est le background de fond de tout la journal */							      
#journal{		      
          background-image: url(../image/journal/journal_news_club_bande.png);
          background-repeat:repeat;
		      position:absolute;      
		      width:950px;      
		      height:auto;      
		      top:50px;      
		      left:50%;      
		      margin-left:-475px;
		      margin-bottom:25px;
		      padding-bottom:25px;
		      }

#journal_sr{		      
          background-image: url(../image/journal/journal_humeur_bande.png);
          background-repeat:repeat;
		      position:absolute;      
		      width:950px;      
		      height:auto;      
		      top:50px;      
		      left:50%;      
		      margin-left:-475px;
		      margin-bottom:25px;
		      padding-bottom:25px;
		      }
		      
#journal_feuille_verte{		      
          background-image: url(../image/journal/bande_journal_feuille_verte.gif);
          background-repeat:repeat;
		      position:absolute;      
		      width:950px;      
		      height:auto;      
		      top:50px;      
		      left:50%;      
		      margin-left:-475px;
		      margin-bottom:25px;
		      padding-bottom:25px;
		      }		      
		      
/* 1.4 contient le titre du journal*/
#titre_du_journal  {
		              background-image: url(../image/journal/journal_news_yellow.png);
		              background-repeat:no-repeat;
		              position:relative;    
                  height:225px;
		              top:-20px;		              
		              }

#titre_du_journal_sr  {
		              background-image: url(../image/journal/journal_humeur.png);
		              background-repeat:no-repeat;
		              position:relative;    
                  height:225px;
		              top:-20px;		              
		              }

#titre_du_journal_feuille_verte {
                  background-image: url(../image/journal/titre_journal_feuille_verte.gif);
		              background-repeat:no-repeat;
		              position:relative;    
                  height:225px;
		              top:-20px;
                  }

#titre_du_journal_contact {
                  background-image: url(../image/journal/journal_contact.gif);
		              background-repeat:no-repeat;
		              position:relative;    
                  height:225px;
		              top:-20px;
                  }


/* 2  style de la colum_1*/		

#colum_1    {
		 padding: 0 10px 40px 30px;
		 float:left;      
		 width:590px;      
		 border-right:#4c83cc dashed 1px;
		 margin-right:5px;
		}

#colum_1_sr    {
		 padding: 0 10px 40px 30px;
		 float:left;      
		 width:590px;      
		 border-right:#9c1d32 dashed 1px;
		 margin-right:5px;
		}
#article_1 p {
              font-weight:bold;
              font-size:1.1em;
              }

#article_1 li {
              margin-bottom:1.5em;
              }

/* 2.1 question et reponse pour la page des scooler*/

.reponse {
			     font-style:italic;			
		    	}

.question {
			    font-weight:bold;
			    color:black;
			     }

#encart  {
	       	width:285px;      
		      float:right;      
		      padding:0 5px 2px 10px;      
		      border:#4c83cc solid 2px;
		      margin-left:5px;            
		      }

#encart_sr  {
	       	width:250px;      
		      float:right;      
		      padding:0 5px 2px 10px;      
		      border:#9c1d32 solid 2px;
		      margin-left:5px;            
		      }		

#encart_sr p {
				      font-size:1em;
				      font-weight:normal;
				      }


#img_emma {
          font-size:0.7em;
		      font-style:italic;
		      width:318px;
		      height:225px;
		      float:left;
		      margin-right:5px;
          }






/* 3 style de la colum 2*/		 
#colum_2{
         width:280px;
		     float:left;
	     	 }

/* 3.1 sommaire du journal avec tous les liens possible*/
#logo_email_journal{
              height:140px;
              width:auto;
              background-repeat:no-repeat;
              background-image:url(../image/mini/sd_partition/mini_baniere_at.gif);
              
              background-position:bottom left;
              margin:0;
              padding:0;
              }









/**/
#contact_e-mail {
            width:260px;
            height:100px;
            position:relative;
            bottom:+8px;
            left:-15px;
            
            }

#contact_e-mail:hover {
            width:260px;
            height:100px;
            bottom:+8px;
            left:-15px;
            background:url(../image/mini/sd_partition/mini_baniere_at_hover.gif);
            z-index;100:
            }


#sommaire {
	       border-bottom: #4c83cc solid 1px;
	       padding:0 0 5px 10px;   
	       }

#sommaire_sr {
	       border-bottom: #9c1d32 solid 1px;
	       padding:0 0 5px 10px;   
	       }

#sommaire h3{
			       text-decoration:underline;
			       }

#sommaire span {
			           font-weight: bold;
				        }

#sommaire ul, li{
                  line-height:1.3em;
                  }


/* 3.2 div liste des dates de concerts*/
#date_concert{ 
	            height:300px;      
			        overflow:auto;
			        color:blue;
			        font-weight:600;			  
	       		  }

#titre_date_concert    {
				              width:280px;    
				              padding:0px 5px 15px 5px;         
				              border-bottom: #4c83cc solid 1px;
				              }

#titre_date_concert_sr    {
				              width:280px;    
				              padding:0px 5px 15px 5px;         
				              border-bottom: #9c1d32 solid 1px;
				              }				

#titre_date_concert h2{
                        font-size:1.45em;
                        text-decoration: underline;
                        }

/* 3.3 colorisation des nom des groupes et des dates anciennes*/
.color_jbh {
            color:black;
            }

.color_frenchy{
              color:#f027a0;
              }

.color_scooler {
              color:green;
              }

.color_ancienne_date {
                color:grey;
                }	
	 
/* 4 div des liens pour le retour sur les pages principales*/
#liens_retour {
			         padding:0;
   		         border-top:#4c83cc solid 1px;      
			         border-bottom:#4c83cc solid 1px;
			         }

#liens_retour_sr {
			         padding:0;
   		         border-top:#9c1d32 solid 1px;      
			         border-bottom:#9c1d32 solid 1px;
			         }			                     
			
				
				
			  
/* classe par ordre alphabetique*/

.boldem {
          font-weight:bold;
          font-style:italic;
          }

.boldplus   {
              font-size:1.2em;
              font-weight:bold;
              }

.center_u {
            text-align:center;
            font-size:3em;
            text-decoration: underline;
            }

.center {
          text-align:center;
          }

.center_us{
            text-align: center;
            text-decoration: underline;
            font-size: 1.5em;
            }

.scooler1_3 {
            font-size:1.3em;
            }

.cadre_photo {
              border:#aaa solid 5px;
              }

.cadre_photo_sr {
              border:#fff solid 5px;
              }

.fl:first-letter {
                   font-size:2em;
                   font-weight:bold;
                   font-family:"Times New Roman", Times, serif;
                   }

.foto_emma{
          font-weight:normal;
          margin:-0.6em;
          color:black;
          }

.img_a_droite  {
         		     float:right;
                  }

.img_a_droite_sr  {
         		     float:right;
         		     border:#000 solid 5px;
                  }


.img_a_gauche {
                float:left;
                }

.img_decale_droite  {
         		          float:right;
				              margin-right:-150px;
				              z-index:100;
				              }

.img_decale_droite_2  {
                        float:right;
                        margin-right:-10px;
                        z-index:100;
                        }

.pointiller {
             border-bottom:#4c83cc  dashed 1px;
             }

.pointiller_sr {
             border-bottom:#9c1d32  dashed 1px;
             }

.pointiller:hover {
                    cursor:help;
                    }

.plus_epais{
            font-weight:bold;
            }

.taille_text p{
              font-size:1.3em;
              }


.titre_out{
            position:absolute;
            left:-5000px;
            }





/*  F I N*/