/* General layout parameters */

body {
width: 750px;
margin: 0;
padding: 0;
padding-bottom: 20px;
}

#titlebar {
height: 60px;
width: 749px;
margin: 0;
padding: 0;
background: url(../commonimg/titlebar.jpg) no-repeat;
text-align: left;
border: 0;
border-bottom: 1px solid #fff;
border-right: 1px solid #366088;
}

#titlebar a {
text-decoration: none;
color: white;
}

#titlebar a:hover {
text-decoration: none;
color: #f63;
}

#nav {
margin: 0;
padding: 0;
}

#nav ul {
padding: 0;
margin: 0;
border: 0; /* code nouveau d'ALA */
list-style-type: none;  /* code nouveau d'ALA */
text-align: center; /* code nouveau d'ALA */
/* clear: left; code nouveau d'ALA */
}

#nav ul li {
display: inline;
margin: 0;
font: 12px "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

/* Defining the colour and size of <a> list items */
#nav ul li a {
width: 124px;
margin: 0;
padding-top: 9px;
padding-bottom: 9px;
background-color: #366088;
color: white;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-right: 1px solid white;
float: left;
}

/* First <a> list item has a plain left border */
#nav ul li.first a {
border-left: 1px solid #366088;
}

/* Defining the colour and size of the last two <a> list items
   which sport a slightly different blue */
#nav ul li#menu_contact a {
background-color: #5f7e9d;
}

#nav ul li#menu_newsletter a {
background-color: #5f7e9d;
border-right: 1px solid #5f7e9d;
}


/* Defining the rollover colours */
#nav ul li a:hover, #nav ul li#menu_contact a:hover {
background-color: #f63;
}

#nav ul li#menu_newsletter a:hover {
background-color: #f63;
border-right: 1px solid #f63;
}

/* Styles */

.hide {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}