/**********************************/
/* INDEX
/**********************************/
header.index						{ position:absolute; height:auto; top:0; left:0; right:0; width:100%; margin:auto; background:none; z-index:99;}

.home-banner { width:100%;}
.home-banner.mobile { display:none;}
.home-banner.desktop { display:block;}
@media only screen and (max-width: 600px) {
	.home-banner.mobile { display:block;}
	.home-banner.desktop { display:none;}
}

.bxslider li						{ height:850px; background-size:cover; background-position:center center;}
/* IMAGE CAPTIONS */
.bxslider .content 					{ height:850px; position:relative;}
.bxslider .content .bx-caption {
	position:absolute;
	bottom:45%;
	left:50%;
	transform:translateY(50%) translateX(-50%);
	/*padding-top:192px;
	padding-bottom:115px;*/
	color:#FFF;
	text-align:center;
	width: 100%;
}
.bxslider .content .bx-caption.half { width:55%;}
.bxslider .content .bx-caption.wide { width:75%;}
.bxslider .content .bx-caption .separateur				{ width:50px; height:3px; background-color:#ae162b; margin:auto}
.bxslider .content .bx-caption .separateur.blanc 		{ background-color:#FFFFFF;}
.bxslider .content .bx-caption a.btn { font-size: 1em;}

.bxslider .content .bx-caption .avengers-items { display:flex; align-items:center; margin:24px 0; }
.bxslider .content .bx-caption .avengers-items > div { padding:0 16px; text-align:left; font-size:1.2em; color:#d69f22;}

ul.shortcuts							{ overflow:hidden; position:relative; z-index:99; margin-top:-115px; margin-bottom:3em; font-family: 'Raleway', sans-serif;}
ul.shortcuts li							{ width:50%; height:377px; box-sizing:border-box; padding-top:50px; float:left; background-size:cover; background-position:center;}
ul.shortcuts li.antirouille				{  background-image:url(../../images/shortcut-antirouille.jpg);}
ul.shortcuts li.pneus					{ /*width:34%;*/  background-image:url(../../images/shortcut-pneus.jpg); color:#FFFFFF;}
ul.shortcuts li.propane					{ background-color:#F7F7F7;}
ul.shortcuts li	img						{ width:90px;}
ul.shortcuts li	.title					{ font-size:46px; margin-bottom:0.5em; margin-left:30px; margin-right:30px;}
ul.shortcuts li a.btn					{ font-size: 20px;}





/**********************************/
/* PNEUS
/**********************************/
ul.marques li							{ width:13.66%; float:left; margin:1% 1.5%}





/**********************************/
/* ANTIROUILLE
/**********************************/
img.logo-krown								{ float:right; margin-left:1em; margin-top:-10px;}
ul.avantages-krown li						{ margin-bottom:1.5em;}
ul.avantages-krown li .wrap					{  vertical-align:middle; display:table-cell; width:100%; padding:0; margin:0;}
ul.avantages-krown li div					{ display:inline-block; height:auto; vertical-align:middle;}
ul.avantages-krown li div.desc				{	width: -moz-calc(100% - 75px); width: -webkit-calc(100% - 75px); width: calc(100% - 75px); line-height:1.4em;}
ul.avantages-krown li div.bullet				{ width:45px; height:45px; line-height:45px; border-radius:50%; background-color:#FFFFFF; color:#d69f22; text-align:center; font-size:1.75em; font-weight:bold; margin-right:20px;}



/**********************************/
/* PROMOTIONS
/**********************************/
table.promotions 						{ width:100%; border-collapse:collapse; font-size:0.875em;}
table.promotions tr:nth-child(even)		{ background-color:#EEE;}
table.promotions tr:nth-child(odd)		{ background-color:#FFF;}
table.promotions th						{background-color: #ae162b; color: #FFF; padding: 1em; border-left: 2px solid #FFF; text-align:left;}
table.promotions td						{ padding:2em 1em;}
table.promotions td.montant				{ font-weight:bold; font-size:1em}
table.promotions .lien,
table.promotions .montant				{ text-align:center; white-space:nowrap;}
table.promotions .periode				{ white-space:nowrap;}
table.promotions ul.listing				{ display:none;}





/**********************************/
/* RENDEZ-VOUS EN LIGNE
/**********************************/
.form-item.heures						{ margin-top:24px; background-color:#ae162b; padding:1em; box-sizing:border-box}
.form-item.heures ul li					{ margin-top:0.75em; padding-bottom:0.75em; font-size:0.875em; overflow:hidden; border-bottom:1px solid #8e1223}
.form-item.heures ul li:last-child		{ padding-bottom:0; border-bottom:0;}

.form-item ul.raisons li				{ margin:0.5em 1em; text-align:left;}





/**********************************/
/* CARRIERE
/**********************************/
.row.technicien							{ background:url(../../images/technicien.png) no-repeat bottom right 10%; min-height:420px;}





/**********************************/
/* CONTACT
/**********************************/
table.heures							{ width:100%;}
table.heures td							{ line-height:1.4em;}