body {background-color: #FFFFFF; font-family: Verdana; font-size: 12px;}
body.white {background-color: #FFFFFF; font-family: Verdana; font-size: 10px;}
img{border:0}
A {text-decoration:none}
A:hover {text-decoration:none}


#hmenu {
	padding: 13px 0 5px 0;
	float: right;
}

#hmenu a {
	padding: 12px 13px 2px 11px;
	text-decoration: none;
	color: #414141;
	background: #ccc url(http://www.bcb24.com/images/hmenuarrow.gif) no-repeat top center;
	margin: 0 0 3px 1px;
	border-bottom: 4px solid #BCBCBC;
}

#hmenu a:hover {
	background: #3C6491 url(http://www.bcb24.com/images/hmenuarrowhover.gif) no-repeat top center;
	color: #FFFFFF;
	border-bottom: 4px solid #2F4A6C;
}

.content {
	border-top: 1px solid #FEFEFE; 
	background: #FFFFFF url(http://www.bcb24.com/images/contentbg.gif) repeat-x left top;
	color: #000000;
}


#left {
	float: left;
	width: 190px;
}

#leftmenu {
	margin: 0;
	padding: 0;
}

#leftmenu a {
	display: block;
	background: #BF3E18 url(http://www.bcb24.com/images/vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
}

#leftmenu a:hover {
	color: #FFFFFF;
	background: #822C0F url(http://www.bcb24.com/images/vmenuarrowhover.gif) no-repeat center left;
}

.leftarticle {
	background: #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 8px;
	line-height: 1.4em;
}

.leftarticle_ad {
	font: 140% Arial, Sans-Serif;
	font-weight: bold;
	border: 2px solid #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 17px;
	width: 182px;
	height: 17px;
	background: #FFFFFF url(http://www.bcb24.com/images/seoad.jpg) no-repeat;
}

.leftarticle_ad a {
	background: transparent; 
	text-decoration: none;
}

#right {
	float: right;
	width: 505px;
	padding: 0 6px 0 0;
}

#articles {
	width: 750px;
	padding: 3px 0 0 0;
	margin: 0 auto 10px auto;
}

#additional {
	clear: both;
	width: 730px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0 auto;
	padding: 10px;
}
}

#footer a {
	color: #808080;
	background: inherit;
}

#links {
	clear: both;
	margin: 0 auto;
	width: 730px;
	padding: 10px;
	background: #3C6491 url(http://www.bcb24.com/images/linksbg.gif) repeat-x top left;
	color: #FFF;
}

#whiteline {
	margin-top: 10px;
	border-top: 3px solid #FFFFFF;
}
h2 {
	margin: 8px 0 5px 0;
	padding: 0;
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #808080;
	background-color: inherit;
}

h2 a {
	color: #000000;
	text-decoration: none;
	background-color: inherit;
	background-image: url(h2bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	
	padding: 0 0 0 20px;
}

h2 a:hover {
	background: url(h2bghover.gif) no-repeat center left;
}

form.search { padding: 0; margin: 0; }

#searchform {
	background: #808080;
	color: #FFFFFF;
	padding: 5px 8px 5px 18px;
	margin: 0px;
}


/* ###################### GENERIQUE #######################*/

* {font-family: Verdana; font-size: 10px; color: Black;}
TD {font-family: Verdana;font-size: 10px;color: Black;}
DIV {font-family: Verdana;font-size: 10px;color: Black;}
A:link, A:visited, A:hover{color: none ;text-decoration: bold ;}
hr{color:#000000;height:1px}


/* ###################### CONTRUCTION PAGE #######################*/

table.header {  background-color:#71C7D7  ;spacing: 0px ; border-collapse: separate ;	font-family: Verdana; font-size: 10px; }

table.yahoodate{  border-bottom: solid  ;border-color:#006388; border-width:1px ;background-color:White  ;spacing: 0px ; border-collapse: separate ;  font-family: Verdana; font-size: 10px;}
td.yahoodate{   font-family: Verdana; font-size: 10px;background-color:White}

table.body{  background-color:White  ; padding: 0px ; border-spacing: 0px ; border-collapse: separate ; border-width:0px ; }
td.bodyg3 { padding: 0px ;background-color:#B4E5EA ;  background-repeat: no-repeat}
td.bodyg2 { padding: 0px ;background-color:#B4E5EA ; background-repeat: no-repeat}
td.bodyg { padding: 0px ;background-color:#FFFFFF ; }


div.bodyg {padding-top : 35px ;}

td.bodym { padding: 0px ;background-color:#FFFFFF ; background-image: url("../img/3ftfond2.gif"); background-repeat: no-repeat}
td.bodym2 { padding: 0px ;background-color:#FFFFFF ; background-image: url("../img/3ftfond2full.gif"); background-repeat: no-repeat}

td.bodyd { padding: 0px ;background-color:#FFFFFF ; background-image: url("../img/3ftfond3.gif");background-repeat: no-repeat;}
td.bodyd2 { padding: 0px ;background-color:#FFFFFF ; background-repeat: no-repeat;}

table.foot{  border-top: solid  ;border-color:#FFFFFF; border-width:1px }
td.footg { background-color:White ; }
td.footm { background-color:White ; }
td.footd { background-color:#448FA2 ; text-align: center; color : White ; font-size: 9px;}


/* ###################### LE MENU #######################*/

table.menuh {  background-color:#E1143b  ;spacing: 0px ; border-collapse: separate ;	font-family: Verdana; font-size: 10px; }
td.menuh {  border-left: solid  ;spacing: 0px ; border-collapse: separate ; border-width:1px ; border-color:White; text-align: center; 	font-family: Verdana; font-size: 10px;}
A.menuh:link, A.menuh:visited { color: White ; text-decoration: none ; }
A.menuh:hover { color: White ; text-decoration: underline ;}

div.menudyn {font:11px Verdana, Arial, Tahoma, Lucida, sans-serif; font-weight: bold; color : black;text-align:center;padding-top:3px; background-color:#FFFFFF;}
div.menudyn:hover {color: White ; text-decoration: underline ;background-color:#000000;}


/* ###################### SPECIFIQUE #######################*/

div.titre { padding-bottom: 10px; padding-top: 20px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #EE1C25;}
div.titre2 { padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: normal;color : #EE1C25;}
div.titre_metp { padding-bottom: 10px; padding-top: 20px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #FD8E0B;}
div.soustitre { padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 12px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #EE1C25;}

A.exclu:link, A.exclu:visited, A.exclu:hoverdiv.popup {background-image: url("../img/3ftfond2.gif");background-color:#95D9E4  ;}
div.gauche { padding-bottom: 70px; padding-top: 35px ;padding-left: 15px;}
div.bandebleue { background-color:#448FA2  ; padding-bottom: 3px; padding-top: 3px ;padding-left: 5px; font-size: 12px; color: white; font : bold}
div.marge { padding-bottom: 3px; padding-top: 3px ;padding-left: 7px; padding-right: 7px;font-family: Verdana; font-size: 10px; }
div.contenu { padding-bottom: 3px; padding-top: 3px ;padding-left: 15px; padding-right: 10px;font-family: Verdana; font-size: 10px;}
div.exclusivite { text-align: center; padding-bottom: 3px; padding-top: 10px ;padding-left: 15px; padding-right: 10px; font-family: Verdana; font-size: 12px;font : bold; color: #006388; }
div.souscrivez { text-align: center; padding-bottom: 3px; padding-top: 10px ;padding-left: 15px; padding-right: 10px;font-size: 12px;font : bold; color: Red;}


div.newsletter {font-family: Verdana; font-size: 10px;  color:black;font-weight:normal;background-image: url("../img/3ftfondnews.gif");background-color:#B4E5EA ;background-repeat: no-repeat}
div.titrenews {font-weight:bold;padding-bottom: 10px; padding-top: 35px ;padding-left: 0px; padding-right: 25px; font-family: Verdana; font-size: 12px;  color:Red; text-align:center;}



A.mag:link, A.mag:visited { color: black ; text-decoration: none ; font-weight: bold;}
A.mag:hover { color: red ; text-decoration: underline ;font-weight: bold;}

div.lettre {font:10px Verdana, Arial, Tahoma, Lucida, sans-serif; font-weight: bold; color : #D4D0C8; background-color:#000000;text-decoration:none ; padding:2px}
A.lettre:link, A.lettre:visited { color: White ; text-decoration: none ;background-color:#000000}
A.lettre:hover { color: White ; text-decoration: underline ;}

select.secteur {font : 10px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : White; background-color:#000000  ;text-decoration: none ;}
option.secteur {font : 10px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : White;background-color:#000000  ;text-decoration: none ;}


A.offre:link, A.offre:visited { color: Red ; text-decoration: none ; }
A.offre:hover { color: Red ; text-decoration: underline ;}
div.valable { background-color:#95D9E4  ; padding-bottom: 3px; padding-top: 3px ;padding-left: 5px; padding-right: 5px; color: black;font-family: Verdana;font-size: 10px;}
td.carre { background-color:#00A5BD  ;}

table.adresse {  background-color:#FFFFFF  ;spacing: 0px ; border-color:#000000; border-style:solid ; border-width: 1px ;font-family: Verdana; font-size: 10px; }
div.adresse { padding-bottom: 3px; padding-top: 3px ;padding-right: 3px; font : 12px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #000000;}
div.rechercher {  font : 10px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #FFFFFF;}
td.carte{ padding-bottom: 5px; font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #E1143B;}
div.service{ font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #1A1C89;}






div.titrehome { padding-bottom: 0px; padding-top: 0px ;padding-left: 0px;font : 12px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #006388;}
td.nuage {font-family: Verdana; font-size: 10px;  color:black;font-weight:normal;background-image: url("../img/nuage-3ft.gif") ;background-repeat: no-repeat}
A.bleu:link, A.bleu:visited, A.bleu:hover{color: #185FAD ;text-decoration: underline ;}
table.bleu {  background-color:#FFFFFF  ;spacing: 0px ; border-color:#185FAD; border-style:solid ; border-width: 1px ;font-family: Verdana; font-size: 10px; }

td.plan {  background-color:#FFFFFF  padding-bottom: 5px; padding-top: 5px ;padding-left: 10px ;spacing: 0px ; border-color:#000000; border-style:solid ; border-width: 1px ;font-family: Verdana; font-size: 10px; }

A.jaune:link, A.jaune:visited, A.jaune:hover{color: #FD8E0B ;text-decoration: underline ;}
A.lien_focus:link, A.lien_focus:visited, A.jaune:lien_focus{color: white ;text-decoration: underline ;}

div.outils {  font : 9px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: normal;color : #000000;text-align: right;}
A.outils:link, A.outils:visited {  font : 9px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: normal;color : #000000;text-decoration:none}
A.outils:hover {  font : 9px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: normal;color : #000000;text-decoration:underline}

A.mentionsl:link, A.mentionsl:visited {  font : 9px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: normal;color : #FFFFFF;text-decoration:none}
A.mentionsl:hover {  font : 9px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: normal;color : #FFFFFF;text-decoration:underline}



A.contact:link, A.contact:visited { color: red ; text-decoration: underline ; font-weight: none; font-size: 9px;}
A.contact:hover { color: red ; text-decoration: underline ; font-weight: none; font-size: 9px;}


div.parrain {padding-top: 35px ;padding-left: 10px;font-family: Verdana; font-size: 10px;  color:black;font-weight:normal;background-color:#FFFFFF ; background-image: url("../img/3ftfond1bis.gif"); background-repeat: no-repeat}

table.annonces {  background-color: #000000 ; border-width: 50px; }
td.annonces {  background-color: #EE1C25 }
A.annonces:link, A.annonces:visited {  color : white; font : 11px Verdana, Arial, Tahoma, Lucida, sans-serif; font-weight: bold; text-decoration:none}
A.annonces:hover { font : 11px Verdana, Arial, Tahoma, Lucida, sans-serif; font-weight: bold; color : white; text-decoration:underline}


table.promo {border : dotted ;border-spacing: 0px ; border-collapse: separate ; border-width:2px; border-color:#000000; background-color:#FFFFFF; padding: 0px}


/* ###################### HOME #######################*/

td.homepartenaire{ padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #F05200;}
div.homejeu{ padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #9125C8;}
A.homeservice:link, A.homeservice:visited {  font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #1A1C89;text-decoration:none}
A.homeservice:hover {  font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #1A1C89;text-decoration:none}
div.homecinema {font-weight:bold;padding-bottom: 2px; padding-top: 2px ;padding-left: 5px;font-family: Verdana; font-size: 12px;  color:#FD8E0B; text-align:center;}
A.homecarte:link, A.homecarte:visited {  padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #E1143B;text-decoration:none}
A.homecarte:hover { padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #E1143B;text-decoration:none}
A.alaune:link, A.alaune:visited {  padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #E1143B;text-decoration:none}
A.alaune:hover { padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #E1143B;text-decoration:none}
div.homeactushopping {font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #1350A9;text-decoration:none}
td.homeactushopping { font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #1350A9;text-decoration:none;  padding:0 0 10px 0;}
A.homeinscrinews:link, A.homeinscrinews:visited,A.homeinscrinews:hover { color: White ; text-decoration: underline ; }
div.homecarte {  padding-bottom: 5px; padding-top: 5px ;padding-left: 0px;font : 18px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #E1143B;text-decoration:none}

div.homeservice  { padding-bottom: 3px; padding-top: 3px ;padding-left: 7px; padding-right: 7px;font-family: Verdana; font-size: 10px; background-color:#8FD5DD;}
div.homepromo {font : 17px Verdana, Arial, Tahoma, Lucida, sans-serif;font-weight: bold;color : #1350A9;text-decoration:none}


/* ###################### PLAN #######################*/

body.planMenu {background-color:#B4E5EA; color: Black;}
body.planMenu DIV A:link	{color: Black; text-decoration: none; }
body.planMenu DIV A:visited 	{color: Black; text-decoration: none; }
body.planMenu DIV A:hover 	{color: Black; text-decoration: underline; }
body.planMenu DIV A.selected:visited 	{color: White; text-decoration: none; background-color: #17A1B1;}

body.planMenu TD.niveauSelected	{background-color: #B4E5EA; } 
body.planMenu TD.niveauSelected A:link	{text-decoration: none; color: Black; } 
body.planMenu TD.niveauSelected A:visited	{text-decoration: none; color: Black; } 
body.planMenu TD.niveauSelected A:hover 	{text-decoration: underline ;}



body.planMenu TABLE TR TD.niveau0	{background-color: #CEEEF6;} 
body.planMenu TABLE TR TD.niveau0 A:link	{text-decoration: none; color: Black; } 
body.planMenu TABLE TR TD.niveau0 A:visited	{text-decoration: none; color: Black; } 
body.planMenu TABLE TR TD.niveau0 A:hover 	{text-decoration: underline ;}

body.planMenu TD.niveau1	{background-color: #8FD5DD;} 
body.planMenu TD.niveau1 A:link	{text-decoration: none; color: Black; } 
body.planMenu TD.niveau1 A:visited	{text-decoration: none; color: Black; } 
body.planMenu TD.niveau1 A:hover 	{text-decoration: underline ;}

body.planMenu TD.niveau2	{background-color: #62BEC9;} 
body.planMenu TD.niveau2 A:link	{text-decoration: none; color: Black; } 
body.planMenu TD.niveau2 A:visited	{text-decoration: none; color: Black; } 
body.planMenu TD.niveau2 A:hover 	{text-decoration: underline ;}

body.planMap {background-color: 88888F; color: Black;}
body.planMap.* {color: Black;}
body.planMap A:link, body.planMenu A:visited {text-decoration: none; color: Black; } 
body.planMap A:hover {text-decoration: underline ;}
body.planMap div.magasinName {background-color: Black; color: Black; padding: 2px; border: solid 1px black}

TD.black {color: Black;} //sert pour les noms de mag dans le plan

th {
	color : #000000;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
}
input, select {
	color : #000000;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.title01 {
	color : #FFFFFF;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	font-style: italic;
}
.title {
	color : #FFFFFF;
	margin-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 1px;
	margin-left : 37px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title a {
	color : #EF6D00;
}{display:none}
.title a:hover {
	color : #C25A02;
}
.list {
	color : #FFFFFF;
	margin-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right a, .list a {
	color : #FF7500;
}
.right a:hover {
	color : #AAAAAA;
}
.left {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 25px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left b {
	color : #FF6600;
}
.left a {
	color : #FF6600;
}
.left a:hover {
	color : #FF0000;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #000000;
}
p a:hover {
	color : #294A7B;
}
.menu01 {
	color : #000000;
	margin-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.menu01 a {
	color : #000000;
	text-decoration: none;
}
.menu01 a:hover {
	color : #555555;
}
.menu02 {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu02 a {
	color : #000000;
	text-decoration: none;
}
.menu02 a:hover {
	color : #333333;
}
.bar01 {
	color: #OOOOOO;
	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Arial,Tahoma,Verdana;
	font-weight: bold;
}
.b01 {
	color : #000000;
	margin-top : 2px;
	padding-bottom : 1px;
	margin-bottom : 1px;
	margin-left : 20px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.b01 a {
	color : #000000;
	text-decoration: none;
}
.b01 a:hover {
	color : #333333;
}



/*agenda calendrier*/
.caltable {width:98%; background-color:#cccccc; text-align:center; margin-top:1em}
.caltop {width:14%; font-size:1.1em; background-color:#C33838; color: #FFFFFF; font-weight:bold}
.calhead {font-weight:bold; background-color:#535353; color:#FFFFFF}
.caltoday {width:14%; font-size:0.9em; font-weight:bold; color:#FFFFFF; background-color:#C33838; text-align:center}
.caldays {width:14%; font-size:0.9em; color:#535353; background-color:#FFFFFF; text-align:center}
.calok {width:14%; font-size:0.9em; color:#535353; background-color:#cccccc; text-align:center}
.calprec {padding-left:1em; float:left; font-size:0.6em}
.calsuiv {padding-right:1em; float:right; font-size:0.6em}
.calcache {position: absolute; clip:rect(1px, 1px, 1px, 1px); clip:rect(1px 1px 1px 1px);}

/*menuagenda*/
.menuagenda {background-color:#306424; width:98%; text-align:center; margin-bottom:1em; padding:1px 0 1px 0}
.menuagenda label {color:white; font-weight:bold}
.menuagenda select {_margin-bottom: -15px}
.menuagenda input {_margin-bottom: -15px}
.left {float:left; padding-right:0.5em}
.right {float:right; padding-left:0.5em}