@charset "utf-8";
/* CSS Document */

#corps
{
	position:absolute;
	left:0px;
	top:0px;
	width:1400px;
	margin-bottom: 25px;
	background: #0f0d0d;
}

#corps_a
{
	position: relative;
	background: #FFFFCC;
	width: 1350px;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-family: "Courier New", Courier, monospace;
	font-size:24px;
	font-weight:800;
	color:rgb(30%,50%,30%);
	text-align:center;
	border: 5px solid rgb(30%,50%,30%);
	border-radius: 20px;
}

#titra
{
	position:relative;
	top:25px;
	background: #FFFFCC;
	width:1000px;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Courier New", Courier, monospace;
	border:3px  solid rgb(30%,50%,30%); 
	border-radius: 10px;
	text-align:center;
}

#corps_a h1 
	{ 
	font-family: "Courier New", Courier, monospace; 
	font-size:25px; 
	text-align: center;
	color: rgb(10%,30%,10%); 
	margin-top:15px;
	}

	#corps_a h2 
	{ 
	font-family: "Courier New", Courier, monospace;https://developer.mozilla.org/fr/docs/Web/HTML/Date_and_time_formats 
	font-size:25px; 
	text-align: center;
	color: rgb(10%,30%,10%); 
	margin-top:15px;
	}





#son
{
	position:absolute;
	left:720px;
	top:800px;
	width:95px;
	height:65px;
}

#photo0_0
{
	position: relative;
	top:10px;
	width:1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo0_0 img
	{ 
	position: relative; 
	margin-top: 42px;
	margin-bottom: 60px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}



#photo1_1
{
	position: relative;
	top:10px;
	width:1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo1_1 img
	{ 
	position: relative; height: 900px; width: 900px;
	margin-top: 42px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}


#photo16_9
{
	position: relative;
	top:10px;
	width:1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo16_9 img
	{ 
	position: relative; height: 675px; width: 1200px;
	margin-top: 42px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}
	
#photo9_16
	{
	position: relative;
	top:10px;
	width : 1300px;
	margin-left:auto;
	margin-right: auto;
	}

#photo9_16 img
	{ 
	position: relative; height: 975px; width: 548px;
	margin-top: 42px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}


#photo3_2
{
	position: relative;
	top:10px;
	width : 1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo3_2 img
	{ 
	position: relative; height: 800px; width: 1200px; 
	margin-top: 50px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}
	
#photo2_3
{
	position: relative;
	top:10px;
	width : 1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo2_3 img
	{ 
	position: relative; height: 975px; width: 650px;
	margin-top: 50px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}


#photo4_3
{
	position: relative;
	top:10px;
	width : 1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo4_3 img
	{ 
	position: relative; height: 900px; width: 1200px; 
	margin-top: 50px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}
	
#photo3_4
{
	position: relative;
	top:10px;
	width : 1300px;
	margin-left:auto;
	margin-right: auto;
}

#photo3_4 img
	{ 
	position: relative; height: 975px; width: 731px;
	margin-top: 50px;
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 10px;
	}
	
#textmusic
	{
	background: #FFFFFF;
	position:absolute;
	left:72px;
	top:700px;
	height:250px;
	width:1136px;
	padding-left:15px;
	padding-right:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	border: 2px solid #000000;
	text-align: left;
	}
	
#textblog
	{
	background: #FFFFFF;
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:rgb(30%,50%,30%);
	border: 3px solid rgb(30%,50%,30%);
	border-radius: 15px;
	margin-bottom: 20px;
	text-align: left;
 	}