/* Webcarnews.com - common2009.css
 *
 * Couleurs:
 *  - bordures  : #c7c7c7
 *  - bleu      : #52567c
 *  - bleu2     : #353a64
 *  - bleu foncé: #0c0c6d
 *  - gris foncé: #3c3c3c
 *  - rouge     : #af1513
 *  - orange    : #e16319
 */

body, fieldset, ul, li { margin: 0; padding: 0 }
ul { list-style-type: none }
fieldset { border: 0 }
a img { border: 0 }
body { text-align: center; font: 11px verdana, sans-serif; background: #e5e5e5 }

:focus { outline: 0 }

a { color: #52567c; text-decoration: none }
a:hover { text-decoration: underline }
a.more.red { color: #af1513 }

.clear { clear: both }

/* 02/04/2009: pour la nouvelle régie AdLINK */
/* Bigbanner 768x90 */
#adl_leaderboard table, #adl_medium_rectangle table { width: 100%; text-align: center }
#LIVESQUARE_PLACEMENT { width: auto }
#adl_medium_rectangle table { max-width: 338px }

#wrapper { position: relative; padding: 0; border: 1px solid #979797; border-top: 0; margin: 0 auto; width: 994px; text-align: left; background: white }
#ads-foreground { position: absolute; display: none; z-index: 1000 }
#ads-foreground .content { border: 0; position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100% }
#ads-foreground .close { position: absolute; margin: 0; padding: 0; width: 80px; height: 20px; text-align: center; border: 0; cursor: pointer; background-color: #E16319; color: white; line-height: 200% }
#ads-top, #ads-partners { background: #e0e0e0 }
#ads-top { text-align: center; font-size: 0 }
#ads-partners { padding: 2px 0; text-align: center; color: #3a3a3a; font-size: 10px }
#ads-partners a { color: #3a3a3a; text-decoration: none; font-weight: bold; padding: 0 2px }
#top { position: relative; height: 101px; background: url(/rsrc/images/noir/title.right.jpg) no-repeat 400px 0 }
#top h1 { margin: 0; padding: 0 }
/*#top h1 a, #top h1 a img { margin: 0; padding: 0 }*/
#top a.wcn { display: block; float: left; height: 100px; width: 400px }
#top .ad { position: absolute; top: 3px; right: 3px }
#title { text-align:center;left:295px;top:10px;position:absolute;font-size:22px;color:white;font-weight:normal }
#title span { display:block;margin:0 auto 10px auto;color:#ff9e07;font-weight:normal;font-size:15px;line-height:19px }
#search { position: absolute; top: 77px; right: 3px }
#search input { margin: 0; padding: 0; width: 130px; font: 12px Arial, sans-serif }
#search button { margin: 0; padding: 0; border: 0; background-color: transparent; vertical-align: middle }
ul#menu { height: 29px; margin-top: 1px; padding-left: 8px; background: url(../images/menu_bg.gif) repeat-x }
ul#menu .item {
  float: left; line-height: 26px; color: #999; margin-top: 3px; margin-right: 1px;
  background-image: url(../images/noir/menu_tab_left.png);
  background-repeat: no-repeat;
  background-position: 0 -52px;
}
ul#menu .item a {
  display: block; padding: 0 8px;
  color: white; font: bold 12px Arial, sans-serif;
  /* pour IE6 on le mets LA sans !important */
  height: 26px; line-height: 26px;
  background-image: url(../images/noir/menu_tab_right.png);
  background-repeat: no-repeat;
  background-position: right -52px;
}
/* Putain de bug sous IE6 qui m'a pris 10 plombes à corriger
 * Finalement la solution tiens en 3 lignes...
 * Sans float sur $$('ul#menu li a') IE6, ils remplissaient la page
 * en largeur, apparemment à cause de l'attribut 'layout'
 * (interne à IE, voir lien ci-dessous).
 * Quelques liens:
 * http://www.satzansatz.de/cssd/onhavinglayout.html
 * '* html' => pris en compte seulement sous IE6
 * le commentaire bizarre c'est pour qu'IE Mac le prenne pas en compte
 * si je me souviens bien.
 */
/* \*/
* html ul#menu .item a { width: 1%; white-space: nowrap }
/* */
ul#menu .item.red { background-position: 0 -26px }
ul#menu .item.red a { background-position: right -26px }
ul#menu .item.extras { background-position: 0 -78px }
ul#menu .item.extras a { background-position: right -78px }
ul#menu .item a:hover { color: #3a3a3a; text-decoration: none }
ul#menu .item.over { background-position: 0 -104px }
ul#menu .item.over a { color: #3a3a3a; background-position: right -104px }
ul#menu .item.selected { background-position: 0 0 }
ul#menu .item.selected a { color: #3a3a3a; background-position: right 0 }
ul#menu li.last { float: right }
ul#menu li.last a { background: none }
#menu2 { background: url(../images/menu2_bg.gif) repeat-x }
#menu2 table { margin: 0; padding: 0; width: 993px }
#menu2 tr td {
  margin: 0; padding: 0; height: 37px;
  text-align: center; vertical-align: middle; font: bold 11px Arial, sans-serif;
}
#menu2 tr td.first { vertical-align: top }
#menu2 tr td a { color: #525252; text-decoration: underline }
#menu2 tr td a:hover { color: #525252; text-decoration: none }

/* Liens dans des menus */
li a { font: bold 11px verdana, sans-serif; text-decoration: none }

/* 27/01/2009: Menu déroulant */
/* Putain de bug sous IE6 qui m'a pris 10 plombes à corriger
 * Finalement la solution tiens en 3 lignes...
 * Sans float sur $$('ul#menu li a') IE6, ils remplissaient la page
 * en largeur, apparemment à cause de l'attribut 'layout'
 * (interne à IE, voir lien ci-dessous).
 * Quelques liens:
 * http://www.satzansatz.de/cssd/onhavinglayout.html
 * '* html' => pris en compte seulement sous IE6
 * le commentaire bizarre c'est pour qu'IE Mac le prenne pas en compte
 * si je me souviens bien.
 */
/* \*/
* html ul#menu li a { width: 1%; white-space: nowrap }
/* */

ul#menu li ul { display: none }
ul#menu li.over ul {
  display: block; position: absolute;
  z-index: 200; /* Carousel's zIndex is 100 */
  background: white url(http://www.webcarnews.com/rsrc/images/menu_sub_bg.png) repeat-x;
  border-bottom: 1px solid #999;
  overflow: hidden;
}
ul#menu li.over ul li { float: none; display: block; line-height: 22px }
ul#menu li.over ul li a {
  padding: 0 6px; background-image: none;
  float: none; display: block; color: #3c3c3c;
  font: bold 11px Arial, sans-serif; height: 22px; line-height: 22px;
  border-left: 1px solid #999; border-right: 1px solid #999;
}
/*ul#menu li.over ul li.last a { border-bottom: 1px solid #999; } */
ul#menu li.red ul li a { color: #3c3c3c }
ul#menu li.over ul li a:hover, ul#menu li.red ul li a:hover { background: #52567c; color: white }
.menuHandleMoreTop, .menuHandleMoreBottom { display: none; position: absolute; z-index: 300 }

ul#menu li.over .menuHandleMoreTop {
  display: block;
  background: #dfdfdf url(http://www.webcarnews.com/rsrc/images/menu_more_up.gif) no-repeat 50% 50%;
}
ul#menu li.over .menuHandleMoreBottom {
  display: block;
  background: #dfdfdf url(http://www.webcarnews.com/rsrc/images/menu_more_down.gif) no-repeat 50% 50%;
}

/* 06/05/2009: ajout du #bottom de la home aux pages intérieures */
#bottom2 { padding: 13px 10px 0; margin: 0; height: 55px; background: white; border-top: 1px solid #ddd }
#bottom2 div { float: left; width: 215px; padding-right: 20px; font-family: Arial, sans-serif }
#bottom2 div h5 {  margin: 0; padding: 0; font-size: 13px; color: #e16319 }
#bottom2 div p { margin: 0; padding: 0; display: inline; font-size: 10px }
#bottom2 div a { font-size: 10px }

#trackers { padding: 4px 8px; line-height: 25px; font-size: 11px; background: #fff }