/* html styles */
html {
	font-size: 12px;
}
body {
	text-align: center;
	padding: 0;
	margin: auto;
	font-family: Arial, Trebuchet MS, Georgia, Verdana, serif;
}
p, li, ul, ol, dl, dt, dd, h1, h2, h3, h4, table, tr, td {
	margin: 0;
	padding: 0;	
}
p {
	font-size: 1em;
	text-align:justify; 
	margin:0px 0 15px 0; 
}
h1, h2, h3, h4, .text-colibee {
	font-weight: 700;	
	color: rgb(60,0,60);
}
h1 {
	font-size: 1.5em;
	margin:15px 15px 15px 0; 
}
h2 {
	font-size: 1.3em;
	margin:15px 15px 7px 0; 
}
h3 {
	font-size: 1.2em; 
}
h4 {
	font-size: 1em;
}
img {
	border: 0px; 
}

table, tr, td {
	vertical-align: top; 
}

td {
	width: 50%; 
}

#container {
	text-align: left;
	border: 0px solid #545454;
	width: 1000px;
	margin: 0 auto;
}
/* Entete du site */
	#header {
		width:1000px; 
		height: 220px;
		background-color: rgb(60,0,60);
		background-image: url(images/header.jpg);	
		background-repeat:no-repeat;
	}
	#logo {
		float: left; 
		width: 300px; 
		height: 38px; 
		padding: 10px; 
		
	}
	#baseline {
		font-family: Tahoma, Arial, Trebuchet MS, Georgia, Verdana, serif;
		font-size: 1.2em;
		font-weight: 500;
		float: left; 
		width:1000px; 
		height:20px; 
		padding-left:0px; 
		margin-top: 120px;
	}

	#baseline p {
		text-align:right; 
		padding-right:17px; 
	}
	
	#baseline .text1 {
		color: rgb(255,255,255);
	}
	#baseline .text2 {
		color: rgb(248,106,28);
	}
	
	#navigation {
		float:left; 
		/*; */
		margin-left:250px;  /* Tous les autres browsers */
			/* Hack durty : corrige un bug de IE */
			.margin-left:250px; /* Uniquement compris par IE7 */
			_margin-left:120px; /* Uniquement compris par IE6 */
		margin-top:0px; 
		_margin-top:-10px; 
	}
	#nav, #nav ul {
		list-style: none;
		line-height: 1.3em; /* Hauteur du menu */
		background: transparent;
		font-size: 1em;
		font-weight: normal;
		padding: 0;
		border: 0px; 
		border-width: 0px 0;
		letter-spacing: 3px ;
		display:table ; /* la liste <ul> est transformée en tableau CSS */
		border-collapse:collapse ; /* les bordures sont fusionnées */
	}
		#nav a {
			color: rgb(255,255,255);
			display: block;
			width: 10em;
			w\idth: 10em;
			text-decoration: none;
			padding: 0.25em 0em;
			font-weight: normal;
		}
		#nav li {
			float: left;
			text-align:center;
			padding: 0;
			width: 10em;
			display:table-cell; 
		}
		#nav li ul {
			background: rgb(138,102,138); /* Background des liens de navigation secondaire (roll-over) */
			position: absolute;
			left: -999em;
			height: auto;
			width: 17.4em; /* largeur de la zone menu secondaire  */
			w\idth: 16.9em;
			font-weight: normal;
			border: 0px; 
			border-width: 1px;
			margin: 0px;  /* Tous les autres browsers */
			/* Hack durty : corrige un bug de IE */
			_margin: 0 -60px; /* Uniquement compris par IE6 */
			.margin: 0 -60px; /* Uniquement compris par IE7 */
		}
		#nav li ul li {
			text-align:left; 
			padding-right: 1em;
			width: 15.9em; /* largeur de la zone rollover menu secondaire */
			line-height: 1.5em; /* Espacement entre chaque élements */
			border-top:1px solid #fff; 
		}
		#nav li ul a {
			color: rgb(255,255,255);
			width: 16.4em; /* zone de contenu des intitulés menus secondaire */
			w\idth: 15.9em;
			letter-spacing : normal;
			font-weight: normal;
		}
		#nav li ul ul {
			margin: -1.75em 0 0 14em;
		}
		#nav li:hover ul ul, 
		#nav li:hover ul ul ul, 
		#nav li.sfhover ul ul {
			left: -999em;
			color: rgb(0,0,0);
		}
		#nav li:hover ul, 
		#nav li li:hover ul, 
		#nav li.sfhover ul, 
		#nav li li.sfhover ul{
			left: auto;
		}
		#nav li:hover, 
		#nav li a:hover, 
		#nav li.sfhover { /* comportement des items du menu principal */ 
			font-weight: normal;
			color: rgb(255,255,255);
			background: rgb(218,129,14);
		}
		#nav li li a {
			font-weight: normal;
			font-size:1em; 
			padding: 0.25em 0.5em;
		}

/* Fin de l'entete du site  */

/* Content : navigation de gauche + contenu   */
	#main { 
		width:1000px; 
		border:0px; 
		margin:0px; 
		padding:0px; 
	}
	.subnav { 
		width: 220px;
		background-color:rgb(173,153,173);
	}
	.subnav ul {
		padding: 35px 15px 30px 10px; 
		font-size: 1em;
		list-style-type: none;
		display: block;
	}
	.subnav ul li {
		background-image: url(images/puce_content.gif);
		background-repeat: no-repeat;
		background-position: left top;
		list-style-type: none;
		padding-left: 1em;
		margin-right: 0em;
		padding-bottom:10px; 
	}	
	.subnav a {
		text-decoration: none;  
		color: rgb(51,51,51);
		padding-bottom: 0px;
	}
	.subnav a:hover {
		color: rgb(60,0,60);
	}
	.menu-current a	{
		font-weight: 700; /* Mise en grase du lien */
		color: rgb(60,0,60);
		text-decoration: none;  
	}
	.content {
		background-color:rgb(255,255,255);
		width:100%; 
		padding:15px 10px 15px 30px; 
	}
	.content p {
		font-size: 9pt;
		padding-bottom:0px; 
	}
	.content a {
		font-weight: 700;
		color: rgb(60,0,60); 
	}
	.content a:hover {
		text-decoration: none;  
	}
	.content ul {
		padding-left: 0px; 
		padding-right: 15px; 
		font-size: 10pt;
		text-align:justify; 
	}
	.content ul li {
		background-image: url(images/puce_content.gif);
		background-repeat: no-repeat;
		background-position: left top;
		list-style-type: none;
		padding-left: 1.3em;
		padding-bottom: 10px; 
		text-align:justify; 
	}

	#plaquette ul {
		padding-top: 10px; 
		padding-left: 17px; 
		padding-right: 17px; 
		font-size: 9pt;
		text-align: left; 
	}
	#plaquette ul li {
		background-image: url(images/puce_plaquette.gif);
		background-repeat: no-repeat;
		background-position: left top;
		list-style-type: none;
		padding-left: 1.3em;
		padding-bottom: 15px; 
		text-align: left; 
	}	
	#actus .actu-date {
		font-weight: 700;	
		color: rgb(60,0,60);
		width: 5%; 
		font-size: 9pt;
		text-align: left;
		padding-bottom: 15px; 
	}
	
/* Fin de la zone de contenu */

/* Pied de page  */
	.footer {
		padding:5px 25px 25px 0; 
		text-align:right; 
		color: rgb(0,0,0);
		width: 100%; 
		letter-spacing : 2px ;
		font-size:0.8em; 
	}
	.footer a {
		text-decoration: none;  
		color: rgb(0,0,0);
		padding-bottom: 0px;
		font-weight: normal;
	}
	.footer a:hover {
		color: rgb(99,51,99);
	}