/* CSS Document */
body {
	margin:0;
	padding:0;
	color:#2F383F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

p {
	font-size:12px;
}

#conteneur-pack a {
	color:#2F383F;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

#conteneur-pack {

}
img, img a, a img {
	border:0;
}
h1 {
	line-height:38px;
	font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;
	font-size:27px;
	position:absolute;
	top:135px;
	right:305px;
	color:#FF0000;
	font-weight:normal;
}
h1 span{
	color:#666;
	font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;
	font-size:27px;
	font-weight:normal;
}

h3  {
	/*color:#FF0000;
	font-family:"Trebuchet MS",Arial,Helvetica,Sans-serif;
	font-size:17px;
	margin-bottom:10px;
	margin-right:15px;
	font-weight:normal;
	line-height:1.1;*/
}
.fond_blanc span {
	color:#FF0000;
	font-weight:bold;
}



.produit_presentation_titre {
	line-height:20px;
	margin:20px 0 20px 33px;
	text-align:justify;
	width:440px;
}

#conteneur-pack #table-produit-une {
	background:url(/images/nn_com/fond-pack-accueil.jpg) 0 0 no-repeat transparent;
}

#conteneur-pack .fond-page {
	background:url(/images/nn_com/bg-fond-page.jpg) 0 0 repeat-y transparent;
}

#conteneur-pack .fond-page p strong {
	font-size:13px;
}


#conteneur-pack .fond-page-large {
	background:url(/images/nn_com/bg-fond-page-large.jpg) 0 0 repeat-y #B9B9B9;
}

#table-produit-large-une{
	background:url(/images/nn_com/fond-pack-accueil-large.jpg) 0 0 no-repeat #B9B9B9;
}

#table-produit-large{
	background:url(/images/nn_com/fond-pack-large.jpg) 0 0 no-repeat transparent;
}
.table-produit-large-02 {width:1000px;} /* ajout d'une class pour la suppression des table dans les pages secondaires  */
.fond-page-accueil {padding:8px 0 0 18px;}
.bas-page-large {margin-left:18px;}

#ensavoirplus {

}

#ensavoirplus a:hover span {
	background:transparent url(/images/nn_com/picto01-produit-hover.gif) no-repeat right 10px;
	text-decoration:none;
	color:#484848;
}

#ensavoirplus a span {
	background:transparent url(/images/nn_com/picto01-produit.gif) no-repeat right 10px;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:6px 0 0 0;
	color:#484848;
}

/* ---------------- CSS bloc index de rubriques ------------------- */

/* Bloc conteneur général et par index */
#conteneur-bloc {
	height:512px; text-align:left; font-family:Arial, Helvetica, sans-serif;
}

#conteneur-bloc-02 {
	height:652px; text-align:left; font-family:Arial, Helvetica, sans-serif; margin:3px 8px 3px 8px;
}

.bloc-gen {
	position:relative; margin-top:5px; float:left;
}

#conteneur-droite {
	position:relative; margin:0 8px 0 313px; height:509px; width:643px;
}




/* blocs assistance */

.bloc-assistance {
	background:url(/images/nn_com/bg-assistance.jpg) no-repeat 8px 0;
}
#bloc-guides {
	background:url(/images/nn_com/bg-bloc-assistance-guide.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:24px; bottom:8px; width:169px; height:160px;
}
#bloc-lexique {
	background:url(/images/nn_com/bg-bloc-assistance-lexique.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:0px; bottom:0px; width:137px; height:196px;
}
.bloc-assistance-bas {
	margin-top:13px; width:100%; float:left;
}

/* blocs fdi */

.bloc-fdi {
	background:url(/images/nn_com/bg-fdi.jpg) no-repeat 8px 0;
}

#conteneur-droite a.date-fdi{
	font-size:11px; color:#FF0000; font-weight:normal; text-decoration:underline; display:block;
}
#art-fdi {
	overflow:hidden;
}
.bloc-fdi-bas {
	margin-top:13px; width:100%; float:left; display:inline;
}
.bloc-fdi-bas-02 {
	width:321px; float:left; display:inline; margin:0 0 0 5px;
}

/* blocs webmail */

.bloc-bg-webmail {
	background:url(/images/nn_com/bg-webmail.jpg) no-repeat 8px 0;
}
#bloc-gestion-courriel {
	background:url(/images/nn_com/bg-bloc-gestion-courriel.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:12px; bottom:38px; width:109px; height:150px;
}
#bloc-webmail {
	background:url(/images/nn_com/bg-bloc-webmail.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:0px; bottom:0px; width:147px; height:190px; z-index:25;
}
#table-webmail {
	border:1px solid #CCCCCC; background-color:#F0F0F0; font-size:13px; width:314px; margin:12px 15px 0 122px;
}
.bloc-webmail-bas {
	margin-top:13px; width:100%; float:left;
}
/* blocs Espace Abonné */

.bloc-bg-esp-abo {
	background:url(/images/nn_com/bg-esp-abo.jpg) no-repeat 8px 0;
}
#bloc-esp-abo {
	background:url(/images/nn_com/bg-bloc-esp-abo.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:0px; bottom:0px; width:154px; height:205px;
}
#bloc-page-perso {
	background:url(/images/nn_com/bg-bloc-page-perso.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:16px; bottom:58px; width:103px; height:97px;
}
#bloc-parrainage {
	background:url(/images/nn_com/bg-bloc-parrainage.jpg) no-repeat bottom left #FFFFFF; position:absolute; left:1px; bottom:1px; width:129px; height:174px;
}
#bloc-cadeau-parrain {
	position:absolute; right:20px; top:80px; width:163px; height:108px;
}
#table-esp-abo {
	border:1px solid #CCCCCC; background-color:#F0F0F0; font-size:13px; width:258px; height:145px;
}
#bloc-esp-abo-01 {
	margin:20px 0 0 0px; width:100%;
}
#bloc-esp-abo-02 {
	margin:13px 0 0 131px;
}

/* blocs Contact */

.bloc-bg-contact {
	background:url(/images/nn_com/bg-contact.jpg) no-repeat 0px 0;
}
#conteneur-droite .non-identifie a{
	font-weight:normal; text-decoration:underline; display:block;
}
#conteneur-droite .non-identifie a:hover{
	font-weight:normal; text-decoration:none; color:#333333;
}
#conteneur-droite .bg-pas-client {
	background:url(/images/nn_com/bg-pas-client.jpg) no-repeat bottom right #F0F0F0;
}
#conteneur-droite .bg-commercial {
	background:url(/images/nn_com/bg-commercial.jpg) no-repeat bottom right #FFFFFF;
}
.bloc-contact-bas {
	margin-top:5px; width:100%; float:left; display:inline;
}

/*----------- BLOC 01 ---------------*/


																		/* éléments haut bloc 01 */

/* Défintion du bloc type arrondi */
.bloc-gen1{position:relative; float:left; display:inline; overflow:hidden; background-color:#FFF;}

/* Défintion des 4 tours du bloc */
.bloc-gen1 .ovh{width:100%; position:relative}
.bloc-gen1 .c1{background:url(/images/nn_com/bg-haut-bloc-01.jpg) repeat-x 0 0}
.bloc-gen1 .c2{background:url(/images/nn_com/bg-bas-bloc-01.jpg) repeat-x 0 100%}
.bloc-gen1 .c3{background:url(/images/nn_com/bg-gauche-bloc-01.jpg) repeat-y}
.bloc-gen1 .c4{background:url(/images/nn_com/bg-droit-bloc-01.jpg) repeat-y 100% 0}

/* barre avec les arrondis */
.bloc-gen1 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-gen1 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen1 .barre div{height:27px; width:27px; font-size:0; line-height:0; position:absolute}
.bloc-gen1 .barre .hg{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat}
.bloc-gen1 .barre .hd{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 100% 0;right:0}
.bloc-gen1 .barre .bg{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 0 100%; position:relative}
.bloc-gen1 .barre .bd{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 100% 100% ;right:0; bottom:0; position:absolute}

/* Hack IE 6 seulement */
* html .bloc-gen1 .barre .bd{
	background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;
}

/* Définition des marges du bloc intérieur */
.bloc-gen1 .marges{z-index:3; position:relative; padding:20px 0 0 20px; overflow:hidden;}

																		/* éléments haut bloc 02 : bloc infos */
.i-info {
	display:block; background:url(/images/nn_com/i-info.jpg) no-repeat 0 0; position:absolute; top:0; left:0; width:55px; height:63px;
}
/* Défintion du bloc type arrondi */
.bloc-gen2{position:relative; float:left; display:inline; overflow:hidden; background-color:#EFEFEF;}

/* Défintion des 4 tours du bloc */
.bloc-gen2 .ovh{width:100%; position:relative}
.bloc-gen2 .c1{background:url(/images/nn_com/bg-haut-bloc-02.jpg) repeat-x 0 0}
.bloc-gen2 .c2{background:url(/images/nn_com/bg-bas-bloc-02.jpg) repeat-x 0 100%}
.bloc-gen2 .c3{background:url(/images/nn_com/bg-gauche-bloc-02.jpg) repeat-y}
.bloc-gen2 .c4{background:url(/images/nn_com/bg-droit-bloc-02.jpg) repeat-y 100% 0}

/* barre avec les arrondis */
.bloc-gen2 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-gen2 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen2 .barre div{height:27px; width:27px; font-size:0; line-height:0; position:absolute}
.bloc-gen2 .barre .hg{background:url(/images/nn_com/bg-angles-bloc-02.jpg) no-repeat}
.bloc-gen2 .barre .hd{background:url(/images/nn_com/bg-angles-bloc-02.jpg) no-repeat 100% 0;right:0}
.bloc-gen2 .barre .bg{background:url(/images/nn_com/bg-angles-bloc-02.jpg) no-repeat 0 100%; position:relative}
.bloc-gen2 .barre .bd{background:url(/images/nn_com/bg-angles-bloc-02.jpg) no-repeat bottom right;right:0px; bottom:0px; position:absolute; border:0;}

/* Hack IE 6 seulement */
* html .bloc-gen2 .barre .bd{
	background:url(/images/nn_com/bg-angles-bloc-02.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;
}

/* Définition des marges du bloc intérieur */
.bloc-gen2 .marges{z-index:3; position:relative; padding:20px 0 0 20px; overflow:hidden;}


																		/* éléments haut bloc 03 */
/* Défintion du bloc type arrondi */
.bloc-gen3{position:relative; float:left; display:inline; overflow:hidden; background-color:#FFF;}

/* Défintion des 4 tours du bloc */
.bloc-gen3 .ovh{width:100%; position:relative}
.bloc-gen3 .c1{background:url(/images/nn_com/bg-haut-bloc-03.jpg) repeat-x 0 0}
.bloc-gen3 .c2{background:url(/images/nn_com/bg-bas-bloc-03.jpg) repeat-x 0 100%}
.bloc-gen3 .c3{background:url(/images/nn_com/bg-gauche-bloc-03.jpg) repeat-y}
.bloc-gen3 .c4{background:url(/images/nn_com/bg-droit-bloc-03.jpg) repeat-y 100% 0}

/* barre avec les arrondis */
.bloc-gen3 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-gen3 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen3 .barre div{height:27px; width:27px; font-size:0; line-height:0; position:absolute}
.bloc-gen3 .barre .hg{background:url(/images/nn_com/bg-angles-bloc-03.jpg) no-repeat}
.bloc-gen3 .barre .hd{background:url(/images/nn_com/bg-angles-bloc-03.jpg) no-repeat 100% 0;right:0}
.bloc-gen3 .barre .bg{background:url(/images/nn_com/bg-angles-bloc-03.jpg) no-repeat 0 100%; position:relative}
.bloc-gen3 .barre .bd{background:url(/images/nn_com/bg-angles-bloc-03.jpg) no-repeat 100% 100% ;right:0; bottom:0; position:absolute}

/* Hack IE 6 seulement */
* html .bloc-gen3 .barre .bd{
	background:url(/images/nn_com/bg-angles-bloc-03.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;
}

/* Définition des marges du bloc intérieur */
.bloc-gen3 .marges {z-index:3; position:relative; overflow:hidden;}




/* éléments textuels */
#conteneur-droite h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#909090; background:url(/images/nn_com/puce-rouge.jpg) 0 9px no-repeat; margin:-5px 0 3px 0; padding:0 0 0 10px; font-weight:bold;
}

#conteneur-droite h2 span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#FF0000;
}

#conteneur-droite h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#707070; font-style:italic; font-weight:normal; padding:0 0 0 40px; margin-bottom:8px;
}
#conteneur-droite h3 strong {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#707070; font-weight:bold;
}

#conteneur-droite h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#FF0000; text-align:right; font-weight:bold; margin:-5px 0 15px 0; padding:0;
}

#conteneur-droite h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#FF0000; margin:-3px 0 0 0; padding:0; font-weight:bold;
}

#conteneur-droite h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FF0000; margin:-2px 0 6px 0; padding:0; font-weight:bold;
}

#conteneur-droite .lien-suite {
	font-weight:bold; font-size:11px; text-align:right; position:absolute; bottom:0px; right:27px;
}

#conteneur-droite a.lien-suite{
	display:block; padding-right:26px; background:url(/images/nn_com/double-fleche.jpg) no-repeat right 4px; text-decoration:none; color:#333333;
}

#conteneur-droite a:hover.lien-suite{
	color:#FF0000;
}

#conteneur-droite p {
	font-size:13px; color:#464646; /*line-height:1.30em;*/ margin-top:4px;
}

#conteneur-droite ul {
	padding:2px 0 0 10px;
}

#conteneur-droite ul li {
	font-size:12px; color:#464646; margin-left:0; background:url(/images/nn_com/liste-tiret.jpg) 0 8px no-repeat; list-style:none; padding-left:12px;
}

#conteneur-droite .important {
	font-weight:bold; font-size:13px;
}

#conteneur-droite input {
	border:1px solid #CCCCCC; background-color:#FFFFFF;
}

#conteneur-droite .titre-form {
	padding-left:12px; background:url(/images/nn_com/fleche-simple.jpg) no-repeat left 4px; text-decoration:none; color:#333333; font-weight:bold; margin-left:10px;
}

#conteneur-droite .bg-titre-form {
	background-color:#E3E3E3;
}

#conteneur-droite .lien-sous-form {
	font-size:10px; font-weight:normal; color:#666666; text-align:right; margin:5px 15px 0 0; display:block; font-family:Arial, Helvetica, sans-serif;
}

#conteneur-droite .lien-sous-form a {
	font-size:10px; font-weight:normal; color:#666666; text-decoration:underline;
}

#conteneur-droite .btn-form {background:url(/images/nn_com/bg-btn-form.jpg) no-repeat 0 0; display:block; height:25px; width:85px; font-size:12px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; border:0; text-align:center; padding:0 0 5px 0; margin:4px 0 5px 145px; cursor:pointer;}

#conteneur-droite .btn-form-02 {background:url(/images/nn_com/bg-btn-form-02.jpg) no-repeat 0 0; display:block; height:25px; width:124px; font-size:12px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; border:0; text-align:center; margin:7px 0 5px 40px; cursor:pointer; padding-top:2px;}

#conteneur-droite #table-form {float:left;display:inline;}

/* ~~~~~~~~~~~~~~~~~PLAN DU SITE */
#droite #plan-du-site {}
#droite #plan-du-site ul li {padding-left:5px;list-style:none;background:none;}
#droite #plan-du-site ul li a {font-size:11px; text-decoration:underline; font-weight:normal;padding-left:10px; background:url(/images/nn_com/bg-puce4.gif) 0 50% no-repeat;}
#droite #plan-du-site h3 {background:none;color:#FF0000;font-size:14px;font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #FF0000; width:auto; margin:25px 0 10px 0;}
#droite #plan-du-site a#lien-accueil {font-size:12px; font-weight:bold; color:#333; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; padding-left:15px; background:url(/images/nn_com/bg-home-maison-grey.gif) 0 50% no-repeat;}
#droite #plan-du-site #plan-bloc-gauche {float:left; position:relative; width:300px;margin:0 25px 0 15px;}
#droite #plan-du-site #plan-bloc-gauche ul li {padding-bottom:2px;}

#droite #plan-du-site #plan-bloc-droite {float:left; position:relative; width:400px;}
#droite #plan-du-site #plan-bloc-droite .titre-01 {font-weight:bold;font-size:12px;padding:2px 0 0 0;}
#droite #plan-du-site #plan-bloc-droite .titre-02 {width:150px; padding:0 0 0 10px; margin-top:0; margin-left:30px; background:url(/images/nn_com/puce-rouge.jpg) 0 50% no-repeat #FFF; color:#A1A1A1;font-weight:bold;}
#droite #plan-du-site #plan-bloc-droite .li-offres {padding:0 0 2px 200px;margin:0 0 0 10px;}
#droite #plan-du-site #plan-bloc-droite ul {margin-top:-25px; border-left:2px solid #E5E5E5; margin-left:32px;}
#droite #plan-du-site #plan-bloc-droite .no-border-ul {border:0;padding-left:2px;}
#droite #plan-du-site #plan-bloc-droite .last-li {padding-bottom:8px;}


                            /* -------------------------------------------------------*/
                                                /* ------------------- Pages secondaires -----------------*/
                                                                    /* -------------------------------------------------------*/

#conteneur-centre-01 {overflow:hidden; }
#conteneur-centre-02 {overflow:hidden; padding:0 7px 0 7px;}
#conteneur-centre-03 {overflow:hidden;}
/* Hack IE 6 seulement */
* html #conteneur-centre-03 {overflow:hidden; padding-bottom:12px; margin:0; }

#conteneur-pack .bg-menu-gauche-05 {background:url(/images/nn_com/bg-menu-gauche-05.jpg) 7px 0px repeat-y;}
#conteneur-pack .bg-menu-gauche-04 {background:url(/images/nn_com/bg-menu-gauche-04.jpg) 7px 0px repeat-y;}
#conteneur-pack .bg-menu-gauche-03 {background:url(/images/nn_com/bg-menu-gauche-03.png) 7px 0px repeat-y;}
#conteneur-pack .bg-menu-gauche-02 {background:url(/images/nn_com/bg-menu-gauche-02.png) 7px 0px repeat-y;}
#conteneur-pack .bg-menu-gauche {background:url(/images/nn_com/bg-menu-gauche.png) 7px 58px no-repeat; }

#conteneur-pack .bg-gauche-bas-05 {background:url(/images/nn_com/bg-gauche-bas-05.jpg) 7px 100% no-repeat;}
#conteneur-pack .bg-gauche-bas-04 {background:url(/images/nn_com/bg-gauche-bas-04.jpg) 7px 100% no-repeat;}
#conteneur-pack .bg-gauche-bas-03 {background:url(/images/nn_com/bg-gauche-bas-03.jpg) 7px 100% no-repeat;}
#conteneur-pack .bg-gauche-bas-02 {background:url(/images/nn_com/bg-gauche-bas-02.jpg) 7px 100% no-repeat;}
#conteneur-pack .bg-gauche-bas {}

#conteneur-pack .bg-manchette-02 {background:url(/images/nn_com/bg-manchette.png) 0 11px no-repeat;margin-bottom:25px;}
#conteneur-pack .bg-manchette {background:url(/images/nn_com/bg-manchette.png) 0 66px no-repeat;margin-bottom:12px;}

#conteneur-infos {}
#bloc-gauche {overflow:hidden;width:145px;float:left;}

#bloc-gauche #angle-haut {position:relative;overflow:hidden;background:url(/images/nn_com/bg-angle-haut.png) 1px 2px no-repeat;height:13px;width:14px;padding-top:10px;}
#bloc-droit {position:relative; overflow:hidden;width:800px; float:left;}

#bloc-droit p {position:relative;margin-bottom:20px;}
#conteneur-infos-bas {overflow:hidden;position:relative;margin-top:-13px;}
#bloc-gauche-bas {overflow:hidden;position:relative;width:152px;background:url(/images/nn_com/bg-angle-bas.png) right bottom no-repeat; height:13px;}

#conteneur-centre-03 .haut-de-page {text-align:right;clear:both;margin:0 50px 0 0;padding-top:5px;overflow:hidden;position:relative;}
#conteneur-centre-03 .haut-de-page-02 {text-align:right;clear:both;margin:0;padding-top:0;overflow:hidden;position:relative;}
#conteneur-centre-03 .haut-de-page a {color:#FF0000;font-weight:normal;text-decoration:underline;font-size:11px;}
#conteneur-centre-03 .haut-de-page a:hover {text-decoration:none;}

#logo-print {display:none;}

.both {clear:both;}

#droite h2 {font-size:22px; color:#FF0000; font-weight:normal; margin-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#droite h2 span {font-size:24px; color:#FF0000; font-weight:bold; margin-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#droite h5 {font-size:18px;font-weight:normal; color:#60778b; margin:7px 0 3px 0;  }
#droite h5 span {font-size:18px;font-weight:bold; color:#60778b; margin:7px 0 3px 0;  }
#droite h5 span.identification {padding-left:44px;}

#droite .remarque {font-size:10px; color:#666;}
#droite .remarque a {font-size:10px; color:#666; font-weight:none; text-decoration:underline; text-align:center; display:block;}
#droite .remarque a:hover {text-decoration:none;}

/* ~~~~~~~~~~~ parrainage  */

#droite #infos-parrainage {position:relative;background:url(/images/nn_com/bg-image-parrainage.jpg) 0 0 no-repeat;width:762px;height:243px;}
#droite #infos-parrainage img {border:0; padding-top:18px;}
#droite #infos-parrainage img.parrain {padding-left:45px;}

#droite #solutions-parrainage {position:relative;overflow:hidden;background:url(/images/nn_com/bg-bloc-solution-partenaire.jpg) 0 0 no-repeat;width:762px;height:187px; }

#droite #solutions-parrainage #solution_01 {cursor:pointer;position:relative;overflow:hidden;width:176px; height:127px; background:url(/images/nn_com/bg-solutions-01-on.jpg) 0 0 no-repeat;margin:20px 0 0 1px;float:left;}
#droite #solutions-parrainage #solution_01 p{text-align:center;color:#333;font-size:12px;margin:26px 15px 0 0;line-height:18px;}
#droite #solutions-parrainage #solution_01 strong {font-size:12px;}

#droite #solutions-parrainage #solution_01.hover {background:url(/images/nn_com/bg-solutions-01-off.jpg) 0 0 no-repeat;}
#droite #solutions-parrainage #solution_01.hover p{color:#FF0000;}

#droite #solutions-parrainage #solution_02 {cursor:pointer;position:relative;overflow:hidden;width:176px; height:127px; background:url(/images/nn_com/bg-solutions-02-on.jpg) 0 0 no-repeat;margin:19px 0 0 1px;float:left;}
#droite #solutions-parrainage #solution_02 p{text-align:center;color:#333;font-size:12px;margin:26px 10px 0 0 ;line-height:18px;}
#droite #solutions-parrainage #solution_02 strong {font-size:12px;}

#droite #solutions-parrainage #solution_02.hover {background:url(/images/nn_com/bg-solutions-02-off.jpg) 0 0 no-repeat;}
#droite #solutions-parrainage #solution_02.hover p{color:#FF0000;;}

#droite #solutions-parrainage #solution_03 {cursor:pointer;position:relative;overflow:hidden;width:176px; height:127px; background:url(/images/nn_com/bg-solutions-03-on.jpg) 0 0 no-repeat;margin:19px 0 0 1px;float:left;}
#droite #solutions-parrainage #solution_03 p{text-align:center;color:#333;font-size:12px;margin:26px 8px 0 0;line-height:18px;}
#droite #solutions-parrainage #solution_03 strong {font-size:12px;}

#droite #solutions-parrainage #solution_03.hover {background:url(/images/nn_com/bg-solutions-03-off.jpg) 0 0 no-repeat;}
#droite #solutions-parrainage #solution_03.hover p{color:#FF0000;}

#droite #solutions-parrainage #formulaire-parrainage {float:left;margin:16px 0 0 52px;}
#droite #solutions-parrainage #formulaire-parrainage ul li {font-weight:bold;margin:3px 0 0 0;color:#576B7D;background:none;}
#droite #solutions-parrainage #formulaire-parrainage ul li input {border:1px solid #777a7c;background-color:#f7fafc;}
#droite #solutions-parrainage #formulaire-parrainage ul li a {color:#576B7D;font-size:9px;text-decoration: underline;font-weight:none;}
#droite #solutions-parrainage #formulaire-parrainage ul li a:hover {text-decoration: none;}
#droite #solutions-parrainage #formulaire-parrainage ul li .btn-parrainage {background:url(/images/nn_com/bg-btn-parrainage.jpg) 0 0 no-repeat;font-weight:bold;color:#FFFFFF;border:0;width:94px;padding:2px 0 9px 0;line-height:14px;margin:9px 0 0 28px;cursor:pointer;}

/* pages secondaires parrainage */

#droite #bloc-solution {height:72px; width:100%;}
.solution-01-droite {background:url(/images/nn_com/bg-droite-parr-01.jpg) top right no-repeat;}

.solution-02-droite {background:url(/images/nn_com/bg-droite-parr-02.jpg) top right no-repeat;}

.solution-03-droite {background:url(/images/nn_com/bg-droite-parr-03.jpg) top right no-repeat;}

#droite #bloc-solution #solution-01-gauche {background:url(/images/nn_com/bg-gauche-parr-01.jpg) top left no-repeat; height:72px; width:11px; float:left;}

#droite #bloc-solution #solution-01-centre {background:url(/images/nn_com/bg-centre-parr-01.jpg) top right no-repeat; height:72px; width:580px; float:left;}

#droite #impression-parrainage {margin:30px 0 0 70px;}
#droite #impression-parrainage a {display:block; float:left; padding-left:100px;}
#droite #impression-parrainage img {border:0; outline:none;}

#droite #remarque-parrainage {text-align:center; clear:both; margin-top:25px; font-size:11px;}
#droite #remarque-parrainage a {font-weight:normal; font-size:11px; text-decoration:underline;}
#droite #remarque-parrainage a:hover {font-weight:normal; font-size:11px; text-decoration:none;}

#droite .btn-form { background:url(/images/nn_com/bg-btn-video.jpg) 0 0 no-repeat; margin-top:20px;margin-bottom:20px;clear:both;width:115px;padding:3px 22px 5px 22px; color:#FFF;font-weight:bold;display:block;margin-left:auto;margin-right:auto; cursor:pointer;}

/* ~~~ bloc formulaire */

#table-form {margin-left:auto;margin-right:auto;position:relative;}
#table-form .td-table-form {padding:8px; border-bottom:1px solid #FFF;}
#table-form .input-table-form {border:1px solid #7C7C7C; background-color:#F8F8F8; }
.texte-gras {font-size:12px; font-weight:bold;}
.form-parrainage {width:100%;margin-left:auto;margin-right:auto;margin-top:30px;position:relative;}

/* Défintion du bloc type arrondi */
.bloc-form1{background-color:#F8F8F8;}

/* Défintion des 4 tours du bloc */
.bloc-gen-page-1 .bloc-form1 .ovh{width:100%; position:relative;}
.bloc-gen-page-1 .bloc-form1 .c1{background:none; background-color:#F8F8F8;}
.bloc-gen-page-1 .bloc-form1 .c2{background:url(/images/nn_com/bg-bas-form-01.jpg) repeat-x 0 100%}
.bloc-gen-page-1 .bloc-form1 .c3{background:url(/images/nn_com/bg-gauche-form-01.jpg) no-repeat 0 100%}
.bloc-gen-page-1 .bloc-form1 .c4{background:url(/images/nn_com/bg-droit-form-01.jpg) no-repeat 100% 100%}

/* barre avec les arrondis */
.bloc-gen-page-1 .bloc-gen-page-1 .bloc-form1 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-form1 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen-page-1 .bloc-form1 .barre div{height:27px; width:27px; font-size:0; line-height:0; position:absolute}
.bloc-gen-page-1 .bloc-form1 .barre .hg{background:url(/images/nn_com/bg-angles-form-01.jpg) no-repeat}
.bloc-gen-page-1 .bloc-form1 .barre .hd{background:url(/images/nn_com/bg-angles-form-01.jpg) no-repeat 100% 0;right:0}
.bloc-gen-page-1 .bloc-form1 .barre .bg{background:url(/images/nn_com/bg-angles-form-01.jpg) no-repeat 0 100%; position:relative}
.bloc-gen-page-1 .bloc-form1 .barre .bd{background:url(/images/nn_com/bg-angles-form-01.jpg) no-repeat 100% 100% ;right:0; bottom:0; position:absolute}

/* Hack IE 6 seulement */
* html .bloc-form1 .barre .bd{
	background:url(/images/nn_com/bg-angles-form-01.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;
}
.bloc-gen-page-1 .bloc-form1 .marge {z-index:3; position:relative; padding:20px 0 0 20px; overflow:hidden;padding:25px 20px 0 20px;}

/* ~~~~~~~~~~~ menu page pilote assistance */

#menu_pilote {position:absolute;top:66px;left:0px;overflow:hidden;margin:0 0 0 8px;z-index:100;}

#menu_pilote ul li {
		text-align:center;
        position:relative;
        float:left;
        display:inline;
        height:24px;
		padding:0;
		margin:0 6px 0 0;
}

#menu_pilote ul li a {
    position:relative;float:left;display:inline;line-height:23px;text-decoration:none;
    color:#999;background:url(/images/nn_com/bg-menu-horizontal-02.jpg) 0 -23px no-repeat;
}
#menu_pilote ul li a span {
    display:block;margin-left:10px;padding-right:10px;font-size:12px;
    background:url(/images/nn_com/bg-menu-horizontal-02.jpg) right -23px no-repeat;
}
#menu_pilote ul li a:hover {
    position:relative;float:left;display:inline;line-height:23px;text-decoration:none;color:#555;
}
#menu_pilote ul li a:hover span {
    display:block;margin-left:10px;padding-right:10px;font-size:12px;
}
#menu_pilote ul li.selected a {
    position:relative;float:left;display:inline;line-height:23px;text-decoration:none;
    color:#FF0000;background:url(/images/nn_com/bg-menu-horizontal-02.jpg) 0 0 no-repeat;
}
#menu_pilote ul li.selected a span {
    display:block;margin-left:10px;padding-right:10px;font-size:12px;
    background:url(/images/nn_com/bg-menu-horizontal-02.jpg) right 0 no-repeat;
}


/* --------- bloc central contenant 01----------- */

/* Options d'article (envoie mail, impression, favoris */
#options {width:100%;position:relative;overflow:hidden;margin-bottom:8px;}
#option-article {height:24px;width:165px;margin-top:7px;float:right;position:relative;background:url(/images/nn_com/bg-menu-option.jpg) right top no-repeat;}
#option-article .ico{width:16px; height:16px;float:right;padding:6px 5px 0 0;}

/* Défintion du bloc type arrondi */
.bloc-gen-page-1{position:relative; float:left; display:inline; overflow:hidden; background-color:#FFF;width:800px;}

/* Défintion des 4 tours du bloc */
.bloc-gen-page-1 .ovh{width:100%; position:relative}

.bloc-gen-page-1 .c1{background:url(/images/nn_com/bg-haut-bloc-01.jpg) repeat-x 0 0}
.bloc-gen-page-1 .c2{background:url(/images/nn_com/bg-bas-bloc-01.jpg) repeat-x 0 100%}
.bloc-gen-page-1 .c3{background:url(/images/nn_com/bg-gauche-bloc-01.jpg) repeat-y}
.bloc-gen-page-1 .c4{background:url(/images/nn_com/bg-droit-bloc-01.jpg) repeat-y 100% 0}

/* barre avec les arrondis */
.bloc-gen-page-1 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-gen-page-1 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen-page-1 .barre div{height:27px; width:27px; font-size:0; line-height:0; position:absolute;}
.bloc-gen-page-1 .barre .hg{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat;}
.bloc-gen-page-1 .barre .hd{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 100% 0;right:0;}
.bloc-gen-page-1 .barre .bg{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 0 100%; position:relative;}
.bloc-gen-page-1 .barre .bd{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 100% 100% ;right:0; bottom:0; position:absolute;}

/* Hack IE 6 seulement */
* html .bloc-gen-page-1 .barre .bd{	background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;}

/* Définition des marges du bloc intérieur */
.bloc-gen-page-1 .marges{z-index:3; position:relative; padding:20px 0 0 20px; overflow:hidden;padding:25px 20px 0 20px;min-height:500px;}
.bloc-gen-page-1 .marges h4{width:570px; float:left;}


/* --------- bloc central contenant 002 ----------- */

/* Défintion du bloc type arrondi */
.bloc-gen-page-2{position:relative; float:left; display:inline; overflow:hidden; background-color:#FFF;width:800px;margin-top:30px;}

/* Défintion des 4 tours du bloc */
.bloc-gen-page-2 .ovh{width:100%; position:relative;}
.bloc-gen-page-2 .c1{background:url(/images/nn_com/bg-haut-bloc-01.jpg) repeat-x 0 0;}
.bloc-gen-page-2 .c2{background:url(/images/nn_com/bg-bas-bloc-01.jpg) repeat-x 0 100%}
.bloc-gen-page-2 .c3{background:url(/images/nn_com/bg-gauche-bloc-01.jpg) repeat-y}
.bloc-gen-page-2 .c4{background:url(/images/nn_com/bg-droit-bloc-01.jpg) repeat-y 100% 0}

/* barre avec les arrondis */
.bloc-gen-page-2 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-gen-page-2 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen-page-2 .barre div{height:27px; width:27px; font-size:0; line-height:0; position:absolute;}
.bloc-gen-page-2 .barre .hg{background:url(/images/nn_com/bg-angles-bloc-01a.jpg) no-repeat;}
.bloc-gen-page-2 .barre .hd{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 100% 0;right:0;}
.bloc-gen-page-2 .barre .bg{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 0 100%; position:relative;}
.bloc-gen-page-2 .barre .bd{background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat 100% 100% ;right:0; bottom:0; position:absolute;}

/* Hack IE 6 seulement */
* html .bloc-gen-page-1 .barre .bd{	background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;}

/* Définition des marges du bloc intérieur */
div#droite .bloc-gen-page-2 .marges{z-index:3; position:relative; padding:20px 0 0 20px; overflow:hidden;padding:25px 20px 0 20px;min-height:350px;}
div#droite .bloc-gen-page-2 .marges h4{width:570px; float:left;}

div#droite .bloc-gen-page-2 .marges .titre-guides {text-align:right;margin-right:30px;}
div#droite .bloc-gen-page-2 .marges .conteneur-menu-equipement {padding-left:288px;height:38px;background:url(/images/nn_com/bg-barre-bas-01.jpg) right bottom no-repeat;}
div#droite .bloc-gen-page-2 .marges ul.menu-equipement {}
div#droite .bloc-gen-page-2 .marges ul.menu-equipement li {list-style:none;float:left;font-size:11px;font-weight:bold;color:#FF0000;text-align:center;width:90px;margin-right:5px;background:none;}
div#droite .bloc-gen-page-2 .marges ul.menu-equipement li span{color:#999;}
div#droite .bloc-gen-page-2 .marges .equipement {clear:both;overflow:hidden;margin-top:10px;}
div#droite .bloc-gen-page-2 .marges .barre-bas-03 {background:url(/images/nn_com/bg-barre-bas-02.jpg) right bottom no-repeat;}
div#droite .bloc-gen-page-2 .marges .equipement div {float:left;}
div#droite .bloc-gen-page-2 .marges .equipement-image {padding:8px;width:140px;float:left;}
div#droite .bloc-gen-page-2 .marges .equipement-nom {padding:8px 30px 8px 8px;width:120px;font-size:13px; color:#FF0000;font-weight:bold;text-align:center;float:left;}
div#droite .bloc-gen-page-2 .marges .telechargement ul {clear:both;height:38px;margin-top:5px;}
div#droite .bloc-gen-page-2 .marges .telechargement ul.barre-bas-02 {background:url(/images/nn_com/bg-barre-bas-03.jpg) right bottom no-repeat;}
div#droite .bloc-gen-page-2 .marges .telechargement ul li {list-style:none;float:left;margin:0;font-size:11px;color:#000000;text-align:center;padding:0;background:none;}
div#droite .bloc-gen-page-2 .marges .telechargement ul li.syst-exploit {width:76px;}
div#droite .bloc-gen-page-2 .marges .padding-top-8 {padding-top:8px;}
div#droite .bloc-gen-page-2 .marges .telechargement ul li.telech-drivers {width:142px;}
div#droite .bloc-gen-page-2 .marges .telechargement ul li.telech-pdf {width:110px;}


/* --------- bloc central contenant 003 ----------- */

.partie-haute {position:absolute;width:800px;height:27px;top:3px;left:0;z-index:250;background:url(/images/nn_com/bg-haut-bloc-01b.png) repeat-x 0 0;}
.partie-gauche {position:absolute;width:15px;height:552px;top:30px;left:0;z-index:300;background:url(/images/nn_com/bg-gauche-bloc-01b.png) repeat-y;}
.partie-droite {position:absolute;width:15px;height:552px;top:30px;right:0;z-index:350;background:url(/images/nn_com/bg-droit-bloc-01b.png) repeat-y 100% 0;}
.partie-basse {position:absolute;width:800px;height:27px;top:578px;left:0;z-index:400;background:url(/images/nn_com/bg-bas-bloc-01b.png) repeat-x 0 100%;}

.haut-gauche {background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 0 0;height:27px;width:27px;}
.haut-droit {background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 100% 0;height:27px;width:27px;position:absolute;right:0;top:0;}
.bas-gauche {background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 0 100%;height:27px;width:27px;}
.bas-droit {background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 100% 100%;height:27px;width:27px;position:absolute;right:0;bottom:0;}

/* Défintion du bloc type arrondi */
.bloc-gen-page-3{float:left; display:inline; overflow:hidden; background-color:transparent;width:800px;margin-top:0px;position:relative;}

/* Défintion des 4 tours du bloc */
.bloc-gen-page-3 .ovh{width:100%; position:relative;}
.bloc-gen-page-3 .c1{background:url(/images/nn_com/bg-haut-bloc-01b.png) repeat-x 0 0;}
.bloc-gen-page-3 .c2{background:url(/images/nn_com/bg-bas-bloc-01b.png) repeat-x 0 100%}
.bloc-gen-page-3 .c3{background:url(/images/nn_com/bg-gauche-bloc-01b.png) repeat-y}
.bloc-gen-page-3 .c4{background:url(/images/nn_com/bg-droit-bloc-01b.png) repeat-y 100% 0}

/* barre avec les arrondis */
.bloc-gen-page-3 .barre{position:relative; font-size:0; line-height:0; width:100%}
.bloc-gen-page-3 .barre.bas{margin-top:-10px}

/* définition des images des arrondis */
.bloc-gen-page-3 .barre {height:27px; width:580px; position:absolute;}
.bloc-gen-page-3 .barre .hg{background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat;}
.bloc-gen-page-3 .barre .hd{background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 100% 0;right:0;}
.bloc-gen-page-3 .barre .bg{background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 0 100%; position:relative;}
.bloc-gen-page-3 .barre .bd{background:url(/images/nn_com/bg-angles-bloc-01b.png) no-repeat 100% 100% ;right:0; bottom:0; position:absolute;}

/* Hack IE 6 seulement */
* html .bloc-gen-page-1 .barre .bd{	background:url(/images/nn_com/bg-angles-bloc-01.jpg) no-repeat bottom right;right:-1px; bottom:-1px; position:absolute; border:0;}

/* Définition des marges du bloc intérieur */
div#droite .bloc-gen-page-3 .marges{z-index:3; position:relative; padding:20px 0 0 20px; overflow:hidden;padding:25px 20px 0 20px;}
div#droite .bloc-gen-page-3 .marges h4{width:570px; float:left;}



/**** PAGES D'ERREURS '******/
#bloc-droit #erreur_exclamation  {
background:url("/images/nn_com/bg-erreur-exclamation.gif") no-repeat scroll 50% 50% transparent;
height:400px; width:550px; overflow:auto; position:relative; text-align:center; margin-left:200px;}

#bloc-droit #erreur_message { height:180px;margin:120px auto 0;position:relative;}

#bloc-droit .pointilles {
background:url("/images/nn_com/bg-pointilles-H.gif") repeat-x scroll 0 50% transparent;
font-size:1px;height:1px;line-height:1px; }

#bloc-droit .erreur_titre  {font-weight:bold;line-height:1.2em;margin:35px 0 0;color:#3D464C;}

#bloc-droit .corporate_404_titre {font-family:Arial;font-size:12px;}


#bloc-droit .erreur_liens  {
background:url("/images/nn_com/bg-puce3.gif") no-repeat scroll 0 0.4em transparent;
font-weight:bold;line-height:1.2em;margin:0 0 35px;padding:0 0 0 10px;text-decoration:underline;color:red;}

#bloc-droit .corporate_404_lien {font-family:Arial;font-size:12px;}






/*style=""*/

.img_left_cpmonde{
  width:145px;
  height:700px;
  background:url(/images/nn_com/img_left_cpmonde_2.jpg) no-repeat top left;
  position:relative;
}

.img_left_tdf{
  width:145px;
  height:700px;
  background:url(/images/nn_com/bandeau_tour_de_france.jpg) no-repeat top left;
  position:relative;
}

.img_left_f1{
  width:145px;
  height:700px;
  background:url(/images/nn_com/bandeau_f1.jpg) no-repeat top left;
  position:relative;
}

.txt_random{
  position:absolute;
  height:140px;
  width:100px;

  top:185px;
  left:5px;

}
.txt_random span,.txt_random strong{
  color:#b6b6b6;
  font-size:13px;
}