body
{
	width: 100%;
	min-width: 950px;
	margin: auto;
	background-image:url("../images/background_2.jpg");
}
div#page
{
	width: 93%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: white;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 4px 8px 0.8px gray;
	background-image:url("../images/bahckground.jpg");
}
div#tete
{
	width: 100%;
	height: 121px;
	
}
div#menu_deroulant
{
	width: 100%;
	height: 21px;
	margin-bottom: 20px;
}
/*menu deroulant */

#menu, #menu ul /* Liste */     
{
	padding : 0; 
	margin : 0; 
	list-style : none; 
	line-height : 35px; 
	text-align : center; 
	border-radius: 10px 10px 0px 0px;
}

#menu /* Ensemble du menu */
{
	font-weight : bold; 
	font-family : Arial; 
	font-size : 12px; 
}

#menu a 
{
	display : block; 
	padding : 0; 
	background : #009f00;        
	color : #fff; 
	text-decoration : none; 
	width : 120px;
}

#menu li       
{ 
	float : left; 
	
	border-right : 1px solid #fff; 
}


html>body #menu li
{
	border-right: 1px solid transparent; 
}

#menu li ul 
{ 
	position: absolute; 
	width: 120px; 
	left: -999em; 
}


#menu li ul li 
{
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
	border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
	margin    : -22px 0 0 120px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

 #menu li ul ul                
{
	border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
  


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

div#corps
{
	width: 99.9%;
	font: normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
}
div#corps_alone, div#corps_extended
{
	width: 70%;
	float: right;
	border-radius: 10px 0px 0px 0px;
	margin-bottom: 15px;
	box-shadow: -4px 8px 0.8px gray;
	padding: 5px;
	
}
div#corps_extended
{
	width: 98.9%;
	min-height: 520px;
	box-shadow: 0px 0px 0px gray;
}
p, div#corps_alone li
{
	font: normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	
}
a
{
	text-decoration: none;
	color: blue;
}
h1
{
	text-align: center;
	color: #fc6400;
}
h2, h3, h4
{
	text-decoration: underligne;
	color: #fc6400;
	font-weight: bold;
}
div#part_admin
{
	width: 47%;
	height: 190px;
	float: left;
	margin: 5px;
	margin-bottom: 30px;
	border: 3px double gray;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px 8px 0.8px gray;
	
}
#menufact
{
	width: 98%;
	list-style-type : none;
	height : 26px;
    float : right;
	margin-top: -40px;
	margin-bottom: 10px;
}
#menufact li
{
	width: 18%;
	float : right;
	margin: 0px 0px 0px 15px;
	height : 26px;
    text-align: center;
	color: white;
	font-weight: bold;
	background-color: #7394fc;
	border-radius: 10px 10px 10px 10px;
}
#menufact li a
{
	color: white;
}
div#part_admin h2
{
	text-align: center;
}
.parcolor
{
	color: #fc6400;
	text-align: center;
	font-size: 14px;
}
.liens
{
	width: 380px;
	height: 25px;
	float: right;
	text-align: center;
	border-radius: 10px;
	padding: 5px 0px;
	color: white;
	font-weight: bold;
	background-image:url("../images/background.jpg");
}
div#part_vert
{
	width: 27%;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	border-top: none;
}
.option_part
{
	margin-bottom: 10px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #fc6400;
	
}
.titre_option_part
{
	width: 100%;
	text-align: center;
	padding: 5px 0px;
	color: white;
	border-radius: 10px 10px 0px 0px;
	font-weight: bold;
	background-image:url("../images/background.jpg");
}
.text_option_part
{
	padding: 0px 5px;
}
table
{
    border-collapse: collapse;
	margin: auto;
	
}
th
{
    border: 1px solid #c1bec4;
	padding: 2px 5px;
	background-color: #7394fc;
	color: white;
}
td
{
    border: 1px solid #c1bec4;
	padding: 2px 5px;
	background-color: #F4F9FD;
	text-align: center;
	
}

div#sommaire
{
	width: 45%;
	border: 1px dotted black;
	border-top: 1px dotted black;
	padding-bottom: 10px;
}
div#sommaire div#titre_sommaire
{
	background-color: #e29441;
	font: 0.9em Tahoma;
	text-align: center;
	height: 20px;
}
div#sommaire div#barre_sommaire
{
	padding: 1px 10px;
}
div#lecture_infos
{
	padding: 0px 5px;
}
div#lecture_infos h2
{
	text-align: center;
}
label
 {
	display:block;
	width:150px;
	float:left;
}
div#clear
{
	clear: both;
}
div#pied
{
	width: 100%;
	height: 95px;
	background: #3b3b3b;
	color: white;
	padding-top: 2px;
	text-align: center;
}