
#base_video{
	display: none;
}


.video_bg{
	display: none;
}

#logo1{
	display: none;
}

#click{
    display: none;
}

#cache_nav-barre{
	display: none;
}

#header{
	width: 0vw;
    height: 0px;
    position: fixed;
    top: 2vh;
    right: 150px;
	z-index: 10;
}

#boite_logo{
    margin-left: 5vw;
}

#logo2{
    height: auto;
	width: 30vw;
	margin: 0vh 5vw;
	top: 2vh;
	left: 0vw;
	z-index: 11;
}

#logo3_vert{
	height: auto;
	width: 30vw;
	margin: 0vh 5vw;
	top: 2vh;
	left: 0vw;
	z-index: 10;
}


.changeTheme {
	display: none;
}

#cache{
	width: 100%;
	height: 100lvh;
	background-color: #dcdcdc;
	filter: opacity(90%);
	position: fixed;
	z-index: 1;
}

#popup{
	background-color: white;
	width: 60vw;
	height: 1920px;
	position: fixed;
	z-index: 2;
	right: 0px;
}

#bouton_popup{
	z-index: 2;
	filter: opacity(100%);
}

#bouton_popup_fermer{
	filter: opacity(100%);
}

#projets{
	width: 90vw;
	height: 100vh;
	position: absolute;
	top: 25vh;
	left: 5vw;
	display: grid;
	grid-template-columns: repeat(1, 1fr); 
}

.ligne{
	border-bottom: none;
    height: 2vh;
}

h1{
	font-size: 2vh;
	font-family: ClashDisplay-Medium;
	padding-bottom: 1vh;	
}

h2{
	font-family: ClashDisplay-Regular;
	font-size: 1.6vh;
	padding-bottom: 1vh;	
	border-bottom: 1px #0000ff solid;
}

h4{
	display: none;
}

#cv{
	width: 40vw;
	top: 120px;
	right: 50px;
	font-size: 2vh;
}

#portfolio{
	width: 20vw;
	top:-30px;
	right: 50px;
	font-size: 2vh;
	filter: opacity(0%);
}

#portfolio2{
    width: 40vw;
	top:-30px;
	right: 50px;
	font-size: 2vh;
	filter: opacity(100%);
	color: #0000ff;

}

#showreel{
	width: 40vw;
	top: 20px;
	right: 50px;
	font-size: 2vh;
}

#about{ 
	width: 40vw;
	top: 70px;
	right: 50px;
	font-size: 2vh;
}

#miniature{
	display: none;
}

.minia_tel{
	display: initial;
}

#mt1{
	display: initial;
}

#precedent{
	display: none;
}

#photo9{
	flex-direction: column;	
}

#photo_moi{
	width: 50vw;
	height: auto;
	margin: 15vh auto 0vh;
}

#presentation{
	width: 70vw;
	margin: 80px auto 0px;
	font-size: 1.5vh;
	text-align: center;
}

#typo_contacts{
	font-size: 2vh;
	margin: 30px 100px;
	line-height: 1.5em;
}

#info{
	display: none;
}

#-info{
	display: none;
}

/* images */

.video2{
	width: 95vw;
	height: 35vh;
	margin: 250px auto 10px;
}

.photos7{
	flex-direction: column;
	margin-left: 0px;
}

#photos3{
	flex-direction: column;
	margin-left: 0px;
}

#image_projet img{
	width: 95vw;
	height: auto;
	margin: 30px auto 0px;
	flex-direction: column;
}

#zone_vide2{
	display: none;
}

#image_vide{
	display: none;
}

#photo_supp{
	display: none;
}

#p19{
	position: relative;
    left: 2.5vw;
	margin: 30px 0px 0px;
	width: 95vw;
}

#p11{
	padding-bottom: 30px;
	width: 95vw;
}

#p11.video_hide{
	display: none;
}

#p1,#p18,#p33,#p35,#p23,#p41{
	width: 95vw;
	height: auto;
	margin: 200px auto 0px;
}

#photos10{
	width: 95%;
	margin: 0px auto;
	flex-direction: column;
}

.p3,#p38,#p40{
	width: 95vw;
	height: auto;
	margin: 30px auto 0px;
}


#photos7,#photos8{
	width: 95%;
	margin: 0px auto;
}


.p22{
	margin: auto;
}

#photos2{
	width: 90%;
	margin-top: 0px;
}

.photos8{
	width: 95vw;
	height: auto;
	margin: 30px auto 0px;
	flex-direction: column;
}

#photos4{
	width: 100vw;
	height: auto;
	margin: 30px auto 0px;
	flex-direction: column;
}

img#p9{
	margin-right: 2.5vw;
}

img#p10{
	margin-left: 2.5vw;
}

img#p14 {
	margin-right: 2.5vw;
    margin-bottom: 30px;
}

img#p12{
	margin-right: 2.5vw;
}

img#p13{
	margin-left: 2.5vw;
}

img#p30{
	margin-left: 2.5vw;
}

img#p32{
	margin-left: 2.5vw;
}

img#p34{
	margin-left: 2.5vw;
}

#photos5{
	width: 95vw;
	height: auto;
	margin: 30px auto 0px;
	flex-direction: column;
}

#photos6{
	width: 95vw;
	height: auto;
	margin: 30px auto 0px;
	flex-direction: column;
}

#p17{
	width: 95vw;
	height: auto;
	margin: 200px auto 0px;
}

#p26{
	display: none;
}

#info_tel{
	filter: opacity(100%);
	z-index: 1;
}

#-info_tel{
	filter: opacity(100%);
}



#tableau{
	width: 75vw;
	height: 70vh;
	position: absolute;
	top: 20vh;
}

#haut{
	width: 75vw;
	height: 65vh;
	border-bottom: 1.5px #0000ff solid;
	flex-direction: column;
}

#description{
	width: 75vw;
	height: 65vh;
	border-right: none;
	font-size: 1em;
}

#caracteristiques{
	display: flex;
}

#nom{
	width: 25vw;
	height: 5vh;
	border-bottom: none;
	border-top: 1.5px #0000ff solid;
	border-right: 1.5px #0000ff solid;
}

#nature{
	width: 25vw;
	height: 5vh;
	border-bottom: none;
	border-top: 1.5px #0000ff solid;
	border-right: 1.5px #0000ff solid;
}

#date{
	width: 25vw;
	height: 5vh;
	border-top: 1.5px #0000ff solid;
}

.titre{
	padding: 5px 10px 10px;
	font-size: 1em;
}

.sous_titre{
	text-align: center;
	max-width: 70vw;
	font-size: 1.5em;
}

.description{
	padding: 10px;
	max-width:70vw;
	font-size: 1.5em;
	line-height: 1.2em;
}

#gauche{
	filter: opacity(100%);
}

#droite{
	filter: opacity(100%);
}


/* page inspi */


#i1{
	top: 2500px;
}

#i2{
	top: 2700px;
}

#t1{
	top: 2600px;	
}

#i9{
	top: 2500px;
}

#t2{
	top: 2800px;
}

#i3{
	top: 3100px;
}

#i4{
	top: 3250px;
}

#t3{
	top: 3225px;
}

#i6{
	top: 3850px;
}

#t4{
	top: 3775px;
}

#i7{
	top: 4000px;
}

#i8{
	top: 4350px;
}

#t5{
	top: 3975px;	
}

#i10{
	top: 4800px;
}

#i11{
	top: 5300px;
}

#i12{
	top: 5200px;
}

#t6{
	top: 4750px;
}

#i5{
	top: 2500px;
}

#footer2{
	top: 5600px;
}


#typo_inspi{
	top: 2350px;
}

#typo_galerie{
	display: none;
}

#galerie{
	display: none;
}
