*{padding:0; margin:0;}
body {background-image:url(images/bg2.jpg);background-position: 50% 0%; background-repeat:no-repeat;  
    font-family: 'century gothic', arial, sans-serif; font-size: 13px; background-color:white;}  
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

h1 {font-family :georgia, serif;}

#container {width:1000px;  background-image:url(images/bg_container.jpg);background-position: 50% 0%; background-repeat:no-repeat; margin:0 auto;}
#header {background-image:url(images/banner.png); height:296px; background-position: 50% 0%; background-repeat:no-repeat;}
#header a {display : block; width:200px; height:200px; position:relative;  top:5px;}
#content {margin:0 auto; width:900px; padding:0 175px 0 0; font-size: 12px;}

/* MENU DE GAUCHE (BG DE PLANCHES DE BOIS) */
#menugauche {float:left; position:relative; top:-60px; left:-10px; width:280px; height:263px; background-image:url(images/bg_menu_gauche.png);}
#menugauche ul {text-align:right; list-style-type:none; padding:10px 30px; 0 0 ;}
#menugauche a {color:white; text-decoration:none; font-weight:bold;}
#menugauche a:hover {color:#5fa7db; font-weight:bold;}
        .li1 {padding:15px 10px 25px 0 }
        .li2 {padding:0 0 0 0 }
        .li3 {padding:20px 20px 0 0 }
        .li4 {padding:24px 0 0 0 }
        .li5 {padding:12px 25px 0 0}
        .li6 {padding:25px 10px 0 0 }

/* LA FENETRE DES DERNIERES NOUVELLES*/
#nouvelles {float:left; width:211px; position:relative; left:60px; top:-40px;color:#97693f; font-size:13px; }
#contenunouvelles{width:100%; background-color:white; border-style:solid; border-width:1px; border-color:#97693f; background-color:white;}
#nouvelles h2 {font-size:250%; padding:0 0 0 0px; }
#nouvelles h2 span {font-size:50%; position:relative; top:17px;padding:0px 0px 0 0px; }
#nouvelles h3 {font-size:150%; padding:10px 13px 0 13px; line-height:100%;}
#nouvelles h4 {font-size:125%;text-decoration:underline;padding:0 13px 0 13px; }
#nouvelles p {font-size:85%; padding:10px 13px 10px 13px; }
#nouvelles a {display:block; height:40px; padding-left:50px; color:#97693f; font-weight:bold; font-size:110%; background-image :url(images/feuille_erable.gif); background-repeat:no-repeat; background-position:left center;}
#nouvelles a:visited {color:#97693f;}
#nouvelles a:hover {color:#4b7aac;}

.separateurnouvelles {height:5px; background-image:url(images/separateur_nouvelles.png); background-repeat:no-repeat; background-position:center;}

/* FENETRE SPECTACLES */       
#spectacles {float:right;  width:595px; padding-bottom:10px; }
#spectacles h2 {height:30px; background-color:#97693f;background-image:url(images/txt_spectacles.png); background-position:left center; background-repeat:no-repeat;}
#spectacles h2 span {display:none;}

#octobre11{ padding-top:297px; float:right; width:294px;  background-image:url(images/pat_groulx.jpg);background-position:top; background-repeat:no-repeat;}
#octobre11 div {background-image:url(images/bg_savoir_plus.png); background-repeat:no-repeat; background-position:bottom; height:81px;}


#octobre10{float:left; width:294px; padding-top:297px; background-image:url(images/chakidor.jpg);background-position:top; background-repeat:no-repeat; }
#octobre10 div {background-image:url(images/bg_savoir_plus.png); background-repeat:no-repeat; background-position:bottom; height:81px;}


.savoirplus  {float:right; color:white; position:relative; right:18px; top:5px; font-weight:bold;text-decoration:none;}
.savoirplus:hover{color:#5fa7db;}

#patrickgroulx {margin:0 auto; display:block; width:157px; height:47px; background-image:url(images/txt_patrick_groulx.png);background-position:top; background-repeat:no-repeat;}
#chakidor {margin:auto auto; display:block; width:123px; height:47px; background-image:url(images/txt_chakidor.png);background-position:12px; background-repeat:no-repeat;}

/* FENETRE ACTIVITÉS */
#activites {float:right; width:595px;  border-style:solid; border-width:1px; border-color:#97693f; background-color:white;}
#activites h2 {height:30px; background-color:#97693f;background-image:url(images/txt_activites.png); background-position:left center; background-repeat:no-repeat;}
#activites h2 span {display:none;}



#marche {float:left; width:294px;}
#marche a {display:block; width:100%; height:32px; background-image:url(images/txt-marche.png); background-position:center center; background-repeat:no-repeat;}

#talent {float:right; width:294px;}
#talent a {display:block; width:100%; height:32px; background-image:url(images/txt_talent.png); background-position:center center; background-repeat:no-repeat;}

#activites>span {display:block; width:100%; height:50px; background-image:url(images/bg_voir_programmation.png);background-position: top; background-repeat:no-repeat;}
#activites>span a {float:right; color:white; position:relative; right:18px; top:20px; font-weight:bold;text-decoration:none;}
#activites>span a:hover{color:#5fa7db;}
#activites img {width:292px; height:200px; border:1px solid #97693f;}
 
 /* NOUS JOINDRE*/
#nousJoindre {padding-left:310px; color:#4b7aac; font-size:125%} 
#nousJoindre h1 {color:#552E09;}
#nousJoindre h2 {color:#2565aa; padding-top:25px;} 
 
/* RECETTES */
#indexRecettes {padding-left:310px; color:#4b7aac; font-size:125%}
#indexRecettes h1 {color:#552E09;}
#indexRecettes ul {list-style-type:none;}
#indexRecettes li {padding:3px 0;}
#indexRecettes li a {color:#4b7aac;}




#recette {padding-left:310px; color:#2565aa; }
#recette ul {list-style-type:square; padding:15px 0 0 50px; font-size:90%; }
#recette h1 {padding:25px 0 0 0; color:#552E09;}
#recette h2 {padding-top:20px;}
#recette p {padding-top :15px;}

#recette #bonAppetit {font-size:120%; font-weight:bold;}
#recette #nom {font-style:italic; padding-left:30px;}

/* PAGE SOIREE BLANCHE */
#pageSoiree {width:650px; margin:auto; padding:0 0 0 310px;}
#pageSoiree h1.blanche {background-image:url(images/octobre11.png); width:157px; }
#pageSoiree h1.noire {background-image:url(images/octobre10.png); width:157px; }
#pageSoiree h1 span {display:none;}
#pageSoiree h2 {color:#552e09; padding-top:15px;}
#pageSoiree p {padding:10px 0;}
#pageSoiree img {float:right; width:300px; padding:25px 10px 150px 10px;}

#construction {padding-left:310px;}
#construction h1 {background-image:url(images/construction.png);background-repeat:no-repeat; width:278px; height:23px;}

#programmation {padding-left:310px; color:#4b7aac; font-size:125%}
#programmation h1 {color:#552E09;}
#programmation h3 {background-color:#4b7aac; color:white; width:100%;}
#programmation ul {list-style-type :none; font-size:80%; font-family:arial; }
#programmation li {padding:5px 0 ;}
#programmation strong {color:#97693f;}
#programmation a:visited {color:#4B7AAC;}


#partenaires h1, #partenaires h2 {color:#552E09;}

#talentmoie {padding-left:310px; color:#4b7aac; font-size:125%}
#talentmoie h1 {color:#552E09;}

#marcheagri {padding-left:310px; color:#4b7aac; font-size:125%}
#marcheagri h1 {color:#552E09;}

#billets {padding-left:310px; color:#4b7aac; font-size:100%}
#billets h1 {color:#552E09;}
#billets a {color:#552E09;}


#promo {padding-left:310px; color:#4b7aac; font-size:125%}
#promo h1 {color:#552E09;}
#promo h3 {background-color:#4b7aac; color:white; width:100%;}

/* FOOTER */

#footer { margin:0 auto; height:500px; padding-bottom:80px; background-image:url(images/bg_bas.png);background-position: center top; background-repeat:no-repeat;}
#footer #dates {float:right; position:relative; right:-180px; width:830px; height:550px; background-image:url(images/dates.png); background-position:top;}
#footer a {width:124px; height:75px; display:block; float:right; position:relative; left:-220px; top:480px;}