/* #Page Styles
*  Override de certaines couleurs/grille et nouveaux styles
================================================== */


/* Cacher tout ce qu'on ne veut pas voir */
#MenuRapideAccessible, .bgLogoHeader, .bgMenuPrincipal, .bgMenuPrincipalSub,
#TopNav, #LogoTeluq, #ZoneMenuPrincipal, 
#MenuPrincipalMobile, #Copyrights, #LiensFooter, #RetourTop {
	display:none;
}

.bgLogoHeaderAMC {
    background-color: #000;
	/*border-bottom: 7px solid #fff;*/
    overflow: hidden;
}

.bgLogoHeaderAMC .logoTELUQ_AMC {
	width:137px;
	height:81px;
}
.bgLogoHeaderAMC .logoGOC_AMC {
	
}
.logoSeparateur {
	padding:0 27px;
	width:1px;
}
.logoSeparateur:before {
	content:"";
	display:inline-block;
	height:50px;
	width:1px;
	background-color:#fff;
}
.bgLogoHeaderAMC .cssTable {
	display:table;
	width:100%;
	table-layout:fixed;
}
.bgLogoHeaderAMC .cssTable > * {
	display:table-cell;
	vertical-align:middle;
}
.bgLogoHeaderAMC .titreAMC {
    color: #fff;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	padding: 10px 0 10px 35px;
}
.bgLogoHeaderAMC .titreAMC a {
	color: #e4e4e4;
	text-decoration: none;
	transition: color 0.2s ease;
}
.bgLogoHeaderAMC .titreAMC a:hover,
.bgLogoHeaderAMC .titreAMC a:focus {
	color:#fff;
}


.pageEntete {
	background-image:url(../img/entetes/entete_amc.jpg);
	background-size: cover;
	margin-bottom:0;
}
.pageEntete.h500 {
	min-height:500px;
}
.pageEntete h1.titrePage {
	margin-top:100px;
}
.pageEntete .surTitre {
	display:block;
    font-size: 0.4666666666666667em; /* 28/60 */
    font-weight: 700;
    color: inherit;
    margin:0;
}
.accrocheEntete {
	background: #4d4d4f;
	color:#fff;
	margin-bottom:0;
}

/*.pageAMC #ContenuPrincipal .contentWrap {
	max-width:815px;
}*/
.pageAMC .ColonneSigle {
	min-width:80px;
}
#ContenuPrincipal .titreStrate {
	font-size:2.285714285714286em; /* 32px / 14px */
	line-height:1.2;
	font-weight:400;
	text-transform:uppercase;
	padding:0;
	margin:0 0 30px 0;
}

.pageAMC a.button {
	max-width:300px;
	background-color:#902767;
}
.pageAMC a.button:hover,
.pageAMC a.button:focus {
	background-color:#000;
}

.accordeon .toggler > button.subtil .icone {
	background-image: url(../img/site_amc/plus_moins_sprite.svg);
}


/* Strates */
.strate {
	padding:40px 0;
}
.strate > *:first-child {
	margin-top:0;
}
.strate > *:last-child {
	margin-bottom:0;
}


/* Admission - Comment procéder */
.sAdmission {
	background:#fff;
}
.sAdmission h2 {
	color:#000;
	margin:0 0 30px 0;
	text-align:center;
}
.sAdmission .tableEtapes {
	display:table;
	table-layout:fixed;
	width:100%;
	padding:0;
	margin:0 0 30px 0;
	counter-reset:etape;
}
.sAdmission .tableEtapes > li {
	display:table-cell;
	width:25%;
	border-right:1px solid #636466;
	padding:0 20px;
	margin:0;
	text-align:center;
}
.sAdmission .tableEtapes > li:before {
	counter-increment:etape;
	content:counter(etape);
	display:block;
	font-size:80px;
	line-height:1;
	text-align:center;
	font-weight:700;
	color:#902767;
	margin:0 0 10px 0;
}
.sAdmission .tableEtapes > li:last-child {
	border-right:0;
}
.sAdmission p.attention {
	max-width:600px;
	margin:30px auto 0 auto;
	text-align:center;
}


/* Liste des cours */
.sCours {
	background:#e6e7e7;
}
.sCours h2.titreStrate {
	color:#000;
	margin:0 0 30px 0;
	text-align:center;
}
.sCours .accordeon {
    margin-bottom:30px;
}


/* Les avantages */
.sAvantages {
	background:#333;
	/*padding:50px 0;*/
}
#ContenuPrincipal .sAvantages h2 {
	color:#fff;
	margin:0 0 40px 0;
	text-align:center;
}
.sAvantages h3 {
	color:#fff;
	margin:0 0 5px 0;
	text-align:center;
}
.sAvantages p,
.sAvantages a {
	color:#fff;
}
.sAvantages .tableAvantages {
	display:table;
	table-layout:fixed;
	width:100%;
	padding:0;
	margin:0;
}
.sAvantages .tableAvantages > li {
	display:table-cell;
	width:33.33333333%;
	border-right:1px solid #636466;
	padding:0 20px;
	margin:0;
	text-align:center;
}
.sAvantages .tableAvantages > li:last-child {
	border-right:0;
}
.sAvantages .tableAvantages img {
	margin-bottom:20px;
}


/* L'Université TÉLUQ */
.sTELUQ {
	background-image:url(../img/site_amc/bg_teluq.jpg);
	background-position: center center;
	background-size: cover;
	padding:75px 0;
}
.sTELUQ .contentWrap {
	max-width:600px;
}
.sTELUQ .fondBlanc {
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	padding:20px;
}
.sTELUQ .fondBlanc h2 {
	font-size:2em; /* 28px / 14px */
	line-height:1.2;
	font-weight: 700;
	text-transform:uppercase;
	padding:0;
	margin:0 0 15px 0;
}


/* Athabasca University */
.sAU {
	background:#902767;
	color:#fff;
}

.sAU.hautPage .column {
	position:relative;
	padding:10px 20px 10px 0;
}
.sAU.hautPage .fermerMessage {
	position:absolute;
	right:0px;
	top:0;
	cursor:pointer;
	padding:10px 5px;
	font-weight:700;
}
.sAU a {
	color:#fff;
}
.sAU .grosTexte {
	font-size:2em; /* 28px / 14px */
	line-height:1.2;
	font-weight: 700;
	padding:0;
	margin:0 0 15px 0;
}


/* Footer des coordonnées */
.sFooter {
	background-color:#000;
	padding:15px 0;
}
.sFooter p,
.sFooter a {
	color:#fff;
	margin:0;
}


/****************************************/
/* Pages secondaires (desc. cours) */
/****************************************/

a.btRetourAMC {
	display:inline-block;
	color:#fff;
	background-color:#333;
	font-weight:700;
	padding:7px 10px;
	margin:0;
	text-decoration:none;
	text-transform:uppercase;
	transition:all ease 0.2s;
}
a.btRetourAMC:active,
a.btRetourAMC:focus,
a.btRetourAMC:hover {
	background-color:#902767;
}



/*********************/
/* Le CSS responsive */
/*********************/

@media only screen and (max-width: 1280px) {

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}


/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
	.pageEntete {
		background-size:cover;
	}
	.pageEntete.h500 {
		min-height:1px;
	}
	.pageEntete h1.titrePage {
		margin:40px 0;
	}
	
	#ContenuPrincipal .titreStrate {
		font-size:2em; /* 28px / 14px */
	}
	
	.strate {
		padding:30px 0;
	}
	
	.strate.sInscription {
		padding:10px 20px;
	}
		
	.sAvantages > .contentWrap {
		padding:0 30px;
	}
	
	.sAvantages .tableAvantages,
	.sAdmission .tableEtapes {
		display:block;
	}
	.sAvantages .tableAvantages > li,
	.sAdmission .tableEtapes > li {
		display:block;
		width:100%;
		border-right:0;
		padding:20px 0;
		max-width:400px;
		margin:0 auto;
	}
}


/* #Mobile (Mini tablette)
================================================== */

@media only screen and (max-width: 599px) {
	

}


/* #Mobile (Landscape)
================================================== */

@media only screen and (max-width: 479px) {

}