/*=============================================================================
* Dark-Blue: #17365D
* Medium-Blue: #365f91
* Light-Blue: #4f81bd
*============================================================================*/
html {
   padding: 0;
   margin: 0;
   overflow-y: scroll;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 0;
   margin: 0;
   background-color: #ecf0f1;
   background-image: url("../img/background/body-background.png");
   background-position: top center;
   background-repeat: repeat-x;
}

img {
	border: none;
}

/*=============================================================================
*
*============================================================================*/
div#header {
	width: 960px;
   height: 112px;
   margin: auto;
}

div#header h1 {
   position: absolute;
   color: #5E7592;
   font-size: 10px;
   line-height: 10px;
   font-family: verdana;
   padding: 0;
   margin: 12px 0 0 8px;
   display: block;
}

div#header div.addthis a img {
   border: none;
   margin: 8px 0 0 8px;
}

div#header a img {
   border: none;
   margin: 34px 0 0 8px;
}

div#header ul#header-menu {
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: 32px;
   float: right;
}

div#header ul#header-menu li {
   float: left;
   margin: 0 0 0 16px;
}

div#header ul#header-menu li a {
   display: block;
   font-size: 12px;
   font-family: arial;
   line-height: 32px;
   background-color: #8799b7;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   margin: 0;
   padding: 0 24px;
}

/*=============================================================================
*
*============================================================================*/
div#navigation {
   height: 28px;
   width: 960px;
   margin: auto;
}

div#navigation ul {
	width: 960px;
   list-style-type: none;
   padding: 0;
   margin: 0;
   height: 28px;
}

div#navigation ul li {
   float: left;
   padding: 0;
   margin: 0;
}

div#navigation ul li.first {
   margin: 0 !important;
}

div#navigation ul li a {
   display: block;
   color: #ffffff;
   text-align: center;
   line-height: 20px;
   padding: 3px 0 5px 0;
   font-family: arial;
   text-decoration: none;
   font-size: 13px;
   font-weight: bold;
}

div#navigation ul li a:hover {
   text-decoration: underline;
}

div#navigation ul li a.active {
   color: #2f364c;
}

div#navigation ul li#school a {
   width: 144px;
}

div#navigation ul li#programs a {
   width: 128px;
}

div#navigation ul li#lessons a {
   width: 208px;
}

div#navigation ul li#instruments a {
   width: 176px;
}

div#navigation ul li#services a {
   width: 144px;
}

div#navigation ul li#registration a {
   width: 96px;
}

div#navigation ul li#resources a {
   width: 160px;
}

/*=============================================================================
*
*============================================================================*/
div#communication {
   height: 360px;
   width: 960px;
   margin: 0 auto 12px auto;
   padding: 6px;
   background: url("../img/background/communication-background.png") no-repeat center center;
}

div#communication div.image-home {
   width: 944px;
   height: 344px;
   margin: 0px 8px;
}

div#communication div.image-home img {
   padding: 0;
   margin: 8px 0 0 0;
}

div#communication div.image {
   width: 752px;
   height: 344px;
   margin: 0px 104px;
}

div#communication div.image img {
   padding: 0;
   margin: 8px 0 0 0;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {
   width: 958px;
   padding: 0;
   margin: 0;
   text-align: center;
   background: url("../img/background/page-list-background.png") repeat-x center center;
}

div#page-list p {
   padding: 0 0 4px 0;
   margin: 0;
   line-height: 40px;
   font-family: arial;
   font-size: 12px;
   text-align: center;
}

div#page-list a {
   padding: 0;
   margin: 0 12px;
   color: #646772;
   text-decoration: none;
   font-weight: bold;
}

div#page-list a:hover {
   text-decoration: underline;
}

div#page-list a.active {
   color: #2f364c;
}

/*=============================================================================
*
*============================================================================*/
div.home-creativite-musicale {
   margin: 0 auto 16px auto;
   width: 960px;
   height: 256px;
}

div.home-creativite-musicale img {
   position: absolute;
   border: none;
}

div.home-creativite-musicale h2 {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
}

div.home-creativite-musicale ul {
   font-family: arial;
   font-size: 8px;
   padding: 0;
   margin: 0;
   list-style-type: none;
}

/*=============================================================================
*
*============================================================================*/
div.two-rows-columns {
	margin: 0 auto 16px auto;
	width: 960px;
	height: 272px;
}

/*=============================================================================
*
*============================================================================*/
div.home-cours-guitare {
   margin: 0 auto 16px auto;
   width: 472px;
   height: 128px;
   float: left;
}

div.home-cours-guitare img {
   position: absolute;
   border: none;
}

div.home-cours-guitare h2 {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
div.home-cours-piano {
   margin: 0 auto 16px auto;
   width: 472px;
   height: 128px;
   float: right;
}

div.home-cours-piano img {
   position: absolute;
   border: none;
}

div.home-cours-piano h2 {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
div.home-programme-culture-plaisir {
   margin: 0 auto 16px auto;
   width: 472px;
   height: 128px;
   float: left;
}

div.home-programme-culture-plaisir img {
   position: absolute;
   border: none;
}

div.home-programme-culture-plaisir h2 {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
div.home-programme-professionnel {
   margin: 0 auto 16px auto;
   width: 472px;
   height: 128px;
   float: right;
}

div.home-programme-professionnel img {
   position: absolute;
   border: none;
}

div.home-programme-professionnel h2 {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
div.temoignage-accordeur-piano {
   margin: 0 auto 16px auto;
   padding: 0;
   width: 960px;
   height: 256px;
   background: url("../img/background/testimony-background.png") no-repeat center center;
}

div.temoignage-accordeur-piano h2 {
   margin: 0;
   padding: 0 0 4px 0;
   font-family: "Bell Gothic Std Light", arial;
   font-size: 24px;
   line-height: 48px;
   color: #2f364c;
   text-align: center;
   background: url("../img/background/testimony-header-background.png") repeat-x center center;
}

div.temoignage-accordeur-piano p {
   margin: 16px 64px 16px 140px;
   padding: 0;
   font-family: arial;
   font-size: 13px;
   line-height: 130%;
   color: #2f364c;
}

/*=============================================================================
*
*============================================================================*/
div.medley-composition-eleves {
   margin: 0 auto 16px auto;
   padding: 0;
   width: 960px;
   height: 256px;
   background: url("../img/background/medley-background.png") no-repeat center center;
}

div.medley-composition-eleves h2 {
   margin: 0;
   padding: 0 0 4px 0;
   font-family: "Bell Gothic Std Light", arial;
   font-size: 24px;
   line-height: 48px;
   color: #2f364c;
   text-align: center;
   background: url("../img/background/medley-header-background.png") repeat-x center center;
}

div.medley-composition-eleves p {
   margin: 16px 64px 16px 140px;
   padding: 0;
   font-family: arial;
   font-size: 13px;
   line-height: 130%;
   color: #2f364c;
}

/*=============================================================================
*
*============================================================================*/
div#page {
	width: 958px;
   margin: 0 auto 32px auto;
   padding: 0 0 16px 0;
   background-color: #ffffff;
   border: 1px solid #dce2e7;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   margin: 0;
   padding: 0;
   min-height: 512px;
}

div#content div.section {
   width: 960px;
   margin: 0;
   padding: 0;
}

div#content div.two-column-layout {
   width: 928px;
   margin: auto;
   padding: 0;
}

div#content div.two-column-layout h2 {
   padding: 0;
   margin: 0 0 2px 0;
   font-size: 16px;
   line-height: 40px;
   text-indent: 48px;
   color: #ffffff;
}

div#content div.two-column-layout h2.red {
   background: url("../img/background/column-header-red.png") repeat-x left center;
}

div#content div.two-column-layout h2.blue {
   background: url("../img/background/column-header-blue.png") repeat-x left center;
}

div#content div.two-column-layout h2.orange {
   background: url("../img/background/column-header-orange.png") repeat-x left center;
}

div#content div.two-column-layout h2.green {
   background: url("../img/background/column-header-green.png") repeat-x left center;
}

div#content div.two-column-layout-left {
   margin: 0;
   padding: 0;
   float: left;
   width: 456px;
}

div#content div.two-column-layout-right {
   margin: 0;
   padding: 0;
   float: right;
   width: 456px;
}

div#content div.two-column-layout div.column-content {
   border: 1px solid #ebeaf2;
   height: 256px;
}

div#content h2 {
   font-family: "Bell Gothic Std Light", arial;
   font-size: 24px;
   line-height: 32px;
   color: #2f364c;
   padding: 0;
   margin: 40px 40px 16px 40px;
}

div#content h2 a {
   color: #2f364c;
}

div#content h3 {
   font-family: "Bell Gothic Std Light", arial;
   font-size: 20px;
   line-height: 28px;
   color: #a0995e;
   padding: 0;
   margin: 16px 44px 16px 44px;
}

div#content h3 a {
   color: #a0995e;
}

div#content h4 {
   font-family: "Bell Gothic Std Light", arial;
   font-size: 16px;
   line-height: 24px;
   text-decoration: none;
   color: #5e7592;
   padding: 0;
   margin: 16px 48px 16px 48px;
}

div#content h4 a {
   color: #5e7592;
}

div#content h5 {
   font-family: arial;
   font-size: 13px;
   line-height: 130%;
   color: #5e7592;
   padding: 0;
   margin: -8px 48px 0px 48px;
}

div#content p {
   font-family: arial;
   font-size: 13px;
   line-height: 150%;
   color: #2f364c;
   padding: 0;
   margin: 8px 48px 16px 48px;
}

div#content p.citation {
   font-family: arial;
   font-size: 13px;
   line-height: 150%;
   color: #7d733a;
   padding: 16px;
   margin: 0px 40px 16px 40px;
   width: 256px;
   border: 1px dotted #dbdbbe;
   background-color: #f3f3e9;
   font-weight: bold;
   float: right;
   display: inline;
}

div#content blockquote.emphasize p {
   font-family: arial;
   font-size: 13px;
   line-height: 150%;
   color: #5e7592;
   padding: 12px;
   margin: 16px 64px;
   border: 1px dotted #bac6dc;
   background-color: #e5edf2;
   font-weight: bold;
   text-align: center;
}

div#content dl {
   font-family: arial;
   font-size: 13px;
   line-height: 150%;
   padding: 0;
   margin: 16px 48px 24px 48px;
}

div#content dt {
   padding: 0;
   margin: 16px 0 0 0;
   font-weight: bold;
   color: #2f364c;
}

div#content dd {
   padding: 0;
   margin: 4px 4px 0 4px;
   color: #2f364c;
}

div#content p strong {
   font-weight: normal;
   color: #000000;
}

div#content p strong.bolder {
   font-weight: bold;
   color: #17365d;
}

div#content a {
   color: #5e7592;
   text-decoration: none;
}

div#content a:hover {
   text-decoration: underline;
}

div#content ul {
   font-family: arial;
   font-size: 10pt;
   line-height: 150%;
   color: #17365d;
   padding: 0;
   margin: 16px 48px 24px 80px;
   list-style-type: square;
}

div#content ol {
   font-family: arial;
   font-size: 10pt;
   line-height: 150%;
   color: #17365d;
   padding: 0;
   margin: 16px 48px 24px 80px;
}

div#content li {
   padding: 0 8px 0 8px;
   margin: 0;
}

div#content img.map {
   padding: 0;
   margin: 0;
   border: 1px solid #dce2e7;
}

div.form label {
   font-size: 8pt;
   color: #17365D;
   line-height: 150%;
   font-family: arial;
   margin: 6px 0 2px 22px;
   font-weight: bold;
   display: block;
}

div.form input.textbox {
   background-color: #f6f9fd;
   border: 1px solid #4F81BD;
   font-size: 9pt;
   font-family: arial;
   padding: 2px;
   width: 224px;
   margin: 0 0 4px 20px;
   color: #17365D;
}

div.form textarea {
   background-color: #f6f9fd;
   border: 1px solid #4F81BD;
   font-size: 9pt;
   font-family: arial;
   padding: 2px;
   width: 224px;
   height: 224px;
   margin: 0 0 0 20px;
   color: #17365D;
}

div.form input.image {
   font-size: 8pt;
   font-family: arial;
   font-weight: bold;
   padding: 0px;
   margin: 8px 0 0 54px;
   border: none;
}

/*=============================================================================
*
*============================================================================*/
div#content div.even, div#content div.odd {
   clear: both;
   height: 320px;
   padding: 32px 0;
}

div#content div.even img {
   float: left;
}

div#content div.odd img {
   float: right;
}

div#content div#cours-piano {  }
div#content div#cours-piano img { margin: 0 48px 0 64px; }
div#content div#cours-piano h3 { margin: 12px 44px; }
div#content div#cours-piano p { margin: 8px 96px 16px 64px; }

div#content div#cours-clavier-electronique {  }
div#content div#cours-clavier-electronique img { margin: 0 64px 0 48px; }
div#content div#cours-clavier-electronique h3 { margin: 40px 64px 12px 96px; }
div#content div#cours-clavier-electronique p { margin: 8px 64px 16px 96px; }

div#content div#cours-guitare-acoustique {  }
div#content div#cours-guitare-acoustique img { margin: 0 48px 0 64px; }
div#content div#cours-guitare-acoustique h3 { margin: 32px 44px 12px 44px; }
div#content div#cours-guitare-acoustique p { margin: 8px 96px 16px 64px; }

div#content div#cours-guitare-electrique {  }
div#content div#cours-guitare-electrique img { margin: 0 64px 0 48px; }
div#content div#cours-guitare-electrique h3 { margin: 8px 64px 12px 96px; }
div#content div#cours-guitare-electrique p { margin: 8px 64px 16px 96px; }

div#content div#cours-guitare-basse-electrique {  }
div#content div#cours-guitare-basse-electrique img { margin: 0 48px 0 64px; }
div#content div#cours-guitare-basse-electrique h3 { margin: 64px 44px 12px 44px; }
div#content div#cours-guitare-basse-electrique p { margin: 8px 96px 16px 64px; }

img.right {
   float: right;
}

/*=============================================================================
*
*============================================================================*/
div.photo-professeur {
	float: right;
	margin: 0 48px 8px 8px;
   width: 320px;
   height: 240px;
   padding: 11px;
   background: url("../img/background/content-photo-background.png") no-repeat center center;
}

/*=============================================================================
*
*============================================================================*/
div#content div.even div.photo, div#content div.odd div.photo {
   width: 320px;
   height: 240px;
   padding: 11px;
   background: url("../img/background/content-photo-background.png") no-repeat center center;
}

div#content div.even div.photo {
   float: left;
}

div#content div.odd div.photo {
   float: right;
}

div#content div#cours-piano-longueuil-pierre-paquette {  }
div#content div#cours-piano-longueuil-pierre-paquette div.photo { margin: 0 48px 0 64px; }
div#content div#cours-piano-longueuil-pierre-paquette h4 { margin: 0 44px 12px 44px; }
div#content div#cours-piano-longueuil-pierre-paquette p { margin: 8px 96px 16px 64px; }

div#content div#cours-piano-saint-bruno-montarville-alexandre-pelletier {  }
div#content div#cours-piano-saint-bruno-montarville-alexandre-pelletier div.photo { margin: 0 64px 0 48px; }
div#content div#cours-piano-saint-bruno-montarville-alexandre-pelletier h4 { margin: 0 64px 12px 96px; }
div#content div#cours-piano-saint-bruno-montarville-alexandre-pelletier h5 { margin: -8px 64px 0px 96px; }
div#content div#cours-piano-saint-bruno-montarville-alexandre-pelletier p { margin: 8px 64px 16px 96px; }

div#content div#cours-piano-saint-hyacinthe-luc-hebert {  }
div#content div#cours-piano-saint-hyacinthe-luc-hebert div.photo { margin: 0 48px 0 64px; }
div#content div#cours-piano-saint-hyacinthe-luc-hebert h4 { margin: 12px 44px; }
div#content div#cours-piano-saint-hyacinthe-luc-hebert p { margin: 8px 96px 16px 64px; }

div#content div#cours-piano-saint-amable-melanie-cote {  }
div#content div#cours-piano-saint-amable-melanie-cote div.photo { margin: 24px 64px 0 48px; }
div#content div#cours-piano-saint-amable-melanie-cote h4 { margin: 0 64px 12px 96px; }
div#content div#cours-piano-saint-amable-melanie-cote h5 { margin: -8px 64px 0px 96px; }
div#content div#cours-piano-saint-amable-melanie-cote p { margin: 8px 64px 16px 96px; }

div#content div#cours-piano-mont-saint-bruno-michelle-blanchard {  }
div#content div#cours-piano-mont-saint-bruno-michelle-blanchard div.photo { margin: 0 48px 0 64px; }
div#content div#cours-piano-mont-saint-bruno-michelle-blanchard h4 { margin: 0 44px 12px 44px; }
div#content div#cours-piano-mont-saint-bruno-michelle-blanchard p { margin: 8px 96px 16px 454px; }

div#content div#cours-piano-mont-saint-bruno-claude-rheaume { height: 460px; }
div#content div#cours-piano-mont-saint-bruno-claude-rheaume div.photo { margin: 24px 64px 0 48px; }
div#content div#cours-piano-mont-saint-bruno-claude-rheaume h4 { margin: 0 64px 12px 96px; }
div#content div#cours-piano-mont-saint-bruno-claude-rheaume h5 { margin: -8px 64px 0px 96px; }
div#content div#cours-piano-mont-saint-bruno-claude-rheaume p { margin: 8px 64px 16px 96px; }

div#content div#cours-piano-otterburn-park-sophie-morissette {  }
div#content div#cours-piano-otterburn-park-sophie-morissette div.photo { margin: 0 48px 0 64px; }
div#content div#cours-piano-otterburn-park-sophie-morissette h4 { margin: 0 44px 12px 44px; }
div#content div#cours-piano-otterburn-park-sophie-morissette p { margin: 8px 96px 16px 454px; }

div#content div#cours-piano-mont-saint-hilaire-valerie-lacroix {  }
div#content div#cours-piano-mont-saint-hilaire-valerie-lacroix div.photo { margin: 24px 64px 0 48px; }
div#content div#cours-piano-mont-saint-hilaire-valerie-lacroix h4 { margin: 0 64px 12px 96px; }
div#content div#cours-piano-mont-saint-hilaire-valerie-lacroix h5 { margin: -8px 64px 0px 96px; }
div#content div#cours-piano-mont-saint-hilaire-valerie-lacroix p { margin: 8px 64px 16px 96px; }

div#content div#cours-guitare-beloeil-gabriel-giguere {  }
div#content div#cours-guitare-beloeil-gabriel-giguere div.photo { margin: 0 48px 0 64px; }
div#content div#cours-guitare-beloeil-gabriel-giguere h4 { margin: 0 44px 12px 44px; }
div#content div#cours-guitare-beloeil-gabriel-giguere p { margin: 8px 96px 16px 64px; }

div#content div#cours-guitare-beloeil-anouk-lavoie {  }
div#content div#cours-guitare-beloeil-anouk-lavoie div.photo { margin: 0 64px 0 48px; }
div#content div#cours-guitare-beloeil-anouk-lavoie h4 { margin: 0 64px 12px 96px; }
div#content div#cours-guitare-beloeil-anouk-lavoie h5 { margin: -8px 64px 0px 96px; }
div#content div#cours-guitare-beloeil-anouk-lavoie p { margin: 8px 64px 16px 96px; }

div#content div#cours-guitare-beloeil-frederic-daunais {  }
div#content div#cours-guitare-beloeil-frederic-daunais div.photo { margin: 0 48px 0 64px; }
div#content div#cours-guitare-beloeil-frederic-daunais h4 { margin: 0 44px 12px 44px; }
div#content div#cours-guitare-beloeil-frederic-daunais p { margin: 8px 96px 16px 64px; }

div#content div#cours-guitare-beloeil-jacques-cote { height: 440px; }
div#content div#cours-guitare-beloeil-jacques-cote div.photo { margin: 0 64px 0 48px; }
div#content div#cours-guitare-beloeil-jacques-cote h4 { margin: 0 64px 12px 96px; }
div#content div#cours-guitare-beloeil-jacques-cote h5 { margin: -8px 64px 0px 96px; }
div#content div#cours-guitare-beloeil-jacques-cote p { margin: 8px 64px 16px 96px; }


/*=============================================================================
*
*============================================================================*/
div#footer {
   background-image: url("../img/background/footer-background.png");
   background-position: center center;
   background-repeat: repeat-x;
   background-color: #365f91;
   height: 160px;
}

/*=============================================================================
*
*============================================================================*/
div#copyright {
   width: 768px;
   margin: auto;
}

div#copyright p {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 100%;
   padding: 4px;
   margin: 2px 0 0 0;
   text-align: center;
}

div#copyright p a {
	color: #ffffff;
   text-decoration: none;
}

div#copyright p a:hover {
   text-decoration: underline;
}


/*=============================================================================
*
*============================================================================*/
div#sitemap {
   width: 768px;
   margin: auto;
   height: 112px;
   border-bottom: 1px solid #a7adba;
}

div#sitemap ul {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 150%;
   padding: 0;
   margin: 8px 0 0 8px;
   list-style-type: none;
   float: left;
}

div#sitemap ul.company {
   width: 108px;
}

div#sitemap ul.internet-strategy {
   width: 186px;
}

div#sitemap ul.web-marketing {
   width: 166px;
}

div#sitemap ul.resources {
   width: 146px;
}

div#sitemap ul.contact {
   width: 118px;
}

div#sitemap ul li {
   padding: 0;
   margin: 0;
}

div#sitemap ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

div#sitemap ul li a:hover {
   text-decoration: underline;
}

div#sitemap ul ul {
   margin: 0;
   padding: 0 0 0 12px;
}

div#sitemap ul ul li {
   padding: 0;
   margin: 2px 0;
}

div#sitemap ul ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: normal;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #7f8894;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #7f8894;
   text-decoration: none;
}