/* =GENERAL
---------------------------------------------------------*/
body{
	font:normal 62.5%/1.5em Arial,Helvetica,sans-serif; color:#000;
	background:url(/_new/includes/nav/images/_new/bg-page.jpg);
}

a{ text-decoration:none; color:#000; }
a:hover{ text-decoration:underline; }

/* Form */
form li{
	padding:2px 0;
	clear:both;
	overflow:hidden;
}
label{
	display:block;
	float:left;
	cursor:pointer;
}
input{
	float:left;
}

h2{
	padding:4px 8px;
	color:#FFF;
	background-color:#204D93;
}

/* Class générique */
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.fr{ float:right; }
.fl{ float:left; }
.hide{ display:none; }
.u{ text-decoration:underline;}
.clear{
	clear:both;
	display:block;
	overflow:hidden;/* fix ie 1px */
	height:0px;
	font-size:1%;
	padding:0;
	margin:0;
	background:none;
}
.strike{ text-decoration:line-through; }
.odd{ background-color:#CCC; }

/* more */
.more{
	display:block;
	padding-left:16px; margin-top:5px;
	color:#000;
	background:url(/_new/includes/nav/images/_new/arrow.png) no-repeat left 1px;
}

/* input check-radio */
.check input{
	border:0;
	width:auto;
}

/* Envoyez vos histoires */
.sendStories{
	display:block;
	width:400px;
	margin:0 auto; padding:19px 0 19px 120px;
	font:1.4em Helvetica; color:#FFF;
	position: relative;
	background:url(/_new/includes/nav/images/bg-send-stories.png) no-repeat;
}
.sendStories span{
	font-size:0.6em;
	text-transform:uppercase;
	position:absolute;
	right:46px; top:23px;
}

/* MAIN */
#main{
	width:940px;
	margin:0 auto; padding:0 10px;
	position:relative;
	background-color:#FFF;
}

/* HEADER */
h1{
	width:940px; height:200px;
	text-indent:-999em;
	background:url(/_new/includes/nav/images/_new/header.jpg) no-repeat left top;
}
/* nav */
#nav{
	height:48px;
	background-color:#FBDA41;
}
#nav a{
	display:block;
	height:36px;
	padding:6px 18px;
	float:left;
	font-size:1.2em; line-height:1.5em; color:#424242;
}
#nav a strong{
	display:block;
	font-size:1.5em;
}
#nav .current a{
	color:#FFF;
	text-decoration:none;
	background-color:#204D93;
}
#nav .first a{
	color:#000;
	background-color:transparent;
}
#nav li,
#sub-nav li{
	display:inline;
}
/* sub-nav */
#sub-nav{
	height:23px;
	background-color:#204D93;
}
#sub-nav a{
	display:block;
	padding:4px 18px;
	float:left;
	font-size:1.3em; font-weight:bold; color:#FFF;
}
#sub-nav .current a{
	color:#204d93;
	text-decoration:none;
	background-color:#FFF;
}

/* WRAPPER */
#wrapper{
	overflow:hidden;
	font-size:1.3em;
	background:#ededed url(/_new/includes/nav/images/_new/bg-wrapper.jpg) no-repeat bottom left;
	padding:9px 9px 190px; clear:both;
}
#wrapper div div{
	width:594px;
	margin-bottom:9px;
	border-bottom:1px solid #aeb2b5;
	background:#FFF;
}
#wrapper div div ul{
	padding:9px;
}

/* frame */
.frame,
.frame #main,
.frame #wrapper,
.frame #content,
.frame .article #wrapper #content div{
	width:594px;
	padding:0;
	border:0;
	background:none;
}
.frame .article #wrapper #content div.archives{
	padding:9px;
}

/* news */
#wrapper div.news li{
	padding:5px 0;
}
#wrapper div.news li h3{
	font-size:1.1em;
	padding-bottom:5px;
}
#wrapper div.news li h3 .date{
	float:right;
	font-size:0.85em; font-weight: normal; color:#5f5555;
}

/* scan */
#wrapper div.scan ul{
	padding:0;
}
#wrapper div.scan li{
	padding:10px 8px;
	color:#FFF;
	border-bottom:1px solid #323555;
	background:#000 url(/_new/includes/nav/images/_new/bg-scan.png) repeat-x left bottom;
}
#wrapper div.scan li .date{
	font-size:0.8em;
}
#wrapper div.scan li a{
	color:#FFF;
	line-height:1em;
}
#wrapper div.scan li h3 a{
	padding-bottom:5px;
	color:#FFDF4F; font-size:1.3em;
}

/* Content */
#content{ width:612px; }

/* fifth */
#wrapper #fifth div{
	width:301px;
}
/* Connexion */
#wrapper div #connexion{
	height:208px;
	padding:16px 0;
	background:#000 url(/_new/includes/nav/images/_new/bg-connexion.png) no-repeat center top;
}
#connexion h2{
	padding:12px 0 12px 16px;
	font-size: 1.5em;
	background:transparent;
}
#connexion h2 strong{
	display: block;
}
#connexion h2 strong a{
	font-size:0.6em; font-weight:normal; color:#FFF;
}
#connexion form{
	padding:0 16px;
}
#connexion form li{
	display:block;
	height:28px;
	clear:both;
}
#connexion form li.btn{
	height:20px;
	padding: 0;
}
#connexion form label{
	width:100px;
	padding:3px 0;
	font-size:1em; font-weight:bold; color:#333;
}
#connexion form .check label{
	width:230px;
	text-align: right;
}
#connexion form .check input{
	width:12px;
}
#connexion form input{
	width:140px;
}
#connexion form input.btn{
	width:41px; height:14px;
	margin:5px;
	overflow:hidden;
	border:0;
	float:right;
}
/* bloc loggué */
#wrapper div #connexion.log{
	height:206px;
	padding:12px 0;
	background:#000 url(/_new/includes/nav/images/_new/bg-connexionLog.png) no-repeat center top;
}
#connexion.log form{ margin:0; }
#connexion.log form *{ color:#fff; }
#connexion.log form b{ font-size:1.3em; }
#connexion.log form ul{ padding:0; }
#connexion.log form li{ height:20px; }
#connexion.log form li a{
	font-size:0.7em; font-weight:normal;
}

/* chercheur */
#wrapper div #chercheur{
	border:0;
}
#chercheur h2{
	padding:0;
	background:transparent url(/_new/includes/nav/images/_new/bg-chercheur.jpg) no-repeat left top;
}
#chercheur h2 a{
	display:block;
	height:44px;
	text-indent:-999em;
}

/* photos */
#wrapper div #photos{
	border:0;
}
#photos a{
	display:block;
	height:180px;
	text-indent:-999em;
	background:transparent url(/_new/includes/nav/images/_new/bg-photos.png) no-repeat left top;
}

/* vidéos */
#wrapper div #videos{
	border:0;
}
#videos h2{
	padding:0;
	background:transparent url(/_new/includes/nav/images/_new/bg-chercheur.jpg) no-repeat left bottom;
}
#videos h2 a{
	display:block;
	height:260px;
	text-indent:-999em;
}

/* sondage */
#sondage form{
	padding:9px;
}
#sondage li{
	height:20px;
	padding:2px 0;
}
#sondage .check input{
	margin:0 5px 0 0;
}
#sondage .pourcent{
	margin-bottom:5px;
}
#sondage .pourcent strong{
	padding-right:5px;
	font-size:1.1em; color:#204D93;
}
#sondage .pourcent span{
	 display:block;
	 height:2px;
	 margin:-1px 0 0;
	 background:#204D93; border:1px solid #666;
}

/* FOOTER */
#footer{
	padding: 10px;
	color:#FFF;
	background-color:#000;
}
#partenaires{
	margin:10px auto; padding:0 15px;
	overflow:hidden;
}
#footer .partenaires{
	height:26px;
	padding:18px 0;
}
#footer .partenaires li{ display:inline; }
#footer .partenaires a{
	display:block;
	width:56px; height:26px;
	margin-right:10px;
	float:left;
	text-indent:-999em;
	background-image:url(/_new/includes/nav/images/_new/sprite-partenaires.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#footer .partenaires .football a{
	width:92px;
	background-position:-153px 0;
}
#footer .partenaires .sports a{
	width:74px;
	background-position:-76px 0;
}
#footer .partenaires .sport4fun a{
	width:74px;
	background-position:-1px 0;
}
#footer p{ text-align:center; clear: both; padding:10px 30px; }

/* =HOME
---------------------------------------------------------*/
.home #wrapper div div{
	width:301px;
}
.home #wrapper div div.fl,
.home #wrapper div div.fr{
	background:transparent;
	border:0;
}
/* swf news */
#content #swfNews{
	width:610px; height:230px;
	margin:0 auto 10px;
}

/* communautaire */
#content div.communautaire ul{
	padding:0;
}
#content div.communautaire li{
	padding:10px; margin:0 0 2px 0;
	background-color:#CCC;
}
#content div.communautaire li.twitter{
	background: #CCC url(/_new/includes/nav/images/twitter.png) no-repeat right center;
}
#content div.communautaire a.more{
	margin:0;
	color:#333;
	background-position:left 3px;
}

/* ads */
#content div.ads{
	height:231px;
	background-color:#000;
}

/* forum */
#content div.forum{ overflow:hidden; }
#content div.forum dl{
	width:142px;
	padding:0 0 9px 9px;
}
#content div.forum dl.fr{
	width:141px;
	padding:0 9px 9px 0;
}
#content div.forum dt,
#content div.forum dd{
	padding:5px;
}

/* =ARTICLE
---------------------------------------------------------*/
.article #wrapper #content div{
	padding:9px;
}
#wrapper #content div h3{
	padding:5px 0 2px;
	font-size: 1em;
}
#wrapper #content div p{
	line-height:1.2em;
	padding:5px 0;
	text-align:justify;
}
/* bookmarks */
.bookmarks{ overflow:hidden; }
.bookmarks h2{
	width:200px;
	padding:0;
	float: left;
	color:#204d93;
	background:transparent;
}
#wrapper .bookmarks ul{
	float:right;
	padding:0;
}
.bookmarks ul li{
	float:right;
}
.bookmarks ul li a{
	width:20px; height:16px;
	display:block;
}
/* comments */
#wrapper .comments ul.post{ padding:0; }
.comments .post li{
	padding:0 0 4px 0; margin-bottom:8px;
	border-bottom:1px solid #BBB;
}
.comments li span{
	display:block;
	font-size:0.9em; color:#666;
}
.comments li h3,
.comments li p{
	display:inline;
}
.comments li h3{
	padding-right:10px;
	color:#204d93;
}
.comments form{
	background:#ededed;
}
#wrapper .comments form ul{
	padding:9px 44px;
}
.comments form li{
	height:auto;
	margin-bottom:9px;
	overflow:hidden;
}
#wrapper #content .comments form h3{
	padding:4px 8px;
	color:#FFFFFF;
	background:#a4a4a4;
}
.comments form label{
	display:block;
	float:none;
}
.comments form input,
.comments form textarea{
	width:500px;
	float:none;
	border: 0;
	padding:2px 4px;
}
.comments form input.count{
	width:23px;
}
.comments form textarea{
	height:80px;
}
.comments form input.btn{
	width:auto;
	margin-top:-20px;
	float:right;
	color:#FFF; font-weight:bold;
	background:#999;
}
/* archives */
#wrapper .archives ul{ padding:0; }
.archives li{
	padding:0 0 4px 0; margin-bottom:8px;
	border-bottom:1px solid #204d93;
}
.archives li span{
	display:block;
	font-size:0.9em; color:#666;
}

/* =DATAS (Calendrier, Classement,...)
---------------------------------------------------------*/
.datas #wrapper div div{ width:612px; }
.datas dl{ overflow:hidden; }
.datas dt{
	height:245px;
	background:url(/_new/includes/nav/images/_new/bg-datas.png) no-repeat left top;
}
.datas dt strong{
	display:none;
}
.datas dd a{
	width:auto;
	padding:5px 10px; margin-right:1px;
	display:block;
	float:left;
	color:#FFF;
	cursor:pointer;
	background:#204d93;
}
.datas dd a.current{
	color:#000;
	cursor:inherit;
	background:#FFF;
}

/* =COMMUNAUTE */
.datas dl.console dt{
	background-image:url(/_new/includes/nav/images/_new/bg-datas-joueur.png);
	position:relative;
}
.datas dl.console dt img{
	bottom:15px; left:0;
	position:absolute;
}
.datas dl.equipe dt{
	background-image:url(/_new/includes/nav/images/_new/bg-datas-equipe.png);
}
.datas dl.conseil dt{
	background-image:url(/_new/includes/nav/images/_new/bg-datas-conseil.png);
}
.datas dl.tactique dt{
	background-image:url(/_new/includes/nav/images/_new/bg-datas-tactique.png);
}
.datas dl.coulisses-news dt{
	background-image:url(/_new/includes/nav/images/_new/bg-coulisses-news.gif);
}

/* =GOODIES
---------------------------------------------------------*/
.goodies #wrapper #content div{ padding:9px; }
.goodies #wrapper #content div div{
	width:256px;
	padding:10px 20px; margin:0;
	border:0;
	text-align:center;
}
#wallpaper{ overflow:hidden; }
#wallpaper dt{ font-size:1em; line-height:1.5em; font-weight:bold; }
#wallpaper dd{ margin-left:22px; }
#wallpaper li{
	display:inline;
	padding:0 2px 0 4px;
	border-left: 1px solid #CCC;
}
#wallpaper li.first{
	border-left:0;
}
#wallpaper img{
	padding:5px; margin:15px 5px 0px 0;
	border: 1px solid #CCC;
	clear: both;
}

/* =ANNUAIRE
---------------------------------------------------------*/
.annuaire #wrapper #content div{ padding:9px; }
.annuaire dl{
	padding:10px 5px;
	border-bottom:1px solid #DDD;
}
.annuaire dt{
	padding-bottom:5px;
	line-height:1.3em;
}
.annuaire dt a{
	color:#204D93;
	font-weight:bold;
}
.annuaire dd{
	line-height:1.3em;
	 font-size: 0.95em;
}


/* =MULTIMEDIAS
---------------------------------------------------------*/
/* Gallery */
#wrapper div .gallery{
	width:612px;
	padding:27px 0 0;
	background:#2c2c2c;
}
#wrapper div .gallery div{
	width:inherit;
	padding:0;
	border:0;
	background:transparent;
}

/* photos */
#wrapper div .gallery #gallery-body{
	width:559px;
	padding:0 27px;
}

#wrapper div .gallery #gallery-body2{
	width:559px;
	padding:0 27px;
}

.gallery a.hq{
	display:block;
	width:125px;
	padding:12px 20px 12px 415px;
	color:#bdb5b4;
	background:#000;
}
.gallery a.hq:hover{
	text-decoration:none;
}
.gallery a.hq strong{
	padding:1px 0 0 20px;
	font:normal 0.9em Helvetica;
	background-image:url(/_new/includes/nav/images/_new/sprite-gallery.png);
	background-position:0 -25px;
}

.gallery a.hq2{
	display:block;
	width:125px;
	padding:12px 20px 12px 415px;
	color:#bdb5b4;
	background:#000;
}
.gallery a.hq2:hover{
	text-decoration:none;
}
.gallery a.hq2 strong{
	padding:1px 0 0 20px;
	font:normal 0.9em Helvetica;
	background-image:url(/_new/includes/nav/images/_new/sprite-gallery.png);
	background-position:0 -25px;
}

#wrapper div .gallery #gallery-navigation{
	padding:4px 0; margin:0;
	position:relative;
	background:#000;
}
#wrapper div .gallery #navigation-wrapper{
	width:520px; height:76px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#wrapper div .gallery #navigation-wrapper ul{
	height:76px;
	padding:0;
}
#wrapper div .gallery #gallery-navigation li{
	width:100px;
	padding:0 2px;
	float:left;
}
#wrapper div .gallery #gallery-navigation li a{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
}
#wrapper div .gallery #gallery-navigation li a:hover,
#wrapper div .gallery #gallery-navigation li a.current{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#wrapper div .gallery p{
	margin:22px 17px;
	position:absolute;
	top:0;
	cursor:pointer;
}
#wrapper div .gallery p em{
	display:block;
	width:11px; height:25px;
	background-image:url(/_new/includes/nav/images/_new/sprite-gallery.png);
	background-position:0 0;
}
#wrapper div .gallery p.prev{ left:0; }
#wrapper div .gallery p.next{ right:0; }
#wrapper div .gallery p.next em{
	background-position:-11px 0;
}

#popup{
	width:100%;
	position: absolute; top:0; left:0;
	z-index:1000;
	display:none;
}
#popup #background{
	width:100%;
	position:absolute; top:0; left:0;
	z-index:1001;
	background:#000;
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
#popup .bloc{
	position:relative;
	z-index:1002;
	width:904px;
	margin:1% auto;
	overflow:hidden;
	background:transparent;
}
#popup .closed{
	display:block;
	padding: 2px;
	text-align: right;
	font:1.1em Verdana; color:#FFF; text-transform:uppercase; letter-spacing: -1px;
}
#popup img{
	border:2px solid #888;
}

/* =CHERCHEUR
---------------------------------------------------------*/
#wrapper #content div.form{ padding:9px; }
#wrapper div div.form ul{ padding-top:0; }
#wrapper #content div.form h3{ clear:both; }
#wrapper #content div.form li p,
.form label{
	display:block;
	width:210px;
	padding:4px 2px 3px 8px;
	text-align:left;
	float:left;
}
.form .check label{
	width:auto;
	padding-top:5px;
}