/* Templace CSS de Bodyboard Land */
body{
	margin:0;
	padding:0;
	text-align:center;
	font:0.8em Arial,"Trebuchet MS",helvetica,sans-serif;
	/*background:url(/images/fond_page_raye.gif) top repeat;*/
	/*background: #FFFFFF url(/images/fond_raye.gif) top repeat-x;*/
	background: #FFFFFF url(/images/fond-theme.jpg) top no-repeat;
}
/* ------------------------ Conteneur Bodyboard Land ------------------ */
div#Bodyboard_Land{
	width:900px;
	margin:0 auto;
	text-align:left;
	/* border:1px solid #0C2E47;*/
	border-bottom:1px solid #0e2945;
	border-left:1px solid #0e2945;
	border-right:1px solid #0e2945;
	/*border:1px solid #a4a6a7;*/
	background-color:#FFFFFF;
}
/* ----------------------- Haut de Bodyboard Land --------------------- */
div#BandeauHaut{
	height:20px;
	margin:0 auto;
	background:url(/images/fond_menu_haut.gif ) repeat-x left top;
}

div#Bandeau_Bodyboard_Land{
	height:150px;
	width:auto;
	margin:0 auto;
	border-top:1px solid #0C2E47;
	border-bottom:1px solid #0C2E47;
	background:url(/images/banniere.gif) no-repeat left top;
}

div#Bandeau_Bodyboard_Land_biscotte{
	height:150px;
	width:auto;
	margin:0 auto;
	border-top:1px solid #0C2E47;
	border-bottom:1px solid #0C2E47;
	background:url(/images/banniere_biscotte.gif) no-repeat left top;
}

div#BandeauBas{
	height:26px;
	margin:0;
	padding:0;
	background:url(/images/barre_menu.gif) no-repeat left top;
}
/* ** Menu ** */
ul#MenuBBL{
	margin:0;
	padding:0;
	list-style-type:none;
}
		
ul#MenuBBL li{
	float:left;
	text-align:center;	
}

ul#MenuBBL li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	text-decoration:none;
	color:#A2C4DD;
	border-right:1px solid #0C2E47;
	display:block;
  	padding:5px 10px 6px;
	white-space:nowrap;
}

ul#MenuBBL li a:hover{
	background:#0C2E47;
}

/* --------------------- Contenu principal de BBL ------------------------ */
/* ** Barre de navigation ** */
div#Barre_nav{
	font-family:Arial, Helvetica, sans-serif;
	color:#A2C4DD;
	font-size:10px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
}

div#Barre_nav a{
	text-decoration:underline;
	color:#3A8ECC;
}

div#Barre_nav a:hover{
	text-decoration:none;
	color:#A2C4DD;
}

/* ----------------------------------- Contenu principal ------------------------ */
div#ContenuBBL{
	margin-top:5px;
	overflow:auto;	    /* Pour répéter le fond et éviter flux sortant Firefox */
	clear:both;  	    /* Pour répéter le fond et éviter flux sortant Firefox */
	height:1%;			/* Pour répéter le fond et éviter flux sortant IE */
}

div#ContenuBBL a{
	color:#358;
	text-decoration:none;
	border-bottom:1px dotted #469;
}
/* A ------------ Zone de Gauche -------- */
div#Rubrique_BBL{
	float:left;
	width:650px;
	margin-left:10px;
	overflow:auto;
}

/** News **/
div#BodyboardNews{
	margin:0 auto;
}

div#TelexHaut{
	margin:0 auto;
	background:url(images/haut_telex.gif) no-repeat center bottom;
	height:7px;
}

div#TelexNews{
	margin:0 auto;
	background:url(/images/fond_telex.gif) repeat-y center top;
	color:#0C2E47;
	text-align:justify;
	padding-left:35px;
	padding-right:40px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	overflow:hidden;
}

div#TelexBas{
	margin:0 auto;
	background:url(images/bas_telex.gif) no-repeat center top;
	height:14px;
}

/** Rubriques **/
div#Rubriques{
	width:auto;
	height:243px;
	background:url(/images/fond_rubriques.gif) no-repeat left top;
	text-align:justify;
	padding-left:260px;
	padding-right:30px;
	padding-top:15px;
	margin-top:10px;
	margin-right:5px;
}

/* ** Kiosque ** */
.SelectionKiosque{
	/*width:565px;*/
	/*margin-top:10px;*/
}

div#SelectionKiosque_top{
	margin:auto;
	/*width:inherit;*/
	height:51px;
	background:url(/images/panel_kiosque_haut.gif) left top no-repeat;
}

.SelectionKiosqueMilieu{
	width:inherit;
	margin:0;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	/*background-color:#E7EDED;*/
	background:url(/images/panel_kiosque_mid.gif) left top no-repeat;
	font-size:10px;
}

.SelectionKiosqueli{
	width:inherit;
	text-align:justify;
}

.SelectionKiosque_bottom{
	width:inherit;
/*	width:535px;*/
	border-top:#7092AB 1px dotted;
	background-color:#E7EDED;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/** Et aussi **/
div#EtAussi{
	/*width:650px;*/
	background:url(/images/fond_et_aussi.gif) no-repeat left top;
	margin-top:10px;
	padding-top:5px;
	padding-left:15px;
	padding-right:25px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
}


/* ** Et aussi Bis ** */
.SelectionEtAussiB{
	/*width:565px;*/
	/*margin-top:10px;*/
}

div#SelectionEtAussiB_top{
	margin:auto;
	/*width:inherit;*/
	height:51px;
	background:url(/images/panel_EtAussiB_haut.gif) left top no-repeat;
}

.SelectionEtAussiBMilieu{
	width:inherit;
	margin:0;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	/*background-color:#E7EDED;*/
	background:url(/images/panel_kiosque_mid.gif) left top no-repeat;
	font-size:10px;
}

.SelectionEtAussiBli{
	width:inherit;
	text-align:justify;
}

.SelectionEtAussiB_bottom{
	width:inherit;
/*	width:535px;*/
	border-top:#7092AB 1px dotted;
	background-color:#E7EDED;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


/* B -------------- Zone de droite ---------------- */
div#Pannels{
	float:right;
	width:auto;
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
}

/** Selection Bord Haut et Bas **/
div#SelectionPince{
	width:208px;
}

div#SelectionPinceMag_top{
	margin:auto;
	width:inherit;
	height:58px;
	background:url(/images/panel_mag_haut.gif) top no-repeat;
}

ul#SelectionPinceLst{
	margin:0;
	padding-left:15px;
	padding-right:15px;
	list-style-type:none;
	background-color:#E7EDED
}

ul#SelectionPinceLst li{
	width:inherit;
	text-align:justify;
	font-size:10px;
}

div#SelectionPince_bottom{
	margin:auto;
	width:inherit;
	height:26px;
	background:url(/images/panel_mag_bas.gif) top no-repeat;
}

div#SelectionTShirt{
	width:208px;
}

div#SelectionTShirt_top{
	margin:auto;
	width:inherit;
	height:58px;
	background:url(/images/panel_tshirt_haut.gif) top no-repeat;
}

ul#SelectionTShirtLst{
	margin:0;
	padding-left:15px;
	padding-right:15px;
	list-style-type:none;
	background-color:#E7EDED
}

ul#SelectionTShirtLst li{
	width:inherit;
	text-align:justify;
	font-size:10px;
}

div#SelectionTShirt_bottom{
	margin:auto;
	width:inherit;
	height:26px;
	background:url(/images/panel_mag_bas.gif) top no-repeat;
}

/** Selection Bord Haut**/
.SelectionTrombonne{
	width:208px;
	margin-top:10px;
}

div#SelectionTrombonnePhoto_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/choix_photo.gif) top no-repeat;
}

div#SelectionTrombonneVideo_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/choix_video.gif) top no-repeat;
}

div#SelectionTrombonneSite_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/choix_www.gif) top no-repeat;
}

.SelectionTrombonneul{
	margin:0;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	list-style-type:none;
	background-color:#C8DBE7;
	font-size:10px;
}

.SelectionTrombonneli{
	width:inherit;
	text-align:justify;
}

.SelectionTrombonne_bottom{
	border-top:#7092AB 1px dotted;
	background-color:#C8DBE7;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* ** Selection standard scotch ** */
.SelectionScotch{
	width:208px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#SelectionScotch_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

div#SelectionScotchConseils_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

div#SelectionScotchTricks_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

div#SelectionScotchStory_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

div#SelectionScotchMatos_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

div#SelectionScotchMessage_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

div#SelectionScotchNews_top{
	margin:auto;
	width:inherit;
	height:51px;
	background:url(/images/panel_std_haut.gif) top no-repeat;
	overflow:visible;
}

.SelectionScotchText{
	color:#C8DBE7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height:51px;
}

.SelectionScotchul{
	margin:0;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	list-style-type:none;
	background-color:#C8DBE7;
	font-size:10px;
	overflow:auto;
}

.SelectionScotchli{
	width:inherit;
	text-align:justify;
}

.SelectionScotch_bottom{
	border-top:#7092AB 1px dotted;
	background-color:#C8DBE7;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* C -------------- Zone du milieu ------------ */

/** planche contact photo **/
div#PlancheContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:right;
	width:568px;
}

/* --------------------------- Pied de page de BBL ---------------------------------*/
.ZoneMenuBas {
	/*background:#3e5161;*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*color:#113355;*/
	font-size:10px;
	text-align:left;
	border-top:1px solid #36606d;
	width:163px;
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

.ZoneMenuCentree {
	width:100%;
	text-align:left;
	padding-left:20px;
}

.TitreMenuCentree {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	color:#7092AB;
	font-weight:bold;	
	border-left:2px solid #FFFFFF;
	padding-left: 4px;

}

div#MenuBas{
	background:#113355;
	color:#3E6079;
	text-align:center;
	font-size:11px;
	width:100%;
	overflow:hidden;
}

div#MenuBas a{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:95%;*/
	text-decoration:none;
	color:#A2C4DD;
  	padding:5px 10px 6px;
	white-space:nowrap;
}

div#PiedBBL{
	height:20px;
	margin:0 auto;
	background:url(/images/fond_menu_bas.gif ) repeat-x left top;
	overflow:hidden;
}