@media screen and (max-width: 720px)
{
                  h1{
                    /*text-align:left;
                    margin-left: 1%;
                    width:60%;
                    display:grid;
                    align-items:center;*/
                  }
                  #rubenBrami{
                      text-align:right;
                  }
                  
                  h1 span{
                  	display: none;
                  }
                
                  h1:after{
                  	font-size: 210%;
                  	content: "Rubb Henne";
                  	letter-spacing:0px;
                  }
                  
                  #ligne{
                   display: grid;
                	}
                  #ligne .menu .boutonMenu{
                    float : left;
                    color: white;
                	text-decoration:none;
                	text-align: center;
                	font-size: 7vw;
                	width: 100%;
                  }
                  #sous-titre{
                  	text-align: right;
                  	/*margin-right: 8px;
                  	width:40%;*/
                  	font-size:2.5vw;
                  	/*display:grid;
                    align-items:center;*/
                  }
                  #fenetrePresentation{
                      /*display:none;*/
                      height:100vh;
                  }
                  #cadreTextePresentation{
                      width:90vw;
                      height:90vh;
                  }
                  
                  #descriptionPresentation{
                      font-size:small;
                  }
                  
                  #arrowDown2{
                      display:none;
                  }
                  
                  #fenetreContact{
                      /*display:none;*/
                      height:auto;
                  }
                  #ZoneContact{
                      padding:auto;
                      
                  }
                  #telephone, #adresseMail{
                      font-size:larger;
                  }
                  #paragrapheContact{
                      width:auto;
                      font-size:small;
                  }
                  #TelephoneMail{
                      padding:auto;
                  }
                  .menu{
                  	background-color: rgba(255, 255, 255,0.18);
                  	margin-left: auto;
                  	margin-right: auto;
                  }
                  
                  .miniature{
                      -webkit-transform : scale(1);
                      -moz-transform:scale(1);
                      transform:scale(1);
                  }
                    
                  .miniatures{
                	  width: 100%;
                	  margin: 0 auto;	
                	  margin-bottom: 55px;
                  }
                  .miniatures figure{
                      /*width:50%;*/
                      width:88%;
                      height:38%;
                      padding-bottom:0;
                      overflow:hidden;
                      clip-path:none;
                      margin-left:4%;
                      margin-right:4%;
                      margin-top:4%;
                      margin-bottom:4%;
                  }
                  .miniatureFigure:hover .filtreCollection{
                        cursor:pointer;
                        transform:translateY(0%);
                        opacity:1;
                    }
                    
                  .miniatureFigure:hover img{  
                    	filter:	brightness(1);
                    	position: relative;
                    	transform: scale(1);
                    	/*transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in 1.2s;*/
                    	cursor: pointer;
                    	opacity:1;
                    }
                    
                    .miniatureFigure:hover figcaption{  
                    	cursor: pointer;
                    	opacity: 1;
                    	transform:translateY(-50%) translateX(-50%);
                    }
                    
                    .legendes{
                        margin-top:0;
                        transform:translateY(-50%) translateX(-50%);
                        top:50%;
                        left:50%;
                    }
                    
                    .titleLegendes{
                        font-size:25px;
                    }
                    .sousLegendes {
                        font-size: 11px;
                        margin: 0;
                        opacity: 0.75;
                    }
                    
                    /*TAILLES PERSONNALISÉES TITRES*/
                
                    #titleLegendesleHurlementDuVide, #titleLegendesTryToMove{
                        font-size:23px;
                    }
                    #titleLegendesallTheStars{
                        font-size:19px;
                    }
                    #titleLegendesLesGarsQuiCherchent{
                        font-size:17px;
                    }
                    
                    #titleLegendesallTheStars {
                    letter-spacing: 6px;
                    }
                    
                  .categorie{
                    font-size: 7vw;
                    margin-left: 0;
                  	text-align: center;
                  }
                  
                  .divCellule{
                      width:auto;
                      padding-bottom:0;
                  }
                
                  .fenetre{
                  	overflow-y: hidden;
                  	overflow-x:hidden;
                  	flex-direction:column;
                  }
                  
                  .fenetre > .zoneDeCroix{
                      order:1;
                  }
                  .fenetre > .zoneDeVideo{
                      order:2;
                  }
                  .fenetre > .zoneDeTexte{
                      order:3;
                  }
                  
                  .sousFenetre{
                        display:flex;   
                        height:100vh;
                        width:100%;
                        margin-top:0;
                        clip-path:none;
                        /*position:auto;*/
                        overflow-y:hidden/*auto*/;
                        overflow-x:hidden;
                        border-radius:0px;
                        z-index:0;
                        position:relative;
                  }
                  
                  .backGroundSousFenetre{
                      width:100%;
                      height:100%;
                  }
                  
                  .imageBackground{
                      width:auto;
                      height:100%;
                      position:relative;/*fixed*/
                  }
                  
                  .zoneFlecheGauche{
                      width:8%;
                      position:fixed;
                      left:0;
                      z-index:100;
                      height:50%;
                      top:50%;
                      transform:translateY(-50%);
                  }
                  .flecheGauche{
                      width:60%;
                  }
                  .flecheDroite{
                      width:60%;
                  }
                  .zoneFlecheDroite{
                      width:8%;
                      position:fixed;
                      right:0;
                      z-index:100;
                      height:50%;
                      top:50%;
                      transform:translateY(-50%);
                  }
                  
                  .cadreDeTitre{
                      height:10%;
                      width:auto;
                      padding-top: 10px;
                  }
                  #titreallTheStars{
                        letter-spacing:13px;
                    }
                
                  .titre{
                  	font-size: xxx-large;
                  	margin-bottom: 0;
                  	margin-top:0;
                  }
                  .texteDescriptif{
                  	padding-top: 0%;
                  	padding-bottom: 0%;
                  	font-size: 100%;
                  }
                  /*#mes_roles, #avec, #equipeTechnique, #date{
                      text-align:center;
                  }*/
                  .croix{
                  	width: 30px;
                  	position: fixed;
                  	margin-left: 3vw;
                  	margin-top: 2vw;
/*                  	background-color: black;*/
                  	opacity: 0.95;
                  	z-index: 100;
                  }
                  
                  .ytp-title-text{
                      display:none;
                  }
                
                  .zoneDeCroix{
                	/*width: 100%;*/
                	/*height: auto;*/
                	height:6%;
                	text-align: left;
                  }
                
                  .zoneDeTexte{
                    
                	width: 100%;
                	height: 54%;
                	/*overflow-y:scroll;*/
                  }
                
                  .zoneDeVideo{
                	width: 100vw;
                	height: 40%;
                	display: inline-block;
                	
                	right: 0;
                  }
                  
                  .zoneASavoir{
                      height: 7vh;
                      width: 100%;
                      position: fixed;
                      top: 0;
                      background: black;
                      box-shadow: 0px 2px 27px black;
                  }
                  #texteASavoir{
                      margin:15%;
                  }
                  
                  .zoneVide{
                      display:none
                  }
                
                  .cadreDeTexte{
                    /*height:72vh;*/  /*100-28*/
                  	/*margin-top:0;*/
                  	border-style:none;
                  	border-image:none;
                  	/*overflow:scroll;*/
                  	max-height:60vh;
                  	padding-bottom:100px;
                  	margin-top:30px;
                  }
                  
                  .zoneGeneriqueRoles,.zoneGeneriqueNoms{
                      font-size:small;
                  }
                  .pointGenerique::marker{
                        color:transparent;
                        font-size:0px;
                    }
                    
                  .pointGenerique, .pointGeneriqueVide,.pointGeneriqueNom{
                        height:19.5px;
                    }

                  .cadreDeVideo{
                      height:90%;
                      border-style:none;
                  }
                  
                  .ASavoir{
                      font-size:3vh;
                      border:0.5px solid;
                      border-color:white;
                  }
                
                  .aSavoir{
                  	width: 32%;
                  	/*margin-top:1%*/;
                  	height:auto;
                  	border-radius:12px;
                  	left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%);
                    position: absolute;
                  }
                  .zoneTexteASavoir{
                  	margin-top:2vh;
                  	height: fit-content;
                  	max-height:61vh;
                  	border-top-style:solid;
                  	display:none;
                  	background:black;
                  	box-shadow: 0px 52px 100px black;
                  } 
                
                  .roles{
                  	font-size: 90%;
                  	margin-left:15%;
                  }
                
                  .sticky{
                  	position: relative;
                  }
                  
                  .video{
                      width:100%;
                      height:100%;
                  }
                  .videoPreview{
                      width: 100%;
                      height:100%;
                      left:0;
                      top:0;
                  }
                  
                  .blanc{
                      height:0;
                  }
                  
                  #titreSoustitre{
                      /*display:flex;*/
                      position:absolute;
                      width: 100%;
                      margin-left:-10px;
                      margin-top:10px;
                      height:10vh;
                  }

                  #ZoneRubenBrami{
                    height: 10vw;
                  }

                  #zoneLogo{
                    padding-right: 3.5vw;
                    width: 10%;
                  }

                  #hrTitle{
                      width:0;
                      display:none;
                  }    
                  
                  #bandeDemo{
                      position:static;
                      height:30vh;
                      padding-top:0;
                      margin-top:10vh;
                  }
                  #containerBande-demo{
                      transform:scale(1);
                      height:30vh;
                      width:100vw;
                      position:static;
                  }
                  #toolsRight{
                      height:30vh;
                  }
                  #toolsLeft{
                      height:30vh;
                  }
                  #bande-demo{
                      height:30vh;    
                  }
                  
                  #tools{
                      height: 3%;
                      width:50%;
                      z-index:2 !important;
                      display:none;
                  }
                  
                  #arrowDownDiv{
                      display:none;
                  }
                  
                  #separateur{
                      display:none;
                  }
                  #ligne-boutons{
                      top:0;
                      /*display:block;*/
                      position: -webkit-sticky;
                      position:sticky;
                  }
                  #backHome{
                      display:none;
                  }
                  #categoriesLigne{
                      display:none;
                  }
                  
                  #networks{
                      width:100%;
                      text-align:center;
                      padding:0;
                      height:70%;
                  }
                  
                   #shadow{
                      display:none;
                  }
                
                #divMin{
                    padding-top:0 !important;
                    width:100vw;
                }
                
                .paragrapheCategorie{
                    font-size:small;
                }
                
                  #ligne .menu + .menu{
                	border-left: 0px solid white;
                }
                
                  #titre22h22{
                	font-weight: normal;
                	
                  }
                  #titreLesGarsQuiCherchent{
                	font-weight: normal;
                	
                
                  }
                
                  #titreVermillon{
                	font-weight: normal;
                  }
                
                  #titreHappiness47{
                	font-weight: normal;
                	letter-spacing: 0.14em;
                	font-size: 12vw;
                  }
                
                  #titreMindie{
                	color: #2bf1ff;
                	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
                
                	font-weight: bold;
                  }
                
                  #titreMarionValentineTomWalker{
                	font-weight: 100;
                	letter-spacing: 0.04em;
                	font-size: 10vw;
                  }
                
                  #titreOpenSpace{
                	letter-spacing: -0.07em;
                	font-size: 13vw;
                  }
                  
                
                  #titreLegoStarWars{
                	font-size: 12vw;
                  }
                
                  #titreLego3D{
                	font-weight: normal;
                  }
                  
                  #titreallTheStars{
                        letter-spacing:13px;
                        font-size:29px;
                    }
                    #titreletelephone{
                        text-shadow:4px 4px #963330;
                        font-size: 37px;
                    }
                    #titreLesGarsQuiCherchent{
                        font-size:xxx-large;
                    }
                    #titreTryToMove{
                        font-size:36px;
                    }
                    #titreeros{
                        font-size:xxx-large;
                    }
                    #titreluke_et_maggie{
                        font-size:31px;
                    }
                    #titredeLaDouceur{
                        font-size:xxx-large;
                    }
                    #titre22h22{
                        font-size:xxx-large;
                        font-weight: normal;
                    }
                    #titreLesGarsQuiCherchent{
                        font-weight: normal;
                        font-size: 23px;
                    }
                    #titreleHurlementDuVide{
                        font-size:xxx-large;
                    }
                    #titrelookingForTrouble{
                      font-size:29px
                    }
                    #titredancingWithYourGhostMarion{
                        font-size:30px
                    }


                  #fenetreMail{
                      width:80vw;
                  }

}