*{padding:0; margin:0;}
body {background-image:url(images/bg_body.jpg); background-repeat:repeat-x; font-family: arial, sans-serif; font-size: 11px; background-color:white; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  
.clearleft { clear:left; height:0; font-size: 1px; line-height: 0px;}  
.wrapper {width:1031px; margin:0 auto; padding-bottom:20px;}
fieldset {border:none;}
 li a {color:white;  text-decoration:none;}
#leftColumn li a {text-transform:uppercase; }
img {border:none;}
h2 {font-size:21px; font-weight:normal; padding-right:15px;}
h3 {width:100%; font-size:29px; font-weight:normal; text-decoration:none; }
h4 {font-size:125%;}
.municipalite h2 {color:black;}
.municipalite {display:block; width:157px; height:87px; padding:5px; margin-top:3px;}
.municipalite:hover {background-image:url(images/bg_municipale_ov.jpg);background-position:bottom;}
div.titre {height:36px; background-image:url(images/bg_titre.jpg); width:1031px;}
div.titre h3 {width:auto; margin-right:302px; display:block; float:right; color:white; font-size: 26px; background-color:#b40101; height:35px; border-left:2px solid white; border-bottom:1px solid white; border-right:2px solid white; padding:0 10px;}
p#adresse {color:white; width:261px; margin-left:-50px;font-size:12px; font-weight:bold; float:left;  position:relative; top:40px; left:55px;}
p#adresse a {color:white;}
p#adresse a:visited {color:white;}

#nouvellesBref {border-top:2px solid black; margin-top:-2px;}
#nouvellesBref ul {list-style-type:none;}
#nouvellesBref li a {color:black; }
#nouvellesBref li a:hover {color:#ac0000;}
#nouvellesBref li {border-top:1px solid #999999; padding:5px; font-weight:bold;}

#content { padding:10px 0px; margin-bottom:0px;}

#header {background-image:url(images/bg_header.jpg); background-repeat:no-repeat; background-position:50% 0; height:199px;}
#header a#logo {display:block; height:100px; width:300px; position:relative; top:20px; float:left;}
#header form {float:right; padding:5px 0 0; }
#header form input, #header form label {color:white; padding:0px 3px 0;}
#header #recherche{color: black;}
#header form input[type=submit]{border:none; background-color:transparent; width:15px; height:15px; cursor:pointer; text-align:center; background-image:url(images/btn_rechercher.gif); background-repeat:no-repeat; background-position:center;}

#header #menuTop {  float:right; list-style-type:none; padding-right:30px;}
#header #menuTop li {float:left; color:white; padding:10px 4px; font-weight:bold;}
#header #menuTop a {}
#header .pub {float:right; margin-top:-64px; height:162px;}
#header .pub a {float:left; margin:30px 0 0 5px;}
#header .pub a img {height:90px; width:726px; border:none;}

#menuVilles {list-style-type:none; margin-left:-2px; padding-top:5px; font-size:10px; font-weight:bold;}
#menuVilles li{float:left; width:167px; padding:0 2px 0 2px;}
#menuVilles a.nomVille{ display:block; text-align:center; font-size:11px; text-transform:uppercase; font-weight:bold; width:167px; height:20px; background-image:url(images/bg_nom_ville.jpg); line-height:20px;}
#menuVilles a.nomVille:hover {background-image:url(images/bg_nom_ville_ov.jpg);}
#menuVilles a img {max-width:162px; margin:0px auto;  display:block;}
#menuVilles a.lire {font-size:10px; color:black; text-transform:none; font-weight:bold;}
#menuVilles a.lire:hover {text-decoration:underline;}
#menuVilles h2 {padding-bottom:6px; font-size:16px; }
.pub img {width:100%;}

/* CONTENT */
#leftColumn {float:left; width:162px}
#leftColumn #leftMenu {list-style-type:none; padding-bottom:10px;}
#leftColumn #leftMenu li {padding:2px 0;}
#leftColumn #leftMenu a{ font-size:12px; font-weight:bold; display:block; padding-left:13px; width:150px; letter-spacing:-1px; height:20px; background-image:url(images/bg_menu_gauche.jpg); line-height:20px;}
#leftColumn #leftMenu a:hover {background-image:url(images/bg_menu_gauche_ov.jpg);}
#pa {background-image:url(images/pa.jpg); background-repeat:no-repeat; background-position:left top; padding:0px 15px 0 0; margin:10px 0 0 0;}
#pa h1 {font-weight:bold; font-size:12px; font-family:verdana, arial, "sans-serif";}
#pa .date {font-size:10px; padding-top:5px !important;}
#pa p {padding:10px 0;}

#centerColumn {float:left; width:548px; padding:2px 10px;}
#centerColumn img.manchette {display:block; margin:0 auto 10px;}
#centerColumn p {padding:10px 0 0 px;}
#centerColumn  a.suite {display:block; float:left; text-decoration:none; color:black; font-weight:bold; margin: 10px 0 3px 0;}
a.suite:hover {text-decoration:underline !important;}
#centerColumn .pub img {width:100%;}
.autreNouvelle {width:100%px; border-bottom:1px solid #999999}
.autreNouvelle img { width: 150px; float: left; margin: 0px 5px 5px 0; display: block;}
.autreNouvelle .pas_image{width: 360px; float: right;}
.autreNouvelle h1 {font-size:17px !important; font-weight:bold !important; margin-top:15px; margin-bottom:5px;}

 
#rightColumn {float:left; width:162px; margin-top:2px; color:white; }
#rightColumn h2 {font-size:13px; font-weight:bold; padding:10px  8px; border-top:3px solid white; background-color:#7f0000;}
#rightColumn p {padding:6px 8px 10px;}
#rightColumn a.suite {display:block; text-decoration:none; color:white; font-weight:bold; margin:10px 8px 0 8px;}
#rightColumn p.date {padding:0 8px 10px 8px; }
#horreur {width:100%; background-image:url(images/bg_horreur.jpg); background-color:black; background-repeat:no-repeat; background-position:top; padding-top:60px;}
#horreur img {width:148px; display:block; margin:0 auto 10px;}
#horreur p img {width:86px !important; display:inline !important; margin:0px !important; }
#pubColumn {float:left; width:132px; margin:2px 0 2px 4px;}

#pubColumn  img {width:100%; }
#pubColumn a {margin:10px 0; display:block; }
#repertoire {width:100%; background-color:#b40101;  color:white; text-decoration:none; font-weight:bold; text-align: center; font-size:18px; padding:8px 0; line-height:20px;}
#repertoire:hover {background-color:black;}
#repertoire span {font-size:19px; }

#photos {background-color:black;  color:white; padding-left:3px;}
#photos h1 {text-transform:uppercase; font-size:28px; padding:3px;}
#photos h1 span {font-size:10px; display:block; margin-top:-5px;}
#photos img.petite {float:left; width:73px; margin:2px; display:block;}
a.voir{ display:block; padding:2px 0px 2px 3px; text-decoration:none;  background-position: right center; height:20px; background-image:url(images/bg_voir_photo.jpg); line-height:20px; color:white;}
a.noir{text-transform:uppercase; margin-top:5px;  display:block; padding:2px 0px 2px 3px; text-decoration:none;  background-position: right center; height:20px; background-image:url(images/bg_voir_photo_quebec.jpg); line-height:20px; color:white;}

#centerColumn .listing_galerie{width: 490px; margin: auto;}
.listing_galerie img{display: block; float: left; width: 100px; margin-right: 5px;}
#centerColumn .listing_galerie p{padding: 0;}
#centerColumn .lien_list{width: 100%; text-align: right;}
#centerColumn .listing_galerie h2{margin-bottom: 10px;}
.listing_galerie{border-bottom: 1px dashed #B40101;}
.listing_galerie .clear_listing{height: 10px; clear: both;}

#img_medium{cursor: pointer;}
.vote{font-size: 18px; color: #B40101; font-weight: bold;}
#vote li{text-decoration: none; display: inline;}
#form_vote{margin-top:25px; border: 2px solid #E8E8E8; width: 300px; margin: auto; padding-left: 15px;}
#btn_vote{display:block; float:left; margin-left:258px; margin-top:-21px;}
#link_vote{color: white; text-decoration: none; float:right; font-weight:bold; font-size:18px; position:relative; left:-15px;}


.flecheDroite, .flecheGauche  {display:inline-block; width:32px; height:32px; position:relative; top:30px;}
.flecheDroite {background-image:url(images/carre_fleche_droite.png); float:right; left:-10px;}
.flecheGauche {background-image:url(images/carre_fleche_gauche.png); float:left; left:10px;}
.top_negatif{margin-top:-15px;}
#horreur{position: relative;}
#etoile_vote{left:4px; position:absolute; margin-top:19px;}
.link_etoile{display: block; float:left; width: 15px; margin-top:-14px; height: 15px;  left: 9px;  }

.linsting_annonce_cat{color: black; font-weight: bold; font-size: 12px;}


.linsting_annonce{width: 240px; float: left; padding: 5px; margin-top:0px; padding:10px;}
.cat_annonce_list h1{font-size: 12px;}
.cat_annonce_list{margin-top: -15px; margin-left: 25px;}
.cat_annonce_list a{text-decoration: none;}
.cat_annonce_list a:hover{text-decoration: underline;}

.lien_annonce{text-decoration: none; color: #B40101;}
.lien_annonce:hover{text-decoration: underline;}

#petitesAnnonces {text-align:center; display:block; width:100%; font-weight:bold; font-size:15px; text-decoration:none; color:black; letter-spacing:-1px; }
#petitesAnnonces:visited {color:black;}
#petitesAnnonces:hover {color:#B40101;}
#petitesAnnonces span {font-size:24px;}

.plan_du_site{text-align: center;}
.plan_du_site a{color: black; text-decoration: none;}
.plan_du_site a:hover{text-decoration: underline;}
.plan_du_site ul{list-style-type: none; margin-bottom: 15px;}
.plan_du_site .titre_plan{font-weight: bold; color: #B40101; font-size: 15px;}

#horreur a.plus {color:white; position:relative; font-family:"myriad pro"; top:-10px; font-size:11px; text-decoration:underline; display:block; padding:0px 5px 10px;}

#listing_news td {padding:10px; }

div.cropSmall {height: 118px; overflow: hidden; background-color:black; margin-top:3px;} 

div.cropSmall img { height:118px; margin:0 auto; border:none !important; Xwidth: 162px;}

div.cropBig {max-height: 4500px; width: 530px; overflow: hidden;  float:right; border-width:0px; border-style:solid;  color:black; }

div.cropBig img { border:none !important; max-width: 530px; max-height:450px;}

#footer_helios{clear:both; width: 355px; font-size:11px; color: #999999; text-align: right; margin: auto;}
#footer_helios a{color: #B40101; text-decoration: none;}
#footer_helios:hover {text-decoration: underline;}

 
#listeRepertoire {padding-left:30px; padding-top:10px;}
#listeRepertoire li {font-size:12px; margin:3px;}

/*div.cropSmall {height: 118px;width:162px;overflow: hidden; float:right; border-width:1px; border-style:solid;  color:black; }

div.cropSmall img { min-height:118px; border:none !important; width: 162px;}

div.cropBig {height: 150px;width: 200px;overflow: hidden; float:right; border-width:1px; border-style:solid;  color:black; }

div.cropBig img { min-height:150px; border:none !important; width: 200px;}