/*
Colors

CONTENTHEADING COLOR : # ;
H1 : # ;
H2 : # ;
H3 : # ;
H4 : # ;
H5 : # ;
H6 : # ;

BACKGROUND : # ;
BACKGROUND-COLOR WRAPPER : # ;

*/


/********************************************************************************/
/* 								RESET ALL TAGS 							  		*/
/********************************************************************************/

html {
	height: 100%;
	margin-bottom: 1px; /*Fix IE bug*/
	font-size:10px;
}
body {
	margin: 0;
	padding: 0;
	 
}
option {
	padding-left: 0.4em;
}
fieldset,img {  
	border: 0; 
}
img {
	display:block;
}

/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}
input.button { 
	cursor: pointer; 
}
table {
	font-weight:normal;
}

/********************************************************************************/
/* 							     LAYOUT 							  			*/
/********************************************************************************/

body {
	font-size:12px;
	font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif;
	color: #4c453a;
	text-align: left; 
	line-height:1.5rem;
	
	font-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	
	
	min-height:100%;
}
div#container {
	max-width:920px; 
	width: 920px;
	margin: 0 auto;
}
div#wrapper {
	margin: 0px auto;
	width:100%;
}

/*Sticky footer*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -20.4rem; /* the bottom margin is the negative value of the footer's height */
	background: url(../images/main-background.jpg) no-repeat fixed center bottom #fffef7;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#footerWrap{
	height: 20.4rem; /* .push must be the same height as .footer */
}

.push {
	height:20.4rem;	
}


/********************************************************************************/
/* 								HEADER  							 			*/
/********************************************************************************/
div#headerWrap {
	width:100%;
	margin: 0 auto;
	
}
div#header {
	margin:0px;
	padding:0px;
}

/********************************************************************************/
/* 								LOGO				    			  			*/
/********************************************************************************/
div#logoWrap {
	float:left;
	display:inline;
	width:30%;
	position:relative;
}


/********************************************************************************/
/* 								UPPERMENU			    			  			*/
/********************************************************************************/
div#upperMenu{
	float:right;
	width:70%;
}

/********************************************************************************/
/* 								LANGUAGE	 							  		*/
/********************************************************************************/
div#languageWrap {
	position:relative;
	float:right;
	width:300px;
	padding-top:10px;
	padding-right:5px;
}

/********************************************************************************/
/* 								TOPMENU		 							  		*/
/********************************************************************************/
div#topMenuWrap {
	float:right;
	width:70%;
	margin: 0px auto;
	padding-top:1.9rem;
}

/********************************************************************************/
/* 								PATHWAY 							  			*/
/********************************************************************************/
div#pathwayWrap {
	width: 100%;	
}
div#pathway {
	font-size:10px;
	color: #666666;
	padding:5px 5px 5px 5px;
}

div#calendarWrap{
	position: fixed;
    right: 0;
    top: 200px;
}

/********************************************************************************/
/* 								LEFT COLUMN 							  		*/
/********************************************************************************/
div#colLeftWrap {
	float: left;  /*since this element is floated, a width must be given */
	display:inline;
	margin: 0 3% 10% 0;
	width:27.2%;
	padding:0;  
}
div#colLeft {
	margin:0px;
}


/********************************************************************************/
/* 								MAIN CONTENT 							  		*/
/********************************************************************************/
div#mainContentColLeft {
	width:69.8%;
	float:left;	
	display:inline;
	padding-bottom:90px;
}

div#mainContentColRight {
	width:680px;
	float:left;	
	display:inline;
}

div#mainContent3col {
	width:69.8%;
	float:left;	
	display:inline;
}

body.accueil div#mainContentColLef {
	margin:0px;
	padding:0;
}
/********************************************************************************/
/* 								CONTENT 							  			*/
/********************************************************************************/
div#contentWrap {
	clear:both;
	margin: 0px auto;
}
div#content {
	margin:0px;
}

/********************************************************************************/
/* 								RIGHT COLUMNS 							  		*/
/********************************************************************************/

#colRightWrap {
	float: left; /* since this element is floated, a width must be given */
	display:none;
	width: 300px;
}
#colRight {
	margin:0px;
}

/********************************************************************************/
/* 								SPACERS 							  			*/
/********************************************************************************/
div.spacer {
	width:5px;
	padding:0px;
	margin:0px;
}

/********************************************************************************/
/* 								BOTTOM MENU								 		*/
/********************************************************************************/
div#bottommenuWrap {
	width:60%;
	display:inline-block;
	float:left;
}
div#bottommenu {
	padding:0px;
	margin:0px;
}

/********************************************************************************/
/* 								COPYRIGHT	 							  		*/
/********************************************************************************/
div#copyrightWrap {
	width:100%;
	float:left;
	text-align:right;
	color:#FFFFFF;
	font-size:1.2rem;
}

div#copyright p {
	margin:0px;
	padding:0px;
}

/********************************************************************************/
/* 								MADE BY		 							  		*/
/********************************************************************************/
div#madebyWrap {
	width:100%;
	float:right;
	text-align:right;
	color:#FFFFFF;
	font-size:1rem;
}

div#madebyWrap a:link, div#madebyWrap a:visited, div#madebyWrap a:active {
	font-size:1rem;
	color:#FFFFFF;
	text-decoration:none;
}


/********************************************************************************/
/* 								FOOTER								  			*/
/********************************************************************************/
div#footerWrap {
	position:relative;
	background-color: #4c453a;
	width:100%;

	/*IE support
	
	behavior: url(https://www.fraicheurquebec.com/templates/hpjmaster25/css/display-table.min.htc);*/
}
div#footer {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center;
	position:relative;
	
	max-width:920px;
	
	/*IE support
	display:table-cell;
	behavior: url(https://www.fraicheurquebec.com/templates/hpjmaster25/css/display-table.min.htc);	*/
}
div#footerInner{
	display:inline-block;
	padding:3.6rem 0 0rem;
}
 
#copymade {
	width:35%;
	display:inline-block;
	font-size:1.2rem;
	float:right;
	margin-top:5.5rem;
}
#copymade a:hover,
#madebyWrap a:hover{
	color:#9ec42d !important;
	text-decoration:none;
}


/********************************************************************************/
/*  							CLEARING & FLOATING 							*/
/********************************************************************************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
/* clearing & floating */
.clearingfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearingfix {
	height: 1%;
}
.clearingfix {
	
	display: block;
}
/* End hide from IE-mac */
.clearingfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}