*{  margin           : 0px;
    padding          : 0px; }
html, body
{   font-family: verdana, tahoma, sans-serif;
    font-size        : 0.90em;
    margin           : 0px;
    padding          : 0px;
    text-align       : center;
    font             : 12px verdana, tahoma, arial, sans-serif;
    background       : #eee url("../imgs/bg_main.jpg") repeat-y center; }
#content a
{   color            : #32609B;
    font-family      : verdana, arial, tahoma, sans-serif;
    text-decoration  : none; }
#content a:hover
{   color            : #eee;
    background-color : #32609B;;
    font-family      : verdana, arial, tahoma, sans-serif;
    text-decoration  : none ; }
/* -------------------------------------------------------------- */
/* Common stuff and basic page layout                             */
/* -------------------------------------------------------------- */
#container
{   width            : 786px;
    text-align       : left;
    margin-left      : auto;
    margin-right     : auto; }
#header
{   height           : 141px;
    width            : 100%;
    background       : #FFFFFF url("../imgs/bandeau.jpg") no-repeat right;
    padding          : 0px;
    margin           : 0px; }
#header span
{   display          : none; }
#header h1
{   margin           : 0; }
#content
{   position         : relative;
    width            : 100%;
    display          : block;
    margin           : 0;
    padding          : 0; }
#dashboard
{   padding-left     : 1em;
    padding-right    : 1em; }
.clr
{   clear            : both; }
/*-- Accessibility Tweaks --*/
#skipNav
{   position         : absolute;
    left             : -9999px;
    font-size        : small;   }
#skipNav a:focus
{   display          : block;
    position         : absolute;
    top              : 20px;
    left             : 10020px;
    font-size        : large;
    background       : #fff;
    border           : solid 2px #1B6BD8;
    padding          : 10px;
    width            : 15em;
    z-index          : 1; }
#skipNav a:hover
{   color            : #029EDE; }
#skipNav a:active
{   display          : block;
    position         : absolute;
    top              : 20px;
    left             : 10020px;
    font-size        : large;
    background       : #fff;
    border           : solid 2px #1B6BD8;
    padding          : 10px;
    width            : 15em;
    z-index          : 1; }
#projets
{   position         : relative;
    top              : 91px;
    left             : 124px;
    font-family      : tahoma, verdana, sans-serif;
    font-size        : 0.74em;
    letter-spacing   : 0.1em;
    font-weight      : bold;
    text-transform   : uppercase;
    display          : inline;
    margin           : 6px;
    padding          : 10px; }
#projets a
{   color            : #32609B;
    font-family      : tahoma, verdana, sans-serif;
    text-decoration  : none; }
.hide
{   display          : none; }
/* -------------------------------------------------------------- */
/* Navigation/menu bar                                            */
/* -------------------------------------------------------------- */
#menubar
{   margin-bottom    : 10px;
    background       : #FFFFFF url("../imgs/bg_menu.jpg") repeat-x;
    height           : 20px;
    /*border-bottom    : 1px solid #B4B4B4;*/ }
#menu
{   padding-top      : 1px;
    padding-bottom   : 1px; }
#menu ul
{   padding         : .2em 0;
    margin          : 0;
    list-style-type : none;
    color           : #FFF;
    width           : 100%;
    text-align      : center; }
#menu li
{   position         : relative;
    padding          : 0;
    border-left      : 0px solid #B4B4B4;
    display          : inline;
    font-weight      : bold;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 1em;
    letter-spacing   : 0.20em;
    text-transform   : uppercase; }
#menu a, #menu a:link, #menu a:visited
{   padding          : .2em 1em;
    color            : #0E3862;
    text-decoration  : none; }
#menu a:hover
{   background       : #818181;
    color            : #FFFFFF; }
#menu li.selected
{   display          : block;
    width            : auto;
    padding          : 2px 7px;
    background       : #FFFFFF;
    color            : #000000;
    border-bottom    : 1px solid #FFFFFF; }
#menu br
{   clear: both; }

/* -------------------------------------------------------------- */
/* Section title and navigation history bar                       */
/* -------------------------------------------------------------- */

#nav_bar
{   margin-left      : auto;
    margin-right     : auto;
    width            : 100%;
    margin-bottom    : 15px;
    border-bottom    : 1px dotted #DEDEDE;  }

#section_title
{   float            : left;
    width            : 39%;  }

#section_title h2
{   color            : #588BCA;
    font-weight      : bold;
    font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.5em;
    letter-spacing   : 0.08em;
    margin           : 0;
    padding-left     : 4px;  }
#navigation
{   float            : right;
    width            : 60%;
    text-align       : right;
    padding-top      : 7px;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.85em;
    letter-spacing   : 0.09em;
    padding-right    : 2px;  }

#navigation a
{   color            : #000000;
    text-decoration  : none;  }

#navigation a:hover
{   color            : #5583BE;
    text-decoration  : none;  }

/* -------------------------------------------------------------- */
/* Admin Tabbed Ul's                                              */
/* -------------------------------------------------------------- */

#tablist
{   padding          : 3px 0;
    margin-left      : 0;
    font             : 11px trebuchet ms, verdana, tahoma, arial, sans-serif;
    border-bottom    : 1px solid #DEDEDE;  }

#tablist li
{   list-style       : none;
    margin           : 0;
    display          : inline;  }

#tablist li a
{   padding          : 3px 0.5em;
    margin-left      : 3px;
    border           : 1px solid #DEDEDE;
    background       : #F4F4FF;
    text-decoration  : none;  }

#tablist li a:link
{   color            : #448;  }

#tablist li a:visited
{   color            : #667;  }

#tablist li a:hover
{   color            : #000;
    background       : #F2F0FE;
    border-color     : #DEDEDE;  }

#tablist li a#tab_current
{   background       : white;
    border-bottom    : 1px solid white;  }

/*.menuTop_level1 ul, li
{   list-style-type: none;  }

.menuTop_level1 ul
{ list-style-type: disc;
  list-style-image: url(../imgs/bullet.gif);  }
*/

/* -------------------------------------------------------------- */
/* Form controls (input, ...)                                     */
/* -------------------------------------------------------------- */

form
{   margin           : 0px;  }

fieldset
{   border           : 1px solid #DEDEDE;
    color            : #000000;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.90em;
    padding-bottom   : 0px;
    margin           : 0px;  }

textarea, input, select
{   background       : #FFFFFF;
    border           : 1px solid #b2b2b2;
    color            : #000000;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.95em;  }

input:focus, textarea:focus, label:focus
{   border           : 1px solid #5583BE;  }

.checkbox, .radio
{   border           : 0px;  }

.submit
{   /*margin-left      : 4px;*/  }

.list_action_button a img
{   border           : 0px;
    padding          : 0px;  }

.list_action_button a:hover img
{
/*    filter            : alpha(opacity=60);
    opacity           : 0.6; */  }

.field
{   top              : 0;
    left             : 0;
    margin           : 0 1em 1em 0;  }

.field .field
{   margin           : 1em 0 0 0;  }

.field label
{   font-size        : 100%;
    font-weight      : bold;  }

.field_checkbox
{   top              : 0;
    left             : 0;  }

.field_checkbox label
{   font-size        : 100%;  }

.formHelp
{   font-size        : 90%;
    color            : #76797c;
    margin           : 0 0 0.2em 0;  }

.formHelp a
{   text-decoration  : underline;  }

.formHelp:hover
{   color            : Black;
    cursor           : default;  }

fieldset
{   border           : 1px solid #8cacbb;
    margin           : 1em 0em 1em 0em;
    padding          : 0em 1em 1em 1em;
    line-height      : 1.5em;
    width            : auto;  }

.inputField
{   width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FCFCFF;
    border: 1px solid #c8c8c8;  }

.buttons
{   width: 88%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;  }

.inputField input
{   width:100%;  }

.inputField legend
{   font-weight: bold;  }

.inputField .dateTime
{  width: 80%;  }

.inputField .checkbox, .inputField .button, .inputField .radio
{  width: auto;  }

.inputField .file
{  width: auto;  }

.pager
{   float:left;  }

/* -------------------------------------------------------------- */
/* Data lists parameters & search bar                             */
/* -------------------------------------------------------------- */

#list_nav_bar
{   margin-left      : auto;
    margin-right     : auto;
    width            : 98%;
    background-color : #F3F1FF;
    padding-bottom   : 4px;
    padding-left     : 4px;
    padding-right    : 4px;
    margin-bottom    : 10px;
    border           : 0px solid #DEDEDE;  }

#list_nav_bar fieldset
{   border           : 1px solid #DEDEDE;
    color            : #000000;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.90em;
    padding          : 0px;
    margin           : 0px;
    height           : 60px;  }

#list_nav_select
{   float            : left;
    width            : 100%;
    text-align       : center;  }

#list_nav_search
{   float            : left;
    width            : 30%;
    text-align       : center;  }

.list_nav_option
{   float            : left;
    text-align       : left;
    padding          : 0px 4px 4px 4px;
    margin-left      : 5px;  }

#list_nav_bar legend
{   font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    letter-spacing   : 0.08em;  }

#list_nav_select label
{  }

/* -------------------------------------------------------------- */
/* Data lists table format                                        */
/* -------------------------------------------------------------- */

.info
{   margin-left      : auto;
    margin-right     : auto;
    margin-bottom    : 10px;
    width            : 775px;
    border-collapse  : collapse;
    border-bottom    : 4px solid #DEDEDE;
    border-spacing   : 0px;  }

.info th
{   font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    letter-spacing   : 0.08em;
    vertical-align   : bottom;
    border-bottom    : 1px solid #DEDEDE;
    padding          : 4px;
    text-align       : left;  }

.info th a
{   color           : #000000;
    text-decoration : none;  }

.info th a:hover
{   color           : #5583BE;
    text-decoration : none;  }

.even
{   background       : #F7F7F7;  }

.tableHover
{  background: #EFEFEF;  }

.info td
{   color            : #888888;
    border-bottom    : 1px solid #DEDEDE;
    vertical-align   : middle;
    padding          : 4px;
    /*border:1px solid black;*/  }

.info td a
{   color           : #888888;
    text-decoration : none;  }

.info td a:hover
{   color           : #5583BE;
    text-decoration : none;  }

/* -------------------------------------------------------------- */
/* Specific column format                                         */
/* -------------------------------------------------------------- */

.col_highlighted
{   font-weight      : bold;  }

/* -------------------------------------------------------------- */
/* Data lists bottom actions bar                                  */
/* -------------------------------------------------------------- */

#list_action_bar
{   margin-left      : auto;
    margin-right     : auto;
    width            : 768px;
    padding          : 4px;
    text-align       : right;
    /*background-color : #F3F1FF;*/
    margin-bottom    : 10px;
    /*border           : 1px dashed #DEDEDE;*/  }/* -------------------------------------------------------------- */
/* Positive or negative feedback messages                         */
/* -------------------------------------------------------------- */

#list #FormError
{   padding-left: 10px;  }
/*
#FormError{   align: left;
    padding-top: 0px;  }

#list #FormInfo
{   padding-left: 10px;  }

#FormInfo
{   align: left;
    padding-top: 0px;  }
*/
.InfoIcon
{   float:left;
    clear:left;
    margin-top:3px;  }

.InfoText
{   color:green;
    padding-left:20px;
    padding-top:3px;  }

.ErrorText
{   color:red;
    padding-left:20px;
    padding-top:3px;  }

/**
 * login screen
 */
.loginBox
{ width: 300px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;  }

h4, fieldset h4
{   font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    letter-spacing   : 0.08em;
    vertical-align   : bottom;
    border-bottom    : 1px solid #DEDEDE;
    padding          : 0px;
    text-align       : left;
    text-transform   : capitalize;  }

.sectionTitle
{   font-size: 1.3em;  }

.welcomeMessage { margin-bottom: 10px;  }

/**--------
 * custom stuff for the summary.php script
 */
#column-left { width: 180px;
  float:left;
  padding-left: 5px;
  margin-top: -10px;  }

#maincolumn { float:left;
  width: 580px;
  padding-left: 5px;
  padding-right: 5px;  }

#column-right { width: 180px;
  float:right;
  background-color: #EEEEEE;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  border-bottom: 2px solid #c8c8c8;
  border-left: 2px solid #c8c8c8;
  margin-top: 0px;
  margin-bottom: 5px  }

#onecolumn { float:left;
  width: 650px;
  padding-left: 80px;
  padding-right: 80px;  }.pager { width: 636px;
  border-top: 1px solid #DEDEDE;
  padding-top: 6px;
  margin-top: 6px;  }

.pagerLink {
  }

.pagerCurrent { background-color: #FFAABB;  }

a img { border: 0px;  }

#intro
{   padding: 3px 4px 3px 4px;
    margin-left: 1px;
    margin-right: auto;
	margin-bottom: 5px;
    background-color: #FCFCFF;
    border: 1px solid #c8c8c8;  }

.tag {   margin-right: 1px;  }
.tag a {   text-decoration: none;
    color: #000000;  }

.tag a:hover {   background       : #818181;
    color            : #FFFFFF;  }

.itemList {  list-style: none;
   margin-left: 0em;
   padding: 0;
   color: black;  }

.item, item a {  color: black;
   text-decoration: underline;  }

.item a:hover {   background       : #818181;
    color            : #FFFFFF;  }

h5
{   font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    vertical-align   : bottom;
    padding          : 0px;
    text-align       : left;
    text-transform   : capitalize;
    margin-bottom: 5px;
    margin-top: 9px;  }
#FormError
{ padding-bottom: 11px;  }
div.templateScreen { float: left;
  margin: 5px 15px 15px 0px;  }

.message {
   color : #000 ;
   font-size:1.1em ;
   border-color: #651308 ;
   background-color: #eef;   }
.message h1 {
   font-weight : bold ;
   font-size:1.2em ;
   padding: 5px 0px 5px 0px ; }
.message .premier {
  padding: 10px ;
  clear: both ; }
.message .avatar {
  font-size:0.7em ;
  font-weight: bold ;
  text-align: center ;
  padding:10px ;
  float: left;
  width: 60px;
  height:60px;
  background-color: #eef;   }
.message .cont  {
  float: right;
  width: 440px;
  margin-bottom : 10px ;
  padding: 10px ;
  background-color: #eef ;  }
.message .plus  {
  clear: both ;
  margin-top : 10px ;
  font-size: 7pt;
  font-weight: normal ;
  color:gray;
  padding-bottom: 5px;
  border-bottom    : 1px solid #ddd;
  background-color: #eef ;    }
.message hr {
  clear: both ;
  margin: 10px ;  }