/* CSS Mi Plan Design par PoZ */

/****************************
 ********* PAGE GENERAL *****
 ****************************/

body{
	background:url(images/background.jpg) no-repeat center top #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:0 auto;
	color:#365176;
}

a {
	text-decoration:none;
	color:#00aeff;}
a:hover{
	color:#00415f}

#background {
	background:url(images/background_dessus.png) no-repeat center top ;
	margin:0 auto;
}
#background .style{
	height:130px;
	background-color:#000;
}

/****************************
 ********* HEADER    ********
 ****************************/


#header{
	background: url(images/header.png) repeat-x top  #000 ;
	height:120px;	
	margin:0 auto;
	color:#FFF;
	padding:0;
	
}

	

#header h1{	
	background:url(images/header_logo.png) no-repeat center left ;
	width:806px;
	height:146px;
	color:#FFF;
	font-size:2.8em;
	font-weight:bold;
	padding-left: 75px;
	margin:0 auto;
	line-height: 165px;
	
}
/* Fin Header */


/****************************
 ********* ONGLETS  ********
 ****************************/

#onglet {
	height:70px;
	margin:0 auto;

}
#onglet .size{
	width:800px;
	margin:0 auto;
	
}

#onglet ul li{
	
	list-style:none;
	float: left;
	padding:0;
	margin:0 auto;
	}

#onglet ul li a{
	width:120px;
	height:50px;
	background:bottom left no-repeat;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	line-height: 30px;
	font-size:1.6em;
}
#onglet ul li a:hover{
	background-position:top left;
	line-height: 40px;
	

}
#onglet ul li a.jaune{
	background-image:url(images/bouton_jaune.png);
}
#onglet ul li a.orange{
	background-image:url(images/bouton_orange.png);
}
#onglet ul li a.bleu{
	background-image:url(images/bouton_bleu.png);
}
#onglet ul li a.vert{
	background-image:url(images/bouton_vert.png);
}
/* FIN ONGLETS */



/****************************
 ********* conteneur ********
 ****************************/


#haut_conteneur {
	background:url(images/plan_h.png) no-repeat top;
	width:806px;
	height:15px;
	margin:0 auto;
	padding:0;
	
}
#conteneur{
	background: url(images/plan_m.png) repeat-y top  ;
	width:806px;
	margin:0 auto;
	height:1000px;	

}

/* ------------------------ *
 * ----- contenu ---- ----- *
 * ------------------------ */

#contenu{
	float:left;
	margin-left:40px;
}
#contenu h1{
	display:block;
	background: url(images/contenu_h1.png) repeat-x bottom left;
	width:390px;
	height:45px;
	padding-left:40px;
	color:#1f4a5e;
	font-size:2.3em;
}
#contenu .bloc {
	width:378px;
	margin:0 auto;
	
}

#contenu .bloc h2{
	background: url(images/contenu_h2.png) no-repeat center left;
	height:28px;
	margin-top:27px;
	font-size:1.6em;
	line-height:25px;
	padding-left:5px;
	color:#50a2c9;
	margin-bottom:27px;}

#contenu .bloc .paragraphe {
	color:#000000;
	width:369px;
	font-size:1.3em;
	margin:0 auto;
	
}
#contenu .bloc .date{
	color:#1f4a5e;
	margin:20px auto auto 180px;
	
}
#contenu .bloc .date .num{
	color:#0376ab;
	text-decoration:none;
}

#contenu .bloc .commentaire{
	color:#00aeff;
	margin-left:10px;
	font-style:italic;
	
}
	



/* ------------------------ *
 * ----- Menu Gauche ------ *
 * ------------------------ */




#menu{
	float:right;
	margin:0 auto;


}
#menu .bloc{
		background:url(images/boite_bck.png) no-repeat center top;
		width:207px;
		height:220px;
		margin-right:50px;
		margin-top:40px;

}

#menu h1{
	background:url(images/boite_h1.png) no-repeat center top;
    display:block;
 	height:30px;
	color:#FFF;
	font-size:1.6em;
	padding-left: 55px;
	line-height:30px;
	font-weight:normal;
}

#menu h2{
	background:url(images/boite_h2.png) no-repeat center top;
    display:block;
 	height:30px;
	color:#FFF;
	font-size:1.6em;
	padding-left: 55px;
	line-height:30px;
	font-weight:normal;
}

#menu ul li{
	margin-left:20px;
	list-style:none ;
}

#menu ul li a{
	color:#1f4a5e;
	text-decoration:none;
	font-size:1.2em;
	line-height:22px;
}
#menu ul li:hover{
	list-style:url(images/etoile.png) ;
	color:#003876;
	text-decoration:none;
	line-height:22px;
	
}
#menu ul li:hover a{
		color:#003876;
}

#espace {
	height:30px;
	clear:both;
}


/* Fin Conteneur */

/****************************
 ********* FOOTER    ********
 ****************************/

#footer{
	background:url(images/plan_b.png) no-repeat  bottom;
	width:806px;
	height:40px;
	margin:0 auto;
	padding:0;
	text-align:center;
	line-height:44px;
}