

*{
	padding:0; margin:0;
}
body{background:#191411;}

.clear{
	clear:both;
	display:block;
	overflow:hidden;/* fix ie 1px */
	height:0px;
	font-size:1%;
	padding:0;
	margin:0;
	background:none;
}
.fl{ float:left; }
.fr{ float:right; }
#main .submit{
	width:90px; height:41px;
	text-indent:-999em;
	border:0;
	display: block;
	background:url(../../fr/images/btn-validez.png) left top no-repeat;
	cursor:pointer;
}
label{ cursor:pointer; }
a{ text-decoration:none; }
h1{ font:1.4em Helvetica; color:#FFF; }
h2{
	background:url(../../fr/images/bg-hr.png) right top no-repeat;
}
h2 span{
	display:block;
	background:url(../../fr/images/bg-hl.png) left top no-repeat;
	margin-right:5px;
}
h2 strong{
	background-image:url(../../fr/images/sprite-title.png);
	background-repeat:no-repeat;
	text-indent:-999em;
	display:block; height:60px;
}
h3{ font:1.1em Helvetica; color:#FFF; }
h4{ font:0.9em Helvetica; color:#FFF; }
p{ font:0.7em Arial; color:#cbbcab; }

/*=HEADER
--------------------------------------------------------------------------------------*/
#header{
	background:url(../../fr/images/bg-body.png) top repeat-x;
	position:fixed;
	top:0; left:0; z-index:2;
	height:155px; width:100%;
}
#header #logo-didierDrogba{
	 position:relative;
	 top:0px; z-index:3;
	 width:908px;
	 margin:0 auto;
}
#advertising{
	position:fixed;
	top:36px; left:0;
	z-index:11;
}
#advertising .twitter{
	position: absolute;
	left: 0; top: 0;
	z-index: 100;
	display: block;
	text-indent: -999em;
	background: url(../../fr/images/fondation-didierdrogba.png) no-repeat 0 2px;
	width: 37px; height: 50px;
}

#live,
#boutique{
	position:fixed;
	z-index:11;
}
#live{
	background:url(../../fr/images/bg-live.png) no-repeat center left;
	width:200px; height:88px;
	padding:12px 0 0 20px;
	top:32px; right:0;
}
/*#boutique{ top:29px; right:0; } */
#boutique{ top:62px; right:10px; }

#live p{
	font-size:inherit;
	position:relative;
	z-index:2;
	text-align: center;
	background:url(../../fr/images/live-animated.gif) no-repeat -3px -1px;
}
#live p a{
	font:0.7em/0.2em Arial; color:#988d80;
	padding-left:18px;
}
#live p.results a{
	font:1.1em Georgia; color:#cbbcab;
	letter-spacing: -1px;
}
#live a span{
	font:1.5em Georgia; color:#ffcd5e;
	padding:0 8px 0 25px;
	letter-spacing:-1px;
	display: block;
}
#advertising{
	width:185px;
	background:none;
}
#advertising a{
	display: block;
	height: 130px;
	background:url(../../images/commun/widget-pes.png) no-repeat left top;
	font-size:12px;
	color:#FFF;
	text-indent: -999em;
}

/* lv1 */
#navigation{
	width:731px;
	padding:0 0 0 52px; margin:1px auto 0;
	position:relative; z-index:10;
	background:url(../../fr/images/bg-lv1-left.png) no-repeat top left;
}
#navigation #lv1{
	display:block;
	height:28px;
	padding:0 42px 0 0;
	background:url(../../fr/images/bg-lv1-right.png) no-repeat top right;
}
#navigation li{
	display:block;
	position:relative;
	float:left;
}
#navigation li a{
	cursor:pointer;
}
#navigation li a{
	width:87px; height:28px;
	background:url(../../fr/images/sprite-lv1.png) no-repeat left -28px;
	display:block;
	text-indent:-999em;
	float:left;
	position:relative; z-index:2;
	padding:0 5px;
	
}
#navigation li a strong{
	height:28px;
	display:block;
	position:relative; z-index:4;
	background-image:url(../../fr/images/sprite-lv1-txt.png);
	background-repeat:no-repeat;
	background-position:center 5px;
}
#navigation span.hover{
	display:block;
	width:97px; height:28px;
	position:absolute; z-index:3;
	left:0; top:0;
}
/*#navigation a:hover,*/
#navigation span.hover,
#navigation li.current a{
	background:url(../../fr/images/sprite-lv1.png) no-repeat left 0;
}
#navigation li:hover li,
#navigation li.current li{ 
	background:none;
}
#navigation li:hover li a,
#navigation li.current li a{
	background:none;
}
#navigation li a.info strong{
	background-position:center -15px;
}
#navigation li a.billets strong{
	background-position:center -35px;
}
#navigation li a.bio strong{
	background-position:center -55px;
}
#navigation li a.saison strong{
	background-position:center -75px;
}
#navigation li a.media strong{
	background-position:center -95px;
}
#navigation li a.communaute strong{
	background-position:center -115px;
}
#navigation li a.quizz strong{
	background-position:center -90px;
}
#navigation li ul{
	width:120px;
	position:absolute; z-index:1;
	top:28px; left:-28px;
	padding:0 16px 20px 16px;
	background:transparent url(../../fr/images/bg-lv2.png) no-repeat bottom;
}
#navigation li ul li,
#navigation li ul a{
	width:auto; height:25px;
	display:block;
	color:#FFF;
	background:none;
	float:none;
}
#navigation li ul a{
	font:normal 11px Arial; color:#fed881; 
	text-align:center; text-decoration:none; text-indent:0;
	clear:both; border-bottom:1px solid #563e22;
	padding:5px 0; margin:1px 1px 0;
	height:15px;
}
#navigation li ul a:hover{
	color:#FFF;
	background:#22170a; 
	height:15px;
}

/*=OVERALL
--------------------------------------------------------------------------------------*/
#overall{
	width:1000px;
	margin:0 auto;
	padding-top: 155px;
}

/** MAIN **/
#main{
	position:relative; z-index:1;
	margin:0 auto;
	margin-top: 20px;
	overflow:hidden;
	padding:0 0 60px 0;
	width:1000px;
}

/* content */
#content{
	width:652px;
	float:left;
}
#content a:hover{ text-decoration:underline; }
#article h2 strong{ background-position:0 -3px; }
#article h2.COEUR strong{ background-position:0 -68px; }
#article h2.JOURN strong{ background-position:0 -135px; }
#content div div{
	border:1px solid #463729;
	margin:-4px 3px 25px;
}
#content div div div{
	border:0;
	margin:0;
}
#content div div.pngfixed{
	border:0;
	margin:0;
}

#article .img{
	float:left;
	margin-right:10px;
}
#article div.img{
	float:left;
	margin:15px 15px -20px;
}
#article p img{
	margin:15px;
}
#article h1{
	padding:15px 15px 0 15px;
	letter-spacing: -1px;
}
#article h1 a{
	color:#ffffff;
}
#article p{
	padding:5px 15px 15px;
}
#article p a{
	 color:#cbbcab;
}
#article .date{
	font:0.7em Arial; color:#927f6c;
	display:block;padding:10px 15px 0;
}
#article .date a{
	font:0.7em Arial; color:#927f6c;
}
a.plusInfos{
	display:block;
	height:40px; width:105px;
	margin:10px 0 0 405px;
	text-indent:-999em;
	background:url(../../fr/images/bt-plusInfos.png) top left no-repeat;
}

#archives{
	width:406px;
	float:left;
}
#archives div{
	padding:15px;
	height:138px;
}
#archives h2 strong{ background-position:0 -199px; }
#archives a{
	display:block;
	font:0.7em Arial; color:#ffffff;
	line-height:1.76em;
}
#archives .date{
	display:block; width:120px;
	float:left;
	font:0.7em Arial; color:#ffffff;
	line-height:1.76em;
	color:#927f6c;
}
#archives li{
	clear: left;
}
#archives li a{
	display:block;
	float:left;
	width:220px;
	padding-left: 20px;
	background-image:url(../../fr/images/sprite-ico-rubrique.png);
	background-repeat:no-repeat;
}
#archives li.COEUR a{
	background-position:0px 3px;
}
#archives li.ACTU a{
	background-position:0px -16px;
}
#archives li.JOURN a{
	background-position:0px -37px;
}

#contact{
	width:216px;
	float:right;
}
#contact h2 strong{ background-position:0 -328px; }

#opinion div{ min-height:138px; }
#opinion h2 strong{ background-position:0 -394px; }
#opinion form{ padding:4px 20px 0px; }
#opinion p{ padding:3px 0 0; clear:both; }
#opinion .percent{ 
	padding-top:0;
	padding-bottom:5px;
}
#opinion .percent span{ 
	height:2px;
	margin:1px 3px 0 0;
	background:#ffcd5e;
	display:block;
	float:left;
}
#opinion form input{ float:left; }
#opinion form label{
	display:block;
	width:220px;
	float:left;
	padding:0 0 0 5px;
}
#opinion form input.voter{
	float:right;
	cursor:pointer;
}
.nbVotes{ text-align:right; }

/* fifth */
#fifth{
	width:320px;
	overflow:hidden;
	float:right;
}
#fifth div div{
	border:1px solid #463729;
	margin:-4px 3px 14px;
	padding:15px;
}

#fifth #infosClub div{
	position:relative;
	height:62px;
	background:url(../../fr/images/bg-club.png) top left no-repeat;
	padding-top:77px; margin:3px 0 1px;
	text-align:center;
}
#infosClub .logoChelsea{
	display:block; 
	width:78px; height:121px;
	background:url(../../fr/images/logo-chelsea.png) top left no-repeat;
	position:absolute; left:124px; top:-3px;
	z-index:1;
}
#infosClub p{
	font-size:inherit;
	position:relative;
	z-index:2;
}
#infosClub p a{
	font:0.7em Arial; color:#988d80;
/* 	font:0.7em/0.4em Arial; color:#988d80; */
}
#infosClub p.results a{
	font:1.2em Georgia; color:#cbbcab;
	letter-spacing: -1px;
}
#infosClub a b{
	font:1.5em Georgia; color:#ffcd5e;
	padding:0 8px;
	letter-spacing:-1px;
}

#participe{
	position:relative;
	height:177px;
	margin:0 0 7px;
}
#fifth #participe div{ 
	border:0;
	margin:0;
}
#fifth #participe #flashParticipe{
	width:334px;
	padding:0;  z-index:2;
	position:absolute; bottom:0; left:0;
}
#fifth #participe #participation{
	position:relative;
	padding:0;
}
#participe h3 a{ color:#FFF; }
#participe p a{ color:#CBBCAB; }
#participe h3{ padding:38px 15px 0 105px; }
#participe p{ padding:0 15px 60px 105px; }

/*=PARTENAIRES
--------------------------------------------------------------------------------------*/
#partenaires{ clear:both; }
#partenaires ul{
	/*width:446px; modif 2014*/
  width:90px;
	margin:0 auto;
}
#partenaires li{ display:inline; }
#partenaires li a{
	display:block;
	width:100px; height:37px;
	float:left;
	text-indent:-999em;
	background:url(../../fr/images/logo-partenaires.png) no-repeat left top;
}
#partenaires li.newsweb a{
	background-position:0 0;
}
#partenaires li.pes a{
	background-position:-117px 0;
}
#partenaires li.konami a{
	background-position:-238px 0;
}
#partenaires li.orange a{
	background-position:-361px 0;
	width:36px;
}
#partenaires li.actionImages a{
	background-position:-406px 0;
	width:110px;
}

/*=FOOTER
--------------------------------------------------------------------------------------*/
#footer{
	position:fixed; z-index:5;
	bottom:0; text-align:center;
	width:100%;
}
#footer a.btn-slide{
	display:block; width:100%; height:55px;
	background:url(../../fr/images/bt-drogba-box.png) bottom repeat-x;
}
#footer a.btn-slide img{
	margin-top:14px;
}
#drogbabox{
	background:#FFF url(../../fr/images/bg-drogbabox.gif) repeat-x bottom;
	height:327px;
	text-align:left;
	position:relative;
}
#drogbabox div{
	height:247px;
	padding:40px 0;
}
#drogbabox li a{
	display:block;
	padding:9px 8px;
}
#drogbabox #drogba-wallpaper{
	width:24%;
	position:absolute;
	left:0; top:0;
	background:url(../../fr/images/bg-bloc-drogbabox.gif) no-repeat right center;
}
#drogbabox #drogba-wallpaper ul{
	width:205px;
	margin: 0 auto;
}
#drogbabox #drogba-wallpaper li{
	width:205px; height:327px;
	background:url(../../fr/images/bg-wallpaper.png) top left no-repeat;
}

#drogbabox #drogba-photos{
	/* width:513px; */ width:54%;
	margin:0 auto;
	margin:0 23.5%;
}
#drogbabox #drogba-photos div{
	width:513px;
	margin:0 auto;
	padding:0;
}
#drogbabox #drogba-photos .photo{
	float:left;
}
#drogbabox #drogba-photos .photo img{
	width:279px;
	padding:5px;
	border:1px solid #DEDEDE;
	background:#FFF;
}
#drogbabox #drogba-photos ul{
	width:212px;
	float:right;
}
#drogbabox #drogba-photos li{
	float:left;
	margin:1px 0 14px;
}
#drogbabox #drogba-photos li a{
	padding:0 0 0 16px;
}
#drogbabox #drogba-photos li img{
	width:78px; height:44px;
	padding:5px; float:left;
	border:1px solid #DEDEDE;
	background:#FFF;
}
#drogbabox #drogba-videos{
	/*width:205px;*/ width:23%;
	position:absolute;
	right:0; top:0;
	background:url(../../fr/images/bg-bloc-drogbabox.gif) no-repeat left center;
	/*background:url(../../fr/images/bg-bloc-drogbabox.gif) no-repeat left center;*/
}
#drogbabox #drogba-videos ul{
	width:205px;
	margin: 0 auto;
}
#drogbabox #drogba-videos a img{
	width:50px; height:50px;
	padding:5px; margin-right:10px;
	float:left;
	border:1px solid #DEDEDE;
	background:#FFF;
}
#drogbabox #drogba-videos a{
	color:#211a15;
	font:0.7em Arial;
}
#drogbabox #drogba-videos a h2{
	color:#211a15;
	font:bold 1.3em Arial;
	background:none;
}

























































