/* Author : BOUCHET Julien */

body
{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    color: blue;
    border: 2px #CACFCE solid;	
}

body p
{
    font-size: 1.1em;
}

nav
{
    display: flex;
    flex-direction: column;
    width: 20%;
    border-right: 2px #CACFCE solid;	
    border-top: 2px #CACFCE solid;
    border-bottom: 2px #CACFCE solid;
    align-items: center;
    font-size: 1.2em;
}

nav button:hover
{
    /*text-decoration: underline;*/
    border-color: red;
    background-color: blue;
    color: white;
}

article
{
    display: flex;
    flex-direction: column;
    margin: 0% 5% 0% 5%;
}

footer
{
    text-align: right;
    font-size: 0.8em;
    margin-right: 5%;
}

strong
{
    font-style: normal;
}

em
{
    font-style: normal;
    font-size: 1em;
}

form
{	
    margin: 5% 5% 0% 5%;
}

form p
{
    margin-left: 5%;
}

#connexion
{
    width: 20%;	
}

.champs
{
    width: 85%;
}

#submit
{
    margin-left: 5%;
    margin-bottom: 5%;
}

.milieuPage
{
    display: flex;	
}

#titre
{
    text-align: center;
    color: white;
    background-color: blue;
    font-size: 3em;
    font-style: oblique;
    margin: 0% 0% 0% 0%;
}

.sous_titre
{
    font-weight: bold;
    font-style: italic;
    color: blue;
    margin-left: 5%;
}

#presentation
{
    border-top: 2px #CACFCE solid;
    border-bottom: 2px #CACFCE solid;
    border-right: 2px #CACFCE solid;
    width: 80%;
}

#miniatures
{
    display: flex;
    flex-direction: row;
}   

.imageFlotanteWindows
{
    float: left;
    max-width: 90%;
    border: solid 2px blue;
    margin-left: -20%;
}

.imageFlotanteAndroid
{
    float: right;
    max-width: 100%;	
    border: solid 2px blue;
    clear: both;
}

.paragraphe
{
    text-align: justify;    
}

#download
{
    max-width: 15%;
    align-items: center;
}

button
{
    background-color: transparent;
    width: 120px;
    border-color: blue;
    font-size:0.8em;
}

.centrer
{
    text-align: center;
}

/*Page ajout club*/

#formulaireAdminitration
{
    margin: 0% 5% 5% 5%;
}

.champsAjoutClub
{
    width: 100px;    
}

#resultat
{
    font-size: 1.2em;
    color: red;
}

/* Page demande de license*/

#demandeLicense 
{
    width: 100%;
    margin: auto;
}