/* CSS avec les couleurs de chez Christophe*/
body 
{ 
width: 1000px; 
background-color: #60594F;
margin: auto;
}

#header,#logo,#menu,#content,#footer 
{
overflow:hidden;
display:inline-block;
/*text-align: center;*/
margin: 5px;
}
/* safari and opera need this */

/* définition des 5 plages */
#footer { width:990px; }
#header,#menu { float:left; }
#logo,#content {float:right; }

#header 
{
width: 300px;
height: 240px;
background-image:url(./montreal.png);
background-repeat:no-repeat;
}
#logo 
{
width: 660px;
height: 240px;
}
#menu 
{
width: 250px;
height: 500px;
margin-top: 30px;
margin-left: 30px;
padding: 5px;
font-size: 17px;
font-weight: bold;
border: 6px solid #816F61; /*906F61 un joli roux*/
background-color: #B2ABA2;
}
#content 
{
width: 660px;
margin-top: 30px;
padding: 3px;
border: 6px solid #816F61;
background-color: #B2ABA2;
text-align: justify;
}
#footer 
{
clear: both;
border-top: 5px solid #816F61;
text-align: center;
}
/* définition des balises à l'intérieur des plages */
div
{
font-family: Arial;
color: black;
}
p
{
font-family: Arial;
font-size: 12px;
color: black;
}
h1
{
font-size: 16px;
font-weight: bold;
}
h2
{
font-size: 13px;
font-weight: bold;
color: #444444;
}
h3
{
font-size: 12px;
color: black;
}
table
{
background-color:#B2ABA2;
border: 0px;
background-repeat:no-repeat;
}
a
{
text-decoration:none;
font-family: Arial;
color: black;} 
a img
{
border: 0px;
}
img
{
border: 0px;
}
#logo table
{
font-family: Arial;
font-size: 13px;
color: black;
}
#menu a
{
color: #000000;
}
#menu a:hover
{
color: #5B6A94;
}
#footer table
{
font-family: Arial;
font-size: 12px;
color: black;
}
.recherche_tab
{
background-image:url(./vide.png);
background-repeat:no-repeat;
}
.justified
{
font-family: Arial;
font-size: 12px;
color: black;
text-align: justify;
}