/******************************/
/****** INSITWEB custom *******/
/******************************/

/* SOMMAIRE
	- STYLE GENERAL
	- STYLE HEADER
	- STYLE MENU TOP
	- POSITION BREADCRUMB
	- POSITION MAIN BOBY
	- POSITION FEATURE
	- POSITION BOTTOM
	-
*/

/***** STYLE GENERAL *****/
@font-face {
    font-family: 'hemi_headbold_italic';
    src: url('../fonts/hemi_headbold_italic/hemi head bd it-webfont.eot');
    src: url('../fonts/hemi_headbold_italic/hemi head bd it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hemi_headbold_italic/hemi head bd it-webfont.woff2') format('woff2'),
         url('../fonts/hemi_headbold_italic/hemi head bd it-webfont.woff') format('woff'),
         url('../fonts/hemi_headbold_italic/hemi head bd it-webfont.ttf') format('truetype'),
         url('../fonts/hemi_headbold_italic/hemi head bd it-webfont.svg#hemi_headbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

span.blackColor {
	color: #000000;
}
span.whiteColor {
	color: #ffffff;
}
h1, h2, h3, h4, h5, h6, .article_title, .module_title, .pagetitle, #sp-menu-top ul.sp-megamenu-parent > li.sp-menu-item > a, #sp-position1 .header-tel p {
	font-weight: normal !important;
    font-family:'hemi_headbold_italic', Arial, sans-serif;
}

/*@media (max-width: @screen-sm-min)
@media (min-width: @screen-sm-min)
@media (min-width: 768px) and (max-width: 979px) */
@media screen and (min-width: 768px) {
	body {
		/*background: transparent url('../images/bg-body_footer.jpg') no-repeat center bottom;*/		
		background: url('../images/bg-body_header.jpg'), url('../images/bg-body_footer.jpg') !important;
		background-position: center top, center bottom !important;
		background-repeat: no-repeat !important;
	}
}


.layout-boxed .body-innerwrapper {
	background: none !important; 
	 box-shadow: none !important; 
}

#sp-main-body, #sp-slide, #sp-menu-features-home, #sp-contact-google-map, #sp-services-bottom {
	background:  #f2f2f2 !important;
}





/***** POSITION HEADER *****/

#sp-header{	
	margin: 50px 0px 0px 0px;	
}
#sp-logo {
	margin-top: 10px;
	padding: 0px;	
}

#sp-position1 .header-tel p {	
	float: right;
	font-size: 1.8em;
	color: #ffffff;
	text-shadow: -5px 5px 4px #000000;
	margin-top: 10px;
}
@media screen and (min-width: 992px) {
	#sp-position1 .header-tel p {		
		font-size: 2.2em;				
		margin-top: 130px;			
	}
}









/***** POSITION MENU TOP *****/
#sp-menu-top {
	width: 100%;
	height: 70px;	
	margin: 0px;
	padding: 0px;
}
#sp-menu-top {	
	background: transparent url('../images/topmenu_bg.jpg') repeat-x left top;	
}
#sp-menu-top .container {	
	background: transparent url('../images/topmenu_left.jpg') no-repeat left top;	
}
#sp-menu-top .container .row {	
	background: transparent url('../images/topmenu_right.jpg') no-repeat right top;		
}
#sp-menu-top #sp-menu  {	
	line-height: 14px;
}
#sp-menu-top #offcanvas-toggler {    
    line-height: 60px;
}

#sp-menu-top ul.sp-megamenu-parent > li.sp-menu-item {
	background: transparent url('../images/topmenu_separator.jpg') no-repeat right top;
	padding: 0px 19px;
}
#sp-menu-top ul.sp-megamenu-parent > li.sp-menu-item > a {	
	font-size: 1.4em;
	font-weight: normal !important;    
}
@media screen and (max-width: 1200px) {
	#sp-menu-top ul.sp-megamenu-parent > li.sp-menu-item {	
		padding: 0px 0px;
	}	
}
@media screen and (max-width: 992px) {	
	#sp-menu-top ul.sp-megamenu-parent > li.sp-menu-item > a {	
		font-size: 1em;		    
	}
}

/* Menu mobile */
.offcanvas-menu .offcanvas-inner {
  padding: 20px 20px 20px 40px;
}
.sp-module span.separator, .sp-module li.item-155 > a {
	color: #df0303;
	font-size: 1.2em;
	font-weight: bold;
}









/***** POSITION BREADCRUMB *****/
#sp-breadcrumb {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	margin-bottom: 0px;	
}
#sp-breadcrumb .sp-module-content .breadcrumb2 {
	height: 20px;
	background: none !important;
	color: #ffffff;	
}
#sp-breadcrumb .breadcrumb2 a {
	color: #cccccc;
	font-weight: bold;
}
#sp-slide {
	padding-top: 10px;
}










/***** POSITION MAIN BODY *****/

.page-header {
    padding-bottom: 0px;
	margin: 0px 0px 0px;
    border-bottom: 0px solid #EEE;
}
.content-category > h1{
	margin-bottom: 40px;
}
.page-header > h1, .content-category > h1{
    padding-bottom: 0px;
    padding: 0px 0px 8px;
    border-bottom: 3px double #555555;
}

#sp-component h1 {
	background: transparent url('../images/bg_h1.png') no-repeat left top;
	padding-left: 60px;
}

/* Composant Jcomment */
#comments-footer a,
.comment-date {
  display: none !important;
}
#comments .comment-body {
  line-height: 1.3em !important;
  margin: 10px 0 !important;
  padding: 0 0 2px !important;
  text-align: justify !important;
}
#comments .comment-title {
  color: #df0303 !important;
}
#comments-form-link {
	margin: 20px 0 0 0;
	padding: 20px 0 10px 0;
	border-top: 1px solid #555555;
}

/* Formulaire de contact */
#myTabTabs {
	margin-top: 40px;
}
ul#myTabTabs li {
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */	
	
	border-top: 1px solid #1C1C1C;
	border-right: 1px solid #1C1C1C;
	border-left: 1px solid #1C1C1C;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul#myTabTabs li > a:hover, ul#myTabTabs li.active > a {
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

	color: #ffffff;
}

ul#myTabTabs li a {
	font-weight: bold;
}
span.jicons-text {
	display:none;
}

#myTabContent {
	padding: 10px;
	background-color: #ffffff;
}

div.contact .pull-right {
    float: none !important;	
	text-align: left;
}
div.contact .pull-right > img {
    margin: 0px;
}
/* Formulaire */
#contact-form {
	border-bottom:  1px solid #df0303;
}
.contact-form .control-group {	
}
.contact-form .control-group .control-label{	
	width: 28%;
}
.contact-form .control-group .control-label > label {	
	font-weight: bold;
}
.contact-form .control-group .controls  {
	margin-left: 30%;
}
.contact-form .control-group .controls > input,
.contact-form .control-group .controls > textarea {
	width: 80%;
}
.contact-form .control-group .controls > textarea {
	height: 100px;
}
.contact-form .form-actions {	
	text-align: right;
	margin-right: 12%;
}

/* Adresse */
.legendForm {
	font-size: 1.4em;
	margin-top: 20px;
}
.legendForm > span {
	font-size: 0.7em;
	font-style: italic;
	color: #df0303;
}

.row-fluid {
    width: 100%;
	padding-bottom: 50px;
	border-bottom: 1px solid #df0303;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 15px;
}
.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    box-sizing: border-box;
    float: left;
    margin-left: 1.76678%;
}
.row-fluid .span4 {
    width: 31.1555%;	
}
@media screen and (max-width: 768px) {
	.row-fluid .span4 {
		width: 98.1555%;
	}
}
.contact_details .icons-marker {
    display: block;
    width: 16px;
    margin-right: 12px;
    float: left;
}
.contact_address {
	display: block;
    overflow: hidden;
}
.contactIntro {
	padding: 10px;
	margin-bottom: 20px;
	border:1px solid #555555;
}
/* Google map */
#sp-contact-google-map {	
	padding-top: 20px;
	padding-bottom: 40px;
}



/***** POSITION SERVICES BOTTOM *****/
#sp-services-bottom {	
	padding: 10px 0px 20px 0px;
	border-top: 3px double #333333;
	border-bottom: 3px double #333333;
}




/***** POSITION FEATURE *****/
#sp-feature h3.sp-module-title {
	background-color: #1b1a1a;
	font-size: 20px;
	color: #999999;
	padding: 10px 0px 10px 20px;
}
#Bg-ns2-inner {
	min-height: 100px !important;
	background: #ffffff url('../images/bg_feature_home.png') no-repeat left bottom;
	background-size: cover;
	
	border:1px solid #555555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#Bg-ns2-inner > h4 > a{
	color: #000000;
	text-shadow: 1px 1px 1px #cccccc;
}
#Bg-ns2-inner > h4 > a:hover{
	color: #df0303;	
}







/***** POSITION BOTTOM *****/
#sp-bottom2, 
#sp-bottom3 {
	padding-top: 20px;	
}
#sp-bottom1 h3.sp-module-title,
#sp-bottom2 h3.sp-module-title, 
#sp-bottom3 h3.sp-module-title{
	color: #ffffff;
}

/* Module Nos horaires */
#sp-bottom1 .nos-horaires {
	background: #bfbfbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #f9f9f9 42%, #f9f9f9 64%, #b0b0b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(42%,#f9f9f9), color-stop(64%,#f9f9f9), color-stop(100%,#b0b0b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#f9f9f9 42%,#f9f9f9 64%,#b0b0b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfbfbf 0%,#f9f9f9 42%,#f9f9f9 64%,#b0b0b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfbfbf 0%,#f9f9f9 42%,#f9f9f9 64%,#b0b0b0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfbfbf 0%,#f9f9f9 42%,#f9f9f9 64%,#b0b0b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-9 */	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
#sp-bottom1 .nos-horaires h3.sp-module-title {
	padding: 20px 0px 0px 20px;
	text-shadow: -2px 2px 4px #000000;
}
#sp-bottom1 .nos-horaires p.sp-module-content {
	background: transparent url("../images/shad-1.png") repeat-x left top;
	color: #555555;
	font-weight: bold;
	padding: 20px 0px 10px 20px;
}

/* Module Infos société */
#sp-bottom1 .infos-societe {
	margin-top: 40px;
	padding-left: 10px;	
}
#sp-bottom1 .infos-societe h3.sp-module-title {
	font-size: 1.5em;	
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#sp-bottom1 .infos-societe .sp-module-content {	
	color: #cccccc;
}

/* Module Notre boutique */
#sp-bottom2{	
	background: #191919 url('../images/shad-2.png') no-repeat right 100px;	
}
#sp-bottom2 .notre-boutique h4 {
	margin-bottom: 30px;
	padding-left: 30px;
}
#sp-bottom2 .notre-boutique div.menu-cols {	
	width: 100%;	
}
#sp-bottom2 .notre-boutique div.menu-1 {
	float: left;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 10px;
}
#sp-bottom2 .notre-boutique div.menu-2 {
	float: left; 
	width: 45%; 
	margin-left: 30px;
	margin-bottom: 10px;
}
#sp-bottom2 .notre-boutique p.btn-tout-nos-produits {
	clear: both;	
	background: transparent url("../images/bg-btn-tout-nos-produits.png") no-repeat left top;
	margin-top: 120px;	
	padding-left: 15px;
}
#sp-bottom2 .notre-boutique p.btn-tout-nos-produits a {	
	font-weight: normal !important;
    font-family:'hemi_headbold_italic', Arial, sans-serif;
	color: #ffffff;		
}
#sp-bottom2 .notre-boutique p.btn-tout-nos-produits a:hover {	
	color: #000000;		
}

/* Module Menu Informations */
#sp-bottom3 a{
	color: #ffffff !important;	
}
#sp-bottom3 a:hover{
	color: #51504B !important;	
}

/* Logo InSitWeb */
div.sp-module.-insitwebLogo {
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 30px;
	border-top: 3px double #555555;
}