/* TYPOGRAPHY */

/* @font-face {
  font-family: 'robotobold';
  src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
       url('../fonts/roboto-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotobold_italic';
  src: url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-bolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotoitalic';
  src: url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotoregular';
  src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
       url('../fonts/roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} */

/* CUSTOM STYLES */

body {
  word-break: break-word;
}

html, body {
  /* height: 100%; */
  background-color: #f5f5f5;
}

body.toolbar-drawer {
  padding-top: 0px !important;
}

video {
  width: 100% !important;
  height: auto !important;
}

iframe {
  max-width: 100%;
}

.grille-special__body .region-search .content > form {
  display: none;
}

.grille-special__body .region-search .content #google-cse-results iframe {
  width: 100%;
}

.grille-special__body .region-search .block-google-cse h2 {
  color: #467FFE;
  font-size: 40px;
  letter-spacing: 1.5px;
}

.icones-reseaux__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.benne_icones li{
  text-align: center;
}

.benne_icones li a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  display: block;
  background: #fdbb33;
  padding: 7px 14px;
}

.benne_icones li a:hover {
  text-decoration: none;
  color: #000000 !important;
}

.benne_icones ul {
  list-style: none;
}

.page--404 .page--404__wrapper .page--404__message .list .list__item {
  margin-left: 0px;
}

.page--404 {
  padding-bottom: 30px;
}

#wrap {
  background-color: #f5f5f5;
}

#wrap .formation-continue__wrapper {
  padding-top: 0px;
}

#wrap .intro-main {
  top: -40px;
}

#sidebarNav {
  overflow-y: scroll;
  scrollbar-color: #004277 #467FFE;
  scrollbar-width: thin;
}

#sidebarNav::-webkit-scrollbar {
  width: 5px;
  background: #467FFE;
}

#sidebarNav::-webkit-scrollbar-thumb {
  background: #004277;
  -webkit-border-radius: 1px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#sidebarNav::-webkit-scrollbar-corner {
  background: #467FFE;
}

#toolbar {
  z-index: 99999;
}

#google-cse-results-searchbox-form input.search-google-submit {
  display: none;
}

.mobile .mobile__bottom #google-cse-results-searchbox-form input.input-search-google {
  width: 100%;
}

.mobile .mobile__bottom #google-cse-results-searchbox-form > div {
  width: 100%;
}

.mobile .mobile__bottom #google-cse-results-searchbox-form > div > div {
  width: 100%;
}

.sidebar-mobile .sidebar-mobile__bottom #google-cse-results-searchbox-form input.input-search-google {
  width: 100%;
}

.sidebar-mobile .sidebar-mobile__bottom #google-cse-results-searchbox-form > div {
  width: 100%;
}

.sidebar-mobile .sidebar-mobile__bottom form {
  background-color: #FFFFFF;
}

.sidenav-submenu__wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sidenav-submenu__item {
  font-size: 30px;
  margin-bottom: 25px;
}

.dropdown-btn,
.sidenav-menu__item {
  font-size: 20px;
}

@media only screen and (max-width: 479px) {
  .grille-special__header__desktop .icones-reseaux__wrapper  {
    display: none;
  }
}

.header-main__container #alertMessage{
 display: none;
}

.login .breadcrumb-wrapper,
.login .cart--desktop ,
.login .cart--ipad,
.login .grille--shawdow,
.login .item-list{
  display: none;
}

.logout_link {
  float: right;
}

.grille-special__body .picture-four__media--image img,
.grille-special__body .grille-third__right img,
.grille-special__body .card-img-top img {
  width: 100%;
  height: 100%;
}



/* CUSTOM STYLES - Anciens code pour l'album photo */
div.field-item.odd, div.field-item.even{
	float:left;
	padding:5px;
	}

.field-name-body .field-items .field-item{
	width:100%;
  }

.link-wrapper .language-link , .language-switcher-locale-url a.active{
  display: none;
}

.grille-primary:hover , .grille-secondary:hover , .grille-third:hover ,
.grille-primary--mini-card:hover, .article-top--image:hover,
.article-horizontal:hover , .article-vertical:hover, .card:hover {
  transition: all .4s ease;
  transform: translate3D(0,-1px,0) scale(1.02) !important;
}

.toolbar.toolbar-drawer .spacer--huge {
  height: 140px;
}

.toolbar .spacer--huge {
  height: 104px;
}

.toolbar.mobile-version .spacer--huge {
  height: 72px;
}

.panel-2col-stacked {
  overflow: hidden;
}

.navigation-primary__link.active {
  color: #467FFE;
}