body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #c0c0c0 ;
		}
		
                font.barre1
                { 
                        font-family: verdana, serif ;
                        font-size: 9pt ;
                        color: white ;
                        font-style: bold ;
                        background-color : #000000 ; 
                }

                font.barre2
                { 
                        font-family: verdana, serif ;
                        font-size: 7pt ;
                        color: #cccccc ;
                        font-style: bold ;
                        background-color : #FFFFFF ; 
                }

		div#conteneur
		{
			width: 775px ;
			margin: 0 auto ;
			text-align: left ;
			border: 1px solid #000 ;
			background: #fff ;
		}
		
		h1#barre
		{
			height: 25px ;
			margin: 0 ;
                        background: #000 ;
		}

                a img {border:none; }

		h2
		{
			font-size: 15px ;
			color: #ffffff ;
		}

		h1#barre2
		{
			height: 35px ;
			margin: 0 ;
                        background: #ffffff ;
		}

		h1#pied
		{
			height: 20px ;
			margin: 0 ;
                        margin-top : 1em;
                        background: #ffffff ;
		}

		h3
		{
			font-size: 9px;
                        text-align : right;
			color: #000000 ;
		}

		h1#header
		{
			height: 85px ;
			margin: 0 ;
		        border-bottom : 1px solid #000;
		}
		

		h1#header a
		{
			width: 400px ;
			height: 70px ;
			display: block ;
			background: url(design_old/title.gif) no-repeat ;
			position: relative ;
			left: 350px ;
			top: 15px ;
		}
		
		h1#header a span
		{
			display: none ;
		}



		.image
		{
			padding: 10px ;
			border: 1px solid #ff0000 ;
		}


		div#contenu
		{
			width: 775px ;
			margin: 0 auto ;
			text-align: left ;
			background: #fff ;
		}

		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.0em ;
			background: url(../design/little_apple.gif) no-repeat left bottom ;
			color: #ff0000 ;
			border-bottom: 1px solid #ff0000 ;
		}


	#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
        #nav a {
	        display: block;
	        width: 10em;
	        w\idth: 6em;
	        color: #7C6240;
	        text-decoration: none;
	        padding: 0.25em 2em;
        }

        #nav a.daddy {
	        background: url(../design/puce1.gif) center right no-repeat;
        }

	#nav li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 10em;
	}
	
	#nav li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		width: 9em;
                padding : 0.1em;
		margin-left : 9.05em;
		margin-top : -1.35em;
                margin-bottom : -1em;
	        background: white;
        	border: 1px solid #000;
	}

	#nav li a {
		width: 8em;
		w\idth : 8em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : red;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
                min-height: 0;
	}

	a.lien {
		width: 8em;
		color : #ff0000;
		font-weight : bold;
		text-decoration : none;
	}
	
	a:hover.lien {
		color : #ff9999;
	}