/* ----------------- Styles COLLEGIX INFO ----------------- */
	body {
		width: 100%;
		margin: 0;
		background-color: #333;
		}
	#central {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		min-height: 1200px;
		background-color: white;
		}
/* ----------------- Voie lactée ----------------- */
	#milky_way {
		position: relative;
		width: 1024px;
		height: 192px;
		border-top: 2px solid #FFE4E1;
		background-color: white;
		opacity: 0.2;
		}
	#m1, #m2 {
		float: left;
		}
	#first {
		position: absolute;
		top: 120px;
		left: 450px;
		font-size: 3em;
		color: white;
		z-index: 10;
		}
	h3 {
		margin-left: 60px;
		margin-bottom: 8px;
		font-size: 1.6em;
		color: orange;
		}
	p {
		margin-left: 80px;
		width: 850px;
		color: grey;
		}
	#page_web {
		margin-top: 30px;
		text-align: center;
		font-family: "Century Gothic",sans-serif;
		font-size: 2em;
		font-weight: bold;
		color: #DE3163;
		}
	.programme {
		font-weight: bold;
		color: #DE3163;
		}
	#cadre {
		width: 800px;
		margin-left: 80px;
		border: 2px solid silver;
		border-radius: 33px;
		}
	.session {
		margin-bottom: 8px;
		font-size: 1.2em;
		font-weight: bold;
		color: #0431B4;
		}
	table {
		margin-left: 80px;
		margin-top: 20px;
		}
	ul {
		font-size: 1.3em;
		}
	td {
		padding-bottom: 10px;
		}
	.premier {
		width: 400px;
		}
	.second {
		width: 450px;
		}
	.blanc {
		color: white;
		}
	.intro {
		margin-left: 80px;
		margin-right: 70px;
		}
	.intro li {
		list-style-type: none;
		margin-bottom: 3px;
		}
	.stage {
		font-size: 1.5em;
		color: burlywood; /* #1560BD */
		}
	.st2 {
		font-size: 1.1em;
		color: dimgrey;
		}
	.sequence {
		margin-left: 80px;
		margin-top: 0;
		margin-bottom: 3px;
		color: darkred;
		}
	.sequence li {
		margin-bottom: 2px;
		font-size: 1.2em;
		}
	#gryffon {
		border: 2px solid #F0C300;
		border-radius: 150px;
		}
	#lux1 {
		margin-left: 30px;
		}
	#dl_link {
		position: absolute;
		bottom: 30px;
		left: 40px;
		padding-left: 10px;
		padding-top: 20px;
		text-decoration: none;
		}
	#dl_blue {
		width: 40px;
		border: none;
		}
	#ttl {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 0.9em;
		font-weight: bold;
		color: silver;
		}
	#net_link {
		position: absolute;
		bottom: 0;
		left: 440px;
		padding: 10px;
		color: #DE3163;
		}
	#logo_top {
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 60px;
		padding: 20px 20px 15px 20px;
		}
	@media(orientation:portrait){
		#first {
			position: absolute;
			top: 150px;
			left: 450px;
		}
		h3 {
			font-size: 1.8em;
		}
		h4 {
			font-size: 1.4em;
		}
		.stage {
			font-size: 1.6em;
			font-weight: bold;
		}
		.st2 {
			font-size: 1.3em;
			color: dimgrey;
		}
		#dl_link {
			font-size: 1.3em;
		}
		#net_link {
			position: absolute;
			bottom: -20px;
			left: 430px;
			padding: 20px;
		}
	}