@import url('https://fonts.googleapis.com/css?family=Raleway');
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

#ariane {
  background: #FFF;
  font-family: 'Raleway';
  font-size: 10px;
  color: #919aa8;
  padding-bottom: 15px; }
  #ariane a {
    color: #323b49; }
	
.cartTable {
	width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.submitTable {
	width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.pricesTable {
	width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

/*
REGISTER
*/
.register .title {
	background: #F9F9F9;
	height: 80px;
	border-top: 1px solid #e5e6e7;
	border-bottom: 1px solid #e5e6e7; 
}

.register .title h2 {
    height: 80px;
    line-height: 80px;
    font-family: 'Raleway';
    font-size: 30px;
    color: #323b49;
    width: 464px;
    float: left;
    padding-left: 51px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8); 
}

.register .title h2.first {
    border-right: 1px solid #e5e6e7;
    padding-left: 0px; 
}

.register .bloc {
	background: #FFF;
	height: 458px;
	border-bottom: 1px solid #e5e6e7; 
}

.register .bloc .customer {
	width: 464px;
	float: left;
	border-right: 1px solid #e5e6e7;
	height: 458px; 
}

.register .bloc .customer h3 {
	font-family: 'AllerRegular';
	font-size: 13px;
	line-height: 22px;
	color: #323b49;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #e5e6e7;
	width: 420px; 
}

.register .bloc .customer form {
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e6e7;
	width: 420px; 
}

.register .bloc .customer form .input {
	padding: 10px 0 10px 0; 
}

.register .bloc .customer form .input label {
  font-family: 'Raleway';
  font-size: 12px;
  line-height: 22px;
  color: #323b49;
  display: block; 
}

.register .bloc .customer form .input input {
  height: 33px;
  width: 200px;
  border: 1px solid #c3c3c3;
  background: #f9f9f9; 
}

.register .bloc .customer form .submit input {
	background: url("../images/divers/submit.png") no-repeat;
	background-position: 0 0;
	width: 142px;
	height: 39px;
	border: 0 none;
	color: #FFF;
	font-family: 'AllerRegular';
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	cursor: pointer; 
}

.register .bloc .customer form .submit input:hover {
	background: url("../images/divers/submit.png") no-repeat;
	background-position: 0 -42px; 
}

.register .bloc .login {
	float: left;
	padding-left: 51px; 
}

.register .bloc .login form {
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e6e7;
	width: 420px; 
}

.register .bloc .login form .input {
	padding: 10px 0 10px 0; 
}

.register .bloc .login form .input label {
  font-family: 'Raleway';
  font-size: 12px;
  line-height: 22px;
  color: #323b49;
  display: block; 
}

.register .bloc .login form .input input {
  height: 33px;
  width: 200px;
  border: 1px solid #c3c3c3;
  background: #f9f9f9; 
}

.register .bloc .login form .submit input {
	background: url("../images/divers/submit.png") no-repeat;
	background-position: 0 0;
	width: 142px;
	height: 39px;
	border: 0 none;
	color: #FFF;
	font-family: 'Raleway';
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	cursor: pointer; 
}

.register .bloc .login form .submit input:hover {
	background: url("../images/divers/submit.png") no-repeat;
	background-position: 0 -42px; 
}

/*
CHECKOUT
*/
.checkout .proceed, .checkout input[type=submit] {
  border: none;
  background: url("../images/divers/proceed.png") no-repeat;
  background-position: 0 0;
  width: 177px;
  height: 47px;
  display: block;
  float: right;
  text-align: center;
  text-decoration: none;
  line-height: 47px;
  color: #FFF;
  font-family: 'Raleway';
  font-size: 16px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
  margin-top: 15px; 
}

.checkout .proceed:hover, .checkout input[type=submit] {
	background-position: 0 -49px; 
}

.checkout .title {
  height: 110px;
}

.checkout .title h2 {
	margin-top: 10px;
	margin-right:10px;
	text-align:right;
	font-family: 'Raleway';
	font-size: 30px;
	color: #766036;
}
	
.checkout .cartTable{
  background: #FFF;
  border-bottom: 1px solid #e5e6e7; 
}

.rowtitle {
	height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #766036;
    border-top: 1px solid #766036;
    padding-left: 170px;
    font-family: 'Raleway';
    color: #766036;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.rowtitle span {
	float: left; 
}

.rowtitle span.imageCart {
  width: 10%;
}

.rowtitle span.name {
  width: 30%;
}

.rowtitle span.price {
	width: 15%;
}

.rowtitle span.quantity {
      width: 10%;      
}

.checkout .cartTable.rowtitle span.subtotal {
	width: 30%;
}

.rowtitle span.action {
  width: 10%;
  text-align: center; 
}

.rowCart.grey {
   background: #fcfcfc; 
}

.cartTable.rowCart {
	overflow: hidden;
	background: #FFF;
	height: 81px;
	line-height: 81px;
	border-bottom: 1px solid #e5e6e7;
	border-left: 1px solid #e5e6e7; 
}

.rowCart a.img {
	width: 168px;
	margin-top: 15px;
	display: block;
	float: left;
	text-align: center; 
}

.rowCart span {
      float: left;
      font-family: 'AllerRegular';
      font-size: 12px;
      color: #78c04f;
      text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8); 
}

.rowCart span.name {
	width: 340px;
	display: block; 
}

.rowCart span.price {
  width: 130px;
  display: block; 
}

.rowCart span.quantity {
	width: 57px;
	display: block;
	text-align: center;
	padding-right: 73px; 
}
.rowCart span.quantity input {
	height: 33px;
	width: 20px;
	border: 1px solid #c3c3c3;
	background: #f9f9f9; 
}

.rowCart span.subtotal {
	width: 130px;
	display: block; 
}

.rowCart span.action {
	width: 79px;
	display: block;
	border-right: 1px solid #e5e6e7;
	border-left: 1px solid #e5e6e7;
	text-align: center; 
}

.rowCart span.action a{
	color:#766036;
}

.rowCart span.action a:hover{
	color:#FFF !important;
}


.rowtotal {
	font-family: 'Raleway';
	color: #766036;
	font-size: 16px;
	width:100%;
}

.rowtotal .total {
	font-family: 'Raleway';
	color: #766036;
	font-size: 18px;
	font-weight:bold;
}