* {
margin: 0;
padding: 0;
}

body {
color=#555; 
margin: 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

img {
display: inline;
border: 0;
}

p {
font-size: 11px; 
line-height: 1,8;
text-align: left;
padding: 10px 0px ;
color=#555; 
}

a:link {
text-decoration : underline;
background: transparent;
color=#888
}

a:visited {
text-decoration : underline;
background: transparent;
color=#888;
}

a:hover {
text-decoration : none;
background: transparent;
color=#366AC9;
}

a:active {
text-decoration : underline;
background: transparent;
color=#888;
}

td {
vertical-align: top;
text-align: left;
}

.box1 {
background: url(images/menu_1.gif) no-repeat;
text-decoration: underline;
width: 158px;
height: 22px;
padding: 4px 11px;
margin: 1px 0px;
font-family: Tahoma, Verdana, Arial; 
font-size: 10px; 
color: #fff; 
font-weight: bold;
}

.box2 {
background: url(images/menu_2.gif) no-repeat;text-decoration: underline;
width: 158px;
height: 22px;
padding: 4px 11px;
margin: 1px 0px;
font-family: Tahoma, Verdana, Arial; 
font-size: 10px; 
color: #fff; 
font-weight: bold;
}

.box3 {
background: url(images/menu_3.gif) no-repeat;text-decoration: underline;
width: 158px;
height: 22px;
padding: 4px 11px;
margin: 1px 0px;
font-family: Tahoma, Verdana, Arial; 
font-size: 10px; 
color: #fff; 
font-weight: bold;
}

.box4 {
background: url(images/menu_4.gif) no-repeat;text-decoration: underline;
width: 158px;
height: 22px;
padding: 4px 11px;
margin: 1px 0px;
font-family: Tahoma, Verdana, Arial; 
font-size: 10px; 
color: #fff; 
font-weight: bold;
}

.box1 a:link {
text-decoration : none;
color: #fff; 
}

.box2 a:link {
text-decoration : none;
color: #fff; 
}

.box3 a:link {
text-decoration : none;
color: #fff; 
}

.box4 a:link {
text-decoration : none;
color: #fff; 
}

.box1 a:visited {
text-decoration : none;
color: #fff; 
}

.box2 a:visited {
text-decoration : none;
color: #fff; 
}

.box3 a:visited {
text-decoration : none;
color: #fff; 
}

.box4 a:visited {
text-decoration : none;
color: #fff; 
}

.box1 a:hover {
text-decoration : none;
color: #FFC400; 
}

.box2 a:hover {
text-decoration : none;
color: #FFC400; 
}

.box3 a:hover {
text-decoration : none;
color: #FFC400; 
}

.box4 a:hover {
text-decoration : none;
color: #FFC400; 
}

#menu {
background: url(images/fond_menu.gif) repeat-y;
width: 158px;
text-align: left; 
vertical-align: top;
}

#conseil {
background: url(images/conseil.jpg) no-repeat;
width: 158px;
border-bottom: 1px solid #402013;
height: 93px; 
text-align: right; 
padding: 74px 0 0 0;
margin: 20px 0 0 0;
}

#pied {
vertical-align: bottom;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold;
color: #555; 
text-align: left; 
padding: 10px 0 10px 0;
}

#bas {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #fff; 
text-align: right; 
padding: 10px 40px 10px 0;
border-top: 1px solid #fff;
height: 29px; 
background: url(images/barre_marron.gif);
}

#bas a:link {
text-decoration : none;
color=#fff
}

#bas a:visited {
text-decoration : none;
color=#fff;
}

#bas a:hover {
text-decoration : underline;
color=#FFEEB5;
}

#bas a:active {
text-decoration : none;
color=#fff;
}

.gras {
color=#366AC9;
font-size: 11px; 
padding: 10px 40px 0 0;
text-align: right;
}