@media all and (max-width:768px)
{
    body
    {
        font-size:12px;
    }

    h1
    {
        font-size:18px;
    }

    .imageG2a
    {
        width:90%;
    }
}

@media all and (min-width:769px)
{
    .imageG2a
    {
        width: 50%;
    }
    body
    {
        font-size: 18px;
    }
}

/* affichage du carousel */
@media all and (max-width:1049px)
{
    .sm-none
    {
        display: none;
    }
}

@media all and (min-width:1050px) and (max-width: 1548px)
{
    .md-none
    {
        display: none;
    }
}

@media all and (min-width: 1549px)
{
    .lg-none
    {
        display: none;
    }
    .invisible
    {
        visibility: hidden!important;
    }

}
/*fin du carousel*/
@font-face {
    font-family: 'Chilanka-Regular';
    src:url('../fonts/Chilanka-Regular.ttf.woff') format('woff'),
    url('../fonts/Chilanka-Regular.ttf.svg#Chilanka-Regular') format('svg'),
    url('../fonts/Chilanka-Regular.ttf.eot'),
    url('../fonts/Chilanka-Regular.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pricedown bl';
    src: url("../fonts/pricedown bl.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
body
{
    font-family:Calibri;
    overflow-x:hidden ;
}
h1,h3
{
    font-family: Chilanka-Regular;
}

#first
{
    margin-top: 9vh;
}

.invisible
{
    visibility: visible!important;
}

.h12
{
    padding: 4rem;
}
.bg-violet
{
    background-color: rebeccapurple;
}

.bg-bleu
{
    /*background-image: url("../images/blue-lignts.jpg");*/
    background-color: lightskyblue;
}

.titre
{
    text-shadow:3px 3px 2px cornflowerblue ;
}
.titre2
{
    text-shadow:3px 3px 2px whitesmoke ;
}

.image
{
    float: left;
    width: 50%;
}

.img-banniere
{
    width: 100%;
    object-fit: cover;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    z-index: 1;
    font-family: Chilanka-Regular;
    font-size: 16px;
}

.navbar-brand
{
    font-size: 2em;
}

.navbar-nav
{
    font-size: 1.5em;
}

.section
{
    height: 100vh;
}
.footer
{
    height:15vh;
    background-color: rebeccapurple;
    z-index: 1;
}
.foo
{
    height:22vh;
    z-index: 1;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

.sticky2 {
    position: fixed;
    bottom: 0;
    width: 100%
}
.are
{
    height:70vh;
    margin: auto;
}

#second
{
    border:6px grey ;
}
#col1Bio,#col2Bio
{
    font-family: Calibri;
}

.minia
{
    height:32px;
}
.minia2
{
    height:64px
}

#gta
{
    font-family: "pricedown bl";
}

.margeL
{
    margin-left: 8%;
}

.contact
{
    border: 1px solid rebeccapurple;
    box-shadow: 0px 0px 15px rebeccapurple;
    margin-bottom: 10vh;
}

.minaYtb
{
    border: 3px solid rebeccapurple;
    border-radius: 3px;
    box-shadow: 3px -6px 6px black;
}

.play
{
    position: absolute;
    left:37%;
    top:25%;
}

.carousel-control-prev
{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:10%;
    color:black;
    text-align:center;
    opacity:.5;
    transition:opacity .15s ease}

.carousel-control-next
{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:10%;
    color:black;
    text-align:center;
    opacity:.5;
    transition:opacity .15s ease;

}


.p-20
{
    padding: 10%;
}

.connect
{
    box-shadow: 0px 0px 15px black;
    border-radius: 6px;
}

.bg-fond-bleu
{
    background-image: url("../images/fond-bleu.jpg");
}

.text-violet
{
    color: rebeccapurple;
}

.fit-content
{
    width: -moz-fit-content;
    width: fit-content;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-4 13:5:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-8-4 14:38:51
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@keyframes slide-in-bottom {
    0% {
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-8-5 10:59:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-8-5 11:0:50
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-8-5 15:30:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bck
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bck {
    0% {
        -webkit-transform: translateZ(80px);
        transform: translateZ(80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fade-in-bck {
    0% {
        -webkit-transform: translateZ(80px);
        transform: translateZ(80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}


/* ----------------------------------------------
 * Generated by Animista on 2020-8-11 12:39:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-in-2-tl-cw
 * ----------------------------------------
 */
@-webkit-keyframes rotate-in-2-tl-cw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes rotate-in-2-tl-cw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}

.slide-in-left {
    -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-bottom {
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-right {
    -webkit-animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-top {
    -webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.fade-in-bck {
    -webkit-animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.rotate-in-2-tl-cw {
    -webkit-animation: rotate-in-2-tl-cw 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: rotate-in-2-tl-cw 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}