@charset "utf-8";
@import url("../webfonts/AlexBrush_Regular/stylesheet.css");

/*Fonts*/

/*Global Styles
...........................................................................*/

/*html5 display rule*/
address,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,menu,
section,summary {
	display:block;
}

aside, article, section, header, footer,nav{
	background-color: #EFEFEF;
	font-family: "Times New Roman", Times, serif;
	color: #036;
}

/************* TEXT RESIZING ISSUES *********************/
/*https://cssreset.com/*/
/*https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html#//apple_ref/doc/uid/TP40006510-SW16*/
html { /*https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust*/
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ 
}

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/*for modern browsers*/
.cf:before,.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/*ForIE 6/7 (trigger hasLayout)*/
.cf {
	zoom:1;
}

.preview a {
	display:block;
	height:100%;
}
.preview a:hover {
	border:none;
}

a.phone {
	border:none;
	color:inherit;
}

a.phone:hover {
	border:none;
	color:inherit;
	cursor:default;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #999933; 
	text-decoration: underline;
}
a:visited {
	color: #999933;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color:#005782;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

Video {
	width:100% !important;
	height: auto !important;
	margin-bottom: -9px;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 1.8em;
}

/*h1,h2,h3,h4,h5,h6 {
	font-family: georgia;
	font-weight:bold;
}

h2 {
	font-size: 1em;
}

h3 {
	font-size: 1.2em;
	color:#00557E;
}*/

.h-Center {
	Color: #00557E;
	text-align: center;
	letter-spacing: 2px;
}

p {
	color: #00557E;
	font-family: "Times New Roman", Times, serif;
	margin-left: 10px;
	font-size: 1em;
}

body {
	font: 100% "Times New Roman", Times, serif;
	margin: 0 auto;
	padding: 0;
	color: #003;
	background-color: #EFEFEF;
}

	
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	list-style-type: none;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-left: 75px;
	margin-right: 40px;
}
.float-L {
	float: left;
	clear: both;
	width: 100%;
}
/*------ Theme colors -----*/

.blue {
	color: #00557E; 
}

.darkBlue {
	color: #003;
}

.light blue {
	border: thin solid #85A5BA;
}

.lighterBlue {
	color: #006FA4;
}

.green {
	 color: #993;
}

.yellowOrange {
	color: #C93;
}
.align-L {
	text-align: left;
}
.align-L-B {
	text-align: left;
	font-weight: bold;
}
.align-R {
	text-align: right;
}

.align-C {
	text-align: center;
}

.align-C-B {
	text-align: center;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.align-J {
  text-align-last: justify;
}

.contact-H {
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.pinkHeading {
	color: #CB3398;
	border-width: thin;
	border-bottom-style: dotted;
	border-color: #003D5C;
}
.blueHeading {
	color: #00557E;
	font-weight: normal;
}

.blue-Caps-Heading {
	color: #00557E;
	font-variant: small-caps;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding-top: 22px;
}

.blueHeading-Space {
	color: #00557E;
	letter-spacing: 0.2px;
	font-size: 1.05em;
}

.extras {
	font-size: 1.3em;
	color: #003D5E;
	font-weight: bold;
	text-align: center;
}

.dots {
	color: #00274F;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: left;
}
.dots2 {
	color: #00274F;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
}

.hr-75 {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

.hr-85 {
	width: 85%;
	margin-right: 7.5%;
	margin-left: 7.5%;
	clear: both;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.carte {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	color: #003D5E;
	width: 50%;
	margin-right: 25%;
	margin-left: 25%;
	padding-bottom: 5px;
	text-align: center;
}
.aside1 hr {
	color: #005177;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.services {
	width: 20%;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.extraList .blueHeading {
	color: #003D5E;
	font-weight: bold;
	font-size: 1em;
}
.list1 .blueHeading {
	color: #003D5E;
	font-weight: bold;
}
.priceList div p .blueHeading {
	color: #003D5E;
	font-weight: bold;
}

.priceList p {
	/* [disabled]color: #00314A; */
	font-weight: bold;
	/* [disabled]letter-spacing: 1px; */
}
.extraList p {
	color: #003D5E;
	font-weight: bold;
	padding-bottom: 50px;
}


/*Mobile Styles*/

@media only screen and (max-width:480px){

body {
	width:100%;
	font-size: 100%;
	line-height: 1.8;
	margin: 0 auto;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	background-color: #011E40;	
}	

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	position: relative;
	background-color: #EFEFEF;
	margin: 0 auto;
	
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	width: 100%;
	margin: 0;
	border: medium solid #060D1D;
	background-size: 100% 100%;
	height: 275px;
	border: thin solid #003;
	background-image: url(../images/Mobile/Lave_Auto_Vaudreuil_.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.headerEng {
	width: 100%;
	margin: 0;
	border: medium solid #060D1D;
	background-size: 100% 100%;
	height: 275px;
	border: thin solid #003;
	background-image: url(../images/Mobile/Auto_Detailing_Car_Wash.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.lang {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999933;
	position: relative;
	margin-top: 40px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 4px;
	clear: both;
	font-weight: bold
}

.headerInfo {
	border-top-width: thin;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #231F20;
	border-bottom-color: #231F20;
	font-size: 90%;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	clear: both;
}

.heading-intro {
	float: left;
	clear: both;
	margin-top: 30px;
	width: 100%;
}

.headerInfo p {
	font-size: 90%;
	color: #003D5C;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
}

ul.MenuBarHorizontal {
	background-color:#FFF;
}

#MenuBar1 h2 {
	display: none;
}

.lang {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1px;
	color: #999933;
	position: relative;
	margin-top: 40px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 4px;
	clear: both;
	font-weight: bold;
	text-align: right;
}	

.lang a:hover {
	color: #999933;
	letter-spacing: 0.4px;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
.sec1 {
	float: left;
	width: 46.5%;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #003;
	padding-right: 1%;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin-left: 10px;
}
.sec2 {
	float: left;
	width: 45%;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin-left: 10px;
	margin-bottom: 30px;
}

.serviceContainer {
	display: none;
	/* [disabled]width: 98%; */
	margin: 25px auto;
}

.servicesSec1 {
	display:none;
	float: left;
	width: 23%;
	padding-left: 5%;
	padding-right: 5%;
}

.servicesSec2 {
	display:none;
	float: left;
	width: 25%;
	padding-right: 4%;
	padding-left: 4%;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #003;
	border-left-color: #003;
}
.servicesSec3 {
	display:none;
	float: left;
	width: 23%;
	padding-right: 5%;
	padding-left: 5%;
}
.gift {
	letter-spacing: 5px;
	text-align: center;
	background: #F0F0F0 url(../images/gift_.png) no-repeat 10% 80%;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	width: 90%;
	font-weight: 400;
	padding-bottom: 70px;
	float: left;
	margin-bottom: 45px;
	border-bottom: thin dotted #666;
	margin-right: 5%;
	margin-left: 5%;
	clear: both;
}

/*Start of css - mobile – falling leaves*/
.fall-special {
	position: relative;
	width: 99%;
	margin-left: .5%;
	/*height: 500px;*/
	margin-bottom: 40px;
	padding-bottom: 20px;
	/* [disabled]background: radial-gradient(#333,#e8f3f9); */
	overflow: hidden;
	justify-content: center;
	align-items: center;
	z-index: 1;
	border: 0.3px solid #908786;
	border-radius: 6px;
}

.fall-container {
	position: relative;
	z-index: 2;
	background: rgba(255,255,255,.8);
	width: 90%;
	margin-top: 15px;
	margin-left: 1.5%;
	box-shadow: 0 5px 12px rgba(0,0,0,.7);
	border-radius: 8px;
	padding: 8px;
	/*border: 2px solid #6d5f5cb8; fall border*/
	border: 2px solid #58666d;
}

.fall-auto-detailing {
	font-weight: 200;
	font-variant: normal;
	font-size: 1em;
	/*-webkit-text-stroke: .3px #000;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #303947;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
		
.fall-special .set {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.fall-special .set div {
	position: absolute;
	display :block;
}

.fall-special .set div:nth-child(1) {
	left: 20%;
	animation: animate 15s linear infinite;
	animation-delay: -7s;
}
.fall-special .set div:nth-child(2) {
	left: 50%;
	animation: animate 20s linear infinite;
	animation-delay: -5s;
}

.fall-special .set div:nth-child(3) {
	left: 70%;
	animation: animate 20s linear infinite;
	animation-delay: 0s;
}
.fall-special .set div:nth-child(4) {
	left: 0%;
	animation: animate 15s linear infinite;
	animation-delay: -5s;
}
.fall-special .set div:nth-child(5) {
	left: 85%;
	animation: animate 18s linear infinite;
	animation-delay: -10s;
}
.fall-special .set div:nth-child(6) {
	left: 0%;
	animation: animate 12s linear infinite;
}
.fall-special .set div:nth-child(7) {
	left: 15%;
	animation: animate 14s linear infinite;
}
.fall-special .set div:nth-child(8) {
	left: 60%;
	animation: animate 15s linear infinite;
}

@keyframes animate {
	0%
	{
		opacity: 0;
		top: -10%;
		transform: translatex(20px) rotate(0deg);
	}
	10%
	{
		opacity: 1;
	}
	20%
	{
		transform: translatex(-20px) rotate(45deg);
	}
	40%
	{
		transform: translatex(-20px) rotate(90deg);
	}
	60%
	{
		transform: translatex(20px) rotate(180deg);
	}
	80%
	{
		transform: translatex(-20px) rotate(180deg);
	}
	100%
	{
		top:110%;
		transform: translatex(-20px) rotate(225deg);
	}	
}
.set2 {
        transform:scale(2) rotateY(180deg);
		filter:blur(2px);
}
.set3 {
        transform:scale(0.8) rotateY(180deg);
		filter:blur(4px);
}
/*End of css - mobile – falling leaves*/

/*Start of winter special*/

.winterSpecial {
	position: relative;
	width: 100%;
	height: 500px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	background-size: cover;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	z-index: 1;
	border-bottom-width: 0.3px;
	border-bottom-style: solid;
	border-bottom-color: #132848c4;
	border-top-width: 0.3px;
	border-top-style: solid;
	border-top-color: #6d6954;
	border-radius: 6px;
	background-image: url(../images/winter_special_car_wash.jpg);
	clear: both;
	float: left;
}
 
.snow1
{
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: animateOne 12s infinite linear;
	background-image: url(../images/snow.png);
} 

.snow2
{
	background:url(../images/snow.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation:animateSecond 12s infinite linear;

} 

@keyframes animateOne
{
	0%
	{
		background-position: 0px 0px
	}

	100%
	{
		background-position: 100px 650px
	} 
}

@keyframes animateSecond
{
	0%
	{
		background-position: 0px -100px
	}

	100%
	{
		background-position: 0px 650px
	}
}

/*End of winter special*/
.menu1 {
	width: 100%;
	margin-left: auto;
	border: thin solid #727F87;
	margin-top: 5px;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	height: auto;
	background-color: #FFF;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
	font-weight: bold;
	background-color: #E8E8E8;
	clear: both;
	position: relative;
	float: left;
	
}
.priceList hr {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
}

.menu2 {
	width: 100%;
	border: thin solid #669999;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	background-color: #E8E8E8;
	margin-right: auto;
	clear: both;
	margin-left: auto;
	height: auto;
	text-align: center;
	
}
.menu3 {
	width: 100%;
	background-color: #EFEFEF;
	margin-left: 7%;
	border: thin solid #77858E;
	margin: 20px auto;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003;
	/* [disabled]height: 550px; */
	padding-bottom: 20px;
	clear: both;
	float: left;
}

.menu5 {
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	background-color: #E8E8E8;
	height: auto;
	border: thin solid #6C7880;
	width: 100%;
	position: relative;
	margin: 20px auto;
	padding-bottom: 20px;
	clear: both;
	float: left;
}

.content {
	background-color: #EFEFEF;
	width: 100%;
	margin: 0 auto;
	float: left;	
}

.advantage-Car-cleaning {
	float: left;
	clear: both;
	margin-top: 30px;
}

.pageTitle {
	margin-left: 20px;
	color: #00557E;
}
.afterPageTitle {
	font-family: "Times New Roman", Times, serif;
	padding: 15px;
	font-size: 100%;
	color: #003;
}

.review {
	clear: both;
	width: 190px;
	margin-left: 42%;
}
		
.headingInfo {
	margin-bottom: 30px;
}

.vipCard {
	clear: both;
	margin: 1px 0px;
	padding: 15px 0px;
	font-family: "Times New Roman", Times, serif;
	color: #C90;
	background-color: #EFEFEF;
}

.imageBorder {
	margin-right: 22.5%;
	margin-left: 22.5%;
	border: thin solid rgba(39,54,95,1);
	box-shadow: 1.5px 1.5px 1px 1px;
	width: 55%;	
}

.periodOpen {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #993;
	font-size: 14px;
	margin-bottom: 33px;
}
.openingHours .blueHeading {
	padding-left: 5px;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 25px;
}

.aside3 .address .blueHeading strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #00557E;
}
.aside3 .openingHours p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00557E;
}
.priceList {
	height: auto;
	width: auto;
	background-color: #E8E8E8;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.covid {
	height: 20px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0;
	overflow: hidden;
	position: relative;
	background: #900;
	color: #fff;
	border-radius: 4px;
	margin-top: 20px;
	box-shadow: 1px 1px 3px grey;
}
        
.covid p {
	font-family: "Courier New", Courier, monospace;
	white-space: nowrap; /*keeps text in one line*/
	/*position: absolute;*/ /*this fixed problem with long delay in apple*/
	/*width: auto;*/
	height: 100%;
	margin: 0 -220px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	letter-spacing: 1.5px;
	-moz-transform: translateX(100%);/*starting position*/
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-moz-animation: scroll-left 14s linear infinite;
	-webkit-animation: scroll-left 14s linear infinite;
	animation: scroll-left 14s linear infinite; /*speed of text*/
	color: #FFF;
	font-weight: 800;
	
}
        
@-moz-keyframes scroll-left {
	0% {
   -moz-transform: translateX(100%);
}
  100% {
   -moz-transform: translateX(-100%);
}
}
        
@-webkit-keyframes scroll-left {
   0% {
   -webkit-transform: translateX(100%);
}
  100% {
   -webkit-transform: translateX(-100%);
}
}
        
@keyframes scroll-left {
   0% {
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}
  100% {
   -moz-transform: translateX(-100%);
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
}
}

.s-List {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #00557E;
	clear: none;
	margin-bottom: 50px;
	background-color: #EFEFEF;
	padding-top: 10px;
	padding-bottom: 12px;
	float: left;
	width: 100%;
}

.introduction {
	color: #00557E;
	margin-top: 40px;
	margin-bottom: 45px;
	background-color: #EFEFEF;
	padding-top: 10px;
	float: left;
	width: 100%;
	clear: both;
}

.headingServices {
	display: none;
	font-family: Georgia, serif;
	font-size: 1.3em;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
	text-decoration: underline;
}

.Services-A-N {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: 1.1px;
	color: #006697;
	margin-top: -25px;
	margin-bottom:25px;
}

.Services-A-N-fr {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	letter-spacing: 1.1px;
	color: #006697;
	margin-top: -15px;
	margin-bottom: 30px;
	text-decoration: underline;
}

.servicesSec {
	float: left;
	width: 100%;
}

.extraList {
	height: auto;
	width: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	opacity: 0.9;
	font-weight: bold;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #879BA2;
	border-bottom-color: #879BA2;
	margin-top: 4%;
	color: #003D5E;
	margin-bottom: 4%;
	letter-spacing: 1.3px;
	background: #E8E8E8 url(../images/patterns/small-crackle-bright.png) repeat;
	text-align: center;
}

.monthlySpecial {
	/*-webkit-text-stroke: .3px #000;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #759CBF;
	font-style: normal;
	margin-bottom: 20px;
	width: 100%;
	clear: both;
	background: #FFFFFF url(../images/lave_auto_special_printemps.jpg) no-repeat 70% 76%;
	border-top: 1px solid #354755;
	border-right: thin solid #354755;
	border-bottom: 1px solid #354755;
	border-left: thin solid #354755;
}

.monthlySpecial div {
	background: #FFF;
	width: 96%;
	box-shadow: 3px 3px 7px grey;
	opacity: .9;
	margin-top: 15px;
	border: thin solid #495861;
	overflow: hidden;
	padding-left: 15px;
}

.monthlySpecialfall {
	-webkit-text-stroke: .3px #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	border-radius: 2px;
	border: thin solid #759CBF;
	font-style: normal;
	margin-bottom: 20px;
	width: 100%;
	clear: both;
	color: #FFF;
	background: url(../images/Lave_Auto_Vaudreuil_2.png) no-repeat right top;
}

.monthlySpecialInfo {
	font-weight: 200;
	font-variant: normal;
	font-size: 1em;
	-webkit-text-stroke: .3px #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2D3743;
	letter-spacing: 1px;
	/* [disabled]padding: 10px; */
}

.monthlySpecialNote {
	font-variant: small-caps;
	color: #BA383F;
	/*background-color: #e9e4de52; winter special*/
	background-color: #f3f3eefa;
	box-shadow: 4px 4px 10px grey;
	border-radius: 6px;
	width: 81%;
	margin-left: auto;
	margin-right: auto;
	opacity: .8;
	border: thin solid #00002F;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.2em;
	padding-right: 6px;
	padding-left: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

.note {
	color: #2B5C7D;
	letter-spacing: 4px;
	text-align: left;
	text-indent: 10px;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
}

.summerSpecial {
	/* [disabled]margin-left: 10px; */
	color: #C53F45;
	font-size: 1.9em;
	margin:15px 0 20px
}
	
.aside3 hr {
	color: #6F3737;
	margin-top: 50px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-style: none;
}

.highlight {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	color: #00557E;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(/lave%20auto%20vaudreuil/images/Comp_86649866.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EFEFEF;
	margin-right: 15px;
	margin-left: 15px;
	width: 60%;
	border: thin solid #263671;
}
.contactinfo {
	margin-top: 5px;
	margin-bottom: 5px;
	/* [disabled]width: 60%; */
}
.outstandingInfo {
	margin-top: 45px;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 15px;
}

.spotlightInfo {
	padding: 5px;
	width: 35%;
}

.advantageImgHolder {
	border: thin solid #003;
	box-shadow: 3px 3px 7px grey;
	margin-top: 20px;
}

.advantage {
	float: left;
	padding: 5px;
	margin-top:-20px;
}

.advantageImg {
	float: left;
	width: 96%;
	margin-bottom: 60px;
	margin-left: 2%;
	margin-top: 20px;
	margin-right: 2%;
	background: url(../images/pressure%20wash.jpg)no-repeat 50% 50%;
	background-size: 100% 100%;
	height: 300px;
	border: thin solid #003;
	box-shadow: 3px 3px 7px grey;
}

.pTireWash {
	width: 100%;
	margin:0 auto;
	float: left;
	color: #2A3A78;
	padding-right: 5px;
	padding-left: 5px;
}

.carWashoffice {
	float: left;
	height: 350px;
	width: 98%;
	border: thin solid #333;
	box-shadow: 3px 3px 7px grey;
	background: url(../images/lave_auto_car_wash_office.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
	clear: both;
	margin-left: 0.7%;
	margin-bottom:20px;
}

.profitez {
	background-color: #FFFFFF;
	clear: both;
	margin-top: 35px;
	margin-bottom: 35px;
}

.beforeAfter {
	border-radius: 7px;
	width: 99%;
	height: 250px;
	margin: 0 auto;
	background:url(../images/motor-shampooing-beforeAfter.jpg) no-repeat 50% 50%; 
	background-size: 100% 100%;
	border: medium solid #000000cf;
	box-shadow: 3px 3px 7px grey;
}

.heading-top {
	margin-top: 65px;
	float: left;
	width: 100%;
}

.aquaqpelIntro {
	width: 220px;
	height: 100px;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: 3%;
	background: url(../images/aquapelLogo.png) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.aquapelTitle {
	margin: 50px auto 20px;
	text-shadow: 1px 2px 2px #a2a1af;
	letter-spacing: .5px;
	color: #22305db8;
	font-size:.7em;
	padding-left: 10px;
}
.aquapelDescription {
	margin-top: 20px;
	margin-bottom: 20px;
}

.aquapelDirections {
	width: 95%;
	background-color: #EFEFEF;
	border-bottom-color: #6F3737;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
	padding-bottom: 40px;
	text-align: left;
}

.aquapelVideo {
	width: 100%;
	margin: 0 auto;
	position: relative;
	border: 1px solid #333;
}

.priceInfo {
	width:100%;
	margin:20px auto;
}

.title-services {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	letter-spacing: 0.5px;
	padding-bottom:10px;
}

.openingHours {
	width: 80%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 20px;
	margin: auto;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003333;
	font-weight: bold;
}
.openingHours p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00557E;
}
.address {
	width: 80%;
	margin: auto;
	clear: both;
	padding: 15px 0px 40px;
	font-family: "Times New Roman", Times, serif;
}
.fbook {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 78%;
	width: auto;
	background-color: #EFEFEF;
	clear: both;
}

.comments {
	position: relative;
	clear: both;
	padding: 5px;
	background-color: #EFEFEF;
	margin-bottom: 40px;
}

/* ~~ The footer ~~ */
.footer {
	background-color: #CCCCCC;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	padding-top: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-color: #666666;
	border-bottom-style: solid;
	font-family: "Times New Roman", Times, serif;
	color: #CCC;
}

/*Form Styles*/

.form {
	background-color: #E1E1E1;
	width: auto;
	border: thin solid #003;
	font-family: "Times New Roman", Times, serif;
	color: #253041;
	clear: both;
	padding: 6px;
	margin: 0px 1px 80px;
}

/*legend is the "text" info pour contacter*/
legend {
	font-size: 110%;
	font-weight: 200;
	color: #003;
	border: thin none #003;
	letter-spacing: 0.3px;
}
/*fieldset is the box surrounding the legend text and information*/
fieldset {
	padding: 10px;
	border: thin solid #253041;
}

#sprytextfieldName {
	color: #003;
}

#sprytextfieldEmail {
	color: #003;
}

#sprytextareaCommentbox label {
	font-family: "Times New Roman", Times, serif;
	color: #003;
	padding-top: 10px;
	padding-left: 5px;
	margin-top: 1px;
}

#commentbox {
	width:97%;
	position:relative;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	border:thin solid #003;
	margin: auto;
	padding:3px;
}

#submit {
	color: #003;
	border: thin solid #253041;
	margin: 10px;
	padding:2px 3px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #EBEBEB;
}

.thankYou {
	background-image: url(../images/car_wash.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 396px;
	margin: 15px auto;
	width: 100%;
}
	
}

/*Tablet Styles*/

@media only screen and (min-width:481px) and (max-width:775px){
body {
	width: 100%;
	font-size: 100%;
	line-height: 1.8;
	margin: 0 auto;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	background-image: url(../images/lave_auto_vaudreuil_.jpg);
	background-repeat: repeat-x;
	background-color: #011E40;
}
	
.container {
	position: relative;
	background-color: #EFEFEF;
	margin: 0 auto;
}

.header {
	margin: 0;
	border: thin solid #003;
	background-size: 100% 100%;
	height: 420px;
	background-image: url(../images/Lave_Auto_Vaudreuil.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.headerEng {
	margin: 0;
	border: thin solid #003;
	background-size: 100% 100%;
	height: 420px;
	background-image: url(../images/Auto_Detailing_Car-Wash.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.headerInfo {
	border-top-width: thin;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #231F20;
	border-bottom-color: #0f1e30;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	clear: both;
}

.headerInfo p {
	font-size: 90%;
	color: #003D5C;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

#MenuBar1 {
	background-color: #EFEFEF;
	float:left;
	clear:both;
	width:100%
}

#MenuBar1 h2 {
	display: none;
}

.lang {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1px;
	color: #999933;
	position: relative;
	margin-top: 20px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 4px;
	float:right;
	clear: both;
	font-weight: bold;
	text-align: right;
}

.lang a:hover {
	color: #999933;
	letter-spacing: 0.6px;
	text-align: right;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
.sec1 {
	display:none;
	float: left;
	width: 25%;
	padding-right: 5%;
	padding-left: 5%;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #003;
	border-left-color: #003;
}

.sec2 {
	display:none;
	float: left;
	width: 23%;
	padding-right: 4%;
	padding-left: 4%;
}

.serviceContainer {
	width: 100%; 
	margin: 25px auto;
	float: left; 
}

.servicesSec1 {
	float: left;
	width: 25%;
	padding-left: 5%;
	padding-right: 3%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
}

.servicesSec2 {
	float: left;
	width: 28%;
	padding-right: 2%;
	padding-left: 3%;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #003;
	border-left-color: #003;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
}

.servicesSec3 {
	float: left;
	width: 23%;
	padding-right: 5%;
	padding-left: 5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
}

.gift {
	letter-spacing: 4px;
	text-align: center;
	background: #F0F0F0 url(../images/gift_.png) no-repeat 10% 80%;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	width: 80%;
	font-weight: 400;
	padding-bottom: 70px;
	float: left;
	margin-bottom: 45px;
	border-bottom: thin dotted #666;
	margin-right: 10%;
	margin-left: 10%;
	clear: both;
}

/*Start of css - TABLET – falling leaves*/
.fall-special {
	position: relative;
	width: 99%;
	margin-left: .5%;
	margin-bottom: 40px;
	padding-bottom: 20px;
	/* [disabled]background: radial-gradient(#333,#e8f3f9); */
	overflow: hidden;
	justify-content: center;
	align-items: center;
	z-index: 1;
	border: 1px solid #908786;
	border-radius: 6px;
}

.fall-container {
	position: relative;
	z-index: 2;
	background: rgba(255,255,255,.8);
	width: 90%;
	margin-top: 15px;
	margin-left: 1.5%;
	box-shadow: 0 5px 12px rgba(0,0,0,.7);
	border-radius: 5px;
	padding: 8px 8px 15px;
	/*border: 2px solid #655c4cb5; fall border*/
	border: 2px solid #58666d;
}

.fall-auto-detailing {
	font-weight: 200;
	font-variant: normal;
	font-size: 1em;
	/*-webkit-text-stroke: .3px #000;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #303947;
	letter-spacing: 1px;
	padding-bottom: 8px;
}
		
.fall-special .set {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.fall-special .set div {
	position: absolute;
	display :block;
}

.fall-special .set div:nth-child(1) {
	left: 20%;
	animation: animate 15s linear infinite;
	animation-delay: -7s;
}
.fall-special .set div:nth-child(2) {
	left: 50%;
	animation: animate 20s linear infinite;
	animation-delay: -5s;
}

.fall-special .set div:nth-child(3) {
	left: 70%;
	animation: animate 20s linear infinite;
	animation-delay: 0s;
}
.fall-special .set div:nth-child(4) {
	left: 0%;
	animation: animate 15s linear infinite;
	animation-delay: -5s;
}
.fall-special .set div:nth-child(5) {
	left: 85%;
	animation: animate 18s linear infinite;
	animation-delay: -10s;
}
.fall-special .set div:nth-child(6) {
	left: 0%;
	animation: animate 12s linear infinite;
}
.fall-special .set div:nth-child(7) {
	left: 15%;
	animation: animate 14s linear infinite;
}
.fall-special .set div:nth-child(8) {
	left: 60%;
	animation: animate 15s linear infinite;
}

@keyframes animate {
	0%
	{
		opacity: 0;
		top: -10%;
		transform: translatex(20px) rotate(0deg);
	}
	10%
	{
		opacity: 1;
	}
	20%
	{
		transform: translatex(-20px) rotate(45deg);
	}
	40%
	{
		transform: translatex(-20px) rotate(90deg);
	}
	60%
	{
		transform: translatex(20px) rotate(180deg);
	}
	80%
	{
		transform: translatex(-20px) rotate(180deg);
	}
	100%
	{
		top:110%;
		transform: translatex(-20px) rotate(225deg);
	}	
}
.set2 {
        transform:scale(2) rotateY(180deg);
		filter:blur(2px);
}
.set3 {
        transform:scale(0.8) rotateY(180deg);
		filter:blur(4px);
}
/*End of css - TABLET – falling leaves*/
/*Start of winter special*/

.winterSpecial {
	position: relative;
	width: 100%;
	height: 500px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	background-size: cover;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	z-index: 1;
	border-bottom-width: 0.3px;
	border-bottom-style: solid;
	border-bottom-color: #132848c4;
	border-top-width: 0.3px;
	border-top-style: solid;
	border-top-color: #6d6954;
	border-radius: 6px;
	background-image: url(../images/winter_special_car_wash.jpg);
	clear: both;
	float: left;
}
 
.snow1
{
	background:url(../images/snow.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation:animateOne 12s infinite linear;

} 

.snow2
{
	background:url(../images/snow.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation:animateSecond 12s infinite linear;

} 

@keyframes animateOne
{
	0%
	{
		background-position: 0px 0px
	}

	100%
	{
		background-position: 100px 650px
	} 
}

@keyframes animateSecond
{
	0%
	{
		background-position: 0px -100px
	}

	100%
	{
		background-position: 0px 650px
	}
}

/*End of winter special*/

.menu1 {
	width: 99%;
	position: relative;
	clear: both;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 15px;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	font-weight: bold;
	border: thin solid #727F87;
	background-color: #E8E8E8;
	background-image: url(/images/combo_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}

.menu2 {
	width: 99%;
	border: thin solid #669999;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	background-image: url(/images/combo_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #E8E8E8;
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding-bottom: 20px;
}

.menu3 {
	width: 99%;
	background-color: #BFCDDB;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #77858E;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003;
	height: auto;
	padding-bottom: 20px;
	clear: both;
	float: left;
}
.menu5 {
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	background-color: #DADADC;
	height: auto;
	border: thin solid #6C7880;
	width: 99%;
	position: relative;
	background-image: url(../images/Special_A-N_Multiservices.jpg);
	background-repeat: no-repeat;
	margin: 20px auto;
	padding-bottom: 25px;
	clear: both;
	float:left;
	background-position: center center;
}

.priceList {
	height: auto;
	width: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	opacity: 0.8;
	background-color: #FFFFFF;
	font-weight: 900;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #879BA2;
	border-bottom-color: #879BA2;
	margin-top: 6%;
	color: #003D5E;
	font-size: 1.1em;
	margin-bottom: 2%;
	letter-spacing: 1.3px;
	font-family: "Times New Roman", Times, serif;
}

.priceList hr {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

.extraList {
	height: auto;
	width: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	opacity: 0.9;
	font-weight: bold;
	margin-top: 4%;
	color: #003D5E;
	margin-bottom: 4%;
	letter-spacing: 1.3px;
	border-top: thin solid #879BA2;
	border-bottom: thin double #879BA2;
	background: #FFFFFF url(../images/small-crackle-bright.png);
	text-align: center;
}

.content {
	width: 100%;
	margin: 0 auto;
	float: left;
	background-color: #EFEFEF;	
}

.heading-top {
	margin-top: 65px;
	float: left;
	width: 100%;
}


.pageTitle {
	margin-left: 20px;
	color: #00557E;
}

.afterPageTitle {
	font-family: "Times New Roman", Times, serif;
	padding: 15px;
	font-size: 100%;
	color: #003;
}

.priceInfo {
	width:100%;
	margin:20px auto;
}

.review {
	clear: both;
	width: 190px;
	margin-left: 42%;
}
	
.headingInfo {
	margin-bottom: 30px;
}

.imageBorder {
	margin-right: 22.5%;
	margin-left: 22.5%;
	border: thin solid rgba(39,54,95,1);
	box-shadow: 1.5px 1.5px 1px 1px;
	width: 55%;	
}

.periodOpen {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #993;
	font-size: 14px;
	margin-top: 33px;
}
.openingHours .blueHeading {
	padding-left: 5px;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 25px;
}

.address .blueHeading strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #00557E;
}
.openingHours p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00557E;
}

.covid {
	height: 20px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0;
	overflow: hidden;
	position: relative;
	background: #900;
	color: #fff;
	border-radius: 4px;
	margin-top: 40px;
	box-shadow: 1px 1px 3px grey;
}       
.covid p {
	font-family: "Courier New", Courier, monospace;
	white-space: nowrap; /*keeps text in one line*/
	/*position: absolute;*/ /*this fixed problem with long delay in apple*/
	/*width: auto;*/
	height: 100%;
	margin: 0 -220px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	letter-spacing: 1.5px;
	-moz-transform: translateX(100%);/*starting position*/
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-moz-animation: scroll-left 14s linear infinite;
	-webkit-animation: scroll-left 14s linear infinite;
	animation: scroll-left 14s linear infinite; /*speed of text*/
	color: #FFF;
	font-weight: 800;
	
}
        
@-moz-keyframes scroll-left {
	0% {
   -moz-transform: translateX(100%);
}
  100% {
   -moz-transform: translateX(-100%);
}
}
        
@-webkit-keyframes scroll-left {
   0% {
   -webkit-transform: translateX(100%);
}
  100% {
   -webkit-transform: translateX(-100%);
}
}
        
@keyframes scroll-left {
   0% {
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}
  100% {
   -moz-transform: translateX(-100%);
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
}
}

.introduction {
	margin: 40px 0px 20px;
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
}

.servicesSec {
	float: left;
	width: 50%;
}

.headingServices {
	font-family: Georgia, serif;
	font-size: 1.3em;
	letter-spacing:.5px;
	width: 100%;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 25px;
	text-align: center;
	text-decoration: underline;
}

.Services-A-N {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: 1px;
	color: #006697;
	margin-top: -25px;
	margin-bottom:12px;
}

.Services-A-N-fr {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: 1.2px;
	color: #006697;
	margin-top: -25px;
	margin-bottom: 12px;
	text-decoration: underline;
}

.monthlySpecial {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	padding:15px 5px 15px 5px;
	margin-left: auto;
	margin: 0 auto 20px;
	width: 99%;
	clear: both;
	background: #FFFFFF url(../images/lave_auto_special_printemps_.jpg) no-repeat center bottom;
	border-top: 1px solid #354755;
	border-right: thin solid #354755;
	border-bottom: 1px solid #354755;
	border-left: thin solid #354755;
}

.monthlySpecial div {
	/*background: #FFF;*/
	background: rgba(255,255,255,.8);
	width: 88%;
	box-shadow: 4px 4px 10px grey;
	border-radius: 5px;
	opacity: .9;
	margin-left: auto;
	padding: 10px 10px 10px 25px;
	margin-right: auto;
	margin-top: 15px;
	border: thin solid #495861;
}

.monthlySpecialfall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	border-radius: 2px;
	border: thin solid #011E40;
	font-style: normal;
	margin-bottom: 20px;
	width: 99%;
	clear: both;
	color: #FFF;
	background: url(../images/Lave_Auto_Vaudreuil_2.png) no-repeat center 34%;
}

.monthlySpecialInfo {
	font-weight: 200;
	font-variant: normal;
	font-size: 1em;
	-webkit-text-stroke: .3px #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2D3743;
	letter-spacing: 1px;
	text-align: left;
}

.monthlySpecialNote {
	font-variant: small-caps;
	/* [disabled]font-size: 1.1em; */
	color: #BA383F;
	/*background-color: #e9e4de52; winter special*/
	background-color: #f3f3eefa;
	border-radius: 6px;
	border: thin solid #00002F;
	box-shadow: 4px 4px 10px grey;
	width: 50%;
	margin-left: 5%;
	opacity: .8;
	letter-spacing: 1px;
	font-weight: bold;
	padding-right: 7px;
	padding-left: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

.note {
	color: #2B5C7D;
	letter-spacing: 4px;
	text-align: left;
	text-indent: 10px;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
	margin-left:-1px;
}

.summerSpecial {
	/* [disabled]margin-left: 10px; */
	color: #C53F45;
	font-size: 1.9em;
	margin-top: -2px;
}
	
.aside3 hr {
	color: #6F3737;
	margin-top: 50px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-style: none
}
	
.highlight {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	color: #00557E;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(/lave%20auto%20vaudreuil/images/Comp_86649866.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EFEFEF;
	margin-right: 15px;
	margin-left: 15px;
	width: 60%;
	border: thin solid #263671;
}
.contactinfo {
	margin-top: 5px;
	margin-bottom: 5px;
	/* [disabled]width: 60%; */
}
.outstandingInfo {
	float: left;
	width: 100%;
}

.advantage {
	float: left;
	padding: 10px;
	margin:-20px 0px 25px;
}

.advantageImg {
	float: left;
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 40px;
	background: url(../images/pressure%20wash.jpg)no-repeat 50% 50%;
	background-size: 100% 100%;
	height: 420px;
	border: thin solid #003;
	box-shadow: 3px 3px 7px grey;
}

.advantageImgHolder {
	border: thin solid #003;
	box-shadow: 3px 3px 7px grey;
	margin-top: 20px;
}

.spotlightInfo {
	padding: 5px;
	width: 35%;
}

.pTireWash {
	width: 100%;
	margin:0 auto;
	float: left;
	color: #2A3A78;
	padding-right: 5px;
	padding-left: 5px;
}

.beforeAfter {
	border-radius: 7px;
	width: 80%;
	height: 250px;
	margin: 0 auto;
	border: medium solid #000000cf;
	box-shadow: 3px 3px 7px grey;
	background: url(../images/motor-shampooing-beforeAfter.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.profitez {
	background-color: #FFFFFF;
	clear: both;
	margin-top: 35px;
	margin-bottom: 35px;
}

.aquaqpelIntro {
	width: 300px;
	height: 120px;
	margin: 65px 0px 0px 25px;
	background: url(../images/aquapelLogo.png) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.aquapelTitle {
	margin: 90px auto 20px;
	text-shadow: 1px 2px 2px #a2a1af;
	color: #22305db8;
	font-size: .9em;
	padding-left:30px;
}

.aquapelDescription {
	width: 75%;
	margin: 60px auto 30px;
}

.aquapelDirections {
	width: 80%;
	background-color: #EFEFEF;
	border-bottom-color: #6F3737;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 30px;
	margin-left: 10%;
	padding-bottom: 45px;
	text-align: center;
}

.aquapelVideo {
	width: 90%;
	margin: 0 auto;
	box-shadow: 3px 3px 7px grey;
	position: relative;
	border: 2px solid #332e2e;
	border-radius: 5px;
}

.carWashoffice {
	float: left;
	height: 350px;
	width: 90%;
	border: thin solid #333;
	box-shadow: 3px 3px 7px grey;
	background: url(../images/lave_auto_car_wash_office.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
	clear: both;
	margin-left: 5%;
	margin-bottom: 25px;
}

.title-services {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	letter-spacing: 0.5px;
}

.openingHours {
	margin-top: 30px;
	margin-bottom: 30px;
	border-right-width:thin;
	border-right-style:dotted;
	border-right-color: #000033;
	width: 45%;
	float:left;
	margin-left: 5%;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003333;
	font-weight: bold;
}
.address {
	margin-top: 30px;
	margin-bottom: 70px;
	margin-left: 7%;
	float: left;
	font-family: "Times New Roman", Times, serif;
	color: #003333;
	font-weight: bold;
}
.fbook {
	width: 100px;
	background-color: #EFEFEF;
	float: left;
	padding: 10px;
	margin-right: 5px;
}

.comments {
	position: relative;
	clear: both;
	padding: 5px;
	background-color: #EFEFEF;
	margin-bottom: 50px;
}

/* ~~ The footer ~~ */
.footer {
	background-color: #CCCCCC;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	padding-top: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-color: #666666;
	border-bottom-style: solid;
	font-family: "Times New Roman", Times, serif;
	color: #CCC;
}

/*Form Styles*/

.form {
	background-color: #E1E1E1;
	width: auto;
	border: thin solid #003;
	font-family: "Times New Roman", Times, serif;
	color: #253041;
	margin-left: 5%;
	margin-right:5%;
	clear: both;
	padding: 6px;
	margin-bottom: 50px;
}
/*legend is the "text" info pour contacter*/
legend {
	font-size: 110%;
	font-weight: 200;
	color: #003;
	border: thin none #003;
	letter-spacing: 0.3px;
}
/*fieldset is the box surrounding the legend text and information*/
fieldset {
	padding: 10px;
	border: thin solid #253041;
}

#sprytextfieldName {
	color: #003;
}

#sprytextfieldEmail {
	color: #003;
}

#sprytextareaCommentbox label {
	font-family: "Times New Roman", Times, serif;
	color: #003;
	padding-left: 5px;
}

#commentbox {
	width:97%;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	margin:auto;
}

#submit {
	color: #003;
	border: thin solid #253041;
	margin: 10px;
	border:2px 3px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #EBEBEB;
}
.thankYou {
	background-image: url(../images/car_wash.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 396px;
	margin: 15px auto;
	width: 100%;
}

}
/*Desktop Styles*/
@media only screen and (min-width:776px){
body {
	width: 100%;
	font-size: 100%;
	line-height: 1.8;
	margin: 0 auto;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	background-image: url(../images/lave-auto-vaudreuil-dorion.jpg);
	background-repeat: repeat-x;
	background-color: #011E40;
	
}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 75%;
	max-width: 1665px;
	min-width: 776px;
	background-color: #EFEFEF;
	margin: 0 auto;
}

.header {
	margin: 0;
	background-size: 100% 100%;
	height: 520px;
	border: thin solid #003;
	background-image: url(../images/Lave_Auto_Vaudreuil.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.headerEng {
	margin: 0;
	background-size: 100% 100%;
	height: 520px;
	border: thin solid #003;
	background-image: url(../images/Auto_Detailing_Car-Wash.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.headerInfo {
	border-top-width: thin;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #231F20;
	border-bottom-color: #0f1e30;
	margin-bottom: 8px;
	float: left;
	width: 100%;
	clear: both;
}

.headerInfo p {
	font-size: 90%;
	color: #003D5C;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

#MenuBar1 {
	background-color: #EFEFEF;
	float:left;
	clear:both;
	width:100%
}

#MenuBar1 h2 {
	display: none;
}

.lang {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1px;
	color: #999933;
	position: relative;
	margin-top: 20px;
	padding-top:4px;
	padding-right:20px;
	padding-bottom:4px;
	padding-left:4px;
	float:right;
	clear: both;
	font-weight: bold;
	text-align: right;
}

.lang a:hover {
	color: #999933;
	letter-spacing: 0.6px;
}


/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
.sec1 {
	display: none;
	float: left;
	width: 25%;
	padding-right: 5%;
	padding-left: 5%;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #003;
	border-left-color: #003;
}

.sec2 {
	display:none;
	float: left;
	width: 23%;
	padding-right: 4%;
	padding-left: 4%;
}

.serviceContainer {
	width: 100%;
	float: left;
	font-size: 1em;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

.servicesSec1 {
	float: left;
	width: 25%;
	padding-left: 5%;
	padding-right: 3%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
}

.servicesSec2 {
	float: left;
	width: 25%;
	padding-right: 4%;
	padding-left: 4%;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #003;
	border-left-color: #003;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
}

.servicesSec3 {
	float: left;
	width: 23%;
	padding-right: 5%;
	padding-left: 5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
}
.gift {
	letter-spacing: 5px;
	text-align: center;
	background: #F0F0F0 url(../images/gift.png) no-repeat 10% 80%;
	font-family: fantasy;
	font-size: 1.4em;
	text-shadow: 1px 1px 2px #000;
	width: 80%;
	font-weight: 400;
	padding-bottom: 70px;
	float: left;
	margin-bottom: 45px;
	border-bottom: thin dotted #666;
	margin-right: 10%;
	margin-left: 10%;
	clear: both;
}

.menu1 {
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	font-weight: bold;
	background-color: #DADADC;
	border: thin solid #727F87;
	height: auto;
	margin-right: 5%;
	margin-left: 5%;
	width: 90%;
	border-radius: 6px;
	background-image: url(../images/combo_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	clear: both;
	float: left;
}

.menu2 {
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	background-color: #DADADC;
	height: auto;
	border: thin solid #6C7880;
	width: 90%;
	position: relative;
	border-radius: 6px;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 20px;
	clear: both;
	background: url(../images/combo-.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.menu3 {
	width: 90%;
	background-color: #BFCDDB;
	border: 1px solid #77858E;
	margin-top: 45px;
	margin-bottom: 50px;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003;
	height: auto;
	padding-bottom: 20px;
	clear: both;
	margin-right: 5%;
	margin-left: 5%;
	float: left;
	border-radius: 5px;
}
.menu5 {
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	color: #003D5E;
	background-color: #DADADC;
	height: auto;
	border: thin solid #6C7880;
	width: 90%;
	position: relative;
	border-radius: 6px;
	background-image: url(../images/Special_A-N_Multiservices.jpg);
	background-repeat: no-repeat;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 20px;
	clear: both;
	background-position: center center;
}
.priceList hr {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

.content {
	width: 100%;
	margin: 0 auto;
	float: left;
	background-color: #EFEFEF;
}

.pageTitle {
	margin-left: 20px;
	color: #00557E;
}

.title-services {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	letter-spacing: 0.5px;
}

.afterPageTitle {
	font-family: "Times New Roman", Times, serif;
	padding: 15px;
	font-size: 100%;
	color: #003;
	margin-bottom: 20px;
}

.priceInfo {
	margin:20px auto;
}

.review {
	clear: both;
	width: 190px;
	margin-left: 42%;
}
	
.headingInfo {
	margin-bottom: 30px;
	margin-top: 30px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}

.imageBorder {
	margin-right: 22.5%;
	margin-left: 22.5%;
	border: thin solid rgba(51,51,51,1);
	box-shadow: 1.5px 1.5px 1px 1px;
	width: 55%;
}

.periodOpen {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #993;
	font-size: 14px;
	margin-top: 33px;
}
.openingHours .blueHeading {
	padding-left: 5px;
	margin-bottom: 25px;
	font-size: 21px;
	font-weight: bold;
}

.aside3 .address .blueHeading strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #00557E;
	text-transform:uppercase;
}
.aside3 .openingHours p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00557E;
}
.priceList {
	width: auto;
	padding-top: 6px;
	padding-bottom: 70px;
	opacity: 0.8;
	background-color: #FFFFFF;
	font-weight: bold;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #879BA2;
	border-bottom-color: #879BA2;
	margin-top: 6%;
	color: #003D5E;
	font-size: 1.1em;
	margin-bottom: 2%;
	letter-spacing: 1.3px;
	font-family: "Times New Roman", Times, serif;
}

.extraList {
	height: auto;
	width: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	opacity: 0.9;
	font-weight: bold;
	margin-top: 4%;
	color: #003D5E;
	margin-bottom: 4%;
	letter-spacing: 1.3px;
	border-top: thin solid #879BA2;
	border-bottom: thin double #879BA2;
	background: #FFFFFF url(../images/patterns/small-crackle-bright.png) repeat;
	text-align: center;
}

.covid {
	height: 20px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0;
	overflow: hidden;
	position: relative;
	background: #900;
	color: #fff;
	border-radius: 4px;
	margin-top: 40px;
	box-shadow: 1px 1px 3px grey;
}   
    
.covid p {
	font-family: "Courier New", Courier, monospace;
	white-space: nowrap; /*keeps text in one line*/
	/*position: absolute;*/ /*this fixed problem with long delay in apple*/
	/*width: auto;*/
	height: 100%;
	margin: 0 -220px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	letter-spacing: 1.5px;
	-moz-transform: translateX(100%);/*starting position*/
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-moz-animation: scroll-left 15s linear infinite;
	-webkit-animation: scroll-left 15s linear infinite;
	animation: scroll-left 15s linear infinite; /*speed of text*/
	color: #FFF;
	font-weight: 800;
	
}       
        
@-moz-keyframes scroll-left {
	0% {
   -moz-transform: translateX(100%);
}
  100% {
   -moz-transform: translateX(-100%);
}
}
        
@-webkit-keyframes scroll-left {
   0% {
   -webkit-transform: translateX(100%);
}
  100% {
   -webkit-transform: translateX(-100%);
}
}
        
@keyframes scroll-left {
   0% {
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}
  100% {
   -moz-transform: translateX(-100%);
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
}
}
.introduction {
	margin-top: 50px;
	margin-bottom: 45px;
	background-color: #EFEFEF;
	float: left; 
	width: 100%;
}

.headingServices {
	font-family: Georgia, serif;
	font-size: 1.4em;
	letter-spacing: 0.5px;
	width: 100%;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 25px;
	text-align: center;
	text-decoration: underline;
}

.Services-A-N {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: 2px;
	color: #006697;
	margin-top: -25px;
	margin-bottom: 12px;
}

.Services-A-N-fr {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: 2px;
	color: #006697;
	margin-top: -25px;
	margin-bottom: 12px;
	text-decoration: underline;
}

.monthlySpecial {
	width: 90%;
	/* [disabled]max-width: 1195px; */
	clear: both;
	padding: 15px 0 32px 25px;
	margin: 0 auto 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	clear: both;
	border: thin solid #003366;
	border-radius: 6px;
	border-top: 1px solid #354755;
	border-right: thin solid #354755;
	border-bottom: 1px solid #354755;
	border-left: thin solid #354755;
	background: url(../images/lave_Auto_special_printemps-.jpg) no-repeat 50% 50%;
	background-size: 119% 105%;
}

.monthlySpecial div {
	/*background: #FFF;*/
	background: rgba(255,255,255,.7);
	width: 70%;
	box-shadow:0 5px 12px rgba(0,0,0,.7);
	/*box-shadow: 3px 3px 7px grey;*/
	border-radius: 5px;
	padding: 10px 10px 10px 25px;
	margin-top: 15px;
	border: thin solid #5E717B;
	margin-left: 1.5%;
}

.monthlySpecialInfo {
	font-weight: 200;
	font-variant: normal;
	font-size: 1em;
	-webkit-text-stroke: .3px #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #303947;
	letter-spacing: 1px;
	text-align: left;
}

.monthlySpecialNote {
	font-variant: small-caps;
	color: #BA383F;
	width: 45%;
	opacity: .8;
	box-shadow: 4px 4px 10px grey;
	border-radius: 5px;
	border: thin solid #00002F;
	letter-spacing: 1.5px;
	font-weight: bold;
	padding: 2px 6px;
	/*background: #e9e4de52; winter special*/
	background:#f3f3eefa;
	margin: 20px 0 0 40px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.note {
	color: #2B5C7D;
	letter-spacing: 4px;
	text-align: left;
	text-indent: 10px;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: -1px;
}

.summerSpecial {
	color: #C53F45;
	font-size: 1.9em;
	margin-top: -2px;
	text-align: left;
}

/*Start of css - Desktop – falling leaves*/
.fall-special {
	position: relative;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 40px;
	padding-bottom: 20px;
	/* [disabled]background: radial-gradient(#333,#e8f3f9); */
	overflow: hidden;
	justify-content: center;
	align-items: center;
	z-index: 1;
	border: 1px solid #908786;
	border-radius: 6px;
	clear: both;
}
.fall-container {
	position: relative;
	z-index: 2;
	background: rgba(255,255,255,.8);
	width: 90%;
	margin-top: 15px;
	margin-left: 1.5%;
	box-shadow: 0 5px 12px rgba(0,0,0,.7);
	border-radius: 5px;
	padding: 20px 15px 30px;
	/*border: 2px solid #655c4cb5; fall border*/
	border: 2px solid #58666d;
}

.fall-auto-detailing {
	font-weight: 200;
	font-variant: normal;
	font-size: 1em;
	/*-webkit-text-stroke: .3px #000;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #303947;
	letter-spacing: 1px;
	padding-bottom:5px;
}
		
.fall-special .set {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.fall-special .set div {
	position: absolute;
	display :block;
}

.fall-special .set div:nth-child(1) {
	left: 20%;
	animation: animate 15s linear infinite;
	animation-delay: -7s;
}
.fall-special .set div:nth-child(2) {
	left: 50%;
	animation: animate 20s linear infinite;
	animation-delay: -5s;
}

.fall-special .set div:nth-child(3) {
	left: 70%;
	animation: animate 20s linear infinite;
	animation-delay: 0s;
}
.fall-special .set div:nth-child(4) {
	left: 0%;
	animation: animate 15s linear infinite;
	animation-delay: -5s;
}
.fall-special .set div:nth-child(5) {
	left: 85%;
	animation: animate 18s linear infinite;
	animation-delay: -10s;
}
.fall-special .set div:nth-child(6) {
	left: 0%;
	animation: animate 12s linear infinite;
}
.fall-special .set div:nth-child(7) {
	left: 15%;
	animation: animate 14s linear infinite;
}
.fall-special .set div:nth-child(8) {
	left: 60%;
	animation: animate 15s linear infinite;
}


@keyframes animate {
	0%
	{
		opacity: 0;
		top: -10%;
		transform: translatex(20px) rotate(0deg);
	}
	10%
	{
		opacity: 1;
	}
	20%
	{
		transform: translatex(-20px) rotate(45deg);
	}
	40%
	{
		transform: translatex(-20px) rotate(90deg);
	}
	60%
	{
		transform: translatex(20px) rotate(180deg);
	}
	80%
	{
		transform: translatex(-20px) rotate(180deg);
	}
	100%
	{
		top:110%;
		transform: translatex(-20px) rotate(225deg);
	}	
}
.set2 {
        transform:scale(2) rotateY(180deg);
		filter:blur(2px);
}
.set3 {
        transform:scale(0.8) rotateY(180deg);
		filter:blur(4px);
}
/*End of css - Desktop – falling leaves*/
/*Start of winter special*/
.winterSpecial {
	position: relative;
	width: 90%;
	height: 500px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 40px;
	padding-bottom: 20px;
	background-size: cover;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	z-index: 1;
	border-bottom-width: 0.3px;
	border-bottom-style: solid;
	border-bottom-color: #132848c4;
	border-top-width: 0.3px;
	border-top-style: solid;
	border-top-color: #6d6954;
	border-radius: 6px;
	clear: both;
	float: left;
	background-image: url(../winter_special_3.png);
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #132848c4;
	border-left-color: #132848c4;
	border-right-width: thin;
	border-left-width: thin;
}
 
.snow1
{
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: animateOne 12s infinite linear;
	background-image: url(../images/snow.png);

} 

.snow2
{
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: animateSecond 12s infinite linear;
	background-image: url(../images/snow.png);

} 

@keyframes animateOne
{
	0%
	{
		background-position: 0px 0px
	}

	100%
	{
		background-position: 100px 650px
	} 
}

@keyframes animateSecond
{
	0%
	{
		background-position: 0px -100px
	}

	100%
	{
		background-position: 0px 650px
	}
}

/*End of winter special*/

/*second vip card in rules*/	
.vipCard {
	clear: both;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
	-ms-transition: background-image 1.5s ease; /* IE 9 */
	-webkit-transition: background-image 1.5s ease; /* Chrome, Safari, Opera */
	transition: background-image 1.5s ease;
	height: 270px;
}

.vipCard :hover {
	background-image: url(../images/car_wash_bm.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	
}
.aside3 hr {
	margin-top: 50px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-style: none;
	width: 85%;
}
.highlight {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	color: #00557E;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(/lave%20auto%20vaudreuil/images/Comp_86649866.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EFEFEF;
	margin-right: 15px;
	margin-left: 15px;
	width: 60%;
	border: thin solid #263671;
}
.contactinfo {
	margin-top: 5px;
	margin-bottom: 5px;
	/* [disabled]width: 60%; */
}
.outstandingInfo {
	float: left;
	width: 100%;
}
.heading-top {
	margin-top: 65px;
	float: left;
	width: 100%;
}

.advantage {
	float: left;
	width: 46%;
	padding-left: 10px;
}
.advantageImg {
	float: right;
	width: 50%;
	background: url(../images/pressure%20wash.jpg)no-repeat 50% 50%;
	background-size: 100% 100%;
	height: 420px;
	border: thin solid #003;
	box-shadow: 3px 3px 7px grey;
	margin-top: 20px;
	margin-right: 10px;
}

.beforeAfter {
	border-radius: 7px;
	width: 85%;
	height: 400px;
	margin: 0 auto;
	background:url(../images/motor-shampooing-beforeAfter.jpg) no-repeat 50% 50%; 
	background-size: 100% 100%;
	border: medium solid #000000cf;
	box-shadow: 3px 3px 7px grey;
}


.aquaqpelIntro {
	width: 300px;
	height: 120px;
	margin: 65px 0px 0px 75px;
	background: url(../images/aquapelLogo.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	text-align: center;
}

.aquapelTitle {
	margin: 90px auto 20px;
	text-shadow: 1px 2px 2px #a3a1af;
	letter-spacing: 0.7px;
	font-size: 1em;
	color: #22305db8;
	text-align: left;
	padding-left:100px;
	
}

.aquapelDescription {
	width:60%;
	margin-bottom: 20px;
	margin-left: 20%;
	margin-right: 20%;
	padding: 10px;
	margin-top: 50px;
}

.aquapelDirections {
	width: 70%;
	margin: 0 auto;
	background-color: #EFEFEF;
	border-bottom-color: #6F3737;
	padding-top: 10px;
	padding-bottom: 60px;
}

.aquapelVideo {
	width: 70%;
	margin: 0 auto;
	box-shadow: 3px 3px 7px grey;
	position: relative;
	border: 2px solid #332e2e;
	border-radius: 5px;
	background-color: #000;
}

.spotlightInfo {
	padding: 5px;
	width: 35%;
}
.pTireWash {
	width: 50%;
	float: left;
	color: #2A3A78;
	padding-right: 5px;
	padding-left: 5px;
}

.carWashoffice {
	float: left;
	height: 440px;
	width: 75%;
	border: thin solid #333;
	box-shadow: 3px 3px 7px grey;
	background: url(../images/lave_auto_car_wash_office.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
	clear: both;
	margin-left: 12.5%;
	margin-right: 12%;
	margin-bottom: 40px;
}

.profitez {
	background-color: #FFFFFF;
	clear: both;
	margin-top: 35px;
	margin-bottom: 35px;
}

.openingHours {
	margin-top: 10%;
	margin-bottom: 8%;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #000033;
	width: 38%;
	float: left;
	padding: 5px 0px 20px 26px;
	margin-left: 10%;
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	font-weight: bold;
	
}

.openingHours p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00557E;
}

.address {
	float: left;
	width: 30%;
	margin: 10% 0 8%;
	padding: 5px 5px 0px 12%;
	
}

.fbook {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 78%;
	width: auto;
	background-color: #EFEFEF;
	clear: both;
}

.comments {
	position: relative;
	clear: both;
	padding: 5px;
	background-color: #EFEFEF;
	margin-bottom: 50px;
}

/* ~~ The footer ~~ */
.footer {
	background-color: #D3D3D3;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	padding-top: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-color: #666666;
	border-bottom-style: solid;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
}

/*Form Styles*/

.form {
	background-color: #E1E1E1;
	width: auto;
	border: thin solid #003;
	box-shadow: 3px 3px 7px grey;
	font-family: "Times New Roman", Times, serif;
	color: #253041;
	margin-left: 18%;
	margin-right:18%;
	clear: both;
	padding: 6px;
	margin-bottom: 50px;
}
/*legend is the "text" info pour contacter*/
legend {
	font-size: 110%;
	font-weight: 200;
	color: #003;
	border: thin none #003;
	letter-spacing: 0.3px;
}
/*fieldset is the box surrounding the legend text and information*/
fieldset {
	padding: 10px;
	border: thin solid #253041;
}

#sprytextfieldName {
	color: #003;
}

#sprytextfieldEmail {
	color: #003;
}

#sprytextareaCommentbox label {
	font-family: "Times New Roman", Times, serif;
	color: #003;
	padding-left: 5px;
}

#commentbox {
	width:95%;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	margin:0 auto;
	padding:5px;
}

#submit {
	color: #003;
	border: thin solid #253041;
	margin: 10px;
	padding:2px 3px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #EBEBEB;
}
.thankYou {
	background-image: url(../images/car_wash.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 396px;
	margin: 15px auto;
	width: 100%;
}

}
.g-plus {
	padding: 10px;
	float: left;
	width: 100px;
	margin-left: 30%;
	margin-right: 10px;
}

.thankYouimage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	font-weight: bold;
	color: #369;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 1px;
}
.footer p .blueHeading {
	font-size: 12px;
}

.stars {
	font-size: 1.1em;
	color: #557595;
}
marquee {
	color: #FFF;
	background: #900;
}
.monthlySpecialInfo ul {
	background-color: #FFF;
	opacity: .9;
}
.special {
	letter-spacing: 3px;
	color: #00557E;
}
.special-Aquapel {
	font-size: 1.7em;
	font-weight: bold;
	color: #00557E;
	letter-spacing: 3px;
	text-align: center;
}
.footer-P {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	color: #00557e;
}
.closed h1 {
	font-size: 1.2em;
	color: rgb(193,45,140);
	padding-bottom: 15px;
}