/* 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.  */
/* -- */

@import url(/includes/communs/css-commun.css);
/* code partie commentaire pages AFP */

#commentaires {
    margin:20px 10px 5px 10px;
    position:relative;
    padding:1px 10px 15px 10px;
}
#commentaires #table-comment {
    margin:10px 0 5px 0;
    width:100%;
    border-spacing:0;
    padding:3px;
    border:1px solid #B9B9B9;
}
#commentaires #table-commentez {
    background-color:#FFFFFF;
    width:84%;
    margin:0 0 0 70px;
    border:1px solid #B9B9B9;
}
#commentaires #table-comment td {
    border:0;
    color:#000000;
    padding:10px 5px 10px 3px;
}
#commentaires #table-comment th {
    border:0;
    color:#FFFFFF;
    text-align:left;
    padding:0px 8px 0 8px;
    font-weight:bold;
    background-color:#B9B9B9;
}
#commentaires #table-commentez input, #commentaires #table-commentez textarea {
    background-color:#E6E6E6;
    padding:2px;
    border:1px solid #B9B9B9;
}
#commentaires #table-commentez .input-width {
    width:250px;
}
#commentaires #table-commentez .input-width-02 {
    width:96%;
}
#commentaires #table-commentez td {
    border:0;
    padding:0;
    font-weight:normal;
}
#commentaires #table-commentez th {
    border:0;
    padding:0 3px 0 3px;
    text-align:left;
    font-weight:normal;
}
#commentaires h4.titre-comment {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    padding-left:10px;
    color:#FF0000;
    background:url(/images/cube-comment.jpg) no-repeat 0 7px;
    margin:10px 0 10px 0;
}
.color1 {
    background-color:#F2F2F2;
}
.color0 {
    background-color:#FFFFFF;
}
a#lien-commentez {
    display:block;
    position:absolute;
    top:16px;
    right:20px;
    background:transparent url(/images/bg-picto03.gif) no-repeat scroll 0 1px;
    padding-left:14px;
    text-decoration:none;
}
a:hover#lien-commentez {
    color:#FF0000;
}
/* STYLE NORDNET 2006 */

body {
    background:url(/images/nn-fond-page.jpg) repeat-x #B9B9B9;
}
#nn-top-page {
    background: url(/images/nn-fond-top-une-1000.jpg) no-repeat 0 0;
    width:1000px;
    /*height:160px;*/
    height:142px;
}
#top-menu-page {
    padding:113px 0 0 24px;
}
#top-menu-page img {
    border:0;
}
#cellule_droite_haut {
    background:#FFFFFF;
}
img {
    border:0;
}
/*------------------------------------------------------------------------*/

/* --- GENERAL ------------------------------------ */
* {
    margin:0px;
    border:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
}
a {
    color:#000000;
}
a:hover {
    text-decoration:none;
}
a img {
    border:1px solid #000000;
}
a:hover img {
    border-color:#AAAAAA;
}
/* --- TABLEAU ------------------------------------ */

td {
    border:0px;
}
div#centre table {
    border-spacing:10px;
    margin-left:-10px;
    margin-top:-8px;
    margin-bottom:-10px;
    clear:both;
}
div#centre td {
    border:1px solid #939393;
}
td#cellule_gauche {
    background:#EEEEEE url(/images/fond-bloc-gauche.jpg) repeat-y scroll 0pt;
}
td#cellule_gauche_news {
    background:#EEEEEE url(/images/fond-bloc-gauche.jpg) repeat-y scroll 0pt;
}
/* --- CONTENEUR ------------------------------------ */
div#conteneur {
    position: absolute;
    width: 1000px;
    left: 50%;
    margin-left:-500px!important;
    margin-left:-499px;
}
/* --- 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#pub {
    position:absolute;
    left:230px;
    top:37px; /*5px by FLE version grise 10-2006*/
    display:inline;
}
div#pub img {
    float:left;
    margin:5px;
    border:0px;
}
div#pub div#pub-gauche {
    margin-left:24px !important;
    margin-left:26px;
    margin-right:2px;
}
div#messagerie {
    position:absolute;
    left:300px;
    top:25px;
}
div#messagerie img {
    vertical-align:middle;
    display:inline;
}
div#rechercher {
    position:absolute;
    right:40px;
    top:15px;
}
div#rechercher p {
    font-size:13px;
    font-weight:900;
}
div#rechercher input {
    border:1px solid #9b9b9b;
    vertical-align:1em !important;
    vertical-align:0.5em;
}
div#rechercher input {
    margin-top:5px;
}
/* --- MENU ----------------------------------------- */
div#menu {
    width:1000px;
    height:5px;
}
div#menu img {
    border:0px;
}
div#menu ul {
    text-align:center;
    list-style:none;
    margin-left:-20px;
}
div#menu li {
    font-weight:bold;
    font-size:12px;
    margin:3px;
}
div#menu li ul {
    background:#feeaeb;
    height:20px;
    width:730px;
    border:#CC3333 1px dashed;
    border-left:0px;
    border-right:0px;
}
div#menu li ul li {
    float: left;
}
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
}
.ssmenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none
}
.dmenu {
    position:absolute;
    left:0;
    top:150px; /*84 by FLE version grise 10-2006*/
    z-index:111;
    visibility:hidden;
}
/* --- HAUT ----------------------------------------- */
div#haut {
    display:block;
    height: 20px;
    background-color: #FFFFFF;
    line-height:20px;
}
div#accueil {
    float:left;
    width:260px;
}
div#message_accueil {
    float:left;
    width:310px;
}
div#date {
    float:left;
    text-align:right;
    width:190px;
}
/* --- menu_info_continu ( menu horizontal : choix rubrique AFP ) --------------------------------------- */

#menu_info_continu {background-color:#E6E6E6; width:935px; padding:4px 0 0 0; text-align: left; height: 19px; margin:0;}

#menu_info_continu ul {margin:0; padding-left:10px; font-size:12px; overflow:hidden; position:relative; height:20px;}

#menu_info_continu ul li { display:block; float:left; background:url(/images/nn_com/bg-droite-menu-info.jpg) top right no-repeat; padding-left:14px; padding-right:14px; }

#menu_info_continu ul li a {font-weight:normal; color:#333;}

#menu_info_continu ul li a:hover {color:#FF0000;}

#menu_info_continu ul li a span {font-size:12px; height:22px;}

#menu_info_continu ul li.selected {}

#menu_info_continu ul li.selected a {
    font-weight:normal; cursor:pointer;  padding-left:7px; display:block; padding-bottom:5px;
    background:url(/images/nn_com/bg-menu-horizontal-03.jpg) top left no-repeat;}

#menu_info_continu ul li.selected a span {
    font-size:12px; color:#ff0000;  position:relative; padding-right:7px; padding-bottom:5px;
    background:url(/images/nn_com/bg-menu-horizontal-03.jpg) right top no-repeat;}


/* --- menu_info_afp ) --------------------------------------- */

#menu_info_afp {}

#menu_info_afp ul {padding:0;height:30px;overflow:hidden;position:relative;}

#menu_info_afp ul li {
    text-align:center;
    /*float:left;
	padding:0 1px 0 0;*/
    position:relative;
    float:left;
    display:inline;
    margin-right:3px;
    height:23px;
}

#menu_info_afp ul li a {
    position:relative;float:left;display:inline;line-height:22px;text-decoration:none;font-size:13px;
    color:#333;font-weight:normal;background:url(/images/nn_com/bg-menu-horizontal.jpg) 0 -46px no-repeat;border-bottom:4px solid #999;
}
#menu_info_afp ul li a span {
    display:block;margin-left:8px;padding-right:9px;font-size:13px;
    background:url(/images/nn_com/bg-menu-horizontal.jpg) 100% -46px no-repeat;
}
#menu_info_afp ul li a:hover {
    position:relative;float:left;display:inline;line-height:22px;text-decoration:none;font-size:13px;
    color:#333;font-weight:normal;background:url(/images/nn_com/bg-menu-horizontal.jpg) 0 -23px no-repeat;border-bottom:4px solid #999;
}
#menu_info_afp ul li a:hover span {
    display:block;margin-left:8px;padding-right:9px;font-size:13px;
    background:url(/images/nn_com/bg-menu-horizontal.jpg) 100% -23px no-repeat;
}
#menu_info_afp ul li.selected a {
    position:relative;float:left;display:inline;line-height:22px;text-decoration:none;font-size:13px;
    color:#FFF;font-weight:normal;background:url(/images/nn_com/bg-menu-horizontal.jpg) left top no-repeat;border-bottom:4px solid #FF0000;
}
#menu_info_afp ul li.selected a span {
    display:block;margin-left:8px;padding-right:9px;font-size:13px;
    background:url(/images/nn_com/bg-menu-horizontal.jpg) right top no-repeat;
}


div#menu_info_afp li.selected {}

div#menu_info_afp li#menu_info_videos-france {

}
div#menu_info_afp li#menu_info_videos-inter {

}
div#menu_info_afp li#menu_info_galerieani {

}
div#menu_info_afp li#menu_info_foot_fra {
    width:115px;
}
div#menu_info_afp li#menu_info_foot_bel {
    width:155px;
}
div#menu_info_afp li#menu_info_foot_nld {
    width:145px;
}
div#menu_info_afp li#menu_info_foot_xngl {
    width:155px;
}
div#menu_info_afp li#menu_info_foot_ita {
    width:98px;
}
div#menu_info_afp li#menu_info_foot_deu {
    width:150px;
}
div#menu_info_afp li#menu_info_foot_esp {
    width:110px;
}
/* --- CENTRE --------------------------------------- */
div#centre {
    width:1000px;
}
div#centre img {
    margin-top:5px;
    margin-bottom:5px;
}
/* --- GAUCHE --------------------------------------- */
div#gauche {
    float:left;
    width:131px;
    position:relative;
    padding-top:10px;
}
div#gauche a {
    text-decoration:none;
}
div#gauche a:hover {
    text-decoration:underline;
}
div#gauche h3 {
    display:none;
}
/* --- --- */
div#gauche li {
    background:url(/images/puce_afp.gif) no-repeat 0px 4px;
    padding-left:12px;
    list-style:none;
    margin-left:-35px !important;
    margin-left:8px;
    margin-bottom:2px;
}
div#gauche h4 {
    display:none;
    position:relative;
    font-weight:bold;
    color:#FF0000;
    padding:11px 7px 7px 7px;
}
div#gauche h5 {
    color:#000000
}
/*div#gauche div.element { margin:6px; margin-right:5px; margin-bottom:10px; }*/

div#gauche div.element img {
    margin-left:3px;
}
div#gauche div.element a img {
    border-color:#000000;
}
div#gauche div.article {
    position:relative;
    padding:1px 5px 13px 8px;
    list-style:none;
    margin:0;
}
div#gauche div.article a {	font-weight:normal;	font-size:11px;	font-family:Arial, Helvetica, sans-serif;color:#333333;	display:block;padding-left:10px;background:url(/images/nn_com/bg-fleche-01.png) 3px 4px no-repeat;}
div#gauche div.article a.selected {font-weight:normal;color:#999999;background:url(/images/nn_com/bg-fleche-02.png)3px 4px no-repeat;}
div#gauche div.article_top {margin:0px;	padding:5px;margin-right:10px;}

/* -- -- COLONNE DE GAUCHE (pour la nouvelle manchette) -- -- */

#gauche .element {
    font-size:11px;
    padding-bottom:5px;
}
div#gauche .element h3 {
    display:block;
    background:url(/images/fond-menu-page-afp-off.jpg) 0 0 repeat-x #E10000;
    line-height:19px;
    height:20px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    padding-left:5px;
}
div#gauche .element h3 a {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}
div#gauche .element h3 a:hover {
    text-decoration:underline;
}
#gauche .element img {
    display:block;
    text-align:center;
    margin:8px 8px 8px 10px;
    border:0;
}
#gauche .element h5 {
    font-weight:bold;
    text-indent:15px;
    background:url(/images/fond-bouton.jpg) 0 0 no-repeat;
    padding-bottom:5px;
    color:#000000;
}
#gauche .element .element_inc h4 {
    font-weight:bold;
    font-size:12px;
    text-align:center;
    color:#FF0000;
    background:none;
    height:auto;
    font-family:Arial, Helvetica, sans-serif;
    line-height:normal;
}
#gauche .element h5 a {
    font-weight:bold;
}
#gauche .element .element_inc {
    padding:5px;
}
#gauche .element .element_inc img.actu-sport {
    height:82px;
    width:110px;
    padding:2px;
    border:1px solid #C0C0C0;
}
/* --- DROITE -------------------- */
div#droite {
    width:836px;
}
#droite.sans-manchette {
    width:998px;
}
div#droite a {
    font-weight:bold;
}
div#droite h3 {
    line-height:16px;
    text-indent:2px;
    height:16px;
    width:170px;
    background:#FF0000;
    color:#FFFFFF;
    font-size:13px;
}
div#droite h4 {
    margin:5px;
    color:#FF0000;
    font-size:18px;
    font-weight:normal;
}
div#droite h4 .titre-dossier-en-lumiere {
    text-align:center;
    font-size:19px;
    text-decoration:underline;
    display:block;
}
div#droite h4 .art-origine {
    font-size:14px;
    font-weight:bold;
}
div#droite div.titre {
    background-color:#f0e8e5;
    width:100%;
}
div#droite ul {
    margin:0px;
    padding:0px;
}
div#droite li {
    background:url(/images/puce_afp.gif) no-repeat 0px 4px;
    padding-left:12px;
    list-style:none;
    margin-left:8px;
    margin-bottom:2px;
}
div#droite div.section {
}
div#droite div.entete a {
    font-weight:bold;
}
div#droite p {
    margin:8px;
    margin-bottom:12px;
    font-size:12px;
}
div#droite p a {
    font-size:12px;
    font-weight:normal;
}
/* ------------ */
div#droite div.entete_afp {
    height:120px;
    background:#F4F4F4;
}
div#droite div.entete_afp img {
    text-align:right;
    float:left;
    margin:6px;
    border:0px;
}
div#droite div.entete_afp div.image {
    text-align:right;
    width:180px;
}
div#droite div.entete_afp p {
    font-size:11px;
    margin-top:10px;
    margin-bottom:10px;
}
div#droite div.entete_afp h5 {
    padding-top:6px;
}
div#droite div.entete_afp a {
}
div#droite div.section ul {
    margin-bottom:15px;
}
div#droite div.section li {
    font-weight:bold;
}
div#droite div.section li.toute_les_news {
    position:relative;
    left:450px;
    width:430px;
}
div#droite div.section li.toute_les_news a {
    font-weight:lighter;
}
/* ------------ */
div#droite div.entete_rub {
    height:70px;
    margin:5px;
    margin-bottom:20px;
}
div#droite div.entete_rub img {
    text-align:right;
    float: left;
    margin:6px;
    margin-top:0px;
}
div#droite div.entete_rub p {
    margin-bottom:10px;
}
div#droite div.rubrique div.gauche, div#droite div.rubrique_gris div.gauche {
    width:60px;
    height:122px;
    background:#FEEAEB;
    border-right: 1px dashed #939393;
    float:left;
}
div#droite div.rubrique div.gauche img, div#droite div.rubrique_gris div.gauche img {
    margin:8px;
    border:0px;
}
div#droite div.rubrique div.texte3, div#droite div.rubrique_gris div.texte3 {
    padding:5px;
    margin-left:10px;
}
div#droite .football p {
    margin-bottom:-5px;
}
div#droite .bann_foot {
    position:relative;
    margin:0;
    padding:0;
    padding-left:5px;
    border:0;
}
div#droite .bann_foot img {
    border:0;
    margin-left:70px;
}
div#droite div.rubrique p, div#droite div.rubrique_gris p {
    margin-left:0px;
    margin-right:120px;
}
div#droite div.rubrique, div#droite div.rubrique_gris {
    clear:both;
    width:1000px;
    display:block;
    border-top: 1px dashed #939393;
    float:left;
}
div#droite div.rubrique img {
    float:right;
    margin:5px;
    border:0px;
}
div#droite div.rubrique_gris img {
    float:right;
    margin:5px;
    border:0px;
}
div#droite div.rubrique div.texte, div#droite div.rubrique_gris div.texte {
    margin-left:100px;
    margin:5px;
    margin-left:10px;
}
div#droite div.rubrique div.texte2, div#droite div.rubrique_gris div.texte2 {
    margin-left:100px;
    margin:5px;
}
div#droite div.rubrique_gris {
    background:#f3f3f3;
}
div#droite div.rubrique_galerieani {
    height:180px;
    width:940px;
    display:block;
    background:url(/images/nn_com/bg-bloc-multimedia.jpg) left bottom no-repeat;
    padding-bottom:20px;
    margin-bottom:10px;
    position:relative;
}
div#droite div.rubrique_galerieani img {
    border:0px;
    margin:10px;
    margin-top:10px;
    float:left;
}
div#droite div.rubrique_galerieani p {
    padding-bottom:10px;
    position:relative;
    margin-left:0;
}


div#droite div.rubrique_galerieani .btn-anim {
    background:url(/images/nn_com/bg-btn-video.jpg) 0 0 no-repeat;
    padding:3px 12px 5px 12px;
    color:#FFF;
    font-weight:bold;
}

#conteneur-infos .multimedia {width:950px;}

#conteneur-infos .multimedia-image {float:left;}

#conteneur-infos .multimedia-texte {width:650px;position:relative;overflow:hidden;}
/* Hack IE 6 seulement */
* html #conteneur-infos .multimedia-texte {width:620px;}

#conteneur-infos .multimedia-titre {width:640px;margin:20px 10px 0 0;}

#conteneur-infos .multimedia-titre a {text-decoration:none;color:#FF0000;font-size:18px;font-weight:normal;}

div#droite div.rubrique_videos {
    height:215px;
    display:block;
    width:940px;
    background:url(/images/nn_com/bg-bloc-multimedia.jpg) left bottom no-repeat;
    padding-bottom:20px;
    margin-bottom:10px;
    position:relative;
}
/* Hack IE 6 seulement */
* html div#droite div.rubrique_videos{
    width:900px;
}
div#droite div.rubrique_videos img {
    border:0px;
    margin:10px;
    margin-top:10px;
    float:left;
}
div#droite div.rubrique_videos p {
    padding-bottom:10px;
    position:relative;
    margin-left:0;
}


div#droite div.rubrique_videos .btn-video {
    background:url(/images/nn_com/bg-btn-video.jpg) 0 0 no-repeat;
    padding:3px 22px 5px 22px;
    color:#FFF;
    font-weight:bold;
}
div#droite div.rubrique_galerieani a.puce, div#droite div.rubrique_videos a.puce {
    padding-left:15px;
    background:url(/images/fond-bouton.jpg) 0 2px no-repeat;
}
div#droite div.rubrique_region {
    clear:both;
    width:615px;
    height:53px;
    border-bottom: 1px dashed #939393;
}
div#droite div.rubrique_region div.gauche_rub {
    width:60px;
    height:53px;
    background:#FEEAEB;
    border-right: 1px dashed #939393;
    float:left;
}
div#droite div.rubrique_region div.texte3 {
    padding:5px;
    margin-left:60px;
}
div#droite div.rubrique_region img {
    margin-left:9px;
}
/* ------------ */
div#droite div.entete_art {
    height:200px;
    margin-bottom:-15px;
}
div#droite div.entete_art div.image {
    text-align:right;
    float: left;
    margin:6px;
    margin-top:0px;
}
div#droite div.entete_art div.image img {
    display:block;
}
div#droite div.entete_art div.image p {
    text-align:left;
    font-style:italic;
    margin-top:5px;
}
div#droite div.entete_art p {
    margin-bottom:10px;
}
div#droite div.article {
    padding-bottom:30px;
    border-bottom: 1px dashed #939393;
    margin-bottom:10px;
}
div#droite div.article h5 {
    margin:5px;
    margin-top:10px;
    margin-left:10px;
}
div#droite div.leftSide, div#droite div.rightSide {
    margin:5px;
    margin-top:3px;
    margin-top:3px;
    margin-bottom:8px;
}
div#droite div.leftSide {
    float:left;
}
div#droite div.rightSide {
    float:right;
}
div#droite div.leftSide h6, div.rightSide h6 {
    font-style:italic;
    font-weight:normal;
}
div#droite div.article_rub {
    width:307px;
    height:155px;
    display:block;
    float:left;
    background:#fcf2ef;
    margin-bottom:0px;
}
div#droite div.article_rub h3 {
    width:130px;
}
div#droite div.article_rub h5 {
    color:#FF0000;
    margin-bottom:5px;
}
div#droite div.article_rub a {
    text-decoration:none;
    font-weight:normal;
}
div#droite div.article_rub a:hover {
    text-decoration:underline;
}
div#droite div.article_rub img {
    float:left;
    margin:5px;
}
div#droite div.article_rub div.texte {
    width: 150px;
    margin:10px;
    margin-top:5px;
    margin-left:100px;
}
div#droite p.copyright_afp {
    margin-top:20px;
    clear:both;
    font-style:italic;
    font-size:10px;
    color:#666666;
}
/* --- BAS ------------------------------------------ */


#droite .donnees {
    margin:5px 0 10px 20px;
    padding:0;
    border:0px;
    border-spacing:0;
}
#droite .donnees tr {
    margin:0;
    padding:0;
}
#droite .donnees td {
    background:#EAEAEA;
    margin:0;
    padding:5px;
    border:0px;
    border-spacing:0;
    border:0;
}
/* style pour le menu haut */
/*
#header_nav {
	position:relative;
	top:105px!important;top:103px;
	left:26px;
	float:none;
}
*/
/* ajout FL */
#header_nav {
    position:relative;
    top:91px;
    float:none;
}
#head-info-recherche {
    padding:86px 0 0 0;
    float:right;
    width:1000px;
}
/* fin ajout FL */

#header_nav dl.menu dt a span {
    display:block;
    color:#3d464c;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    height:18px;
    line-height:18px;
    border-bottom:2px solid #ff0000;
    font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}