/* 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 à 1000px de large. SAUF la css MAC et IE 7 de l'index du site car comporte des syles différents. On n'appelle pas les css de la Une sur les pages internes car possibilité de styles de même nom et inutilité de charger un gros ficheir css pour rien. */

@import url(/includes/communs/css-commun.css);


/* NOUVELLE UNE 2009 ---------------------------------------------------*/
/* --- bloc en services NordNet remaniés, les styles d'origine et ceux plus utilisés ont été supprimés --- */

#services {
    margin-top:10px;
    width:841px;
    height:580px;
}

#services-droite {
    width:362px;
    height:500px;
    margin-right:1px;
    float:right;
}

#services #bloc-01, #services #bloc-02 {
    margin-right:10px;
}

#services .bloc {
    width:271px;
    height:628px;
    float:left;
    background:url(/images/fond-service-bloc.jpg) bottom left repeat-x #FFFFFF;
    border:1px solid #7D7D7D;
}

#services .bloc .section { 
    padding-bottom:17px;
}

#services .bloc .section a { 
    text-decoration:none;
}

#services .bloc .section a:hover { 	
    text-decoration:underline;
}

#services .bloc .section img { 
    float:right;
    margin:4px;
}

#services .bloc .section ul {  
    margin:10px 0 0 0;
    padding-left:15px;
}

#services .bloc .section li { 
    margin-bottom:7px;
    list-style-type:none;
    background-repeat:no-repeat;
}

#services .bloc .section li.last { 
    margin-bottom:0px;
}

#services .bloc .section ul.blog-ul {
    list-style:none;
    overflow:hidden;
    margin-top: 5px;
}

#services .bloc .section ul li {
    margin-bottom:5px;
}

#services .bloc .section ul li a { 
    background:url(/images/fond-bouton.jpg) 0 2px no-repeat;
    padding-left:15px;
}

#services .bloc .section ul.blog-ul li a { 
    font-weight:bold;
    display:block;
    background:url(/images/fond-plume.gif) 1px 2px no-repeat;
    text-align:justify;
    padding: 2px 12px 1px 17px;
    border:1px solid #CCCCCC;
    margin-right:5px;
    height:30px;
}

#services .bloc .section ul.blog-ul li { 
    background:url(/images/fond-blanc.png) 0 0 repeat;
}

#services .bloc #blog-link {
    margin: 2px 7px 0 0; float: right;
}
#services .bloc #blog-link li {
    background-color: #EFEFEF;
}


#services .assistance {
    background:url(/images/fond-assistance.jpg) bottom right no-repeat;
    height:110px;
    width:362px;
    margin-top:7px;
}

#services .abo {
    background:url(/images/fond-abo.jpg) bottom right no-repeat;
    height:110px;
    width:362px;
    margin-top:7px;
}

#services .link {
    background:url(/images/fond-media-sociaux.jpg) -4px 20px no-repeat #FFF;
    height: auto;
    width:362px;
    display: block;
}

#services .link #links { margin: 17px 0 -1px 80px; }
#services .link #links li { display: inline; }
#services .link #links a { height: 20px;display: inline-block;padding: 3px 0 13px 23px; }
#services .link #fbLink { background: url("/images/img_fb.png") no-repeat; margin-right: 5px; float: left;  }
#services .link #twitterLink { background: url("/images/img_twitter.png") no-repeat; margin-right: 5px; float: left;  }
#services .link #youtubeLink { background: url("/images/img_youtube.png") no-repeat; margin-right: 30px; float: left;  }
#services .link #googleLink { position: absolute; padding: 4px 0 0 0; }

#services .blog {
    background:url(/images/fond-blog.jpg) bottom right no-repeat;
    height:162px;
    width:362px;
    display:block;
    margin-top:7px;
}

#services .meteo {
    width:470px;
    height:482px;
    position:relative;
}


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

#nn-top-recherche .champs { 
    font-size:11px;
}

h4 {
    font-weight:none;
}
/* STYLE NORDNET 2007-2008 */

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

/*  */
.fond-color-01 { 
    background-color: #FFFFFF;
}

.fond-color-02 { 
    background-color: #EAEAEA;
}

/* bloc rubriques Une NN.fr */
#nn-bloc {
    margin-top:13px;
    width:120px;
    height:157px;
}
#nn-bloc h3 {
    height:23px;
    text-align:center;
    font-size:13px;
}
#nn-bloc p {
    padding:3px 3px 5px 3px;
}
#nn-bloc a {
    color:#FFFFFF;
    text-decoration:none;
}
#nn-bloc a:hover {
    text-decoration:underline;
}

/* styles pour "bienvenu abonné" et affichage "date" */
.nn-top-right {
    text-align:right;
    color:#FFFFFF;
    font-weight:bold;
}
.nn-top-center {
    text-align:center;
}


/*------------------------------------------------------------------------*/
/* --- GENERAL ------------------------------------ */
*{
    margin:0px;
    border:0px;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color:#000000;
}

a:hover { 
    text-decoration:underline;
}

a img { 
    border:0px solid;
}

h3 {
    /*background:url(/images/fond-titre-bloc-une.jpg) 0 0 repeat-x #E10000;*/
    background:#F71D1D url(/images/fond-titre-bloc.jpg) repeat-x top left;
    line-height:19px;
    height:20px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    padding-left:5px;
}

h3 a {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}

h3 a:hover {
    text-decoration:underline;
}

/* --- CONTENEUR ------------------------------------ */
div#conteneur{	
    position:absolute;
    width:1000px;
    left:50%;
    margin-left:-500px;
    font-size:11px;
}

/* --- TITRE ----------------------------------------- */
div#titre {
    border:1px solid #9b9b9b;
    background:url(/images/fond_haut.jpg);
    display:block;
    height: 78px;
    margin-bottom:2px;
    background-color: #E8E8E8;
}

div#titre img { border:0px;}

div#titre img a { border:0px;}

div#messagerie { position:absolute; right:15px;	top:10px; }

div#messagerie img{ vertical-align:middle; display:inline; }

div#ticker { position:absolute; left:50%; margin-left:-135px; top:2px;}

div#rechercher-ticker{ position:absolute; right:15px; top:25px;}

div#rechercher-ticker .champs { top:-2px; border:1px solid #C2C2C2; }

div#rechercher{	position:absolute; right:15px; top:44px; }

div#rechercher .champs { top:-2px; border:1px solid #9b9b9b; }

/* --- HAUT ----------------------------------------- */

div#haut{ display:block; height: 20px; background-color: #FFFFFF; line-height:20px; }

div#accueil{float:left;}

div#messagerie-ticker {position:absolute; left:50%; top:82px!important; top:85px; width:400px; margin-left:-200px; text-align:center;}

div#message_accueil{ float:left; width:310px; }

div#date { float:right; text-align:right; width:160px;}


/* --- CENTRE --------------------------------------- */
div#centre {
    width:1000px; /* 940px */
    position:relative;
    height:100%;
    overflow:visible;
}

/* --------- NOUVELLE UNE NORDNET.fr --------- */
/* -- -- COLONNE DE GAUCHE -- -- */

#gauche {
    width:148px;
    height:100%;
    border:1px solid red;
    overflow:hidden;
    background:url(/images/fond-bloc-gauche.jpg) 0 0 repeat-y #EEEEEE;
    border:1px solid #7D7D7D;
}

#gauche .element{
    font-size:11px;
    padding-bottom:5px;
}


#gauche .element img {
    display:block;
    text-align:center;
    margin:8px;
    border:0;
}

#gauche .element a{
    text-decoration:none;
}

#gauche .element a:hover { 
    text-decoration:underline;
}

#gauche .element h5 {
    font-weight:bold;
    text-indent:15px;
    background:url(/images/fond-bouton.jpg) 0 0 no-repeat;
    padding-bottom:5px;
}

#gauche .element h4 {
    font-weight:bold;
    font-size:12px;
    text-align:center;
    color:#FF0000;
}

#gauche .element h5 a {
    font-weight:bold;
    font-size:11px;
}

#gauche .element .element_inc {
    padding:5px;
}

#gauche .element .element_inc img.actu-sport {
    height:82px;
    width:110px;
    padding:2px;
    border:1px solid #C0C0C0;
}

/* -- -- INFOS CENTRE DE PAGE  -- -- */

#centre-page {
    position:absolute;
    width:840px; /* 780px */
    overflow:visible;
    height:100%;
    top:0;
    left:160px;
}

/* ---- bloc infos en continu AFP --- */

#infoencontinu { 
    border:1px solid #7D7D7D;
    width:467px;
    height:351px;
    display:block;
    background:url(/images/fond-bloc-info-en-continu.jpg) bottom left repeat-y #FFFFFF;
    float:left;
    margin-bottom:9px;
}

#infoencontinu ul#menu-infoencontinu {
    width:100px;
    height:225px;
    float:left;
    padding:0;
}

#infoencontinu ul#menu-infoencontinu li {
    list-style:none;
    margin-left:0;
}

#infoencontinu ul#menu-infoencontinu li a {
    text-decoration:none;
    border-bottom:1px solid #BEBEBE;
    display:block;
    width:64px;
    padding:2px 0 3px 4px;
    cursor:pointer;
    outline:none;
}

#infoencontinu ul#menu-infoencontinu li a:hover, #infoencontinu li.titre_selected a{
    color:#E30100;
    text-decoration:none;
    font-weight:bold;
}

#infoencontinu li.titre_selected { 
    /*background:url(/images/fleche-menu-info-en-continu.jpg) 70px 6px no-repeat;*/
}

#infoencontinu li.titre{	

}


#infoencontinu #donnees-infoencontinu h4 {
    line-height:1.2em;
    margin-bottom:4px;
    padding-bottom:2px;
    overflow:hidden;
    height:28px;
    font-weight:none;
}

#infoencontinu #donnees-infoencontinu h4 a {
    color:#6C6C6C;
    font-size:14px;
    font-weight:none;
    text-decoration:none;
    padding:3px 3px 0 15px;
    background:url(/images/fond-bouton.jpg) 0 4px no-repeat;
    line-height:0.9em;
    display:block;
}

#infoencontinu #donnees-infoencontinu .barre {
    border-top:1px solid #CCCCCC;
    margin-top:8px;
    padding-top:5px;
}

#infoencontinu #donnees-infoencontinu h4.h-cadre {
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:4px 2px 2px 3px;
    margin:2px 3px 2px 0;
    height:24px;
    line-height:1em;
}

#infoencontinu #donnees-infoencontinu h4.h-cadre a {
    font-size:11px;
    font-weight:normal;
    color:#000000;
    padding:0 0 2px 15px;
    background-position:0 0;
    height:23px;
    overflow:hidden;
}

#infoencontinu #donnees-infoencontinu h4.h-cadre a:hover {
    text-decoration:underline;
    height:23px;
}

#infoencontinu #donnees-infoencontinu .img-infoencontinu  {
    width:156px;
    height:116px;
    padding:2px;
    border:1px solid #C0C0C0;
    float:left;
    margin:0 10px 0 0;
}

#infoencontinu #donnees-infoencontinu p {
    margin:0 5px 5px 0;
    height:119px;
    overflow:hidden;
    font-size:12px;
    line-height:1.1em;
}

#infoencontinu #donnees-infoencontinu p a {
    text-decoration:none;
}

#infoencontinu #donnees-infoencontinu p a:hover {
    text-decoration:underline;
}

#infoencontinu #donnees-infoencontinu div.info {
    display:none;
}

#infoencontinu #donnees-infoencontinu div.contenu_selected {
    display:block;
}


/* BLOC EN LUMIERE  */

.infos {
    margin:0 5px 5px 5px;
}


.infos h4  {
    line-height:1.2em;
    margin:0 2px 1px 0;
    overflow:hidden;
    height:30px;
    font-weight:none;
}

.infos h4 a {
    color:#6C6C6C;
    display:block;
    font-weight:none;
    font-size:13px;
    line-height:13px;
    padding:2px 3px 1px 0px;
    text-decoration:none;
    height:30px;
}

.infos img {
    width:156px;
    height:116px;
    padding:2px;
    border:1px solid #C0C0C0;
    margin:0 10px 0 29px;
}

.infos .en-image img {
    width:147px;
    height:118px;
    padding:2px;
    border:1px solid #C0C0C0;
    margin:0 10px 0 29px;
}

.infos a.a-en-image {
    margin:8px 0 2px 0;
    display:block;
}

/*.infos h5 {
	padding:0 0 0 3px;
	height:40px;
}

.infos h5.h-en-image {
	padding:0;
	height:40px;
}
*/

.infos h5 {
    padding:0 0 0 3px;
    height:39px;
    margin-bottom:1px;
    overflow:hidden;

}

.infos h5.h-en-image {
    padding:0;
    height:39px;
    margin-top:1px;
}
.infos h5 a, .infos h5.h-en-image a  {
    background:url(/images/fond-bouton.jpg) 3px 3px no-repeat;
    display:block;
    color:#000000;
    font-size:12px;
    line-height:12px;
    font-weight:bold;
    padding:2px 0 1px 24px;
    text-decoration:none;
    display:block;
    overflow:hidden;
    height:37px;
}

.infos h5.h-en-image a {
    background:url(/images/btn-lecture.png) 0 0 no-repeat;
    padding:2px 0 1px 24px;
}


.infos h5 a:hover {
    text-decoration:underline;
}

.infos h5.h-cadre, .infos h5.h-en-image-cadre {
    background:#FFFFFF;
    color:#000000;
    border:1px solid #CCCCCC;
    padding:1px 5px 2px 0px;
    margin-bottom:2px;
    height:38px;
    line-height:1em;
}

.infos h5.h-cadre a, .infos h5.h-en-image-cadre a {
    background:url(/images/fond-bouton.jpg) 5px 3px no-repeat;
    font-size:11px;
    font-weight:normal;
    display:block;
    height:35px;
    overflow:hidden;
}

.infos h5.h-en-image-cadre a {
    background:url(/images/btn-lecture.png) 0 0 no-repeat;
}

.infos h5.h-cadre a:hover {
    text-decoration:underline;
    height:35px;
}

.infos a.archive {
    background:url(/images/btn-archive.png) top right no-repeat;
    display:block;
    height:17px;
    line-height:17px;
    font-weight:bold;
    font-size:11px;
    color:#000000;
    padding-right:5px;
    text-decoration:none;
    text-align:right;
    margin-top:3px;
}

.infos a:hover.archive {
    text-decoration:none;
}

/* --- bloc en image AFP --- */

#en-image-france, #en-image-monde, #en-image-multimedia, #en_lumiere, #ticker_sport, #bloc-interstitiel {
    background:url(/images/fond-bloc-bloc-en-image.jpg) bottom left repeat-x #FFFFFF;
    float:left;
    margin-left:10px;
    width:227px;
    height:351px;
    border:1px solid #7D7D7D;
}

#en-image-multimedia {}

#en-image-france {margin:0;}

#en-image {
    width:711px;
    height:351px;
    clear:both;
}

/* --- bloc FDI --- */

#fildinfo { 
    height:247px;
    margin-left:10px;
    margin-bottom:10px;
    border:1px solid #7D7D7D;
    width:200px;
    display:block;
    float:left;
}

#contenu_fdi {
    height:180px!important;
    height:185px;
}

#fildinfo h3 { 
    background:url(/images/fond_fdi.jpg) 0 0 repeat-x #077FDE;
}

#fildinfo h3 a, #fildinfo h3 a:hover { 
    font-weight:bold;
}

#fildinfo a {
    text-decoration:none;
    font-weight:normal;
    color:#FFFFFF;
}

#fildinfo a:hover {
    text-decoration:underline;
    font-weight:normal;
    color:#FFFFFF;
}

#fildinfo p {
    color:#FFFFFF;
    font-size:12px;
    width:110px;
    margin:5px;
    margin-bottom:8px;
}

#fildinfo p strong {
    font-size:12px;
}

#fdi-haut {
    height:247px;
}

#fdi-bas {
    height:18px;
    width:200px;
    background:#077fde;
    padding-top:2px;
}

#fdi-bas a {
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    font-size:1.0em;
}

#fdi-bas a:hover {
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
}


/* --- bloc totem / totems-météo --- */

#totem-une {
    height:712px;
    width:120px;
    position:absolute;
    top:0;
    right:0;
}

#totem-une .totem-240 {
    margin-top:6px;
}

#alerte-meteo {
    width:118px;
    height:104px;
    background-color:#F4F4F4;
    border:1px solid #7D7D7D;
}

#alerte-meteo p {
    text-align:center;
}

#alerte-meteo img {
    padding-left:35px;

}