css.5
=====




body{
	margin: 0;
	padding: 0;
	position: relative;
	font: 100% 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
}



img{
	border: 0;
	padding: 0;
	margin: 0;
}





body {
	_background-color: #e5e5e5;
	position: relative;
	text-align: center;
}












/* Main style */	

main#id-main{
	width: 320px;
	height: 2000px;
	background: #fff;
	/*border: solid 1px #000;*/
	text-align: center;
	/*position: relative;
	overflow: hidden;*/
}




header#id-page-header{
	width: 320px;
	height: auto;
	/*border: solid 1px #000;*/
	position: relative;
	top:expression(this.offsetParent.scrollTop+'px');
}



section#id-header-child{
	width: 320px;
	height: auto;
	/*border: solid 1px #f00;*/
	position: relative;
	top:expression(this.offsetParent.scrollTop+'px');
}




#id-header-child{
	/*width: 307px;*/
	background: #fff;
	padding: 15px 20px 15px 20px;
	
}



#id-header-hamburger-menu-icon{
	width: 16px;
	height: 20px;
	background: lightblue;
	margin: 10px -16px 0 0;
	cursor: pointer;
	float: left;
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-hamburger-menu-icon-small.png);
	background-repeat: no-repeat;
}



#id-header-hamburger-menu-icon:hover{
	cursor: pointer;
}



#id-header-logo-text-and-image-container{
	margin: 0 auto 0 auto;
	height: 52px;
	/*width: 197.5px;
	margin: 0.1rem auto 0 auto;*/
	text-align: center;
	width: 11.5625rem;
}



#id-header-logo-text-and-image-container a{
	display: block;
	width: 197.5px;
	height: 50px;	
	text-indent: -9999px;
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-logo-small.png) no-repeat;
	background-repeat: no-repeat;
	border: 0;
}



.class-logo-text{
	position: absolute;
	text-indent: -9999px;
}



.class-website-text-tagline{
	position: absolute;
	text-indent: -9999px;
}










/*
	#id-testing-height{
		width: 100px; 
		height: 2000px; 
		background: yellow;
		margin: 0 0 150px 0;
	}
*/
























/* Nav */

nav#id-main-nav-menu{
	width: 65%;
	height: auto;
	background: #333;
	left: 50%;
	margin: 0 0 0 -50%;
	/*margin: -85px 0 0 -110px;*/
	overflow-y: scroll;
	overflow-x: visible;
	display: none;
	
	
	z-index: 5000;
	/*border: solid 1px #000;
	position: relative;*/
	top:expression(this.offsetParent.scrollTop+'px');
}




nav.class-nav-fixed-position{
	top: 0;
	
	position: fixed;
	/*text-align: center;*/
	/*z-index: 1000;	*/
}




ul#id-main-nav-menu-ul{
	/*border: solid 1px #f00;*/
	text-align: left;
}



ul#id-main-nav-menu-ul li{
	width: 100%;
	display: block;
	/*background: #fff;*/
}



ul#id-main-nav-menu-ul li a{
	width: 100%;
	display: block;
	text-decoration: none;
	border-top: solid 1px #eee;
	
	padding: .75rem 0 .75rem 0;
	/*padding: .75rem 0 .75rem 0.9375rem;*/
	line-height: 1rem;
	font-size: 1rem;
	color: #fff;
	text-indent: 0.9375rem;
}



ul#id-main-nav-menu-ul li a:hover{
	background: #f00;
}



nav.class-nav-fixed-position-absolute-position-for-ie6{
	_position: absolute ;
}



nav.class-nav-expression-for-ie6{
	_top: 0;
	_
	_top: expression( ie6 = (document.documentElement.scrollTop + "px") ) ;
}



#id-main-nav-menu-close-text{
	display: none;
}



a#id-main-nav-menu-close-button-and-text-container{
	width: 25px;
	height: 25px;
	text-decoration: none;
	display: block;
	text-align: center;
	/*border: solid 1px #fff;*/
	margin: 0 0 0 166px;
}



a#id-main-nav-menu-close-button-and-text-container:hover{
	background: red;
}



#id-main-nav-menu-close-button{
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	/*padding: 5px;*/
	
}























/* cancel-bubble-event-checkbox */

#id-cancel-bubble-event-checkbox-div-container{
	width: 25px;
	height: 25px;
	border: solid 1px #000;
	margin: 100px 0 0 0;
	z-index: 2000;
	visibility: hidden;
}



#id-cancel-bubble-checkbox{
	visibility: hidden;
}


















/* Banner style */























/* portfolio */




/* ***********************************   Portfolio share buttons style   ******************************* */

.class-portfolio-share-section{
	/*width: 2rem;*/
	height: 33px;
	padding: 0.625rem 0 0.625rem 0;
	border-top: solid #ddd 0.0625rem;
	border-bottom: solid #ddd 0.0625rem;
	margin: 2.50rem 0 0 0;
	text-align: left;
	/*outline: solid 1px #000;
	border: solid 1px #000;*/
}




.class-portfolio-share-icon{
	width: 1.5rem;
	height: 1.5rem;
	background: #777;
	float: left;
	margin: 0.3rem 0.5rem 0 0.5rem;
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-share-icon-small.png) no-repeat;
	/*background: url(leprocesseur-images/leprocesseur-share-icon.png);*/
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	/*border: solid 1px #000;*/
}



.class-portfolio-share-text{
	text-transform: uppercase;
	font-size: 1rem;
	color: #0080ff;
	float: left;
	margin: 0.5rem 0 0 0;
}



		
ul.class-portfolio-social-media-share-icons{
	margin: 0 0 0 7rem;
	/*outline: solid 1px #000;*/
}



ul.class-portfolio-social-media-share-icons li{
	float: left;
	margin: 0.25rem .9rem 0 0;
	/*margin: 0.1875rem 1rem 0 0;*/
	/*outline: solid 1px #000;*/
}



ul.class-portfolio-social-media-share-icons li:last-child{
	margin: 0 0 0 0;
	/*margin: 0.1875rem 0 0 0;*/
}



.class-portfolio-share-button-icons{
	width: 1.5625rem;
	height: 1.5625rem;
	cursor: pointer;
	/*border: solid 1px #efefef;
	background: #777;	
	behavior: url(leprocesseur-stylesheets/PIE.htc);*/
}

	

.class-portfolio-email-share-button-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-email-share-icon-small.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}


.class-portfolio-facebook-share-buttons-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-facebook-share-icon-small.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}


.class-portfolio-linkedin-share-buttons-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-linkedin-share-icon-small.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}


.class-portfolio-twitter-share-buttons-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-twitter-share-icon-small.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}



/* *************************  End portfolio share buttons style   ************************* */
			
			



























/* Services */



/* ***********************************   Service share buttons style   ******************************* */

.class-service-share-section{
	height: 33px;
	padding: 0.625rem 0 0.625rem 0;
	border-top: solid #ddd 0.0625rem;
	border-bottom: solid #ddd 0.0625rem;
	margin: 1rem 0 0 0;
	text-align: left;
}



.class-service-share-icon{
	width: 1.5rem;
	height: 1.5rem;
	background: #777;
	float: left;
	margin: 0.3rem 0.5rem 0 0.5rem;
	background: url(../leprocesseur-images/leprocesseur-small-images/gray-background/leprocesseur-share-icon-small-gray.png) no-repeat;
	/*background: url(leprocesseur-images/leprocesseur-share-icon-gray.png);*/
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	/*border: solid 1px #000;*/
}



.class-service-share-text{
	text-transform: uppercase;
	font-size: 1rem;
	color: #0080ff;
	float: left;
	margin: 0.5rem 0 0 0;
}



		
ul.class-service-social-media-share-icons{
	margin: 0 0 0 7rem;
}



ul.class-service-social-media-share-icons li{
	float: left;
	margin: 0.25rem .9rem 0 0;
}



ul.class-service-social-media-share-icons li:last-child{
	margin: 0 0 0 0;
}



.class-service-share-button-icons{
	width: 1.5625rem;
	height: 1.5625rem;
	background: #777;
	cursor: pointer;
	/*border-radius: 50%;*/
}

	

.class-service-email-share-button-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/gray-background/leprocesseur-email-share-icon-small-gray.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}


.class-service-facebook-share-buttons-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/gray-background/leprocesseur-facebook-share-icon-small-gray.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}


.class-service-linkedin-share-buttons-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/gray-background/leprocesseur-linkedin-share-icon-small-gray.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}


.class-service-twitter-share-buttons-icon{
	background: url(../leprocesseur-images/leprocesseur-small-images/gray-background/leprocesseur-twitter-share-icon-small-gray.png);
	background-repeat: no-repeat;
	background-size: 1.5625rem 1.5625rem;
}

/* *************************  End service share buttons style   ************************* */



























/* Bottom bar section */

section#id-bottom-bar-section{
	height: 55px;
	width: 320px;
	/*background: #333;*/
	/*border: solid 1px #000;*/
	
	
	left: 50%;
	
	margin: 0 0 0 -160px;
	
				
	position: absolute;
	top: expression(offsetParent.scrollTop -0 + (offsetParent.clientHeight-this.clientHeight) +'px' );
}




section#id-bottom-bar-child{
	height: 55px;
	width: 320px;
	background: #333;
	/*border: solid 1px #000;*/
	
	
	left: 50%;
	
	margin: 0 0 0 -160px;
	text-align: center;
	
	behavior: url(leprocesseur-stylesheets/PIE.htc);
	z-index: -1000;
	
				
	position: absolute;
	top: expression(offsetParent.scrollTop -0 + (offsetParent.clientHeight-this.clientHeight) +'px' );
}