/* CSS Global
*******************************/
body {
  background:url(bg-bleu.jpg) top repeat-y #183e63 fixed;
  margin:0px;
  }

ul, li {
  list-style:none;
  }

img, form, ul, li {
  margin:0px;
  padding:0px;
  border:0px;
  }

#body-wrap {
  text-align:left;
  margin:0 auto;
  width:760px;
  }
  
 

/****************************
		NO 
*******************************/
#no_skin {
  width:1px;
  height:1px;
  font-size:1px;
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  }
 
.absolute {
  width:1px;
  height:1px;
  font-size:1px;
  position:absolute;
  top:0px;
  left:0px;
  }


/* GLOBAL HEADER
*******************************/

#gnenav {
  background:url("ge_bar_bg2.gif") repeat-x bottom center;
  color:#999999;
  font-size:10px;
  font-family:Arial, sans-serif;
  padding:2px 0px 4px 8px;
  text-align:left;
  }

#gnenav a {
  color:#cccccc;
  text-decoration:none;
  font-family:Arial, sans-serif;
  font-weight:normal;
  }

#gnenav a:hover {
  color:#ffffff;
  text-decoration:none;
  font-family:Arial, sans-serif;
  font-weight:normal;
  }

#head-wrap {
  width:760px;
  height:78px;
  background:url(header_bg.png) no-repeat;
  }

#head-logo {
  width:280px;
  height:78px;
  float:left;
  font-size:0px;
  }



/* GLOBAL NAV MENU
*******************************/

#global-nav {
  width:760px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  float:left;
  background:url(topnav_grad.gif) repeat;
  }

#global-nav #menu {
  width:740px;
  float:left;
  }

#global-nav a {
  height:30px;
  float:left;
  display:block;
  color:#2a2a2b;
  padding:0px 10px;
  }

#global-nav li {
  display:block;
  }

#global-nav a:hover {
  background:url(topnav_grad_on.gif) repeat-x #FFDF28;
  text-decoration:none;
  }

#global-nav #nav {
  margin-left:10px;
  float:left;
  border-left:1px solid #000;
  display:inline;
  }

#global-nav .link {
  height:30px;
  line-height:30px;
  background:url(topnav_grad.gif) repeat-x;
  border-right:1px solid #000;
  float:left;
  }

#global-nav .on {
  background:url(topnav_grad_on.gif) repeat-x #FFDF28;
  }

#global-nav .queue {
  float:right;
  border-left:1px solid #000;
  display:inline;
  background:url(topnav_grad_queue.gif) repeat-x
  }

#global-nav .pending a {
  color:#ffDF28;
  background:#F00;
  }


/* CONTENT
*******************************/

#content-wrap {
  width:760px;
  float:left;
  }

#col-wrap {
  width:760px;
  float:left;
  margin:10px 0px;
  }
/* GLOBAL FOOTER
*******************************/

#footer-wrap {
  width:758px;
  float:left;
  border-left:1px solid #cfc7a7;
  border-right:1px solid #cfc7a7;
  border-bottom:1px solid #333;
  border-top:1px solid #333;
  background:#FFFFFF;
  color:#888;
  padding-bottom:30px;
  clear:both;
  }

#footer-wrap p {
  color:#69C;
  padding:3px 0px 5px;
  }

#footer-wrap .line3,
#footer-wrap .line4 {
  padding:3px 10px 5px;
  }

#footer-wrap a {
  color:#000;
  font-size:10px;
  }

#footer-wrap .logo {
  width:76px;
  height:41px;
  float:left;
  background:url(footer_logo.gif) no-repeat;
  margin-top:-46px;
  }

#footer-wrap .line1, #footer-wrap .line2 {
  text-align:center;
  margin:0px;
  }

#footer-wrap .line1 {
background:url(footer-bg2.gif) repeat-x;
  height:16px;
  line-height:16px;
  color:#ffcc00;
  }

#footer-wrap .line2 {
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  }

#footer-wrap .line3 {
  color:#404040;
  border-bottom:1px solid #333;
  margin:0px;
  }

#footer-wrap .line4 {
  color:#404040;
  border-bottom:1px solid #333;
  margin:0px;
  }

#footer-wrap .top {
  font-size:11px;
  color:#000000;
  border-bottom:1px solid #333;
  text-align:center;
  margin:0px;
  }

#footer-wrap .copyright {
  float:left;
  color:#000;
  line-height:10px;
  font-size:10px;
  padding-left:10px;
  margin:0px;
  }

#footer-wrap .about {
  float:right;
  color:#000;
  line-height:10px;
  font-size:10px;
  padding-right:10px;
  margin:0px;
  }


#footer-wrap .line1 a {
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  }

#footer-wrap .line2 a {
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#000;
  }

#footer-wrap .line3 a, #footer-wrap .line4 a {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:#000;
  }

#footer-wrap .top a {
  font-size:11px;
  color:#000;
  }

#ml a:hover {border-bottom: 0px}/* indispensable pour IE seulement */ 
#ml a span {display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black} /* met le texte <span> en noir */
#ml a:hover span {display: block; /* Montre le texte <span> lors du survol */ 
position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
padding: 4px; /* Marge intérieure à la bordure */
text-align:center} /* Centrage du nom de l'image */

/* COL LAYOUT

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$      col-0      $     col-1      $
$                 $                $
$      456px      $     300px      $
$                 $       +        $
$                 $   1px border   $
$                 $       on       $
$                 $ right and left $
$                 $                $
$                 $                $
$                 $                $
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$


3 col

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$      col-3 568px       $col-4    $
$$$$$$$$$$$$$$$$$$$$$$$$$$         $
$       $                $         $
$col-3  $ col-3-right    $ sky ad  $
$-left  $              $ 165px   $
$ $  418px         $         $
$140px  $                $         $
$       $                $         $
$       $                $         $
$       $                $         $
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

col-1

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


#col-0 {
  width:456px;
  margin:0px;
  float:left;
  overflow:hidden;
  }

#col-0 .pod {
  clear:both;
  margin:0px 10px 10px 10px;
  }

#col-0 .pod table {
  clear:both;
  }


#col-plein {
  width:756px;
  margin:0px;
  float:left;
  overflow:hidden;
  }

#col-plein .pod {
  clear:both;
  margin:0px 10px 10px 10px;
  }

#col-plein .pod table {
  clear:both;
  }

#col-lisiting{
  width:758px;
  margin:0px;
  float:left;
  overflow:hidden;
  }

#col-lisiting .pod {
  clear:both;
  margin:0px 5px 5px 5px;
  }

#col-lisiting .pod table {
  clear:both;
  }

#col-1 {
  width:300px;
  margin:0px;
  float:left;
  border:0px solid #F0F0F0;
  border-bottom:0px;
  border-top:0px;
  }

#col-3 {
  width:568px;
  float:left;
  margin:0px 0px 10px 10px;
  display:inline;
  overflow:hidden;
  }

#col-3 .pod {
  width:568px;
  float:left;
  display:inline;
  }

#col-3-left {
  width:140px;
  float:left;
  display:inline;
  }

#col-3-right{
  width:418px;
  float:right;
  display:inline;
  }

#col-4 {
  width:165px;
  margin:0px 5px 0px 5px;
  float:right;
  display:inline;
  overflow:hidden;
  }


/* COL-0 SECTION HEADER/FOOTER, FORUMS MOD
*******************************/
.titlebar {
background:url(titlebarrondie.gif) no-repeat top right;
}
.titlebar h3 {
background:#fff url(titlebarrondie.gif) no-repeat top left;
color:#FFF;
width:80%;
margin:0;
font-size:120%;font-weight:blod;
padding:4px 0px 4px 10px;
}
.titlebar2 {
background:url(titlebarrondie-gris.gif) no-repeat top right;
}
.titlebar2 h3 {
background:#fff url(titlebarrondie-gris.gif) no-repeat top left;
color:#003366;
width:80%;
font-size:120%;font-weight:blod;
margin:0;
padding:4px 0px 4px 10px;
}
table.tbl-1 td { color: #000 ;
  border:0px solid #f0f0f0;
  border-bottom:1px;
  border-top:0px;}


.titlebar .add {
  margin:4px 3px 0px 0px;
  float:right;
  }
.titlebar .contribute {
  margin:9px 3px 0px 0px;
  float:right;
  }
#col-0 .pod-foot {
  width:428px;
  float:left;
  text-align:center;
  padding:0px 0px 30px 0px;
  }

#col-0 .pod-foot a {
  padding:0px 10px;
  }


/* GENERIC TWEAK CLASSES
*******************************/

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

.cl   {clear:left;}
.cr   {clear:right;}
.cb   {clear:both;}

.mt-0 {margin-top:0px;}
.mt-5   {margin-top:5px;}
.mt-10  {margin-top:10px;}
.mt-15  {margin-top:15px;}
.mt-20  {margin-top:20px;}
.mt-30  {margin-bottom:30px;}
.mb-0 {margin-bottom:0px;}
.mb-5   {margin-bottom:5px;}
.mb-10  {margin-bottom:10px;}
.mb-15  {margin-bottom:15px;}
.mb-20  {margin-bottom:20px;}
.mb-30  {margin-bottom:30px;}
.mr-5   {margin-right:5px;}
.mr-10  {margin-right:10px;}
.mr-15  {margin-right:15px;}
.mr-20  {margin-right:20px;}
.mr-30  {margin-right:30px;}
.ml-5   {margin-left:5px;}
.ml-10  {margin-left:10px;}
.ml-15  {margin-left:15px;}
.ml-20  {margin-left:20px;}
.ml-30  {margin-left:30px;}

.m-0  {margin:0px;}
.m-5  {margin:5px;}
.m-10 {margin:10px;}

.pt-0 {padding-top:0px;}
.pt-5   {padding-top:5px;}
.pt-10  {padding-top:10px;}
.pt-15  {padding-top:15px;}
.pt-20  {padding-top:20px;}
.pb-0   {padding-bottom:0px;}
.pb-5   {padding-bottom:5px;}
.pb-10  {padding-bottom:10px;}
.pb-15  {padding-bottom:15px;}
.pb-20  {padding-bottom:20px;}
.pr-5   {padding-right:5px;}
.pr-10  {padding-right:10px;}
.pr-15  {padding-right:15px;}
.pr-20  {padding-right:20px;}
.pl-5   {padding-left:5px;}
.pl-10  {padding-left:10px;}
.pl-15  {padding-left:15px;}
.pl-20  {padding-left:20px;}

.p-0  {padding:0px;}
.p-5  {padding:5px;}
.p-10 {padding:10px;}

.ls-1 {letter-spacing:1px}
.ls-2 {letter-spacing:2px;}
.ls-3 {letter-spacing:3px;}

.ta-c {text-align:center;}
.ta-l {text-align:left;}
.ta-r {text-align:right;}

.di {display:inline;}

.gray-bg  {background-color:#eee;}
.gray-border  {border:1px solid #ccc;}

/* TABLES
********************************/

table.top10 {
  border-top:1px solid #CCD4DF;;
  }

.top10 td {
  padding:3px;
  border-bottom:1px solid #CCD4DF;
  border-right:1px solid #CCD4DF;
  }

table.letop10 {
  border-top:1px solid #FFFFFF;;
}

.letop10 td {
  padding:3px;
  border-right:2px solid #FFFFFF;
  }
  
.tr-alt {
  background:#d9e9fe;
  }
  
.tr-alt2 {
  background:#EEEEEE;
  height: 25px;
  }  
.tr-alt3 {
  background:#CCCCCC;
  height: 25px;
  }


  
  
/********************
  PAS DE COL - PAGE 
********************/
.bigpage{margin:10px;}

/****************************
  HEADER
****************************/

#header {
  font:bold 11px Arial;
  }

#header ul {
  list-style:none;
  margin:0;
  padding:0;
  }

#header li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
  }

/****************************
  USERBAR
****************************/

#header .userbar,
#header .userbar-bg {
  height:78px;
  }

/****************************
  COLORS USERBAR
****************************/

#header .userbar-bg     {background:url(logo.gif) no-repeat left;}
#header .userbox .left  {background:url(user-left.gif) left no-repeat;}
#header .userbox .right {background:url(user-right.gif) right no-repeat;}*/


/****************************
  SEARCHBAR
****************************/

#header #searchbar {
  height:30px;
  padding-top:25px;
/*  background:url(searchbar-bg.gif) repeat-x;*/
  }

#header #searchbar form {
  width:395px;
  height:30px;
  margin:0 0 0 9px;
  float:right;
  display:inline;
  }


#header #searchbar form .body {
  color:#FFF;
  padding:0 20px;
  }
  
#header #searchbar form .body a {
  color:#FFF8C2;
  padding:0 2px;
  font-size:10px;
  }
  
#header #searchbar form span {
  float:left;
  line-height:30px;
  }

#header #searchbar form span.input {
  height:20px;
  width:150px;
  margin:4px 10px 0;
  background:url(search-input-bg.gif);
  }

#header #searchbar.safari form span.input {
  background:none;
  }

#header #searchbar input {
  height:16px;
  width:130px;
  float:left;
  background:transparent;
  border:0;
  margin:4px 5px 0;
  padding:0;
  color:#91998E;
  font-size:12px;
  }

#header #searchbar input.on {
  color:#000;
  }
#header #searchbar .btn {
  width:76px;
  height:23px;
  padding:0;
  margin-top:2px;
  float:left;
  display:inline;
  cursor:pointer;
  }



/****************************
  THEMED SEARCHBAR
****************************/
#blue #header #searchbar .btn        {background:url(btn-search.gif);}


/****************************
  COLORS GLOBALBAR
****************************/

#header .globalbar a.on {color:#FFF;background-position:right;height:32px;}

#blue   #header .globalbar a.on {background-image:url(globalbar2-bg.gif);}



/****************************
  COLORS GENREBAR
****************************/
#header .genrebar {background-position:bottom;background-repeat:repeat-x;}
#header .genrebar li {background-position:bottom left;background-repeat:no-repeat;}
#header .genrebar a {color:#FF9;}

#blue #header .genrebar {background-image:url(genrebar-bg.gif);}
#blue #header .genrebar li {background-image:url(genrebar-divider.gif);}
#blue #header .genrebar a {color:#fff;}


/****************************
  GENREBAR2
****************************/

#header .genrebar2 {
  height:26px;
  line-height:26px;
  }

#header .genrebar2 ul {
  margin-left:0px;
  }

#header .genrebar2 li {
  padding:0 10px 0 11px;
  height:26px;
  color:#666666;
  }
  
#header .genrebar2 li.first {
  background-image:none;
  }

/****************************
    MENU AVEC DES TABS FICHE HAUT
*******************************/

#header .menucorp ul {
    margin: 0;
    padding: 0 0 0 6px;
    height: 29px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: url(menu-tabs-bg.gif) repeat-x;
    }

#header .menucorp ul li {
    margin: 2px 0 0 -1px;
    padding: 0 0 0 5px;
    list-style: none;
    float: left;
    display: inline;
    background: url(menu-tabs.gif) left;
    position: relative;
    z-index: 2;
    }

#header .menucorp ul li.alt {
    background-position: bottom left;
    }

#header .menucorp ul li.on {
    background-position: top left;
    }

#header .menucorp ul a {
    padding: 0 17px 0 17px;
    color: #000;
    background: url(menu-tabs.gif) right;
    line-height: 27px;
    float: left;
    }

#header .menucorp ul li.alt a {
    background-position: bottom right;
    color: #FFF;
    font-weight: bold;
    }

#header .menucorp ul li.on a {
    background-position: top right;
    font-weight: bold;
    color: #000;
    }


/* DEFAULT SETTINGS
*******************************/

body, td, th {
font-family:arial;
font-size:11px;
color:#000;
}

#col-1, #col-1 td, #col-1 th {
color:#000;
font-size:12px;
}

h1, h2, h3, table, td, th {
margin:0px;
padding:0px;
border:0px;
}

th {
font-weight:normal;
}

a:hover img {
border:0px;
}

a {
font-size:10px;
color:#039;
font-weight:bold;
text-decoration:none;
}

#col-1 a {
color:#000;
line-height:14px;
}

#col-1 a:hover {
color:#0faccc;
}

a:hover {
color:#06f;
text-decoration:underline;
}

p a {
font-weight:normal;
}

.pod p {padding-bottom:5px;}


/* FONTS
*******************************/

.f-verdana  {font-family:Verdana;}
.f-arial  {font-family:Arial;}


/* SIZES
*******************************/

.f-small, .f-small a  {font-size:11px;font-weight:normal;line-height:12px;}
.f-medium, a.f-medium {font-size:11px;} /* default for col-1 */
.f-8, .f-8 a    {font-size:8px;} /* default for body */
.f-10, .f-10 a    {font-size:10px;} /* default for body */
.f-12, .f-12 a    {font-size:12px;} /* default for body */
.f-big, .f-big a  {font-size:14px;}
.f-xbig     {font-size:16px;}
.f-xxbig, .f-xxbig a {font-size:18px;}
.f-maxxbig, .f-maxxbig a {font-size:24px;}
.f-normal   {font-weight:normal;}
.f-bold     {font-weight:bold;}
.f-italic   {font-style:italic;}

h2 {font-size:18px;}
h3 {font-size:11px;}


/* LINE-HEIGHTS
*******************************/

.lh-12  {line-height:12px;}
.lh-14  {line-height:14px;}
.lh-16  {line-height:16px;} /* default for body p */
.lh-18  {line-height:18px;}
.lh-20  {line-height:20px;}


/* COLORS
*******************************/

.f-off-white  {color:#ffc;}
.f-lt-gray  {color:#ccc;}
.f-gray   {color:#000000;}
.f-med-gray   {color:#666;}
.f-drk-gray {color:#333;}
.f-white  {color:#fff;}
.f-b-blue  {color:#04A;}

.f-green  {color:#060;}
.f-med-green  {color:#3c0;}
.f-lt-med-green {color:#6f0;}
.f-lt-green {color:#9f0;}
.f-yellow-green {color:#cf0;}
.f-yellow {color:#ff0;}
.f-orange {color:#fc0;}
.f-lt-orange  {color:#f90;}
.f-drk-orange {color:#f60;}
.f-lt-red {color:#f30;}
.f-red    {color:#c00;}
.f-red2   {color:#c00;}
.f-red-cine   {color:#D30000;}
.f-lt-yellow  {color:#ffc;}
.f-teal   {color:#000;}
.f-lt-blue  {color:#9cf;}
.f-FFF {color:#FFF;}


.f-FFF a,
a.f-FFF
{
color:#FFF;
text-decoration:none;
}

.f-FFF a:hover,
a.f-FFF:hover
{
color:#FFF;
text-decoration:none;
}