/* CSS Document */
	
	
#page{
	position: relative;
	margin: auto;
	width: 990px;
	
		
		
}

body {
	background-color: #001d3b;
	
}



/*-----------------------

	menu-haut
	
------------------------*/

#menu-haut {
	position: relative;
	padding-top: 8px;
	height: 20px;
	text-align: right;
	font-size : 12px;
	

	color: #fff;
}
#menu-haut img {
	margin-bottom: 2px;
	margin-left: 1px;
	margin-right: 1px;
}

#menu-haut a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#menu-haut a:hover {
	text-decoration: underline;
}

/*---------------------

		Entete
		
---------------------*/

#entete {
	position: relative;
	background-image: url("/images/entete.jpg");
	background-repeat : no-repeat;
	width: 990px;
	height: 502px;
}

.entete-2010 {
	background-image: url("/images/entete-2010.jpg") !important;
}

#menu-milieu {
	position: absolute;
	width: 990px;
	height:	33px;
	left: 0;
	top: 182px;
	background-image: url("/images/fond-menu.jpg");
	background-repeat : no-repeat;
}

#menu-milieu a {
	position: absolute;
	height:	33px;
	display: block;
	top:0;
}



#menu-milieu-profil {
	width: 156px;
	left: 309px;
	background-image: url("/images/menu-milieu-profil.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-profil:hover {
	background-image: url("/images/menu-milieu-profil-actif.jpg");	
}

#menu-milieu-transport {
	width: 157px;
	left: 467px;
	background-image: url("/images/menu-milieu-transport.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-transport:hover {
	background-image: url("/images/menu-milieu-transport-actif.jpg");	
}

#menu-milieu-fondation {
	width: 154px;
	left: 626px;
	background-image: url("/images/menu-milieu-fondation.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-fondation:hover {
	background-image: url("/images/menu-milieu-fondation-actif.jpg");

}

#menu-milieu-service {
	width: 156px;
	left: 782px;
	background-image: url("/images/menu-milieu-service.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-service:hover {
	background-image: url("/images/menu-milieu-service-actif.jpg");

}


#menu-milieu-profil-over {
	position: absolute;
	width: 160px;
	height: 502px;
	left: 307px;
	top: 0;
	display: none;
	background-image: url("/images/menu-milieu-profil-over-haut-bas.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-transport-over {
	position: absolute;
	width: 161px;
	height: 502px;
	left: 465px;
	top: 0;
	display: none;
	background-image: url("/images/menu-milieu-transport-over-haut-bas.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-fondation-over {
	position: absolute;
	width: 158px;
	height: 502px;
	left: 624px;
	top: 0;
	display: none;
	background-image: url("/images/menu-milieu-fondation-over-haut-bas.jpg");
	background-repeat : no-repeat;
}

#menu-milieu-service-over {
	position: absolute;
	width: 159px;
	height: 502px;
	left: 780px;
	top: 0;
	display: none;
	background-image: url("/images/menu-milieu-service-over-haut-bas.jpg");
	background-repeat : no-repeat;
}

/*---------------------

	Principal
	
---------------------*/

#principal {
	position: relative;
	width: 990px;
	min-height: 205px;
	background-color: #fff;
	padding-top: 23px;
	
}

#contenu-separateur {

	width: 990px;
	background-image: url("/images/contenu-separateur.gif");
	background-position: 504px 100px;
	background-repeat : repeat-y;
}


#principal p{
	padding-top: 0;
	margin-top: 0;

	line-height: 1.5em;
}

#principal a {
	color: #024c7e;
}

* html #principal {
	height : 205px;
}

#image-gauche {
	position: absolute;
	left: 14px;
	top: 23px;
	width: 57px;
	height: 56px;
	background-image: url("/images/image-gauche.gif");
	background-repeat : no-repeat;
}

#contenu-gauche {
	position: relative;

	min-height: 105px;
	float: left;
	width: 385px;
	
	padding-left: 80px;
	background-image: url("/images/fond-titre-contenu-texte.gif");
	background-position: 77px 1px;
	background-repeat : no-repeat;
}

#contenu-droit h1, #contenu-gauche h1 {
	padding: 0;
	margin:0;
	margin-bottom: 5px;
	padding-left: 8px;
	font-size: 16px;
	color: #910701;
}

#contenu-droit {
	
	position: relative;
	min-height: 105px;
	width: 390px;
	float: right;
	
	padding-right: 55px;
	padding-left: 3px;
	background-image: url("/images/fond-titre-contenu-texte.gif");
	background-position: 0 1px;
	background-repeat : no-repeat;
	
}

* html contenu-droit {
	height: 105px;
}

* html contenu-gauche {
	height: 105px;
}



/*--------------------------------

	Pied
	
--------------------------------*/

#pied {
	padding-top: 5px;
	position: relative;
	font-size: 10px;
	width: 990px;
	height: 35px;
	color: #807f83;
		
}

#pied a{
	color: #807f83;
	text-decoration: none;
}

#pied a:hover {
	text-decoration: underline;
}

#copyright {
	float: left;
}

#conception {
	float: right;
}