/* CSS */

* {
margin: 0;
padding: 0;
}

body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333;
background-color: #dde8f5;
text-align: center;;
}

ul {
margin: 10px 0 0 20px;
padding: 0;
list-style: none;
}

li {
margin: 0 0 0 40px;
padding: 0 0 0 5px;
color: #888;
line-height: 16px;
}

a {
color: #91bdef;
text-decoration: none;
}

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

p {
margin: 10px 20px;
text-align: justify;
}

h1, h2 {
margin: 10px 20px;
}

h1 {
font-size: 15px;
color: #91bdef;
line-height: 25px;
padding: 0 0 0 27px;
font-variant: small-caps; 
}

h2 {
font-size: 13px;
color: #888;
border-bottom: 1px solid #efefef;
margin-top: 50px;
}

th {
font-size: 11px;
text-align: left;
color: #666;
font-weight: bold;
padding: 4px;
border: 1px solid #dde8f5;
}

td {
padding: 4px;
font-size: 11px;
text-align: left;
color: #444;
border: 1px solid #999;
}

.rouge {
border: 1px solid #d8000b;
}

.vert {
border: 1px solid #00ff00;
}

.bleu {
border: 1px solid #0000ff;
}

.listing {
margin: 20px;
width:740px;
margin-top:20px;
}

.fiche {
margin: 20px;
}

.tablePart {
background-color: #dde8f5;
font-size: 12px;
font-weight: bold;
}

.libelle {
font-style: italic;
font-size: 11px;
color: #888;
}

.imageAdmin {
margin: 10px 180px;
}

form {
margin: 40px 0;
}

label {
width: 30%;
line-height: 20px;
float: left;
text-align: right;
padding-right: 1em;
color: #555;
font-weight: bold;
}

label.oblig {
border-right: #91bdef solid 3px;
}

textarea {
width: 35%;
height: 6em;
font-family: sans-serif;
font-size: small;
background: #fff;
border: 1px solid #dde8f5;
padding: 1px;
margin-left: 0.3em;
}

input.textfield {
width: 35%;
height: 20px;
background: #fff;
border: 1px solid #dde8f5;
padding: 1px;
margin-left: 0.3em;
}

input.cp {
width: 8%;
}

input.date {
width: 15%;
}

.liste {
width: 15%;
height: 20px;
background: #fff;
border: 1px solid #dde8f5;
padding: 1px;
margin-left: 0.3em;
}

input.textfield:focus, textarea:focus, input.textfield:hover, textarea:hover {
background: #efefef;
}

.button {
border: 1px solid #91bdef;
background-color: #efefef;
font-size: 10px;
font-variant: small-caps;
font-weight: bold;
color: #91bdef;
margin-top: 1em;
margin-left: 30%;
}

.center {
text-align: center;
}

.msgError {
border-left: 5px solid #d8000b;
padding-left: 5px;
color: red;
margin-left: 45px;
}

div#container {
position: relative;
margin: 40px auto 40px auto;
width: 780px;
background-color: #fff;
border: 2px solid #91bdef;
text-align: left;
}

div#headerBlock {
width: 780px;
height: 140px;
text-align: right;
background: transparent url(../images/admin.png) no-repeat 0 0;
}

p.retourSite a {
line-height: 16px;
background: transparent url(../images/back.png) no-repeat 0 0;
padding-left: 20px;
float: right;
}

p.deconnexion a {
line-height: 16px;
background: transparent url(../images/deconnect.png) no-repeat 0 0;
padding-left: 20px;
float: right;
}

.calendrier {
position: relative;
top: -8px;
left: 0;
}

div#mainBlock {
/*border: 1px solid green;*/
}

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

ul#main li {
float: left;
padding-left: 20px;
line-height: 20px;
}

div.rech_cde {
  width:350px;
  text-align:right;
  float:right;
  margin-right:20px;
  margin-top:-50px;
}
div.rech_cde input {
  margin-left:10px;
  
}
div.rech_cde label{
  width:auto;
  float:right;
  text-align:right;
}
a.revenir_liste{
  display:block;
  padding:5px;
  border:1px solid #91bdef;
  width:100px;
  float:right;
}