/*
#@plugins/teatr-brezhonek/css/choariva2017.less
*/
/*
	Couleurs :
	 bandeau, liens : rgba(171, 33, 42, 1) / #AB212A
	 bandeau-sous : #b5222c
	 fil d'ariane : #C35942 / rgba(108, 33, 33, 1)
	 boutons : #601010
	 Bloc à propos fond : #f3f3f3
*/
.top-bar,
.top-bar ul {
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
a,
a:hover,
a:focus,
.pagination a {
  color: #ab212a;
}
li {
  list-style: none;
}
.button {
  background-color: #621010;
  color: #fff;
}
.button:hover,
.button:focus {
  background-color: #ffffff;
  color: #000;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #621010 transparent transparent;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  background-color: #b5232d;
  border: none;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu a {
  font-size: 0.9em;
}
.label {
  background-color: #621010;
  margin-right: 0.5em;
}
.label-light {
  background-color: rgba(134, 189, 168, 0.5);
}
.bullet > li {
  list-style: circle;
  list-style-position: inside;
}
.cache {
  display: none;
}
/* Liens externes */
a.spip_out:after,
a.external:after {
  content: "\0000a0\279A";
}
a[hreflang].spip_out:after,
a[hreflang].external:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\279A";
}
/* RESET GIS */
.leaflet-popup-content {
  font-size: 1.1em;
  line-height: 1.2em;
}
.leaflet-popup-content .date {
  border-radius: 0.5em;
  height: auto;
}
.leaflet-popup-content .spip_label {
  width: auto;
}
.leaflet-popup-content strong.title {
  margin-bottom: 1em;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: normal;
}
.bloc .leaflet-popup-content li {
  padding: 0;
}
.leaflet-popup-content p {
  margin: 0;
}
/* NAVIGATIONS */
.top-bar {
  position: relative;
}
.top-bar ul {
  position: inherit;
}
li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: 0;
  position: absolute;
  height: auto;
  width: 100%;
}
.is-dropdown-submenu-parent {
  position: inherit;
}
.is-dropdown-submenu > li {
  width: auto;
  display: inline-block;
}
#nav,
li.opens-right > .is-dropdown-submenu,
.title-bar {
  background-color: #ab212a;
}
#nav a {
  color: #fff;
  display: inline-block;
  padding-left: 0.5em;
  text-decoration: none;
}
#nav a:hover,
#nav ul > li:hover {
  background-color: #b5232d;
}
#nav ul > li > ul > li a:hover {
  background-color: #621010;
}
#nav,
.dropdown.menu {
  z-index: 100;
}
#nav .button {
  font-size: 0.9rem;
}
#langue {
  position: relative;
}
#langue > ul {
  position: absolute;
  bottom: -0.25em;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: right;
  right: 0.5em;
  width: 100%;
}
#langue > ul > li {
  display: inline-block;
}
#langue > ul > li > a {
  margin: 0;
}
#langue > ul > li > a {
  background: #fff;
  color: #ab212a;
}
#langue > ul > li.on > a {
  background: #ab212a;
  color: #fff;
}
#langue > ul li a:focus,
.nav#langue > ul li a:hover,
.nav#langue > ul li a:active {
  background: #621010;
  color: #fff;
}
#langue .button {
  padding: 0.5em 0.75em;
}
#breadcrumb {
  background-color: rgba(108, 33, 33, 0.9);
  position: relative;
  font-size: 0.8em;
  color: #fff;
  border-bottom: 1px solid #000;
  padding: 0.25em 0 0 0;
}
#breadcrumb strong.on {
  font-weight: 300;
}
#breadcrumb a:link,
#breadcrumb a:visited {
  color: #bc9a9a;
  text-decoration: underline #bc9a9a;
}
#breadcrumb a:hover {
  text-decoration: none;
}
#footer {
  background-color: rgba(134, 189, 168, 0.85);
  padding: 3em 0;
  margin-top: 3em;
  color: #fff;
}
.menu_articles {
  margin-top: 2em;
}
.menu_articles > ul > li {
  margin-top: 2em;
}
nav > .pagination {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  padding-top: 1em;
  margin-top: 2em;
}
.pagination li.sep {
  display: none;
}
.pagination .current {
  background-color: #ab212a;
}
.pagination a {
  display: inherit;
  background-color: rgba(98, 16, 16, 0.3);
  color: #fff;
}
.pagination a:hover {
  background-color: #fff;
  color: #ab212a;
}
#repertoire {
  padding-top: 3em;
}
.ressources > li > h2 {
  padding-top: 1.5em;
}
.ressources-l3 {
  margin-bottom: 2em;
  margin-top: -0.5em;
}
.ressources-l2 {
  border-bottom: none;
}
.item_repertoire > .icon {
  font-size: 1.5rem;
  vertical-align: super;
}
/*	TYPOS */
body {
  font-size: 1.2em;
  background: #ffffff url("//www.teatr-brezhonek.bzh/plugins/teatr-brezhonek/css/bharath-g-s-388435-unsplash.jpg") no-repeat fixed center top;
  background-size: cover;
}
p,
li,
h4,
.h4,
.compagnie {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}
h4 > small {
  font-size: 1em;
  color: #333;
}
h2,
.h2,
h3,
.h3 {
  font-family: 'Arima Madurai', serif;
  font-weight: 100;
  color: #481616;
  text-shadow: 0.01em 0.01em 0 #fff6;
  margin: 0.5em 0 0 0;
  line-height: 1.7em;
}
h2,
.h2 {
  font-size: 3em;
  padding: 0.25em 0 0.5em 0;
}
h3,
.h3 {
  font-size: 2em;
}
h4,
.h4 {
  font-size: 1em;
  text-transform: uppercase;
}
.large-2 > h4 {
  font-size: 0.8em;
}
#aside,
#extra {
  font-size: 0.85em;
  /* background: rgba(255, 255, 255, 0.25); */
  padding-top: 3.1em;
}
.page {
  width: 100%;
  margin: 0 auto;
}
/*Sinon Carte GIS passe au dessus de la NAV : */
.data-sticky-container {
  position: relative;
  z-index: 1001;
}
/* BLOC GENERAL */
a:link,
a:visited {
  text-decoration: underline #b5232d;
}
a:hover,
a:active {
  text-decoration: none;
}
a.button:link,
#creations .bloc > h4 > a:link,
a.button:visited,
#creations .bloc > h4 > a:visited {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  width: 100%;
}
p,
.p,
ul,
ol {
  padding: 0.25em;
  margin: 0 0 0.25em 0;
}
ul.spip > li {
  list-style-type: circle;
  list-style-position: inside;
}
.bloc {
  background: #f3f3f3;
  /* min-height: 100px; */
  position: relative;
  margin-bottom: 1em;
  padding-bottom: 0.01em;
}
.bloc > h3 {
  padding: 0.5em 0.5em 0 0.5em;
  font-size: 1.5em;
  text-align: center;
}
.bloc li {
  padding: 0.25em;
}
.bloc li a > i {
  margin-right: 0.25em;
  opacity: 0.7;
}
li.savoir_plus {
  position: relative;
  padding-bottom: 2rem;
}
li.savoir_plus p.texte-droite,
li.savoir_plus li.suite {
  position: absolute;
  bottom: 0;
  right: 0;
}
li.savoir_plus li.suite > a.button {
  margin: 0;
}
.option_bord {
  border: 0.4em solid #ffffff;
  box-shadow: 0 0 1em #000000 4;
}
.option_fond {
  background-color: rgba(255, 255, 255, 0.3);
}
.espacer {
  margin-top: 1.5em;
}
#content {
  background: #fff6;
}
.hover:hover {
  background-color: rgba(98, 16, 16, 0.1);
}
/* génériques */
.infos {
  background: #ccc;
  color: #fff;
  padding: 0.5em;
}
.secondaire {
  font-size: 0.95rem;
}
h2 > .secondaire {
  padding: 1em;
  font-size: 0.8em;
}
.suite {
  text-align: right;
}
.suite > a {
  padding: 0.25em;
}
.normal {
  font-style: 300;
  font-weight: normal;
}
.italique {
  font-style: italic;
}
.gras,
strong {
  font-weight: 500;
}
.texte-centrer {
  text-align: center;
}
.texte-droite {
  text-align: right;
}
.texte-gauche {
  text-align: left;
}
.fa > span,
.fa + span {
  display: none;
}
.button {
  font-size: 1.1rem;
}
svg {
  height: 1.5em;
  margin-right: 0.25em;
  vertical-align: middle;
  fill: #b5232d;
}
.spip_label {
  display: inline-block;
  width: 7em;
  text-align: right;
  margin-right: 0.25em;
  color: #0007;
  font-size: small;
}
.en_ligne {
  padding: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin-bottom: 0.25rem;
  display: inline-block;
}
.en_ligne > span {
  opacity: 0.7;
}
.en_ligne > strong {
  font-weight: 200;
}
.en_ligne > ul {
  display: inline-block;
  margin-left: 0.25rem;
}
.en_ligne > ul > li {
  display: inline-block;
}
.en_ligne > ul > li {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.en_ligne > ul > li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
.en_ligne {
  padding: 0.5rem;
  border-left: 1px solid #000000;
}
.bloc-info-tech > li > .label {
  font-size: inherit;
}
ul > li > ul {
  margin-left: 0;
}
/* Surtout utilisé sur les h4*/
.bloc-titre {
  padding: 0.5em;
  background: #b5232d;
  box-shadow: 0 0 1em #00000045;
  color: #fff;
  vertical-align: middle;
}
/* Surtout pour des blocs avec une illsutration (content) */
.relative {
  position: relative;
}
.bloc-image {
  /* le calcul par le navigateur, pas par LESS */
  left: calc(50% - 1em);
  position: absolute;
  top: -1.25em;
  width: 2em;
  background: red;
  z-index: 102;
  border-radius: 2em;
  height: 2em;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 0.5em #6666;
}
.bloc-image .spip_logo {
  width: auto;
  height: 100%;
}
.bloc-bouton {
  padding: 1em;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
  z-index: 101;
  margin-top: 1em;
  margin-bottom: 1em;
}
/* Pour les icones */
i.fa {
  font-size: 1.1rem;
  margin-right: 0.5rem;
  vertical-align: baseline;
}
i.fa-home {
  margin-top: -0.15em;
  font-size: 1.4em;
  margin-right: 0;
}
/* SPECIFICITES PAR BLOCS */
.decrocher {
  padding-left: 2em;
}
.recherche > li {
  padding: 0.5em;
}
.recherche > li:nth-child(even) {
  background-color: #fff5;
}
.recherche > li:nth-child(odd) {
  background-color: #00000014;
}
.form-large > form > ul > li {
  width: 25%;
}
.form-large > form > ul > li.input {
  width: 75%;
}
/*	FORMULAIRE Contact Libre */
.previsu {
  padding: 2em;
  border: 3px dashed #000;
  margin: 2em 0;
  background: #a0f7da1c;
  min-width: 100%;
}
#content p > a,
#aside p > a,
#extra p > a {
  text-decoration: underline;
  display: inline;
}
#aside li > a {
  display: block;
}
#content p > a:hover,
#content p > a:focus,
#aside p > a:hover,
#aside p > a:focus,
#extra p > a:hover,
#extra p > a:focus {
  background-color: #fff;
  color: #000;
  text-decoration: underline;
}
#content h3 > a:hover,
#content h3 > a:focus,
#nav li:hover,
#nav li:focus {
  background-color: #ab212a;
  color: #fff;
  text-decoration: none;
}
.menu input,
.menu select,
.menu a,
.menu button {
  height: 100%;
  margin-bottom: 0;
}
#content h3 > a {
  display: block;
  text-decoration: none;
}
#content .menu_articles h3 > a:hover,
#content .menu_articles h3 > a:focus {
  border-bottom: 1px solid #ab212a;
}
#content h4 > a {
  /*border-bottom: 1px solid @lien;*/
  text-decoration: none;
}
#content h4 > a:hover,
#content a:hover {
  border-bottom: transparent;
  text-decoration: none;
}
#content h4 > a:hover > svg {
  opacity: 0.5;
}
/*	PORTFOLIO	*/
.portfolio {
  width: 340px;
}
.portfolio-item {
  margin-top: 0.25em;
}
/*	AGENDA */
#agenda_liste {
  background: rgba(255, 255, 255, 0.7);
}
.agenda {
  min-height: 25em;
}
.agenda {
  padding: 0;
  margin: 0;
}
.agenda ul > li {
  padding: 0.5em;
}
.agenda ul > li .descriptif > a {
  display: block;
  line-height: 1.2em;
  border-bottom: none;
}
.agenda ul > li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.agenda li.grid-x:hover {
  background-color: rgba(98, 16, 16, 0.1);
}
.agenda li.grid-x:hover > .descriptif > h4 > a {
  color: #621010;
}
.agenda ul > li .date {
  color: #fff;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 0.9em;
  height: 3.3em;
  border-radius: 0 1em 0 0;
  width: 2em;
}
.agenda ul > li .date strong {
  padding: 0.2em 0.2em 0 0.2em;
}
.agenda ul > li .date span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  padding: 0 0.2em 0.2em 0.2em;
}
.agenda ul > li .date-double {
  border-radius: 1em 0 0 0;
  margin-right: 0.1em;
}
.agenda-type > button,
.agenda-type > span {
  margin: 0;
  margin-bottom: 0.15em;
  padding: 0.25em;
}
.troupe > h3 {
  line-height: 1em;
}
.descriptif {
  padding-left: 0.5em;
}
.descriptif > h4 > a > * {
  display: inline;
  padding: 0;
  margin: 0;
}
.descriptif > h4 {
  text-transform: none;
}
.descriptif > h4 > a {
  display: block;
}
.elmt {
  text-transform: uppercase;
  font-weight: normal;
}
.elmt.piece {
  font-weight: 300;
  color: #668e72;
}
.elmt.salle {
  font-weight: 300;
}
.sommaire .troupe,
.rubrique .piece,
.article .ville {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -0.03em;
}
.annee {
  text-align: center;
  color: #333;
}
/*	GIS	*/
.leaflet-container .leaflet-popup {
  min-width: 50%;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
  padding: 0 0 4px;
  height: auto;
  display: block;
  border-radius: 50%;
  margin: 2px;
  text-decoration: none;
}
#map_stage {
  min-height: 10em;
  max-height: 50em;
  margin-bottom: 1em;
}
/*	SPECIFICITÉS PAR PAGES */
.sommaire h2,
.sommaire h3 {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1em;
  /* background: red */
}
#twitter .date {
  background: rgba(29, 161, 242, 0.5);
  padding: 0.25em 0.5em;
  color: #fff;
}
#facebook .date {
  background: rgba(66, 103, 178, 0.5);
  padding: 0.25em 0.5em;
  color: #fff;
}
#creations .bloc > h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  margin-bottom: 0;
  z-index: 1;
  font-size: 1.2em;
}
#creations .bloc > h4 > a {
  text-align: center;
  padding: 0.5em;
  display: block;
  text-shadow: 0 0 0.3em #000;
  color: #fff;
}
#ressources svg {
  fill: #fff;
}
#informer .boutons {
  text-align: center;
}
#informer input[type="email"] {
  margin-bottom: 0;
}
/*	page evenements */
.liste.description {
  padding: 0;
}
.liste.description > li:first-child {
  background: rgba(255, 255, 250, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.liste.description > li > div:nth-child(2) {
  font-size: 0.9em;
}
.liste.description > li > div:first-child {
  text-align: right;
}
.liste.description > li span {
  vertical-align: text-top;
}
.liste.description > li a {
  padding-bottom: 0.5em;
  text-decoration: none;
}
/*	page infos ecrivain, piece, etc */
.bloc-info {
  border: 0.25em solid #fff;
  border-radius: 0.5em;
  background: #fff9;
  margin: 0 0.5rem;
}
.bloc-liste p {
  padding-left: 0;
  padding-right: 0;
}
h4.titre {
  font-size: 1.5em;
  text-transform: none;
  margin-bottom: 0;
  margin-top: 0.5em;
}
/* En ce moment */
.ermareman a {
  display: inline-block;
}
.ermareman .compagnie {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.ermareman .compagnie a {
  font-weight: 400;
}
.icon svg {
  width: 1em;
  margin-bottom: 0.25em;
}
dt.h4 {
  background-color: rgba(244, 244, 244, 0.7);
  padding: 0.25rem 0.5rem;
  margin: 0;
  border-radius: 1rem 1rem 1rem 0;
  display: inline-block;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transform: rotate(-2deg);
}
.annee_contexte {
  text-transform: lowercase;
  font-size: 0.9rem;
}
/*	INCLUSIONS */
/**/
.liste_pieces > ul > li.macaron {
  margin-bottom: 1em;
}
.macaron > a > div {
  width: 3em;
  display: inline-block;
}
.submenu li.macaron > a > div {
  width: 2em;
}
.macaron img {
  border-radius: 3em;
}
.cartouche h3 {
  margin-top: 0;
}
#nav .damkousked > a {
  color: #ffffffb3;
}
/* a propos, rubrique troupE */
.apropos {
  background: #fff;
  font-size: 0.9em;
  color: #333;
}
.apropos > ul > li > p:first-of-type {
  display: inline;
}
/*	IMAGES */
.illustration {
  list-style: none;
  margin: 0;
}
.adapt-img-wrapper,
.adapt-img-wrapper::after {
  max-width: none;
  width: 100%;
}
.vignette {
  margin-right: 0.5em;
}
/*
	HEADER
*/
#header .page,
#header .header {
  height: 4em;
  /* position: relative; margin: 0; padding: 0; */
}
#header .header {
  position: relative;
}
.header .h1 {
  position: absolute;
  bottom: -0.01em;
}
.header {
  margin: 0;
  padding: 0;
}
.header .spip_logo {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.header #slogan,
.header span {
  position: absolute;
  top: -1000em;
}
.header .h1 {
  margin: 0;
}
/* extraction de la balise <section> pour newsletter > site*/
.voir-navigateur {
  max-width: 35rem;
  margin: 0 auto;
  background-color: #fff;
}
.voir-navigateur img,
.voir-navigateur th {
  max-width: 100% !important;
}
.voir-navigateur center {
  min-width: auto !important;
}
.voir-navigateur table,
.voir-navigateur th,
.voir-navigateur tr,
.voir-navigateur td {
  border-collapse: separate !important;
}
.voir-navigateur .agenda {
  min-height: auto;
}
.voir-navigateur .texte,
.voir-navigateur > p {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
#partenaires {
  margin-top: 2rem;
  width: 100%;
}
#partenaires h5 {
  text-transform: uppercase;
  font-size: 1rem;
}
#partenaires ul {
  width: 100%;
}
/*	BreakPoints */
.dropdown.menu > li.opens-right > .is-dropdown-submenu:before {
  position: static;
  left: 0rem;
  right: 0rem;
  width: 100%;
  content: "";
  display: block;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  .width-50 {
    width: 100% !important;
  }
}
/* Medium and up */
/* Medium only */
@media screen and (max-width: 63.9375em) {
  .portfolio {
    width: 100%;
  }
}
@media screen and (max-width: 74.9375em) {
  .top-bar input {
    max-width: 100px;
  }
  #nav a {
    font-size: 0.9em;
  }
  .previsu {
    margin: 1em 0;
    padding: 1em;
    font-size: 0.8em;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  /* 	#nav > .page {max-width: 100%;} */
  .page {
    max-width: 1280px;
  }
}
/* Large only */