body {
  margin: 0;
  border: none;
}
body, td, th {
  font-family: arial;
  font-size: 0.8em;
  
}
td {
  vertical-align: top;
}
a {
  color: #990000;
}
a:hover {
  color: #660000;
}
a img {
  border: none;
}
hr.sep {
  visibility: hidden;
}

#loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url('images/trans2.gif') repeat;
}
#loading p {
  background: url('images/trans.gif') repeat;
  padding: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 13pt;
  margin: 25% 25% 0 25%;
  border: 1px solid #000066;
}
h1 {
  border-bottom: 1px solid #000066;
  height: 40px;
  padding-top: 10px;
  padding-left: 10px;
  margin: 0;
  color: #000066;
}
h2 {
font-size: 12pt;
  background: url('images/dashed.gif') repeat-x bottom;
  margin-top: 2em;
  color: #000066;
}

div.menu {
  margin: 0;
  height: 55px;
  background: url('images/vertbars.png') repeat-x 22px 22px;
}

ul.menun1 {
 display: block;
 background: url('images/whtgrad.png') repeat-x;
 height: 20px; 
 padding: 0 0 0 10px ;
 margin: 0;
}
ul.menun1 li {
  height: 22px;
  display: block;
  float: left;
  padding: 3px 5px 0 5px;
}
ul.menun1 li a {
  text-decoration: none;
  padding: 0 3px;
  border-top: 1px groove #555;
  border-bottom: 1px groove #555;
  border-left: 1px groove #999;
  border-right: 1px groove #999; 
}
ul.menun1 li h4 {
  margin: 0;
  font-size: 1em;
  color: #990000;
  font-weight: normal;
  cursor: default;
 /* margin-top: -1px;
  /*border-top: 1px groove #555;
  border-bottom: 1px groove #555;  
  border-left: 1px groove #999;
  border-right: 1px groove #999; */ 

}
ul.menun1 li h4 a {
padding: 0 3px;
  background: url('images/arrowd.png') no-repeat right;
  padding-right: 18px;
}
ul.menun1 li h4 a:hover {
  background: url('images/arrowdA.png') no-repeat right;
}

.menun1A {
  background: url('images/whtgrad.png') repeat 20px 20px;
}

ul.menun1 li ul {
  position: absolute;
  margin: 0;
  margin-top: 2px;
  border: 1px solid #000033;
  padding: 0;
  float: left;
  background-color: #fff;
}
ul.menun1 li ul li{
  display: block;
  float: none;
  margin: 0;
  padding: 0;
    background: url('images/whtgrad.png') repeat -3px -3px;
}
ul.menun1 li ul li a {
  display: block;
  padding: 1px 2px;
  border: none;
}
ul.menun1 li ul li a:hover {
  background: url('images/whtgrad.png') repeat 20px 20px;
}
ul.menun1 li.sep {
  border-top: 1px groove #999;
}
a#btnlogout {
  background-image: url('images/exit.png');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
}
a#btnlogout:hover {
  background-image: url('images/exitA.png');
}
a#btnhome {
  background-image: url('images/home.png');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
}
a#btnhome:hover {
  background-image: url('images/homeA.png');
}



div#username {
  float: right;
  margin: -18px 5px 0 0;
  padding: 0 5px 0 30px;
  border-top: 1px groove #555;
  border-bottom: 1px groove #555;  
  border-left: 1px groove #999;
  border-right: 1px groove #999;  
 background-color: #000;
  color: #fff;  
  height: 16px;
  overflow: hidden;
  background-image: url('images/key.gif');
  background-repeat: no-repeat;
  font-weight: bold;
}

div#langue {
  position: absolute;
  top:0;
  right: 5px;
  text-align: right;
}
div#langue ul li {
  display: block;
  float: left;
  padding-right: 5px;
}
div#langue ul, div#langue h4 {
  margin: 0;
  display: block;
  float: left;
  font-size: 10pt;
  padding-right: 3px;
}
div#langue a {
  border-top: 3px solid #f9f9f9;
  height: 47px;
  width: 20px;
  text-align: center;
  font-size: 8pt;
  text-decoration: none;
  display: block;
  background: #f9f9f9;
}
div#langue a:hover, div#langue .active {
  border-top: 3px solid #000033;
  background: url('images/fond_d.gif');
  text-decoration: none;
}

div#content {
  clear: both;
  padding:5px;
}

hr.sep {
  clear: both;
}
.hidden {
  visibility: hidden;
} 

table {
  border-collapse: collapse;
}

.attention {
  color: red;
}

fieldset.error {
  background: url('/images/error.png') no-repeat 5px 15px;

  height: 70px;  
}
fieldset.error p {
  padding-left: 70px;
  color: #ff3333;
}
fieldset.error ul {
  margin-left: 70px;
  color: #ff3333;
}
fieldset.actionOk {
  background: url('/images/clean.png') no-repeat 5px 15px;
  height: 70px;  
}
fieldset.actionOk p {
  padding-left: 70px;
}

table.recap {
  /*border: 2px solid #000066;*/
}

table.recap th, table.recap td { 
  border: 1px solid #ddddff;
}
 th.tht {
  padding: 0 0.5em;
  font-weight: bold;
  font-size: 0.7em;
  font-variant: small-caps;
  border-bottom: 1px solid #000066;
}
table.recap td a, table.recap th a{
  text-decoration: none;
  display: block;
}
	/* th de début de ligne */
.thl {
  text-align: left;
  font-weight: normal;
}
.dataC {
  text-align: center;
}

/* Formulaires */
fieldset {
  border: 1px solid #000066;
  margin-top: 1em;
  background-color: #fff;
}
fieldset.moitie {
  width: 47%;
  float: left;
  padding: 5px;
}
fieldset.moitie1{
  float: left;
}
fieldset.moitie2{
  float: right;
}

fieldset legend {
  border-bottom: 1px solid #990000;
  font-weight: bold;
  font-size: 1em;
  font-variant: small-caps; 
}

fieldset form, fieldset table, fieldset p {
  margin: 0.5em;
  clear: both;
}

input.text {
  border: 1px solid #eeeeff;
  color: #000066;
  height: 20px;
}
input.disabled {
  color: #666688;
}
.txtHiddenTxt {
  border: 1px solid #eeeeff;
  height: 20px;
}

input.checkbox {
  color: #990000;
}
.formNote {
  font-size: 0.9em;
}
label.labelA, label.label:focus {
  color: #000066;

}
textarea.textarea {
  border: 1px solid #eeeeff;
  margin-bottom: 1px;
}
textarea.textareaA, textarea.textarea:focus {
  border: 1px solid #000066;
  color: #000066;  
  margin-bottom: 1px;  
}
textarea.full, textarea.fullA, textarea.full:focus {
  width: 100%;
}
.submit {
  height: 20px;
  margin-left: 1px;
  background: #fafaff;
  color: #000066;
  border: 1px outset #eeeeff;
  text-decoration: none;
}

input.textA, input.text:focus {
  border: 1px solid #000066;
  color: #000066;
}
input.editableTxt {
  border-color: transparent;
  background: transparent;
  cursor: default;
}

select.select {
  border: 1px solid #eeeeff;
  color: #000066;
  height: 20px;
}
select.multiple {
  height: auto;
}
select.selectA, select.select:focus {
  border: 1px solid #000066;
  color: #000066;
}
/* /Formulaires */


.agencedesactivee {
  font-size: 0.9em;
  font-variant: small-caps;
  vertical-align: 0.3em;
  text-decoration: blink;
  padding-left: 0.5em;
}

.vignette {
  margin: 2px 2px 2px 0;
  display: block;
  float: left;
  height: 120px;
  text-align: center;
  border: 1px solid #000;  
}
.vignetteA {
  border: 1px solid #f00;  
}
.vignette a.icone {
  display: block;
  height: 40px;
  padding-top: 60px;
  width: 100px;
}
* html a.icone {
padding-bottom: 25px;
   height: 100px;
}

.vignette a.dossier {  
  background: url('images/dossier.png') no-repeat;
}
.vignette a.add {  
  background: url('images/add.png') no-repeat;
}
.vignette a.up {  
  background: url('images/up.png') no-repeat;
}


.vignette .plus {
  text-align: center;
  font-size: 0.8em;
}

.vignette .plus a {
  border: none;
}

iframe {
  border: 1px solid #000066;
  width: 100%;
  height: 300px;
}
.imagesList {
  border: none;
  overflow: auto;
}


.imageUploadForm {
  display: none;
  position: absolute;
  top: 0;
  width: 300px;
}

.calendarInput a {
  margin-left: -20px;
  position: absolute;
  margin-top: 2px;  
}
* html .calendarInput input {
  margin-right: -22px;
}
* html .calendarInput a {
  margin-left: 0;
}

/* Multilangues */
.multilangues {
  width: 350px;
  border: 1px outset #eeeeff;
  padding: 4px;
  margin-bottom: 1em;
}

.multilangues input, .multilangues textarea {
  width: 350px;
}
.multilangues textarea {
  height: 150px;
}

.multilangues .langues {
  float: right;
}
.multilangues .langues span {
  margin: 0 3px;
  font-size: 0.8em;
  border: 1px solid #000066;
  padding: 0 1px;
  position: relative;
  top: 1em;
  margin-bottom: 1em;
  cursor: pointer;
}

.multilangues .fr { background: url('images/fr_dp.gif') no-repeat 1px 1px; text-indent: 18px;}
.multilangues .en { background: url('images/en_dp.gif') no-repeat 1px 1px; text-indent: 18px;}
.multilangues .it { background: url('images/it_dp.gif') no-repeat 1px 1px; text-indent: 18px;}
.multilangues .de { background: url('images/de_dp.gif') no-repeat 1px 1px; text-indent: 18px;}

.multilangues label {
  clear: both;
  display: block;
  /*float: left;*/
  width: 150px;
}
.multilangues .seplight {
  border: none;
  border-bottom: 1px inset #000066;
  text-align: center;
  margin: auto;
  
  margin-top: 5px;
  margin-bottom: 10px;
}