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

/* Ajustements grille et autres contenus site TÉLUQ */
#Page > .contentWrap {
	padding-bottom:0;
	background-color:transparent;
}
.texteIntroTah {
    font-size: 1.642857142857143em; /* 23/14 */
    font-weight: 700;
    text-transform: none;
	margin:25px auto;
	text-align:center;
}
h1.titrePage {
	position:relative;
	display:block;
	padding:0;
	margin:0 auto -50px auto;
	height:146px;
	width:146px;
	z-index:100;
	border:0;
}
h1.titrePage:after {
	display:none;
}
h1.titrePage.neutre {
	background:url(../img/tah/titre.svg) no-repeat;
}
.no-svg h1.titrePage.neutre {
	background:url(../img/tah/titre.png) no-repeat;
}
h1.titrePage.an2015 {
	background:url(../img/tah/titre_2015.png) no-repeat;
}
h1.titrePage.an2016 {
	background:url(../img/tah/titre_2016.png) no-repeat;
}
h1.titrePage.an2017 {
	background:url(../img/tah/titre_2017.png) no-repeat;
}
h1.titrePage.an2018 {
	background:url(../img/tah/titre_2018.png) no-repeat;
}
h1.titrePage.an2019 {
	background:url(../img/tah/titre_2019.png) no-repeat;
}
h1.titrePage.an2020 {
	background:url(../img/tah/titre_2020.png) no-repeat;
}
h1.titrePage.an2021 {
	background:url(../img/tah/titre_2021.svg) no-repeat;
}
h1.titrePage.an2022 {
	background:url(../img/tah/titre_2022.svg) no-repeat;
}
h1.titrePage.an2023 {
	background:url(../img/tah/titre_2023.svg) no-repeat;
}
h1.titrePage.an2024 {
	background:url(../img/tah/titre_2024.svg) no-repeat;
}
h1.titrePage.an2025 {
	background:url(../img/tah/titre_2025.svg) no-repeat;
}


.labelMobile { display:none; }


/*
 * Liens spéciaux
 */
 
.tah a.button {
	max-width:250px;
}
 
.btWebDiff:link, 
.btWebDiff:active, 
.btWebDiff:visited {
	color:#fff;
	background-color:#666;
	display:inline-block;
	font-weight:700;
	font-size: 0.875em;
	line-height:1;
	padding:15px;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	transition:background-color 0.2s ease;
}
.btWebDiff:hover, .btWebDiff:focus{ background-color:#4d4d4d; }


ol.bigNumber {
	list-style:none;
	padding:0;
	/*counter-reset:bigN;*/
}
ol.bigNumber li {
	position:relative;
	list-style:none;
	padding:9px 0 0 45px;
	counter-increment:bigN;
	min-height:30px;
}
ol.bigNumber li:before {
	content:counter(bigN) ".";
	color:#2e8804;
	font-weight:400;
	font-size:30px;
	line-height:1;
	position:absolute;
	top:3px;
	left:0;
}

.sCeremonieInfos .content .add-t-top { margin-top:50px !important; }


/* Strates */
.strate {
	padding:50px;
	outline:none;
}
.strate .content > *:first-child {
	margin-top:0!important;
}
.strate .content > *:last-child {
	margin-bottom:0!important;
}

.strate h2 {
	font-weight:600;
	font-size:1.428571428571429em; /* 20/14*/
	color:#2e8804;
}


/* Les 2 grandes sections de choix de ce qu'on veut voir */
.strate.sChoixSection {
	padding:0;
	color:#fff;
}
.strate.sChoixSection p,
.strate.sChoixSection a {
	color:#fff;
	text-decoration:none;
}
.sChoixSection .overlay {
	padding:65px 10px;
	cursor:pointer;
	transition:all 0.3s ease;
}
.sChoixSection:hover .overlay,
.sChoixSection.active .overlay {
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
}
.sChoixSection .titre {
	font-size:1.714285714285714em; /* 24/14 */
	font-weight:400;
	line-height:1.2;
	color:#fff;
	text-align:center;
	margin:0;
}
.sChoixSection .titre .big {
	font-size:1.75em; /* 42/24 */
	font-weight:700;
}
.sChoixSection.sCriteres{
	background:url(../img/tah/bg_criteres.jpg) center -155px no-repeat #000;
	background-size:cover;
}
.sChoixSection.sCriteres.v2017{
	background-image:url(../img/tah/bg_criteres2017.jpg);
	background-position:center top;
}
.sChoixSection.sCeremonie{
	background:url(../img/tah/bg_details.jpg) center bottom no-repeat #000;
	background-size:cover;
}
.sChoixSection.sWebdiffusion{
	background:url(../img/tah/bg_ceremonie.jpg) center top no-repeat #000;
	background-size:cover;
}
.sChoixSection.sRecipiendaires{
	background:url(../img/tah/bg_recipiendaires.jpg) center -155px no-repeat #000;
	background-size:cover;
}
.sChoixSection.sPhotos{
	background:url(../img/tah/bg_photos.jpg) center -180px no-repeat #000;
	background-size:cover;
}
.sChoixSection.sPhotos.an2017{
	background:url(../img/tah/bg_photos2017.jpg) center top no-repeat #000;
	background-size:cover;
}


.strate.sChoixSection .sousContent {
	max-width:760px;
	margin:0 auto;
	font-size:1.071428571428571em; /* 15/14 */
	overflow:hidden;
}
.sCeremonie.sChoixSection .sousContent {
	text-align:center;
}

.sChoixSection ul{
	list-style:outside none none;
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
}
.sChoixSection li{
	display:inline-block;
	margin:0 15px 15px 0;
	white-space:nowrap;
}
.sChoixSection li a{
	display:inline-block;
	text-align:center;
	width:250px;
	line-height:38px;
	height:38px;
	border:1px solid #fff;
	transition:all 0.3s ease;
}
.sChoixSection li a:hover{
	background:#2e8804;
	background:rgba(46,136,4,0.8);
	border-color:#2e8804;
	border-color:rgba(46,136,4,0.8);
}
.sChoixSection li a.active{
	background:#2e8804;
	border-color:#2e8804;
}

.sCeremonie.sChoixSection hr {
	display:inline-block;
	width:150px;
	margin:25px auto 15px auto;
	border-width:3px 0 0 0;
	border-style:dotted;
	border-color:#fff;
}

.sCeremonieInfos .content,
.sConsignesInfos .content,
.sWebdiffusionInfos .content,
.sCeremonieInfos .content {
	max-width:700px;
	margin:0 auto;
	font-size:1.071428571428571em; /* 15/14 */
}
.sCeremonieInfos .content {
	text-align:center;
}
.sCeremonieInfos .content p {
	margin:0 0 15px;
}
.sCeremonieInfos .heure {
	color:#8c8c8c;
	font-weight:700;
}
.strate.sConsignesInfos {
	background:url(../img/tah/bg_consignes.jpg) center top no-repeat #000;
	background-size:cover;
	padding-left:0;
	padding-right:0;
}
.sConsignesInfos .content {
	width:95%;
	/*max-width:600px;*/
	padding:20px 50px;
	background:#fff;
}
.sWebdiffusionInfos .content {
	max-width:550px;
}

/* Photos/vidéos */
.strate.sPhotos .sousContent {
	max-width:590px;
}
.sPhotos .sousContent > div { overflow:hidden; padding-top:40px; }
.sPhotos .sousContent h2 {
	color:#fff;
	margin-top:0;
	text-align:center;
}
.sPhotos .colonne1 {
	float:left;
}
.sPhotos .colonne2 {
	float:right;
}
.sPhotos .colonneCentre {
	text-align:center;
}
.sPhotos a {
	position:relative;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	height:175px;
	width:270px;
	background:url(../img/tah/bt_photos_sprite.jpg) 0 0 #000 no-repeat;
	background-position:0 0;
	border:1px solid #413f3f;
}
.sPhotos .colonne2 a {
	background:url(../img/tah/bt_video_sprite.jpg) 0 0 #000 no-repeat;
}
.sPhotos a:hover,
.sPhotos a:active {
	background-position:0 -175px;
}
.sPhotos a span {
	position:absolute;
	top:125px;
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap;
}

/* Version 2016 */
.sPhotos a.an2016 {
	background-image:url(../img/tah/bt_photos_sprite2016.jpg);
}
.sPhotos .colonne2 a.an2016 {
	background-image:url(../img/tah/bt_video_sprite2016.jpg);
}

/* Version 2017 */
.sPhotos a.btGaleriePhotos.an2017.Qc {
	background-image:url(../img/tah/bt_photos_sprite2017_qc.jpg);
}
.sPhotos a.btGaleriePhotos.an2017.Mtl {
	background-image:url(../img/tah/bt_photos_sprite2017_mtl.jpg);
}
.sPhotos a.btVideo.an2017_1 {
	background-image:url(../img/tah/bt_video_sprite2017_1.jpg);
}
.sPhotos a.btVideo.an2017_2 {
	background-image:url(../img/tah/bt_video_sprite2017_2.jpg);
}

/* Version 2018 */
.sPhotos a.btGaleriePhotos.an2018.Qc {
	background-image:url(../img/tah/bt_photos_sprite2018_qc.jpg);
}
.sPhotos a.btGaleriePhotos.an2018.Mtl {
	background-image:url(../img/tah/bt_photos_sprite2018_mtl.jpg);
}
.sPhotos a.btVideo.an2018_1 {
	background-image:url(../img/tah/bt_video_sprite2018_1.jpg);
}
.sPhotos a.btVideo.an2018_2 {
	background-image:url(../img/tah/bt_video_sprite2018_2.jpg);
}

/* Version 2019 */
.sPhotos a.btGaleriePhotos.an2019.Qc {
	background-image:url(../img/tah/bt_photos_sprite2019_qc.jpg);
}
.sPhotos a.btGaleriePhotos.an2019.Mtl {
	background-image:url(../img/tah/bt_photos_sprite2019_mtl.jpg);
}
.sPhotos a.btVideo.an2019_1 {
	background-image:url(../img/tah/bt_video_sprite2019_1.jpg);
}
.sPhotos a.btVideo.an2019_2 {
	background-image:url(../img/tah/bt_video_sprite2019_2.jpg);
}
.sPhotos a.btVideo.an2019_3 { /* Voxpop */
	background-image:url(../img/tah/bt_video_sprite2019_3.jpg);
}
.sPhotos a.btVideo.an2021_1 {
	background-image:url(../img/tah/bt_video_sprite2021_1.jpg);
}


/* Texte image mantra */
.sMantra {
	padding:20px 10px;
}
.sMantra .content {
	padding:0;
	text-align:center;
	border-top:1px solid #c6c6c6;
	text-transform:uppercase;
}

.sMantra .image {
	position:relative;
	top:-5px;
}



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


/* #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) {
	.strate {
		padding: 30px 20px;
	}
	
	.sChoixSection .titre {
		font-size:1.714285714285714em; /* 24/14 */
	}
	
	.sChoixSection.sRecipiendaires ul{
		padding:0; 
		font-size:0.8823529411764706em; /* 15/17 */
	}
	.sChoixSection.sRecipiendaires ul:first-child{
		padding:20px 0 0 0;
	}
	.sChoixSection.sRecipiendaires li{
		display:block;
	}
	
	
	.sConsignesInfos .content {
		padding:20px 20px;
	}
}


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

@media only screen and (max-width: 599px) {
	/* Photos/vidéos */
	.sPhotos .colonne1,
	.sPhotos .colonne2{
		float:none;
		width:100%;
		text-align:center;
	}
	.sPhotos a { display:inline-block; }
	
	.sPhotos .sousContent > div + div {
		padding-top: 0;
	}
	.sPhotos .sousContent h2 { margin-top:15px; }
}


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

@media only screen and (max-width: 479px) {
	.sChoixSection .titre .big {
		font-size:1.375em; /* 33/24 */
	}
	
	.labelMobile { display:inline; }
	.labelDesktop { display:none; }
}