/* Conception PMKMedia.nl */
/* Integration & Modifs www.lesiteinter.net */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=button],input[type=submit],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* Stylesheet: Single1200-Theme // Single1200-grid Modified On 2015-12-21 22:55:57 */
/* Conception PMKMedia.nl */
/* Integration & Modifs www.lesiteinter.net */

/* body css */
body {
	background: #FFF;
	font-family: 'Raleway', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 28px;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

/* headings / paragraph margin css */
h1,h2,h3,h4,h5,h6,p {margin:10px;}

/* headings css */
h1 {font-size:28px;font-weight:600;color:#000;line-height:40px;}
h2 {font-size:24px;font-weight:600;color:#000;line-height:36px;}
h3 {font-size:20px;font-weight:600;color:#000;line-height:32px;}
h4 {font-size:18px;font-weight:600;color:#000;line-height:30px;}
h5 {font-size:16px;font-weight:600;color:#000;}
h6 {font-size:14px;font-weight:600;color:#000;}

/* list css */
ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */
a:link {color:#666;text-decoration:underline;}
a:visited {color:#999;}
a:hover {color:#000;}
a:active {color:#333;}

/* elements css */
strong,b {font-weight:600;}
em,i {font-style:italic;}
u {text-decoration:underline;}

.form input, .form textarea {border:1px solid #000;padding:8px;font-family:'Raleway',sans-serif;color:#000;font-size:14px;}
.form input[type=submit] {color:#FFF;background-color:#333;}
.form td {padding:0 22px;border:0;}

/* CMSMS MicroTiny WYSIWYG Editor text left */
.CMSMSBody {text-align:left;}

/* content css */
#header_container {
	top: 0;
	left: 0;
	position: fixed;
	background: #FFF;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#content_container {
	margin-top: 60px;
	width: 100%;
}

.content_back {
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #efefef;
	font-size: 18px;
	font-weight: 600;
	padding: 200px 0;
}

.content_back p,.content_back h1,.content_back h2,.content_back h3,.content_back h4,.content_back h5,.content_back h6 {
	color: #FFF;
	padding: 5px 15px;
}

#portfolio {padding:0;}
#conception-web {padding:0;}

.content_blocks {
	background: #FFF;
	border-bottom: 1px solid #efefef;
	padding: 40px 0;
}

.content_blocks img {padding:30px;width:100%;max-width:360px;}

.content_blocks p,.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5,.content_blocks h6 {
	padding: 15px;
	color: #000;
}

.footer-desktop {display:block;}
.footer-mobile {display:none;}

.footer {
	background: #f5f5f5;
	padding-bottom: 30px;
}

.footer a {text-decoration:none;}

.footer p,.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 0 15px;
	color: #666;
}

.main-nav {
	font-family: 'Quicksand', sans-serif;
	font-size: 48px;
	text-align: center;
}

.main-nav p {margin:0;}

.main-nav a {
	color: #666;
	font-weight: 300;
	text-decoration: none;
}

.main-nav a:hover {color:#CCC;}

.slideshow {position:relative;width:100%;height:0;padding-bottom:675px;}
.slideshow iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* loading css */
#loading {
	position: fixed;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	z-index: 2000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #FFF url('https://www.lesiteinter.net/uploads/icons/loading.gif') 50% 50% no-repeat;
	background-size: 48px 48px;
	-moz-background-size: 48px 48px;
	-webkit-background-size: 48px 48px;
}

@media screen and (max-width: 1600px) {
	.content_back {padding:150px 0;}
	.slideshow {padding-bottom:40%;}
}

@media screen and (max-width: 1200px) {
	.content_back {padding:100px 0;}
	.slideshow {padding-bottom:60%;}
}

@media screen and (max-width: 800px) {
	#header_container:hover {overflow:auto;max-height:100%;}
	.footer-desktop {display:none;}
	.footer-mobile {display:block;text-align:center;}
	.footer {padding-bottom:0;}
	.slideshow {padding-bottom:70%;}}
}

@media screen and (max-width: 600px) {
	.content_back {padding: 40px 0;}
	.slideshow {padding-bottom:95%;}
}
/* Stylesheet: Single1200-Theme // Single1200-style Modified On 2016-01-31 21:12:02 */
/* Conception PMKMedia.nl */
/* Integration & Modifs www.lesiteinter.net */

/* menu css */
#menu {font-size:16px;}

.logo a {text-decoration:none;}
#nav-mobile {display:none;}

#menu-mobile {float:right;}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

/* menu link css */
#menu a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 24px;
}

#menu a:hover, #menu li.active a {
	color: #999;
}

#menu ul {
	background: #FFF;
	border: 1px solid #999;
	width: 200px;
}

#menu ul a {
	background: #FFF;
	color: #000;
	width: 198px;
	padding: 10px;
}

@media screen and (max-width: 1200px) {	

	/* menu link css */
	#menu a {
		padding: 10px 18px;
	}

}

@media screen and (max-width: 960px) {	

	/* menu link css */
	#menu a {
		padding: 10px 12px;
	}

}

@media screen and (max-width: 800px) {	

	/* mobile menu css */

	#menu-mobile {float:none;}
	.logo {display:none;}

	#nav-mobile {
		display: block;
		padding: 10px;
		font-weight: 600;
		background: url(data:image/png;base64,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) no-repeat right;
		background-position: 98% 50%; 
		background-size: 22px;
		-moz-background-size: 22px;
		-webkit-background-size: 22px;
	}

	#menu {display:none;}
	#menu-mobile:hover #menu {display:block;}

	/* menu css */
	#menu li {float:none;}
	#menu ul {width:100%;border:0;}

	/* menu link css */
	#menu a {width:100%;padding:10px;border-bottom:1px solid #efefef;}

}
/* Stylesheet: Single1200-Theme // Single1200-menu Modified On 2015-12-21 22:56:17 */
/* Conception PMKMedia.nl */
/* Integration & Modifs www.lesiteinter.net */

/* video header css */
.videocontent video {
	display: block;
	width: 100%;
	margin: -12.5% 0;
}

.videocontent {
	display: block;
	width: 100%;
	height: 595px;
	margin: 0;
	overflow: hidden;
}

/* video header txt css */
.videotextcontent {
	position: absolute;
	width: 1200px;
	height: 225px;
	margin: 200px 0;
	overflow: hidden;
}

@media screen and (max-width: 1600px) {
	.videocontent video {margin:-7.5% 0;}
	.videocontent {height:auto;margin:-50px 0;}
	.videotextcontent {margin:12.5% 0;}
}

@media screen and (max-width: 1200px) {
	.videocontent {margin:-100px 0;}
	.videotextcontent {width:100%;margin:10% 0;}
}

@media screen and (max-width: 960px) {
	.videotextcontent {margin:7.5% 0;}
}

@media screen and (max-width: 800px) {
	.videocontent video {margin:0;}
	.videotextcontent {display:none;}
}

@media screen and (max-width: 600px) {
	.videocontent {margin:-40px 0;}
}
/* Stylesheet: Single1200-Theme // Single1200-video Modified On 2016-01-31 21:05:59 */
