/* CSS Document */
/* Eric Meyers reset - meyerweb.com */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Fin Eric Meyer  */		
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width:100%px;
			margin: 0 auto;

		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 20px 0 0 0;

		}
		
		h1, h2, h3, h4, p, a { 
    font-family: 'Cantarell', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.04em;
  word-spacing: 0.1em;
  line-height: 1em;}
h1 { font-size:54px; color:#494949; font-weight: bold;}
h2 { font-size:40px; color:#494949;}
h3 { font-size:23px; margin:30px 0 10px 0; color:#fff; font-family: Helvetica, sans-serif;}

p { font-weight: lighter; font-size:13px; margin:10px 0; color:#ccc; letter-spacing:0.02em; line-height:16px; }
ul { }
ul{ padding-top:5px;}
li {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
a{ font-weight:lighter;}

a#home, a#home:visited {
	position:fixed;
	top:70px;
	left:0;
	width:32px;
	height:134px;
	background:url(http://www.stephaneblanchard.ca/img/accueil.png);
	display:block;
	text-indent:-999em;
	border:none
	}
a#home:hover {
        background:url(http://www.stephaneblanchard.ca/img/accueil-hover.png);
	}
a#contact, a#contact:visited {
	position:fixed;
	top:230px;
	left:0;
	width:32px;
	height:134px;
	background:url(http://www.stephaneblanchard.ca/img/contact.png);
	display:block;
	text-indent:-999em;
	border:none
	}
 a#contact:hover {
        background:url(http://www.stephaneblanchard.ca/img/contact-hover.png);
	}


#top-content { padding: 5% 0 0 15%;}
#top-content a:link, a:visited { color:#02bbf8;  text-decoration:none; padding:2px;}
#top-content a:hover { color:#02bbf8;  background-color:#333; padding: 2px;}
#top-content a:visited { color:#02bbf8;  text-decoration:none;}

#bottom-content { possition:relative; margin-top:140px;  width:100%; height:300px; background:url(http://www.stephaneblanchard.ca/img/trans_pixel.png) repeat;}

#container{
	width: 880px;
	height: 300px;
	overflow: auto;
        margin: 0 0 0 15%;	
	overflow-x:hidden;
	overflow-y:hidden;
}


#container img{
	border: 1px #ddd solid;
}
#container p {max-width:240px; }
#container a:link, #container a:visited { color:#5ec9f5; text-decoration:underline;
}
#container a:hover {text-decoration:none;
} 
 
.main-content {
	width: 2000px;
	height: 300px;
}

.section{

	width:260px;
	float:left;
	margin: 0 10px;
padding:0 10px;
        height:100%;
        border-right: 1px dashed #ccc;}

.section:last-child  { 
border-right:0;
}
.contact-box { margin-left:15%;
}
.contact-box p {  font-size:15px; color:#FFFFFF;
}
.contact-box h3 { padding:30px 0 4px 0;
}
.name { float:left; margin-right:15px;
}
.email { float:left;
}
.message {}
.submit {
	cursor: pointer;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 16px;
         border:1px solid #393939;
	background-color: #1b1b1b;
}

.submit:hover {
	cursor: pointer;
        border:1px solid #393939;
        background-color: #239dc5;

}