@import url('https://fonts.googleapis.com/css?family=Kaushan+Script|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i');

body {
  font-family: 'Roboto', sans-serif;
}

.container {
  max-width: 92rem;
}

/* ************* */
/*    BASE       */
/* ************* */
a {
  color: #1a6ea6;
}

a:hover {
  color: #f6d555;
}

.btn.success {
  color: white;
}

h1 {
  color: #1a6ea6;
  font-size: 2.4em;
  width: auto;
  min-width: 0;
  display: inline-block;
  background: white;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

h2 {
  color: #1a6ea6;
  font-size: 2.2em;
  width: auto;
  min-width: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin-top: 1em;
}

h3 {
  color: #1a6ea6;
  font-size: 2em;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin-top: 1em;
}

#main {
  padding-bottom: 2em;
}

#content_bottom_grey {
  background: #f3f3f3;
  padding-bottom: 2em;
}

.scroll_to_top {
  background: #1a6ea6;
  border-radius: 30px;
  padding: 10px;
  color: white;
  display: inline-block;
  margin-top: 1em;
  width: 45px;
}

/* ************* */
/*    HEADER     */
/* ************* */
#topbar {
  background: #000;
  color: white;
  padding: 5px;
}

#topbar p {
  margin-bottom: 0;
}

#header {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#header-menu {
  margin-bottom: 1.5rem;
}

#header-menu nav.navbar-light {
  background-color: white !important;
  color: #1a6ea6;
}

#header-menu nav.navbar-light > ul.navbar-nav a,
#header-menu nav.navbar-light > ul.navbar-nav a:link {
  color: black;
}

#header-menu nav.navbar-light > ul.navbar-nav ul a,
#header-menu nav.navbar-light > ul.navbar-nav ul a:link {
  color: white;
}

#header-menu .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  display: none;
}

input[type="submit"].search-button {
  font-family: "FontAwesome";
  color: #fff !important;
}

/* Dropdown au hover pour Bootstrap 4 */
.navbar .dropdown:hover .dropdown-menu {
  display: block;
}

.navbar .dropdown-toggle::after {
  margin-left: .255em;
}
/* Bordures autour des boutons de premier niveau */
.navbar .nav-bordered {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 10px;
  padding: 6px 12px;
}

/* Effet au hover */
.navbar .nav-bordered:hover {
  background-color: #f8f9fa;
  border-color: #999;
}

/* Pour éviter que le dropdown modifie la forme */
.navbar .dropdown-menu {
  margin-top: 0;
  padding: 0;
}

nav.menu--main > .navbar-nav > li {
  margin-right: 5px;
  border-radius: 5px;
  border: 1px solid #1a6ea6;
  background: white;
}
nav.menu--main .dropdown-item {
  color: white;
}
nav.menu--main .dropdown-item:hover {
  color: white !important;
  background-color: #1a6ea6;
}
nav.menu--main > .navbar-nav .dropdown-menu {
  min-width: 300px; /* minimum */
}

.title-bar {
  background: white;
  text-align: center;
  color: #1a6ea6;
}

.title-bar .menu-icon {
  margin-left: auto;
  margin-right: auto;
}

.menu.submenu.is-dropdown-submenu {
  border: none;
  background: #1a6ea6;
  z-index: 50;
  border: 1px solid #1a6ea6;
}


#taxonomy_menu__menu_link__categories__3 {
  border-color: #a9988d !important;
}

#taxonomy_menu__menu_link__categories__3 ul {
  border-color: #a9988d !important;
}

#taxonomy_menu__menu_link__categories__3 ul li {
  background: #a9988d;
  border-color: #a9988d !important;
}

#taxonomy_menu__menu_link__categories__1 {
  border-color: #8c63aa !important;
}

#taxonomy_menu__menu_link__categories__1 ul {
  border-color: #8c63aa !important;
}

#taxonomy_menu__menu_link__categories__1 ul li {
  background: #8c63aa;
  border-color: #8c63aa !important;
}

#taxonomy_menu__menu_link__categories__41 {
  border-color: #f7931d !important;
}

#taxonomy_menu__menu_link__categories__41 ul {
  border-color: #f7931d !important;
}

#taxonomy_menu__menu_link__categories__41 ul li {
  background: #f7931d;
}

#taxonomy_menu__menu_link__categories__2 {
  border-color: #ec008c !important;
}

#taxonomy_menu__menu_link__categories__2 ul {
  border-color: #ec008c !important;
}

#taxonomy_menu__menu_link__categories__2 ul li {
  background: #ec008c;
  border-color: #ec008c !important;
}

#taxonomy_menu__menu_link__categories__4 {
  border-color: #00aeef !important;
}

#taxonomy_menu__menu_link__categories__4 ul {
  border-color: #00aeef !important;
}

#taxonomy_menu__menu_link__categories__4 ul li {
  background: #00aeef;
  border-color: #00aeef !important;
}

#taxonomy_menu__menu_link__categories__30 {
  border-color: #a6ce38 !important;
}

#taxonomy_menu__menu_link__categories__30 ul {
  border-color: #a6ce38 !important;
}

#taxonomy_menu__menu_link__categories__30 ul li {
  background: #a6ce38;
  border-color: #a6ce38 !important;
}

#taxonomy_menu__menu_link__categories__80 {
  border-color: #ffed00 !important;
}

#taxonomy_menu__menu_link__categories__80 ul {
  border-color: #ffed00 !important;
}

#taxonomy_menu__menu_link__categories__80 ul li {
  background: #ffed00;
  border-color: #ffed00 !important;
}

#taxonomy_menu__menu_link__categories__81 {
  border-color: #78b22b !important;
}

#taxonomy_menu__menu_link__categories__81 ul {
  border-color: #78b22b !important;
}

#taxonomy_menu__menu_link__categories__81 ul li {
  background: #78b22b;
  border-color: #78b22b !important;
}

/* ************* */
/*    ACCUEIL     */
/* ************* */
.path-frontpage h1 {
  margin-top: 1rem;
  text-align: center;
  width: 100%;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 1em;
  font-variant: small-caps;
  color: white;
  background: #1a6ea6;
}

.categories-tuiles-home h2 {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: capitalize;
}

.categories-tuiles-home h3 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-style: normal;
}

.categories-tuiles-home .vignette {
  border: #1a6ea6 3px solid;
  position: relative;
}

.categories-tuiles-home img,
.image-style-vignettes-bloc-photos-produits,
.node-produit-photos-list img {
  width: 100%;
  height: auto !important;
}

.categories-tuiles-home .tuile .vignette .item-list {
  display: none;
}

.categories-tuiles-home .tuile:hover .vignette .item-list {
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  color: white !important;
  background: #1a6ea6;
  z-index: 100;
}

/* ************* */
/*    FOOTER     */
/* ************* */
footer#footer {
  border-top: #7bd3f7 5px solid;
  background: #1a6ea6;
  color: white;
}
footer {
  padding: 0;
}
#block-socommedbs-pictogrammetelephone img {
  width: 100%;
  height: 100% !important;
}

footer#footer a:link,
footer#footer a:visited {
  color: white;
}

.bottom-bar {
  margin-top: 1em;
}

/* ************* */
/*    NODE PRODUIT     */
/* ************* */
.produit-node h1 {
  text-align: center;
  display: block;
  width: 100%;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 0;
  font-variant: small-caps;
}

.produit-node h1 a:link,
.produit-node h1 a:visited {
  color: white;
}

.produit-node table {
  width: 100% !important;
}

.produit-node table caption {
  display: none;
}

.produit-node h2 {
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 1em;
  padding: 5px 10px;
  color: white;
  font-variant: small-caps;
  font-weight: 500;
  font-size: 1.7em;
  border-radius: 5px;
  box-shadow: 1px 1px 12px #555;
}

.node-produit-services-list {
  border-left: #1a6ea6 3px solid;
  border-right: #1a6ea6 3px solid;
  border-bottom: #1a6ea6 3px solid;
}

.node-produit-services-list .field__item {
  padding: 5px 10px;
}

.node-produit-services-list a:link,
.node-produit-services-list a:visited {
  color: black;
}

.node-produit-services-list a:hover {
  color: #1a6ea6;
}

.node-produit-photos-list {
  margin-top: 1em;
}

.node-produit-photos-list .field__item {
  padding: 10px 0;
}

.node-produit-photos-list img {
  border: #1a6ea6 3px solid;
}

.produit-node .produit-contenu {
  margin-top: 1em;
}

.produit-node .flag-selection-de-produits {
  margin: 1rem 0;
}
.field--name-field-cotes-encombrement img {
  width: 100%;
  height: auto !important;
}

#content_bottom_second {
  background: transparent url('/themes/socommed/images/personnel_medical.jpg') no-repeat bottom center;
  min-height: 125px;
}

/* ************* */
/*    CATEGORY   */
/* ************* */
body.path-taxonomy h1 {
  text-align: center;
  display: block;
  width: 100%;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 1em;
  font-variant: small-caps;
  color: white;
  background: #1a6ea6;
}

.category-products-tree li {
  margin-left: 1em;
}

.category-products-tree li:before {
  content: '\f096';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  padding-top: 1px;
  color: white;
}

.category-page-view .views-row h2 {
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  margin-top: 0;
  font-variant: small-caps;
  color: #1a6ea6;
  position: relative;
}

.category-page-view .views-row h2 a {
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 1;
  padding-right: 20px;
}

.category-page-view .views-row h2 span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1;
  border-top: 10px dotted #1a6ea6;
}

.category-page-view .views-row .callout.secondary {
  background: #1a6ea6;
}

.category-page-view .views-row .callout.secondary a:link,
.category-page-view .views-row .callout.secondary a:visited {
  color: white;
}

.category-page-view .views-row .callout.secondary a:hover {
  color: #f6d555;
}

.path-taxonomy .views-view-grid .row .column {
  margin-bottom: 1em;
}

/* DIAPORAMA */
.orbit-caption {
  display: none;
  opacity: 0;
  transform: scale(0);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.orbit-figure:hover .orbit-caption {
  display: block;
  transform: scale(1);
  opacity: 1;
  animation: anim_show .3s ease-in-out;
}

/* PRODUITS PHARES TEXTES */
#block-views-block-produits-phares-block-1 h2 {
  text-align: center;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 1em;
  font-variant: small-caps;
  color: white;
  background: #7bd3f7;
}

#block-views-block-produits-phares-block-1 h3 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-style: normal;
}

/* LISTE DES SERVICES BAS DE PAGE */
#block-socommedbs-lienverslesservices h2 {
  text-align: center;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 1em;
  font-variant: small-caps;
  color: white;
  background: #7bd3f7;
}
#block-socommedbs-lienverslesservices h2 a {
  color: white;
}
#block-socommedbs-lienverslesservices h2 a:hover {
  color: #f6d555;
  text-decoration: none;
}

#block-views-block-liste-des-services-bas-de-page-block-1 h3 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-style: normal;
}

/* LISTE DES PRODUITS */
.category-page-view .category-products-footer h2 {
  display: none;
  opacity: 0;
  transform: scale(0);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.category-page-view .category-products-footer .tuile:hover h2 {
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(10, 10, 10, 0.5);
  margin: 0;
  padding: 0.5em;

  display: block;
  transform: scale(1);
  opacity: 1;
  animation: anim_show .3s ease-in-out;
}

.category-page-view .category-products-footer h2 a:link,
.category-page-view .category-products-footer h2 a:visited {
  display: inline;
  background: transparent;
  color: white;
}

.category-products-footer .tuile {
  position: relative;
  border: 3px solid #1a6ea6;
}

@keyframes anim_show {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* PANIER SELECTION */
.basic_cart-get-quantity {
  width: 100%;
  background-color: #2ba6cb !important;
  color: white !important;
}

#basic-cart-cart-form .basic_cart-cart-unit-price {
  display: none;
}

#edit-buttons-update {
  display: none;
}

/* recrutement */
.view-recrutement h2 {
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 1em;
  color: white;
  font-variant: small-caps;
  font-weight: 500;
  font-size: 1.7em;
  border-radius: 0;
  padding: 5px 10px;
  background: #5da423;
  margin-top: 0;
}

.view-recrutement h2 a {
  color: white;
}

.view-recrutement .views-row {
  border: solid 3px #5da423;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 1rem;
}

.view-recrutement .views-row .views-field-body {
  padding: 0 10px;
}

.view-recrutement .views-row .views-field-nothing {
  padding: 5px 10px;
}


/* ************* */
/*    ENQUETE SATISFACTION       */
/* ************* */
.webform-submission-enquete-de-satisfaction-add-form #edit-introduction {
  transition: background-color .2s cubic-bezier(0, 0, .2, 1);
  background-color: #eee;
  border: 1px solid rgb(218, 220, 224);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 24px;
  page-break-inside: avoid;
  word-wrap: break-word;
  border-top: 5px solid rgb(68, 172, 249);
}
.path-webform #block-socommed-page-title,
.webform-submission-enquete-de-satisfaction-add-form,
.path-webform .webform-confirmation {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.webform-submission-enquete-de-satisfaction-add-form fieldset > legend {
  float: left;
}
.webform-submission-enquete-de-satisfaction-add-form .fieldset-wrapper {
  clear: both;
}
.webform-submission-enquete-de-satisfaction-add-form fieldset {
  transition: background-color .2s cubic-bezier(0, 0, .2, 1);
  background-color: rgb(227, 243, 254);
  border: 1px solid rgb(218, 220, 224);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 24px;
  page-break-inside: avoid;
  word-wrap: break-word;
}