body, html, div, table, p, tr, td
{
    margin:0px;
    padding:0px;
    font-family:arial;
    vertical-align:middle;   
}

  body
  {
    background-color:#000000;
   
    
  }
       .texte_bouton
    {
      text-decoration:none;
      color:white;
      font-weight:bold;
      font-size:17px;
      border:none;
      cursor:hand;
        
    }
         .texte_bouton:hover
    {
      text-decoration:none;
      color:#3aaadc;
      font-weight:bold;
      font-size:17px;
      border:none;
      cursor:hand;
        
    }  
	
	.texte_bouton_gl
    {
      text-decoration:none;
      color:#f8b334;
      font-weight:bold;
      font-size:17px;
      border:none;
      cursor:hand;
        
    }
         .texte_bouton_gl:hover
    {
      text-decoration:none;
      color:#3aaadc;
      font-weight:bold;
      font-size:17px;
      border:none;
      cursor:hand;
        
    }  
  
    .menu_bas
    {
        color:white;
        font-size:13px;
        text-decoration:none;
        font-weight:bold;
        text-align:center;
        cursor:hand;
    }
    .menu_bas:hover
    {
        color:#f8b334;
        font-size:13px;
        text-decoration:none;
        font-weight:bold;
        text-align:center;
        cursor:hand;
    }
	    .menu_part
    {
        color:white;
        font-size:11px;
        text-decoration:none;
        font-weight:bold;
        text-align:center;
        cursor:hand;
		text-decoration:none;
    }
    .menu_part:hover
    {
        color:#f8b334;
        font-size:11px;
        text-decoration:none;
        font-weight:bold;
        text-align:center;
        cursor:hand;
		text-decoration:none;
    }
    .barreblanche
    {
     color:White;
     font-size:30px;
     vertical-align:middle;   
    }
     .barreblanche_part
    {
     color:White;
     font-size:20px;
     vertical-align:middle;   
    }
    
    table.general
    {
        width:733px;
        height:100%;    
        margin:0 auto;
        margin-top:25px;
        vertical-align:middle;

    }
    
    table.general tr td
    {
        vertical-align:middle;
        height:100%;  
    }
    .caract_pre
  {
      color:white;
      font-weight:bold;
      position:absolute;
      top:485px;
      left:505px;
      padding:0;
      padding-left:10px;
      text-align:center;
      text-decoration:none;
        border:none;
    
  }
     .caract_pre:hover
  {
      color:#d66929;
      font-weight:bold;
      position:absolute;
      top:485px;
      left:505px;
      padding:0;
      padding-left:10px;
      text-align:center;
      text-decoration:none;
        border:none;
    
  }
     .bouton
    {
        display:block;
        text-align:center;
       
        color:white;
        text-decoration:none;
        border:none;
        cursor:hand;
        font-size:12px;
        
    }
     .bouton:hover
    {
        display:block;
        text-align:center;
       
        color:#d66929;
        text-decoration:none;
        border:none;
        cursor:hand;
        font-size:12px;
        
    }
    .dospedago_menu_gauche
    {
        
    }
   .dospedago_menu_haut
    {
        color:#fabf5d;
        font-size:12px;
        font-weight:bold;
        cursor:hand;
    }
    .accueil
    {
        background-image:url('../image/background/HomeAccueilfond3.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll;
    }
    .prehome
    {
         background-image:url('../image/background/prehome.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll;
    }
    .dospedago
    {
         background-image:url('../image/background/dospedago2.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll;
    }
   
      div#global 
    {
        position:relative;
        width:733px;
        height:550px;
        border:none;
        text-decoration:none;
        
    }
      .homejeunereg
    {
        background-image:url('../image/background/backgroundhomeregjeune.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
       .langue
    {
        background-image:url('../image/background/HomeLanguesbackground.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
        .page_type
    {
        background-image:url('../image/background/page_type.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
         .piste_anim
    {
        background-image:url('../image/background/pist_anim.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
           .piste_anim2
    {
        background-image:url('../image/background/piste_anim2.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
            .ressource
    {
        background-image:url('../image/background/ressource.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
             .musique
    {
        background-image:url('../image/background/musique.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
   .homejeune_menu_haut
    {
        color:#0a71b4;
        font-size:11px;
        
        cursor:hand;
    }
     .homejeune_menu_gauche
    {
        color:#0a71b4;
        font-size:17px;
        
        cursor:hand;
    }
     .homejeune_menu_millieu
    {
        color:#0a71b4;
        font-size:13px;
        font-weight:bold;
        cursor:hand;
    }
       .outilback
    {
        background-image:url('../image/background/homeoutilsbackground.jpg');
        background-repeat:no-repeat;
        background-attachment:scroll; 
    }
  
 
   .ressource_div
    {
        background-color:#b2e6e7;
        height:25px;
        width:134px;
        text-decoration:none;
        cursor:pointer;
        color:White;
        font-weight:bold;
    }
    .ressource_div:hover
    {
       
        height:25px;
        width:134px;
        color:#0a71b4;
        font-weight:bold;
    }   
   .ressource_div:active
    {
        background-color:#66cdcf;
        height:25px;
        width:134px;
        color:#0a71b4;
        font-weight:bold;
    }
       .outils_div
    {
        background-color:#f1b494;
        height:28px;
        width:134px;
        text-decoration:none;
		border:none;
        color:white;
        cursor:pointer;
        font-size:12px;
        text-align:center;
        font-weight:bold;
        
    }
    .outils_div:hover
    {
        
        height:28px;
        width:134px;
        color:#7c4d26;
        cursor:pointer;
        font-size:12px;
        font-weight:bold;
    }   

   .outils_div:active
    {
        background-color:#e36929;
        height:28px;
        width:134px;
        color:#7c4d26;
        cursor:pointer;
        font-size:12px;
        font-weight:bold;
    } 
  
  
       .piste_div
    {
        background-color:#fcd89a;
        height:28px;
        width:134px;
        text-decoration:none;
        font-weight:bold;
        cursor:pointer;
        color:White;
        
    }
    .piste_div:hover
    {
        
        height:28px;
        width:134px;
        font-weight:bold;
        color:#d66929;
    }
     .piste_div:active
    {
        background-color:#f8b334;
        height:28px;
        width:134px;
        font-weight:bold;
       
    }
  
   
    .bouton_haut
    {
      cursor:pointer;
      font-size:11px;
      text-decoration:none;
      border:none;
      color:white;
      font-weight:bold;
      
    }  
     .bouton_haut:hover
    {
      cursor:pointer;
      font-size:11px;
      text-decoration:none;
      border:none;
      color:#f7c579;
      font-weight:bold;  
    } 
    .bouton_langue
    {
        text-decoration:none;
        border:none;
        color:white;
        cursor:pointer;
        font-weight:bold;
    }
     .bouton_langue:hover
    {
        text-decoration:none;
        border:none;
        color:#808080;
        cursor:pointer;
        font-weight:bold;
    }
     .bouton_dospedago:hover
    {
        color:#808080;
        font-size:14px;
        font-weight:bold;
        cursor:hand;
        text-decoration:none;
    }
     .bouton_dospedago
    {
        color:white;
        font-size:14px;
        font-weight:bold;
        cursor:hand;
        text-decoration:none;
    }
      .bouton_outils:hover
    {
        color:#7c4d26;
        font-size:16px;
        font-weight:bold;
        cursor:hand;
    }
     .bouton_outils
    {
        color:white;
        font-size:16px;
        font-weight:bold;
        cursor:hand;
    }
    .bouton_gauche_outils
    {
        
        cursor:pointer;
        font-size:14px;
        color:White;
        text-decoration:none;
        border:none;
        font-weight:bold;
    }
    .bouton_gauche_outils:hover
    {
        cursor:pointer;
        font-size:14px;
        color:#7c4d26;
        text-decoration:none;
        border:none;
        font-weight:bold;
    }
      .bouton_gauche_pisteanime
    {
       
        cursor:pointer;
        font-size:14px;
        color:White;
        text-decoration:none;
        border:none;
        font-weight:bold;
    }
        .bouton_gauche_pisteanime:hover
    {
       
        cursor:pointer;
        font-size:14px;
        color:#d66929;
        text-decoration:none;
        border:none;
        font-weight:bold;
    }
     .bouton_haut_jeune
    {
      cursor:pointer;
      font-size:11px;
      text-decoration:none;
      border:none;
      color:white;
      font-weight:bold;
    }  
     .bouton_haut_jeune:hover
    {
      cursor:pointer;
      font-size:11px;
      text-decoration:none;
      border:none;
      color:#0a71b4;
      font-weight:bold;  
    } 
       .bouton_gauche_jeune
    {
        cursor:pointer;
        font-size:14px;
        color:White;
        text-decoration:none;
        border:none;
        font-weight:bold;
    }
        .bouton_gauche_jeune:hover
    {
        cursor:pointer;
        font-size:14px;
        color:#0a71b4;
        text-decoration:none;
        border:none;
        font-weight:bold;
    }