@charset "utf-8";



/*IPHONE 6/6 plus----------------------------------------------------*/
@media only screen and (min-width:375px){

/*HIDDEN MENU---------------------------------------------------*/

.link-hidden-menu {
    font-size: 3.5em;
}


/*HIDDEN MENU---------------------------------------------------*/

/****************************************************************
HOME
*****************************************************************/

.barre-complete {
    height: 3.5px;
}

.barre-incomplete {
    height: 3.5px;
}

/****************************************************************
HOME
*****************************************************************/

/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/


h1#portfolio1 {
    font-size: 3em;
}

h1#portfolio2 {
    font-size: 3em;
}


/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/

/****************************************************************
CONTACT
*****************************************************************/


h1#contact1 {
    font-size: 3em;
}

h1#contact2 {
    font-size: 3em;
}


/****************************************************************
CONTACT
*****************************************************************/


/****************************************************************
FOOTER
*****************************************************************/

h1#test1 {
    font-size: 3.5em;
}

h1#test2 {
    font-size: 3.5em;
}

h2 {
    font-size: 3em;
}

p {
    font-size: 1.2em;
}

h3.under-title-project {
    font-size: .75em;
}

p.text-contact {
    font-size: 1em;
}

div#couv-project-jemesouviens.couv-project {
    height: 32vh;
}

div#amazon-visu1.miniature-container {
    height: 144vh;
}

div#amazon-visu2.miniature-container {
    height: 153vh;
}

div#amazon-visu3.miniature-container {
    height: 153vh;
}

div#lyon-visu1.miniature-container {
    height: 112vh;
}

div#lyon-visu2.miniature-container {
    height: 96vh;
}

div#mybrian-visu1.miniature-container {
    height: 126vh;
}

div#mybrian-visu2.miniature-container {
    height: 65vh;
}

div#mybrian-visu3.miniature-container {
    height: 28vh;
}

div#mybrian-visu4.miniature-container {
    height: 43vh;
}



div#planche1.miniature-container{
   height: 23vh;
}

div#planche2.miniature-container{
   height: 23vh;
}

div#planche3.miniature-container{
   height: 23vh;
}

div#planche4.miniature-container{
   height: 23vh;
}

div#planche5.miniature-container{
   height: 23vh;
}

div#planche6.miniature-container{
   height: 23vh;
}

div#planche7.miniature-container{
   height: 23vh;
}

div#planche8.miniature-container{
   height: 23vh;
}

div#planche9.miniature-container{
   height: 23vh;
}




}

/*IPHONE X-----------------------------------------------------------*/
@media only screen and (min-width:414px){

/*HIDDEN MENU---------------------------------------------------*/

.link-hidden-menu {
    font-size: 4.5em;
}

/*HIDDEN MENU---------------------------------------------------*/


/****************************************************************
FOOTER
*****************************************************************/



.miniature-container-stage {
    height: 30vh;
}

.miniature-container {
    height: 30vh;
}

p.text-contact {
    font-size: 1.2em;
}

/****************************************************************
ALTERNANCE
*****************************************************************/



div#photo1.miniature-container{
   height: 29vh;
}

div#photo2.miniature-container{
   height: 31vh;
}

div#photo3.miniature-container{
   height: 34vh;
}

div#photo4.miniature-container{
   height: 34vh;
}

div#photo5.miniature-container{
   height: 34vh;
}

div#photo6.miniature-container{
   height: 34vh;
}


div#ux1.miniature-container{
   height: 91vh;
}

div#ux2.miniature-container{
   height: 91vh;
}

div#ux3.miniature-container{
   height: 29vh;
}

div#ux4.miniature-container{
   height: 29vh;
}


div#dg1.miniature-container{
   height: 72vh;
}

div#dg2.miniature-container{
   height: 72vh;
}

div#dg3.miniature-container{
   height: 72vh;
}


div#ia1.miniature-container{
   height: 29vh;
}

div#ia2.miniature-container{
   height: 29vh;
}


div#planche1.miniature-container{
   height: 64vh;
}

div#planche2.miniature-container{
   height: 64vh;
}

div#planche3.miniature-container{
   height: 64vh;
}

div#planche4.miniature-container{
   height: 64vh;
}

div#planche5.miniature-container{
   height: 64vh;
}

div#planche6.miniature-container{
   height: 64vh;
}

div#planche7.miniature-container{
   height: 64vh;
}

div#planche8.miniature-container{
   height: 64vh;
}

div#planche9.miniature-container{
   height: 64vh;
}



/****************************************************************
ALTERNANCE
*****************************************************************/





}

@media only screen and (min-width:480px){

/*HIDDEN MENU---------------------------------------------------*/

.load-logo{
    width: 25%;
}

/*HIDDEN MENU---------------------------------------------------*/

/****************************************************************
PROJET
*****************************************************************/


div#horizon-visu1.miniature-container {
    height: 29vh;
}

div#horizon-visu2.miniature-container {
    height: 29vh;
}

div#horizon-visu3.miniature-container {
    height: 29vh;
}

div#horizon-visu4.miniature-container {
    height: 29vh;
}

div#horizon-visu5.miniature-container {
    height: 29vh;
}


div#jvfr-visu1.miniature-container {
    height: 126vh;
}

div#jvfr-visu2.miniature-container {
    height: 126vh;
}

div#jvfr-visu3.miniature-container {
    height: 158vh;
}

div#jvfr-visu4.miniature-container {
    height: 169vh;
}



div#couv-project-oshara {
    height: 29vh;
}

div#oshara-visu1 {
    height: 52vh;
}

div#oshara-visu2 {
    height: 54vh;
}

div#oshara-visu3 {
    height: 52vh;
}

div#oshara-visu4 {
    height: 52vh;
}

div#oshara-visu5 {
    height: 51vh;
}

div#oshara-visu6 {
    height: 51vh;
}

div#oshara-visu7 {
    height: 39vh;
}

div#oshara-visu8 {
    height: 74vh;
}

/****************************************************************
PROJET
*****************************************************************/

/****************************************************************
FOOTER
*****************************************************************/


li.li-nav{
    display: none;
}


/****************************************************************
FOOTER
*****************************************************************/

div#planche1.miniature-container{
   height: 29vh;
}

div#planche2.miniature-container{
   height: 29vh;
}

div#planche3.miniature-container{
   height: 29vh;
}

div#planche4.miniature-container{
   height: 29vh;
}

div#planche5.miniature-container{
   height: 29vh;
}

div#planche6.miniature-container{
   height: 29vh;
}

div#planche7.miniature-container{
   height: 29vh;
}

div#planche8.miniature-container{
   height: 29vh;
}

div#planche9.miniature-container{
   height: 29vh;
}


}



/*IPAD---------------------------------------------------------------*/
@media only screen and (min-width:768px){

/*HIDDEN MENU---------------------------------------------------*/

.link-hidden-menu {
    font-size: 6.5em;
}

.load-logo{
    width: 22%;
}

/*HIDDEN MENU---------------------------------------------------*/

/****************************************************************
HOME
*****************************************************************/

h1#test1 {
    font-size: 6em;
}

h1#test2 {
    font-size: 5em;
}

h2 {
    font-size: 1.6em;
}

.logo-about img {
    height: 15vh;
}

.about-me-photo {
    height: 40vh;
}

.text-about-xale {
    font-size: .7em;
}

p.text-about-me-text {
    font-size: .7em;
}

h4.title-skill-solo {
    font-size: .65em;
}

.services-text {
    font-size: .7em;
}

h3.ctnr-latest-projects {
    font-size: .7em;
}

h3.under-title-project {
    font-size:  .7em;
}

/****************************************************************
HOME
*****************************************************************/

/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/


h1#portfolio1 {
    font-size: 6em;
}

h1#portfolio2 {
    font-size: 5em;
}

.container-text-introduction {
    font-size:  .7em;
    width: 75%;
}

.miniature-container {
    height: 18vh;
}


/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/

/****************************************************************
CONTACT
*****************************************************************/


h1#contact1 {
    font-size:  6em;
}

h1#contact2 {
    font-size: 5em;
}

p.text-info-contact {
    font-size: .7em;
}

.row.contact-row {
    margin-top: 50px;
}

.col-md-6.info-contact-right {
    margin-top: 12px;
    height: 530px;
}

section.ctnr-home.coordonnee.container {
    height: 100%;
    padding-top: 2%;
    padding-bottom: 62%;
}

h2.title-contact-info {
    font-size: 4em;
}

.contact-info {
    margin-top: 5px;
}

p.text-info-contact {
    font-size: 1.2em;
}

a.mail-info-contact {
    font-size: 1.2em;
}

p.adress-info-contact {
    font-size: 1em;
}


/****************************************************************
CONTACT
*****************************************************************/

/****************************************************************
VIDEO
*****************************************************************/


.ultimecontainer-video {
    height: 38.85vh;
}

section#gutai-section {
    padding-bottom: 100px;
}

section#orpi-section {
    padding-bottom: 215px;
}

section#mixcity-section {
    padding-bottom: 235px;
}

section#fracture-section {
    padding-bottom: 100px;
}

section#metro-section {
    padding-bottom: 270px;
}

/****************************************************************
VIDEO
*****************************************************************/

/****************************************************************
PROJET
*****************************************************************/


p.title-video {
    font-size:  1em;
}

p.video-text {
    font-size: .7em;
}

.logo-projet {
    width: 100%;
}


div#couv-project-horizon {
    height: 35vh;
}

div#horizon-visu1.miniature-container {
    height: 38vh;
}

div#horizon-visu2.miniature-container {
    height: 38vh;
}

div#horizon-visu3.miniature-container {
    height: 38vh;
}

div#horizon-visu4.miniature-container {
    height: 38vh;
}

div#horizon-visu5.miniature-container {
    height: 38vh;
}


div#jvfr-visu1.miniature-container {
    height: 164vh;
}

div#jvfr-visu2.miniature-container {
    height: 164vh;
}

div#jvfr-visu3.miniature-container {
    height: 206vh;
}

div#jvfr-visu4.miniature-container {
    height: 220vh;
}


/****************************************************************
PROJET
*****************************************************************/

/****************************************************************
FOOTER
*****************************************************************/


li.li-nav{
    display: inline-block;
}

a.menu-item-desktop {
    text-decoration: none;
    color: yellow;
}

.menu {
    width: 100%;
    height: 100%;
    position: relative;
}

ul.ul-nav {
    text-align: right;
    padding-top:1%;
}

li.li-nav {
    margin-left: 35px;
    font-size: .8em;
}

a.menu-item-desktop{
    transition: .2s ease;
}

a.menu-item-desktop:hover {
    color:#ff1261;
}

.menu {left: -3%;}

.burger-area{
    display: none;
}



/****************************************************************
FOOTER
*****************************************************************/


div#planche1.miniature-container{
   height: 37vh;
}

div#planche2.miniature-container{
   height: 37vh;
}

div#planche3.miniature-container{
   height: 37vh;
}

div#planche4.miniature-container{
   height: 37vh;
}

div#planche5.miniature-container{
   height: 37vh;
}

div#planche6.miniature-container{
   height: 37vh;
}

div#planche7.miniature-container{
   height: 37vh;
}

div#planche8.miniature-container{
   height: 37vh;
}

div#planche9.miniature-container{
   height: 37vh;
}


}

/*IPAD PRO-----------------------------------------------------------*/
@media only screen and (min-width:1024px){

/*HIDDEN MENU---------------------------------------------------*/

.string {
    width: 2em;
    margin-bottom: .5em;
}

img.social-logo {
    width: 25px;
}

.link-hidden-menu {
    font-size: 9em;
}

.st-last-active{
    transform: translateY(-20px) rotate(-45deg);
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -moz-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    -o-transform: translateY(-20px) rotate(-45deg);
}

.load-logo{
    width: 18%;
}
/*HIDDEN MENU---------------------------------------------------*/

/****************************************************************
HOME
*****************************************************************/

h1#test1 {
    font-size:  8em;
}

h1#test2 {
    font-size: 5em;
}

h2 {
    font-size: 2.3em;
}

.logo-about img {
    height: 12vh;
}

.text-about-xale {
    font-size: .8em;
}

p.text-about-me-text {
    font-size: .8em;
}

h3.title-about-me-text {
    font-size: 1.2em;
}

p.cv-text-about-me-text {
    font-size:  0.9em;
}

.about-me-photo {
    height: 30vh;
}

.services-text {
    font-size:  0.8em;
}

h3.services-title-text {
    font-size: 1.2em;
}

h3.ctnr-latest-projects {}

h3.ctnr-latest-projects {
    font-size: .9em;
}

h3.under-title-project {
    font-size: .9em;
}

p.text-page-projet {
    font-size: 1em;
}

/****************************************************************
HOME
*****************************************************************/

/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/

.container-text-introduction {
    font-size: 0.9em;
}

img.pictures-title {
    height: 4vh;
}


/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/

/****************************************************************
CONTACT
*****************************************************************/

h2.title-contact-info {
    font-size: 5em;
}


/****************************************************************
CONTACT
*****************************************************************/

/****************************************************************
VIDEO
*****************************************************************/


section#fouvrière-section {
    padding-bottom: 80px;
}

section#gutai-section {
    padding-bottom: 185px;
}

section#orpi-section {
    padding-bottom: 335px;
}

section#mixcity-section {
    padding-bottom: 360px;
}

section#fracture-section {
    padding-bottom: 185px;
}

section#metro-section {
    padding-bottom: 405px;
}


/****************************************************************
VIDEO
*****************************************************************/

/****************************************************************
PROJET
*****************************************************************/


p.title-video {
    font-size: 1.5em;
    margin-top: 15px;
}

p.video-text {
    font-size: 0.9em;
}

p.text-left-side-projet {
    font-size: 1em;
}

/*<!-- JVFR ****************************************** -->*/



div#couv-project-jvfr {
    height: 72.3vh;
}

div#jvfr-visu1.miniature-container {
    height: 166vh;
}

div#jvfr-visu2.miniature-container {
    height: 166vh;
}

div#jvfr-visu1.miniature-container {
    height: 208vh;
}

div#jvfr-visu1.miniature-container {
    height: 223vh;
}


/****************************************************************
PROJET
*****************************************************************/


/*div#planche1.miniature-container{
   height: 64vh;
}

div#planche2.miniature-container{
   height: 64vh;
}

div#planche3.miniature-container{
   height: 64vh;
}

div#planche4.miniature-container{
   height: 64vh;
}

div#planche5.miniature-container{
   height: 64vh;
}

div#planche6.miniature-container{
   height: 64vh;
}

div#planche7.miniature-container{
   height: 64vh;
}

div#planche8.miniature-container{
   height: 64vh;
}

div#planche9.miniature-container{
   height: 64vh;
}*/


}

/*DESKTOP------------------------------------------------------------*/
@media only screen and (min-width:1200px){

/*HIDDEN MENU---------------------------------------------------*/

.string {
    width: 1.5em;
    margin-bottom: .35em;
}

img.social-logo {
    width: 17px;
}

.load-logo{
    width: 7%;
}

/*HIDDEN MENU---------------------------------------------------*/

/****************************************************************
HOME
*****************************************************************/

    a.link-hidden-menu {
    font-size: 6em;
    }

    #hidden-nav-ul {
        top: 25%;
        left: 20%;
    }

    h2{
        font-size: 2em;
    }

a.link-hidden-menu:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    left: 2.5px;
    height: 20px;
    width: 0;
    transition: width 0s ease, background .2s ease;
    z-index: -1;
    }

a.link-hidden-menu:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: 0;
    height: 20px;
    width: 0;
    background-image: linear-gradient(120deg, #b6c2ce 0%, #ffffff 100%);
    transition: width .3s ease;
    z-index: -1;
    }

    .string{
        height: .1em;
    }

    .st-last-active{
    transform: translateY(-14px) rotate(-45deg);
    -webkit-transform: translateY(-14px) rotate(-45deg);
    -moz-transform: translateY(-14px) rotate(-45deg);
    -ms-transform: translateY(-14px) rotate(-45deg);
    -o-transform: translateY(-14px) rotate(-45deg);
}

    .top-link{
        display: block;
    }

    p.text-copyright {
    display: block;
    font-size: .75em;
    }

   .glitch-title1{
    font-size: 5.5em;
    }

    h1#test1 {
    font-size: 8em;
    }

    h1#test2{
    font-size: 8em;
    }

    .hero-banner {
    text-align:  center;
    }

    .logo-about img {
    height: 18vh;
    }

    .text-about-xale {
        margin-top: 0px;
        /*font-size: .9em;*/
    }

    .about-me-text {
        background-color: #ffffffed;

        transform: translateX(-50px) translateY(50px);
        -webkit-transform: translateX(-50px) translateY(50px);
        -ms-transform: translateX(-50px) translateY(50px);
        -moz-transform: translateX(-50px) translateY(50px);
        -o-transform: translateX(-50px) translateY(50px);
    }

    .about-me-photo {
        height: 55vh;
    }

    h3.title-about-me-text {
        font-size: 1.2em;
    }

    p.text-about-me-text {
        font-size: .75em;
    }

    p.cv-text-about-me-text {
        font-size: .75em;
    }

    h3.title-theme {
        font-size: 1.2em;
    }

    h4.title-skill-solo {
        font-size: .85em;
    }

    .skill-solo-container {
        width: 85%;
    }

    .barre-complete {
        height: 4.5px;
    }

    .barre-incomplete {
        height: 4.5px;
    }

    .services-text {
        font-size: 0.9em;
        width: 85%;
    }

    h3.services-title-text {
        font-size: 1.5em;
    }

    .services-title {
    width: 85%;
}

    h3.under-title-project {
        font-size: 0.9em;
    }

    p.text-page-projet {
        text-align:  right;
        font-size: .9em;
    }

    h3.ctnr-latest-projects {
    font-size: .75em;
    }

   

/****************************************************************
HOME
*****************************************************************/

/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/

section.ctnr-home.projets.container {
    margin-top: 100px;
}

.container-text-introduction {
    font-size: .75em;
    width: 100;
}

div#first-line-project {
    margin-bottom: 20px;
}

h3.under-title-text {
    display: block;
}

img.pictures-title {
    height: 4vh;
}

.container-carousel {
    width: 75%;
}

.miniature-container {
    height: 45vh;
    width: 100%;
}

.miniature-container-stage {
    height: 45vh;
    width: 100%;
}


/****************************************************************
PORTFOLIO AND PICTURES
*****************************************************************/

/****************************************************************
CONTACT
*****************************************************************/

div#get-in-touch {
    text-align: center;
}

h2.title-article-contact {
    font-weight: bold;
}

.col-md-4.info-contact-left {
    text-align:  left;
}

.container-text-introduction {
    margin-bottom: 20px;
}

section.ctnr-home.coordonnee.container {
    height: 100%;
    padding-top: 3%;
    padding-bottom: 4%;
}

p.text-contact {
    font-size: 1.09em;
}

.contact-info {
    margin-bottom: 25px;
}


/****************************************************************
CONTACT
*****************************************************************/

/****************************************************************
VIDEO
*****************************************************************/


.ultimecontainer-video {
    height: 85.85vh;
}

section#fouvrière-section {
    padding-bottom: 0px;
}

section#gutai-section {
    padding-bottom: 0px;
}

section#orpi-section {
    padding-bottom: 0px;
}

section#mixcity-section {
    padding-bottom: 0px;
}

section#fracture-section {
    padding-bottom: 0px;
}

section#metro-section {
    padding-bottom: 0px;
}



/****************************************************************
VIDEO
*****************************************************************/

/****************************************************************
PROJET
*****************************************************************/

p.title-video {
    font-size: 1em;
}

.container-carousel-page-projet {
    width: 94%;
}

p.video-text {
    font-size: .75em;
}

.container-text-left-side-projet {
    font-size: .75em;
    text-align: left;
}

.logo-projet {
    width: 60%;
}

.row.title-article {
    font-size: 2.5em;
    margin-bottom: 15px;
}

p.text-projet-page {
    width:90%;
    font-size: 1em;
}


/*<!-- HORIZON ****************************************** -->*/




div#couv-project-horizon {
    height: 50.55h;
}


div#horizon-visu1.miniature-container{
   height: 64vh;
}

div#horizon-visu2.miniature-container{
   height: 64vh;
}

div#horizon-visu3.miniature-container{
   height: 64vh;
}

div#horizon-visu4.miniature-container{
   height: 64vh;
}

div#horizon-visu5.miniature-container{
   height: 64vh;
}


/*<!-- JVFR ****************************************** -->*/



div#couv-project-jvfr {
    height: 53.4vh;
}


div#jvfr-visu1.miniature-container{
   height: 281vh;
}

div#jvfr-visu2.miniature-container{
   height: 280vh;
}

div#jvfr-visu3.miniature-container{
   height: 352vh;
}

div#jvfr-visu4.miniature-container{
   height: 377vh;
}

div#jvfr-visu5.miniature-container{
   height: 41vh;
}

div#jvfr-visu6.miniature-container{
   height: 36vh;
}

/*<!-- OSHARA ****************************************** -->*/

div#couv-project-oshara {
    height: 51.4vh;
}

div#oshara-visu1.miniature-container{
   height: 72vh;
}

div#oshara-visu2.miniature-container{
   height: 72vh;
}

div#oshara-visu3.miniature-container{
   height: 72vh;
}

div#oshara-visu4.miniature-container{
   height: 72vh;
}

div#oshara-visu5.miniature-container{
   height: 72vh;
}

div#oshara-visu6.miniature-container{
   height: 72vh;
}

div#oshara-visu7.miniature-container{
   height: 110vh;
}

div#oshara-visu8.miniature-container{
   height: 208vh;
}


/*<!-- JE ME SOUVIENS ****************************************** -->*/

div#couv-project-jemesouviens.couv-project{
   height: 55vh;
}

div#jemesouviens-visu1.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu2.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu3.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu4.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu5.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu6.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu7.miniature-container{
   height: 60vh;
}

div#jemesouviens-visu8.miniature-container{
   height: 60vh;
}

div#jemesouviens-visu9.miniature-container{
   height: 60vh;
}

div#jemesouviens-visu10.miniature-container{
   height: 60vh;
}


/*<!-- ESD ****************************************** -->*/

div#couv-project-esd.couv-project{
   height: 59vh;
}

div#esd-visu1.miniature-container{
   height: 97vh;
}

div#esd-visu2.miniature-container{
   height: 97vh;
}

div#esd-visu3.miniature-container{
   height: 97vh;
}

div#esd-visu4.miniature-container{
   height: 97vh;
}

div#esd-visu5.miniature-container{
   height: 97vh;
}

div#esd-visu6.miniature-container{
   height: 97vh;
}

/*<!-- AMAZON ****************************************** -->*/

div#couv-project-amazon.couv-project{
   height: 50vh;
}

div#amazon-visu1.miniature-container{
   height: 411vh;
}

div#amazon-visu2.miniature-container{
   height: 438vh;
}

div#amazon-visu3.miniature-container{
   height: 438vh;
}

/*<!-- LYON ****************************************** -->*/

div#couv-project-lyon.couv-project{
   height: 50vh;
}

div#lyon-visu1.miniature-container{
   height: 319vh;
}

div#lyon-visu2.miniature-container{
   height: 274vh;
}

/*<!-- MYBRIAN ****************************************** -->*/

div#couv-project-mybrian.couv-project{
   height: 50vh;
}

div#mybrian-visu1.miniature-container{
   height: 360vh;
}

div#mybrian-visu2.miniature-container{
   height: 186vh;
}

div#mybrian-visu3.miniature-container{
   height: 80vh;
}

div#mybrian-visu4.miniature-container{
   height: 122vh;
}

/****************************************************************
PROJET
*****************************************************************/


/****************************************************************
ALTERNANCE
*****************************************************************/


div#photo1.miniature-container{
   height: 41vh;
}

div#photo2.miniature-container{
   height: 41vh;
}

div#photo3.miniature-container{
   height: 48vh;
}

div#photo4.miniature-container{
   height: 48vh;
}

div#photo5.miniature-container{
   height: 48vh;
}

div#photo6.miniature-container{
   height: 48vh;
}


div#ux1.miniature-container{
   height: 128vh;
}

div#ux2.miniature-container{
   height: 128vh;
}

div#ux3.miniature-container{
   height: 40vh;
}

div#ux4.miniature-container{
   height: 40vh;
}


div#dg1.miniature-container{
   height: 209vh;
}

div#dg2.miniature-container{
   height: 209vh;
}

div#dg3.miniature-container{
   height: 209vh;
}


div#ia1.miniature-container{
   height: 83vh;
}

div#ia2.miniature-container{
   height: 83vh;
}



div#planche1.miniature-container{
   height: 64vh;
}

div#planche2.miniature-container{
   height: 64vh;
}

div#planche3.miniature-container{
   height: 64vh;
}

div#planche4.miniature-container{
   height: 64vh;
}

div#planche5.miniature-container{
   height: 64vh;
}

div#planche6.miniature-container{
   height: 64vh;
}

div#planche7.miniature-container{
   height: 64vh;
}

div#planche8.miniature-container{
   height: 64vh;
}

div#planche9.miniature-container{
   height: 64vh;
}


/****************************************************************
ALTERNANCE
*****************************************************************/


}

/*MEGA DESKTOP------------------------------------------------------------*/

@media only screen and (min-width:1800px){

h2 {
    font-size: 2em;
}

h1#test1 {
    font-size: 8em;
}

h1#test2 {
    font-size: 8em;
}   


.miniature-container {
    height: 35vh;
}

div#stage {
    height: 35vh;
}


section#ctnr-contact {
    height: 100vh;
    padding-bottom: 0;
}

.map.block-contact {
    height: 125%;
}


/*<!-- HORIZON ****************************************** -->*/



div#couv-project-horizon {
    height: 50.55h;
}


div#horizon-visu1.miniature-container{
   height: 64vh;
}

div#horizon-visu2.miniature-container{
   height: 64vh;
}

div#horizon-visu3.miniature-container{
   height: 64vh;
}

div#horizon-visu4.miniature-container{
   height: 64vh;
}

div#horizon-visu5.miniature-container{
   height: 64vh;
}


/*<!-- JVFR ****************************************** -->*/



div#couv-project-jvfr {
    height: 53.4vh;
}


div#jvfr-visu1.miniature-container{
   height: 281vh;
}

div#jvfr-visu2.miniature-container{
   height: 280vh;
}

div#jvfr-visu3.miniature-container{
   height: 352vh;
}

div#jvfr-visu4.miniature-container{
   height: 377vh;
}

div#jvfr-visu5.miniature-container{
   height: 41vh;
}

div#jvfr-visu6.miniature-container{
   height: 36vh;
}


/*<!-- OSHARA ****************************************** -->*/



div#couv-project-oshara {
    height: 42vh;
}


div#oshara-visu1.miniature-container{
   height: 59vh;
}

div#oshara-visu2.miniature-container{
   height: 59vh;
}

div#oshara-visu3.miniature-container{
   height: 59vh;
}

div#oshara-visu4.miniature-container{
   height: 59vh;
}

div#oshara-visu5.miniature-container{
   height: 59vh;
}

div#oshara-visu6.miniature-container{
   height: 59vh;
}

div#oshara-visu7.miniature-container{
   height: 91vh;
}

div#oshara-visu8.miniature-container{
   height: 171vh;
}

/*<!-- JE ME SOUVIENS ****************************************** -->*/

div#couv-project-jemesouviens.couv-project{
   height: 36vh;
}

div#jemesouviens-visu1.miniature-container{
   height: 42vh;
}

div#jemesouviens-visu2.miniature-container{
   height: 42vh;
}

div#jemesouviens-visu3.miniature-container{
   height: 42vh;
}

div#jemesouviens-visu4.miniature-container{
   height: 42vh;
}

div#jemesouviens-visu5.miniature-container{
   height: 42vh;
}

div#jemesouviens-visu6.miniature-container{
   height: 42vh;
}

div#jemesouviens-visu7.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu8.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu9.miniature-container{
   height: 50vh;
}

div#jemesouviens-visu10.miniature-container{
   height: 50vh;
}


/*<!-- ESD ****************************************** -->*/

div#couv-project-esd.couv-project{
   height: 39.5vh;
}

div#esd-visu1.miniature-container{
   height: 97vh;
}

div#esd-visu2.miniature-container{
   height: 97vh;
}

div#esd-visu3.miniature-container{
   height: 97vh;
}

div#esd-visu4.miniature-container{
   height: 97vh;
}

div#esd-visu5.miniature-container{
   height: 97vh;
}

div#esd-visu6.miniature-container{
   height: 97vh;
}

/*<!-- AMAZON ****************************************** -->*/

div#couv-project-amazon.couv-project{
   height: 36.3vh;
}

div#amazon-visu1.miniature-container{
   height: 320vh;
}

div#amazon-visu2.miniature-container{
   height: 341vh;
}

div#amazon-visu3.miniature-container{
   height: 341vh;
}

/*<!-- LYON ****************************************** -->*/

div#couv-project-lyon.couv-project{
   height: 42.1vh;
}

div#lyon-visu1.miniature-container{
   height: 248vh;
}

div#lyon-visu2.miniature-container{
   height: 213vh;
}

/*<!-- MYBRIAN ****************************************** -->*/

div#couv-project-mybrian.couv-project{
   height: 42.1vh;
}

div#mybrian-visu1.miniature-container{
   height: 281vh;
}

div#mybrian-visu2.miniature-container{
   height: 145vh;
}

div#mybrian-visu3.miniature-container{
   height: 62vh;
}

div#mybrian-visu4.miniature-container{
   height: 96vh;
}


div#photo1.miniature-container{
   height: 37vh;
}

div#photo2.miniature-container{
   height: 37vh;
}

div#photo3.miniature-container{
   height: 37vh;
}

div#photo4.miniature-container{
   height: 37vh;
}

div#photo5.miniature-container{
   height: 37vh;
}

div#photo6.miniature-container{
   height: 37vh;
}


div#ux1.miniature-container{
   height: 100vh;
}

div#ux2.miniature-container{
   height: 100vh;
}

div#ux3.miniature-container{
   height: 31vh;
}

div#ux4.miniature-container{
   height: 31vh;
}


div#dg1.miniature-container{
   height: 164vh;
}

div#dg2.miniature-container{
   height: 164vh;
}

div#dg3.miniature-container{
   height: 164vh;
}


div#ia1.miniature-container{
   height: 65vh;
}

div#ia2.miniature-container{
   height: 65vh;
}



div#planche1.miniature-container{
   height: 64vh;
}

div#planche2.miniature-container{
   height: 64vh;
}

div#planche3.miniature-container{
   height: 64vh;
}

div#planche4.miniature-container{
   height: 64vh;
}

div#planche5.miniature-container{
   height: 64vh;
}

div#planche6.miniature-container{
   height: 64vh;
}

div#planche7.miniature-container{
   height: 64vh;
}

div#planche8.miniature-container{
   height: 64vh;
}

div#planche9.miniature-container{
   height: 64vh;
}


/****************************************************************
ALTERNANCE
*****************************************************************/



}