/* Mise en forme de la barre de contenu */
.app1TopContent{
    background-color: grey;
}

/* Mise en forme de la boite autour du lien pour retourner au dashboard */
.app1Dashboard{
    float: left;
    height: 48px;
}

/* Mise en forme de la boite */
.app1Dashboard a{
    display: block;
    background-color: darkslategray; 
    width: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: white;
}

/* Mise en forme de la boite autour du lien pour couper l'application*/
.app1ShutDown{
    float: left;
    height: 48px;
}

/* Mise en forme de la boite */
.app1ShutDown a{
    display: block;
    background-color: crimson;
    width: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: white;
}

/* Mise en forme du titre de la page */
.app1Title{
    height: 64px;
    text-align: right;
}

/* Mise en forme du titre de la page */
.app1Title a{
    display: block;
    padding: 15px;
    font-family: 'Trebuchet MS';
    font-size: 30px;
    color: white;
}

/* Mise en forme de l'espace accueillant le menu horizontal */
#app1HorizontalMenu{
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    background-color: #38B1C6;
    height: 46px;
    width: 1070px;
}

/* On ajoute des séparations aux éléments du menu */
#app1HorizontalMenu li{
}

/* On regroupe les éléments du menu en un bloc*/
#app1HorizontalMenu li a{
    padding: 0px;
    margin: 0px;
}

/* On désactive le soulignement des liens */
#app1HorizontalMenu li:link{
    text-decoration: none;
    color: white;
}

/* On laisse la couleur de base lorsque le lien a été visité */
#app1HorizontalMenu li a:visited{
    color: white;
}

/* On active le changement de couleur au passage de la souris */
#app1HorizontalMenu li:hover{
    background-color: #8CC63E;
    color: white;
    cursor: pointer;
    transition: 0.4s;
}

/* Mise en forme des informations générales à côté du menu */
.app1Info{
    float: left;
    background-color: #38B1C6;
    width: 210px;
    height: 33px;
    padding-top: 13px;
}

/* Mise en forme du texte pour les informations générales à côté du menu */
.InfoPageApp1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    padding: 10px;
}

/* Mise en forme du contenu = A MODIFIER POUR ALLONGER LA PAGE */
.app1Content{
    float: left;
    width: 1280px; 
    height: auto; 
}

/* Mise en forme titre étapes*/
.app1MasterApp1Step{
    font-size: 16px;
    margin-left: 5px;
    margin-bottom: 20px;
}

/* Image step 1 */
.imgStep1{
    float: left;
}

/* Texte step 1 */
.textStep1{
    width: 143px;
}

/* Image step 2 */
.imgStep2{
    float: left;
}

/* Texte step 2 */
.textStep2{
    width: 114px;
}

/* Image step 3 */
.imgStep3{
    float: left;
}

/* Texte step 3 */
.textStep3{
    width: 78px;
}

/* Image step 4 */
.imgStep4{
    float: left;
}

/* Texte step 4 */
.textStep4{
    width: 184px;
}

/* Image step 5 */
.imgStep5{
    float: left;
}

/* Texte step 5 */
.textStep5{
    width: 128px;
}