@-ms-viewport{ width: device-width; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font: inherit;
	vertical-align: baseline;
	max-width:100%;
}
html { -webkit-text-size-adjust: none;
		font-size:62.5%;
		overflow-y: scroll;
		overflow-x: hidden; }
img, embed, object, video, iframe { max-width: 100%; }
img a { border:none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#f7f7f7;
	margin-top:74px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height: 1.857; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face { font-family: Aller; src: url('font/Aller_Rg.ttf') format('truetype'); }
@font-face { font-family: Aller_light; src: url('font/Aller_Lt.ttf') format('truetype'); }
.clear { clear:both; }

/* Menu  */
nav {
	width:100%;
	position:fixed;
	top:0;
	background:url('images/menubg.jpg') repeat-x top left;
	z-index:9999;
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(163,163,163,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(163,163,163,1);
	box-shadow: 0px 0px 5px 0px rgba(163,163,163,1);
}
nav select {
	display:none;
}
nav ul {
	list-style:none;
	width:960px;
	margin:0 auto;
	padding:0;
}
nav ul li {
	float:left;
}

nav ul li a {
	display:block;
	padding:23px 18.5px;
	padding:2.3rem 1.85rem;
	font-family:Aller, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-size:1.5rem;
	color:#585858;
	text-decoration:none;
}

nav ul li a:hover {
	background:url('images/menubghover.jpg') repeat-x top left;
	color:#fff;
}

nav ul .current a {
	background:url('images/menubghover.jpg') repeat-x top left;
	color:#fff;
}
		
	
	ul#menu { display:none; }
	.slicknav_menu {
	display:none;
	}


/* Wrapper */
#wrapper {
	width:960px;
	margin:0 auto;
	background:#fff;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
}

a.go-to-top {
background: url('images/1418086564_arrow_up_alt1-128.png') no-repeat center center;
width: 25px;
height: 25px;
position:absolute;
text-indent: -9999px;
font-size: 0;
cursor: pointer;
outline: 0;
}

	/* Header */
	.header {
		background:url(images/headerbg.jpg) no-repeat top left;
		width:100%;
		height:160px;
	}
	
	.lang {
		float:right;
		top:0;
	}
	
	.free-estimation, .free-estimation img {
		float:right;
		clear:right;
		max-width:100%;	} 
	
	.logos {
		float:right;
		clear:right;
		max-width:47%;
		margin-top:57px; }
	/* Intro */
	.intro {
		height:332px;
	}
	
	.introtxt {
		background:#bcd1db;
		width:31.77083333%;
		float:left;
		line-height:1.7;
		font-size:14px;
		font-size:1.4rem;
		color:#4a6470;
		height:332px;
		}
		
		.introtxt h2 {
			padding:16px 21px;
			}
			
	/* Slide_show */
	.fadein { position:relative; width:68.2291666%; height:332px; margin:0; float:right; right:0px; border:none; top:0; padding:0; }
	.fadein-mobile { display:none; }
	.fadein img { position:absolute; left:0; top:0; border:none; max-width:100%; min-height:332px; }
	
	/* Bar intro */
	.bar {
		height:90px;
		font-family:Aller, Arial, Helvetica, sans-serif;
		color:#fff;
	}
	
	.bar .left {
		background:url(images/leftbarbg.jpg) repeat-x top left;
		width:31.77083333%;
		padding:26px 0;
		float:left;
		text-align:center;
	}
	.bar .right {
		background:url(images/rightbarbg.jpg) repeat-x top left;
		width:68.2291666%;
		float:right;
		padding:30px 0;
		text-align:Center;
		font-size:120%;
		}
		
		/* Content */
		#content {
			margin:10px 0 0 0;
			padding-bottom:10px;
		}
		
		#content .frontlist  {
			padding:0;
			margin:20px 0;
		}
		
		#content .frontlist li:before {
			content:'✓';
			padding:0 5px 0 0;
		}
		
		#content .frontlist li {
			padding:5px 0;
			margin:0;
			border-bottom:1px dashed #BDBDBD;
			color:#3E3E3E;
		}
		
		#content strong { font-weight:500 }
		#content strong a { font-weight:500; }
		
		#content h1 { font-family:Aller, Arial, Helvetica, sans-serif; font-size:13px; font-size:1.3rem; color:#333; line-height:2; margin:10px 0; }
		#content h2 { font-family:Aller, Arial, Helvetica, sans-serif; font-size:16px; font-size:1.6rem; font-weight:400; color:#2c425c; line-height:1.625; }
		
		#content .left { width:31.77083333%; float:left; padding-top:25px; }
		#content .right { width:68.2291666%; float:right; }
		.mobile {display:none; }
		
		.right .entry { padding:0 25px 0 0; }
		.right p {font-size:12px; font-size:1.2rem; color:#454545; line-height:1.8; padding:5px 0; }
		.right strong {font-weight:bold;}
		#content .right h1 { margin-top:15px; clear:none; font-size:16px; font-size:1.6rem; line-height:1.625; }
		/* #content .right ul { list-style:inside disc; font-size:12px; font-size:1.2rem; font-weight:bold; color:#333; line-height:2.166; margin:10px 20px;} */
		
		.left a.estimation-button { 
		background:#042846;
		border-radius:5px;
		font-size:18px;
		font-size:1.8rem;
		font-weight:bold;
		text-align:center;
		padding:15px 30px;
		width:100%;
		margin:23px;
		color:#ffffff;
		text-decoration:none;
		clear:both;
		}
		
		.estimation-button-mobile { display:none; }
		
		.subnav ul {
			list-style:none;
			padding:5px 0 0 20px;
			width:80%;
			font-size:12px;
			font-size:1.2rem;
		}
		
		.subnav ul li {
		}
		
		.subnav ul li a {
			display:block;
			color:#4b4b4b;
			text-transform:uppercase;
			padding:10px;
			font-size:12px;
			font-size:1.2rem;
			text-decoration:none;
			border-bottom:1px dashed #999;
		}
		
		.subnav ul li a:hover {
			background:#e6ebee;
		}
		
		.subnav ul .current {
			background:#e6ebee;
		}
		
		#content .left .subnav .headline3 a {
			 font-size:12px; 
			 font-size:1.2rem;
			 text-transform:uppercase; 
			 padding:7px 0 7px 0;  
			 margin:13px 0 5px 0; 
			 font-family:Arial, Helvetica, sans-serif; 
			 border-bottom:1px dashed #333;
			 font-weight:bold;
			 color:#2c425c;
		}
		
		#content .left .subnav .headline3 a:hover {
			 background:#fff;
		}
		
		/* Subpages */
		.headline {
			background:url(images/rightbarbg.jpg) repeat-x top left;
			padding:30px;
			max-width:100%;
		}
		
		.headline h1 {
			font-family:Aller, Helvetica, Arial, sans-serif;
			font-size:18px;
			font-size:1.8rem;
			color:#fff;
		}
		
		#content .right .subnav li.headline3 {
			
		}
		
			
			#gallery-wrapper {
				background:#e3e3e3;
				border-radius:5px;
				border:1px solid #c2c2c2;
				width:100%;
				margin:20px auto;
				margin-left:-10px;
			}
			
				#gallery-wrapper .top {
					
					padding:25px;
				}
				
				#gallery-wrapper .top h2 {
					margin-bottom:15px;
				}
				
				#gallery-wrapper .bxslider {
					margin:0;
				}
				/*#gallery-wrapper .top a {
					font-size:12px; 
					font-size:1.2rem;
					font-weight:bold;
					color:#fff;
					border-radius:5px;
					text-decoration:none;
					display:block;
					float:left;
					padding:15px 10px;
					background:#38566d;
					margin:5px 7px;
				}
				#gallery-wrapper .top img {
					margin:3px;
					float:left;
					max-width:100%;
				}
				
				#gallery-wrapper .bottom {
					clear:both; 
					margin-top:20px;
				}
				
				#gallery-wrapper h2 { 
				margin:0 0 15px 0; padding:0;
				}*/
				
				/* Services */
				#sub-content {
					padding:15px 0;
				}
				
				#sub-content h2 {
					padding:5px 0;
				}
				
				#sub-content .right a {
					font-weight:bold;
					color:#2b4c58;
					text-decoration:none;
					font-size:13px;
					font-size:1.3rem;
				}
				
				#sub-content a:hover { text-decoration:underline; }
				
				#sub-content p { padding:10px 0; }
				
				html body div#wrapper div#content div.right div.entry div.service2 a {
					color: #2b4c58;
					font-size: 1.3rem;
					font-weight: bold;
					text-decoration: none;
					text-align:center;
				}
				
				html body div#wrapper div#content div.right div.entry div.service2 a:hover { text-decoration:underline; }
				
				#sub-content ol {
					list-style:outside decimal;
					margin:10px 0 10px 30px;
					font-size:16px;
					font-size:1.6rem;
					font-weight:bold;
				}
				
				.right .service2 {
					width:28.4%;
					padding:12px;
					float:left;
					display:block;
					margin:0 10px 0 0;
					background:#93b9c3;
					border-radius:5px;
				}
				
				.right .service2 img {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					max-width:100%; 
				}
				
				.right .service2 p {
					font-size:12px;
					font-size:1.2rem;
					line-height:1.6;
					color:#0A242A;
					height:130px;
					clear:both;
				}
				
				#content .right .service2 h2 {
					color:#fff;
					font-size:14px;
					font-size:1.4rem;
					font-weight:bold;
				}
				
				.right .service2 .clear { height:0; }
				
				.right .service3 {
					display:block;
					float:left;
					width:26.8%;
					background:#c8d6da;
					padding:17px;
					-webkit-border-radius: 5px;
					border-radius: 5px; 
					margin:0 10px 15px 0;
					height:675px;
				}
				
				.right .service3 p {
					line-height:16px;
					font-size:11px;
					font-size:1.1rem;
					color:#586f76;
					text-align:justify;
				}
				
				.right .bullets {
					background: #315d68; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNWQ2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjQwNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #315d68 0%, #26404b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#315d68), color-stop(100%,#26404b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #315d68 0%,#26404b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #315d68 0%,#26404b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #315d68 0%,#26404b 100%); /* IE10+ */
background: linear-gradient(top,  #315d68 0%,#26404b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315d68', endColorstr='#26404b',GradientType=0 ); /* IE6-8 */
					display:block;
					-webkit-border-radius: 10px;
					border-radius: 10px; 
					padding:20px 40px 30px 50px;
				}
			
				.right .bullets ul {
					list-style:outside circle;
					padding:0;
					margin:0;
				}
				.right .bullets ul li {
					font-size:14px;
					font-size:1.4rem;
					color:#a2c2cc;
					font-weight:bold;
					border-bottom:1px dashed #547776;
					padding:5px 0;
				}
				
				/* Types de toiture */
				.type1 {
					border:1px solid #323232;
					max-width:100%;
					margin:0 0 10px 0;
					clear:both;
				}
				
				.type1 img {
					float:left;
					padding:0 15px 0 10px;
					max-width:100%;
				}
				
				#content .right .type1 p {
					margin:10px; 
					line-height:1.4;
					}
					
				#content .right .type1 img.plus {
					padding:13px 10px 0 10px;
				}
				
				#content .type1 h2 {
					background:#323232;
					color:#d5d5d5;
					padding:10px;
				}
				
				#content .right .type1 a {
					
				}
				
				#content .right .type1 a:hover {
					text-decoration:none;
				}
				
		
#footer {
	width:100%;
	background:#D4DFE5;
	font-size:11px;
	font-size:1.1rem;
	color:#63757a;
	margin-bottom:-20px;
	padding:40px 0;
}

#footer p {
	text-align:center;
	}
	
	#footer a { color:#666; text-decoration:none; }
	
	img.logosfooter { display:none; }
	
.clear { clear:both; }