Not ie
======
/* *************** Global style and reset starts ************** */
			
/*
reset 
PIE
clear float
*/

html{
	width: 100%;
	height: auto;
	background: #fff;
}




body{
	width: 100%;
	height: auto;	
	background: #fff;
	margin: 0 auto;
	font: 100% 'Roboto', sans-serif;
	line-height: 1.5;
	position: relative;
	font-weight:normal;
	font-style:normal;
}



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



















/* Main style */	

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






.class-section-titles{
	position: absolute;
	text-indent: -9999999px;
}




			

/* Header style */

header#id-page-header{
   width: 320px;
   /*height: 60px;*/
   position: fixed;
   left: 50%;
   margin: 0 0 0 -160px;
}





section#id-header-child{
	width: 320px;
	/*height: 60px;*/
	position: fixed;
	left: 50%;
	margin: 0 0 0 -160px;
	/*border: solid 1px #000;*/
	background: #fff;
	
	padding: 17px 20px 15px 20px;
}




#id-header-hamburger-menu-icon{
	/*width: 16px;
	height: 20px;
	background: lightblue;
	margin: 10px -20px 0 0;*/
	cursor: pointer;
	float: left;
	/*background: url(../leprocesseur-images/leprocesseur-small-images/leprocesseur-hamburger-menu-icon-small.png);
	background-repeat: no-repeat;*/
	
	color: #777;
	font-size: 22px;
	width: 22px;
	height: 22px;
	margin: 10px 0 0 0;
	/*border: solid 1px #000;*/
}



#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: -9999999px;
	background: url(../leprocesseur-images/leprocesseur-logo.png) no-repeat;
	background-repeat: no-repeat;
	background-size: 197.5px 50px;
	border: 0;
	margin: 0 0 0 -5px;
	/*border: solid 1px #000;*/
}



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



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



































/* **********      Nav style has been removed      ************* */

/* 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;
}




/* *********  Imported Hamburger menu style starts ********** */
			
/* Screen reader only */
.class-sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}






/*
	Default styles + Mobile first
	Offscreen menu style
*/


.class-main-nav-menu {
  position: absolute;
  left: -12.5rem;
  top: 0;
  height: 100%;
  overflow-y: scroll;
  overflow-x: visible;
  -webkit-transition: left 0.3s ease,
		-webkit-box-shadow 0.3s ease;
  transition: left 0.3s ease,
		-webkit-box-shadow 0.3s ease;
  -o-transition: left 0.3s ease,
		box-shadow 0.3s ease;
  transition: left 0.3s ease,
		box-shadow 0.3s ease;
  transition: left 0.3s ease,
		box-shadow 0.3s ease,
		-webkit-box-shadow 0.3s ease;
  z-index: 999;
}



.class-main-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 2.5em 0 0;
  /* Hide shadow w/ -0.5rem while 'closed' */
  -webkit-box-shadow: -0.5rem 0 0.5rem rgba(0,0,0,.5);
		  box-shadow: -0.5rem 0 0.5rem rgba(0,0,0,.5);
  min-height: 100%;
  width: 12.5rem;
  background: #1a1a1a;
}



.class-main-nav-menu a {
  display: block;
  padding: .75rem 0.9375rem;
  line-height: 1rem;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  border-bottom: 0.0625rem solid #383838;
}



.class-main-nav-menu li:first-child a {
  border-top: 0.0625rem solid #383838;
}



.class-main-nav-menu a:hover,
.class-main-nav-menu a:focus {
  background: #333;
  text-decoration: underline;
}



.class-main-nav-menu .class-menu-close {
  position: absolute;
  right: 0;
  top: 0;
}



/*
 More to come here...
*/


/*
 Demo purposes only
*/


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
}







/* ******************** ******************* */

/*
 On small devices, allow it to toggle...
*/


/*
 :target for non-JavaScript
 [aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.
*/



.class-main-nav-menu:target,
.class-main-nav-menu[aria-expanded="true"] {
  display: block;
  
  outline: none;
  -webkit-box-shadow: 0.1875rem 0 0.75rem rgba(0,0,0,.25);
		  box-shadow: 0.1875rem 0 0.75rem rgba(0,0,0,.25);
}



.class-main-nav-menu:target .class-menu-close,
.class-main-nav-menu[aria-expanded="true"] .class-menu-close {
  z-index: 1001;
}



.class-main-nav-menu:target ul,
.class-main-nav-menu[aria-expanded="true"] ul {
  position: relative;
  z-index: 1000;
}



/* 
 We could us `.class-main-nav-menu:target:after`, but
 it wouldn't be clickable.
*/


.class-main-nav-menu:target + .class-backdrop,
.class-main-nav-menu[aria-expanded="true"] + .class-backdrop{
  position: absolute;
  display: block;  
  
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #333;
  background: rgba(0,0,0,.75);
  cursor: default;
}



@supports (position: fixed) {
  .class-main-nav-menu,
  .class-main-nav-menu:target + .class-backdrop,
  .class-main-nav-menu[aria-expanded="true"] + .class-backdrop{
	position: fixed;
  }
}

/* *********  Imported Hamburger menu style ends ********** */




































/* Banner style */




































/* portfolio */




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

.class-portfolio-share-section{
	/*width: 2rem;*/
	height: auto;
	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   ************************* */







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

.class-service-share-section{
	height: auto;
	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;
	/*border: solid 1px #f00;*/
}



.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   ************************* */
























/* Contact us section */




























/*  **** footer **** */


			
			
			
			
			
			




















/* **********  Bottom bar style starts here  ********** */
			
			.class-bottom-bar-section {
				
			}
			
			
			section#id-bottom-bar-child{				
				height: 3.5rem;
				position: fixed;
				width: 320px;
				left: 50%;
				margin: 0 0 0 -160px;
			}



			
			
			/* **********  Bottom bar style ends here  ********** */
			
			
				
				
==================================================================================
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' );
}













==================================================================================
css 6
=====


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


body {
	_background-color: #e5e5e5;
}


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















/* Main style */	

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





	
	
	


	
	
	
	
/* Header style */

header.class-header-fixed-position{
	top: 0;
	
	position: fixed;
	text-align: center;
	/*background: #333;*/
	z-index: 1000;	
}



#id-header-child{
	/*width: 307px;*/
	background: #fff;
	padding: 10px 20px 10px 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;
}



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



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






























/* Nav */

nav#id-main-nav-menu{
	width: 65%;
	height: auto;
	background: #333;
	margin: 0 0 0 0;
	overflow-y: scroll;
	overflow-x: visible;
	display: none;
	z-index: 3000;
}



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   ************************* */






























/* Contact us section */









/*  **** footer **** */

			
			
			
			











/* **********  Bottom bar style starts here  ********** */
section.class-bottom-bar-section-fixed-position{
	/*width: 100%;*/
	height: 55px;
	text-align: center;
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	clear: both;
}



section#id-bottom-bar-child{
	height: 55px;
	/*width: 307px;*/
	background: #333;
	/*padding: 0 20px 0 20px;*/
	position: fixed;
	text-align: center;
	
	behavior: url(leprocesseur-stylesheets/PIE.htc);
	z-index: -1000;
}



/* **********  Bottom bar style ends here  ********** */

			
			





section.class-bottom-bar-section-absolute-position-for-ie6{
	_position: absolute ;
}



section.class-bottom-bar-section-expression-for-ie6{
	_bottom: auto ;
	_top: expression( ie6 = (document.documentElement.scrollTop + document.documentElement.clientHeight - 55 + "px") ) ;
}







==================================================================================
ie7
===



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



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





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















/* Main style */	

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














/* Header style */

header#id-page-header{
   width: 320px;
   /*height: 60px;*/
   position: fixed;
   left: 50%;
   margin: 0 0 0 -160px;
}





section#id-header-child{
	width: 280px;
	/*height: 60px;*/
	position: fixed;
	left: 50%;
	margin: -2px 0 0 -162px;
	/*border: solid 1px #000;*/
	background: #fff;
	
	padding: 17px 20px 15px 20px;
}




#id-header-hamburger-menu-icon{
	width: 16px;
	height: 20px;
	background: lightblue;
	margin: 10px -20px 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;
}



























/* Nav */

nav#id-main-nav-menu{
	width: 208px;
	/*height: 60px;*/
	position: fixed;
	left: 50%;
	margin: -2px 0 0 -162px;
	/*border: solid 1px #000;*/
	background: #333;
	/*
	padding: 17px 20px 15px 20px;*/
	overflow-y: scroll;
	overflow-x: visible;
	display: none;
	z-index: 5000;
}






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;
}




#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;
	/*border: solid 1px #f00;*/
}



.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   ************************* */


























/* Contact us section */
	
























/*  **** footer **** */










/* Bottom bar */

section#id-bottom-bar-section{
   width: 320px;
   height: 50px;
   position: fixed;
   
   
   color: white;
   text-align: center;
   left: 50%;
   margin: 0 0 0 -162px;
   background: #333;
   box-shadow: 0px -2px 5px #999;
   /*border: solid 1px #000;*/
   padding: 10px 0 0 0;
}



section#id-bottom-bar-child {
	/*width: 310px;
	width: 280px;*/
	height: auto;
	position: fixed;
	
	
	/*background: #333;
	border: solid 1px #000;*/
	text-align: center;
	
	left: 50%;
	
	/*margin: -2px 0 0 -162px;	
	border: solid 1px #fff;*/
	
	margin: 0 auto 0 -150px;
	
	padding: 5px 0 5px 0;
}












==================================================================================
ie 8
====





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





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















/* Main style */	

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














/* Header style */

header#id-page-header{
   width: 320px;
   /*height: 60px;*/
   position: fixed;
   left: 50%;
   margin: 0 0 0 -160px;
}





section#id-header-child{
	width: 320px;
	/*height: 60px;*/
	position: fixed;
	left: 50%;
	margin: 0 0 0 -160px;
	/*border: solid 1px #000;*/
	background: #fff;
	
	padding: 17px 20px 15px 20px;
}




#id-header-hamburger-menu-icon{
	width: 16px;
	height: 20px;
	background: lightblue;
	margin: 10px -20px 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;
}



























/* Nav */

nav#id-main-nav-menu{
	width: 208px;
	/*height: 60px;*/
	position: fixed;
	left: 50%;
	margin: -2px 0 0 -162px;
	/*border: solid 1px #000;*/
	background: #333;
	/*
	padding: 17px 20px 15px 20px;*/
	overflow-y: scroll;
	overflow-x: visible;
	display: none;
	z-index: 5000;
}






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;
}




#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: auto;
	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: auto;
	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;
	/*border: solid 1px #f00;*/
}



.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   ************************* */


























/* Contact us section */







/*  **** footer **** */








/* Bottom bar */

section#id-bottom-bar-section{
   width: 320px;
   height: 60px;
   position: fixed;
   
   color: white;
   text-align: center;
   left: 50%;
   margin: 0 0 0 -162px;
   background: #333;
   
   /*border: solid 1px #000;*/
   padding: 10px 0 0 0;
}



section#id-bottom-bar-child {
	/*width: 310px;
	width: 280px;*/
	height: auto;
	position: fixed;
	
	/*background: #333;
	border: solid 1px #000;*/
	text-align: center;
	
	left: 50%;
	
	/*margin: -2px 0 0 -162px;	
	border: solid 1px #fff;*/
	
	margin: 0 auto 0 -150px;
	
	padding: 5px 0 5px 0;
}






==================================================================================
==================================================================================
==================================================================================