body { 
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
background-color: #f7f6f5;
min-width: 775px;
max-width: 775px;
}

p, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, div, ol {
padding: 0;
margin: 0;
}

.wrapper {
width: 778px;
}

.header { 
background-image: url(../image/header.gif);
width: 780px;
height: 78px;
}

.headeren { 
background-image: url(../image/header_en.gif);
width: 780px;
height: 78px;
}

.header h1{
text-indent: -9999px;
color: red;
overflow: hidden;
}

.headeren h1{
text-indent: -9999px;
color: red;
overflow: hidden;
}

.navigationblock {
background-color: #3a3432;
margin-left: 37px;
height: 200px;
width: 280px;
float: left;
}

.navigation {
margin: 0 0;
display: block;
}

.navigation li {
display: block;
margin: 0;
width: 280px;
height: 50px;
list-style: none outline;
}

.navigation li a {
margin: 0;
display: block;
height: 50px;
width: 280px;
text-indent: -9999px;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
}

li.santephysique a {
background-image:url(../image/btnsantephysique.gif);
background-position: 0 -50px;
}

li.santeproches a {
background-image:url(../image/btnsanteproches.gif);
background-position: 0 -50px;
}

li.securitephysique a {
background-image: url(../image/btnsecuritephysique.gif);
background-position: 0 -50px;
}

li.securitefinanciere a {
background-image:url(../image/btnsecuritefinanciere.gif);
background-position: 0 -50px;
}

li.physicalhealth a {
background-image:url(../image/btnphysicalhealth.gif);
background-position: 0 -50px;
}

li.lovedoneshealth a {
background-image:url(../image/btnlovedoneshealth.gif);
background-position: 0 -50px;
}
li.physicalsecurity a {
background-image:url(../image/btnphysicalsecurity.gif);
background-position: 0 -50px;
}
li.financialsecurity a {
background-image:url(../image/btnfinancialsecurity.gif);
background-position: 0 -50px;
}

#santephysique li.santephysique a,
#santeproches li.santeproches a,
#securitephysique li.securitephysique a,
#securitefinanciere li.securitefinanciere a,
#physicalhealth li.physicalhealth a,
#lovedoneshealth li.lovedoneshealth a,
#physicalsecurity li.physicalsecurity a,
#financialsecurity li.financialsecurity a {
background-position: 0 -0px;
}

.navigation li a:hover {
background-position: 0 -100px;
}    /* mouse over link */

.navigation li a:active {
background-position: 0 -100px;
}   /* selected link */

.navigation li a:active {
background-position: 0 -150px;
}   /*-- mouse down --*/

.topicimage {
margin-left: 321px;
width: 454px;
height: 200px;
background-color: gray;
}

#santephysique .topicimage {
background-image: url(../image/sports.gif);
}

#santeproches .topicimage {
background-image: url(../image/family.gif);
}

#securitephysique .topicimage {
background-image: url(../image/selfdefense.gif);
}

#securitefinanciere .topicimage {
background-image: url(../image/money.gif);
}

#contacteznous .topicimage {
background-image: url(../image/phonekeyboard.gif);
}

#notremission .topicimage {
background-image: url(../image/road.gif);
}

#contactus .topicimage {
background-image: url(../image/phonekeyboard.gif);
}

#physicalhealth .topicimage {
background-image: url(../image/sports.gif);
}

#lovedoneshealth .topicimage {
background-image: url(../image/family.gif);
}

#physicalsecurity .topicimage {
background-image: url(../image/selfdefense.gif);
}

#financialsecurity .topicimage {
background-image: url(../image/money.gif);
}

.horizrule {
margin-left: 37px;
margin-bottom: 6px;
margin-top: 4px;
height: 4px;
background-color: black;
}


.subtitle {
float: left;
margin-left: 37px;
width: 280px;
height: 550px;
background-color: #dadbdd;
}

.subtitle h2 {
padding: 20px 20px;
color: #00507d;
font-size: 14px;
line-height: 28px;
}

.content {
margin-left: 321px;
margin-bottom: 24px;
width: 454px;
xheight: 500px;
background-color: #f7f6f5;
}

.content h3, p {
padding: 20px 20px 0px 90px;
margin-bottom: 0px;
}

.content h3 {
font-size: 14px;
line-height: 16px;
}

.content p {
font-size: 12px;
line-height: 14px;
}

.content h3 a {
color: #00507d;
}

.content a {
color: #00507d;
}
.content h3 a:hover {
color: #dadbdd;
}

.content li {
padding: 10px 20px 0px 120px;
margin-bottom: 0px;
list-style-type: none;
}

.footer {
width: 778px;
height: 50px;
}

.footerleft {
float: left;
width: 280px;
height: 50px;
}
.footerleft p {
color: black;
text-align: center;
}

.footerright {
margin-left: 284px;
width: 454px;
height: 50px;
}
.footerright p, a {
color: black;
text-align: center;
text-decoration: none;
}

.footerright a:hover {
color: #dadbdd;
}

.clearer {
overflow: hidden;
font: normal 1px/1px courier, serif;
clear: both; 
height: 0px;
margin:  -2px 0 0 0;
padding: 0;
border-bottom: 1px solid transparent;
}