/* STYLE*/
body{
    font-family: 'Itim', cursive;
    color:#2240A4;
    margin: 0px;

    }


/* HEADER*/
#page-header{
    box-shadow: 0px 3px 6px #00000029;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    position:fixed;
    width: 100%;
    top:0;   
    padding-bottom: 3px;
}
.components{
    max-width: 80%;
    margin:0 auto;
    display:flex;
    flex-flow: row nowrap;

}
.logo{
    display:inline-block;
    width: 123px;
    padding:5px;

}
    

.menu{
    flex-basis: 80%;
    display: flex;
    padding-top: 75px;
    padding-left: 30px;
    padding-right:30px;
    font-size: 1.5em;
    align-items: center;
    justify-content: space-between;
}
.Accueil{
    margin-right:6%;
    
}
.Blog{
    margin-right:6%;
    color: #E98730;
}
.Histoire{
    margin-right: 6%;
    
}
.Contact{
    margin-right:6%;
}
.Connexion{
    background-color: #2D0085;
    color: #FFFFFF;
    padding: 7px 20px;
    border-radius: 50px;
}


/* MAIN*/
.container{
    margin-top: 125px; /* Esto es para evitar que suba el contenido por debajo del header*/
    background-color: #FFFFFF;
}
.articleblog h1{
    font: normal normal normal 45px/66px Itim; 
    margin:auto
}
.articles{
    width: 76%;
    margin:0 auto 5%;
    display:flex;
    flex-flow: row nowrap;
    background-color: #FFFF;
    padding-left: 15px;
}
.articleblog{
    flex-basis: 50%;
    margin-right: 5%;
}

.introduction{
    font: normal normal bold 20px/50px Cabin;
    line-height: 1.8em;
}

.articleblog h2{
    color:#E98730;
    font: normal normal normal 35px/48px Itim;
}
.explication{
    font: normal normal normal 20px/50px Cabin;
    line-height: 1.8em;

}
ul{
    color:#E98730;
    font: normal normal normal 25px/48px Itim;
}
.liste{
    font: normal normal normal 20px/50px Cabin;
    color: #2240A4;
    line-height: 1.8em;
}

/*ASIDE*/

.articlerecents{
    flex-grow: 1;
    font: normal normal normal 27px/66px Itim;
    background:#EDF3FB;
    height: fit-content;
    padding-left: 10px;
    padding-left: 10px;
}
.articlerecents h3{
    margin:auto 0;
}
.derniersarticles{
    font: normal normal normal 25px/48px Itim;
    line-height: 1.8em;
}
/*Como cambiar el color de la rallita separadora?*/

/*INSCRIPTION*/
.inscription{
    background-color:#E98730;
}
.avantages{
    width: 60%;
    margin:0 auto 0;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
}
.avantages h1{
    color:#FFFFFF;
}
.enumerations{
    text-align: left;
    display:flex;
    flex-flow: row; 
    font: normal normal normal 20px/50px Cabin;
    line-height: 1.8em;
    color:#FFFFFF;
}
.inscription p{
    flex-grow: 1;
}
.coussinet{
    height: fit-content;
    padding-top: 1%;
    padding-right:3%;
}
.conclusion{
    font: normal normal normal 20px/50px Cabin;
    color:#FFFFFF;
}
.Bouton{
    background-color: #FFFF;
    color:#E98730;
    font: normal normal normal 30px/50px Itim;
    width:30%;
    margin: auto;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 27px;
}
    /*No se como bajar el logo de la patita abajo*/

    /*FOOTER*/
    .imgfooter{
        display:inline-block;
        width: 100%;
        height: auto;
    }
    .footer{
        background-color:#FFFFFF;

    }
    .optionsfooter{
        background-color: #FFFFFF;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%)

    }
    .conteneur-flexible{
        display:flex;
        width: 76%;
        margin:0 auto 0;
    }
    .footertexte{
        color:#2D0085;
        flex-flow: row wrap;
        flex:1 1 18%;
        justify-content: space-between;
    }

    /*Formulaire et button Newsletter*/
    #pseudo{
        font-family: 'Cabin',sans-serif;
        color:#8E98B7;
        width:75%;
    }
    .button{
        margin-top: 10px;
        padding-left: 50%;/* Eso lo he hecho asi, pero lo que queria realmente es ponerlo en el centro sin tener que recurrir a los margenes interiores*/
    }
    #buttonv{
        font-family:'Itim';
        color:#ffffff;
        background-color: #E98730;
        border-radius: 50px;
        border-color: #E98730;
        padding: 5px 10px;
        
    }
    .conditions{
        font-family: 'Cabin';
        font-size: 11px;
    }
    .servicetitre{
        font: normal normal bold 25px/50px Cabin;
    
    }
    .servicetexte{
        font: normal normal normal 17px/50px Cabin;
        line-height: 1em;
    }
    .reseaux{
        display:flex;
    }
    .ligne{
        flex-direction: row;
    }
    .copyright{
        text-align: center;
        font: normal normal bold 10px/50px Cabin;

    }