@charset "UTF-8";

/* banner top blue  #232937  35,41,55 */
/* footer blue  	#152338  21,35,56 */
/* light blue       #38B7FF  56,183,255 */ 
/* light blue hover #277FB2  */
/* orange           #FCAF17  */
/* red				#F4283E	 */

html { overflow-y: scroll; } 
body {
	background-color: #F8F8F8;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size:16px;
}
strong { font-weight:700; }
.clearDiv {	clear: both; }
#pageContent { 
	padding: 30px 20px; 
	position: relative;
}
#orderPage #pageContent, #summaryPage #pageContent, #singleProdPage #pageContent { 
	padding: 60px 20px 30px 20px; 
	position: relative;
}

/* EN-TÊTE DE PAGE ------------------------------------------------------------------------------------------------*/

/* TOP BANNER -----------------------------------------------*/

#topBanner {
	display: block;
	height: 30px;
	background-color: #232937;
	line-height:30px;
	font-size: 12px;	
	color: #FFF;
	-moz-user-select: none;
	user-select: none;
	cursor: default;
}
#topWrapper {
	display: block;
	max-width: 1400px;
	height: 30px;
	margin: 0 auto;
	background-image: url("images/topLogo.png");
	background-repeat: no-repeat;
}
#topSlogan, #topSloganShort, #topSloganMini {
	font-weight: 700;
	height: 30px;
	text-transform: uppercase;
	padding-left: 33px;
	float: left; 
}
#topSloganShort { display: none; }
#topSloganMini { display: none; }
#topRight {
	height: 30px;
	text-align: right;
	float: right;
}
#topUser {
	height: 30px;
	float: right;
	font-weight: 400;
	padding: 0 15px 0 20px;
	background-image: url("images/topUser.png");
	background-repeat: no-repeat;
}
#topLogOut {
	height: 30px;
	float: right;
	padding: 0 15px 0 40px;
	text-decoration: none;
	font-weight: 700;
	color: #232937;
	background-color: #CCC;
	background-position: 15px 0; 
	background-image: url("images/log.png");
	background-repeat: no-repeat;
	transition: 	all 0.5s;
}
#topLogOut:hover {
	background-color: #38B7FF;
	color: #FFF;
	transition: 	all 0s;
}
@media screen and (max-width: 975px) {
	#topSlogan {
		display: none; 
	}
	#topSloganShort {
		display: block;
	}
	#topSloganMini {
		display: none; 
	}	
}
@media screen and (max-width: 580px) {
	#topUser {
		display: none; 
	}
	#topSlogan {
		display: none; 
	}
	#topSloganShort {
		display: block;
	}
	#topSloganMini {
		display: none; 
	}
}		
@media screen and (max-width: 360px) {
	#topUser {
		display: none; 
	}
	#topSlogan {
		display: none; 
	}
	#topSloganShort {
		display: none;
	}
	#topSloganMini {
		display: block; 
	}	
}


/* HEADER MENU -----------------------------------------------*/

#headBody { padding-bottom: 30px; }
#headBodyWrapper {
	max-width: 1400px;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat
}
#header {
	background-color: rgba(255,255,255,0.75);
	display: block;
	height: 100px;
	overflow: auto;
	position: relative;
	border-bottom: 2px solid #F4283E;
}
#home #header, #loginPage #header{ border-bottom: 0; }
#header #hotelLogoLink {
	display: block;
	width: 240px;
	height: 80px;
	font-size: 0;
	padding: 10px 20px;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 	all 0.5s;
}
#header #hotelLogoLink:hover {
	background-color: rgba(56,183,255,0.3);
	transition: 	all 0s;
}
#loginPage #header #hotelLogoLink:hover {
	background-color: transparent;
	cursor: default;
}
#home #header #hotelLogoLink:hover {
	background-color: rgba(255,255,255,0.5);
	transition: 	all 0s;
}
#homeContent {
	display: block;
	height:536px;
}
#copyright {
	text-align: right;
	display: block;
	height:20px;
	font-size: 12px;
	color: #fff;
	color: rgba(255,255,255,.7);
	position: relative;
	padding-right: 20px;
	top: -20px;
}
#hotelForm {
	padding: 50px 20px;
}
#simulHotel {
	height: 30px;
	width: 100%;
}
#selHotelBtn {
	font-weight: 700;
	display: block;
	height: 50px;
	width: 100%;
	background: #38B7FF; 
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	transition: all 0.5s;
	padding: 0 5px;
	margin-top: 30px;
}
#selHotelBtn:hover {
	background: #277FB2;
	transition: all 0s;
}
#header a {
	float: left;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
	color: #232937;
	padding: 0 20px;
	margin: 25px 10px 25px 0;
	transition: 	all 0.5s;
}
#header a:hover {
	color: #FFF;
	background-color: #38B7FF;
	transition: 	all 0s;
}
#loginPage #loginLink, #contactPage #contactLink, #prodPage #productLink, #orderPage #orderLink, #cartPage #cartLink, #singleProdPage #productLink, #summaryPage #orderLink {
	background-color: #232937;
	color: #FFF;	
}
#loginPage #loginLink:hover, #contactPage #contactLink:hover, #prodPage #productLink:hover, #orderPage #orderLink:hover, #cartPage #cartLink:hover, #singleProdPage #productLink:hover, #summaryPage #orderLink:hover {
	background-color: #277FB2;
	color: #FFF;	
}
@media screen and (max-width: 1000px) {
	#header #hotelLogoLink {
		width: 209px;
		height: 70px;
	}
	#header {
		height: 90px;
	}
	#header a {
		font-size: 14px;
		line-height: 50px;
		margin: 20px 10px 20px 0;
	}
	#copyright {
		top: -12px;
	}	
}
@media screen and (max-width: 800px) {
	#header #hotelLogoLink {
		width: 179px;
		height: 60px;
	}
	#header {
		height: 80px;
	}
	#header a {
		font-size: 12px;
		line-height: 40px;
		padding: 0 15px;
		margin: 20px 10px 20px 0;
	}
	#homeContent {
		height:436px;
	}
	#copyright {
		top: -3px;
	}		
}
@media screen and (max-width: 550px) {
	#header #hotelLogoLink {
		width: 100%;
		height: 60px;
		margin: 0 auto;
		padding: 10px 0;
	}
	#header {
		height: 120px;
		text-align: center;
	}
	#header a {
		display: inline-block;
		font-size: 12px;
		line-height: 40px;
		padding: 0 15px;
		float: none;
		margin: 0 10px 0 0;
		height: 40px;
	}
	#homeContent { height:396px; }
}


/* PIED DE PAGE ------------------------------------------------------------------------------------------------*/

#footer {
	display: block;
	text-transform: uppercase;
	font-size: 12px;	
	font-weight: 700;
	color: #FFF;
	-moz-user-select: none;
	user-select: none;
	cursor: default;
	margin-bottom: 20px;
	overflow: auto;
}
#footerWrapper {
	max-width: 1400px;
	height: 80px;
	margin: 0 auto;
	background-color: #152338;
}
.footLink {
	display: inline-block;
	float: left;
	text-decoration: none;
	padding: 0 20px;
	color: #b9bdc4;
	margin-top: 33px;
	border-left: 1px solid #525C6C;
	transition: 	all 0.5s;	
}
.footLink:hover {
	color: #FFF;
	transition: 	all 0s;	
}
.blueLink {
	color: #38B7FF;
	border-left: none;
}
.blueLink:hover {
	color: #FFF;
	border-left: none;
}
.rightLink {
	float: right;
	border-left: none;
	font-weight: 300;
	font-size: 10px;
}
#footer_logos {
	display: block;
	height: 80px;
	background-position: center; 
	background-image: url("images/footer_logos.png");
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
@media screen and (max-width: 1140px) {
	#footer_logos {
		height: 60px;
		background-image: url("images/footer_logos_medium.png");
	}
	#footerWrapper {
		height: 60px;
	}
	#footer {
		font-size: 12px;	
	}
	.footLink {
		margin-top: 23px;
	}
	#headBody {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 800px) {
	#footGroup {
		display: none;
	}
}
@media screen and (max-width: 940px) {
	#footer_logos {
		height: 100px;
		background-image: url("images/footer_logos_small.png");
	}
}
@media screen and (max-width: 740px) {
	#footer_logos {
		height: 140px;
		background-image: url("images/footer_logos_small2.png");
	}
}
@media screen and (max-width: 490px) {
	#footer_logos {
		height: 100px;
		background-image: url("images/footer_logos_mini.png");
	}
}
@media screen and (max-width: 620px) {
	#footAbc {
		display: none;
	}
}
@media screen and (max-width: 460px) {
	.footLink {
		display: block;
		float: none;
		height: 30px;
		margin-top: 0;
		line-height: 30px;
	}
	.rightLink {
		float: none;
	}	
	#footer {
		text-align: center;
	}
	#footerWrapper {
		height: 60px;
		padding: 10px 0;
	}	
}


/* PAGE RECHERCHE ----------------------------------------------------------------------------------------------------*/

#searchFormLine {
	display: block;
	height: 60px;
	border-bottom: 1px solid #F4283E;
	padding-top: 10px;
	background-image: url("images/mag.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 50px;
}
#searchProdBtn {
	font-weight: 700;
	display: block;
	height: 50px;
	width: 20%;
	background: #38B7FF; 
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	transition: all 0.5s;
	padding: 0 5px;
}
#searchProdBtn:hover {
	background: #277FB2;
	transition: all 0s;
}
#searchField {
	display: block;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	height: 50px;
	width: 50%;
	float: left;
	padding-left: 15px;
	margin-right: 15px;
}
#searchField:focus, #searchField.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #38B7FF;
}
@media screen and (max-width: 800px) {
	#searchProdBtn {
		width: 33%;
		height: 40px;
		font-size: 14px;
	}
	#searchField {
		width: 57%;
		padding-left: 3%;
		margin-right: 3%;
		height: 40px;
	}
	#searchFormLine {
		padding-left: 10%;
		height: 50px;
	}	
}
@media screen and (max-width: 550px) {
	#searchProdBtn {
		width: 38%;
	}
	#searchField {
		width: 52%;
		padding-left: 3%;
		margin-right: 3%;
	}
	#searchFormLine {
		padding-left: 3%;
		background-image: none;
	}	
}

/* PRODUCTS LIST PAGE ------------------------------------------------------------------------------------------------*/

.ProductListTypeTitle {
	font-size: 21px;
	font-weight: 700;
	padding: 30px 0 10px 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
.productListLink {
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
	padding: 5px;
	color: #232937;
	height: 80px;
	overflow: hidden;
	transition: 	all 0.5s;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;	
}
.productListLink:hover {
	background-color: #38B7FF;
	color: #FFF;
	transition: 	all 0s;	
}
.prodListImage {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	overflow: hidden;	
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,.3));
}
.prodListName {
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;
	display: block;
	text-transform: capitalize;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.prodListDesc {
	display: block;
	font-size: 13px;
	overflow: hidden;
	padding-top: 2px;	
}
.prodListDownload {
	display: block;
	font-size: 12px;
	font-style: italic;
	padding-top: 5px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.ProductListColumns {
	-moz-column-count: 3;
	-moz-column-width: 33%;
	-webkit-column-count: 3;
	-webkit-column-width: 33%;
	column-count: 3;
	column-width: 33%;
}
.ProductListNotColumns {

}
@media screen and (max-width: 1100px) {
	.ProductListColumns {
		-moz-column-count: 2;
		-moz-column-width: 50%;
		-webkit-column-count: 2;
		-webkit-column-width: 50%;
		column-count: 2;
		column-width: 50%;
	}
}
@media screen and (max-width: 750px) {
	.ProductListColumns {
		-moz-column-count: 1;
		-moz-column-width: 100%;
		-webkit-column-count: 1;
		-webkit-column-width: 100%;
		column-count: 1;
		column-width: 100%;
	}
}

/* PRODUCT PAGE ------------------------------------------------------------------------------------------------*/

#productColLeft {
	float: left;
	max-width: 32%;
	margin-right: 1%;
}
#productColLeftDouble {
	float: left;
	max-width: 65%;
	margin-right: 1%;
}
#productColLeft2 {
	float: left;
	max-width: 32%;
}
#productColRight {
	width: 32%;
	float: left;
	margin-right: 2%;
}
#productColRight2 {
	width: 32%;
	float: left;
	margin-right: 2%;
}
#productImg, #productImg2 {
	max-width: 100%;
	-webkit-filter: drop-shadow(0px 4px 4px rgba(0,0,0,.3));
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,.3));
}
#productDesc {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 60px;
}
.pictureDesc {
	font-size: 11px;
	margin-top: 20px;
	font-weight: 400;
	text-transform: uppercase;
	background: url("images/icon_up.png") no-repeat top left;
	padding-top: 10px;
}
.prodDesc {
	display: inline-block;
	font-weight: 400;
	width: 20%;
}
#productDisclaimer {
	font-size: 10px;
	margin-top: 20px;
	font-weight: 400;
	color: #232937;
}
#productTitle {	
	font-size: 21px;
	color: #152338;
	padding: 0 0 10px 0;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
}
#productNumber {	
	font-size: 11px;
	color: #000000;
	margin-bottom: 20px;
}
.prodButton {
	display: block;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #38B7FF;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	transition: all 0.5s; 
}
.prodButton:hover {
	background-color: #277FB2;
	transition: all 0s;
}
.disableBtn, .disableBtn:hover {
	background-color: #CCC;
	cursor: default;
	transition: all 0s;
}
#productCardex {
	width: 100%;
}
#prodCardexControlBtn {
	width: 430px;
	margin-bottom: 10px;
	height: 31px;
}
#prodCardexDirective {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 13px;	
}
#prodCardexListSelect {
	padding-top: 2px;
	width: 100%;
	height: 360px;
	overflow: auto;
	margin-bottom: 20px;
	border:solid 1px #38B7FF;	
}
#prodCardexListSelect a { 
	color:#fff;
	text-decoration: none;
	font-weight: 700;
	background-color: #38B7FF;
	padding: 0 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}
#prodCardexListSelect a:hover { 
	background-color: #277FB2; 
}
#prodCardexLine {
	padding-top: 5px;
	width: 100%;
	height: 22px;
	clear: both;
	font-size: 14px;
	border-bottom: solid 1px #ddd;	
}
#prodCardexLine:hover {
	background-color: #ffffb4;	
}
#prodCardexSelectCase {
	margin-left: 3px;
	width: 20px;
	float: left;
}
#prodCardexGender {
	width: 40px;
	float: left;
}
#prodCardexName {
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	width: 210px;
	float: left;
}
#prodCardexEdit {
	width: 70px;
	float: left;
}
#prodCardexDelete {
	width: 65px;
	float: left;
}
@media screen and (max-width: 1400px) {
	#prodCardexName {
		width: 110px;
	}
}
@media screen and (max-width: 1100px) {
	#prodCardexGender {
		display:none;
	}
	.prodDesc {
		display:none;	
	}
}

@media screen and (max-width: 950px) {
	#productColRight, #productColRight2 {
		width: 99%;
	}
	#prodCardexName {
		width: 300px;
	}
	#productColLeft {
		max-width: 49%;
		margin-right: 1%;
	}
	#productColLeftDouble {
		display: block;
		max-width: 99%;
	}
	#productColLeft2 {
		max-width: 49%;
	}

}
@media screen and (max-width: 550px) {
	#prodCardexName {
		width: 200px;
	}
}
@media screen and (max-width: 450px) {
	#prodCardexName {
		width: 100px;
	}
}

#productButtonLine {
	width: 430px;
	height: 31px;
}
#productContainer #prodBtnAddCart {
	width: 111px;
	height: 31px;
	padding: 0px;
	margin: 0px;	
	border: none;	
}
#productContainer #prodBtnAddItem {
	width: 143px;
	height: 31px;
	padding: 0px;
	margin: 0px;	
	border: none;	
}
#productContainer #prodBtnCheckout {
	width: 77px;
	height: 31px;
	padding: 0px;
	margin: 0px;	
	border: none;	
}
#cardezAddDiv {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
}
#cardexAddDivCenter {
	position: relative;
	top: 10%;
	bottom: 10%;
	width: 900px;
	margin: auto;
}
#cardexAddDivCenter #cardexAddTop {
	width: 900px;
	height: 13px;
}
#cardexAddDivCenter #cardexAddDivContainer {
	width: 900px;
}
#cardexAddDivCenter #cardexAddbottom {
	width: 900px;
	height: 13px;
}
#cardexAddDivCenter #cardexAddTop .cardexAddTLeft { background: url(../images/sprite.png) -78px -93px no-repeat; height: 13px; width: 20px; float: left; } /* Top left corner */
#cardexAddDivCenter #cardexAddTop .cardexAddTMiddle { background: url(../images/sprite_x.png) top left repeat-x;  height: 13px; width: 860px; float: left; } /* Top pattern/color */
#cardexAddDivCenter #cardexAddTop .cardexAddTRight { background: url(../images/sprite.png) -112px -93px no-repeat;  height: 13px; width: 20px; float: left; clear: right; } /* Top right corner */
#cardexAddDivCenter #cardexAddDivContainer .cardexAddMLeft { background: url(../images/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; width: 20px; }
#cardexAddDivCenter #cardexAddDivContainer .cardexAddMRight { background: url(../images/sprite_y.png) top right repeat-y; width: 874px; padding-right: 13px; }
#cardexAddDivCenter #cardexAddDivContainer .cardexAddMMiddle { background-color: #fff; width:860px; position:relative; top: 0px; left: 0px; min-height: 400px; max-height: 600px; overflow: auto; }
#cardexAddDivCenter #cardexAddBottom .cardexAddBLeft { background: url(../images/sprite.png) -78px -127px no-repeat; height: 13px; width: 20px; float: left; } /* Bottom left corner */
#cardexAddDivCenter #cardexAddBottom .cardexAddBMiddle { background: url(../images/sprite_x.png) bottom left repeat-x; height: 13px; width: 860px; float: left; } /* Bottom pattern/color */
#cardexAddDivCenter #cardexAddBottom .cardexAddBRight { background: url(../images/sprite.png) -112px -127px no-repeat; height: 13px; width: 20px; float: left; } /* Bottom right corner */
#addCardexForm {	
	width: 618px;	
}
#addCardexForm input {
	width: 606px;	
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
}
#addCardexForm textarea {
	width: 606px;	
	min-width: 606px;
	max-width: 606px;	
	margin-bottom: 10px;
	height: 75px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
}
#addCardexForm #cardexSlectContainer {
	width: 606px;	
	margin-bottom: 10px;
	font-size: 14px;
}
#cardexBtnSaveContact {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #38B7FF;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.5s; 
	width: 120px;
	display: block;
	height: 50px !important;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#cardexBtnCancel {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #38B7FF;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.5s; 
	width: 84px;
	display: block;
	height: 50px !important;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#cardexBtnSaveContact:hover, #cardexBtnCancel:hover {
	background: #277FB2;
	transition: all 0s;
}	
#cardexBtnClose {
	width: 76px !important;
	height: 31px !important;
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}
#ItemErrMsg {
	clear: both;
	margin-top: 5px;
	color: #FF0000;	
	height: 20px;
}
#ItemMsgInfo {
	clear: both;
	margin-top: 5px;
	color: #FF0000;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.4px;
}
.hide, .hideBtn { display:none; }

/* PAGE DOWNLOAD ------------------------------------------------------------------------------------------------*/


/* PAGE DEVIS ------------------------------------------------------------------------------------------------*/

#billingAdresseFs {
	width: 45%;
	float: left;
	margin-right: 3%;
	margin-top: 30px;
}
#shippingAdresseFs {
	width: 50%;
	float: left;
	margin-top: 30px;
}
#dateReqLab {
	width: 45%;
	float: left;
	margin-right: 3%;
	margin-top: 30px;
	padding-bottom: 20px;
}

#billingAdresseFs input[type=text], #shippingAdresseFs input[type=text], #dateReqLab input[type=text] {
	width: 98%;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 5px;
	padding-left: 2%;

}
#billingAdresseFs textarea, #shippingAdresseFs textarea, #dateReqLab textarea {
	width: 98%;
	height: 80px;
	margin-bottom: 20px;
	margin-top: 5px;
	padding-top: 8px;
	padding-left: 2%;
}
#quotListItem {
	margin-top: 30px;
	width: 100%;
}
#quotListItemLine {
	height: 90px;
}
#billingAdresseFs legend, #shippingAdresseFs legend, #quotListItem legend {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 20px;
}
#billingAdresseFs label, #shippingAdresseFs label, #dateReqLab label {
	font-weight: 400;
}
#quotShippingSameL, #quotShippingOtherL {
	font-weight: 300;
	padding-left: 10px;
}
#quotShippingOther {
	margin-left: 30px;
}
#quotShippingSame, #quotShippingOther {
	margin-top: 24px;
}
#quotShippingSame:checked + label, #quotShippingOther:checked + label {
	font-weight: 700;
} 
#quotShippingSame:hover + label, #quotShippingOther:hover + label {
	color: #38B7FF;
}
#quotShippingSame:checked:hover + label, #quotShippingOther:checked:hover + label {
	color: #000;
}
.quotListItemQte {
	width: 50%;
}
.submitButton {
  font-weight: 700;
  margin: 35px auto 0 auto;
  display: block;
  height: 50px;
  width: 50%;
  background: #38B7FF; 
  border: 0 none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  transition: all 0.5s;
}
.submitButton:hover {
  background: #277FB2;
  transition: all 0s;
}
@media screen and (max-width: 1000px) {
	#billingAdresseFs {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	#shippingAdresseFs {
		width: 100%;
		float: none;
	}
	#dateReqLab {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.submitButton {
	  width: 100%;
	}	
}

/* PAGE ANCIENNE COMMANDE ------------------------------------------------------------------------------------------------*/

.prevOrderLink {
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
	padding: 5px;
	color: #232937;
	height: 70px;
	overflow: hidden;
	transition: 	all 0.5s;
}
.prevOrderLinkAdmin {
	display: block;
	width: 75%;
	float: left;
	text-decoration: none;
	margin-bottom: 10px;
	padding: 5px;
	color: #232937;
	height: 70px;
	overflow: hidden;
	transition: 	all 0.5s;
}
.cancelLink {
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	color: #f00;
	font-weight: 700;
	text-decoration: none;
	float: left;
	display: block;
	width: 19%;
	height: 80px;
	line-height: 80px;
	padding-left: 10px;

}
.cancelLink:hover {
	color: #fff;
	background-color: #f00;
}
.prevOrderTitle {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
#orderPage .prevOrderLink:hover, #orderPage .prevOrderLinkAdmin:hover {
	background-color: #38B7FF;
	color: #FFF;
	transition: 	all 0s;	
}

.prevInfoLines{
	margin: 0 2% 0 0;
	width:19%;
	float:left;
}
.prevTimeLine{
	width:20%;
	padding: 0 2% 0 0;
	height:90px;
	float:left;
}

.smallTitle {
	font-weight:400;
	font-size:12px;
}
@media screen and (max-width: 950px) {
	.prevInfoLines{
		margin: 0 2% 0 0;
		width:23%;
		float:left;
	}
	.prevTimeLine{
		width:23%;
		padding: 0 2% 0 0;
		height:90px;
		float:left;
	}
}
@media screen and (max-width: 700px) {
	.prevInfoLines{
		margin: 0 2% 0 0;
		width:13%;
		float:left;
	}
	.prevTimeLine{
		width:26%;
		padding: 0 2% 0 0;
		height:90px;
		float:left;
}
}
@media screen and (max-width: 550px) {
	.prevOrderLink {
		height: 200px;
		border-bottom: 1px solid #ddd;
	}
	.prevInfoLines{
		margin: 0 0 0 0;
		width:100%;
		float:left;
		height: 90px;
	}
	.prevTimeLine{
		width:30%;
		padding: 0 3% 0 0;
		height:90px;
		float:left;
	}
}
/* Page Sommaire ------------------------------------------------------------------------------------------------*/

.sumHead {
	height: 50px !important;
	border-top: 1px solid #CCC;
	font-size: 12px;
	font-weight: 400;
	padding: 30px 5px 0 5px;
}
.sumHeadCode {
	height: 50px;
	width: 28%;
	margin: 0 2% 0 0;	
	float: left;
}
.sumHeadItem {
	height: 50px;
	width:13%;
	margin: 0 2% 0 0;
	float: left;
	overflow: hidden;
	word-break: keep-all;	
}
.sumHeadItemIcon {
	height: 50px;
	width:8%;
	margin: 0 2% 0 0;
	float: left;
}
.sumHeadItemTitle {
	height: 50px;
	width:13%;
	margin: 0 2% 0 0;
	float: left;
}
.sumListLine {
	height: 80px;
	padding: 0 5px;
	margin-bottom: 5px;
}
.sumCode {
	height: 80px;
	line-height: 80px;
	font-size: 12px;
	width: 28%;
	margin-right: 2%;	
	float: left;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.sumItem {
	height: 80px;
	line-height: 80px;
	width:13%;
	margin: 0 2% 0 0;
	float: left;
	overflow: hidden;
	word-break: keep-all;	
}
.sumItemIcon {
	height: 80px;
	line-height: 80px;
	width:8%;
	margin: 0 2% 0 0;
	float: left;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,.3));
}
.sumItemTitle {
	height: 80px;
	line-height: 80px;
	font-weight: 400;
	width:13%;
	margin: 0 2% 0 0;
	float: left;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;	
}
.sumItem a {
	display: block;
	height: 50px;
	width: 100%;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #38B7FF;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 15px 0 25px 0;
	transition: all 0.5s;
	opacity: 0.5; 
}
.sumItem a:hover {
	background-color: #277FB2;
	transition: all 0s;
	opacity: 1;
}
.last {
	margin-right: 0;
}
.sumImage {
	display: block;
	width: 80px;
	height: 80px;
}
@media screen and (max-width: 950px) {
	.sumHeadCode, .sumCode {
		display: none;
	}
	.sumItem, .sumHeadItem {
		width: 16%;
	}
	.sumItemIcon, .sumHeadItemIcon {
		width: 10%;
	}
	.sumItemTitle, .sumHeadItemTitle {
		width: 33%;
	}		
}
@media screen and (max-width: 800px) {
	.sumItem, .sumHeadItem {
		width: 14%;
	}
	.sumItemIcon, .sumHeadItemIcon {
		width: 12%;
	}
	.sumItemTitle, .sumHeadItemTitle {
		width: 33%;
	}		
}
@media screen and (max-width: 700px) {
	.sumItem, .sumHeadItem {
		width: 16%;
	}
	.sumItemIcon, .sumHeadItemIcon {
		width: 14%;
	}
	.sumItemTitle, .sumHeadItemTitle {
		width: 26%;
	}
}
@media screen and (max-width: 550px) {
	.sumListLine {
		height: 140px;
		border-bottom: 1px solid #ddd;
	}
	#quotListItemLine {
		height: 160px;
		border-bottom: 1px solid #ddd;
		padding-top: 10px;
	}	
	.sumHeadItem, .sumHeadItemTitle, .sumHeadItemIcon {
		display: none;
	}
	.sumItemIcon {
		width: 20%;
		margin-right: 1%;
	}
	.sumItemTitle {
		height: 20px;
		line-height: 20px;
		width: 77%;
		display: block;
	}
	.last {
		display: block;
		width: 77%;
	}
	.sumHead {
		display: none;
		height: 0;
		border-top: none;
	}
	.sumItem a {
	}
	#qty, #nme {
		margin-top: 5px;
		height: 20px;
		line-height: 20px;
		display: inline-block;		
	}
	#quotListItemLine #qty, #quotListItemLine #nme {
		margin-top: 5px;
		height: 30px;
		line-height: 30px;
		display: inline-block;		
	}	
	#qty {
		width: 27%;
	}
	#nme {
		width: 47%;
	}	
	#qty:before {
		content: "Quantity: ";
		font-size: 10px;
		font-weight: 400;
	}
	#nme:before {
		content: "Name: ";
		font-size: 10px;
		font-weight: 400;
	}

}
@media screen and (max-width: 500px) {
	.sumListLine {
		height: 240px;
	}
	#quotListItemLine {
		height: 280px;
	}	
	.sumItemIcon {
		width: 97%;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.sumItemTitle {
		width: 97%;
	}
	.last {
		display: block;
		width: 100%;
	}
	#qty {
		width: 29%;
	}
	#nme {
		width: 66%;
	}
	#quotListItemLine #qty {
		width: 50%;
	}
	#quotListItemLine #nme {
		width: 97%;
	}	
}
/* PAGE CONTACT ------------------------------------------------------------------------------------------------*/

.contactCenter {
	text-align: center;
	padding: 0 10%;
}
.underline {
	border-top: 1px solid #CCC;
	margin-bottom: 30px;
}
.contactColumn {
	float: left;
	text-align: center;
	width: 26%;
}
.contactColumnPad {
	float: left;
	width: 11%;
	height: 20px;
	display: inline-block;
	
}
#infoContact {
	max-width: 1400px;
	position: relative;
	padding: 50px 0;
	overflow: auto;
}
.contactTitle { font-style: italic; }
#infoContact a, .contactCenter a {
	text-decoration: none;
	font-weight: 400;
	color: #152338;
	transition: 	all 0.5s;
}
#infoContact a:hover, .contactCenter a:hover {
	color: #38B7FF;
	transition: 	all 0s;
}
@media screen and (max-width: 800px) {
	.contactColumn {
		float: none;
		text-align: center;
		width: 76%;
		margin: 0 10%;
		padding: 20px 2% 20px 2%;
		border-bottom: 1px solid #CCC;
	}
	.contactColumnPad {
		float: none;
		display: none;
	}
	#infoContact {
		padding: 30px 0 50px 0;
	}
	.underline {
		border-top: 0;
		margin-bottom: 30px;
	}	
}


/* PAGE DE CONNEXION ------------------------------------------------------------------------------------------------*/

#loginContent { padding-bottom: 71px; }
#loginForm {
	max-width:400px;
	padding: 20px;
	margin: 111px auto 0 auto;
	background-color: rgba(35,41,55,0.65);
	position: relative;
}
#loginForm label {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	color: #FFF;
	font-weight: 400;
	text-transform: uppercase;
}
.inputBox {
  text-align: center;
  display: block;
  margin-bottom: 15px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  height: 50px;
  width: 100%;
}
.inputBox:focus, .inputBox.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #FFF;
}
.loginButton {
  font-weight: 700;
  margin-top: 35px;
  display: block;
  height: 50px;
  width: 100%;
  background: #38B7FF; 
  border: 0 none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  transition: all 0.5s;
}
.loginButton:hover {
  background: #277FB2;
  transition: all 0s;
}
#errormsg {
	width: 440px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 400;
	color: #FF0;
	margin: 20px auto 0 auto;
	background-color: rgba(255,0,0,0.65);
}
#errormsgEmpty {
	width: 440px;
	height: 40px;
	margin: 20px auto 0 auto;
	background-color: transparent;
}
@media screen and (max-width: 800px) {
	#loginContent {
		padding-bottom: 11px;
	}
	#loginForm{
		margin: 71px auto 0 auto;
	}
}
@media screen and (max-width: 550px) {
	#loginContent {
		padding-bottom: 0px;
	}
	#loginForm{
		margin: 42px auto 0 auto;
	}	
}


/* PAGE CHOIX HOTEL ------------------------------------------------------------------------------------------------*/

#selectHotel {
	width: 385px;
	position: relative;
	margin-top: 20px;
	text-align: center;
	background-color: #e9ebec;
	color: #002B41;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#selectHotel #ligneTitre h1 {
	position: relative;
	top: 0px;
	left: 0px;
	color: #002B41;
	width: 385px;
}
#selHotelFormLine {	
	position: relative;
	width: 795px;
	height: 76px;
	top: 0px;
	left: 0px;
}
#selectHotel #fieldsetSelectHotel {
	width: 345px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height: 76px;
}
#selectHotel #simulHotel {
	position: relative;
	width: 300px;
	height: 34px;
	line-height: 34px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	border: none;
}
#selectHotel #selHotelBtn {
	position: relative;
	width: 43px;
	height: 34px;
	float: left;
	border: none;
	margin-bottom: 10px;
	clear: right;
}