fieldset {
	border: 1px solid #ccc;
}

legend {
	color: #2A2A2A;
	text-transform: uppercase;
	font-weight: 800;
}

fieldset dt label {
	font-weight: 600;
	font-size: .8em;
	color: #000;
}

.error,
.red,
ul.errors {
	color: #279BAF;
}

ul.errors {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .75);
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea,
select {
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .15);
	max-width: 400px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
	box-shadow: none;
}

.infobox {
	color: #FFF;
	background: #617798;
}

input.disabled{
	color: #bbb;
	background: #858B93;
}

a.disabled {
	color: #CCC;
	background: #EFF3F7;
}

a.selected {
	color: #FFF;
	background: orange;
}

button {
	color: #FFF;
	background: #52C930;
}

button:disabled,
button.disabled {
	color: #ddd;
	background: #A2C697;
}

#submit-element,
#next-element {
	
}

#header {
	background: #6A6A6A url(/modules/gdcgui/image/customer/bg-banner.png) repeat-x top left;
}

#header h1 {
	color: #FFF;
	font-size: 1.5em;
	text-align: center;
	padding: 60px 10px 25px 10px;
}

#logo {
	width: 150px;
	height: 75px;
	margin: 12px 24px 0 24px;
	float: left;
	background: url(/modules/gdcgui/image/logo.png) no-repeat top left;
	background-size: cover;       
}

#progress ul {
	background: url(/modules/gdcgui/image/customer/bg-bread.png) repeat-x top left;
	border: 1px solid #d9d9d9;
	height: 27px;
	border-radius: 5px;
}

#progress li {
	text-shadow: 1px 1px 0 #eee;
	line-height: 15px;
	height: 27px;
	font-size: .8em;
	background: url(/modules/gdcgui/image/customer/sep-bread.png) no-repeat top right;
	color: #2A2A2A;
}

#progress li.actual {
	color: #333;
}

input[type=submit] {
	background: url(/modules/gdcgui/image/customer/sprite.png) no-repeat 0 -17px;
	width: 300px;
	height: 51px;
	line-height: 51px;
	text-align: left;
	padding: 0 0 2px 65px;
	font-weight: 700;
	font-size: 0.8em;
	float: right;
	color: #fff;
}

input[type=submit]:hover {
	background: url(/modules/gdcgui/image/customer/sprite.png) no-repeat 0 -69px;
}

input[type=submit]:disabled {
	background: url(/modules/gdcgui/image/customer/sprite.png) no-repeat 0 -121px;
}

.sprite {
	background-image: url(/modules/gdcgui/image/customer/sprite.png);
	background-repeat: no-repeat;
}

.mini-loader {
	background: url(/modules/gdcgui/image/customer/mini-loader.gif) no-repeat 97% center;
}

.header-menu-user {
	color: #fff;
}

.header-menu-user .info a {
	color: #CDF229;
}

#password-lost {
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #EEEEEE;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 4px #EEE;
}

#password-lost label {
	color: #666;
}

#password-lost input[type=submit]{
	background: #96BB0D;
	border: 1px solid #7F9E06;
	box-shadow: 1px 1px 2px #B6BC9E, inset 0 1px 1px #B6D82F;
	color: #fff;
}

#password-lost input[type=submit]:disabled{
	background: #C4C4C4;
	border: 1px solid #9E9E9E;
	box-shadow: 1px 1px 2px #BCBCBC, inset 0 1px 1px #DBDBDB;
}

/** Tablette **/
@media screen and (max-width: 1199px) and (min-width: 768px) {
	fieldset dt label {
		font-size: 0.9em;
	}
}

/** MOBILE **/
@media screen and (max-width: 767px) {
	fieldset dt label {
		font-size: 0.9em;
	}
	
	#logo {
		width: 100px;
		height: 50px;
		margin: 5px;
	}

	#header h1{
		text-align: right;
		font-size: 1.2em;
		clear: right;
		padding: 5px;
	}
	
	input[type=text],
	input[type=email],
	input[type=password],
	input[type=number],
	textarea,
	select {
		max-width: 94%;
		width: 94%;
	}
}