/* Général */
body {
    color: white;
    background: #F9F9F9;
}

a {
    color: #59595b;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #59595b;
    text-decoration: none;
}

strong {
    color: black;
}

/* Page */
#global {
    background: white;
}

#global fieldset {
    background-color: white;
    border-color: #384949;
    padding: 10px;
}

.legend {
    text-align: left;
    margin-bottom: 0px;
    margin-left: 16px;
}


/* Navigation */
#navigation {
    background: #384949;
}

#navigation a {
    color: white;
    text-shadow: 0 1px 0 #333;
}

#navigation a:hover,
#navigation a:focus {
    background: #E50006;
    color: white;
    text-shadow: 0 1px 0 #333;
}

/* Contenu principal */
#contenu {
    color: black;
    background: white;
    margin-bottom: 0px;
    margin-top: 0px;
}

#contenu a {
    color: #990000;
}

#contenu a:hover,
#contenu a:focus {
    color: #E50006;
}

#contenu strong {
    color: black;
}

/* Pied de page */
#pied {
    color: #59595b;
}


/* --- POSITIONNEMENT --- */

/* Page */
html,
body {
    height: 100%;
    /* Voir -> Note 1 ci-dessous */
}

body {
    padding: 0;
}

#global {
    min-height: 100%;
    /* -> 1 */
    width: 955px;
    overflow: hidden;
    /* -> 2 */
    margin-left: auto;
    margin-right: auto;
    /* -> 3 */
    margin-bottom: 0px;
    bottom: 0;
}

/* En-tête */
#entete {
    padding: 5px 20px 0px 20px;
    color: black;
}

#entete h1 {
    margin: 0;
    color: black;
    text-shadow: 0 0 1px white;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 1px transparent;
}

#entete h1 img {
    float: left;
    margin: 7px 20px 10px 0;
}

#entete .sous-titre {
    margin: 4px 0 15px 0;
}

#entete a {
    color: #59595b;
    text-decoration: none;
}

#entete a:hover,
#contenu a:focus {
    color: #E50006;
    text-decoration: none;
}

/* Menu de navigation */
#navigation {
    padding-top: 7px;
    padding-bottom: 7px;
}

#navigation ul {
    margin: 0;
    list-style: none;
    text-align: center;
}

#navigation li {
    display: inline;
}

#navigation a {
    padding: 12px;
    line-height: 24px;
    font-size: .9em;
    text-decoration: none;
}

/* Contenu */
#contenu {
    padding: 0px 20px;
    min-height: 450px;
}

#contenu> :first-child {
    margin-top: 10px;
}

#contenu p,
#contenu li {
    line-height: 1.5;
}

#contenu h1 {
    clear: both;
    color: black;
    border-bottom: 2px solid black;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-top: 5px;
    font-size: 1.3em;
    text-align: left;
}

/* Pied de page */
#pied {
    clear: both;
    width: 950px;
    padding: 0px 20px 2px 20px;
    font-size: .85em;
    background-color: #384949;
    margin-bottom: 0px;
    bottom: 0px;
    text-align: center;
    color: #fff;
}

#pied p {
    text-align: center;
    margin: .5em 0;
}

#copyright {
    text-align: left;
    font-size: 1em;
}

#pied a {
    color: #fff;
}

#pied a:hover,
#contenu a:focus {
    color: #E50006;
}

#pied strong {
    color: white;
}

#liens {
    margin-top: 0px;
}

#liens a {
    color: #fff;
}

#liens a:hover,
a:focus {
    color: #E50006;
}

#lienscatalogues {
    margin-top: 0px;
}

#lienscatalogues a {
    color: #E50006;
}

#lienscatalogues a:hover,
a:focus {
    color: #E50006;
}

/* Tableaux */
.bordure {
    border: 1px solid #384949;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.bordurepanier {
    border: 1px solid #59595b;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

@media screen and (max-width:640px) {
    body {
        -webkit-text-size-adjust: 98%;
    }
}

/* SOCIAL MENU */
#social {
    margin-left: 350px;
    margin-top: -10px;
    height: 16px;
}

ul#socialbar {
    width: 216px;
    height: 16px;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    list-style: none;
    /*   clear:both;*/
    /*    position: absolute;*/
    top: -10px;
    left: 0px;
}

#socialbar li {
    overflow: hidden;
    text-indent: -9999px;
    display: inline;
    float: left;
    margin-right: 0;
}

#socialbar li a {
    background: url('Images/social.png') no-repeat;
    width: 216px;
    height: 16px;
    display: block;
}


#socialbar li.facebook {
    width: 80px;
    height: 16px;
}

#socialbar li.facebook a {
    background-position: 0px 0px;
}

#socialbar li.facebook a:hover {
    background-position: -0px -16px;
}


#socialbar li.twitter {
    width: 72px;
    height: 16px;
}

#socialbar li.twitter a {
    background-position: -86px -0px;
}

#socialbar li.twitter a:hover {
    background-position: -86px -16px;
}


#socialbar li.rss {
    width: 47px;
    height: 16px;
}

#socialbar li.rss a {
    background-position: -169px -0px;
}

#socialbar li.rss a:hover {
    background-position: -169px -16px;
}

/* SOCIAL MENU */