/***********************************
mise en forme des div de base  fond 
************************************/
#conteneur {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border: solid 0px red;
	background: #fff url('../../fr/images/index/fond_conteneur.gif');
}
#gauche {
	float: right;
	width: 299px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border: solid 0px red;
}
#hautgauche {
	float: left;
	padding-bottom: 70px;
	padding-left: 35px;
	margin: 50px 0 0 0;
	background: #fff url('../../fr/images/communs/thematiques.jpg')  no-repeat bottom;
}
#hautgauche #picto {
	width: 205px;
	border-bottom: 1px solid #aaa;
}
#hautgauche .texte {
	float: left;
	padding: 0;
	margin-top: 5px;
	text-align: center;
	font-size: 0.8em;
}
#hautgauche .texte#texte_1{
	margin-left: 3px;
}
#hautgauche .texte#texte_2{
	margin-left: 28px;
}
#hautgauche .texte#texte_3{
	margin-left: 40px;
}
#milieugauche{
	float: left;
}
#basgauche {
	float: left;
	width: 100%;
	padding: 270px 0 0 0;
	margin: 0;
	background: #fff url('../../fr/images/communs/fond_basgauche.gif')  no-repeat bottom right;
}
#droite	{
	float:left;
	width: 639px;
	padding:0;
	margin:0;
	background-color: #fff;
}
#hautdroite	{
	float:left;
	width: 100%;
	height: 456px;
	padding:0;
	margin:0;
	background: #fff url('../../fr/images/index/visuel.jpg')  no-repeat top;
}
#basdroite	{
	float:left;
	width: 100%;
	height: 226px;
	background-color: #fff;
}
/*****************************************
mise en forme des div de la page d'accueil
*****************************************/

#presentation {
	float:left;
	width:272px ;
	height:100%;
	padding: 0;
	margin: 0;
	background:  url('../../fr/images/index/fond_presentation.gif')  repeat-x;
}

#presentation P{
	font-size: 11px;
	line-height:14px;
	text-align: justify;
	margin: 5px;
	padding: 0;
	color: #0F5766;
}

#presentation P#titre{
	font-family: Garamond, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;	
	line-height:25px;
	margin: 0 0 5px 5px;
	padding: 0;
}
#actualite {
	float:left;
	width: 366px;
	height:200px;
	padding: 0;
	margin-top: 10px;
	background: #fff url('../../fr/images/index/actualite.jpg')  no-repeat;
}
#fond {
	float:right;
	text-align: center;
	width: 306px;
	height:214px;
	padding: 0;
	margin: 0 10px 0 30px;
}
#fond .photo {
	float:right;
	width:70px ;
	height: 70px;
	margin: 0;
	text-align: right;
}
#fond .photo img {
	margin-top: 5px;
	padding: 0;
}

#fond .info {
	float:left;
	width:235px ;
	height:80px;
	margin: 0;
	text-align: left;
	font-size: 0.9em;
}
#fond .info .somliensactu {
	font-family: Garamond, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: black;
}
#fond .info .chapeau {
	font-size: 1.0em;
	font-weight: bold;
	color: #F19D17;
}
#fond .info .texte P {
	font-size: 0.9em;
	color: #000;
	line-height:1.0em;
	padding: 0;
	margin: 0;
}
#fond img.info-plus {
	float:left;
	margin-top: 5px;
}
#fond .savoirplus {
	float:left;
	/*width:100% ;*/
	margin: 0;
	padding: 0 0 0 200px;
	text-align: right;
}
#fond .saute {
	float:left;
	width:100% ;
	height: 2px;
	/*margin-bottom: 10px;*/
	margin: 0;
	padding: 0;
	border-top: 1px solid #0F5766;
}
