/* Media queries
------------------------
########################
Sources:
	http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
	http://www.tangledindesign.com/blog/deciding-what-responsive-breakpoints-to-use/
	
########################

*** Samsung Galaxy S I and II have a 480 x 800 resolutions, The pixel density is of 1.5. The portrait mode has a 320 x 533 resolution ***
*** Samsung Galaxy S III has a 720 x 1280 resolution ***
*** HTC Evo 3D has a 540 x 906 resolutions ***
 
Smartphones (portrait and landscape)
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) {}
	
Smartphones (landscape)	
	@media only screen 
	and (min-width : 321px) {}
	
Smartphones (portrait)		
	@media only screen 
	and (max-width : 320px) {}
	
*** iPhones 4- are 320 x 480. ***
*** iPhones 4s+ have double pixel density and have a resolution of 640 x 960. ***

iPhone 4
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5), 
	only screen and (min-device-pixel-ratio : 1.5) {}
	
iPhone 4+
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){

*** iPad 1 and 2 have a 768 x 1024 resolution ***
*** iPad 3 has a 1536 x 2048 resolution because of the double pizel density. ***
*** Kindle Fire has a 1024 x 600 resolution

Ipads (landscape)
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {}
	
Ipads (portrait)	
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {}
	
Tablets in general
	@media screen and (min-device-width: 768px) and (max-device-width: 1024px){}



*/


.joomla img[align="left"] {
	margin:0px 10px 10px 0;
}
.joomla img[align="right"] {
	margin:0px 0 10px 10px;
}

*:focus  
{  
    outline: none;  
} 

/********************************************************************************/
/*  							FONT STYLING  									*/
/********************************************************************************/
@font-face {
    font-family: 'QuicksandBook';
    src: url('../fonts/Quicksand_Book-webfont.eot');
    src: url('../fonts/Quicksand_Book-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../fonts/Quicksand_Bold-webfont.eot');
    src: url('../fonts/Quicksand_Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lobster13Regular';
    src: url('../fonts/Lobster_1.3-webfont.eot');
    src: url('../fonts/Lobster_1.3-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/Lobster_1.3-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/********************************************************************************/
/*  							FONT STYLING  									*/
/********************************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 21, 2013 09:50:05 AM America/New_York */



@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('../fonts/SourceSansPro-ExtraLight-webfont.eot');
    src: url('../fonts/SourceSansPro-ExtraLight-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-ExtraLight-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLightItalic';
    src: url('../fonts/SourceSansPro-ExtraLightIt-webfont.eot');
    src: url('../fonts/SourceSansPro-ExtraLightIt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-ExtraLightIt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('../fonts/SourceSansPro-Light-webfont.eot');
    src: url('../fonts/SourceSansPro-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLightItalic';
    src: url('../fonts/SourceSansPro-LightIt-webfont.eot');
    src: url('../fonts/SourceSansPro-LightIt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-LightIt-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-LightIt-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-LightIt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProItalic';
    src: url('../fonts/SourceSansPro-It-webfont.eot');
    src: url('../fonts/SourceSansPro-It-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-It-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-It-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemiboldItalic';
    src: url('../fonts/SourceSansPro-SemiboldIt-webfont.eot');
    src: url('../fonts/SourceSansPro-SemiboldIt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-SemiboldIt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('../fonts/SourceSansPro-Bold-webfont.eot');
    src: url('../fonts/SourceSansPro-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBoldItalic';
    src: url('../fonts/SourceSansPro-BoldIt-webfont.eot');
    src: url('../fonts/SourceSansPro-BoldIt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-BoldIt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('../fonts/SourceSansPro-Black-webfont.eot');
    src: url('../fonts/SourceSansPro-Black-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Black-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Black-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlackItalic';
    src: url('../fonts/SourceSansPro-BlackIt-webfont.eot');
    src: url('../fonts/SourceSansPro-BlackIt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-BlackIt-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-BlackIt-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-BlackIt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}




/********************************************************************************/
/*  							LINK STYLING  									*/
/********************************************************************************/
a {
	cursor:pointer;
}
a:link, a:visited, a:active {
	color:#4c453a;
	text-decoration: none;
}
a:hover {
	color:#9ec42d;
	/*text-decoration: underline;*/
}

/*Pour éviter que les liens soient entourés d'un pointillé*/
a:focus {
	outline:none;
	border:none;
}

/********************************************************************************/
/*  							HEADINGS  										*/
/********************************************************************************/
h1, h2, h3, h4, h5, h6 {
	text-align:left;
}
h1, h1.open {
	font-family: 'Lobster13Regular', Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFFFFF;
	font-weight:normal;
	line-height: 45px;
    padding: 0px 0 20px 18px;
	margin-bottom:25px;
	max-height:45px;
	
	background:url(../images/bg-h1.png) no-repeat;
	overflow:hidden;
}

h1.close {
	background:url(../images/bg-h1.png) no-repeat;
	padding-bottom:1px;
}
h1.close:hover,
h1.close:focus,
h1#btn_closable:hover{
	background:url(../images/bg-h1.png) no-repeat;
	padding-bottom:20px;
		cursor:pointer;
}
h2 {
	color:#4c453a;
	font-size:16px;
	font-weight:normal;
}
h3 {
	color:#4c453a;
	font-size:14px;
	font-weight:normal;
}
h4 {
	color:#4c453a;
	font-size:12px;
	font-weight:normal;
}
h5 {
	color:#4c453a;
	font-size:11px;
	font-weight:normal;
}
h6 {
	color:#4c453a;
	font-size:10px;
	font-weight:normal;
}


/********************************************************************************/
/* 								READON LINKS 									*/
/********************************************************************************/
/* READON */
a.readon:link, a.readon:visited, a.readon:active {
	color:#000000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}
a.readon:hover {
	font-weight:bold;
	text-decoration:underline;
}

/* READON EVENTS */
a.readon_events:link, a.readon_events:visited, a.readon_events:active {
	color:#000000;
	font-weight:bold;
	text-transform:none;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}
a.readon_events:hover {
	font-weight:bold;
	color:red;
	text-decoration:underline;
}


.readmore a:link,
.readmore a:visited,
.readmore a:active{
	color:#ffffff;
	background: url(../images/btn-lire-la-suite.png) no-repeat 0 0;
	width:101px;
	height:28px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	line-height:0px;
}


.readmore:link, 
.readmore:visited, 
.readmore:active {
    background: url("../images/btn-lire-la-suite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 1px;
    height: 28px;
    line-height: 0;
    text-indent: -9999px;
    width: 101px;

	float:right;
}


.readmore a:hover,
.readmore:hover{
	background: url(../images/btn-lire-la-suite.png) no-repeat 0 bottom;
}

.backbutton {
	background:	url(../images/btn-back.png) no-repeat top;
	height:27px;
	width: 28px;
	float:right;
	margin-right: 10px;
    margin-top: 10px;
}

.backbutton:hover {
	background:	url(../images/btn-back.png) no-repeat bottom;
}
/********************************************************************************/
/*  							HTML TAGS	  									*/
/********************************************************************************/
p {
	margin:10px 0px 10px 0px;
	padding:0px;
}
p.noPad {
	padding:0px;
	margin:0px;
}
hr {
	border-width:0 0 1px 0;
	border-bottom: 1px solid gray;
	width: 100%;
} 

p.readmore {
	margin-top:30px;	
}
/********************************************************************************/
/*  							LIST STYLING  									*/
/********************************************************************************/
ol, ul {
	margin-left:30px;
	padding:10px 0px;
}
li {
	padding:2px 0px;
}
dl {
}
dd {
}

/*****************************************************************/
/* GLOBAL FORM CLASS */
/*****************************************************************/
form {
	margin:0px;
	padding:0px;
}
input {
}
select {
	margin:2px 0px 2px 0px;
}
iframe {
	background-color:transparent;
	border:none;
	margin:0;
}
textarea {
	border:1px solid #DFDFDF;
	background-color:#FFFFFF;
}
.memberName {
	margin-top:5px;
	margin-bottom:5px;
}
input.file {
	background-color:#FF0000;
}


input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    color: #4C453A;
    font-family: 'SourceSansProRegular',Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    padding: 0.5rem 0.3rem;
    position: relative;	
}
textarea {
	 border: 1px solid #DADADA;
	border-radius: 5px 5px 5px 5px;	
}

button, .button, .btn {
	border:none;
	color:#ffffff;
	background-color:#555555;
	cursor:pointer;
	padding:3px 8px;
}


button:hover,
.button:hover,
.btn:hover,
input:hover,
button:focus,
.button:focus,
.btn:focus,
input:focus {
	cursor:pointer;	
}
/*****************************************************************/
/* CONTACT FORM */
/*****************************************************************/
div#hpjcontactWrap {

}
div#hpjcontact {

}
div#hpjcontact label {
	text-align:left;
	margin:4px 0;
	width:77px;
	float:left;
	clear:left;
	font-family:'SourceSansProRegular';
}


input.btnEnvoyer {
	margin:5px 83px;

}
#hpjcontact .inputbox {
	border:1px solid #dfdfdf;
	background-color:#ffffff;
	margin:3px 6px;
}
#hpjcontact textarea {
	border:1px solid #dfdfdf;
	background-color:#ffffff;
	overflow:auto;
	margin:3px 6px;
}

div#hpjcontact span.message {
	font-weight:bold;
}
dd.message {
	font-weight:bold;
}


/* JOOMLA STYLE */


/********************************************************************************/
/* 								ARTICLE SEPARATOR							    */
/********************************************************************************/
span.article_separator {
	line-height:1px;
	height:1px;
}


/********************************************************************************/
/* 								PATHWAY STYLING 								*/
/********************************************************************************/
div#pathway a:link, div#pathway a:visited, div#pathway a:active{
	font-size:10px;
	color:#b4b4b4;
}
div#pathway a:hover {
	font-size:10px;
	color:#A8D840;
}
a.pathway {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}


/********************************************************************************/
/* 								TOOLTIPS		 								*/
/********************************************************************************/
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
	font-size: 100%;
	margin: 0;
}
/********************************************************************************/
/* 								...				 								*/
/********************************************************************************/
.small {
	font-size:10px;
}


/********************************************************************************/
	/* 						System Standard Messages 							*/
/********************************************************************************/
#system-message { 
	margin-bottom: 20px;
}

#system-message dt {
	display:none;
}
dl#system-message dd.message {
	/*background:url(https://www.fraicheurquebec.com/templates/system/images/slice-succes.png) repeat-x top left;*/
}
dl#system-message dd.message ul {
	background:url(https://www.fraicheurquebec.com/templates/system/images/icone-succes.png) no-repeat 17px 10px;
	margin:0;
	padding:12px 12px 12px 50px;
	color:#016c8d;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
dl#system-message dd.error {
	/*background:url(https://www.fraicheurquebec.com/templates/system/images/slice-erreur.png) repeat-x top left;*/
}

dl#system-message dd.error ul {
	background:url(https://www.fraicheurquebec.com/templates/system/images/icone-erreur.png) no-repeat 17px 10px;
	margin:0;
	padding:12px 12px 12px 50px;
	color:#de2001;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
dl#system-message li {
	list-style:none;
	line-height:normal;
	padding-bottom:4px;
}

/********************************************************************************/
/* 							System Notice Messages 								*/
/********************************************************************************/
#system-message dd.notice ul { 
	color: #c00; background: #EFE7B8 url(https://www.fraicheurquebec.com/templates/system/images/notice-note.png) 4px center no-repeat; 
	border-top: 3px solid #F0DC7E; 
	border-bottom: 3px solid #F0DC7E;
}
#syndicate{
	float:left;
	padding-left: 25px;
}
#power_by{
	float:right;
	padding-right: 25px;
}



/********************************************************************************/
/* 							WebLinks 											*/
/********************************************************************************/
span.description {
	display:block;
	padding-left: 30px;
}

/********************************************************************************/
/* 							Frontend Editing									*/
/********************************************************************************/
fieldset {
/*	margin-top: 15px;
	padding: 15px;*/
}
legend {
	margin: 0;
	padding: 0 10px;
}
td.key {
	border-bottom:1px solid #eee;
	color: #666;
}
.inputbox {
	border:1px solid #DFDFDF;
	margin:2px 0px 2px 0px;
}

.inputbox:hover {
	cursor:text;	
}
.button {
}

textarea {
	padding:2px;
}


div.pagination .nav-item span,
.results-items span.pagination span.nav-item span {
	font-family:'SourceSansProSemibold';
	font-size:1.3rem;
}