@font-face 
{ 
font-family: calibri; 
src: url('fonts/calibri.eot'); 
src: local('Calibri'), url(fonts/calibri.ttf) format("truetype"); }

*{padding:0; margin:0;}
body {color:black; background-image:url(images/bg_body.jpg);background-position: 50% 0%; background-repeat:repeat-y; font-family: arial, sans-serif; font-size: 12px; background-color:black; }
#bodyHaut {background-image:url(images/bg_body_haut.jpg); background-repeat:no-repeat; background-position:center top;}
#bodyBas {background-image:url(images/bg_body_bas.png); background-repeat:no-repeat; background-position:center bottom;}
#wrapper {width:980px; margin:0 auto;}

a {background-position:left; color:black;}
a:hover {background-position:right; color:#478a17;}
a img {border:none;}

h1 {font-family:calibri; font-size:24px; font-weight:bold; text-transform:uppercase; color:#ec008c; margin:30px 0 10px;}
h2 {font-family:calibri; font-size:22px; font-weight:bold; text-transform:uppercase; color:#ec008c; margin:30px 0 10px;}
h3 { margin:10px 0 10px; font-size:16px; }



#rightColAccueil h1 {padding:0 18px;  font-family:calibri; font-size:24px; font-weight:bold; text-transform:uppercase; color:#ec008c; margin:30px 0 10px;}
#rightColAccueil h2 {padding:0 18px;  font-family:calibri; font-size:22px; font-weight:bold; text-transform:uppercase; color:#ec008c; margin:30px 0 10px;}
#rightColAccueil h3 {padding:0 18px; margin:10px 0 10px;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  


#header {height:292px;}
    #topMenu {padding-top:3px; color:#ec008c; list-style-type:none; text-transform:uppercase; float:right; font-family:'calibri'; font-size:14px; font-weight:bold;}
    #topMenu li {float:left; padding-left:7px; }
    #topMenu a {color:white; text-decoration:none;}
    #topMenu a:hover {color:#fdb813;}
    
    #logoAccueil {display:block; width:340px; height:200px; }
    
    #mainMenu {list-style-type:none; padding:19px 0 0 4px;}
    #mainMenu li {float:left;}
    #mainMenu a {display:block; height:53px;}
        #mainMenu a#programmation {width:188px; background-image:url(images/btn_programmation.jpg);} 
        #mainMenu a#achats {width:140px; background-image:url(images/btn_achat.jpg);} 
        #mainMenu a#loto {width:167px; background-image:url(images/btn_loto.jpg);} 
        #mainMenu a#recettes {width:148px; background-image:url(images/btn_recettes.jpg);} 
        #mainMenu a#partenaires {width:123px; background-image:url(images/btn_partenaires.jpg);} 
        #mainMenu a#benevoles {width:109px; background-image:url(images/btn_benevole.jpg);} 
        #mainMenu a#video  {width:101px; background-image:url(images/btn_video2.jpg);} 
        
        #mainMenu a#events {width:104px; background-image:url(images/btn_events.jpg);}
        #mainMenu a#tickets {width:82px; background-image:url(images/btn_tickets.jpg);}
        #mainMenu a#partners {width:100px; background-image:url(images/btn_partners.jpg);}
        #mainMenu a#videos {width:91px; background-image:url(images/btn_videos.jpg);}
        
        
        
        .sousMenu {display:none; list-style-type:none; z-index:15; position:absolute; background-image:url(images/bg_sous_menu.jpg); padding:53px 0px 0 0px; margin:-53px 0 0 0px;}

.sousMenu li {float:none !important; padding:0 !important; background-color:#fdb813; color:white;}
.sousMenu a {width:188px; height:33px !important;}
#principale {background-image:url(images/btn_principale.jpg);}
#chapiteau {background-image:url(images/btn_chapiteau.jpg);}
/*.sousMenu a {  padding:3px 0; display:block;font-size:11px; color:#1e5466; font-weight:bold;}
.sousMenu a:hover {color:white !important;}

.sousMenu li.noBorder {border-bottom:none;}
.sousMenu li span {display:block;font-size:18px !important; color:#2c6174 !important; font-weight:normal !important; padding-bottom:20px;}
*/.niveau1:hover .sousMenu{display:block;}
        
        
        
#content {background-image:url(images/bg_content.jpg); background-repeat:repeat-y; background-position:-2px 0;}
    #leftCol {float:left; width:275px; }
        #leftCol h3 {margin:0px !important; font-size:14px; font-weight:bold; text-transform:uppercase; color:white; padding:8px 0;}
    
        #dateLieu {width:275px; height:118px; background-image:url(images/bg_accueil_date_lieu.jpg);}
        #coteBeaupre {width:185px; padding:75px 45px 0 45px; height:103px; background-image:url(images/bg_accueil_cote_beaupre.jpg); font-size:13px; font-weight:bold; color:#55a51c; line-height:16px;} 
        #partenairesLeft {width:195px; padding:0px 40px 0 40px; height:131px; background-image:url(images/bg_accueil_partenaires.jpg);}
        #infolettre {width:185px; padding:0px 45px 0 45px; height:112px; background-image:url(images/bg_accueil_infolettre.jpg);}
            #formInfolettre #courriel {width:170px; padding:5px; border:1px solid #868686; margin-top:5px; margin-left:1px; font-family:verdana; font-weight:bold; font-size:10px;  }
        
        #facebook {width:185px; padding:0px 45px 0 45px; height:79px; background-image:url(images/bg_accueil_facebook.jpg);}
    #facebook a {color:black; text-decoration:none; padding-top:8px; display:block; }
    #facebook img {position:relative; top:3px; left:5px ; }
    
    #rightCol {float:left; width:640px; min-height:500px; padding:0 18px;}
    #rightCol p {margin:10px 0;}
    #rightColAccueil {padding:0 !important; width:676px !important; float:left;}
    
        #vedette { padding:20px 8px;  height:308px; background-image:url(images/bg_vedette.jpg); background-repeat:repeat-x;}
            #marioPelchat {margin-right:8px; float:left; width:306px; padding:270px 0 0 20px; height:25px; background-image:url(images/accueil_mario_pelchat.png);}
            #bobbyBazini {float:left; width:306px; padding:270px 0 0 20px; height:25px; background-image:url(images/accueil_bobby_bazini.png);}
            a.reservezLigne {display:block; width:183px; height:19px; background-image:url(images/btn_reservez.jpg);} 
        
        #attractions { padding:15px 18px 0;  height:209px; background-image:url(images/bg_attractions.jpg); background-repeat:repeat-x;}
            span.credit {font-size:10px;}
            #attractions td {vertical-align:top; width:160px; text-align:center; padding-left:5px; }
            #attractions p {font-family:verdana; font-size:12px; text-transform:uppercase; text-align:left;  padding-top:10px;}
            #attractions a {text-decoration:none;}
        
        #derniereNouvelle { position:relative; padding:20px 18px;  height:238px; background-image:url(images/bg_nouvelle.jpg); background-repeat:repeat-x;}
            #derniereNouvelle img {width:215px; float:left; margin-right:20px;}
            #derniereNouvelle div {float:left; width:400px; }
            #derniereNouvelle div p {font-family:verdana; line-height:11px;}
            a#voirNouvelles {position:absolute; top:215px; left:250px; display:block; width:178px; height:30px; background-image:url(images/btn_toutes_nouvelles.png);}
    
#footer {height:81px;}
    #footer a {float:right; position:relative; top:20px; right:20px; }
    #footer p {font-size:11px; color:white; position:relative; top:30px;}
    
    
    
/* nouvelles */
#nouvelles {border-collapse:collapse; font-family:verdana;}
#nouvelles td {background-color:#c6e1b3; border:4px solid #ddedd2; width:293px; padding:10px; }
#nouvelles td img {width:123px; height:99px; float:left;}
#nouvelles td p {float:left; width:155px; padding:0px 0 0 10px !important; margin:0 !important;}
#nouvelles td span {display:block; padding:2px 0;}
#nouvelles td span.date {font-size:12px; font-weight:bold; }
#nouvelles td span.titre {font-size:12px; font-weight:bold; color:#ec008c; text-transform:uppercase;}
#nouvelles td span.titre a {color:#ec008c; text-decoration:none;}
#nouvelles td span.resume  {}
#nouvelles td span.suite {font-size:11px; color:#ec008c;}
#nouvelles td span.suite a{color:#ec008c; text-decoration:underline;}

/* tableau galerie de photo */
table#photos {margin:20px auto; }
table#photos td {text-align:center; vertical-align:middle;}
table#photos .flecheGauche {display:block; width:51px; height:50px; background-image:url(images/fleche_gauche.jpg);background-position:left top;}
table#photos .flecheGauche:hover {background-position:right top;}
table#photos .flecheDroite {display:block; width:51px; height:50px; background-image:url(images/fleche_droite.jpg);background-position:left top;}
table#photos .flecheDroite:hover {background-position:right top;}

/* programmation */
.programmation table {width:630px; border:3px solid #ddedd2;}
.programmation td {vertical-align:top; padding:10px; }
.programmation h5 {font-weight:bold; font-style:italic; font-size:12px; }
.programmation h4 {font-size:14px; }

table.encadrer {background-color:#c6e1b3; border:3px solid #e7f2df; } 

#achatBillets td {padding:10px 5px;}

/* activites */
img.activite { width:300px;}


/*Partenaires */
/* Liens logo dans les partenaires */
.logopartenaire { display:block; }
.logopartenaire span {display:none; background-position:center;}
#sanctuaire {background-image:url(img_partenaires/ad_4.jpg); width:170px; height:90px; background-position:center; background-repeat:no-repeat;}
#CPD {background-image:url(img_partenaires/ad_5.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#CLD {background-image:url(img_partenaires/ad_1.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#MRC {background-image:url(img_partenaires/ad_2.jpg); width:170px; height:90px; background-position:center; background-repeat:no-repeat;}
#SADC {background-image:url(img_partenaires/logo_sadc.jpg); width:175px; height:90px;  background-position:center; background-repeat:no-repeat;}
#iga {background-image:url(img_partenaires/iga.jpg); width:160px; height:90px; background-repeat:no-repeat; background-position:center left;background-repeat:no-repeat;}
#otq {background-image:url(img_partenaires/logo_otq.jpg); width:160px; height:90px;  background-position:center; background-repeat:no-repeat;}

#velo  {background-image:url(img_partenaires/logo_velo.jpg); width:180px; height:64px; background-position:right bottom ; margin:10px 0 0 0px; background-repeat:no-repeat;}

#bcn {background-image:url(img_partenaires/bcn.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#go {background-image:url(img_partenaires/go.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#bilodeau {background-image:url(img_partenaires/bilodeau.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#mapaq {background-image:url(img_partenaires/mapaq.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#biblio {background-image:url(img_partenaires/biblio.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#remorquage {background-image:url(img_partenaires/remorquage.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#baie {background-image:url(img_partenaires/baie.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#marc {background-image:url(img_partenaires/marctremblay.jpg); width:190px; height:90px; background-position:center; background-repeat:no-repeat;}
#steanne {background-image:url(img_partenaires/steanne.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#ambulance {background-image:url(img_partenaires/ambulances.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#vdn {background-image:url(img_partenaires/vdn.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#parc {background-image:url(img_partenaires/logo_parc_eolien.jpg); width:160px; height:130px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#reservation {background-image:url(img_partenaires/reservation.jpg); width:170px; height:68px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#solaris {background-image:url(img_partenaires/logo_solaris.jpg); width:150px; height:33px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#vision {background-image:url(img_partenaires/logo_vision.jpg); width:150px; height:71px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#asmoto {background-image:url(img_partenaires/logo_asmoto.jpg); width:115px; height:60px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#bell {background-image:url(img_partenaires/logo_Bell.jpg); width:100px; height:75px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#molson {background-image:url(img_partenaires/logo_Molson.jpg); width:167px; height:59px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#pepsi {background-image:url(img_partenaires/logo_pepsi.jpg); width:160px; height:60px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}
#uniprix {background-image:url(img_partenaires/logo_uniprix.jpg); width:160px; height:30px; background-repeat:no-repeat; background-position:bottom right;background-repeat:no-repeat;}

#tele {background-image:url(img_partenaires/teledici.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#ckoi {background-image:url(img_partenaires/ckoi.jpg); width:175px; height:90px; background-position:center; background-repeat:no-repeat;}
#voix {background-image:url(img_partenaires/voix.jpg); width:253px; height:70px; background-position:center; background-repeat:no-repeat;}


#paulinemarois {background-image:url(img_partenaires/paulinemarois.jpg); width:275px; height:152px; background-position:center; background-repeat:no-repeat;}
#michelguimond {background-image:url(img_partenaires/michelguimond.jpg); width:275px; height:152px; background-position:center; background-repeat:no-repeat;}
#raymondbernier {background-image:url(img_partenaires/raymondbernier.jpg); width:275px; height:152px; background-position:center; background-repeat:no-repeat;}

.partenaires {padding-left:20px;  }
.partenaires li{padding:3px 0;}

#map {width:400px; height:300px;  float:right; border:1px solid #fdb813;}


/*.crop {width:270px; height:190px; overflow:hidden; }  */
.crop{width:270px; height:190px; overflow:hidden; float:left;}
.crop img { width:270px;}

.formeBlanche {position:absolute; margin:0 0 0 -270px;  }

.crop1 {width:300px;background-image:url(images/border_photo.png); text-align:center;}
.crop1 img {width:282px; display:block; margin:0 auto;}
.cropTop {background-image:url(images/photo_top.png); background-position:top; background-repeat:no-repeat; width:300px; height:75px; position:absolute;}
.cropBottom {width:300px; margin-top:-71px; height:71px; position:absolute; background-image:url(images/photo_bottom.png); background-position:bottom; background-repeat:no-repeat;}

.tablePhotos td {width:300px; vertical-align:top;}

#tablePart td {text-align:center;}