/*
design.css
---------

Par FT
Fichier créé le 05/02/2007
*/
/************************************/
/*	DIV ENGLOBANT TOUT L'ENSEMBLE	*/
/************************************/	

div#default {
	width: 1000px;
	margin: 0 auto;
}

/****************************************/
/*	MISE EN PAGE DE LA PARTIE EN_TETE	*/
/****************************************/	

div#en_tete
{
	width: 1000px;
	height: 175px;
   	background-image: url("banniere3.png");
	background-repeat: no-repeat;
}


div#inter
{
	width: 1000px;
	height: 18px;
	background-image:url("inter.jpg") ;
}
/****************************************/
/*	MISE EN PAGE DE LA PARTIE MIDDLE	*/
/****************************************/	
div.middle
{
	width: 1000px;
	background: url("fond.jpg") repeat-y;
}
	/*	MISE EN PAGE DE LA PARTIE MENU	*/	
	div#menu
	{
	   float: left; 
	   width: 150px;
	   margin: 0;
	   padding:0;
	}

		.element_menu
		{   
		   	padding: 0;
			border:0;
		}

		/* Quelques effets sur les menus */

		.element_menu h3 /* Tous les titres de menus */
		{   
		   color: blue;
		   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
		   text-align: center;
		}
		
		.element_menu ul
		{
			margin:0;
			padding:0;
		}
		
		.element_menu li /* Toutes les listes à puces se trouvant dans un menu */
		{
			background-image: url("bouton.jpg");
			margin-bottom: 10px;
			background-repeat: repeat-x;
			width: 150px;
			/*line-height: 200%;*/	
			height: 40px;
			list-style-type: none;
			text-align: center;
			padding: 0;
			border:0;
			margin-left:0;
		}

		.element_menu li a 
		{
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			padding-top:2px;
		}

		.element_menu li a:link {
			color: black;
			
		}
		
		.element_menu li a:visited {
			color: black;
		}
		
		.element_menu li a:hover /* Quand on pointe sur un lien du menu */
		{
		   	background-image: url("bouton-down.jpg");
			background-repeat: repeat-x;
		}
		.element_menu li a:active 
		{
			font-weight: bold;
			color: yellow;
		}
		

/*	MISE EN PAGE DE LA PARTIE CENTER	*/

	#corps
	{
	   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	   width: 790px;
	   color: black;
	   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	}

	#corps h1 /* Tous les titres h1 du corps */
	{
	   color: #FFFF00;
	   text-align: center;
	   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	}

	#corps h2 /* Tous les titres h2 du corps */
	{
	   height: 40px;

	   background-image: url("titre.jpg");
	   background-repeat: no-repeat;
	   font-size: 20px;
	   padding-left: 30px;
	   padding-top: 5px;
	   color: #009900;
	   text-align: left;
	}
	
	#corps p
	{
		color: black;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-indent: 20px;
	}
	
	h3
	{
		color: #009900;
		font-size: 14px;
		text-indent: 30px;	
	}
	
	.date
	{
		color: #009900;
		font-size: 12px;
		margin-left: 100px;
		border-bottom:1px solid #009900;
	}
	
	.petit
	{
	   color: #FFFF00;
	   font-size: 10px;
	   text-align: center;
	}
	.image
	{
	   text-align: center;
	}
	
	.decale
	{
	   margin-left: 80px;
	}
	
	.right
	{
	   text-align: right;
	}
	
	a img
	{
		border: 0;
	}
	
	#corps table
	{
		text-align: center;
		margin-left:30px;
		border-width:thin;
		border-style:solid;
	}
	#corps th
	{
		border-width:thin;
		border-style:solid;
	}

	/*	MISE EN PAGE DE LA PARTIE RIGHT INDEX	*/
	div#right
	{
	   margin-left: 980px;
	   width: 20px;
	   
	}


/************************************/
/*	MISE EN PAGE DE LA PARTIE PIED_DE_PAGE	*/
/************************************/	

div#pied_de_page
	{
	   text-align: center;
	   width: 1000px;
	   height: 30px;
	   background: url("motif.jpg") repeat-x;
	   float: left;
	}


	
/****************************/
/*	MISE EN PAGE GENERALE	*/
/****************************/	

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
		}
	
	/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#FFF;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #009900;
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 2px 2px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 12px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }