@font-face {
    font-family: "Dosis";
    src: url('Dosis-Light.ttf');
}

@font-face {
    font-family: "Myriad";
    src: url('MyriadPro-SemiboldIt.otf');
}

.robotPage{
    background-image: url(../media/images/background/Robotique_H.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rob{
    text-align: justify;
    font-size: 2vh;
    margin-bottom: 0px;
}

.rob h2{
    text-align: left;
    margin: 10px 0;
    text-decoration: underline;
    font-size: 3.5vh;
}
/* body{
    min-height: -webkit-calc(100vh - 56px);
} */
        /* @supports (-webkit-appearance:none) {
            .os-android{
                min-height: calc(100vh - 56px);
            }
        } */


.zoom{
	-webkit-transition-property: width,height;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: width,height;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: width,height;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.zoom:hover{
    width: 18vh;
}


.download {
    margin-top: 5px;
}

video{
    width: 100%;
}
/* #player1,
#player2,
#player3,
#player4,
#player5,
#player6,
#player7,
#player8,
#player9,
#player10
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.placeholderStyle::-webkit-input-placeholder {
    font-family: "Dosis";
}

.placeholderStyle:-ms-input-placeholder {
    font-family: "Dosis";
}

.placeholderStyle:-moz-placeholder {
    font-family: "Dosis";
}

.placeholderStyle::-moz-placeholder {
    font-family: "Dosis";
}

body {
    font-family: "Dosis";
    margin: 0;
    font-weight: bold;
    color: white;
    text-shadow: 0 0 3px #000000;
    /* background-color: #363636; */
    font-size: 24px;
}

.desc {
    font-size: 3.6vh;
}

.menuIndex {
    bottom: 0;
    position: absolute;
}

.volumeBar,
.stop,
.volume {
    display: none;
}

h2 {
    font-size: 3.1vh;
}

#contactDiv {
    position: relative;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contactDivG {
    width: 100%;
    height: 100%;
    background: #00000080;
}

#robotInfo {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#cartouche_czar {
	Line-Height: 1.4vw;
	top :10%;
	left: 10%;background: rgba(0,0,0,0.6);
	right: 10%;
	color: white;padding: 2vw;
	border-radius: 20px; 
	position: absolute;
	z-index: 22;}
}

#robotInfoG {
    position: relative;
    height: 100vh;
}

.sectionTextR p {
    margin: 3px;
}

.foot {
    top: initial;
    bottom: 0;
}

#section4 {
    background: #000000;
    position: relative;
}

#mentions {
    font-size: 2vh;
}

#contact {
    font-size: 3vh;
}

#section0 {
    background: black;
}

.text {
    height: 100vh;
}

#burgerImg {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.logoMovx img {
    filter: drop-shadow( -3px 0px 3px #FFF);
}

.menuPlace {
    position: relative;
    top: 50vh;
    transform: translate(0, -50%);
}

.menu {
    position: fixed;
    width: 100%;
    top: 1vh;
    z-index: 9998;
    left: 5px;
}
/* #robotInfo div section p{
    font-size: 1.5vh;
} */
/* .play {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/play.svg);
    cursor: pointer;
    border: none;
}

.pause {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/pause.svg);
    cursor: pointer;
    border: none;
}

.replay {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/replay.svg);
    cursor: pointer;
    border: none;
}

.stop {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/stop.svg);
    cursor: pointer;
    border: none;
}

.fullscreen {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/fullscreen.svg);
    cursor: pointer;
    border: none;
}

.mute {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/unmute.svg);
    cursor: pointer;
    border: none;
}

.unmute {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/mute.svg);
    cursor: pointer;
    border: none;
}

.download {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../media/images/icones/download.svg);
    cursor: pointer;
    border: none;
} */

#partenairesHTML {
    background: url(../media/images/background/vignetage.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#partenaires {
    text-align: center;
}

#partenaires img {
    width: 80%;
    height: auto;
    filter: drop-shadow( 0px 0px 1px #FFF);
}

.divImg {
    position: relative;
}

.divImg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* 
iframe {
    overflow: auto;
} */

/* .burgerMenu{
    display: block;
}

.logoMovx{
    display: block;
} */

.text {
    display: flex;
    text-align: center;
    width: 100%;
}

/* .text div{
    width: 50%;
    margin: auto 55px;
} */

.textEx, .VideoYdiv {
    margin-left: 7vh;
    margin-right: 1vh;
}
.VideoYdiv{
    margin-left: 7vh;
    margin-right: 7vh;
}

.List li a {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 33px;
    color: white;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.List {
    margin: auto;
    text-align: center;
    padding: 10px 0;
}

.List li {
    list-style-type: none;
    display: inline-block;
    padding-left: 4vh;
}

.sectionImg ul li a {
    outline: none;
}

.sectionText p {
    margin-top: 0;
    margin-bottom: 0px;
}

/* ----- Chart Footer ----- */

.FooterMenu {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0;
}

.FooterMenu li a {
    font-size: 3.6vh;
}

.FooterMenu ul {
    padding-top: 5px;
}

/* ----- Chart sur les <a> de list ----- */

.List li a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.List li a:after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.List li a:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ----- Index  ----- */

.sectionText {
    text-align: center;
}

.sectionText h1 {
    margin-top: 0;
    padding-top: 10px
}

.sectionText span {
    font-size: 18px;
}

/*--------------- */

.sectionImg ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sectionImg ul li {
    list-style-type: none;
    display: inline-block;
    width: 30%;
    text-align: center;
}

.sectionImg a {
    text-decoration: none;
    display: block;
    font-size: 3.8vh;
    color: white;
}

.sectionImg ul li img {
    filter: drop-shadow( 0 0 4px rgb(255, 255, 255));
}

.sectionImg a:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.sectionImg a {
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

/*--------------- */

.section {
    position: relative;
}

.carousel {
    height: 100vh;
}

.lastcarousel {
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
}

/* .carousel iframe {
    width: 95%;
    filter: drop-shadow( 0 0 1px #FFF);
} */

.carousel article h2,
.carousel article p {
    padding: 0 10%;
}

.carousel article {
    text-align: center;
}

.carousel p {
    text-align: justify;
    font-size: 2.5vh;
    margin-bottom: 0px;
    margin-top: 0.7vh;
}

.carousel h2 {
    text-align: left;
    margin: 1vh 0;
    text-decoration: underline;
}

.titre {
    position: absolute;
    z-index: 9998;
    margin: 0;
    top: 2vh;
    margin-left: 17.5vh;
    font-size: 5.4vh;
    font-family: "Myriad";
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../media/images/load.gif') 50% 50% no-repeat rgb(249, 249, 249);
}

/* --- PageMention --- */

#divMainMentions {  
    height: 120vh;
}

.mentions {
    height: 100vh;
    position: relative;
}

.mentions section {
    font-size: 2.5vh;
    width: 60%;
    padding: 2%;
    background: rgba(0,0,0,0.6);
    border-radius: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#footerMentions {
    padding-top: 5vh;
    position: relative;
}

.mentions h1 {
    margin-left: 4%;
}

a {
    color: white;
}

/* --- PageContact --- */

#feedback-page {
    text-align: center;
}

#form-main {
    position: relative;
    height: 100vh;
}

#FooterContact {
    padding-top: 15vh;
}

#mainDivContact {
    background: #00000048;
}

#form-div {
    width: 60%;
    position: absolute;
    margin-top: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.feedback-input {
    color: #3c3c3c;
    font-weight: 500;
    font-size: 3vh;
    border-radius: 0;
    line-height: 3.5vh;
    background-color: #fbfbfb;
    padding: 1.5vh 1.5vh 1.5vh 8vh;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(0, 0, 0, 0);
}

.feedback-input:focus {
    background: #fff;
    box-shadow: 0;
    border: 3px solid red;
    outline: none;
    padding: 13px 13px 13px 54px;
}

.focused {
    color: #30aed6;
    border: #30aed6 solid 3px;
}

#name {
    background-image: url("../media/icones/icons-user.png");
    background-size: 5vh 5vh;
    background-position: 1vh 0.8vh;
    background-repeat: no-repeat;
}

#email {
    background-image: url("../media/icones/icons-message.png");
    background-size: 5vh 5vh;
    background-position: 1vh 0.8vh;
    background-repeat: no-repeat;
}

#telephone {
    background-image: url("../media/icones/icons-phone.svg");
    background-size: 5vh 5vh;
    background-position: 1vh 0.8vh;
    background-repeat: no-repeat;
}

#comment {
    background-image: url("../media/icones/icons-modifier.png");
    background-size: 5vh 5vh;
    background-position: 1vh 0.8vh;
    background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 20vh;   
    line-height: 150%;
    resize: vertical;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
    background-color: white;
}

#button-blue {
    font-family: "Dosis";
    float: left;
    width: 100%;
    border: #fbfbfb solid 4px;
    cursor: pointer;
    background-color: red;
    color: white;
    font-size: 3vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -4px;
    font-weight: 700;
}

#button-blue:hover {
    background-color: rgba(0, 0, 0, 0);
    color: red;
}

.submit:hover {
    color: red;
}

.ease {
    width: 0px;
    height: 8vh;
    background-color: #fbfbfb;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    transition: .3s ease;
}

.submit:hover .ease {
    width: 100%;
    background-color: white;
}

#form-div section {
    text-align: justify;
}

#form-div section span {
    color: red;
}

#form-div section h1 {
    font-size: 82px;
    margin: 5px;
    margin-left: 10%;
}

.form p {
    margin: 15px 0;
    margin-top: 0;
}

#form-main a {
    color: red;
}

.overlay {
    height: 100%;
    width: 0%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 50%;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 6vh;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    padding: 0;
    top: -9.4vh;
    right: 3px;
    font-size: 17vh;
}

.burgerMenu span img {
    width: 5vh;
}

.burgerMenu {
    position: fixed;
    top: 5px;
    z-index: 9998;
    right: 10px;
}

.logoMovx img {
    width: 16vh;
}

.logoMovx {
    position: fixed;
    top: 1vh;
    z-index: 9998;
    left: 5px;
}

@media screen and (max-width: 850px) {
    .text {
        display: block;
    }
    .carousel p {
        font-size: 2.5vh;
    }
    .text div {
        width: initial;
    }
    .sectionImg ul {
        display: block;
    }
    .menuPlace {
        top: 45vh;
    }
    .sectionImg ul li {
        width: 25%;
        display: block;
        margin: auto;
    }
}

@media screen and (max-width: 760px) {
    body {
        font-size: 14px;
    }
    .sectionImg ul {
        display: block;
    }
    .sectionImg ul li {
        width: 25%;
        display: block;
        margin: auto;
    }
    .carousel article h2,
    .carousel article p {
        padding: 0 20%;
    }
    .List {
        margin: 0;
    }
    .FooterMenu ul {
        padding-bottom: 2vh;
    }
}
@media only screen and (max-width: 580px) {
    #form-div {
        left: 3%;
        margin-right: 3%;
        width: 88%;
        margin-left: 0;
        padding-left: 3%;
        padding-right: 3%;
    }
    /* .text div {
        margin: auto 4vh;
    } */
}

@media screen and (max-width: 550px) {
    .sectionText p {
        margin-top: 0;
        padding-top: 40px;
    }
    .FooterMenu li a {
        font-size: 3vh;
    }
}

@media screen and (max-width: 485px) {
    .sectionImg a {
        font-size: 2.8vh;
    }
}

@media screen and (max-height: 630px) {
    body {
        font-size: 12px;
    }
    .titre {
        font-size: 20px;
    }
    .carousel article h2,
    .carousel article p {
        padding: 0 20%;
    }
    .List {
        margin: 0;
    }
    .FooterMenu ul {
        padding-bottom: 0px;
    }
    .FooterMenu ul li {
        /* padding-right: 20px; */
        display: inline-block;
        padding-bottom: 6%;
    }
    /* .divVideo {
        margin-top: 10%;
    } */
}

@media screen and (max-height: 430px) {
    .carousel article h2,
    .carousel article p {
        padding: 0 6%;
    }
    /* .carousel iframe {
        width: 90%;
    } */
    /* .divVideo iframe {
        width: 90%;
    } */
}

@media (orientation: landscape) {
    .infoM {
        width: 50%;
    }
    .VideoYsection{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    .VideoYdiv{
        position: relative;
    }
    /* .VideoYsection{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    } */
    .sectionTextR p {
        font-size: 2.5vh;
    }
    .desc p {
        margin: 2vh 0;
    }
    .descS {
        padding-top: 8vh;
    }    
    .descs {
        display: none;
    }
    /* .FooterMenu {
        position: relative;
    } */
    .text {
        display: flex;
    }
    #form-div {
        margin-top: 5vh;
    }
    .textEx {
        position: relative;
    }
    #contactDiv {
        display: flex;
    }
    .SectionForm {
        width: 50%;
    }
    .textEx section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    /* #player section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player1 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player2 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player3 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player4 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player5 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player6 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player6 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player7 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player8 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #player9 section {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    } */
    .sectionImg ul li img {
        width: 60%;
    }
    /* #player {
        margin-left: 0;
    } */
    .text div {
        width: 50%;
    }
    .menuIndex {
        position: absolute;
    }
    .FooterMenu ul li {
        display: inline-block;
        padding-bottom: 2%;
    }
    .sectionImg ul {
        display: flex;
    }
    .sectionImg ul li {
        width: 33.333333333%;
        display: inline-block;
        margin: 0;
        height: 100vh;
    }
}

@media (orientation: landscape) {
    /* #player,
    #player1,
    #player2,
    #player3,
    #player4,
    #player5,
    #player6,
    #player7,
    #player8,
    #player9 {
        position: relative;
    } */
    #accueilRobotique {
        background-image: url(../media/images/background/accueil_robotique_H.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #accueilVision {
        background-image: url(../media/images/background/accueil_vision_H.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #accueilCinema {
        background-image: url(../media/images/background/accueil_cinema_H.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section1 {
        background-image: url(../media/images/background/Robotique_H.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section2 {
        background-image: url(../media/images/background/cinema_H_1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section3 {
        background-image: url(../media/images/background/vision_H_2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section4 {
        background-image: url(../media/images/background/contact_H.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #mentions {
        background: url(../media/images/background/mentions_H.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media (orientation: portrait) {
    .carousel p {
        font-size: 1.6vh;
    }
    #robotInfo p{
        font-size: 1.4vh;
    }
    .desc p {
        margin: 0;
    }
    h2 {
        font-size: 2.3vh;
    }
    .mentions section {
        font-size: 2.5vh;
        width: 100%;
        margin: 0px;
        padding: 6%;
        background: rgba(0,0,0,0.6);
        border-radius: 40px;
        position: absolute;
        top: 60%;
        left: 0;
        transform: translateY(-50%);
    }
    .VideoYsection{
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    .desc {
        font-size: 2.6vh;
    }
    .descS {
        display: none;
    }
    .descs {
        display: block;
    }
    .infoM {
        margin-bottom: 2vh;
    }
    .overlay a {
        font-size: 6vh;
    }
    .FooterMenu li a {
        font-size: 3vh;
    }
    .titreMenu {
        padding-bottom: 5px;
    }
    /* .VideoAndText {
        margin-top: 0;
        transform: translateY(0);
    } */
    /* #player,
    #player1,
    #player2,
    #player3,
    #player4,
    #player5,
    #player6,
    #player7,
    #player8,
    #player9 {
        margin-left: 3vh;
        margin-right: 3vh;
    } */
    .textEx, .VideoYdiv {
        margin-left: 6vh;
        margin-top: 1.5vh;
        margin-right: 6vh;
    }
    .textEx section {
        padding-top: 9vh;
    }
    #accueilRobotique {
        background-image: url(../media/images/background/accueil_robotique_V.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #accueilVision {
        background-image: url(../media/images/background/accueil_vision_V.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #accueilCinema {
        background-image: url(../media/images/background/accueil_cinema_V.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section1 {
        background-image: url(../media/images/background/Robotique_V.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section2 {
        background-image: url(../media/images/background/cinema_V_1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section3 {
        background-image: url(../media/images/background/vision_V_1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #section4 {
        background-image: url(../media/images/background/contact_V.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #mentions {
        background: url(../media/images/background/mentions_V.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .menuPlace {
        position: initial;
        transform: translate(0, 0);
        margin: auto;
    }
    .menuPlace a p {
        margin: 0;
    }
    .sectionImg {
        position: relative;
    }
    .sectionImg ul li {
        width: 100%;
        height: 33.3333vh;
        display: flex;
    }
    .sectionImg ul li img {
        height: 18vh;
        width: 100%;
    }
}


@media (max-width: 1300px) {
    #section0 {
        background-size: contain;
    } 
}


/* .VideoYsection iframe{
    width: 90vh;
    height: 51vh;
}
@media screen and (max-width: 1300px){
    .VideoYsection iframe{
        width: 75vh;
        height: 42vh;
    }
}
@media screen and (max-width: 1150px){
    .VideoYsection iframe{
        width: 65vh;
        height: 36vh;
    }
}
@media screen and (max-width: 1050px){
    .VideoYsection iframe{
        width: 55vh;
        height: 31vh;   
    }
}
@media screen and (max-width: 1050px){
    .VideoYsection iframe{
        width: 55vh;
        height: 31vh;   
    }
}
@media screen and (max-width: 900px){
    .VideoYsection iframe{
        width: 45vh;
        height: 25vh;  
    }
} */

.tableau {

}
