html {
    margin : 0;
    padding : 0;
    height : 100%;
    width : 100%;
}

body {
    margin : 0;
    padding : 0;
    height : 100%;
    width : 100%;
    position : absolute;
    top : 0;
    left : 0;
    font-family : Verdana;
    font-size : 11px; 
    line-height : 20px;
}

#Pattern {
    background-color : #16A2BB;
    height : 200px;
    width : 100%;
    position : absolute;
    top : 0;
    left : 0;
    z-index : 1;
}

#Main {
    margin : 0;
    padding : 0;
    height : 100%;
    width : 100%;
    position : absolute;
    top : 0;
    left : 0;  
    z-index : 2;    
    text-align : center;
}

#MainContent {
    margin-left : auto;
    margin-right : auto;
    width : 775px;
    height : 100%;
    text-align : center;
}

#Header {
    height : 191px;
    background-image : url(../images/header.jpg);
}

#Header h1 {
    display : none;
}


#Nav {
    overflow : hidden;
    list-style-type : none;
    list-style-position : inside;
    margin-left : 151px;
    margin-top : 0;
    margin-bottom : 0;
    padding : 0;
}

#Nav li {
    display : inline;
    float : left;
    margin-left : 5px;
    padding : 0;
    cursor : pointer;
}

#Nav li span {
    display : none;
}

#SiteContent {
    text-align : left;
}

#FooterContact {
    clear : both;
    margin-top : 25px;
    overflow : hidden;
}

#Compose {
    display : inline;
    width : 377px;
    height : 69px;
    float : left;
    background-image : url(../images/composez.jpg);
}

#Compose  address {
    display : none;
}

#FooterContact a {
    display : inline;
    float : right;
}

#FooterContact a img {
    border : 0;
}

#FooterNav {
    clear : both;
    overflow : hidden;
    list-style-type : none;
    list-style-position : inside; 
    margin-left : 140px;
    margin-top : 0;
    padding : 0;
}

#FooterNav li {
    font-size : 8pt;
    display : inline;
    float : left;
    margin-left : 20px;
    margin-top : 25px;
    margin-bottom : 40px;
}

#FooterNav li  a  {
    color : #C6C6C6;
    text-transform : uppercase;
    font-weight : bold;
    text-decoration : none;
}

#FooterNav li  a:hover {
    color : #F49B01;
}

a img {
    border : 0;
}

acronym {
    display : none;
}

b {
    color : #15A3BB;
}

.lefttext{
    text-align : left;
    margin-left : 42px;
    margin-right : 42px;
}

a, a:visited, a:active {
    color : #F39A00;
    text-decoration : none;
    font-weight : bold;
}

a:hover {
    color : #15A3BB;
}

.smalltext {
    font-size : 0.9em;
}

.righttext {
    text-align : right;
    margin-right : 40px;
}

#NavHome {
    display : block;
    background-image : url(../images/nav_accueil.gif);
    background-position : 0 0;
    width : 77px;
    height : 30px;
}

#NavHome:hover {
    background-position : 0 30px;
}

#NavServices {
    display : block;
    background-image : url(../images/nav_services.gif);
    background-position : 0 0;
    width : 77px;
    height : 30px;
}

#NavServices:hover {
    background-position : 0 30px;
}

#NavHow {
    display : block;
    background-image : url(../images/nav_comment.gif);
    background-position : 0 0;
    width : 148px;
    height : 30px;
}

#NavHow:hover {
    background-position : 0 30px;
}

#NavGuestbook {
    display : block;
    background-image : url(../images/nav_livre.gif);
    background-position : 0 0;
    width : 87px;
    height : 30px;
}

#NavGuestbook:hover {
    background-position : 0 30px;
}

#NavContact {
    display : block;
    background-image : url(../images/nav_contact.gif);
    background-position : 0 0;
    width : 77px;
    height : 30px;
}

#NavContact:hover {
    background-position : 0 30px;
}

#IndexMap {
    height :165px;
    width : 150px;
    position : relative;
    top : 20px;
    left : 35px;
    display : block;
}

#Lang {
    width : 250px;
    float : right;
    font-size : 10px;
    font-weight : bold;
    color : #ffffff;
}

#Lang a {
    text-decoration : none;
    color : #F3E11D;
}

#Lang a:hover {
    color : #ffffff;
}

ul li {
    display : inline;
}