body
{
	padding : 0;
	margin : 0 auto;
	font-size : 10pt;
}

.buttonlink
{
	color : black;
	background : #C9C99F;
	padding: 5px;
	font-weight:bold;
	text-decoration:none;
}

	* { /* Mise à zéro des marges internes / externes */
		padding:0;
		margin:0;	
	}

	body {
		/*background: url('../../../images/bck.gif') repeat-x;*/
		background: url('../../../images/bck-new.gif') repeat-x;
		background-color: #333F48;
		color:#707070;
		/*font-family: Arial, Helvetica, sans-serif;*/
		font-family: canada-type-gibson,Open Sans, sans-serif;
		font-style: normal;
		font-size: 0.75em;
	}
	
	/* Animation CSS */
	/*	@-webkit-keyframes fromtop {
			0% { margin: -200px auto; }
			50% { margin: 220px auto; }
			75% { margin: 180px auto; }
			100% { margin: 200px auto; }
		}
		
		@-moz-keyframes fromtop {
			0% { margin: -200px auto; }
			50% { margin: 220px auto; }
			75% { margin: 180px auto; }
			100% { margin: 200px auto; }
		}
		
		@-ms-keyframes fromtop {
			0%   { margin: -200px auto; }
			50% { margin: 220px auto; }
			75% { margin: 180px auto; }
			100% { margin: 200px auto; }
		}
		
		@-o-keyframes fromtop {
			0%   { margin: -200px auto; }
			50% { margin: 220px auto; }
			75% { margin: 180px auto; }
			100% { margin: 200px auto; }
		}
		
		@keyframes fromtop {
			0%   { margin: -200px auto; }
			50% { margin: 220px auto; }
			75% { margin: 180px auto; }
			100% { margin: 200px auto; }
		}*/
	
	
	/* Div conteneur */
		.loginbox {
			width:300px;
			margin: auto;
			margin-top: 25px;
			border-radius:3px;
			background:#fff;
			/*box-shadow:*/
			  /*0 1px 1px rgba(0, 0, 0, .3),*/
			  /*0 3px 0 #fff,*/
			  /*0 4px 0 rgba(0, 0, 0, .3),*/
			  /*0 6px 0 #fff,*/
			  /*0 7px 0 rgba(0, 0, 0, .3),*/
			  /*0 0 7px rgba(0,0,0, .3);*/
			box-shadow:
					0px 0px 1px 1px rgba(0, 0, 0, .3);
			padding:20px;
			overflow:hidden;
			-webkit-animation: fromtop 1s none;
			-moz-animation: fromtop 1s none;
			-o-animation: fromtop 1s none;
			-ms-animation: fromtop 1s none;
			animation: fromtop 1s none;
		} 
		
		.top {
			text-align: center;
			width: 340px;
			margin-bottom: 0px;
			margin-left: auto;
			margin-right: auto;
			background-color: #333F48;
			padding-bottom: 10px;
			padding-top: 10px;
			border: 1px solid #333F48;
			border-top-left-radius: 15px;
			border-bottom-right-radius: 15px;
			box-shadow: 0 0 2px 2px #333F48;
			color: #d4d4d4;
		}
		
		.loginbox h4 {
			font-size:1.25em;
			border-bottom:1px dashed rgba(0,0,0,0.2);
			margin-bottom:20px;
			padding-bottom:10px;
			font-weight:400;
		}
	
	/* Champ du formulaire : société, nom d'utilisateur et password */
		form input[type=text], form input[type=password], form select{
			padding:10px 10px 10px 15px;
			margin-bottom:10px;
			width:100%;
			border:1px solid #ddd;
			border-radius:3px;
			background-color:#fafafa;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		input[readonly=readonly] {
			color:#aaa;	
		}
		
		input[type=text]:focus, input[type=password]:focus , form select:focus{
			outline:0;
			border:1px solid #81c2f4;
			box-shadow:0 0 5px rgba(0,0,0,0.2);
		}

    /*Bouton INFOS + GEN MDP + Soumettre*/
    input[type=button] {
        background-color: #00C389;
        border: none;
        padding: 10px;
        border-radius: 3px;
        color: white;
        cursor: pointer;
    }
    input[type=button]:hover {
        color:#333F48;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.4);
    }

    input[type=submit].updatecompt{
        background-color: #00C389;
        border: none;
        padding: 10px;
        border-radius: 3px;
        color: white;
        cursor: pointer;
    }
    input[type=submit].updatecompt:hover {
        background-color: #00C389;
        color:#333F48;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.4);
    }

	/* Bouton d'envoi */
		input[type=submit] {
			background: #333F48;
			/*background: -moz-linear-gradient(top,  #81c2f4 0%, #69ace0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c2f4), color-stop(100%,#69ace0));
			background: -webkit-linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
			background: -o-linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
			background: -ms-linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
			background: linear-gradient(top,  #81c2f4 0%,#69ace0 100%);*/
			color:#fff;
			border:none;
			border-radius:3px;
			box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
			text-shadow:0 1px 0 rgba(0,0,0,0.25);
			padding:10px;
			float:right;
			cursor:pointer;
			
		}
		
		input[type="submit"]:hover {
			background-color:#A2ACAB;
			text-shadow:0 1px 0 rgba(255,255,255,0.5);
			box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 0 3px rgba(0,0,0,0.4);
            color:#333F48;
		}
		
		/*input[type=submit]:active {
			background: -moz-linear-gradient(top,  # 0%, #81c2f4 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69ace0), color-stop(100%,#81c2f4));
			background: -webkit-linear-gradient(top,  #69ace0 0%,#81c2f4 100%);
			background: -o-linear-gradient(top,  #69ace0 0%,#81c2f4 100%);
			background: -ms-linear-gradient(top,  #69ace0 0%,#81c2f4 100%);
			background: linear-gradient(top,  #69ace0 0%,#81c2f4 100%);	
			box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3);
		}*/
	
	/* Liste */
		.loginbox ul {
			list-style:none;
			float:left;
			font-size:0.9em;
			line-height:1.75em;
		}
		
		.loginbox a {
			color:#81c2f4;
			text-decoration:none;
		}
	
	/* Formulaire de récupération du mot de passe */
		#getpwd {
			display:none;	
		}
		
		#getpwd input[type=text] {
		float:left;
		width:65%;
		padding-right:10px;	
		}
		
		#getpwd input[type=submit] {
			padding:10px;
		}
		
		#getpwd ul {
			float:right;
			margin-top:10px;
		}
		
/*=====================================================================*/
/* Styles pour les pages de l'espace client                            */
/*=====================================================================*/

		.content {
		width: 1000px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		}
		
		.content a {
		text-decoration: none;
		color: #959595;
		line-height: 15px;
		font-size: 14px;
		}
		
		.categories a:hover {
		color: #00C389;
		}
		
		.content a:hover {
		color: #00C389;
		}
		
		.banner {	
		/*padding-bottom: 50px;*/
		color: #00C389;
		/*text-shadow: 1px 1px #333333;*/
		font-size: 20px;
		font-weight: 700;
		}

		.subcategories{
			background: none repeat scroll 0 0 #A2ACAB !important;
		    margin-left: 50px !important;
		    text-align: left !important;
		    width: 30% !important;
		}