/*
 * -------------------------------------------------------------------------------------------------------------------
 *
 * Dfinition gnrale des Styles CCS2
 *    Copyright:  JLAtx  29-APR-2010
 *
 * Attention les commentaires // ne font pas parti de la norme CSS !!!
 *
 * -------------------------------------------------------------------------------------------------------------------
 *
 */

html, body {
    font-family:Verdana,Helvetica,sans-serif;
/*    background:#FFF url('/images/blue_sky_1920.jpg') no-repeat fixed bottom; */
    background-color:#FFF;
    border:0px solid #000;
    margin:0px;
    padding:0px;
    width:100%;
/*    min-width:980px; */                               /* Largeur minimale -> Impact sur les fentres popups */
}

a { text-decoration:underline;
    background-color:inherit; }

/* Attention l'ordre est important !!!
 *     link -> visited -> hover -> active
 */

a:link { color:#737BCC; }
a:visited { color:#737BCC; }
a:hover { color:#333; }
a:active { color:#CC1F1F; }

/*  - Container ------------------------------------------------------------------------------------------------------
 */

#container {
/*    margin:auto 24px; */
    margin:0px;
    padding:0px; }

/*  - Entte du site (3 colonnes) ------------------------------------------------------------------------------------
 */

#header {
/*    position:fixed; */
    position:relative;
    width:100%;
    top:0px; }

#banner {
    width:100%; }

#banner .col_c {
    padding:0px 400px 0px 400px;
    overflow:hidden;
    text-align:center;
    font:normal 11px Lucida Grande,Arial,Helvetica,sans-serif;
    background-image:url("/images/top_bg.gif");
    border-bottom:solid 1px #666;
}

#banner .col_c ul {
    position:relative;
    width:200px;
    height:35px;
/*    padding:0px; */
    margin:1px;
    white-space:nowrap;
    text-decoration:none;
    list-style-type:none;
    list-style-position:inside; }

#banner .col_c li {
    display:inline; }

#banner .col_l {
    position:absolute;
    top:0px;
    left:0px;
    width:400px;
    overflow:hidden;
    padding:0px; }

#banner .col_r {
    position:absolute;
    top:0px;
    right:0px;
    width:400px;
    overflow:hidden;
    display:inline-block;
    padding:0px; }

#banner .col_r table {
    vertical-align:middle;
    float:right;
    height:34px;
    padding:0px; }

#banner .login { padding-right:4px; }

/*  - Navigation principale ------------------------------------------------------------------------------------------
 */

#main_mnu {
    background-image:url("/images/menu_bg.gif");
    clear:both;                                             /* RZ de tous les 'float:x' prcdents */
    width:100%;
    padding:0px;
    margin:0px; }

#main_mnu img.company {
    float:right;
    border:none 0px #000; }

#main_mnu ul {
/*    background-image:url("/images/menu_bg.gif"); */
    padding:0px 0px 0px 4px;
    margin:0px;
    height:18px;
    font:normal 13px Lucida Grande,Arial,Helvetica,sans-serif;
    white-space:nowrap;
    text-decoration:none;
    list-style-type:none;
    list-style-position:inside; }

#main_mnu li img {
/*    display:block; */
    display:inline;                                         /* For IE PC */
    border:none 0px #000;
    vertical-align:top; }

#main_mnu li {
    padding:1px;
    margin:0px;
    display:inline;
    color:#999; }

#main_mnu .curr {
    color:#737BCC; }

#main_mnu li .curr {
    border-left:solid 1px #666;
    border-top:solid 1px #666;
    border-right:solid 1px #666;
/*    border-bottom:solid 2px #FFF;   */
    padding:2px 1px 2px 1px;
    background-color:#FFF; }

#main_mnu a {
    padding:0px 2px 0px 2px;
    color:#333;
    text-decoration:none;
    font-weight:bold;
    white-space:nowrap; }

/* Attention l'ordre est important !!!
 *     link -> visited -> hover -> active
 */

#main_mnu a:link { color:#333; }
#main_mnu a:visited { /* color:#333; */ }
#main_mnu a:hover { background:#CCC url("/images/menu_hover.gif") repeat-x; color:#111; }
#main_mnu a:active { background-color:#CC1F1F; }

#main_mnu li.split {
    margin:0px;
    padding:0px; }

/*  - Navigation secontaire ------------------------------------------------------------------------------------------
 */

#sub_mnu {
    height:20px;
    padding:0px;
    margin:0px;
/*    background-color:#EEE;
    border-bottom:solid 1px #CCC; */
}

#sub_mnu_link {
    clear:both;
    padding:0px;
    margin:0px; }

#sub_mnu_link ul {
    padding:1px 0px 1px 1px;
    font:normal 11px Lucida Grande,Arial,Helvetica,sans-serif;
    white-space:nowrap;
    text-decoration:none;
    list-style-type:none;
    list-style-position:inside; }

#sub_mnu_link li {
    margin:0px;
    display:inline;
    color:#999; }

#sub_mnu_link a {
    padding:0px 2px 1px 2px;
    margin:0px;
/*    color:#333; */
    text-decoration:none;
    font-weight:bold;
    white-space:nowrap; }

#sub_mnu_link a:link { /* color:#333; */ }
#sub_mnu_link a:visited { /* color:#333; */ }
#sub_mnu_link a:hover { background-color:#999; }
#sub_mnu_link a:active { background-color:#AAA; }

#sub_mnu_link img {
    vertical-align:text-bottom;
    border:none 0px #000; }

#sub_mnu .activ {
    font-weight:bold;
    color:#FEFEFE;
    background-color:#737BCC; }

#sub_mnu .inactiv {
    font-weight:bold;
    color:#333; }


#sub_mnu li.split {
    margin:0;
    padding:0; }

#sub_mnu_search {
    top:56px;
    position:absolute;
    margin:0px;
    padding:0px;
    right:4px; }

#sub_mnu_search input.search {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    background-color:#FFFFFF;
    vertical-align:top;
    margin:1px 0px; }

#sub_mnu_search input.button {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    vertical-align:top;
    margin:1px; }

#sub_mnu_search ul {
    padding:1px 0px 1px 1px;
    font:normal 11px Lucida Grande,Arial,Helvetica,sans-serif;
    white-space:nowrap;
    text-decoration:none;
    list-style-type:none;
    list-style-position:inside; }

#sub_mnu_search li {
    margin:0px;
    display:inline;
    color:#999; }

/*  - Messages d'alerte situs sous la navigation --------------------------------------------------------------------
 */

#alert {
    clear:both;                                             /* RZ de tous les 'float:x' prcdents */
    text-align:center; }

#alert img {
    vertical-align:middle;
    padding-right:8px; }

#alert p {
    margin:2px auto;
    width:100%;
    text-align:center;
    font:normal 13px Lucida Grande,Arial,Helvetica,sans-serif; }

#alert p .showit {
    color:#FEFEFE;
    background-color:#737BCC; }

#alert p .warnit {
    color:#FEFEFE;
    background-color:#CC1F1F; }

#alert p .grayit {
    color:#666666;
    background-color:#BBB; }

/*  - Fin de l'entte du site 3 colonnes -----------------------------------------------------------------------------
 */

/*  - Contenu du site (mono colonne) ---------------------------------------------------------------------------------
 */

#content {
    clear:both;
    font:normal 11px Verdana,Helvetica,sans-serif;
    color:#333;
/*    background-color:#FEF; */                             /* For debugging */
    background-color:#FFF;                                  /* Normal */
    margin:32px auto; }

#content p { }                                              /* Classe gnrale que l'on retrouve un */
                                                            /* peut partout pour agrmenter le site */

#content table {                                            /* RZ de tous les 'float:x' prcdents */
    text-align:left; }

#content p .warning,
 #content table .warning {
    font-weight:bold;
    color:#A33;
    background-color:#FCC;
    padding:1px; }

#content p .warning_neg,
 #content table .warning_neg {
    font-weight:bold;
    color:#FDD;
    background-color:#C33;
    padding:1px 8px; }

#content p .enum,
 #content table .enum {
    white-space:nowrap;
    font-weight:bold;
    color:#EEE;
    background-color:#999;
    padding:0px 1px; }

#content .explain {                                         /* Messages explicatifs situs en tte du contenu */
    position:relative;
    text-decoration:none;
    text-align:left;
    color:#333;
    border:#CCC solid 1px;
    background-color:#EEE;
    width:720px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:32px; }

#content .explain p {
    text-align:justify;
    margin:8px 64px;
    padding:4px; }

#content .explain h1 {
    font:normal 15px Verdana,Helvetica,sans-serif;
    font-weight:bold;
    color:#000;
    background-color:#BBB;
    margin:0px;
    padding:4px; }

#content .prompt {                                          /* Zone de formulaire gnral */
    vertical-align:middle;
    text-decoration:none;
    color:#333;
    margin:0px auto; }

#content .agree {                                           /* Zone de formulaire type Oui/Non (charte, publier...) */
    vertical-align:middle;
    text-decoration:none;
    float:right;
    color:#333;
    text-align:right;
    margin:0px 64px 32px 64px; }

#content .listing {                                         /* Classe utilise dans /library/listing.php */
    vertical-align:middle;
    text-decoration:none;
    color:#333;
    width:720px;
    margin:32px auto; }

#content .listing p {
    text-align:center;
    padding:4px; }

#content .charter,                                          /* Classe utilise dans /mail/lang/.../deontological */
 #content .contest {                                        /* Classe utilise dans /contest/lang/.../disclaim   */
    text-align:left;
    margin:8px 64px;
    padding:0px; }

#content .charter h1,                                       /* Classe utilise dans /mail/lang/.../deontological */
 #content .contest h1 {                                     /* Classe utilise dans /contest/lang/.../disclaim   */
    }

#content ol.bd_white,                                       /* Classe pour les listes ordonnes */
 #content ul.bd_white {                                     /*  ou pas dans les chartes         */
    margin:8px 0px;
    border:solid 1px #FFF;
    text-align:left; }

#content div.bd_gray,
 #content ul.bd_gray,
  #content ol.bd_gray {
    margin:8px 0px;
    border:solid 1px #CCC;
    text-align:left; }

#content ul.bd_white li,
 #content ul.bd_gray li,
  #content ol.bd_white li,
   #content ol.bd_gray li {
    text-align:justify;
    margin:8px; }

#content ul.bd_white li.sq_blue,
 #content ul.bd_gray li.sq_blue {
    list-style-type:square;
    list-style-position:outside;
    text-align:justify;
    color:#737BCC; }

#content ul.bd_white li.sq_white,
 #content ul.bd_gray li.sq_white {
    list-style-type:square;
    list-style-position:outside;
    text-align:justify;
    color:#FFF; }

#content ul.bd_white li.sq_red,
 #content ul.bd_gray li.sq_red {
    list-style-type:square;
    list-style-position:outside;
    text-align:justify;
    color:#CC1F1F; }

#content #mandatory {                                       /* Il reste encore X tapes  prciser (/include/top */
    font:normal 15px Verdana,Helvetica,sans-serif;
    font-weight:bold;
    color:#A33;
    background-color:#FCC;
    position:relative;
    text-align:center;
    width:240px;
    margin:0px 64px 16px auto;
    padding:2px; }

#content .begin {
    margin:16px 16px 0px 16px;
    clear:both; }

#content .end {
    padding:0px;
    height:2px;
    margin:16px 16px 2px 16px;
    border:0px;
    background-image:url("/images/forum-top-bg.jpg");
    clear:both; }

/*   *** Forum Stuffs *** 
 */

#content .form-head ,
 #content .forum-head ,
  #content td.listing-head ,
   #sub_mnu_search_qualifier .form-head {
    margin:0px;
    padding:4px 8px;
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    text-shadow:1px 1px #5D62C0, -1px -1px #5D62C0;
    background:url("/images/forum-top-bg.jpg") #9696DE repeat-x scroll;
    color:#FEFEFE;
    border:solid 1px #5D62C0; }

#content td.listing-head td {
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    color:#FEFEFE; }

#content .listing-head img {
    margin:0px;
    padding:0px;
    border:solid 0px #FFF; }

#content .form-pipe ,
 #sub_mnu_search_qualifier .form-pipe {
    background:url("/images/forum-top-bg.jpg") #9696DE repeat-y scroll; }

#content .form-line ,
 #sub_mnu_search_qualifier .form-line {
    background:url("/images/forum-bottom-bg.jpg") #9696DE repeat-x scroll; }

#content .form-file {
    border-width:2px;
    border-style:inset;
    background-color:#FFF;
    border-color:#9696DE; }

#content .lt-arrow {
    position:absolute;
    float:left;
    padding:2px;
    z-index:100; }

#content .rt-arrow {
    position:relative;
    text-align:right;
    float:right;
    padding:2px;
    z-index:100; }

#sub_mnu_search_qualifier {
    float:right;
    margin:6px 32px 24px 0px; }

/*
 */

#content .forum-bottom-nav ,
 #content .listing-bottom-nav {
    font:normal 13px Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:#9696DE;
    padding:0px;
    margin:24px 16px; }

#content .forum-bottom-nav hr ,
 #content .listing-bottom-nav hr {
    border:solid 0px #FFF;
    margin:0px;
    padding:0px;
    height:2px;
    background-image:url("/images/forum-bottom-bg.jpg");
    clear:both; }

#content .forum-bottom-nav ul ,
 #content .listing-bottom-nav ul {
    padding:1px;
    white-space:nowrap;
    text-decoration:none;
    list-style-type:none;
    list-style-position:inside; }

#content .forum-bottom-nav li ,
 #content .listing-bottom-nav li {
    margin:1px;
    display:inline; }

#content .forum-bottom-nav img ,
 #content .listing-bottom-nav img {
    vertical-align:middle;
    border:#FFF solid 0px; }

#content .forum-bottom-nav input ,
 #content .listing-bottom-nav input {
    vertical-align:middle; }

#content .forum-bottom-nav .inactiv ,
 #content .listing-bottom-nav .inactiv {
    color:#CCC; }

#content .forum-bottom-nav .pipe ,
 #content .listing-bottom-nav .pipe {
    background:url("/images/forum-top-bg.jpg") #9696DE repeat-x scroll; }

/*
 */

#content .forum-spacer ,
 #content .gift-spacer ,
  #content .link-spacer ,
   #content .download-spacer {
    margin:24px 32px 0px 32px; }

/*
 */

#content .forum-itm ,
 #content .gift-itm ,
  #content .link-itm ,
   #content .download-itm {
    margin:0px 32px; }

#content .itm-head {
    margin:0px;
    padding:0px;
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    background:url("/images/item-title-bg.jpg") #DCDCDC repeat-x scroll;
    color:#333;
    border:solid 1px #999; }

#content .itm-head-new {
    margin:0px;
    padding:0px;
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    background:url("/images/item-title-new-bg.jpg") #FFFF98 repeat-x scroll;
    color:#333;
    border:solid 1px #999; }

#content .itm-mnu { 
    background:url("/images/item-menu-bg.gif") #FFF repeat-x scroll; }

#content .itm-mnu ul {
    font:normal 9px Verdana,Helvetica,sans-serif;
    padding:0px 2px;
    margin:0px;
    white-space:nowrap;
    text-decoration:none;
    list-style-type:none;
    list-style-position:inside; }

#content .itm-mnu li {
    text-decoration:none;
    color:#333;
    margin:0px;
    padding:0px;
    display:inline; }

#content .itm-mnu li.contribution-new {
    padding:1px;
    margin:1px;
    background:url("/images/item-title-new-bg.jpg") #FFFF98 repeat-x scroll; }

#content .itm-body { }
                                                                              /*     End     |    Start    */
                                                                              /* -R- -G- -B- | -R- -G- -B- */
#content .ads-bg {
    border-right:solid 1px #999;                                              /* #FF #3F #3F | #FF #7B #7B */
    background:url("/images/ads-bg.jpg") #FF3F3F repeat-x scroll; }           /* 255 063 063 | 255 123 123 */

#content .computer-bg {
    border-right:solid 1px #999;                                              /* #99 #FF #99 | #C9 #FF #C9 */
    background:url("/images/computer-bg.jpg") #99FF99 repeat-x scroll; }      /* 153 255 153 | 201 255 201 */

#content .contribution-bg {
    border-right:solid 1px #999;                                              /* #DC #DC #DC | #F0 #F0 #F0 */
    background:url("/images/contribution-bg.jpg") #DCDCDC repeat-x scroll; }  /* 220 220 220 | 240 240 240 */

#content .news-bg {
    border-right:solid 1px #999;                                              /* #73 #7B #CC | #A0 #A6 #E5 */
    background:url("/images/news-bg.jpg") #737BCC repeat-x scroll; }          /* 115 123 204 | 160 166 229 */

#content .place-bg {
    border-right:solid 1px #999;                                              /* #FF #D4 #AA | #FF #F2 #E5 */
    background:url("/images/place-bg.jpg") #FFD4AA repeat-x scroll; }         /* 255 212 170 | 255 242 229 */

#content .planning-bg {
    border-right:solid 1px #999;                                              /* #72 #CC #CC | #B1 #ED #ED */
    background:url("/images/planning-bg.jpg") #72CCCC repeat-x scroll; }      /* 114 204 204 | 177 237 237 */

#content .probe-bg {
    border-right:solid 1px #999;                                              /* #FF #A9 #54 | #FF #D8 #B2 */
    background:url("/images/probe-bg.jpg") #FFA954 repeat-x scroll; }         /* 255 169 084 | 255 216 178 */


/*  Alignements (left, center, right et justify)
 */

.lt {
    text-align:left; }

.ct {
    position:relative;
    text-align:center; }

.rt {
    text-align:right; }

.jf {
    text-align:justify; }

/*  - Fin du site sur 1 colonne --------------------------------------------------------------------------------------
 */

/*  - Zone de bas de page --------------------------------------------------------------------------------------------
 */

#end_of_page { }

/*  - Menu du bas ----------------------------------------------------------------------------------------------------
 */

#dwn_mnu {
    clear:both;                                             /* RZ de tous les 'float:x' prcdents */
    width:100%;
    padding:0;
    margin:0; }

#dwn_mnu ul {
    text-align:center;
    font:normal 11px Lucida Grande,Arial,Helvetica,sans-serif;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    background-image:url("/images/top_bg.gif");
    list-style-type:none;
    list-style-position:inside; }

#dwn_mnu li {
    display:inline;
    color:#CCC; }

#dwn_mnu img {
    vertical-align:top;
    border:none 0px #000; }

#dwn_mnu a {
    padding:0px 4px 1px 4px;
    text-decoration:none;
    white-space:nowrap; }

#dwn_mnu a:link { color:#737BCC; }
#dwn_mnu a:visited { color:#737BCC; }
#dwn_mnu a:hover { color:#FEFEFE; background-color:#737BCC; }
#dwn_mnu a:active { background-color:#CC1F1F; }

/*  - Footer (copyright) ---------------------------------------------------------------------------------------------
 */

#footer {
/*    position:absolute;
 *    bottom:0px;
 */
    clear:both;                                             /* RZ de tous les 'float:x' prcdents */
    width:100%;
    padding:0;
    margin:0; }

#footer ul {
    text-align:center;
    font:normal 11px Lucida Grande,Arial,Helvetica,sans-serif;
    list-style-type:none;
    list-style-position:inside;
    padding:0;
    margin:2px 0px 1px 0px; }

#footer li {
    display:inline;
    color:#666; }

#footer img {
    vertical-align:top;
    border:none 0px #000; }

/*  - Inputs ---------------------------------------------------------------------------------------------------------
 */

form {
    padding:0px;
    margin:0px;
    border:none 0px #000; }

input { }

input.button {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none; }

input.button:focus {
/*    background-color:#737BCC; */
}

input.dot {
    font:normal 9px Verdana,Helvetica,sans-serif; 
    text-decoration:none; }

input.dot:focus {
/*    background-color:#737BCC; */
}

input.text {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    background-color:#FFFFFF; }

input.search {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    background-color:#FFFFFF; }

input.text:focus { }

select { }

select.button {
    font:normal 10px Verdana,Helvetica,sans-serif; 
    text-decoration:none;
    background-color:#FFFFFF; }

input.button:focus {
/*    background-color:#737BCC; */
}

textarea { }

textarea.text {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    background-color:#FFFFFF; }

textarea.text:focus { }

.btnImage {
    cursor:pointer; }

/*  - Gnralits ----------------------------------------------------------------------------------------------------
 */

div { }                       /* Les <div> se feront toujours en dessous de tout ce qui a t crit avant */

pre {                                   /* Dbuggage du code <pre> print_r </pre> */
    padding:4px;
    font:bold 12px/14px monaco,monospace;
    color:#000000; }

iframe {
    margin:0px; 
    padding:0px; } 

hr {
    border:1px solid #CCC;
    border-width:1px 0px 0px 0px;
    margin:1px 0px 1px 0px; }

/*  - <table> gnralits --------------------------------------------------------------------------------------------
 */

table {
    empty-cells:hide; }

td .light {
    font-weight:normal;
}

td img.captcha {
    background-color:#FFF;
    margin:2px;
    border:1px solid #737BCC; }

/*  - Cartes (/place) ------------------------------------------------------------------------------------------------
 */

#content .map {                                                      /* Gestion des la cartes du site */
    padding:0px 4px 1px 4px;
    font:normal 11px Verdana,Helvetica,sans-serif;
    color:#000; }

#content .map a {
    padding:0px 4px 1px 4px;
    text-decoration:none;
    white-space:nowrap; }

#content .map a:link { color:#000; }
#content .map a:hover { color:#FEFEFE; background-color:#737BCC; }
#content .map a:active { color:#737BCC; background-color:#CC1F1F; }
#content .map a:visited { color:#000; }

/*  - Concours (/contest) --------------------------------------------------------------------------------------------
 */

#content td .contest_o {
    font:normal 9px Verdana,Helvetica,sans-serif;
    padding:0px;
    margin:0px;
    background-color:#412415;
    color:#D7B800; }

#content td .contest_n {
    font:normal 9px Verdana,Helvetica,sans-serif;
    padding:0px;
    margin:0px;
    background-color:#D7B800;
    color:#412415; }

#content .contest_o img {
    border:0px none #000;
    vertical-align:middle; }

#content .contest_n img {
    border:0px none #000;
    vertical-align:middle; }

/*  - Aide (/help) --------------------------------------------------------------------------------------------
 */

#content .help-head {
    margin:32px;
    padding:2px 16px;
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    background:url("/images/item-title-bg.jpg") #DCDCDC repeat-x scroll;
    color:#333;
    border:solid 1px #999;
    clear:both; }

#content .help-itm {
    margin:0px 48px;
    text-align:left;
    font:normal 11px Lucida Grande,Arial,Helvetica,sans-serif;
    color:#333; }

#content .help-itm h2 {
    margin:32px 8px 8px 8px;
    text-align:left;
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    color:#9696DE; }

#content .help-itm p {
/*    border:dotted 1px #FCC; */
    margin:0px;
    padding:8px;
    text-align:justify;
    color:#333; }

#content .help-itm table {
    margin:0px;
    padding:8px;
    text-align:justify;
    color:#333; }

#content .help-itm .tbl-head {
    background:url("/images/contribution-bg.jpg") #DCDCDC repeat-x scroll;
    border: solid 1px #999;
    margin:0px;
    padding:2px;
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    text-align:center; }

#content .help-itm .tbl-end {
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC;
    margin:0px 0px 16px 0px;
    padding:2px; }

#content .help-itm .tbl {
    border: solid 1px #CCC;
    margin:0px 0px 16px 0px;
    padding:2px; }

#content .help-itm img {
    vertical-align:middle; }

/*  - Entte des messages, des listings, des formulaires ou l'aide contextuelle --------------------------------------
 */

.head_color {
    color:#1F1F1F;
    background-color:#9696DE; }

.head {
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    padding:1px;
    margin:1px;
    text-decoration:none;
    color:#FEFEFE;
    background:url("/images/tb.gif") #9696DE repeat scroll; }

.help_head {
    font:bold 11px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#FEFEFE;
    background-color:#9696DE; }

.head_text {
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    padding:1px;
    margin:1px;
    text-decoration:none;
    color:#1F1F1F; }

/*  - Couleur Impaire pour les listing, les formulaires ou l'aide contextuelle ---------------------------------------
 */

.odd_color {
    color:#333333;
    background-color:#CCCCF2; }

.odd {
    font:normal 11px Verdana,Helvetica,sans-serif;
    padding:1px;
    margin:1px;
    text-decoration:none;
    color:#333333;
    background-color:#CCCCF2; }

.help_odd {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#333333;
    background-color:#CCCCF2; }

/*  - Couleur Paire pour les listing, les formulaires ou l'aide contextuelle -----------------------------------------
 */

.even_color {
    color:#333333;
    background-color:#E0E0F7; }

.even {
    font:normal 11px Verdana,Helvetica,sans-serif;
    padding:1px;
    margin:1px;
    text-decoration:none;
    color:#333333;
    background-color:#E0E0F7; }

.help_even {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#333333;
    background-color:#E0E0F7; }

/*  - Couleur des 7 types de message ---------------------------------------------------------------------------------
 */

.ads {
    background-color:#FF3F3F; }

.computer {
    background-color:#99FF99; }

.contribution {
    background-color:#EBEBEB; }

.news {
    background-color:#737BCC; }

.place {
    background-color:#FFD4AA; }

.planning {
    background-color:#72CCCC; }

.probe {
    background-color:#FFA954; }

.stage {
    font:bold 13px Lucida Grande,Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#737BCC; }

/*  - Priorits ------------------------------------------------------------------------------------------------------
 */

.normal {
    font-size:11px;
    color:#333; }

.medium {
    font-size:11px;
    color:#666; }

.high {
    font-size:11px;
    color:#BF8475; }

.root {
    font-size:11px;
    color:#CC1F1F; }

/*  - Divers ---------------------------------------------------------------------------------------------------------
 */

.title {
    font:bold 15px Lucida Grande,Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#333; }

.sml {
    font:normal 9px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#333; }

.std {
    font:normal 11px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#333; }

.rss {
    padding:0px .5em 0px .5em;
    text-shadow:#000000 1px 1px 1px;
    color:#FEFEFE;
    background-color:#003FFF;
    }

.xml {
    padding:0px .5em 0px .5em;
    text-shadow:#000000 1px 1px 1px;
    color:#FEFEFE;
    background-color:#FF3F00; }

.grayit {
    padding:0px 4px 0px 4px;
    margin:0px;
    color:#666;
    background-color:#EBEBEB; }

.forum-color {
    padding:0px 4px;
    font-weight:bold;
    margin:0px;
    color:#9696DE; }

.hilite {
    padding:1px;
    margin:1px;
    font:normal 11px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#CC3333;
    background-color:#F7D0D0; }

.invhelp {
    font:bold 11px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    color:#1F1F1F;
    background-color:#9696DE; }

.popup {
    position:absolute;
    visibility:hidden;
    z-index:100; }

.quiet {
    padding:1px;
    margin:1px;
    font:normal 11px Verdana,Helvetica,sans-serif;
    text-decoration:none; }

.showit {
    padding:0px 4px 0px 4px;
    margin:0px;
    color:#FFFFFF;
    background-color:#737BCC; }

.warnit {
    padding:0px 4px 0px 4px;
    margin:0px;
    color:#FFFFFF;
    background-color:#CC1F1F; }

.pad2 {
    padding:2px; }

/*  - A liminer -----------------------------------------------------------------------------------------------------
 */

ul { margin:0px;
     padding:0px 0px 0px 16px;}
li {
    margin:0px;
    padding:0px;
    list-style-position:outside; }

li.sq {
    margin:0px;
    padding:0px;
    font:normal 15px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    text-align:justify;
    list-style-type:square;
    list-style-position:outside; }

li.sq_showit {
    margin:0px;
    padding:0px;
    font:normal 15px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    text-align:justify;
    list-style-type:square;
    list-style-position:outside;
    color:#737BCC; }

li.sq_warnit {
    margin:0px;
    padding:0px;
    font:normal 15px Verdana,Helvetica,sans-serif;
    text-decoration:none;
    text-align:justify;
    list-style-type:square;
    list-style-position:outside;
    color:#CC1F1F; }

/*  - A liminer -----------------------------------------------------------------------------------------------------
 */

.boxl {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:inherit;
    border-bottom:inherit; }

.boxt {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit; }

.boxr {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxb {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxlt {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit; }

.boxlr {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxlb {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxtr {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxtb {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxrb {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxltr {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxltb {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxlrb {
    padding:0px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxtrb {
    padding:0px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxltrb {
    padding:0px;
    margin:0px;
    border:1px solid #CCCCCC; }

.boxl1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:inherit;
    border-bottom:inherit; }

.boxt1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit; }

.boxr1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxb1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxlt1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit; }

.boxlr1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxlb1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxtr1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxtb1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxrb1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxltr1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxltb1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxlrb1 {
    padding:1px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxtrb1 {
    padding:1px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxltrb1 {
    padding:1px;
    margin:0px;
    border:1px solid #CCCCCC; }

.box8 {
    padding:2px 8px 2px 8px;
    margin:0px; }

.boxl8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:inherit;
    border-bottom:inherit; }

.boxt8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit; }

.boxr8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxlt8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit; }

.boxlr8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxlb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxtr8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxtb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxrb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxltr8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit; }

.boxltb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC; }

.boxlrb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:inherit;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxtrb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:inherit;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC; }

.boxltrb8 {
    padding:2px 8px 2px 8px;
    margin:0px;
    border:1px solid #CCCCCC; }

.boxlt8_ads {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#FF3F3F; }

.boxlt8_computer {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#99FF99; }

.boxlt8_news {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#737BCC; }

.boxlt8_place {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#FFD4AA; }

.boxlt8_planning {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#72CCCC; }

.boxlt8_probe {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#FFA954; }

.boxlt8_contribution {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:inherit;
    background-color:#EBEBEB; }

.boxltr8_contribution {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:inherit;
    background-color:#EBEBEB; }

.boxltb8_contribution {
    padding:2px 8px 2px 8px;
    margin:0px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:inherit;
    border-bottom:1px solid #CCCCCC;
    background-color:#EBEBEB; }

.boxltrb8_contribution {
    padding:2px 8px 2px 8px;
    margin:0px;
    border:1px solid #CCCCCC;
    background-color:#EBEBEB; }
