/* CSS Document */

* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    }

* a {
    text-decoration: none;
    cursor: pointer;
    }
* img {border: 0;}
.mentions-credits {
    width: 969px;
    height: 30px;
    text-align: right;
    padding-right: 15px;
    }
.mentions-credits p, .mentions-credits p a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #05066b;
    }

.hidden { visibility:hidden; }

.nav-motif {
    background:url(../images/navigation/nav-motif.gif) 0 0 repeat-x;
    height:42px;
    }

.nav-motif-2 {
    display:block;
    background:url(../images/navigation/nav-motif-2.gif) 0 0 repeat-x;
    width:376px;
    height:42px;
    }
    
.nav-A1 .nav-motif p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: right;
    }

.nav-A1 .nav-motif p:hover {text-decoration: underline;}

.nav-motif a:link, .nav-motif a:visited {text-decoration: none;}

.nav-motif a {
	display: block;
	color: #FFF;
	text-decoration: none;
    }
    
.navPicto { vertical-align: middle; border: none; }

.nav-A1 .nav-motif a:hover { text-decoration: underline; }

.nav-B p {
    text-align: center;
    color: #7cc4fd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    }
    
.nav-B p a {color: inherit;}

.nav-B .mp p {text-align: left;}

.nav-B .erreur p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #00eaff;
    padding-left: 10px;
    text-align: left;
    }
.nav-B .champ {
    background-image: url(../images/navigation/fond-champ-saisie-barredeNav.gif);
    background-repeat: no-repeat;
    width: 107px;
    height:27px;
    padding-top:14px;
    }
.nav-border {
    background-image: url(../images/navigation/nav-motif.gif);
    background-repeat: repeat-x;
    border-left: #0f58b9 1px solid;
    }
    
.noauth { width:84px; }
.auth { width:168px; }


/* BOUTONS ET ROLL OVER */

.fake-btn a {
    display:block;
    height: 41px;
    }

.fabuleux a {
    background:url(../images/navigation/monfabuleuxshopping.gif) no-repeat 0 0;
    width: 160px;
    }
.explorer a {
    background:url(../images/navigation/lebeautyexplorer.gif) no-repeat 0 0;
    width: 131px;
    }
.paroles a {
    background:url(../images/navigation/parolesdetesteuses.gif) no-repeat 0 0;
    width: 142px;
    }
.blog a {
    background:url(../images/navigation/beautyblog.gif) no-repeat 0 0;
    width: 66px;
    }

.mabeaute a {
    background:url(../images/navigation/mabeauteetmoi.gif) no-repeat 0 0;
    width: 114px;
    }

.sidentifier a {
    display:block;
    background:url(../images/navigation/btn-s-identifier.gif) no-repeat 0 0;
    width:105px;
    height:42px;
    }
    
.sinscrire a {
    display:block;
    background:url(../images/navigation/btn-s-inscrire.gif) no-repeat 0 0;
    width:111px;
    height:42px;
    }
    
.sedeconnecter a { width:119px; background:url(../images/navigation/sedeconnecter.gif) no-repeat 0 0; }

.ok a { display:block; width:59px; height:42px; background:url(../images/navigation/btn-ok.gif) no-repeat 0 0; }

.retour a { display:block; width:87px; height:42px; background:url(../images/navigation/btn-retour.gif) no-repeat 0 0; }

.fabuleux a:hover, 
.mabeaute a:hover, 
.billets a:hover,
.paroles a:hover,
.sidentifier a:hover,
.sinscrire a:hover,
.sedeconnecter a:hover,
.ok a:hover,
.retour a:hover { background-position:0 100%; }

/* New NAV */
.nav-haut { height:104px; background-image:url(../images/newnav/bg.jpg) }
.nh-mentions 
{ 
	color: #8dafdf; 
	font-weight:bold; 
	font-family:Arial; 
	font-size:10px; 
	text-align:right;
	padding-right:10px;
	padding-top:20px;
}
.nh-logoNivea 
{ 
	height: 75px;
    position: absolute;
    width: 150px;
}
.nh-sep { border-right:dotted 1px white; height:7px; }
.nav-haut a, .nav-haut a:hover { font-size:10px; color: #8dafdf; }
.nh-menu { text-align:center; margin-top:27px;  }
.nh-menu a { padding-left:33px; }


#nh-footer1 
{ 
	margin-top:35px;
	padding:30px; 
	background-color:#c3d5f0; 
}

#nh-footer1 a, #nh-footer1 a:hover
{
	color:#273c69;
	font-family:Arial;
	font-size:11px;
}

#nh-footer1 a:hover { color:Black; }
.nh-rch, .nh-con, .nh-ret { float:left; }
.nh-rch, .nh-con { margin-right:150px; }

.nh-rch div span, .nh-con div span, .nh-ret div span
{
	height:12px;
	margin-bottom:20px;	
	background-repeat:no-repeat;	
	display:block;
}

.nh-rch div span
{
	background-image:url(../images/newnav/rch.gif);
	width:166px;
}

.nh-con div span
{
	background-image:url(../images/newnav/conseil.gif);
	width:56px;
}

.nh-ret div span
{
	background-image:url(../images/newnav/ret.gif);
	width:175px;
}

#nh-footer1 ul
{
	float:left;
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
	
}

#nh-footer1 ul li
{
	margin:0 20px 4px 0;
	padding:0;
	list-style-position:outside;
	list-style-type:none;	
}

#nh-footer1 .nh-hdn{ display:none; }

#nh-footer2 
{ 
	/* 45 - 16 */
	
	padding-top:15px;
	padding-bottom:18px;
	text-align:right;	
	background-image:url(../images/newnav/bg-f.jpg);
	padding-right:33px;
}

#nh-footer2 a{ font-size:10px; font-weight:bold; color:#afc3e5; margin-left:20px; }
#nh-footer2 a:hover{ color:#FFF; }

/* KILL LBEL */

ul#subnav{ clear:both; margin:0; padding:0; width:984px; height:42px; }
ul#subnav li{ float:left; margin:0; padding:0; list-style:none; }
ul#subnav li a{ margin:0; padding:0; font-size:10px; color:#FFF; text-decoration:none; }
ul#subnav li a span{ visibility:hidden; }

ul#subnav li a#home{ display:block; margin:0; width:78px; height:42px; background:url("/images/btn_home.jpg") 0 0 no-repeat; }
ul#subnav li a#bons-reductions{ display:block; margin:0; width:164px; height:42px; background:url("/images/btn_bons_reduction.jpg") 0 0 no-repeat; }
ul#subnav li a#parole-testeuse{ display:block; margin:0; width:150px; height:42px; background:url("/images/btn_paroles_testeuses.jpg") 0 0 no-repeat; }

ul#subnav li#subnav-2{ margin:0; padding:0; width:592px; height:42px; background:url("/images/bg-connexion.jpg") 0 0 no-repeat; }
ul#subnav li#subnav-2 ul{ margin:0; padding:0; }
ul#subnav li#subnav-2 ul li{ margin:0; padding:0; color:#FFF; }
ul#subnav li#subnav-2 ul li#name-perso{ margin:0; padding:11px 0 0 0; width:185px; height:31px; color:#FFF; text-align:right; }
ul#subnav li#subnav-2 ul li#name-perso a,
ul#subnav li#subnav-2 ul li#name-perso a span{ font-size:13px; color:#FFF; }
ul#subnav li#subnav-2 ul li#name-perso a:focus,
ul#subnav li#subnav-2 ul li#name-perso a:hover{ text-decoration:underline; }

ul#subnav li#subnav-2 ul li a{ display:block; margin:0; padding:0; }
ul#subnav li#subnav-2 ul li a.deconnection{ margin:7px 0 0 40px; padding:0; width:96px; height:26px; background:url("/images/btn_deconnecter.jpg") 0 0 no-repeat; }
ul#subnav li#subnav-2 ul li a.modif-profil{ margin:7px 0 0 0; padding:0; width:114px; height:26px; background:url("/images/btn_modif_profil.jpg") 0 0 no-repeat; }
ul#subnav li#subnav-2 ul li a.changer-mdp{ margin:7px 0 0 0; padding:0; width:150px; height:26px; background:url("/images/btn_changer_mdp.jpg") 0 0 no-repeat; }