/* CSS Document */

/* HEADER
/* MENU
/* CONTENT
/* FOOTER
/*
/* 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 bas des titres */
	color: #5f5d62;
}
a
{
	/* Couleur de bas des liens */
	color: #5f5d62;
}

/* Le header est super customisable, tous les blocs peuvent bouger en positionnement absolu */
#header
{
	background: url(../img/skin.nesquik/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;
}

/* Renseigner la taille des onglets et l'image de fond EN POSITION HOVER pour chaque onglet */
#navigation li, #navigation li a
{
	width: 157px;
}
#navigation li#nav1, #navigation li#nav1 a
{
	background-image: url(../img/skin.nesquik/nav_saga.gif);
}
#navigation li#nav2, #navigation li#nav2 a
{
	background-image: url(../img/skin.nesquik/for_grow.gif);
}
#navigation li#nav3, #navigation li#nav3 a
{
	background-image: url(../img/skin.nesquik/nav_news.gif);
}
#navigation li#nav4, #navigation li#nav4 a
{
	background-image: url(../img/skin.nesquik/nav_sport.gif);
}
#navigation li#nav5, #navigation li#nav5 a
{
	background-image: url(../img/skin.nesquik/nav_products.gif);
}
#navigation li#nav6, #navigation li#nav6 a
{
	background-image: url(../img/skin.nesquik/nav_menus.gif);
}
#navigation li#nav7, #navigation li#nav7 a
{
	background-image: url(../img/skin.nesquik/mon-premier-nesquik.gif);
}

p.insideNavs, p.insideNavs a {
	color: #004ca0;
}

.oneCol #content {
	background: #ebf1f7;
}

/************************************************************************************ HOME */

#rightContent li.rounded { /* coin haut gauche */
	background: #ebf1f7 url(../img/skin.nesquik/bg_topleftcorner.gif) 0 0 no-repeat;
}
	#rightContent li.rounded h2 {
		color: #004ca0;
	}
	#rightContent li.rounded p.bottomRound { /* coin bas gauche */
		padding-left: 20px;
		padding-bottom: 5px;
		background: url(../img/skin.nesquik/bg_bottomleftcorner.gif) bottom left no-repeat;
	}
	#rightContent li.rounded a.links {
		color: #004CA0;
		font-weight: bold;
	}
	#rightContent .encart div { /* Encart recette / texte */
		background: #fff url(../img/skin.nesquik/bg_rightwhiteframetop.gif) top left no-repeat;
		color: #004da0;
	}
	#rightContent .encart div h3 {
		color: #004da0;
	}
	#rightContent .encart div .footer { /* Encart recette / texte */
		background: url(../img/skin.nesquik/bg_rightwhiteframebottom.gif) bottom left no-repeat;
	}
	#rightContent .encart div p.recette  {
		color: #5f5d62;
	}

#leftContent { /* coin bas droit */
	background: #ebf1f7 url(../img/skin.nesquik/bg_bottomrightcorner.gif) bottom right no-repeat;
}
	#leftContent .wide { /* haut arrondi large */
		background: #004c9f url(../img/skin.nesquik/bg_widetop.gif) top left no-repeat;
	}
	#leftContent .short { /* haut arrondi étroit */
		background: url(../img/skin.nesquik/bg_shorttop.gif) top left no-repeat;
	}
		#leftContent .pushes h2 {
			background: #004c9f;
			color: #fff;
		}
		#leftContent .short p.img {
			background: #004c9f;
		}

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

	#actualites .actuFrame {
		background: #fff url(../img/skin.nesquik/bg_newsframetop.gif) top left no-repeat;
	}
	#actualites .actuFrame h2 {
		color: #fdee03;
		position:relative;
	}
	#actualites .actuFrame p.footer {
		background: #fff url(../img/skin.nesquik/bg_newsframebottom.gif) bottom left no-repeat;
	}
	#actualites .actuFrame p.footer a {
		color: #004da0;
	}
	
	/*Ajouts 27/06/08 correctif bug HasLayout IE6*/
	
	#actualites .actuFrame .text
	{
	padding:0;
	height:1%;
	}

	#actualites .actuFrame p.img
	{
	 padding: 0 20px 5px 0
	}

	.textContentActu
	{
	
	}
	
	/*Fin Ajouts 27/06/08 correctif bug HasLayout IE6*/

/***************************** GAMME ET POUR VOUS */
	#gammeList .intro {
		background: #004da0 url(../img/skin.nesquik/bg_gammeintrotop.gif) top left no-repeat;
	}
		#gammeList .intro h2 {
			color: #fdee03;
		}	
	#gammeList .intro p {
		color: #fff;
	}	
	#gammeList .intro div {
		background: url(../img/skin.nesquik/bg_gammeintrobottom.gif) bottom left no-repeat;
	}
	#gammeList ul.prod li.prod {
		background: #fff url(../img/skin.nesquik/bg_gammelistprod.gif) top left no-repeat;
	}
	#gammeList ul li h2 {
		color: #fdee03;
	}
	#gammeList ul li ul li {
		border-bottom: 1px solid #004da0;
	}
	#gammeList ul li ul li a {
		color: #5f5d62;
	}
		
		#gammeList .ongletsMenu { background: #EBF1F7; }
		#gammeList .ongletsMenu li a { color: #fdee03; background: #fff url(../img/skin.nesquik/onglet_pourvouson.gif) top left no-repeat; }
		#gammeList .ongletsMenu li.active a { color: #004da0; background: #fff url(../img/skin.nesquik/onglet_pourvousoff.gif) top left no-repeat; }
		
		/*Ajouts Nesquik sport 25/04/08*/
		#gammeList .ongletsMenuSport { background: #FFFFFF; }
		#gammeList .ongletsMenuSport li a { color: #fdee03; background: #fff url(../img/skin.nesquik/onglet_sporton.gif) top left no-repeat; }
		#gammeList .ongletsMenuSport li.active a { color: #004da0; background: #fff url(../img/skin.nesquik/onglet_sportoff.gif) top left no-repeat; }
					
		/*fin ajouts nesquik spor 25/04/08t*/
		
		
		#gammeList .onglet ul li a {
			color: #ff002a;
		}
			#gammeList .onglet h2.wideLight {
				background: #fff url(../img/skin.nesquik/bg_pourvouswidelight.gif) top left no-repeat;
				color: #004da0;
			}
			#gammeList .onglet p.text span.color {
				color: #004da0;
			}
			#gammeList .onglet div.shortDark {
				background: #fff url(../img/skin.nesquik/bg_pourvousshortdark.gif) top left no-repeat;
				color: #fff;
			}
			#gammeList .onglet div.shortDark a {
				color: #fff;
			}
			#gammeList .onglet div.wideDark {
				background: #fff url(../img/skin.nesquik/bg_pourvouswidedark.gif) top left no-repeat;
			}
			#gammeList .onglet div.wideDark h2 {
				color: #fff;
			}
			#gammeList .onglet div.incroyable {
				background: #fff url(../img/skin.nesquik/bg_pourvousincroyable.gif) bottom left no-repeat;
			}