﻿/* CSS Document */

@import url("commun.css");


div#gallerie_photos{
	border: 3px #00FF00 solid;background-color:aqua;
}
/*------------------------------------------ LOGO --------------------------------------------------*/
/*
#bh_logo img{width:130px;height:80px;margin-bottom:0px;}
#bh_logo{margin:0px;padding:0px;clear:both;margin-left:30px;height:80px;margin-right:30px;border-bottom: solid #666666 10px;}*/
#bande_contenu{/*margin-right:60px;*/}

/*----------------------------------------- FIL D'ARIANE --------------------------------------------*/
/*
#bc_filariane{margin:0px;padding:0px;margin-top:8px;padding-bottom:8px;padding-left:170px;padding-right:40px;}
#bc_filariane a:link {color:#000000; }
#bc_filariane a:visited {color:#000000; }
#bc_filariane a:active {color:#000000;}
#bc_filariane a:hover {color:#666666; }

*/
#bc_filariane{margin:0px;padding:0px;padding-top:6px;/*_height:20px;min-height:20px;*/padding-bottom:6px;padding-left:200px;padding-right:40px;background-color: #d4dee8;/*background-color: white;*/}
#bc_filariane a:link {color:#000000; }
#bc_filariane a:visited {color:#000000; }
#bc_filariane a:active {color:#000000;}
#bc_filariane a:hover {color:#666666; }

/*--------------------------------------- MENU DE GAUCHE -------------------------------------------*/


#bc_zone_menu{float:left;width:200px;_height:200px;min-height:200px;margin-top:4.5em;}
#bc_zone_menu.menu{background-color:#FFFFFF;}
#bc_zone_menu.menu_onglets{margin-top:6.4em;}
#bc_zone_menu.gauche{background-color:#FFFFFF;} /* Utilisé dans la page d'accueil de Gens d'affaires pour Règlements d'harmonisation sur l'urbanisme */

#list_menugauche{margin:0px;padding:0px;/*font-size:0.9em;*/list-style:none;padding:4px 10px 0px 20px;}

#list_menugauche a:link {color:#000000;text-decoration:none; }
#list_menugauche a:visited {color:#000000; text-decoration:none;}
#list_menugauche a:active {color:#000000;}
#list_menugauche a:hover {color:#666666; }

#list_menugauche li{margin-bottom:8px;list-style: url('/img/point_rouge.jpg') outside;}
#list_menugauche li.lien_actif {color:#114170;}


/* MENU GAUCHE, message */
#bc_zone_menu p{padding:10px 10px 0px 10px;	}

#bc_zone_menu p a:link {color:#000000;text-decoration:underline; }
#bc_zone_menu p a:visited {color:#000000; text-decoration:underline;}
#bc_zone_menu p a:active {color:#000000;}
#bc_zone_menu p a:hover {color:#666666; }


/*----------------------------------------- LIEN ACTIF ---------------------------------------------*/
/* Page en cours, fil d'ariane, menu de gauche et menu à onglet */
.lien_actif{font-weight:bold;}



/*--------------------------------------- COLONNE DE TEXTE -----------------------------------------*/

#bc_zone_texte{float:left;/*width:770px;*//*width:740px;*/height:480px;/*margin-left:30px;*/ /* Pousse le bas de page en bas de la fenêtre IE */}

html>body #bc_zone_texte { /* Hack pour les autres navs. pousse le bas de page en bas de la fenêtre */
height: auto;min-height: 480px;} 

*+html #bc_zone_texte {/* pour IE 7 */min-height : 480px;}




/*---------------------------------------- HAUT DE LA PAGE ------------------------------------------*/

div#ancre_hautpage{float:left;margin-bottom:-20px;}
#bc_zone_texte_page #haut_page{float:right;width:16px; margin-top:-15px;}
div.retour_haut_page{float:right;}
#haut_de_page{float:left;	}

/*---------------------------------------- TITRE DE LA PAGE -----------------------------------------*/
/*h1{margin:0px;clear:both;color:#FFFFFF;font-size:1.3em;line-height:1.25em;padding:2px 2px 2px 5px;font-family: Helvetica,Arial, sans-serif;}
*/
h1{margin:0px;clear:both;color:#FFFFFF;font-size:1.3em;line-height:1.25em;padding:2px 2px 2px 5px;font-family: Helvetica,Arial, sans-serif;}

/* couleur du titre selon module */
h1.citoyens{background-color:#5b8f22;}
h1.apropos{background-color:#21578a;}
h1.touristes{background-color:#ae3c34;}
h1.gensaffaires{background-color:#2d87b5;}
h1.immigrants{background-color:#614d7d;}
h1.hors_module{background-color:#f0ebdb;}
h1.quatrecents{background-color:#e37222;}

h1.calendrier{background-color:#21578a;}
h1.circulation{background-color:#614d7d;}
h1.deneigement{background-color:#7c4c79;}
h1.idees_sortie{background-color:#ae3c34;}
h1.actualites{background-color:#976224;}
h1.actualites_arrondissements{background-color:#b68954;} 
h1.bulletin_municipal{background-color:#c75b12;}
h1.avis_publics{background-color:#bca386;}
h1.nous_joindre, h1.temporaire, h1.abonnement,h1.sujetsheure,h1.services_ligne, h1.carteinteractive, h1.emplois, h1.recherche, h1.quoi_de_neuf, h1.plansite,h1.formulaires,h1.politique, h1.publications, h1.programmes_subventions, h1.pages_erreur, h1.politiques{background-color:#1e9d8b;}



/*----------------------------------- MENU À ONGLETS ET MENU DÉROULANT -------------------------------*/

/* Niveau 1 */
#div_menu_onglet{width:615px;float:left;}
ul#menu_onglet{margin-top:9px;list-style:none;width:600px;}
ul#menu_onglet li{float:left;margin-right:10px;padding: 0px 0px 8px 5px;}
ul#menu_onglet li a{color:#000000;}
ul#menu_onglet li a:link {color:#000000; }
ul#menu_onglet li a:visited {color:#000000; }
ul#menu_onglet li a:active {color:#000000;}
ul#menu_onglet li a:hover {color:#666666; }

/* Niveau 2 */
/* A propos > Portrait > Histoire et patrimoine > Histoire   +   A propos > Portrait > Toponyme > Histoire de la toponymie */
#texte #menu_onglet_histoire,#texte #menu_onglet_toponyme{list-style:none;margin:0px;padding:0px;float:left;display:inline;padding-bottom:10px;margin-left:-10px;margin-right:-11px;}
#texte #menu_onglet_histoire li, #texte #menu_onglet_toponyme li{background-color:#89a4bd;border:1px solid white;margin:0px;padding:0px;float:left;width:94px;text-align:center;font-weight:bold;padding:6px 10px 6px 10px;}
#texte #menu_onglet_histoire li a:link,#texte #menu_onglet_toponyme li a:link,#texte #menu_onglet_toponyme a:visited, #texte #menu_onglet_histoire li a:visited{color:white;text-decoration:none;}
#texte #menu_onglet_histoire li a:hover,#texte #menu_onglet_toponyme li a:hover{text-decoration:underline;}
#texte #menu_onglet_histoire li.lien_actif,#texte #menu_onglet_toponyme li.lien_actif{background-color:#21578a;color:#fff;}

#texte ul#menu_onglet_toponyme{width:100%;width:105.7%!important;margin-right:-20px;}
#texte #menu_onglet_toponyme li#listetopo1,#texte #menu_onglet_toponyme li#listetopo2,#texte #menu_onglet_toponyme li#listetopo3{width:17%;}
#texte #menu_onglet_toponyme li#listetopo4{width:32%}


/*---------------------------------------- TEXTE DE LA PAGE -----------------------------------------*/

#bc_zone_texte_page{margin:0px;padding:0px;width:620px;float:left;}

#bc_zone_texte_page.gensaffaires{margin:0px;padding:0px;width:720px;float:left;}


#bc_zone_texte_page #texte{background-color:white;padding:10px;margin:0px;float:left;margin-right:40px;width:560px;}

/* \*/ 
* html #bc_zone_texte_page #texte { height: 1%; } /* Hack Peekaboo bug, bande bas n'apparaissait pas */
/* */ 

#bc_zone_texte_page.citoyens div#texte{border:1px solid #E5EAF1 /*#5b8f22*/;}
#bc_zone_texte_page.apropos div#texte{border:1px solid #E5EAF1/*#21578a*/;}
#bc_zone_texte_page.touristes div#texte{border:1px solid #E5EAF1/*#ae3c34*/;}
#bc_zone_texte_page.gensaffaires div#texte{border:1px solid #E5EAF1/*#2d87b5*/;}
#bc_zone_texte_page.immigrants div#texte{border:1px solid #E5EAF1/*#614d7d*/;}
#bc_zone_texte_page.hors_module div#texte{border:1px solid #E5EAF1/*#1e9d8b*/;}
#bc_zone_texte_page.hors_module div#texte{border:1px solid #E5EAF1/*#1e9d8b*/}; 
#bc_zone_texte_page.calendrier div#texte{border:1px solid #E5EAF1/*#21578a*/;}
#bc_zone_texte_page.circulation div#texte{border:1px solid #E5EAF1/*#614d7d*/;}
#bc_zone_texte_page.deneigement div#texte{border:1px solid #E5EAF1/*#7c4c79*/;}
#bc_zone_texte_page.idees_sortie div#texte{border:1px solid #E5EAF1/*#ae3c34*/;}
#bc_zone_texte_page.actualites div#texte{border:1px solid #E5EAF1/*#976224*/;}
#bc_zone_texte_page.actualites_arrondissements div#texte{border:1px solid #E5EAF1/*#b68954*/;} 
#bc_zone_texte_page.bulletin_municipal div#texte{border:1px solid #E5EAF1/*#c75b12*/;}
/*#bc_zone_texte_page.avis_publics div#texte{border:1px solid /*#bca386*/;}*/
#bc_zone_texte_page.nous_joindre div#texte, #bc_zone_texte_page.temporaire div#texte, #bc_zone_texte_page.abonnement div#texte,#bc_zone_texte_page.sujetsheure div#texte,#bc_zone_texte_page.services_ligne div#texte, #bc_zone_texte_page.carteinteractive div#texte, #bc_zone_texte_page.emplois, #bc_zone_texte_page.recherche div#texte, #bc_zone_texte_page.quoi_de_neuf div#texte, #bc_zone_texte_page.plansite div#texte,#bc_zone_texte_page.formulaires div#texte,bc_zone_texte_page.politique div#texte, bc_zone_texte_page.publications div#texte, bc_zone_texte_page.programmes_subventions div#texte, #bc_zone_texte_page.pages_erreur div#texte, #bc_zone_texte_page.politiques div#texte{border:1px solid #E5EAF1 /*#1e9d8b*/;}







/* Style pour les boîtes blanches */
div.texte_boite {margin-left:-10px;margin-right:-10px;padding:10px;border-top:10px solid #e1d8b7;border-bottom:10px solid #e1d8b7;}




/* Autres niveau de titre */
h2{color:#003366;margin:12px 0px 2px 0px;padding:0px;font-size:1.3em;line-height:1.1em;font-family: Helvetica,Arial,Verdana, sans-serif;font-weight:bold;}
h2.titrebande, h3.titrebande, h2.questionsreponses, h2.savoirplus, h2.details{padding:3px 0px 3px 10px;margin: 10px -10px 10px -10px;clear:both;}
h2.savoirplus, h2.details{background-color:#efefef;}

#texte h2 a:link {color:#003366;}
#texte h2 a:visited {color:#003366;}
#texte h2 a:active {color:#000000;}
#texte h2 a:hover {color:#666666;}

#bc_zone_texte_page.citoyens h2.questionsreponses,#bc_zone_texte_page.citoyens h3.titrebande, #bc_zone_texte_page.citoyens h2.titrebande{background-color:#e0efd0;}
#bc_zone_texte_page.apropos h2.questionsreponses{background-color:#f0ebdb;}
#bc_zone_texte_page.touristes h2.titrebande{background-color:#bd8575;}
#bc_zone_texte_page.apropos h2.titrebande{background-color:#89a4bd;}
#bc_zone_texte_page.hors_module h2.titrebande{background-color:#e2f0ee;}
#bc_zone_texte_page.gensaffaires h2.titrebande{background-color:#b4ccd8;}
#bc_zone_texte_page.immigrants h2.titrebande{background-color:#bbb1c9;}


h3{margin:5px 0px 0px 0px;padding:0px;font-size:1.18em;font-family: Helvetica,Arial,Verdana, sans-serif;}
h4{margin:3px 0px 0px 0px;font-size:1.1em;font-weight:bold;font-family: Helvetica,Arial,Verdana, sans-serif;}
h5{margin:2px 0px 0px 0px;font-size:1em;font-weight:bold;font-family: Helvetica,Arial,Verdana, sans-serif;}

/* Style des textes, listes et liens */
#texte p{margin:0px 0px 8px 0px;line-height:1.3em;}
#texte li, div.texte_boite li{margin: 0px 0px 3px 15px;}
#texte ul, #texte ol,  div.texte_boite ul,  div.texte_boite ol{margin: 0px 0px 10px 15px;}
#texte a:link, #zone_page_idees a:link, div.texte_boite a:link, div#indextxt a:link {color:#21578a;}
#texte a:visited, #zone_page_idees a:visited, div.texte_boite a:visited, div#indextxt a:visited{color:#21578a;}
#texte a:active, #zone_page_idees a:active, div.texte_boite a:active, div#indextxt a:active {color:#21578a;}
#texte a:hover, #zone_page_idees a:hover, div.texte_boite a:hover, div#indextxt a:hover{color:#666666;}


/* Hack pour problème d'italique en fin de ligne avec IE */
/* \*/
* html #texte {overflow: hidden;o\verflow: visible;width: 100%;w\idth: auto;he\ight: 1%;}
/* */


/* Menu déroulant - Choix d'instance / arrondissements (Doit être placé à cet endroit!!!) */ 
p#select_instance{background-color:#f0ebdb;padding:5px 3px 5px 3px;margin-left:-10px;margin-right:-10px;display:none;}
label#label_select_page{display:none;}
 #bc_zone_texte_page #texte.branches p#select_instance{padding:8px 3px 8px 3px;}
#select_instance select{margin-left:8px;}


/* Divers styles */
.forcer_retour{clear:both;}
.gras{font-weight:bold;}
.italique{font-style:italic;}


/* Style des notes */
.note{font-size:0.75em;}
ul.note{font-size:0.8em;}
p.note{font-size:0.77em;}
#bc_zone_texte span.note{font-size:0.9em;}


/* Style des abbréviations */
/*abbr, .abbr {border-bottom-width: 1px; border-bottom-style:dotted;cursor:pointer; }*/
abbr{border-bottom-width: 0px;}
span.abbr{border-bottom-width: 1px; border-bottom-style:dotted;cursor:help;}
span.note abbr{border-bottom-width: 0px;}


/* Style pour les encadrés */
.zone_encadre{clear:both;background-color: #eef1f4;padding:10px;margin-top:10px;margin-bottom:10px;}
.zone_encadre h2, .zone_encadre h3{margin-top:0px;}
.texte_cadre{background-color: #eef1f4;padding:10px;} /* Cadre avec fond beige */

/* Styles pour les photos */
p.ph_horizontale{width:200px;}
p.ph_verticale{width:150px;}
p.ph_horizontale img, p.ph_verticale img{margin-bottom:3px;}
p.ph_aligne_droite{float:right;margin-right:5px;padding-left:10px;}
p.ph_aligne_gauche{float:left;margin-left:5px;padding-right:10px;}

span.legende{font-size:0.9em;margin-bottom:3px;line-height:1.1em;}
span.credit{font-size:0.9em;font-style:italic;line-height:1.1em;}

.ph_bureaux{float:left;width:145px;padding:3px;}
p.ph_visuel_doc img{border: 1px solid black;}
p.img_carte_arrondissements{width:100%;text-align:center;}
.ph_visuel_attrait{float:left;margin-right:10px;width:150px;}
.ph_visuel_attrait_v{float:left;margin-left:25px;width:100px;}

/* Styles pour les tableaux */
table{width:100%;}
caption{background-color:#dce4ef;text-align:center;vertical-align:middle;margin:5px;padding:5px;font-weight:bold;table-layout:auto;font-size:110%;}
thead, tfoot{background-color:#bbcde6;}
tfoot.source, tfoot tr.source, tfoot tr.note_tableau{background-color:white;font-size:80%}
tfoot tr.source{margin:0px;padding:0px;}
tbody{background-color:#dce4ef;}
td{vertical-align:top;padding:5px;}
th{text-align:left;padding:5px;}
td p{padding:0px;}
table td, table th{border:3px white solid;}


/* Style liste trois colonnes */
ul.list_3col_col1, ul.list_3col_col2, ul.list_3col_col3{float:left;width:185px;}
.list_1col{clear:left;}

/* Styles pour les questions et réponses FAQ */
ol#lt_questionresponses li{padding:2px 0px 2px 0px;}



/* Styles pour les formulaires? */
legend{color:black;}


/* Styles pour affichage deux colonnes */
/*Mise en page 2 colonnes*/

div#page_2col{width:710px}

div#page_2col p{margin:0px 0px 8px 0px;line-height:1.3em;}
div#page_2col li{margin: 0px 0px 3px 15px;}
div#page_2col ul, div#page_2col ol{margin: 0px 0px 10px 15px;}
div#page_2col a:link {color:#21578a;}
div#page_2col a:visited {color:#21578a;}
div#page_2col a:active {color:#21578a;}
div#page_2col a:hover {color:#666666;}

div#page_2col div#col1{padding:10px;width:60%;float:left;background-color:white;}
div#page_2col div#col2{width:35%;float:right;}
div#page_2col div#col2 ul{margin:0px;padding:0px;}

div#page_2col div#col2 div{margin-top:-10px;margin-bottom:25px;padding:0px 10px 10px 10px;background-color:white;}
div#page_2col div#col2 div p.ph_horizontale{width:228px;padding-bottom:10px;}


/*--------------------------------- TABLEAUX ET MISES EN PAGE SPÉCIFIQUES-----------------------------*/


/* Citoyens > Pages index */
div#indextxt{background-color:#fff;width:28%;padding:10px 10px 10px 10px;float:left;}
div#indextxt p{margin:0px;padding-bottom:10px;}
div#indeximg{float:left;}


/* Citoyens > Matières résiduelles > Branches */
table#brancheslaurentiencaprouge{margin-bottom:10px;}
table#brancheslaurentiencaprouge th.col1{width:50%;}


/* Citoyens > Matières résiduelles > Écocentres */
table#tab_ecocentres_horaire{margin-top:-5px;empty-cells:show;}
table#tab_ecocentres_horaire caption{display:none;}
table#tab_ecocentres_horaire tbody th{vertical-align:top;background-color:#bbcde6;}
table#tab_ecocentres_horaire tbody th p{font-weight:normal;margin:0px;padding:0px;}
table#tab_ecocentres_horaire th.col1{width:30%;}
table#tab_ecocentres_horaire th.col2, table#tab_ecocentres_horaire th.col3{width:35%;}

table#tab_matieres_ecocentres{margin-top:-5px;}
table#tab_matieres_ecocentres caption{display:none;}
table#tab_matieres_ecocentres th.col1, table#tab_matieres_ecocentres th.col2{width:50%;background-color:#bbcde6;}
table#tab_matieres_ecocentres ul{margin-left:15px;}
table#tab_matieres_ecocentres ul li{margin:0px;padding:0px;margin-bottom:3px;}

div#obj_ecocentre_refuse{margin:3px;background-color:#dce4ef;padding:5px;}
div#obj_ecocentre_refuse ul{margin:0px;}

/* Citoyens > Matières résiduelles > Matieres et objets recyclables */
table#tab_matieres_objets_recyclables{margin-top:0px;empty-cells:show;}
table#tab_matieres_objets_recyclables caption{display:none;}
table#tab_matieres_objets_recyclables ul{list-style:none;margin-left:0px;}
table#tab_matieres_objets_recyclables ul li{margin:0px;padding:0px;margin-bottom:3px;}
table#tab_matieres_objets_recyclables th.col1{width:30%;}
table#tab_matieres_objets_recyclables th.col2, table#tab_matieres_objets_recyclables th.col3{width:35%}


/* Citoyens > Matières résiduelles > Ordures */
table#tab_ordures_contenants caption{display:none;}
table#tab_ordures_contenants th.col1, #tab_ordures_contenants th.col2{width:50%;}
table#tab_ordures_contenants ul{margin:0px;padding:0px;}

/* Citoyens > Matières résiduelles > Monstres */
table#monstresgeneral ul, table#monstresstefoy ul{margin:0px;padding:0px;}
table#monstresgeneral caption, table#collecte_arr caption{display:none;}
table#monstresgeneral th.col1, table#monstresstefoy th.col1, table#collecte_arr th.col1 {width:50%;}

 
/* Citoyens > Matières résiduelles > Monstres > Haute-Saint-Charles */
div#monstres_legende{width:5%;margin-bottom:20px;float:left;font-size:0.8em;}
ul#monstres_leg_ul{list-style:none;}


/* Citoyens > Matières résiduelles > Info-collecte (Résultats) */
/*table#tab_infocollecte_resultat{width:100%;margin-top:-5px;}
table#tab_infocollecte_resultat th{vertical-align:top;background-color:#bbcde6;}
table#tab_infocollecte_resultat tr td.calendrier,table#tab_infocollecte_resultat tr th#calendrier{text-align:center;}*/


/* Citoyens > Matières résiduelles > Résidus alimentaires */
#tab_matieres_residus_alimentaires caption{display:none;}
#tab_matieres_residus_alimentaires th.col1, #tab_matieres_residus_alimentaires th.col2{width:50%;}
#tab_matieres_residus_alimentaires ul{margin:0px;padding:0px;}
table#tab_matieres_residus_alimentaires p{margin-top:12px;margin-bottom:0px;}
table#tab_matieres_residus_alimentaires p.first{margin-top:0px;}


/* Citoyens > Matières résiduelles > Résidus domestiques dangereux RDD (Pictos)*/
div#pictos_rss{float:left;width:100%;}
div.picto_rdd{width:80px;float:left;text-align:center;margin-right:10px;padding:0px 0px 10px 0px;}
div.picto_rdd p{font-weight:bold;margin:0px;padding:0px;}

/* Citoyens > Propriété > Maison écoénergétique */
p.ph_etiquettes img{margin-right:15px;}

/* Citoyens > Travaux dans les rues > Travaux et incidences sur la circulation */
table.tab_travaux_routiers tfoot{background-color:white;font-size:80%;}
#bc_zone_texte_page table.tab_travaux_routiers p{margin:0px;padding:0px;padding-bottom:3px;}


/* Citoyens > Loisirs et sports > Patinoires et tennis */
table.sports{margin-bottom:10px;}
table.sports th.col2{width:35%;}
table.sports th.col3{width:30%;}
table.sports td{vertical-align:top;}
table.sports th{vertical-align:top;}


/* Citoyens > Loisirs et sports > Parcs et bases de plein air */
/* Touristes > Attraits */
div.desc_attraits{margin-left:160px;min-height:100px;}
div.desc_attraits p.adresse{/*font-size:90%;*/}


/* Citoyens > Loisirs et sports > Parcs et bases de plein air > Parc lineaire*/
div#photos_avantapres p{float:left; width:210px;}
div#photos_avantapres p.first{margin-right:5px;}


/* Citoyens > Taxe et évaluation > Évaluation foncière > Contestation */
table#tab_evaluation_contestation{width:60%;margin-bottom:10px;}


/* Citoyens > Stationnement > Info-Remorquage */
table#tab_remorquage_info{margin-left:-5px;margin-bottom:10px;}
table#tab_remorquage_info th{vertical-align:top;background-color:#bbcde6;width:40%;}


/* Citoyens > Stationnement > Parcs de stationnement publics */
table.liste_stationnements{margin-bottom:20px;}
table.liste_stationnements tbody tr th{font-weight:normal;vertical-align:top;width:50%;}

/* Citoyens > Constats d'infraction */
ul#liste_centres_service li, ul#liste_centres_service2 li{margin-top:10px;}

ul#liste_centres_service2 li ul{width:50%;
}
/* Immigrants > logements > logements temporaire */
table.tab_liste_logements{margin-bottom:10px;}
table.tab_liste_logements thead th{text-align:center;vertical-align:middle;font-weight:normal;}
table.tab_liste_logements th.col1{width:50%}
table.tab_liste_logements th.col2{width:17%}
table.tab_liste_logements th.col3{width:33%}
table.tab_liste_logements th.col3a, table.tab_liste_logements th.col3b, table.tab_liste_logements th.col3c{width:11%}
table.tab_liste_logements caption{}


/* Gens d'affaires > atouts et équipements majeurs > transport */
table#tab_distances_mer{width:60%;}


/* A propos > Portrait > Symboles identitaires */
#img_logo_ville img{padding-right:20px;}

/* A propos > Administration > PTI */
table#ptiservice caption{display:none;}

/*A propos > Administration > Budget > Taux taxation*/
table#matieres_residuelles{
	margin-top:10px;
}
/* A propros > Elus a l'oeuvre > Conseil municipal > Membres */
/* Nous joindre > Elus */ 
div#texte.nous_joindre_elus div, div#texte.membres_cm div{clear:both;_height:95px;min-height:95px;margin-top:5px;padding:5px;}
div#texte.nous_joindre_elus div p.ph_elus,  div#texte.membres_cm p.ph_elus{float:left;width:75px;}
div#texte.nous_joindre_elus div.ligneA, div#texte.membres_cm div.ligneA{background-color:#dce4ef;}

/* A propos > Portrait > Arrondissements */
p.ph_plan{width:100%;text-align:center;}
p.ph_plan img{margin:auto;}

/* A prpos > Portrait > Attraits */
p#visuel_epigraphes{margin:0px;margin-top:-10px;padding-top:10px!important;padding-top:0px;padding-left:5px;padding-bottom:10px;
}
div.desc_epigraphes{min-height:100px;}

/* A propos > Budget et immobilisation */
table#depenses, table#revenus, table#ptiservice{}
table#revenus tr th#bd2007, table#revenus tr th#bd2008,table#depenses tr th#budget2007, table#depenses tr th#budget2008, table#ptiservice tr td#montant{width:20%;}

/* A propos > Portrait > Quelques chiffres */
div#tableaux_quelqueschiffres table{margin-bottom:10px;}
div#tableaux_quelqueschiffres th.col1{width:60%}
div#tableaux_quelqueschiffres th.col2, div#tableaux_quelqueschiffres th.col3 {width:20%;text-align:center;}
div#tableaux_quelqueschiffres td.col2, div#tableaux_quelqueschiffres td.col3{text-align:right;}
div#tableaux_quelqueschiffres tfoot td{padding-top:0px;padding-bottom:0px;}

/* À propos > Élus à l'oeuvre > Calendriers des rencontres */
/* À propos > Participation citoyenne > Calendriers des rencontres */
/* Calendriers */
table.tab_calendrier_rencontres{}
table.tab_calendrier_rencontres td.col1{width:32%}
table.tab_calendrier_rencontres td.col2{width:12%}
table.tab_calendrier_rencontres td.col3{width:28%}
table.tab_calendrier_rencontres td.col4{width:28%}
table.tab_calendrier_rencontres p{margin:0px;padding:0px;}
p#lien_calendrier_annuel, p.lien_calendrier_annuel{background-color:#dce4ef;margin:5px;padding:5px;margin-top:0px;}
p.rencontre_annulee{color:#dd2424;}
table#ctl00_ctl00_contenu_texte_page_calendrier1_tab_calendrier_rencontres p{margin:0px;padding:0px;}

/* À propos > Élus à l'oeuvre > Comité exécutif > Membres */
#tab_membres_ce ul{margin:0px;padding:0px;}

/* À propos > Élus à l'oeuvre > Procès-verbaux */
/* À propos > Participation citoyenne > Procès-verbaux */
ul#proces_verbaux_archives{width:560px;}
ul#proces_verbaux_archives li{clear:both}
ul#proces_verbaux_archives, #proces_verbaux_archives ul {list-style:none;margin:0px;padding:0px;}
ul#proces_verbaux_archives li, ul#proces_verbaux_archives li ul li{margin-left:0px;}
#proces_verbaux_archives li{padding-bottom:3px;}
ul#proces_verbaux_archives li h2{padding-top:0px;}
#proces_verbaux_archives p.note{clear:both;}

/*-A propos > Vie democratique > Elus > Conseil municipal - Seances-------------------*/
div#texte.seances table{width:100%;border-colapse:colapse;}
div#texte.seances table td, div#texte.seances table th{border:1px solid white}
div#texte.seances span.type_rencontre{font-weight:normal;}
div#texte.seances table tr{border:4px solid white;}
div#texte.seances table th{width:20%;}
p#ctl00_ctl00_contenu_texte_page_ConseilDeVilleViewer1_Repeater1_ctl00_duree{margin-left:240px;}

/* Plan du site */
div.plansite a:link {color:#000000;}
div.plansite a:visited {color:#000000;}
div.plansite a:active {color:#000000;}
div.plansite a:hover {color:#666666;}
div.plansite ul{margin-left:10px;list-style:none;}


/*------------------------------------------ CAPSULES -----------------------------------------------*/
#bc_zone_capsules{float:right;width:120px;margin-left:0px;font-size:80%;text-align:center;}
#bc_zone_capsules div{padding:8px;margin-bottom:10px;}
#bc_zone_capsules h2{margin:0px;font-size:120%;}
#bc_zone_capsules p {margin:0px;}
#bc_zone_capsules h2.lien{background-color:#fff;padding:8px 0px 8px 0px;}
#bc_zone_capsules h2.texte{background-color:#fff;padding:8px 0px 8px 0px;color:#000;}

#bc_zone_capsules h2.lien a:link {color:#000000;text-decoration:none; }
#bc_zone_capsules h2.lien a:visited {color:#000000;text-decoration:none; }
#bc_zone_capsules h2.lien a:active {color:#000000;text-decoration:none;}
#bc_zone_capsules h2.lien a:hover {color:#666666;text-decoration:none; }

#bc_zone_capsules p a:link {color:#000000;}
#bc_zone_capsules p a:visited {color:#000000;}
#bc_zone_capsules p a:active {color:#000000;}
#bc_zone_capsules p a:hover {color:#666666;}


/* Couleur de la capsule selon module */
#bc_zone_capsules.citoyens div{background-color:#99cc66;}
#bc_zone_capsules.idees_sortie div {background-color:#bd8575;}
#bc_zone_capsules.touristes div {background-color:#bd8575;}
#bc_zone_capsules.calendrier div,#bc_zone_capsules.apropos div{background-color:#89a4bd;}
#bc_zone_capsules.hors_module div{background-color:#e2f0ee;}
#bc_zone_capsules.actualites div{background-color:#d4b48e;}
#bc_zone_capsules.quatrecent div{background-color:#fb9f5e}
#bc_zone_capsules.circulation div{background-color:#a18ebb}
#bc_zone_capsules.deneigement div{background-color:#a889a6}


/*************************************************************************************/

/*--- Nous joindre > services municipaux et Citoyens - Culture, loisirs et sports - Bibliothèque ---*/
.zonegauche{width:45%;float:left;}
.zonedroite{float:right;width:45%;}

/*---Bibliothèque (Chemin de la page :Citoyens - Culturre Loisirs et sports - Bibliotheques)----*/
div#zoneblibliotheque h4{margin:0px;}
div#zoneblibliotheque .zonegauche div, div#zoneblibliotheque .zonedroite div{margin-top:15px;}
div#zoneblibliotheque .zonegauche div.first, div#zoneblibliotheque .zonedroite div.first{margin-top:0px;}

/*---Rôle (Chemin de la page : Citoyens - Taxes et évaluation - Rôle)*/
div#retraitgauche_puce{margin-left:30px;}


/*----Info-Remorquage  et Info-Collecte ----*/
#form_info, #form_info_remorquage{
	margin:0em 0em 1em 0em;
	padding:15px 10px 10px 10px;
	background-color:#e0efd0;
	margin-left:-10px;	
	margin-right:-10px;
}
#form_info div#exemple_nom_rue{
	width:30%;
	margin-left:65%;
	margin-top:-13px;
	padding-bottom:30px;
	}
div#form_info_remorquage div.exemple{margin-left:17.5em;}
div#form_info_remorquage div.exemple_cherreur{margin-left:20em;}
div#form_info_remorquage label{margin-right:20px;}

/*Nids-de-poule*/
div#form_nidspoule div.exemple{margin-left:20em;margin-top:-5px;margin-bottom:5px;}
div#form_nidspoule p{margin-top:10px;}
div#form_nidspoule textArea{width:275px;height:75px;}
div#form_nidspoule div.ch_numtel{margin-bottom:10px;}
div#form_nidspoule div.form_bt_bas input.btannuler,div#form_nidspoule div.form_bt_bas input.btmodifier{margin-right:20px;}
div#form_nidspoule div.txtarea{margin-left:34.5%;}
div#form_nidspoule div.ch_numtel{margin-top:10px;}
html<body div#form_nidspoule div.txtarea{margin-left:35%;}
div#form_nidspoule div.exemple{margin-left:35%;}
div#pageconfirm div#mess_confirm_general{background-color:#e0efd0;padding:10px 10px 10px 15px;margin-left:-10px;margin-right:-10px;}



/*---info-collecte (chemin de la page : Citoyens - Ordures - Matieres_objets_recyclables - Info-Collecte---*/
/*#form_info div#ch2{
	width:50%;
	margin-left:22%!important;
	margin-left:0px;
	padding-left:0px!important;
	padding-left:20px;
}

#form_info div#ch1{
	float:left;
	margin-left:0px;
}
#form_info label, #form_info_remorquage label{
	padding-left:0px;
	margin-bottom:3px;
	float:none;
}
#messageerreur_info{
	color:#dd2424;
	margin-bottom:10px;
}
#effectuer_recherche{
	width:100%;
	margin-top:20px;
	background-color:#e0eed2;
	margin-left:-10px;
	margin-right:-10px;
	padding:10px;
	text-align:center;
}

div#legende_infocollecte{
	width:55%;
	float:right;
	margin-top:2em;
}*/

/*-----Pompiers (chemin : Citoyen - Protection publique - Protection contre l'incendie - Schéma de couverture de risque---*/
span.numschema{float:left;margin-left:10px;}
div.txtschema{margin-left:4em;margin-bottom:10px;}

/*-----Programmation des loisirs (Chemin : Citoyens - loisirs et sports - Programmation des loisirs------*/
p#progloisirs{text-align:right;}

/* -------------FORMULAIRES ---------------*/
/*Balises*/
fieldset{
margin-top:10px;
margin-bottom:10px;
}

label{
	width:15em;
	float:left;
	padding-left:20px;
}

legend{
	font-weight:bold;
	margin-bottom:10px;
}

/*classes*/
.asterisque{color:#dd2424;}
.exemple,.exemple_cherreur, .compteur_caracteres{
	font-size:85%;
	color:#6d6867;
}
.compteur_caracteres{
	margin:0em 0em 10px 190px;
	width:40%;
}

input.ch_erreur, textarea.ch_erreur{
	border: 1px solid #dd2424;
	background-color:#f6eded;
}
.message_erreur, .message_erreur2, .message_erreur_mot{color:#dd2424;}
.message_erreur_mot{
	color:#dd2424;
	font-weight:bold;
}
.message_erreur{
	margin-left:17em;
	margin-bottom:10px;
	margin-top:-5px;
}

.message_erreur2{
	margin-bottom:10px;
	margin-top:-5px;
}


div.note_fieldset{
	font-size:80%;
	margin:0px 20px 10px 20px;
}
input.ch_inactif{background-color:#f4f4f4;}


/*ID*/
div#mess_confirm_general, div.mess_confirm_general{
	background-color:#e2f0ee;
	padding:10px 10px 10px 20px;
}

div#mess_erreur_general, div.mess_erreur_general{
		color:#dd2424;
		padding:10px 10px 0px 20px;
		/*font-weight:bold;*/
}
/*
#mess_erreur_general, .mess_confirm_general{	
	font-weight:bold;
}*/

/*Note : 
ctl00_ctl00_contenu_texte_page_NousJoindre1_btn_Ajouter = Bouton ajouter dans Nous joindre, form police
ctl00_ctl00_contenu_texte_page_NousJoindre1_btn_Supprimer = Bouton ajouter dans Nous joindre, form police
*/
.bt_rechercher, #bt_rechercher, #bt_soumettre,div.form_bt_bas input, input#ctl00_ctl00_contenu_texte_page_NousJoindre1_btn_Ajouter, input#ctl00_ctl00_contenu_texte_page_NousJoindre1_btn_Supprimer{
	float:right;
	/*background-color:#eae6dd;*/
	/*font-size:1em;*/
	padding:3px!important;
	padding:1px;
	letter-spacing:1px!important;
	letter-spacing:0px;	
}/*
#form_rercherche p .bt_rechercher{margin:0px 30px 10px 10px;}*/ /*Page recherche*/
#form_info_remorquage .bt_rechercher{margin:-36px 30px 5px 0px!important;margin:-35px 30px 5px 0px;} /*Page Info-remorquage*/
#form_info input#bt_rechercher{margin-top:-35px;margin-right:30px;} /*Info-collecte*/



/* Formulaire abonnement */
#form_abonnement #mess_erreur_general{margin-left:0px;padding:5px;background-color:#feede8;}
#form_abonnement legend{/*background-color:#e2f0ee;padding:5px;float:left;width:95%;*/}
#form_abonnement div.message_erreur2{margin-top:15px;}



/********************----------------------Citoyens--------------------*/



