/*-------------------------------------------------------------------------------------------
										GLOBAL.CSS
----------------------------------------------------------------------------------------------*/
/* Display */
	.flex {
		display: flex;
	}
	.inline-block {
		display: inline-block;
	}
	.block {
		display: block;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}


	/* Positions */
	.absolute {
		position: absolute;
	}
	.relative {
		position: relative;
	}

	/* Justify Content */
	.justify-center	{
		justify-content: center;
	}
	.justify-end {
		justify-content: flex-end;
	}
	.justify-around {
		justify-content: space-around;
	}
	.justify-between {
		justify-content: space-between;
	}


	/* Margin */
	.margin-medium {
		margin-right: 2em;
	}
	.margin-left-none {
		margin-left: 0!important;
	}


	/* Width */
	.width-middle {
		width: 50%;
	}
	.width-all {
		width: 100%!important;
	}
	.flex1 {
		flex-grow: 1;
	}


	/* Align Items */
	.items-center {
		align-items: center;
	}
	.items-end {
		align-items: flex-end;
	}
	.items-start {
		align-items: flex-start;
	}
	.content-end {
		align-content: flex-end;
	}


	/* Text Alignment */
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}


	/* Flex Direction */
	.flex-col {
		flex-direction: column;
	}


	/* Text */
	.uppercase {
		text-transform: uppercase;
	}
	.underline {
		text-decoration: underline;
	}
	.font-bold {
		font-family: 'SourceSansPro Bold';
	}

	.font-light {
		font-family: 'SourceSansPro Light';
	}
	.font-semibold {
		font-family: 'SourceSansPro SemiBold';
	}
	.font-semibold-italic {
		font-family: 'SourceSansPro SemiBold';
		font-style: italic;
	}
	.font-italic {
		font-family: 'SourceSansPro Italic';
	}
	.font-black {
		font-family: 'SourceSansPro Black';
	}
	.text-line-through {
		text-decoration: line-through;
	}

	/* Color */
	.white {
		color: #ffffff;
	}
	.black {
		color: #010101;
	}

#client_inscription fieldset.civilite div label {
	float: left!important;
	width: 200px;
	padding: 0 10px 0 0;
}
#client_inscription fieldset.civilite div {
	float: none;
}
#client_inscription .info {
	float: none;
}

#achat-telechargement .heading h2 {
	color: #0d2284;
}
#achat-telechargement .product .file .download-btn {
	display: flex;
	align-items: center;
	margin: .5em auto 0 auto;
	font-size: 18px;
	line-height: 1em;
	color: #fff;
	height: 46px;
	width: max-content;
	padding: 0 3em 0 1.2em;
	border-radius: 5px;
	text-indent: 0px;
	text-transform: uppercase;
	font-family: 'SourceSansPro Black',Arial;
	background: url(../images/btn/btn-acheter-simple-LGandCo.png) no-repeat right 50% #062284;
}
#achat-telechargement .product .file .download-btn:hover {
	background-position: right 50%;
	text-decoration: underline;
}

#account {
	width: auto;
}
#account .heading {
	padding: 0 0 0 66px;
	color: #fff;
	font-weight: bold;
}
	#account .heading img {
		left: 7px;
		top: 1px;
		width: 44px;
	}

#account-menu { display: none; }
#account-menu .account-menu-access li.account-menu-deconnexion {
	height: auto;
	width: auto;
}
	#account-menu .account-menu-access li.account-menu-deconnexion a {
		text-decoration: underline;
	}

/* Consultation des commandes */
#account-content {
	width: 100%;
	margin-left: 0;
}
#account-content ol{
	margin-left: 2em;
}
			#orders{
				margin:10px 0;
				border:1px solid #f1f1f1;
			}
				#orders .entete {
					background:#020101;
					width: 100%;
					font-size: 13px;
				}
					#orders .entete li{
						width: 20%;
						padding: 0.8em 0 0.8em 3%;
						border-right: 1px solid #707070;
					}
					#orders .entete li:nth-child(2), #orders .entete li:nth-child(3) {
						width: 9%;
					}
					#orders .entete li:nth-child(4){
						width: 23%;
					}
					#orders .entete li:nth-child(5) {
						border: none;
						width: 23%;
					}


				#orders .cmdHeader {
					width: 100%;
					font-size: 13px;
				}
					#orders .cmdHeader li{
						width: 22%;
						padding: 0.5em 0;
						font-size: 13px;
					}
					#orders .cmdHeader li.cmdStatut{
						width: 21%;
						padding-left: 5%;
					}
					#orders .cmdHeader li:nth-child(2), #orders .cmdHeader li:nth-child(3) {
						width: 12%;
					}
					#orders .cmdHeader li:nth-child(5) {
						width: 26%;
					}
						#orders .cmdHeader li .order_is_valid{
							padding-left: 1.4em;
							color: #13B556;
							background:url(../images/icon/icon-dot-green.png) no-repeat 0 50%;
						}
						#orders .cmdHeader li .order_awaiting_validation, #orders .cmdHeader li .order_is_cancelled, #orders .cmdHeader li .order_is_refunded{
							padding-left: 1.4em;
							background:url(../images/icon/icon-dot-red.png) no-repeat 0 50%;
						}


			#account .cmdHeader{
				cursor: pointer;
				background:#fff;
				font-size: 14px;
			}
			#account .cmdHeader:nth-child(4n+3){
				background:#f2f2f2;
			}
				#account .cmdHeader .cmdAccess span{
					display: flex;
					align-items: center;
					margin: 0.5em auto 0 auto;
				    font-size: 11px;
				    line-height: 1em;
				    color: #fff;
				    height: 26px;
				    width: max-content;
				    padding: 0 3em 0 1.2em;
				    border-radius: 5px;
				    text-transform: uppercase;
				    font-family: 'SourceSansPro Black', Arial;
				    background: url(../images/icon/icon-arrow-white.png) no-repeat 120px 8px #a8a5a6;
				}
				#account .cmdHeader .cmdAccess span:hover{
					background-color: #000000;
				}

				#account .cmdHeader.open .cmdAccess span {
					background-position: 121px -41px;
					background-color: #000000;
				}
				

				#account .detailCmdBody .container-open{
					background:#ffffff;
					border: 12px solid #f1f1f1;
					padding: 22px 0 0 0;
				}
					#account .detailCmdBody .container-open h4{
						margin: 0 22px 0.8em 22px;
						font-size: 13px;
					}

			#account .orderHistories{
				margin: 0 22px 2em 22px;
				padding-bottom: 0.8em;
				border-bottom: 1px solid #a8a5a6;
			}
				#account .singleOrderHistoryLine{
					font-size: 13px;
				}
					#account .singleOrderHistoryLine li{
						margin: 0 1.5em 0 0;
					}
						#account .singleOrderHistoryLine li.pdf a{
							text-decoration: none;
							padding: 0 0 3px 35px; 
							min-height: 29px;
							background:url(../images/icon/icon-pdf.png) no-repeat 0% 0;
						}
							#account .singleOrderHistoryLine li.pdf a:hover span{
								text-decoration: underline;
							}
						#account .singleOrderHistoryLine li .paiement{
							color: #13B556;
						}
						#account .singleOrderHistoryLine li .validite-commande.order_is_valid{
							padding-left: 1em;
							background:url(../images/icon/icon-dot-green.png) no-repeat 0 50%;
						}
						#account .singleOrderHistoryLine li .validite-commande.order_awaiting_validation, #account .singleOrderHistoryLine li .validite-commande.order_is_cancelled, #account .singleOrderHistoryLine li .validite-commande.order_is_refunded{
							padding-left: 1em;
							background:url(../images/icon/icon-dot-red.png) no-repeat 0 50%;
						}

			#account .singleArticle{
				text-align: left;
				display: flex;
				flex-wrap: wrap;
			}
				#account .singleArticleInfos{
					margin: 0 22px 30px 22px;
				}

			#account .detailCmdBody{
				display: none;
			}

			#account .articleFournisseurNom{
				font-size: 20px;
				line-height: 1.2em;
				margin: 0.5em 0 0 0;
			}
			#account .articleDesignation{
				font-size: 14px;
				margin: 0 0 1em 0;
				color: #58585A;
			}
			#account .articleIllustrationBody{
				margin: 1em 1em 0 0;
			}

			#account .articleCodes .codeNom{
				font-size: 14px;
				margin: 0;
			}
			#account .articleCodes .codeValeur{
				font-size: 22px;
				margin: 0;
				padding: 1em;
				border: 1px solid #FFAF00;
				font-family: "sans-serif";
				word-break: break-word;
			}

			#account .commandeDateExpiration {
				font-size: 12px;
				color: #1585ff;
				margin: 0 22px 2em 22px;
			}

			#account .articleLivraison{
				margin: 0 22px 1em 22px;
			}
			#account .articleInstallation{
				margin: 3em 22px 3em 22px;
			}
				#account .articleInstallationLabel{
					margin: 0 0 1em 0;
				}
				#account .articleInstallationLabel strong{
					font-size: 14px;
					text-transform: uppercase;
					font-weight: normal;
					font-family: 'SourceSansPro Black', Arial;
				}
				#account .articleInstallationText{
					font-size: 14px;
					line-height: 20px;
				}
					#account .articleInstallationText a {
						color: #187BDB;
					}

			#account .articleDownloadLink {
				display: flex;
				align-items: center;
				margin: .5em 0 0 0;
				font-size: 18px;
				line-height: 1em;
				color: #fff;
				height: 46px;
				width: max-content;
				padding: 0 3em 0 1.2em;
				border-radius: 5px;
				text-indent: 0px;
				text-transform: uppercase;
				font-family: 'SourceSansPro Black',Arial;
				background: url(../images/btn/btn-acheter-simple-LGandCo.png) no-repeat right 50% #062284;
			}
			#account .help {
				text-align: center;
				padding: 1em 0;
				background-color: #020101;
			}
				#account .help div {
					font-size: 14px;
					color: #fff;
					min-height: 30px;
					padding-left: 3em;
					text-align: center;
					width: max-content;
					background: url(../images/icon/icon-aide-en-ligne.png) no-repeat 0 50%;
				}
				#account .help a{
					color: #FEC700;
					padding-left: 4px;
				}

			#account .subStatus{
				display: flex;
				align-items: center;
				padding: 0 1em;
				color: #ffffff;
				font-size: 13px;
				background-color: #D53943;
				width: max-content;
				margin: 0 22px 1.5em 22px;
			}


			@media (max-width: 1050px) {
				#account-content {
					width: 98%;
					margin: 0 1%;
				}
			}

			@media (max-width: 780px) {
				#account .singleOrderHistoryLine li.pdf a{
					padding: 0 0 26px 54px;
					background:url(../images/icon/icon-pdf-mobile.png) no-repeat 0% 0;
				}
				#account .singleArticleInfos, #account .articleInstallation{
					margin: 0 5% 30px 5%;
					width: 90%
				}
				#account .help {
					background-image: none;
				}
				#orders .entete li{
					width: 30%;
				}
				#orders .entete li:nth-child(2), #orders .entete li:nth-child(3) {
					width: 30%;
				}
				#orders .entete li:nth-child(4), #orders .entete li:nth-child(5) {
					display: none;
				}
				#orders .cmdHeader {
					flex-wrap: wrap;
					padding: 0.5em 0;
				}
					#orders .cmdHeader li{
						width: 33%;
						margin: 0.5em 0;
						padding: 0;
					}
					
					#orders .cmdHeader li:nth-child(2), #orders .cmdHeader li:nth-child(3) {
						width: 33%;
						border-left: 1px solid #707070;
					}
					#orders .cmdHeader li:nth-child(4), #orders .cmdHeader li:nth-child(5) {
						width: 46%;
					}
					#orders .cmdHeader li.cmdStatut div {
						width: 90%;
						height: 24px;
						font-size: 14px;
						border: 1px solid #00B15A;
						color: #00B15A;
						padding-left: 0;
						background-image: none;
						font-family: 'SourceSansPro Bold', Arial;
					}
					#orders .cmdHeader li.cmdStatut div.order_awaiting_validation, #orders .cmdHeader li.cmdStatut div.order_is_cancelled, #orders .cmdHeader li.cmdStatut div.order_is_refunded {
						border: 1px solid #D03543;
						color: #D03543;
					}
					
					#account .cmdHeader .cmdAccess span {
						border-radius: 0;
						margin-top: 0;
						text-transform: none;
						font-size: 14px;
						background-position: 142px 8px;
					}
					#account .cmdHeader.open .cmdAccess span {
						background-position: 143px -41px;
					}

					#account .articleInstallationText{
						font-size: 16px;
					}
						#account .articleInstallationText p{
							width: 98%;
							margin: 0.2em 1%!important;
						}
					#account .articleDownloadLink {
					    width: initial;
					    padding: 0 3em 0 2.2em;
					    justify-content: center;
					}

			}