Hacked By AnonymousFox

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

#main{
	background-image: url(../img/compte/background.jpg);
}

#main #conteneur #contenu{
	padding: 40px;
}

#main #conteneur #contenu #information{
	margin-right: 4%;
}

#main #conteneur #contenu #information,
#main #conteneur #contenu #passe{
	float: left;
	width: 48%;
	max-width: 500px;
}

#main #conteneur #contenu form label{
	width: 100%;
	display: block;
	font-weight: 300;
	font-size: 18px;
	padding-bottom: 4px;
}

#main #conteneur #contenu form input{
	width: 95.5%;
	padding-left: 2%;
	padding-right: 2%;
	border: 1px solid #000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	background-color: #d7d7d7;
}

#main #conteneur #contenu form select{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	border: 1px solid #000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	background-color: #d7d7d7;	
}

#main #conteneur #contenu form input.submit{
	background: none;
	border: none;
	padding: 0px;
	padding-bottom: 3px;
	padding-left: 5%;
	width: 100%;
	cursor: pointer;
	border-bottom: 1px solid #000;
	text-align: left;
	font-weight: 500;
	font-size: 18px;
	margin-top: 10px;
	background-image: url(../img/connexion/flecheSubmit.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	/*transition-property*/
	-webkit-transition-property:background-position;
	   -moz-transition-property:background-position;
	     -o-transition-property:background-position;
	        transition-property:background-position;
	/*transition-duration*/
	-webkit-transition-duration:0.3s;
	   -moz-transition-duration:0.3s;
	     -o-transition-duration:0.3s;
	        transition-duration:0.3s;
}

#main #conteneur #contenu form input.submit#crop{
	width: 250px;
	padding-left: 1%;
}

#main #conteneur #contenu h2{
	width: 100%;
	text-transform: uppercase;
	color: #0d0d0d;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

#main #conteneur #contenu .legende{
	margin-top: -15px;
	margin-bottom: 20px;
	font-style: italic;
	font-size: 13px;
	color: #666;	
}

#main #conteneur #contenu #avatarEdit,
#main #conteneur #contenu #avatarEdit img{
	width: 60px;
}

#main #conteneur #contenu #avatarTmp,
#main #conteneur #contenu #avatarTmp img{
	max-width: 600px;
}

/* Version mobile */
@media screen and (max-width: 850px) {

	#main #conteneur{
		background-color: #d7d7d7;
	}

	#main #conteneur #contenu{
		width: 100%;
		padding: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#main #conteneur #contenu #information,
	#main #conteneur #contenu #passe{
		float: left;
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
		max-width: 800px;
	}

	#main #conteneur #contenu #information{
		padding-bottom: 50px;
	}

}