/*

*************************************************************
*  Les rencontres de l'aventure solidaire 2006              * 
*  ------------------------------------------------         *
*  Date de développement : Janvier 2006                     *
*  CSS / HTML / PHP 3                                       *
*                                                           *
*  Développement : LionInformatique                         *
*  URL : http://www.lioninformatique.com                    *
*  Email : contact@lioninformatique.com                     *
*                                                           *
*  W3CSS Valide                                             *
*  http://jigsaw.w3.org/css-validator/                      *
*                                                           *
*  LionInformatique développement (c) tous droits réservés  *
*                                                           *
*************************************************************

<ul class="onglets">
  <li class="jaune"><a href="#" class="lien_onglet lien_j">Titre 1</a></li>
  <li class="vert_clair"><a href="#" class="lien_onglet lien_vc">Titre 2</a></li>
  <li class="orange"><a href="#" class="lien_onglet lien_o">Titre 3</a></li>
  <li class="vert-fonce"><a href="#" class="lien_onglet lien_vf">Titre 4</a></li> 
</ul>


*/ 

.onglets 
{

  left:4px;
  position:relative;	
  bottom:-1px;
  list-style-type: none; 
  margin-top:0px;
  margin-left:0px;
  padding-left:0px;
  padding-top:0px;

  margin-bottom:0px;
}

.onglet_accueil
{
	position:absolute;
	top:139px;
	left:160px;
 	text-align:center;
	color:#ffffff;
   	background-image:  url(../images/onglets/bord_noir.gif);
  	background-repeat:no-repeat;
	width: 75px;
 	 height:23px;
padding-top: 4px;
}

.onglet_accueil a:visited, .onglet_accueil a:hover, .onglet_accueil a:link
{
color:#000000;
text-decoration:none;
font-weight: bold;
font-family: Arial, Verdana,Helvetica, sans-serif;
 font-size: 13px;
}

.onglets2 
{
  left:4px;
  list-style-type: none;
  position:relative;	
  bottom:5px;
  margin-top:-4px;
  margin-left:0px;
  margin-bottom:0px;
  
  padding-left:0px;

}


li 
  {
  float: left; 
  margin: 0px 0px 0px 0px;
  font-family: Arial, Verdana,Helvetica;
  

  }

 .lien_onglet 
  {
  top:-4px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding-top: 4px;
  font-size: 13px;

  } 

 .lien_onglet2
  {
  top:-4px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding-top: 4px;
  font-size: 11px;

  } 



  
			.lien_j
			{
				color: #FF6600;
			}
			.lien_vc
			{
				color: #336633;
			}			
			.lien_o
			{
				color: #FFCC33;
			}
			.lien_vf
			{
				color: #99CC33;
			}
			.lien_m
			{
				color: #ffffff;
			}
  

 .jaune {  
		   text-align:center;
		   color: red;
		
  		   background-image:  url(../images/onglets/jaune.gif);
  		   background-repeat:no-repeat;
		   
		   width: 110px;
		   height:24px;
	
		  
  }
 .jaune_g {  
		   text-align:center;
		   color: red;
		
  		   background-image:  url(../images/onglets/jaune_g.gif);
  		   background-repeat:no-repeat;
		   
		   width: 142px;
		   height:24px;
	
		  
  }


  
 .vert_clair {
 		   text-align:center;
   		   background-image:  url(../images/onglets/vert_clair.gif);
  		   background-repeat:no-repeat;
		   width: 125px;
 		   height:24px;
			
 }
  
 .vert_clair_petit {
 		   text-align:center;
   		   background-image:  url(../images/onglets/vert_clair_petit.gif);
  		   background-repeat:no-repeat;
		   width: 98px;
 		   height:24px;
			
 }
 .orange {
 		   text-align:center;
   		   background-image:  url(../images/onglets/orange.gif);
  		   background-repeat:no-repeat;
		   width: 160px;
 		   height:24px;
		
 }
 .orange_petit {
 		   text-align:center;
   		   background-image:  url(../images/onglets/orange_petit.gif);
  		   background-repeat:no-repeat;
		   width: 140px;
 		   height:24px;
		
 }
 
 .vert-fonce {
 		   text-align:center;
   		   background-image:  url(../images/onglets/vert.gif);
  		   background-repeat:no-repeat;
		   width: 135px;
 		   height:24px;
			
 }
 .vert-fonce_g {
 		   text-align:center;
   		   background-image:  url(../images/onglets/vert_g.gif);
  		   background-repeat:no-repeat;
		   width: 150px;
 		   height:24px;
			
 }