#topContent {
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
}

.topContentTable {
    width: 1240px;
}

/* Position et taille du logo*/
.Logo{
    padding: 15px;
    width: 200px;
    height: auto;
}

/* Design de la ligne de séparation sous le logo et le menu*/
.sepLine{
    width: 1280px;
    height: 5px;
    background-color: #38B1C6;
    position: absolute;
}

/* --- MENU ---*/

/* Position du logo = largeur de la première colonne du tableau*/
.positionLogo{
    width: 250px;
    padding: 0px;
    margin: 0px;
}

/* Mise en forme du menu */
.positionMenu{
    color: #38B1C6;
}

/* Design du menu : on enlève les bullets de la liste*/
.topContentTable ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/* Éléments de la liste positionnés les uns à côté des autres*/
.topContentTable li{
    float: left;
}

/* On regroupe les éléments de la liste en un bloc*/
.topContentTable li a{
    display: block;
    padding: 15px;
    background-color: white;
}

/* On désactive le soulignement des liens */
.topContentTable li a:link{
    text-decoration: none;
    color: #38B1C6;
}

/* On laisse la couleur de base lorsque le lien a été visité */
.positionMenu li a:visited{
    color: #38B1C6;
}

/* On active le changement de couleur au passage de la souris */
.positionMenu li a:hover{
    background-color: whitesmoke;
    color: #8CC63E;
}

/* Position du login */
.positionLogin{
    vertical-align: central;
    width: 200px;
}

/* Propriétés du login */
.loginStyle{
    float: right;
    font-size: small;
    color: #38B1C6;
    padding: 20px;
}

/* On laisse la couleur de base lorsque le lien a été visité */
.loginStyle a:visited{
    color: #38B1C6;
}

/* Propriétés du login au passage de la souris */
.loginStyle a:hover{
    color: #8CC63E;
    cursor: pointer;
}

/* --- BANDEAU RESEAUX SOCIAUX --- */

/* Mise en forme bande avant pied de page */
#subFooter{
    background-color: #8CC63E;
}

/* Mise en forme du tableau contenant les logos */
.tableSubFooter{
    text-align: center;
    width: 1280px;
    height: 70px;
}

/* Mise en forme de la liste contenant les logos */
.tableSubFooter ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Éléments de la liste positionnés les uns à côté des autres*/
.tableSubFooter li{
    padding: 10px;
    display: inline;
}

/* --- PIED DE PAGE --- */

/* Mise en forme du pied de page */
#footerContent{
    background-color: darkslategray;
}

/* Mise en forme du tableau de pied de page*/
.footerContentTable{
    width: 1280px;
}

/* Mise en forme titres pied de page */
.tableFooter{
    text-align: center;
    height: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

/* Mise en forme textes pied de page */
.tableFooterText{
    height: 180px;
    vertical-align: text-top;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
}

/* Mise en forme logo Soft4Doc pied de page */
.logoFooter{
    height: 25px;
    width: auto;
}

/* Mise en forme bouton Subscribe */
.button_subscribe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: grey;
    border: none;
    height: 28px;
    width: 150px;
    cursor: pointer;
}

.button_subscribe:hover{
    background-color: #8CC63E;
}

/* Copyright */
.tableCopyright{
    height: 20px;
    position: relative;
    left: 8px;
    bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
}

/* Mise en forme sitemap */
.tableSitemap{
    line-height: 20px;
    font-size: 14px;
}

/* Mise en forme du menu du sitemap */
.tableSitemap ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Sitemap au passage de la souris */
.tableSitemap ul li a:hover{
    color: #8CC63E;
    cursor: pointer;
}