@charset "utf-8";
/* MODULES STYLE */

/*
Pour utiliser le CSS3 dans ie, ajouter la ligne suivante aux éléments utilisant du css3 :
behavior: url(/templates/system/PIE/PIE.php);
*/


.mobile-soon {
	display:none;	
}

.moduletable_search.mobile {
	display:none;
}	

/********************************************************************************/
/* 										LANGUAGE								*/
/********************************************************************************/

#jflanguageselection {
    float: right; 
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li {
	background-image: none;
	padding:0px;
	margin: 0px;
	white-space: nowrap;
	border: none;
	font-size: 12px;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}



/********************************************************************************/
/*  								UPPER MENU 									*/
/********************************************************************************/
.reseaux_sociaux {
    display: inline;
    float: right;
    margin-top: 1.7rem;
	padding-right: 1rem;
}
#footer .reseaux_sociaux{
	margin-top:1rem;
}
#footer .reseaux_sociaux a.mail:link,
#footer .reseaux_sociaux a.mail:visited,
#footer .reseaux_sociaux a.mail:active,
#footer .reseaux_sociaux a.mail{
	background: url("../images/mail.png") no-repeat scroll left top transparent;
	margin-left:6px;
}
#footer .reseaux_sociaux a.mail:hover,
#footer .reseaux_sociaux a.mail:focus{ 
 	background: url("../images/mail.png") no-repeat scroll center bottom transparent;
}

.reseaux_sociaux .fb, 
.reseaux_sociaux .twitter, 
.reseaux_sociaux .infolettre,
.reseaux_sociaux .mail{
    float: left;
    height: 26px;
    -margin-right: 0.7rem;
    text-indent: -9999px;
    width: 26px;
	padding-left:0.4rem;
}
.reseaux_sociaux .fb {
    background: url("../images/facebook.png") no-repeat scroll left top transparent;
	margin-right:6px;
}
.reseaux_sociaux .fb:hover,
.reseaux_sociaux .fb:focus {
    background: url("../images/facebook.png") no-repeat scroll left bottom transparent;
}


.reseaux_sociaux .twitter {
    background: url("../images/twitter.png") no-repeat scroll left top transparent;
}
.reseaux_sociaux .twitter:hover,
.reseaux_sociaux .twitter:focus{
    background: url("../images/twitter.png") no-repeat scroll left bottom transparent;
}


.reseaux_sociaux .infolettre {
    background: url("../images/btn-infolettre.png") no-repeat scroll center top transparent;
	height:26px;
	width:211px;
	margin-left:3px;
}
.reseaux_sociaux .infolettre:hover,
.reseaux_sociaux .infolettre:focus {
    background: url("../images/btn-infolettre.png") no-repeat scroll center bottom transparent;
}


/********************************************************************************/
/*  								LEFT 										*/
/********************************************************************************/
#left h3,
.moduletable_search h3{
	font-family: 'Lobster13Regular', Arial, Helvetica, sans-serif;
	font-size:2.4rem;
}
#left #shadow-slider {
	display:none;	
}
	
/********************************************************************************/
/*  								SEARCH 										*/
/********************************************************************************/


.moduletable_search h3{
	color:#FFFFFF;
	background:url(../images/bg-search-title.png) no-repeat;
    padding: 1.6rem 2rem 3.3rem;
}
#left .moduletable_search h3.no-bg {
	color:#4c453a;
	background:none;
	margin-bottom:0;
	font-size:2.2rem;
	padding-bottom:17px;
}
div.search_search{
	background:url(../images/bg-search-box.png) no-repeat;
	/*padding:0rem 0rem 2rem 0rem;*/
	height: 48px;
    width: 252px;
}
body.accueil div.search_search{
	margin-top:1rem;
}
div.search_search label[for="mod-search-searchword"]{
	display:none;
}
div.search_search input#mod-search-searchword{
	background:#FFFFFF;
	padding:0.5rem 0.3rem;
	border:1px solid #dadada;
	font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	color:#4c453a;
	margin-left: 1.3rem;
	margin-top:1rem;
    max-width: 180px;
	border-radius:5px;
	-moz-border-radius:5px;
	
	display:inline;
	position:relative;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
}
div.search_search input.button_search{
	position: relative;
	width:35px;
	height:35px;
	vertical-align:middle;
	display:inline;
	border:none;
	background:url(../images/loupe.png) no-repeat 0 0;
}
div.search_search input.button_search:hover,
div.search_search input.button_search:focus{
	position: relative;
	background:url(../images/loupe.png) no-repeat 0 bottom;
}

#product-research{
	background:url(../images/bg-product-research.png) no-repeat;
	padding:1rem 1rem 1.5rem 1rem;
	margin:1.5rem 0;
	height:295px;
}
#product-research form {

}
#product-research h3{
	text-align:center;
}
label.custom-select {
	position: relative;
	display: inline-block;
	margin-bottom:10px;	
	font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif;
}
input.button_research{
	background: url("../images/btn-rechercher.png") no-repeat 0 top;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 1.2rem;
	text-indent:-9999px;
	width:110px;
	height:28px;
    margin: 0.5rem 0 0 6rem;
   /*padding: 0.5rem 1rem 0.6rem 3.1rem;*/ 
    text-align: left;
}
input.button_research:hover{
	background: url("../images/btn-rechercher.png") no-repeat 0 bottom;
}

.custom-select select {
	display: inline-block;
	width: 23.2rem;
	padding:0.5rem 0.3rem;
	border:1px solid #dadada;
	margin: 0;
	font: inherit;
	outline:none; /* remove focus ring from Webkit */
	line-height: 30px;
	background: #FFFFFF;
	color: #4c453a;
	
	border-radius:5px;
	-moz-border-radius:5px;
	
	height:26px;

	position:relative;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
 }
.custom-select select:focus {
	background-color:transparent;
}
.custom-select select option{
	padding:0 0.5rem;
	margin: 0.5rem 0;
}
/* Select arrow stylinormg */
.custom-select:hover:after {
	content: url('../images/dk_arrow-on.png');  

	background:transparent;
}
.custom-select:after {
	content: url('../images/dk-arrow.png');  
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	font-size: 100%;
	line-height: 30px;
	height:26px;
	width:26px;
	color: #FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
}

.custom-select:after {
	pointer-events:none;
}
.custom-select.variety.off:after  {
	content: url('../images/dk_arrow_off.png') !important; 
}
.custom-select.variety.on:after {
	content: url('../images/dk-arrow.png');  
}
.custom-select.variety.on:hover:after {
	content: url('../images/dk_arrow-on.png');
}
div.search_search input#mod-search-searchword:hover{
    cursor:text;
}




/********************************************************************************/
/*  								CALENDAR 					 				*/
/********************************************************************************/
a.calendar { 
	display:block;
    height: 6.2rem;
    width: 6rem;   
    background: url("../images/calendrier.png") no-repeat scroll left 0 transparent;
	text-indent:-9999px;
	text-decoration:none;
}

a.calendar:hover {
	background: url("../images/calendrier.png") no-repeat scroll left bottom transparent;
} 


div.calendar-result {
	float:left;
	width:100%;
	margin-bottom: 20px;
}
div.calendar-result .pagination {
	float:right;	
}
/********************************************************************************/
/*  								PLAN DU SITE				 				*/
/********************************************************************************/
#xmap ul{
	list-style:none;
	margin-left:1rem;
}
#xmap ul li{
	font-family: 'SourceSansProSemibold', Arial, Helvetica, sans-serif;
}
#xmap ul li li{
	font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif;
}


#xmap h2 {
	display:none;	
}
/********************************************************************************/
/*  								SLIDER										*/
/********************************************************************************/
div.moduletable.slider-mobile {
	display:none;
}

/***************************************************************************************************
*				BLOGS DE CATÉGORIES
****************************************************************************************************/
div.blog .items-row {
	width:100%;
	margin-bottom: 45px;
	padding-bottom:20px;
	background: url("../images/line-dashed.png") repeat-x scroll center bottom transparent;
	overflow: auto;
}
div.blog .items-row img{
	margin-right:10px;
}
body.blog-events h2,
body.blog-vedette h2,
div.blog .items-row h2,
.tip-block h2{
	margin-bottom:20px;	
	 font-family: 'SourceSansProSemibold',Arial,Helvetica,sans-serif;
    font-size: 13px;
	line-height:13px;
    margin-bottom: 10px;
}
div.blog .items-row p.readmore {
	float:right;
}

body.blog-events .item-page img,
body.blog-vedette .item-page img{
	margin-right:8px;
	margin-bottom: 8px;
}

body.blog-events dl.article-info,
body.blog-vedette dl.article-info{
	margin-bottom:20px;	
	width:100%;
	display:block;
	height:30px;
	line-height:30px;
	font-size:13px;
	font-family: 'SourceSansProSemibold',Arial,Helvetica,sans-serif;
	background:url("../images/bg-row-even.png") repeat scroll 0 0 transparent;
}
body.blog-events dl.article-info dd,
body.blog-vedette dl.article-info dd{
	padding-left:15px;	
}

body.blog-trucs h2{
	display:inline;
	margin-left:110px;
}
body.blog-trucs h2:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
	margin-top:10px;
    visibility: hidden;	
}

body.blog-trucs p.p1 {
	margin:0;	
}
body.blog-trucs .blog img {
	display:inline;
	margin-top: -20px;
}
/***************************************************************************************************
*				CONTACT
****************************************************************************************************/
.contactwrap.mobile {
	display:none;	
}
.contactwrap {
	width:100%;
	float:left;
}
.form-contact {
	width: 300px;
	float:left;	
	display:inline;
}

.carte-wrap {
	width: 320px;
	float:right;	
	display:inline;
}
.carte-wrap .info {
	margin-top:34px;	
}


div#hpjcontactWrap {
    padding-right: 25px;
}
.carte-wrap a.zoommap:link,
.carte-wrap a.zoommap:visited,
.carte-wrap a.zoommap:active{
	background: url("../images/btn-agrandir-carte.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 1px;
    height: 2.8rem;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
	margin-left:86px;
	margin-top:10px;
}

.carte-wrap a.zoommap:hover {
	background: url("../images/btn-agrandir-carte.png") no-repeat scroll 0 bottom transparent;
}
.carte-wrap{
	background: url(../images/bg-googlemap.png) no-repeat center top;	
}
.carte-wrap iframe {
	margin:10px;	
}
.form-contact div#hpjcontact label {
	margin-top:5px;	
}
.form-contact div#hpjcontact label.message {
	display:block;
	width:100%;
} 
.form-contact div#hpjcontact textarea,
.form-contact div#hpjcontact input {
	width: 190px;
	margin:0 0 15px 0;
}
.form-contact div#hpjcontact textarea {
	width: 273px;
	margin-top:5px;
}
.form-contact div#hpjcontact input.btn {
	padding:0;
}
.form-contact div#hpjcontact input.btn {
	background: url(../images/btn-soumettre.png) no-repeat top;
	width: 98px;
	height:28px;
	float:right;
	margin-top:15px;
}

.form-contact div#hpjcontact input.btn:hover {
	background: url(../images/btn-soumettre.png) no-repeat bottom;
	cursor:pointer;
}	
/***************************************************************************************************
*				INFOLETTRE
****************************************************************************************************/


.webtocc-wrapper {
	width:53%;
	float:left;
	display:inline;
}	

.webtocc-wrapper #webToCcForm {
	float:left;	
}
.texte-webtocc { 
	float:right;
	display:inline;
	width:43%;
	padding-right:15px;
}
form.HPJ_newsletter_form {
	float:left;
	padding-right:20px;
}

form.HPJ_newsletter_form input:hover {
	cursor:text;
}
form.HPJ_newsletter_form div.fieldset {
	float:left;
	display:inline;
	clear:both;
	margin-bottom:10px;
}
.webToCcConfirmation,
.webToCcErrorRequired {
	margin-bottom:15px;		 
}
form.HPJ_newsletter_form label {
	font-family:'SourceSansProRegular',Arial, Helvetica, sans-serif;	
	float:left;
	display:inline;
	width: 60px;
	margin-top: 3px;
}

form.HPJ_newsletter_form input{
	float:left;
	display:inline;
	clear:right;	
	width:250px;
}
form.HPJ_newsletter_form input.btn {
	background: url(../images/btn-soumettre.png) no-repeat top;
	width: 98px;
	height:28px;
	float:right;
	margin-top:15px;
}

form.HPJ_newsletter_form input.btn:hover {
	background: url(../images/btn-soumettre.png) no-repeat bottom;
	cursor:pointer;
}