#bandeau-site-institutionnel {
    background-image: url("../images/header.png");
}

#pied_page ul span {
    font-weight: bold;
    height: 36px;
    line-height: 36px;
}

/** Some basics **/
.clearer {clear:both;}
.center {text-align:center;}
.middle { vertical-align:middle; }
.left{text-align:left;}
.right {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
img.fleft, img.fright { padding:0 10px; }
button img { vertical-align:middle;}
.pagination { text-align:right; padding-right:15px;}
.pagination a { cursor:pointer; padding-left:5px; font-size:medium;}
i {font-style:italic;}
.error { color:red; font-style: italic;}
p { margin:0;}
/* ========================================================================
   Lightbox
   ======================================================================== */
.borderRow
{ clear:both;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
  width:100%; }
#content li.borderRow{ margin:0; }
.borderTop, .borderBottom{ height:6px; overflow:hidden;}
.borderMiddle { float:left; position:relative; }
.borderCenter { position:relative; height:100%; padding:0 6px;}

canvas { float:left; position:relative; }
.cl { float:left; position:relative; height:6px; width:6px;}
.cr { float:right; position:relative; height:6px; width:6px;}
#lbContent { background-color: #fff; }
#lbContent .toolbar { font-weight:bold; display:block; width:100%;
    background-color: #516d7a;
    background-image: -moz-linear-gradient(center top , #666, #525252);
    background-repeat: repeat-x;}
#lbContent .content { padding:5px; }
.pluginconf { padding:5px; }
.pluginconf input { width:200px; }
#lbContent .toolbar .title { font-size:14px; font-weight:bold; padding:10px 5px;color:#FFF;}
.borderMiddle { background-color: #c7c7c7; }
.betweenCorners
{ clear:both;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%; }
.between
{ height:6px;
  margin:0 6px;
  background-color: #c7c7c7;}
.corner
{ clear:both;
  height:100%;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  width:100%; }

/* ========================================================================
   USER MANAGEMENT
   ======================================================================== */
.selec, .selec { font-weight:bold; outline:none;}
.selec:before { content:"[";}
.selec:after { content:"]";}
  
.listing { width:100%; border:2px ridge #BBB; background-color:#DDD; margin: 14px auto; }
.listing td { padding:5px; }
.listing tr.data0 td { background-color:#D2D2D2; }
.listing tr.data1 td { background-color:#F9F9F9; }
.listing tr.data2 td { background-color:#D5EBCA; }
.listing th { background-color:#68717a; color:#FFF; padding:5px;
	      font-weight:bold;
	      line-height:14px;	      
	      text-align:left;}
.listing th.center { text-align:center; }
.listing a { outline:none; }              
.listing.admin th { font-size:10px; text-align:center;}
.listing.admin th.left { text-align:left;}
.listing.admin td { padding:2px 5px; }

#usrMngTools { text-align:center; display:inline;}
#usrMngTools button { font-size:12px; padding:0;}
#usrMngTools input[type=text] { height:18px; width:auto; margin-top:-1px;}
#ac_searchLDAP { position:relative; padding-left: 3px;}
#usrMngIndex { text-align:center; }
#usrMngIndex a { outline:none; }
#usrMngIndex a:before { content:" "; }
#usrMngIndex a.selec:before { content:"[";}
#usrMngIndex a:after { content:" "; }
#usrMngIndex a.selec:after { content:"]";}
#usrMngTools img { vertical-align:middle;}

/** CONFIG */
section.conf h1 { font-weight:bold; margin:5px 0;}
.pubSt {
  border:1px solid #000;
  margin:5px;
  padding:5px;
  text-align:center;
}
ul.csvlist { display:inline-block; margin:5px 0;}
ul.csvlist li { display:inline-block;
                cursor:pointer;
                border:1px solid #CCC;
                -moz-border-radius:5px;
                border-radius:5px;
                padding:2px 5px 2px 20px;
                background-image:url(../images/del.gif);
                background-color:transparent;
                background-repeat:no-repeat;
                background-attachment:scroll;
                background-position:4px 4px; }
ul.csvlist li:hover { border-color:#000; background-color:#CCC;}
#dialog .csvlist li { margin:0 2px 1px 0;}
dl {
  clear:both;
  font-size:1em;
  margin-bottom:11px;
}
fieldset dl {padding-left:5px;}
dl:hover dt, dl:hover dd {border-color:#666;}
dl:hover dt label, dl:hover dt .label {color:#000;}
dl dd label:hover, dl dd .label:hover {color:#BC2A4D;}
dt {
  border-color:#CCC;
  border-style:none solid none none;
  border-width:medium 1px medium medium;
  float:left;
  margin-bottom:10px;
  padding-top:3px;
  text-align:left;
  width:30%;
}
label, .label {
  color:#4A5A73;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-weight:bold;
  padding:0pt 5px 0pt 0pt;
  text-align:left;
}

dt span {padding:0pt 5px 0pt 0pt;}

dd {
  border-color:#CCC;
  border-style:none none none solid;
  border-width:medium medium medium 1px;
  font-size:1em;
  margin:0pt 0pt 0pt 30%;
  padding:0pt 0pt 0pt 5px;
  vertical-align:top;
}

dd input, dd textarea {margin-right:3px;}
dd label, dd input {line-height:24px;}
dd input[type=button] { line-height: 22px; padding: 2px 8px; width: auto;}
input[type=radio] {cursor:pointer;width:auto;}
/*
========================================================================
   CALENDAR
========================================================================
*/
.calendar { width:100%;}
.calendar th, .calendar td { text-align:center; }
.calendar td.end, .calendar td.week, .calendar td.hover{ cursor:pointer;}
.calendar .default { border:none; }
.select-date div { display:inline; position:relative; text-align:center; font-size:1em; z-index:0;}
.select-date input.res { width:90%; cursor:pointer; z-index:0;}
#clock-data { padding-top:2px; font-size:.9em; text-align:center;}
#clock-data input { width:auto; }
.select-date div.container
{ display:block;
  width:298px;
  position:absolute;
  top:18px;
  left:0;
  padding-bottom:5px;
  z-index:10;}
#date1-calendar, #date2-calendar 
{ width:350px;
  position:absolute;
  top:18px;
  left:0;
  background-color:#FFF;
  padding-bottom:5px;
  border:1px solid #000; 
  z-index:1;}

/*
========================================================================
AUTOCOMPLETE
========================================================================
*/
.autocomplete-w1 { background:url("../images/shadow.png") no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px;}
.autocomplete { z-index:2; width:320px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#D0D0D0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; cursor:pointer;font-size:14px;}
.autocomplete div.highlight { font-weight:bold; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete div.highlight strong { font-weight:bold; }
.item .autocomplete-w1 { left:7px; top:4px;}


@media (max-width: 800px) {
    #logotype img {
        margin-bottom: -20px;
    }
}