/* CSS Document */
body {
    background-color: #F1E9DD;
	font-family: Trebuchet MS; 
	font-size: 1px !important;
	margin: 0px;	
}
table {
	border-collapse: collapse; 
	border-style: solid;
	border-width: 0;	
}
td {
	font-size: 13px;
}
a {
    color: #FFFFFF;
    text-decoration: none;
}
input, select {
	font-size: smaller;
}
#button {
    color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
/* display: block; permet de donner une dimension et une image de fond à une balise <a> pour en faire un bouton.
Par défaut, <a> est une balise Inline, il faut donc la passer en Block pour lui donner des dimensions et la sortir du texte courant. */
#orange {
    background-image: url(../images/orange.gif);
    display: block !important;
	height: 20px;
	line-height: 20px;
}
.a1 {
    color: #000000;
}
.a2 {
    color: #548189;
}
.a4 {
    color: #666666;
}
.a5 {
    color: #FF9000;
}
.a1:hover, .a2:hover, .a3:hover, .a4:hover, .a5:hover {
    text-decoration: underline;
}
.copyr {
    color: #666666;
    font-size: 11px;
	padding: 5px 0 0 0;
	text-align: center;
}
.img_pointille {
    background: url(../images/pointille_blanc.gif) repeat-x 0% 0%;
}
.menu-top-off {
	color: #FFFFFF;
	font-weight: bold;
	height: 40px;
	text-align: center;
}
.menu-top-on {
    background-image: url(../images/menu-top-on.gif);
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 40px;
	text-align: center;
}
.photo-off {
    background-color: #E7EFBB;
}
.photo-on {
    background-color: #F39F12;
}
.titre {
    color: #65A1A0;
	border-bottom: 1px #65A1A0 solid;
	font-size: 15px;
	padding: 3px 0 2px 0px;
}