body {
margin:0px;
}

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

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

.simple_contenu {
font-size:11px;
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:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

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

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

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

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

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

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

.titre_annonce {
font-size:12px;
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:12px;
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{
background:#DFEDF0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:640px;
padding:10px;
}

.note_demande{
background:#D6ECE6;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:640px;
padding:10px;
}

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

.titre_page_demande{
color:#399D81;
font-size:19px;
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;
}

/* ---------------------------------------------- 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:650px; 
height:25px; 
position:relative; 
margin:0 0 0 5px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu1 {
width:650px; 
width:650px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu1 ul ul {
width:120px;
}
/* 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:105px;
position:relative;
}
/* 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; 
color:#000; 
width:100px; 
height:24px; 
border:1px solid #000; 
background:#bddbe9; 
text-align: center; 
line-height:22px; 
font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu1 a, * html .menu1 a:visited {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:100px; 
}

/* style the second level background */
.menu1 ul ul a.drop, .menu1 ul ul a.drop:visited {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#dff9ff;
}
/* Pour IE */
.menu1 ul ul a.drop:hover{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#389c80 ;
}
/* Pour FireFox */
.menu1 ul ul :hover > a.drop {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#389c80;
}



/* 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:120px;
border-top:1px solid #000;
}
/* another hack for IE5.5 */
* html .menu1 ul ul {top:23px;t\op:23px;}




/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu1 table {position:absolute; top:2px; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu1 ul ul a, .menu1 ul ul a:visited {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#dff9ff; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 0px; 
width:128px;
border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu1 ul ul a, * html .menu1 ul ul a:visited {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:121px;
w\idth:128px;
}

/* pour IE */
.menu1 a:hover, .menu1 ul ul a:hover{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000; 
background:#178aa9;
}
/* pour FireFox */
.menu1 :hover > a, .menu1 ul ul :hover > a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000; 
background:#178aa9;
}

.menu1 ul li ul li :hover{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF; 
background:#389c80;
}
/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul{visibility:visible; }