* {margin:0; padding:0}
	
	a img  {border:0}
	
	ul, ul li {list-style:none}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#606060;
		overflow:visible;
	}


	#intro {width:900px; margin:0 auto;}


	.wrapper {width:1023px; margin:20px auto; background:url(/Images/intern/bg-wrapperIntern.jpg) right 0 no-repeat; position: relative;}
		
	
	#mainNav {float:left; height:52px; position:relative}
	#mainNav li {float:left;}
	#mainNav li a {position:absolute; display:block; height:52px; overflow:hidden}
	#mainNav li a img {position:absolute; top:0; left:0; display:block}
	#mainNav li a:hover img, #mainNav li a.current img {margin-top:-52px; bottom:0}
	
	#mainNav li#douceur a {width:186px; left:-20px; z-index:4;}
	#mainNav li#complices a {width:203px; left:130px; z-index:3;}
	#mainNav li#ludiques a {width:195px; left:295px; z-index:2;}
	#mainNav li#parents a {width:191px; left:450px; z-index:1;}
	
	
	#leftSection {width:268px; height:581px; float:left; position:relative; z-index: 1;}
	
	.petitsMomentsToutDoux {display:block; position:absolute; top:0; left:0; z-index:10;}
	
	.loginArea {position:absolute; top:10px; right:0; z-index:9; width:243px; height:304px; padding:110px 0 0 7px; color:#68a5cc; background:url(/Images/global/login-bg.png) 0 0 no-repeat}
	.loginArea h4 {padding:3px 0; clear:both; font-size:1.1em; font-weight:bold}
	.loginArea p 
	{
		padding-top:20px; 
		padding-bottom:8px; 
		font-size:0.9em; 
		font-family: Tahoma; 
		font-weight:bold; 
		line-height:1.3em;
	}
	.loginArea p span.couleur{color:#e43117;}
	.loginArea input {padding:2px 2px 0 2px; font-size:.9em; color:#606060; border:1px solid #abdff4}
	.loginArea input.login {width:136px;}
	.loginArea input.pass {width:96px; float:left; clear:left; margin:6px 5px 0 0;}
	.loginArea span#fakePasswordValue {display:none; position:absolute; top:262px; left:12px; .top:268px; .left:11px; font-size:.9em; color:#606060;}
	.loginArea input.submit {width:auto; float:left; padding:0; margin-top:1px; border:0;}
	.loginArea a {display:block; clear:both; /*float:left;*/ font-size:.9em; color:#68a5cc; text-decoration:none;}
	.loginArea a:hover{text-decoration:underline;}	
	.loginArea span {/*display:block;*/ clear:both; font-size:1em; color:#ee0062}
	.loginArea span.erreur{font-size:0.9em; color:#ee0062}
	
	#loggeArea {position:absolute; top:15px; right:0; z-index:9; width:243px; height:284px; padding:130px 0 0 7px; color:#68a5cc; background:url(/Images/global/logge-bg.png) 0 0 no-repeat}
	#loggeArea h4 {padding:3px 0; clear:both; font-size:1.1em; font-weight:bold}
	#loggeArea p {width:145px; margin-bottom:5px}	
	#loggeArea a {display:block; padding:3px 0 0 10px; color:#606060; text-decoration:none; background:url(/Images/pics/arrow-grey.gif) 0 6px no-repeat}	
	
	#newsArea {position:absolute; bottom:0; right:0; z-index:11; width:250px; height:237px; background:url(/Images/global/actu-bg.png) right bottom no-repeat}
	#newsArea img {position:absolute; right:45%; bottom:40%}	
	#newsArea h3 {float:left; position:absolute; bottom:50%; left:125px; font-size:1.2em; padding-right:10px}	
	#newsArea p {position:absolute; left:0; top:53%; clear:both; padding:5px 35px 5px 40px;}	
	#newsArea p a {display:block; text-decoration:none; padding-left:15px; color:#005fa9; background:url(/Images/pics/arrow-blue.gif) 0 3px no-repeat}	
	#newsArea p a:hover{text-decoration:underline;}
	
	#footer {clear:both; width:100%; text-align:center}
	#footer li {position:relative; padding:0 20px; display:inline;}
	#footer li a {color:#bbbaba; font-size:.9em; text-decoration:none}
	#footer li a:hover {text-decoration:underline}
	#footer li a img {position:absolute; right:0; top:-6px}
	
	#footer li.henkel {padding-right:60px}
	#footer li.henkel a img {top:-3px; right:20px}
	
	
	
/* intro + home page */	
	.wrapper.introFlash {background:none}
	.wrapper.introFlash #mainNav,
	.wrapper.introFlash #leftSection,
	.wrapper.introFlash #footer {display:none}
	
	
	.wrapper.homePage {background:url(/Images/homepage/bg-wrapperHP.jpg) right 0 no-repeat}
	.wrapper.homePage #content {padding-top:30px;}
	#flashHP {float:left;}
	
	
	
/* intern page */	
	#content {padding-top:60px; width:755px; float:left; display:inline}

	/* intern page section douceur */	
	.wrapper.momentsDouceurMenu {background:url(/Images/intern/bg-wrapperIntern-douceurMenu.jpg) right 0 no-repeat}

	/* menu */
	
	.momentsDouceurMenu #staticContentBox {position:absolute; bottom:0; right:0; z-index:11; width:250px; height:237px; background:url(/Images/intern/douceur/leftSection-bg-encartPrecis.png) right bottom no-repeat}
	.momentsDouceurMenu #staticContentBox h3 {position:static; padding:60px 20px 5px 100px; font-size:1em;}
	.momentsDouceurMenu #staticContentBox p {position:static; padding:0 0 0 100px; width:130px; font-size:.9em}
	.momentsDouceurMenu #staticContentBox a {display:block; margin:15px 0 0 50px; padding-left:10px; color:#005fa9; text-decoration:none; background:url(/Images/pics/arrow-blue.gif) 0 3px no-repeat;}
	.momentsDouceurMenu #staticContentBox a:hover {text-decoration:underline}

	.momentsDouceurMenu #content {}
	.momentsDouceurMenu #content dl {float:left; width:280px; height:364px; margin-left:35px;}
	.momentsDouceurMenu #content dl dt {}
	.momentsDouceurMenu #content dl dt img {display:block; margin:0 auto}
	.momentsDouceurMenu #content dl dt strong {display:block; padding:10px 0; font-size:1.2em; color:#ffa200; text-align:center;}
	.momentsDouceurMenu #content dl ul {}
	.momentsDouceurMenu #content dl ul li {margin:0 5px; padding:5px 0; border-bottom:1px solid #ffe4b5}
	.momentsDouceurMenu #content dl ul li a {padding-left:20px; color:#606060; text-decoration:none; background:url(/Images/pics/arrow-orange.gif) 10px 3px no-repeat}
	.momentsDouceurMenu #content dl ul li a:hover {font-weight:bold}

	.momentsDouceurMenu #content dl#toutPropreMenu {margin-left:28px}
	.momentsDouceurMenu #content dl#toutPropreMenu dt strong {color:#a4c9e0; padding-top:7px}
	.momentsDouceurMenu #content dl#toutPropreMenu dt img {margin-top:1px}
	.momentsDouceurMenu #content dl#toutPropreMenu ul li {border-bottom:1px solid #c3f0f3}
	.momentsDouceurMenu #content dl#toutPropreMenu ul li a {background:url(/Images/pics/arrow-blueLight.gif) 10px 3px no-repeat}

	#link-gammeChatBB {display:block; float:left; margin:18px 0 0 55px}


	/* pages contenu articles */
	#dossiersMomentsDouceur {width:740px; height:458px; float:left; margin:0 0 0 15px; clear:right;}
	
	#dossiersMomentsDouceur h2 {margin:13px 0 0 21px}
	
	#dossiersMomentsDouceur p {padding-bottom:20px; clear:both}
	#dossiersMomentsDouceur p em {font-style:normal; font-weight:bold;}
	
	#dossiersMomentsDouceur ul {margin:-20px 0 20px 0}
	#dossiersMomentsDouceur ul li {padding-left:20px;}
	
	#dossiersMomentsDouceur .intro {float:left; clear:both; font-weight:bold;}
	#dossiersMomentsDouceur .intro img {float:left; margin-right:15px}
	
	#dossiersMomentsDouceur .didYouKnow {width:369px; height:108px; clear:both; margin:0 auto 20px; padding:10px 15px 0 100px; background:url(/Images/intern/douceur/didYouKnow-bg.png) no-repeat}
	#dossiersMomentsDouceur .didYouKnow p strong {font-size:1.2em; color:#9ed9f3}
	
	#dossiersMomentsDouceur .imgDroite {clear:both; display:table}
	#dossiersMomentsDouceur .imgDroite img {float:right}
	#dossiersMomentsDouceur .imgDroite p, #dossiersMomentsDouceur .imgDroite ul {float:left}
	
	#dossiersMomentsDouceur .goFurther {width:510px; height:182px; padding:15px; clear:both}
	#dossiersMomentsDouceur .goFurther h4 {font-size:1.1em; padding-bottom:5px}	
	#dossiersMomentsDouceur .goFurther p {padding:0;}
	#dossiersMomentsDouceur .goFurther p strong {}
	#dossiersMomentsDouceur .goFurther ul {padding-bottom:10px; margin:0}	
	#dossiersMomentsDouceur .goFurther ul li {margin-bottom:2px; padding:0; background:none}				
	#dossiersMomentsDouceur .goFurther ul li a {padding-left:20px; color:#606060; background:url(/Images/pics/arrow-grey.gif) 10px 3px no-repeat}	
	
	#dossiersMomentsDouceur #sprimLogo {display:block; float:left; clear:both; margin:20px 0 20px 0;}
	
	#dossiersMomentsDouceur .gras {font-weight:bold;}
	
	
	
	#overflow {width:600px; height:390px; margin:10px 0 0 21px; overflow:auto; padding:0 20px 0 0;}
	
	#subNav {margin-left:21px}
	#subNav li {float:left; margin-right:20px}
	#subNav li a {display:block; padding:5px 0 0 10px; color:#606060; text-decoration:none}
	#subNav li a:hover{text-decoration:underline;}
	#subNav li a.retourSommaire {background:url(/Images/pics/arrow-grey.gif) 0 8px no-repeat}
	#subNav li a.ajoutFavoris {padding-left:20px; background:url(/Images/pics/star.gif) 0 4px no-repeat}
		

	.douceur {background:url(/Images/intern/douceur/toutDoux-bg-overflow.png) no-repeat}
	.douceur h4, .douceur p strong {color:#ffa200} 
	.douceur ul li {background:url(/Images/pics/dot-orange.gif) 3px 3px no-repeat}
	.douceur .goFurther {background:url(/Images/intern/douceur/toutDoux-bg-goFurther.png) no-repeat}
	
	.proprete {background:url(/Images/intern/douceur/toutPropre-bg-overflow.png) no-repeat}
	.proprete h4, .proprete p strong {color:#79bedc} 
	.proprete ul li {background:url(/Images/pics/dot-blue.gif) 3px 3px no-repeat}
	.proprete .goFurther {background:url(/Images/intern/douceur/toutPropre-bg-goFurther.png) no-repeat}
	
	
	/* articles de la section tout doux */
	.allergieIrritation .intro {background:url(/Images/intern/douceur/allergieIrritation-persoNuage.png) right 50px no-repeat}
	
	.typesPeau #overflow {background:url(/Images/intern/douceur/typesDePeau-persoArcEnCiel.png) 200px 15px no-repeat}
	.typesPeau .intro {padding-right:40px}
	
	.peauDeBebe #overflow {background:url(/Images/intern/douceur/peauDeBebe-persoNuage.png) 400px 100px no-repeat}
	.peauDeBebe .marge {padding-right:200px;}
	
	.dansLaPeau {}
	.dansLaPeau img.imgRight {float:right; margin:0 35px 10px 5px;}
	.dansLaPeau #imgRight {clear:left;}
	
	
	.voyageEpiderme {}
	.filmHydrolipidique {}
	
	.risquePeau #overflow {background-attachment:inherit; background:url(/Images/intern/douceur/allergieIrritation-persoNuage.png) 330px 50px no-repeat}
	.risquePeau div.imgDroite img {margin-top:-40px;}
	
	
	/* articles de la section tout propre */	
	.soinDuLinge {}
	.soinDuLinge .bg {padding-right:100px; background:url(/Images/intern/douceur/soinDuLinge-perso.png) right 20px no-repeat}
	
	.entretienLinge #overflow {background:url(/Images/intern/douceur/typesDePeau-persoArcEnCiel.png) right 20px no-repeat}
	.entretienLinge #overflow li.coeur {padding:20px 0 20px 150px; background:url(/Images/intern/douceur/entretienLinge-coeur.png) 20px 10px no-repeat}
	
	.etiquette {}
	#dossiersMomentsDouceur .symbolesEntretien {width:449px; height:452px; float:left; clear:both; margin:-50px 0 30px 40px; padding:85px 22px 0 10px; background:url(/Images/intern/douceur/questionEtiquette-bg-table.png) 0 0 no-repeat}
	#dossiersMomentsDouceur .symbolesEntretien p {padding-right:35px}
	#dossiersMomentsDouceur .symbolesEntretien table {width:434px}
	#dossiersMomentsDouceur .symbolesEntretien table tr {}
	#dossiersMomentsDouceur .symbolesEntretien table tr td {width:380px; padding:5px 0; vertical-align:middle; border-bottom:1px solid #94cbe3}
	#dossiersMomentsDouceur .symbolesEntretien table tr td.last {border:0}
	#dossiersMomentsDouceur .symbolesEntretien table tr td.picto {width:54px; vertical-align:top;}
	#dossiersMomentsDouceur .symbolesEntretien table tr td.picto img {display:block; margin:0 auto}
	#dossiersMomentsDouceur .symbolesEntretien table tr td p {padding:3px 5px 5px 5px;}
	#dossiersMomentsDouceur .symbolesEntretien table tr td p img {float:left; margin:-3px 5px 0 0;}
	#dossiersMomentsDouceur .symbolesEntretien table tr td ul {margin:0}	
	#dossiersMomentsDouceur .symbolesEntretien table tr td ul li {display:inline; padding:0 20px 0 0; background:none}	
	#dossiersMomentsDouceur .symbolesEntretien table tr td ul li img {margin:0 3px}
	
	.faceTtesTaches {}	
	.faceTtesTaches li img.imgRight {float:right;margin:-10px 50px -10px 10px;}
	.faceTtesTaches table {width:535px; background:url(/Images/intern/douceur/faceTtesTaches-bgBot-table.png) 0 bottom repeat-x}
	.faceTtesTaches thead table {background:#fdfeff url(/Images/intern/douceur/faceTtesTaches-bgTop-table.png) 0 0 no-repeat}
	.faceTtesTaches thead table td {padding:10px 0}
	.faceTtesTaches td.age {width:67px; padding:5px 0; border-right:1px solid #94cbe3; border-bottom:1px solid #94cbe3; text-align:center; color:#68a3bc; font-weight:bold}
	.faceTtesTaches td.typeTache {width:60px; color:#1da5d2; border-right:1px solid #94cbe3; border-bottom:1px solid #94cbe3; text-align:center; font-weight:bold }
	.faceTtesTaches td.actions {width:398px; padding:5px; color:#606060; border-bottom:1px solid #94cbe3; }
	.faceTtesTaches thead table td.actions {color:#68a3bc;}
	.faceTtesTaches td.last {border-bottom:0}
	#dossiersMomentsDouceur.faceTtesTaches td ul {margin:0}
	p.attention {padding:10px 0 10px 30px; font-size:.8em; background:url(/Images/pics/attention.gif) 0 5px no-repeat}
	
	.laJusteDose #overflow {background:url(/Images/intern/douceur/dosageLessive-persoNuage.png) 280px 0 no-repeat}	
	.laJusteDose .intro {padding-right:180px}

	.organisationLinge #overflow {background:url(/Images/intern/douceur/organisationLinge-perso.png) 370px 50px no-repeat}
	.organisationLinge .intro {margin-bottom:30px}
	
	.sixRegles {}
	#dossiersMomentsDouceur.sixRegles p {padding-bottom:10px;}
	#dossiersMomentsDouceur.sixRegles ul {margin-top:-10px;}
	.sixRegles p strong {display:block; padding:15px 0 0 35px; color:#606060}
	.num1 strong {background:url(/Images/intern/douceur/sixRegles-n1.gif) 0 bottom no-repeat}
	.num2 strong {background:url(/Images/intern/douceur/sixRegles-n2.gif) 0 bottom no-repeat}
	.num3 strong {background:url(/Images/intern/douceur/sixRegles-n3.gif) 0 bottom no-repeat}
	.num4 strong {background:url(/Images/intern/douceur/sixRegles-n4.gif) 0 bottom no-repeat}
	.num5 strong {background:url(/Images/intern/douceur/sixRegles-n5.gif) 0 bottom no-repeat}
	.num6 strong {background:url(/Images/intern/douceur/sixRegles-n6.gif) 0 bottom no-repeat}



	/* articles de la section gamme 
	#dossiersMomentsDouceur {width:740px; height:458px; float:left; margin:0 0 0 15px; clear:right;}*/	
	.wrapper.gammeChatBB {background:url(/Images/intern/bg-wrapperIntern-douceurGamme.jpg) right 0 no-repeat}
	.wrapper.gammeChatBB #content {padding-top:35px;}
	
	#dossiersMomentsDouceur.gamme {width:740px; height:449px; background:url(/Images/intern/gamme/gamme-bg-content.gif) no-repeat}	
	#dossiersMomentsDouceur.gamme .goFurther {background:url(/Images/intern/douceur/toutDoux-bg-goFurther.png) no-repeat}
	
	#dossiersMomentsDouceur.gamme h2 {padding-right:100px}
	#dossiersMomentsDouceur.gamme h2 img {margin:20px auto; display:block;}
	
	#dossiersMomentsDouceur.gamme #overflow {width:500px; height:330px; float:left; background:url(/Images/intern/gamme/gamme-bgBot-overflow.gif) 0 bottom no-repeat}
	
	#dossiersMomentsDouceur.gamme p.intro, #dossiersMomentsDouceur.gamme p strong, #dossiersMomentsDouceur.gamme h4 {color:#68a5cc} 
	#dossiersMomentsDouceur.gamme p.intro {font-weight:normal}
	#dossiersMomentsDouceur.gamme p.intro strong {font-size:1.4em} 
	#dossiersMomentsDouceur.gamme ul li {background:url(/Images/pics/dot-blue.gif) 3px 3px no-repeat}
	#dossiersMomentsDouceur.gamme .goFurther ul li {margin-bottom:2px; padding:0; background:none}				
	#dossiersMomentsDouceur.gamme .goFurther {width:460px; height:214px; margin-bottom:100px; background:url(/Images/intern/gamme/gamme-bg-goFurther.gif) no-repeat}
	#dossiersMomentsDouceur.gamme .onAime {text-align:center}
	
	#dossiersMomentsDouceur.gamme #rightSection {float:right; height:330px; margin-right:80px; position:relative}
	#dossiersMomentsDouceur.gamme #rightSection img {display:block}
	#dossiersMomentsDouceur.gamme #rightSection img.indicationAge {position:absolute; top:-40px; left:0px}
	#dossiersMomentsDouceur.gamme #rightSection img.argu {margin-top:50px}
	#dossiersMomentsDouceur.gamme #rightSection img.pack {position:absolute; bottom:10px; left:0px}	
	#dossiersMomentsDouceur.gamme #rightSection img.expert {left:-25px}

	#flashGamme {margin:-20px 0 0 15px}


/* pages erreurs + mentions légales */

	.wrapper.pageInformative {background:url(/Images/adhesion/bg-wrapperIntern-adhesion.jpg) right 0 no-repeat}
	.wrapper.pageInformative #content {padding-top:25px;}
	
	.informatif {}
	.informatif {width:600px; height:400px; top:130px; left:60px; position:relative; background:url(/Images/adhesion/perso-bg-Merci.gif) right 120px no-repeat}      
	.informatif h4 {padding:70px 0 10px 0; color:#ee0062; font-size:1.7em; font-weight:bold;}
	.informatif p {font-size:1.2em; font-weight:bold;}
	.informatif a {position:absolute; right:15px; bottom:15px}
	
	#mentionsLegales {width:600px; height:530px; margin-left:60px; background:url(/Images/intern/informatives/pagesInformatives-bgBot.gif) right bottom no-repeat}
	#mentionsLegales h2 {margin-bottom:20px}
	#mentionsLegales #overflow {width:560px; height:350px; margin-left:0;}
	
	#mentionsLegales h5 {padding-bottom:5px; font-size:1em; color:#68a5cc}
	#mentionsLegales p {padding-bottom:15px}
	#mentionsLegales p em {font-weight:bold; font-style:normal}
	
	.credits {width:50%; float:left; padding-bottom:20px;}
	.credits img {display:block; margin:10px 0 25px 0}
	.eto img {margin:10px 0 13px 0}
	
	#btnRetour {float:right; margin:5px 50px 0 0}
	
	/* definitions des images pour la box Emptybox */
	#emptyBox {position:absolute; bottom:0; right:0; z-index:11; width:250px; height:237px;}
    .EmptyBoxToutDoux #emptyBox { background:url(/Images/intern/douceur/toutDoux-leftSection-visuel.png) right bottom no-repeat}
    .EmptyBoxToutPropre #emptyBox { background:url(/Images/intern/douceur/toutPropre-leftSection-visuel.png) right bottom no-repeat}
    .EmptyBoxGamme #emptyBox {background:url(/Images/intern/gamme/gamme-leftSection-visuel.png) right bottom no-repeat}
    .EmptyBoxGammeAdoucissant #emptyBox {background:url(/Images/intern/gamme/gammeAdoucissant-leftSection-visuel.png) right bottom no-repeat}
    .EmptyBoxGammeChatBebe #emptyBox {background:url(/Images/intern/gamme/gammeChatBebe-leftSection-visuel.png) right bottom no-repeat}
    .EmptyBoxGammeExpert #emptyBox {background:url(/Images/intern/gamme/gammeExpert-leftSection-visuel.png) right bottom no-repeat}
    .EmptyBoxGammeSensitive #emptyBox {background:url(/Images/intern/gamme/gammeSensitive-leftSection-visuel.png) right bottom no-repeat}
    
    /* popup mini pub lessive */
    #pop_lessive 
    {
    	/*background: url(/Images/intern/popuphome.png) no-repeat;*/
    	position: absolute;
    	width: 301px;
    	height: 215px;
    	top: 310px;
    	left: 65px;
    	z-index: 111;
    }
     #pop_lessive_fond
    {
    	background: url(/Images/intern/popuphome.png) no-repeat;
    	position: absolute;
    	width: 301px;
    	height: 215px;
    	top: 310px;
    	left: 65px;
    	z-index: 101;

    }   
    #pop_lessive #fond_popup_lessive 
    {
    	
    	position: absolute;
    	width: 301px;
    	height: 215px;
    	top: 310px;
    	left: 65px;
    	z-index: 100;
    }
    
    #pop_lessive a 
    {
    	color: #68A5CC;
    	text-decoration: none;
    	font-family: Tahoma;
		font-size:0.9em;
		font-weight:bold;
		position:relative;
		width:100px;
		display:block;
		z-index:150;
		
    }
    
    #pop_lessive a:hover 
    {
    	text-decoration: underline;
    }
    
    #pop_lessive #close_popup 
    {
    	float:right;
    	margin-top:30px;
    	font-weight:normal;    	
    }
    
    #pop_lessive #savoirplus_popup 
    {
    	position: absolute;
    	top: 125px;
    	left: 180px;
    }
    
    #pop_lessive #produit 
    {
    	display:block;
    	width: 157px;
    	height: 93px;
    	position: absolute;
    	top: 125px;
    	left: 40px;
    	z-index: 25;
    }    
    
    #pop_lessive #fond_bouteille
    {
    	display:block;
    	width: 157px;
    	height: 93px;
    	background: transparent url(/Images/intern/bouteilles.png) no-repeat;
    	position: absolute;
    	top: 125px;
    	left: 40px;
    	z-index: 22;
    }