body {
background-image: url('fond.jpg');
background-repeat: repeat-x;
background-color: #E6ECF3;
font-family: Arial,Verdana,Helvetica, sans-serif;
font-size: 12px;
color:#444444;
}

#page {
  width:900px;
  margin:-16px auto 0px auto;
}

#sudouest {
background-image: url('sud-ouest-telecom.jpg');
background-repeat: no-repeat;
margin: 0;
width:742px;
height:200px;
}

#contenu {
margin: 0;
background-color:#F1F4F8;
border-right: 1px solid #336699;
border-left: 1px solid #336699;
border-bottom: 1px solid #336699;
color:#333333;
width:740px;
text-align:left;
}

#contenu_recherche {
background-color:#FFFFFF;
padding:5px 5px 5px 5px;
border: 1px solid #3F7EBE;
color:#333333;
width:500px;
text-align:left;
}

h1 {
font-size : 20px;
color:#254A70;
display : inline ;
margin:0px;
}

h2 {
display : inline ;
font-size : 12px;
color:#444444;
}

h3 {
display : inline ;
font-size : 12px;
color:#444444;
}

h4 {
color:#FFFFFF;
font-size:13px;
margin:18px 0px 0px 0px;
}

a.sudouest:link,a.sudouest:visited,a.sudouest:active{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration:underline;
}

a.sudouest:hover {
  cursor:pointer;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color:#FB0000;
  text-decoration:underline;
}

.recherche {
  width:110px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #000000;
  }

.bouton_recherche {
  width:80px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px outset #FB0000;
}


a.listing:link,a.listing:visited,a.listing:active{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color:#222222;
text-decoration:underline;
}

a.listing:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color:#FB0000;
text-decoration:underline;
}