@charset "utf-8";
/* CSS Document */


body {
background:url("images/habillage/motif.png");
margin: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

#container {
width: 100% ;
background:url("images/habillage/fonddegrade.png") repeat-x;
padding-top: 16px;
}

#site {
margin: 0 auto ;
background:url("images/habillage/feuille.png") no-repeat center top;
}

#center { 
width: 985px;
text-align: center;
margin: 0 auto 10px auto ;
background:url("images/habillage/fond-papier.jpg");
}

#header {
width: 985px;
height: 246px;
position: relative;
z-index:1;
}

#titre {
width: 576px;
height: 183px;
position: relative;
background:url("images/habillage/separation-header.png") no-repeat right;
float: left;
text-align: left;
padding: 20px 0 0 20px;
margin: 0;
}

#lechiffre {
width: 182px;
height: 203px;
float: left;
margin: 0;
text-align: left;
}

#sondage {
width: 207px;
height: 203px;
float: left;
margin: 0;
text-align: left;
overflow: hidden;
position: relative;
background:url("images/habillage/separation-header.png") no-repeat right;
}

#logo {
width: 305px;
height: 72px;
float: left;
background-image: url("images/habillage/titre-header.png");
background-repeat: no-repeat;
background-position: top left;
line-height: 0;
margin: 18px 20px 0 0;
}

#logo a {
display: block;
width: 302px;
height: 68px;
text-indent: -3000px;
line-height: 0;
}

.datetitre {
position: relative;
font-size: 14px;
font-weight: bold;
top: 72px;

}

.heuretitre {
font-size: 14px;
position: relative;
top: 72px;
}

#lechiffre p {
margin-left: 10px;
}

p.headersoustitre {
font-size: 18px;
color: #CC0033;
margin-top: 50px;
margin-bottom: 2px;
}

p#chiffre {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 60px;
font-weight: bold;
color: #999999;
letter-spacing: -5px;
margin-top: -17px;
margin-bottom: 0;
}

p#chiffretexte {
font-size: 12px;
font-weight: bold;
margin-top: 3px;
margin-right: 10px;
}

#sondage p {
margin-left: 10px;
}

#sondage .oksondage {
position: absolute;
top: 165px;
right: 25px;
}

p#sondagetexte {
font-size: 14px;
font-weight: bold;
color: #003399;
margin-top: 3px;
margin-right: 45px;
margin-bottom: 20px;
}

p#sondagetexte2 {
font-size: 14px;
font-weight: bold;
color: #003399;
margin-top: 3px;
margin-right: 45px;
margin-bottom: 5px;
}

p.sondagechoix {
font-size: 12px;
font-weight: bold;
margin-right: 10px;
margin-top: -11px;
}


/************************
MENU
************************/

#menu {
float: left;
position: relative;
margin-left: 20px;
height: 32px;
padding: 0;
z-index: 1;
display:inline; /* IE6 di mierda */
}

#menu ul {
margin: 0;
padding: 0;
float: left;
list-style: none;
}

.menutop li ul{
float:none;
left:-999em;
position:absolute;
width:177px;
}

.menutop li.sfHover ul {
left:0px;
top:32px;
z-index: 50;
}

.menutop li li {
position:relative;
float:none;
width:100%;
}

#menu ul.menutop {
width: 450px;
height: 32px;
position: relative;
background-image: url("images/navigation/menu.png");
background-color:#fff;
background-repeat: no-repeat;
background-position: top left;
overflow: visible;
}

#menu ul.menudown {
width: 145px;
background-color: transparent;
background-image: url("bleutransp.png");
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
text-indent: 15px;
text-align: left;
overflow: hidden;

}

#menu ul.menudown li a {
display: block;
width: 100%;
text-decoration: none;
height: 24px;
line-height: 24px;
color: #003366;
background: url("dropdown-arrow.gif") 5px  no-repeat;
}

#menu ul.menudown li a:hover {
background: #003366 url("dropdown-arrow-over.gif") 5px no-repeat;
color: #66CCFF;
}

#menu li {
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
}

#menu li a {
white-space: nowrap;
display: block;
float: left;
height: 32px;
padding: 0;
overflow: hidden;
}

#menu a.m1, a.m2, a.m3, a.m4, a.m5 {
display: block;
float: left;
height: 32px;
text-indent: -4000px;
}

#menu a.m1 {
width: 76px;
}

#menu a.m2 {
width: 89px;
}

#menu a.m3 {
width: 76px;
}

#menu a.m4 {
width: 105px;
}

#menu a.m5 {
width: 104px;
}

#menu li a:hover {
background-image: url("images/navigation/menu.png");
background-repeat: no-repeat;
background-position: top left;
}

#menu li a#menu1:hover {
background-position: 0px -32px;
}

li a#menu2:hover {
background-position: -76px -32px;
}

li a#menu3:hover {
background-position: -165px -32px;
}

li a#menu4:hover {
background-position: -241px -32px;
}

li a#menu5:hover {
background-position: -346px -32px;
}


/****************************/


#forum {
width: 495px;
height: 32px;
background-image: url("images/navigation/fond-forumsearch.png");
background-repeat: no-repeat;
float: left;
position: relative;
}

#forum a {
position: absolute;
display: block;
width: 85px;
height: 32px;
right: 0px;
top: 0px;
text-indent: -4000px;
overflow: hidden;
}

.dateforum {
display: block;
width: 60px;
height: 22px;
color: #003399;
position: absolute;
left: 120px;
top: 10px;
}

.texteforum {
display: block;
width: 175px;
height: 22px;
position: absolute;
color: #CC0033;
left: 170px;
top: 9px;
}

a.texteforum {
color: #CC0033;
text-decoration: none;
}

a:hover.texteforum {
text-decoration: underline;
}

/****************************/

#homepage {
width: 945px;
margin: 0 20px 0 20px;
position: relative;
}

#contenuhome {
width: 560px;
float: left;
margin: 0 15px 20px 0;
}

#modules {
width: 370px;
float: left;
margin: 0 0 20px 0;
padding: 0;
_clear: right;
}


/************************
UNE DEFILANTE DU SITE
************************/

#maskune {
	width: 560px;
	height: 280px;
	overflow: hidden;
	margin: 0;
	position: relative;
}

#vignettesune {
width: 560px;
position: absolute;
z-index: 20;
bottom: 5px;
right: 5px;
margin: 0;
}

#vignettesune li {
position: relative;
width: 20px;
height: 20px;
list-style: none;
margin: 3px;
background-color:#CCCCCC;
float: left;
left: 484px;
}

#vignettesune li.actif {
background-color:#FFFFFF;
}

#vignettesune li.inactif {
background-color:#CCCCCC;
}

#vignettesune li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#une {
width: 1680px;
height: 280px;
position: relative;
margin: 0;
text-align: left;
}

#une img.imgune {
position: absolute;
top: 0;
left: 0;
margin: 0;
border: 0;
}

#une li div {
position:relative;
left:0;
top:0;
margin: 0;
width: 187px;
height: 270px;
_height: 280px;
color:#FFFFFF;
font-size:12px;
background: url("images/habillage/fondune.png");
padding: 10px 0 0 0 ;
}

#une hr {
margin-right: 60px;
margin-left: 10px;
height: 2px;
color: #FFFFFF;
border: 0;
background-color: #FFFFFF;
}

#une li {
list-style: none;
float: left;
position: relative;
width: 560px;
margin: 0;
padding: 0;
}
	
#une li p {
margin: 0 0 0 10px;
padding: 0;
}	

#une ul {
margin: 0;
padding: 0;
	}
	
#une .unesoustitre  {
font-size: 13px;
font-weight: bold;
}

.unekeyword {
font-size: 14px;
font-weight: bold;
color: #CCCCCC;
}

.lienune {
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

.lienune:hover {
color: #FFCC00;
}

.lireune {
text-align: right;
position: absolute;
bottom: 10px;
right: 5px;
}

p.lireune {
z-index: 40;
}

.lireune a {
color: #FFFFFF;
text-decoration: none;
}

.lireune a:hover {
text-decoration: underline;
}

.lireune img {
border: 0;
vertical-align: middle;
}

#une h2 {
margin: -2px 0 10px 10px;
}

/************************
NEWS SECONDAIRES
************************/

#seconds {
width: 560px;
height: 330px;
position: relative;
margin: 20px 0 0 0;
text-align: left;
background:url("images/habillage/fond-seconds.gif") no-repeat left top;
}

.article2nd {
display: block;
width: 168px;
height: 330px;
float: left;
position: relative;
}

.sndsoustitre {
font-size: 13px;
font-weight: bold;
color: #CC0033;
}

.snd_gauche {
float: left;
}

.snd_centre {
margin-left: 28px;
}

.snd_droite {
float: right;
}

.lien2nd {
font-size: 18px;
font-weight: bold;
text-decoration: none;
color: #000000;
}

.lien2nd:hover {
color: #FFCC00;
}

.sndkeyword {
font-size: 12px;
font-weight: bold;
color: #CC0033;
}

.lire2nd {
text-align: right;
position: absolute;
bottom: 0;
right: 5px;
}

.lire2nd a {
color: #CC0033;
text-decoration: none;
}

.lire2nd a:hover {
text-decoration: underline;
}

.lire2nd img {
border: 0;
vertical-align: middle;
}

.snddate {
font-size: 13px;
font-weight: bold;
}

#seconds img.img2nd {
position: absolute;
top: 115px;
border: 0;
}

#seconds  p.accroche2nd {
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 56px;
overflow: hidden;
}

#seconds .snd_gauche hr, .snd_centre hr, .snd_droite hr {
height: 1px;
color: #CCCCCC;
border: 0;
background-color: #CCCCCC;
}

#seconds p, h2 {
margin: 0;
}

/************************
NEWS BAS HOMEPAGE
************************/

#resteactu {
width: 360px;
height: 266px;
position: relative;
margin: 25px 0 0 0;
text-align: left;
float: left;
}

#resteactu p {
margin: 4px 0;
}

#resteactu ul {
margin: 0;
padding: 0;
}

#resteactu li {
list-style: none;
margin: 2px 0;
padding: 0;
width: 360px;
height: 16px;
overflow: hidden;
}

#pubbas {
width: 570px;
height: 85px;
position: relative;
margin: 35px 0 0 0;
padding: 0;
float: left;
}

.dateresteactu {
font-weight: bold;
font-size: 12px;
color: #003399;
}

.categoriesreste {
font-weight: bold;
font-size: 12px;
color: #CC0033;
}

.titrereste {
font-weight: bold;
font-size: 12px;
color:#000000;
}

a.titrereste {
text-decoration: none;
color: #000000;
}

a:hover.titrereste {
text-decoration: underline;
}

/************************
BLOC DU FIL INFOS
************************/

#filinfos {
width: 370px;
height: 211px;
margin: 0;
padding: 0;
background:url("images/habillage/fond-filinfos.gif") no-repeat left top;
text-align: left;
overflow: hidden;
padding-top: 24px;
padding-left: 1px;
}

#filinfos p {
margin: 0;
display: block;
width: 364px;
height: 23px;
line-height: 23px;
text-indent: 2px;
}

#filinfos p.filpair {
background-color: #DEEAF3;
}


#filinfos p.pagesbreves {
font-size: 11px;
color: #DEEAF3;
text-align: right;
word-spacing: 4px;
}

a.filinfos {
display: block;
width: 364px;
height: 23px;
text-decoration: none;
}

#breve {
position: relative;
margin:0px;
padding: 0px;;     
left:0px;
top:0px;
}

#breve ul{
margin: 0;
padding: 0;
}

#breve li{
margin: 0;
padding: 0;
padding-left: 5px;
list-style-type: none;  
height: 23px;
overflow: hidden;
line-height: 23px;;
width: 363px;
}

.pair{
background-color: white;   
}

.impair{
background-color: #DEEAF3;   
}

#pagination_breve{
position: absolute;
left:177px;
top:187px;
color: white;
width: 360px;
text-align: right;
overflow: hidden;
}

#pagination_breve a{
color: white;
text-decoration: none;
}

#pagination_breve a:hover{
text-decoration: underline;
}

#pagination_breve a:active{
color: red;
}

a.paginationfil {
display: block;
width: 18px;
float: left;
}

a.paginationfil:hover {
text-decoration: underline;
}

/************************
MODULES
************************/

#modules img , #left-modules img, #right-modules img{
margin: 0;
border: 0;
}

.modularge {
display: block;
width: 370px;
height: 150px;
margin: 5px 0;
padding: 0;
float: left;
}

.moduledemi {
width: 180px;
display: block;
position: relative;
margin: 5px 0;
}

.modulegauche {
float: left;
}

.moduledroite {
float: right;
}

#footer {
margin: 0;
border: 0;
}

.gras{
font-weight: bold;
color: #FF0000;
}

.nogras{

}

#left-modules {
width: 180px;
height: 600px;
text-align: left;
float: left;
margin: 0 13px 20px 0;
}

#right-modules {
width: 180px;
text-align: left;
float: left;
margin: 0;
}


#centre-colonne {
width: 560px;
text-align: left;
float: left;
margin: 5px 12px 20px 0;
}

#centre-classement {
width: 560px;
min-height: 800px;
text-align: left;
float: left;
margin: 5px 12px 20px 0;
}

#centre-colonne p {
margin: 0;
}



/************************
PAGE D'ARTICLE
************************/

.titrearticle {
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #000000;
padding: 15px 0;
}

.articlekeyword {
font-weight: bold;
color: #CC0033;
}

.taille14 {
font-size: 14px;
padding-bottom: 10px;
}

.article img {
float: left;
margin-right: 10px;
}

.article {
padding: 10px 0 40px 0;
display: block;
font-size: 12px;
line-height: 18px;
text-align:justify;
}

.datearticle {
text-align: left;
display: block;
width : 300px;
height: 23px;
line-height: 23px;
float: left;
}

.pictoarticle {
display: block;
clear: none;
float: left;
text-align: right;
width: 260px;
height: 23px;
}

.pictoarticle img {
border: 0;
margin-left: 4px;
}

#centre-colonne hr {
height: 1px;
color: #CCCCCC;
border: 0;
background-color: #CCCCCC;
clear: both;
margin: 2px 0 2px 0;
}

.plusinfos {
font-weight: bold;
color: #999999;
font-size: 18px;
text-align: right;
margin: 0;
}
a.plusinfos {
font-weight:normal;
color: #CC0033;
font-size: 12px;
text-decoration: none;
text-align: right;
}

a:hover.plusinfos {
text-decoration: underline;
}

.plusinfos img {
vertical-align: middle;
border: 0;
}

.plusinfos hr {
margin: 0;
clear: both;
}

/************************
PAGE LISTING ACTUALITES
************************/

#blocnews {
display: block;
width: 100%;
height: 128px;
position: relative;
float: left;
margin: 25px 0;
background:url("images/habillage/fond-blocknews.gif") no-repeat left top;
}


#blocnews img.lire2nd {
float: left;
}

.minilogotv {
position: absolute;
right: 0;
top: -6px;
}

.blocimg {
float: left;
margin-right: 10px;
border: 0;
}

.titresactualites {
display: block;
width: 380px;
height: 35px;
overflow: hidden;
position: absolute;
top: 22px;
left: 180px;
}

.chapoactualites {
display: block;
width: 380px;
height: 45px;
overflow: hidden;
position: absolute;
top: 60px;
left: 180px;
}

.taille12 {
font-size: 12px;
}

.ligne40 {
line-height: 40px;
}

.droite {
text-align: right;
}

.dateactualites {
display: inline;
font-size: 13px;
position: absolute;
left: 180px;
top: 5px;
font-weight: bold;
}

.soustitreactu {
display: inline;
position: absolute;
right: 0;
top: 5px;
font-size: 13px;
font-weight: bold;
color: #CC0033;
}

.soustitreactutv {
display: inline;
position: absolute;
right: 36px;
top: 5px;
font-size: 13px;
font-weight: bold;
color: #CC0033;
}

a.pagininactive {
display: block;
width: 20px;
text-align: center;
float: left;
color: #03377B;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}

a.paginactive {
display: block;
width: 20px;
text-align: center;
float: left;
background-color: #03377B;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}

a.pagininactive:hover {
background-color: #F80000;
color: #FFFFFF;
}

/************************
PAGE INDEX DES CLASSEMENTS
************************/

#centre-colonneclass {
width: 560px;
text-align: left;
float: left;
margin: 5px 12px 20px 0;
}

#centre-colonneclass p {
margin: 0;
}

#centre-colonneclass a {
color: #F80000;
font-weight:bold;
font-size:11px;
text-decoration: none;
}

#centre-colonneclass a:hover {
color: #F80000;
font-weight:bold;
font-size:11px;
text-decoration: underline;
}

.nomdivision {
display: block;
width: 197px;
height: 21px;
line-height: 21px;
margin: 0 auto;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
background:url("images/habillage/fond-classements.gif") no-repeat left top;
}


/************************
PAGE CLASSEMENT
************************/

.classement-entete{
height: 20px;
background-color: #F80000;
}

.classement-titre {
font-size: 18px;
color: #164491;
}

.articleparatexte {
font-size: 12px;
}

.breveheure {
font-size: 12px;
color: #164491;
font-weight:bold;
text-decoration: none;
}

#resultats {
width: 560px;
float: left;
margin: 25px 0;
}

#calendrier {
width: 560px;
float: left;
margin: 0 0 25px 0;
overflow: hidden;
}

#buteurs {
width: 275px;
float: left;
margin: 15px 0 0 0;
}

#etoiles {
width: 275px;
float: left;
margin: 15px 0 0 10px;
}

.pucebuteursetoiles {
width: 18px;
display: block;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}

.nombuteursetoiles {
width: 125px;
display: block;
float: left;
margin: 0;
padding: 0;
font-weight: bold;
overflow: hidden;
}

.clubbuteursetoiles {
width: 110px;
display: block;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}

.totalbutsetoiles {
width: 15px;
display: block;
float: left;
margin: 0;
padding: 0;
color: #164491;
font-weight: bold;
overflow: hidden;
}

#buteurs ul, #etoiles ul {
margin: 5px 0 0 0;
padding: 0;
width: 100%;
list-style: none;
}

#buteurs li, #etoiles li {
overflow: hidden;
background-color: #FFFFFF;
height: 20px;
border-bottom: 1px solid #E9EEF3;
margin: 0;
padding: 0;
}

#buteurs img, #etoiles img, #resultats img, #calendrier img {
float: left;
margin-right: 15px;
}

.ptsclass {
font-size: 12px;
color: #164491;
font-weight:bold;
}

.scoreclass {
color: #164491;
font-weight:bold;
font-size:12px;
}

a.calendarclass {
color: #F80000;
font-weight:bold;
font-size:11px;
text-decoration: none;
}

a.calendarclass:hover {
color: #F80000;
font-weight:bold;
font-size:11px;
text-decoration: underline;
}

ul.award1, ul.award2, ul.award3, ul.award4 {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.award1 li, ul.award3 li, ul.award4 li {
	float: left;
	width: 180px;
	height: 18px;
	margin: 0;
	padding: 0;
}

ul.award2 li {
	float: left;
	width: 280px;
	height: 18px;
	margin: 0;
	padding: 0;
}

hr.hraward {
	visibility: hidden;
	margin: 10px 0;
}

h1.award {
	font-size: 18px;
	color: #03F;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.submitaward {
	width: 220px;
	margin: 20px 0  0 170px;
	padding: 10px;
	background-color: #03F;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	border: 2px inset #C00;
	text-indent: 2px;
}

.submitaward:hover {
	background-color: #036;
	border: 2px outset #C00;
}

.submitaward:active {
	text-indent: 0;
	padding: 12px 10px 8px 10px;
}

.mb {
	display: block;
	text-indent: -600px;
	overflow: hidden;
}