*{padding:0; margin:0;}
body {color:#000000; background-image:url(images/bg_body.jpg);background-position: 50% 0%; background-repeat:repeat-y; font-family: verdana, arial, sans-serif; font-size: 12px; background-color:black; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  
.left {float:left;}
.right {float:right;}
.wrapper {width:980px; margin:0 auto;}
fieldset {border:none;}
a img {border:none;}
 
a {color:black;}
a:visited {color:black;}


#btnmaison{background-image:url(../images/btnmaison.jpg);background-repeat:no-repeat;display:block;width:200px;height:160px;margin:20px 0px 0px 30px;cursor:pointer;}

#btnmaison:hover{margin:20px 0px 0px 20px;cursor:pointer;}

#header { background-image:url(images/bg_header.png);background-position: 50% 0%; height:276px;}
    #topMenu {float:right; list-style-type:none; font-size:10px; font-family:"Trebuchet MS", arial, sans-serif; text-transform:uppercase;}
    #topMenu li{float:left; padding-left:15px; margin:47px 25px 0 0px; background-image:url(images/puce_grise.jpg); background-repeat:no-repeat; background-position:left center;}
    #topMenu a{text-decoration:none; color:black;}
    #topMenu a:hover {color:#a0a0a0;}
    
    #formRechercher {float:right; margin-right:10px; height:33px;}
    #formRechercher #textRecherche {width:150px; height:15px; padding:2px; border:none; position:relative; top:-9px; }
    #formRechercher #submitRecherche {position:relative; top:1px;}
    
    #header .pub {float:right; margin:13px 0px 5px 0;}
    #header .pub .flecheGauche { margin:20px 0 0 7px; display:block; height:29px; width:29px; background-image:url(images/pub_left_arrow.png);}
    #header .pub .flecheDroite { margin:20px 7px 0 0; display:block; height:29px; width:29px; background-image:url(images/pub_right_arrow.png);}
    #header .pub img {display:block;  width:590px; height:75px; border: none; }
    
    #mainNav {list-style-type:none; padding-top:9px;}
    #mainNav li {float:left; position:Relative;}
    #mainNav li a{display:block;  height:44px; }
        #magazine  {width:139px; background-image:url(images/btn_magazine.jpg);}
        #regional {width:139px; background-image:url(images/btn_regional.jpg);}
        #national {width:140px; background-image:url(images/btn_national.jpg);}
        #repertoire  {width:141px; background-image:url(images/btn_repertoire.jpg);}
        #vedette {width:141px; background-image:url(images/btn_vedette.jpg);}
        #visite {width:138px; background-image:url(images/btn_visite.jpg);}
        #immobilier {width:138px; background-image:url(images/btn_thecno.jpg);}
        #abonnement {width:139px ;background-image:url(images/btn_abonnement.jpg);}
        
        #menunouvelles {width:141px; background-image:url(images/btn_nouvelles.jpg);}  
        #trucs {width:140px; background-image:url(images/btn_trucs.jpg);}
        
        #magazine:hover {background-image:url(images/btn_magazine_ov.jpg);}
        #regional:hover {background-image:url(images/btn_regional_ov.jpg);}
        #national:hover {background-image:url(images/btn_national_ov.jpg);}
        #repertoire:hover {background-image:url(images/btn_repertoire_ov.jpg);}
        #vedette:hover {background-image:url(images/btn_vedette_ov.jpg);}
        #visite:hover {background-image:url(images/btn_visite_ov.jpg);}
        #immobilier:hover {width:138px; background-image:url(images/btn_thecno_ov.jpg);}
        #abonnement:hover {background-image:url(images/btn_abonnement_ov.jpg);}
        
         #menunouvelles:hover {background-image:url(images/btn_nouvelles_ov.jpg);}  
        #trucs:hover { background-image:url(images/btn_trucs_ov.jpg);}

#content {}
    #leftColumn {width:269px; float:left; min-height:500px;}
    #leftColumn #leftMenu {list-style-type:none; width:265px; margin-top:-20px; margin-left:3px; }
    
    #leftColumn #leftMenu li {background-image:url(images/bg_menu_left.jpg); background-position:left bottom; padding:8px 10px 15px 35px; background-repeat:no-repeat;}
    #leftColumn #leftMenu li a {text-decoration:none; color:#5c5c5b; font-weight:bold;}
    #leftColumn #leftMenu li a:hover {color:black;}
    #leftColumn #leftMenu ul{list-style-image:url(images/puce_verte.jpg); padding-left:30px;}
    #leftColumn #leftMenu ul li {background-image:none; padding:0px;}
    #leftColumn #leftMenu li ul a {font-weight:normal; font-size:11px;}    
    #leftColumn h2 {color:#565656; font-size:16px; font-weight:bold;}   
       #archives {width:196px; margin:0 auto;}
        #archives h1 {margin-top:10px; }
        #archives h1, #archives a {font-size:16px; font-family:arial; font-weight:bold; color:black; text-transform:uppercase; }
        #archives #regionale ,  #archives #nationale{display:inline-block; height:27px; margin-bottom:-7px; text-decoration:none; text-align:center; }
        #archives #regionale { margin-left:1px; margin-right:3px;width:96px; background-image:url(images/bg_archives_regionales.jpg);}
        #archives #regionale:hover {color:#97c42e; background-image:url(images/bg_archives_regionales_ov.jpg);}
        #archives #nationale {width:96px; background-image:url(images/bg_archives_nationales.jpg);}
        #archives #nationale:hover {color:#97c42e; background-image:url(images/bg_archives_nationales_ov.jpg);}
        #archives img {width:196px; border:1px solid #c3c3c3; margin:0 0 10px 0;}
        #archives .flecheDroite, #archives .flecheGauche  {display:inline-block; width:32px; height:32px;}
        #archives .flecheDroite {background-image:url(images/carre_fleche_droite.png); float:right;}
        #archives .flecheGauche {background-image:url(images/carre_fleche_gauche.png); float:left;}
        #archives p { margin:0 auto; font-size:15px; font-family:arial; text-align:center; padding-top:10px;}
    #leftColumn img.pub {width:250px; border:none; display:block; margin:30px auto 0;}
    
    #centerColumn { float:left; padding:15px 35px 0 35px; width:445px; }
        #centerColumn .grosTitre { background-image:url(images/bg_separator.jpg); padding-bottom:10px; margin-bottom:20px;background-repeat:no-repeat; background-position:left bottom; width:100%; font-size:24px; font-family:arial; text-transform:uppercase; font-weight:bold; color:#565656;}   
        .article {padding-bottom:15px; background-image:url(images/bg_separator.jpg);background-position:left bottom; background-repeat:no-repeat; margin:20px 0px;}
        .article h1 {font-size:14px; color:black; font-weight:normal; font-family:arial; }
        .article img.grosseImage {width:100%; border:4px solid #b2b2af; margin:12px 0;}
        .article img.petiteImage {width:148px; border:1px solid #b2b2af; margin:10px 15px 10px 0; float:left; }
        .article h2 {font-size:16px; color:#757575; font-weight:normal; font-family:arial;}
        .article p {color:black; font-size:11px; margin:10px 0;}
        .article .suite {margin-top:10px;display:block; float:right; position:relative; height:18px; padding-top:6px; padding-right:30px; background-image:url(images/icone_suite.jpg); color:#565656; font-size:11px; background-repeat:no-repeat; background-position:center right; font-weight:bold; text-decoration:none;}
        .article a:hover {color:black;}
        .article .cote {margin-top:10px;display:block; float:right; position:relative; left:-30px; height:20px; padding-top:4px; padding-left:30px; background-image:url(images/icone_etoile.jpg); color:#565656; font-size:13px; background-repeat:no-repeat; background-position:center left; font-weight:bold; text-decoration:none;}
        .article .photos {margin-top:10px;display:block; float:right;position:relative; left:-60px;   height:18px; padding-top:6px; padding-left:30px; background-image:url(images/icone_photo.jpg); color:#565656; font-size:11px; background-repeat:no-repeat; background-position:center left; font-weight:normal; text-decoration:none;}
        .article .commentaires {margin-top:10px;display:block; position:relative; float:left;height:18px; padding-top:6px; padding-left:30px; background-image:url(images/icone_commentaires.jpg); color:#565656; font-size:11px; background-repeat:no-repeat; background-position:center left; font-weight:normal; text-decoration:none;}       
        #centerColumn img.pub {width:468px; border:none; display:block; margin:30px auto;}
    
    #rightColumn {float:left; width:180px;  padding:0 0 0 10px; }
        #rightColumn div {margin-bottom:0px;}
        #rightColumn h1 {font-family:arial;font-size:15px; font-weight:bold; color:#565656;}
        #rightColumn h2 {font-family:arial;font-size:17px; font-weight:normal; color:#565656; margin:20px 0;}
        #calendrier { width:190px;}        
        #calendrier span{display:block; font-size:12px;color:#565656; text-align:center; margin:10px auto; }
        #calendrier span a{ font-size:14px; color:#565656; text-decoration:none; }
        #enKiosque .abonner {display:block; width:113px; height:31px; background-image:url(images/btn_abonne.jpg); float:right; margin:5px 10px;}
        #nouvelles {font-size:10px;}
        #nouvelles ul {list-style-type:none; padding:0 0 0 0px;  color:black; margin:20px 0; }
        #nouvelles ul li {margin:10px 0 ; background-image:url(images/puce_nouvelles.jpg); padding-left:25px; background-repeat:no-repeat; background-position:left 3px;}
        #nouvelles ul li a {display:block;text-decoration:none; color:black; margin:5px 0 0 0;}
        #nouvelles ul li a span {color:#565656; }
        #nouvelles ul li a:hover span {color:black; }
        a.autreNouvelles, .entreprise a {color:#565656; text-decoration:none; float:right; height:15px; padding:5px 30px 0 0; background-image:url(images/suite.jpg); background-repeat:no-repeat; background-position:right; display:block; }
        a.autreNouvelles:Hover, .entreprise a:hover {color:black;}
        #publireportage {padding:10px 0; }
        #publireportage img {width:83px; float:left; margin:15px 0;}
        #publireportage img.left {width:62px; float:left; margin:0px 15px 0px 0;}
        #publireportage p a {color:#565656; text-decoration:none; font-family:arial; font-size:12px; font-weight:bold;  }
        #publireportage p a:hover {color:black;}
        #publireportage h1 {margin-bottom:15px;}
        
#footer {background-image:url(images/bg_footer.png); background-position:50% 100%; height:151px; width:100%;}
    #repertoireEntreprises { font-family: arial;   margin:0px 0 0 0px; position:relative; top:20px; color:#5a5a5a;}
    #repertoireEntreprises div {float:left; position:relative; margin-top:20px;}
    #repertoireEntreprises h1 {font-size:15px;  font-style:italic; margin:0px 0 0 0px; width:100%;}
    #repertoireEntreprises .separator {margin: 15px 10px 0 10px; width:3px; height:62px; background-image:url(images/bg_separator_vertical.jpg); position:relative; top:}
    #repertoireEntreprises  img {width:35px; height:35px; display:block; float:left; margin:0 10px 0 0;}
    #repertoireEntreprises div.entreprise {width:170px; }
     #repertoireEntreprises div.entreprise {float:left;}
    #repertoireEntreprises div.entreprise h2 {font-size:11px; margin:0px; }
    #repertoireEntreprises div.entreprise h3 {font-size:11px; color:black; }
    #repertoireEntreprises div.entreprise h4 {font-size:11px; text-transform :uppercase;}
    a#repertoireComplet {margin:10px 0 0 0px; text-decoration:none; color:#565656; float:left; padding-right:18px; background-image:url(images/suite_petit.jpg); background-repeat: no-repeat; background-position:right;}
    a#repertoireComplet:hover {color:black;}
    #footer #copy {color:white; float:left; margin:115px 0 0 0;}
    #footer #helios {float:right; color:white;margin:100px 0 0 0;}
    #footer #helios img {border:none; }
    #footer #helios span {position:relative; top:-15px; }
    
#galerie{width: 275px; margin-top: 15px; float: right; }
#galerie img{border: none;}
#petiteImage{ height: 95px;}
#grosse_image{max-height: 415px; max-width: 250px;}
#grosseImage{width: 250px; vertical-align: middle; margin: auto;}


#menu_lire_aussi li{background-image:url(images/bg_menu_left.jpg); background-position:left bottom; padding:8px 10px 15px 35px; background-repeat:no-repeat; list-style-type: none;}
#menu_lire_aussi a {text-decoration:none; color:#5c5c5b; font-weight:bold;}
#menu_lire_aussi a:hover {color:#565656;}

#menu_rep li{list-style-type: none; background-image:url(images/bg_menu_left.jpg); background-position:left bottom; padding:0px 10px 10px 50px; background-repeat:no-repeat;}
#menu_rep a {text-decoration:none; color:#5c5c5b; font-weight:bold;}
#menu_rep a:hover {color:black;}
#title_ordre{margin-left: 25px;}

div#link_calendrier{width:190px; margin-left:-6px; margin-right:0; text-align:center; margin-top: -10px;}
#link_calendrier a{text-decoration:none; color:#5c5c5b; font-weight:bold; font-size: 10px;}
#link_calendrier a:hover {color:#565656; text-decoration: underline;}
#link_aujourdhui{text-align:center; margin:0 auto; display:block;}
#rightColumn #calendrier_conteneur div{margin-bottom: 0}

#vote_commentaire{height: 50px; margin-top: 25px;}

.ordre_tri_title{color: black; font-size: 16px;}
.instruction{color: black; font-size: 11px;}
#separation{ background-image:url(images/bg_separator.jpg); padding-bottom:10px; background-repeat:no-repeat; background-position:left bottom; width:100%; height: 5px;    }
#form_vote{}
#form_vote li{display: inline; margin-left: 15px;}
#form_vote ul{margin-left:5px; margin-top:5px; list-style-type: none;}
#vote_formulaire{border: 1px solid #BABABA}
#btn_vote{margin-bottom: 5px; width: 40px;}

#formExprimez input{margin-bottom: 5px;}
#send_commentaire{margin: 5px auto auto 370px; width: 60px;}
.txt_com{width: 290px;}
#tbl_com{margin-left: 5px;}

#listing_comment ul{list-style-type: none}
.gras{font-weight: bold;}
.lien_titre{text-decoration: none; color:black; font-family:arial; font-size:14px; font-weight:normal;}
#menu_top_alpha{list-style-type: none;}
#menu_top_alpha li{display: inline;}
#menu_top_alpha a{text-decoration: none; font-weight: bold; color: #565656;}
#menu_top_alpha a:hover{color: #AB9A71}
#menu_top_entreprise, .menu_top_entreprise{list-style-type: none; width: 220px; float: left;}
#menu_top_entreprise li, .menu_top_entreprise li{margin-top: 10px;}
#menu_top_entreprise a, #menu_top_entreprise2 a, .menu_top_entreprise a, .menu_top_entreprise2 a{text-decoration: none; font-weight: bold; color: #565656;}
#menu_top_entreprise a:hover, #menu_top_entreprise2 a:hover, .menu_top_entreprise a:hover, .menu_top_entreprise2 a:hover{color: black;}
#menu_top_entreprise2, .menu_top_entreprise2{float: right; width: 220px; list-style-type: none;}
#menu_top_entreprise2 li, .menu_top_entreprise2 li{margin-top: 10px;}

#listing_ent_rap a{text-decoration: none; color: #565656;}
.astitre{font-size: 15px;color:#757575; font-family:arial; font-size:16px; font-weight:normal;}
#listing_employe a{color: black; text-decoration: none;}

#btnRegionalLeft {display:block; width:245px; height:141px; background-image:url(images/btn_quebec_left.jpg);margin-left:-23px;}
#btnNationalLeft {display:block; width:245px; height:141px; background-image:url(images/btn_hors_serie_left.jpg);margin-left:-23px;}
#btnRegionalLeft:hover {background-image:url(images/btn_quebec_left_ov.jpg);}
#btnNationalLeft:hover {background-image:url(images/btn_hors_serie_left_ov.jpg);}
#btnRegionalLeft img, #btnNationalLeft img {border:2px solid #8a8a8a; position:relative; top:19px; width:83px; height:100px;} 

#lire_aussi{color: black; margin-left: 35px;}

#flecheDroite{background-image: url("images/carre_fleche_droite.png");display:inline-block; height:32px; width:32px;}

#flecheGauche{background-image: url("images/carre_fleche_gauche.png");display:inline-block; height:32px; width:32px;}
.no_underline{text-decoration: none;}

.separatorRight {width:161px; height:14px; background-image:url(images/separator_right.jpg); margin:15px 0;}

#bv{font-size: 11px;}

#hidden_courriel{background-color:#EAEAEA;
border:1px solid black;
height:60px;
left:871px;
margin-top:50px;
padding:10px;
position:absolute;
text-align:center;
width:425px;}

#hidden_courriel h2{font-size: 13px;}

#toute_actu{width: 100%; text-align: right;}
#toute_actu a{color: #757575; text-decoration: none;}
#toute_actu a:hover{text-decoration: underline;}

.title_recherche{font-size: 13px;}
#radio_pub INPUT {
	margin-top: 5px;
}

#logoSofa {display:block; width:250px; height:100px; float:left; position:absolute;}
#catMagazine {padding-bottom:20px; padding-left:50px !important;}
#catMagazine li {padding:5px !important;}
#catMagazine a { text-decoration:none; color:#5c5c5b; font-weight:bold; text-transform:uppercase !important;}
#catMagazine a:hover    {color:#565656 !important;}
.supplement{margin: 25px auto 25px auto; background-color: #CCCCCC; width: 100%; padding: 10px;}

#page_rep{width:auto;text-align:center;}
#page_rep a {color: black; text-decoration: none;}
#page_rep a:hover{text-decoration: underline;}
#page_rep span{font-weight: bold;}

.listing_agents img{max-width: 150px; float: left; margin-right: 10px;}
.listing_agents_info{float:left; width:240px;}
.listing_agents_info span{margin-left: 5px; font-size:11px;}
.listing_propriete_info span{margin-left: 5px; font-size:11px;}

.listing_propriete img{display:block; margin-bottom:5px; }
.listing_propriete span{margin-left: 5px;}

.listing_agents {width:436px; background-image:url(images/bg_listing_agents.jpg);}
.listing_agents_top {background-image:url(images/bg_listing_agents_top.jpg); background-repeat:no-repeat; background-position:top;}
.listing_agents_bottom{padding:15px; background-image:url(images/bg_listing_agents_bottom.jpg); background-repeat:no-repeat; background-position:bottom;}
.listing_agents_bottom img {border:3px solid #7e7e7e;}
.listing_agents span {display:inline-block; padding:5px; }
.voirProprietes a{display:inline-block;width:133px; height:21px; background-image:url(images/btn_voir_proprietes.png); }
.voirProprietes {display:inline-block; float:right;}



.listing_propriete {width:436px; background-image:url(images/bg_listing_agents.jpg);}
.listing_propriete_top {background-image:url(images/bg_listing_agents_top.jpg); background-repeat:no-repeat; background-position:top;}
.listing_propriete_bottom{padding:15px; background-image:url(images/bg_listing_agents_bottom.jpg); background-repeat:no-repeat; background-position:bottom;}
.listing_propriete_bottom img {border:3px solid #7e7e7e; max-width:400px;}
.listing_propriete span {display:inline-block; padding:5px;}
.voirProprietesDetails a{display:inline-block;width:133px; height:21px; background-image:url(images/btn_voir_proprietes_details.png); }
.voirProprietesDetails {display:inline-block; float:right;}


.tablePropriete td {padding:10px 0 0 0 ;}

.banner{position:absolute; right:0px; top:30px; z-index:3; border:1px solid white; cursor:pointer;}

.banner1{z-index:3; border:1px solid black; cursor:pointer;}

.place{width:770px;height:26px;padding-top:11px;}


.text-bot {font-size:24px; line-height:29px; color:#848484;}
.text-bot a {display:inline-block; color:#020403; margin-left:3px; text-decoration:none; padding-left:19px; background:url(../images/marker-3.gif) 0 13px no-repeat;}
.text-bot a:hover {color:#848484;}

/****************************layout************************/
.page1.col-1 {width:641px; margin-right:0;}
.page1.col-2 {width:299px; margin-right:0;}

.page2.col-1 {width:266px; margin-right:45px;}
.page2.col-2 {width:266px; margin-right:0;}

.page4.col-1 {width:257px; margin-right:61px;}
.page4.col-2 {width:257px; margin-right:0;}

.page5.col-1 {width:299px; margin-right:61px;}
.page5.col-2 {width:641px; margin-right:0;}


/****************************TM-Slider************************/
.slider {
	width:940px;
	height:550px;
	margin:0 auto;
	position:relative;
}

.items {
	display:none;
}

.pagination {
	position:absolute;
	bottom:15px;
	left:18px;
	z-index:999;
}
.pagination li {
	float:left;
	margin:0 3px 0 0;
	padding:0;
	display:block;
	background:url(../images/pagination.png) right 0 no-repeat;
}
.pagination li.current, .pagination li:hover {background:url(../images/pagination.png) left 0 no-repeat;}
.pagination li a {
	width:11px;
	height:11px;
	display:block;
}


.controls {
	position:absolute;
	top:191px;
	left:0;
	z-index:600;
	width:100%;
	height:62px;
}
.controls a.prev {
	display:block;
	height:62px;
	width:31px;
	text-indent:-5000px;
	background:url(../images/tm-prev.png) 0 0px no-repeat;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.controls a.prev:hover {
	background:url(../images/tm-prev.png) 0 bottom no-repeat;
}
.controls a.next {
	display:block;
	height:62px;
	width:31px;
	text-indent:-5000px;
	background:url(../images/tm-next.png) 0 0px no-repeat;
	position:absolute;
	top:0;
	right:0px;
	cursor:pointer;
}
.controls a.next:hover {
	background:url(../images/tm-next.png) 0 bottom no-repeat;
}



/****************************jCarousel************************/
.jcarousel-skin-tango .jcarousel-container {

}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:456px;
    padding:0 53px 0 51px;
	background:none;
	position:relative;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	overflow:hidden;
    width:456px;
    min-height:195px;
}
.jcarousel-skin-tango .jcarousel-item {width:152px; min-height:195px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	padding:0;
	margin-left: 0;
  margin-right: 20px;
    
}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:none; color:#000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position:absolute;
    top:29px;
    right:0;
    width:31px;
    height:62px;
    cursor:pointer;
    background:url(../images/jc-next.png) 0 0 no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background:url(../images/jc-next.png) 0 bottom no-repeat;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {top:29px; right:0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position:absolute;
    top:29px;
    left:0px;
    width:31px;
    height:62px;
    cursor:pointer;
    background:url(../images/jc-prev.png) 0 0 no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background:url(../images/jc-prev.png) 0 bottom no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {top:29px; left:0;}