/* Basic Elements du 19.02.2008*/

body         {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	list-style-type: disc;
	margin: 2px;
	padding: 2px;
	/*list-style-position: inside; This caused the bug of non aligment of submenu in IE !!*/ 
}

#global {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	
     }

h1     		{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; 
               font-style: normal; font-size: 18pt; color: #000099}
h2           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14pt;
	color: #000099;
	line-height: normal;
	text-indent: 7pt;
	
}
h3           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
	color: #000099;
	line-height: normal;
	/*text-indent: 7pt;*/
}
h4           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
	color: #000066;
	margin: 3px;
	padding: 3px;
	
}
h5           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
	color: #FF0000;
	
}
h6           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;
	color: #000099;
	line-height: 10px;
	/*valign: top;  /*peut être égal à "middle" pour centrer le text verticalement */
	margin:auto;  /*rajouter pour pouvoir bien positionner le texte dans IE */
	}


#container {
	width: 960px;
	margin: 0 auto;
	
	}
#over_header {
	width: 100%;
	text-align: right;
	height: 18px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #044CAE;
	}
#header {
	width: 959px;
	height: 117px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #044CAE;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #044CAE;
	}
	
#category_title {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-right: 8px;
	font-weight: bold;
	font-size: 10pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C10000;
	margin-bottom: 10px;
	padding-left: 6px;
	color: #C10000;
	font-style: normal;
	font-variant: normal;
	}

	
#content {
	float: right;
	width: 759px;
	border-top: 1px solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0250A3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0250A3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0250A3;
	height: auto;
	height: 100%;
	padding-left: 1px;
	}
	
	A:link { COLOR: #0366D3; TEXT-DECORATION: none}
	A:hover  { color: #FF0000; text-decoration: none }
	A:visited { COLOR: #0250A3; TEXT-DECORATION: none
	}
		
#search1 {
	text-align: center;
	background-color: #EDEDED;
	width: 197px;
	}
		
		
#search {
	text-align: center;
	background-color: #FFFFFF;
	width: 197px;
	}

#sidebar  {
	margin-top: 5px;
	width: 197px;
	}
	
#centerleft {
	width: 195px;
	background-color: #F3F3F3;
	text-indent: 5px;
	height:100%;
	bottom: 100%;
	}
/* Ajout Andre pour actualites page d'accueil */
#centerleftEntry {
	width: 188px;
	padding: 3px 5px 5px;
	margin: 0px;
	background-color: #EEEEEE;
	text-align: center;
	height:100%;
	bottom: 100%;
	}
	
.Style1 	{font-size: 12px; color: #FF0000; font-weight: bold; padding-bottom: 15px; }
.Style2 	{font-size: 10px; color: #999999; font-weight: bold; }
.Style3 	{font-size: 9px; color: #999999; }
.Style7		{font-size: 9px; color: #0250A3; }


/* Ajout Andre pour section menu "Le projet" dans footer en absolu */	
#centerleftB {
	position: absolute;
	top: -180px; left: 0px;
	width: 177px; height: 100px;
	padding: 20px 5px 20px 5px;
	margin: 20px 0px 0px 10px;
	background-color: #EEEEEE;
	text-align: center;
	}
	
#footer {
	position: relative; /* Ajout Andre pour pour section menu "Le projet" dans footer en absolu */	
	width: 100%;
	clear: both;
	border-top: 1px solid #0250A3;
	text-align: center;
	padding: 5px 0;
	color: #fff;
	background: #666;
	bottom: 1px;
	/*border-left-width: 1px;
	border-left-style: solid;*/
	border-right-color: #0250A3;
	border-bottom-color: #0250A3;
	border-left-color: #0250A3;
	background-color: #C5D8E6;
	background-attachment: fixed;
	height: 12px;
	top: auto;
	}
#footer_blank {
	width: 100%;
	clear: both;
	text-align: right;
	padding: 5px 0;
	color: #fff;
	background: #ffffff
	/*bottom: 1px;*/
	
	height: 12px;
	top: auto;
	}

/* --The CSS sidebar  */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 197px; /* Width of Menu Items */
	/*border-bottom: 1px solid #ccc;*/
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 197px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
	padding-left: 5px;
	}

/* Styles for Menu Items */
ul li a:link, ul li a:visited {
	display: block;
	text-decoration: none;
	text-align: right;
	font-size: 10px;
	color: #004487;
	/*background: #ffffff;*/
	background:  url(images/menu_off.gif) right no-repeat;
	padding-right: 5px;
	/*border: 1px solid #ccc;*/
	height: 19px;
	line-height: 19px; /*centrage vertical du texte*/
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Hover Styles */
ul li a:hover { 
	/*color: #E2144A; */
	color: #fff;
	/*background: #f9f9f9;*/
	background:  url(images/menu_on.gif) right no-repeat;
} 
		

/* Styles for sub-Menu Items */
li ul li a {
	padding: 0px;
	height: 19px;
	width: 150px;
	/*background:  url(images/fond_btn_.jpg) left no-repeat;*/
	/*border: 1px solid #ccc;*/
}

		
li:hover ul, li.over ul { display: block;} /* The magic */
/* END of the new simple CSS sidebar  */

/* Additional styles */
p {
	margin: 0;
	padding: 2px 2px 2px 6px;
	}
img {
	border: 0;
	}
a {
	color: #0033CC;
	text-decoration: none;
	}
a:hover {
	color: #FF0000;
	}