#bfhaut
{
	width: 616px;
	height: 15px;
	background: url(http://www.digitalworld.fr/barometre-fai/pictures/fond_h.gif) no-repeat top;
	clear: both;
	float: left;
}

#bfblocprincipal
{
	width: 614px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: url(http://www.digitalworld.fr/barometre-fai/pictures/fond.gif) repeat-x top;
	overflow: hidden;
	clear: both;
	float: left;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	font-family: Arial, Helvetica, sans-serif;
}

#bfbas
{
	width: 616px;
	height: 15px;
	background: url(http://www.digitalworld.fr/barometre-fai/pictures/fond_b.gif) no-repeat top;
	clear: both;
	float: left;
}


#bfblocprincipal *
{
	padding: 0;
	margin: 0;
}


#bfblocprincipal img
{
	border: 1px;
	vertical-align: text-top;
}

#bfblocprincipal form
{
	margin: 0;
	padding: 0;
}

#bfblocprincipal .bflignest
{
	margin: 0 20px 0 20px;	
}

#bfblocprincipal .bflignest h1
{
	font-size: 22px;
	font-weight: bold;
	width: 574px;
	clear: both;
	float: left;
}

.bflignestg
{
	width: auto;
	float: left;
}

.bflignestd
{
	width: auto;
	float: right;
	font-weight: bold;
}

#bfblocprincipal .bfintro
{
	width: 574px;
	clear: both;
	float: left;
	margin: 0 20px 20px 20px;
	padding-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px #a0a0a0;
}

#bfblocprincipal .bfbloc1,
#bfblocprincipal .bfbloc2,
#bfblocprincipal .bfbloc3
{
	width: 100%;
	clear: both;
	float: left;
}

#bfblocprincipal .bfbloc1 .bfbloctitre,
#bfblocprincipal .bfbloc2 .bfbloctitre,
#bfblocprincipal .bfbloc3 .bfbloctitre
{
	width: 574px;
	clear: both;
	float: left;
	margin: 0 20px 20px 20px;
	padding-bottom: 2px;
	background: url(http://www.digitalworld.fr/barometre-fai/pictures/hpoints.gif) bottom center repeat-x;	
}

#bfblocprincipal div .bfbloctitre .bfbloclogo
{
	width: 42px;
	clear: both;
	float: left;
	height: 42px;
}

#bfblocprincipal div .bfbloctitre h2
{
	width: 532px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin: 4px 0 0 0;
	clear: none;
}

#bfblocprincipal div .bfbloctitre h2 a
{
	text-decoration: none;
	color: #333;
}





#bfblocprincipal .bfbloctitre
{
	margin: 0 20px 0 20px;
	height: auto !important;
	height: 60px;
	min-height: 60px;
}

#bfblocprincipal .bfbloctitre .bfbloclogo
{
	width: 42px;
	height: 42px;
	clear: both;
	float: left;
}

#bfblocprincipal .bfbloctitre .bfbloclogowitbe
{
	width: auto;
	float: right;
	font-weight: bold;
	vertical-align: middle;
}

#bfblocprincipal .bfbloctitre h1
{
	font-size: 18px;
	font-weight: bold;
	width: auto;
	float: left;
	margin: 4px 0 0 4px;
}


#bfblocprincipal .bfbloctitre h2
{
	font-size: 14px;
	font-weight: normal;
	width: auto;
	clear: both;
	float: left;
	margin: 0 0 0 46px;
}

.bfbloctableau
{
	width: 614px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px;
}

.bftableau
{
	width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;	
}

.bftableau th, .bftableau td
{
	border-bottom: solid 1px #000;
	background-image: url(http://www.digitalworld.fr/barometre-fai/pictures/tab_vpoints.gif);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: center;
	vertical-align: top;
	min-height: 22px;
	height: 22px !important;
	height: auto;
	vertical-align: middle;
}

.bftableau td div, .bftableau th div
{
	font-size: 11px;
}

.bftableau td
{
	background-color: #f7f7f7;	
}

.bftableau small
{
	font-size: 9px;
	font-weight: normal;
}

.bftableau .bftabtitre1
{
	color: #fff;
	background-color: #ff9900 !important;
	background-image: url(http://www.digitalworld.fr/barometre-fai/pictures/tab_fond_h.gif) !important;
	background-repeat: repeat-x !important;
	background-position: top !important;
	padding: 0;
}

.bftableau .bftabtitre1 div
{
	margin-top: 4px !important;
	font-size: 11px !important;
}

.bftableau .bftabtitre2
{
	background-color: #ddd;
	border-bottom: none !important;
}

.bftableau .bftabtitre2 div
{
	font-size: 11px !important;
}


/* Largeur des colonnes par défaut */

.bftableau .bftabcol1 div
{
	width: 30px;
}

.bftableau .bftabcol2 div
{
	width: 70px;
	font-weight: bold;
}

.bftableau .bftabcol3 div
{
	width: 140px;
}

.bftableau .bftabcol4 div
{
	width: 85px;
}

.bftableau .bftabcol5 div
{
	width: 85px;
}

.bftableau .bftabcol6 div
{
	width: 85px;
}

.bftableau .bftabcol7 div
{
	width: 85px;
}


/* Largeur des colonnes pour le tableau 2 */

.bftableau2 .bftabcol1 div
{
	width: 30px;
}

.bftableau2 .bftabcol2 div
{
	width: 70px;
	font-weight: bold;
}

.bftableau2 .bftabcol3 div
{
	width: 140px;
}

.bftableau2 .bftabcol4 div
{
	width: 70px;
}

.bftableau2 .bftabcol5 div
{
	width: 70px;
}

.bftableau2 .bftabcol6 div
{
	width: 70px;
}

.bftableau2 .bftabcol7 div
{
	width: 80px;
}


.bftableau .bftabtitre2col7
{
	background-color: #aaa !important;
	background-image: none !important;
}

.bftableau .bftabcolg
{
	border-left: solid 1px #000;
}

.bftableau .bftabcold
{
	border-right: solid 1px #000;
	background-image: none !important;
}

.bftableau .bftabtri
{
	background-color: #ddd;
	padding-bottom: 4px !important;
}

.bftableau .bftabtri form button
{	
	margin: 0 auto 0 auto;
	text-align: center;
}

.bftableau .bftabcolimpaire
{
	background-color: #f7f7f7 !important;
}

.bftableau .bftabcolpaire
{
	background-color: #f1f1f1 !important;
}

.bftableau .bftabcol7impaire
{
	background-color: #dcdcdc !important;
}

.bftableau .bftabcol7paire
{
	background-color: #cccccc !important;
}

.bftableau td div, .bftableau tr div
{
	padding: 1px;
	overflow: hidden;
	text-align: center;
}

.bftableau .bftabpied
{
	background-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	font-size: 4px !important;
	background: none!important;
	vertical-align: top !important;
}

.bftableau .bftabpied div
{
	width: 100% !important;
	background-image: url(http://www.digitalworld.fr/barometre-fai/pictures/tab_fond_b.gif) !important;
	background-repeat: repeat-x !important;
	background-position: top !important;
	padding: 0 !important;
	margin: 0 !important;
}

.bftableau .bfblocrang
{
	background-color: #000;
	width: 15px !important;
	height: 15px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: bold !important;
	font-family: Verdana, Geneva, sans-serif;
	padding: 1px !important;
	margin: 0 auto 0 auto !important;
	
}

.bftableau button
{
	border: none;
	background: none;
	margin: 0;
}

.bftableau button img
{
	border: none;
	vertical-align: top;
}

/* Navigation */
.bfnavigation
{
	width: 500px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px;
}

.bfnavigationgauche, .bfnavigationdroite
{
	width: 121px;
	vertical-align: top;
}

.bfnavigationgauche form, .bfnavigationdroite form
{
	padding: 0;
	margin: 0;
}

.bfnavigationgauche
{
	clear: both;
	float: left;
	text-align: left;
}

.bfnavigationmilieu
{
	float: left;	
	width: 258px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #ff9900;
	vertical-align: top;
	margin-top: 5px; 
}

.bfnavigationdroite
{
	float: right;
	text-align: right;
}

#bfnavprec, #bfnavsuiv
{
	border: none;
	margin: 0;
	background: none;
}

.bfcommentaire
{
	width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px;
	padding: 7px;
	color: 
}

.bfcommentaire a
{
	color: #000 !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}

.bfcommentaire a:hover
{
	color: #ff9900 !important;
}

.bfcommentaire p
{
	margin: 0 0 4px 0 !important;
}

/***************************************************************/
/*                  Tableaux de l'accueil                      */
/***************************************************************/

.bftableauaccueil1
{
	width: 574px;
}

.bftableauaccueil1 th, .bftableauaccueil1 td
{
	border-bottom: solid 1px #000;
	background-image: url(http://www.digitalworld.fr/barometre-fai/pictures/tab_vpoints.gif);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: center;
	vertical-align: top;
	min-height: 22px;
	height: 22px !important;
	height: auto;
	vertical-align: middle;
}

.bftableauaccueil1 td div, .bftableauaccueil1 th div
{
	font-size: 11px;
}

.bftableauaccueil1 td
{
	background-color: #f7f7f7;	
}

.bftableauaccueil1 small
{
	font-size: 9px;
	font-weight: normal;
}

.bftableauaccueil1 .bftabtitre1
{
	color: #fff;
	background-color: #ff9900 !important;
	background-image: url(http://www.digitalworld.fr/barometre-fai/pictures/tab_fond_h.gif) !important;
	background-repeat: repeat-x !important;
	background-position: top !important;
	padding: 0;
}

.bftableauaccueil1 .bftabtitre1 div
{
	margin-top: 4px !important;
	font-size: 11px !important;
}

.bftableauaccueil1 .bftabtitre2
{
	background-color: #ddd;
}

.bftableauaccueil1 .bftabtitre2 div
{
	font-size: 11px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.bftableauaccueil1 .bftabcol1 div
{
	width: 40px;
}

.bftableauaccueil1 .bftabcol2 div
{
	width: 90px;
	font-weight: bold;
}

.bftableauaccueil1 .bftabcol3 div
{
	width: 340px;
}

.bftableauaccueil1 .bftabcol4 div
{
	width: 100px;
}

.bftableauaccueil1 .bftabtitre2col4
{
	background-color: #aaa !important;
	background-image: none !important;
}

.bftableauaccueil1 .bftabcolg
{
	border-left: solid 1px #000;
}

.bftableauaccueil1 .bftabcold
{
	border-right: solid 1px #000;
	background-image: none !important;
}

.bftableauaccueil1 .bftabtri
{
	background-color: #ddd;
	padding-bottom: 4px !important;
}

.bftableauaccueil1 .bftabcolimpaire
{
	background-color: #f7f7f7 !important;
}

.bftableauaccueil1 .bftabcolpaire
{
	background-color: #f1f1f1 !important;
}

.bftableauaccueil1 .bftabcol4impaire
{
	background-color: #dcdcdc !important;
}

.bftableauaccueil1 .bftabcol4paire
{
	background-color: #cccccc !important;
}

.bftableauaccueil1 td div, .bftableauaccueil1 th div
{
	padding: 1px;
	overflow: hidden;
	text-align: center;
}

.bftableauaccueil1 .bftabpied
{
	background-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	font-size: 4px !important;
	background: none!important;
	vertical-align: top !important;
}

.bftableauaccueil1 .bftabpied div
{
	width: 100% !important;
	background-image: url(http://www.digitalworld.fr/barometre-fai/pictures/tab_fond_b.gif) !important;
	background-repeat: repeat-x !important;
	background-position: top !important;
	padding: 0 !important;
	margin: 0 !important;
}

.bftableauaccueil1 .bfblocrang
{
	background-color: #000;
	width: 15px !important;
	height: 15px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: bold !important;
	font-family: Verdana, Geneva, sans-serif;
	padding: 1px !important;
	margin: 0 auto 0 auto !important;
	
}

.bftableauaccueil1 button
{
	border: none;
	background: none;
}

.bftableauaccueil1 button img
{
	border: none;
}

.bflienaccueil
{
	width: 200px;
	height: 50px;
	clear: both;
	float: right;
	margin-right: 50px;
	margin-bottom: 50px;
}

.bflienaccueil a
{
	text-decoration: underline;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

.bflienaccueil a:hover
{
	text-decoration: none;
	color: #aa0000;
	font-size: 11px;
	font-weight: bold;
}