/*  ============================================================================
    IMPORTS
    ========================================================================== */
@import url(reset.css);
@import url(simplegrid.css);
@import url(social-icon.css);
@import url(font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);

/*  ============================================================================
	GENERAL BASE BY Keven Ouellet
	========================================================================== */

.ui-datepicker-title select 		{ padding: 3px !important; font-size:16px !important; }

html								{ font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; height: 100%; color:#444; }
body								{ font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; height: 100%; color:#444;  }

.cke_editable  						{ padding: 20px; min-height: 400px; }
.cke_editable table.no-border		{ border: 1px dotted #D3D3D3; }
.cke_editable table.no-border tr td	{ border: 1px dotted #D3D3D3; }
.cke_editable table.no-border tr th	{ border: 1px dotted #D3D3D3; }
.cke_editable .ckeditor ul,
.cke_editable .ckeditor ol 			{ padding-left: 30px; margin-bottom: 30px; }

.ckeditor img 						{ max-width: 100%; height: auto !important; margin: 20px; }
.ckeditor img.half 					{ max-width: 50%; height: auto !important; margin: 20px; }
.ckeditor img.tier 					{ max-width: 33%; height: auto !important; margin: 20px; }
.ckeditor img.quarter 				{ max-width: 25%; height: auto !important; margin: 20px; }

.ckeditor table img  				{ margin: 0px; }


/*  ============================================================================
    Positions
    ========================================================================== */

.clear                              { display: block; clear: both; overflow: hidden; height:0; margin:0; padding: 0; }
.align-left                         { float:left; margin-right: 20px; }
.align-right                        { float:right; margin-left: 20px; }
.align-center                       { text-align: center; }
.full                               { width:100%; }

.fixed 								{ position: fixed; }
.left 								{ text-align: left; }
.right 								{ text-align: right; }
.center 							{ text-align: center; margin-left: auto; margin-right: auto; }

.inline 							{ display: inline; }
.inline-block 						{ display: inline-block; }
.block 								{ display: block; }

/*  ============================================================================
	TYPOGRAPHY
	========================================================================== */

h1									{ font-size: 34px; line-height: 44px; margin-bottom: 10px; }
h2									{ font-size: 28px; line-height: 34px; margin-bottom: 10px; }
h3									{ font-size: 22px; line-height: 28px; margin-bottom: 10px; }
h4									{ font-size: 18px; line-height: 26px; margin-bottom: 10px; }
h5									{ font-size: 17px; line-height: 22px; margin-bottom: 10px; }

h2.group-title						{ display: inline-block; border-bottom: 4px solid #FFC836; width: 35%; }

.ckeditor ul						{ list-style: disc; padding: 0; padding-left: 30px; }
.page-wrapper img 					{ width: auto !important; height: auto !important; }

::-moz-selection					{ background: #000000; color: #fff; text-shadow: none; }
::selection							{ background: #000000; color: #fff; text-shadow: none; }

i, em								{ font-style: italic; }
strong, b							{ font-weight: bold; }

p									{ font-size: 16px; line-height: 24px; margin-bottom: 15px; color:#3a3a3a; }
p.spacer							{ padding: 20px; }
p.spacer-large						{ padding: 40px;  }
p.section-title						{ text-transform: uppercase; clear: both; margin-bottom: 30px; min-height: 40px; font-weight: bold; color:#0A0094; background-image: url(../images/line-title.gif); background-repeat: no-repeat; background-position: bottom left; }
p.sub-section-title					{ text-transform: uppercase; border-bottom: 1px solid #eee; font-weight: 700; }

small								{ font-size: 14px; }

img									{ max-width:100%; }

sub, sup 							{ font-size: 12px; } 
sub 								{ vertical-align: sub; } 
sup 								{ vertical-align: super; }

blockquote,
cite								{ border-left: 3px solid #e7e9ec; padding: 0 0 0 16px; margin: 30px 0 30px 30px; }


/*  ============================================================================
	LISTS
	========================================================================== */

ol,
ul									{ list-style: disc; padding: 0; margin: 0 0 20px 25px; }
ul.square							{ list-style: square; }
ul ul,
ol ol 								{ margin-bottom:0; }
ol									{ list-style: decimal;  }
ul.alt 								{ margin: 0 0 20px 0; }
ul.alt li 							{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0 0 -1px 0; padding: 5px 5px 5px 20px; list-style: none;  }

ul.inline 							{ list-style: none; }
ul.inline li 						{ background-color: #333333; color:#FFF; display: inline-block; padding: 5px 10px; }

/*  ============================================================================
	LINKS & BUTTONS
	========================================================================== */

a									{ color:#444444; text-decoration: underline; }
a:hover								{ color:#0053a0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

a.read-more						 	{ padding: 5px 12px; margin: 10px 0; background-color: #333333; color:#FFF; text-decoration: none; display: inline-block; }
a.read-more:hover					{ background-color: #000000; text-decoration: none; }

a.more							 	{ padding: 13px 18px; margin: 10px 0; background-color: #141414; color:#FFF; text-decoration: none; display: inline-block; }
a.more:hover						{ background-color: #000000; text-decoration: none; }

a.button 							{ background-color:#e61873; color:#FFF; padding: 15px 20px; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; }
a.button:hover 						{ background-color: #000; }

/*  ============================================================================
	TABLES
	========================================================================== */

table								{ width: 100%; margin-bottom: 30px; border: 1px solid #D3D3D3; }
table tr td							{ display: table-cell; padding: 10px; vertical-align: top; border: 1px solid #D3D3D3; }
table tr th						 	{ display: table-cell; padding: 10px; vertical-align: top; font-weight: bold; text-align: left; border: 1px solid #D3D3D3; }

table.no-border,
table.no-border tr td,
table.no-border tr td 				{ border:none; }

table.border						{ width: 100%; margin-bottom: 12px; border: 1px solid #D3D3D3; }
table.border tr td					{ display: table-cell; padding: 5px 10px; vertical-align: top; border: 1px solid #D3D3D3; }
table.border tr th				 	{ display: table-cell; padding: 5px 10px; vertical-align: top; font-weight: bold; text-align: left; border: 1px solid #D3D3D3; }

/*  ============================================================================
	FORMS
	========================================================================== */
  
input[type=text],
input[type=password]
input[type=search],
input[type=url],
input[type=tel],
input[type=date],
input[type=email],
input[type=file],
input[type=time],
input[type=number],
input[type=range],
input[type=color],
textarea							{ font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; width: 100%; padding: 10px 15px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

input[type=radio] 					{ width: auto !important;  }
input[type=checkbox] 				{  }

input[type=submit] 					{ padding: 13px 28px; color:#FFF; transition: 0.5s; background-color: #5bb85d; border: none; border-bottom: 3px solid #639f63; cursor: pointer; font-size: 18px; line-height: 18px; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type=submit]:hover 			{ background-color: #35B737; }

input:focus,
textarea:focus 						{ border: 1px solid #35B737; }

textarea							{ min-height: 150px; resize: vertical; }
select								{ font-size: 16px; width: 100%; padding: 10px 15px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
option								{ width: 100%; }

span.help 							{ display: inline-block; position: relative; }
span.help .fa 						{ padding: 3px; font-size:18px; cursor: pointer;  }
span.help:hover .fa					{ color:#1C1C1C; }
span.help:hover span.help-text 		{ opacity: 1; visibility: visible; text-align: center; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;  }
span.help-text 						{ opacity: 0; visibility: hidden; position: absolute; top:100%; left:0; background-color: #333333; padding: 8px 10px 5px 10px; font-size:14px; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* JS ADD ICON TO SPECIFIC INPUT (script.js) */
.has_icon 							{ position: relative; }
.has_icon .input-icon 				{ position: absolute; top:9px; left:15px; }
.has_icon input 					{ padding-left: 44px; }


/*  ============================================================================
    BREADCRUMBS
    ========================================================================== */

.ariane                             { font-size: 15px; margin-bottom: 10px; }
.ariane a                           { font-size: 15px; display: inline-block; text-decoration: none; }
.ariane a:after                     { font-family: "FontAwesome"; content:"\f105"; padding: 0 8px; font-weight: 900; }

/*  ============================================================================
    LINKS
    ========================================================================== */

.links                              { margin: 5px 0; }
.links a                            { display: inline-block; padding: 2px 13px; border:1px solid #efefef; }
.links .current_page                { display: inline-block; padding: 2px 13px; border:1px solid #efefef; background-color: #f5f5f5; }

/*  ============================================================================
    MESSAGES & ERRORS
    ========================================================================== */

.message                            { padding: 20px 20px 20px 50px; position: relative; margin-bottom: 20px; color: #ffffff; background-color: #AFAFAF; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);  box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0); }
.message p 							{ margin: 1px 0 0 0; font-size:16px; line-height: 20px; }

.error 								{ background-color:#ec3d3c; }
.error:before 						{ font-family: "FontAwesome"; content:"\f06a"; padding: 0 10px 0 0; font-size: 26px; position: absolute; top:23px; left:16px; }
.error p 							{ color:#FFF; }

.success 							{ background-color:#3dc55d; }
.success:before 					{ font-family: "FontAwesome"; content:"\f00c"; padding: 0 10px 0 0; font-size: 26px; position: absolute; top:23px; left:16px;  }
.success p 							{ color:#FFF; }

.notif 								{ background-color:#D3D3D3; }
.notif:before 						{ font-family: "FontAwesome"; content:"\f0f3"; padding: 0 10px 0 0; font-size: 26px; position: absolute; top:23px; left:16px;  color:#3F3F3F; }
.notif p 							{ color:#3F3F3F; }

.warning 							{ background-color:#efaa33; }
.warning:before 					{ font-family: "FontAwesome"; content:"\f06a"; padding: 0 10px 0 0; font-size: 26px; position: absolute; top:23px; left:16px;  color:#3F3F3F; }
.warning p 							{ color:#3F3F3F; }

input.missing,
textarea.missing,
select.missing 						{ border: 2px solid #FF3B38; background-color: #FFCECE; }
.missing 							{ color: #FF3B38; }

.alert-error 						{ background-color:#ec3d3c; }

.js-error 							{ position: fixed; bottom:0; left:0; padding: 30px; background-color: #F25C00; color:#FFF; width: 100%; text-align: center; z-index: 1000; }

/*  ============================================================================
    HEADER
    ========================================================================== */

.top 								{ background-color: #2B2B2B; }
.top-zone 							{ margin-bottom: 0; }
.top p.store-title 					{ color:#FFF; margin: 3px 0; font-size: 14px; }

.logo 								{ background-color: #FFF; }
.logo-zone 							{ margin-bottom: 0; }

.top-nav 							{ background-color: #0A0094; overflow-y: visible; margin-bottom: 5px; }
.top-nav-content 					{ margin-bottom: 0; }

.show-overflow 						{ overflow: visible; }

nav#main-nav 								{  }
nav#main-nav ul 							{ list-style: none; padding: 0; margin: 0; }
nav#main-nav ul li 							{ display: inline-block; position: relative; }
nav#main-nav ul li a						{ display: block; color:#FFC836; text-transform: uppercase; text-decoration: none; padding: 10px; font-weight: 700; }
nav#main-nav ul li a:hover,
nav#main-nav ul li a.current 				{ background-color: #2B2B2B; }

/* Affichage du sous menu */
nav#main-nav ul li:hover > ul      			{ visibility: visible; opacity: 1; }
nav#main-nav ul li:hover > a      			{ color:#FFF; }

nav#main-nav ul li:hover a					{ background-color: #2B2B2B; }

nav#main-nav ul ul 							{ visibility: hidden; opacity: 0; z-index: 101; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; position: absolute; top:100%; left:0px; padding-left: 0; width: 240px; }
nav#main-nav ul ul li 						{ margin: 0; padding: 0; display: block; background-color:#2B2B2B; position: relative; }
nav#main-nav ul ul li a 						{ padding: 0; font-weight: normal; font-size:14px; line-height:18px; display: block; color:#FFF; padding: 10px 14px 10px 10px; border-bottom: 1px solid #474747; }
nav#main-nav ul ul li a:hover 				{ background-color: #444444; }

nav#main-nav ul ul li:hover > ul      		{ visibility: visible; opacity: 1; }

nav#main-nav ul ul ul 						{ visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; position: absolute; top:0; left:100%; padding-left: 0; width: 240px; }
nav#main-nav ul ul ul li 					{ margin: 0; padding: 0; display: block; background-color:#2B2B2B; position: relative; }
nav#main-nav ul ul ul li a 					{ padding: 0; font-weight: normal; display: block; color:#FFF; padding: 10px 14px 10px 10px; border-bottom: 1px solid #474747; }

nav#main-nav ul li a.arrow-down:after 		{ font-family: "FontAwesome"; content:"\f107"; padding-left: 5px; }
nav#main-nav ul li a.arrow-right:after 		{ font-family: "FontAwesome"; content:"\f105"; padding-left: 10px; float: right; }

/* MOBILE NAV BUTTON */
#menuburger  						{ display: none; position: fixed; top:44px; right:20px; background: none; font-size: 22px; z-index:10; border:0; padding: 8px 13px; cursor: pointer; background-color: #FFF; }



/*  ============================================================================
	GENERAL 
	========================================================================== */

.call-to-actions 					{ margin-bottom: 0; }
.call-to-actions .fa				{ font-size:54px; color:#fabb13; float: left; padding: 0 10px 0 0; }
.call-to-actions a.phone 			{ padding-top: 16px; padding: 8px 20px; border: 2px solid #B7B7B7; margin-top: 10px; display: block; background-color: #EDEDED; }
.call-to-actions a.phone:hover 		{ background-color: #0053a0; color:#FFF; border: 2px solid #00417A; }
.call-to-actions a.phone span		{ display: block; font-size:12px; }
.call-to-actions a.phone			{ text-decoration: none; font-size:26px; color:#0A0094; font-weight: bold; }
.call-to-actions .appointment 		{ float:right; display: inline-block; background-color: #0A0094; color:#fff; text-decoration: none; padding: 10px 14px; margin-top: 36px;  }
.call-to-actions .appointment:hover { background-color: #01468C; }

.contact-info p.name 				{ text-transform: uppercase; color:#0A0094; font-size:24px; font-weight: 700; }
.contact-info p.address 			{ color:#0A0094; }
.contact-info a.mail 				{ color:#0A0094; }
.contact-info a.tel 				{ text-decoration: none; color:#0A0094; font-size:30px; font-weight: 700; }
.contact-info a.tel .fa 			{ margin-right: 8px; color:#fdb827; }
table img 							{ max-width: 100%; width: auto !important; height: auto !important; }

.savetime 							{ margin-bottom: 0; margin-top: 4px; }

.no-pad 							{ padding: 0; }
.no-margin 							{ margin: 0; }

.loading-bar 						{ display: none; }

.share 								{ padding-top:50px; }
.share-buttons a					{ width:15%; text-align: center; display: inline-block; padding: 5px 10px; color:#FFF; margin-bottom: 5px; }
.share-buttons .facebook 			{ background-color: #3B5998;  }
.share-buttons .twitter 			{ background-color: #55ACEE;  }
.share-buttons .google-plus 		{ background-color: #DD4B39;  }
.share-buttons .tumblr 				{ background-color: #2C4762;  }
.share-buttons .pinterest 			{ background-color: #CB2027;  }
.share-buttons .linked-in 			{ background-color: #0077b5;  }

.share-buttons .facebook:hover 		{ background-color: #32508C;  }
.share-buttons .twitter:hover 		{ background-color: #409CDD;  }
.share-buttons .google-plus:hover	{ background-color: #D13C2B;  }
.share-buttons .tumblr:hover 		{ background-color: #233E59;  }
.share-buttons .pinterest:hover 	{ background-color: #C1171C;  }
.share-buttons .linked-in:hover 	{ background-color: #00679B;  }

.job-preview-content 			{ border: 1px solid #AAAAAA; margin-bottom: 30px; padding: 20px; }
.job-publication-date 			{ float: right; font-size:15px; }
.job-type 						{ padding: 5px 10px; color:#232323; background-color: #FFAB26; display: inline-block; }
.apply-form 					{ border: 1px solid #AAAAAA; margin-bottom: 30px; padding: 20px; background-color: #E5E5E5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="file"] 				{ font-size: 16px; width: 100%; padding: 10px 15px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/*  ============================================================================
    HOMEPAGE
    ========================================================================== */

.slider 							{ position: relative; overflow:hidden;  }
.slider .name 						{ position: absolute; bottom:25%; left:20%; z-index:3; }
.slider .name p.type-autopro 		{ color:#FFF; font-weight: 700; font-size:22px; text-transform: uppercase; text-shadow: 0px 4px 3px rgba(0,0,0,0.8), 0px 8px 13px rgba(0,0,0,0.6), 0px 18px 23px rgba(0,0,0,0.6); }
.slider .name h1 					{ color:#FFF; font-weight: 700; font-size:42px; text-transform: uppercase; text-shadow: 0px 4px 3px rgba(0,0,0,0.8), 0px 8px 13px rgba(0,0,0,0.6), 0px 18px 23px rgba(0,0,0,0.6); }
.slider ul 							{ margin: 0; }
.slider .rslides img 				{ border-bottom: 5px solid #eab82a; width: 100%; }

.slider .flyer-intro 				{ width: 450px; height: 80px; background-color: #eab82a; position: absolute; bottom:6px; left:20%; z-index:3; cursor: pointer; }
.slider .flyer-intro:hover 			{ background-color: #274b93; }
.slider .flyer-intro img 			{ position: absolute; bottom:0px; left:0; }
.slider p.flyer-title 				{ position: absolute; bottom:0px; right:30px; color:#FFF; z-index: 3; font-size:20px; font-weight: 700; }

.rslides1_nav 						{ position: absolute; top:45%; z-index:2; padding: 14px; font-size:30px; color:#FFF; text-decoration: none; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); }
.rslides1_nav.prev 					{ left:0; }
.rslides1_nav.next 					{ right:0; }

.day								{ padding: 5px 0; border-bottom: 1px solid #C9C9C9; }
.day:last-of-type 					{ border:0; }
.day_name 							{ width: 120px; float: left; }

p.news-title 						{ font-size:18px; font-weight: 700; margin-bottom: 0; }
p.news-title a 						{ text-decoration: none; }
p.news-intro 						{ border-bottom: 1px solid #D6D6D6; margin-bottom: 30px; padding-bottom: 30px; }

.service 							{ position: relative; }
.service p.service-title 			{ position: absolute; top:45%; left: 0; width: 100%; text-align: center; font-size:34px; line-height: 38px; font-weight: bold; color:#FFF; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); }

.newsletter 						{ background-color: #FFC836; }
.promotions 						{ background-color: #262626; }
.catalog 							{ background-color: #0A0094 ; }
.promos-zone  						{ padding: 20px; cursor: pointer; min-height: 180px; }
.promos-zone:hover 					{ background-color: #141414; }
.promos img.icon 					{ float:left; margin: 0 20px 0 0; }
p.promos-title 						{ color:#FFF; text-transform: uppercase; font-size:24px; font-weight: 700; }
p.promos-desc 						{ color:#FFF; font-size:16px;  }

ul.home-news-list 					{ margin: 0 0 30px 0;  }
ul.home-news-list li				{ list-style: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #CECECE; }
ul.home-news-list li a 				{ font-size: 16px; font-weight: bold; }

ul.home-news-list span.date 		{ display: block; font-size:13px; }

footer ul.home-news-list 			{ margin: 0 0 30px 0;  }
footer ul.home-news-list li			{ list-style: disc; margin-bottom: 5px; padding-bottom: 5px; border:none; }
footer ul.home-news-list li a 		{ font-size: 16px; font-weight: bold; }

footer ul.home-promo-list 			{ margin: 0 0 30px 0;  }
footer ul.home-promo-list li		{ list-style: disc; margin-bottom: 5px; padding-bottom: 5px; border:none; }
footer ul.home-promo-list li a 		{ font-size: 16px; font-weight: bold; }

.napa-ba-1 							{ margin: 40px 0 20px 0; }
.napa-ba-2 							{ margin: 20px 0 20px 0; }

header 								{ border-bottom: 1px solid #004996; }

table.days 							{ border: none; }
table.days tr.day td 				{ border: none; padding: 5px 10px; border-bottom: 1px solid #C9C9C9; }
table.days tr.current-day td 		{ background-color: #DDDDDD; border: none; }


.homepage iframe 				{ margin: 0px; }
.contact-page a.tel 			{ font-size:26px; line-height: 36px; text-decoration: none; }

.news-preview 					{ border: 1px solid #D1D1D1; margin-bottom: 30px;}
.news-preview:hover 			{ border: 1px solid #1A83CE; cursor: pointer; }
.news-preview-content 			{ padding: 20px;  }
.news-preview-image 			{ width: 400px; height: 250px; float: left; margin-right: 30px; background-position: center center; background-size: cover; }
.news-clear 					{ clear: both; margin: 0; padding: 0; }

.news-title 					{ font-size: 34px; line-height: 40px; }
.img-news 						{ width: 40%; margin: 0 40px 40px 0; float: left; }

.promotions-preview 			{ border: 1px solid #D1D1D1; margin-bottom: 30px;}
.promotions-preview:hover 		{ border: 1px solid #1A83CE; cursor: pointer; }
.promotions-preview-content 	{ padding: 20px;  }
.promotions-preview-image 		{ width: 400px; height: 250px; float: left; margin-right: 30px; background-position: center center; background-size: cover; }
.promotions-clear 				{ clear: both; margin: 0; padding: 0; }

.promotions-title 				{ font-size: 34px; line-height: 40px; }
.img-promotions 				{ width: 40%; margin: 0 40px 40px 0; float: left; }

.promotion-valid 				{ padding: 10px 20px; font-size:18px; background-color: #fabb13; color:#000000; font-weight: bold; margin-bottom: 20px; display: inline-block; }

.videos-preview 				{ border: 1px solid #D1D1D1; margin-bottom: 30px;}
.videos-preview:hover 			{ border: 1px solid #1A83CE; cursor: pointer; }
.videos-preview-content 		{ padding: 20px;  }
.videos-preview-image 			{ width: 400px; height: 250px; float: left; margin-right: 30px; background-position: center center; background-size: cover; }
.videos-clear 					{ clear: both; margin: 0; padding: 0; }

.videos-title 					{ font-size: 34px; line-height: 40px; }
.img-videos 					{ width: 40%; margin: 0 40px 40px 0; float: left; }

.pagination 					{ padding: 20px 0; text-align: center; }
.page-link 						{ display: inline-block; padding: 3px 10px; margin-right: 2px; text-decoration: none; border:1px solid #D3D3D3; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.page-link:hover,
.page-link.current 				{ background-color: #D3D3D3; color:#000; }

.certifications-list 			{  }
.certifications-list .certification  { width: 200px; margin: 10px; float: left;	}

.lang 							{ color:#FFF; text-decoration: none; float: right; }
.lang:hover 					{ color:#FFF; text-decoration: underline; }

.nav-fonc 						{ float: right; }
.nav-fonc ul 					{ list-style: none; margin: 0; padding: 0; }
.nav-fonc ul li 				{ display: inline-block; }
.nav-fonc a 					{ color:#FFF; text-decoration: none; }
.nav-fonc a:hover				{ color:#eab82a; text-decoration: none;}

.categories 					{ background-color: #E2E2E2; }
.parts-categ 					{ display: block; padding: 12px; text-align: center; background-color: #0A0094; color:#FFC836; text-decoration: none; }
.parts-categ img 				{ width: 70%;  }
.parts-categ:hover 				{ background-color: #0e01c4; }
.parts-categ-name 				{ display: block; color:#FFC836; font-size:18px; }

.home-news 						{ border: 1px solid #AAAAAA; margin-bottom: 20px; }
.home-news-content 				{ padding: 15px; }
.home-news-title 				{ font-size:20px; line-height: 28px; font-weight: bold; margin-bottom: 10px; }
a.see-all 						{ padding: 10px 20px; text-align: center; display: block; text-decoration: none; border: 1px solid #0A0094; background-color: #0A0094; color:#FFC836; }
a.see-all:hover 				{ background-color: #1004b3; }

.top-alert 						{ position: relative; top:0; left:0; width: 100%; border-bottom: 3px solid #CE9400; background-color: #fabb13; }
.top-alert h2 					{ font-size:16px; line-height: 18px; font-weight: bold; margin-bottom:10px; }
.top-alert p 					{ font-size:15px; margin: 0 }
.top-alert-content				{ padding: 8px 30px; text-align: center; }

.top-cta 						{ text-align: right; padding-top:10px; }
.top-cta .tel 					{ display: block; font-size:24px; font-weight: bold; margin-top: 10px; text-decoration: none; }
.top-cta .tel .fa 				{ margin-right: 8px; color:#fdb827; }

.form-cv 						{ border: 1px solid #494949; padding: 15px; }

table.responsive,				
table.responsive tr td			{ border: none;}

/*  ============================================================================
    DIVERS
    ========================================================================== */

#back-top 							{ position: fixed; bottom: 20px; right:20px; }
#back-top a 						{ font-size:26px; width: 34px; height: 34px; display: block; text-align: center; color:#777777; }
#back-top a:hover					{ color:#A3A3A3; }

#loading 							{ z-index: 1000000; display: none; text-align: center; position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.85); }
#loading img 						{ max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }



/*  ============================================================================
    Media queries
    ========================================================================== */

/* XXLARGE SCREEN */
@media only screen and (max-width : 1680px) {
	.slider .name 						{ bottom:32%; }
	.slider .name p.type-autopro 		{ font-size:20px; margin-bottom: 5px; }
	.slider .name h1 					{ font-size:38px; }
	
	.promos img.icon 					{ width: 70px; }
	p.promos-title 						{ font-size:20px; }

}

/* XLARGE SCREEN */
@media only screen and (max-width : 1440px) {
	.promos img.icon 					{ width: 50px; }
	.promos 							{ margin-bottom: 0; }
}

/* LARGE SCREEN */
@media only screen and (max-width : 1280px) {
	.slider .name 						{ bottom:36%; }
	header nav ul li a					{ padding: 12px 6px; font-size:15px; }
}

/* MEDIUM SCREEN */
@media only screen and (max-width : 1024px) {
	.slider .name 						{ display: none; }
}

/* INTER SCALE */
@media only screen and (max-width : 960px) {
	#menuburger                 	 	{ display: block; position: fixed; top:30px; right:0px; background: none; font-size: 22px; z-index:10; border:0; padding: 8px 13px; cursor: pointer; background-color: #FFF; }
	header nav 							{ display: none; float:none; position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: #2B2B2B; z-index:9; padding-top: 50px; overflow: scroll; }
	header nav ul						{ display: block; padding: 0; }
	header nav ul li					{ display: block; padding: 0; margin-left: 0px; text-align: center; }
	header nav ul li a					{ display: block; padding-bottom: 0px; padding: 12px; font-size:18px; background-color:#2B2B2B; border-bottom: 1px solid #3F3F3F; }
	header nav ul li a:hover 			{ color:#fcb827; }
	
	header nav ul ul 					{ visibility: visible; opacity: 1; width: 100%; position: relative; left:0; top:0; }
	header nav ul ul li 				{ margin: 0; padding: 0; display: block; background-color:#2B2B2B; }
	header nav ul ul li a 				{ padding: 0; font-weight: normal; display: block; color:#FFF; line-height: 20px; padding: 18px; border-bottom: 1px solid #3F3F3F; }
	header nav ul ul li a:before 		{ content:""; padding-right: 0px; }
	
	nav ul li a.arrow-down:after 		{ font-family: "FontAwesome"; content:""; padding-left: 0; }
	nav ul li a.arrow-right:after 		{ font-family: "FontAwesome"; content:""; padding-left: 0; float: none; }
	
	.news-preview-image 					{ width: 250px; height: 250px; }
	.promotions-preview-image 				{ width: 250px; height: 250px; }
	.videos-preview-image 					{ width: 250px; height: 250px; }
	
	.certifications-list .certification  	{ width: 44%; margin: 3%; float: left;	}
}

/* SMALL SCREEN */
@media only screen and (max-width : 768px) {
	.call-to-actions .phone 			{ padding: 6px 0; }
	.slider 							{ overflow: visible; position: relative; }
	.slider .flyer-intro 				{ width: 100%; height: 80px; position: relative; bottom:0; left:0; }
	.slider .flyer-intro img 			{ display: none; }
	.slider p.flyer-title 				{ position: relative; bottom:0; right: 0; width: 100%; text-align: center; padding-top: 12px; }
	
	.news-image 						{ width: 100%; margin: 0; float:none; }
	.news-image-large 					{ width: 100%; margin: 0; }
	.news-content 						{ margin-left: 0; }
	iframe 								{ max-width: 100%; height: auto; }
	.logo 								{ text-align: center; }
	table.responsive tr td				{ display: block; width: 100%; }

}

/* INTER SCALE */
@media only screen and (max-width : 640px) {
	.top p.store-title 					{ padding-right: 40px; }
	
	.news 								{ margin: 0; padding: 0; margin-bottom: 15px; border:none; }
	.news-image 						{ width: 100% !important; float:none; }
	.news-content 						{ margin-left: 0; }
	
	.promotions 						{ margin: 0; padding: 0; margin-bottom: 15px; border:none; }
	.promotions-image 					{ width: 100% !important; float:none; }
	.promotions-content 				{ margin-left: 0; }
	
	.videos 							{ margin: 0; padding: 0; margin-bottom: 15px; border:none; }
	.videos-image 						{ width: 100% !important; float:none; }
	.videos-content 					{ margin-left: 0; }
	
	h1									{ font-size: 24px; line-height: 30px; }
	h2									{ font-size: 22px; line-height: 28px; }
	h3									{ font-size: 18px; line-height: 24px; }
	h4									{ font-size: 16px; line-height: 20px; }
	h5									{ font-size: 15px; line-height: 20px; }
	
	.news-preview-image 				{ width: 100%; height: 280px; margin: 0 0 20px 0; }
	.promotions-preview-image 			{ width: 100%; height: 280px; margin: 0 0 20px 0; }
	.videos-preview-image 				{ width: 100%; height: 280px; margin: 0 0 20px 0; }	
	
	.ckeditor img 						{ max-width: 100%; width: 100%; height: auto; margin: 15px; }
	
	.product-preview 					{ width: 49%; margin-right: 1%; }
	.product-preview-image 				{ height: 200px; }
}

/* XSMALL SCREEN */
@media only screen and (max-width : 479px) {
	.category_link 						{ height:auto !important; padding: 15px !important; }
	.sidebar_categ 						{ display: none; }
	
	.item .item-image 					{ float:none;  max-width: none; margin: 10px; }
	.item .item-wrap					{ padding-left: 0; }
}