/*----------------------------------------------------*/
/*                     Header
/*----------------------------------------------------*/

#entete {
    margin-bottom:30px;
    text-align:center;
}

#entete img {
    width:30%;
    max-width: 200px;
}

#entete #titre {
    font-family: 'avenida';
    font-size: 2em;
    color:rgb(119, 149, 163);
}

/*----------------------------------------------------*/
/*                     Footer
/*----------------------------------------------------*/

.notice {
    color:rgb(0,0,145);
}

.notice a{
    color: rgb(255, 0, 15);
}

/*----------------------------------------------------*/
/*                     Main
/*----------------------------------------------------*/

body {
    font-family: 'gotham';
    color: grey;
}

.center {
    text-align: center;
}

a {
    color: inherit;
}

div.txt1, div.txt2, div.txt3, div.txt4, div.txt5 {
    width: 80%;
    margin-left:10%;
    text-align: center;
}

.txt2 {
    font-size: 22px;
}

.txt4 {
    font-size: 10px;
}

.txt_gras {
    font-weight: bold;
}

/*----------------------------------------------------*/
/*                     Section
/*----------------------------------------------------*/

.section {
    padding-top:20px;
    margin-top:20px;
    background-position: top center;
    background-repeat: no-repeat;

}

.section.nuage {
    background-image: url('img/lavage.png');
    background-size:135px;
}

.section.vague {
    background-image: url('img/vague.png');
    background-size:135px;
}

.section.chariot {
    background-image: url('img/chariot.png');
    background-size:135px;
}

/*----------------------------------------------------*/
/*                     Bouton
/*----------------------------------------------------*/

.bt {
    margin:30px 0 30px 0;
    border-radius: 10px;
    padding: 10px 15px;
    text-align: center;
    font-size: 30px;
    border-bottom-style: solid;
    display: inline-block;
    box-shadow:0px 9px 10px #e8e8e8;
    font-family: 'avenida';
}

.bt.orange {
    border-color:orange;
}

.bt.bleu {
    border-color:#7182D6;
}

/*-------------------------------------------------------*/
/*               SELECT 2                                */
/*-------------------------------------------------------*/

span.select2-container {
    border: 2px solid black;
    width: 100% !important;
}

div.form-select2 {
    width:80% !important;
    margin-left:10%;
    margin-top:50px;
}