.contenu {
        	font-size:12px;
	    first-line.text-indent: 20px;
	    background-color : #FFFFFF;
	    width: auto;
	    height: auto;
	    padding : 10px;
	    margin: 15px;
	    border-color :#CFCFCB;
	    border-style : solid;
	    border-width : 1px;/* the border property in longhand*/
	    margin-top:10px;
}
	.surlignage {    
		/*font-size:12px;
		first-line.text-indent: 20px;*/
		width: auto;
		height: auto;
		padding : 10px;
		margin: 5px;
		background-color:#FFFFF9;
		/*border:1px solid #fc6;*/
		border-top: 1Px solid #fc6;
		border-right: 1px solid #fc6;
		border-bottom: 1px solid #fc6;
		border-left: 1px solid #fc6;
		/*border-color :#CFCFCB;
		border-style : solid;
		border-width : 1px;/* the border property in longhand*/
		/*margin-top:10px;*/
	}
.popup
{
color: #9F141A;
cursor: help;
text-decoration: none
}
/*Eric Meyers grandiose CSS Pop Ups*/
a.nav span {display: none;}

a.nav:hover span {
   display: block;
   position: absolute;
   /*top: 150px; */
   left: 425px; 
   width: 220px;
   padding: 12px; 
   z-index: 100;
   color: #000099; 
   background: LemonChiffon ;
   font: 11px Verdana, Arial, sans-serif;
   border-color: #bbbbbb;
	 border-width: 0px 1px 1px 0px;
	 border-style: solid;
}
a.nav:hover span.unten {
   position: absolute; 
   top: 175px; 
   left: 130px; 
}

/*for more info, see http://www.meyerweb.com/eric/css/edge/popups/demo.html */


.icone {
    	position:relative;
        /*text-align:right;
	left:15px;
	z-index:1;*/
}
li {
	margin:10px;
}
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px/20px;
	color:#333;
	background-color:white;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
em {
	margin:0px 0px 30px 0px;
	padding-bottom: 30px px;
        font-style:normal;
        font-weight:bold;
	font-size:20px;
	line-height:20px;
	color:black;
        }
h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	line-height:20px;
	color:#ccc;
        }
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}



#Header {

	margin:50px 0px 10px 0px;
	padding:17px 0px 5px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#eee;
/* IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14 px; /* the correct height */
	}
.LienH { /*classe de l'identifiant*/
	font-size:20px;
}
/* Opera 5. */
#Header {height:14px;}

#Content {
	margin:0px 50px 50px 200px;
	padding:10px;
	}

#Menusection {
	position:absolute;
	top:100px;
	left:20px;
	width:172px;

/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
.Menubox {
	margin-top: 10px; 
 	margin-bottom:10px;
	padding:10px;
	background-color:#eee;
	border:1px solid #999;
	line-height:17px;
/* Again, the ugly brilliant hack.*/ 
 	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
}
/* Again, "be nice to Opera 5". */
#Menu {width:150px;}

a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#CECCCC;}