body
{
    background:white;
    background:#FEFAF6;
}

#bloc
{
    font-family:'Open Sans', Verdana;
    margin:0 auto;
    width:80%;

}

#sous_bloc
{
    margin:40px auto;
    text-align: center;
}

.intro
{
    font-size:20px;
    margin: 15px 0;
    color: #505050;
    font-weight:bold;
    text-align: center;
}

#freq
{
    text-align: center;
}

#freq a
{
    color: darkgreen;
}

h1
{
    font-size:1.2em;
    color:white;
}

h2
{
    font-size:1.2em;
    color: #343434;
}


.titre
{
    display:inline-block;
    margin-top:20px;
    font-size:18px;
}


.section
{
    background: white;
    margin: 10px 15px;
    width: 18%;
    min-width:200px;
    display: inline-block;
    vertical-align: middle;
    height:220px;
    color:#6A6A7D;
    padding:10px;
    border:1px dotted #39B54A;
}

/* Permet de saisir une cagnotte avant d'être sur la page dédiée */
#create
{
    margin-top:70px;
}

#create input
{
    height:4em;
    margin:0;
    padding: 0 10px 0 10px;
    vertical-align:middle;
    font-size:1em;
}

#create input[type=text]
{
    border-radius: 10px 0 0 10px;
    border:1px solid #A1A0A6;
    width:330px;
}

#create input[type=submit]
{
    border-radius: 0 10px 10px 0;
    border:1px solid #A1A0A6;
}

a
{
    color:grey;
}

.fa
{
    display:block;
    font-size:25px;
}


/*-----------------------------Format mobile -------------------*/


@media screen and (max-width:767px)
{

    #bloc
    {
        text-align:center;
        width:90%
    }


    #create
    {
        margin:30px auto 0px auto;
    }


    #create input
    {
        display:block; /* L'un au dessus de l'autre */
        margin:0 auto; /* on centre */
        height:3em;
    }

    #create input[type=text]
    {
        border-radius: 10px;
        width:80%;
        margin-bottom:15px;
        font-size:0.9em;
    }

    #create input[type=submit]
    {
        border-radius: 10px;
        width:80%;
    }

}


/*-----------------------Petit format ----------------*/

@media screen and (min-width:768px) and (max-width:979px) {
    h1 {
        font-size: 0.9em;
    }

    h2 {
        font-size: 0.9em;
    }



}

@media screen and (min-width:980px) and (max-width:1199px)
{

    h1
    {
        font-size:1em;
    }

    h2
    {
        font-size:1em;
    }



}

/*grand format */
@media screen and (min-width:1600px)
{

}