==================================================================================
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") ) ;
}