body	{behavior: url(csshover.htc);
			font-family: Cambria,Verdana, Geneva, Arial, Helvetica, sans-serif;
			text-align: justify;
			line-height: normal;
			}
    a.image img {text-decoration:none; border:none;}
    a img {border:none;}
  a.ext[href$='.htm'], a.ext [href$='.html'],a.ext [href *='htm#'],a.ext [href *='html#'],a.ext[href ^="http:"]  {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_external.gif) no-repeat center right;
}

		div#container{ 
      position : absolute;
      width: 100%;
      top: 100px;
			background-color: #99CCCC;}
		
    div#content{ position : relative; left: 15%; width:70%;
			background-color: #99CCCC;}

		div#content p { position : relative;
		}


		div#navigation {
			float: left; clear : both;
			left: 5px; bottom: 20px;
			width : 30%;}

		#texte {
			width: 90%;
			margin-top: 20px;
			margin-left: 25px;
			padding-left: 0px;
			clear: both;
			border-top: 4px solid Black;
			padding-top: 5px;
		}

		div#footer{
			width: 100%;
			background: #808080;
			color: #FFF;
			margin-top: 50px;}

		div#footer p{width:100%;
			margin:0;
			padding:5px 10px}

		div#footer a{display:inline;
			padding:0;
			color: #C0C0C0}


		#menu { width: 300px;
			background: white;
		}

		#menu ul { padding: 0;
			width: 300px;
			border:1px solid;
			margin:0px; }



		#menu ul li { position:relative;
			list-style: none;
			border-bottom:1px solid; }

		#menu ul ul {  position:absolute;
			background: white;
			top: 0;
			left: 300px;
			display: none; }

		#menu li a {text-decoration: none;}

		#menu li.niveau1 { background: yellow; }



		#menu ul ul { position: absolute;
			top: 0;
			left: 300px;
			display:none;}

			#menu ul.niveau1 li.niveau1:hover ul.niveau2,
		#menu ul.niveau2 li.niveau1:hover ul.niveau3 {
			display:block;
		}

		#menu a {
			color:#000000
		}

		#menu li:hover {
			background: #EDD
		}

		#menu li.niveau1:hover {
			background: #EBB;
		}

		#menu li.niveau1 {
			background: url(images/fleche.jpg) 100% 50% no-repeat;
		}

		#menu li a {
			text-decoration: none;
			padding: 1px 0 1px 8px;
			display:block; border-left:
			8px solid #BBB; width:300px
		}

		#menu li a:hover {
			border-left-color: red;
		}

		#menu ul ul li a:hover {
			border-left-color: #00FF00;
		}

		#menu ul ul ul li a:hover {
			border-left-color: #0000FF;
		}


		.clear {
			clear: both;
			display: block;
			height: 1px;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}


		#photo { position: absolute;
			top: 220px;
			left: 500px;
			align:center;}


/*		#photo2 { position: absolute;
			top: 290px;
			left: 50px;}


		#photo3 { position: absolute;
			top: 570px;
			left: 50px;} */

	/*	#photo4 { position: absolute;
			top: 745px;
			left: 220px;} */

		#photo5 { position: absolute;
			top: 300px;
			left: 50px;}

		#photo6 { position: absolute;
			top: 150px;
			left: 12px;}

/*		#photo7 { position: absolute;
			top: 870px;
			left: 400px;} */