/**************************************************************************************************************************************/
/*ENSEMBLE DE LA PAGE*/
/**************************************************************************************************************************************/
h1{ /*Tous les titres "h1"*/
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#009BE1;
	text-transform:uppercase;
}
#background{ /*Conteneur principal*/
  background-image:url("/IMG/bleu/Background_accueil.jpg");
}
/**************************************************************************************************************************************/
/*CONTENU*/
/**************************************************************************************************************************************/
#legende{ /*Bloc � droite de la carte*/
	position:absolute;
	top:100px;
	/*
left:600px;
*/
  left:575px;
	margin:0;
	padding:0;
	width:310px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#68676c;
  font-weight: normal;
  text-transform: none;
}
#legende #loader{
  line-height: 64px;
}
#legende #loader img{
  width: 64px;
  height: 64px;
	margin-right: 25px;
	float: left;
}
#carte{
  position:absolute;
  top:76px;
  /*
left:376px;
*/
  left:351px;
}
#carte img{
	border: none;
}
#cadre_petit{ /*Petit cadre du contenu du site*/
	position:absolute;
	top:380px;
	/*
left:390px;
*/
  left:365px;
	margin:0;
	padding:0;
	width:237px;
}
.cadre_petit_haut{ /*Partie haute du petit cadre*/
	margin:0;
	padding:0;
	width:237px;
	height:66px;
	background-image:url("/IMG/bleu/Cadre_petit_haut.png");
	background-repeat:no-repeat;
	text-align:center;
}
.cadre_petit_centre{ /*Partie centrale du petit cadre*/
	margin:0;
	padding:0;
	width:237px;
	background-image:url("/IMG/bleu/Cadre_petit_centre.png");
	background-repeat:repeat-y;
}
.cadre_petit_bas{ /*Partie basse du petit cadre*/
	margin:0;
	padding:0;
	width:237px;
	height:36px;
	background-image:url("/IMG/bleu/Cadre_petit_bas.png");
	background-repeat:no-repeat;
	text-align:center;
}
.cadre_petit_contenu{ /*Contenu des cadres*/
	margin:0;
	padding:0 20px;
	width:170px;
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	overflow:auto;
}
#cadre_moyen{ /*Cadre moyen du contenu du site*/
	position:absolute;
	top:230px;
	/*
left:650px;
*/
  left:625px;
	margin:0;
	padding:0;
	width:346px;
}
.cadre_moyen_haut{ /*Partie haute du cadre moyen*/
	margin:0;
	padding:0;
	width:346px;
	height:72px;
	background-image:url("/IMG/bleu/Cadre_moyen_haut.png");
	background-repeat:no-repeat;
	text-align:center;
}
.cadre_moyen_centre{ /*Partie centrale du cadre moyen*/
	margin:0;
	padding:0;
	width:346px;
	background-image:url("/IMG/bleu/Cadre_moyen_centre.png");
	background-repeat:repeat-y;
}
.cadre_moyen_bas{ /*Partie basse du cadre moyen*/
	margin:0;
	padding:0;
	width:346px;
	height:36px;
	background-image:url("/IMG/bleu/Cadre_moyen_bas.png");
	background-repeat:no-repeat;
	text-align:center;
}
.cadre_moyen_contenu{ /*Contenu des cadres*/
	margin:0;
	padding:0 20px;
	width:280px;
	height:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	overflow:auto;
}

#cadre_bienvenue{
  position:absolute;
  top:260px;
  /*
left:440px;
*/
  left:415px;
  margin:0;
  padding:0;
  width:500px;
	
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
	line-height: 18px;
  color:#FFF;
	text-align: justify;
}
#cadre_bienvenue p{
	margin: 0;
  margin-bottom: 10px;
  padding: 0;
}
#cadre_bienvenue hr{
	border-color: #059CE0;
	margin-top: 25px;
}
#cadre_bienvenue div{
	height: 20px;
	float: left;
	clear: left;
}
#cadre_bienvenue h2{
  text-align: right;
  font-size:13pt;
  /*color: #333;*/
  color:#ffffff;
}
#cadre_bienvenue p.acces{
  color: #333;
  font-size:10pt;
  margin: 10px 0 0 0;
  padding: 0;
}
#cadre_bienvenue p.acces a{
  /*color: #c10000;*/
  color: #EEE;
  text-decoration: none;
}
#cadre_bienvenue p.acces a:hover{
  text-decoration: underline;
}
#cadre_bienvenue p.resume{
  margin: 0 0 0 15px;
  padding: 0;
}
#cadre_bienvenue p.resume a{
  color: #DDD;
  font-size:9pt;
  font-style: italic;
  text-decoration: none;
}

#actus{
	/*
margin-top: 20px;
*/
  float: right;
  color: #EEE;
  text-decoration: none;
  font-size: 10pt;
}
/*
#actus:hover{
  text-decoration: underline;
}
*/