body {
margin:0px;
}

.simple {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:justify;
color:#555555;
}

.lien{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.lien_bas {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#555555;
}

.simple a{
color:#566892;
text-decoration:none;
}

.simple_contenu {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#555555;
text-align:justify;
margin:5px;
}

.simple_contenu_texte_sub{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#AAAAAA;
text-align:justify;
margin:5px;
}

.simple_demande {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.simple_demande a{
color:#4D8A68;
text-decoration:none;
}

.simple_offre {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.simple_offre a{
color:#178AAA;
text-decoration:none;
}

.petit {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.petit a{
color:#3A67AB;
text-decoration:none;
}

.titre_menu {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.titre_annonce {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.titre_annonce a{
color:#3A67AB;
}

.liste_annonce {
background:#FFFFFF;
border-left:1px solid #9A9A9A;
border-right:1px solid #9A9A9A;
border-bottom:1px solid #9A9A9A;
border-top:1px solid #9A9A9A;
}

.partenaire a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#3A67AB;
text-decoration:none;
}

.bas_de_page {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
text-decoration:none;
}

.bas_de_page a{
color:#CCCCCC;
text-decoration:none;
}

select{
width:180px;
font-size:11px;
border:1px solid #E3E4E3;
}

.note_offre{
border: 1px solid #105e74;
background:#d7eace;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:638px;
padding:10px;
}

.note_demande{
border: 1px solid #426a2b;
background:#daedf1;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:638px;
padding:10px;
}

.note_contact{
border: 1px solid #426a2b;
background:#fffcb2;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:638px;
padding:10px;
}

.titre_page_offre{
color:#178AA9;
font-size:15px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}

.titre_page_demande{
color:#399D81;
font-size:15px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}

.detail_annonce{
background-color: #FFFFFF;
border: 1px solid #e5e5e5;
margin: 0px 0px 6px 0px;
padding: 3px;
}

.detail_annonce select{
width:180px;
font-size:11px;
border:1px solid #E3E4E3;
}

.detail_annonce input{
display:block;
float:left;
width:180px;
font-size:11px;
border:1px solid #E3E4E3;
}

.detail_annonce textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:320px;
height:200px;
border:1px solid #E3E4E3;
}

.detail_annonce td{
vertical-align:top;
}

.table_annonce{
background-color: #FFFFFF;
border: 1px solid #e5e5e5;
margin: 6px 0px 6px 0px;
padding: 4px;
height: 100px;
cursor: pointer;
}

.table_annonce-liste{
background-color: #FFFFFF;
border: 1px solid #e5e5e5;
margin: 6px 0px 6px 0px;
padding: 4px;
height: 80px;
cursor: pointer;
}

.table_annonce:hover, .table_annonce-liste:hover{
border: 1px solid #FF9900;
}

.obligatoire{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0033;
}

.liste_offre{
font-family:Arial, Helvetica, sans-serif;
height: 24px;
font-size:11px;
color:#105e74;
font-weight:bold;
}


.liste_demande, .liste_demande a{
font-family:Arial, Helvetica, sans-serif;
height: 24px;
font-size:11px;
color:#416a2b;
font-weight:bold;
}

.liste_ville{
font-family:Arial, Helvetica, sans-serif;
height: 24px;
font-size:11px;
color:#cfaf18;
font-weight:bold;
}

/* ---------------------------------------------- MENU ---------------------------------------------- */

a:link,a:visited {
  color: #088fcf;
  text-decoration: none;

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

.menu1 table {
font-family:Arial, Helvetica, sans-serif;
margin-left: 0px;
}

.menu1 {
width:900px; 
height:25px; 
position:relative; 
margin:0 0 0 5px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul {
padding:0;
margin:0;
list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li {
float:left;
width:150px;
position:relative;
border-bottom:1px solid #f1c704;
}

.menu1 a:hover {
  background:#f1c704;
}

/* style the links for the top level */
.menu1 a, .menu1 a:visited {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
display:block;
text-decoration:none; 
width:140px; 
height:25px; 
text-align: center; 
line-height:22px; 
font-weight:bold;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0; 
width:150px;
border-top:1px solid #000;
}
/* another hack for IE5.5 */
* html .menu1 ul ul {top:23px;t\op:23px;}