﻿/* 
DESCRIPTION : CSS pour les styles des différentes pages du site Internet 
CREATION : 2008 - SG / DG (1313 lignes)
MISE À JOUR COMPLÈTE : 2011-05-10 David G.
*/

@import url("commun.css");
@import url("formulaires.css");




/* Fil d'ariane */
#bc_filariane{margin:0 0 5px 0;padding:6px 40px 6px 200px;background-color:#d4dee8;}
#bc_filariane a {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:55px;}
#bc_zone_menu.menu, #bc_zone_menu.gauche {background-color:#FFFFFF;}
#list_menugauche{margin:0px;padding:0px;/*font-size:0.9em;*/list-style:none;padding:4px 10px 0px 20px;}
#list_menugauche a {color:#000000;text-decoration:none; }
#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;}

.lien_actif{font-weight:bold;}
/* Deuxième niveau */
#bc_zone_menu ul#list_menugauche ul {padding:4px 5px 0px 15px;margin-left:0px;}

/* Menu de immigrants */
#bc_zone_menuimm{float:left;width:200px;min-height:200px;margin-top:30px;}
#bc_zone_menuimm.imm{background-color:#53a1cf; background-image:url('../immigrants2/img/mgauche_bande.gif'); background-repeat:no-repeat; background-position: right 250px}
#photo_imm_mgauche{width:200px; height:255px;background-image :url('../immigrants2/img/ph_mgauche_decouvre.jpg'); background-repeat:no-repeat; background-position:center top; padding-top:260px}
#photo_imm_mgauche.choisis{width:200px; height:255px;background-image :url('../immigrants2/choisis/img/ph_mgauche_choisis.jpg'); background-repeat:no-repeat; background-position:center top; padding-top:260px}
#photo_imm_mgauche.logement{width:200px; height:255px;background-image :url('../immigrants2/logement/img/ph_mgauche_logement.jpg'); background-repeat:no-repeat; background-position:center top; padding-top:260px}
#photo_imm_mgauche.emploi{width:200px; height:255px;background-image :url('../immigrants2/emploi/img/ph_mgauche_emploi.jpg'); background-repeat:no-repeat; background-position:center top; padding-top:260px}
#list_menuimm{margin:0px;padding:0px;/*font-size:0.9em;*/list-style:none;padding:4px 10px 0px 20px;}
#list_menuimm a {color:#ffffff;text-decoration:none; }
#list_menuimm a:hover {color:#666666; }
#list_menuimm li{color:#ffffff;margin-bottom:8px;list-style:disc outside}
#list_menuimm li.lien_actif {color:#ffffff;}
#zone_encadre_imm {background-color:#97ba5c;padding:5px; text-align:center; width:552px}
#bc_zone_capsules div#capsule_imm {background-color:#97ba5c;}
#bc_zone_capsules div#capsule_imm a{color:white}
#bc_zone_capsules div#capsule_imm.rtc {background-color:white}

#cadre_immigrants {float:right; width:150px; margin-left:5px}

/* Haut de 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 page */
h1{background-color:#21578a;margin:5px 0 0 0;clear:both;color:#fff;font-size:1.3em;line-height:1.25em;padding:2px 2px 2px 5px;font-family: Helvetica,Arial, sans-serif;}
h1.citoyens{background-color:#5b8f22;}
h1.apropos, h1.calendrier{background-color:#21578a;}
h1.touristes{background-color:#ae3c34;}
h1.gensaffaires{background-color:#2d87b5;}
h1.immigrants{background-color:#614d7d;}
h1.immigrantsV2{background-color:#88c2e1}
h1.organismes_culturels{background-color:#614d7d;}
h1.hors_module{background-color:#f0ebdb;}
h1.famille{background-color:#7ba7c9; background: url('../famille/img/bande-titre.gif') repeat-y top;}
h1.emploisete{background-color:#5b8f22; background: url('../emplois/emploisete/img/img_bandetitre.jpg') repeat-y top;}
h1.idees_sortie{background-color:/*#ae3c34*/#284a92;}
h1.villeimage{background-color: #000000;background: url('../villeenimage/img/img_degrade_titre.jpg') repeat-x left;}
h1.environnement{background-color:#5b8f22; padding-left: 40px;}
h1.environnement_accueil{background-color:#5b8f22; padding-left: 40px; width:927px}
h1.nego{background-color:#7f8331;}
h1.actualites{background-color:#284a92;}
h1.emplois{background:#0099dc url('../emplois/img/bg_h1.gif') top left repeat-x;}
h1.aines{background-color:#5a6783;}
h1.international{background-color:#121a1e; background-image:url('../apropos/portrait/ville_internationale2/img/img_bande_titre.gif'); background-position:top left}

/* Onglets */
#div_menu_onglet{width:615px;float:left;}
ul#menu_onglet{margin:9px 0 0 0;list-style:none;width:600px;height:20px;padding:0;font-size:0.9em}
ul#menu_onglet li{float:left;margin:0 10px 0 0;padding:0 0 8px 5px;}
ul#menu_onglet li a{color:#000000;}
ul#menu_onglet li a:hover {color:#666666;}

/* Colonne de texte */
#bc_zone_texte{float:left;width:770px;height:480px;}
html>body #bc_zone_texte {height:auto;min-height:480px;} 
#bc_zone_texte.famille,#bc_zone_texte.aines{float:left;width:770px;height:480px;}
html>body #bc_zone_texte.famille,html>body #bc_zone_texte.aines {height:auto;min-height:480px;} 
#bc_zone_texte_page{margin:0;padding:0;width:620px;float:left;}
#bc_zone_texte_page #texte{background-color:white;padding:10px;margin:0 40px 0 0;float:left;;width:560px;border:1px solid #E5EAF1;}
#bc_zone_texte_page #texte.famille{background-color:white;padding:0;margin:0;float:left;width:780px;border:0;}
#bc_zone_texte_page #texte.aines{background-color:white;padding:0;margin:0;float:left;width:780px;border:0;}
#bc_zone_texte_page #texte.ainessoussite{background-color:white;padding:0 25px 0 25px;margin:0 0 0 125px; border-top:0}
#bc_zone_texte_page #texte.ressources{background-color:white;padding:0 0 0 25px;margin:0 0 0 125px;}

div.texte_boite {margin-left:-10px;margin-right:-10px;padding:10px;border-top:10px solid #e1d8b7;border-bottom:10px solid #e1d8b7;}
h2, .titre_encadre{color:#003366;margin:18px 0 2px 0;padding:0;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: 20px -10px 10px -10px;clear:both;}
h2.savoirplus, h2.details {background-color:#efefef;}
h2.savoirplus {margin-top:30px;}
h2.nomargin {margin:0}
h2.details.tableau {background-color:#bbcde6;margin-top:0px;margin-bottom:10px;}
#texte h2 a {color:#003366;}
#texte h2 a:hover {color:#666666;}
#texte h2.titrebande{background-color:#e2f0ee;}
#liste_communiques h2{font-size:1.1em;}

#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.hors_module h3.titrebande{background-color:#e2f0ee;}
#bc_zone_texte_page.gensaffaires h2.titrebande{background-color:#b4ccd8;}
#bc_zone_texte_page.immigrants h2.titrebande{background-color:#bbb1c9;}
#bc_zone_texte_page.organismes_culturels h2.titrebande{background-color:#bbb1c9;}
#bc_zone_texte_page.famille h2.titrebande{background-color:#a8ce5d;}
#bc_zone_texte_page.aines h2.titrebande{background-color:#d4dee8;}

h3, .sous_titre_encadre{margin:15px 0px 3px 0px;padding:0px;font-size:1.18em;font-family: Helvetica,Arial,Verdana, sans-serif;font-weight:bold;}
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;}
#texte p{margin:0px 0px 8px 0px;line-height:1.3em;}
#texte li, div.texte_boite li{margin: 5px 0px 3px 15px;}
#texte li, div.texte_boite li{margin: 5px 0px 3px 0px;line-height:1.3em;}
#texte ul, #texte ol{margin:0px;padding:0px;padding:0px 0px 10px 20px;}
#texte ul ul{padding:0px 0px 0px 20px;}

#texte a, #zone_page_idees a, div.texte_boite a, div#indextxt a{color:#21578a;}
#texte a:hover, #zone_page_idees a:hover, div.texte_boite a:hover, div#indextxt a:hover{color:#666666;}

#zone_accueil_section {float:left;width:400px;margin-top:0px;}
#zone_accueil_section a{color:#21578a;}
#zone_accueil_section a:hover{color:#666666;}
#zone_accueil_section p{margin-top:0px;margin-bottom:7px;}
p.lien{padding-left:15px;}
/* 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, p#select_categorie_videos, p#select_categorie_photos{background-color:#efefef;padding:5px 3px 5px 3px;margin-left:-10px;margin-right:-10px;display:none;}
label#label_select_page, label#label_select_page2{display:none;}
 #bc_zone_texte_page #texte.branches p#select_instance{padding:8px 3px 8px 3px;}
#select_instance select, #select_categorie_videos, #select_categorie_photos{margin-left:8px;}

.forcer_retour{clear:both;}
.gras{font-weight:bold;}
.italique{font-style:italic;}
.surligne{background-color: #FFFF00;}
.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;}
abbr{border-bottom-width: 0px;}
span.abbr{border-bottom-width: 1px; border-bottom-style:dotted;cursor:help;}
span.note abbr{border-bottom-width: 0px;}
.nouveau { background-color: #336699; color: white; margin-left:3px; padding:2px;}

ul.photo{padding-left:50px;}
li.photo{padding-left:50px;margin-left:150px;/*list-style-position: inside;*/list-style: disc inside none;}

.zone_encadre{clear:both;background-color: #eef1f4;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;width:96%;}
.zone_encadre_reg{background-color: #eef1f4;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;width:96%;}
.zone_encadre a {color:#21578a;text-decoration:underline;}
.zone_encadre a:hover {color:#666666;text-decoration:underline;}
div#texte .zone_encadre ul li{margin-left:0px;}
div#texte .zone_encadre ul{margin-left:0px;}
.zone_encadre_image{float:right;font-size:0.9em;background-color: #eef1f4;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;width:65%;}
.zone_encadre_moyen{width:270px;margin:5px 10px 10px 10px;padding:7px 7px 7px 10px;}
.zone_encadre_etroit{width:200px;margin:5px 5px 0px 5px;padding:7px 7px 7px 10px;font-size:90%}
.zone_encadre_tres_etroit{width:130px;margin:5px 5px 0px 5px;padding:7px 7px 7px 10px;font-size:90%}
.zone_encadre_moyen_bgcolor{width:270px;margin:5px 10px 10px 10px;padding:7px 7px 7px 10px;background-color:#eef1f4;}
.zone_encadre_blanc{clear:both;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;width:96%;}
.texte_cadre{background-color:#eef1f4;padding:10px;}
.zone_encadre_droit{float:right;margin-right:20px;}
.zone_encadre_gauche{float:left;}
.zone_encadre_bleu{clear:both;background-color: #eef1f4;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;margin-left:50px; margin-right:50px;}
.zone_encadre_gris {background-color:#efefef; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;}
.zone_encadre_jaune{clear:both;background-color: #f9f2dc;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;margin-left:10px; margin-right:10px;}
.zone_encadre_vert{clear:both;background-color: #e7f8e6;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;margin-left:50px; margin-right:50px;}
.zone_encadre_gris{clear:both;background-color: #e1e1e1;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;margin-left:10px; margin-right:10px;}
.zone_encadre_txtcentre{text-align:center;}
#texte .zone_encadre_etroit p{margin-top:0px;padding-top:0px;}
#texte .titre_encadre{margin-top:15px;margin-bottom:5px;}
#texte .sous_titre_encadre{margin:0px;padding:0px;}
div#texte .zone_encadre_avecpuce ul li{list-style:disc;}
.zone_encadre h2, .zone_encadre h3, .zone_encadre a:link{margin-top:0px;}
.zone_encadre p.ph_align_centre {text-align:center;}
#cadre_flottant.zone_encadre h2.centre h3.centre{float:left;clear:both;text-align:center;margin-top:10px;width:100%;}
#cadre_flottant.zone_encadre, #cadre_deneigement.zone_encadre, #cadre_abonnement.zone_encadre, #cadre_travaux_routiers.zone_encadre, #cadre_etroit.zone_encadre{width:200px;float:right;margin:5px 5px 0px 5px;padding:7px 7px 7px 10px;font-size:90%;}
#cadre_flottant.zone_encadre h2,#cadre_deneigement.zone_encadre h2, #cadre_abonnement.zone_encadre h2,#cadre_travaux_routiers.zone_encadre h2, #cadre_etroit.zone_encadre h2{margin-top:15px;margin-bottom:5px;}
#cadre_flottant.zone_encadre ul,#cadre_deneigement.zone_encadre ul, #cadre_abonnement.zone_encadre ul,#cadre_travaux_routiers.zone_encadre ul, #cadre_etroit.zone_encadre ul{list-style:none;margin-left:0px;}
#cadre_flottant.zone_encadre ul li,#cadre_deneigement.zone_encadre ul li, #cadre_abonnement.zone_encadre ul li,#cadre_travaux_routiers.zone_encadre ul li, #cadre_etroit.zone_encadre ul li{margin-left:5px;padding:0px;}
#cadre_zone_accueil_section.zone_encadre{width:180px;float:right;margin:0px 5px 0px 5px;padding:7px 7px 7px 10px;font-size:90%}#cadre_travaux_routiers.zone_encadre{width:250px;}
#cadre_evenements.zone_encadre{width:260px;}
#cadre_abonnement.zone_encadre{width:150px;}
#cadre_etroit.zone_encadre_reg{width:180px;float:right;margin:5px 5px 0px 5px;padding:7px 7px 7px 10px;font-size:90%;}
#cadre_accueil_affaires.zone_encadre{width:340px;margin-top:-30px;}
#cadre_accueil_affaires.zone_encadre a:link {color:#21578a;text-decoration:underline;}
#cadre_accueil_affaires.zone_encadre a:visited {color:#21578a;text-decoration:underline;}
#cadre_accueil_affaires.zone_encadre a:active {color:#21578a;text-decoration:underline;}
#cadre_accueil_affaires.zone_encadre a:hover {color:#666666;text-decoration:underline;}
#cadre_flottant.zone_encadre_incendie{background-color: #eef1f4;width:200px;float:right;margin:0px 0px 10px 5px;padding:7px 7px 7px 10px;font-size:90%}
#cadre_flottant.zone_encadre_bio{background-image:url('../environnement/matieres_residuelles/matieres_organiques/img/fond_encadre.gif');background-repeat:repeat-x;width:200px;float:right;margin:0px 0px 10px 5px;padding:7px 7px 7px 10px;}

/* Mise en page */
ol#lt_questionresponses li{padding:2px 0px 2px 0px;}
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 {color:#21578a;}
div#page_2col a:hover {color:#666666;}
div#page_2col div#col1{padding:10px;width:60%;float:left;background-color:white;border:1px solid #E5EAF1/*#21578a*/;}
div#page_2col div#col2{width:35%;float:right;}
div#page_2col div#col2 h2{margin:0px -10px 5px -10px;}
div#page_2col div#col2 ul{margin: 0px 0px 10px 15px;}
div#page_2col div#col2 div{border:1px solid #E5EAF1/*#21578a*/;margin-bottom:20px;padding:0px 10px 10px 10px;background-color:white;}
div#page_2col div#col2 div p.ph_horizontale{width:228px;padding-bottom:10px;}
div#col1touristes{width:45%;float:left;background-color:white;}
div#col2touristes{width:45%;float:right}
div#col1evaluation{width:45%;float:left;background-color:white;}
div#col2evaluation{width:45%;float:right}
div#col1fournisseurs{width:70%;float:left;}
div#col2fournisseurs{width:30%;float:right}
div#page_2col.pages_histoire div#col2 div{margin-top:0px;margin-bottom:15px;padding:5px 10px 5px 10px;}
hr.citoyens{background-color:#99cc66;color:#99cc66;width:100%;height:1px;border:0;}

/* Photos */
p.ph_horizontale{width:200px;}
p.ph_verticale{width:150px;}
p.ph_horizontale img, p.ph_verticale img{margin-bottom:3px; margin-top:3px}
p.ph_aligne_droite{float:right;margin-right:5px;margin-top:-10px;padding-left:10px;}
p.ph_aligne_droite.incendie{float:right;margin-top:0px;margin-right:5px;padding-left:10px;}
.ph_aligne_droite{float:right;margin-right:5px;margin-top:-10px;padding-left:10px;}
p.ph_aligne_gauche{float:left;margin-left:5px;padding-right:10px;}
p.ph_aligne_gauche.noel{float:left;margin-left:5px;padding-right:10px;padding-bottom:50px;}
p.ph_align_centre{text-align:center;}
p.ph_bande_mosaique img{margin:-10px;margin-bottom:5px;}
p.picto_align_droit{float:right;clear:left;width:115px;padding-top:45px;padding-right:15px;}
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:right;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;}
.ph_visuel_loisirs{float:left;margin:5px;padding-right:15px;}
div#ph_align_centre{float:left;clear:both;text-align:center;margin-top:10px;width:100%;}
div#ph_align_centre img{padding:10px;padding-bottom:0px;}
img.header {margin:-11px 0 7px -11px;}
img.baspage {margin:7px 0 -11px -11px;}

/* Tableaux */
table{width:100%;margin-bottom:10px;}
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;}
thead p{font-weight:bold;font-size:90%;color:#003366;}
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;}
th.sansgras{text-align:left;padding:5px;font-weight:normal;}
td p{padding:0px;}
table td, table th{border:3px white solid;}
table tbody th{vertical-align:top;}
#comparatif { text-align:center;}
#item_comparatif {padding-left:25px;}
table#tab_carte comparatif {width:100%; font-size:100%}
#texte ul.list_3col_col1, #texte ul.list_3col_col2, #texte ul.list_3col_col3{float:left;width:185px;margin:0px;padding:0px 0px 0px 0px;}
.list_1col{clear:left;}
#texte  ul.list_2col_col1,#texte ul.list_2col_col2{margin:0px;float:left;width:270px;list-style:none;}
#texte  ul.list_2col_col1 li,#texte ul.list_2col_col2 li{margin-bottom:5px;}
table.rues td{vertical-align:top;padding:0px;}
td.chiffre {text-align:right}

/* Capsules */
#bc_zone_capsules{float:right;width:140px;margin-left:0px;font-size:80%;text-align:center; margin-top:5px;}
#bc_zone_capsules div{padding:8px;margin-bottom:10px;}
#bc_zone_capsules div.transparent{background-color:#fff;}
#bc_zone_capsules h2{margin:0px;font-size:120%;}
#bc_zone_capsules p {margin:0px;line-height:170%;}
#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.abonnement{background-color:#fff;padding:8px 0px 8px 0px;color:#000;font-size:100%;padding:3px;margin-bottom:0px;}
#bc_zone_capsules h2.lien a: {color:#000000;text-decoration:none; }
#bc_zone_capsules h2.lien a:hover {color:#666666;text-decoration:none; }
#bc_zone_capsules h2.abonnement a {color:#000000;text-decoration:none; }
#bc_zone_capsules h2.abonnement a:hover {color:#666666;text-decoration:none; }
#bc_zone_capsules p a {color:#21578a;}
#bc_zone_capsules p a:hover {color:#666666;}
#bc_zone_capsules.famille div a {color:#000000; text-decoration:none}
#bc_zone_capsules.famille div a:hover {color:#666666;text-decoration:none}
#bc_zone_capsules.aines div a {color:#000000; text-decoration:none}
#bc_zone_capsules.aines div a:hover {color:#666666;text-decoration:none}
#bc_zone_capsules div{background-color:#efefef/*#99cc66;*/}
#bc_zone_capsules.citoyens div{background-color:#efefef/*#99cc66;*/}
#bc_zone_capsules.citoyens2 div{background-color:#f3fff6;}
#bc_zone_capsules.citoyens2 h2{font-size:150%;margin-top:10px;margin-bottom:10px;}
#bc_zone_capsules.citoyens h2{/*background-color:#dddcdc;*/font-size:130%;padding:5px;margin-bottom:5px;/*#99cc66;*/}
#bc_zone_capsules.idees_sortie div, #bc_zone_capsules.touristes div{background-color:#efefef/*#bd8575;*/}
#bc_zone_capsules.calendrier div,#bc_zone_capsules.apropos div{background-color:#efefef/*#89a4bd;*/}
#bc_zone_capsules.hors_module div{background-color:#efefef/*#e2f0ee;*/}
#bc_zone_capsules.hors_module h2{background-color:#dddcdc;font-size:130%;padding:5px;margin-bottom:5px;}
#bc_zone_capsules.hors_module h2.lien{background-color:#fff;font-size:130%;padding:5px;margin-bottom:5px;}
#bc_zone_capsules.actualites div{background-color:#efefef;/*#d4b48e;*/}
#bc_zone_capsules.circulation div{background-color:#efefef;/*#a18ebb*/}
#bc_zone_capsules.deneigement div{background-color:#efefef;/*#a889a6*/}
#bc_zone_capsules.famille {	background-image:url('../famille/img/bg-saviez-vous.gif'); background-repeat:repeat-x; margin:27px -1px 0 0; width:170px;}
#bc_zone_capsules.famille h2 {font-size:130%;padding:5px;margin-bottom:5px; text-align:center}
#bc_zone_capsules.famille div { text-align:left; background-color:transparent;}
#bc_zone_capsules.famille #saviez-vous {height:105px;}
#bc_zone_capsules.aines {background-image:url('../aines/img/bg-saviez-vous.gif'); background-repeat:repeat-x; margin:30px -1px 0 0; width:170px; font-size:1em}
#bc_zone_capsules.aines.souspage {width:140px; margin-top:0}
#bc_zone_capsules.aines h2 {font-size:130%;padding:5px;margin-bottom:5px; text-align:center; color:#882b64;}
#bc_zone_capsules.aines div { text-align:left; background-color:transparent}
#bc_zone_capsules.aines div.img {padding:0px; text-align:left}
#bc_zone_capsules.aines #saviez-vous {padding-top:5px;background-image:url('../aines/img/bg-saviez-vous_long.gif'); background-repeat:repeat-x; background-color:white; background-position:bottom; margin-bottom:0px}
#bc_zone_capsules.organismes_culturels p{background-color:#BBB1C9;padding:6px 3px;}
#bc_zone_capsules.environnement{background-color:#efefef;padding:6px 3px;}
#bc_zone_capsules.environnement_matieres{background-color:#fff9e4;padding:6px 3px;}
#bc_zone_capsules.environnement_matieres div{background-color:#fff9e4;}
#bc_zone_capsules.environnement a{font-size:1.1em;color:black; font-weight:bold; text-decoration:none}
#bc_zone_capsules.bio div{background-color:white;background-image:url('../environnement/matieres_residuelles/matieres_organiques/img/fond_capsules_bio.jpg'); background-repeat:no-repeat; background-position:center top; padding-top:45px; height:278px}
#bc_zone_capsules.bio h2 a {color:white; font-weight:bold; font-size:1.2em; margin-bottom:70px; padding-top:15px; line-height:1.1em}
#bc_zone_capsules.bio h2.commbio {padding-top:95px;}
/*#bc_zone_capsules.immigrants {background-color:#99ba61; height:233px;margin-top:0; width:160px}*/
#bc_zone_capsules div.international {background:url('../apropos/portrait/ville_internationale2/img/bg_capsule_gen.gif'); background-repeat:repeat-y}
#bc_zone_capsules div.international a{color:white; font-size:1.3em; text-decoration:none}
#bc_zone_capsules.reglements div{background-color:#21359b;}
#bc_zone_capsules.reglements p{color:white; font-weight:bold; font-size:1.2em; margin-bottom:70px; padding-top:15px; line-height:1.4em;}
#bc_zone_capsules.reglements a{color:white; font-weight:bold; font-size:1.2em; margin-bottom:70px; padding-top:15px; line-height:1.4em;text-decoration:none;}
#bc_zone_capsules.reglements a:hover{color:white;text-decoration:underline;}
#bc_zone_capsules div.reglements{background-color:#21359b;}
#bc_zone_capsules div.reglements p{color:white; font-weight:bold; font-size:1.2em; margin-bottom:70px; padding-top:15px; line-height:1.4em;}
#bc_zone_capsules div.reglements a{color:white; font-weight:bold; font-size:1.2em; margin-bottom:70px; padding-top:15px; line-height:1.4em;text-decoration:none;}
#bc_zone_capsules div.reglements a:hover{color:white;text-decoration:underline;}




/* Spécifique : Citoyens */
div#indextxt{background-color:#fff;width:28%;padding:10px 10px 10px 10px;float:left;}
div#indextxt p{margin:0px;padding-bottom:10px;}
div#indextxt a{color:#003366;text-decoration:none;}
div#indextxt a:hover{color:#666666;text-decoration:none;}
div#indeximg{float:left;}
div#espacedroiteimg{background-color:#fff;width:160px;height:192px;padding-left:10px;padding-top:10px;padding-right:10px;font-size:90%;float:left;}
div#espacedroiteimg p{margin:0px 0px 8px 0px;line-height:1.3em;}
table#brancheslaurentiencaprouge th.col1{width:50%;}

table#tab_ecocentres_horaire{margin-top:-5px;empty-cells:show;}
table#tab_ecocentres_horaire caption{display:none;}
table#tab_ecocentres_horaire tbody th{background-color:#bbcde6;}
table#tab_ecocentres_horaire tbody th p{font-weight:normal;margin:0px;padding:0px;}
table#tab_ecocentres_horaire tbody th p.gras{font-size:94%;font-weight:bold;}
table#tab_ecocentres_horaire th.col1{width:34%;}
table#tab_ecocentres_horaire th.col2, table#tab_ecocentres_horaire th.col3{width:33%;}
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;}

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%}

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;}

table#monstresgeneral ul, table#monstresstefoy ul, table#monstresstefoy ul li{margin:0px;padding:0px;list-style:none;}
table#monstresgeneral caption, table#collecte_arr caption{display:none;}
table#monstresgeneral th.col1, table#monstresstefoy th.col1, table#collecte_arr th.col1 {width:50%;}

div#monstres_legende{width:0%;margin-bottom:20px;float:left;font-size:0.8em;}
ul#monstres_leg_ul{list-style:none;margin-left:-8px;}

#tab_matieres_residus_alimentaires caption{display:none;}
#tab_matieres_residus_alimentaires th.col1, #tab_matieres_residus_alimentaires th.col2{width:50%;}
table#tab_matieres_residus_alimentaires p{margin-top:12px;margin-bottom:0px;}
table#tab_matieres_residus_alimentaires p.first{margin-top:0px;}

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;}
p.ph_etiquettes img{margin-right:15px;}
table.aqueducs th.col1{width:42%;}
table.aqueducs th.col2{width:58%;}
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;}
table.sports th.col2{width:35%;}
table.sports th.col3{width:30%;}
#texte table.tab_horaire_piscine{width:60%;}
#texte table.tab_horaire_piscine p{margin:0px;padding:0px;}
#texte table.tab_horaire_piscine th.col1{width:35%;}
table.reglements th.col2{width:38%;}
table.reglements th.col3{width:32%;}
table.reglements#reglements th {background-color:#bbcde6;}
div.desc_attraits{min-height:100px;float:left;width:70%;}
div.desc_attraits_v{margin-left:10px;min-height:100px;float:left;width:70%;}
div.desc_attraits p.adresse{/*font-size:90%;*/}
div#photos_avantapres p{float:left; width:210px;}
div#photos_avantapres p.first{margin-right:5px;}
table.acces_loisir_calendrier {margin-top:10px;}
table.acces_loisir_calendrier caption{text-align:left;background-color:white;font-size:1.2em;color:#003366;}
table.acces_loisir_calendrier th.col1{width:50%}
table.acces_loisir_calendrier th.col2{width:50%}
.ph_visuel_loisirs{float:left;margin:5px;padding-right:15px;}
.zone_txt_loisirs{float:left;}
table.couts_basepleinair th.col2, table.couts_basepleinair th.col3{width:15%;}
.zonegauche{width:45%;float:left;}
.zonedroite{float:right;width:45%;}
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;}
table#tab_evaluation_contestation{width:60%;}
.lien_fiche_evaluation img{padding-right:5px;
}
div#retraitgauche_puce{margin-left:30px;}
table.stationnement_hivernal{clear:both;margin-top:5px;}
table.stationnement_hivernal th.col1{width:40%;}
table.stationnement_hivernal th.col2{width:60%;}
table#tab_remorquage_info{margin-left:-5px;}
table#tab_remorquage_info th{background-color:#bbcde6;width:40%;}
table.liste_stationnements{}
table.liste_stationnements tbody tr th{font-weight:normal;width:50%;}
table.casernes th.col2{width:32%;}
table.casernes th.col3{width:38%;}
span.numschema{float:left;margin-left:10px;}
div.txtschema{margin-left:4em;margin-bottom:10px;}
div#personnes_recherchees dl, div#personnes_disparues dl{ float:left;width:49%;margin-bottom:10px;}
div#personnes_recherchees dt, div#personnes_recherchees dd, div#personnes_disparues dt, div#personnes_disparues dd{margin:0px;padding-right:5px;}
div#personnes_recherchees dt, div#personnes_disparues dt{float:left;	}
ul#liste_centres_service li, ul#liste_centres_service2 li{margin-top:10px;}
ul#liste_centres_service2 li ul{width:50%;}
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{}
span.gratuit {font-weight:bold; color:#0ab5fd; font-size:1em; font-weight:bold}

/* Spécifique : Gens d'affaire */
h1.gensaffaires#air{padding-left:20px; background-color:#A2C545; background-image:url('../../gens_affaires/capitaleverte/img/img_coin_air.jpg'); background-repeat:no-repeat; background-position:left;}
h1.gensaffaires#arbres{padding-left:20px; background-color:#E2007A; background-image:url('../../gens_affaires/capitaleverte/img/img_coin_arbres.jpg'); background-repeat:no-repeat; background-position:left;}
h1.gensaffaires#eau{padding-left:20px; background-color:#00A7E3; background-image:url('../../gens_affaires/capitaleverte/img/img_coin_eau.jpg'); background-repeat:no-repeat; background-position:left;}
h1.gensaffaires#energie{padding-left:20px; background-color:#E75127; background-image:url('../../gens_affaires/capitaleverte/img/img_coin_eff_energetique.jpg'); background-repeat:no-repeat; background-position:left;}
h1.gensaffaires#residus{padding-left:20px; background-color:#E9B400; background-image:url('../../gens_affaires/capitaleverte/img/img_coin_residus.jpg'); background-repeat:no-repeat; background-position:left;}
h1.gensaffaires#transport{padding-left:20px; background-color:#37B5A7; background-image:url('../../gens_affaires/capitaleverte/img/img_coin_transport.jpg'); background-repeat:no-repeat; background-position:left;}
h1.gensaffaires{background-color:#2d87b5;}
ul#documents {padding:0; margin:0}
ul#documents li{list-style-type:none}

table#tab_distances_mer{width:60%;}
table#diplomeuniversitaire{margin-top:30px;}
table#diplomeuniversitaire thead tr th#diplome, table#diplomeuniversitaire thead tr th#diplomeuniversitaire{width:35%;}
table.reglements_gens_affaires{}
table.reglements_gens_affaires th.col2{width:40%;}
table.reglements_gens_affaires th.col3{width:25%;}

p.logo_partenaires_ge{text-align:center}
p.logo_partenaires_ge a{padding:15px 10px 15px 10px;}

table.tab_resultats_appels_offres{}
table.tab_resultats_appels_offres thead th{text-align:left;vertical-align:middle;font-weight:normal;}
table.tab_resultats_appels_offres caption{text-align:left;vertical-align:middle;margin:5px;padding:5px;table-layout:auto;font-size:95%;font-weight:normal;}
table.tab_resultats_appels_offres summary{text-align:left;}
table.tab_resultats_appels_offres th.col1{width:40%;font-weight:bold;}
table.tab_resultats_appels_offres th.col2{width:20%;font-weight:bold;}
table.tab_resultats_appels_offres th.col3{width:20%;font-weight:bold;}
table.tab_resultats_appels_offres th.col4{width:20%;font-weight:bold;}
table.tab_resultats_appels_offres th.lot{background-color:#cad6e1;}
table.tab_resultats_appels_offres th.nom{font-size:92%;font-weight:normal;}
table.tab_resultats_appels_offres td.montant{text-align:right;}
table.tab_resultats_appels_offres td.taxes{font-size:smaller;}
table.tab_resultats_appels_offres td.remarques{font-size:smaller;}
table.tab_liste_resultats td{width:50%;}

div#gensaffaires_enviro{width:300px;margin-top:10px;float:right;}
div#gensaffaires_enviro p{border-top-color: #859a4b; border-top-style: solid; border-top-width: 1px;padding-top:4px;}
div#gensaffaires_residus{margin-top:40px;float:left;margin-right:20px;}
div#gensaffaires_compteur{border: 2px #cacb4c solid; float:right; text-align:left;  width:125px; margin-top:10px; padding:4px; font-size:90%; text-align: center; line-height: 15px;}
div#gensaffaires_strategie{border: 2px #cacb4c solid; float:right; text-align:left;  width:125px; margin-top:10px; padding:4px; font-size:90%; text-align: center; line-height: 15px;}
div#gensaffaires_strategie a:link { color:#333}

p#select_instance.grandprojets{margin-left:5px;width:755px;}

div.zone_capsule_info{background-image: url('../gens_affaires/img/img_degrade_encadre_petit.gif');background-repeat: repeat-x;width:14em;min-height:50px;text-align:center;color:#660000;vertical-align:bottom;font-size:80%;padding-top:3px;}
div.zone_capsule_info_droite{float:right;margin-left:3px;}
div.zone_capsule_info_gauche{float:left;margin-right:3px;}
div.zone_capsule_info_coteacote{float:left;margin-right:5px;margin-top:10px;}
div.zone_capsule_info span.titrecapsuleinfo{font-weight: bold;}

/* Spécifique : Environnement */
h1.eau{background-color:black;}
h2.eau{margin-top:50px;}

/* Spécifique : Idées de sorties */
.introduction {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:1.5em;}
.zone_encadre {line-height:1.5em;}
.erreur {border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;color:#D8000C;background-color:#FFBABA;background-image:url('../idees_sortie/img/error.png');}
.confirmation {border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;color:#4F8A10;background-color:#DFF2BF;background-image:url('../idees_sortie/img/success.png');}
.information, .Information  {border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;color:#00529B;background-color:#BDE5F8;background-image:url('../idees_sortie/img/info.png');}
.avertissement {border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;color:#9F6000;background-color:#FEEFB3;background-image:url('../idees_sortie/img/warning.png');}
.panneau_chargement {z-index:2000;width:300px;margin-left:-150px;}

/* Spécifique : Grand Prix Cycliste de Québec */
#cadre_flottant.zone_encadre_grandprix {float:right;width:225px;height:400px;}
.transbox { width:225px;height:400px;margin-left:0px;background-color:#ffffff;filter:alpha(opacity=70);opacity:0.7;}
.transbox h2, h3{  margin-right:10px;font-weight:bold;color:#000000;}
.transbox p{padding-left:5px;color:#000000;}
div.zone_capsule_prix_cycliste{background-image: url('/idees_sortie/grands_evenements/grandprixcycliste/img/img_degrade_encadre.gif');background-repeat: repeat-x;width:14em;min-height:50px;text-align:center;color:#000000;vertical-align:bottom;font-size:85%;padding-top:3px;}

/* Spécifique : Grand Prix Cycliste de Québec 2011 */
h1.grandprix {background-color:#cbdb30;}
#gp_date {background-color:#3c3d3c; color:#cbdb30; width:240px; height:40px; margin-bottom:5px}
#gp_date h2{color:#cbdb30; font-size:1.3em; float:left; font-weight:normal; margin:5px 0 0 5px }
#gp_date h2.chiffre{color:#cbdb30; font-size:3.5em; float:left;margin:0 0 0 2px}
#texte.idees_sortie_gp {background-image:url('../idees_sortie/grands_evenements/grandprixcycliste_2011/img/bg_grandprixcycliste.jpg'); background-position:right top; background-repeat:no-repeat}
#texte.idees_sortie_gp p.intro {font-size:1.2em; width:450px}
#encadre_important {background-image:url('../idees_sortie/grands_evenements/grandprixcycliste_2011/img/bg_sprint.jpg');background-repeat:no-repeat; width:545px; height:104px; text-align:center; padding:10px}
#encadre_important.navette {padding:5px; height:auto; background-color:#393939}
#encadre_important.sept {background-color:#393939; background-image:url('../idees_sortie/grands_evenements/grandprixcycliste_2011/img/bg_sprint2.gif');background-repeat:no-repeat; background-position:center center; width:545px; height:104px; padding:10px; height:auto; text-align:left}
#encadre_important.sept h3 {color:#cbdb30}
#encadre_important.sept ul {color:white}
#sites {background-image:url('../idees_sortie/grands_evenements/grandprixcycliste_2011/img/bg_sites.gif'); background-repeat:repeat-x; padding:5px 0 5px 0; height:37px}
#sites p {margin-left:38px}
#encadre_important h3{color:#3c3d3c;}
#texte.idees_sortie_gp#encadre_sprint p span {color:#cbdb30; font-size:1em}
#encadre_important p {color:white;}
#horaire_container {float:right; width:200px; margin-left:5px}
#horaire {background-color:#cbdb30; padding:7px;}
#horaire p {width: 100%; margin:0}
#horaire p.highlight {background-color:#dff226;}
h2.horaire {color:black; margin:0 }
.note_horaire {font-size:0.77em; font-weight:bold; margin-top:5px}
#bc_zone_menu.gp {background-color:#cbdb30; list-style-type:square}
ul#menugauche li{list-style-type:square}
h2.gp {color:#cbdb30; font-size:1.3em; font-weight:normal; margin:10px 0 5px 0;background-color:#3c3d3c; height:30px; padding:10px 0 0 2px}
#encadre_cartes {background-image:url('../idees_sortie/grands_evenements/grandprixcycliste_2011/img/bg_cartes.gif'); background-position:top;background-repeat:repeat-x;padding-top:10px; height:200px}
.float {float:left; margin-left:50px}
table#circulation {background-color:#c9da31}
table#circulation td {background-color:#c9da31;border:0; background-image:url('../idees_sortie/grands_evenements/grandprixcycliste_2011/img/bg_tableau.gif'); background-position:bottom; background-repeat:repeat-x;}
table#circulation td.espace {border-right:3px white solid}
#cadre_flottant.zone_encadre_gp{background-color:#cbdb30; float:right; width:200px; padding:5px;border:1px #e1f144 solid; margin-left:5px}
#cadre_flottant.zone_encadre_gp h2{color:#3c3c3c; }
span.grosvert {color:#cbdb30; font-size:1.1em; font-weight:bold}
span.sites {margin:-10px -10px 10px -10px; background-color:#dff226; color:#3c3d3c; padding:0 20px 0 10px; font-weight:bold}
img.gp {margin:5px -10px 10px -10px}

/* Spécifique : Fête nationale */
#menu_stjean {float:left;width:180px; margin-right:10px;display:inline}
#menu_stjean ul {padding:0px}
#menu_stjean li {background-image:url('../idees_sortie/grands_evenements/fete_nationale/img/fond_menu_gauche.gif'); background-repeat:repeat-x; list-style-type:none; padding:5px 5px 5px 2px; list-style-position:inside;}
#menu_stjean a {color:white; text-decoration:none;}
#menu_stjean a:hover {color:white; background-image:url('../idees_sortie/grands_evenements/fete_nationale/img/fleurlys.png'); background-position:left; background-repeat:no-repeat; padding-left:20px}
#menu_stjean span.section {color:white; background-image:url('../idees_sortie/grands_evenements/fete_nationale/img/fleurlys.png'); background-position:left; background-repeat:no-repeat; padding-left:20px}
#texte.stjean {padding:0px;}
#texte.stjean p {margin-left:190px;}
#texte.stjean h4 {margin-left:190px; color:#002c8b}
#stjeancarte {text-align:center;margin-bottom:25px;margin-right:0px; margin-left:190px; margin-top:10px; /*background-color:#99e3d6; background-image:url('../idees_sortie/grands_evenements/fete_nationale/img/fondcarte.jpg')*/}
#stjeancarte a {text-decoration:none}
.img_stjean_centre {text-align:center;margin-bottom:20px; clear:both }
#margin {margin-left:190px;}
.imgstjean_p {margin:5px; height:75px}
h3.stjean {color:#003366; font-weight:bold}
h2.stjean {color:#1eb6fe; margin:0}
#mediasociaux {width:180px; margin-right:10px;margin-top:10px}
#mediasociaux a:hover{padding-left:0}
h5.ph_aligne_droite img {margin:0;float:right}


/* Spécifique : Sécurité routière */
#bc_zone_capsules div.securite_route {background-image:url('/actualites/img/fond_viragedroite.jpg'); background-color:#d61920;background-repeat: no-repeat;text-align:left; color:white;}
#bc_zone_capsules div.securite_route p {line-height:130%; font-size:1.2em }
.virage {text-transform:uppercase; color:#c7c8ca; font-weight:bold; font-size:1.1em;line-height:130% }
h1.securite {background-color:#5f6d70; background-image:url('/actualites/img/bg_h1_securite.jpg');background-repeat: no-repeat; background-position:right center}
.zone_encadre.gris {background-color:#c7c8ca}
.zone_encadre.campagne {background-color:#EFC946}

/* Spécifique : Noël */
h1.noel {background:#284A92;}
.idees_sortie_noel{background:white url("../idees_sortie/grands_evenements/noel/img/bg_noel.jpg") top right no-repeat;}
.idees_sortie_noel .intro {font-size: 1.2em;width: 450px;}
.noels_video div {width:250px;float:left;height:200px}
.noels_video .vrai_noel {padding-top:40px;}
/*#texte.noel{font-size:1.1em;}
#cadre_flottant.idees_sorties{background-position: top;background-repeat:repeat-x;min-height: 18px;background-color:#ffffff;border: 1px solid #093969;}
#cadre_flottant.idees_sorties.large{float:right;width:350px;padding:0px;}
#cadre_flottant.idees_sorties.large.trame{float:right;width:350px;padding:0px;background-color:#d5e4f3;border:0px;margin-bottom:15px;}
#cadre_flottant.idees_sorties.large.trame h2{font-size:1.5em;color:#d1233a;}
#cadre_flottant.idees_sorties.large.trame h2 a:link{font-size:1.5em;color:#d1233a;text-decoration:none;}
#cadre_flottant.idees_sorties.large.trame h2 a:visited{color:#d1233a;text-decoration:none;}
#cadre_flottant.idees_sorties.large.trame h2 a:active{color:#d1233a;text-decoration:none;}
#cadre_flottant.idees_sorties.large.trame h2 a:hover{color:#d1233a;text-decoration:underline;}
#cadre_flottant.idees_sorties.large ul{font-size:1.2em;}
#cadre_flottant.idees_sorties.large ul li{list-style: url('../idees_sortie/grands_evenements/noel/img/img_etoile.gif'); margin-left:10px;}
#cadre_flottant.idees_sorties.large h2.savoirplus{background-color:#c2d0f0;margin-top:10px;margin-bottom:10px;margin-left:0px;margin-right:0px;}
#cadre_flottant.idees_sorties.etroit{width:160px;}
#cadre_flottant.idees_sorties h2{text-align:center;}
#cadre_flottant.idees_sorties h2 a{font-size:18px;text-align:center;}
#cadre_flottant.idees_sorties h3{font-size:1.3em;margin-left:10px;margin-right:10px;}
#cadre_flottant.idees_sorties p {font-size:1.2em;margin-left:10px;margin-right:10px;}
#cadre_flottant.idees_sorties p.droite{text-align:right;}
.zone_encadre.noel {text-align:right;}
#cadre_idees_sorties_video{float:right;width:350px;padding:0px;margin:0px;padding-right:5px;}
table.programmation_noel td, table th{border:3px white solid;}
table.programmation_noel tbody{background-color:#dce4ef;}
table.programmation_noel caption{background-color:#dce4ef;font-weight:bold;color:#bd012b;font-size:130%;}
table.programmation_noel th{background-color:#dbdee3;padding:5px;margin:5px;margin-top:10px;font-size:130%;font-weight:bold;color:#003366;text-align:center;}
table.programmation_noel td{vertical-align:top;font-size:1.2em;padding:5px;margin:5px;width:25%;}
table.programmation_noel th.photo_pere_noel{vertical-align:middle;}
table.programmation_noel img{padding:5px;border:10px white;}
table.programmation_noel h3{color:#d1233a;font-size:95%;}
table.horaire_pere_noel td, table th{border:3px white solid;}
table.horaire_pere_noel caption{background-color:#dce4ef;font-weight:bold;color:#d1233a;font-size:130%;}
table.horaire_pere_noel tbody{background-color:#dce4ef;font-size:90%;}
table.horaire_pere_noel {padding:5px;margin:5px;}
table.horaire_pere_noel th{background-color:#dbdbe0;padding:5px;margin:5px;font-size:110%;}
table.horaire_pere_noel td{vertical-align:top;font-size:1.2em;padding:5px;margin:5px;}
table.horaire_pere_noel th.photo_pere_noel{vertical-align:top;padding-top:30px;}
table.horaire_pere_noel img{padding:5px;border:10px white;}
div#col1evenements{width:60%;float:left;background-color:white;font-size:1.1em;padding-top:25px;}
div#col1evenements p.rouge{font-size:1.05em;color:#d1233a;}
div#col1evenements p.imgdroite {text-align:right;} 
div#col1evenements p.imgcentre{text-align:center;}
div#col1evenements p.imggauche{text-align:left;}
div#col2evenements{width:40%;float:right;}
div#col2evenements p.ph_align_droite{float:right;margin-right:5px;margin-top:0px;padding-left:10px;}
div#col2evenements p.droite{text-align:right;}
div#col1evenements4{margin-left:20px;width:220px;float:left;font-size:1.1em;}
div#col1evenements4 p.image{height:120px;}
div#col2evenements4{margin-left:30px;width:220px;margin-top:0px;float:left;font-size:1.1em;}
div#col2evenements4 p.image{height:120px;}
div#col3evenements4{margin-left:50px;width:220px;margin-left:20px;float:left;font-size:1.1em;}
div#col3evenements4 p.image{height:120px;}
div#col4evenements4{margin-left:30px;width:155px;margin-left:20px;float:left;font-size:1.1em;}
div#col4evenements4 h2.rouge{font-size:1.4em;color:red;}
div#col4evenements4 h2.image{height:70px;padding-top:25px;text-align:center;} */

/* Spécifique : À propos */
#img_logo_ville img{padding-right:20px;}
p.ph_plan{width:100%;text-align:center;}
p.ph_plan img{margin:auto;}
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;}
#ph_jacques_cartier{width:166px;}
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;}
div#page_2col.section_400e div#col2 div{padding:0px 0px 0px 0px;margin-bottom:15px}
div#page_2col.section_400e div#col2 div h2 a {padding:0px;}
div#page_2col.section_400e div#col2 div img{margin:0px;padding:0px;border:0 none;}
div#page_2col.section_400e div#col2 div h2{margin:0px;}
div#page_2col.section_400e div#col2 a:link {color:#21578a;text-decoration:none;}
div#page_2col.section_400e div#col2 a:visited {color:#21578a;text-decoration:none;}
div#page_2col.section_400e div#col2 a:active {color:#21578a;text-decoration:none;}
div#page_2col.section_400e div#col2 a:hover {color:#21578a;text-decoration:underline;}
.ph_visuel_photohistorique{width:305px;clear:both;}
table.tab_photohistorique{width:40%;}
div#gallerie_photos p, div.gallerie_photos p{text-align:center;font-size:80%;}
div#gallerie_photos p img, div.gallerie_photos p img{margin:auto;}
div#gallerie_photos p span.credit, div.gallerie_photos p span.credit{text-align:left;}
#nav_gallerie_photos, .nav_gallerie_photos{background-color:#cad6e1;padding:1em;text-align: center;margin-left:-10px;margin-right:-10px;}
.nav_gallerie_photos input{border:0 none;width:15px;height:15px;margin-top:10px;;margin-bottom:-3px;margin-left:2px;padding-right:2px;}
#nav_gallerie_photos ul, .nav_gallerie_photos ul{list-style-type: none;margin:0px 0px 0px 0px;}
#nav_gallerie_photos li, .nav_gallerie_photos li{display: inline;margin-left:10px;margin-right:10px;}
#nav_gallerie_photos li.mise_evidence, .nav_gallerie_photos li.mise_evidence{font-weight:bold;color:#89a4bd;}
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%;}
table#ptiservice caption{display:none;}
table#matieres_residuelles{margin-top:10px;}
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;height:95px;}
div#texte.nous_joindre_elus div.ligneA, div#texte.membres_cm div.ligneA{background-color:#dce4ef;}
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, table#ctl00_ctl00_contenu_texte_page_CalendrierAnnuel1_tbCurrentYear p{margin:0px;padding:0px;}
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;}
div#texte.seances table{width:100%;border-colapse:colapse;}
div#texte.seances table th#video2009,div#texte.seances table th#video2008{width:26%;}/* A FAIRE CHANGER*/
div#texte.seances table th#date2009,div#texte.seances table th#date2008{width:30%;}/* A FAIRE CHANGER*/
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;}
p#ctl00_ctl00_contenu_texte_page_ConseilDeVilleViewer1_Repeater1_ctl00_duree{margin-left:240px;}
table#consultcalendrier th#calendrierconsultdate{width:30%;}
th#dateheure{width:40%;}
div#col2 ul.espacement{margin-top:-10px;}
div#col2 li.degagement{line-height:20px;}
div#texte.declarationsservices h2#titredeclaration{color:#c1c56d;font-weight:bold;font-size:200%;}
div#texte.declarationsservices p#engagements{font-weight:bold;background-color:#dbe07c;padding:3px 3px 3px 10px;width:40%;margin-left:-10px;}
img#imgchantal{margin-left:10px;margin-top:10px;}
div.importance{background-color:#325ec4; color:#fff;margin-left:-10px;padding: 10px 10px;font-size:93%;width:100%;margin-bottom:20px;}
div.importance span.titreimp{font-weight:bold;font-size:105%;}

/* Spécifique : Emplois */
#bc_zone_capsules p.txtemphase{margin-top: 30px;color: #002656;margin-top: 5px;text-align: center;font-size: 155%;	line-height: 150%;	letter-spacing: -1px;}
#bc_zone_capsules p.txtemphase span.emphase{font-weight:bold;font-size: 110%;}

/* Spécifique : 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;}

/* Spécifique : Nous joindre */
div.point_service{margin-top:30px;margin-left:30px;}
div#centreservice{margin-left:10px;}

/* Spécifique : Concours d'oeuvres d'art */
div.choix_oeuvre{float:left;width:48%;}
p.ph_oeuvre{float:left;width:45%;height:130px;}

/* Spécifique : Vidéos */
div.video_gauche{float:left;width:auto;margin-right:10px;}
div.message_video{color: #000000;padding: 5px;}
div.message_video{width:50%;}
table div.message_video{width:auto;}
div.message_video img{padding-right: 5px;}

/* Spécifique : Actualités Hide and Show les légendes */
.expandedNode div{display: block;margin-bottom:10px;}
.collapsedNode div{display:none;}



/* Spécifique : Taille du texte */
body.larger #bc_zone_texte #texte, body.larger #bc_zone_texte p, body.larger #bc_zone_texte li, body.larger #bc_zone_texte h3, body.larger #bc_zone_texte td, 
body.larger #bc_zone_texte th, body.larger #bc_zone_texte h4 { font-size:14px;}
body.larger #bc_zone_texte span.legende { font-size:12px;}
body.larger #bc_zone_texte h2 { font-size:1.4em;}
body.larger #bc_zone_texte h1 { font-size:1.6em;}
body.larger #col2 { font-size:1.3em;}
body.larger #bc_zone_capsules { font-size:1em;}

/* Spécifique : Langues */
#langue_courante {padding-bottom:5px;color:white;}
#boite_langues {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;padding:2px 0 2px 14px;position:absolute;width:50px;line-height:1.5em;margin:0 0 0 10px;}
#boite_langues a span { color:black;text-decoration:none;}
#boite_langues a:hover span { color:black;text-decoration:underline;}

/* Spécifique : Bande défilante */
#bande_defilante {background:url('http://www.ville.quebec.qc.ca/img/bg-top-tempete.jpg') top center repeat-x;width:100%;height:28px;padding:8px 0 0 0;position:absolute;top:0;left:0;}
#bande_defilante .bande_content{margin:0 auto;width:950px;}
#bande_defilante .zone_defilante{padding-right:850px;}
#bande_defilante .zone_defilante .item{padding-right:100px;}
#bande_defilante #TICKER {overflow:hidden;width:820px;float:right;}
#bande_defilante a { color:#00679d;text-decoration:none;}
#bande_defilante a:hover {color:#008dd6;text-decoration:underline;}
#bande_defilante #ff_first {padding-left:820px;}
#bande_defilante #tick_title {color:red;font-weight:bold;float:right;width:130px;}
#bande_defilante table td {border:none;padding:0;}
#bande_defilante tbody {background:none;}

/* Spécifique : Installations des loisirs et sports */
.installations .item { min-height:150px;}
.installations .item table { width:60%;}
.installations .item table tr td { width:30%;}
.installations h2 {float:left;margin-top:0;}
.installations h2 a {font-family:Arial, Helvetica, sans-serif;color:#284a92;font-weight:bold;font-size:14px;text-decoration:none;}
.installations h2 a:hover {color:#4683bd;text-decoration:underline;}
.installations .details a.carte {font-weight:normal;}
.installations .i_adresse {clear:left;}
.installations .image {float:right;}
.installations .image .image_top {width:169px;height:8px;background:white url('../img/partagez/image_top.gif') top left no-repeat;}
.installations .image .image_main {width:169px;background:white url('../img/partagez/image_main.gif') top left repeat-y;}
.installations .image .image_main img {padding:0 0 0 8px;width:153px;height:104px;}
.installations .image .image_bottom {width:169px;height:8px;background:white url('../img/partagez/image_bottom.gif') top left no-repeat;}
.installations .image .source { font-size:10px;font-style:italic;padding:3px 8px 0 8px;text-align:right;}
.installations .details {background:white url('../img/partagez/item_bottom_bg.gif') top left repeat-x;height:30px;padding:13px 0 0 5px;color:#21578a;margin-bottom:18px;}
.installations .details a {font-weight:bold;}
#texte .installations .RadRating ul {padding:0;}
#texte .installations .RadRating li {margin-top:0;}
.installations .RadRating {float:left;padding:0 0 0 5px;}
.installations .nbr_votes {font-size:11px;float:left;padding:0 0 0 5px;display:block;}

/* Spécifique : Partagez votre expérience */
.clear {clear:both;background:none;}
.grey_line {background:#c5c5c5;width:100%;height:1px;margin:20px 0 0 0;}
.grey_line_bottom {background:#c5c5c5;width:100%;height:1px;margin:0;}
.commentaires {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0 0 25px 0;}
.commentaires .comment_add {font-weight:bold;text-align:right;}
.commentaires .comment_header {background:white url('../idees_sortie/img/comment_header.gif') top left repeat-x;height:32px;margin:10px 0 0 0;padding:10px 0 0 10px;}
.commentaires .comment_header .comment_title {float:left;font-family:Arial, Helvetica, sans-serif;color:#284a92;font-weight:bold;font-size:14px;}
.commentaires .comment_header .comment_sort {float:right;padding:0 10px 0 0;}
.commentaires .comment_user {padding:10px 10px 15px 5px;}
.commentaires .comment_admin {background:#eef6fd;}
.commentaires .comment_user .user_img {float:left;width:45px;}
.commentaires .comment_user .user_img img {border:1px solid #b1b1b1;}
.commentaires .comment_user .user_img img.admin_img {border:none;}
.commentaires .comment_user .user_post {float:left;width:135px;}
.commentaires .comment_user .user_post .user_name {font-weight:bold;margin:0 0 7px 0;}
.commentaires .comment_user .user_post .user_post_time {color:#888888;}
.commentaires .comment_user .user_comment {width:360px;float:left;}
#leftcolumn .commentaires .comment_user .admin_comment {width:490px;float:left;} /* Idées de sorties */
.commentaires .comment_user .admin_comment {width:345px;float:left;} /* Inst. loisirs et sports */
.commentaires .comment_user .thumbs {float:right;}
.commentaires .comment_user .thumbs div {float:left;}
.commentaires .comment_user .thumbs .thumbs_plus {color:#71a63d;font-weight:bold;padding:8px 5px 0 0;}
.commentaires .comment_user .thumbs .thumbs_moins {color:#cc6666;font-weight:bold;padding:8px 0 0 3px;width:30px}
.commentaires .comment_user .thumbs .thumbs_plus_img input, .commentaires .comment_user .thumbs .thumbs_moins_img input,
.photos .photo_user .thumbs .thumbs_plus_img input, .photos .photo_user .thumbs .thumbs_moins_img input {width:28px;height:28px; }
.commentaires .comment_user .thumbs .thumbs_plus_img {padding:0 4px 0 0;}
.photos {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.photos .photo_add {font-weight:bold;text-align:right;clear:both;}
.photos .photo_header {background:white url('../idees_sortie/img/comment_header.gif') top left repeat-x;height:32px;margin:10px 0 0 0;padding:10px 0 0 10px;}
.photos .photo_header .photo_title {float:left;font-family:Arial, Helvetica, sans-serif;color:#284a92;font-weight:bold;font-size:14px;}
.photos .photo_header .photo_sort {float:right;padding:0 10px 0 0;}
.photos .photo_user{padding:10px 10px 15px 5px;}
.photos .photo_user .photo_img{float:left;width:180px;}
.photos .photo_user .photo_img .photo_img_top {background:white url('../idees_sortie/img/photo_img_top.gif') top left no-repeat;width:169px;height:8px;}
.photos .photo_user .photo_img .photo_img_main {background:white url('../idees_sortie/img/photo_img_main.gif') top left repeat-y;width:169px;padding:0 0 0 8px;}
.photos .photo_user .photo_img .photo_img_bottom {background:white url('../idees_sortie/img/photo_img_bottom.gif') top left no-repeat;width:169px;height:8px;}
.photos .photo_user .user_img {float:left;width:45px;}
.photos .photo_user .user_img img {border:1px solid #b1b1b1;}
.photos .photo_user .user_img img.admin_img {border:none;}
.photos .photo_user .user_post {float:left;width:350px;}
.photos .photo_user .user_post .user_name {font-weight:bold;margin:0 0 7px 0;}
.photos .photo_user .user_post .user_post_time {color:#888888;}
.photos .photo_user .user_comment {margin:15px 0 0 0;}
.photos .photo_user .thumbs {float:right;}
.photos .photo_user .thumbs div {float:left;}
.photos .photo_user .thumbs .thumbs_plus {color:#71a63d;font-weight:bold;padding:8px 5px 0 0;}
.photos .photo_user .thumbs .thumbs_moins {color:#cc6666;font-weight:bold;padding:8px 0 0 3px;width:30px}
.photos .photo_user .thumbs .thumbs_plus_img {padding:0 4px 0 0;}
.inscription {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.inscription .inscription_add {font-weight:bold;text-align:right;}
.inscription .inscription_header {background:white url('../idees_sortie/img/comment_header.gif') top left repeat-x;height:33px;margin:10px 0 6px 0;padding:13px 0 0 10px;}
.inscription .inscription_header .inscription_title {float:left;font-family:Arial, Helvetica, sans-serif;color:#284a92;font-weight:bold;font-size:14px;}
.inscription .inscription_form {margin:0 0 0 15px;}
.inscription .inscription_form fieldset {border:1px solid #c5c5c5;}
.inscription .inscription_form p {margin:10px 0 10px 0;}
.inscription .inscription_form legend {margin:0 0 0 10px;}
.inscription .inscription_back {font-weight:bold;text-align:right;}
.star-rating {float:left;list-style:none;margin:8px 0 0 5px;padding:0px;width:100px;height:20px;position:relative;background:url('../../idees_sortie2/img/star_rating.gif') top left repeat-x;}
.star-rating li {padding:0px;margin:0px;height:20px;width:20px;float:left;}
.star-rating li a {display:block;width:20px;height:20px;line-height:20px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px;overflow:hidden;}
.star-rating li a:hover {background: url('../../idees_sortie/img/star_rating.gif') left center;z-index:2;left:0px;border:none;}
.star-rating a.one-star {left:0px;}
.star-rating a.one-star:hover {width:20px;}
.star-rating a.two-stars {left:20px;}
.star-rating a.two-stars:hover {width:40px;}
.star-rating a.three-stars {left: 40px;}
.star-rating a.three-stars:hover {width: 60px;}
.star-rating a.four-stars {left: 60px;}	
.star-rating a.four-stars:hover {width: 80px;}
.star-rating a.five-stars {left: 80px;}
.star-rating a.five-stars:hover {width: 100px;}
.star-rating li.current-rating {background: url('../idees_sortie/img/star_rating.gif') left bottom;position:absolute;height:20px;display:block;text-indent:-9000px;z-index:1;left:0;}
/* remove halo effect in firefox 
a:active {outline: none;}", ;;*/


/* Spécifique : Arrondissements */
.bandeau_menu {padding-top:7px;}
.bandeau_menu .bandeau_menu .bloc_img_2, .bandeau_menu .bloc_img_3, .bandeau_menu .bloc_img_4 {float:left}
.bandeau_menu .bloc_img_5 {background-color:#5b8f22;height:185px;width:188px;float:left;padding:7px;}
.bandeau_menu .bloc_img_5 .titre {color:white;font-size:1.4em;font-weight:bold;padding-top:10px;padding-bottom:10px;}
.bandeau_menu .bloc_img_5 .date {font-size:1em;padding-top:10px; color:white}
.bandeau_menu .bloc_img_5 .description {font-size:1em; color:white}
.bandeau_menu .bloc_img_5 .description a {color:#153816;text-decoration:underline;font-weight:bold;}
.bandeau_menu .bloc_img_5 .description a:hover {color:#64472e;text-decoration:none;}
.bandeau_menu .bloc_img_5 .tous {font-size:0.8em; color:white; float:right}
.bandeau_menu .bloc_img_5 .tous a {color:#153816;text-decoration:underline;font-weight:bold;}
.bandeau_menu .bloc_img_5 .tous a:hover {color:#64472e;text-decoration:none;}
#bloc_img_1 {float:left; width:114px; height:179px; color:white; padding:10px;}
#bloc_img_1 ul {list-style-type:none; margin:20px 0 0 5px}
.hsc {background-image:url('../citoyens/arrondissements/img/decouvrez_hsc_hiver.jpg')}
h3.decouvrez {color:white;}
h3.decouvrez a {color:white; text-decoration:none}
h3.decouvrez span {font-size:1.4em}


.sep_line{clear:both;padding-bottom:7px;}
#arrondissements_menu {background:#f0dfc1;border-right:1px solid #d8d8d8;width:202px;float:left;}
#arrondissements_menu ul, #arrondissements_menu li {margin:0;padding:0;list-style:none;}
#arrondissements_menu li a {display:block;font-size:12px;font-family:Verdana, Arial;text-decoration:none;color:black;padding:10px 0 10px 10px;}
#arrondissements_menu li a:hover {font-weight:bold;border-left:1px solid black;background:#e1c59e;}


#joindre {width:197px; background:#5b8f22;float:right; clear:both; padding:7px; margin-top:-8px}
#joindre p {color:white}
#joindre a {color:white}
#joindre a:hover {color:white}
#joindre .coordonnees {background:#89b83f; height:25px; margin-left:-7px; margin-right:-7px; margin-bottom:-7px;padding-left:7px}

/* Spécifique : Famille & Aînés */
#block3 .idees {/*padding-bottom:7px;*/; clear:both}
#block3 p input {float:left;padding-right:6px;}
#block3 .clear {/*height:15px;*/}
#block3 h3 {padding-top:0;}

/* Spécifique : Consultation publiques*/
#flash.ppu {margin-left:-10px; margin-bottom:10px}
ul li#sousmenu {float:left; width:200px; list-style:none; height:15px; margin-left:25px; padding:5px; text-align:center}
ul li#sousmenu.ppustefoy {background-color:#99cc00;}
ul li#sousmenu.ppustefoy a {color:#003366; font-weight:bold}

/* Spécifique : Ville rose */
h1.rose {background-color:#ed008c}
h2.rose {color:#ed008c}

/* Divers */
#blocnotes {clear:both;	width:400px;}
#blocnotes img.blocnotes-incruste { text-align:right; padding: 0 0 10px 10px;}
.pictos_endroits{float:right;}
#rosedesvents, .alignementdroit { float:right;}
.alignementgauche { float:left;}
#bc_zone_texte_page.apropos h2.questionsreponses{background-color:#F2FAE2;}

#textecarte{background-position: bottom;width: 752px;/*padding: 0px 8px 8px 8px;border: 1px solid #E5EAF1;margin-top: 10px;background-image: url('../img/img_bck_degrade_carte.jpg');background-repeat: repeat-x;*/}
#textecarte div#titrefiche{background-position:left top;background-image: url('../img/img_bandeau_carte.jpg');background-repeat: no-repeat;min-height:83px;width:754px;/*margin-bottom:5px;*/margin-top:10px; padding:10px}
#textecarte div#titrefiche h2, #textecarte div#titrefiche h3{color: #fff;}
#textecarte div#titrefiche h2{font-size:140%;padding:0px 5px 0px 15px; margin-top:5px}
#textecarte div#titrefiche h3{font-weight:normal;font-size:80%;padding:0px 15px 0px 15px;text-transform: uppercase;}
#textecarte div#titrefiche h3.fiche {margin-top:0}
#textecarte div#titrefiche ul{float: right;padding: 18px 15px 0px 15px;text-transform: uppercase;list-style-image: url('../img/img_flecheretour.jpg');font-size: 80%;}
#textecarte div#titrefiche ul a:link,#textecarte div#titrefiche ul a:visited,#textecarte div#titrefiche ula:active  {color:#fff;text-decoration:none; }
#textecarte div#titrefiche ul a:hover {color:#fff;text-decoration:underline; }
div#colonne1{width:50%;float:left;}
div#colonne2{width:46%;float:right;margin-top:25px;}
div#colonne2 div#localisation{background-color:#f7f7f7;border:thin #edeeef solid;padding:5px;}
div#colonne2 div#localisation img{margin-right:10px;margin-left:10px;}
#textecarte  h4{color: #1c648e;border-bottom-color: #ced1d2;border-bottom-style: solid;border-bottom-width: 1px;font-size:150%;font-weight:400;margin-bottom:10px;margin-top:30px;}
#textecarte table tbody td, #textecarte table tbody th{background-color:#eee;border:none;}
#textecarte table tbody tr.impair td, #textecarte table tbody tr.impair th{background-color:#f6f7f7;}
