body{font-size:small; font-family: Helvetica,Arial, sans-serif;width:90%;margin:0px;padding:0px; }

/* Logo */
#bh_logo{width:130px;height:84px;margin-top:-35px;background-image:url('../img/img_logo_petit_imp.jpg')}
#bh_logo img{display:none;}

/* Copyright */
#bande_bas p{border-top:1px solid black;}

/* Navigation */
#liens_evitement, #bh_utilitaires, #bc_zone_menu, #navigation_titre_page_courante1, #bc_filariane, #utils, 
#bande_bas ul#liste1, #bande_bas ul#liste2, #haut_page, p#bh_utilitaires_soussite_recherche, 
#bc_col1, ul#liens_ancre, ol#lt_questionresponses, label#label_select_page, div.ancres{display:none;}
#menu_onglet {font-weight:bold;}

/* Bas de page */
.bas_de_page, .administration {display:none;}

/* Titres et textes */
h1{font-size:18px;width:100%;border-bottom:1px solid black;}
h2{font-size:16px;margin-bottom:0px;margin-top:20px;padding-bottom:0px;}
h2.savoirplus, h2.titrebande, h3.titrebande{background-color:#ffffff;}
h3{font-size:14px;margin-bottom:0px;padding-bottom:0px;margin-top:0px;padding-top:0px;}
h4{font-size:12px;margin-bottom:0px;padding-bottom:0px;}
ul.list_3col_col1, ul.list_3col_col2, ul.list_3col_col3{float:left;width:185px;}
.list_1col{clear:left;}
p, ul, ol, #texte ol, #texte ul{margin-top:0px;padding-top:0px;}
p{margin-top:5px;margin-bottom:5px;}
ul{margin:bottom:0px;}
.gras{font-weight:bold;}
.surligne{background-color: #FFFF00;}
/*p.cache{display:none;}*/
a {color:#21578a;}
a img{border:0 none;}
.note{font-size:11px;padding:0px;margin:0px;}
abbr{border-bottom:0 none;}
p.note{margin-top:0px;margin-bottom:0px;}
.forcer_retour{clear:both;}

/* Encadrés */
div.zone_encadre{border: 1px solid #000000;padding:10px;}
div.zone_encadre h2, div.zone_encadre h3{margin-top:0px;padding-top:0px;}
/*div.zone_encadre.cache{display:none;}*/
div#encadre_croc{border: 1px solid #000000;padding:10px;}
#cadre_flottant.zone_encadre {float:left;clear:both;text-align:center;margin-top:10px;width:100%;}
#rosedesvents{display:none;}
.zone_encadre_droit img{display:none;}
.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, #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:0px;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_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;}
#liste_communiques h2{font-size:1.1em;} /* Temporaire, en attendant de faire changer les h2 pour des h3 par les tits*/

/* Idées de sorties */
#xfadeContainer,.pagination_header, .paging_line_top, .menu_nav_idees, .resume_affichage, 
.pagination_footer, div.item div.image, div#rightcolumn {display:none;}
.introduction_3, .introduction_2 { font-size:13px;padding-top:5px;}
.introduction_1 {font-family: times, Times New Roman, times-roman, georgia, serif;font-size: 13px;line-height: 13px;letter-spacing: 0px;color: #444;margin: 0 0 0 0;padding: 0 0 0 0;font-weight: 100;}

/* Partagez votre expérience */
.comment_title, .photo_title {font-weight:bold;font-size:16px;margin-top:15px;}
.retour, .comment_add, .comment_sort, .photo_add, .photo_sort {display:none;}
.user_img, .thumbs_plus, .thumbs_plus_img, .thumbs_moins, .thumbs_moins_img {float:left;}
.thumbs input {height:15px;width:15px;}
.user_comment, .clear {clear:both;}

/* Gens d'affaire */
div#localisation, li#lien_revenir_carte, #colonne2 #flashContent, #colonne2 #localisation, div#flashContent img {display:none;}
div#menu_module.gensaffaires div#col4, div#menu_module.gensaffaires div#col3, 
div#menu_module.gensaffaires div#col1 {float:left;margin-left:0px;margin-bottom:20px;padding-bottom:3px;}
div#menu_module.gensaffaires div#col4{width:36%;margin-right:1%;}
div#menu_module.gensaffaires div#col3{width:22%;margin-right:0.8%;}
div#menu_module.gensaffaires div#col2{border: 1px none #FAE496;width: 27%;padding:5px 8px;margin-left:0px;margin-right:15px;background-repeat: repeat-x;}
div#menu_module.gensaffaires div#col2 h2{padding-bottom: 5px; padding-left:0}
div#menu_module.gensaffaires div#col2 h3 a:link{text-decoration:none;}
div#menu_module.gensaffaires div#col2 h3 a:visited{text-decoration:none;}
div#menu_module.gensaffaires div#col4 h2{margin:0px; margin-right:5px; color:#FFF;font-family: Helvetica,Arial, sans-serif;font-weight:normal; padding:2px;padding-left:8px;margin-top:0px; background-color:#2D87B5;}

/* Tableaux */
table{width:100%;margin-bottom:10px;clear:both;}
table, th, td{border: 1px solid black;vertical-align:top;}
th, caption{text-align:left;}
thead th, thead td{color:black;}
thead th a:active, thead th a:visited, thead th a:hover, thead th a:link{background-color:black;color:white;}
caption{font-size:16px;font-weight:bold;}
table ul li{margin-left:-22px;}

/* Photos */
p.ph_horizontale, p.ph_verticale, p.ph_visuel_doc, img.ph_visuel_attrait,img.ph_visuel_attrait_v , .ph_bureaux, .ph_visuel{display:none;}
p.ph_horizontale.imgprint, p.ph_verticale.imgprint, p.ph_visuel_doc.imgprint, img.ph_visuel_attrait.imgprint, p.ph_illustration.imgprint{display:block;}
p.ph_horizontale.imgprint{width:200px;}
p.ph_verticale.imgprint{width:150px;}
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.75em;margin-bottom:3px;line-height:1.1em;}
span.credit{font-size:0.75em;font-style:italic;line-height:1.1em;}
h2#renseignementarchives{margin-top:3em;}
p.img_carte_arrondissements img{border: 0 none;}
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;}
div#photos_ecoquartiers{float:left;clear:both;text-align:center;margin-top:10px;width:100%;}
div#photos_ecoquartiers img{padding:10px;padding-bottom:0px;}

/* Capsules */
#bc_zone_capsules{border:1px solid gray}
#bc_zone_capsules div{margin-bottom:10px;}
#bc_zone_capsules.transparent, #bc_zone_capsules div.lien, #bc_zone_capsules.hors_module div{/*display:none;*/}
#bc_zone_capsules div p{margin:0px;padding:0px;}

/* Ainés */
div#texte.aines{background-color:white;}
div#menu_module.citoyens img{ display:none;}

/* Citoyens  */
/*div#indextxt{display:none;}*/
table#brancheslaurentiencaprouge{margin-bottom:10px;}
table#brancheslaurentiencaprouge th.col1{width:50%;}
table#tab_ecocentres_horaire{empty-cells:show;}
table#tab_ecocentres_horaire caption{display:none;}
table#tab_ecocentres_horaire tbody th{vertical-align:top;text-align:left;font-weight:normal;}
table#tab_ecocentres_horaire tbody th p{margin:0px;padding:0px;}
table#tab_ecocentres_horaire ul{margin-top:0px;padding-top: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_ecocentres_horaire td img a link{border:0 none;}
table#tab_matieres_ecocentres caption{display:none;}
table#tab_matieres_ecocentres th.col1, table#tab_matieres_ecocentres th.col2{width:50%;background-color:black;color:white;}
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 ul{margin:0px;}
table#tab_matieres_objets_recyclables{empty-cells:show;margin-bottom:10px;}
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#monstresgeneral thead tr th.col1, table#monstresstefoy thead tr th.col1, table#collecte_arr thead tr th.col1 {width:50%;}
table#collecte_arr p{padding:0px;margin:0px;}
div#monstres_legende{width:5%;margin-bottom:20px;float:left;font-size:0.8em;}
ul#monstres_leg_ul{list-style:none;}
div#pictos_rss{width:100%;float:left;}
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;}
#tab_matieres_residus_alimentaires caption{display:none;}
#tab_matieres_residus_alimentaires th.col1, #tab_matieres_residus_alimentaires th.col2{width:50%;}
p.ph_etiquettes img{margin-right:15px;}
p.ph_visuel_doc#couverturegauche{display:block;float:right;margin-right:10px;}
table.tab_travaux_routiers tfoot{font-size:80%;}
#bc_zone_texte_page table.tab_travaux_routiers p{margin:0px;padding:0px;padding-bottom:3px;}
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;}
.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%;margin-bottom:10px;}
table.liste_stationnements{margin-bottom:20px;}
table.liste_stationnements tr th{font-weight:normal;vertical-align:top;}
table.liste_stationnements tr th.col1, table.liste_stationnements tr th.col2, table.liste_stationnements tr th.col3{font-weight:bold;width:50%;}
table.reglements_gens_affaires{clear:both;}

/* A propos */
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#revenus{empty-cells:show;}
table#revenus tfoot, table#depenses tfoot{background-color:silver;text-align:left;}
div#tableaux_quelqueschiffres table{margin-bottom:15px;}
div#tableaux_quelqueschiffres thead th{background-color:black;color:white;}
div#tableaux_quelqueschiffres tbody th{background-color:silver;text-align:left;}
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.zone_encadre#histtopo1608{margin-top:6em;}
.ph_pdad{float:left;width:50%;}
table.tab_calendrier_rencontres td{vertical-align:top;}
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{margin-top:0px;}
p.rencontre_annulee{color:#dd2424;}
table#ctl00_ctl00_contenu_texte_page_calendrier1_tab_calendrier_rencontres 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#calendrier_politique{border:1px solid black;}
div#calendrier_politique h2{margin:5px;padding:0px;}

/* Nous joindre */ 
table.nousjoindre, table.nousjoindre_elus{}
table.nousjoindre_elus{border-collapse:collapse;margin-top:10px;}
table.nousjoindre th, table.nousjoindre_elus th{text-align:left;vertical-align:middle;font-weight:normal;background-color:#bbcde6;}
table.nousjoindre th.col1, table.nousjoindre_elus th.col1{width:50%;}
table.nousjoindre_elus td.colelus1{width:63px;}
table tr.ligneB{background-color:#fff;}

/* Moteur de recherche */
#form_rercherche, #nav_resultat_bas_page{display:none;}
div#texte.recherche h2{margin:0px;}
div#texte.rechercher h3{background-color:#CCCCCC;}
div#texte{margin-left:0px;}
h2 span.mise_evidence{color:black;font-weight:bold;}

/* Espace Presse */
#banniere {display:none;}

/* Police */
.toggle_container{display: block !important;}

/* Répertoire des toponymes */
.toponyme_separateur, .toponyme_generique{margin-left:-0.4em;}
#toponymie_nav{display:none;}

/* Formulaire Colloque sur l'innovation - Inscription * /
/* Ajout temporaire pour le client qui veut imprimer le formulaire en préprod pour l'annoter. Pourra être retirer quand sera final et en ligne */



/******************************************************
					Fieldset
*******************************************************/
fieldset{margin-top:10px;margin-bottom:10px;}
/*marge a linterieur du fieldset*/
fieldset.retraitinterne{padding:0px 10px 0px 10px;}



/******************************************************
					Legend
*******************************************************/
legend{font-weight:bold;margin-bottom:10px;color:black;}


/******************************************************
					Label
*******************************************************/
label{color:black;width:15em;float:left;padding-left:20px;}

/*Permet de mettre à l'etape de valiation les labels plus grands, utile pour les grandes questions. (Formulaire sondage Ludik)*/
fieldset.validationsondage label{width:20em;margin-right:20px;}
fieldset.validationsondage p{clear:left;padding:30px 0xp 0px 20px;}


/******************************************************
					Bande de couleur
*******************************************************/
/*Formulaire qui utilise : liste emplois offerts)*/
div#texte p.bandechhorsmodule{margin:30px -10px 20px -10px;background-color:#e2f0ee;padding:5px 3px 5px 3px;}
div#texte.emploisville p.bandechhorsmodule, div#texte.emploisville h2.titrebande {background-color:#f6f9e4;}
div#texte.emploisville p.bandechhorsmodule {margin:30px -10px 20px -10px;padding:5px 3px 5px 3px;}




/******************************************************

					Les champs 
					
******************************************************/

div.champ{clear:both;margin-bottom:10px;}
input{width:25.5em;}/*Largeur par defaut de tout les champs*/
input.ch_petit{width:12em;}/*Lorsqu'on desire avoir un champ de plus petite taille ex: numero d'immeuble*/

div.nousjoindre input, div.nousjoindre textarea, div#form_abonnement_loisirs input, div#form_nidspoule textArea {width:25em;}
html>body div.nousjoindre textarea, html>body div#form_nidspoule textarea, textarea#ctl00_ctl00_contenu_texte_page_frmTest_Message{width:25.5em;}

/******************************************************
					Champs texte : textarea
*******************************************************/
textarea{min-height:100px;height:100px;}/*grosseur par defaut*/
fieldset.fieldset_questions label{width:42em;padding-left:0px;}
fieldset.fieldset_questions textarea{width:38em;}


#bulletin textarea{width:25em;}
#fieldset.p{padding-left:25px;}

/******************************************************
					Boite a cocher
*******************************************************/
.zone_cac input,.zone_cac span input,.zonecac_petitretrait input{width:auto;margin:0px;padding:0px;}
.zone_cac label,.zonecac_petitretrait label{padding-left:0px;float:none;font-weight:normal;margin-right:20px;text-align:left;width:auto;}

.zone_cac{width:30em;margin:0px 0px 5px 17em!important;margin:0px 0px 3px 17em;margin-bottom:5px;}
.zonecac_petitretrait{width:30em;margin:0px 0px 5px 3em;margin-bottom:5px;}

.zone_cac_pleinelargeur{clear:both;}
.zone_cac_pleinelargeur label{width:30em;padding-left:0px;float:none;}
.zone_cac_pleinelargeur input{width:auto;}

.zone_cac_note{font-size:90%;margin-left:3em;
}
p.caslabeldroit input.danstexte{width:auto;} /*Utile pour les cases a cocher en début d'un paragraphe. Ex : dans les J'accepte...*/


/******************************************************
				Bouton radio
*******************************************************/



/*******************************************************
			Champs numéros de téléphone 
********************************************************/
div.ch_numtel input, div.ch_numtel div input, div#ch_numtel input{width:40px;/*background-color:aqua;*/}	
div.ch_numtel div.exemple{margin-top:3px;} 

div#tel_poste{float:left;margin-top:-24px;margin-right:13px;width:25%;margin-left:178px;}
html>body div#tel_poste{float:left;margin-top:-22px;margin-right:13px;width:25%;margin-left:64%;}
div#tel_poste input{width:70px;}

div#form_concours_oeuvres_art div#tel_poste{margin-left:180px;}

div#form_nidspoule div.ch_numtel input{width:40px;}
div#form_nidspoule div.ch_numtel input.num_poste{width:70px;}


/*******************************************************
			Champs autres, précisez
********************************************************/
p.ch_autre, p.ch_preciser{float:left;padding-left:15em;}
p.ch_autre label, p.ch_preciser label{float:none;margin-right:5px;}

p.ch_preciser textarea{
width:25.5em;margin-left:2em;	
}
/***********************************************
		 Téléchargement de fichiers joints
*************************************************/
p.bt_ajouter_fichier input, p.bt_supprimer input{
	float:right;
	font-size:1.1em;
	width:auto;
	margin:0px 13px 5px 26px!important;
	margin:0px 26px 5px 26px;
}
select#ctl00_ctl00_contenu_texte_page_NousJoindre1_lst_FichiersAttaches, select.fichiersjoint{height:80px;width:338px;margin-left:17em;/*margin-left:14em!important;*/}


/*****************************************************
						 Exemples
*******************************************************/
.exemple, div.formjoindre_exemple{font-size:90%;color:#6d6867;margin-left:18.5em;margin-bottom:15px;}
div.exemple,div.formjoindre_exemple{margin-top:0px}
div#form_abonnement_exemple.exemple, #form_info_remorquage div.exemple{margin-top:0px;margin-bottom:0px;}