﻿/* CSS pour l'impression */

/*
=========================================================================
	GLOBAL
=========================================================================
*/
@page {
	margin: 3em 5em;
 }
 body {
   -webkit-print-color-adjust: exact;
 }

/* Entête  */
#mobile,
#menu-utilitaires,
#bande-haut-niv2,
#menu-gauche,
#boutons-partage,
#haut_page,
#module-je-veux-wrapper,
#module-je-veux-wrapper + hr,
[data-fancybox] .df-icon {
	display: none !important;
}
#bande-haut-niv1 {
	background: transparent;
}
header#bande-haut #logo-vdq {
	margin-top: -0.5em;
	margin-left: -0.5em;
	-webkit-filter: invert(50%) brightness(0%);
	filter: invert(50%) brightness(0%);
	width: 275px;
	height: 106px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	header#bande-haut #logo-vdq {
		background-image: url(/img/logo-ville-quebec-noir.svg);
		height: 90px;
		width: 220px;
	}
}
h1 + p.entete img {
	height: auto;
}
/* Contenu */
main:before {
	content:none;
}
main header,
.contenu-wrapper,
.menu-gauche {
	margin: 0 !important;
    background: transparent !important;
}
.contenu-wrapper > section {
	padding-top: 0;
}
#menu-central {
	background:transparent;
	zoom: 0.9;
}
#menu-central ul  {
	max-width: none;
	display: flex !important;
	flex-wrap: wrap;
}
#menu-central ul li {
	flex-basis: 31%!important;
	width: 31%!important;
	vertical-align: top!important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
#menu-central ul li a {
	display: block;
	padding: 1em;
	min-height: 75px;
	border: 1px solid #555;

}
#menu-central a:before {
	content: none;
}

/* Accueil section */

#menuprincipal {
	background: transparent;
	zoom: 0.9;
}
#menuprincipal > ul ul > li {

	flex-basis: 33% !important;
	min-height: 105px;
	width: 33%;
	border: 9px solid white;
}
#menuprincipal ul ul li a {
	font-size: 14px;
	box-shadow: none;
}
header#titre-section h1 {
	color: black;
	margin-left: 0;
	padding: 0 0 0.25em;
    font-size: 28px;
}
main h1 {
	background-color: transparent;
	color: black;
	margin-left: 0;
	padding: 0;
}
main header h1 {
	background-position-y: 45px;
	margin-left: 15px;
	padding: 0 0 145px;
	text-align: left;
	border-bottom: none !important;
}
#bc_filariane {
	clear: both;
	margin-left: 15px;
	padding: 0em 2px 1.8em;
	font-size: 14px;
}
#bc_filariane a:first-child {
	display: none;
}
#bc_filariane a {
	color: black;
	text-decoration: none;
}
#bande-haut-niv1 div.contenu, #bande-haut-niv2 div.contenu {
	margin-left: 15px;
}
#intro,
#texte {
	max-width: none;
}


#bc_zone_capsules {
	background: transparent;
	padding-bottom: 0 !important;
	zoom: 0.9;
}
main > header *:not(h1):not(span),
main > section, #bc_zone_capsules > h2,
.btns-consulter {
	margin-left: 0;
	color: black;
}
.btns-consulter>li>a {
	box-shadow: none;
	border: 1px solid #ccc;
	color: black;
}
.btns-consulter>li>a span {
	color: black;
}
.btns-consulter>li>a:before {
	-webkit-filter: brightness(60%);
	filter: brightness(40%);
}
/* Footer */
footer nav {
	display: none
}
footer {
	background: transparent;
}
#copyright-site {
	margin-top: 2em;
	margin-left: 15px;
	padding-top: 1.25em;
	text-align: left;
    color: black;
    background: transparent;
	position: relative;
}
#copyright-site:before {
	position: absolute;
	top: 0;
	content: "Source : www.ville.quebec.qc.ca";
	padding-right: 0.5em;
}

/* Accueil */
#carrousel #nav,
#carrousel #prev,
#carrousel #next,
#carrousel .image,
#carrousel-fond,
#carrousel .cycle-slide.cycle-sentinel,
#carrousel .contenu .btn {
	display: none !important;
}
#carrousel .cycle-slide:not(.cycle-sentinel) {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: 50% !important;
	vertical-align: top;
}
#carrousel .contenu {
	color: black;
	width: 90%;
}
#carrousel-wrapper {
	min-height:inherit;
	clear: both;
}
#carrousel-wrapper,
#je-veux,
.medias-sociaux-wrapper {
	background: transparent;
}
.medias-sociaux .twitter.col,
.medias-sociaux .instagram.col {
	width: 48%;
	vertical-align: top;
	display: inline-block;
}
.menu-pictos .col a,
#idees-de-sorties,
.btns-consulter li {
	page-break-inside: avoid;
}
/* Idées de sorties */
#idees-de-sorties-contenu .colonnes-4 .col {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
	margin-bottom: 100px;
}
#idees-de-sorties-contenu .colonnes-4 a {
	overflow: visible;
}
#idees-de-sorties-contenu .colonnes-4 a div {
	    bottom: -100px !important;
		background: white;
}
#idees-de-sorties-contenu .colonnes-4 h3,
#idees-de-sorties-contenu .colonnes-4 p {
	color: black;
}
#promo-1 {
	background-color: white;
}
#promo-1 a,
#promo-1 a h3 {
	color: black;
}
#promo-2-pubs {
	max-width: 1160px;
}
#promo-2 .col {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	min-width: 25%;
	-webkit-flex: 1 1 25%;
	flex: 1 1 25%;
}

/* Titres  A FAIRE */
h1 {
	color: black;

}
/* Vidéos */
.lien-video .df-icon {
	display: none;
}
/* Encadrés  */
.zone_encadre,
.encadre,
.renseignements-supplementaires {
	background: transparent !important;
	box-shadow: inset 0 0 0 1px #333;
	color: black;
	padding: 1em;
	margin-left: -1em;
	margin-right: -1em;
	page-break-inside: avoid;
}
.savoirplus,
.savoirplus {
	background: transparent !important;
	color: black !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}
.encadre.style3 {
	box-shadow: inset 0 0 0 1px #333;
}

.encadre.style3>*, .renseignements-supplementaires>*,
.encadre.style3 a, .renseignements-supplementaires a {
	color: black;
}
/* Tableaux  A FINIR */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 10px;
	page-break-inside: avoid;
}
table, th, td {
	border: 1px solid silver;
	vertical-align: top;
}
table tbody tr:nth-child(even) td,
table tbody tr:nth-child(even) th {
    background-color: transparent !important;
}

h1, h2, h3, h4, h5 {
	color: black;
	page-break-after: avoid;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p {
	page-break-before: avoid;
}
a {
	color: black;
}
/* Tiroirs */
.toggle_container,
.toggle-container {
	display: block!important;
	margin: 0 0 15px 0;
}
.trigger  {
	page-break-after: avoid;
}
h2.trigger:after, h3.trigger:after, h4.trigger:after, h5.trigger:after {
	content: none;
}

/* Filtre  */
.liste .filtre{
	display: none
}



/*
=========================================================================
	PARTICULIER
=========================================================================
*/


/* INSTALLATIONS SPORTIVES */
.installations .RadRating,
.installations .nbr_votes {display:none}
.installations .details{display:none}


/* Gens d'affaires - Calendrier */
.activites_entrepeneurs td.date_jour {
	background-color: transparent !important;
	color: black;
}
