﻿body {margin: 0px; font-family: Tahoma, Sans-Serif; font-size: 13px; width: 100%}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.clear {clear: both; font-size: xx-small;}
h1 {font-size: 21px; margin-top: 5px; font-family: "Lucida Handwriting";}
h2 {font-size: 35px; font-family: "Lucida Handwriting"; font-weight: bold; margin-bottom: 5px; margin-top: 5px;}
h3 {color: #BD1E1D; margin-top: 5px;}
hr {color: #BD1E1D; background-color: #BD1E1E;}

#wrapper {width: 100%;}

#top-back
{
    width: 100%;
    height: 192px;
    background: #FFFFFF url('../images/header-back.jpg') no-repeat center top;
}

#top
{
    width: 100%;
    height: 107px;
    padding-top: 25px;
}

#header
{
    width: 950px;
    text-align: left;
}

#title
{
    width: 750px;
    text-align: left;
    float: left;
}

#logo
{
    width: 87px;
    height: 116px;
    float: left;
    margin-left: 60px;
}

#slogan
{
    float: right;
    margin-left: 30px;
    margin-top: 50px;
    text-align: left;
    width: 573px;
}

#contact
{
    width: 200px;
    float: right;
}

#contact a
{
    color: #BD1E1D;
    text-decoration: underline;
}

#contact a:hover
{
    text-decoration: none;
}

#navigation
{
    clear: both;
    width: 100%;
    height: 35px;
    margin-top: 25px;
}

#nav-items
{
    width: 950px;
    text-align: left;
    height: 35px;
}

#nav-home a, #nav-interior a, #nav-exterior a, #nav-about a, #nav-francais a,
#nav-interieur a, #nav-exterieur a, #nav-english a
{
    font-size: 15px;
    background-color: #E4E4E4;
    padding: 4px 8px 2px;
    text-align: left;
    height: 25px;
    display: block;
    float: left;
    color: #BD1E1D;
    margin-right: 10px;
    margin-top: 5px;
}

#nav-home a:hover, #nav-interior a:hover, #nav-exterior a:hover, #nav-about a:hover, #nav-francais a:hover,
#nav-interieur a:hover, #nav-exterieur a:hover, #nav-english a:hover
{
    color: #E4E4E4;
    background-color: #BD1E1E;
    height: 30px;
    margin-top: 0px;
    text-decoration: none;
}

#nav-home a {background: #BD1E1E url('../images/nav-home-off.jpg') no-repeat; width: 41px;}
#nav-home a:hover {background: #BD1E1E url('../images/nav-home-on.jpg') no-repeat;}

#nav-interior a {background: #BD1E1E url('../images/nav-interior-off.jpg') no-repeat; width: 47px;}
#nav-interior a:hover {background: #BD1E1E url('../images/nav-interior-on.jpg') no-repeat;}

#nav-exterior a {background: #BD1E1E url('../images/nav-exterior-off.jpg') no-repeat; width: 49px;}
#nav-exterior a:hover {background: #BD1E1E url('../images/nav-exterior-on.jpg') no-repeat;}

#nav-about a {background: #BD1E1E url('../images/nav-about-off.jpg') no-repeat; width: 38px;}
#nav-about a:hover {background: #BD1E1E url('../images/nav-about-on.jpg') no-repeat;}

#nav-francais a {background: #BD1E1E url('../images/nav-francais-off.jpg') no-repeat; width: 106px;}
#nav-francais a:hover {background: #BD1E1E url('../images/nav-francais-on.jpg') no-repeat;}

#nav-interieur a {background: url('../images/nav-interieur-off.gif') no-repeat; width: 55px;}
#nav-interieur a:hover {background: url('../images/nav-interieur-on.gif') no-repeat;}

#nav-exterieur a {background: url('../images/nav-exterieur-off.gif') no-repeat; width: 57px;}
#nav-exterieur a:hover {background: url('../images/nav-exterieur-on.gif') no-repeat;}

#nav-english a {background: url('../images/nav-english-off.gif') no-repeat; width: 94px;}
#nav-english a:hover {background: url('../images/nav-english-on.gif') no-repeat;}


#spacer
{
    width: 100%;
    background-color: #BD1E1E;
    height: 10px;  
}

#content-back
{
    background: #EBEBED url('../images/content-back.jpg') no-repeat center top;
    padding: 10px 0px;
    width: 100%;
}

#content
{
    background-color: #FFFFFF;
    border: solid 1px #000000;
    width: 928px;
    text-align: left;
    padding: 10px;
    font-size: 17px;
}

#content h3 {font-size: 21px;}

.image-one
{
    clear: both;
    float: right;
    width: 250px;
    margin-left: 10px; 
}

.image-two
{
    float: left;
    width: 224px;
    margin-right: 10px;   
}

.image-three
{
    float: left;
    width: 224px;
}

#footer
{
    background-color: Gray;
    height: 21px;
    text-align: right;
    padding: 4px 10px 0px;
    color: #FFFFFF;
}

#footer a {color: #FFFFFE; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
