body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #3B3B3B; background-color:#002d4e;}
html, body, #page { min-height: 100%; width: 100%; height: 100%; border: solid 0px red; }
html > body, html > body #page { height: auto; }
img { border: none; }
form { margin: 0px;}
a:hover { color: #AB5858; text-decoration: underline;}
a { color: #AB5858; text-decoration: none;}

.spacer{clear:both;visibility:hidden;}
.gauche{float:left;}
.droite{float:right;}
.gris{color:#595959;}
.souligne{text-decoration:underline;}


#page { position: absolute; top: 0px; left: 0px; border: solid 0px purple; }

#breadcrumb { margin: 0px 0 2px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; text-align:left; float: left;   z-index: 100;}
#breadcrumb a { color:Gray; }


h1 { font: bold 12px/12px Arial, Helvetica, sans-serif; margin-bottom:-2px; margin-top:0px;}
h2 { font: bold 12px/12px Arial, Helvetica, sans-serif; margin-bottom:-2px; margin-top:0px;}
h3 { font: bold 10px/10px Arial, Helvetica, sans-serif; margin-bottom:-2px; margin-top:0px;}



#haut { top: 0px; left: 0px; border: SOLID 0PX GREEN; }




#content { position: relative; width: 647px; height:100%; margin: 0px auto 200px;  border: SOLID 0px red; top:0px; background: url(  'images/fond-content.gif' ) repeat-y;}

#test { position: relative; width: 100%; height: 167px; border: SOLID 0PX GREEN; top:0px; background: url(  'images/bandeau-haut.gif' ) no-repeat; }

#colonne-gauche { position: relative; float: left; top: 0px; width: 240px; background-color: #ee6b00; height: 100%;  border: SOLID 0px yellow; padding-bottom: 100px;}

.depos-offre { border: SOLID 0PX red; }
.menu-gauche {  }
.logo-gauche {  }
.logos { padding-top: 30px }
.contenu-gauche {  position: relative; color: #ffffff; padding-left: 15px; padding-right: 10px; padding-top: 10px; z-index: 200;font: bold 10px/10px Arial, Helvetica, sans-serif;}
.contenu-gauche a {color: #ffffff;}

#colonne-droite { position: relative; float: right; top: 0px; width: 406px; border: SOLID 0PX red; background-color: white; height: 100%;  border: SOLID 0px blue;}

.barre-1 {  position: relative; background-color: #eeab01; height: 13px; }
.barre-2 {  position: relative; background-color: #e16400; height: 8px; }

.contenu-droite {  position: relative; color: #002d4e; padding-left: 15px; padding-right: 15px; padding-top: 20px; z-index: 200;font: bold 10px/10px Arial, Helvetica, sans-serif;}


.introduction { color: #002d4e; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;  letter-spacing: 0px; padding-bottom: 8px;}


.titre-detail {  position: relative; color: #eeab01; padding-left: 15px; padding-top: 15px; float: left; z-index: 200;font: bold 18px/18px Arial, Helvetica, sans-serif;}



.titre-date {  margin-top: 15px; margin-right: 15px; position: relative; color: #f58d06; float: right;font: bold 12px/12px Arial, Helvetica, sans-serif; border: SOLID 0px green}


.date { text-align: right; color: #000000; font: 10px/10px Arial, Helvetica, sans-serif; }


#formulaire {  margin-top: 60px; float: left; width: 85%; height: 321px;  margin-left: 20px; position: relative; background: url(  'images/formulaire.gif' ) no-repeat center;}


.barre-separation {  position: relative; background-color: #002d4e; height: 1px; margin-top: 45px; margin-right: 15px; margin-left: 15px; }

.barre-separation-2 {  position: relative; background-color: #002d4e; height: 1px; margin-top: 10px; margin-right: 15px; margin-left: 15px; }

.barre-separation-3 {  position: relative; background-color: #002d4e; height: 1px; margin-top: 2px; margin-right: 15px; margin-left: 2px; }


.barre-jaune {  position: relative; background-color: #eeab01; height: 2px; margin-right: 30px; margin-left: 45px; margin-top: 15px; }


.legende-formulaire {  text-align: right; color: #ffffff; font: bold 10px/10px Arial, Helvetica, sans-serif; padding-top: 13px;}

.commentaire-formulaire {  text-align: left; color: #002d4e; font: normal 10px/10px Arial, Helvetica, sans-serif; font-style: italic;}


.champs-formulaire { font-family:Arial; color:#002d4e; border: 1px solid #002d4e; margin-top: 10px; font-size: 8pt;}
.champs-formulaire-erreur { font-family:Arial; color:#002d4e; border: 1px solid red; margin-top: 10px;}


.table-formulaire { margin-top: 40px; width: 90%; }


.descriptif {  position: relative; margin-right: 6px; padding-top: 17px; padding-left: 20px; width: 85%;}

.valeur {  text-align: right; position: relative; color: #f58d06; padding-top: 5px; padding-right: 5px; font: bold 10px/10px Arial, Helvetica, sans-serif;}

.valeur-light {  text-align: right; position: relative; color: #f58d06; padding-top: 5px; padding-right: 5px; font: 9px/9px Arial, Helvetica, sans-serif; text-transform: lowercase;}


.detail {  text-align: justify; padding-top: 5px; padding-right: 6px; position: relative; color: #000000; font: 10px/10px Arial, Helvetica, sans-serif;}

.detail-e {  text-align: left; padding-top: 5px; padding-right: 6px; position: relative; color: #000000; font: 10px/10px Arial, Helvetica, sans-serif;}

.descriptif-entreprise { width: 85%; height: 150px; background-color: #f58d06; position: relative; color: black; float: left; margin-right: 12px; margin-left: 12px; padding-top: 0px;font: regular 10px/10px Arial, Helvetica, sans-serif; padding-left: 5px;}

.valeur-entreprise { padding-left: 5px; padding-top: 5px; padding-right: 5px; text-align: right; background-color: #f58d06; position: relative; color: #ffffff; font: bold 10px/10px Arial, Helvetica, sans-serif;}


.titre-infos { margin-top: 10px; width: 85%; background-color: #532000; color: #ffffff; float: left; margin-left: 12px; padding-bottom: 3px; padding-top: 3px; padding-left: 5px; font: bold 14px/14px Arial, Helvetica, sans-serif;}


.infos { color: #000000; font: 10px/10px Arial, Helvetica, sans-serif; padding-top: 5px; }
.infos a { color: #000000;}


.tableau { padding-left: 13px ; margin-bottom: 100px;}

.categorie { text-align: left; position: relative; color: #002d4e; font: bold 10px/10px Arial, Helvetica, sans-serif;}

.valeur-liste {  text-align: left; position: relative; color: #f58d06; padding-top: 5px; font: bold 10px/10px Arial, Helvetica, sans-serif;}
.valeur-liste a { color: #f58d06;}

#formulaire-pro {  background-color: #ee6b00; float: left; width: 85%; margin-top: 30px; position: relative; margin-left: 20px; padding-bottom: 40px; margin-bottom: 100px;}
.formulaire-pro-form {margin-bottom: 15px;  padding-top: 15px;}

#bouton-formulaire {position: relative; padding: 10px;  width: 50px; background-color: #eeab01; color: #FFFFFF; text-align: center; margin-top: 10px; left: 135px;}
#bouton-formulaire a {color: #FFFFFF;}
#bouton-formulaire a:hover {color: #002d4e; font-weight: bold;}


#bouton-retour {position: relative; padding: 10px;  width: 50px; background-color: #eeab01; color: #FFFFFF; text-align: center; margin-top: 10px; left: 135px;}
#bouton-retour a {color: #FFFFFF;}
#bouton-retour a:hover {color: #002d4e; font-weight: bold;}


#bouton-formulaire-recherche { position: relative; padding: 10px;  width: 50px; background-color: #eeab01;  text-align: center; margin-top: 45px; left: 125px;z-index:20;}
#bouton-formulaire-recherche a {color: #FFFFFF;}
#bouton-formulaire-recherche a:hover {color: #002d4e; font-weight: bold;}

#bas { position: absolute; bottom: 0px; left: 0px; width: 647px; height: 52px; border: SOLID 0PX red; text-align: center; z-index: 100; background: url(  'images/bandeau-bas.gif' ) no-repeat center;  border: SOLID 0px green;}
#footer-texte { margin-top: 38px; color: #FFFFFF; font-size: 8pt;}
#footer-texte a { color: #FFFFFF;}

.remerciements { font: bold 13px/13px Arial, Helvetica, sans-serif; }




.actuellement { font: bold 11px/11px Arial, Helvetica, sans-serif; margin-left: 15px; margin-top: 20px;}



.nbPostes {text-align: left; color: #595a5b; font: normal 9px/9px Arial, Helvetica, sans-serif; font-style: italic;}