@charset "UTF-8";
@font-face {
  font-family: 'EcamBold';
  src: url("../fonts/ecam-bold_12-webfont.eot");
  src: url("../fonts/ecam-bold_12-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-bold_12-webfont.woff") format("woff"), url("../fonts/ecam-bold_12-webfont.ttf") format("truetype"), url("../fonts/ecam-bold_12-webfont.svg#EcamBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamBoldSwash';
  src: url("../fonts/ecambetaa-bold-alternate-for-web-webfont.eot");
  src: url("../fonts/ecambetaa-bold-alternate-for-web-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecambetaa-bold-alternate-for-web-webfont.woff") format("woff"), url("../fonts/ecambetaa-bold-alternate-for-web-webfont.ttf") format("truetype"), url("../fonts/ecambetaa-bold-alternate-for-web-webfont.svg#ecam_beta_abold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamItalic';
  src: url("../fonts/ecam-italic_14-webfont.eot");
  src: url("../fonts/ecam-italic_14-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-italic_14-webfont.woff") format("woff"), url("../fonts/ecam-italic_14-webfont.ttf") format("truetype"), url("../fonts/ecam-italic_14-webfont.svg#EcamItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamRegular';
  src: url("../fonts/ecam_43-webfont.eot");
  src: url("../fonts/ecam_43-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam_43-webfont.woff") format("woff"), url("../fonts/ecam_43-webfont.ttf") format("truetype"), url("../fonts/ecam_43-webfont.svg#EcamRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamRegularSwash';
  src: url("../fonts/ecambetaa-regular-alternate-for-web-webfont.eot");
  src: url("../fonts/ecambetaa-regular-alternate-for-web-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecambetaa-regular-alternate-for-web-webfont.woff") format("woff"), url("../fonts/ecambetaa-regular-alternate-for-web-webfont.ttf") format("truetype"), url("../fonts/ecambetaa-regular-alternate-for-web-webfont.svg#ecam_beta_aregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamBlack';
  src: url("../fonts/ecam-black_05-webfont.eot");
  src: url("../fonts/ecam-black_05-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-black_05-webfont.woff") format("woff"), url("../fonts/ecam-black_05-webfont.ttf") format("truetype"), url("../fonts/ecam-black_05-webfont.svg#EcamBlack") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamBlackSwash';
  src: url("../fonts/ecambetaa-black-alternate-for-web-webfont.eot");
  src: url("../fonts/ecambetaa-black-alternate-for-web-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecambetaa-black-alternate-for-web-webfont.woff") format("woff"), url("../fonts/ecambetaa-black-alternate-for-web-webfont.ttf") format("truetype"), url("../fonts/ecambetaa-black-alternate-for-web-webfont.svg#ecam_beta_a_swashblack") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamExtraBold';
  src: url("../fonts/ecam-extrabold_06-webfont.eot");
  src: url("../fonts/ecam-extrabold_06-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-extrabold_06-webfont.woff") format("woff"), url("../fonts/ecam-extrabold_06-webfont.ttf") format("truetype"), url("../fonts/ecam-extrabold_06-webfont.svg#EcamExtraBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamExtraLight';
  src: url("../fonts/ecam-extralight_01-webfont.eot");
  src: url("../fonts/ecam-extralight_01-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-extralight_01-webfont.woff") format("woff"), url("../fonts/ecam-extralight_01-webfont.ttf") format("truetype"), url("../fonts/ecam-extralight_01-webfont.svg#EcamExtraLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamHairline';
  src: url("../fonts/ecam-hairline_16-webfont.eot");
  src: url("../fonts/ecam-hairline_16-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-hairline_16-webfont.woff") format("woff"), url("../fonts/ecam-hairline_16-webfont.ttf") format("truetype"), url("../fonts/ecam-hairline_16-webfont.svg#EcamHairline") format("svg");
  font-weight: normal;
  font-style: normal; }
/*@font-face {
    font-family: 'EcamLight';
    src: url('../fonts/ecam-light_01-webfont.eot');
    src: url('../fonts/ecam-light_01-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ecam-light_01-webfont.woff') format('woff'),
         url('../fonts/ecam-light_01-webfont.ttf') format('truetype'),
         url('../fonts/ecam-light_01-webfont.svg#EcamLight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
  font-family: 'EcamLight';
  src: url("../fonts/ecambetaa-light-for-web-webfont.eot");
  src: url("../fonts/ecambetaa-light-for-web-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecambetaa-light-for-web-webfont.woff") format("woff"), url("../fonts/ecambetaa-light-for-web-webfont.ttf") format("truetype"), url("../fonts/ecambetaa-light-for-web-webfont.svg#ecam_beta_alight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamLightSwash';
  src: url("../fonts/ecambetaa-light-alternate-for-web-webfont.eot");
  src: url("../fonts/ecambetaa-light-alternate-for-web-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecambetaa-light-alternate-for-web-webfont.woff") format("woff"), url("../fonts/ecambetaa-light-alternate-for-web-webfont.ttf") format("truetype"), url("../fonts/ecambetaa-light-alternate-for-web-webfont.svg#ecam_beta_alight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EcamThin';
  src: url("../fonts/ecam-thin_01-webfont.eot");
  src: url("../fonts/ecam-thin_01-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ecam-thin_01-webfont.woff") format("woff"), url("../fonts/ecam-thin_01-webfont.ttf") format("truetype"), url("../fonts/ecam-thin_01-webfont.svg#EcamThin") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
#header .menu .m1 a{ background-image: url("../img/textes/header/1_01.gif"); }
#header .menu .m2 a{ background-image: url("../img/textes/header/1_02.gif"); }
#header .menu .m3 a{ background-image: url("../img/textes/header/1_03.gif"); }
#header .menu .m4 a{ background-image: url("../img/textes/header/1_04.gif"); }
#header .menu2 .m1 a{ background-image: url("../img/textes/header/2_01.gif"); }
#header .menu2 .m2 a{ background-image: url("../img/textes/header/2_02.gif"); }
#header .menu2 .m3 a{ background-image: url("../img/textes/header/2_03.gif"); }
#header .menu2 .m4 a{ background-image: url("../img/textes/header/2_04.gif"); }
*/
/*

h3{
	height: 118px;
	background: no-repeat left bottom;
	margin-bottom: 4px;
}
h3 span{
	visibility: hidden;
}
h3.t404{ background-image: url("../img/textes/h3/404.png"); }
h3.tDanse{ background-image: url("../img/textes/h3/danse.png"); }
h3.tAlaffiche{ background-image: url("../img/textes/h3/alaffiche.png"); }
h3.tGalerie{ background-image: url("../img/textes/h3/galerie.png"); }
h3.tCalendrier{ background-image: url("../img/textes/h3/calendrier.png"); }
h3.tEcole{ background-image: url("../img/textes/h3/ecole.png"); }
h3.tLecam{ background-image: url("../img/textes/h3/lecam.png"); }
h3.tAbo{ background-image: url("../img/textes/h3/abonnement.png"); }
h3.tArchives{ background-image: url("../img/textes/h3/archives.png"); }
h3.tInfos{ background-image: url("../img/textes/h3/infos.png"); }
h3.tPro{ background-image: url("../img/textes/h3/pro.png"); }
h3.tResa{ background-image: url("../img/textes/h3/reservation.png"); }


h3.tMois1{ background-image: url("../img/textes/h3/mois/1.png"); }
h3.tMois2{ background-image: url("../img/textes/h3/mois/2.png"); }
h3.tMois3{ background-image: url("../img/textes/h3/mois/3.png"); }
h3.tMois4{ background-image: url("../img/textes/h3/mois/4.png"); }
h3.tMois5{ background-image: url("../img/textes/h3/mois/5.png"); }
h3.tMois6{ background-image: url("../img/textes/h3/mois/6.png"); }
h3.tMois7{ background-image: url("../img/textes/h3/mois/7.png"); }
h3.tMois8{ background-image: url("../img/textes/h3/mois/8.png"); }
h3.tMois9{ background-image: url("../img/textes/h3/mois/9.png"); }
h3.tMois10{ background-image: url("../img/textes/h3/mois/10.png"); }
h3.tMois11{ background-image: url("../img/textes/h3/mois/11.png"); }
h3.tMois12{ background-image: url("../img/textes/h3/mois/12.png"); }

h3.tGenreatelier{ background-image: url("../img/textes/h3/genres/atelier.png"); }
h3.tGenrecirque{ background-image: url("../img/textes/h3/genres/cirque.png"); }
h3.tGenredanse{ background-image: url("../img/textes/h3/genres/danse.png"); }
h3.tGenrehors-les-murs{ background-image: url("../img/textes/h3/genres/horslesmurs.png"); }
h3.tGenrehumour{ background-image: url("../img/textes/h3/genres/humour.png"); }
h3.tGenrejeune-public{ background-image: url("../img/textes/h3/genres/jeune.png"); }
h3.tGenrelecture{ background-image: url("../img/textes/h3/genres/lecture.png"); }
h3.tGenremusique{ background-image: url("../img/textes/h3/genres/musique.png"); }
h3.tGenrerencontre{ background-image: url("../img/textes/h3/genres/rencontre.png"); }
h3.tGenrerepetition{ background-image: url("../img/textes/h3/genres/repetition.png"); }
h3.tGenrestage{ background-image: url("../img/textes/h3/genres/stage.png"); }
h3.tGenretheatre{ background-image: url("../img/textes/h3/genres/theatre.png"); }

*/
/*
.smhText{
	height: 117px;
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 5px;
	padding: 0;
}
.smhText span{
	visibility: hidden;
}
.smhText a{
	display: block;
	height: 21px;
	float: left;
	margin-top: 96px;
}
.smhText .mois, .smhText .mois_on{
	background: url("../img/textes/submenu/h_parmois.png") no-repeat top left;
	width: 80px;
}
.smhText .mois:hover, .smhText .mois_on{ background-position: left -21px; }
.smhText .genre, .smhText .genre_on{
	border-left: 2px solid #c20a3d;
	background: url("../img/textes/submenu/h_pargenre.png") no-repeat 4px top;
	width: 90px;
	margin-left: 2px;
}
.smhText .genre:hover, .smhText .genre_on{ background-position: 4px -21px; }



.smhResidence{ background-image: url("../img/textes/submenu/h_residence.png"); }
.smhExpo{ background-image: url("../img/textes/submenu/h_galerie.png"); }
.smhEcole{ background-image: url("../img/textes/submenu/h_ecole.png"); }


h4.smText{
	padding: 0;
	margin: 8px 0 0 0;
}
.smText{
	width: 180px;
	height: 36px;
	background-repeat: no-repeat;
}
.smText span{
	visibility: hidden;
}
.smSpectacle{ background-image: url("../img/textes/submenu/spectacles.png"); height: 43px; }
.smEcole{ background-image: url("../img/textes/submenu/ecole.png"); height: 70px; }
.smGalerie{ background-image: url("../img/textes/submenu/galerie.png"); height: 88px; }
.smEnimages{ background-image: url("../img/textes/submenu/enimages.png"); }
.smLequipe{ background-image: url("../img/textes/submenu/lequipe.png"); }
.smAvantApres{ background-image: url("../img/textes/submenu/avantapres.png"); }
.smPartenaires{ background-image: url("../img/textes/submenu/partenaires.png"); }
.smAbonnement{ background-image: url("../img/textes/submenu/abonnement.png"); }
.smAdhesion{ background-image: url("../img/textes/submenu/adhesion.png"); }
.smTarifs{ background-image: url("../img/textes/submenu/tarifs.png"); }
.smReservation{ background-image: url("../img/textes/submenu/reservation.png"); }
.smNouscontacter{ background-image: url("../img/textes/submenu/nouscontacter.png"); }
.smVenir{ background-image: url("../img/textes/submenu/venir.png"); }
.smTelechargement{ background-image: url("../img/textes/submenu/telechargement.png"); }

*/
html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p {
  border: none;
  margin: 0;
  padding: 0; }

body {
  font-family: Verdana;
  background: #f3f3f0;
  color: #000;
  font-size: 12px;
  line-height: 18px;
  padding-top: 164px; }

iframe, img {
  border: none;
  display: block; }

.inline {
  display: inline; }

.clear {
  clear: both; }

.swsh {
       /*
  position: relative;
  margin-left: -0.3em;
*/ }

p {
  margin: 4px 0 5px;
  padding: 0;
  line-height: 18px; }

.smaller, .savoir-plus, .home .p {
  font-size: 11px;
  line-height: 18px; }

.italic {
  font-style: italic; }

.bleu, .genre, .savoir-plus, aside article h3, article.event h3, article.event > .col2 > div.scolaire,
.cover {
  color: #88c0b3; }

.gris {
  color: #666; }

sup {
  font-size: .65em;
  line-height: 1em;
  position: relative;
  bottom: .35em;
  letter-spacing: .1em;
  vertical-align: baseline; }

.sep {
  position: relative;
  bottom: .1em;
  padding: 0 .15em;
  font-size: .8em;
  line-height: 1em; }

a {
  color: #000;
  text-decoration: none; }
  a:hover, a:hover .gris {
    color: #88c0b3; }

p a {
  color: #88c0b3; }
  p a:hover {
    color: #c9c9c9; }

ul {
  list-style: none; }

h1, .h1 {
  position: relative;
  font: normal 50px/.9em "EcamBlack", Arial;
  letter-spacing: .02em;
  text-transform: uppercase; }
  h1 .swsh, .h1 .swsh {
    /* font-family: "EcamBlackSwash"; */ }
  h1 > span,
  h1 > a, .h1 > span,
  .h1 > a {
    display: block;
    position: absolute;
    bottom: 0; }
  h1 .swsh, .h1 .swsh {
       /*
  display: inline;
*/ }

h2, .h2, article.event h1, article.eventitem h1, .abo section.chapitre .col3 h3, .tarifs section.chapitre .big-titre h3:first-child, .infos section.chapitre .col4 h3, .home section article h1 {
  font: normal 36px/32px "EcamBlack", Arial;
  letter-spacing: .05em;
  text-transform: uppercase; }
  h2 .swsh, .h2 .swsh, article.event h1 .swsh, article.eventitem h1 .swsh, .abo section.chapitre .col3 h3 .swsh, .tarifs section.chapitre .big-titre h3:first-child .swsh, .infos section.chapitre .col4 h3 .swsh, .home section article h1 .swsh {
    /* font-family: "EcamBlackSwash"; */ }
  h2.light, .h2.light, article.event h1.light, article.event h2, article.eventitem h1.light, article.eventitem h2, section.chapitre h2, .abo section.chapitre .col3 h3.light, .tarifs section.chapitre .big-titre h3.light:first-child, .infos section.chapitre .col4 h3.light, .slidectrl, .home section article h1.light, .home section article h2, section.cal h1 {
    font-family: "EcamLight";
    font-size: 32px;
    line-height: 30px; }
    h2.light .swsh, .h2.light .swsh, article.event h1.light .swsh, article.event h2 .swsh, article.eventitem h1.light .swsh, article.eventitem h2 .swsh, section.chapitre h2 .swsh, .abo section.chapitre .col3 h3.light .swsh, .tarifs section.chapitre .big-titre h3.light:first-child .swsh, .infos section.chapitre .col4 h3.light .swsh, .slidectrl .swsh, .home section article h1.light .swsh, .home section article h2 .swsh, section.cal h1 .swsh {
      /* font-family: "EcamLightSwash"; */ }

h3, .h3, aside h1, aside .h1, section.cal article h1, section.cal article h2 {
  font: normal 27px/24px "EcamBlack", Arial;
  letter-spacing: .05em;
  text-transform: uppercase; }
  h3 .swsh, .h3 .swsh, aside h1 .swsh, aside .h1 .swsh, section.cal article h1 .swsh, section.cal article h2 .swsh {
    /* font-family: "EcamBlackSwash"; */ }
  h3.light, .h3.light, aside h1.light, aside .light.h1, section.cal article h1.light, section.cal article h2.light {
    font-family: "EcamRegular";
    font-size: 24px;
    line-height: 22px; }

h4, .h4, aside h1 a.actif, aside .h1 a.actif, aside nav a, section nav, .abo section.chapitre .col3 h4, .home-col.col1 h1 {
  font: normal 20px/18px "EcamBlack", Arial;
  letter-spacing: .075em;
  text-transform: uppercase; }
  h4 strong, .h4 strong, aside h1 a.actif strong, aside .h1 a.actif strong, aside nav a strong, section nav strong, .abo section.chapitre .col3 h4 strong, .home-col.col1 h1 strong {
    font-weight: normal; }
  h4 .swsh, .h4 .swsh, aside h1 a.actif .swsh, aside .h1 a.actif .swsh, aside nav a .swsh, section nav .swsh, .abo section.chapitre .col3 h4 .swsh, .home-col.col1 h1 .swsh {
    /* font-family: "EcamBlackSwash"; */ }
  h4.light, .h4.light, aside h1 a, aside .h1 a, aside h1 a.light.actif, aside .h1 a.light.actif, aside nav a.light, section nav.light, section nav a, section.chapitre h3, .abo section.chapitre th, .abo section.chapitre .col3 h4.light, .infos section.chapitre .col4 h4, .home-col.col1 h1.light, .home-col.col1 h2 {
    font: normal 18px/16px "EcamRegular";
    letter-spacing: .075em;
    text-transform: uppercase; }

h5, .h5, aside article h2, article.event time, article.eventitem time, .home section article .news h1,
.home section article time, section.cal time {
  font: normal 18px/18px "EcamBold", Arial;
  letter-spacing: .075em;
  text-transform: uppercase; }
  h5 .swsh, .h5 .swsh, aside article h2 .swsh, article.event time .swsh, article.eventitem time .swsh, .home section article .news h1 .swsh,
  .home section article time .swsh, section.cal time .swsh {
    /* font-family: "EcamBoldSwash"; */ }
  h5 strong, .h5 strong, aside article h2 strong, article.event time strong, article.eventitem time strong, .home section article .news h1 strong,
  .home section article time strong, section.cal time strong {
    font: normal 20px/20px "EcamBlack"; }

h6, .h6, .genre, aside article h3, article.event h3, article.event > .col2 > div.scolaire {
  font: normal 18px/18px "EcamRegular", Arial;
  letter-spacing: .075em;
  text-transform: uppercase; }
  h6 .swsh, .h6 .swsh, .genre .swsh, aside article h3 .swsh, article.event h3 .swsh, article.event > .col2 > div.scolaire .swsh {
    /* font-family: "EcamRegularSwash"; */ }

.rubrique, aside article h3, .home section article .genre {
  padding: 5px 0;
  border-width: 0 0 1px;
  border-style: solid; }

.rubrique-top, article.event h3 {
  padding: 5px 0;
  border-width: 1px 0 0;
  border-style: solid; }

time {
  display: block; }

.los {
  position: relative;
  bottom: .1em;
  font: normal .8em/.1em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Arial Unicode MS";
  color: #88c0b3; }

.arrow,
.link a {
  display: inline-block;
  padding-left: 14px; }
  .arrow:before,
  .link a:before {
    display: inline-block;
    width: 14px;
    margin-left: -14px;
    content: "> ";
    font-family: "EcamRegular";
    font-weight: normal;
    position: relative;
    bottom: .1em; }
  .smaller .arrow, .savoir-plus .arrow, .home .p .arrow, .smaller
  .link a, .savoir-plus
  .link a, .home .p
  .link a {
    padding-left: 12px; }
    .smaller .arrow:before, .savoir-plus .arrow:before, .home .p .arrow:before, .smaller
    .link a:before, .savoir-plus
    .link a:before, .home .p
    .link a:before {
      width: 12px;
      margin-left: -12px; }

p.arrow {
  display: block; }

.link a {
  display: block; }
  .link a + br {
    display: none; }

.savoir-plus {
  margin: 9px 0 0;
  padding: 9px 0;
  border-top: 1px solid #88c0b3; }

.row {
  margin: 0 -5px; }

.col1,
.col2,
.col3,
.col4,
.col5,
.col05 {
  margin: 0 5px;
  position: relative;
  float: left; }

.col1 {
  width: 180px; }

.col2 {
  width: 370px; }

.col3 {
  width: 560px; }

.col4 {
  width: 750px; }

.col5 {
  width: 940px; }

.col05 {
  width: 85px; }

.ecol1,
.ecol2,
.ecol3,
.ecol4,
.ecol5 {
  float: left; }

.ecol1 {
  width: 190px; }

.ecol2 {
  width: 380px; }

.ecol3 {
  width: 570px; }

.ecol4 {
  width: 760px; }

.ecol5 {
  width: 950px; }

/*1ère ligne */
#top {
  position: fixed;
  left: 50%;
  margin-left: -490px;
  z-index: 999;
  top: 0;
  width: 980px;
  height: 50px;
  background-color: #f3f3f0;
  font-family: "EcamExtraBold";
  font-size: 50px;
  line-height: .5em;
  color: #88c0b3; }

#logo, #tel {
  position: absolute; }

#logo {
  left: 15px;
  bottom: -20px; }
  #logo a {
    display: block;
    height: auto;
    color: #88c0b3;
    margin: -5px 0 0 -.3em;
    padding: 0 0 4px; }
    #logo a span.swsh {
      	          /*
        	margin-left:0;
        	font-family: "EcamBlackSwash";
        */ }

#tel {
  font-size: 40px;
  line-height: .65em;
  left: 585px;
  bottom: 7px; }

/* navigation */
#header {
  width: 965px;
  height: 114px;
  background-color: #88c0b3;
  position: fixed;
  z-index: 1000;
  top: 50px;
  left: 50%;
  padding: 9px 0 9px 15px;
  margin: 0 0 0 -490px;
  z-index: 1000;
  box-shadow: -2px 2px 6px #999;
  -moz-box-shadow: -2px 2px 6px #999;
  -webkit-box-shadow: -2px 2px 6px #999;
  color: #f3f3f0; }
  #header .menu,
  #header .menu2,
  #header .menu3 {
    font-family: "EcamRegular", Arial;
    text-transform: uppercase;
    width: 180px;
    height: 130px;
    padding: 5px;
    float: left;
    list-style: none; }
    #header .menu li,
    #header .menu2 li,
    #header .menu3 li {
      border-bottom: 1px solid #f3f3f0; }
      #header .menu li.m5,
      #header .menu2 li.m5,
      #header .menu3 li.m5 {
        border-bottom: none; }
    #header .menu a,
    #header .menu2 a,
    #header .menu3 a {
      color: #f3f3f0;
      text-decoration: none;
      display: block;
      font-size: 18px;
      line-height: 18px;
      padding-top: 2px;
      height: 23px;
      background-repeat: no-repeat;
      font-weight: normal; }
      #header .menu a:hover,
      #header .menu2 a:hover,
      #header .menu3 a:hover {
        color: #f3f3f0;
        background-position: bottom left; }
    #header .menu .actif a,
    #header .menu2 .actif a,
    #header .menu3 .actif a {
      color: #f3f3f0; }
  #header .menu {
    width: 200px;
    padding-left: 180px;
    font: normal 20px/20px "EcamBold";
    letter-spacing: .05em; }
  #header .menu2 a .swsh {
    /* font-family: "EcamRegularSwash"; */ }
  #header .menu2 a,
  #header .menu3 a {
    font-size: 16px;
    line-height: 16px;
    padding-top: 3px;
    height: 22px; }
  #header .menu3 {
    font-family: "EcamBold"; }
    #header .menu3 li.fb a {
      background: url("../img/icone-facebook@2x.gif") no-repeat 0 6px;
      background-size: 12px;
      padding-left: 22px; }
      #header .menu3 li.fb a:hover {
        background-image: url("../img/icone-facebook-hover@2x.gif"); }
    #header .menu3 li.nl a {
      background: url("../img/icone-news@2x.gif") no-repeat 0 6px;
      background-size: 12px;
      padding-left: 22px; }
      #header .menu3 li.nl a:hover {
        background-image: url("../img/icone-news-hover@2x.gif"); }
    #header .menu3 a .swsh {
      /* font-family: "EcamBoldSwash"; */ }
  #header .menu4 {
    float: left;
    width: 180px;
    padding: 5px;
    margin: 0;
    height: 131px;
    color: #f3f3f0;
    font-size: 16px;
    font-family: "EcamRegular";
    list-style: none; }
    #header .menu4 li {
      line-height: 1.1em;
      margin: 0;
      padding: 3px 0 0;
      border-bottom: 1px solid #f3f3f0;
      height: 22px; }
      #header .menu4 li a {
        color: #f3f3f0;
        text-decoration: none; }
        #header .menu4 li a:hover {
          color: #f3f3f0; }
      #header .menu4 li strong {
        font-family: "EcamBold";
        font-weight: normal;
        letter-spacing: .05em; }
        #header .menu4 li strong span.swsh {
          /* font-family: "EcamBoldSwash"; */ }
      #header .menu4 li.tel {
        font-family: "EcamExtraBold";
        word-spacing: -.15em;
        font-size: 30px;
        line-height: .9em;
        letter-spacing: .05em;
        padding-top: 0;
        height: 29px; }
      #header .menu4 li.res {
        font-family: "EcamBold";
        text-transform: uppercase;
        letter-spacing: .1em; }
        #header .menu4 li.res span.swsh {
          /* font-family: "EcamBoldSwash"; */ }
      #header .menu4 li.met {
        background: url("../img/metro@2x.png") no-repeat left 4px;
        background-size: 16px;
        padding-left: 20px; }
        #header .menu4 li.met:hover {
          background-image: url("../img/metro-hover@2x.png"); }
      #header .menu4 li.adr {
        border-bottom: none; }

aside.notitle {
  margin-top: 122px; }
aside h1, aside .h1 {
  margin: 40px 0 4px;
  padding: 0;
  height: 78px; }
  aside h1 a, aside .h1 a {
    display: block; }
  aside h1 div, aside .h1 div {
    bottom: .15em; }
aside article h2 {
  padding: 9px 0;
  border-bottom: 1px solid #88c0b3; }
aside nav {
  border-top: 1px solid #88c0b3; }
  aside nav a {
    display: block;
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #000; }
    aside nav a:hover {
      color: #88c0b3;
      border-bottom-color: #88c0b3; }
    aside nav a time {
      font: normal 14px/16px "EcamRegular";
      margin: 5px 0 0;
      padding: 5px 0 0;
      border-top: 1px dotted #ccc; }
  aside nav a:hover time {
    border-top-color: #88c0b3; }
  aside nav ul ul a {
    font: normal 16px/18px "EcamRegular";
    text-transform: none;
    letter-spacing: .025em;
    border-bottom-color: #ccc;
    border-bottom-style: dotted; }
  aside nav .on a {
    color: #88c0b3;
    border-bottom-color: #88c0b3; }

#content {
  width: 950px;
  margin: 0 auto; }

section > h1 {
  position: relative;
  margin: 40px 0 4px;
  height: 78px; }
section h2.section {
  margin: 0 5px;
  padding: 9px 0;
  border-top: 1px solid #88c0b3; }
section > .ecol4 {
  margin: 0 -5px; }
section nav {
  padding: 9px 0;
  border-top: 1px solid #88c0b3; }

article.event {
  float: left;
  margin: 122px -5px 0;
  /* height 78px + margin-top 40px + margin-bottom 4px */ }
  article.event .col2 {
    border-top: 1px solid #88c0b3; }
  article.event h1 {
    padding: 9px 0 0; }
  article.event h3 {
    margin-top: 27px; }
    article.event h3 + p {
      margin-top: 0; }
  article.event .genre,
  article.event .scolaire,
  article.event time,
  article.event > .col2 > div {
    padding: 5px 0;
    border-top: 1px dotted #ccc; }
    article.event .genre:first-child,
    article.event .scolaire:first-child,
    article.event time:first-child,
    article.event > .col2 > div:first-child {
      border-top: none; }
  article.event > .col2 > div.scolaire {
    margin-top: 27px;
    border-top: 1px solid #88c0b3; }
  article.event > .col2 > div.media {
    margin: 27px 0 10px;
    padding: 0;
    border: none;
    background: #000; }
    article.event > .col2 > div.media + .media {
      margin-top: 10px; }
  article.event > .col2 > div > p:first-child {
    margin-top: 0; }
  article.event > .col2 > div > p:last-child {
    margin-bottom: 0; }

h1 + article.event {
  margin-top: 0; }

article.eventitem {
  clear: both;
  margin: 0 0 20px; }
  article.eventitem > .col1 {
    border-top: 1px solid #88c0b3; }
  article.eventitem .ecol3 .col2,
  article.eventitem .ecol3 .col1.nothumb {
    padding-top: 5px;
    border-top: 1px solid #88c0b3; }
  article.eventitem .genre,
  article.eventitem time,
  article.eventitem > .col1 > div {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc; }
    article.eventitem .genre:last-child,
    article.eventitem time:last-child,
    article.eventitem > .col1 > div:last-child {
      border-bottom: none; }
  article.eventitem .savoir-plus {
    padding: 5px 0;
    border-top: 1px dotted #ccc; }
  article.eventitem a:hover .savoir-plus {
    border-top-color: #88c0b3; }

.page {
  margin: 0 -5px; }
  .page > .col3,
  .page > .col1 {
    border-top: 1px solid #88c0b3; }

.bloc-titre .notitle,
.bloc-titre h1 {
  position: relative;
  margin: 40px 0 4px;
  height: 78px; }

section.chapitre {
  margin: 0 0 27px; }
  section.chapitre:after {
    content: '';
    display: block;
    clear: both; }
  section.chapitre > .col1,
  section.chapitre > .col2,
  section.chapitre > .col3,
  section.chapitre > .col4,
  section.chapitre > .ecol4 > .col4 {
    padding-top: 5px;
    border-top: 1px solid #88c0b3; }
  section.chapitre > .images {
    padding-top: 0;
    border: none; }
  section.chapitre h3 {
    margin-top: 5px; }
  section.chapitre p + h3 {
    margin-top: 27px; }

.abo section.chapitre table {
  width: 100%;
  margin: 5px 0 0;
  border-collapse: collapse; }
.abo section.chapitre td, .abo section.chapitre th {
  margin: 0;
  padding: 5px 0;
  border-top: 1px solid #ccc;
  text-align: left; }
.abo section.chapitre th {
  color: #88c0b3; }
.abo section.chapitre td {
  font-weight: bold; }
.abo section.chapitre .col3 h4 {
  clear: both; }
.abo section.chapitre .col3 table + h4,
.abo section.chapitre .col3 p + h4 {
  margin-top: 27px; }

.tarifs section.chapitre .col4 .row > .col1,
.tarifs section.chapitre .col4 .row > .col2 {
  border-top: 1px solid #ccc; }
  .tarifs section.chapitre .col4 .row > .col1 > h3,
  .tarifs section.chapitre .col4 .row > .col2 > h3 {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; }
.tarifs section.chapitre .big-titre h3:first-child {
  margin-top: 0; }

ul.tarifs li {
  padding: 5px 0;
  border-bottom: 1px solid #ccc; }
ul.tarifs strong {
  float: right; }
  ul.tarifs strong:after {
    content: '';
    clear: both; }

/* L’ECAM */
.lecam .images .imgMask {
  width: 750px;
  height: 400px;
  overflow: hidden;
  background-color: black; }

.slidectrl {
  margin: 0 -0.2em; }
  .slidectrl a {
    display: block;
    float: left;
    color: #000;
    padding: .3em .2em; }
    .slidectrl a.on {
      color: #88c0b3; }

#gmap {
  height: 400px; }

#footer {
  width: 950px;
  margin: 0 auto 40px auto;
  padding: 50px 0 0;
  overflow: hidden;
  clear: both;
  color: #000;
  font-size: 11px;
  line-height: 18px; }
  #footer .col1,
  #footer .col2,
  #footer .col3,
  #footer .col4,
  #footer .col05 {
    border-top: 1px solid #000; }
  #footer .col1 .col05 {
    border: none; }
  #footer .logo-footer {
    margin: 0 auto; }

.home .imgMask {
  width: 370px;
  height: 190px;
  overflow: hidden;
  margin-bottom: 0; }
.home section article .news h1,
.home section article time {
  padding: 9px 0;
  border-bottom: 1px solid #88c0b3; }
.home section article hgroup {
  margin-top: 9px; }
.home .artistes {
  height: 380px; }
.home img {
  margin-bottom: 0;
  display: block; }
.home .date {
  border-top: none;
  padding: 0; }
  .home .date.datebig {
    font-family: "EcamBold";
    display: block;
    font-weight: normal;
    font-size: 18px;
    line-height: .9em;
    padding: 9px 0; }
    .home .date.datebig sup {
      font-family: "EcamBlack"; }

.home-col {
  float: left;
  margin: 0 5px 3em;
  padding: 0; }
  .home-col.col1 .imgMask {
    width: 180px; }
  .home-col.col1 h1 {
    font-family: "EcamBlack"; }

.slideshow.artistes {
  width: 180px;
  padding: 0;
  margin: 0 -5px 3em;
  border-width: 0 5px;
  border-style: solid;
  border-color: #f3f3f0; }
  @media print {
    .slideshow.artistes {
      border-color: #fff; } }
  .slideshow.artistes a {
    display: block;
    width: 180px;
    box-sizing: border-box; }
  .slideshow.artistes h5 {
    margin: 0;
    padding: 9px 0 10px;
    border-bottom: 1px solid #18547c; }

section.cal {
  clear: both; }
  section.cal .col1,
  section.cal .col4 {
    border-top: 1px solid #88c0b3;
    padding: 9px 0; }
  section.cal article {
    display: block;
    position: relative;
    float: left;
    padding: 0;
    margin: 0 5px 10px;
    width: 180px;
    height: 190px; }
  section.cal a,
  section.cal .img,
  section.cal .text {
    display: block;
    width: 180px;
    height: 190px; }
  section.cal a {
    color: #000; }
  section.cal .img {
    background: #88c0b3; }
  section.cal .passe .img img {
    opacity: .3; }
  section.cal .passe:hover .img img {
    opacity: 1; }
  section.cal .text {
    position: absolute;
    left: 0;
    top: 0;
    background: #f3f3f0;
    border-top: 1px solid #88c0b3; }
  section.cal .img + .text {
    display: none; }
  section.cal article:hover .text {
    display: block; }
  section.cal .genre {
    padding: 5px 0;
    border-bottom: 1px solid #88c0b3; }
  section.cal time {
    padding: 5px 0 2px; }
  section.cal article h1 {
    font-size: 23px;
    line-height: 21px; }
  section.cal article h2 {
    font: normal 21px/19px "EcamLight"; }

/*# sourceMappingURL=style.css.map */