/* Styles Homepage - Karim Benzema - (c) kiwii.fr */

body {background: #000 url(img/bg_body.jpg) left top no-repeat; padding:0; margin:0; behavior: url(iepngfix.htc);  font-family: arial; }
* html body { background: #000 url(img/bg_body.jpg) -1px top no-repeat;  overflow: visible;}
a img { border: 0; }
a:link { color: 000; }
a:visited { color: 000; }
a:hover { color: #f00; }
a:active { color: white; }
hr.clear { clear: both; visibility: hidden; height: 0;  margin: 0;}

#logo { float: left; width: 236px; height: 57px; margin: 8px 0 0 227px; z-index: 3;}
* html #logo {  float: left;  width: 236px; height: 57px; margin: 8px 0 0 114px; }
#logo a { display: block; width: 236px; height: 57px; }

div.img_topleft { position: absolute; width: 338px; height: 407px; left: 0px; top: 0px;  margin: 0; padding: 0; z-index: 2; background-position: top left; background-repeat: no-repeat; background-color: transparent; }

#conteneur { background: #fff url(img/bg_conteneur.jpg) 68px -7px no-repeat;  float: left; margin: 10px 0 0 53px ; width: 900px; padding: 0; min-height: 450px;  }
* html #conteneur { margin-left: 26px ; width: 900px;  margin-top: -16px;}
*:first-child+html  #conteneur { margin-top: -16px;}

#left_col { float: left; width: 300px;  margin-top: 330px; padding-left: 25px; }
* html #left_col { margin-top: 320px; }

#main {margin-top: 84px;color: white;font: 12px verdana;}
#main_top {background: #000 url(img/main_top.jpg) top left no-repeat;width: 1000px;height: 45px;margin-top: -12px;}
#main_bottom {background: transparent url("img/main_bottom.jpg") top left no-repeat;width: 1000px;height: 29px;/*margin-left: -1px;*/}
#content {background: #000 url("img/bg_main_content.jpg") top left repeat-y;width: 1000px;/*margin-left: -1px;*/margin:0;padding: 0;}
#head {background: transparent /*url(img/KarimBenzema2.jpg) top right no-repeat*/; height: 200px;width: 975px;margin-bottom: 5px;}
#logo_photo {float: left;margin-top: -117px;margin-left: 18px;width: 270px;height: 300px; }
* html #logo_photo { position: absolute; width: 306px; height: 320px; overflow: hidden; } /* Hack pour IE6 */
#photo {float: right;width: 155px;margin-right: 25px;}

#middle_col { float: left; width: 554px; margin: 0 0 0 7px;  padding-top: 0; }
* html #middle_col { margin: -20px 0 0 0;  }
*:first-child+html #middle_col { margin: -25px 0 0 0;  }

/********* Menu */

#menu { float: left; width: 417px; margin: 15px 0 0 0; }
* html #menu { width: 400px; }
*:first-child+html #menu {width: 400px;  margin-top: 25px;}
#menu ul { height: 35px; width: 400px; margin-bottom: 0; margin-left: 25px; font-size: 12px; padding: 0; }
* html #menu ul { margin: 10px 0 0 15px;  } 
#menu ul li {  float: left; list-style-type: none; margin: 0 4px 0 0; padding: 0; width: 70px; }
#menu ul li a { display: block; float: left; color: #fff; padding: 10px 15px;  text-decoration: none; width: 40px;  text-align: center; }
#menu ul li a:hover { color: #ccc; background: transparent url(img/bg_item_menu_hover.png) center center no-repeat; text-decoration: none; }
#menu ul li.current a { color: #fff; background: transparent url(img/bg_item_menu.png) center center no-repeat; text-decoration: none; font-weight: bold; }

#langue { float: left; width: 73px; background: transparent url(img/bg_langues.png) left top no-repeat; padding: 1px 0 0 2px; margin-top: 32px; }
#langue a { margin-right: -2px; }


/********* Col left */

#video { width: 280px; height: 240px; margin: 10px 0 15px 0; background-color: #000; }

#resultats_top { float: left; background: url(img/bg_resultats_top.gif) left top no-repeat; width: 280px; height: 7px; margin:0; }
* html #resultats_top { overflow: hidden; }
#resultats_bottom { float: left; background: url(img/bg_resultats_bottom.gif) left top no-repeat; width: 280px; height: 7px; margin-bottom: 10px; }
#resultats a { color: #666; }
#resultats a:hover { color: #FF0000; }
#resultats { float: left; background: url("img/bg_resultats.gif") left top repeat-y; width: 280px; color: #000; margin:0;}

#resultats h2 {text-align: center; font-size: 22px; font-family: arial; padding: 6px 0 8px 0; margin: 0; margin-bottom: 0; color: #666; }
#resultats p {text-align: center;line-height: 18px; padding-bottom: 10px; margin-bottom: 0; }
#resultats p.score {text-align: center; font-size: 28px; font-weight: bolder; padding: 10px 0; margin: 0 20px 10px 20px; color: #000; font-family: Arial Black; background-color: #EFEFEF; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc; }
#resultats ul { list-style-type: none; margin: 0 20px; padding: 0 0 0 0;}
#resultats ul li { background: #999 url("img/ballon.png") 5px 60% no-repeat; padding: 2px 0 2px 25px;margin-top: 2px;color: #000;line-height: 14px; vertical-align: middle; font-weight: bold; font-size: 12px; }
#score { width: 190px; margin: 0 auto 0 auto; }
#score .adversaires {font-size: 18px; font-weight: bold; text-align: center; margin: 5px 0;}

.moreResults { text-align: center; font-size: 11px; }
.moreResults a { color: #666; }
.moreResults a:hover { color: #e9ab2d; }

/********* Contenu */

#cadreBleu { float: left; padding: 15px 10px 5px 10px; margin: 14px 0 0 0; width: 534px; min-height: 170px; background: #3a4660 url(img/bg_cadrebleu.jpg) left top no-repeat; }
* html #cadreBleu { padding: 15px 9px 5px 8px; } 
#cadreBleu h2 { margin: 0 0 10px 90px; }
#cadreBleu h2 a { font-size: 18px; color: #e9ab2d;  text-decoration: none; }
#cadreBleu h2 a:hover { border-bottom: 1px solid  }
#cadreBleu #date { float: left; width: 50px; color: #6b7488;  font-family: arial; margin: 56px 0 0 12px; text-align: center;}
* html #cadreBleu #date { margin: 50px 0 0 7px; }
#cadreBleu #date span.num { font-size: 46px; font-weight: bold; }
#cadreBleu #date span.month { font-size: 20px; }
#cadreBleu p { font-size: 13px; color: #fff; line-height: 15px;  margin-left: 90px; padding-right: 8px; font-style: italic; background: transparent url("img/quote_home.gif") top left no-repeat; text-indent: 22px; }
#cadreBleu p.lire_suite { float: right; text-align: center; width: 80px; margin: 0 4px 6px 0; font-style: normal; font-size: 11px; text-indent: 0; }
#cadreBleu p.lire_suite a {color: #fff; padding: 2px 4px; text-decoration: none; display: block; background-color: #6B7488; }
#cadreBleu p.lire_suite a:hover {color: #e9ab2d; text-decoration: none;  background-color: #505A71; }
#cadreBleuBottom { float: left; width: 554px; height: 8px; background: #3a4660 url(img/bg_cadrebleu_bottom.jpg) left top no-repeat; margin-bottom: 10px; }
* html #cadreBleuBottom { overflow: hidden;  margin-bottom: 0px;  }

.main_photo { width: 554px; padding-top: 10px; border-top: 1px dotted #ccc; height: 234px; }

p.moreMedias { margin: 5px 0; font-size: 12px; border-bottom: 1px dotted #ccc; padding: 2px 0 8px 0; color: #666; }
p.moreMedias a { color: #666 ; text-decoration: underline; }
p.moreMedias a:hover { color: #999; text-decoration: none; }

#forum { width: 255px; float: left; margin-right: 15px; background:  #fbf9ee url(img/bg_titre_forum.gif) 10px 10px no-repeat;  padding: 0 5px 10px 5px; }
#forum h2 { padding-left: 40px; margin: 10px 0 0 0; font-size:  14px; color: #5d6c8e; }
#forum p {  padding: 0 0 0 40px; font-size:  14px; color: #5d6c8e;  font-size: 11px;  color: #666; }
#forum p.titre { padding-bottom: 5px; border-bottom: 1px dotted #ccc;margin: 0; }

#forum ul { padding: 0; list-style-type: none;  margin: 5px 0 0 0;}
#forum ul li { background: transparent url(img/bg_item_forum.gif) 7px center no-repeat; padding: 5px 0 5px 40px;  margin: 0;}
#forum ul li a.topic { color: #666; font-size: 13px; font-weight: bolder; text-decoration: none; }
#forum ul li a.topic:hover { text-decoration: underline; }
#forum ul li a.comm { color: #566789;  font-size: 11px; }
#forum ul li a.comm:hover { text-decoration: none; }
#forum ul li span.nb_comm { color: #aaa; font-size: 11px; }

#news { width: 260px; float: left; background-color: #fbf9ee; background:  #fbf9ee url(img/bg_titre_news.jpg) 10px 10px no-repeat;  padding: 0 5px; }
#news h2 { padding-left: 40px; margin: 10px 0 0 0; font-size:  14px; color: #000; }
#news p {  padding: 0 0 0 40px; font-size:  14px; color: #5d6c8e;  font-size: 11px;  color: #666; }
#news p.titre {  padding-bottom: 5px; border-bottom: 1px dotted #ccc;  margin: 0;  color: #000;}
/* flux rss real madrid */
#news h3 { display: none; }
#news ol.archives_links { margin: 5px 0 5px 10px; list-style-type: none;  padding: 0;  color: #333;}
#news ol.archives_links li { list-style-type: none; padding-right: 0.7em; font-size: 80%;  font-size: 11px; margin: 7px 0 0 0; line-height: 15px;  color: #999; }
#news ol.archives_links a { color: #000; font-size: 11px;  font-weight: bold; text-decoration: none;}
#news ol.archives_links a:hover { color: #ccc; }
#news ol.archives_links a.tableaudebord { color: #E4FF00; }
#news ol.archives_links a.tableaudebord:hover { text-decoration: none; }



#sound { background: transparent url(img/bg_player_deezer.png) left top no-repeat; width: 280px; height: 55px; margin: 15px 0; }

#middle_col ul.ariane { float: right; margin: 0; list-style-type: none;  color: #999; }
*:first-child+html ul.ariane { padding-top: 10px; }
#middle_col ul.ariane li { display: inline;  font-size: 10px; }
#middle_col ul.ariane li a { font-size: 10px; color: #999;  text-decoration: none; }
#middle_col ul.ariane li a:hover { text-decoration: underline; }

#middle_col h1 { margin: 0; font-size: 43px;  font-weight: normal; }
#middle_col h1#art-title { margin: 15px 0 10px 0; font-size: 30px;  font-weight: normal; }

#middle_col .resource_top { float: left; width: 534px; height: 42px; background: transparent url(img/bg_resource_top.png) left top no-repeat;  margin-top: 15px; padding: 5px 0 0 20px; }
#middle_col .resource_top h2 { margin: 0; }
#middle_col .resource_top h2 a { text-decoration: none; font-size: 20px; font-weight: bold; font-family: verdana; color: #0f3775; }
#middle_col .resource { float: left; width: 514px;  background: transparent url(img/bg_resource.gif) left top repeat-y; padding: 0 20px; color: #4c6a98; font-size: 12px; line-height: 17px; }
#middle_col .resource img { float: left; border: 5px solid #fff; margin: 0 13px 0 0; }
#middle_col .resource p {text-align: justify; }
#middle_col .resource_bottom { float: left; width: 554px;  height: 9px;  background: transparent url(img/bg_resource_bottom.gif) left top no-repeat; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }

#middle_col .resource_top_simple{ float: left; width: 554px; height: 9px; background: transparent url(img/bg_resource_top_simple.gif) left top no-repeat;  }

#middle_col table td { vertical-align: top; }

p.autres_ressources { color: #0e3774;  font-size: 12px; font-family: verdana;  font-weight: bold;  margin-bottom: 3px; }
* html p.autres_ressources { margin-top: 25px; }

ul#same_category_resources { padding: 0; list-style-type: none;  margin: 5px 0 15px 0; }
ul#same_category_resources li { font-size: 12px; color: #0e3774; }
ul#same_category_resources li span { margin-right: 10px;  color: #999; }
ul#same_category_resources li a { color: #0e3774;  text-decoration: none; }
ul#same_category_resources li a:hover { text-decoration: underline; }

/*
#art-description { color: #999; margin: 0; padding: 10px 20px 0 20px; border: 2px solid #141414;}
#art-description p { margin: 0; padding: 0; font-size: 14px; }
#art-description img { float: left; margin-right: 15px;}

#art_content { padding: 15px 55px; background-color: #141414;}
#art_content p img { float: left; margin: 3px 15px 10px 0; }
*/

#wallpapers {margin-top: 15px;}
#wallpapers a img {border: none;}

.cadre {background: #EFEFEF;border-bottom: 1px solid #999;width: 500px;padding: 10px;margin-bottom: 10px;}
.cadre img { float: left; margin-right: 10px;}
.cadre p { color: #999; }
.cadre p a { color: #0F3775; }
.cadre h2 {margin : 0;padding: 0;font-size: 16px;}
.cadre h2 a {text-decoration: none; color: #0F3775;}
.cadre h2 a:hover { color: #999;}

#homepage .cadre h2 a {text-decoration: none; color: #fff;}

.cadre p {font-size: 11px;text-align: left;color: #999999;}
/*p.score {font-size: 11px;text-align: right;color: #666;font-style: italic;}*/
.cadre p.lire_suite { text-align: left; margin: 0; padding: 0; float: right; }
.cadre p.lire_suite img { padding-bottom: 6px; }
p.lire_suite {color: #768336; text-align: right; }
#cadre2 {background: #171717 url(img/bg_cadre2.jpg) left top repeat-x;border: 1px solid #666;width: 473px;min-height: 242px;margin-top: 15px;padding: 10px;}
#cadre2 .colonnes h2 a { text-decoration: none; color: #E4FF00; }
#cadre2 .colonnes h2 a:hover { color: #999; }
.colonnes {float: left;width: 210px; margin-right: 10px; background-color: #333; padding: 5px 10px }
.colonnes h2 {font-size: 14px;margin: 5px 0 0 0;padding: 0;}
.colonnes p {font-size: 11px;color: #999999;}
.colonnes p img { width: 143px; height: 103; }
.no_marginright {margin-right: 0;}

#homepage .cadre h2 a {text-decoration: none; color: #fff;}
#homepage .cadre h2 a:hover {text-decoration: underline; }
#homepage #cadre2 .colonnes h2 a { text-decoration: none; color: #fff; } 
#homepage #cadre2 .colonnes h2 a:hover {text-decoration: underline; }

#art-pages-list { border-bottom: 3px solid #141414; }
#art-pages-list ol li a { font-weight: bold; }
#art-pages-list ol li.current a { font-weight: normal }
#art-pages-list ol li a { color: #E4FF00 }
#art-pages-list ol li.current a { color: #ccc; }

#exclusif { width: 157px; text-align: center;}
#exclusif p { color: #FF0000; margin: 5px 0;}
#exclusif p.date {font-size: 26px;font-family: Verdana;color: #FF0000; margin: 0;  }

#jeu-concours {width: 157px; }
#jeu-concours h2 {margin: 10px 0 0 0;font-size: 18px;}
#jeu-concours p {font-size: 11px;margin: 5px 0;}
#jeu-concours a { text-decoration: none; }

#banner { margin-top: 15px; border: 1px solid #fff; height: 50px;}

#archives { width: 493px; }
#archives h2 {margin-top: 20px;font-size: 14px;padding-bottom: 3px;border-bottom: 5px solid #171717;}
#archives p {font-size: 12px;font-weight: normal;color: white;}
#archives ul {float: left;list-style-type: none;margin: 0 30px 0 0;padding: 0;text-decoration: underline;}
.news_date { color: #555; font-weight: 100; font-size: 10px; font-style: italic; }
#archives ol { margin-top: 20px; }
#archives ol li { margin-bottom: 8px; color: #999; }

#sitemap { padding: 5px 25px; }
#sitemap h1 { font-size: 36px; }
#sitemap h3 { font-size: 18px; border-bottom: 1px solid #0e3774; }
#sitemap h3 a { color: #0e3774; text-decoration: none; }
#sitemap h3 a:hover { color: #999; }
#sitemap p { font-size: 12px; }
#sitemap ul li { }
#sitemap ul li a { color: #0e3774; font-size: 12px; }
#sitemap li.nodeco { list-style-type: none; }
#sitemap p { color: #666; }
#sitemap li.nodeco li { list-style-type: square; padding-bottom: 8px;}

.sitespref {}
.sitespref td.img { padding: 5px 27px 5px 0;}
.sitespref td.txt { /* border-left: 1px solid #333; */ padding: 5px 10px 0 27px; }

#art_content q { background: #333 url(img/quote.gif) 350px 10px no-repeat; padding: 10px 30px 10px 20px; display: block; width: 330px; color: #999; font-style: italic; }
#art_content blockquote { background-color: #D3D9E4; padding: 10px 20px; margin: 15px 0;}
#art_content blockquote p { margin: 0; text-align: justify;}

#art_content table  { border-spacing: 2px; empty-cells: hide; }
#art_content table td.wallpaper { border: 1px solid #ccc; padding: 10px; margin: 0;  }
#art_content table td.wallpaper img { width: 170px; margin: 0; }


/********* Footer **********/


#icons { float: right; width: 190px; margin-top: 30px; height: 27px;  padding-bottom: 10px; }
#icons ul { margin: 0; padding: 0;  list-style-type: none; }
#icons ul li { display: block; height: 27px;  width: 28px; float: left;   margin-right: 3px; }
#icons ul li a { height: 27px;  width: 28px; display: block;}

#icons ul li a#facebook { background: transparent url(img/icon_facebook.gif) left top no-repeat; }
#icons ul li a#facebook:hover {  background: transparent url(img/icon_facebook_hover.gif) left top no-repeat; }

#icons ul li a#yahoo { background: transparent url(img/icon_yahoo.gif) left top no-repeat; }
#icons ul li a#yahoo:hover {  background: transparent url(img/icon_yahoo_hover.gif) left top no-repeat; }

#icons ul li a#technorati { background: transparent url(img/icon_technorati.gif) left top no-repeat; }
#icons ul li a#technorati:hover {  background: transparent url(img/icon_technorati_hover.gif) left top no-repeat; }

#icons ul li a#google { background: transparent url(img/icon_google.gif) left top no-repeat; }
#icons ul li a#google:hover {  background: transparent url(img/icon_google_hover.gif) left top no-repeat; }

#icons ul li a#digg { background: transparent url(img/icon_digg.gif) left top no-repeat; }
#icons ul li a#digg:hover {  background: transparent url(img/icon_digg_hover.gif) left top no-repeat; }

#icons ul li a#delicious{ background: transparent url(img/icon_delicious.gif) left top no-repeat; }
#icons ul li a#delicious:hover {  background: transparent url(img/icon_delicious_hover.gif) left top no-repeat; }


#bottom { background:  #000 url(img/bg_bottom.png) left top no-repeat; width: 900px; height:9px; margin: 0 0 0 53px ; float: left; }
* html #bottom { margin-left: 26px;  width: 900px; overflow: hidden; }

#links {float: left; background: url(img/bg_links.png) left top no-repeat; width: 850px; height: 104px; margin: 20px 0 0 53px ; padding-left: 50px;padding-top: 10px;}
* html #links { margin-left: 26px;  margin-top: -15px; }
#links img { float: left; margin: 15px 25px 0 0; }
.links_list {float: left;width: auto;height: 100px;margin-right: 45px;/*border: 1px solid white;*/}
.links_list ul {width: auto;list-style-type: none;padding-left: 0;margin-left: 0;color: white;font-family: verdana;font-size: 12px;}
.links_list ul li { padding: 0;margin: 0;}
.links_list ul li a {font-size: 12px; color: #999; text-decoration: none; }
.links_list ul li a:hover { color: #e9ab2d; text-decoration: underline; }

#footer { float: left; width: 900px; height: 20px; margin: 10px 0 10px 53px; padding: 0; }
* html #footer { margin-left: 26px;}
#footer a { text-decoration: none; color: #999; }
#footer a.rss { background: url(img/puce_rss.gif) top left no-repeat; padding-left: 16px; }
#footer a:hover { text-decoration: underline; }
#footer p {color: #666; font-family: verdana; font-size: 12px; height: 20px; padding-top: 0; margin: 0; text-align: center; }
#footer img {margin: 3px 0 0 20px;}

#nowIlisten { background-color: black; margin: 0 0 -15px 0; padding: 0; color: #fff; width: 280px; background: #000 url("img/bg_coupdecoeur.gif") top right no-repeat; }
#nowIlisten h2 { font-size: 14px; padding: 2px 0 2px 4px; margin: 0; color: #e9ab2d; }
#nowIlisten p { font-size: 12px; padding: 0 0 2px 4px; margin: 0; }