/*
/*
/* Pour les tablettes ou desktop. Pas spécifiquement pour les ipads portrait.
/*
/*
/**/

.wrapper{
	margin: 0 auto -25rem;
	background-attachment: fixed;
}
div#container{
    width: 64rem;
	max-width: 64rem;
	
}
#footerWrap, .push{
	height:25rem;
}
#calendarWrap {
	display:none;	
}
div#header{
	margin-bottom:4rem;
}
div#topMenuWrap {
	width:100%;
	max-width:768px;
	clear:both;
	float:left;
	margin:0 auto;
}
div#topMenuWrap ul {
	float:left;	
}
div#logoWrap {
	width:auto;
	float:left;
	clear:both;
	height:14rem;
	left: -3rem;
}
div#upperMenu{
	width:62%;
	margin-top:7rem;
	
}
div#colLeftWrap{
	width:100%;
	margin:1rem 0;
}
div#mainContent {
	float: left;
	width:100%;
    margin: 0;
    padding-bottom: 35px;
}

div#mainContentColLeft{
	clear:left;
	width:100%;
}
div#footer{
    width: 65rem;
}

#footer .reseaux_sociaux{
	width:25%;
	padding-right:0;
	margin-top:3rem;
}
div#bottommenuWrap{
	width:100%;
	text-align:left;
}
#copymade {
    float: left;
    width: 75%;
	margin-top:2rem;
}
div#madebyWrap, div#copyrightWrap{
	clear: left;
    float: left;
    text-align: left;
    width: 100%;
}
div#copyrightWrap{
	text-align:left;
	margin-top: 1.2rem;
}

/*Menu*/
#topMenu {
	max-width:	640px;
}
#topMenu ul li a:link, 
#topMenu ul li a:visited, 
#topMenu ul li a:active{
	padding:1.5rem 30.4px;
}
#topMenu ul li.active a:link, 
#topMenu ul li.active a:visited, 
#topMenu ul li.active a:hover, 
#topMenu ul li.active a:active,
#topMenu ul li a:hover, 
#topMenu ul li:hover > a{
	padding:1.5rem 2.94rem;
}



#topMenu li li a:link, 
#topMenu li li a:visited, 
#topMenu li li a:active,
#topMenu ul li.active li a:link, 
#topMenu ul li.active li a:visited, 
#topMenu ul li.active li a:active{
	float:none;
	height:auto;
	display:block;
	padding: 9px 0 9px 17px;
	border:0;
	width:147px;
}



/*Ipads (portrait)	*/
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
		
		#topMenu li li a:link, 
		#topMenu li li a:visited, 
		#topMenu li li a:active {
			width:146px;
			max-width:146px;
		}
		
}

/*Content*/
.moduletable_search{
	width:100%;
	position:relative;
}
.moduletable_search h3{
	background:url(../images/bg-search-title-tablet.png) no-repeat;
	float:left;
	width:34rem;
}
#product-keyword-search{
	float:left;
	width:25.2rem;
	margin-left:0.8rem;
}
body.accueil div.search_search{
	margin-top:0;
}
#left .moduletable_search h3.no-bg{
	display:none;
}
#product-research{
	float: left;
    margin: 1rem 0 0 -2px;
     width: 98%;
	 height:auto;
	background:url(../images/bg-product-research-tablet.png) no-repeat; 
}
#product-research h3{
	text-align:left;
}
#product-research form{
	margin-top:0;
}
div#product-research label.custom-select{
	float:left;
	padding:0;
	width:33.33%;
	
}
.custom-select select{
	width:20rem;
}

.custom-select:after {
	content: url('../images/dk-arrow.png');  
	position: absolute;
	top: 0px;
	right: 8px;
	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);
}


.calendar_search_box .custom-select:after {
	right:0;	
}

input.button_research{
	float:right;
	margin:0 0.4rem 0 0;
}

.producer_map_link a:link, 
.producer_map_link a:visited, 
.producer_map_link a:focus, 
.producer_map_link a:hover, 
.producer_map_link a:active{
	padding:0.6rem 1.2rem 0.8rem 3rem;
	width: 10.2rem;
	line-height:1.5rem;

}
a.voir-fiche:link, a.voir-fiche:active, a.voir-fiche:visited, a.voir-fiche:focus, a.voir-fiche:hover{
	line-height:1.5rem;
}

/*Slider*/
body.accueil #slideinfos {
	display:block;
    clear: both;
   /* left: 50%;
    margin-left: -32rem;*/
    overflow: hidden;
    position: relative;
    width: 64.5rem;
    z-index: 1;
}
#slideinfos {
	display:none;
}
.slide_numlist span{


}