/* CSS Document */

/* HEADER
/* MENU
/* CONTENT
/* HOME
/* ACTUALITES
/*
/* CONSEIL : pour changer une couleur, Chercher / Remplacer sur ce doc pour mettre la nouvelle couleur.
*/

body
{
	/* Couleur de base de la police */
	color: #692b0b;
}
h1, h2, h3, h4, h5, h6
{
	/* Couleur de base des titres */
	color: #692b0b;
}
a
{
	/* Couleur de base des liens */
	color: #692b0b;
}

/************************************************************************************ HEADER */
/* Le header est super customisable, tous les blocs peuvent bouger en positionnement absolu */
#header
{
	background: url(/CornerMarque/Menier/Common/img/bg_header2.jpg) 0 0 no-repeat;
	height:161px;
}
/* .oneCol #header
{
	background: url(/CornerMarque/Menier/Common/img/bg_header2.jpg) 0 0 no-repeat;
} */
#header .logo.brand
{
	/* positionnement du logo brand */
	width: 506px;
	height: 113px;
	top: 8px;
	left: 15px;
}
#header 
.logo.other
{
	/* positionnement du logo CLV, par exemple */
	width: 158px;
	height: 116px;
	top: 0;
	left: 555px;
}
#header #formHeader
{
	/* positionnement du moteur de recherche */
	top: 8px;
	left: 758px;
}
#header #formHeader p
{
	margin-bottom: 5px;
}
#header #formHeader input.text
{
	border: 1px solid #ccc9c7;
	width: 150px;
	height: 18px;
	margin-right: 4px;
	top: 0px;
}
#header #navigateClv
{
	top: 85px;
	left: 747px;
}
#header #navigateClv select
{
	width: 200px;
	color: #0071b9;
}
#header #contactBox
{
	top: 106px;
	left: 747px;
}
#header #contactBox a
{
	display: block;
	padding: 1px 7px 2px 7px;
	width: 186px;
	color: #0071b9;
	font-weight: bold;
}

/************************************************************************************ NAV */
/* Renseigner la taille des onglets et l'image de fond EN POSITION HOVER pour chaque onglet */
#navigation li, #navigation li a
{
	width: 188px;
}
#navigation li
{
	margin-right: 3px;
}
#navigation li#nav1, #navigation li#nav1 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_saga.gif);
}
#navigation li#nav2, #navigation li#nav2 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_engagements.gif);
}
#navigation li#nav3, #navigation li#nav3 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_news.gif);
}
#navigation li#nav4, #navigation li#nav4 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_products.gif);
}
#navigation li#nav5, #navigation li#nav5 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_atable.gif);
}

p.insideNavs, p.insideNavs a
{
	color: #692B0B;
}

.oneCol #content
{
	background: #deebdc;
}

/************************************************************************************ HOME  */
#rightContent li.rounded
{
	/* coin haut gauche */
	background: #f0f7e3 url(/CornerMarque/Herta/Common/img/skin.herta/bg_topleftcorner.gif) 0 0 no-repeat;
}
#rightContent li.rounded h2
{
	color: #682b0b;
}
#rightContent li.rounded p.bottomRound
{
	/* coin bas gauche */
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(/CornerMarque/Menier/Common/img/skin.herta/bg_bottomleftcorner.gif) bottom left no-repeat;
	height:18px;
}

#rightContent li.rounded a
{
	color: #ff002a;
	font-weight: bold;
}

#rightContent li.rounded a.links
{
	color: #692b0b;
	font-weight: bold;
}
#rightContent .encart div
{
	/* Encart recette / texte */
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/bg_rightwhiteframetop.gif) top left no-repeat;
	color: #FF002A;
}
#rightContent .encart div h3
{
	color: #FF002A;
}
#rightContent .encart div .footer
{
	/* Encart recette / texte */
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_rightwhiteframebottom.gif) bottom left no-repeat;
}
#rightContent .encart div p.recette
{
	color: #5f5d62;
}

/** html body #rightContent li {
		margin-bottom: 12px;
		width:224px;
	}*/

#leftContent
{
	/* coin bas droit */
	background: #eff9e7 url(/CornerMarque/Herta/Common/img/skin.herta/bg_bottomrightcorner.gif) bottom right no-repeat;
}
#leftContent .wide
{
	/* haut arrondi large */
	background: #713c15 url(/CornerMarque/Menier/Common/img/skin.menier/bg_widetop.gif) top left no-repeat;
}
#leftContent .short
{
	/* haut arrondi étroit */
	background: url(/CornerMarque/Menier/Common/img/skin.menier/bg_shorttop.gif) top left no-repeat;
}
#leftContent .pushes h2
{
	background: #713c15;
	color: #fff;
}
#leftContent .pushes.short h2{background: #9bb431;}
#leftContent .short p.img
{
	background: #9bb431;
}

#leftContent .short h2 a {
	color:#fff;
	text-decoration:none;
	font-size:1em;
	font-family:Verdana, Arial , Sans-Serif;
}



/************************************************************************************ ACTUALITES */

#actualites .actuFrame
{
	background: #fff url(/CornerMarque/Menier/Common/img/skin.menier/bg_newsframetop.gif) top left no-repeat;
}
#actualites .actuFrame h2
{
	color: #fff;
	padding-top: 4px;
	position:relative;
}
#actualites .actuFrame p.footer
{
	background: #fff url(/CornerMarque/Menier/Common/img/skin.herta/bg_newsframebottom.gif) bottom left no-repeat;
}
#actualites .actuFrame p.footer a
{
	color: #ff002a;
}

/*Ajouts 27/06/08 correctif bug HasLayout IE6*/

#actualites .actuFrame .text
{
padding:0;
height:1%;
color:#5f5d62;
}

#actualites .actuFrame p.img
{
width:120px;
}

.textContentActu
{
float:left;
width:665px;
}

/*Fin Ajouts 27/06/08 correctif bug HasLayout IE6*/
/***************************** ENGAGEMENTS */
.charte
{
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_engagecharte.gif) top left no-repeat;
}
.charte h2
{
	color: #ff002a;
}
.charte p
{
	color: #5f5d62;
}

.savoir
{
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_engagesavoir.gif) top left no-repeat;
}
.savoir h2
{
	color: #ff002a;
}
.savoir p.circle
{
	color: #5f5d62;
}
.savoir p.text
{
	color: #fff;
}

.onglets
{
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/bg_engagebottom.gif) bottom left no-repeat;
	margin-bottom:0;
}
.ongletsMenu
{
	background: #EFF9E7;
}
.ongletsMenu li a
{
	color: #fff;
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/onglet_engageoff.gif) top left no-repeat;
}
.ongletsMenu li.active a
{
	color: #ff002a;
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/onglet_engageon.gif) top left no-repeat;
}
.onglet ul li a
{
	color: #ff002a;
	cursor:default;
	}


/***************************** GAMME ET POUR VOUS */
#gammeList .intro
{
	background: #ff002a url(/CornerMarque/Herta/Common/img/skin.herta/bg_gammeintrotop.gif) top left no-repeat;
}
#gammeList .intro p
{
	color: #fff;
}
#gammeList .intro div.in
{
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/bg_gammeintrointop.gif) top left no-repeat;
}
#gammeList .intro div.in ul li
{
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/puce_gammeintroin.gif) 0 4px no-repeat;
}
#gammeList .intro div.in ul li a
{
	color: #ff002a;
}
#gammeList .intro div.in div
{
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/bg_gammeintroinbottom.gif) bottom left no-repeat;
}
#gammeList .intro div
{
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_gammeintrobottom.gif) bottom left no-repeat;
}
#gammeList ul.prod li.prod
{
	background: #fff url(/CornerMarque/Herta/Common/img/skin.herta/bg_gammelistprod.gif) top left no-repeat;
	height: 343px;
}
#gammeList ul li h2
{
	color: #fff;
}
#gammeList ul.prod li.prod p.links a
{
	color: #ff002a;
}
#gammeList ul li ul li
{
	border-bottom: 1px solid #5f5d62;
}
#gammeList ul li ul li a
{
	color: #5f5d62;
}

/*Ajouts 28/04/08 skin herta produits*/
	
	#gammeList .focusProduit h2
	{
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_focusProduit.gif) top left no-repeat;	
	height:27px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	padding:8px 0pt 0pt 16px;
	margin-bottom:-9px;
	}
	
	#gammeList .focusProduit .bottomFocusProduit
	{
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_bottomFocusProduit.gif) top left no-repeat;
	width:689px;
	height:167px;
	}
	
	#gammeList .focusListProduit
	{
	background-color:#FFFFFF;
	width:670px;
	margin-left:8px;	
	padding-bottom:100px;	
	}
			
	#gammeList .focusProduit .bottomFocusProduit img
	{
	float:left;
	padding-left:1px;
	margin-right:20px;
	}
	
	#gammeList .focusProduit .bottomFocusProduit h3
	{
	color:#ff002a;
	padding:15px 0pt 15px 0pt;
	font-size:1.2em;
	}
	
	#gammeList .focusProduit .bottomFocusProduit p
	{
	padding-right:20px;
	}
	
	#gammeList .focusProduit .bottomFocusProduit select
	{
	margin-top:10px;
	margin-left:140px;
	width:150px;
	}
	
	#gammeList .focusListProduit ul li
	{	
	width:335px;
	float:left;
	}
	
	#gammeList .focusListProduit ul li div.imgVisuContainer
	{
	float:left;
	margin-top:15px;
	margin-left:10px;
	height:100px;
	width:100px;
	display:inline;
	}
	
	#gammeList .focusListProduit ul li span
		{
				float:right;
				margin-top:40px;	
				margin-right:6px;
				width:190px;
				font-size:1.2em;
				font-weight:bold;
				
		}
		
	#gammeList .focusListProduit ul li .spacerVertical
		{
		float:right;
		/*margin-right:10px;	*/	
		}
		
	#gammeList .focusListProduit ul li img.voidItem
		{
		width:100px;
		height:100px;		
		}
		
	/*Fin ajouts 28/04/08 skin herta produits*/

/* ajouts 30/04/08*/

.onglet ul.showProd

{

height:1%;

}

/* Fin ajouts 30/04/08*/

/*Ajouts Herta garantie qualité 18/06/08*/

	#engageOnglets .introTxt{
		font-size:1.1em;
		font-family:Arial,Verdana,Helvetica,sans-serif
	}
	#engageOnglets .onglet ul.listLinkBlock li{
		float:none;
		margin:0;
		padding:0;
		
	}
		#engageOnglets .onglet ul.listLinkBlock li a , .onglet ul.listVisuHertaBloc li p a{
			cursor:pointer;
			font-weight:normal;
			color:#5F5D62;
		}
	


.onglet ul.listLinkBlock li
{
background:url(/CornerMarque/Herta/Common/img/puce3.gif) no-repeat top left;
}

.onglet ul.listLinkBlock li a
{
padding-left:10px;
text-decoration:underline;
}

.onglet ul.listLinkBlock li a:hover
{
text-decoration:none;
}

.onglet ul.listVisuHertaBloc
{
margin-left:30px;
}

.onglet ul.listVisuHertaBloc li
{
padding-bottom:10px;
}

.onglet ul.listVisuHertaBloc li img
{
border:1px solid #000;
}

.onglet ul.listVisuHertaBloc li p
{
background:url(/CornerMarque/Herta/Common/img/pucetop.gif) no-repeat center right;
text-align:right;
}

.onglet ul.listVisuHertaBloc li p a
{
padding-right:13px;
text-decoration:underline;
}


/*Fin Ajouts Herta garantie qualité 18/06/08*/
#leftContent .wide{width:295px;}