/* Définition des paramètres de la page */
html {
    position: relative;
    min-height: 100%;
    color: black;
}

/* Paramétrage du fond du milieu qui est un mixte entre 2 images avec un fondu vers le blanc sur les côtés */
.jumbotron {
    background-image: url("../img/fond.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-y: center;
    background-position-x: center;
    width: 100%;
    height: 250px;
}

/* Définition de la taille des images sur le côté de l'en-tête de la page */
div.jumbotron img {
    width: 24%;
    height: 170%;
}

/* Placement de l'image de gauche */
div.jumbotron #imgGauche {
    margin-top: -50px;
    float: left;
}

/* Placement de l'imag de droite */
div.jumbotron #imgDroite {
    margin-top: -230px;
    float: right;
}

/* Mise en forme de lazone du texte qui se trouve au milieu de l'en-tête (petit effet de ruban) */
div.transbox {
    margin-top: -30px;
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

/* Mise en forme du texte qui se trouve au milieu de l'en-tête de la page */
div.transbox h1, div.transbox h2 {
    font-weight: bold;
    color: #000000;
    position: relative;
    left: -155px;
}

/* Placement des informations du footer */
#infoFooter {
    text-align: center;
}

/* Définition du footer */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: black;
    color: #FFFFFF;
    text-align: center;
}

/* Rédéfinition des paramètres globaux de la page */
html body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0px;
}