@charset "utf-8";
/*------------
author: charles vernier
copyright: griiot.com 2026
Thanks to all my friends. 
Fuck the trolls.
------------*/	

@media (min-width: 1401px) {
	#ContainerRight{
		width:1150px;
		margin-left:330px;
	}
	#Portfolio2{
		float:right;
		margin-right:45px;
		margin-left:-8px;
	}
	#PortfolioLarge{
		background-color:transparent;
		width:1260px;
	}
	#SectionTitle{
		margin-right:40px;
		width:1116px;
	}
}
	

@media (max-width: 1400px) {
	#ContainerRight{
		width:1150px;
		
	}
	#PortfolioLarge{
		background-color:transparent;
		width:1100px;
	}
	#ResumeTextR{
 	width:520px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	background-color: transparent;
	font-family:"Roboto", sans-serif;
	list-style-type: none;
	
}
}
@media (max-width: 1399px) {
	#ContainerRight{
		width:550px;
	}
	
}

@media (max-width: 1120px) {
	#ContainerRight{
		width:550px;
	}
	#PortfolioLarge{
		background-color:transparent;
		width:900px;
	}
}

@media (max-width: 992px) {
	#ContainerLeft{
		margin-left:-25px;
		display: block;
		clear:both;
		position:relative;
		
	}
	#logo{
		display:block;
		float:right;
	}
	#title{
		float:right;
		display:block;
	}
	#menu{
		display:block;
		margin-right:-300px;
		margin-left:-100px;
		text-align: left;
		width:500px;
		font-size:180%;
		height:auto;
		list-style: square;	
		
	}
	#menu li{
		float:left;
		display: flex;          /* Aligne les .li à l'horizontale */
		padding: 0;             /* Supprime le retrait par défaut */
		margin: 0;              /* Supprime les marges par défaut */
		padding-right:50px;
		padding-bottom:10px;
		
	}
	#menu p{
		display:block;
		clear:both;
		margin-bottom:10px;
	}

	#ContainerRight{
		margin-left:30px;
		display:block;
		clear:both;
	}
	
	#Container0{
		padding-top:20px;
		
	}
	#PortfolioLarge{
		width:100%;
	}
}

@media (max-width: 768px) {}

@media (max-width: 576px) {}

@media (max-width: 480px) {
	#ContainerLeft{
		display: none;
		float:right;
		position:relative;
		clear:both;
		
	}
	#ContainerRight{
		margin-left:10px;
	}
}

@media (max-width: 420px) {}

@media (max-width: 376px) {}

@media (min-width: 1200px) {}