/*
 *   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 body 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;
}


body.sidebar-second #main-content {
	margin-right:0%;
}

#header #branding {
  float: none;
  min-width: inherit;
  text-align: center;
}
#name-and-slogan,
body.lang-en #name-and-slogan {
  float: none;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  width: auto;
}
#logo {
  float: none;
}
#block-widgets-s-socialmedia-profile-default {
	display:none;
}
#block-search-form {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  position: static;
  right: auto;
  width: 159px;
}
input[type="search"] {
  background-color: transparent;
  width: 107px;
}
#menu-bar .inner-menu-bar {
  position: static;
}
#menu-bar #block-locale-language {
  font-size: 85%;
  right: 3%;
}
#header .region-header {
  padding-top: 12px;
  float:none;
}

.view-3-col .views-row,
.col-3 {
  display: inline-block;
  margin-bottom: 34px;
  margin-right: 1%;
  vertical-align: top;
  width: 49%;
}
.view-3-col .views-row-3, .view-3-col .views-row-6, .view-3-col .views-row-9, .view-3-col .views-row-12, .view-3-col .views-row-15, .view-3-col .views-row-18, .view-3-col .views-row-21, .view-3-col .views-row-24, .view-3-col .views-row-27, .view-3-col .views-row-30, .view-3-col .views-row-33, .view-3-col .views-row-36, .view-3-col .views-row-39, .view-3-col .views-row-42, .view-3-col .views-row-45, .view-3-col .views-row-48, .view-3-col .views-row-51, .view-3-col .views-row-54, .view-3-col .views-row-57, .view-3-col .views-row-60, .view-3-col .views-row-63, .view-3-col .views-row-66 {
	margin-right:1%;
}
.col-3.last {
	margin-right:1%;
}
.view-3-col .views-row-even,
.col-3.even {
	margin-right:0;
}
.view-3-col.view-metiers .views-field-title {
    width: 85%;
}
.row-hist-cuir {
  display: block;
  width: 100%;
	margin-right: 0 !important;
}
#block-views-mode-accueil-home-tendance {
  width: 100%;
  margin-right:0;
  margin-bottom: 1px;
}
#block-views-mode-accueil-home-talent, #block-views-mode-accueil-home-viemarque {
  float: left;
  width: 49.9%;
  margin-bottom: 1px;
  margin-right:0;
}
#block-views-mode-accueil-home-talent {
  margin-bottom: 1px;
margin-right:0.16%;
}
#block-views-mode-accueil-home-viemarque {
  clear: none;
  margin-right: 0;
}
#block-views-mode-accueil-home-cuirinnove, #block-views-mode-accueil-home-avoir {
	display:none;
}

@media only screen and (max-width: 400px) {
	.view-3-col .views-row,
	.col-3 {
  margin-right: 0 !important;
  width: 100%;
}
}
@media only screen and (max-width: 530px) {
	#block-views-mode-accueil-home-tendance {
  width: 100%;
  margin-bottom: 1px;
}
#block-views-mode-accueil-home-cuirinnove, #block-views-mode-accueil-home-avoir {
	display:none;
  margin-bottom: 1px;
}
#block-views-mode-accueil-home-talent, #block-views-mode-accueil-home-viemarque {
  width: 100%;
  margin-bottom: 1px;
}
}
.quicktabs_main .quicktabs-views-group {
  display: block;
  width: 96%;
}


#block-imageblock-1,
#block-imageblock-3,
.vocabulary-categories-blog {
	margin-bottom:0;
}
#block-imageblock-1 .block-body,
#block-imageblock-3 .block-body,
.vocabulary-categories-blog .group-textes {
  color: #000;
  left: 0;
  position: relative;
  right: 0;
}
#block-imageblock-1 .block-body h1.block-title:before,
#block-imageblock-3 .block-body h1.block-title:before {
  color: #718999;
  line-height: 1em;
  margin-top: 30px;
}
.page-taxonomy-term-142 .vocabulary-categories-blog .group-textes h1 {
  color: #718999;
  margin-bottom: -7px !important;
}
#block-imageblock-1 .block-body p,
#block-imageblock-3 .block-body p,
.vocabulary-categories-blog .group-textes p {
	margin-bottom:0;
}
#block-imageblock-1 .block-image,
#block-imageblock-3 .block-image,
.vocabulary-categories-blog .field-name-field-couverture {
	display:none;
}



#block-views-fiches-pays-fichepays-anneen2,
#block-views-fiches-pays-fichepays-anneen1,
#block-views-fiches-pays-fichepays-anneen0 {
	display:block;
	width:100%;
	margin-right:0;
}

body.front .view-carousel-metiers .view-footer {
  margin-top: 5px;
}
body.front #block-views-timeline-vimeo-vimeo-carrousel .view-footer {
	margin-top:5px !important;
}
body.front #block-views-timeline-vimeo-vimeo-carrousel {
  margin-bottom: 40px;
}

#site-slogan {
  font-size: 1.2em;
}

img.site-logo {
	width:110px;
}


body.front #block-views-mode-accueil-home-atouts .views-row {
  width: 49.1%;
}
@media only screen and (max-width: 530px) {
body.front #block-views-mode-accueil-home-atouts .views-row {
  margin-right: 0;
  width: 100%;
}
}
#block-menu-block-1 .menu-block-wrapper {
  
  	-moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 2;
    column-gap: 50%;

}

.webform-client-form .webform-component--prenom, .webform-client-form .webform-component--courriel {
  display: block;
  margin-right: 0;
}
.webform-client-form .webform-component-textfield, .webform-client-form .webform-component-email {
  width: 100%;
}

.block-debouches-debouches-secteur .view-content,
#block-views-debouches-debouches-formation .view-content,
article.node-etablissement .field-name-field-diplome .field-items,
article.node-etablissement .field-name-field-secteur .field-items,
article.node-etablissement .field-name-field-metier .field-items {
	-moz-column-count:1;
	-webkit-column-count: 1;
	column-count:1;
}

#views-exposed-form-etablissements-page .views-exposed-form #edit-etablissement-wrapper, #views-exposed-form-etablissements-page .views-exposed-form #edit-secteur-wrapper, #views-exposed-form-etablissements-page .views-exposed-form #edit-diplome-wrapper {
  float: none;
  margin-right: 0;
  width: 90%;
}
.view-2-col .views-row, .col-2 {
  margin-right: 0;
  width: 100%;
}
#block-imageblock-4 .block-body {
  bottom: 30px;
  font-size: 0.875em;
  left: 25px;
}
@media only screen and (max-width: 410px) {
#block-imageblock-4 .block-body {
  bottom: 15px;
  font-size: 0.875em;
  left: 10px;
}
#block-imageblock-4 .block-body h2 {
  font-size: 2.6em;
}
}