/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #333;
	width:100%;
	background:transparent url(/static/portal/core/main/images/laf/ifon/fdbody.gif) repeat-x 0 1px;
}

/**** Bdx Haut ****/
#bdxHaut{
	margin: 0 auto 10px auto;
	height:80px;
	width:600px;
	vertical-align: middle;
	position: relative;
}

#logoEtablissement{
	position:absolute;
	top:4px;
	left:0;
	border: solid 1px #BFBFBF;
	padding: 2px;
	background-color: white;
}

/**** Zones services ****/
.services {
	margin:0 auto;
	padding-bottom:10px;
	width:600px;
	overflow:hidden;
	background:transparent url(/static/portal/core/main/images/laf/ifon/fdblocs.gif) no-repeat center bottom;
}

.services .fdGris{
	background-color:#F9F9FA;
}

.services h1 {
	padding:0;
	margin:10px 0 4px;
	background:transparent url(/static/portal/core/main/images/laf/ifon/puce.gif) no-repeat left 2px;
	text-indent: 30px;
	font-size: 21px;
	font: normal 18px "Trebuchet MS", sans-serif;
}

.bouton {
	width:94px;
	height:76px;
	background:transparent url(/static/portal/core/main/images/laf/ifon/fd_button.gif) no-repeat 0 -192px;
	float: left;
	text-align:center;
	padding:7px 0 7px 2px;
	text-decoration:none;
	font:bold 10px Arial, sans-serif;
	color:#666;
	line-height:10px;
	outline: none;
}

.bouton img{
	margin-top:0px;
	padding-bottom:5px;
}

/*  /!\  Si le texte passe sur 2 lignes utiliser cette classe sur la balise <img> de l'icone */
.bouton   img.deuxLignes{
	padding-bottom:0px;
}

.bouton:hover{
	color:#222;
	font-size:11px;
	text-decoration: none;
}

.bouton:hover{
	background:transparent url(/static/portal/core/main/images/laf/ifon/fd_button.gif) no-repeat 0 0;
	cursor:pointer;
}