@import url("pages.css");

#bc_zone_texte_page{/*width:740px;*/}

div#menu_section{margin:0px;padding:0px;width:740px}


/* COLONNE PHOTO */
#col1 {float:left;margin:0px;width:300px;}

#col1 p.visuel{margin:0px;padding:0px;width:300px;height:200px;
}
/* COLONNE 2 et 3 */
#col2, #col3{margin:0px;padding:0px;float:left;margin-left:30px;}

#col2 div, #col3 div{margin:0px;margin-bottom:10px;}


/* Listes */
#col2 div ul, #col3 div ul{background-color:white;padding:5px;padding-left:10px;}

#col2 div ul li, #col3 div li{margin-left:15px;margin-bottom:3px;list-style:disc;}


#col1 div ul li a:link, #col2 div ul li a:link,  #col3 div ul li a:link{color:#000000; text-decoration:underline;}
#col1 div ul li a:visited, #col2 div ul li a:visited, #col3 div ul li a:visited {color:#000000; text-decoration:underline;}
#col1 div ul li a:active, #col2 div ul li a:active, #col3 div ul li a:active{color:#000000; font-weight:bold; text-decoration:underline;}
#col1 div ul li a:hover, #col2 div ul li a:hover, #col3 div ul li a:hover{color:#666666; text-decoration:underline; }


/* Couleur h2 */

div#menu_section h2{font-size:1.2em;margin:0px;color:#FFFFFF;font-family: Helvetica,Arial, sans-serif;font-weight:normal; padding:2px;padding-left:8px;margin-top:0px;}


#col1 div h2 a:link, #col2 div h2 a:link, #col3 div h2 a:link{color:white;text-decoration:none;}
#col1 div h2 a:visited, #col2 div h2 a:visited, #col3 div h2 a:visited{color:white;text-decoration:none;}
#col1 div h2 a:link, #col2 div h2 a:link, #col3 div h2 a:link{color:white;text-decoration:none;}
#col1 div h2 a:hover, #col2 div h2 a:hover, #col3 div h2 a:hover{color:white;text-decoration:underline;}


/* Module citoyens */
#bc_zone_texte_page.citoyens h2{background-color:#99cc66;}

#bc_zone_texte_page.citoyens div#menu_section{width:740px;}



/* Page police */
div#menu_section.polices div#col1 p{background-image:url(/citoyens/protection_publique/police/img/visuel_police.jpg);	}
div#menu_section.polices div#col2{width:220px;background-color:#FFFFFF;padding:10px;margin-right:0px;margin-left:0px;}
div#menu_section.polices div#col2 a:link {color:#21578a;text-decoration:underline;}
div#menu_section.polices div#col2 a:visited {color:#21578a;text-decoration:underline;}
div#menu_section.polices div#col2 a:active {color:#21578a;text-decoration:underline;}
div#menu_section.polices div#col2 a:hover {color:#666666;text-decoration:underline;}

div#menu_section.polices div#col2 h3 a:link{color:#000000;text-decoration:none;}
div#menu_section.polices div#col2 h3 a:visited{color:#000000;text-decoration:none;}
div#menu_section.polices div#col2 h3 a:active {color:#000000;text-decoration:none;}
div#menu_section.polices div#col2 h3 a:hover{color:#666666;text-decoration:underline;}

div#menu_section.polices div#col3{width:170px;margin-right:0px;}


/* Page protection contre l'incendie */
div#menu_section.pompiers div#col1{width:300px;background-color:#FFFFFF;padding:10px;margin-left:0px;}
 /* (retiré à cause de l'encadré qui est dans la colonne 1) p{background-image:url(/citoyens/protection_publique/pompiers/img/img_pompier.jpg);	}*/
div#menu_section.pompiers div#col2{width:300px;background-color:#FFFFFF;padding:10px;margin-left:0px;}
div#menu_section.pompiers div#col2 a:link {color:#21578a;text-decoration:underline;}
div#menu_section.pompiers div#col2 a:visited {color:#21578a;text-decoration:underline;}
div#menu_section.pompiers div#col2 a:active {color:#21578a;text-decoration:underline;}
div#menu_section.pompiers div#col2 a:hover {color:#666666;text-decoration:underline;}
div#menu_section.pompiers div#col3{width:170px;margin-right:0px;}



/*dl.liste_personnes{margin:0px;height:109px}
dl.liste_personnes dd{margin-bottom:3px;}
dl.liste_personnes dt{
float:left;padding:5px 5px 0px 0px;
}*/





/* Module à propos */
#bande_contenu.apropos h2{background-color:#89a4bd;}


/* Page élus à l'oeuvre */
div#menu_section.elus_oeuvre div#col1 p{background-image:url(/apropos/vie_democratique/elus/img/ph_elus_oeuvre.jpg);}
div#menu_section.elus_oeuvre div#col2{width:180px;}

div#calendrier_politique{background-color:#FFFFFF;height:271px;margin-bottom:10px;}
div#calendrier_politique ul{margin:0px;padding:5px;list-style:none;margin-left:5px;}
div#calendrier_politique h3{margin:0px;padding:0px;}
div#calendrier_politique ul li{margin-bottom:3px;list-style:none;margin-left:0px;}
div#calendrier_politique ul li ul{margin:0px;margin-left:10px;list-style:disc;}
div#calendrier_politique ul li ul li{list-style:disc;
}
html>body #calendrier_politique { /* Hack pour les autres navs. pousse le bas de page en bas de la fenêtre */
height: auto;min-height: 271px;
} 

*+html #calendrier_politique {/* pour IE 7 */
	min-height : 271px;
}

div.lien_participation_citoyenne{width:180px; float:right;} 


/* Page participation citoyenne */
div#menu_section.part_citoyenne div#col1 p{background-image:url(/apropos/vie_democratique/participation_citoyenne/img/ph_participation_citoyenne.jpg);}
div#menu_section.part_citoyenne div#col2{width:180px;}
div#menu_section.part_citoyenne div#col3{width:200px;}



/* Page services municipaux */
div#menu_section.services_municipaux div#col1 p{background-image:url(/apropos/administration/services_organismes_municipaux/img/ph_services_organismes.jpg);}
div#menu_section.services_municipaux div#col2{width:300px;background-color:#FFFFFF;padding:10px;}
div#menu_section.services_municipaux div#col3{width:200px;}


/* Page implication environnement */
div#menu_section.imp_environnement div#col1 p{background-image:url(/apropos/ville_engagee/environnement/img/ph_environnement.jpg);}
div#menu_section.imp_environnement div#col2{float:left;width:265px;background-color:#FFFFFF;padding:10px;margin-left:0px;}
div#menu_section.imp_environnement div#col3{width:125px;}