/******************************
********** PAGE TYPE **********
******************************/

#header {
	background-image: url(images/bbc/bg_header_vache.jpg);
}

#page {
	width: 1002px;
	padding-bottom: 80px;
	background: url(images/bbc/bg_page_type.gif) no-repeat bottom left;
	float: left;
}

#colonneGauche {
	width: 272px;
	padding: 12px 0px 0px 0px;
	float: left;
	
}

#colonneDroite {
	width: 730px;
	padding: 24px 0px 0px 0px;
	float: left;
}

/*** Retour Home ***/

a#retourHome {
	width: 262px;
	height: 158px;
	display: block;
	position: absolute;
	top: 20px;
	left: 10px;
}

/*******************************
******** COLONNE GAUCHE ********
*******************************/


/*** Retour accueil ***/

#colonneGauche #accueil {
	width: 180px;
	height: 40px;
	margin: 0px 0px 20px 54px;
	background: url(images/bbc/accueil.gif) no-repeat 0px 0px;
}


#colonneGauche #accueil a {
	width: 114px;
	height: 14px;
	margin: 16px 0px 0px 0px;
	display: block;
	background: url(images/bbc/btn_accueil_off.gif) no-repeat top left;
	float: left;
}


#colonneGauche #accueil a:hover {
	background-image: url(images/bbc/btn_accueil_on.gif);
} 


/*** Sous-menu ***/

#menuGauche {
	width: 190px;
	margin: 0px;
	padding: 0px 0px 90px 54px;
	list-style: none;
	float: left;
}

#menuGauche li, 
#menuGauche li ul li {
	width: 190px;	
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

#menuGauche li a.niveau2 {
	width: 148px;
	margin: 2px 0px 0px 0px;
	padding: 6px 10px 8px 32px;
	line-height: 11px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background: #73afd5 url(images/bbc/bg_sousMenu_niv2_off.gif) no-repeat top left;
	display: block;
}

#menuGauche li a.niveau2:hover,
#menuGauche li a.niveau2.selected {
	background: #e62037 url(images/bbc/bg_sousMenu_niv_2_on.gif) no-repeat top left;
}

#menuGauche li ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #dae2cf;
	float: left;
}

#menuGauche li ul li a.niveau3{
	width: 148px;
	margin: 0px;
	padding: 5px 10px 9px 32px;
	line-height: 11px;
	font-size: 11px;
	color: #0078bb;
	text-decoration: underline;
	background: url(images/bbc/bg_sousMenu_niv_3_off.gif) no-repeat top left;
	display: block;
	border-bottom: 1px solid #dae2cf;
}

#menuGauche li ul li a.niveau3:hover,
#menuGauche li ul li a.niveau3.selected {
	color: #f18390;
	background: url(images/bbc/bg_sousMenu_niv3_on.gif) no-repeat top left;
}


/*******************************
******** COLONNE DROITE ********
*******************************/


/*** Fil d'Ariane ***/

#colonneDroite #fil_dariane {
	width: 560px;
	margin: 6px 23px 28px 0px;
	color: black;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	float: right;
}

#colonneDroite #fil_dariane a {
	color: #0078bb;
	text-transform: none;
	text-decoration: underline;
}

#colonneDroite #fil_dariane a.lien {
	color: #0078bb;
	text-transform: uppercase;
	text-decoration: none;
}

#colonneDroite #fil_dariane a.lien:hover {
	text-decoration: underline;
}

/*** Bouton Imprimer ***/ 

#colonneDroite a#btnImprimer {
	width: 77px;
	height: 20px;
	margin-right: 70px;
	_margin-right: 35px;
	display: block;
	background: url(images/bbc/btn_imprimer_off.gif) no-repeat top left;
	float: right;
}

#colonneDroite a#btnImprimer:hover {
	background-image: url(images/bbc/btn_imprimer_on.gif);
}


/*** Contenu ***/

#contenu {
	width: 660px;
	float: left;
}

#contenu .bloc {
   padding-bottom: 10px;
   margin:0px 0px 0px 0px;
   font-size: 11px;
   line-height: 14px;
   color: black;
}
#contenu .bloc a {
   font-size: 11px;
}
#contenu .texteImgGauche img {
   margin : 0px 15px 10px 0px;
}

#contenu .texteImgDroite img {
   margin : 0px 0px 10px 15px;
}

#contenu .titre h2 {
   height:auto;
   margin: 0px 0px 8px 0px;
   padding: 10px 0px 22px 36px;
   font-size: 15px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0078bb;
   background: url(images/bbc/bg_titre.gif) no-repeat bottom left;
}

#contenu .titre h3 {
   height:auto;
   margin: 0px 0px 10px 0px;
   padding: 1px 0px 5px 14px;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
   color: #e62239;
   background: url(images/bbc/puce_fleur_rouge.gif) no-repeat 0px 0px;
}

#contenu .titre h4 {
   height:auto;
   margin: 0px 0px 12px 0px;
   padding: 0px 0px 0px 12px;
   font-size: 12px;
   font-weight: normal;
   text-decoration: underline;
   color: #70a00a;
   background: url(images/bbc/puce_fleche_verte.gif) no-repeat 0px 3px;
}
#contenu span.lien-rubrique a {
   text-decoration: underline;
}
#contenu span.lien-rubrique a:hover {
   text-decoration: none;
}

/******************************************
****** PAGE OU TROUVER LES PRODUITS *******
******************************************/

#trouverProduits {
	text-align: justify;
}

#trouverProduits .blocVenteDirecte{
	width: 140px;
	margin: 0px 25px 16px 0px;
	float: left;
	text-align: left;
}

.listeProduits{
	float: left;
	background: url(images/bbc/produits/bg_pointilles.gif) repeat-y 315px 0px;
}

.listeProduits .blocListeProduits {
	width: 300px;
	margin: 0px 30px 16px 0px;
	float: left;
	background: url(images/bbc/produits/bg_bloc_produits.gif) no-repeat bottom right;
	text-align: left;
	font-size: 10px;
	line-height: 11px;
}

.listeProduits span.nomProduit {
	width: 184px;
	display: block;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #0078bb;
	border-bottom: 1px solid #b2d6ea;
	line-height: 12px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}


.listeProduits .blocListeProduits.droite {
	margin-right: 0px;
}

.listeProduits .blocListeProduits .image{
	width: 104px;
	height: 104px;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	border: 1px solid #73AFD5;
	z-index: inherit;
}

.listeProduits .blocListeProduits .image img {
	padding: 5px;
}

.listeProduits .blocListeProduits .image .imageBigContainer {
	position: relative;
}

.listeProduits .blocListeProduits .image img.imageBig {
	position: absolute;
	top: -1px;
	left: -1px;
	_left: -53px;
	display: none;
	padding: 10px;
	border: 1px solid #73AFD5;
	background: white;
	z-index: 1;
}

.listeProduits .blocListeProduits .image img.default {
	width: 104px;
	height: 104px;
	padding: 0px;
}