/*
Theme Name: LE BRASS 2
Theme URI: http://lavillahermosa.com
Description: Wordpress theme for BRASS website
Author: La Villa Hermosa
Author URI: http://lavillahermosa.com
Version: 2.0
*/
.chromeframe {
  position: absolute;
  top: 0;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* Colors définitions */
.defs-only {
  position: absolute;
  height: 0;
  width: 0;
  overflow: none;
  left: -100%;
}
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
  font: 13px Helmet, Freesans, sans-serif;
}
/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */
@font-face {
  font-family: 'NewsGothBTRoman';
  src: url('_/fonts/tt0047m_.eot');
  src: url('_/fonts/tt0047m_.eot') format('embedded-opentype'), url('_/fonts/tt0047m_.woff') format('woff'), url('_/fonts/tt0047m_.ttf') format('truetype'), url('_/fonts/tt0047m_.svg#NewsGothBTRoman') format('svg');
}
@font-face {
  font-family: 'NewsGothBdXCnBTBold';
  src: url('_/fonts/tt0871m_.eot');
  src: url('_/fonts/tt0871m_.eot') format('embedded-opentype'), url('_/fonts/tt0871m_.woff') format('woff'), url('_/fonts/tt0871m_.ttf') format('truetype'), url('_/fonts/tt0871m_.svg#NewsGothBdXCnBTBold') format('svg');
}
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #3cd52e;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #3cd52e;
  color: #fff;
  text-shadow: none;
}
/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #3cd52e;
}
ins {
  background-color: #3cd52e;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #3cd52e;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {
  color: #3cd52e;
}
textarea:-moz-placeholder {
  color: #3cd52e;
}
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/


/**************************AJOUTS SUR THEME*********************************/

#filters{
	font-size:16px !important;
	color:black !important;
	margin-bottom:4px !important;
	line-height: 1em !important;
}

#filters a {
 text-decoration: none;
}
#filters a.active {
  text-decoration: underline;
}

#navig a{
	color:black !important;
}

#haut{
	margin-top:1rem !important;
	line-height: 1em !important;
}

#page .col
{

}
/**************************AJOUTS SUR THEME*********************************/




.clear {
  clear: both;
}
a {
  color: #000;
}
div,
li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  overflow-x: hidden;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1em;
}
h1 {
  font-size: 64px;
  line-height: 1em;
  text-transform: uppercase;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
}
h2 {
  font-size: 24px;
  line-height: 1em;
}
h4 {
  text-decoration: underline;
}
.interSpace {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-width: 1rem;
}
.gal img {
  width: 100%;
  height: auto;
}
.gal .caption {
  font-size: 10px;
  line-height: 1rem;
}
/*############MENU############*/
ul#menu {
  width: 100%;
  float: left;
}

ul#menu a {
  text-decoration: none;
}
ul#menu:after {
  display: block;
  content: '';
  clear: both;
}
ul#menu li {
  font-size: 2rem;
  line-height: 2rem;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
  width: 14rem;
  border-bottom: 1rem solid #000;
  border-left: 1rem solid #000;
}
ul#menu li ul li {
  border-left: none;
  margin-bottom: 0;
  width: 13rem;
}
ul#menu li.menu-item-has-children {
  border-bottom: none;
}
ul#menu li.menu-item-has-children ul {
  border-top: 1rem solid #000;
}
ul#menu li.menu-item-has-children ul li {
  display: none;
}
ul#menu li.menu-item-has-children.opened ul li {
  display: block;
}
ul#menu li.current-menu-item,
ul#menu li.current-menu-parent,
ul#menu li ul li.current-menu-item {
  border-color: #3cd52e;
}
ul#menu li.current-menu-parent ul {
  border-top: 1rem solid #3cd52e;
}
ul#menu li.current-menu-parent {
  border-bottom: none;
}
ul#menu li.current-menu-parent ul {
  display: block;
}
ul#menu li.active a {
  color: #3cd52e;
}
ul#menu li:last-child {
  margin-right: 0;
}
ul#menu li a {
  padding: 6px;
  display: block;
  text-decoration: none;
}
ul#menu li.misc a {
  padding: 3px;
}
/*############END MENU############*/
/*############MISC MENU#############*/
ul#miscMenu li a {
  text-decoration: none;
}
ul#miscMenu {
  margin-bottom: 9px;
  float: left;
}
ul#miscMenu li {
  float: left;
  font-size: 16px;
  line-height: 1em;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
  margin-right: 1rem;
  border-bottom: 1px solid #000;
}
ul#miscMenu li:after {
  content: '';
  clear: both;
  display: block;
}
ul#miscMenu #subMenu {
  margin-bottom: 2rem;
}
#subMenu {
  margin-right: 2rem;
}
#subMenu #gsearch {
  float: left;
  height: 18px;
  width: 14rem;
  margin-right: 1rem;
  margin-bottom: 9px;
}
.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus {
  box-shadow: none !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0px !important;
  border: none !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  height: 15px !important;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  padding-right: 0px !important;
}
.gsib_a {
  padding: 0 !important;
}
.gsst_a:hover .gscb_a,
.gsst_a:focus .gscb_a,
.gsst_a .gscb_a {
  color: #000 !important;
}
.gscb_a {
  font-size: 12px !important;
}
.gsc-input-box {
  padding: 0px !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  height: 18px !important;
}
.gsc-search-button {
  display: none !important;
}
#subMenu #subscribe-news,
#subMenu #location {
  float: left;
  line-height: 1em;
  font-size: 16px;
}
#subMenu #location {
  margin-bottom: 1rem;
}
#subMenu #soc {
  margin-left: 1rem;
  margin-right: 1rem;
  float: left;
  margin-bottom: 9px;
}
#subMenu #soc img {
  width: 20px;
  height: auto;
}
#subMenu #soc:after {
  display: block;
  content: '';
  clear: both;
}
#subMenu:after {
  display: block;
  content: '';
  clear: both;
}
/*###########END MISC MENU#############*/
#page {
  height: 100%;
  width: 100%;
}
#page #logoContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#page #logo {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#page #logo img {
  height: 100%;
  width: auto;
}
#delimiter {
  top: 0;
  float: right;
  background: #000;
}
#page .inside {
  margin-top: 0;
  min-height: 100%;
  border-bottom: 1px solid #000;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
}
/**************************CONTENT RULES*************************/
#page .inside .sCol {
  width: 14rem;
}
#page .inside .mCol {
  width: 29rem;
}
#page .inside .lCol {
  width: 44rem;
}
#page .inside .xlCol {
  max-width: 89rem;
}
/*VIGNETTES RULES*/
#page .inside .content .col.vignette a {
  text-decoration: none;
}
#page .inside .content .col.vignette .head {
  color: #000;
}
/*leaf post/general rules */
#page .inside .msr .col
 {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 1rem;
}
.single-event #page .inside .msr .col
 {
  padding-left: 0rem;
  padding-right: 1rem;
  margin-right: 1rem;
}
#page .inside .msr .col.lCol
 {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-right: 1rem;
}
#page .inside .listing .col {margin-right:0.6rem; padding:0px}
#page .inside .content .col a {
  text-decoration: none;
}
#page .inside .msr .colCont {
  padding: 0;
}
#page .inside .msr .colCont.focus {
  background: #3cd52e;
  color: #FFF;
}
#page .inside .msr .colCont a {
  color: #FFF;
}
.single-event #page .inside .msr .colCont a {
  color: #3cd52e;
}
#page .inside .msr .colCont .colList {
  margin-right: -2rem;
  position: relative;
}
#page .inside .msr .colCont .colList .col {
  padding-left: 6px;
}
#page .inside .msr .colCont .colList:after {
  content: '';
  display: block;
  clear: both;
}
#page .inside .content .col {
  float: left;
  margin-bottom: 2rem;
}
#page .inside .content > div {
  float: left;
  font-size: 16px;
  line-height: 18px;
  margin: 1rem 1rem 0 0;
}
#page .inside .content > div.msr {
  margin-right: 0;
}
#page .inside .col .interSpace:after,
#page .inside:after {
  content: '';
  display: block;
  clear: both;
}
#page .inside .content .announce {
  font-family: NewsGothBdXCnBTBold;
  font-size: 36px;
  line-height: 1em;
  text-transform: uppercase;
  padding:0px
}
#page .inside .content .announce p {
  margin: 1rem 0 0 0;
}
#page .inside .content .announce p:first-child {
  margin: 0;
}
#page .inside .content .col .bodyText {
  margin-top: 1rem;
}
#page .inside .content p {
  margin-bottom: 1rem;
}
#page .inside .content h3 {
  text-decoration: underline;
  margin-bottom: 1rem;
}
.practical {
  margin: 1rem 0 0 1rem;
  font-size: 12px;
  line-height: 1em;
}
.credits {
  font-size: 12px;
  line-height: 1em;
  margin: 0 0 0 2rem;
}
.single #page .inside .content a {
  text-decoration: underline;
}
.single #page .inside .content .projectTitle a {
  text-decoration: none;
}
.vimVid {
  width: 100%;
}
/*********************HEAD RULES************************/
div.head {
  border-left: 2px solid;
}
div.head > div {
  border-bottom: 2px solid;
  padding: 6px;
}
div.date {
  font-size: 30px;
  line-height: 1em;
}
div.head div.date span.day {
  font-size: 12px;
  vertical-align: text-top;
  line-height: 1em;
}
div.head > div.detail {
  font-size: 12px;
  text-transform: uppercase;
}
div.head div.title {
  position: relative;
  padding: 0;
}
div.head div.title div.collection {
  width: 20%;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}
div.head div.title div.collection div.coLogo img {
  -webkit-filter: invert(1);
  filter: invert(1);
  width: 100%;
}
div.focus div.head div.title div.collection div.coLogo img {
  -webkit-filter: none;
  filter: none;
}
div.head div.title div.collection div.pastille {
  font-family: NewsGothBdXCnBTBold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  width: 50px;
  height: 50px;
  border: 2px solid;
  border-right: none;
  position: relative;
  border-radius: 50px;
  left: 6px;
}
div.head div.title div.collection div.pastille div {
  position: absolute;
  width: 100%;
  left: 10px;
  top: 10px;
  width: 35px;
  z-index: 1000;
}
div.head div.title div.collection div.pastille:after {
  z-index: 1;
  position: absolute;
  top: -2px;
  right: 0;
  background: #FFF;
  content: '';
  width: 23px;
  height: 50px;
  display: block;
}
div.focus div.head div.title div.collection div.pastille:after {
  background: #3cd52e;
}
div.head div.title div.collection + div.detail {
  width: 80%;
  display: table-cell;
  vertical-align: top;
}
div.head div.title div.detail {
  padding: 0 0 0 6px;
}
div.head div.title div.detail > div {
  padding: 6px 6px 6px 0;
}
div.head div.title div.detail > div + div {
  border-top: 2px solid #000;
}
div.type {
  font-size: 12px;
  text-transform: lowercase;
}
div.author {
  font-size: 16px;
  line-height: 18px;
}
/**************************END HEAD RULES************************/
div.vernissage {
  border-bottom: 2px solid #000;
  padding: 6px 6px 6px 8px;
  display: table;
  width: 100%;
}
div.vernissage > div {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#page .inside .content div.vernissage p {
  margin: 0;
  font-size: 12px;
  line-height: 1em;
}
/********************PROJECT TYPO********************************/
.single-event .projectTitle.interSpace {
  border-color: #3cd52e;
}
.projectTitle.interSpace {
  border-color: #FFF;
}
.projectTitle {
  font-size: 33px;
  text-align: center;
  line-height: 42px;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 18px;
  border-left: 0;
}
.pageShowDetail .projectTitle {
  color: #3cd52e;
}
.projectContainer {
  padding: 0;
}
.projectContainer > div {
  padding: 0;
}
.projectContainer > div > div {
  padding: 6px;
}
/********************END PROJECT TYPO********************************/
#grid {
  position: absolute;
  left: 0;
  top: 0;
}
#grid .line {
  position: absolute;
  background: red;
}
.space {
  position: absolute;
  background: #FFF;
}
/**************************END CONTENT RULES************************/
/**************************NEWS************************************/
.infosPub {
  color: #3cd52e;
  font-size: 12px;
  line-height: 1em;
  font-family: NewsGothBTRoman;
  text-transform: uppercase;
  margin-top: 6px;
}
.illu img {
  width: 100%;
  height: auto;
  display: block;
  filter: url(#monochrome);
}
/*************************END NEWS************************************/
/**************************AGENDA*********************************
#navig{

   line-height:1em;
   padding-bottom:2rem;
   font-family:NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
   text-transform:uppercase;
   color:black;
   display: table-cell;

}
#navig div{
    display: inline-block;
    vertical-align: bottom;
}
#navig #month, #navig #prevnext{
     font-size:26px;
    margin-right:1rem;
    line-height:20px;
}

#filters{
    font-size:16px;
    text-align:text-bottom;
    line-height:1em;
    font-family:NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
     color:@season-color;
}
#navig  a{
    color:@season-color;
    text-decoration:none;

}

#navig #filters a.active, #agendaNavig #filters a:hover{
    text-decoration:underline;
}

ul#agenda{
    display:block;
    width:100%;
    font-size:12px;
}
ul#agenda>li.empty{
    display:none;
}

ul#agenda li{
    margin-bottom:2px;
}
ul#agenda>li{
    border-bottom:2px solid;

    border-left:2px solid;
    border-color:@season-color;
    margin-bottom:1rem;
    margin-right:1rem;

    min-height:14rem;
    font-size:30px;
    line-height:1em;
    float:left;

}

ul#agenda>li.today{
    background:@season-color;
    color:#FFF;
    border-color:#FFF;
}
ul#agenda>li.today a{
    color:#FFF;
}
ul#agenda>li>ul{
    border-top:2px solid;
    border-color:@season-color;
    padding:6px;
}
ul#agenda>li.today>ul{
   border-color:#FFF;

}

ul#agenda>li>ul>li>ul, ul#agenda>li>ul>li h4{
  border-left:1px solid;
   border-bottom:1px solid;
   padding:6px;
}
ul#agenda>li>ul>li>ul>li{
    margin-bottom:6px;
}
ul#agenda>li>ul>li>ul>li:last-child{
    margin:0;
}
ul#agenda .date{

   padding:6px;
}
ul#agenda li:after{
    clear:both;
    display:block;
    content:"";
}
ul#agenda>li>ul{
    font-size:12px;
    line-height:1.1em;

}
ul#agenda h4{
    font-family:NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}
span.day{
    font-size:12px;
    line-height:1em;
    vertical-align:text-top;
}

#page .inside .msr ul#agenda .col{
    padding:0;
    margin-bottom:1rem;
    min-height:auto;
    width:28rem;
}

/************************END AGENDA********************************/
/************************AGENDA 2********************************/
a.ticket-link,
a.fb-link,
a.info-link,
.single #page .inside .content a.ticket-link,
.single #page .inside .content a.fb-link {
  padding: 4px;
  font-size: 12px;
  line-height: 1em;
  background: black;
  color: white;
  margin-bottom: 0.5rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
a.fb-link,
.single #page .inside .content a.fb-link {
  background: white;
  padding: 0;
}
a.info-link {
  background: #3cd52e;
}
a.fb-link img,
.single #page .inside .content a.fb-link img {
  height: 20px;
  width: auto;
  vertical-align: middle;
  margin-top: -2px;
}
ul#agenda2 li {
  padding: 1rem 0;
  clear: both;
  border-bottom: 2px solid black;
}
ul#agenda2 li a {
  text-decoration: none;
}
ul#agenda2 li .thumb img {
  width: 100%;
  height: auto;
  filter: url(#monochrome);
}
ul#agenda2 li div.date,
ul#agenda2 li h2 {
  font-size: 30px;
  margin-bottom: 0.5rem;
}
ul#agenda2 li div.date + div.detail {
  font-size: 12px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
ul#agenda2 li div.type {
  margin-bottom: 0.5rem;
}
ul#agenda2 li div.struct {
  float: left;
  margin-right: 1rem;
}
ul#agenda2 li div.collection {
  float: left;
  width: 20%;
}
ul#agenda2 li div.coLogo img {
  -webkit-filter: invert(1);
  filter: invert(1);
  width: 100%;
}
ul#agenda2 li:after {
  display: block;
  content: '';
  clear: both;
}
/************************PROJECTS********************************/
.projectContainer > .interSpace > .detail {
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
}
.project a {
  color: #FFF;
  text-decoration: none;
}
.project {
  background: #3cd52e;
  color: #FFF;
}
#page .inside .msr .project {
  padding: 0 0 2rem 0;
}
.project > a > div,
.project > div {
  padding: 6px;
  border-color: #FFF;
  border-bottom: 1rem solid;
}
.project > a > div:last-child,
.project > div:last-child {
  border: none;
}
.project .projectTitle {
  margin-bottom: 0;
}
.project .detail {
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1em;
}
/***********************rubDetail******************************/
#page .inside .msr .colCont .colList .col.rubDetail,
.rubDetail {
  float: left;
  padding: 0 0 2rem 0;
}
.gForm {
  padding: 6px;
}
.gForm .formName {
  font-size: 33px;
  cursor: pointer;
  line-height: 42px;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
/************************SINGLE RUB********************************/
#page .inside .content.single > div,
#page .inside .content > div.singleRub {
  font-size: 19px !important;
  line-height: 1em;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
}
#page .inside .content.single > div strong,
#page .inside .content > div.singleRub strong{
  font-size: 24px !important;
  line-height: 1em;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
}
#page .inside .content > div.singleRub {
  width: 44rem;
}
#page .inside .content > div.singleRub h3 {
  text-decoration: underline;
  margin-bottom: 1rem;
}
#page .inside .content > div.singleRub p {
  text-indent: 0;
}
#page .inside .content > div.singleRub p:first-child {
  text-indent: 0;
}
#page .inside .content #map {
  width: 29rem;
  margin: 0 0 2rem 0;
  height: 39rem;
}
#page .inside .content #map img {
  max-width: none;
}
/************************END SINGLE RUB********************************/
/************************NEWSLETTER FORM********************************/
#newsletters-forms {
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
}
#newsletters-forms #mc-forms {
  font-size: 16px;
}
#newsletters-forms #mc-forms #mc-embedded-subscribe-form #mc-embedded-subscribe,
#newsletters-forms #mc-forms #ss-submit {
  line-height: 16px;
  background: #FFF;
  font-size: 16px;
  border: 2px solid #000;
  padding: 3px;
  position: relative;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
}
#newsletters-forms #mc-forms #mc-embedded-subscribe-form {
  float: none;
}
#newsletters-forms #mc-forms #mc-embedded-subscribe-form div {
  display: block;
}
#newsletters-forms #mc-forms #mc-embedded-subscribe-form input[type="text"],
#newsletters-forms #mc-forms #mc-embedded-subscribe-form input[type="email"] {
  border: 0;
  width: 200px;
  height: 17px;
  background: #3cd52e;
  margin-left: 1rem;
  color: white;
  border-bottom: 2px solid white;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
  line-height: 15px;
  font-size: 12px;
}
#newsletters-forms #mc-forms #mc-embedded-subscribe-form input[type="text"]::selection,
#newsletters-forms #mc-forms #mc-embedded-subscribe-form input[type="email"]::selection {
  background: #FFF;
  color: #000;
}
#newsletters-forms #mc-forms #mc_embed_signup .btn-close {
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 28px;
  cursor: pointer;
}
#newsletters-forms #mc-forms #mc_embed_signup .btn-close:before {
  content: '×';
  display: block;
}
#newsletters-forms #mc-forms #mc_embed_signup {
  border-left: 1rem black solid;
  border-bottom: 1rem black solid;
  width: 360px;
  color: white;
  background: #3cd52e;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#newsletters-forms #mc-forms #mc_embed_signup form {
  background: #3cd52e;
}
#newsletters-forms #mc-forms #mc_embed_signup form li {
  margin: 1rem 0;
}
#newsletters-forms #mc-forms #mc_embed_signup form input[type="checkbox"] {
  background: none;
  border: 1px solid black;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
}
#newsletters-forms #mc-forms #mc_embed_signup form input[type="checkbox"]:checked {
  background: black;
}
#newsletters-forms #mc-forms .mc-field-group {
  margin: 2rem 0;
}
#newsletters-forms #mc-forms .mc-field-group label {
  width: 40px;
  display: inline-block;
}
#newsletters-forms #mc-forms .mc-field-group.input-group label {
  width: auto;
  display: inline;
}
#newsletters-forms #mc-forms .response {
  line-height: 16px;
  margin-bottom: 1rem;
}
#mc-embedded-subscribe-form {
  float: left;
}
#mc-embedded-subscribe-form div {
  display: inline;
}
#mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="email"] {
  border: 0;
  width: 200px;
  height: 17px;
  background: white;
  margin-left: 1rem;
  color: white;
  border-bottom: 1px solid black;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
  line-height: 15px;
  font-size: 12px;
  display: inline;
}
#mc_embed_signup div.mce_inline_error {
  font-weight: normal;
  background: #3cd52e;
}
#mc-embedded-subscribe-form label {
  font-size: 16px;
  line-height: 1em;
}
#mc-embedded-subscribe-form #mc-embedded-subscribe,
#ss-submit {
  line-height: 16px;
  background: #FFF;
  font-size: 16px;
  border: 1px solid #000;
  padding: 3px;
  position: relative;
  display: inline;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
}
/************************END NEWSLETTER FORM********************************/
/*****************OPENCALL***************************/
#openCall {
  margin: 0 1rem 1rem 0;
}
#openCall h2 {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1em;
  padding: 0px 0px 6px 6px;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
}
.definition {
  /*background:#9fd6bc;*/
  font-family: 'NewsGothBTRoman', sans-serif;
  margin: 0 1rem 1rem 0;
  line-height: 1em;
  float: left;
  background: #3cd52e;
  font-size: 18px;
  position: relative;
  z-index: 100;
  color: #FFF;
}
.definition a {
  text-decoration: none;
  color: #FFF;
}
.definition .message {
  margin: 6px;
  word-wrap: break-word;
}
.definition img {
  width: 100%;
  display: block;
}
.definition .infos img {
  width: 18px;
  height: 18px;
}
.definition .social {
  margin-left: 24px;
}
.definition .infos:after {
  content: '';
  display: block;
  clear: both;
}
.definition .infos {
  font-family: NewsGothBdXCnBTBold;
  line-height: 1.2em;
  margin: 6px;
}
.definition .infos div {
  padding: 2px;
  border-left: 1px solid;
  border-bottom: 1px solid;
}
.definition .credits {
  color: #FFF;
}
/* BLOG
-------------------------------------------------------------------------------*/
#page #blogpost .projectTitle,
#page #blogpost .exergue {
  font-size: 44px;
  font-family: NewsGothBdXCnBTBold;
  line-height: 1em;
}
#page #blogpost .projectTitle {
  max-width: 29rem;
}
#page #blogpost div.col {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 1rem;
}
#page #blogpost .thumbnail {
  text-align: center;
  margin-top: 4rem;
}
#page #blogpost div.article {
  font-size: 22px;
  line-height: 26px;
  margin-top: 2rem;
}
#page #blogpost div.article .head {
  color: #3cd52e;
  margin-bottom: 4rem;
}
#page #blogpost div.article h2 {
  font-size: 26px;
  line-height: 28px;
  font-family: NewsGothBdXCnBTBold;
  text-transform: uppercase;
  margin-left: 4rem;
}
#page #blogpost .interview-question {
  color: #3cd52e;
  margin-left: 4rem;
}
#page #blogpost p {
/*  margin: 0;*/
}
#page #blogpost iframe {
  margin: 2rem 0;
}
#page #blogpost figure,
#page #blogpost .exergue {
  max-width: 80%;
  margin: 2rem auto;
}
#page #blog .listing,
#blogpost .listing {
  margin-top: 1rem;
}
#page #blog .listing .col,
#blogpost .listing .col {
  display: inline-block;
  float: none;
  vertical-align: top;
}
#blog .col.blogpost {
  overflow: hidden;
}
#blog .col.blogpost .projectTitle.sub {
  color: #000;
}
.col.blogpost img {
  max-width: 100%;
  height: auto;
}
.col.blogpost .projectTitle {
  line-height: 1em;
  color: #3cd52e;
  text-align: left;
  margin-bottom: 0;
}
.link.blogpost {
  background: #3cd52e;
}
.link.blogpost .projectTitle {
  color: #FFF;
}
.link.blogpost .projectTitle.sub {
  color: #000;
}
.link.blogpost img {
  margin-top: 1rem;
}
.single-event #page .inside .content .blogpost {
  margin-top: 1rem;
  padding-left: 1rem;
}
.single-event #page .inside .content .blogpost a {
  text-decoration: none;
}

.focusimg {position: relative;
text-align: center;
width: 100%;
height: 0;
background: #CCC;
overflow: hidden;
padding-top: calc(600 / 800 * 100%);
margin-bottom:0.5rem}

.focusimg.focusimghome {background: red;}

.focusimg img {position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;}


/* Print styles!
-------------------------------------------------------------------------------*/
/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (min-width: 480px) {
  ul#agenda > li.empty {
    display: block;
    opacity: 0.2;
  }
}
@media screen and (max-width: 480px) {
  #page .inside .lCol {
    width: 29rem;
  }
  #page .inside .content > div.singleRub {
    width: 29rem;
  }
  #page .inside .xlCol {
    width: 29rem;
  }
  #page #blogpost div.article {
    font-size: 16px;
    line-height: 18px;
  }
  #agenda2 .thumb {
    display: none;
  }
}




/* NEWSLETTER */

.page-id-59 .inside  .singleRub {    width: 50% !important;
    min-width: 300px;}

.page-id-59 .inside  .singleRub iframe {    height: 557px;
    width: 100%;}


/* DATE SINGLE */

/*.single .date .annee {float:right;padding-top: 0.3rem;}*/
.single .date .annee {padding-top: 0.3rem;}
.single .date .annee.floatnone {float: none; margin-top: 0.5rem;
display: block;}

/* Edit homepage 241104 hello at johangiraud.com */
img, object, embed {
  height: auto;
}

.home .content.cBloc {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
}
.home .sidebar {
  width: calc(100% - 2rem);
  float: none!important;
  /*margin: 1rem 0 0 0!important;*/
}

.home .sidebar > div:first-of-type:before {
  /*content: 'ACTUS';*/
  display: block;
  font-size: 2rem;
  line-height: 2rem;
  margin-top: 1rem;
  font-family: NewsGothBdXCnBTBold, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.home #page .inside .sidebar .mCol {
  width: 100%;
}

.home .msr {
  width: calc(100% - 1rem)!important;
  float: none!important;
}
.home #page .inside .msr .mCol .illu {
  /*display: none;*/
  margin-bottom: 2rem;
}

@media screen and (min-width: 750px) {
  .home .content.cBloc {
    max-width: calc(85% - 161.742px)
  }
  .home #page .inside .sidebar .mCol {
    width: 29rem;
  }
  .home .sidebar {
    width: calc(100% / 4);
  }

  .home .msr {
    width: calc(100% / 4 * 3 - 1rem)!important;
  }
}

@media screen and (min-width: 900px) {
  .home #page .inside .msr .mCol .illu {
    display: block;
    //width: 14rem;
    width: calc(100% / 4);
    margin-bottom: 0;
  }
}

@media screen and (max-width: 750px) {
  .home #page .inside .sidebar .col.announce iframe {
    height: auto!important;
  }
}


.home #page .inside .sidebar .col {
  padding: 0 1rem 2rem 1rem;
  margin-bottom: 0;
}

.home #page .inside .msr .vignette {
  width: 100%;
  border-bottom: 1px solid black;
  padding: 0 0 2rem;
}

.home #page .inside .msr .mCol .card-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.home #page .inside .msr .mCol .card-wrapper .head {
  border-left: 0;
  /*display: flex;
  flex-wrap: wrap;
  width: calc(100% / 4 * 3 - 3rem);*/
}

.home #page .inside .msr .mCol .card-wrapper .sCol {
  width: 100%;
}

.home #page .inside .msr .mCol .card-wrapper .head .title h2 {
  font-size: 30px;
}

.home #page .inside .msr .mCol .card-wrapper .head .title .detail > div {
  padding: 0 6px 6px 0;
}

@media screen and (min-width: 750px) {
  .home #page .inside .msr .vignette {
    width: calc(100% - 2rem);
  }
  .home #page .inside .msr .mCol .card-wrapper .head {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / 4 * 3 - 4rem);
  }
}

@media screen and (min-width: 900px) {
  .home #page .inside .msr .mCol .card-wrapper .sCol {
    width: 14rem;
  }
}

@media screen and (min-width: 1400px) {
  .home .content.cBloc {
    max-width: calc(100% - 161.742px)
  }
  .home #page .inside .msr .mCol .illu {
    width: 14rem;
  }
  .home #page .inside .msr .mCol .card-wrapper .sCol:last-of-type {
    width: calc(100% - 15rem);
  }
}

@media screen and (min-width: 1850px) {
  .home .content.cBloc {
    max-width: calc(100% - 161.742px)
  }
  .home #page .inside .msr .mCol .card-wrapper .head {
  //width: 59rem;
    width: auto;
  }
  .home #page .inside .msr .mCol .card-wrapper .head .sCol {
    width: 28rem;
  }
  .home #page .inside .msr .mCol .card-wrapper .head .title {
    margin-left: 1rem;
  }
}

.home #page .inside .msr .mCol .card-wrapper .head > div {
  padding: 0;
  border-bottom: 0;
}

.home #page .inside .msr .mCol .illu,
.home #page .inside .msr .mCol .date {
  margin-right: 1rem;
}



.home #page .inside .mCol .illu img {
  height: auto!important;
}

.home #page .inside .mCol .date .detail {
  /*font-size: 16px;*/
  line-height: 12px;
  margin-top: 0.5rem;
  padding: 0;
  font-size: 12px;
}

.home #page .inside .msr .mCol .card-wrapper .head .detail {
  padding: 0;
}

.home #page .inside .mCol .date .day {
  font-size: inherit;
  vertical-align: baseline;
  line-height: inherit;
}

.home #page .inside .mCol .title .detail a {
display: inline-block;
margin-right: 0.2rem;
}

/* Edit 251204 hello at johangiraud.com */

div#haut {
  display: flex;
  flex-wrap: wrap;
  //flex-direction: column-reverse;
  justify-content: space-between;
  margin-bottom: 1rem;
}
div#haut .newsletter-soc-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  div#haut {
    position: absolute;
    right: 0;
    margin-top: 1.5rem!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    margin-bottom: 0;
  }
  div#haut .newsletter-soc-wrapper {
    width: 100%;
    justify-content: end;
  }
  ul#menu {
    margin: 1rem 0;
  }
}
@media screen and (min-width: 1480px) {
  div#haut {
    align-items: center;
  }
  div#haut .newsletter-soc-wrapper {
    width: auto;
  }
}

#newsletter-link {
  width: 15.5rem;
}

#newsletter-link a {
  display: inline-block;
  width: 15.5rem;
  height: 2.6rem;
  background: transparent url(_/images/nl.svg) no-repeat center / 15rem;

  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
#subMenu #soc {
  width: 10rem;
  margin-bottom: 0;
  height: 3rem;
  display: flex;
  gap: 0.3rem;
  align-items: center;
}

#subMenu #soc img {
  width: 26px;
}

#search-box {
  right: 20px;
  top: 0;
  width: 16rem;
  height: 2.8rem;
  margin: 0.3rem 0;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1150px) {
  #search-box {
    margin-right: 1rem;
  }
}

.search-form {
  position: relative;
  display: flex;
  align-items: center;
}

.search-field {
  width: 155px;
  padding: 0 10px;
  height: 2.1rem;
  border: 1px solid black;
  transition: width .3s ease, opacity .3s ease, padding .3s ease;
}

.search-field:focus {
  outline: 0;
}

.search-submit img {
  width: 18px;
}
.search-submit {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  width: 2.7rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Search result page */
#page #search-page .sCol {
  width: auto;
}

#page #search-page h1 {
  font-size: 1.5rem;
}

#page #search-page .msr {
  margin: 1rem 1rem 5rem -1rem;
}

#page #search-page .col.blogpost {
  padding: 0;
  border-left: 1rem solid white;
  border-right: 1rem solid white;
}
#page #search-page .col.blogpost img {
  margin-top: 0;
}

#page #search-page .col.blogpost .projectTitle {
  padding: 0 1rem 1rem;
}

/* Blog filters */
.blog-filters {
  width: 100%;
  float: none;
  margin-top: 0!important;
}

.blog-filters button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  outline: none;
  padding: 0;
  border: none;
  font-size: 16px;
  text-transform: lowercase;
  font-weight: normal;
  font-family: NewsGothBTRoman, Helvetica, Arial, sans-serif;
}

.blog-filters button.active {
  text-decoration: underline;
}

/* footer */

footer {
  clear: both;
  margin: -1rem 0 2rem;
  line-height: 1.2;
}
.error404 footer {
  margin-top: 2rem;
}