/* CSS Document */

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 -----------*/

	#header {
	background: url(../img/skin.NED/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;
	}
	
	/*------ chemin de fer---------*/
	
	#leftContent p.breadcrumbNED
	{
	padding-left:5px;
	font-weight:1.2em;
	}
	
	#leftContent p.breadcrumbNED em
	{
	font-weight:bold;
	font-style:normal;
	font-size:11px;
	}
	
	#leftContent p.breadcrumbNED a
	{
	text-decoration:none;
	}
	
	#leftContent p.breadcrumbNED a:hover
	{
	text-decoration:underline;
	}
	
	/*------ Fin chemin de fer---------*/

/*---------- Home générale ----------*/

#rightContent li.rounded { /* coin haut gauche */
	background: #e5effd url(../img/skin.NED/bg_topleftcorner.gif) 0 0 no-repeat; 
}

#rightContent li.roundedInfo{ /* coin haut gauche Info ajouts 25/04/08 */
	background: #e5effd url(../img/skin.NED/bg_topleftcorner.gif) 0 0 no-repeat;
}

	#rightContent li.roundedInfo p.bottomRound { /* coin bas gauche */
		padding-left: 20px;
		padding-bottom: 5px;
		background: url(../img/skin.NED/bg_bottomleftcorner.gif) bottom left 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.NED/bg_bottomleftcorner.gif) -1px bottom 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;
	}
	
	/* Ajouts NED  pour Right Content*/
	#rightContent
	{
	width:216px;
	}
	
	#rightContent .FAQ
	{
	background:url(../img/skin.NED/bg_FAQ.jpg) no-repeat top left;
	width:205px;
	height:191px;
	margin-left:11px;	
	position:relative;
	}
	
	#rightContent .FAQ a
	{
	position:absolute;
	left:20px;
	bottom:15px;
	}
	
	#rightContent .containerAlert
	{
	background:url(../img/skin.NED/bg_alertNestle.png) no-repeat left top ;
	width:205px;
	padding-top:15px;
	margin-left:10px;
	color:#fd0000;	
	}
	
	#rightContent .containerAlert h4
	{
	color:#fd0000;
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:12px;
	}
	
	#rightContent .containerAlert p
	{
	text-align:center;
	padding:0 3px;
	}
	
	#rightContent .insideContainerAlert
	{
	background:url(../img/skin.NED/bg_alertNestle.png) no-repeat left bottom ;
	width:205px;
	padding-bottom:15px;
	}
	
	#rightContent li.rounded
	{
	padding-right:0;
	width:216px;	
	}
	
	#rightContent li.rounded p.backHome
	{
	background:url(../img/skin.NED/bg_backHome.jpg) no-repeat top left;
	width:195px;
	height:200px;
	margin-left:10px;
	padding:10px 0 0 17px;
	}
	
	#rightContent li.rounded p.backHomeRemerciements
	{
	background:url(../img/skin.NED/backHomeRemerciement.jpg) no-repeat left top;
	width:195px;
	height:200px;
	margin-left:10px;
	padding:10px 0 0 17px;
	text-align:center;
	}
	
	#rightContent li.rounded p.backHomeRemerciements a
	{
	display:block;
	width:195px;
	height:200px;
	text-decoration:none;
	color:#4c5e74;
	font-weight:bold;
	font-size:14px;
	}
	
	#rightContent li.rounded p.push3500recettes
	{
	margin-left:10px;	
	}
	
	#content ul.width231px , #content li.width231px 
	{
	width:231px;
	}
	
	#rightContent li.rounded p.backHome a
	{
	display:block;
	width:195px;
	height:200px;
	text-decoration:none;
	color:#4c5e74;
	font-weight:bold;
	font-size:14px;
	}
	
	
	/*FIn ajouts NED pour rightContent*/

#leftContent { /* coin bas droit */
	background:#e5effd url(../img/skin.NED/bg_bottomrightcorner.gif) bottom right no-repeat;
	width:713px ; 
	}
	
#leftContent .whiteContainerTop.remerciementsMargin
{
margin-top:0;
}
	
#leftContent .remerciements p
{
text-align:center;
font-size:18px;
color:#374b62;
padding:15px 0;
}		

		
/* ------NED blocs généraux extensibles--------*/

.topBoxNED
{
background: url(../img/skin.NED/bg_topboxNED.png) no-repeat top left;
width:713px;
height:13px;
}

#leftContent .whiteContainerTop
{
background: url(../img/skin.NED/bg_topWhiteBoxNED.png) no-repeat top left;
width:670px;
height:12px;
margin-left:20px;
margin-top:10px;
}

#leftContent .whiteContainerBottom
{
background: url(../img/skin.NED/bg_bottomWhiteBoxNED.png) no-repeat top left;
width:670px;
height:12px;
margin-left:20px;
}

#leftContent .whiteContainerContent
{
width:670px;
background-color:#fff;
margin-left:20px;
margin-top:-1px;
overflow:hidden;
}

/* ------fin NED blocs généraux extensibles--------*/

/*------- NED  Home Page -----------*/

p.bandeauNestleProd img
{
margin-left:10px;
}

.contactBoxNED
{
background: url(../img/skin.NED/bg_contactBox.jpg) no-repeat top left;
width:630px;
height:397px;
margin:0 0 0 20px;
position:relative;
}

.contactUs
{
	padding: 13px 0 5px 0;
border-bottom:1px solid #d9d9d9;
margin-bottom:5px;
}


.contactBoxNED p.preBox
{
padding:0 0 20px 0;
font-size:15px;
color:#374b62;
font-weight:normal;
letter-spacing:-0.3px;
}

.boxNEDinfo
{
width:550px;
height:230px;
margin-left:75px;
color:#fff;
padding-top:8px;
}

.boxNEDinfo p.tel , .boxNEDinfo p.mail, .boxNEDinfo p.courrier
{
background:url(../img/skin.NED/puce_contactBox.png) no-repeat 0 5px;
font-size:16px;
padding-left:12px;
}

.boxNEDinfo p.tel  img
{
vertical-align:middle;
}

.boxNEDinfo p.telInfo
{
margin-left:134px;
font-size:15px;
line-height:20px;
padding-bottom:17px;
}

.boxNEDinfo p.telInfo small
{
font-size:13px;
}

.mailInfoMotif , .mailInfoProduct
{
font-size:13px;
margin-left:12px;
padding-bottom:5px;
}

.mailInfoMotif  select, .mailInfoProduct select
{
width:260px;
font-size:10px;
}

.mailInfoMotif  select
{
margin-left:58px;
}

.mailInfoProduct select
{
margin-left:10px;
}

/*Ajouts nouveau  bt Valider et msg erreur*/

.boxNEDinfo p.validateLine
{
position:relative;
width:auto;
height:20px;
}

.boxNEDinfo p.validateLine input.btValiderHome
{
position:absolute;
top:3px;
right:50px;
}

.boxNEDinfo p.validateLine span.errorMsgHomeNed
{
color:#ff0000;
position:absolute;
top:2px;
left:10px;
font-size:11px;
}

.boxNEDinfo p.courrier 
{
position:absolute;
left:73px;
bottom:48px;
}

.boxNEDinfo p.courrier span
{
margin-left:15px;
font-size:14px;
}

.boxNEDinfo .courrierInfo
{
position:absolute;
left:206px;
bottom:15px;
font-size:14px;
}

/**/

/*encart espace pro et groupe nestle*/

.encartGroupe, .encartPro
{
width:291px;
float:left;
padding-top:20px;
display:inline;
}

.encartGroupe
{
margin:0 45px 0 20px;
}

.encartGroupeTop, .encartProTop
{
background:url(../img/skin.NED/bg_topSmallBoxNED.png) no-repeat top left;
width:280px;


}

.encartProTop
{
padding:7px 0 0 11px;
height:21px;
}

.encartGroupeTop
{
padding:5px 0 0 11px;
height:23px;
}

.encartGroupeContent, .encartProContent
{
background:url(../img/skin.NED/bg_SmallBoxNED.png) no-repeat bottom left;
height:205px;
padding-bottom:15px;
}

.encartGroupeContent ul li
{
background:url(../img/skin.NED/puce_encartGroupe.png) no-repeat 15px 24px;
padding:20px 0 0 25px;
font-size:14px;
}

.encartProContent ul li.healthPro
{
background:url(../img/skin.NED/puce1_espacePro.png) no-repeat 6px 12px;
padding:10px 5px 0 45px;
font-size:14px;
}

.encartProContent ul li.foodPro
{
background:url(../img/skin.NED/puce2_espacePro.png) no-repeat 6px 12px;
padding:10px 5px 0 45px;
font-size:14px;
}
/*fin encart espace pro et groupe nestle*/


/*------- fin NED Home Page --------*/

/*--------- FAQ Construction ------------------*/

.whiteContainerContent .FAQunderConstruct
{
background:url(../img/skin.NED/faqAlert.jpg) no-repeat 40px 27px;
height:121px;
text-align:center;
color:#0063e9;
font-size:18px;
line-height:30px;
padding:20px 0 5px 0;
}

/*--------- Fin FAQ Construction --------------*/

/*-------- Formulaire ------------*/

.whiteContainerContent h3
{
background:url(../img/skin.NED/bg_bigContainerForm.png) no-repeat top left;
height:20px;
margin:0 0 0 19px;
color:#0063e9;
padding:5px 0 0 5px;
font-size:14px;
}

.whiteContainerContent .bigContainerFormNED
{
width:627px;
border-right:1px solid #b2b2b2;
border-left:1px solid #b2b2b2;
margin:0 0 0 19px;
}

.whiteContainerContent .bigContainerFormNED p
{
font-size:14px;
padding:17px 0 17px 7px;
}

.whiteContainerContent .bigContainerBottomFormNED
{
background:url(../img/skin.NED/bg_bigContainerBottomForm.png) no-repeat top left;
width:629px;
height:12px;
margin:0 0 0 19px;
}

.bigContainerFormNED .blueContainer
{
background:url(../img/skin.NED/bg_formBlue.jpg) no-repeat top left;
width:609px;
padding-top:15px;
margin:9px 0 0 9px;
}

.bigContainerFormNED .insideBlueContainer
{
background:url(../img/skin.NED/bg_formBlue.jpg) no-repeat bottom left;
width:594px;
padding:0 0 15px 15px;
color:#fff;
}

.bigContainerFormNED .insideBlueContainer h4
{
background:url(../img/skin.NED/puce_contactBox.png) no-repeat 0 5px;
color:#fff;
font-size:15px;
padding:0 0 0 16px;
margin-bottom:15px
}

.bigContainerFormNED .insideBlueContainer p.formLineNED
{
width:580px;
font-size:11px;
padding:0;
margin:0 0 8px 0;

}

.bigContainerFormNED .insideBlueContainer p.formLineNED label
{
float:left;
width:134px;
padding-top:4px;
font-family: arial, Verdana , Sans-serif;
}

.bigContainerFormNED .insideBlueContainer p.formLineNED label em
{
color:#fd1812;
}

.bigContainerFormNED .insideBlueContainer p.formLineNED label a
{
color:#fff;
font-size:1em;
}

.insideBlueContainer p.formLineNED input.textfield
{
width:275px;
border-bottom:1px solid #e5e5e3;
border-right:1px solid #cbc9c7;
border-left:1px solid #cbc9c7;
border-top:2px solid #988e8a;
padding:2px 0;
}

.insideBlueContainer p.formLineNED input.textfieldShort
{
width:105px;
border-bottom:1px solid #e5e5e3;
border-right:1px solid #cbc9c7;
border-left:1px solid #cbc9c7;
border-top:2px solid #988e8a;
padding:2px 0;
}

.insideBlueContainer p.formLineNED span.radiofield
{

vertical-align:bottom;
margin-right:30px;
}

.insideBlueContainer p.formLineNED span.radiofield2
{
margin:0 20px 0 5px;
}

.insideBlueContainer p.formLineNED select.nbenfants
{
width:35px;
margin-right:8px;
}


.insideBlueContainer p.formLineNED span.radiofield3
{
margin:0 5px 0 1px;
}

.insideBlueContainer p.formLineNED textarea
{
width:360px;
height:140px;
border-bottom:1px solid #e5e5e3;
border-right:1px solid #cbc9c7;
border-left:1px solid #cbc9c7;
border-top:2px solid #988e8a;
margin-top:6px;
vertical-align:top;
}

.insideBlueContainer p.formLineNED textarea.bigTextarea
{
width:360px;
height:140px;
}

.doubleLine6px
{
margin-top:7px;
}

.doubleLine10px
{
margin:15px 5px 0 0;
}

.TripleLine20px
{
margin-top:27px;
width:35px;
}

.whiteContainerContent .bigContainerFormNED p.errorMsg
{
color:#fd1812;
font-size:10px;
padding: 3px 0 0 9px;
}

.whiteContainerContent .bigContainerFormNED p.legal
{
font-size:10px;
padding: 10px 0 0 10px;
}

.whiteContainerContent .bigContainerFormNED p.checkBoxLine
{
padding:8px 0 0 9px;
width:600px;
}

.whiteContainerContent .bigContainerFormNED p.checkBoxLine input
{
float:left;
margin-right:5px;
}

.whiteContainerContent .bigContainerFormNED p.checkBoxLine label
{
font-size:10px;
}

.whiteContainerContent .bigContainerFormNED p.sendFormNED
{
text-align:right;
padding-right:10px;
}

.whiteContainerContent .bigContainerFormNED p.demandeRecette , .whiteContainerContent .bigContainerFormNED p.rechercheRecette
{
padding:0;
}

.whiteContainerContent .bigContainerFormNED p.demandeRecette textarea
{
width:395px;
height:100px;
}

.whiteContainerContent .bigContainerFormNED p.rechercheRecette
{
font-size:11px;
padding-bottom:20px;
}

.whiteContainerContent .bigContainerFormNED p.rechercheRecette a
{
color:#fff;
font-size:11px;
}

.whiteContainerContent .bigContainerFormNED p.spacerBlueForm
{
background:url(../img/skin.NED/spacerBlueForm.gif) repeat-x center left;
padding:0;
height:30px;
width:579px;
}

.whiteContainerContent .bigContainerFormNED p.preFormEnfant
{
padding:0 0 10px 0;
font-size:11px;
}

/*AJOUTS 16/07/08*/
.whiteContainerContent .erreur
{
vertical-align:middle;
}

.whiteContainerContent .erreur2lines
{
vertical-align:middle;
padding-top:7px;
}

/*FIN AJOUTS 16/07/08*/