@charset "UTF-8";
/* CSS Document */


img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

a {
	text-decoration:none;
	}
	
a:link {
	color:#b01f23;
	
	}
	
a:visited {
	color:#b01f23;
	
	}
a:hover {
	color:#353535;
	
	}			
	
	  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

body {
 /* background-image:url(../img_forecasting_software/bg_forecasting_software_HMOBI.jpg);*/
background-color:#dde2de;
margin:0px;
padding:0px;
	}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/

*/ 

/* for product pages - enlarge images styles */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  z-index:3000;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 30px;
  font-weight: normal;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
  
  


#MalemHeader {
	background-color:#ed8a22;
	height:65px;
	padding-top:15px;position:relative;z-index:50;;
	}
	
	
#MalemNav {
	background-color:#9b3a17;
	height:30px; text-align:right;
	width:90%;padding-right:5%;padding-left:5%;
	position:absolute;top:25px;z-index:55
	}	
#MalemNav2 {
	height:30px; text-align:right;
	width:90%;padding-right:5%;padding-left:5%;position:absolute;top:25px;z-index:550;
	}		
#malemNavContainer {float:right;position:relative;right:0px;z-index:70;}	
.malemMenuDot {margin-left:70px; float:left;visibility:hidden;display:none;}	
.malemMenuBurger{margin-left:70px; float:left;position:relative;z-indez:90}	
#malemLogo {
	position: absolute;
	padding-top : 5px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	left: 0px;
	top:5px;
	z-index:60;
	}	
#malemLogo img {width:95px;}	
#malemlogoText {position:relative;top:48px;color:#fff;font-size:5vw;float:left;margin-left:-18px;}	
	
#malemTopMenu {background-color:rgba(155, 58, 23, 0.9);width:300px;height:auto;position:absolute;top:-600px;right:0px;padding-top:0px;	transition:all 0.5s linear;z-index:10; /* so the menu slides out when JS changes the left position   */	
}
#malemTopMenu P {margin-left:25px;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:18px;}	
#malemTopMenu a:link {color:#fff;}	
#malemTopMenu a:visited {color:#fff;}		
#malemTopMenu a:hover {color:#f0c9a1;}	
	
#malemTopProductHome {
/*background-image:url(../_img/Bread_pastries_home_storefront.jpg) ;
	background-repeat:no-repeat;
	background-position: center top;
	background-size:100%;
	min-height:1000px; */
	position:relative;
	top:0px;
	z-index:-10;
	width:100%;
	margin-bottom:50px;	
	}	
#malemTopProductHomeText {position:absolute;top:16px;color:#ed8a22;
	font-size:7vw;text-align:left;width:90%;margin-right:5%;margin-left:5%;}
		
#malemHomeContentContainer {width:90%;margin-right:5%;margin-left:5%;}

#malemProductPhotoHome	{width:36%;margin:0;padding-top:13px;padding-bottom:13px;max-height:400px;float:left;overflow:hidden;z-index:-10;}	
img.malemProductPhotoHomeIMG{width:250px;position:absolute;z-index:-10;}

#malemProductTextHome	{width:60%;margin:0;padding-top:13px;padding-bottom:13px;margin-bottom:13px;padding-left:2%;padding-right:2%;float:left;Clear:right;background-color:#fff;color:#203c23;font-size:16px;font-family:Arial, Helvetica, sans-serif;min-height:160px;height:100%;position:relative;overlow:hidden;z-index:0; }	
.malemProductTitleHome  {font-size:18px; color:#7d0d09;font-weight:bold;margin-top:0px;}

.malemBlackGenericText {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000;}
.malemGreenGenericText {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;}
.malemGreenTitle {font-family:Arial, Helvetica, sans-serif;font-size:30px;color:#ed8a22}

.malemMoreInfoButton {float:right;width:15%;margin:5px;}

#malemFooter {width: 90%;
	padding-left: 5%;
	padding-right: 5%; background-color:#fff;text-align:center;padding-top:15px;padding-bottom:15px;z-index:-6;}
.malemCenterBottomIcon {margin-left:20%;margin-right:20%;width:18%;}	
.malemBottomIcon {width:18%;}	

#malemproduitcontainer {
	width:100%;margin-left:0%;margin-right:0%;margin-bottom:60px;font-family:Arial, Helvetica, sans-serif;font-size:16p;float:none;}
#malemproduitcontainer img {width:100%;margin-bottom:15px;}
#malemproduitcontainer h2 {color:#033;font-size:19px;}

/* order page START */
#malemgotocart  {width:9%;float:right;margin-left:10px;}
#malemgotocart img {width:100%;height:auto;min-width:25px;}

.malemProductSpace input[type=text] {
  width: 9%;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #353535;
  background-color: #f8f8f8;
  font-size: 16px;
  color:#063;

}

.malemProductInfoDiv {width:90%;margin-left:5%;margin-right:5%;}

.malemProductPrice {color:#900;font-weight:bold;}
/* order page END */	
	
	
/* START contact page */	
	
.malemContactContent input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
   border: 1px solid #353535;
    background-color: #f8f8f8;
}

.malemContactContent textarea {
  width: 100%;
  height: 175px;
  padding: 12px 20px;
  margin-top:5px;
  box-sizing: border-box;
  border: 1px solid #353535;
  background-color: #f8f8f8;
  font-size: 16px;
}

.MalemSubmitButton {
	padding:10px;border:1px solid #000;font-size:18px;color:#000;background-color:#ccc; float:right;margin-top:25px;
	}
		
.malemContactContent input:hover[type="submit"] {
background-color:#b01f23;
	color:#fff;	
}

.malemContactFormContainer {width:80%;float:left;margin-bottom:25px;}
.MalemContactMessageContainer {float:left;width:100%;font-size:16px;margin-left:0px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;}
.MalemContactFormInputContainer {float:left;width:100%;margin-right:0px;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;}
#malemFORMSUCCESScontainer {width:80%;margin-right:10%;margin-left:10%;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;position:relative;z-index:-200;}

/* END contact page */

.malemtooltip {
  position: relative;
  display: inline-block;
}

.malemtooltip .malemtooltiptext {
  visibility: hidden;
  width:600%;
  background-color: white;
  color: #000;
  text-align: center;border:1px solid #ed8a22;
  border-radius: 6px;
  padding: 10px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 75%;
  left: 0;
  margin-left: 0px;
}
 /*
.malemtooltip:hover .malemtooltiptext {
  visibility: visible;
}*/

	
}	
	
/* Tablet Layout: 481px to 850px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {


#malemlogoText {position:relative;top:45px;color:#fff;font-size:3vw;float:left;margin-left:-18px;}	

	
#malemTopProductHomeText {position:absolute;top:16px;color:#ed8a22;
	font-size:4vw;text-align:left;width:90%;margin-right:5%;margin-left:5%;}
	
#malemProductPhotoHome	{width:36%;margin:0;padding-top:13px;padding-bottom:13px;max-height:400px;float:left;overflow:hidden;z-index:-10;}	
img.malemProductPhotoHomeIMG{width:250px;position:absolute;z-index:-10;}
#malemProductTextHome	{width:60%;margin:0;padding-top:13px;padding-bottom:13px;margin-bottom:13px;padding-left:2%;padding-right:2%;float:left;Clear:right;background-color:#fff;color:#203c23;font-size:16px;font-family:Arial, Helvetica, sans-serif;min-height:150px;height:100%;position:relative;overlow:hidden; }	

.malemCenterBottomIcon {margin-left:26%;margin-right:26%;width:10%;}	

.malemBottomIcon {width:10%;}	

.malemMoreInfoButton {float:right;width:9%}


.malemProductInfoDiv {width:90%;margin-left:5%;margin-right:5%;}

.malemtooltip {
  position: relative;
  display: inline-block;
}

.malemtooltip .malemtooltiptext {
  visibility: hidden;
  width:625%;
  background-color: white;
  color: #000;
  text-align: center;border:1px solid #ed8a22;
  border-radius: 6px;
  padding: 10px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 75%;
  left: 0;
  margin-left: 0px;
}
/*
.malemtooltip:hover .malemtooltiptext {
  visibility: visible;
}*/


}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. 

green 1d3c24;*/

@media only screen and (min-width: 850px) {
/*body {background-image:url(../_img/Boulangerie_Artisanale_Meringu_F.jpg);background-position:bottom center; background-repeat:no-repeat;background-size:contain;}*/
#MalemHeader {
	background-color:#ed8a22;
	height:110px;
	padding-top:25px;
	position:relative;z-indez:50;
	}
	
	
#MalemNav {
	background-color:#9b3a17;
	height:30px; text-align:right;
	width:80%;padding-right:10%;padding-left:10%;
	position:absolute;top:25px;z-index:55
	}	
#MalemNav2 {
	height:30px; text-align:right;
	width:90%;padding-right:5%;padding-left:5%;position:absolute;top:25px;z-index:80;
	}		
#malemNavContainer {float:right;position:relative;right:0px;z-index:550;}	
.malemMenuDot {margin-left:70px; float:left;visibility:visible;display:block;}	
.malemMenuBurger{margin-left:70px; float:left;}	
#malemLogo {
	position: absolute;	
	padding-top : 5px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	left: -10px;
	top: 3px;
	z-index:60;
	}	
#malemLogo img {width:160px;}	
#malemlogoText {position:relative;top:60px;color:#fff;
	font-size:40px;float:left;margin-left:0px;}	
	
#malemTopMenu {background-color:rgba(155, 58, 23, 0.9);width:300px;height:auto;position:absolute;margin-top:55px;top:-600px;right:0px;	transition:all 0.5s linear;z-index:10; /* so the menu slides out when JS changes the left position   */	
}
#malemTopMenu P {margin-left:25px;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:18px;}	
#malemTopMenu a:link {color:#fff;}	
#malemTopMenu a:visited {color:#fff;}		
#malemTopMenu a:hover {color:#f0c9a1;}	
	
#malemTopProductHome {
/*background-image:url(../_img/Bread_pastries_home_storefront.jpg) ;
	background-repeat:no-repeat;
	background-position: center top;
	background-size:100%;
	min-height:1000px; */
	position:relative;
	top:0px;
	z-index:-10;
	width:100%;
	margin-bottom:50px;	
	}	
#malemTopProductHomeText {position:absolute;top:40px;color:#ed8a22;
	font-size:35px;margin-left:10%;padding-left:0px;width:80%;text-align:left;}
		
#malemHomeContentContainer {width:80%;margin-right:10%;margin-left:10%;}

#malemProductPhotoHome	{width:60%;margin:0;padding-top:13px;padding-bottom:13px;float:left; }	
img.malemProductPhotoHomeIMG{ height:auto;min-height:150px;width:60%;position:absolute;}

#malemProductTextHome	{width:36%;margin:0;padding-top:13px;padding-bottom:13px;margin-bottom:13px;padding-left:2%;padding-right:2%;float:left;Clear:right;background-color:#fff;color:#203c23;font-size:16px;font-family:Arial, Helvetica, sans-serif;min-height:230px;height:100%;position:relative;overlow:hidden;z-indez:30}	
.malemProductTitleHome  {font-size:22px; color:#7d0d09;font-weight:bold;}

.malemBlackGenericText {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000;}
.malemGreenGenericText {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;}
.malemGreenTitle {font-family:Arial, Helvetica, sans-serif;font-size:30px;color:#ed8a22}

.malemMoreInfoButton {float:right;width:10%}

#malemFooter {width: 80%;
	padding-left: 10%;
	padding-right: 10%; background-color:#fff;text-align:center;padding-top:15px;padding-bottom:15px;}
.malemCenterBottomIcon {margin-left:35%;margin-right:35%;width:6%;}	
.malemBottomIcon {width:6%;}	
#malemproduitcontainer {
	width:30%;margin-left:0%;margin-right:2%;margin-bottom:75px;font-family:Arial, Helvetica, sans-serif;font-size:16p;float:left;}
#malemproduitcontainer img {width:100%;}
#malemproduitcontainer h2 {color:#033;font-size:19px;}


/* contact page */
#malemmap {height:50%; min-height:400px;max-height:600px;}



.malemContactImg {float:left;width:33%;}
.malemContactContent {width:100%;margin-left:0;font-family:Arial, Helvetica, sans-serif;}
.malemContactSubTit {font-family:Arial, Helvetica, sans-serif;color:#1d3c24;font-size:24px;margin-bottom:35px;text-align:center;}
.malemContactAddressDiv {float:left;width:20%; font-size:14px;min-width:170px;margin-bottom:25px;margin-right:1%;padding-right:5px;border:1px solid #000;overflow:hidden;background-color:#fff;padding-bottom:10px; }
.malemContactAddressDivTitle {font-weight:bold;display:block;width:100%;background-color:#353535;color:#FFF;text-align:center;padding:5px;}
.malemContactAddressDivText {padding:10px;display:block;min-width:175px}
.malemContactAddressDivText a {color:#b01f23;}
.malemContactAddressDivText a:visited {color:#b01f23;}
.malemContactAddressDivText a:hover {color:#353535;}
.malemContactMailDiv {float:left;width:auto; font-size:14px;min-width:170px;margin-bottom:25px;border:1px solid #000;overflow:hidden; }
.malemContactMailDivTitle {font-weight:bold;display:block;width:100%;background-color:#353535;color:#FFF;text-align:left;padding:5px;}
.malemContactMailDivText {padding:5px;display:block;}
.malemContactMailDivText a {color:#b01f23;}
.malemContactMailDivText a:visited {color:#b01f23;}
.malemContactMailDivText a:hover {color:#353535;}
.malemContactMailDivContainer {float:none;clear:both;margin-top:25px;width:80%;}

.MalemPageContIconDiv {height:20px;float:left;}
.MalemPageContIcon {margin-top:1px;margin-right:5px;float:left;}
.MalemPageContText {margin-top:0px;margin-bottom:5px;float:left;width:auto;}


.malemContactContent input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
   border: 1px solid #353535;
    background-color: #f8f8f8;
}

.malemContactContent textarea {
  width: 100%;
  height: 175px;
  padding: 12px 20px;
  margin-top:5px;
  box-sizing: border-box;
  border: 1px solid #353535;
  background-color: #f8f8f8;
  font-size: 16px;
}

.MalemSubmitButton {
	padding:10px;border:1px solid #000;font-size:18px;color:#000;background-color:#ccc; float:right;margin-top:25px;
	}
		
.malemContactContent input:hover[type="submit"] {
background-color:#b01f23;
	color:#fff;	
}

.malemContactFormContainer {width:80%;float:left;margin-bottom:25px;}
.MalemContactMessageContainer {float:left;width:100%;font-size:16px;margin-left:0px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;}
.MalemContactFormInputContainer {float:left;width:100%;margin-right:0px;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;}

#malemFORMSUCCESScontainer {width:80%;margin-right:10%;margin-left:10%;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1d3c24;position:relative;z-index:-200;}
/* contact page END */

/* order page START */
#malemgotocart  {width:9%;float:right;margin-left:10px;}
#malemgotocart img {width:100%;height:auto;}

.malemProductSpace input[type=text] {
  width: 30px;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #353535;
  background-color: #f8f8f8;
  font-size: 16px;
  color:#063;

}

.malemProductInfoDiv {width:90%;margin-left:5%;margin-right:5%;}

.malemProductPrice {color:#900;font-weight:bold;}
/* order page END */

.malemtooltip {
  position: relative;
  display: inline-block;
}

.malemtooltip .malemtooltiptext {
  visibility: hidden;
  width:625%;
  background-color: white;
  color: #000;
  text-align: center;border:1px solid #ed8a22;
  border-radius: 6px;
  padding: 10px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 75%;
  left: 0;
  margin-left: 0px;
}


/*.malemtooltip:hover .malemtooltiptext {
  visibility: visible;
}*/

 
}