/* CSS Document */
html {
  height: 100%;
}
BODY {
margin:0px;
background:#000F1C;
text-align: center;
}
#header {
width:100%;
height:156px;
background:#C33637;
position:relative;
display:block;
text-align:center;
}
#centre {
height:402px;
background:#69A244 url('../img/barbecues/bg.jpg') repeat-x;
text-align:center;
}
#listing {
position:relative;
height:402px;
overflow: hidden;
vertical-align:top;
}
#footer {
background:#000F1C;
position:relative;
display:block;
height:100%;
}
#footerBloc {
background: #7D0022;
}
.imgOver {
border: medium solid #FFFFFF;
}
.tiny-gris {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.small-gris {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.small-bl {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}
.grey {
font-size:12px;
color:#CCCCCC;
font-weight:Bold;
}
.menuCell {
text-align:center;
}
.puceCell {
width:6px;
text-align:center;
}


/* Fiche produit */
#blocFiche {
background: #EADFDB;
width:224px;
height:342px;
position:relative;
}

#headerFiche {
background: #0B562A;
height:58px;
width:222px;
border: 1px solid #FFFFFF;
text-align:left;
overflow:hidden;
position:relative;
}

#titreFiche {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
padding: 30px 20px 0px 20px;
color:#FFFFFF;
}

#texteFiche {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 20px 20px 0px 20px;
color:#59504C;
text-align:left;
}


#extrasFiche {
position:absolute;
top:280px;
left:0px;
}

#backFiche {
position:absolute;
top:10px;
left:150px;
}

/* */


.titreRub {
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFFFFF;
text-decoration:none;
text-align:left;
display:block;
text-transform:uppercase;
padding:0px 0px 10px 20px;
font-weight:bold;
}
.smenu-link {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
display:block;
padding:0px 3px 0px 3px;
}
.smenu-link:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#014074;
display:block;
background:#EEEEEE;
padding:0px 3px 0px 3px;
}
.smenu-cur {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFCC00;
text-decoration:none;
display:block;
padding:0px 3px 0px 3px;
}

.menu-link,.menu-link:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#8EBD71;
text-align:left;
text-decoration:none;
display:block;
padding:2px 0px 0px 20px;
vertical-align:middle;
}
.menu-link:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
display:block;
text-align:left;
text-decoration:none;
background:#6AA344;
padding:2px 0px 0px 20px;
vertical-align:middle;
}

.curMenu,.curMenu:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
display:block;
text-decoration:none;
text-align:left;
background:#6AA344;
padding:2px 0px 0px 20px;
font-weight:bold;
vertical-align:middle;
text-transform:uppercase;
}


/* les blocs images listing */
.bloc107 {
display:block;
position:absolute;
width:107px;
height:134px;
padding:0px;
background:#FFFFFF;
cursor:hand;
}

.bloc214 {
display:block;
position:absolute;
width:214px;
height:268px;
padding:0px;
background:#FFFFFF;
cursor:hand;
}

.bloc214v {
display:block;
position:absolute;
width:214px;
height:134px;
padding:0px;
background:#FFFFFF;
cursor:hand;
}

.bloc107v {
display:block;
position:absolute;
width:107px;
height:67px;
padding:0px;
background:#FFFFFF;
cursor:hand;
}

.bloc321v {
display:block;
position:absolute;
width:321px;
height:268px;
padding:0px;
background:#FFFFFF;
cursor:hand;
}

.blocFull {
vertical-align:middle;
display:block;
width:321px;
height:402px;
padding:0px;
background:#FFFFFF;
cursor:hand;
}
.blocFin {
position:absolute;
width:214px;
height:134px;
padding:0px;
background: #FFFFFF url('../img/barbecues/bgBloc.jpg') center center no-repeat;
}

#blocTexte {
padding:0px 10px 0px 20px;px;
}
.rub {
background:#FFFFFF url('../img/barbecues/rub.jpg') no-repeat;
}

#menu2 { visibility:hidden;color:#FFFFFF;text-align:left;width:195px;font-family:Arial, Helvetica, sans-serif;font-size:10px;position:absolute;left:0px;top:0px;line-height:11px;}
#menu3 { visibility:visible;color:#FFFFFF;text-align:left;width:150px;font-family:Arial, Helvetica, sans-serif;font-size:10px;position:absolute;left:194px;top:0px;line-height:11px;}
#lang { text-align:left;width:22px;font-family:Arial, Helvetica, sans-serif;font-size:10px;position:absolute;left:576px;top:0px; }
#infos { visibility:hidden;position:absolute;left:0px;top:0px;z-index:99;border: 6px solid #FFFFFF;vertical-align:middle;text-decoration:none}
#infosLabel {text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:Bold;background:#FFFFFF;color:#333333;vertical-align:middle; height:20px;}
#services {margin-top:25px;}
#gMenu {height:402px;overflow:hidden;}
#new {visibility:hidden;background: url(../img/nouveau.gif) left top no-repeat; height:10px;position:absolute;z-index:100}

/* 
 classiques for scrolling layers  
 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:280px; height:200px; 
  z-index:100; 
	}
div#vignettes	{ 
	position:relative; 
	left:0px; top:0px; 
	width:535px;
	height:670px;
	border: 1px solid #FFFFFF;
	overflow:visible;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:402px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:10px;
  width:10px; height:382px;
  background: url("../img/barbecues/track.gif") #188F48 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#FFFFFF;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }