@charset "UTF-8";
/* CSS Document */

body {
background-color:#FFFFFF;}

div#header{
    position:absolute;
	z-index:10;
	position:absolute;
	top:0;
	width:100%;
    height:155px;
	background-color:#FFFFFF;
	background-image: url(ressources/LOGO.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border-bottom:1px solid #7999A4;

 }
 
 div#header h1{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:100;
	color:#7999A4;
	float:right;
	margin-right:5%;
	letter-spacing:0px;
	margin-top:30px;
 }
 
 div#header h1 p{
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:100;
 color:#7999A4;
 float:left;
 letter-spacing:3px;

 }
 
 div#header a{
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:100;
 color:#7999A4;
 float:left;
 letter-spacing:3px;
 text-decoration:none;

 }
 
  div#header a:hover{
 color:#000000;
 
 }
 

/*#monmenu {
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#7999A4;
	text-transform: uppercase;
	height:100%;
	width:200px;
	margin-left:20px;
	margin-top:2%;
	z-index:5;
	background-image:url(ressources/fondMenu.png);
	background-repeat: no-repeat;
	background-position:center 150px;
	
}
#monmenu UL UL {
PADDING-RIGHT: 0px; 
DISPLAY: none; 
PADDING-LEFT: 0px; 
LEFT: 160px; 
top: 0px;
MARGIN: 0px; 
PADDING-TOP: 0px; 
POSITION: absolute; 
background-color:#000000;
}

#monmenu ul.niveau1{
	PADDING-RIGHT: 2px;  
	PADDING-BOTTOM: 2px; 
	margin-top: 100px; 
	WIDTH: 130px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	text-decoration:none; 
	height:500px;
}

#monmenu ul.niveau1 li{
	PADDING-RIGHT: 2px;  
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	WIDTH: 130px; 
	PADDING-TOP: 80px; 
	
}

#monmenu ul.niveau1 li a{

	PADDING-RIGHT: 2px;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px;
	WIDTH: 130px;
	PADDING-TOP: 2px;
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	text-decoration:none;
	color:#7999A4;
}

#monmenu ul.niveau1 li#active a{
	color:#000000;
}


#monmenu ul.niveau1 li :hover{
	
	text-decoration:none;
	color:#000000;
}


#monmenu LI.plus A {
	TEXT-DECORATION: none;
	color:#FFFFFF;
}
#monmenu LI:hover UL.niveau2 {
    BACKGROUND-COLOR: #000000; 
	DISPLAY: block;
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block;
}
#monmenu LI.sfhover UL.niveau2 {
    BACKGROUND-COLOR: #000000; 
	DISPLAY: block;
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block;
}
#monmenu UL.niveau2 LI.plus {
	BACKGROUND-POSITION: right 50%;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #000000;
	text-transform:lowercase;
	WIDTH: 160px;
	font-weight:200;
	color:#FFFFFF;
	padding-left:3px;
}


#monmenu UL.niveau2 LI.plus a {
	BACKGROUND-POSITION: right 50%;
	BACKGROUND-REPEAT: no-repeat;
	text-transform:lowercase;
	WIDTH: 160px;
	font-weight:200;
	color:#FFFFFF;
	padding-left:3px;
}


#monmenu UL.niveau2 LI.plus :hover {
	color: #7999A4;
}

#monmenu ul.niveau1 li#active ul.niveau2 {
	
	margin-top:80px;
}

#monmenu ul.niveau1 li#active ul.niveau2 li {
	padding-top:2px;
	
}

#monmenu ul.niveau1 li ul.niveau2  {
	margin-top:80px
	
}

#monmenu ul.niveau1 li ul.niveau2 li {
	padding-top:2px;
	
}

#monmenu ul.niveau1 li#active ul.niveau2 li a{
	color:#FFFFFF;
}

#monmenu ul.niveau1 li#active ul.niveau2 li :hover{
	color:#7999A4;
}

#monmenu ul.niveau1 li#active ul.niveau2 li#en_cours a{
	color:#99CC00;
}*/


#monmenu {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	height:100%;
	width:200px;
	margin-left:20px;
	margin-top:160px;
	z-index:5;
	background-image:url(ressources/fondMenu.png);
	background-repeat: no-repeat;
	background-position:center 20px;
	
		
}

#monmenu ul.niveau1 li{
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#7999A4;
	text-transform:uppercase;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	WIDTH: 130px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	line-height:80px;	
}

#monmenu ul.niveau1 li:hover{
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	WIDTH: 130px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
		
}

#monmenu ul.niveau1 li a{
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#7999A4;
	text-transform:uppercase;
		
}

#monmenu ul.niveau1 li a:hover{
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	WIDTH: 200px; 
		
}

#monmenu ul.niveau1 li#active a{
	color:#000000;
}



#monmenu UL UL {
	PADDING-RIGHT: 0px;  
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	LEFT: 100px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	TOP: 44px;
	z-index:8;
}

#monmenu UL UL.niveau2 li {
background-color:#000000;
line-height:10px;

}

#monmenu UL UL.niveau2 li a {
text-transform: lowercase;
font-size:12px;
font-weight:100;
color:#FFFFFF;
line-height:10px;
}

#monmenu UL UL.niveau2 li a:hover{
text-transform: lowercase;
font-weight:100;
color:#7999A4;
}

#monmenu ul.niveau1 li#active ul.niveau2 li a{
	color:#FFFFFF;
}

#monmenu ul.niveau1 li#active ul.niveau2 li :hover{
	color:#7999A4;
}

#monmenu ul.niveau1 li#active ul.niveau2 li#en_cours a{
	color:#99CC00;
}

#monmenu LI.sfhover {
	BACKGROUND-COLOR: #ffff70
}
#monmenu LI A {
	TEXT-DECORATION: none
}
#monmenu LI:hover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}


div#corps {
position:relative;
width:75%;
float:right;
z-index:2;
margin-top:195px;

}

div#comment p {
color:#7999A4;
margin-bottom:0px;
width:100%;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size:11px;

}



 @media screen{
 
  body>div#header{
   position:fixed;
  }
  body>div#monmenu{
   position:fixed;
  }
   body>div#right-sidebar{
   position:fixed;
  }
  
   body>div#footer{
   position: fixed;
  }
 
 }

 * html body{
  overflow:auto;
 } 

 * html div#content{
  height:100%;
  overflow:auto;
 }