/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the default font size on small touch devices */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}
.diapo {
  -webkit-box-flex:1 100%;
  -moz-box-flex:1 100%;
  -webkit-flex:1 100%;
  -ms-flex:1 100%;
  flex:1 1 100%;
}
div.flexslider div.field-content {
  padding-left:10px;
  padding-right:10px;
}
img.adaptive-image {
  max-width:120%;
}
.flexslider .slides .views-field-field-film-image a {  display:block; }
#branding{
  margin:10px 0 0 5%;
  float:left;
  max-height:140px;
}
#primary-menu-bar{
  max-width: 100%;
  width: 100%;
  float:left;
  clear:none;
}

.region-header {
    max-height: 70px;
    max-width:30%;
}
#branding {
    max-width: 50%;;
}
.wrap-diapo {
  flex-flow:column;
}
.wrap-diapo .boutons .block .block-inner{ 
    background-color:#fff;
}
.boutons .block .block-inner { 
    width:80%
}
#header .responsive-menus-0-0 .primary-menu-wrapper {
    float: none;
}
#block-views-frontpage-slideshow-block-2 .frontpage-slideshow {
  font-size:90%;
  line-height:1;
  width:60%;
}
#block-views-frontpage-slideshow-block-2 .other-summary p {
  font-size:60%;
}
.flex-direction-nav a:before {
  background-image:url(images/arrow-left-mobile.png);
}
.flex-direction-nav a.flex-next:before {
  background-image:url(images/arrow-right-mobile.png);
}
.flex-direction-nav a:before,
.flex-direction-nav a {
  width:37px;
  height:38px;
}
.view-news-events .view-content .views-row {
  width:auto;
  float:none;
}