@import "formulaire.css";
@import "_controle-recherche-adresse.css";
@import "rating/rating.css";
/*
==========================================================================================
Boutons partager - Affiche contrairement aux formulaires
==========================================================================================
*/
#boutons-partage {
	display: block!important;
}
div#texte {
	margin-bottom: 0px!important;
}

/*
================================================================c=========
	Assistant-permis
 - Styles particulier de l'assistant-permis

#texte.application.assistant-permis
=========================================================================

*/

@media (max-width: 766px) {
.assistant-permis h2.etapes_assistant {
	margin-top: 0em
}
}
.assistant-permis p.question {
	border-bottom: 1px solid black;
	font-family: 'proxima-nova';
	font-weight: bold;
	margin-bottom: 10px;
}
.assistant-permis .specifiez {
	background-color: #f2f2f2;
	padding: 10px 20px;
}
.assistant-permis .btn_precedent, .assistant-permis .btn_poursuivre {
	margin-top: 20px
}

@media (min-width: 766px) {
.assistant-permis .btn_precedent {
	margin-left: 20px
}
}
.assistant-permis .renseignements {
	visibility: visible
}
/* Navigation d'étapes -> OOB du nouveau contrôle */



/*
=========================================================================
 Info-remorquage
 - Styles particulier d'Info-remorquage

#texte.application.info-remorquage?
=========================================================================

*/

/* fond gris : vérifier car cela peut être commun à plusieurs éléments*/
#form_info_remorquage {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 20px 20px 20px 20px;
}
/* input.bt_rechercher*/

/* Inverse les lignes de couleur */
table#tab_remorquage_info tbody tr th, table#tab_remorquage_info tbody tr td {
	background-color: #f2f2f2;
}
table#tab_remorquage_info:not(.uni) tbody tr:nth-child(even) td, table#tab_remorquage_info:not(.uni) tbody tr:nth-child(even) th {
	background-color: white;
}
#form_info_remorquage .form_bt_bas {
	margin-top: 15px;
}

@media (min-width: 766px) {
#form_info_remorquage .form_bt_bas {
	text-align: right;
	margin-top: 0px;
}
}
/*
=========================================================================
 Info-eau
 - Styles particulier d'Info-eau

#info-eau
=========================================================================

*/
#info-eau {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 20px 20px 20px 20px;
}
#info-eau .form_bt_bas {
	margin-top: 15px;
}

@media (min-width: 766px) {
#info-eau .form_bt_bas {
	text-align: right;
	margin-top: 0px;
}
}
/*
=========================================================================
Installations sportives
 - Styles particulier pour les installations sportives  (.installations-sportives.liste / .installations-sportives.fiche / .installations)
=========================================================================

*/
/* Équipement fermé */
.installations-sportives.fiche .equip_ferme, .installations-sportives.liste .equip_ferme {
	color: #dc3b00
}
/* Picto illustrant l'installation */
.installations-sportives.liste .img-picto {
	display: none
}

@media only screen and (min-width: 900px) {
.installations-sportives.liste .img-picto {
	display: block
}
}
/* Photo de l'installation sportive*/
.installations-sportives.liste div.image, .installations-sportives.fiche div.image {
	float: right;
	margin-left: 10px;
	width: 150px;
}
.installations-sportives.liste div.image img, .installations-sportives.fiche div.image img {
	width: 100%
}

@media only screen and (min-width: 900px) {
.installations-sportives.liste div.image, .installations-sportives.fiche div.image {
	width: 200px;
}
}
/* LISTE DES INSTALLATIONS SPORTIVES*/
.installations-sportives.liste h2 {
	margin-top: 0px
}
.installations-sportives .installations .item:first-child {
	border-top: 0 none;
}
/* Liens commentaires, photos, horaire, google et carte interactive */
.installations-sportives.liste ul.details a span {
	display: none
}
.installations-sportives.liste ul.details {
	clear: both;
	list-style: none;
	margin-bottom: 0px;
	margin-left: 0px
}
.installations-sportives.liste ul.details li {
	float: left;
	padding: 0px 10px 20px 10px;
}
.installations-sportives.liste ul.details li:first-child {
	padding-left: 0px;
}
.installations-sportives.liste ul.details a.lien[class*="picto-"]:before {
	width: 36px;
	height: 36px
}

@media only screen and (min-width: 850px) {
.installations-sportives.liste ul.details a.lien[class*="picto-"]:before {
	width: 22px;
	height: 22px
}
.installations-sportives.liste ul.details a span {
	display: inline
}
.installations-sportives.liste ul.details li {
	margin-left: 15px;
	padding: 0px 0px 20px 0px;
}
.installations-sportives.liste ul.details li:first-child {
	margin-left: 0px
}
}
/* FICHE D'UNE INSTALLATION SPORTIVE */

/* Picto Zap Québec */
/*.installations-sportives.fiche .zap-quebec {
	position: relative;
}
.installations-sportives.fiche .zap-quebec span {
	padding-left: 35px
}
.installations-sportives.fiche .zap-quebec:before {
	display: block;
	content: " ";
	background-position: top left;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	top: -0.4em;
	position: absolute;
}/*
/* Horaire */
.tableau_horaire_loisirs th {
	width: 30%
}
table.tableau_horaire_loisirs tbody tr th, table.tableau_horaire_loisirs tbody tr td {
	background-color: #f2f2f2;
}
table.tableau_horaire_loisirs:not(.uni) tbody tr:nth-child(even) td, .tableau_horaire_loisirs:not(.uni) tbody tr:nth-child(even) th {
	background-color: white;
}
/*
=========================================================================
Communiqués des arrondissements
 - Styles particulier pour les communiqués des arrondissements
=========================================================================

*/
.nouvelles_arrondissements date {
	font-family: 'proxima-nova';
	font-weight: bold;
}
.nouvelles_arrondissements h3 {
	margin-top: 0px;
}
.nouvelles_arrondissements.liste div.item:first-child {
	border-top: 0 none;
}
.nouvelles_arrondissements.liste div.item:last-child {
	border-bottom: 1px solid #cccccc;
}
.nouvelles_arrondissements {
	margin-bottom: 10px;
}
/*
=========================================================================
Nouvelles de la police (Citoyen > Police)
 - Styles particulier pour les nouvelles de la police
=========================================================================

*/
.police .nouvelles date, .police .nouvelle date {
	font-family: 'proxima-nova';
	font-weight: bold;
}
.police .nouvelles .item:first-child {
	border-top: 0 none;
}

@media (min-width: 450px) {
    .police .nouvelles .item .image {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .police .nouvelles .item .image {
        margin-bottom: 40px
    }
}
.police .nouvelles.liste a h2, .police .nouvelle a h2, .police .nouvelles a h3 {
	margin-top: 0px;
	color: #074b98;
	transition: color 0.3s;
}
.police .nouvelles.liste a:focus h2,
.police .nouvelles.liste a:hover h2,
.police .nouvelles.liste a:focus h3,
.police .nouvelles.liste a:hover h3,
.police .nouvelle a:focus h2,
.police .nouvelle a:hover h2 {
	color: #107CC0;
}
/*
=========================================================================
Personnes recherchées (Citoyen > Police)
 - Styles particulier pour la liste des personnes disparues et des suspects recherchés
=========================================================================

*/

/* Photos */
#liste-personnes-recherchees figure.photo-verticale, #fiche-personne-recherchee figure.photo-verticale {
	max-width: 150px;
}
#fiche-personne-recherchee figure {
	float: left;
	margin: 0px 20px 20px 0px
}
#liste-personnes-recherchees h2 {
	margin-top: 0px;
	font-size: 16px;
}
/* Libellés des contenus superposés */
.police .contenu-superpose.personne-retrouvee:after {
	content: "Personne retrouvée";
}
.police .contenu-superpose.personne-arretee:after {
	content: "Personne arrêtée";
}
.police .contenu-superpose.personne-identifiee:after {
	content: "Personne identifiée";
}

@media (min-width: 1100px) {
#fiche-personne-recherchee .contenu-superpose:after {
	top: 120px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
}
#fiche-personne-recherchee .details {
	clear: both
}
/* Pictos vidéos */
#liste-personnes-recherchees p.picto-video {
	position: relative;
}

@media (min-width: 450px) {
p.picto-video {
	margin-left: 165px;
}
}
#liste-personnes-recherchees p.picto-video span {
	font-size: 14px;
}
#liste-personnes-recherchees p.picto-video:before {
	display: block;
	content: " ";
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	top: -2px;
	position: absolute;
}
/* Liste des personnes */
#liste-personnes-recherchees .col {
	min-height: 250px;
}
/* Fiche d'une personne */
#fiche-personne-recherchee h3 {
	margin-bottom: 0px;
}
#fiche-personne-recherchee p::first-letter {
	text-transform: capitalize
}  /* Hack pour lorsque les gens ont mis une minuscule dans le CMS*/

/*
=========================================================================
Calendrier des activités de participation publique
 - Styles particulier pour le détail des 
=========================================================================
*/


/* Filtre de consultatioin */
.consultations-filtre .engin-recherche, .consultations-quartier .engin-recherche{
    background-color:  #f2f2f2;
    padding: 20px;
}
.consultations-filtre .engin-recherche .zone_cac table, .consultations-quartier .engin-recherche .zone_cac table {
    width: auto;
    margin-top: -10px;
}
.consultations-filtre .engin-recherche .zone_cac label, .consultations-quartier .engin-recherche .zone_cac label {
	margin-right: 20px
}		

.consultations-filtre .item .p{margin-bottom:5px;}


/* */
.participation-citoyenne .calendrier-activites .btn{margin-bottom:20px;}
/*
===============================================
Banque d'info 311
 - Styles particuliers pour la recherche et les fiches d'info
.application-banque-information
=========================================================================
*/

/* ACCUEIL */
div.application-banque-information .form_bt_bas {
	margin-top: 20px;
	padding: 0px
}
/* RÉSULTATS DE RECHERCHE */
/* Ajoute une espace avant le nombre de résultats*/
div.application-banque-information #ZoneResultatFiches {
	margin-top: 20px;
}
/* Espace les résultats de recherche en mettant une marge en haut d'un titre de résultat de recherche */
div.application-banque-information .srch-Title {
	margin-top: 20px;
}
/* Met le nom de l'arrondissement en gras */
div.application-banque-information .srch-Arr {
	font-family: 'proxima-nova';
	font-weight: bold;
	font-size: 90%;
}
div.application-banque-information a h4 {
	margin-top: 0px;
	color: #074b98;
	transition: color 0.3s;
}
div.application-banque-information a:focus h4,
div.application-banque-information a:hover h4 {
	color: #107CC0
}
/* FICHE D'INFORMATION */

/* Espace les différents blocs de la fiche d'info*/
/*div.application-banque-information .ctFiche>div{margin-top:20px;}*/

/* Libellés */
div.application-banque-information .ctLibelle {
	font-family: 'proxima-nova';
	font-weight: bold;
}
/* Encadré consultez aussi */
div.application-banque-information .ctConsulterAussi a {
	margin-top: 10px;
	display: block;
}
div.application-banque-information .ctConsulterAussi .ctChampTerritoire {
	font-size: 90%
}
/* Date de modification */
div.application-banque-information .ctDateModification {
	margin-top: 20px;
	font-size: 12px;
}
div.application-banque-information a:not([href]) {
	color: black;
}
/*
===============================================
Commentaires avec login
=========================================================================
*/


/* Alignement des boutons ajouter un commentaire et ajouter une photo */
.comment_add {
	margin-top: 10px;
}

@media only screen and (min-width: 766px) {
.commentaires {
	clear: both
}
.comment_add {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
}
/* Espacement d'un post */
.commentaires .comment_user {
	padding: 10px 10px 15px 5px;
	clear: both
}
/* Titre des zones commentaires */
.comment_header, .inscription_header {
	margin-top: 20px;
	padding: 10px;
	background-color: #f2f2f2;
}
.comment_header h3, .inscription_header h3 {
	margin-top: 0.6em
}
.commentaires p.information, .inscription .avertissement, .inscription_form p.information {
	margin-top: 0.6em
}
/* Masque la fonction de tri des commentaires  : ce n'est pas utile comme fonction finalement?... */
.comment_sort {
	display: none
}
.commentaires .comment_admin, .commentaires .comment_user {
	display: table;
	width: 100%;
}
/* Fond de couleur pour les commentaires de l'admin  */
.commentaires .comment_admin {
	background: #e8eaf4;
	display: table;
	width: 100%;
} /*COULEUR À DÉTERMINER */
/* Nom de l'utilisateur */
.user_post .user_name {
	font-weight: bold;
	display: table;
	width: 100%;/*margin:0 0 7px 0;*/
}
/* Date du commentaire  */
.user_post_time {
	color: #888888; /*COULEUR À DÉTERMINER */
	font-size: 80%
}
/* Largeurs des zones du nom/date et du texte */
.user_post, .user_comment, .photo_img {
	float: left;
}
.commentaires .user_post {
	width: 30%
}
.commentaires .user_comment {
	width: 70%
}
/* Vote pouces */
.commentaires .thumbs {
	float: right;
	font-weight: bold;
}
.commentaires .thumbs div {
	float: left;
}
.commentaires .thumbs .thumbs_plus, .commentaires .thumbs .thumbs_moins {
	padding-top: 8px
}
.commentaires .thumbs input {
	width: 28px;
	height: 28px;
	margin: 3px
}
/* Photos soumises par l'utilisateur */
.photo_user img {
	padding: 8px;
	border: 1px solid silver /*COULEUR */
}
.inscription .inscription_add {
	margin-top: 0.6em;
	font-weight: bold;
	text-align: right
}
/* Navigation de page dans les commentaires  */
p#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_nav_resultat_bas_page {
	margin-top: 20px;
	padding: 15px 10px;
	background-color: #f2f2f2;
}
p#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_nav_resultat_bas_page span {
	display: none;
}
p#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_nav_resultat_bas_page a {
	padding: 3px 8px;
	text-decoration: none
}
p#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_nav_resultat_bas_page a.active {
	background-color: white;
}
p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkPrevPage, p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkNextPage {
	padding: 3px 15px;
	background-image: url(/img/pictos/picto-fleche-gauche.svg);
	background-color: #e6e6e6;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkNextPage {
	background-image: url(/img/pictos/picto-fleche-droite.svg);
}
p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkPrevPage:focus, 
p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkPrevPage:hover,
p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkNextPage:focus,
p a#ctl00_ctl00_contenu_texte_page_GestionCommentairesUtilisateurs2_lnkNextPage:hover {
	background-color: white;
}
/*
===============================================
Blogue du patrimoine
=========================================================================
*/


.blogue-patrimoine .nbr_votes {
	margin-top: 3px;
	font-size: 80%;
	float: left;
}
div.blogue-patrimoine:not(.fiche) h3 {
	clear: both;
	margin-top: 0.5em;
}
.blogue-patrimoine h2 {
	clear: both;
}
.blogue-patrimoine.fiche h2:not(.clear) {
	clear: none
}
.blogue-patrimoine date {
	font-weight: bold;
	float: left;
	padding: 10px 10px 10px 0px;
}
.blogue-patrimoine .texte {
	clear: both
}
.blogue-patrimoine .liste div.item:first-child {
	border-top: 0 none;
}
/*
===============================================
Rôle d'évaluation foncière
=========================================================================
*/

/* Titre de la fiche */
.evaluation_fonciere .identification_fiche p {
	font-size: 120%;
	font-weight: bold;
}
/* Largeur des colonnes de tableau */
table.table_valeurs_role th, table.table_proprietaire th, table.table_identification_unite th, table.table_caracteristiques_terrain th, table.table_caracteristiques_batiment th {
	width: 40%
}
table.table_repartitions_fiscales th, table.table_valeurs_role th {
	width: 70%
}
/* Alignement à droite colonne de chiffres */
table.table_valeurs_role td, table.table_repartitions_fiscales td {
	text-align: right;
}
#texte.evaluation_fonciere table tbody tr th, #texte.evaluation_fonciere table tbody tr td {
	background-color: #f2f2f2;
}
#texte.evaluation_fonciere table:not(.uni) tbody tr:nth-child(even) td, #texte.evaluation_fonciere table:not(.uni) tbody tr:nth-child(even) th {
	background-color: white;
}
#texte.evaluation_fonciere fieldset {
	padding: 0px
}
#texte.evaluation_fonciere table tbody tr th[colspan="2"], #texte.evaluation_fonciere table tbody tr th[colspan="3"] {
	border-top: 1px solid #cccccc;
}
#texte.evaluation_fonciere fieldset table tbody tr:first-child th, #texte.evaluation_fonciere fieldset table tbody tr:first-child td {
	border-top: 0px;
}
#texte.evaluation_fonciere fieldset table tr:last-child th, #texte.evaluation_fonciere fieldset table tr:last-child td {
	border-bottom: 0px
}
#texte.evaluation_fonciere table td.montant {
	white-space: nowrap;
}

#texte.evaluation_fonciere table td {width:20%;}
#texte.evaluation_fonciere table td.impos {width:40%;}
#texte.evaluation_fonciere table td.article,#texte.evaluation_fonciere table td.alinea {width:10%!important;}


/*
===============================================
Explorer le marché de mon secteur (#carteExplorerMarche)
=========================================================================
*/


.marche-secteur input[value="Valider le code"] {
	margin-top: 10px
}
#carteExplorerMarche {
	height: 100%;
	width: 100%;
	padding-top: 0px;
	z-index: 1;
	margin-bottom: 20px;
}
/* Image dans la fiche de propriété*/
p.ImagePropriete {
	text-align: center;
}
#carteExplorerMarche .contentPane p {
	font-size: 12px;
}
#carteExplorerMarche .contentPane strong {
	font-size: 14px;
}



/*
===============================================
Info-arrondissement
=========================================================================
*/
table.table_infoarrondissement th {
	width: 40%;
	vertical-align: top;
	font-weight: bold;
}
table.table_infoarrondissement td p {
	margin-bottom: 0.4em
}
/* Hack car il y a un bogue avec le lien vers les districts */
table.table_infoarrondissement #ctl00_ctl00_contenu_texte_page_ucInfoArrondissement1_hlCarteInteractiveDistrict {
	display: none
}
/*
==================================================================================================
	Constats d'infraction
#formconstatinfraction
==================================================================================================
*/

#formconstatinfraction .form_bt_bas {
	text-align: right;
}
/*
==================================================================================================
Patrimoine urbain
.patrimoine-urbain
==================================================================================================
*/

/* Engin recherche */

.patrimoine-urbain .recherche {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 20px 20px 20px 20px;
}
.patrimoine-urbain .recherche input[type="text"] {
	width: 80%;
	height: 47px;
}

@media (min-width: 766px) {
.patrimoine-urbain .recherche input[type="text"] {
	width: 60%;
}
}
.patrimoine-urbain .recherche input[type="text"] {
	float: left;
}
.patrimoine-urbain .recherche input[type="submit"] {
	width: 0;
	height: 0;
	padding: 47px 0 0 47px;
	margin-left: -4px;
	background: url(../img/pictos/picto-loupe-blanc.svg) no-repeat 50% 50%;
	background-color: #108848;
	background-size: 70%;
	border-width: 0px;
	transition: background 0.3s;
	cursor: pointer;
}

@media (min-width: 767px) {
.patrimoine-urbain .recherche input[type="submit"]:hover, 
.patrimoine-urbain .recherche input[type="submit"]:focus {
	background-color: #007236;
}
.patrimoine-urbain .recherche input[type="submit"]:active {
	background-color: #007236;
	color: rgba(255,255,255,0.5);
}
}
/*------  Navigation de pages ------ */
/* Voir Bloc Navigation de pages */



/* PATRIMOINE URBAIN - uniquement */

/* Batiments en vedette */

.patrimoine-urbain .item .image img {
	float: right;
	margin-left: 10px;
	width: 150px;
}
/* Résultats bâtiments */
.patrimoine-urbain h2.titrebande {
	margin-top: 30px;
}
.patrimoine-urbain .batiment .col {
	margin: 10px 0px;
	-webkit-flex: 0;
	flex: 0;
}
.patrimoine-urbain .batiment img {
	max-height: 130px;
}

/* Affiche en 2 colonnes */
@media (min-width: 450px) {
.patrimoine-urbain .batiment {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap : wrap;
	flex-wrap : wrap;
}
.patrimoine-urbain .batiment .col {
	padding: 0px 10px;
	-webkit-flex-basis: 47%;
	flex-basis: 47%;
	width: 47%;
}
}

@media (min-width: 767px) {
.patrimoine-urbain .batiment .col {
	-webkit-flex-basis: 31%;
	flex-basis: 31%;
	width: 31%;
}
.patrimoine-urbain .batiment > .col:nth-child(3n+1) {
	margin-left: 0;
}
.patrimoine-urbain .batiment img {
	max-height: 80px;
}
}

/* Affiche en 4 colonnes */
@media (min-width: 1200px) {
.patrimoine-urbain .batiment div.col {
	-webkit-flex-basis: 23%;
	flex-basis: 23%;
	width: 23%;
}
.patrimoine-urbain .batiment img {
	max-height: 113px;
}
}
/* Boutons retour */
.patrimoine-urbain .btn_retour {
	margin-top: 20px
}
/* FICHE D'UN BATIMENT .fiche-batiment */

.patrimoine-urbain.fiche-batiment .image {
	width: 100%;
}
/* Encadré nature des images */
.zone_encadre .nature-images {
	margin-left: 0px
}
.zone_encadre .nature-images li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid silver;
}
.zone_encadre .nature-images li:first-child {
	padding-left: 0px;
	border-left: 0 none;
	margin-left: 0px;
}
/* Image dans les fiches, AJUSTER LES IMAGES*/
.patrimoine-urbain.fiche-batiment ul.lexique li {
	font-size: 0.8em;
}
.patrimoine-urbain.fiche-batiment ul.lexique li.federal {
	list-style-image: url(../citoyens/patrimoine/bati/img/picto_canada.png);
}
.patrimoine-urbain.fiche-batiment ul.lexique li.provincial {
	list-style-image: url(../citoyens/patrimoine/bati/img/picto_quebec.png);
}
.patrimoine-urbain.fiche-batiment ul.lexique li.municipal {
	list-style-image: url(../citoyens/patrimoine/bati/img/picto_ville.png);
}
.patrimoine-urbain.fiche-batiment ul.lexique li.patrimoine {
	list-style-image: url(../citoyens/patrimoine/bati/img/picto_zone_patrimoine.png);
}
.patrimoine-urbain.fiche-batiment ul.lexique li.cucq {
	list-style-image: url(../citoyens/patrimoine/bati/img/picto_zone_cucq.png);
}
.patrimoine-urbain.fiche-batiment ul.lexique li.protection {
	list-style-image: url(../citoyens/patrimoine/bati/img/picto_aire_protection.png);
}
/* Onglets */
.fiche-batiment .onglets-menu {
	list-style: none;
	padding: 0px;
	margin: 30px 0px 6px;
}
.fiche-batiment .onglets-menu li {
	top: 1px;
	position: relative;
	margin: 0px;
	cursor: pointer;
	transition: background 0.1s;
	text-transform: uppercase;
	color: #074b98;
	display: inline-block;
	padding: 0px;
}
.fiche-batiment .onglets-menu li a {
	font-size: 90%;
	text-decoration: underline;
	padding: 10px;
}

@media (min-width: 450px) {
.fiche-batiment .onglets-menu {
	margin: 30px 0px 10px;
}
.fiche-batiment .onglets-menu li a {
	padding: 12px 30px;
}
}
.fiche-batiment .onglets-menu li:first-child a, .fiche-batiment .onglets-menu li.apres a, .fiche-batiment .onglets-menu li a.on {
	background: 0 none;
}
.fiche-batiment .onglets-menu li a.on {
	background-color: #f2f2f2;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
}
/* Contenu des onglets */
.patrimoine-urbain.fiche-batiment .onglet-container {
	padding: 5px 15px 30px 15px
}
.patrimoine-urbain.fiche-batiment .RadDockZone_WebBlue {
	border: 0 none;
}
.patrimoine-urbain.fiche-batiment .RadDock .rdContent {
	overflow: auto;
	font-size: 16px; /* A AJUSTER */
	font-family: 'proxima-nova', sans-serif!important;
	font-style: normal;
	line-height: 1.4em;
	padding: 5px;
}
/* Enlève les bordures autour du contenu des onglets*/
.patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdTop .rdLeft, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdTop .rdRight, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdTop .rdCenter, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdBottom .rdLeft, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdBottom .rdRight, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdBottom .rdCenter, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdMiddle .rdLeft, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdMiddle .rdRight, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdBottom .rdCenter, .patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdMiddle .rdCenter {
	background-image: none;
	background-color: transparent;
}
.patrimoine-urbain.fiche-batiment .rdBottom {
	display: none;
}
/* Tiroirs */
.patrimoine-urbain.fiche-batiment .RadDock .rdTable {
	margin-top: 5px;
}
.patrimoine-urbain.fiche-batiment .RadDock .rdTitleBar {
	background: #074b98 right center no-repeat;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
}
.patrimoine-urbain.fiche-batiment .RadDock .rdTitleBar em {
	font-size: 14px; /* A AJUSTER */
	font-family: proxima-nova, sans-serif!important;
	font-style: normal;
	text-transform: uppercase;
	margin-left: 10px;
}
.patrimoine-urbain.fiche-batiment .RadDock .rdTitleBar li {
	margin-top: 0px
}
.patrimoine-urbain.fiche-batiment .RadDock_WebBlue .rdCenter .rdCommands a span {
	background-image: url(/citoyens/patrimoine/bati/img/toggle_rad.png);
}
/* Label */
.patrimoine-urbain.fiche-batiment .rdContent label {
	float: left;
	margin: 0px;
	clear: both;
	font-weight: bold;
	padding-right: 5px
}
/* Tableaux */
.patrimoine-urbain.fiche-batiment .rdContent table {
	margin: 0px;
}
.patrimoine-urbain.fiche-batiment .rdTable table tbody tr td, .patrimoine-urbain.fiche-batiment .rdTable table tbody tr th {
	background-color: white!important;
}
.patrimoine-urbain.fiche-batiment .rdContent table thead tr th {
	background-color: #027AC5!important;
	padding: 0.5em;
}
.patrimoine-urbain.fiche-batiment table p {
	margin-bottom: 12px;
}
.patrimoine-urbain.fiche-batiment table.rdTable table {
	border-collapse: collapse;
}
.patrimoine-urbain.fiche-batiment table.rdTable table th {
	font-size: 16px;
	border: 1px solid white!important;
}
.patrimoine-urbain.fiche-batiment table.rdTable table td {
	font-size: 14px;
	border: 1px solid #cccccc;
}
.patrimoine-urbain.fiche-batiment table.rdTable table tr:first-child th {
	border-top: 0;
}
.patrimoine-urbain.fiche-batiment table.rdTable table tr:last-child td {
	border-bottom: 0;
}
.patrimoine-urbain.fiche-batiment table.rdTable table tr td:first-child, table.rdTable table tr th:first-child {
	border-left: 0;
}
table.rdTable table tr td:last-child, table.rdTable table tr th:last-child {
	border-right: 0;
}
/* Fiche "theausarus" */
/*.patrimoine-urbain.thesaurus h2 {
	display: inline;
}*/

.patrimoine-urbain.thesaurus figure {
	width: auto;
}

@media (min-width: 767px) {
.patrimoine-urbain.thesaurus figure {
	margin-top: 7px;
	max-width: 360px;
}
}

@media (min-width: 816px) {
.patrimoine-urbain.thesaurus figure {
	max-width: 400px;
	margin-left: 2em;
	margin-bottom: 2em;
}
}
/*
==================================================================================================
	Recherche d'archives 
.archives-historiques  
==================================================================================================
*/

			/* Onglets */
.archives-historiques .onglets-menu .actif a {
	text-decoration: none
}
/* Recherche avancée */
.archives-historiques .recherche-avancee hr {
	width: 100%
}
.archives-historiques .recherche-avancee input[type="text"] {
	width: 70%;
	margin-left: 0px;
	margin-top: 5px
}
.archives-historiques .recherche-avancee input[type="text"] + select {
	width: 25%;
	margin-left: 10px;
	margin-top: 5px
}
.archives-historiques .recherche-avancee select + input[type="button"] {
	margin-left: 0px;
	margin-top: 5px
}

@media (min-width: 767px) {
.archives-historiques .recherche-avancee .champs-ajout {
	margin-bottom: 10px;
}
.archives-historiques .recherche-avancee .champs-ajout div {
	display: inline!important;
}
.archives-historiques .recherche-avancee input[type="text"] {
	width: 50%;
}
.archives-historiques .recherche-avancee input[type="text"] + select {
	width: auto;
	margin-left: 10px
}
.archives-historiques .recherche-avancee input.picto-fermer {
	margin-bottom: -12px
}
.archives-historiques .recherche-avancee select + input, .archives-historiques .recherche-avancee input + select {
	margin-left: 10px;
	margin-top: 0px
}
.archives-historiques .recherche-avancee hr {
	width: 85%
}
.archives-historiques .btn-ajout {
	text-align: right;
	width: 85%;
}
}
/* Résultats de la recherche */
.archives-historiques .item .image {
	padding: 10px 10px 10px 0px
}
.archives-historiques .item .image img {
	max-width: 50%
}

@media (min-width: 767px) {
.archives-historiques .item .image {
	float: left;
	width: 25%;
}
.archives-historiques .item .image img {
	max-width: 100%
}
}
.archives-historiques .item .resume {
	float: left;
	width: 100%
}
.archives-historiques .item .image + .resume {
	width: 75%
}
.archives-historiques .item h3 {
	margin-top: 0.6em
}

/* Fenêtre lightbox Ajouter à ma commande */
.RadWindow_WebBlue .rwTitleBar{background-image:none!important;background-color:#545454!important;text-transform: uppercase}

.RadWindow_WebBlue .rwTitleBar h6{    margin-top: -3px;	font-weight: bold;}
.RadWindow_WebBlue .rwTitleBar .rwIcon{display:none!important}
.RadWindow .rwTitle{padding:0px!important}

.RadWindow .rwContent{padding:10px 10px 0px!important;border-color:white!important;}
 .RadWindow_WebBlue {
    border-color: #545454!important;

    background: #545454!important;
}
.RadWindow_WebBlue .rwContent{padding:0px 10px;}
/*------  Navigation de pages ------ */
/* Voir Bloc Navigation de pages */

@media (min-width: 767px) {
.lien-aller-commande {
	text-align: right
}
}
/*
==================================================================================================
	TOPONYMIE (Répertoire des toponymes)
==================================================================================================
*/
#toponymie_nav div:first-child {
	background-color: #f2f2f2;
	padding: 20px
}

.toponymie_g_image {
	float: right;
	width: 150px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.toponymie_g_image figcaption {
	margin-bottom: 0px;
}
.toponymie_g_image img {
	width: 100%
}
.fiche_toponyme_resume_desc label {
	font-weight: bold;
}
.fiche_toponyme_resume_desc {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}
.fiche_toponyme_nom {
	margin-top: 10px
}
.toponymie_g_info {
	margin-top: 20px
}
#toponymie_source {
	font-size: 80%
}
/* Hack pour l'espace dans le code */
.toponyme_generique, .toponyme_separateur {
	margin-left: -3px;
}
/* Source */
#toponymie_source h3, #toponymie_source p {
	font-size: 14px;
}
/* Fiche photo */
.toponymie-fiche-photo #gallerie_photos p {
	text-align: center;
}
.toponymie-fiche-photo p.legende {
	font-size: 14px;
}
/* Recherche */
/* A la class .engin_recherche -> Le css de _controle-recherche-adresse.css s'applique  */
.mise_evidence {
	font-weight: 700;
	color: #89a4bd;
}
/* Navigation de page */

#nav_resultat_bas_page ul {
	list-style: none;
	font-size: 160%;
	margin-left: 0px;
	font-weight: bold;
}
#nav_resultat_bas_page li {
	display: inline;
	padding: 0px 3px
}
#nav_resultat_bas_page {
	background-color: #f2f2f2;
	text-align: center;
}
#nav_resultat_bas_page input {
	margin-bottom: -5px;
	cursor: pointer;
}

/* Source */
#toponymie_source p label,#toponymie_source h3 {
	font-size:14px
}
/*
=========================================================================
Info-circulation
=========================================================================
*/
/* Encadré d'avertissement */
#texte.info-circulation .encadre h2 {
	margin-top: 0;
	margin-bottom: 2px;
}
/*----- Adresse recherchée -----*/
#texte.info-circulation .encadre.encadre-adresse {
	border: none;
	background: #f2f2f2;
	box-shadow: none;
	padding: 15px 10px 15px 20px;
}
#texte.info-circulation .encadre.encadre-adresse p {
	margin-bottom: 0px;
}
/*----- Encadré à consulter également -----*/
#texte.info-circulation .encadre.encadre-autres-fiches h2 {
	color: #074b98;
	font-size: 18px;
	margin: 0px 0 8px 0;
	text-transform: uppercase;
}
#texte.info-circulation .encadre.encadre-autres-fiches ul {
	list-style: none;
	margin-left: 0px
}
#texte.info-circulation .encadre.encadre-autres-fiches a.btn {
	width: 100%
}

@media (min-width: 450px) {
#texte.info-circulation .encadre.encadre-autres-fiches a.btn {
	width: auto
}
#texte.info-circulation .encadre.encadre-autres-fiches ul li {
	display: inline;
	margin-left: 10px;
}
#texte.info-circulation .encadre.encadre-autres-fiches ul li:first-child {
	margin-left: 0px
}
}
/*----- Encadré info à venir -----*/
#texte.info-circulation .encadre-info-a-venir {
	text-transform: uppercase;
	font-weight: bold;
}
.info-circulation dl.legende {
	font-size: 90%;
	margin-top: -10px;
	width: 100%;
	display: inline-block
}
.info-circulation .legende dd {
	padding-top: 0.3em;
	padding-left: 5px;
	float: left;
}
/*----- Légende -----*/
.info-circulation .legende dt {
	float: left;
	clear: both;
}

@media (min-width: 600px) {
.info-circulation .legende dd {
	max-width: 20%;
}
.info-circulation .legende dt {
	margin-left: 20px;
	clear: none;
}
.info-circulation .legende dt:nth-child(7) {
	clear: both;
}
.info-circulation .legende dt:first-child, .info-circulation .legende dt:nth-child(7) {
	margin-left: 0px
}
}

@media (min-width: 900px) {
.info-circulation .legende dd {
	max-width: 25%;
}
}

@media (min-width: 1200px) {
.info-circulation .legende dd {
	max-width: 28%;
}
}
.info-circulation .legende dt span {
	width: 30px;
	height: 25px;
	float: left;
	margin-right: 5px;
}
.info-circulation .legende dt.trajet span {
	background-image: url(../citoyens/art-culture/grands-evenements/marathon/circulation/img/img-legende-parcours.jpg)
}
.info-circulation .legende dt.auto span {
	background-image: url(../citoyens/art-culture/grands-evenements/marathon/circulation/img/img-legende-circulation-automobile.jpg)
}
.info-circulation .legende dt.passage span {
	background-image: url(../citoyens/art-culture/grands-evenements/marathon/circulation/img/img-legende-point-passage.jpg)
}
/*
=========================================================================
Info-circulation Marathon SSQ
=========================================================================
*/
.info-circulation #ctl00_ctl00_contenu_texte_page_InfoCirculation1_pnlAdresseNonTouchee {
	background: #f2f2f2;
	padding: 15px 10px 15px 20px;
	margin-bottom: 1em;
}
.info-circulation #ctl00_ctl00_contenu_texte_page_InfoCirculation1_pnlAdresseNonTouchee p {
	font-weight: bold;
	margin-bottom: 0;
}
.info-circulation #ctl00_ctl00_contenu_texte_page_InfoCirculation1_pnlDateModification {
	margin-top: 15px;
	margin-bottom: 20px;
}
/*
=========================================================================
Info-collecte
=========================================================================
*/


/*----- Adresse de la propriété -----*/
#texte.info-collecte .encadre.encadre-adresse {
	border: none;
	background: #f2f2f2;
	padding: 15px 10px 15px 20px;
}
#texte.info-collecte .encadre-avertissement + .encadre-adresse {
	margin-top: -20px;
}
#texte.info-collecte .encadre.encadre-adresse p {
	font-weight: bold;
	margin-bottom: 0px;
}
#texte.info-collecte .encadre.encadre-adresse span.arr {
	font-weight: normal;
}
/*----- Calendrier des deux prochains mois -----*/
#texte.info-collecte .colonnes-2 .col {
	margin: 0px;
}
#texte.info-collecte table.calendrier caption {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #074b98;
	color: #fff;
	padding: 3px!important;
	margin: 0px;
}
#texte.info-collecte table {
	margin-bottom: 0px;
}
#texte.info-collecte table.calendrier td, #texte.info-collecte table.calendrier th {
	border: 1px solid #cccccc;
	text-align: center;
}
#texte.info-collecte table thead tr th {
	padding: 0px
}
/* valign */
#texte.info-collecte td {
	vertical-align: top;
	padding: 0px;
}
#texte.info-collecte table.calendrier thead th {
	font-size: 1.2em;
	background-color: #f2f2f2;
	color: black
}
#texte.info-collecte tbody tr:nth-child(even) td, #texte.info-collecte table tbody tr:nth-child(even) th {
	background-color: white;
}
#texte.info-collecte table.calendrier td {
	width: 35px;
	height: 40px;
}
#texte.info-collecte table.calendrier td p.date {
	font-size: 1.2em;
	margin: 0px!important;
	padding: 0px;
}
#texte.info-collecte table.calendrier td.date-maintenant {
	background-color: #e2e3e4;
}
#texte.info-collecte table.calendrier td p.img {
	text-align: right;
	margin: 0px!important;
	white-space: nowrap;
	padding: 0px 3px;
}
#texte.info-collecte table.calendrier img {
	height: 20px;
}
#texte.info-collecte table.calendrier td img.dechets, #texte.info-collecte table.calendrier td img.recyclage {
	padding-left: 3px;
}
#texte.info-collecte p.lien-calendrier {
	margin-bottom: 40px;
	margin-top: 20px;
}
/* Pictos de couleur particulier à Info-collecte*/
#texte.info-collecte .picto-poubelle:before {
	background-image: url(/services/info-collecte/img/picto-dechets.svg)
}
#texte.info-collecte .picto-recyclage:before {
	background-image: url(/services/info-collecte/img/picto-recyclage.svg)
}
#texte.info-collecte .picto-residus-verts:before {
	background-image: url(/services/info-collecte/img/picto-residus-verts.svg)
}
#texte.info-collecte .picto-encombrants:before {
	background-image: url(/services/info-collecte/img/picto-encombrants.svg)
}
#texte.info-collecte .picto-ecocentres:before {
	background-image: url(/services/info-collecte/img/picto-ecocentres.svg)
}
/* Liste à puces résidus verts : ajoute de l'espace après les périodes */
#texte.info-collecte.resultats h2.picto-residus-verts + .toggle-container ul li:nth-last-child(4), #texte.info-collecte.resultats h2.picto-residus-verts + .toggle-container ul li:nth-last-child(5) {
display:none;
}

#texte.info-collecte.resultats .toggle-container header{background-color:transparent} /* Bogue header dans l'encadré d'avertissement dans les changements de collecte */
#texte.info-collecte.resultats .toggle-container header h2{margin-top:10px}
#texte.info-collecte.resultats .toggle-container .encadre p.sous-titre {
	font-weight: bold;
	margin-top: 10px;
}
#texte.info-collecte.resultats .toggle-container .encadre-avertissement h2 .date {
	font-weight: bold;
}
#texte.info-collecte .toggle-container p.secteur {
	font-size: .8em;
}

@media only screen and (min-width: 766px) {
#texte.info-collecte .toggle-container p.secteur {
	float: right;
	margin-top: -20px;
}
}
/*
=========================================================================
Styles particulier disponibilité SVP
=========================================================================
*/
.vignettes-permis #avertissement_windowsXP, .vignettes-permis #avertissement_edge {
	display: none;
}
/*
=========================================================================
Mises en page tirois d'applications : Info-collecte et VIgnettes et permis
 #texte est important pour qu'il efface les styles de bases des pictos dans des tiroirs
=========================================================================
*/

#texte.vignettes-permis h2[class*="picto-"]:before {
	left: 1%
}
#texte.info-collecte.resultats h2.trigger button, #texte.vignettes-permis h2.trigger button {
	padding-left: 30px;
}

@media only screen and (min-width: 766px) {
#texte.info-collecte.resultats h2.trigger button, #texte.vignettes-permis h2.trigger button {
	padding-left: 90px;
}
#texte.info-collecte.resultats h2[class*="picto-"]:before, #texte.vignettes-permis h2[class*="picto-"]:before {
	width: 85px;
}
#texte.vignettes-permis h2[class*="picto-"]:before, #texte.info-collecte.resultats h2:before {
	max-height: 50px;
	left: 0px;
}
}
/* Contenu du tiroir */
#texte.info-collecte.resultats .toggle-container, #texte.vignettes-permis .toggle-container {
	margin: 0 0 5px;
	overflow: hidden;
	clear: both;
}

@media only screen and (min-width: 766px) {
#texte.info-collecte.resultats div.toggle-container, #texte.vignettes-permis div.toggle-container {
	padding-left: 90px;
}
}
#texte.info-collecte.resultats div.toggle-container h3, #texte.vignettes-permis div.toggle-container h3 {
	text-transform: uppercase;
	color: #fff;
	background-color: #074b99;
	margin: 0px 0 10px -45px!important;
	padding: 5px 5px 5px 45px;
}

@media only screen and (min-width: 766px) {
#texte.info-collecte.resultats div.toggle-container h3, #texte.vignettes-permis div.toggle-container h3 {
	margin-left: -90px!important;
	padding-left: 90px;
}
}
#texte.info-collecte.resultats div.toggle-container h3.modalites, #texte.vignettes-permis div.toggle-container h3.modalites {
	font-weight: normal;
}
#texte.info-collecte.resultats div.toggle-container h3.modalites .date, #texte.vignettes-permis div.toggle-container h3.modalites .date {
	font-weight: bold;
}

@media only screen and (min-width: 766px) {
#texte.info-collecte.resultats div.toggle-container .encadre, #texte.vignettes-permis div.toggle-container .encadre {
	margin-left: -90px;
}
}
#texte.info-collecte.resultats div.toggle-container p:first-child {
	margin-top: 10px;
}



/*
===============================================
Avis publics
.avis-publics
=========================================================================
*/
.avis-publics h2 {
	font-size: 18px;
}
/* Filtre recherche*/
.avis-publics .engin-recherche {
	background-color: #f2f2f2;
	padding: 20px;
}
.avis-publics .engin-recherche .zone_cac table {
	width: auto;
	margin-top: -10px;
}
.avis-publics .engin-recherche .zone_cac label {
	margin-right: 20px
}
.avis-publics .engin-recherche .form_bt_bas {
	margin-top: 20px
}
.avis-publics .nombre-resultats {
	margin-top: 20px
}
.avis-publics .resultats {
	margin-top: 5px
}
/*
===============================================
Navigation de pages
- Recherche et Avis publics 

=========================================================================
*/
/* Pagination */
div.pagination, div.pagination-sans-pages {
	background-color: #f2f2f2;
	width: 100%;
	padding: 10px 10px 5px 10px;
	display: inline-block;
}
div.pagination ul {
	display: inline-block;
	list-style: none;
	margin: 0;
}
.pagination li {
	margin-top: 0px;
	float: left;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 1em;
}
.pagination li a, .pagination li span.actif {
	text-decoration: none;
	display: block;
	padding: 5px 0;
	height: 28px;
}
.pagination li:focus a,
.pagination li:hover a {
	color: #107CC0
}
.pagination li.actif {
	background-color: white;
	color: #000000
}
.pagination li span.points {
	background-color: #f2f2f2;
}
.pagination li a.fleche.suivant, .pagination li a.fleche.dernier, .pagination li a.fleche.premier, .pagination a.fleche.precedent {
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-position: center center
}
.pagination li:first-child {
	margin-right: 5px;
}
.pagination li a.fleche.precedent {
	background-image: url(/img/pictos/picto-fleche-gauche.svg);
	background-size: 60%;
}
.pagination li a.fleche.premier {
	background-image: url(/img/pictos/picto-page-premiere.svg);
	background-size: 60%;
}
.pagination li:last-child {
	margin-left: 5px;
}
.pagination li a.fleche.dernier {
	background-image: url(/img/pictos/picto-page-derniere.svg);
	background-size: 60%;
}
.pagination li a.fleche.suivant {
	background-image: url(/img/pictos/picto-fleche-droite.svg);
	background-size: 60%;
}
.pagination li a.fleche.suivant:focus, 
.pagination li a.fleche.suivant:hover, 
.pagination li a.fleche.dernier:focus, 
.pagination li a.fleche.dernier:hover, 
.pagination li a.fleche.premier:focus, 
.pagination li a.fleche.premier:hover, 
.pagination li a.fleche.precedent:focus,
.pagination li a.fleche.precedent:hover {
	-webkit-filter: saturate(12) hue-rotate(35deg);
	filter: saturate(12) hue-rotate(35deg);
	background-color: white;
}
.pagination li.disabled {
	display: none;
}

/* Nombre d'élément par page (uniquement avis publics)*/
@media only screen and (min-width: 766px) {
.pagination .nombre-element-page, div.pagination-sans-pages .nombre-element-page {
	float: right
}
.pagination .nombre-element-page label, div.pagination-sans-pages .nombre-element-page label {
	display: inline;
}
.pagination .nombre-element-page select {
	padding: 0px;
	margin-left: 10px
}
}
/* Enlève la bordure top sur le premier item quand c'est après une navigation de pages */
div.liste div.pagination + div.item {
	border-top: 0px none;
	margin-top: 10px
}
.pagination .pointer {
	cursor:pointer;
}

/*
===============================================
Navigation de pages
- Patrimoine urbain : .patrimoine-urbain .RadDataPager
- Recherche d'archives : .archives-historiques  .RadDataPager
=========================================================================
*/

/* Navigation de page  */
.patrimoine-urbain .RadDataPager, 
.archives-historiques .RadDataPager {
	clear: both;
	border: 0 none;
	padding: 10px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
/* Numéros de pages */
/* Masque numéros de pages sur mobile */
.patrimoine-urbain .rdpNumPart, .archives-historiques .rdpNumPart {
	display: none
}

@media only screen and (min-width: 1100px) {
    .patrimoine-urbain .rdpNumPart, .archives-historiques .rdpNumPart {
        display: block
    }
}
.patrimoine-urbain .RadDataPager .rdpWrap, 
.archives-historiques .RadDataPager .rdpWrap {
	padding: 0px
}
.patrimoine-urbain .RadDataPager .rdpNumPart a, 
.archives-historiques .RadDataPager .rdpNumPart a {
	padding: 3px 10px;
	color: #074b98
}
.patrimoine-urbain .RadDataPager .rdpNumPart a:focus, 
.patrimoine-urbain .RadDataPager .rdpNumPart a:hover, 
.archives-historiques .RadDataPager .rdpNumPart a:focus,
.archives-historiques .RadDataPager .rdpNumPart a:hover {
	color: #107CC0
}
.patrimoine-urbain .RadDataPager .rdpNumPart a.rdpCurrentPage, 
.archives-historiques .RadDataPager .rdpNumPart a.rdpCurrentPage {
	color: #000000
}
.patrimoine-urbain .RadDataPager .rdpNumPart a:focus, 
.patrimoine-urbain .RadDataPager .rdpNumPart a:hover, 
.patrimoine-urbain .RadDataPager .rdpNumPart a.rdpCurrentPage, 
.patrimoine-urbain .RadDataPager .rdpNumPart a:focus span, 
.patrimoine-urbain .RadDataPager .rdpNumPart a:hover span, 
.patrimoine-urbain .RadDataPager .rdpNumPart a.rdpCurrentPage span, 
.archives-historiques .RadDataPager .rdpNumPart a:focus,
.archives-historiques .RadDataPager .rdpNumPart a:hover,
.archives-historiques .RadDataPager .rdpNumPart a.rdpCurrentPage, 
.archives-historiques .RadDataPager .rdpNumPart a:focus span, 
.archives-historiques .RadDataPager .rdpNumPart a:hover span, 
.archives-historiques .RadDataPager .rdpNumPart a.rdpCurrentPage span {
	background: 0 none;
}
.patrimoine-urbain .RadDataPager .rdpNumPart a.rdpCurrentPage,
.archives-historiques .RadDataPager .rdpNumPart a.rdpCurrentPage {
	background-color: white;
}
.patrimoine-urbain .RadDataPager .rdpNumPart span, 
.archives-historiques .RadDataPager .rdpNumPart span {
	padding: 0px
}
/* Boutons précédents, suivants, première page et dernière page */
.patrimoine-urbain .RadDataPager input[type="submit"], 
.archives-historiques .RadDataPager input[type="submit"] {
	border-radius: 0px;
}
.patrimoine-urbain .RadDataPager .rdpPagePrev, 
.patrimoine-urbain .RadDataPager .rdpPageNext,
.patrimoine-urbain .RadDataPager .rdpPageNext:focus, 
.patrimoine-urbain .RadDataPager .rdpPagePrev:focus,
.patrimoine-urbain .RadDataPager .rdpPageNext:hover, 
.patrimoine-urbain .RadDataPager .rdpPagePrev:hover,
.archives-historiques .RadDataPager .rdpPagePrev, 
.archives-historiques .RadDataPager .rdpPageNext, 
.archives-historiques .RadDataPager .rdpPageNext:focus, 
.archives-historiques .RadDataPager .rdpPagePrev:focus,
.archives-historiques .RadDataPager .rdpPageNext:hover, 
.archives-historiques .RadDataPager .rdpPagePrev:hover, 
.patrimoine-urbain .RadDataPager .rdpPageFirst,
.patrimoine-urbain .RadDataPager .rdpPageLast, 
.archives-historiques .RadDataPager .rdpPageFirst, 
.archives-historiques .RadDataPager .rdpPageLast, 
.patrimoine-urbain .RadDataPager .rdpPageFirst:focus,
.patrimoine-urbain .RadDataPager .rdpPageLast:focus, 
.patrimoine-urbain .RadDataPager .rdpPageFirst:hover,
.patrimoine-urbain .RadDataPager .rdpPageLast:hover, 
.archives-historiques .RadDataPager .rdpPageFirst:focus, 
.archives-historiques .RadDataPager .rdpPageLast:focus,
.archives-historiques .RadDataPager .rdpPageFirst:hover, 
.archives-historiques .RadDataPager .rdpPageLast:hover {
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: none;
	background-color: white;
	width: 28px;
	height: 28px;
}
.patrimoine-urbain .RadDataPager .rdpPageFirst, 
.archives-historiques .RadDataPager .rdpPageFirst {
	background-image: url(/img/pictos/picto-page-premiere.svg);
	background-size: 50%;
	margin: 0px 5px 3px 0px;
	background-color: #e6e6e6
}
.patrimoine-urbain .RadDataPager .rdpPagePrev, 
.archives-historiques .RadDataPager .rdpPagePrev {
	background-image: url(/img/pictos/picto-fleche-gauche.svg);
	background-size: 50%;
	margin: 0px 5px 3px 0px;
	background-color: #e6e6e6
}
.patrimoine-urbain .RadDataPager .rdpPageNext, 
.archives-historiques .RadDataPager .rdpPageNext {
	background-image: url(/img/pictos/picto-fleche-droite.svg);
	background-size: 50%;
	margin: 0px 5px 3px 5px;
	background-color: #e6e6e6
}
.patrimoine-urbain .RadDataPager .rdpPageLast, 
.archives-historiques .RadDataPager .rdpPageLast {
	background-image: url(/img/pictos/picto-page-derniere.svg);
	background-size: 50%;
	margin: 0px 5px 3px 0px;
	background-color: #e6e6e6
}
.patrimoine-urbain .RadDataPager .rdpPageNext:focus, 
.patrimoine-urbain .RadDataPager .rdpPagePrev:focus, 
.patrimoine-urbain .RadDataPager .rdpPageNext:hover, 
.patrimoine-urbain .RadDataPager .rdpPagePrev:hover, 
.archives-historiques .RadDataPager .rdpPageNext:focus, 
.archives-historiques .RadDataPager .rdpPagePrev:focus, 
.archives-historiques .RadDataPager .rdpPageNext:hover, 
.archives-historiques .RadDataPager .rdpPagePrev:hover, 
.patrimoine-urbain .RadDataPager .rdpPageFirst:focus, 
.patrimoine-urbain .RadDataPager .rdpPageLast:focus, 
.patrimoine-urbain .RadDataPager .rdpPageFirst:hover, 
.patrimoine-urbain .RadDataPager .rdpPageLast:hover, 
.archives-historiques .RadDataPager .rdpPageFirst:focus, 
.archives-historiques .RadDataPager .rdpPageLast:focus,
.archives-historiques .RadDataPager .rdpPageFirst:hover, 
.archives-historiques .RadDataPager .rdpPageLast:hover {
	-webkit-filter: saturate(12) hue-rotate(35deg);
	filter: saturate(12) hue-rotate(35deg);
}
/* Particulier  Recherche d'archives et Patrimoine urbain*/
.archives-historiques .rdpWrap:nth-child(4), 
.patrimoine-urbain .rdpWrap:nth-child(4) {
	display: none;  /*Masque la navigation directement à une page */
}
.archives-historiques .rdpWrap:nth-child(5), 
.patrimoine-urbain .rdpWrap:nth-child(5) {
	float: right;
	padding: 3px 0px;
}





/* Communiqués et actualites */

.fiche-actualites #intro {padding-top:0;}
.fiche-actualites .etiquette {margin-left:0!important;margin-right:10px;padding:5px 10px;font-size:13px}
.fiche-actualites .surtitre {margin-bottom:5px;}
.fiche-actualites figcaption {text-wrap:auto;}
.fiche-actualites .introduction > p {
	font-size: 1.3em;
}


.liste-actualites .item p {overflow: hidden;}
.liste-actualites .pointer {cursor:pointer;}
.liste-actualites .nombre-element-page {display:inline-block;float:right;}
.liste-actualites .nombre-element-page #itemsParPage {max-width:50px;}
.liste-actualites .nombre-element-page label {float:left;}
.liste-actualites .engin-recherche select {width:auto;margin-bottom:14px;}
.liste-actualites .engin-recherche {padding-bottom:10px;}

@media (max-width: 500px) {
	.liste-actualites .item figure {
		display:none;
	}
}