/* CSS Document : Mise en page du site FFCMI */
/**************FORMATAGE DU TEXTE**************/
body{
	background-color:#FFF1C2;
	left:0px;
	top:0px;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
    
	h1{ /*titre de la page*/
	  text-align:justify;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:18px;
	  color:#084986;
	}
	h1 img{ /*pupuce titre*/
		vertical-align:baseline;
		margin-right:10px;
	}
	
	h2{ /*titre paragraphe*/
	  text-align:justify;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color:#084986;
	  font-weight:bolder;
	  margin-top:20px;
	  clear:left;
	}
	h3{ /*titre paragraphe*/
	  text-align:center;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color:#000;
	  font-weight:bolder;
	  margin-top:20px;
	}
	h3 a{ /*titre paragraphe*/
	  text-align:center;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color:#000;
	  font-weight:bolder;
	  margin-top:20px;
	}
	
	h2 img{ /*pupuce titre*/
		margin-right:10px;
		vertical-align:baseline;
	}
	
	p{
	  text-align:justify;
	  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
	p img{
	  vertical-align:middle;
	  margin-left:2px;
	  margin-right:2px;
	}
	
	li{
		margin:5px 10px 5px 5px;
		text-align:justify;
		font:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		list-style:none;
		display:block;
	}
	li img {
		vertical-align:bottom;
		margin-right:3px;
		margin-left:5px;
	}
	.white12Arial { /*lienbleu*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#fff;
	}
	.blue12Arial { /*lienbleu*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#084986;
	}
	.blue12Arial a:link{ /*lienbleu*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#084986;
	  text-decoration:none;
	}
	.blue12Arial a:hover{ /*lienbleu*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#084986;
	  text-decoration:none;
	}
	.blue12Arial a:visited{ /*lienbleu*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#084986;
	  text-decoration:none;
	}
	.blue12Arial a:active{ /*lienbleu*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#084986;
	  text-decoration:none;
	}
	
/************FIN FORMATAGE DU TEXTE************/
/**************MISE EN PAGE BANDEAU HAUT**************/
table#header{
	 width:770px;
	 border:0;
	 background-image:url(../media/img/commun/banniere_ffcmi.gif);
	 background-repeat:no-repeat;	
	 height:93px;
	 margin:0 auto 0 auto;
	 }
/************FIN MISE EN PAGE BANDEAU HAUT************/

/**************MISE EN PAGE MENU GAUCHE*************/
table#menubar{
	border:0;
	margin:0 auto 0 auto;
	padding:0;
	width:770px;
}
	td#rubun{
		 vertical-align:top;
		 width:200px;
		 border:0;
		 background-image:url(../media/img/commun/menubar_bckg.gif);
		 background-repeat:repeat;
		 padding:0;
		 margin:0;
		 height:20%;
	}
	td#rubun ul li {
		margin:10px 10px 10px 0px;
		display:block;
		background-color:#017FE5;
		text-align:center;
		border-bottom:1px solid #0161AF;
		border-left:1px solid #0161AF;
		border-right:1px solid #0161AF;
		border-top:1px solid #9CC5E6;
	}
	.lienmenu a{
		color:#fff;
		text-decoration:none;
	}
	.lienmenu a:hover {
		color:#fff;
		text-decoration: underline;
	}
	.lienmenu a:active{
		color:#fff;
		text-decoration:underline;
	}
	.menubottom{
		background-image:url(../media/img/commun/fond_menu_bottom.gif);
		padding:0;
		margin:0;
		height:auto;
	}
	.lienbas {
		font-size:11px;
		display: inline;
		padding: 0px;
		margin: 5px;
		color:#084986;
		text-align:right;
		text-decoration:none;
	}
	.lienbas a{
		display: inline;
		padding: 0px;
		margin: 5px;
		color:#084986;
		text-align:center;
		text-decoration:none;
	}
	.lienbas a:hover{
		text-decoration: underline;
	}
	.lienbas a:active{
		text-decoration: underline;
	}
	.lienbas span {
		margin: 5px;
	}
	.lienbas img {
		margin-left:3px;
		margin-right:3px;
		vertical-align:absmiddle;
		border:0px;
	}
/************FIN MISE EN PAGE MENU GAUCHE************/
	.contentpage{
		vertical-align:top;
		background-color:#fff;
		width:570px;
		padding:30px 10px 10px 10px;
		text-align:center;
	}
/**************MISE EN PAGE CONTENU**************/
	div#chapeau{
		margin-top:10px;
		margin-bottom:10px;
		clear:none;
		margin-right:5px;
	}
	div#chapeauimg{
		float:right;
		clear:none;
	}
	/*
	div#contentcolleft{
		display: inline;
		margin-left:10px;
		float:left;
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;
		margin-bottom:10px;
		clear:left;
	}
	div#contentcolleft img{
		display: inline;
		margin-left:10px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;		
	}
	div#contentcolright{
		float:right;
		margin-top:10px;
		margin-left:10px;
	}*//*mise en page des cellules pour le tableau avec les revues pro domo*/
	.celltitre{
		text-align:center;
		height:20px;
		vertical-align:middle;
	}
	.cellimage{
		text-align:center;
		vertical-align:middle;		
	}
	.cellcomment{
		text-align:justify;
		vertical-align:top;
		margin-left:5px;
		width:220px;
	}
	/************FIN MISE EN PAGE CONTENU************/