@charset "iso-8859-1";
body {
  margin:0;
  background-color:#efe6dd;
  font-family:"Trebuchet MS","Tahoma",sans-serif;
/*  font-size:11pt; */
  line-height:1em;
}
* {
  font-family:"Trebuchet MS","Tahoma",sans-serif;
}
a {
  text-decoration:none;
  color:#555544;
}
form {display:inline;}
hr {background-color:#CC5454;height:1px;border:0;margin:10px 0;}
#page {margin:0 auto;padding:10px 15px;background-color:#fff;width:870px;}
#explication {float:right;color:#EFF;}
#haut {height:150px;background:#183440 url('../img/bandeau1.jpg') no-repeat right;color:#EFF;font-size:1.4em;padding:10px;}
#milieu {background-color:#fff;clear:both;}

#titre {height:1.3em;}
#connecte {float:right;font-size:0.8em;color:#CC0000;line-height:0.6em;}
#liste_champs {height:30px;}
#liste_champs h3 {line-height:32px;float:left;margin:0;width:180px;text-align:right;color:#555;}
#liste_champs a {line-height:32px;float:left;}

#liste_champs a span {padding:5px 20px 5px 16px;}

.catalogue {font-weight:bold;font-size:1em;border:0;margin-right:5px;}
.choix {background:#fff url(../img/contour_s.png) top left scroll no-repeat;color:#CC5454;}
.choix span {background:url(../img/contour_s1.png) top right scroll no-repeat;}
.nonchoix {background:#fff url(../img/contour.png) top left scroll no-repeat;color:#888;}
.nonchoix span {background:url(../img/contour1.png) top right scroll no-repeat;}

.intitule {text-align:right;color:#123;}
#actions {float:left;width:160px;text-align:bottom;height:320px;padding:10px;}
#actions p {margin:0;padding:0.3em 0 0.3em 0;border-bottom:1px dotted #555;width:124px;}
#actions p a {color:#333;font-size:0.7em;position:relative;bottom:1px;padding-left:2em;}
#actions p a:hover {background:url(../img/fleche.gif) no-repeat scroll top left;font-weight:bold;}
#actions img {position:relative;top:5px;}
#recherche {margin-top:5px;margin-left:191px;padding:30px 50px 0;background:#fff url("../img/page.png") top left repeat-y;color:#123;height:300px;}
ul.contenu {margin:0;padding:0.5em 1.5em;}
ul.contenu input,select {color:#123;border:1px solid #ccc;background:#FCFFF4 url(../img/point2.gif) no-repeat scroll right;padding:0 10px 0 5px;-moz-border-radius:5px;}
ul.contenu li { text-align:right;margin:5px;list-style:none;}
ul.contenu li a {color:#CC5454;border:1px solid #CC5454;font-weight:bold;background-color:#FCFFF4;padding:1px;}
ul.contenu li.bouton input {background:#FCFFF4 url(../img/point2.gif) no-repeat scroll left;color:#CC5454;font-weight:bold;border:1px solid #CC5454;font-size:10pt;padding:0;padding-left:8px;}
ul.contenu a {background:#FCFFF4;color:#CC5454;font-weight:bold;border:1px solid #CC5454;font-size:10pt;padding:0;}

/* * bulle d'information * */
#legende {
  position:absolute;
  font-size:0.8em;
  z-index:255;
  background:url(../img/pointe.gif) bottom left no-repeat;
}
#texteleg {
  position:relative;
  bottom:15px;
  padding:5px;
  background:#555;
  color:#fff;
  -moz-border-radius:5px;
  z-index:250;
}

#erreur {
  float:right;
  margin-top:120px;
  color:#CC5454;
  padding:5px;
  background-color:#fff;
}
.copy {
  font-size:0.8em;
  font-weight:bold;
  color:#456;
  margin:0 auto;
  width:890px;
}
#signature {
  float:right;
  position:relative;
  bottom:12px;
}

.connect input,textarea {
  float:right;
  border:1px solid #999;
  width:150px;
  color:#333;
  padding:1px;
  font-size:0.9em;
}
.connect input[type="button"] {
  width:154px;
}
.connect fieldset {background-color:#eee;}
.connect legend {font-weight:bold;color:#CC5454;}
.connect h3 {margin:0;padding:1em;background:#183440 url('../img/bandeau1.jpg') no-repeat right;color:#fff;}
.connect p {margin-bottom:30px;clear:both;}
.intit {width:10em;float:left;}

.utls {
  background-color:#eee;
  font-weight:bold;
}
.utls a {
  color:#CC5454 !important;
}