/****************************************************************/
/*************** Styles COMMUNS à toutes les pages **************/
/****************************************************************/
html {overflow-y: scroll;}

body {
  margin:0;  
  padding:0;
  background:#5f5235 url(../images/arriere_plan.gif) top left repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#333300;
}

#conteneur {
  width:976px;
  background-color:#f5f3eb;
  margin-left:auto;
  margin-right:auto;
  
}
html>body #bordures {
  height:auto;
}

#bordures {
  float:left;
  width:974px;
  border-left:1px solid #291f0e;
  border-right:1px solid #291f0e;
  height:500px;
  min-height:500px;
  position:relative;
}

#colonne_gauche {
  float:left;
  width:215px;
  margin:0;
  padding:0;
  border-bottom:1px solid #f5f3eb;
}

/****************************************************************/
/* Éléments de contenu de la colonne principale */
/****************************************************************/
#contenu table, #contenu td, #contenu th {
  margin:0;
  padding:0;
  border:0;
  border-collapse:collapse;
  vertical-align:top;
}

#contenu p, #contenu_onglets p {
  margin:0.2em 0 0.5em 0;
  padding:0;
}

#contenu_onglets h1.urgence, #contenu_onglets h2.urgence, #contenu_onglets h3.urgence, #contenu_onglets h4.urgence, #contenu_onglets h5.urgence, #contenu_onglets h6.urgence, #contenu_onglets p.urgence, #contenu_onglets span.urgence,
#contenu h1.urgence, #contenu h2.urgence, #contenu h3.urgence, #contenu h4.urgence, #contenu h5.urgence, #contenu h6.urgence, #contenu p.urgence, #contenu span.urgence {
  color:#CC0000;
}
#contenu h1, #contenu_onglets h1 {
  margin:0 0 0 0;
  padding:0;
  color:#3d5e94;
  font-weight:normal;
  font-size:160%;
}

#contenu h2, #contenu_onglets h2 {
  margin:1em 0 0 0;
  padding:0;
  color:#313301;
  font-size:135%;
}

#contenu h3, #contenu_onglets h3 {
  margin:1em 0 0 0;
  padding:0;
  color:#6f6141;
  font-weight:bold;
  font-size:125%;
}

#contenu h4, #contenu_onglets h4 {
  margin:1em 0 0 0;
  padding:0;
  color:#313301;
  font-weight:bold;
  font-size:100%;
}

#contenu h5, #contenu_onglets h5 {
  margin:1em 0 0 0;
  padding:0;
  color:#313301;
  font-weight:normal;
  font-size:100%;
}

#contenu h6, #contenu_onglets h6 {
  margin:1em 0 0 0;
  padding:0;
  color:#313301;
  font-weight:normal;
  font-size:100%;
}

#contenu ul, #contenu_onglets ul {
  margin:0 0 0.5em 0;
  padding:0;
  list-style:none;
}

#contenu ul li, #contenu_onglets ul li {
  margin:0.7em 0;
  padding:0 0 0 22px;
  background:url(../images/puce.gif) 2px 0.5em no-repeat;
}
html>body #contenu ul li, html>body #contenu_onglets ul li {
  padding:0 0 0 19px;
}

#contenu ul ul, #contenu ol ol, #contenu_onglets ul ul, #contenu_onglets ol ol {
  margin-left:auto;
}

html>body #contenu ul ul, html>body #contenu ol ol, html>body #contenu_onglets ul ul, html>body #contenu_onglets ol ol {
  margin-left:17px;
}

#contenu ul li.liste_ancres {
  margin:0;
  padding:0 0 0 22px;
  background:url(../images/puce_ancre.gif) 2px 0.35em no-repeat;
}
html>body #contenu ul li.liste_ancres {
  padding:0 0 0 19px;
}

#contenu ol, #contenu_onglets ol {
  margin:0 0 0.5em 22px;
  padding:0;
}
html>body #contenu ol, html>body #contenu_onglets ol {
  margin:0 0 0.5em 19px;
  padding:0;
}

#contenu ol li, #contenu_onglets ol li {
  margin:0.7em 0;
  padding:0;
}

#contenu hr, #contenu_onglets hr {
  height:0;
  width:100%;
  border:0;
  border-top:1px solid #ada177;
  padding:0;
  margin:0.5em 0 0.5em 0;
  clear:both;
}

sup {
  vertical-align:text-top;
  font-size:0.9em;
}

/****************************************************************/
/* Divers */
/****************************************************************/
p.haut_page {
  text-align:right;
}
p.haut_page a {
  margin:0;
  padding:0 0 0 10px;
  background:url(../images/haut_page.gif) 0 0.2em no-repeat;
  text-decoration:none;
  color:#9b9063;
}
p.haut_page a:hover {
  text-decoration:underline;
  color:#9b9063;
}

a.courriel {
  margin:0;
  padding:1px 0 1px 20px;
  background:url(../images/courriel.gif) 0 0.2em no-repeat;
  text-decoration:none;
}
a.courriel:hover {
  text-decoration:underline;
}

a.pdf {
  margin:0;
  padding:3px 0 3px 20px;
  background:url(../images/icone_pdf.gif) 0 0.2em no-repeat;
  text-decoration:none;
}

a.pdf:hover {
  text-decoration:underline;
}

#contenu .prix {
  font-style:italic;
  padding-left: 18px;
  padding-top:2px;
  padding-bottom:1px;
  background:url(../images/ribbon.gif) 0 0 no-repeat;
}

#contenu p.categorie {
  /*margin:0 0 0 0;
  padding:0;*/
  margin-top:0;
  color:#ada177;
}

.bouton, #carte_recherche .bt_carte, .formbuttons input {
  margin:0;
  padding:0;
  border:1px solid #9b9062;
  color:#FFFFFF;
  background:url(../images/fond_boutons.gif) 0 50% repeat-x #9b9062;
  cursor:pointer;
  font-size:1em;
}

.bt_recherche a {
  margin:0;
  padding:2px;
  display:block;
  border:1px solid #9b9062;
  color:#FFFFFF;
  background:url(../images/fond_boutons.gif) 0 50% repeat-x #9b9062;
  cursor:pointer;
  text-decoration:none;
}

.bt_recherche a:hover {
  color:#FFFFFF;
}

div.clear {clear:both;height:1px}

a {
  color:#668833;
  text-decoration:underline;
}

a:hover {
  color:#006733;
}

img {
  border:0;
}

form, input, select {
  margin:0;
  padding:0;
}

input, select, textarea {
  font-size:1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.texte_plus_gros {
  font-size:130%;
}

.texte_plus_petit {
  font-size:80%;
}

.image_gauche, #conteneur .csc-textpic-intext-left-nowrap img {
  float:left;
  margin:4px 10px 10px 0;
}

.image_droite, #conteneur .csc-textpic-intext-right-nowrap img {
  float:right;
  margin:4px 0 10px 10px;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text{ margin-right:10px;}
.csc-textpic-intext-left-nowrap .csc-textpic-text{ margin-lefT:10px;}

.image_normale {
  float:none;
  margin:4px 0 1px 1px;
}

.image_gauche, .image_droite, .image_normale, p.image_centre img, #conteneur div.csc-textpic img {
  padding:4px;
  background-color:#FFFFFF;
  border:1px solid #dedacb;
}

p.image_centre{
  text-align:center
}

noscript {
  color:#CC0000;
  font-weight:bold;
}

.urgence {
  color:#CC0000;
}

/****************************************************************/
/* Pages de premier niveau (4 sections principales) */
/****************************************************************/
#contenu #niv1 {
  margin:0;
  padding:0;
  width:100%;
  border-collapse:collapse;
}
      
#contenu #niv1 td {
  margin:0;
  padding:0;
}
      
#contenu #niv1 td.col1, #contenu #niv1 td.col3 {
  margin:0;
  padding:0;
  width:49%;
}
      
#contenu #niv1 td.col2 {
  width:2%;
}
      
#contenu #niv1 td h2 {
  padding-top:10px;
  color:#3d5e94;
  font-size:1em;
  border-top:1px solid #ada177;
}

/****************************************************************/
/* Formulaires */
/****************************************************************/

#contenu .champ_erreur {
  border:2px solid #CC0000;
}

#contenu .obligatoire, #contenu .required {
 color:#CC0000;
}

#contenu table.form {
  margin:0 0 2em 0;
  padding:0;
  width:100%;
  border:1px solid #ccc0aa;
  border-left:0;
  border-right:0;
  border-collapse:collapse;
}

#contenu .form th {
  margin:0;
  padding:8px 4px 4px 4px;
  width:25%;
  text-align:right;
  font-weight:normal;
  border-bottom:1px dashed #ccc0aa;
  vertical-align:top;
}

#contenu .form td {
  margin:0;
  padding:4px;
  border-bottom:1px dashed #ccc0aa;
  vertical-align:top;
}

#contenu .form_moyen {
  width:50%;
}

#contenu .form_large {
  width:99%;
}

/****************************************************************/
/* Tableau de données */
/****************************************************************/
#contenu table.tableau_donnees {
  margin:1em 0 1em 1px;
  padding:0;
  border-collapse:collapse;
}
#contenu table.tableau_donnees th {
  margin:0;
  padding:4px;
  border:1px solid #ada177;
  background-color:#dfdac8;
}
#contenu table.tableau_donnees td {
  margin:0;
  padding:4px;
  border:1px solid #ada177;
  background-color:#eae7da;
}
#contenu table.tableau_donnees td p, #contenu table.tableau_donnees th p {
  margin:0;
}

/****************************************************************/
/* Questionnaire */
/****************************************************************/    
div.formbuttons {
  margin:10px 0;
}
    
fieldset {
  margin:10px 0;
  padding:10px;
  border:1px solid #ada177;
  width:522px;
}
#col2 fieldset {
  width:717px;
}
    
legend {
  margin:0;
  padding:0 10px;
  color:#313301;
  font-weight:normal;
  font-size:130%;
}
    
.questionNumber {
  /*display:none;*/
}
    
p.quest_checkbox input {
  margin:-4px 5px -4px -4px;
  padding:0;
  float:left;
  height:25px;
}
html>body p.quest_checkbox input {
  margin:0 10px 0 0;
  height:15px;
}
    
p.quest_radio input {
  margin:-4px 5px -4px -4px;
  padding:0;
  float:left;
  height:25px;
}
html>body p.quest_radio input {
  margin:0 10px 0 0;
  height:15px;
}
    
p.quest_radio_hor input {
  margin:0 5px 0 0;
  padding:0;
}
html>body p.quest_radio_hor input {
  margin:0 10px 0 0;
}
p.quest_radio_hor label {
  margin:0 20px 0 0;
  padding:0;
}
    
.additional_ver textarea {
  width:516px;
}
#col2 .additional_ver textarea {
  width:711px;
}
    
.quest_small {
  width:25%;
}
    
.quest_medium {
  width:50%;
}
    
.quest_large {
  width:516px;
  max-width:516px;
}
#col2 .quest_large {
  width:711px;
  max-width:711px;
}
    
#contenu table.quest_matrix {
  margin:1em 0;
  padding:0;
  width:100%;
  border:1px solid #ada177;
  border-collapse:collapse;
}
#contenu table.quest_matrix th {
  margin:0;
  padding:4px;
  background-color:#ada177;
  color:#FFFFFF;
  vertical-align:bottom;
}
#contenu table.quest_matrix td {
  margin:0;
  padding:4px;
  text-align:center;
}
#contenu table.quest_matrix td.columnFirst {
  text-align:left
}
.surveyrow_even {
  background-color:#eae7da;
}
    
.surveyrow_odd {
  background-color:#dfdac8;
}
    
#contenu table.quest_table {
  margin:1em 0 0 0;
  padding:0;
  width:auto;
  border:0;
  border-collapse:collapse;
}
#contenu table.quest_table th {
  margin:0;
  padding:4px 4px 4px 0;
  text-align:left;
}
#contenu table.quest_table td {
  margin:0;
  padding:4px;
  text-align:left;
}

/****************************************************************/
/* Colonne de droite */
/****************************************************************/
#colonne_droite {
  float:left;
  /*width:175px;*/
  width:185px;
  margin:0;
  /*padding:0 20px 0 20px;*/
  padding:0 15px 0 15px;
  border-bottom:1px solid #f5f3eb;
  overflow:visible;
}

#colonne_droite hr {
  margin:0;
  padding:0;
  height:0;
  border:0;
  border-top:1px solid #d1cab1;
}
html>body #colonne_droite hr {
  margin:1em 0;
}

#colonne_droite h2 {
  margin:0 0 0.5em 0;
  padding:0;
  font-size:1.2em;
  font-weight:bold;
  color:#3d5e94;
}

#colonne_droite p {
  margin:0.5em 0 0.5em 0;
  padding:0;
}

#colonne_droite ul {
  margin:0;
  padding:0;
  list-style:none;
}

#colonne_droite ul li {
  margin:0;
  padding:0 0 0 10px;
  background:url(../images/puce.gif) 0 0.5em no-repeat;
}

#colonne_droite a {
  color:#668833;
  text-decoration:none;
}

#colonne_droite a:hover {
  color:#668833;
  text-decoration:underline;
}

#colonne_droite select {
  width:100%;
  color:#333300;
  border:1px solid #9c8f64;
  font-size:100%;
}

/****************************************************************/
/* Entete */
/****************************************************************/
#entete{
  margin:0;
  padding:1px 1px 0 1px;
  background:url(../images/fond_degrade_header.gif) 0 0 repeat-x;
}

#logo{
  margin: 9px 0 5px 18px;
  float:left;
}

/****************************************************************/
/* Menu utilitaire (Accueil, Plan du site, Nous joindre, etc... */
/****************************************************************/
#menu_haut ul{
  margin:0; 
  padding:12px 0 0 0;
  float:right;
  height:25px;
}
#menu_haut li{
  margin:0 ; 
  padding:4px 9px 4px 9px;
  display:inline;
  float:left;
  border-right:1px solid #d1cab1;
}
#menu_haut li a{
  text-decoration:none;
  color:#333300;
}
#menu_haut li a:hover{
  text-decoration:underline;
}

/****************************************************************/
/* Champs de recherche */
/****************************************************************/
#recherche {
  margin:0; 
  padding:11px 23px 0 11px;
  float:right;
}
#recherche form{
  margin:0;
  padding:0;
}
#recherche input{
  margin:0;
  padding:2px 3px 3px 3px;
  font-size:1em;
  border:1px solid #9c8f64;
  width:94px;
  color:#333300;
}
#recherche input.btn_recherche{
  margin:1px 0 0 0;
  padding:0;
  width:18px;
  vertical-align:top;
}
html>body #recherche input.btn_recherche{
  margin:0;
}

/****************************************************************/
/* Utilitaires */
/****************************************************************/
#utilitaires{
  margin:0;
  padding:20px 25px 0 0;
  clear:right;
  float:right;
}
#utilitaires p {
  margin:0;
  padding:0;
}
#utilitaires a{
  margin:0 0 0 10px;
  padding:0;
}

/****************************************************************/
/* Menu principal */
/****************************************************************/
#menu_principal {
  margin:0;
  padding:0;
}
#menu_principal ul {
  margin:0;
  padding:0 0 0 18px;
  clear:both;
  height:30px;
  background:url(../images/fond_menu_principal.gif) top repeat-x;
}
#menu_principal li{
  margin:0;
  padding:0;
  display:inline;
  float:left;
  position:relative;
  z-index:100;
}
#menu_principal li a {
  margin:0;
  padding:0;
  display:block;
  width:185px;
  height:30px;
  background-position:0 0;
  background-repeat:no-repeat;
}
#menu_principal li a span {
  display:none;
}

/* Menu français */
#menu_principal ul#fr li a.menu_id5, #menu_principal ul#fr li.hide_onglet a.menu_id5 {
  background:url(../images/menu_principal/vivreMontroyal_off.gif);
}
#menu_principal ul#fr li a.menu_id13 {
  background:url(../images/menu_principal/municipalite_off.gif);
}
#menu_principal ul#fr li a.menu_id4 {
  background:url(../images/menu_principal/servicesResidents_off.gif);
}
#menu_principal ul#fr li a.menu_id14 {
  background:url(../images/menu_principal/servicesEntreprises_off.gif);
}
#menu_principal ul#fr li a.menu_id6 {
  background:url(../images/menu_principal/formulairesPublications_off.gif); z-index:999;
}

/* Menu anglais */
#menu_principal ul#en li a.menu_id5, #menu_principal ul#en li.hide_onglet a.menu_id5 {
  background:url(../images/menu_principal/vivreMontroyal_off_en.gif);
}
#menu_principal ul#en li a.menu_id13 {
  background:url(../images/menu_principal/municipalite_off_en.gif);
}
#menu_principal ul#en li a.menu_id4 {
  background:url(../images/menu_principal/servicesResidents_off_en.gif);
}
#menu_principal ul#en li a.menu_id14 {
  background:url(../images/menu_principal/servicesEntreprises_off_en.gif);
}
#menu_principal ul#en li a.menu_id6 {
  background:url(../images/menu_principal/formulairesPublications_off_en.gif);
}


#menu_principal ul#fr li:hover a, #menu_principal ul#fr li a:hover, #menu_principal ul#fr #onglet_actif a, #menu_principal ul#fr #onglet_survol a, #menu_principal ul#fr #onglet_ouvert a, #menu_principal ul#en li:hover a, #menu_principal ul#en li a:hover, #menu_principal ul#en #onglet_actif a, #menu_principal ul#en #onglet_survol a, #menu_principal ul#en #onglet_ouvert a {
  background-position:0 -40px;
}
#menu_principal ul#fr li.hover_menu a, #menu_principal ul#en li.hover_menu a {
  background-position:0 -40px;
}

#menu_principal ul#en #onglet_ouvert.hide_onglet a, #menu_principal ul#fr #onglet_ouvert.hide_onglet a{
  background-position:0 0;

}




/* Menu principal (sous-menu) */
#menu_principal li#onglet_ouvert ul {
  visibility:visible;
}



#menu_principal li ul {
  margin:0;
  padding:0;
  display:block;
  visibility:hidden;
  position:absolute;
  top:20px;
  left:0px;
  z-index:1000;
  background-color:#6d9849;
  color:#ffffff;
  border-top:1px solid #628942;
}
#menu_principal li:hover ul {
  visibility:visible;
}
#menu_principal li ul li {
  margin:0;
  padding:0;
  display:block;
  float:none;
}
#menu_principal li ul li a {
  border:1px solid #628942;
  border-top:0;
  text-decoration:none;
  color:#ffffff;
  padding:3px 5px 4px 10px;
  display:block;
  width:168px;
  height:auto;
  background-color:#6d9849;
}
#menu_principal ul#fr li ul li a:hover, #menu_principal ul#fr li ul li a.actif, #menu_principal ul#en li ul li a:hover, #menu_principal ul#en li ul li a.actif {
  background-color:#006733;
}

#menu_principal .hide_onglet ul {
  visibility:hidden;
  display:none;
}

/****************************************************************/
/* Fil d'ariane */
/****************************************************************/
#fil_ariane {
  margin:0;
  padding:0;
  color:#6f6141;
  clear:both;
  background-color:#f5f3eb;
  height:27px;
  background:url(../images/fond_ariane.gif) repeat-x 0 100%;
}
#fil_ariane p {
  margin:0;
  padding:7px 0 0 20px;
  vertical-align:middle;
}
#fil_ariane a {
  color:#6f6141;
  text-decoration:none;
}
#fil_ariane a:hover {
  text-decoration:underline;
}

/****************************************************************/
/* Corps de la page */
/****************************************************************/
#corps_page {
  margin:20px 0 0 0;
  float:left;
  z-index:500;
}

/****************************************************************/
/* Menu gauche */
/****************************************************************/
#menu_gauche {
  margin:0 20px 0 20px;
  padding:0;
  width:175px;
  display:block;
}
#menu_gauche ul {
  margin:-1px 0 0 0;
  padding:0;
  list-style:none;
  border-collapse:collapse;
  border-top:none;
  width:175px;
}
#menu_gauche li {
  margin:0;
  padding:0;
}
#menu_gauche li a {
  margin:0;
  padding:4px 0 4px 0;
  display:block;
  width:175px;
  text-decoration:none;
  color:#333300;
  border-top:1px solid #d1cab1;
}

#menu_gauche li a:hover {
  text-decoration:underline;
  color:#3d5e94;
}

#menu_gauche li a.actif {
  font-weight:bold;
  color:#3d5e94;
  font-size:1.1em;
}
#menu_gauche li.premier_element {
  border-top:none;
}

#menu_gauche ul ul {
  margin:0 0 5px 0;
  padding:0;
}
#menu_gauche ul ul li {
  margin:0;
  padding:0;
  border:none;
  font-weight:normal;
  background:url(../images/puce_menu.gif) 0 0.8em no-repeat;
}
#menu_gauche ul ul li a  {
  margin:0;
  padding:3px 0 3px 10px;
  width:165px;
  color:#668833;
  border:none;
}
#menu_gauche ul ul li a:hover {
  color:#6f6141;
}
#menu_gauche ul ul li a.actif {
  color:#6f6141;
  font-weight:bold;
  font-size:1em;
}

#menu_gauche ul ul {
  margin:0 0 0 0;
  padding:0;
}
#menu_gauche ul ul ul li  {
  margin-left:10px;
}
#menu_gauche ul ul li a  {
  width:155px;
}
#menu_gauche ul ul ul li a.actif {
  color:#6f6141;
  font-weight:normal;
  font-size:1em;
}

/****************************************************************/
/* Bas de page */
/****************************************************************/
#bas_de_page{
  color:#9c8f64;
  text-align:left;
  width:946px;
  margin:0 auto;
  height:13px;
  padding-top:25px;
  padding-left:30px;
  background:url(../images/fond_bas_de_page.gif) no-repeat center top;
}

/****************************************************************/
/* Copyright */
/****************************************************************/
#copyright {
  height:50px;
  padding-top:38px;
  padding-left:20px;
  background:#5f5235 url(../images/pieddepage.gif) top left no-repeat;
  color:#9c8f64;
  clear:both;
}
/* Copyright de la carte google */
#carteInteractive #copyright{
  height:auto;
  padding:0;
  background:none;
  color:000;
}

/****************************************************************/
/* Carte interactive */
/****************************************************************/
#carte_recherche {
  margin:0 20px 0 0;
  padding:0;
  width:176px;
  float:left;
}

#carte_recherche h2 {
  margin:11px 0 0 0;
}

#carte_recherche input {
  margin:0;
  width:170px;
  font-size:1em;
}

#carte_recherche .bt_carte {
  width:auto;
}

#carte_recherche select {
  margin:0;
  width:176px;
  font-size:1em;
}

#carte_resultats {
  margin:0 20px 0 0;
  padding:0;
  width:365px;
  float:left;
  border:1px solid #ccc0aa;
  background-color:#FFFFFF;
}

#carte_resultats p {
  margin-left:10px;
  margin-right:10px;
}

#carte_resultats h2 {
  margin:10px;
}

#carte_resultats div {
  margin:0;
  padding:0;
  height:272px;
  overflow:auto;
  border-top:1px solid #ccc0aa;
}

#carte_resultats div dl {
  margin:10px;
  padding:0;
}

#carte_resultats div dt {
  margin:2em 0 0 0;
  padding:0;
  font-size:1.2em;
}

#carte_resultats div dd {
  margin:1em 0;
  padding:0;
}

#carte_carte {
  height:349px;
  float:left;
  border:1px solid #ccc0aa;
  overflow:hidden;
}

div .normal {
  width:349px;
}

div .large {
  width:736px;
}

/****************************************************************/
/* Sondage */
/****************************************************************/
#sondage_question {
  margin:1em 0 0 0;
  padding:0;
}

#sondage_question p {
  margin:0.5em 0;
  padding:0;
}

#sondage_question .bouton {
  margin:0.7em 0 0 4px;
  padding:0;
}
html>body #sondage_question .bouton {
  margin:0;
  padding:0;
}

#sondage_resultats p {
  margin:1em 0 1em 0;
  padding:0;
}

#sondage_resultats div {
  margin:0;
  padding:0;
  width:100%;
  background:url(../images/fond_resultats_sondage.gif) 0 1px repeat-x;
}

/****************************************************************/
/* Zone promo */
/****************************************************************/
#zone_promo {
  margin:1px 0 0 0;
  padding:0;
  height:340px;
  color:#FFFFFF;
  background:url(../images/degrade_thematiques.jpg) 0 0 repeat-x;
  background-color:#08295e;
}

*+html #zone_promo {
  /**/
}

div.fond_promo_contenu{
  background:url(../images/degrade_thematiques.jpg) 0 0 repeat-x;
  position:relative; 
  float:left;  
}

#zone_promo a {
  color:#FFFFFF;
  text-decoration:underline;
}

#promo_contenu {
  margin:0;
  padding:0 0 0 215px;
  width:759px;
  background:url(../images/fond_thematiques.jpg) 0 0 no-repeat;
  overflow:hidden;
}

#promo_contenu h1 {
  margin:0;
  padding:20px 0 0 0;
  color:#ffffff;
  font-size:160%;
  font-weight:normal;
}

/****************************************************************/
/* Texte */
/****************************************************************/
#promo_gauche {
  margin:0;
  padding:18px 10px 0 0;
  float:left;
  width:180px;
}
html>body #promo_gauche {
  padding-top:10px;
}

#promo_gauche p {
  margin:0.7em 0;
  padding:0;
}

/****************************************************************/
/* Photo */
/****************************************************************/
#promo_centre {
  margin:0;
  padding:24px 0 20px 14px;
  float:left;
  width:355px;
  background:url(../images/fond_photo_thematiques.gif) 0 7px no-repeat;
}

#album_photo p a img {
  margin:1px;
  padding:2px;
  background-color:#FFFFFF;
}
      
#album_photo p a {
  margin:4px;
  padding:0;
  float:left;
}
      
#album_photo p a.actif {
  margin:2px;
  border:2px solid #ffffff;
}

#album_photo p {
  margin:0;
  padding:0;
}
      
#description {
  margin:0 0 0 5px;
  padding:0;
}

/****************************************************************/
/* Message no-javascript */
/****************************************************************/
#promo_droite {
  margin:0;
  padding:18px 10px 0 0;
  float:left;
  width:180px;
}

/****************************************************************/
/* Vie de Quartier */
/****************************************************************/
table.vieQuartier {
  margin:0;
  padding:0;
  width:543px;
  height:298px;
  border-collapse:collapse;
  border:0;
  background:url(../images/fond_entete_vieQuartier.jpg) 0 0 no-repeat;
}

table.vieQuartier td {
  margin:0;
  padding:0;
  border:0px solid #ff0000;
  vertical-align:top;
}

#contenu table.vieQuartier td h1 {
  margin:28px 0 0 0;
}

table.vieQuartier td img {
  margin:1px;
  padding:2px;
  background-color:#FFFFFF;
  border:1px solid #dedacb;
}

/****************************************************************/
/* Onglets dans la colonne principale */
/****************************************************************/
#onglets, #contenu #onglets {
  margin:0;
  padding:0 0 0 18px;
  background:url(../images/accueil/degrade_onglets.gif) 0 bottom repeat-x;
  font-size:11px;
  letter-spacing:-1px;
}

#contenu #onglets {
  margin-top:10px;
}

#contenu #onglets {
  margin-bottom:15px;
}

#onglets ul, #contenu #onglets ul {
  margin:0;
  padding:0 0 0 2px;
  list-style:none;
  /*width:498px;*/
  height:41px;
  background:url(../images/accueil/bordure_onglets.gif) 0 bottom no-repeat;
}

html>body #onglets ul, html>body #contenu #onglets ul {
  padding:0 0 0 1px;
  /*width:499px;*/
}

#onglets ul li, #contenu #onglets ul li {
  margin:0 0 0 -1px;
  padding:0;
  float:left;
  background:url(../images/accueil/bordure_onglets.gif) right bottom no-repeat;
}

#onglets ul li a, #contenu #onglets ul li a {
  margin:0;
  padding:5px 6px 3px 6px;
  display:block;
  width:90px;
  height:32px;
  color:#333300;
  border-top:1px solid #f5f3eb;
  text-decoration:none;
}

#onglets ul li a:hover, #onglets ul li.actif a, #contenu #onglets ul li a:hover, #contenu #onglets ul li.actif a {
  padding:5px 5px 2px 5px;
  color:#333300;
  background-color:#f5f3eb;
  border:1px solid #d1cab1;
}

#onglets ul li.actif a, #onglets ul li.actif a:hover, #contenu #onglets ul li.actif a, #contenu #onglets ul li.actif a:hover {
  padding:5px 5px 3px 5px;
  border-bottom:0;
}

/****************************************************************/
/* Liste déroulante Règlementation municipale */
/****************************************************************/
#colonne_droite ul#reglementation { 
  padding:0;
  margin:7px 0 0 0;
  height:2em;
  width:100%;
  float: left;
}

#colonne_droite ul#reglementation li {
  padding:0;
  background-image:none;
  position: relative; 
  float:left;
  text-align:left;
  width:100%;
  display:block;
}

#colonne_droite ul#reglementation li a {
  display:block;
  margin:0;
  padding:2px 3px 2px 3px;
  text-decoration:none;
  background-image:url(../images/fond_liste_deroulante.gif);
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  background-position:100% 50%;
  border:1px solid #9c8f63;
  color:#333300;
}

#colonne_droite ul#reglementation li a:hover{
  text-decoration:none; 
  color:#333300;
}

#colonne_droite ul#reglementation li a span{
  display:none;
}

/* Sous-menu de règlementation */
#colonne_droite #reglementation ul { 
  visibility:hidden;
  position: absolute;
  list-style-type:none;
  padding: 0;
  margin: 0;
  border:1px solid #9c8f63;
  width:250px;
}

#colonne_droite #reglementation li li { 
  text-align:left;
  width:235px;
}

#colonne_droite #reglementation ul li a {
  margin:0;
  display: block;
  width:100%;
  border:0;
  padding:4px 5px 4px 10px;
  text-align: left;
  text-decoration:none;
  background-image:none;
  background-color:#FFFFFF;
  color:#333300;
}

#colonne_droite #reglementation li li a:hover {
  color:#FFFFFF;
  background-color:#9c8f63;
  text-decoration:none; 
}



/****************************************************************/
/* Suggestion de livres */
/****************************************************************/

.news-catmenu{ float:left; clear:both; padding-bottom:2em; }
.news-catmenu a{ float:left; margin-right:5px; padding:2px 7px; border: 1px solid #9c8f63; background: #ffffff; text-decoration:none; }
.news-catmenu a:hover, .news-catmenu .actif a{ color:#FFF; background: #b1a881; text-decoration:none; }

.tx-ttnews-browsebox{ text-align: center; clear:both; background: url(../images/accueil/degrade_onglets_bas.gif) repeat-x top left; margin: 15px 0 0; padding: 15px 0 0;}
#contenu .tx-ttnews-browsebox table{ text-align: center; margin:0 auto;}
#contenu .tx-ttnews-browsebox table td{ padding: 0 7px; } 
#contenu .tx-ttnews-browsebox .tx-ttnews-browsebox-SCell a{ color:#3D5E94; font-weight:bold; font-size:1.1em; text-decoration:none; }

.item_archive{ clear:both;background:transparent url(../images/puce.gif) no-repeat scroll 2px 0.5em;
margin:0.7em 0pt;
padding:0pt 0pt 0pt 12px;}
.item_archive p{ display:inline}
.item_archive a{ font-size:1.1em;}


/* lightbox */

.lbimage{ position:relative; }
#conteneur #bordures .iconLb{ position:absolute; padding:0; border:0; top:5px; right:5px; z-index:100px;}


/****************************************************************/
/* Mediatheque */
/****************************************************************/
.flickr_slider {
    background: url("../images/ico_flickr_over.gif") no-repeat right bottom  #F6F6F6;
    border: 1px solid #ECEBEB;
    margin:10px 0;
    padding: 10px;
}

.youtube {
 background: url("../images/ico_youtube_over.gif") no-repeat right bottom #F6F6F6;
    border: 1px solid #ECEBEB;
    margin:10px 0;
    padding: 10px;
}

#contenu .flickr_slider p, #contenu .youtube p {
    background: url("../images/btn_fleche_bleu_lien.png") no-repeat scroll 0 5px transparent;
    font-size: 11px;
    margin-top: 8px;
    padding-bottom: 0;
    padding-left: 10px;
}

.logoArchive {
    float:left;
    margin-right:15px
}

.clearfix {
  width:100%;
  clear:both;
  overflow:hidden;
  height:1px;
}

/****************************************************************/
/* Salle de presse */
/****************************************************************/
.revue_presse_item {
    background:url(../images/puce_menu.gif) left center no-repeat;
    padding-left:10px;
}

.revue_presse_date {
    font-weight:bold;
}

.revue_presse_source {
    font-style:italic;
}
  


/****************************************************************/
/* Like Box Facebook */
/****************************************************************/
.iframeFB {height:305px;width:185px;overflow:hidden;background:#fff; margin-bottom:1em;}


/****************************************************************/
/* Items post-contenu (widget Recommend) */
/****************************************************************/
.postContenuContainer {overflow:hidden;margin-top:2em;width:100%}
.postContenu {position:absolute}