.primaryContainer {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	width: 100%;
}

#box {
	float: none;
	height: auto;
	margin-left: auto;
	margin-top: 3%;
	clear: none;
	width: 95%;
	margin-right: auto;
	min-width: 0px;
}

#logo {
	float: none;
	width: 25%;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-top: 10px;
	clear: none;
	color: rgb(0, 0, 0);
	margin-right: auto;
}

#slogan {
	float: none;
	font-size: 1.4em;
	width: auto;
	height: auto;
	text-align: center;
	font-weight: normal;
	line-height: 1em;
	margin-left: auto;
	margin-top: 10px;
	clear: none;
	min-height: 0px;
	color: rgb(235, 110, 15);
	margin-right: auto;
}

.input_texte {
	float: none;
	height: auto;
	padding: 0px;
	font-size: 1em;
	display: inline-block;
	width: auto;
}

.input_password {
	float: none;
	height: auto;
	padding: 0px;
	font-size: 1em;
	display: inline-block;
	width: auto;
}

.texte {
	float: right;
	font-size: 1em;
	width: auto;
	height: auto;
	text-align: right;
	font-weight: normal;
	line-height: 1em;
	padding: 0em 0.5em;
	display: inline-block;
	margin-left: 0%;
	margin-right: 0px;
	margin-top: 3px;
	clear: none;
}

.texte2 {
	float: right;
	font-size: 0.7em;
	width: auto;
	height: auto;
	text-align: right;
	font-weight: normal;
	line-height: 1em;
	padding: 0em 0.5em;
	display: inline-block;
	margin-left: 0%;
	margin-right: 0px;
	margin-top: 3px;
	clear: none;
}

.texte3 {
	float: right;
	font-size: 1em;
	width: auto;
	height: auto;
	text-align: left;
	font-weight: normal;
	line-height: 1em;
	padding: 0em 0.5em;
	display: inline-block;
	margin-left: 0%;
	margin-right: 0px;
	margin-top: 3px;
	clear: none;
}

.soumettre {
	float: none;
	height: 33px;
	font-size: 1em;
	margin-left: auto;
	margin-top: 6.90625px;
	clear: none;
	width: auto;
	margin-right: auto;
	min-width: 105px;
}

body {
	background-image:url("../img/xlarge_accueil.jpg");
	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
}

.visible 
{
	visibility: visible;
	color: red;
	text-align: center;
}

.invisible
{
	visibility: hidden;
}

.cadre {
	float: none;
	height: auto;
	margin-left: auto;
	margin-top: 1.516767%;
	clear: none;
	width: 360px;
	margin-right: auto;
	min-width: 0px;
}

.radiolabel > input{ /* HIDE RADIO */
	visibility: hidden; /* Makes input not-clickable */
	position: absolute; /* Remove input from document flow */
}

.radiolabel > input + img{ /* IMAGE STYLES */
	cursor:pointer;
	border:2px solid transparent;
}

.radiolabel > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	border:2px solid #f00;
}

.etape
{
	color: rgb(235, 110, 15);
}

.etape2
{
	font-size: 1.4em;
}

@media only screen and (max-width: 1280px) {

	.texte {
		margin-right: 0px;
		margin-left: 0%;
		float: right;
		margin-top: 3px;
		clear: none;
	}

	.texte2 {
		margin-right: 0px;
		margin-left: 0%;
		float: right;
		margin-top: 3px;
		clear: none;
	}

	.soumettre {
		width: auto;
	}

}

@media only screen and (max-width: 960px) {

	#box {
		margin: 3% auto 0px;
	}

	#slogan {
		margin-top: 6.999724%;
		margin-left: 0.12176204%;
		clear: none;
	}

	.soumettre {
		margin-top: 6.90625px;
		margin-left: 38.377193%;
		clear: none;
		margin-right: 0px;
		float: left;
	}

	#logo {
		margin-top: 10px;
		margin-left: 37.622559%;
		clear: none;
	}

	.texte {
		height: auto;
		width: 39%;
		text-align: right;
		margin-top: 3px;
		margin-left: 0%;
		clear: none;
	}

	.texte2 {
		height: auto;
		width: 39%;
		text-align: right;
		margin-top: 3px;
		margin-left: 0%;
		clear: none;
	}

}

@media only screen and (max-width: 768px) {

	.soumettre {
		margin-top: 6.90625px;
		margin-left: auto;
		clear: none;
		margin-right: auto;
		float: none;
	}

	#slogan {
		margin-top: 6.998758%;
		margin-left: auto;
		clear: none;
		margin-right: auto;
		float: none;
	}

	#logo {
		margin-top: 10px;
		margin-left: auto;
		clear: none;
		margin-right: auto;
		float: none;
	}

}

@media only screen and (max-width: 480px) {

	#box {
		height: 18%;
	}

	.texte {
		font-size: 0.9em;
		width: 45%;
	}

	.texte2 {
		font-size: 0.7em;
		width: 45%;
	}

	.input_texte {
		font-size: 0.9em;
		width: 45.027461%;
	}

	.input_password {
		font-size: 0.9em;
		width: 45.027461%;
	}

	.soumettre {
		font-size: 0.9em;
		display: block;
	}

	#slogan {
		margin-top: 6%;
		clear: none;
	}

	#logo {
		margin-top: 5%;
		width: 35%;
	}

}

@media only screen and (max-width: 320px) {

	.texte {
		height: auto;
		margin-top: 3px;
		margin-left: 0%;
		clear: none;
		width: 45%;
		text-align: right;
		padding: 0em 0.5em;
		float: right;
		display: inline-block;
		margin-right: 0px;
	}

	.texte2 {
		height: auto;
		margin-top: 3px;
		margin-left: 0%;
		clear: none;
		width: 45%;
		text-align: right;
		padding: 0em 0.5em;
		float: right;
		display: inline-block;
		margin-right: 0px;
	}

	.input_texte {
		margin-left: 0px;
		margin-right: 0%;
		float: right;
		margin-top: 0px;
		clear: none;
	}

	.input_password {
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		width: 45%;
		float: right;
		display: inline-block;
		margin-right: 0%;
	}

}