#carouselExampleIndicators
{
    margin-top:100px;
}

.item > .content {background-size:100% 100%;}

.yellow-bg
{
    padding-top:50px;
    padding-bottom:50px;
    background-image:url('../img/yellow-bg.png');
    background-position: center;
    background-size:100% 100%;
}
.owl-carousel
{
    margin-bottom:75px;
}
.owl-carousel .content
{
    margin-top:25px;
    height:300px;
    width:100%;
    background-color:black;
    background-position: center;
    background-size:100% 100%;
    color:white;
    border-radius: 5px;
    transition: 0.5s;
}
.owl-carousel .content-text
{
    position: absolute;
    left:30px;
    bottom:15px;
    text-shadow: 0px 0px 6px #000000;
}
.owl-carousel h2 .insta-text {font-size:1rem;}
.owl-carousel h2
{
    text-transform: uppercase;
    margin:0;
    font-size:1.3rem;
}
.owl-carousel p
{
    margin:0;
}
.owl-dots
{
    text-align:center;
    margin-top:10px;
}
.owl-carousel button.owl-dot
{
    height:10px;
    width:10px;
    border-radius: 10000px;
    background-color:grey!important;
    margin-left:2px;
    margin-right:2px;
}
.owl-carousel button.owl-dot.active
{
    width:20px;
    background-color:var(--trois)!important;
}
.ow-reseaux
{
    position:absolute;
    right:12px;
    top:17px;
}
.ow-reseaux i
{
    display: block;
    color:white;
    font-size:1.5rem;
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
    transition:0.5s;
}
.ow-reseaux i:hover
{
    color:var(--primary);
    transition:0.5s;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot
{
    padding:auto!important;
}
.owl-next, .owl-prev
{
    width:45px;
    height:50px;
    background-color:black;
    font-size:1.7rem;
    border-radius: 1000px;
    position: absolute;
    top:50%;
    transform: translate(0,-50%);
    opacity:0.7;
    transition: 0.5s;
}
.owl-next:hover, .owl-prev:hover
{
    opacity:1;
    transition: 0.5s;
}
.owl-prev
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left:0;
    padding-right:10px;
    padding-left:5px;
}
.owl-next
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    right:0;
    padding-left:10px;
    padding-left:5px;
}

a:link
{
    text-decoration: none;
}
.description
{
    margin:0;
    font-size:16px;
    line-height: 1.7;
    text-align: justify;
}
.newsletter
{
    background-color:rgb(27, 27, 27);
    color:white;
    padding:50px;
    padding-top:75px;
    padding-bottom:70px;
}
.newsletter .title
{
    margin-top:0;
}
.form-newsletter, .form-newsletter:hover, .form-newsletter:active, .form-newsletter:focus
{
    background-color:transparent;
    border:none;
    border-radius:0;
    outline:none;
    width:45%;
    border-bottom:3px solid var(--primary);
    margin-left:auto;margin-right:auto;
    color:white;
    font-family: 'Titillium Web', sans-serif;
    font-size:1.1rem;
}
#playlist-title::after
{
    content:'';
    display: block;
    width:100px;
    height:50px;
    background-image:url('../img/wave2.png');
    background-position: center;
    background-size:100% 100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom:25px;
}

.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item .eapps-instagram-feed-posts-item-type-carousel .eapps-instagram-feed-posts-item-visible .eapps-instagram-feed-posts-item-image-landscape .eapps-instagram-feed-posts-item-loaded
{
    margin:10px;
}

.elfsight-app-df8bbca0-d576-479f-ae71-ccc961d76400
{
    height:435px;
    margin-top:25px;
}
#insta {position:relative;display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;}
div.insta-block {margin-top:20px;width:207px;height:207px;background-size:100% 100%;}


/* Articles */
#article {max-width:80%;margin-left:auto;margin-right:auto;overflow-wrap:break-word;}
#article img {max-width:90%;display: block;}
.head {
    margin-top:50px;
    display:flex;
    align-items:flex-end;
    justify-content: flex-end;
    flex-direction: column;
    height:700px;
    width:100%;
    background-position: center center;
    background-size:100% auto;
    background-position: center;
    background-attachment: fixed;
    background-repeat:no-repeat;
    opacity:0;
}
.head > h3 {
    width:100%;
    padding:10%;
    padding-bottom:0;
    font-family:"ReklameScriptW00-Bold";
    font-size:200%;
    text-align:center;
    text-shadow: 0px 0px 12px #000000;
}
.head > h4 {
    font-weight: bold;
    text-shadow: 0px 0px 12px #000000;
    width:100%;
    font-size:120%;
    margin-bottom:-12%;
    text-align:center;
}

/*
 * Articles
 */
.barre {
    content: '';
    width:100%;
    height:1px;
    background:var(--trois) !important;
    margin:5px 0;
}
.i-block {
    padding:10px;
    display:flex;
    justify-content: space-between;
}
.share {vertical-align:middle;}
.fa-share-alt {
    font-size:1.3rem;
}

.share-pop {background:var(--trois);color:var(--first);display:inline-block;position:absolute;}
.share-pop > a:link {color:var(--first);}
.share-pop > a:visited {color:var(--first);}
.share-pop > a > i {font-size:1.7rem;padding:10px;}

div.reseaux {display: flex;justify-content: center;font-size:2rem;color:white;}
div.reseaux i {margin:10px 20px;}
div.reseaux a:link {color:white;text-decoration: none;}
div.reseaux a:visited {color:white;}

@media screen and (max-width:1000px) {
    .head > h3 {
        font-size:115%;
    }
    .head > h4 {
        font-size:95%;
    }
    .head {
        height:auto;
        padding-top:100px;
        background-size:100% auto;
        background-position:top center;
    }
    h3 .title::after {
        display:none;
    }
    .head > h3 {
        padding:0;
        padding-left:5%;
        padding-left:5%;
        padding-bottom:15%;
    }
    div.insta-block {margin-top:20px;width:150px;height:150px;background-size:100% 100%;}
    #article {
        max-width:95%;
    }
}