/* 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: #5f5d62;
}
h1, h2, h3, h4, h5, h6
{
	/* Couleur de base des titres */
	color: #5f5d62;
}
a
{
	/* Couleur de base des liens */
	color: #5f5d62;
}

/************************************************************************************ HEADER */
/* Le header est super customisable, tous les blocs peuvent bouger en positionnement absolu */
#header
{
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_header.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
{
	display:none;
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_accueil.gif);
}
#navigation.herta_default li#nav2, #navigation.herta_default li#nav2 a
{
	display:block;
}
#navigation li#nav3, #navigation li#nav3 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_engagements.gif);
}
#navigation li#nav4, #navigation li#nav4 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_news.gif);
}
#navigation li#nav5, #navigation li#nav5 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_products.gif);
}
#navigation li#nav6, #navigation li#nav6 a
{
	background-image: url(/CornerMarque/Herta/Common/img/skin.herta/nav_atable.gif);
}
#footer .herta_default{
	width:518px;
	margin-left:135px;
}
#footer .herta_default li a {
	font-size:13px;
	color:#2965b0;
}
p.insideNavs, p.insideNavs a
{
	color: #ff002a;
}

.oneCol #content
{
	background: #eff9e7;
}

/************************************************************************************ HOME  */
#rightContent li.rounded
{
	/* coin haut gauche */
	background: #eff9e7 url(/CornerMarque/Herta/Common/img/skin.herta/bg_topleftcorner.gif) 0 0 no-repeat;
}
#rightContent li.rounded h2
{
	color: #ff002a;
}
#rightContent li.rounded p.bottomRound
{
	/* coin bas gauche */
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(/CornerMarque/Herta/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: #ff002a;
	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.herta_default
{
	background: none;
	padding:50px 0 62px 52px;
}
#leftContent.herta_default h2
{
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	color:#ff002a;
	padding:0 0 13px 10px;
}
#leftContent.herta_default .gout_qualite_content
{
	background-color: #eff9e7;
	width:662px;
	padding:0 30px 0 20px;
}
#leftContent.herta_default p, #leftContent.herta_default li
{
	font-size:12px;
	font-family:arial;
	padding:0 0 27px 0;
	color:#000000;
}
#leftContent.herta_default li
{
	padding:0 38px 20px 16px;
	line-height:17px;
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_list_gout_qualite.gif) no-repeat 2px 6px;
}
#leftContent.herta_default li a, #leftContent .underline
{
	text-decoration:underline;
	color:#000000;
} 
#leftContent .underline-p
{
	text-decoration:underline;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
#leftContent.herta_default li span, #leftContent.herta_default li span a
{
	font-size:14px;
	font-weight:bold;
	font-family:arial;
}

#leftContent.herta_default .gout_qualite_top
{
	width:712px;
	height:21px;
	float:left;
	background: url(/CornerMarque/Herta/Common/img/skin.herta/gout_qualite_top.gif) no-repeat;
}
#leftContent.herta_default .gout_qualite_bottom
{
	width:712px;
	height:21px;
	float:left;
	background: url(/CornerMarque/Herta/Common/img/skin.herta/gout_qualite_bottom.gif) no-repeat;
}
#leftContent .wide
{
	/* haut arrondi large */
	background: #ff002a url(/CornerMarque/Herta/Common/img/skin.herta/bg_widetop.gif) top left no-repeat;
}
#leftContent .short
{
	/* haut arrondi étroit */
	background: url(/CornerMarque/Herta/Common/img/skin.herta/bg_shorttop.gif) top left no-repeat;
}
#leftContent .pushes h2
{
	background: #ff002a;
	color: #fff;
}
#leftContent .short p.img
{
	background: #ff002a;
}

#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/Herta/Common/img/skin.herta/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/Herta/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%;
}

#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*/