/********************************************************************générique*/

body{
	background: url(/img/fo/bg_repeatx.gif) top repeat-x #EDE8DF;
}

/***********************************************************structure générale*/

.footer, .footer a{
	color: #76746F;
}

/******************************************************partie supérieure*/

.welcome_m span, .welcome_m span a{
	color: #76746F;
	text-decoration: none;
}
.welcome_m p.part_bottom, .welcome_m p.part_bottom a{
	color: #DE0317;
}
.welcome_m, .spec a{
	color: black;
}

/*************************************************************partie principale*/

.accroche{
	background: url(/img/fo/bg_accroche.gif) top repeat-x;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
.whiteborder{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
/* 	position: relative; */
}
a.white_arrow{
	background: url(/img/fo/picto_arrow_white.gif) 0 3px no-repeat;
}
div a.red_arrow2{
	color: #E00117;
}
a.red_arrow, a.red_arrow2{
	color: #E00117;
	background: url(/img/fo/picto_arrow_red.gif) 0 3px no-repeat;
}
a.leftarrow, td a.leftarrow{
	padding-left: 12px;
	color: #E00117;
	background: url(/img/fo/picto_redarrow_left.gif) left 5px no-repeat;
}
a.rightarrow ,td a.rightarrow{
	padding-right: 12px;
	color: #E00117;
	background: url(/img/fo/picto_redarrow_right.gif) right 5px no-repeat;
}
a.red{
	color: #E00117;
	text-decoration: none;
	font-weight: bold;
}
a.red2{
	color: #E00117;
	text-decoration: none;
}
a.red:hover, a.red2:hover{
	text-decoration: underline;
}
.reditalic{
	color: #E00117;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
}
h1.prod{
	color: #E00117;
	font-size: 18px;
	font-weight: normal;
}
.price{
	color: #E00117;
	font-size: 18px;
}
.price2{
	color: #E00117;
	font-size: 13px;
	font-weight: bold;
}
.price3{
	color: #E00117;
	font-size: 24px;
}
.content{
	border-bottom: 1px solid #BFBFBF;
	background: url(/img/fo/bg_repeaty.gif) left bottom repeat-y;
}
.content2{
	border-bottom: 1px solid #BFBFBF;
	background: url(/img/fo/bg_repeaty2.gif) left bottom repeat-y;
}
.line_1{
	border-bottom: 1px solid white;
	color: white;
}
.line_1 a, .encart_premium2 a{
	color: white;
	text-decoration: none;
}
.line_1 a:hover, .encart_premium2 a:hover{
	text-decoration: underline;
}
.line_1 .encart_promos{
	border-left: 1px solid white;
}
.line_1 .encart_premium{
	border-left: 1px solid white;
}
.encart_premium2{
	color: white;
	background: url(/img/fo/bg_bata_premium.gif) no-repeat;
	border-bottom: 1px solid white;
}
.line_2{
	text-align: middle;
}
.line3{
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}
.line3 .tizenfants{
	border-right: 1px solid #BFBFBF;
	background: url(/img/fo/bg_tizenfants.jpg) 0 0 no-repeat;
}
.line3 .restez_au_chaud{
	border-right: 1px solid #BFBFBF;
}
.line4, .line6, .line8, .line6bis, #tab_order th{
	background: url(/img/fo/bg_degrad_gris.gif) 0 0 repeat-x;
}
.line10{
	width:95%;
	background: url(/img/fo/bg_degrad_gris.gif) 0 0 repeat-x;
}


.line6bis{
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
.line9{
	background: url(/img/fo/barre-gauche.jpg) left top no-repeat;
}
.line9bis{
	background: url(/img/fo/barre-droite.jpg) right top no-repeat;
}
html>body .line6bis{
	border-right: none;
}
.line4 li a, .line4 li a.actif{
	border-right: 1px solid #BFBFBF;
}
.line4 li a{
	color: #E00117;
}
.line4 li a.actif, .line4 li a.inactive{
	background-color: white;
	color: black;
}
.line5 .cel_prod1, .line5 .cel_prod2, .line5 .cel_prod3{
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}
.line5 .cel_prod4{
	border-bottom: 1px solid #BFBFBF;
}
.line5bis{
	border-bottom: 1px solid #BFBFBF;
}
.line5bis .cel_prod1, .line5bis .cel_prod2, .line5bis .cel_prod3{
	border-right: 1px solid #BFBFBF;
}

.line7, .bordertop{
	border-top: 1px solid #BFBFBF;
}
#tab_order td{
	border-bottom: 1px solid #BFBFBF;
}
.line7 a{
	color: black;
}
.content_txt{
	background: url(/img/fo/bg_shoebox.gif) right 22px no-repeat;
}

/*************************************************************partie de gauche*/

.select_shoes{
	background-color: black;
	border-bottom: 1px solid white;
}
.select_shoes a{
	color: white;
	padding-left: 12px;
	background: url(/img/fo/picto_arrow_white.gif) 0 center no-repeat;
}
.select_shoes a.selected{
	color: #E00117;
}
.cherche_bon_pied{
	background-color: #E00117;
	border-bottom: 1px solid white;
}
.cherche_bon_pied h1, .cherche_bon_pied h2{
	color: white;
}
a.valid_recherche{
	border: 1px solid #E8B3B8;
	color: white;
	background-color: #B30112;
}
a.valid_criteres{
	border: 1px solid #E8B3B8;
	color: white;
	background: url(/img/fo/picto_arrow_white.gif) 120px center no-repeat #B30112;
}
.bata_premium, .bata_products, .bata_history{
	border-bottom: 1px solid white;
}
.bata_products, .bata_history, .box_services{
	margin: -3px 0 0 0;
}
 html>body .bata_products, html>body .bata_history, html>body .box_services{
	margin: 0 0 0 0;
}
.bata_premium li a, .bata_products li a{
	color: white;
	text-decoration: none;
}
.bata_premium li a:hover, .bata_products li a:hover{
	text-decoration: underline;
}
.bata_premium li a{
	padding-left: 12px;
	background: url(/img/fo/picto_arrow_brown.gif) 0 4px no-repeat;
}
.bata_products li a{
	padding-left: 12px;
	background: url(/img/fo/picto_arrow_green.gif) 0 4px no-repeat;
}
.services_garantis{
	border-bottom: 1px solid white;
}
.services_garantis li a{
	color: black;
	padding-left: 12px;
	background: url(/img/fo/picto_arrow_red.gif) 0 4px no-repeat;
}
.newsletter input.valid_email{
	background-color: #BFBFBF;
	color: white;
}

/**************************************************************page Fiche.html*/

.angles_prod{
	border-bottom: 1px solid #BFBFBF;
}
.spec{
	border-bottom: 1px solid #BFBFBF;
}

.ul_shoes a{
	padding-left: 35px;
}
.ul_shoes a.type1{
	background: url(/img/fo/picto_shoe1.gif) 0 0 no-repeat;
}
.ul_shoes a.type2{
	background: url(/img/fo/picto_shoe2.gif) 0 0 no-repeat;
}
.ul_shoes a.type3{
	background: url(/img/fo/picto_shoe3.gif) 0 0 no-repeat;
}
.ul_material a{
	padding-left: 10px;
	padding-right: 12px;
}
.ul_material a.type1{
	background: url(/img/fo/picto_cuir.gif) right center no-repeat;
}
.ul_material a.type2{
	background: url(/img/fo/picto_tissu.gif) right center no-repeat;
}
.ul_material a.type3{
	background: url(/img/fo/picto_autres_mat.gif) right center no-repeat;
}
.printandsend a{
	color: #E00117;
	font-weight: bold;
}
div a.findnearhome, a.findnearhome{
	color: #E00117;
	padding: 3px 0 3px 20px;
	background: url(/img/fo/picto_loupe.gif) 0 center no-repeat;
}
div a.back, a.back{
	color: #E00117;
	padding: 3px 0 3px 26px;
	background: url(/img/fo/picto_back.gif) 0 center no-repeat;
}
div a.print, a.print{
	color: #E00117;
	padding: 3px 0 3px 26px;
	background: url(/img/fo/picto_printer.gif) 0 center no-repeat;
}
div a.send, a.send{
	color: #E00117;
	padding: 3px 0 3px 26px;
	background: url(/img/fo/picto_send.gif) 0 center no-repeat;
}

/**************************************************************page Liste.html*/

.col_droite{
	border-left: 1px solid white;
}
.col_center, .col_center2{
}
html>body .col_center, .col_center2{
	border-left: 1px solid white;
}
.allshoes{
	background-color: #E00117;
	border-bottom: 1px solid white;
}
.allshoes h1{
	color: white;
}
.select_page li{
	color: #555555;
}
.select_page li a{
	color: #E00117;
}
#tab_liste_prod{
	background-color: white;
}
.encartrouge{
	background-color: #E00117;
	color: white;
}
.descript a{
	color: Black;
}
.encart_prodright{
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}

/*********************************************************** page panier.html */

#tab_filariane a, #tab_filariane2 a{
	color: #DADADA;;
	font-weight: bold;
	text-decoration: none;
}
#tab_filariane a:hover, #tab_filariane2 a:hover{
	font-weight: bold;
	text-decoration: none;
}
#tab_filariane td.cel_6 a{
	color: #E00117;
}
#tab_filariane td.cel_1 a, #tab_filariane2 td.cel_1 a{
	height: 37px;
	padding-top: 27px;
	background: url(/img/fo/footprint1_off.gif) left top no-repeat;
}
#tab_filariane td.cel_1 a.selected, #tab_filariane2 td.cel_1 a.selected{
	height: 37px;
	color: #B30112;
	padding-top: 27px;
	background: url(/img/fo/footprint1_on.gif) left top no-repeat;
}
#tab_filariane td.cel_2 a, #tab_filariane2 td.cel_2 a{
	height: 37px;
	padding-top: 27px;
	background: url(/img/fo/footprint2_off.gif) 8px top no-repeat;
}
#tab_filariane td.cel_2 a.selected, #tab_filariane2 td.cel_2 a.selected{
	height: 37px;
	color: #B30112;
	padding-top: 27px;
	background: url(/img/fo/footprint2_on.gif) 8px top no-repeat;
}
#tab_filariane td.cel_3 a, #tab_filariane2 td.cel_3 a{
	height: 37px;
	padding-top: 27px;
	background: url(/img/fo/footprint3_off.gif) left top no-repeat;
}
#tab_filariane td.cel_3 a.selected, #tab_filariane2 td.cel_3 a.selected{
	height: 37px;
	color: #B30112;
	padding-top: 27px;
	background: url(/img/fo/footprint3_on.gif) left top no-repeat;
}
#tab_filariane td.cel_4 a, #tab_filariane2 td.cel_4 a{
	height: 37px;
	padding-top: 27px;
	background: url(/img/fo/footprint4_off.gif) left top no-repeat;
}
#tab_filariane td.cel_4 a.selected, #tab_filariane2 td.cel_4 a.selected{
	height: 37px;
	color: #B30112;
	padding-top: 27px;
	background: url(/img/fo/footprint4_on.gif) left top no-repeat;
}
#tab_filariane td.cel_5 a, #tab_filariane2 td.cel_5 a{
	height: 37px;
	padding-top: 27px;
	background: url(/img/fo/footprint5_off.gif) left top no-repeat;
}
#tab_filariane td.cel_5 a.selected, #tab_filariane2 td.cel_5 a.selected{
	height: 37px;
	color: #B30112;
	padding-top: 27px;
	background: url(/img/fo/footprint5_on.gif) left top no-repeat;
}

/*********************************************************** page infoperso.html */

#tab_ident td.chxbox_cel label, #tab_ident td.chxbox_cel label a{
	color:#B30112;
}



/********************************************************navigation 1er niveau*/

.nav_principal{
	float:left;
/* 	width: 981px; */
	width: 970px;
	background-color: black;
}
.nav_principal li{
	float: left;
	background-color: Black;
}
.nav_principal ul.makeMenu a,.nav_principal ul.makeMenu span{
	color: white;
	display: block;
 	padding: 4px 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 105%;
	font-weight: bold;
}
.nav_principal ul.makeMenu a:hover{
	background-color: #F71713;
	color: White;
}
.sepnav{
	border-right: 1px solid #B2B2B2;
}
.nav_principal ul.sousrubrique a, .nav_principal ul.sousrubrique span{
	font-size: 105%;
	font-weight: bold;
	width: 165px;
 	padding-left: 15px;
	text-align: left;
}
.nav_principal ul.sousrubrique2 a, .nav_principal ul.sousrubrique2 span{
	font-size: 105%;
	font-weight: bold;
	width: 126px;
 	padding-left: 15px;
	text-align: left;
}

/******* Navigation *******/

ul.makeMenu {
  width: 970px;             	 /* sets the size of the menu blocks */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  text-align : left;
}

ul.makeMenu ul {
  border: none;   				 /* puts a black border around the menu blocks */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  width: 128px;
  /*IE 6.x et firefox*/
  voice-family	: "\"}\"";
  voice-family	:inherit;
  width: 128px;
  voice-family	: "\"}\"";
}
html>body ul.makeMenu ul{
	width: 128px;
}

ul.makeMenu li, ul.makeMenu li p {
	list-style-type: none;
	margin: 0px;
	position: relative;
	color: white;
	display : inline;
	font-size : 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
}

ul.makeMenu li > ul {           /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;                /* hides child menu blocks - one of the most important declarations */
  top: 23px;                    /* position slightly lower than the parent menu item */
  left: 0px;                    /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
	border-top: 1px solid white;
}
html>body ul.makeMenu li ul {
	position: absolute; 			 /* make child blocks hover without leaving space for them */
}

ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}


.valid_zipcode, .valid_ville{
	background-color: #BFBFBF;
	color: white;
}

#tab_choix_magasin td.bg_filet_rouge{
	height: 275px;
}

#tab_choix_magasin td{
	background: none;
}
.rougegras{
	color:#A41B49;
	font-weight: bold;
}
.bleugras{
	color:#1B1B76;
	font-weight: bold;
}
/* and some link styles */





/*********************************************************** page panier2.html */
tr.title_fd_rose td.start{
	background: url(/img/fo/bg_rose_left.gif) left 0 no-repeat;
}
tr.title_fd_rose td{
	background: url(/img/fo/bg_rose_center.gif) repeat-x;
}
tr.title_fd_rose td.end{
	background: url(/img/fo/bg_rose_right.gif) right 0 no-repeat;
}
tr.title_fd_rose2 td.start{
	background: url(/img/fo/bg_rose2_left.gif) left 0 no-repeat;
}
tr.title_fd_rose2 td.start, .bigprice{
	color:#B30112;	
}
tr.title_fd_rose2 td{
	background: url(/img/fo/bg_rose2_center.gif) repeat-x;
}
tr.title_fd_rose2 td.end{
	background: url(/img/fo/bg_rose2_right.gif) right 0 no-repeat;
}
.filet_rouge{
	background-color: #F6B2B9;
}
a.picto_arrow{
	color: #E00117;
	background: url(/img/fo/picto_back.gif) 0 center no-repeat;
}
input.valid_newsletter{
	background-color: #F3F1EC;
	color: #806F43;
}
.gotobata{
	color:#AAA8A4;
}
.gotobata a{
	color:#AAA8A4;
	background: url(/img/fo/picto_home.gif) 0 0 no-repeat;
}
.box_services {
	background: url(/img/fo/bg_services.gif) no-repeat;
	border-bottom: 1px solid white;
}
.box_services li a{
	color:black;
	background: url(/img/fo/picto_redarrow_right.gif) 0 center no-repeat;
}
.box_newsletter{
	background: url(/img/fo/bg_newsletter.gif) no-repeat;
}
.box_newsletter p{
	background: url(/img/fo/picto_redarrow_right.gif) 0 4px no-repeat;
}

.valid_zipcode, .valid_ville{
	background-color: #BFBFBF;
	color: white;
}
#tab_choix_magasin{
	background: url(/img/bg_choix_magasin.gif) no-repeat;
}
#tab_choix_magasin td{
	background: none;
}
.rougegras{
	color:#A41B49;
	font-weight: bold;
}
.bleugras{
	color:#1B1B76;
	font-weight: bold;
}
#tab_infos_commandes a{
	color: Black;
}
#tab_infos_commandes a.bordeau{
	color: #E00117;
}





<!-- This page proudly served by: bata-app-02 -->