/*

*************************************************************
*  Centre des jeunes et des loisirs de Natitengou           * 
*  ------------------------------------------------         *
*  Date de développement : septembre 2005                   *
*  CSS / HTML / PHP 3                                       *
*                                                           *
*  Développeur : Lion Nicolas                               *
*  URL : http://www.lioninformatique.com                    *
*  Email : contact@lioninformatique.com                     *
*                                                           *
*  W3C Valide HTML 4.01 Transitional / W3CSS Valide         *
*  http://validator.w3.org/                                 *
*  http://jigsaw.w3.org/css-validator/                      *
*                                                           *
*  LionInformatique développement (c) tous droits réservés  *
*                                                           *
*************************************************************

*/
/* Propriétés générale du site */
body 
{
	margin-top : 0px;
	margin-left : 0px;
	background-color:#E8C808;
}

/* Entête du site */
.header
{
	margin-top:8px;
	margin-left :50px;
}

/* Propriétés de l'image du danseur */
.image_ombre_danceur
{
	position:absolute;
 	top: 88px;
 	left: -1px;
	width:286px;
	height:404px;
	background-image:  url(images/ombre_danseur.gif);
	background-repeat:no-repeat;
}

/* Zone du texte */
.contenu_texte
{
	position:absolute;
	top: 100px;
	margin-top: 31px;
	margin-left :131px;
	border-right: 1px solid #000000; 
	border-left: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	font-family: Arial, Verdana,Helvetica;
	height:361px;
	Width:644px;
	
}



/* Boutons du menu principal => Propriétés des onglets */
/* *************************************************** */
.button {

	position: absolute;
	left:0px;
	top:89px;
}
.button ul {
	list-style-type: none; 
    padding-bottom: 100px;
    padding-left:150px;
	margin-left:10px;
	margin-top:0px;
    font-family: Arial, Verdana,Helvetica;
    font-size: 12px;


}
.button li {

 
  float: left; 
  font-weight: bold;
  margin: 0px 0px 0 0px;
  width: 113px;
  height:20px;
}


.button li a:visited,.button li a:visited,.button li a:link
{
   
   margin-top:14px;
   display: block;
   color: #000000;
   text-decoration: none;
	padding:10px;


  text-align:center;

}

.button li a:hover
  {
  top:0px;
  margin-top:0px;
  color: #000000; 
  padding-bottom:40px;
  padding-left:5px; 
  padding-right:4px; 
  line-height: 3px;
   
  height:20px;

  background-image:  url(images/onglet.gif);
  background-repeat:no-repeat;
  }
  
  .button li .onglet_selected
  {
  top:0px;
  margin-top:0px;
  color: #000000; 
  padding-top:10px;
  padding-left:5px; 
  padding-right:4px; 
  text-align:center;
  line-height: 3px;
  height:20px;

  background-image:  url(images/onglet.gif);
  background-repeat:no-repeat;
  }
 /*       - FIN - Propriétés des onglets-               */
 /* *************************************************** */ 
  
  /* rectangle situé en dessous des onglets */ 
  .barre_horyzontale_sousmenu
	{
	position:absolute;
	top: 108px;
	left :131px;
	border: 1px solid #000000; 
	height:25px;
	Width:644px;
	background-color:#CC6600;
}
  /* Position du texte dans la zone de texte*/
  .txt
  {
  margin-top: 20px;
  margin-left:150px;
  width:460px;
  }

/* Propriétés des boutons du sous menu */
/* *********************************** */
	.sousmenu
	{
	position:absolute;
	text-align:center;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	top:138px;
	border: 1px solid #000000; 
	height:18px;
	background-color:#CC6600;
	}

	.sousmenu a:link,.sousmenu a:visited
	{
	text-decoration:none;
	color:#000000;
	}

	.sousmenu a:hover
	{
	background-color:#E8C808;
	width:100%;
	height:100%;
	}  
	/* - FIN - Propriétés sous menu -      */
	/* *********************************** */
	
	
	/* Bouton Contact */
	/* ************** */
	.contact
	{
	position:absolute;	
	text-align:center;
	font-family: Arial,Verdana,Helvetica;
	font-size: 14px;
	font-weight: bold;
	top:470px;
	border: 2px dashed  #000000; 
	height:16px;
	text-align:center;
	left :10px;Width:100px;
	}

	.contact a:link,.contact a:visited
	{
	text-decoration:none;
	color:#000000;
	}

	.contact a:hover
	{
	background-color:#ffffff;
	width:100%;
	height:100%;
	}
	/* - FIN - Bouton Contact */
	/* ********************** */