h1 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: cyan}
	 h2 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; color: cyan}
	 h3 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: cyan}
 	 h4 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: cyan}
 	 h5 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: black}
 	 h6 {font-family: times, Verdana, Arial, Helvetica, sans-serif;  font-size: 1.30em; color: cyan}
	 h7 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: black}
 	 h8 {font-family: times, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: black}

		body {
			/*background-color:#333;		*/
			background-color:#838383;		
			background-image:url(images/present3_2.png);
			width:100%; height:100%;
			background-repeat:no-repeat;
			background-position: 0% 0%;
			background-size:auto auto;
		}
		a { color: #C0D4DC;	text-decoration:none;}
		a:link { color: #0099FF;}
		a:visited {color: grey;text-decoration:none}
		a:hover {color: red;text-decoration:none}

		a.name { color: #C0D4DC; }
		a.name:link { color: #0099FF;  }
		a.name:hover { color: red; }
		#backcf1_1 {
			background-image:url(images/boite_fleche1_1.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:45px;
			position:absolute; top:20px; left:5px; width:245px; height:321px;
			z-index:2;
		}
		#backcf1_1_coin {
			background-image:url(images/boite_fleche1_1_coin.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:45px;
			position:absolute; top:340px; left:5px; width:249px; height:67px;
			z-index:2;
		}
		#backcf1_2 {
			background-image:url(images/boite_fleche1_2.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:1px;
			position:absolute; top:20px; left:255px; width:223px; height:157px;
			z-index:2;
		}
		#backcf1_2_coin {
			background-image:url(images/boite_fleche1_2_coin.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:1px;
			position:absolute; top:20px; left:478px; width:56px; height:132px;
			z-index:2;
		}
		#backcf1_2_coin2 {
			background-image:url(images/boite_fleche1_2_coin.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:1px;
			position:absolute; top:20px; left:255px; width:56px; height:132px;
			z-index:2;
		}
		#backcf1 a:hover {
			font-weight:bold;
			font-size: 120%;
			font-family:lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:45px;
			z-index:4;
		}
		#backcf1_2 a:hover {
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			padding-top:1px;
			z-index:4;
		}
		#backcf2 {
			background-image:url(images/2boite_fleche2_1.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 120%;
			font-family:lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-top:15px;
			padding-left:15px;
			padding-bottom:50px;
			position:absolute; top:99%; left:5px; width:215px; height:571px;
			z-index:1;
		}
		#backcf2_coin {
			background-image:url(images/2boite_fleche2_1_coin.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
			position:absolute; top:99%; left:220px; width:65px; height:571px;
			z-index:1;
		}
		#backcf2 a:hover {
			font-weight:bold;
			font-size: 120%;
			font-family:lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:15px;
		}

		#backca1 {
			background-image:url(images/cadre_arrondi1_2.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 90%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:508px;
			height:162px;
			padding-left:25px;
			padding-right:25px;
			padding-top:5px;
			padding-bottom:5px;
			position:relative;  left:5%; top:3%;
			margin-top:15px;
		}
		#backca1 a:hover {
			font-weight:bold;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:548px;
			height:162px;
			padding-left:25px;
			padding-right:25px;
			padding-top:5px;
			padding-bottom:5px;
			margin-top:15px;
		}
		#backca2 {
			background-image:url(images/cadre_arrondi2_2.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 90%;
			font-family:lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:508px;
			height:162px;
			padding-left:25px;
			padding-right:25px;
			padding-top:5px;
			padding-bottom:5px;
			position:relative;  left:5%; top:3%;
		}
		#backca2 a:hover {
			font-weight:bold;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:548px;
			height:162px;
			padding-left:25px;
			padding-right:25px;
			padding-top:5px;
			padding-bottom:5px;
		}
		#backca3 {
			background-image:url(images/cadre_arrondi3_2.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 90%;
			font-family:lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:508px;
			height:162px;
			padding-left:25px;
			padding-right:25px;
			padding-top:5px;
			padding-bottom:5px;	
			position:relative;  left:5%; top:3%;
		}
		#backca3 a:hover {
			font-weight:bold;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:548px;
			height:162px;
			padding-left:25px;
			padding-right:25px;
			padding-top:5px;
			padding-bottom:5px;
		}
		#backcalogo {
			font-weight:bold;
			font-size: 100%;
			font-family:lucida, times, Verdana, Arial, Helvetica, sans-serif;
			width:60px;
			height:60px;	
			position:relative; top:-25px;
			float:right;
		}
		#backcaprinc {
			background-image:url(images/cadre_princ.png);
			background-repeat:repeat;
			font-weight:bold;
			font-size: 120%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			left:25%;
			width:1000px;
			height:940px;
			margin-left:7em;			
/*			margin-right:0em;*/
			margin-top:1em;
			margin-bottom:10em;	
			position:static; top:10%;
			float:left;z-index:0;
		}

		#auglogo {
			background-image:url(images/logo.png);
			background-repeat:no-repeat;
			position:relative; top:0px; left:40%; width:84px; height:82px;
			float:left;
			z-index:0;
		}
		#auglogo a:hover {
			background-image:url(images/logo_sel.png);
			background-repeat:no-repeat;
			position:relative; top:0px; left:40%; width:84px; height:82px;
			float:left;
			z-index:4;
		}
	 	#augmenu {
			background-image:url(images/small_cadre_fleche1.png);
			background-repeat:no-repeat;
			padding-top:15px;
			padding-bottom:15px;
			padding-left:5px;
			width:350px;
			height:220px;
			position:fixed; right:10px; top: 1px;
			z-index:0;
		}
		#augmenu a:hover {
			background-position:1% 50%;
			padding-left:7px;
			position:fixed;
			z-index:4;
		}
		#augmenubis {
			font-size: 90%;
			background-image:url(images/small_cadre_fleche1.png);
			background-repeat:no-repeat;
			padding-top:15px;
			padding-bottom:15px;
			padding-left:5px;
			width:350px;
			height:220px;
			position:fixed; left:10px; bottom: 30px;
			z-index:0;
		}
		#augmenubis a:hover {
			background-position:1% 50%;
			padding-left:7px;
			position:fixed;
			z-index:4;
		}
	 	#augmenu2 {
			font-size: 75%;
			background-image:url(images/small_cadre_fleche1.png);
			background-repeat:no-repeat;
			padding-top:15px;
			padding-bottom:15px;
			padding-left:5px;
			width:350px;
			height:220px;
			position:fixed; right:10px; bottom: 30px;
			z-index:1;
		}
		#menuentps {
			background-image:url(images/unit_arrond.png);
			background-repeat:no-repeat;
			font-weight:bold;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			padding-left:10px;
			padding-top:5px;
			padding-bottom:10px;
			margin-top:5px;
			margin-bottom:5px;
			margin-left:5px;
			margin-right:5px;
			width:103px;
			height:30px;
			position:relative; 
			z-index:5;
			display: table;
			left: 20%;
			float:left;
		}
		#menuentps a:hover {
			background-image:url(images/unit_arrond_sel.png);
			background-repeat:no-repeat;
			z-index:4;
		}
		#rubrik {
			font-weight:normal;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			left:3em;
			width:90%;
			height:35%;
			z-index:6;
			padding-left:1em;
			padding-right:1em;
			padding-top:1em;
			padding-bottom:10px;	
			position:static;
			top:380px;
			/*border: solid red 2px;*/
/*			display:table;*/
			float:left;
			
		}
		#rubrik2 {
			font-weight:normal;
			font-size: 100%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			left:20%;
			width:60%;
			height:10%;
			z-index:6;
			padding-left:1em;
			padding-right:1em;
			padding-top:1em;
			padding-bottom:10px;	
			position:static;
			/*border: solid red 2px;*/
/* 			display:table; */
			float:left;
		}
		#nomsite {
			font-weight:normal;
			font-size: 140%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
			left:25%;
			width:30%;
			height:10%;
			z-index:6;
			padding-left:1em;
			padding-right:1em;
			padding-top:1em;
			padding-bottom:1em;	
			position:relative;
			/*border: solid red 2px;*/
/* 			display:block; */
			float:left;
		}
		#augpied {
			position:fixed;
			top:96%;
			height:20%;
			width:100%;
			right:0;
			border-top: solid black 2px;
			color:cyan;
			z-index:5;
		}
		.augtitre {
			color:darkblue;
			font-weight:bold;
			font-size: 150%;
			font-family: lucida, times, Verdana, Arial, Helvetica, sans-serif;
	 	}
		.augtitre:before {color:black; content:"  "}
		.augtitre:after {color:black;content:"."}


		#hierarchie {
		        clear: both;
          		margin-bottom: 1em;
			padding-bottom: 1em;
        		font-size: 0.77em;
			margin-left:0.5em;
			margin-top:0.5em;
			font-size: 80%;
			position:static; 
			text-align:center;		
		}
		.divers {
			min-width: 10em;
			border: 1px solid #CCC;
			margin-bottom: 1em;
			font-size: 0.77em;
			z-index : -1;
		}