body {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
}

/*Navbar*/

.navbar.navbar-expand-lg {
    margin-top: 10px !important;
    border: 1px black solid;
}

.nav-link {
    padding: 0 !important;
}

.navbar {
    background-color: #d9d8ec !important; /* violet clair du bandeau */
    border-bottom: 1px solid #ccc;
}

.navbar .navbar-collapse {
    background-color: #ffffff !important;
}

.navbar-nav .nav-link {
    color: #009966;
    font-weight: 700;
    padding: 3px !important;
    border-bottom: .09em solid #e1e1e1;
}

.navbar-nav .nav-link:hover {
    color: #007755;
}

.navbar-nav {
    padding: 8px !important;
}

button:focus:not(:focus-visible) {
    outline: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none !important;
}

button.navbar-toggler {
    border: none;
}

.navbar.navbar-expand-lg {
    padding: 0;
}

.navbar > .container {
    padding: 0 !important;
}

.dropdown-menu{
    border: none !important;
}

/* Textes*/

.text-style {
    margin: 2em 0;
}

.text-style#site-contact {
    padding: 1em !important;
    margin: 0 !important;
}

.big-title {
    margin-top: 1.5em;
    font-size: 25px;
}

#plus, #plus-txt{
    text-align: center;
}

/*bouton portfolio et contact*/

.l-line{
    background-color: #8cd8d8 !important;
    height: 23px;
}

#btn-portfolio, #btn-contact {
    scale: 130%;
    background-color: #4d3dcd !important;
    color: white;
    border: none;
    font-weight: bold;
    width: 38%;
}

/* meilleures créations */

.fond{
    background-color: #4f4a64;
    color: white;
}

/* socials */

.socials > .row {
    margin: 2em 0;
}

.icons{
    background-color: #4f4a64;
    color: white;
}

/* formulaire de contact */

input, textarea{
    padding: .4em;
    margin-bottom: .5em !important;
}

textarea{
    height: 255px;
}