/* by FL : attention la plupart des styles de l'entête et tous les styles du footer (bottom) sont exportés dans une autre css car utilisé aussi dans pages internes depuis le passage à 940px de large. SAUF la css MAC et IE 7 de l'index du site car comporte des syles différents.  */

@import url(css-commun.css);

/* -------------------------------------
Ajout pour le site en 1000px de large */
#cellule_gauche {	
    background:url(/images/fond-bloc-gauche.jpg) 0 0 repeat-y #FFFFFF;
}

.flap_controle_parental {background:url('/images/bkg.jpg') #fff;display:block;height:126px;padding:0 0 5px 4px;position:relative;width:146px;}
.flap_controle_parental .top {background-color:#dad9d8;color:#707070;font-size:11px;height:22px;line-height:11px;margin:0 0 7px;padding:2px 0 1px;}
.flap_controle_parental .title-kinder {color:#000;font-size:14px;font-weight:bold;line-height:16px;margin:0 0 6px;}
.flap_controle_parental .title-kinder span {color:#ff0000;}
.flap_controle_parental p {color:#333;font-size:11px;line-height:12px;margin:0;}
.flap_controle_parental p strong {color:#000;font-size:10px;text-transform:uppercase;}
.flap_controle_parental .btn {background-image:url('/images/btn.png');bottom:3px;color:#fff;font-size:11px;font-weight:bold;display:block;height:23px;line-height:23px;padding:0 3px 8px 3px;position:absolute;right:1px;text-align:center;text-decoration:none;width:73px;}
.flap_controle_parental .btn:hover {text-decoration:underline;}

.titre-manchette h3 {
    display:block;
    background:url(/images/fond-titre-manchette.jpg) 0 0 repeat-x #E10000;
    line-height:19px;
    height:20px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    padding-left:5px;
    border-bottom:1px solid #939393;
}

/* Début Ajout pour le site en 940px */

* {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
}

a img { 
    border:0px solid;
}

/*#conteneur{	
    position:absolute;
    width:1000px;
    left:50%;
    margin-left:-500px!important; margin-left:-499px;
    margin-top:0px;
}*/

#nordnet-recherche {
    font-weight:bold;
    color:#FF0000;
    text-decoration:none;
}

#nordnet-recherche .champs{
    border:1px solid #C2C2C2;
}

#entete-page-interne {
    margin-top:7px!important;
   /* margin-top:2px; */
    margin-bottom:3px;

    background: url(../images/nn-fond-top-une-1000.jpg) no-repeat 0 0 transparent;
    width:1000px;
    height:153px;
}

/* Fin Ajout pour le site en 940px */


/* STYLE NORDNET 2007-2008 */

body {
    background:url(../images/nn-fond-page.jpg) repeat-x #B9B9B9;
}

#cellule_droite_haut {
    background:#FFFFFF;
}

#nn-top-page {
    background: url(../images/nn-fond-top-une-1000.jpg) no-repeat 0 0;
    widht:1000px;
    height:160px;
}




#pub { 
    padding:37px 0 0 230px;
}

#pub img{ 
    float:left;
    margin:5px;
    border:0px;
}

#top-menu-page img {
    border:0;
}

/*------------------------------------------------------------------------*/


/*Liens*/
a { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #000000; font-size: 11px; }
a:hover { text-decoration: none; color: #000000; font-size: 11px; }
a.ssmenu:active {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}
a.ssmenu:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: underline}
a.gras { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; color: #000000; font-size: 11px; }
a.gras:hover { text-decoration: none; color: #000000; font-size: 11px; }
a.petit { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #000000; font-size: 10px; }
a.petit:hover { text-decoration: none; color: #000000; font-size: 10px; }

/*textes*/
.texte-normal { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; }
.texte-normal-italique { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; ; font-style: italic}
.texte-normal-gras { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; }
.texte-inactif { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #999999; text-decoration: none; }
.texte-remarque { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; }
.texte-erreur-gras { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: FF0000; text-decoration: none; }
.texte-titre-fdi { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-fonce-gras { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.texte-titre-fonce { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.texte-titre-formule-exacte { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-offres { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-jeux_video { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-abonne { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-adsl { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-vie_pratique { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-assistance { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-titre-communiquez { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.texte-adsl { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #336699; text-decoration: none; }
.texte-forfait { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #DF0024; text-decoration: none; }
.texte-sommaire-communiquez { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #7694C8; text-decoration: none; }

/* titres */
.titre-forfait { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #DF0024; text-decoration: none; }
.titre { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #000000; text-decoration: none; }

/* Pages remerciement */
.titre_remerciement {color:red;padding-left:25px;font-size:13px;font-weight:bold;margin:0px;}
.contenu_remerciement, .contenu_remerciement_error {color:red;padding-left:25px;padding-top:10px;margin:0px;}
.contenu_remerciement_error {font-weight:bold;}

/* ssmenu*/
.ssmenu {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}

/* gras*/
.gras {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000;}

/* petit*/
.petit {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000;}


/*DIVs*/
.dmenu{position:absolute;left:0;top:150px; /*84 by FLE version grise 10-2006*/ z-index:111;visibility:hidden;}

/* scrollbar*/
BODY {
    SCROLLBAR-FACE-COLOR: #F4F4F4;
    SCROLLBAR-3DLIGHT-COLOR: #DFDFDF;
    SCROLLBAR-ARROW-COLOR: #333333;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #808080
}

/* INPUT */
.input_communiquez
{  
    /* background-color: #EEF5FD;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px; */
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.input_abonne
{  
    /* background-color: #FFF8F2;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px; */
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.input_offre
{  
    /*background-color: #FEF5F7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; */
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.input_fdi
{  
    /*background-color: #F1F9FE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; */
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.input_vie_pratique
{  
    /*background-color: #F5FFF0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; */
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.input-vie-pratique 
{ 
    /*background-color: #F5FFF0;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px; */
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.input-generique, .input_generique
{ 
    background-color: #FFFFFF;
    border:1px solid #FF0000;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 11px;
}

.inputBouton_communiquez
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_communiquez.gif");
}


.inputBouton_communiquez_forum
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_communiquez.gif");
}

.inputBouton_abonnes
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_espace_abonne.gif");
}

.inputBouton_generique
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_espace_abonne.gif");
}

.inputBouton_vie_pratique
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_vie_pratique.gif");
}

inputBouton-vie-pratique
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #339900;
    border-style: solid;
    background-image: url("/images/fond_btn_vie_pratique.gif");
}

.inputBouton_jeux_concours
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_jeux_concours.gif");
}

.inputBouton_fdi
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_fdi.gif");
}


.inputBouton_extreme
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_extreme.gif");
}

.inputBouton_exacte
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_exacte.gif");
}

.inputBouton_exploration
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_exploration.gif");
}

.inputBouton_contact
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 1px;
    border-color: #FF0000;
    border-style: solid;
    background-image: url("/images/fond_btn_contact.gif");
}

/* CELLULE */
.fond-tr-cartouche-1 
{ 
    background-color: #484848
}

.fond-tr-cartouche-2 
{ 
    background-color: #F8F8F8
}
.fond-tr-cartouche-3
{ 
    background-color: #DADADA
}
.fond-tr-cartouche-4
{ 
    background-color: #9E9E9E
}
.titre-exploration 
{ 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #AFAF5F;
    text-decoration: none;
}
.inputBouton_offres { height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(/images/fond_btn_offres.gif); ; border: 1px #FF0000 solid}
.texte-titre-vie-pratique { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; /*color: #339900;*/ color: #FF0000; text-decoration: none; }

/* CONTOURS */
.contour-01
{
    border : 1px solid #FF0000;
}
.texte-titre-shopping-chemin { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.texte-titre-shopping { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FF0000; text-decoration: none; }
.inputBouton_shopping { height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(/images/fond_btn_shopping.gif); ; border: 1px #FB86B5 solid }
.input-shopping { background-color: #FFF4FA; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }



/* Images flottantes */
.floatright
{
    float: right;
    width: 150px;
    margin: 0 0 10px 10px;
}

/* Fond de table, td, tr */
.fond-color-01 
{ 
    background-color: #FFFFFF
}
.fond-image-01
{ 
    background: url(../../images/fond_haut_une.jpg);
} 

/* CONTOURS */

.border-01
{ 
    border: 1px solid #999999 ;
}
.border-02
{ 
    border-top: 1px solid #999999 ;
    border-right: 1px solid #999999  ;
    border-left: 1px solid #999999  ;
}
.border-03
{ 
    border-bottom: 1px solid #999999  ;
    border-right: 1px solid #999999  ;
    border-left: 1px solid #999999  ;
}

/* OVERLIB */

#overlib {
    width:100%;
    height:50px;;
    position:absolute;
    top:0;
    left:0;
    background:#4f4c4c;
    -moz-opacity:0.49;
    filter:alpha(opacity=49);
    z-index:999998;
    display:none;
}

/* css pour l'entête style site blanc */

#espace-abo a{
    font-weight:bold;
    text-decoration:none;
    padding-right:20px;
    background:url(/images/fleche-espace-abo.jpg) right 50% no-repeat;
}

#espace-abo a:hover{
    text-decoration:unedrline;
}

#nordnet-recherche {
    padding:0;
    margin:0;
}

#top-menu-page {
    padding:88px 0 0 19px!important;padding:87px 0 0 20px;
    float:left;
}

#atweb-logo-nordnet {
    position:absolute;
    top:36px;
    left:22px;
}

#page-menu {
    display:inline;
    position:relative;
}	


#top-menu-page ul li {
    float:left;
    list-style:none;
    text-align:center;
    height:18px;
    margin-left:0.55em;
    margin-bottom:1px;
    padding:5px 0 0 0;
    border-bottom:2px solid #ff0000;
}

#page-menu a {
    color:#3d464c;
    font-weight:bold;
    text-decoration:none;
    line-height:18px;
    cursor:pointer;
    font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    text-transform:uppercase;
}

#page-menu a:hover {
    color:#ff0000;
}

.page-menu0 {
    width:25px;
    background:url(/images/nn-top-btn-accueil.jpg) no-repeat 0 0;
} 
.page-menu0-off {
    width:25px;
    background:url(/images/nn-top-btn-accueil-off.jpg) no-repeat 0 0;
} 

#page-menu .page-menu1-off a, #page-menu .page-menu1-off a:hover, #page-menu .page-menu2-off a, #page-menu .page-menu2-off a:hover, #page-menu .page-menu3-off a, #page-menu .page-menu3-off a:hover, #page-menu .page-menu4-off a, #page-menu .page-menu4-off a:hover, #page-menu .page-menu5-off a, #page-menu .page-menu5-off a:hover {
    color:#FFFFFF;
}

.page-menu3 a {
    margin-left:1px!important;margin-left:0;
}

.page-menu1 {
    width:83px;
    background:url(/images/btn-menu1.jpg) no-repeat 0 0;
}
.page-menu1-off {
    width:83px;
    background:url(/images/btn-menu1-off.jpg) no-repeat 0 0;
}

.page-menu2 {
    text-align:center;
    width:113px;
}
.page-menu2-off {
    text-align:center;
    width:113px;
    background:url(/images/btn-menu2-off.jpg) no-repeat 0 0;
}

.page-menu3 {
    width:83px;
    background:url(/images/btn-menu3.jpg) no-repeat 0 0;
}
.page-menu3-off {
    width:83px;
    background:url(/images/btn-menu3-off.jpg) no-repeat 0 0;
}

.page-menu4 {
    width:122px;
    background:url(/images/btn-menu4.jpg) no-repeat 0 0;
}	
.page-menu4-off {
    width:122px;
    background:url(/images/btn-menu4-off.jpg) no-repeat 0 0;
}	

.page-menu5 {
    width:175px;
    background:url(/images/btn-menu5.jpg) no-repeat 0 0;
}
.page-menu5-off {
    width:175px;
    background:url(/images/btn-menu5-off.jpg) no-repeat 0 0;
}

.page-menu6 {
    width:102px;
    background:url(/images/btn-menu6.jpg) no-repeat 0 0;
}
.page-menu6-off {
    width:102px;
    background:url(/images/btn-menu6-off.jpg) no-repeat 0 0;
}
/*
.page-menu6 {
	width:102px;
	background:url(/images/btn-menu6.jpg) no-repeat 0 0;
	padding:0;
	margin:0;
}
.page-menu6-off {
	width:102px;
	background:url(/images/btn-menu6-off.jpg) no-repeat 0 0;
}

#page-menu .page-menu6 a {
	width:102px;
	background:url(/images/btn-menu6.jpg) no-repeat 0 0;
	color:#BF0006;
	height:25px;
	display:block;
	padding:0;
	margin:0;
	padding-top:5px;
}

#page-menu .page-menu6 a:hover {
	width:102px;
	background:url(/images/btn-menu6-off.jpg) no-repeat 0 0;
	color:#FF0000;
	height:25px;
	display:block;
	margin:0;
}*/

.info_comp li{
    list-style-type:none;
    /*float:left;*/
    clear:both;
    height:25px;
}

.info_comp li label{
    width:150px;
    display:block;
    float:left;
}
.info_comp li input{
    width:200px;
    display:block;
    float:left;
}