@charset "utf-8";
/* CSS Document */

/***********************/
/********GENERAL********/
#main-container, body {
	background: #f7f7f7 none repeat scroll 0 0;
}
#main-container {
	border: 0 none;
	padding: 0;
}
#product-container a, #product-container abbr, #product-container acronym, #product-container address, #product-container applet, #product-container article, #product-container aside, #product-container audio, #product-container b, #product-container big, #product-container blockquote, #product-container canvas, #product-container caption, #product-container center, #product-container cite, #product-container code, #product-container dd, #product-container del, #product-container details, #product-container dfn, #product-container dl, #product-container dt, #product-container em, #product-container embed, #product-container fieldset, #product-container figcaption, #product-container figure, #product-container footer, #product-container form, #product-container h1, #product-container h2, #product-container h3, #product-container h4, #product-container h5, #product-container h6, #product-container header, #product-container hgroup, #product-container i, #product-container iframe, #product-container img, #product-container ins, #product-container kbd, #product-container label, #product-container legend, #product-container li, #product-container mark, #product-container menu, #product-container nav, #product-container object, #product-container ol, #product-container output, #product-container p, #product-container pre, #product-container q, #product-container ruby, #product-container s, #product-container samp, #product-container section, #product-container small, #product-container span, #product-container strike, #product-container strong, #product-container sub, #product-container summary, #product-container sup, #product-container table, #product-container tbody, #product-container td, #product-container tfoot, #product-container th, #product-container thead, #product-container time, #product-container tr, #product-container tt, #product-container u, #product-container ul, #product-container var, #product-container video {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
#product-container article, #product-container aside, #product-container details, #product-container figcaption, #product-container figure, #product-container footer, #product-container header, #product-container hgroup, #product-container menu, #product-container nav, #product-container section {
	display: block;
}
#product-container *, #product-container *::after, #product-container *::before {
	box-sizing: border-box;
}
#product-container *:active, #product-container *:focus {
	border: medium none;
	outline: 0 none;
}
#product-container .product-section .section-header>[class*="icon"], #product-container .product-header>[class*="icon"] {
  background: #3c3c3b none repeat scroll 0 0;
  color: #fff;
  font-size: 50px;
  height: 90px;
  left: -60px;
  line-height: 90px;
  position: absolute;
  text-align: center;
  top: 50px;
  width: 90px;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
/*****************************************/
/****************HEADER*******************/

#product-container .product-header {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	padding: 60px;
}
#product-container .product-header h1 {
	font-family: MuseoSlab-900;
	font-size: 30px;
	line-height: 1.3;
	text-transform: uppercase;
	color: #383838;
}
#product-container .product-header h1.noCustom {
  background: none;
  height: auto;
  text-indent: 0px;
  width: auto;
}
#product-container .product-header h2 {
	font-family: MuseoSlab-700;
	line-height: 1.3;
	color: #383838;
	font-size: 22px;
	margin-top: 40px;
	margin-bottom: 30px;
}
#product-container .product-header h3 {
	color: #00a6d4;
	font-family: MuseoSlab-500Italic;
	font-size: 20px;
	line-height: 1.3;
}
#product-container .product-header p {
	color: #383838;
	font-size: 20px;
	font-family: MuseoSans-300;
}

#product-container .product-header p.info-importante {
	color:#fabb00;
	font-size:20px;	
}
#product-container .product-header p.info-importante .icon {
	font-size: 32px;
    vertical-align: middle;
}
#header {
	background: #fff none repeat scroll 0 0;
	border-bottom: 5px solid #fabc0b;
	height: 165px;
}
/********************************************/
/****************CONTENEUR*******************/

#product-container h1 {
	color: #3e3d40;
	font-family: MuseoSlab-900;
	font-size: 26px;
	line-height: 1.3;
}
#product-container h2 {
	color: #3e3d40;
	font-family: MuseoSans-300;
	font-size: 21px;
	line-height: 1.3;
}
#product-container h3 {
  color: #3e3d40;
  font-family: MuseoSans-700;
  font-size: 21px;
  line-height: 1.3;
}

.countdown strong {
	color:#fabc0b;
}
/*******************************************************/
/*********************POPUP MODAL***********************/

.modal-content {
	padding: 33px 22px 0 20px;	
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

h3.modal-title {
    margin: 0;
    line-height: 1;
    font-size: 22px;
    color: #383838;
	text-transform: none;
	font-family: 'MuseoSans-700';
}

.modal-body {
    position: relative;
    padding: 15px!important;
    margin-top: 10px;
}

.modal-footer {
    border-top: none;
}

.modal-footer .green,
.modal-footer .yellow {
    color: #fff;
}

/*******************************************************/
/***************** PRODUCT SECTION *********************/

#product-container .product-section {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	margin: 30px 0;
	background-color:#fff;
}
#product-container .product-section h2 {
	margin-top: 10px;
}
#product-container .product-section h3 {
	margin-top: 50px;
}

#product-container .section-content p {
	color: #3e3d40;
	font-family: MuseoSans-300;
	font-size: 16px;
	line-height: 1.3;
	margin-top: 10px;
}
#product-container .section-content a {
	color: #00addd;
	font-family: MuseoSlab-500Italic;
}
#product-container .section-content a:hover {
	color: #000000;
}
#product-container .section-content h3 {
  color: #3e3d40;
  font-family: MuseoSans-500;
  font-size: 33px;
}
#product-container .section-content h4 {
  color: #3e3d40;
  font-family: MuseoSans-700;
  font-size: 16px;
  margin-top: 20px;
}
/*****************************************************/
/******************STYLE EN PLUS *********************/

#product-container .align-left {
	text-align: left;
}
#product-container .align-right {
	text-align: right;
}
#product-container .align-center {
	text-align: center;
}
#product-container .bg-lightgrey {
	background-color: #fafafa;
}
#product-container .bg-white {
	background-color: #fff;
}
#product-container sup {
	font-size: 0.8em;
	padding: 0 0 0 2px;
	vertical-align: initial;
}
#product-container table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************/
/**********************CHOIX DES DATES*****************/
 #parcelDelivery .button-blue:hover, .md-button.ng-binding:hover, #parcelDelivery .button-blue:focus,
  #parcelDelivery .button-style:focus {
    color: #00a6d4!important;
    background-color: #fff!important;
    border-color: #00a6d4!important;
}


#product-container .section-content .results-items .buttonStyle {
    width: 100%;
    font-size: 13px;
    font-family: 'MuseoSans-300';
	background-color: #f7f7fb;
    color: #9d9b9b;
    font-weight: normal;
	margin-bottom:20px;
	border: 1px solid #dedede;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
	padding: 20px;
}
 
#product-container .section-content .results-items .is-active {
    color: #ffffff!important;
    background-color: #00a6d4!important;
    border-color: #00a6d4!important;
	font-weight:bold !important;
}

.buttonStyle {
    border-style: solid;
    border-width: 1px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 20px 0 0;
    border-radius: 2px;
}
.aStyle, .buttonStyle {
    text-decoration: none;
    cursor: pointer;
}

#product-container .section-content .validation-button .buttonStyle {
	width: 67%;
    font-size: 21px;
    font-family: 'MuseoSans-300';
    background-color: #D0D0D0;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
}
/*****************************************************/
/****************ANNULATION PICKUP********************/
header.product-header .validation-button {
    padding: 0 !important;
    margin: 0 !important;
} 

header.product-header .validation-button .button-blue {
    padding: 15px !important;
    font-size: 19px !important;
}

header.product-header .validation-button .button-blue:hover {
	border-color:#008bbb;
}

/*****************************************************/
/******************RECAP COMMANDE*********************/

#recapitulatif-infos
{
	background-color:#fabb00;
	margin:0px;
	padding: 23px;
}

#recapitulatif-infos .icon {
	background: #3c3c3b none repeat scroll 0 0;
	color: #fff;
	font-size: 29px;
	height: 38px;
	text-align: center;
	width: 38px;
	float: left;
	padding-top: 4px;
	margin-right: 10px;
}

#recapitulatif-infos p {
	font-size: 15px;
	line-height: 20px;
	margin-left: 55px;
}

/*****************************************************/
/********************DIVERS ECRANS********************/
@media (min-width: 768px) {
.modal-sm {
    width: 480px;
}
}
@media only screen and (max-width: 768px) {
#product-container .product-section {
	padding: 0 0 20px;
}
#product-container .section-content h3 {
    font-size: 20px;
  }
#product-container .product-section>[class*="icon"] {
	display: none;
}
#product-container .product-section h1, #product-container .product-section h2, #product-container .product-section h3 {
	margin: 20px 20px 0 0;
}

#promo-section {
	padding: 50px 60px !important;
	position: relative !important;
}
#product-container .product-section .section-content h3 {
	margin: 20px 20px 0;
}

#header {
	height: 228px;
}
#product-container .product-header {
	padding: 30px;
}
#product-container .product-header h1 {
	color: #3e3d40;
}
#product-container .product-header h2 {
	font-size: 20px;
	color: #3e3d40;
}
#product-container .product-header h3 {
	font-size: 20px;
}

#product-container h1 {
	font-size: 24px;
	color: #3e3d40;
}
#product-container h2 {
	font-size: 14px;
}
#product-container h3 {
    font-size: 14px;
}

/**************RECAP COMMANDE PETITS ECRANS*****************/
#recapitulatif-infos
{
	background-color:#fabb00;
	margin:0px;
	padding: 10px 23px;
}

#recapitulatif-infos .recap-infos-commande {
	border-bottom:1px solid #4F4F4F;
	padding:20px 0;
}

#recapitulatif-infos .recap-infos-commande:last-child {
	border-bottom:none;
}
#product-container .product-section .section-content
{
	padding: 20px 40px;
}


}

@media screen and (min-width: 768px) and (max-width: 978px) {
#header {
	height: 205px;
}
}

@media screen and (min-width: 979px) and (max-width: 1199px) {
#header {
	height: 185px;
}
}

@media only screen and (min-width: 1200px) {
#header {
	height: 165px;
}
}