@import url(global.css);

@media (min-width: 1100px) {
main.menu-gauche {
	background: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 50%, #ffffff 50%, #ffffff 100%);
	display: block;
}
}
/*
=========================================================================
	Titre de la section
===========================r==============================================

*/
header#titre-section {
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 766px) {
header#titre-section {
/*padding-left: 10px;
		padding-right: 10px;*/
}
}
header#titre-section h1 {
	color: white;
	padding: 25px 0px 25px 0;
	/*font-size: 1.7em;*/
	font-weight: 600;
	width: 100%;
	max-width: 1155px;
	margin: 0 auto;
}

@media (min-width: 766px) {
header#titre-section h1 {
	/*font-size: 2em;*/
}
}
/* Couleurs selon le module */
main.citoyens header {
	background-color: #108b48;
}
main.gensaffaires header#titre-section {
	background-color: #027AC5;
}
main.touristes header#titre-section {
	background-color: #cd4c1d;
}
main.apropos header#titre-section {
	background-color: #697697;
}
main.hors_module header#titre-section {
	background-color: #144487;
}
main:before {
	height: 30px;
	width: 100%;
	display: block;
	content: ' ';
}
main:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55))
}
main.accessibilite-universelle:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-accessibilite-universelle.jpg);
	background-position: center 70%;
}
main.animaux:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-animaux.jpg);
	background-position: center 30%;
}
main.arrondissements:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-arrondissements.jpg);
	background-position: center 60%;
}
main.art-et-culture:before, main.merites-laureats:before, main.parlons-culture:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-culture.jpg);
	background-position: center 30%;
}
main.clienteles-specialisees:before {
}

main.aines:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-aines.jpg);
	background-position: center 2%;
}
main.cour-municipale:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-cour-municipale.jpg);
	background-position: center 2%;
}
main.deneigement:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-deneigement.jpg);
	background-position: center 7%;
}
main.deplacements:before,
main.securite-routiere:before{
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-deplacements.jpg);
	background-position: center 40%;
}
main.environnement:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-environnement.jpg);
	background-position: center 40%;
}
main.immigrants:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-nouveaux-arrivants.jpg);
	background-position: center 30%;
}
main.loisirs-et-sports:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-loisirs.jpg);
	background-position: center 30%;
}
main.guide-du-tri:before, main.matieres-residuelles:before, main.cavala:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-matieres-residuelles.jpg);
	background-position: center 30%;
}
main.installations-municipales:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-installations-municipales.jpg);
	background-position: center 30%;
}
main.police:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-police.jpg);
	background-position: center 13%;
}
main.incendie:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-incendie.jpg);
	background-position: center 83%;
}
main.propriete:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-propriete.jpg);
	background-position: center 13%;
}
main.reglements-et-permis:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-reglementation.jpg);
	background-position: center 13%;
}
main.securite-civile:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-securite-civile.jpg);
	background-position: center 13%;
}
main.travaux-entretien-rues:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-travaux-entretien-rues.jpg);
	background-position: center 13%;
}
main.taxes-et-evaluation:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-taxes-evaluation.jpg);
	background-position: center 13%;
}
main.stationnement:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-stationnement.jpg);
	background-position: center 13%;
}
main.patrimoine:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-patrimoine.jpg);
	background-position: center 13%;
}
main.vivre-ensemble:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-vivre-ensemble.jpg);
	background-position: center 13%;
}

main.la-memoire-en-partage:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-patrimoine.jpg);
	background-position: center 13%;
}
main.appels-offres-contrats:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-appels-offres-contrats.jpg);
	background-position: center 30%;
}
main.creer-developper-entreprise:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-creer-developper-entreprise.jpg);
	background-position: center 30%;
}
main.financement:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-financement.jpg);
	background-position: center 13%;
}
main.fournisseurs-specialises:before {
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(/img/titres/gens_affaires/img-titre-fournisseurs.jpg);
	background-position: center 13%;
}
main.implantation-projets-immobiliers:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-implantation-projets-immobiliers.jpg);
	background-position: center 70%;
}
main.organiser-un-evenement:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-organiser-un-evenement.jpg);
	background-position: center 90%;
}
main.organismes:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("/img/titres/gens_affaires/img-titre-organismes.jpg");
	background-position: center 90%;
}
main.proteger-environnement:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-proteger-environnement.jpg);
	background-position: center 20%;
}
main.reglementation-et-permis:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-reglementation-et-permis.jpg);
	background-position: center 20%;
}
main.tournage-a-quebec:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/gens_affaires/img-titre-tournage-a-quebec.jpg);
	background-position: center 10%;
}
main.acces:before {
}
main.attraits:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/touristes/img-titre-attraits.jpg);
	background-position: center 50%;
}
main.deplacement-commodites:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/touristes/img-titre-deplacements.jpg);
	background-position: center 30%;
}
main.evenements:before {
}
main.meteo:before {
}
main.acces-information:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-acces-information.jpg);
	background-position: center 95%;
}
main.administration:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-administration.jpg);
	background-position: center 95%;
}
main.avis-publics:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-avis-publics.jpg);
	background-position: center 70%;
}
main.confidentialite:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-apropos.jpg);
	background-position: center 28%;
}
main.elections-municipales:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-elections.jpg);
	background-position: center 40%;
}
main.emplois-et-stages:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-emplois-stages.jpg);
	background-position: center 30%;
}
main.espace-presse:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-espace-presse.jpg);
	background-position: center 30%;
}
main.gouvernance:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-gouvernance.jpg);
	background-position: center 30%;
}
main.participation-citoyenne:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/citoyens/img-titre-participation-citoyenne.jpg);
	background-position: center 30%;
}
main.planification-orientations:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-planification-orientations.jpg);
	background-position: center 70%;
}
main.programmes-subventions:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-programmes-subventions.jpg);
	background-position: center 30%;
}
main.portrait:before, main.horloge-jura:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-portrait.jpg);
	background-position: center 60%;
}
main.profil-financier:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-profil-financier.jpg);
	background-position: center 30%;
}
main.publications:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/apropos/img-titre-publications.jpg);
	background-position: center 40%;
}
main.services:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/services/img-titre-services-en-ligne.jpg);
	background-position: center 20%;
}
main.nous-joindre:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/nous-joindre/img-titre-nous-joindre.jpg);
	background-position: center 20%;
}
main.ville-intelligente:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/ville-intelligente/img-titre-ville-intelligente.jpg);
	background-position: center 85%;
}
main.sommetg7:before {
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(/img/titres/sommetg7/img-titre-sommetg7.jpg);
	background-position: center 85%;
}
main.covid:before {
	background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/img/titres/hors-module/img-titre-covid-1.jpg);
	background-position: center 60%;
}

main.menu-gauche .contenu-wrapper {
	position: relative;
	max-width: 1160px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	text-wrap: pretty;
}

@media screen and (min-width: 1100px) {
	main.menu-gauche .contenu-wrapper {
		background: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 35%, #ffffff 35%, #ffffff 100%);
	}
}
/*
=========================================================================
	Menu de gauche
=========================================================================
*/
main nav {
	display: none
}

@media screen and (min-width: 767px) {
    main nav {
        display: block;
        position: absolute;
        left: 0;
        top: 12px;
		text-wrap: balance;
    }
    main nav #list_menugauche {
        list-style: none;
        margin-left: 0;
        width: 270px;
    }
    main nav #list_menugauche a {
        color: #074b99;
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        padding: 8px 20px 8px 15px /*10px*/;
        text-decoration: none;
        transition: background-color 0.5s, color 0.5s;
        width: 100%;
    }
    main nav #list_menugauche a:focus, 
    main nav #list_menugauche a:hover {
        background-color: #1b51a0;
        color: white;
    }
    main nav #list_menugauche .lien_actif {
        background-color: #dad8d7;
		font-weight: 600;
        color: #074b99;
    }
    main nav #list_menugauche .lien_actif:focus, 
    main nav #list_menugauche .lien_actif:hover {
        background-color: #1b51a0;
        color: white;
    }
    /* Menu niveau 2 */
    main nav #list_menugauche li {
        list-style: none;
        margin-top: 0px;
    }
    main nav #list_menugauche ul {
        margin-left: 20px;
    }

}
/*
=========================================================================
	Image d'en-tête
=========================================================================

*/
h1 + img {
	width: 100%;
}
h1 + p.entete img {
	width: 100%;
}  /* Dans gens d'affaires */
/*
=========================================================================
	Ajustements à la section du texte
=========================================================================

*/
section {
	background-color: white;
	padding: 24px 0px 0;
}

@media screen and (min-width: 767px) {
section {
	padding: 24px 0px 24px 40px;
	margin-left: 255px;
	max-width: 767px;
}
}
#bc_zone_capsules {
	padding: 20px 15px 3em;
	margin-left: -15px;
	margin-right: -15px;
}
#bc_zone_capsules h2 {
	margin-top: 5px;
}

/* Zone des boutons consulter*/
@media screen and (min-width: 767px) {
#bc_zone_capsules {
	padding: 20px;
	margin-left: 0;
	margin-right: 0;
}
}
/*
=========================================================================
	Slogan
=========================================================================

*/
div#texte > p.slogan:first-child {
	font-size: 22px;
}
/*
=========================================================================
	Boutons partagez
=========================================================================

*/
#boutons-partage {
	padding-left: 0;
}

/*
=========================================================================
	Boutons Consulter
=========================================================================

*/
@media (min-width: 840px) {
.btns-consulter {
	width: calc(100% + 36px);
	margin-left: -18px;
}
}

@media (min-width: 840px) {
.btns-consulter>li {
	border-left-width: 8px;
	border-right-width: 8px;
}
}
/*
=========================================================================

	Affichages particuliers

=========================================================================

*/


/* Logo entente de développement culturel */

.logo-entente-dev-culturelle {
	max-width: 200px;
}
/*============= A PROPOS ============= */

/* Espace presse > Abonnement > Abonnements RSS */
#liste_fils_rss ul {
	list-style: none
}
#liste_fils_rss ul li {
	margin-left: 0px
}
#form_rss input {
	font-size: 1em;
	padding: 6px 6px;
	margin-left: 40px;
}
#form_rss {
	position: relative
}
#form_rss:before {
	background-image: url(/img/pictos/picto-rss2.svg);
	width: 40px;
	height: 40px;
	content: " ";
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: -3px;
}
/* Espace presse > Communiqué */
#liste_actualites a h2, #listeactualite_arrondissement a h3 {
	margin-top: 0;
	color: #074b98;
	transition: color 0.3s;
}
#liste_actualites a:focus h2,
#liste_actualites a:hover h2,
#listeactualite_arrondissement a:focus h3,
#listeactualite_arrondissement a:hover h3 {
	color: #107CC0
}
/* Espace presse > Relationnistes de presse */
.apropos.espace-presse hr {
	clear: both;
}
.apropos.espace-presse .relationnistes {
	margin-top: 2.2em;
}
.apropos.espace-presse .relationnistes ul li {
	position: relative;
}

@media (min-width: 475px) {
.apropos.espace-presse .relationnistes ul {
	position: relative;
	margin-left: 12em;
}
}
/*	Gouvernance > Calendrier des rencontres*/
table.tab_calendrier_rencontres tbody tr th, table.tab_calendrier_rencontres tbody tr td {
	background-color: #f2f2f2;
}
table.tab_calendrier_rencontres tbody tr td.col2 {
	white-space: nowrap;
}
table.tab_calendrier_rencontres tbody tr th p, table.tab_calendrier_rencontres tbody tr td p {margin-top:0px}
table.tab_calendrier_rencontres:not(.uni) tbody tr:nth-child(even) td, table.tab_calendrier_rencontres:not(.uni) tbody tr:nth-child(even) th {
	background-color: white;
}
table.tab_calendrier_rencontres .rencontre_annulee {
	color: #dc3b00
}
/* Emplois d'été */
.emplois-ete h2.trigger, .emplois-ete h3.trigger {
	text-transform: none;
}
/*	Gouvernance > Documents des instances (Procès-verbaux) */
.liste-proces-verbaux {
	margin-bottom: 0.5em
}
/*  Gouvernance > Conseil municipal > Vidéos des séances */
.videos-seances table th:first-child {
	width: 40%
}
.videos-seances table th:nth-child(2) {
	width: 20%
}

@media (min-width: 767px) {
.videos-seances table th:first-child {
	width: 25%
}
}
/* Gouvernance > Comité Exécutif > membres */
#tab_membres_ce td {
	vertical-align: top;
}
/*	Parcicipation citoyenne > Conseils de quartier - Membres */
/* Note permettant de mettre une légende sur les dates des mandats */
p#ctl00_ctl00_contenu_texte_page_MembresConseilQuartier1_NoteQuartier {
	font-size: 14px;
}
.apropos.planification-orientations .rendez-vous-annuel table h3 {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Planification et orientations  > Transport > Vélo */
@media (min-width: 450px) {
.apropos.planification-orientations .concours-velo .liste figure.aligne-droite {
	max-width : 260px;
}
}
/* Planification et orientations > Environnement > Eau > Gestion de l'eau > Qualité */
.apropos.planification-orientations table#secteurs-sources-eau-potable img {
	margin-right: 5px;
	height: 12px;
	border: 1px solid black;
}
/* Planification et orientations / Transport / Réseau structurant de transport en commun */
.apropos .reseau-structurant .cd-timeline-content {
	padding: 1.6em 1.6em calc(1.6em - 10px);
}
.apropos .reseau-structurant #modes-etudies tbody th, .apropos .reseau-structurant #modes-etudies tbody th *, .apropos .reseau-structurant #modes-etudies tbody td, .apropos .reseau-structurant #modes-etudies tbody td * {
	font-size: 15px;
	line-height: 1.25em;
}
.apropos .reseau-structurant #modes-etudies tbody td h4 {
	margin-bottom: 0;
	margin-top: 0.5em;
	text-transform: none;
}
.apropos .reseau-structurant .lien-reseau {
	margin: 1.5em 0 2em;
}
.apropos .reseau-structurant #modes-etudies tbody ul, .apropos .reseau-structurant #modes-etudies tbody ol {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

@media (min-width:766px) {
.apropos .reseau-structurant #modes-etudies tbody td p {
	margin-bottom: 0.3em;
}
.apropos .reseau-structurant #modes-etudies tbody .note {
	font-size: 12px;
}
.apropos .reseau-structurant #modes-etudies tbody td h4:first-child {
	margin-top: 0;
}
.apropos .reseau-structurant #modes-etudies tbody ul, .apropos .reseau-structurant #modes-etudies tbody ol {
	margin-left: 1.2em;
}
.apropos .reseau-structurant #modes-etudies tbody li {
	margin-top: 0.25em;
}
.apropos .reseau-structurant #modes-etudies tbody ul:first-child, .apropos .reseau-structurant #modes-etudies tbody ol:first-child, .apropos .reseau-structurant #modes-etudies tbody li:first-child {
	margin-top: 0;
}
}

@media (max-width: 767px) {
.apropos .reseau-structurant #modes-etudies, .apropos .reseau-structurant #modes-etudies thead, .apropos .reseau-structurant #modes-etudies tbody, .apropos .reseau-structurant #modes-etudies th, .apropos .reseau-structurant #modes-etudies td, .apropos .reseau-structurant #modes-etudies tr {
	display: block;
	width: 100%;
}
.apropos .reseau-structurant #modes-etudies thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.apropos .reseau-structurant #modes-etudies tbody tr th {
	font-size: 19px;
	width: 100%;
	padding: 0.3em 0 0;
}
.apropos .reseau-structurant #modes-etudies tbody tr td {
	border: none;
	width: 95%;
	padding: 0.3em 0 0.5em;
}
.apropos .reseau-structurant #modes-etudies tbody td h4 {
	font-size: 15px;
	font-family: "proxima-nova", sans-serif;
	font-weight: normal;
}
.apropos .reseau-structurant #modes-etudies tbody .note {
	font-size: 13px;
}
.apropos .reseau-structurant #modes-etudies td:nth-of-type(1):before {
	content: "Capacité : ";
	font-weight: bold;
}
.apropos .reseau-structurant #modes-etudies td:nth-of-type(2):before {
	content: "Propulsion : ";
	font-weight: bold;
}
.apropos .reseau-structurant #modes-etudies td:nth-of-type(3):before {
	content: "Durée de vie : ";
	font-weight: bold;
}
.apropos .reseau-structurant #modes-etudies tbody tr:last-child th {
	border-bottom: none;
}
}
/* Portrait > L'accent d'Amérique */
.apropos.portrait .twitter-timeline {
	max-width: 500px !important;
}
/* Portrait > Attraits > Webcaméras*/
.apropos.portrait .video-responsive {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.apropos.portrait .video-responsive iframe, .apropos.portrait .video-responsive object, .apropos.portrait .video-responsive embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* Portrait > Attraits > Hôtel de ville et alentours > L'horloge du Jura > Fiche technique */
.apropos.horloge-jura .pastille {
	color: white;
	padding: 0;
	float: left;
	text-align: center;
	font-weight: 900;
	font-size: 0.8em;
	border-radius: 15px;
	line-height: 25px;
	background-color: black;
	width: 25px;
	height: 25px;
}
.apropos.horloge-jura .pastille + p {
	margin-left: 35px;
}
/* Portrait > Attraits > Hôtel de ville et alentours > Médaillon de bronze */
.apropos.medaillon-bronze .theme .vue-ensemble {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start
}
.apropos.medaillon-bronze .theme .vue-ensemble>.vue-ensemble-texte {
	padding: 15px 15px 15px 25px
}
.apropos.medaillon-bronze .theme .vue-ensemble>.vue-ensemble-texte>h4 {
	padding-bottom: 2px
}
.apropos.medaillon-bronze .theme .vue-ensemble>.vue-ensemble-texte>h4>span {
	font-size: 0.8em
}
.apropos.medaillon-bronze .theme .vue-par-items {
	border-collapse: collapse
}
.apropos.medaillon-bronze .theme .vue-par-items tbody {
	background: transparent
}
.apropos.medaillon-bronze .theme .vue-par-items td {
	border-left: none;
	border-right: none;
	padding: 0 0 10px
}
.apropos.medaillon-bronze .theme .vue-par-items td:first-child {
	background: #ac8d6e;
	min-width: 120px;
	text-align: center
}
.apropos.medaillon-bronze .theme .vue-par-items td:first-child>a {
	width: 100%;
	height: 100%;
}
.apropos.medaillon-bronze .theme .vue-par-items td:nth-child(2) {
	padding-left: 15px
}
.apropos.medaillon-bronze .theme .vue-par-items td>h4 {
	margin-top: 12px;
	padding-bottom: 1px
}
.apropos.medaillon-bronze .theme .vue-par-items td>h4>span {
	font-size: 0.8em
}
.apropos.medaillon-bronze h2 {
	font-size: 1.4em
}
.apropos.medaillon-bronze h3 {
	font-size: 1.25em
}
.apropos.medaillon-bronze h4 {
	font-size: 1.2em
}
.apropos.medaillon .shadowbox-plus {
	float: right;
	margin-top: 3px;
	margin-left: 10px;
	padding: 18px 3px 14px
}
.apropos.medaillon .shadowbox-plus:before {
	box-shadow: inset 0 0 28px rgba(99,99,99,.1)
}

@media only screen and (max-width: 767px) and (min-width: 200px) {
.apropos.medaillon-bronze .theme .vue-ensemble {
	flex-wrap: wrap
}
.apropos.medaillon-bronze .theme .vue-ensemble>.vue-ensemble-texte {
	padding-left: 5px
}
.apropos.medaillon-bronze .theme .vue-par-items td:first-child {
	margin: 0;
	min-width: 60px;
	padding: 0
}
.apropos.medaillon-bronze .theme .vue-par-items td:first-child img {
	width: 7em
}
.apropos.medaillon-bronze .theme .vue-par-items td:nth-child(2) {
	padding-left: 8px
}
}
/* Programmes et subventions > Habitation et autres > Programme Accès Famille > Projets immobiliers */
.apropos.programmes-subventions .item > h3 {
	text-transform: none;
}
.apropos.programmes-subventions #acces-famille-projets .liste figure.ph-aligne-droite {
	max-width: 260px;
}
.apropos.rues-conviviales h1 + figure {
	max-width: 100%
}
.acces-famille .tooltip {
	cursor: pointer;
	margin-left: 2px;
	margin-bottom: 1px;
	vertical-align: middle;
	width: 15px
}
/* Theme du tooltip */
.acces-famille .tooltipster-default {
	background-color: #fdfdfd;
	color: black;
	text-align: left
}
.acces-famille .tooltipster-base {
	border: 2px solid black;
	border-radius: 0
}
.acces-famille .tooltipster-base .tooltipster-content {
	font-size: 11.2px;
	line-height: normal
}
.acces-famille .tooltipster-base .tooltipster-content p {
	margin: 0 0 6px 0;
	line-height: 1.3em;
}
/* Publications */
.publications .vignette-publication {
	max-height: 180px;
}
/*============= CITOYENS ============= */


/* Art et culture > Prix et concours > Architecture et patrimoine > Les Mérites d'architecture */
.citoyens.merites-laureats .hero {
	width: 100%;
}
#merites-jury li::first-line {
	font-weight: bold;
}
.citoyens.merites-laureats figure.img-pleine-largeur {
	margin-bottom: 10px
}

@media only screen and (min-width: 450px) {
.merites-laureats figure.photo-verticale {
	max-width: 200px
}
.merites-laureats figure.photo-verticale img {
	width: 100%;
}
}
main.parlons-culture .calendrier-activites h3 {
	margin-bottom: 0;
}
@media (min-width: 450px) {
	main.parlons-culture .calendrier-activites th.date-jour {
		line-height: 1em;
		vertical-align: top;
	}
}

@media (min-width: 450px) {
	main.parlons-culture figure {
		max-width: 160px;
	}
}
@media (min-width: 1000px) {
	main.parlons-culture .calendrier-activites figure {
		margin: 0 1em 10px 2em !important;
	}
}
@media (max-width: 600px) {
	main.parlons-culture .calendrier-activites .pecha-kucha p {
		margin-bottom: 1em;
	}
}
main.parlons-culture #logo-culture img,
main.parlons-culture #logo-mnbaq img,
main.parlons-culture #logo-entente img {
	width: 220px;
}


/* Places éphémères / Places chaleureuses*/
.places-ephemeres .onglet-container.liste, .places-chaleureuses .onglet-container.liste {
	padding-bottom: 30px;
}
.places-ephemeres p.picto-arbre, .places-ephemeres p.picto-quartier, .places-ephemeres p.picto-magasinage, .places-ephemeres p.picto-fortifications, .places-chaleureuses p.picto-arbre, .places-chaleureuses p.picto-quartier, .places-chaleureuses p.picto-magasinage, .places-chaleureuses  p.picto-fortifications {
	display: inline-block;
	margin-bottom: 0;
	padding-left: 35px;
	padding-right: 10px;
	
}
.places-ephemeres p.picto-arbre:before, .places-ephemeres p.picto-quartier:before, .places-ephemeres p.picto-magasinage:before, .places-ephemeres p.picto-fortifications:before, .places-ephemeres li.picto-arbre:before, .places-ephemeres li.picto-quartier:before, .places-ephemeres li.picto-magasinage:before, .places-ephemeres li.picto-fortifications:before, .places-chaleureuses  p.picto-arbre:before, .places-chaleureuses  p.picto-quartier:before, .places-chaleureuses  p.picto-magasinage:before, .places-chaleureuses  p.picto-fortifications:before, .places-chaleureuses  li.picto-arbre:before, .places-chaleureuses li.picto-quartier:before, .places-chaleureuses  li.picto-magasinage:before, .places-chaleureuses  li.picto-fortifications:before {
	width: 34px;
	height: 34px;
	margin-top: -8px;
}
 .places-ephemeres  p.picto-accessibilite:before {
	width: 34px;
	height: 34px;
	margin-top: -6px;
    background-position: -2px 0;
}
.places-ephemeres p.picto-arbre:before, .places-ephemeres p.picto-quartier:before, .places-ephemeres p.picto-magasinage:before, .places-ephemeres p.picto-fortifications:before, .places-chaleureuses p.picto-arbre:before, .places-chaleureuses p.picto-quartier:before, .places-chaleureuses p.picto-magasinage:before, .places-chaleureuses p.picto-fortifications:before {
	margin-left: -38px;
}
.places-ephemeres li.picto-arbre:before, .places-ephemeres li.picto-quartier:before, .places-ephemeres li.picto-magasinage:before, .places-ephemeres li.picto-fortifications:before, .places-chaleureuses li.picto-arbre:before, .places-chaleureuses li.picto-quartier:before, .places-chaleureuses li.picto-magasinage:before, .places-chaleureuses li.picto-fortifications:before {
	left: -38px;
}
.places-ephemeres ul.liste-pictos li, .places-chaleureuses ul.liste-pictos li {
	line-height: 1.6em
}
/* Déplacement > Sécurité routière > Près des écoles */
.pratiques-bon-conducteur .liste figure img, .pratiques-bon-conducteur .liste figure {
	width: auto;
	padding-right: 10px
}

@media (min-width: 767px) {
.pratiques-bon-conducteur .liste p {
	font-size: 18px
}
.pratiques-bon-conducteur .liste figure {
	float: left
}
.pratiques-bon-conducteur div.item:nth-child(1) p {
	padding-top: 20px
}
.pratiques-bon-conducteur div.item:nth-child(2) p, .pratiques-bon-conducteur div.item:nth-child(4) p {
	padding-top: 25px
}
.pratiques-bon-conducteur div.item:nth-child(8) p {
	padding-top: 5px
}
.pratiques-bon-conducteur div.item:nth-child(3) p, .pratiques-bon-conducteur div.item:nth-child(5) p, .pratiques-bon-conducteur div.item:nth-child(9) p {
	padding-top: 10px
}
}


/* Déplacements > Sécurité routière */
.citoyens.securite-routiere .menu-photos.menu-photos-cols-2,
.citoyens.securite-routiere .menu-photos.menu-photos-cols-1 {
    margin-bottom: 8px;
}
.citoyens.securite-routiere .menu-photos.menu-photos-cols-2 a {
    height: 0 !important;
    padding-bottom: 53%;
}

.citoyens.securite-routiere .menu-photos.menu-photos-cols-1 a {
    height: 0 !important;
    padding-bottom: 27%;
}



.citoyens.securite-routiere .menu-photos-cols-1 a > div,
.citoyens.securite-routiere .menu-photos-cols-2 a > div,
.citoyens.securite-routiere .menu-photos-cols-1:not(.texte-descriptif) a:focus div,
.citoyens.securite-routiere .menu-photos-cols-1:not(.texte-descriptif) a:hover div,
.citoyens.securite-routiere .menu-photos-cols-2:not(.texte-descriptif) a:focus div,
.citoyens.securite-routiere .menu-photos-cols-2:not(.texte-descriptif) a:hover div {
    background: none;
}
.citoyens.securite-routiere .menu-photos-cols-1 a > div,
.citoyens.securite-routiere .menu-photos-cols-2 a > div{
    position: absolute;
    top: 0;
}
.citoyens.securite-routiere .menu-photos-cols-1 h3,
.citoyens.securite-routiere .menu-photos-cols-2 h3 {
    font-weight: 100;
}
.citoyens.securite-routiere .menu-photos-cols-1 a h3:after,
.citoyens.securite-routiere .menu-photos-cols-2 a h3:after {
    content:none;
}
.citoyens.securite-routiere .menu-photos .photo-ville-fait {
    background-image: url(/citoyens/deplacements/securite-routiere/img/menu-ville-fait.jpg)
}
.citoyens.securite-routiere .menu-photos .photo-pouvez-faire {
    background-image: url(/citoyens/deplacements/securite-routiere/img/menu-pouvez-faire.jpg)
}
.citoyens.securite-routiere .menu-photos .photo-actions {
    background-image: url(/citoyens/deplacements/securite-routiere/img/menu-actions.jpg)
}
.citoyens.securite-routiere #btn-ville-fait h3,
.citoyens.securite-routiere #btn-pouvez-faire h3,
.citoyens.securite-routiere #btn-actions h3 {
    color: #ffed00;
    font-weight: bold;
    font-size: 20px;
    max-width: 200px;
    top: 1em;
    left: .5em;
}
@media(min-width: 980px) {
    .citoyens.securite-routiere #btn-ville-fait h3,
    .citoyens.securite-routiere #btn-pouvez-faire h3,
    .citoyens.securite-routiere #btn-actions h3 {
        font-size: 25px;
        top: 1em;
        left: 1em;
    }
    .citoyens.securite-routiere #btn-actions h3 {
        font-size: 25px;
    }
}


/* Patrimoine > Patrimoine urbain */
#tableau-styles-architecturaux {
	border-collapse: separate;
	border-spacing: 3px;
	margin: 0 -3px;
}
#tableau-styles-architecturaux h2 {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}
#tableau-styles-architecturaux tbody th {
	margin-bottom: 3px;
	padding-right: 1em;
    padding-bottom: 0.6em;
}

@media (max-width: 499px) {
    #tableau-styles-architecturaux tbody th,
    #tableau-styles-architecturaux tbody td {
        padding-left: 0.5em;
    }
    #tableau-styles-architecturaux tbody th {
        padding-bottom: 0.6em;
    }
    #tableau-styles-architecturaux th:nth-child(2), 
    #tableau-styles-architecturaux td:nth-child(2){
        padding-top: 0.6em;
    }
}


@media (min-width: 767px) {
#tableau-styles-architecturaux tbody th {
	width: 50%;
}
}
#tableau-styles-architecturaux tbody th p {
	color: #0053a0;
}
#tableau-styles-architecturaux tbody th h2 {
	color: #006C9E;
}
#tableau-styles-architecturaux ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#tableau-styles-architecturaux ul li {
	font-size: 15.5px;
	line-height: 1.1em;
}
#tableau-styles-architecturaux tbody th, #tableau-styles-architecturaux tr td {
	background-color: #deecf7;
	border: none;
	vertical-align: top;
}
#tableau-styles-architecturaux tr.even th, #tableau-styles-architecturaux tr.even td {
	background-color: #cfe3f2;
}
/* Patrimoine > Plaques Ici Vécut */
.citoyens .plaques-ici-vecut .nouveau:after {
	content: "Nouvelle\00a0plaque"
}

/* Patrimoine > Archives > La mémoire en partage */
.citoyens.la-memoire-en-partage header {
	background-color: #212838
}
.citoyens.la-memoire-en-partage header h1 {
	position: relative;
}
.citoyens.la-memoire-en-partage header h1:after {
    background-image: url(/citoyens/patrimoine/archives/la-memoire-en-partage/img/logos-ville-mvc.png);
	content: " ";
    position: absolute;
    top: 8px; right: 0;
    background-size: 280px 64px;
    width: 280px;
    height: 64px;
}
/* Incendie > Actualités */

.incendie-actus h2 {
	font-size: 1.25em;
	margin: 0.1em 0 0.35em 0;
}
.incendie-actus p {
	margin: 0.1em 0 0.35em 0;
}
.incendie-actus time {
	font-size: 14px;
	line-height: 1.15em;
	margin-bottom: 1.5em;
	display: block;
}
/* Incendie > Fiche extincteur */
#extincteur-abc tr td:first-child {
	width: 75px;
}
table#extincteur-abc tbody tr td {
	background-color: #f2f2f2;
}
table#extincteur-abc tbody tr:nth-child(even) td {
	background-color: white;
}
/* Loisirs et sports > Installations sportives > Piscines > Règles vestimentaires */
.piscines-regles-vestimentaires .col {
	text-align: center;
	margin-left: 0px;
	margin-bottom: 20px;
}
.piscines-regles-vestimentaires .col h3 {
	margin-top: 0px;
}
.piscines-regles-vestimentaires .col {
	text-align: center;
	margin-left: 0px;
	margin-bottom: 20px;
}
.piscines-regles-vestimentaires .col h3 {
	margin-top: 0px;
}
/* Loisirs et sports > Parcs et bases de plein air*/
.parc ul.activites {
	list-style: none;
	margin-left: 0px;
}
.parc .toggle-container ul.activites {
	padding-top: 0px!important;
	margin-top: 0px;
	width: 100%
}
.parc .toggle-container .colonnes-2 ul.activites {
	margin-bottom: 0px;
}

@media only screen and (min-width: 766px){.parc .toggle-container  ul.activites.colonnes-2 li {
	margin-left:0px;}
}


.parc ul.activites li[class*="picto-"] {
	position: relative;
	padding: 10px 0px 5px 45px;
}
.parc ul.activites li:first-child {
	border-top: 0px
}
.parc ul.activites li[class*="picto-"]:before {
	display: block;
	content: " ";
	background-position: top left;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	top: 60%;
	left: -4.5px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}




/*  Matières résiduelles > Guide du tri */
/* ANCIEN */
.guide-du-tri .zone_matiere {
	position: relative;
	border-top: 1px solid grey;
}
.guide-tri .margin-top-none {
	margin-top: 0 !important;
}
.guide-tri .margin-bottom-none {
	margin-bottom: 0 !important;
}
/* ----- */

.citoyens.matieres-residuelles div.carte-interactive .contentPane h4 {
	margin-top: 0.2em;
}
.citoyens.matieres-residuelles div.carte-interactive .contentPane span.note {
	display: block;
	font-size: 11px;
	margin-top: 0.5em;
}
.citoyens.matieres-residuelles table ul {
	margin-bottom: 0.8em;
}
.citoyens.matieres-residuelles #contenants-acceptes {
	font-size: 0.75em;
}
.citoyens.matieres-residuelles #contenants-acceptes .col img {
	margin-right: -20px;
	margin-left: 0.5em
}
.citoyens.matieres-residuelles #contenants-acceptes .col p {
	font-size: 15px;
}
.citoyens.matieres-residuelles #ph-sacs-acceptes {
	margin-top: -20px
}
.citoyens.guide-du-tri .matiere {
	padding-left: 0.5em;
	padding-right: 1em;
	position: relative;
	min-height: calc(200px - 0.6em - 1px);
}
.citoyens.guide-du-tri .matiere:not(:first-child) {
	border-top: 1px solid #545454;
	padding-top: .6em;
	min-height: 200px;
}

@media (min-width: 482px) AND (max-width: 766px) {
.citoyens.guide-du-tri .matiere {
	padding-right: 190px;
}
}

@media (min-width: 767px) {
.citoyens.guide-du-tri .matiere {
	padding-left: 1em;
	padding-right: 210px;
	padding-bottom: 1.7em;
}
}

@media (min-width: 1038px) {
.citoyens.guide-du-tri .matiere {
	padding-right: 260px;
}
}
.citoyens.guide-du-tri .matiere h2 {
	color: #074b99;
	font-size: 1.27em;
	margin-bottom: 22px;
}
.citoyens.guide-du-tri .matiere h2 .note {
	font-weight: 100;
	font-family: "proxima-nova", sans-serif;
	font-size: 0.9em;
}

@media (max-width: 481px) {
.citoyens.guide-du-tri .ph-aligne-droite {
	float: none;
	margin-top: -6px;
	margin-bottom: 6px;
}
.citoyens.guide-du-tri .ph-aligne-droite img {
	max-width: 160px;
	max-height: 115px;
}
}

@media (min-width: 482px) and (max-width: 766px) {
.citoyens.guide-du-tri .ph-aligne-droite {
	position: absolute;
	right: 0;
	top: 32px;
}
.citoyens.guide-du-tri .ph-aligne-droite img {
	max-width: 180px;
}
}

@media (min-width: 767px) {
.citoyens.guide-du-tri .ph-aligne-droite {
	position: absolute;
	right: 1px;
	top: 32px;
}
.citoyens.guide-du-tri .matiere:first-child .ph-aligne-droite {
	top: 0;
}
}
.citoyens.guide-du-tri a.lien[class*="picto-"] {
	padding-left: 40px;
	font-weight: 500;
	line-height: 2em;
}
.citoyens.guide-du-tri a.lien[class*="picto-"]:before {
	width: 43px;
	height: 43px;
	top: -9px;
}
.citoyens.guide-du-tri .txt_solution {
	font-weight: 500;
	line-height: 1.25em;
	margin-bottom: 1.5em;
}
.citoyens.guide-du-tri .txt_solution_picto {
	font-size: 0.9em;
	margin-top: -1.2em;
	padding-left: 40px;
}
.citoyens.guide-du-tri .txt_solution_picto.degagement_haut {
	margin-top: -0.5em;
}
.citoyens.matieres-residuelles .calendrier-activites th.date-jour.aucune-collecte {
	background-color: #e6e6e6 !important;
	color: black;
	font-size: 100%;
	font: 400 100% "proxima-nova", sans-serif;
}
/*	Police */
.police .valeurs .colonnes-2:last-child .col:last-child p {
	font-size: 20px;
	color: #074b98;
}

@media (min-width: 766px) {
.police .valeurs .colonnes-2:last-child .col:last-child {
	padding-top: 50px
}
}
/* Sécurité civile > Trousse 5 jours */
ul.liste-item-trousse {
	list-style: none;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
ul.liste-item-trousse li {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0.4em
}
/* Travaux dans les rues > Travaux et incidences sur la circulation */
.citoyens.travaux-entretien-rues h2.details {
	margin-bottom: 0
}
.citoyens.travaux-entretien-rues table {
	margin-bottom: 0;
}
.citoyens.travaux-entretien-rues table tbody tr td {
	vertical-align: top;
}
.citoyens.travaux-entretien-rues table tbody tr:first-child td {
	border-top: none;
}
.citoyens.travaux-entretien-rues tfoot {
	font-size: 14px
}

@media (min-width: 767px) {
.citoyens.travaux-entretien-rues table tbody tr td:first-child {
	white-space: nowrap;
}
.citoyens.travaux-entretien-rues table {
	margin-top: 0.25em;
}
}
.citoyens.travaux-entretien-rues table tbody tr:nth-child(even) td {
	background-color: transparent;
}
/* Art et culture > Grands événements > 3 juillet */
.citoyens.art-et-culture .fete-3juillet table h3 {
	margin-top: 0px;
}
.citoyens.art-et-culture .fete-3juillet table p {
	margin-bottom: 12px;
}
.citoyens.art-et-culture .fete-3juillet table figure {
	max-width: 200px;
}
.citoyens.art-et-culture .fete-3juillet .idees-sorties-liste .details, .citoyens.art-et-culture .fete-3juillet .idees-sorties-liste .date, .citoyens.art-et-culture .fete-3juillet .idees-sorties-liste .resume_affichage {
	display: none;
}
.citoyens.art-et-culture .fete-3juillet .idees-sorties-liste .horaire {
	font-weight: bold;
}
/* Art et culture > Grands événements > Cirque Flip Fabrique */.citoyens.art-et-culture .cirque-flip-fabrique .liste.interdictions .item p {
	margin-bottom: 0px
}
.citoyens.art-et-culture .cirque-flip-fabrique .liste.interdictions .item {
	min-height: 60px
}
.citoyens.art-et-culture .cirque-flip-fabrique .partenaires {
	text-align: center;
}
.citoyens.art-et-culture .cirque-flip-fabrique .partenaires img {
	max-width: 140px;
}
.citoyens.art-et-culture .cirque-flip-fabrique .lien-trame-feria {
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 16px;
	-webkit-filter: grayscale(18%);
	filter: grayscale(18%);
	opacity: 0.92;
}

@media (min-width: 766px) {
.citoyens.art-et-culture .cirque-flip-fabrique .lien-trame-feria {
	max-width: 260px;
}
}
.citoyens.art-et-culture .cirque-flip-fabrique .lien-trame-feria a {
	color: #074b98;
	text-decoration: none;
}
/* Répetoire des fiches : citoyens et gens d'affaires */
.repertoire-fiches .encadre.style2.picto-information:before {
	background-image: url(/img/pictos/picto-information-noir.svg);
	height: 50px;
}
.repertoire-fiches span.picto-rci, .repertoire-fiches span.picto-cucq, .repertoire-fiches span.picto-piia {
	background-color: black;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	padding: 2px 10px;
	margin: 0px 3px;
	font-size: 90%;
	font-family: arial
}
.repertoire-fiches dt {
	float: left;
	width: 30%;
	text-align: center;
	clear: left;
}
.repertoire-fiches dd {
	float: left;
	width: 70%;
}

@media only screen and (min-width: 767px) {
.repertoire-fiches dt {
	width: 12%;
}
.repertoire-fiches dd {
	width: 88%;
}
}
.repertoire-fiches dt, dd {
	line-height: 1.3em;
	margin-top: 0.4em;
}
.repertoire-fiches dl:after {
	content: "";
	display: table;
	clear: both;
	margin-bottom: 15px
}
/*============= GENS D'AFFAIRES ============= */

/* Appels d'offre */
.tab_resultats_appels_offres tr th:first-child {
	width: 55%
}
.tab_resultats_appels_offres tr td:nth-child(2), .tab_resultats_appels_offres tr th:nth-child(2) {
	text-align: right
}
.tab_resultats_appels_offres th.lot, table:not(.uni) tbody tr:nth-child(even) th.lot {
	background-color: #d1e2f1
}
/* Tourner à Québec >  Filmographie */
.tournage-a-quebec .realisateur span, .tournage-a-quebec .producteur span, .tournage-a-quebec .lieux span, .tournage-a-quebec .quebec span {
	font-weight: bold;
}
/* Financement > Recherche et innonvation > Programme vitrine technologique */
.programme-vitrine-technologique .colonnes-3 .col img {
	max-width: 200px
}
/*============= NOUS JOINDRE ============= */

/* Membres du conseil municipal*/
.membres-conseil-municipal figure {
	max-width: 150px !important;
	margin-bottom: 0.35em;
}
.membres-conseil-municipal figure.photo-verticale > img {
	width: 150px;
}
.membres-conseil-municipal .item {
}
.membres-conseil-municipal .item:first-child {
	border-top: none;
}
.membres-conseil-municipal a[itemprop="image"] {
	position: absolute;
	left: 0;
	top: 20px;
}
.membres-conseil-municipal .item h3 {
	margin-top: 0 !important
}
.membres-conseil-municipal .item>p {
	margin-bottom: 0px;
}
.membres-conseil-municipal span[itemprop="familyName"]:after {
	content: ", "
}
.membres-conseil-municipal .lien.style2 {
	margin-top: 1em;
	display: inline-block;
}
/* Médias sociaux  */
.medias-sociaux #comptes-principaux p {
	text-align: center;
}
.medias-sociaux #comptes-specialises table th {
	width: 65%;
}
.medias-sociaux #comptes-specialises table td {
	width: 7%;
}

/*

========================================================================
	Affichage d'un rapport Power BI
========================================================================

*/

.powerbi iframe { 
    width: 100%;
	margin-bottom: 2em;
}
.powerbi-desktop {
    display: none;
}
@media (min-width:767px) {
    .powerbi-mobile {
        display: none;
    }
    .powerbi-desktop {
        display: block;
    }
}

/*

========================================================================
	Affichage d'un graphique chart.js
========================================================================

*/
.graphique {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	position: relative;
	height: 450px;
}
.graphique + .graphique {
	margin-top: 3em;
}

/*

========================================================================
	Espacement des listes dans les pages PAE
========================================================================

*/

.pae ol > li:not(:first-child) {
	margin-top: 1.25rem;
}
.pae ul > li > ul,
.pae ol > li > ul {
	margin-bottom: 1rem;
}