body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	display : table;
	width: 100%;
}
* {
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
}
footer {
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0;
	display : table-row;
	height: 50px; /* à titre d'exemple */
	background-color:#048B9A;
	text-align:center;
	border-top:1px solid #048B9A;
	border-bottom:5px solid #048B9A;
}
a{
	color:#ffffff;
	text-decoration:none;
	text-shadow:1px 1px 1px #333;
}
a:hover{
	color:#F0C300;
	text-decoration:none;
	font-weight:bolder;
}
a:focus{
	color:#ff0000;
	text-decoration:none;
}
#menu_vertical{
	border-top:1px solid #333;
	padding-top:10px;
}
#menu_vertical:hover{
	border-top:1px solid #333;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	transition:all 0.4s;
}
/* ffffffffffffffffffffffffffffffff */

@media all and (orientation: portrait){
	#discu_conteneur{
		margin-bottom:30px;
		background-color:#ebebeb;
		padding:0px;
		border-radius:100px 100px 100px 100px;
		width:100%;
		vertical-align:middle;
	}
	#discu_contenu{
		border-radius:0px;
		width:100%;
		padding:20px;
	}
	#discu_bouton{
		cursor:pointer;
		padding:20px;
		width:100%;
		background-color:#003366;
		color:#FFFFFF;
		text-align:center;
		border-radius:0px;
	}
	#discu_icon{
		display:inline-block;
		width:100%;
		text-align:center;
	}
	#discu_message{
		width:100%;
		float:right;
	}
	#section_1{
		width:100%;
		padding:10px;
		background-color:#048B9A;
	}
	#section_2{
		width:100%;
		background-color:#ffffff;
		padding:10px;
	}
	#form_connexion{
		width:100%;
	}
	input, select, textarea{
		width:90%;
		border-radius:5px;
		border:1px solid #333;
		padding:10px;
		color:#333;
		font-weight:bolder;
	}
	input:focus{
		width:90%;
		box-shadow:2px 2px 5px 5px #F0C300;
		font-style:italic;
		text-align:center;
		transition:all 2s;
	}
	select:focus{
		width:90%;
		box-shadow:2px 2px 5px 5px #F0C300;
		font-style:italic;
		text-align:center;
		transition:all 2s;
	}
	textarea:focus{
		width:90%;
		box-shadow:2px 2px 5px 5px #F0C300;
		font-style:italic;
		text-align:left;
		transition:all 2s;
	}
	#bouton_valider{
		width:90%;
		border-radius:30px;
	}
}
@media all and (orientation: landscape){
	#discu_conteneur{
		margin-bottom:30px;
		background-color:#ebebeb;
		padding:0px;
		border-radius:100px 0px 0px 100px;
		width:100%;
		vertical-align:middle;
	}
	#discu_contenu{
		border-radius:0px;
		width:90%;
		padding:20px;
	}
	#discu_bouton{
		cursor:pointer;
		padding:20px;
		width:10%;
		background-color:#003366;
		color:#FFFFFF;
		border-radius:0px;
	}
	#discu_icon{
		display:inline-block;
		width:10%;
	}
	#discu_message{
		width:78%;
		float:right;
	}
	#section_1{
		width:30%;
		display:inline-block;
		padding:10px;
		background-color:#048B9A;
	}
	#section_2{
		width:65%;
		display:inline-block;
		background-color:#ffffff;
		padding:10px;
		min-height: 100%;
		margin: 0;
		position: relative;
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		vertical-align:top;
	}
	#form_connexion{
		width:50%;
	}
	input, select, textarea{
		width:50%;
		border-radius:5px;
		border:1px solid #333;
		padding:10px;
		color:#333;
		font-weight:bolder;
	}
	input:focus{
		width:50%;
		box-shadow:2px 2px 5px 5px #F0C300;
		font-style:italic;
		text-align:center;
		transition:all 2s;
	}
	select:focus{
		width:50%;
		box-shadow:2px 2px 5px 5px #F0C300;
		font-style:italic;
		text-align:center;
		transition:all 2s;
	}
	textarea:focus{
		width:50%;
		box-shadow:2px 2px 5px 5px #F0C300;
		font-style:italic;
		text-align:left;
		transition:all 2s;
	}
	#bouton_valider{
		width:30%;
		border-radius:30px;
	}
}