body
{
background-color:#b2d7ea;
}



#top-left, #top-right, #bottom-left, #bottom-right {
 background-repeat:no-repeat;
}

#top-left
{
background-position:top left;
background-image:url(back1.gif);
}

#top-right
{
background-position:top right;
background-image:url(back4.gif);
}

#bottom-right
{
background-position:bottom right;
background-image:url(back2.gif);
}

#bottom-left
{
background-position:bottom left;
background-image:url(back3.gif);
}



#all
{

background-color:#b2d7ea;
margin-top: 20px;
margin-left: 420px; 
margin-right: 420px; 
margin-bottom: 20px;
width:1000px;
height:700px;
}

#logo
{float:left;
padding-right: 5px;
}


#vertical_menu
{
background-color:#529cc1;
border: 2px outset black;
width:198px;
height:510px;
float:left;
margin-left:10px;
margin-right:20px;
}


#content
{
text-align:center, justify;
background-color:#529cc1;
padding: 5px;
overflow:auto;
border:2px outset black;
overflow: auto;
width:748px;
height:500px;
}
#header
{
background-color:#529cc1;
border:2px outset black;
width:980px;
height:96px;
margin-bottom:20px;
margin-left:10px;

}

#horizontal_menu
{
background-color:#529cc1;
text-align:center;
padding: 5px;
border:2px outset black;
width:970px;
height:50px;
margin-bottom:20px;
margin-left:10px;

}

#horizontal_menu a 
{padding-right: 30px;
text-decoration:underline;


}

a:link
{color:#472c19;
font-weight:bolder;
text-decoration:none;
}
a:hover 
{
font-weight:bolder;
color: green;
}
a 
{
color:#472c19;
font-weight:bolder;
text-decoration:none;
}

h1,h2,h3,h4,h5,h6
{font-family: Impact,Verdana, "Arial Black", Arial, serif;
color: #d7b423;
text-decoration: underline;
}


.centre
{text-align:center;
}

p
{text-indent:30px;
text-align:justify;
font-family:"Comic sans MS",Verdana, "Arial Black", Arial, serif;
}

.tres
{font-style:oblique;
}

.bonne
{font-weight:bolder;
}


.question
{font-style:italic;
font-weight:bolder;
font-size:1.4 em;
text-decoration:underline;
}
.mon_cher_watson
{text-transform:uppercase;
font-style:none;
}