/*------------------------------------------------
|             Clair et Net. © 2007                |
--------------------------------------------------*/

#header{
	background:url(../_img/logoFFB.jpg) no-repeat 10px 20px;
	width:954px;
	height:266px;
}


#homeLeft{
	float:left;
	display:inline;
	width:445px;
}

#homeCenter{
	float:right;
	display:inline;
	width:240px;
	padding:15px 0 0 0;
}

/*------------ bloc de conenxion ------------*/

#bconnect{
	background:url(../_img/bg_bconnect.jpg) no-repeat;
	width:246px;
	height:158px;
	overflow:hidden;
}

#bconnect .saisieLog{
	float:left;
	display:inline;
	width:98px;
	height:15px;
	font-size:9px;
	border:none;
	margin:46px 0 0 20px;
	background:none;
	color:#274469;
}

#bconnect .saisiePass{
	float:left;
	display:inline;
	width:98px;
	height:15px;
	font-size:9px;
	border:none;
	margin:46px 0 6px 11px;
	background:none;
	color:#274469;
}

#bconnect .mem{
	clear:both;
	color:#B9D0ED;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 0 5px 20px;
}



#bconnect .btnConnect{
	float:left;
	display:inline;
	background:url(../_img/bg_btnConnect.gif) no-repeat;
	border:none;
	color:#C4D0E6;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:0 0 0 16px;
	height:22px;
	margin:0 0 2px 18px;
}

#bconnect a.lpass:link,
#bconnect a.lpass:visited{
	display:block;
	text-decoration:underline;
	color:#B9D0ED;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 0 5px 20px;
}

#bconnect a.lfirst:link,
#bconnect a.lfirst:visited{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 20px;
}

/*------------------- bloc connecté ------------------*/

#bconnected{
	background:url(../_img/bg_bconnected.jpg) no-repeat;
	width:246px;
	height:148px;
	overflow:hidden;
}

#bconnected p{
	color:#FFF;
	padding:35px 50px 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 0 8px 0;
}
#bconnected a:link,
#bconnected a:visited{
	display:block;
	margin:0 0 0 20px;
	color:#B9D0ED;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;
	text-decoration:none;
}
#bconnected a:hover,
#bconnected a:active{
	color:#FFF;
}


/*------------------- bloc newsletter -----------------*/

#bnewsletter{
	background:url(../_img/bg_bnewsletter.gif) no-repeat 5px 0;
	padding:20px 0 10px 5px;
	font-size:9px;

}

#bnewsletter p{
	margin:0 0 6px 0;
}


#bnewsletter .saisieMail{
	background:url(../_img/bg_saisiemail.gif) repeat-x;
	height:18px;
	border:1px solid #D3D0D0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	padding:3px 4px 0 4px;
	margin:0 5px 0 0;
	width:100px;
}

#bnewsletter .btn{
	border:none;
	background:url(../_img/btnNL.gif) no-repeat;
	height:18px;
	padding:0 0 0 14px;
	color:#6194D2;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


#btnnewsletter{
	display:block;
	margin:0 0 0 5px;
}

/*-------------------- bloc bridge en France ----------------*/



#bbridge{
	background:url(../_img/bg_bbridge.gif) no-repeat;
	width:230px;
	height:76px;
	margin:0 0 10px 7px;
}
#bbridge p{
	font-size:9px;
	color:#FFF;
	padding:30px 0 0 13px;
	margin:0 0 7px 0;
	width:130px;
	height:16px;
	overflow:hidden;
}
#bbridge a:link,
#bbridge a:visited{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 0 0 20px;
	letter-spacing:-1px;
}

/*---------------------- bloc raccourcis --------------*/

#bbrac{
	background:url(../_img/bg_brac.jpg) no-repeat;
	width:234px;
	height:131px;
	margin:0 0 7px 7px;
}


#bbrac .a1{
	float:left;
	display:inline;
	margin:5px 0 0 6px;
}
#bbrac .a2{
	float:left;
	display:inline;
	margin:3px 0 0 10px;
}
#bbrac .a3{
	clear:left;
	float:left;
	display:inline;
	margin:6px 0 0 5px;
}
#bbrac .a4{
	float:left;
	display:inline;
	margin:6px 0 0 8px;
	_margin:8px 0 0 8px;
}

/*---------------------- bloc boutique --------------*/
#bboutique{
	width:210px;
	height:170px;
	margin:0 0 7px 7px;
	padding:0 0 0 30px;
	background:url(/_img/bg_boutique.png) no-repeat top center;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/bg/bg_home_flash.png', sizingMethod='crop');
	overflow:hidden;
	font:11px Arial, Helvetica, sans-serif;
	color:#7b7b7b;
}

	.bboutique_bloc{
		float:left;
		width:154px;
		padding:10px;
		position:relative;
	}
	.bboutique_bloc a{
		color:#009851;
		text-decoration:none;
	}
	.bboutique_bloc a:hover{
		color:#009851;
		text-decoration:none;
	}
	.bboutique_img{
		width:152px;
		text-align:center;
	}
	.bboutique_desc{
		width:152px;
		height:30px;
		margin:0 0 3px 0;
		font:11px Arial, Helvetica, sans-serif;
	}
	.bboutique_desc a{
		color:#7b7b7b;
	}
	.bboutique_prix{
		float:left;
		/*width:50px;*/
		color:#009851;
		font:bold 12px Arial, Helvetica, sans-serif;
	}
	.bboutique_prix s{
		font:11px Arial, Helvetica, sans-serif;
	}
	.bboutique_actions{
		float:left;
		width:102px;
		text-align:right;
		font:bold 11px Arial, Helvetica, sans-serif;
	}

/*----------------- bloc acces direct ---------------*/

.homeShortCuts{
	background:#5AAD16 url(../_img/home_02.gif) no-repeat bottom;
	width:170px;
	margin:0 0 15px 0;
}

.homeShortCuts ul{
	margin:0;
}

.homeShortCuts li{
	list-style:outside none;
	background:url(../_img/home_03.gif) no-repeat 10px 2px;
	padding:0 20px 0 30px;
	margin:0 0 5px 0;
	_height:15px;
}

.homeShortCuts a:link,
.homeShortCuts a:visited{
	display:block;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	color:#FFF;
	margin:0;
	padding:0 0 5px 0;
	text-decoration:none;
}

.homeShortCuts a:hover,
.homeShortCuts a:active{
	color:#294F0A;

}

/*------------------ bloc à la une --------------*/

#bune{
	background:url(../_img/home_04.jpg) no-repeat;
	width:439px;
	height:206px;
	overflow:hidden;
	color:#FFF;
	margin:0 0 15px 0;
}
#bune h2{
	color:#FFF;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:8px 10px 0 10px;
	margin:0 0 10px 0;
}
#bune p{
	padding:0 55px 0 10px;
}
#bune p img{
	width:150px;
	border:2px solid #FFF;
	float:left;
	display:inline;
	margin:0 15px 5px 0;
}

#bune a:link,
#bune a:visited{
	color:#FFF;
}

#bune a.moreInfos:link,
#bune a.moreInfos:visited{
	background:url(../_img/home_05.gif) no-repeat;
	display:block;
	padding:1px 0 0 25px;
	color:#FFF;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:-1px;
	height:36px;
	overflow:hidden;
	margin:5px 0 0 0;
}

.uneDate{
	background:url(../_img/home_08.gif) no-repeat 10px 0;
	height:30px;
	overflow:hidden;
	text-align:right;
	color:#009851;
	font-size:9px;
	padding:10px 10px 0 0;
	margin:0 0 -10px 0;
}


/*---------------- liste des actus ------------------*/

#bactus{

}
#bactus li{
	list-style:none outside;
	background:url(../_img/home_07.gif) no-repeat bottom right;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

#bactus li h3{
	background:url(../_img/home_06.gif) no-repeat 0 2px;
	color:#009851;
	padding:0 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#bactus li a:link,
#bactus li a:visited{
	color:#434242;
}
#bactus li a:hover,
#bactus li a:active{
	text-decoration:none;
}

#bactus li h3 a:link,
#bactus li h3 a:visited{
	color:#009851;
	text-decoration:none;
}
#bactus li h3 a:hover,
#bactus li h3 a:active{
	text-decoration:underline;
}


#bactus li p{
	padding:0 0 0 15px;
}

#bactus .vignette{
	float:right;
	display:inline;
	background:#FFF;
	padding:2px;
	border:1px solid #E6E6E6;
	margin:0 0 5px 10px;
}

#bactus a.allActus:link,
#bactus a.allActus:visited{
	background:url(../_img/btnNL.gif) no-repeat;
	display:block;
	padding:1px 0 0 20px;
	color:#009851;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:-1px;
	height:36px;
	overflow:hidden;
	margin:5px 0 0 0;
}

/*---------------- liste des logos partenaires ------------------*/

/*
#partenairesLogos{
	clear:both;
	padding-top:20px;
}

#partenairesLogos h4{
	color:#4B85CC;
	margin:0 0 5px 0;
}

#partenairesLogos li{

	float:left;
	display:inline;
	text-align:center;
	font-size:9px;
	margin:0 5px 0 0;
	border:1px solid #E6E6E6;
}

#partenairesLogos .vignette {
	display:block;
	padding:2px;

}

#partenairesLogos a:link,
#partenairesLogos a:visited{
	display:inline;
	color:#009851;
}
*/

#partenairesLogos{
	width:917px;
	clear:both;
	background:url(../_img/bgPartenaires.jpg) no-repeat top left;
	margin:0 0 -20px 15px;
	padding:10px 15px 0 15px;
}
#partenairesLogos table{
	border:none;
	padding:0;
	margin:0;
	width:100%;
}
#partenairesLogos td{
	vertical-align:middle;
	text-align:center;

}

#partenairesLogos a:link,
#partenairesLogos a:visited{
	display:block;
	text-decoration:none;
	color:#999999;
	font-size:9px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#partenairesLogos a:link label,
#partenairesLogos a:visited label{
	color:#999999;
}
#partenairesLogos a:hover label,
#partenairesLogos a:active label{
	color:#666666;
}