/****************************************************************************************************/
/************************************** GÉNÉRAL *****************************************************/
/****************************************************************************************************/

.flex.cart_navigation,
.flex.submit,
.flex.navigation_bottom {	margin: 2em 0 0 !important}
.flex.cart_navigation .btn ,
.flex.submit .btn,
.flex.navigation_bottom .btn {	margin: 0 0.5em}
.flex.cart_navigation .btn:first-child,
.flex.submit .btn:first-child,
.flex.navigation_bottom .btn:first-child {	margin-left: 0}
.flex.cart_navigation .btn:last-child,
.flex.submit .btn:last-child,
.flex.navigation_bottom .btn:last-child {	margin-right: 0}
form > .form_content >.flex.content_between.items_center {	margin: 0 0 1em}


/****************************************************************************************************/
/************************************** ACCUEIL *****************************************************/
/****************************************************************************************************/

#home_info {
	margin: 200px auto 4em;
	overflow:hidden;
	padding: 0}
	
	@media (max-width: 768px) {
		#home_info {	margin: 4em auto 4em}
	}
	
#home_info > .container {	padding: 4em 10px}
#home_info > .container > #info_block > .no_flex {	margin: 0 0 5em}
#home_info > .container > #info_block > .no_flex:nth-child(2),
#home_info > .container > #info_block > .no_flex:nth-child(n+4),
#home_info > .container > #info_block > .no_flex:nth-child(3) > .flex > .container_flex:not(.slarge) {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset}
#home_info > .container > #info_block h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#home_info > .container > #info_block p {
	line-height: 1.6em;
	margin: 0 0 1em}
#home_info > .container > #info_block h2 {
	font-size: 1.4em;
	margin: 0 0 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}
#home_info > .container > #info_block > .no_flex > h2 {	margin-left: 3em}
#home_info > .container > #info_block h3 {
	margin: 0 0 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase;
	min-height: 2.42em}
#home_info > .container > #info_block > .no_flex > #ozone_info > #virtual_view {
	min-height: 50vh;
	width: 67%;
	text-align: center;
	overflow:hidden;
	box-shadow: 0 1px 3px rgba(25,25,25,0.5)}
#home_info > .container > #info_block > .no_flex:nth-child(4) > .flex > .container_flex {
	margin-top: 2em !important;
	padding: 1em 0 0.5em;
	border-top: 4px solid rgba(24, 24, 24, 0.15)}
	
	@media (max-width: 1024px) {
		#home_info > .container > #info_block > .no_flex > #ozone_info > .container_flex.small,
		#home_info > .container > #info_block > .no_flex > #ozone_info > #virtual_view,
		#home_info > .container > #info_block > .no_flex:nth-child(4) > .flex > .container_flex		{	
			width: 100%;
			margin: 0}
		#home_info > .container > #info_block > .no_flex > #ozone_info > #virtual_view {	margin-top: 5em}
		#home_info > .container > #info_block > .no_flex:nth-child(4) > .flex > .container_flex:nth-child(n+2) {	margin-top: 2em !important}
	}
	
#home_info > .container > #info_block > .no_flex > #ozone_info > #virtual_view > iframe {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	transition: all 0.3s linear}
#home_info > .container > #info_block > .no_flex > #ozone_info > #virtual_view > span.absolute {	background-color: rgba(0,0,0,0.6)}
#home_info > .container > #info_block > .no_flex > #ozone_info > #virtual_view > span#info_visite {
	color: #fafafa;
	font-size: 0.8em;
	top: 1em;
	right: 0;
	padding: 0.5em 0.5em 0.3em;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	transition: all 0.3s linear}
#home_info > .container > #info_block >  p.align_center {	text-align: center}
#home_info > .container > #info_block >  p  > img {
	max-height: 9em}
#home_info > .container > #info_block > #banniere_index {	margin: 4em 0 0}
#home_info > .container > #info_block > #banniere_index > ul {
	padding: 0.5em}
#home_info > .container > #info_block > #banniere_index > ul  > li {
	font-size: 0.9em;
	margin: 0 5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}
#home_info > .container > #info_block > #banniere_index > ul > li:first-child {	margin-left: 0}
#home_info > .container > #info_block > #banniere_index > ul > li:last-child {	margin-right: 0}

/* #home_info > .container > #info_block > #banniere_index > ul > li:after{	
	content: '...';
	margin-left: 3px;
	font-size: 0.8em}
#home_info > .container > #info_block > #banniere_index > ul > li:first-child:before{	
	content: '...';
	margin-right: 3px;
	font-size: 0.8em} */
#home_info > .container > #info_block > #store_info {
	margin: 8em 0 0;
	display: none}
#home_info > .container > #info_block > #store_info em:before{
	font-family: 'FontAwesome';
	font-size: 2em;
	background-color: #3897d1;
	color: #fafafa;
	padding: 0.7em 0.3em 0;
	display: inline-block;
	margin: 0;
	width: 2em;
	height: 2em;
	border-radius: 50%}
#home_info > .container > #info_block > #store_info .icon-truck:before{	content: '\f0d1'}
#home_info > .container > #info_block > #store_info .icon-phone:before{	content: '\f095'}
#home_info > .container > #info_block > #store_info .icon-credit-card:before{	content: '\f09d'}
		
#index .columns_container > #columns > #center_column > .no_flex {	    background: #fafafa}
#store_product > .container > span.absolute {
	background: #f4eeea;
	border-radius: 3px}
#store_product > .container > span.top {
	top: 25%;
	left: 0;
	right: 0;
	bottom: auto;
	height: 4px}
#store_product > .container > span.left {
	top: 25%;
	left: 0;
	right: auto;
	bottom: 25%;
	width: 4px}
#store_product > .container > span.right {
	top: 25%;
	left: auto;
	right: 0;
	bottom: 25%;
	width: 4px}
#store_product > .container > span.bottom {
	top: auto;
	bottom: 25%;
	left: 0;
	right: 0;
	height: 4px}
#store_product > .container > span.moving {	
	background: rgba(56, 151, 209, 0.5);
	box-shadow: 0 0 3px rgba(56, 151, 209, 0.5);
	animation: span_moving 20s infinite}
	
	@keyframes span_moving {
		0% {
			top: 25%;
			left: 0;
			bottom: auto;
			width: 4px;
			height: 4px;
			}	
		12.5% {
			top: 25%;
			left: 0;
			bottom: auto;
			width: 100%;
			height: 4px}			
		25% {
			top: 25%;
			left: calc(100% - 4px);
			bottom: auto;
			width: 4px;
			height: 4px}
		37.5% {
			top: 25%;
			left: calc(100% - 4px);
			width: 4px;
			height: 50%}
		50% {
			top: calc(75% - 4px);
			left: calc(100% - 4px);
			width: 4px;
			height: 4px}
		62.5% {
			top: calc(75% - 4px);
			left: 0;
			width: 100%;
			height: 4px}
		75% {
			top: calc(75% - 4px);
			left: 0;
			width: 4px;
			height: 4px}
		87.5% {
			top: 25%;
			left: 0;
			width: 4px;
			height: 50%}
		100% {
			top: 25%;
			left: 0;
			width: 4px;
			height: 4px}
	}
	
#store_product > .container > #home_product > li {
	overflow: hidden;
    margin: 0 4%;
    background: #fafafa;
    border: 4px solid #f4eeea;
    padding: 0.3em;
	border-radius: 3px;
	transition: all 0.3s linear}
	
	@media (max-width: 1024px) {
		#store_product > .container > #home_product > li {	margin-bottom: 2em}
	}
	
#store_product > .container > #home_product > li:hover {
	border-color: rgba(56, 151, 209, 0.5);
	box-shadow: 0 0 3px rgba(56, 151, 209, 0.5);
    transition: all 0.3s linear}
#store_product > .container > #home_product > li > img {	
	max-width: 100%;
	margin: 0 auto;
	z-index: 2}
#store_product > .container > #home_product > li > h3 {
	font-size: 1.2em;
	margin: 1em 0 0.5em;
	font-weight: normal;
    display: inline-block;
    padding: 0 0.5em 0.3em;
	letter-spacing: 1px}
#store_product > .container > #home_product > li > p.absolute {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0}
#store_product > .container > #home_product > li > p.absolute > a {
	display: block;
	height: 100%;
    width: 100%;
	border: none;
	text-decoration: none}
#store_product > .container > #home_product > li > .no_flex {
	color: #ababab;
	text-align: center;
	padding: 1.5em 0.5em;
	margin-left: 33%;
	z-index: 4}
#store_product > .container > #home_product > li > div > h3 {
	font-size: 1.7em;
	margin: 1em 0 2em !important;
	font-weight: normal;
    display: inline-block;
    padding: 0 0.5em 0.3em;
	letter-spacing: 1px}
#store_product > .container > #home_product > li > div > p {
	line-height: 1.5em;
	width: 66%;
	margin: 0 auto}
#store_product > .container > #home_product > li > div > p.absolute{
	bottom: 4%;
	left: 0;
	right: 0;
	width: auto;
	z-index: 2}


/****************************************************************************************************/
/************************************** PRODUIT *****************************************************/
/****************************************************************************************************/

#product section > .container {	padding: 4em 10px}	
#product .first_section > .container > div > .flex,
#product .first_section > .container > div > .no_flex {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#product .first_section > .container > div > .flex > .container_flex.xxlarge,
#product .first_section > .container > div > .no_flex {
	margin: 2em 0 0}
	

/****************************************************************************************************/
/************************************ ORDER-STEP ****************************************************/
/****************************************************************************************************/
 .first_section > .container > .flex > .container_flex.xsmall > .flex,
 .first_section > .container > #noSlide > .flex > .container_flex.xsmall > .flex {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#order .first_section > .container > .flex > .container_flex.xsmall > .flex > .master,
#order .first_section > .container > #noSlide > .flex > .container_flex.xsmall > .flex > .master {
	height: 100%;
	width: 0;
	margin: 0}
.no_flex#order_step {	margin: 0}
.no_flex#order_step > li {	
	margin: 0 0 0.5em;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase;
	font-size: 1em;
	position: relative}
.no_flex#order_step > li.step_current:before {
	content: '►';
	position: absolute;
	left: -2em;
	text-align: center;
	font-size: 0.7em}
	
	
/****************************************************************************************************/
/************************************ ORDER-CART ****************************************************/
/****************************************************************************************************/

#order .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#order .first_section > .container > .flex > .container_flex > .cart_last_product,
#order .first_section > .container > .flex > .container_flex > .no_flex {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#order .first_section > .container > .flex > .container_flex > .cart_last_product {	margin: 2em 0 0}
#order .first_section > .container > .flex > .container_flex > .cart_last_product > h3 {	
	margin: 0 0 1em;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase;
	font-size: 1em;
	position: relative}
#order .first_section > .container > .flex > .container_flex > .cart_last_product a {	text-decoration: underline}
/* #order .first_section > .container > h1 { */
	/* font-size: 2em; */
	/* line-height: 1.3em; */
	/* color: #3398d0; */
	/* margin: 0 0 3em; */
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	/* letter-spacing: 1px; */
	/* text-shadow: 0 1px 1px #000} */
#order .first_section > .container > .flex > .container_flex > .no_flex > .flex > .container_flex > ul {	border: 1px dashed #cecece}
#order .first_section > .container > .flex > .container_flex > .no_flex > .flex > .container_flex > ul > li {	
	margin: 0 0 0.5em;
	padding: 0 0.5em}
#order .first_section > .container > .flex > .container_flex > .no_flex > .flex > .container_flex > ul > li:first-child {
	margin: 0 0 1em;
	padding: 0.5em 0.5em 0.3em;
	border-bottom: 1px dashed #cecece;
	background: #fafafa}
#order .first_section > .container > .flex > .container_flex > .no_flex > .flex > .container_flex > ul > li:last-child {
	margin: 0.5em 0 0;
	padding: 0 0.5em 0.5em}
#order .first_section > .container > .flex > .container_flex > .no_flex > .flex > .container_flex > ul > li > h3 {
	margin: 0;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}
#order .cart_total_tax  td{	
	font-size: 0.8em;
	font-style: italic}
	
	@media (max-width: 768px) {
		#order .first_section > .container > .flex > .container_flex > .cart_last_product {	display: none}
	}
	
	
/****************************************************************************************************/
/*********************************** ORDER-ADDRESS **************************************************/
/****************************************************************************************************/

#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex + .flex {	margin: 2em 0 0}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > .flex {	margin: 1em 0 0}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > .flex > label {	cursor: pointer}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > ul {	border: 1px dashed #cecece}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > ul > li {	
	margin: 0 0 0.5em;
	padding: 0 0.5em}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > ul > li:first-child {
	margin: 0 0 1em;
	padding: 0.5em 0.5em 0.3em;
	border-bottom: 1px dashed #cecece;
	background: #fafafa}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > ul > li:last-child {
	margin: 0.5em 0 0;
	padding: 0 0.5em 0.5em}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > ul > li > h3 {
	margin: 0 0 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase;
	font-size: 1em}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > ul > li > a > span > i {	display: none}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > textarea {	min-height: 8em}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > .container_flex > .waitimage {
	display: none;
	width: 24px;
	height: 24px;
	background-image: url(../../../img/loader.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% - 12px)}
	
	
/****************************************************************************************************/
/*********************************** ORDER-CARRIER **************************************************/
/****************************************************************************************************/

#order .first_section > .container > .flex > .container_flex > .no_flex > form > .no_flex > .no_flex > label {
	display: block;
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px dashed #cecece;
	cursor: pointer}
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex {	margin: 2em 0 0 }
#order .first_section > .container > .flex > .container_flex > .no_flex > form > .flex > label > a {	text-decoration: underline}


/****************************************************************************************************/
/*********************************** ORDER-PAYMENT **************************************************/
/****************************************************************************************************/

#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex {	margin: 2em 0 0 }
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex {
	display: block;
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px dashed #cecece;
	cursor: pointer}
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > #order-detail-content + .flex > .no_flex {	margin: 0}
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex:nth-child(n+2) {	border-left: none}
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .container_flex > a > span {
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase;
	font-size: 1em;
	display: inline-block;
	min-height: 2.25em}
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex > a > span ,
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex > a > em {
	display: block;
	margin: 0 0 1em}
#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex > a > em {
	font-size: 0.8em;
	font-style: italic}
#module-bankwire-payment .first_section > .container > .flex > .container_flex > h1,
#module-bankwire-payment .first_section > .container > .flex > .container_flex > .no_flex,
#module-cheque-payment .first_section > .container > .flex > .container_flex > h1,
#module-cheque-payment .first_section > .container > .flex > .container_flex > .no_flex {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#module-bankwire-payment .first_section > .container > h1,
#module-cheque-payment .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
	
	@media (max-width: 1024px) {
		#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .container_flex.xsmall {	width: 23%}
	}
	@media (max-width: 768px) {
		#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .container_flex.xsmall,
		#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > #order-detail-content + .flex > .no_flex		{	
			width: 100%;
			margin: 0 0 1em}
		#order .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex:nth-child(n+2) {	border: 1px dashed #cecece}
	}
	
	
/****************************************************************************************************/
/********************************* ORDER-CONFIRMATION ***********************************************/
/****************************************************************************************************/

#order-confirmation .first_section > .container > .flex > .container_flex > h1,
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#order-confirmation .first_section > .container > .flex > .container_flex > h1 {
	padding: 0.5em;
	font-size: 1.5em;
	margin: 0 0 2em}
#order-confirmation .first_section > .container> .flex > .container_flex  > h1:first-letter{
	color: #3398d0;
	font-size: 1.2em}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > ul {	margin-left: 4em}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > ul > li {	
	margin: 0 0 0.5em;
	padding-left: 2em;
	position: relative}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > ul > li:before {	
	content: '›';
	position: absolute;
	left: 0}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > p {	line-height: 1.3em}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > p a {	text-decoration: underline}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex {	margin: 2em 0 0 }
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex {
	display: block;
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px dashed #cecece;
	cursor: pointer}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex:nth-child(n+2) {	border-left: none}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex > a > span ,
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex > a > em {
	display: block;
	margin: 0 0 1em}
#order-confirmation .first_section > .container > .flex > .container_flex > .no_flex > .paiement_block > .flex > .no_flex > a > em {
	font-size: 0.8em;
	font-style: italic}


/****************************************************************************************************/
/********************************** AUTHENTICATION **************************************************/
/****************************************************************************************************/

#authentication .first_section > .container > h1,
#authentication .first_section > .container > #noSlide > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#authentication .first_section > .container > .flex > .container_flex > .flex > .container_flex,
#authentication .first_section > .container > .flex > .container_flex > form,
#authentication .first_section > .container > #noSlide > .flex > .container_flex > form  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#authentication .first_section > .container > .flex > .container_flex > h1,
#authentication .first_section > .container > #noSlide  > .flex > .container_flex > h1 {
	padding: 0.5em;
	font-size: 1.5em;
	margin: 0 0 2em}
#authentication .first_section > .container  > .flex > .container_flex  > .flex form h2 {
	font-size: 1.4em;
	margin: 0 0 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}
#authentication .first_section > .container  > .flex > .container_flex  > form h3,
#authentication .first_section > .container  > #noSlide > .flex > .container_flex  > form h3 {
	margin: 0 0 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}
#authentication .first_section > .container .flex > .container_flex > form > .flex > .container_flex > .flex,
#center_column #account-creation_form .flex {margin: 0.5em 0 0}
#authentication .first_section > .container > .flex > .container_flex > form > .flex > .container_flex > .flex select.btn,
#authentication .first_section > .container > #noSlide > .flex > .container_flex > form > .flex > .container_flex > .flex select.btn {	width: 100%}
#authentication .first_section > .container > .flex > .container_flex > form > .flex > .container_flex > .flex_checkbox > .container_flex.xxlarge,	
#authentication .first_section > .container > #noSlide > .flex > .container_flex > form > .flex > .container_flex > .flex_checkbox > .container_flex.xxlarge {	
	text-align: justify;
	margin-top: 1em !important;
	font-size: 0.85em}
#authentication .first_section > .container > .flex > .container_flex > form > .flex > .container_flex > .flex_checkbox > div,
#authentication .first_section > .container > #noSlide > .flex > .container_flex > form > .flex > .container_flex > .flex_checkbox > div {	
	width: 24%;
	text-align: center}
#authentication .first_section > .container > .flex > .container_flex > form  label > a,
#authentication .first_section > .container > #noSlide > .flex > .container_flex > form  label > a {}
#authentication .first_section > .container > .flex > .container_flex > form #customer_privacy,
#authentication .first_section > .container > #noSlide > .flex > .container_flex > form #customer_privacy {	display: none}
#authentication .first_section > .container > .flex > .container_flex > .alert,
#create_account_error {
	text-align: center;
	margin: 0 0 0.5em;
	color: red}
#authentication .first_section > .container > .flex > .container_flex > .alert {	margin: 0 0 3em}

	@media (max-width: 1024px) {
		#authentication .first_section > .container > .flex > .container_flex > .flex > .container_flex.medium {
			width: 100%;
			margin: 0 0 2em}
	}
	@media (max-width: 768px) {
		#authentication .first_section > .container > .flex > .container_flex form .flex > label.container_flex.medium,
		#authentication .first_section > .container > .flex > .container_flex form .flex > select.container_flex.medium,
		#authentication .first_section > .container > .flex > .container_flex form .flex > .container_flex.medium {	width: 48%}
	}
	
	
/****************************************************************************************************/
/************************************* PASSWORD *****************************************************/
/****************************************************************************************************/

#password .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#password .first_section > .container > .flex > .container_flex > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#password .first_section > .container > .flex > .container_flex > .alert {
	padding: 0.5em;
	font-size: 1em;
	margin: 0 0 2em}
#password .first_section > .container > .flex > .container_flex > .alert {
	text-align: center;
	margin: 0 0 3em;
	color: red}


/****************************************************************************************************/
/************************************** HISTORY *****************************************************/
/****************************************************************************************************/

#history .first_section > .container > .no_flex > ul > li,
#history .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#history .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#history #block-order-detail > h2 {
	font-size: 1.4em;
	margin: 0 0 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}
#history #block-order-detail {	
	margin: 2em 0;
	padding: 0.5em;
	border: 1px dashed #cecece;
	position: relative}
#history #block-order-detail > #close_block-order-detail {
	right: 0.5em;
	cursor: pointer}
#history #block-order-detail > h2 {
	border-bottom: 1px dashed #cecece;
	margin: 0 0 1em}
#history #block-order-detail > .no_flex,
#history #block-order-detail > .flex {	margin: 0 0 2em}
#history #block-order-detail > .flex > .container_flex > ul {	border: 1px dashed #cecece}
#history #block-order-detail > .flex > .container_flex > ul > li {	
	margin: 0 0 0.5em;
	padding: 0 0.5em}
#history #block-order-detail > .flex > .container_flex > ul > li:first-child {
	margin: 0 0 1em;
	padding: 0.5em 0.5em 0.3em;
	border-bottom: 1px dashed #cecece;
	background: #fafafa}
#history #block-order-detail > .flex > .container_flex > ul > li:last-child {	padding: 0 0.5em 0.5em}
#history #block-order-detail > .flex > .container_flex > ul > li > h3 {
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center}
#history #block-order-detail > .no_flex > form > .flex {	margin: 0 0 1em}
#history #block-order-detail > .no_flex > form > .flex > textarea {	min-height: 8em}


/****************************************************************************************************/
/************************************* ORDER-SLIP ***************************************************/
/****************************************************************************************************/

#order-slip .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#order-slip .first_section > .container > .no_flex > ul > li,
#order-slip .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
	
	@media (max-width: 768px) {
		#order-slip .first_section > .container > .no_flex > .table > thead {	display: initial}
		#order-slip .table-bordered > thead > tr > th,
		#order-slip .table-bordered > tbody > tr > td {
			width: calc(100% / 4);
			text-align: center;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis}
	}
	
	
/****************************************************************************************************/
/************************************** DISCOUNT ****************************************************/
/****************************************************************************************************/

#discount .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#discount .first_section > .container > .no_flex > ul > li,
#discount .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}

	@media (max-width: 768px) {
		#discount .first_section > .container > .no_flex > .table > thead {	display: initial}
		#discount .table-bordered > thead > tr > th,
		#discount .table-bordered > tbody > tr > td {
			width: calc(100% / 7);
			text-align: center;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis}
	}
	
/****************************************************************************************************/
/************************************** ADDRESSES ***************************************************/
/****************************************************************************************************/

#addresses .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#addresses .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#addresses .first_section > .container > .no_flex > p {	margin: 0 0 2em}
#addresses .first_section > .container > .no_flex > .flex > .no_flex > ul {	border: 1px dashed #cecece}
#addresses .first_section > .container > .no_flex > .flex > .no_flex > ul > li {	
	margin: 0 0 0.5em;
	padding: 0 0.5em}
#addresses .first_section > .container > .no_flex > .flex > .no_flex > ul > li:first-child {
	margin: 0 0 1em;
	padding: 0.5em 0.5em 0.3em;
	border-bottom: 1px dashed #cecece;
	background: #fafafa}
#addresses .first_section > .container > .no_flex > .flex > .no_flex > ul > li:last-child {
	margin: 0.5em 0 0;
	padding: 0 0.5em 0.5em}
#addresses .first_section > .container > .no_flex > .flex > .no_flex > ul > li > h3 {
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}


/****************************************************************************************************/
/*************************************** ADDRESS ****************************************************/
/****************************************************************************************************/

#address .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#address .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#address .first_section > .container > .alert {
	text-align: center;
	margin: 0 0 3em;
	color: red}
#address .first_section > .container > .no_flex > p {	margin: 0 0 2em}
#address .first_section > .container > .no_flex > form > .flex > .container_flex > .flex,
#address .first_section > .container > .no_flex > form > .flex > .container_flex > p {margin: 0.5em 0 0}
#address .first_section > .container > .no_flex form textarea {	min-height: 8em}

	@media (max-width: 1024px) {
		#address .first_section > .container > .no_flex > form > .flex > .container_flex  {	
			width: 100%;
			margin: 0 0 1em}
		#address .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > label.container_flex.medium,
		#address .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > select.container_flex.medium,
		#address .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > .container_flex.medium {	width: 48%}
		#address .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > .flex > .container_flex.small {
			width: 30%;
			margin: 0}
	}


/****************************************************************************************************/
/*************************************** IDENTITY ***************************************************/
/****************************************************************************************************/

#identity .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#identity .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#identity .first_section > .container > .alert {
	text-align: center;
	margin: 0 0 3em;
	color: red}
#identity .first_section > .container > .no_flex > p {	margin: 0 0 2em}
#identity .first_section > .container > .no_flex > form > .flex > .container_flex > .flex,
#identity .first_section > .container > .no_flex > form > .flex > .container_flex > p {margin: 0.5em 0 0}
#identity .first_section > .container > .no_flex form textarea {	min-height: 8em}

	@media (max-width: 1024px) {
		#identity .first_section > .container > .no_flex > form > .flex > .container_flex  {	
			width: 100%;
			margin: 0 0 1em}
		#identity .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > label.container_flex.medium,
		#identity .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > select.container_flex.medium,
		#identity .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > .container_flex.medium {	width: 48%}
		#identity .first_section > .container > .no_flex > form > .flex > .container_flex > .flex > .flex > .container_flex.small {
			width: 30%;
			margin: 0}
	}


/****************************************************************************************************/
/************************************ ORDER-FOLLOW **************************************************/
/****************************************************************************************************/

#order-follow .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#order-follow .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#history #block-order-detail {	
	margin: 2em 0;
	padding: 0.5em;
	border: 1px dashed #cecece;
	position: relative}
#history #block-order-detail > #close_block-order-detail {
	right: 0.5em;
	cursor: pointer}
#history #block-order-detail > h2 {
	border-bottom: 1px dashed #cecece;
	margin: 0 0 1em}
#history #block-order-detail > .no_flex,
#history #block-order-detail > .flex {	margin: 0 0 2em}
#history #block-order-detail > .flex > .container_flex > ul {	border: 1px dashed #cecece}
#history #block-order-detail > .flex > .container_flex > ul > li {	
	margin: 0 0 0.5em;
	padding: 0 0.5em}
#history #block-order-detail > .flex > .container_flex > ul > li:first-child {
	margin: 0 0 1em;
	padding: 0.5em 0.5em 0.3em;
	border-bottom: 1px dashed #cecece;
	background: #fafafa}
#history #block-order-detail > .flex > .container_flex > ul > li:last-child {	padding: 0 0.5em 0.5em}
#history #block-order-detail > .flex > .container_flex > ul > li > h3 {
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #595959;
	text-transform: uppercase}
#history #block-order-detail > .no_flex > form > .flex {	margin: 0 0 1em}
#history #block-order-detail > .no_flex > form > .flex > textarea {	min-height: 8em}

	@media (max-width: 768px) {
		#history #block-order-detail > .no_flex > form > .flex > label.container_flex.medium,
		#history #block-order-detail > .no_flex > form > .flex > select.container_flex.medium,
		#history #block-order-detail > .no_flex > form > .flex > .container_flex.medium {	width: 48%}	
	}


/****************************************************************************************************/
/**************************************** CONTACT ***************************************************/
/****************************************************************************************************/

#contact .first_section > .container > .alert ,
#contact .first_section > .container > .flex > .container_flex.medium {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}
#contact .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#contact .first_section > .container > .alert {
	padding: 0.5em;
	font-size: 1em;
	margin: 0 0 2em}
#contact .first_section > .container > .flex > .container_flex.medium > .no_flex.align_center {	margin: 0 0 3em}
#contact .first_section > .container > .flex > .container_flex.medium > .no_flex > img {
	max-width: 66%;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(25,25,25,0.5)}
#contact .first_section > .container > .flex > .container_flex.medium > .flex {	margin: 0 0 1em}
/* #contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex {	font-size: 1.1em} */
#contact .first_section > .container > .flex > .container_flex.medium > .no_flex.align_center:nth-child(4)  {	
	width: 66%;
	margin: 3em auto}
#contact .first_section > .container > .flex > .container_flex.medium > .no_flex.align_center > iframe {
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(25,25,25,0.5);
	min-height: 15em;
	width: 100%}
#contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex.medium > span {
	display: block;
	margin: 0 0 0.5em;
	text-align: left}
#contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex.small > i:before,
#contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex.medium > span > i:before {	margin-right: 0.5em}
#contact .first_section > .container > .flex h2 {	font-size: 1em}
#contact .first_section > .container > .flex h2:first-letter {
	color: #3398d0;
	font-size: 1.2em}
#contact .first_section > .container > .flex p {	margin: 0 0 2em}
#contact .first_section > .container > .flex form  .flex,
#contact .first_section > .container > .flex form  p {margin: 0.5em 0 0}
#contact .first_section > .container > .flex form div.uploader {
	width: 48% !important;
	height: auto !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	align-items: center !important}
#contact .first_section > .container > .flex form div.uploader span.filename,
#contact .first_section > .container > .flex form div.uploader span.action {
	width: auto !important;
	height: auto !important;
    padding: 0.5em !important;
    margin: 0 !important;
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
    background: #fafafa !important;
    color: #5f5f5f !important;
    font-size: 1.1em !important;
    border: 1px solid #e8e8e8 !important;
	cursor: pointer !important;
	font-weight: normal !important;
	line-height: 1em !important;
	float: none !important;
    border-radius: 3px !important;
    transition: all 0.3s linear !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none}
#contact .first_section > .container > .flex form div.uploader span.filename:focus,
#contact .first_section > .container > .flex form div.uploader span.action:focus {
	outline: thin dotted #333 !important;
	outline: 5px auto -webkit-focus-ring-color !important;
	outline-offset: -2px !important;
	transition: all 0.3s linear}
#contact .first_section > .container > .flex form div.uploader span.filename:hover,
#contact .first_section > .container > .flex form div.uploader span.filename:focus,
#contact .first_section > .container > .flex form .div.uploader span.action:hover,
#contact .first_section > .container > .flex form div.uploader span.action:focus {
	color: #3398d0 !important;
	text-decoration: none !important;
	transition: all 0.3s linear}
#contact .first_section > .container > .flex form div.uploader input {
	float: none !important;
	z-index: 2;
	cursor: pointer}
#contact .first_section > .container > .flex form textarea {	min-height: 15em}

	@media (max-width: 1024px) {
		#contact .first_section > .container > .flex > .container_flex.medium > .flex {	margin: 0 0 2em}
		#contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex.medium {	margin: 0}
		#contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex.medium > span {	text-align: center}
		#contact .first_section > .container > .flex > .container_flex.medium > .flex > .container_flex.medium,
		#contact .first_section > .container > .flex form .flex > label.container_flex.medium,
		#contact .first_section > .container > .flex form .flex > select.container_flex.medium,
		#contact .first_section > .container > .flex form .flex > .container_flex.medium {	width: 48%}
	}


/****************************************************************************************************/
/****************************************** 404 *****************************************************/
/****************************************************************************************************/

#pagenotfound .first_section > .container > h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #3398d0;
	margin: 0 0 3em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000}
#pagenotfound .first_section > .container > .no_flex  {
	padding: 1em 0.5em;
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(24, 24, 24, 0.3) inset;
	overflow: hidden;
    position: relative}	
	

/****************************************************************************************************/
/************************************** COOKIE NOTE *************************************************/
/****************************************************************************************************/

.closeButtonNormal:after {
	content: "\f00c";
	font-family: "FontAwesome";
	display: inline-block;
	font-size: 1em;
	color: #000;
	margin-left: 0.5em;
	cursor: pointer}
.closeButtonNormal {
	display: inline-block; 
	margin:5px;
	text-align: center;
	padding: 2px 5px;
	border-radius: 2px;
	color: #000;
	background: #fff;
	cursor: pointer}
 #cookieNotice p {
	margin: 0px;
	padding: 0px}


/****************************************************************************************************/
/********************************* HAUTEUR ÉCRAN < 768PX ********************************************/
/****************************************************************************************************/
@media screen and (max-height: 768px) and (max-width: 768px) {
	header {	position: relative}
	.first_section {	margin: 4em 0}
}
@media screen and (max-height: 460px) {
	header {	position: relative}
	.first_section {	margin: 4em 0}
	#header .cart_block dl {	display: none}
}