/* CSS Document */

* { margin: 0; padding: 0; }

html, body { overflow-x: hidden; overflow-y: auto; }

body { background: #fff; text-align: center; font-family: 'Pathway Gothic One', sans-serif; font-weight: normal; }

.wrapper { display: block; width: 1100px; margin: 0 auto; }

.float_left { float: left; }
.float_left { float: left; }
.float_right { float: right; }

.clear_all { clear: both; margin: 0; padding: 0; }

.color_orange { color: #eb8d1c; font-size: 36px; }
.color_grey { color: #545454; }

.images_contour_shadow {
  
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;
	
  	border: thin solid #fff;
  
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); 
  	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); 
  	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

}

.sep_line_hor { display: block; margin: 40px auto; width: 300px; height: 2px; background: url(../img/sep_line_horz.jpg)top center repeat-x; }

.sep_dot_horz { display: block; margin: 30px auto; width: 100%; height: 1px; background: url(../img/sep_dots_horz.jpg) top center repeat-x; }
.sep_dot_vert { display: block; margin: 30px auto; width: 1px; height: 220px; background: url(../img/sep_dots_vert.jpg) top center repeat-y; }

ul { list-style: none; }
p { display: block; font-size: 20px; width: 95%; color: #737885; margin-bottom: 10px; }

.btn a { display: inline-block; color: white; background: #eb8d1c; padding: 15px 20px; margin-top: 10px; border-radius: 4px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; text-decoration: none; }



/* H1 H2 H3 H4 */

h2 { display: block; color: white; padding: 40px 0; text-transform: uppercase; font-size: 50px; font-style: italic; letter-spacing: 0.05em; }
h3 { display: block; font-weight: normal; color: #545454; text-align: left; padding: 10px 0; text-transform: uppercase; font-size: 50px; line-height: 46px; }



/* Header */

header { display: block; width: 100%; text-transform: uppercase; }

header .top_grey_bar { display: block; width: 100%; height: 52px; background: url(../img/bg_greybar.jpg) repeat-x; font-size: 19px; color: white; }

header .top_grey_bar a {color: white; text-decoration: none;}

header .top_grey_bar ul { padding-top: 7px; }

header .top_grey_bar .contact_list li { display: block; float: left; padding: 5px 0 5px 32px; margin-right: 10px; }
header .top_grey_bar .social_list li { display: block; float: left; padding: 5px 0 5px 7px; }

header .top_grey_bar li.email { background:url(../img/icon_EMAIL.png) 5px 5px no-repeat; }
header .top_grey_bar li.tel { background:url(../img/icon_TEL.png) 5px 5px no-repeat; }


header .logo_nav { display: block; width: 100%; background: #FFF; }

header h1 { display: block; margin: 0; float: left; width: 242px; height: 190px; text-indent: -10000px; background: url(../img/logo_solutionsdemenagement.png) center center no-repeat; }

header .top_navigation_mobile { display: none; }

header .top_navigation { display: block; float: right; margin-top: 56px; }

header .top_navigation ul { padding-top: 7px; font-size: 20px; }

header .top_navigation li { display: block; float: left; margin-left: 10px; color: black; padding: 15px 20px;  }

header .top_navigation li a { color: black; text-decoration: none; }

header .top_navigation li.selected { color: white; background: #eb8d1c; padding: 15px 20px; border-radius: 4px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }



/* Home Slideshow */

#slideshow_mobile { display: none; }

#slideshow { display: block; height: 616px; }

#slideshow .slider_1 { display: block; width: 100%; height: 616px; background: url(../img/slider_1_soldem.jpg) center top no-repeat; }

#slideshow .slider_2 { display: block; width: 100%; height: 616px; background:url(../img/slider_2_20mtlarabais.jpg) center top no-repeat; }
#slideshow .slider_2 a { display: block; width: 100%; height: 616px; }


/* Slogan Box */

.slogan_box { display: block; background:url(../img/bg_slogan.jpg) center center no-repeat; }


/* Services Resume */

.services_resume { display: block; padding: 30px 0; text-align: left; }

.services_resume img { display: block; float: left; margin-right: 25px; }

.services_resume h3 i { font-size: 30px; color: #545454; }

.services_resume p { display: block; font-size: 20px; width: 95%; color: #737885; }



/* Extra infos */

.extra_infos { display: block; background: #f3f3f3; padding: 30px 0 0 0; text-align: left; border-top: solid 1px #e6e6e6; }



/* Promotions actuelles */

.promo_actu { display: block; margin-right: 120px; width: 550px; float: left; }

.promo_actu ul { list-style: none; }

.promo_actu li a { 
	
	display: block; 
	padding: 5px 3px 5px 25px; 
	background: url(../img/bg_list_promo.gif) top left repeat-y;
	margin-top: 20px;
	font-size: 24px;
	color: #737885;
	text-decoration: none;
}

.promo_actu li a:hover { background: #EDEDED url(../img/bg_list_promo.gif) top left repeat-y; }

.promo_actu b { color: black; font-weight: bold; }

.promo_actu li i { font-size: 30px; color: #eb8d1c; margin-right: 5px; }


/* Medias */

.medias_home { display: block; float: right; }


/* Solutions Demenagement */

.about_resume { display: block; margin-right: 20px; width: 700px; }

.about_resume b { color: black; font-weight: bold; font-size: 24px; }



/* Testimonials */

.testimonials_box { display: block; width: 300px; text-align: center; float: right; }

.testimonials_box p { width: 100%; }

.testimonials_box b { color: black; font-weight: normal; font-size: 22px; }



/* Footer */

footer { display: block; width: 100%; background: #2c2c2c; font-weight: normal; text-transform: uppercase; text-align: center; }

footer .bottom_nav { padding: 20px 0; font-size: 18px; color: white; }

footer .bottom_nav a { color: white; text-decoration: none; text-transform: uppercase; margin: 0 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }

footer p { width: 100%; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-size: 18px; }

footer p a { color: darkgray; text-decoration: none; margin: 0 5px; font-size: 18px; }

footer img { display: block; margin: 10px auto 0 auto; }

footer .twistedshapexyz_footer { display: block; background: url(../img/bg_twistedshapexyz_footer.jpg) center top repeat-x; margin-top: 40px; }


/* Extra header */

.header_img { display: block; width: 100%; height: 200px; }

.header_img.profil, .header_img.services { background: url(../img/bg_profile.jpg) top center no-repeat; }


/* Profile content */

.about_content { display: block; width: 100%; text-align: left; padding-bottom: 40px; }

.about_content b { color: black; font-weight: bold; font-size: 20px; }

.about_content p { margin-bottom: 30px; }

.about_content i { font-size: 30px; color: #eb8d1c; margin-right: 5px; }

.about_content ul { list-style:inside disc; display: block; font-size: 20px; width: 95%; color: #737885; margin-bottom: 10px; }


/* Services content */

.services_content { display: block; width: 100%; text-align: left; padding-bottom: 40px; }

.services_content h3 { display: block; margin-bottom: 15px; }

.services_content b { color: black; font-weight: bold; font-size: 24px; }

.services_content p { margin-bottom: 30px; }

.services_content i { font-size: 30px; color: #eb8d1c; margin-right: 5px; }

.services_content ul { list-style:inside disc; display: block; font-size: 20px; width: 95%; color: #737885; margin-bottom: 10px; }

.services_content img { margin: 0 25px 20px 0;
	
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;
	
  	border: thick solid #fff;
  
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); 
  	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); 
  	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	
}


/* Contact */

.contact_content { display: block; width: 100%; text-align: left; padding: 40px 0; }

.contact_content i { font-size: 30px; color: #eb8d1c; margin-right: 5px; }

.contact_content form { display: block; margin: 30px 0; font-size: 20px; width: 300px; color: #737885; float: left; }

.contact_content label { display: block; margin-bottom: 5px; text-transform: uppercase; width: 500px; }

.contact_content input[type=text] { display: block; margin-bottom: 20px; padding: 10px 15px; border: thin solid #ededed; width: 250px; color: #999;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
 
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}

.contact_content input[type=tel] { display: block; margin-bottom: 20px; padding: 10px 15px; border: thin solid #ededed; width: 250px; color: #999;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
 
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}

.contact_content input[type=email] { display: block; margin-bottom: 20px; padding: 10px 15px; border: thin solid #ededed; width: 250px; color: #999;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
 
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}

.contact_content textarea { display: block; margin-bottom: 20px; padding: 10px 15px; border: thin solid #ededed; width: 250px; height: 150px; color: #999; resize:vertical;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
 
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}

.contact_content input[type=submit] { color: white; background: #eb8d1c; padding: 15px 20px; border:none; border-radius: 4px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; font-size: 18px; }

.contact_content iframe { display: block; float: right; margin: 50px 0 0 0; border: thin solid #fff;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
 
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}

.contact_content .adresse { display: inline-block; width: 135px; border: solid 1px #ededed; padding: 30px 40px; margin: 20px 40px 40px 0; float: left; background:#F8F8F8; text-align: center;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
 
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}


.contact_content .adresse i { font-size: 20px; }

.contact_content .adresse_description { display: block; float: left; margin-top: 30px; width: 840px; }

.contact_content .adresse_description i { font-size: 20px; }


@media (max-width: 480px) {
  

	/* General */
	
	.wrapper { display: block; width: 99%; }
	.color_orange { color: #eb8d1c; font-size: 28px; }
	.sep_dot_vert { display: none; }
	
	
	/* H1 H2 H3 H4 */

	h2 { padding: 40px 0; font-size: 50px; letter-spacing: 0.05em; }
	h3 { padding: 10px 0; font-size: 40px; line-height: 40px; text-align: left; letter-spacing: -0.02em; }
	
	
	/* Header */
	
	header .top_grey_bar { padding-left: 4px; } 
	header .top_grey_bar li.email { display: none; }
	
	header .top_grey_bar .social_list { margin-right: 12px; }
	header .top_grey_bar .social_list li.follow_title { display: none; }
	
	header h1 { display: block; float: none; width: 242px; height: 185px; margin: 20px auto 10px auto; }
	
	header .top_navigation { display: none; }

	header .top_navigation_mobile { display: block; margin-top: 15px; }
	header .top_navigation_mobile ul { display: block; padding-top: 0px; font-size: 18px; text-align: center; }
	header .top_navigation_mobile li { display: inline-block; color: black; }
	header .top_navigation_mobile li a { color: black; text-decoration: none; }
	
	header .top_navigation_mobile li.selected { color: #eb8d1c; }
	header .top_navigation_mobile li.sep_list { display: inline-block; font-size: 12px; margin: 0 5px; }
	
	
	/* Home Slideshow */

	#slideshow { display: none; }

	#slideshow_mobile { display: block; }
	
	#slideshow_mobile .slider_1 img, #slideshow_mobile .slider_2 img { height: auto; max-width: 100%; }
	
	#slideshow_mobile .slider_1, #slideshow_mobile .slider_2 { max-width: 100%; object-fit: contain; }
	
	
	/* Slogan Box */

	.slogan_box { display: none; }
	

	/* Services Resume */

	.services_resume { display: block; padding: 20px 0; text-align: center; }

	.services_resume img { display: block; width: 324px; height: 178px; margin: 25px auto; text-align: center; float: none; }

	.services_resume h3 { display: block; text-align: center; }
	
	.services_resume h3 i { font-size: 30px; color: #545454; letter-spacing: -0.02em; }

	.services_resume p { display: block; margin: 10px auto; font-size: 20px; width: 90%; color: #737885; text-align: center; }
	
	
	/* Promotions actuelles */

	.promo_actu { display: block; margin: 0 auto 40px auto; width: 95%;  	}

	.promo_actu li a { margin-left: 25px; font-size: 21px; }

	.promo_actu li i { font-size: 22px; }
	
	.promo_actu h3 { text-align: center; }
	
	
	/* Medias */

	.medias_home { display: block; float: none; text-align: center; padding: 30px 0 15px 0; }
	
	.medias_home h3 { text-align: center; }
	
	
	/* Solutions Demenagement */

	.about_resume { display: block; margin: 0 0 50px 0; width: 100%; text-align: center; line-height: 26px; }
	
	.about_resume p { display: block; width: 90%; margin: 0 auto 15px auto; }
	
	.about_resume h3 { text-align: center; }
	
	
	/* Testimonials */

	.testimonials_box { display: block; width: 300px; text-align: center; margin: 0 auto; float: none; }
	
	
	/* Extra infos */

	.extra_infos { padding: 30px 0 0 0; text-align: left; border-top: solid 1px #e6e6e6; }
	
	
	/* Footer */
  	
	footer p { width: 90%; margin: auto; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-size: 18px; }
	
	
	/* Extra header */

	.header_img { display: block; width: 100%; height: 200px; }

	.header_img.profil { background: url(../img/bg_profile.jpg) -900px top no-repeat; }
	.header_img.services { background: url(../img/bg_profile.jpg) -380px top no-repeat; }
	


	/* Profile content */

	.about_content { display: block; width: 85%; margin: auto; text-align: left; padding-bottom: 40px; }

	.about_content .btn { display: block; margin: auto; color: white; }

	.about_content ul { list-style:inside disc; display: block; font-size: 20px; width: 95%; color: #737885; margin-bottom: 10px; }
	
	
	/* Services content */

	.services_content { display: block; width: 85%; margin: auto; text-align: left; padding-bottom: 40px; }

	.services_content .btn { display: block; margin: auto; color: white; }

	.services_content ul { list-style:inside disc; display: block; font-size: 20px; width: 95%; color: #737885; margin-bottom: 10px; }
	
	.services_content img { display: none; }
	
	.services_content img.gaudreau { display: block; }

	/* Contact */

	.contact_content { display: block; width: 95%; text-align: left; padding: 20px 25px; }

	.contact_content i { font-size: 30px; color: #eb8d1c; margin-right: 5px; }

	.contact_content form { display: block; margin: 30px 0; font-size: 20px; width: 80%; color: #737885; float: left; }

	.contact_content label { display: block; margin-bottom: 5px; text-transform: uppercase; width: 500px; }

	.contact_content input[type=text], .contact_content input[type=tel], .contact_content input[type=email], .contact_content textarea { display: block; margin-bottom: 20px; padding: 10px 15px; border: thin solid #ededed; width: 100%; color: #999;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

	}

	.contact_content textarea { margin-bottom: 20px; height: 150px; size:vertical; }

	.contact_content iframe { display: none; }

	.contact_content .adresse { display: block; width: 61%; border: solid 1px #ededed; padding: 30px 40px; margin: 20px auto 0px auto; background:#F8F8F8; text-align: center;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

	}
	.contact_content .adresse i { font-size: 20px; }


	.contact_content .adresse_description { display: block; float: left; width: 90%; margin-bottom: 30px; }

	.contact_content .adresse_description i { font-size: 20px; }


} /* End @media */