@charset "UTF-8";
@font-face {
  font-family: 'transgourmet-rg';
  src: url('../fonts/Transgourmet_W_Rg.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_Rg.otf') format('opentype'), url('../fonts/Transgourmet_W_Rg.woff') format('woff'), url('../fonts/Transgourmet_W_Rg.ttf') format('truetype'), url('../fonts/Transgourmet_W_Rg.svg#Transgourmet_W_Rg') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'transgourmet-rgit';
  src: url('../fonts/Transgourmet_W_It.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_It.otf') format('opentype'), url('../fonts/Transgourmet_W_It.woff') format('woff'), url('../fonts/Transgourmet_W_It.ttf') format('truetype'), url('../fonts/Transgourmet_W_It.svg#Transgourmet_W_It') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'transgourmet-bd';
  src: url('../fonts/Transgourmet_W_Bd.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_Bd.otf') format('opentype'), url('../fonts/Transgourmet_W_Bd.woff') format('woff'), url('../fonts/Transgourmet_W_Bd.ttf') format('truetype'), url('../fonts/Transgourmet_W_Bd.svg#Transgourmet_W_Bd') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'transgourmet-bdit';
  src: url('../fonts/Transgourmet_W_BdIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_BdIt.otf') format('opentype'), url('../fonts/Transgourmet_W_BdIt.woff') format('woff'), url('../fonts/Transgourmet_W_BdIt.ttf') format('truetype'), url('../fonts/Transgourmet_W_BdIt.svg#Transgourmet_W_BdIt') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'transgourmet-bdit';
  src: url('../fonts/Transgourmet_W_BdIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_BdIt.otf') format('opentype'), url('../fonts/Transgourmet_W_BdIt.woff') format('woff'), url('../fonts/Transgourmet_W_BdIt.ttf') format('truetype'), url('../fonts/Transgourmet_W_BdIt.svg#Transgourmet_W_BdIt') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'transgourmet-lt';
  src: url('../fonts/Transgourmet_W_Lt.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_Lt.otf') format('opentype'), url('../fonts/Transgourmet_W_Lt.woff') format('woff'), url('../fonts/Transgourmet_W_Lt.ttf') format('truetype'), url('../fonts/Transgourmet_W_Lt.svg#Transgourmet_W_Lt') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'transgourmet-ltit';
  src: url('../fonts/Transgourmet_W_LtIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Transgourmet_W_LtIt.otf') format('opentype'), url('../fonts/Transgourmet_W_LtIt.woff') format('woff'), url('../fonts/Transgourmet_W_LtIt.ttf') format('truetype'), url('../fonts/Transgourmet_W_LtIt.svg#Transgourmet_W_LtIt') format('svg');
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-3caem7');
  src: url('../fonts/icomoon.eot?#iefix-3caem7') format('embedded-opentype'), url('../fonts/icomoon.ttf?-3caem7') format('truetype'), url('../fonts/icomoon.woff?-3caem7') format('woff'), url('../fonts/icomoon.svg?-3caem7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoonlib';
  src: url('../fonts/icomoonlib.eot?8w83t2');
  src: url('../fonts/icomoonlib.eot?8w83t2#iefix') format('embedded-opentype'), url('../fonts/icomoonlib.ttf?8w83t2') format('truetype'), url('../fonts/icomoonlib.woff?8w83t2') format('woff'), url('../fonts/icomoonlib.svg?8w83t2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'transgourmet_bd';
  src: url('../fonts/Transgourmet_Bd.eot');
  src: local('☺'), url('../fonts/Transgourmet_Bd.woff') format('woff'), url('../fonts/Transgourmet_Bd.ttf') format('truetype'), url('../fonts/Transgourmet_Bd.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'transgourmet_lt';
  src: url('../fonts/Transgourmet_Lt.eot');
  src: local('☺'), url('../fonts/Transgourmet_Lt.woff') format('woff'), url('../fonts/Transgourmet_Lt.ttf') format('truetype'), url('../fonts/Transgourmet_Lt.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'transgourmet_rg';
  src: url('../fonts/Transgourmet_Rg.eot');
  src: local('☺'), url('../fonts/Transgourmet_Rg.woff') format('woff'), url('../fonts/Transgourmet_Rg.ttf') format('truetype'), url('../fonts/Transgourmet_Rg.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoonlib' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  position: relative;
  color: #444444;
  font-family: 'transgourmet_lt', arial;
  font-size: 15px; }

.bg-grey {
  background: #dedede; }

.bg-grey-black {
  background: #444444; }

h1 {
  text-align: center;
  font-family: 'transgourmet_rg';
  font-size: 36px;
  color: #e40421 !important;
  margin-top: 50px;
  margin-bottom: 20px; }

h2 {
  text-align: center;
  font-family: 'transgourmet_rg';
  font-size: 28px;
  color: #e40421 !important;
  margin-top: 50px;
  margin-bottom: 20px; }

h3 {
  font-size: 22px;
  font-family: 'transgourmet_rg';
  font-weight: bold;
  color: #e40421 !important; }

h4, h5, h6 {
  font-family: 'transgourmet_rg'; }

.page-description {
  font-size: 24px;
  margin-bottom: 25px; }
  .page-description p {
    margin: 0; }

.entete h2, .entete h1 {
  color: #e40421; }

a {
  text-decoration: none;
  color: #444444; }
  a:hover {
    color: #444444; }

.link-admin {
  display: none; }

.bg {
  background: url("../images/bg.jpg") no-repeat 50% 230px;
  background-size: 1800px;
  position: relative; }
  @media (max-width: 1400px) {
    .bg {
      background-image: none; } }

.bg-search {
  background: url("../images/bg-search.jpg") no-repeat 50% 200px;
  background-size: 1800px;
  position: relative; }

.region {
  position: relative; }

.back-to-top {
  position: fixed;
  z-index: 1000;
  right: 3%;
  bottom: 25%;
  height: 60px;
  width: 60px;
  background: url("../images/btt.png") no-repeat; }
  .back-to-top:hover, .back-to-top:focus {
    text-decoration: none;
    /*background: url("../images/btt_green.png") no-repeat;*/ }

main {
  border-top: 1px solid #dbdbdb; }

/*.page, .red-line{
  min-width: 1200px;
  width: auto;
  position: relative;
}

@media (max-width: 1024px) {
  .page, .red-line{
    width: 1200px;
    min-width: 100%;
  }
}*/
/*@media screen and (min-width: 480px) and (max-width: 1024px){
  .page, .red-line {
    width:    100%;
    position: relative;
  }
}
@media screen and (min-width: 1024px){
  .page, .red-line {
  width: 1200px;
  min-width: 100%;
  position: relative;}
}*/
/**Calendar**/
.calendar-calendar .day-view .full td.multi-day div.dayview, .calendar-calendar .week-view .full td.multi-day div.weekview {
  height: 30px !important; }

.sitemap {
  width: 1110px;
  margin: 0 auto; }
  .sitemap .main_menu {
    margin-top: 50px; }
  .sitemap .main_menu > ul > li > a:first-child {
    color: #e40421;
    font-size: 16px;
    font-weight: bold; }
    .sitemap .main_menu > ul > li > a:first-child:before {
      content: ">";
      margin-right: 20px;
      float: left; }
  .sitemap .menu_footer {
    background-color: #dedede;
    padding: 10px;
    font-size: 14px; }
  .sitemap ul {
    padding: 0; }
    .sitemap ul .expanded {
      min-height: 220px;
      width: 210px;
      float: left;
      display: block;
      margin-bottom: 10px; }
    .sitemap ul li > ul {
      padding: 0; }
    .sitemap ul li, .sitemap ul li .leaf, .sitemap ul li.collapsed {
      list-style-image: none;
      list-style-type: none;
      margin: 0; }
    .sitemap ul .expand-on-click {
      display: none; }
    .sitemap ul .menu-depth-2 a {
      font-size: 14px; }

.page-sitemap #page-title {
  display: none; }

.famille-produit {
  margin-bottom: 30px; }
  .famille-produit ul {
    display: table; }
  .famille-produit h2 {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: inherit; }

.bef-toggle {
  visibility: hidden;
  height: 0px;
  width: 0px; }

/* Layer mobile nav */
.m-body {
  position: relative; }

.m-layer {
  display: none;
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75); }
  .m-layer.m-activate {
    display: block; }

/** Page recette **/
#block-views-recipes-block-list {
  position: relative; }

/** Page Faq **/
.node-faq .ui-accordion h3, .node-faq .ui-accordion .faqfield-answer {
  border: none;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
.node-faq .ui-accordion h3 {
  background: #dedede; }
  .node-faq .ui-accordion h3 .ui-icon {
    display: none; }
  .node-faq .ui-accordion h3 a {
    padding: 0.85em 2.5%;
    font-size: 1.05em;
    position: relative; }
    .node-faq .ui-accordion h3 a:after {
      position: absolute;
      right: 2.5%;
      top: 5px;
      content: '+';
      font-size: 1.75em;
      color: #e40421; }
  .node-faq .ui-accordion h3.ui-state-active a:after {
    content: '';
    top: 22px;
    width: 14px;
    height: 3px;
    background: #e40421; }

/** Page Liste catalogue **/
.listCatalogue {
  float: left;
  width: 100%;
  margin: 25px 0; }
  .listCatalogue ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0; }
    .listCatalogue ul li {
      float: left;
      padding: 0 8px;
      width: 16.66%;
      min-height: 375px; }
      .listCatalogue ul li .imgCont {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 0 15px; }
        .listCatalogue ul li .imgCont img {
          display: block;
          /*width: 100%*/
          height: auto; }
      .listCatalogue ul li h3 {
        position: absolute;
        margin: 0;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        font-weight: normal; }
        .listCatalogue ul li h3 a {
          padding: 15px 13px 10px 13px;
          background: rgba(0, 0, 0, 0.5);
          float: left;
          width: 105%;
          color: #FFFFFF;
          font-size: 14px;
          position: relative; }
          .listCatalogue ul li h3 a:after {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e600";
            font-size: 39px;
            vertical-align: middle;
            position: absolute;
            right: -10px;
            top: 10px; }
          .listCatalogue ul li h3 a:hover {
            text-decoration: none;
            background: rgba(0, 0, 0, 0.75); }
      .listCatalogue ul li .pdfDownload a, .listCatalogue ul li .link a {
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative;
        margin: 5px 0 0;
        display: inline-block; }
        .listCatalogue ul li .pdfDownload a:before, .listCatalogue ul li .link a:before {
          position: absolute;
          left: 0;
          top: 5px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }
      .listCatalogue ul li .col-sm-4 {
        width: 100%;
        padding: 0;
        height: auto; }
        .listCatalogue ul li .col-sm-4 img {
          height: auto; }

/** Page catalogue Grid type **/
.view-display-id-block_grid .view-filters {
  float: left;
  width: 100%;
  background: #dedede;
  padding: 15px 0; }
  .view-display-id-block_grid .view-filters select {
    cursor: pointer;
    width: 150px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    border: none;
    overflow: hidden;
    background-color: #FFFFFF;
    background: #fff url("../images/arrow-down.png") no-repeat 85% 50%;
    padding: 13px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left; }
  .view-display-id-block_grid .view-filters input[type="radio"] {
    vertical-align: middle;
    display: none; }
  .view-display-id-block_grid .view-filters input[type="radio"] + label {
    cursor: pointer; }
  .view-display-id-block_grid .view-filters input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    height: 21px;
    vertical-align: middle;
    width: 20px; }
  .view-display-id-block_grid .view-filters input[type="radio"] + label:before {
    background: url("../images/radio-form.png") no-repeat;
    margin-right: 10px; }
  .view-display-id-block_grid .view-filters input[type="radio"]:checked + label:before {
    background: url("../images/radio-form-check-rg.png") no-repeat;
    margin-right: 10px; }
  .view-display-id-block_grid .view-filters .views-exposed-widget .clearfix {
    margin-top: 15px; }
  .view-display-id-block_grid .view-filters .views-exposed-widget label {
    float: left;
    padding: 12px 20px 0 0; }
  .view-display-id-block_grid .view-filters .views-exposed-widget .views-widget {
    float: left; }
  .view-display-id-block_grid .view-filters #edit-offers #edit-offer-options {
    float: left; }
  .view-display-id-block_grid .view-filters #edit-offers label {
    float: left;
    padding: 12px 20px 0 0; }
  .view-display-id-block_grid .view-filters #edit-offers .form-radios .form-item {
    float: left; }
    .view-display-id-block_grid .view-filters #edit-offers .form-radios .form-item label {
      font-weight: normal; }

/** Page catalogue list type **/
.view-display-id-block_list ul {
  padding: 0;
  float: left;
  width: 100%;
  list-style: none; }
  .view-display-id-block_list ul li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-left: 0; }
    .view-display-id-block_list ul li .imgCont {
      float: left;
      padding: 0 15px 15px 0;
      width: 18%; }
      .view-display-id-block_list ul li .imgCont img {
        width: 100%;
        height: auto;
        display: block; }
    .view-display-id-block_list ul li .views-field-title {
      font-size: 16px;
      font-weight: bold;
      padding: 0 0 5px; }
      .view-display-id-block_list ul li .views-field-title a:hover {
        text-decoration: none; }
    .view-display-id-block_list ul li .views-field-download a, .view-display-id-block_list ul li .link a {
      color: #e40421;
      padding: 0 0 0 15px;
      position: relative;
      margin: 5px 0 0;
      display: inline-block; }
      .view-display-id-block_list ul li .views-field-download a:before, .view-display-id-block_list ul li .link a:before {
        position: absolute;
        left: 0;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }

/** Page recette details **/
.blkRetour {
  float: left;
  width: 100%;
  text-align: center;
  margin: 50px 0 30px 0; }

.allRecipe > div {
  background: #FFFFFF;
  padding: 30px 0; }
  .allRecipe > div:nth-child(even) {
    background-color: #f2f2f2; }
  .allRecipe > div .media {
    background: none; }
  .allRecipe > div h2 {
    margin: 0 0 0px; }
  .allRecipe > div h4, .allRecipe > div .titleIng {
    color: #e40421; }
  .allRecipe > div .titleIng {
    margin-top: 0;
    font-family: 'transgourmet_rg'; }
  .allRecipe > div .titlePrep {
    font-family: 'transgourmet_rg'; }
  .allRecipe > div.no-padding {
    padding-bottom: 0; }
.allRecipe .text li {
  color: #333; }

#edit-submit-recipes {
  margin-top: 36px;
  border: none;
  background: #e40421;
  color: #fff;
  padding: 13px 15px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  width: auto;
  float: left; }

.node-recipe .cont {
  float: left;
  width: 100%;
  padding: 0;
  height: auto; }
  .node-recipe .cont .visuel {
    float: left;
    width: 50%;
    padding: 0 20px 0 0; }
    .node-recipe .cont .visuel img {
      display: block;
      width: 100%;
      height: auto; }
  .node-recipe .cont .text {
    float: left;
    width: 50%;
    text-align: left;
    color: #333; }
  .node-recipe .cont .print_pdf a:hover {
    background: url("../images/pdf-icon.png") no-repeat; }
.node-recipe .products {
  float: left;
  width: 100%;
  padding: 0; }
  .node-recipe .products h2 {
    margin-bottom: 30px; }
  .node-recipe .products .field-item {
    float: left;
    width: 25%;
    padding: 0 11px; }
    .node-recipe .products .field-item img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 0 15px; }
    .node-recipe .products .field-item .col-sm-3 {
      width: 100%;
      padding: 0; }
    .node-recipe .products .field-item .titre-gris {
      font-size: 14px;
      color: #444444;
      float: left;
      width: 100%;
      font-weight: bold; }
    .node-recipe .products .field-item .push-desc .field-item {
      padding: 10px 0 0 0;
      width: 100%; }
    .node-recipe .products .field-item .prix .field-item {
      padding: 0;
      width: 100%;
      color: #333333; }

.moreRecipes .field-name-field-nr-recipes > .field-items {
  float: left;
  width: 100%;
  margin-top: 30px; }
  .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item {
    float: left;
    width: 25%;
    padding: 0 11px; }
    .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 0 5px; }
    .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item .push-lien {
      float: left;
      width: 100%;
      padding: 0 0 15px;
      font-size: 16px; }
      .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item .push-lien a {
        color: #333333;
        font-weight: bold;
        font-size: 14px; }
        .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item .push-lien a:hover {
          text-decoration: none; }
    .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item .link a {
      display: inline-block;
      width: 100%;
      text-decoration: none;
      color: #e40421;
      padding: 0 0 0 15px;
      position: relative; }
      .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item .link a:hover {
        text-decoration: none; }
      .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item .link a:before {
        position: absolute;
        left: 0;
        top: 6px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }

/** Page type iframe **/
.node-iframe .container-fluid {
  text-align: center; }
.node-iframe iframe {
  border: 1px solid #e4e4e4; }

/** Page fiche producteur **/
.ficheProducteur .col-sm-3 {
  padding: 0; }
  .ficheProducteur .col-sm-3 img {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 20px; }
  .ficheProducteur .col-sm-3 .reasons {
    text-align: center;
    position: relative;
    border-left: 2px solid #e40421;
    border-right: 2px solid #e40421;
    padding: 12px 0;
    float: left;
    width: 100%; }
    .ficheProducteur .col-sm-3 .reasons > div {
      float: left;
      width: 100%; }
      .ficheProducteur .col-sm-3 .reasons > div:before, .ficheProducteur .col-sm-3 .reasons > div:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 2px;
        width: 6px;
        background: #e40421; }
      .ficheProducteur .col-sm-3 .reasons > div:after {
        top: auto;
        bottom: 0; }
      .ficheProducteur .col-sm-3 .reasons > div > span {
        font-weight: bold;
        position: relative; }
    .ficheProducteur .col-sm-3 .reasons:before, .ficheProducteur .col-sm-3 .reasons:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 2px;
      width: 6px;
      background: #e40421; }
    .ficheProducteur .col-sm-3 .reasons:after {
      top: auto;
      bottom: 0; }
.ficheProducteur .col-sm-5 > div {
  display: inline-block;
  width: 100%;
  padding: 0 0 4px; }
.ficheProducteur .col-sm-5 .producerType {
  margin-bottom: 10px; }
  .ficheProducteur .col-sm-5 .producerType span {
    float: left;
    font-size: 12px;
    background: #e40421;
    padding: 4px 10px 1px 10px;
    color: #FFFFFF;
    text-transform: uppercase; }
.ficheProducteur .col-sm-5 .ville, .ficheProducteur .col-sm-5 .dateCreated, .ficheProducteur .col-sm-5 .numEmployees, .ficheProducteur .col-sm-5 .datePartnership {
  font-weight: bold; }
.ficheProducteur .col-sm-5 .desc p {
  display: inline-block;
  padding: 8px 0 0 0; }
.ficheProducteur .col-sm-9 > div {
  display: inline-block;
  width: 100%;
  padding: 0 0 4px; }
.ficheProducteur .col-sm-9 .producerType {
  margin-bottom: 10px; }
  .ficheProducteur .col-sm-9 .producerType span {
    float: left;
    font-size: 12px;
    background: #e40421;
    padding: 4px 10px 1px 10px;
    color: #FFFFFF;
    text-transform: uppercase; }
.ficheProducteur .col-sm-9 .ville, .ficheProducteur .col-sm-9 .dateCreated, .ficheProducteur .col-sm-9 .numEmployees, .ficheProducteur .col-sm-9 .datePartnership {
  font-weight: bold; }
.ficheProducteur .col-sm-9 .desc p {
  display: inline-block;
  padding: 8px 0 0 0; }
.ficheProducteur .col-sm-4 {
  padding: 0; }
  .ficheProducteur .col-sm-4 iframe {
    float: left;
    width: 100%;
    height: auto;
    min-height: 250px; }
.ficheProducteur .listProducteur {
  background: #dedede;
  margin: 2em 0 0 0; }
  .ficheProducteur .listProducteur ul {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
    margin: 25px 0 0 0; }
  .ficheProducteur .listProducteur li {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin: 0 0 30px; }
    .ficheProducteur .listProducteur li .visuel {
      float: left;
      width: 100%;
      margin: 0 0 15px;
      position: relative; }
      .ficheProducteur .listProducteur li .visuel .pictoPromo {
        position: absolute;
        right: 10px;
        top: 10px; }
        .ficheProducteur .listProducteur li .visuel .pictoPromo img {
          max-width: 48px; }
    .ficheProducteur .listProducteur li img {
      float: left;
      width: 100%;
      height: auto; }
    .ficheProducteur .listProducteur li h3, .ficheProducteur .listProducteur li h4 {
      color: #444444 !important;
      font-size: 14px;
      font-weight: bold;
      margin: 0;
      display: inline-block;
      width: 100%; }
    .ficheProducteur .listProducteur li h4 {
      font-size: 15px; }
    .ficheProducteur .listProducteur li .prix {
      font-size: 20px;
      color: #e40421; }
      .ficheProducteur .listProducteur li .prix .prix-decimal, .ficheProducteur .listProducteur li .prix .prix-unite {
        font-size: 12px; }
    .ficheProducteur .listProducteur li .imgLogo {
      display: inline-block;
      width: 100%; }
      .ficheProducteur .listProducteur li .imgLogo img {
        max-width: 22px; }

.btn-tg .field-item {
  text-align: center; }

#node-681 {
  width: 100%;
  margin: auto; }

iframe {
  max-width: 100%; }

.pager-next span a {
  color: #fff; }

.node-page-custom .visuel .image-style-none {
  width: 100%;
  height: auto; }

.entete {
  overflow: hidden;
  background-color: #444444; }
  .entete .bg-grey .container {
    position: absolute;
    max-width: 415px; }
    .entete .bg-grey .container h1 {
      text-align: initial !important; }
  .entete .imageBackground img {
    float: right; }

#cookie-info-layer {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  z-index: 20;
  padding: 25px;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.85); }
  #cookie-info-layer p {
    float: left;
    width: 85%; }
  #cookie-info-layer #close {
    float: left;
    width: 15%;
    text-align: center; }

.mastCont {
  position: fixed;
  top: 5px;
  left: 0;
  right: 0;
  z-index: 301;
  background: #FFFFFF;
  padding: 0;
  padding-top: 10px; }

#page-wrapper {
  padding: 195px 0 0; }
  #page-wrapper .mastCont .container ~ .row {
    height: 1px; }

.red-line {
  background: #e3002d;
  height: 5px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 301; }

header .slogan h2, header .slogan p {
  color: #706f6f !important;
  font-size: 15px;
  font-family: 'transgourmet_rg';
  text-align: left;
  margin-top: 45px; }
header .azur {
  font-size: 12px;
  color: #444444;
  margin-top: 10px; }

.topInfo {
  float: left;
  width: 100%;
  text-align: right;
  margin: 5px 0 5px 0;
  /*Social Share*/ }
  .topInfo div {
    display: inline-block;
    width: auto; }
  .topInfo .region-inner > div {
    margin: 0 0 0 22px; }
  .topInfo .location {
    padding: 0; }
  .topInfo .marketSearch, .topInfo .shopOnline {
    position: relative;
    padding: 0 0 0 40px;
    display: inline-block; }
    .topInfo .marketSearch:before, .topInfo .shopOnline:before {
      position: absolute;
      width: 28px;
      height: 28px;
      float: left;
      left: 7px;
      top: -9px;
      font-family: 'icomoonlib';
      content: "\e900";
      font-size: 25px;
      color: #e40421; }
    .topInfo .marketSearch a, .topInfo .shopOnline a {
      position: relative;
      padding: 0 15px 0 0; }
      .topInfo .marketSearch a:after, .topInfo .shopOnline a:after {
        position: absolute;
        right: 0;
        top: 4px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 4px solid #e40421; }
      .topInfo .marketSearch a:hover, .topInfo .shopOnline a:hover {
        text-decoration: none; }
  .topInfo .shopOnline:before {
    content: "\e90a";
    font-size: 30px;
    top: -12px; }
  .topInfo .marketSearch a {
    padding: 0; }
    .topInfo .marketSearch a:after {
      display: none; }
  .topInfo .blkTranslate {
    padding: 1px 0 4px 22px;
    background: url(../images/ico-google.png) no-repeat left center/contain; }
    .topInfo .blkTranslate select {
      cursor: pointer;
      width: 140px;
      margin-top: 5px;
      border: none;
      overflow: hidden;
      background: url("../images/arrow-down-tg.png") no-repeat right 50%;
      padding: 0 5px 0 5px;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .topInfo .blkTranslate div {
      margin: 0; }
  .topInfo #block-tgi-common-features-block-closest-shop div, .topInfo #block-lang-dropdown-language div {
    margin: 0; }
  .topInfo #block-lang-dropdown-language select {
    cursor: pointer;
    margin-top: 5px;
    border: none;
    overflow: hidden;
    background: url("../images/arrow-down-tg.png") no-repeat right 50%;
    padding: 0 5px 0 5px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto !important; }
  .topInfo .block-social-share a {
    font-size: 0.01em;
    text-indent: -9999px;
    float: left;
    margin: 0 5px 0 0;
    position: relative;
    width: 30px; }
    .topInfo .block-social-share a:before {
      position: relative;
      width: 28px;
      height: 28px;
      float: left;
      left: 0;
      top: -8px;
      font-family: 'icomoonlib';
      font-size: 28px;
      color: #e40421; }
    .topInfo .block-social-share a.social-share-facebook:before {
      content: "\ea91";
      font-size: 24px;
      color: #3b5998; }
    .topInfo .block-social-share a.social-share-googleplus:before {
      content: "\ea8c";
      font-size: 24px;
      color: #d34836; }
    .topInfo .block-social-share a.social-share-linkedin:before {
      content: "\eac9";
      font-size: 24px;
      color: #0077B5; }
    .topInfo .block-social-share a.social-share-pinterest:before {
      content: "\e90b";
      top: -12px;
      color: #C92228; }
    .topInfo .block-social-share a.social-share-twitter:before {
      content: "\e90c";
      top: -12px;
      color: #0084b4; }
  .topInfo .profile {
    margin: 0; }
    .topInfo .profile .form-item {
      margin: 0; }
    .topInfo .profile label {
      font-weight: normal;
      position: relative;
      padding: 0 0 0 40px;
      display: inline-block; }
      .topInfo .profile label:before {
        position: absolute;
        width: 28px;
        height: 28px;
        float: left;
        left: 0;
        top: -11px;
        font-family: 'icomoonlib';
        content: "\e90f";
        font-size: 26px;
        color: #e40421; }
    .topInfo .profile select {
      cursor: pointer;
      width: 110px;
      margin-top: 5px;
      border: none;
      overflow: hidden;
      background: url("../images/arrow-down-tg.png") no-repeat right 50%;
      padding: 0 5px 0 5px;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }

/* White Popup */
#popupLocation {
  max-width: 350px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 20px;
  overflow: hidden;
  margin: auto;
  position: relative; }
  #popupLocation .filterMarket {
    background: none;
    padding: 25px 0 0 0; }
    #popupLocation .filterMarket .views-widget, #popupLocation .filterMarket .form-item {
      width: 100%; }
    #popupLocation .filterMarket #edit-field-address-postal-code-wrapper {
      width: 83%; }
  #popupLocation .views-exposed-widget {
    float: left;
    width: 100%;
    padding: 0; }
  #popupLocation .form-tg label {
    text-align: left;
    padding: 0;
    margin-right: 0; }
  #popupLocation .form-tg input[type=text] {
    width: 100%;
    margin: 0; }
  #popupLocation .form-tg .views-submit-button {
    width: 17%;
    padding: 0; }
    #popupLocation .form-tg .views-submit-button input[type="submit"] {
      border: none;
      background: #e40421;
      color: #fff;
      font-family: 'transgourmet_rg';
      padding: 13px 15px;
      text-transform: uppercase;
      font-weight: bold;
      text-align: left;
      width: 100%;
      float: left;
      margin: 0; }
  #popupLocation h2 {
    text-align: left;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    margin: 20px 0 10px 0; }
  #popupLocation ul {
    padding: 0 0 0 15px; }

#block-transgourmet-api-main-menu-block {
  width: 100%; }

#toggleSearch {
  display: inline-block;
  padding: 0 8px; }
  #toggleSearch a {
    padding: 0 7px 9px 0;
    outline: none; }
    #toggleSearch a img {
      width: 17px;
      height: auto; }
    #toggleSearch a:hover {
      border-bottom: 4px solid #e40421; }

#menu-bar {
  margin-top: 10px;
  height: 45px;
  float: right;
  width: 100%; }
  #menu-bar .mainMenuCont {
    display: inline-block;
    width: 100%;
    position: relative; }
    #menu-bar .mainMenuCont .container {
      padding: 0; }
      #menu-bar .mainMenuCont .container > ul > li {
        display: inline-block; }
  #menu-bar .contextual-links-region {
    position: inherit;
    display: inline-block;
    width: 100%; }
  #menu-bar nav {
    z-index: 4000;
    position: inherit;
    text-align: right; }
    #menu-bar nav ul {
      list-style: none;
      display: inline-block; }
    #menu-bar nav .menu-s1 {
      margin-bottom: 0; }
      #menu-bar nav .menu-s1 a {
        cursor: pointer;
        padding: 0 30px 0 7px;
        display: block;
        color: #444444;
        text-decoration: none;
        font-size: 16px;
        text-transform: uppercase; }
        #menu-bar nav .menu-s1 a:hover {
          border-bottom: 4px solid #e40421;
          color: #e40421;
          padding-bottom: 9px; }
      #menu-bar nav .menu-s1 .border-bot {
        padding-bottom: 9px;
        border-bottom: 4px solid #e40421; }
      #menu-bar nav .menu-s1 li:last-child a {
        padding: 0 7px 9px 0; }
        #menu-bar nav .menu-s1 li:last-child a img {
          width: 17px; }
      #menu-bar nav .menu-s1 li.li-s882 {
        display: none !important; }
    #menu-bar nav .menu-s2 {
      margin-top: 30px;
      padding-left: 0; }
      #menu-bar nav .menu-s2 li {
        margin-bottom: 25px; }
        #menu-bar nav .menu-s2 li a {
          font-size: 16px; }
          #menu-bar nav .menu-s2 li a:hover {
            color: #e40421;
            text-decoration: none; }
    #menu-bar nav .special-menu {
      padding: 0; }
      #menu-bar nav .special-menu .marketLink a {
        padding: 13px 15px;
        background: #e40421;
        text-transform: none;
        margin: 0;
        color: #FFFFFF; }
      #menu-bar nav .special-menu .marketLink .subMenu {
        position: absolute;
        left: 0;
        width: 100%;
        background: #e40421;
        top: 31px;
        display: none;
        text-align: left; }
        #menu-bar nav .special-menu .marketLink .subMenu ul {
          padding: 0;
          list-style: none; }
          #menu-bar nav .special-menu .marketLink .subMenu ul li {
            float: left;
            text-align: left; }
            #menu-bar nav .special-menu .marketLink .subMenu ul li a {
              padding: 13px 15px;
              display: block; }
        #menu-bar nav .special-menu .marketLink .subMenu.activeSub {
          display: block; }
      #menu-bar nav .special-menu .marketLink:hover a {
        border: none;
        padding: 13px 15px; }
  #menu-bar .sous-menu {
    background: #d7d7d7;
    position: absolute;
    width: 100%;
    left: 15px;
    z-index: 4000;
    text-align: left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,ffffff+50,ffffff+50,ffffff+50,ffffff+100 */
    background: #dedede;
    /* Old browsers */
    background: -moz-linear-gradient(left, #dedede 0%, #dedede 50%, #ffffff 50%, #ffffff 50%, #ffffff 50%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dedede), color-stop(50%, #dedede), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #dedede 0%, #dedede 50%, #ffffff 50%, #ffffff 50%, #ffffff 50%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #dedede 0%, #dedede 50%, #ffffff 50%, #ffffff 50%, #ffffff 50%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #dedede 0%, #dedede 50%, #ffffff 50%, #ffffff 50%, #ffffff 50%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, #dedede 0%, #dedede 50%, #ffffff 50%, #ffffff 50%, #ffffff 50%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */ }
    #menu-bar .sous-menu li {
      display: inline-block;
      width: 50%;
      float: left; }
    #menu-bar .sous-menu .sous-menu-title {
      font-family: transgourmet_rg;
      font-size: 36px;
      color: #e40421;
      line-height: 1; }
  #menu-bar .bg-white {
    background: #fff;
    min-height: 175px; }
  #menu-bar nav > ul > li {
    display: inline-block; }
  #menu-bar li:hover .sous-menu {
    display: block; }
  #menu-bar .sous-menu-cache {
    position: relative;
    display: none; }
    #menu-bar .sous-menu-cache button {
      display: none;
      height: 21px;
      width: 21px;
      border: 1px solid #c7c7c7;
      border-radius: 10px;
      background: transparent;
      font-size: 16px;
      line-height: 0;
      color: #c7c7c7;
      margin-top: 15px;
      padding-bottom: 3px; }
      #menu-bar .sous-menu-cache button:hover {
        color: #e40421;
        border: 1px solid #e40421; }
  #menu-bar .title-link {
    padding-top: 30px;
    min-height: 175px;
    position: initial; }
  #menu-bar .sous-menu-link {
    margin-top: 20px; }
    #menu-bar .sous-menu-link a {
      font-size: 16px;
      color: #e40421; }
      #menu-bar .sous-menu-link a:hover {
        text-decoration: none;
        color: #e40421; }
      #menu-bar .sous-menu-link a:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 39px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -4px;
        margin-right: -15px;
        margin-left: -5px; }
  #menu-bar .li-s2 {
    display: inline-block;
    float: left;
    width: 50%; }

.menu-bar-align {
  position: relative;
  top: -47px; }

.site-logo-min {
  width: 120px;
  height: 50px;
  transition-duration: 0.5s; }

.nav-search {
  display: none;
  background-color: #dedede;
  z-index: 3200;
  width: 100%;
  left: 0;
  margin-top: 5px; }
  .nav-search .views-exposed-form .views-exposed-widget {
    float: none !important; }
  .nav-search input {
    width: 100%;
    font-size: 14px;
    color: #706f6f; }
    .nav-search input[type="text"] {
      border: 1px solid #cbcaca;
      background-image: none !important;
      padding: 10px;
      margin-bottom: 25px;
      margin-top: 25px; }
    .nav-search input[type="submit"] {
      margin-top: 18px !important;
      border: none;
      background: url("../images/zoom_white.png") no-repeat 50% 50%;
      background-color: #e40421;
      width: 60px;
      height: 42px; }

/*login webshop DE*/
#block-tgi-de-webshop-login-webshop-login {
  display: inline-block; }
  #block-tgi-de-webshop-login-webshop-login:before {
    content: '';
    background: url("../images/webshop.png") no-repeat;
    display: inline-block;
    width: 110px;
    height: 100%;
    position: absolute;
    right: 60%;
    bottom: 0; }
  #block-tgi-de-webshop-login-webshop-login .block-inner {
    width: 125%;
    text-align: right;
    padding-right: 10px; }
  #block-tgi-de-webshop-login-webshop-login .form-item {
    display: inline;
    font-size: 12px; }
    #block-tgi-de-webshop-login-webshop-login .form-item .form-text {
      border: none;
      background-color: #f3f3f3;
      color: black;
      padding: 10px 10px 10px 10px;
      min-height: 38px; }
    #block-tgi-de-webshop-login-webshop-login .form-item #edit-login {
      width: 30%;
      display: inline; }
    #block-tgi-de-webshop-login-webshop-login .form-item #edit-password {
      width: 25%;
      display: inline; }
  #block-tgi-de-webshop-login-webshop-login .form-submit {
    display: inline;
    color: white;
    border: none;
    background-color: #e40421;
    min-height: 38px;
    margin-left: -4px;
    font-weight: bold;
    font-size: 14px;
    vertical-align: bottom; }
  #block-tgi-de-webshop-login-webshop-login .loginLinks {
    list-style: none;
    margin: 0;
    padding: 0; }
    #block-tgi-de-webshop-login-webshop-login .loginLinks li {
      display: inline; }
      #block-tgi-de-webshop-login-webshop-login .loginLinks li a {
        font-size: 11px;
        margin-right: 20px;
        line-height: 25px; }
    #block-tgi-de-webshop-login-webshop-login .loginLinks li:last-child a {
      margin-right: 0; }
    #block-tgi-de-webshop-login-webshop-login .loginLinks .continueWithoutLogging {
      margin-left: 5px; }

#webshop-login-form .errorWrapper {
  display: block;
  color: #e40421; }

#m-menu-bar {
  display: none; }

@media screen and (min-width: 480px) and (max-width: 1024px) {
  #menu-bar nav .menu-s1 {
    padding-left: 0; }
    #menu-bar nav .menu-s1 a {
      padding: 0 5px 0 5px; }
  #menu-bar .title-link {
    margin-left: 0;
    width: 37%; } }

#block-views-exp-solr-recherche-page {
  position: relative; }

#block-transgourmet-api-main-menu-block {
  background-color: #fff; }

#logo {
  z-index: 1; }

.cont a {
  line-height: 18px;
  background: #e40421;
  padding: 12px 15px 12px 15px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  /*    &:after{
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e600";
      font-size: 39px;
      vertical-align: middle;
      display: inline-block;
      margin-top: -4px;
    }*/ }
  .cont a:hover {
    background: #e40421;
    color: #fff;
    text-decoration: none; }
.cont .texte {
  float: left;
  display: inline-block;
  width: 90%; }
.cont .arrow-form {
  float: right;
  width: 10%; }
  .cont .arrow-form:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 39px;
    vertical-align: middle;
    margin-right: -20px; }

.rectangle .cont .arrow-form, .square .cont .arrow-form {
  margin-top: 8px;
  display: inline-block;
  width: 10%;
  float: inherit; }
  .rectangle .cont .arrow-form:after, .square .cont .arrow-form:after {
    margin-left: -5px; }

.btn-tg a, .footer-block-single a {
  margin-top: 15px;
  font-family: 'transgourmet_rg';
  background: #e40421;
  padding: 10px 5px 6px 15px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block; }
  .btn-tg a:hover, .footer-block-single a:hover {
    background: #e40421;
    color: #fff;
    text-decoration: none; }
  .btn-tg a:after, .footer-block-single a:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 39px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px; }

.btn-tg-push a {
  background: #fff;
  padding: 10px 5px 6px 15px;
  color: #e40421;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block; }
  .btn-tg-push a:hover {
    text-decoration: none; }
  .btn-tg-push a:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 39px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px; }

.btn-tg-no-bg a {
  background: transparent;
  padding: 10px 5px 6px 15px;
  color: #e40421;
  text-decoration: none;
  display: inline-block;
  font-size: 16px; }
  .btn-tg-no-bg a:hover {
    text-decoration: none; }
  .btn-tg-no-bg a:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 39px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px; }

.slideshow-container {
  display: block; }

.slideshow-m {
  display: none; }

.no-padding {
  padding: 0; }

.no-padding-right {
  padding-right: 0; }

.slick-slider > [class^=col-] {
  position: static; }

.slick-prev, .slick-next {
  color: #fff;
  padding: 20px 25px;
  background: #444444;
  font-size: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  border: none;
  outline: none; }

.slick-prev {
  left: 0; }
  .slick-prev:after {
    content: "<"; }

.slick-next {
  right: 1px; }
  .slick-next:after {
    content: ">"; }

.slick-moment {
  text-align: center;
  margin-bottom: 50px; }
  .slick-moment .slick-slide {
    height: 400px; }
  .slick-moment img {
    height: auto;
    max-width: 600px;
    width: 100%; }

.carrousel-actualite {
  text-align: left; }
  .carrousel-actualite p {
    font-size: 14px;
    padding-right: 55px; }

.slick-secteur img {
  margin-left: 10px; }
.slick-secteur .slick-prev, .slick-secteur .slick-next {
  margin-top: 0px;
  margin-bottom: 0px; }
.slick-secteur .slick-prev {
  float: right; }
.slick-secteur .slick-next {
  float: left; }

.breadcrumb, #breadcrumb {
  position: absolute;
  font-size: 12px;
  color: #a3a2a2;
  background: transparent;
  z-index: 300;
  padding-left: 0; }
  .breadcrumb a, #breadcrumb a {
    color: #a3a2a2;
    text-decoration: underline; }
  .breadcrumb .delimiter, #breadcrumb .delimiter {
    padding: 0px 5px; }
  .breadcrumb .last, #breadcrumb .last {
    text-decoration: none; }

#breadcrumb {
  padding: 8px 15px 8px 0; }
  #breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    #breadcrumb ol li {
      float: left; }
    #breadcrumb ol .crumb-separator {
      padding: 0 5px;
      position: relative;
      color: #FFFFFF; }
      #breadcrumb ol .crumb-separator:before {
        position: absolute;
        content: ">";
        color: #a3a2a2; }

.node-type-hub-metier .breadcrumb, .node-type-gamme .breadcrumb, .node-type-presentation .breadcrumb {
  /*color: #fff;*/ }
  .node-type-hub-metier .breadcrumb a, .node-type-gamme .breadcrumb a, .node-type-presentation .breadcrumb a {
    /*color: #fff;*/ }

.entete .cont a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  font-size: 39px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
  margin-right: -20px; }

.cont {
  height: 400px;
  overflow: hidden;
  text-align: center;
  color: #444444;
  padding-top: 60px; }
  .cont h2, .cont h1 {
    font-family: 'transgourmet_rg';
    font-size: 40px;
    color: #e40421; }
  .cont p {
    margin: 0; }
  .cont a {
    margin-top: 20px;
    margin-bottom: 20px; }
  .cont .intro-header {
    margin-bottom: 15px; }

.contain-immersif {
  width: 680px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 20px; }
  .contain-immersif a {
    width: auto;
    margin-bottom: 5px; }

.no-picto {
  margin-top: 20px; }
  .no-picto h2, .no-picto h1 {
    margin-top: 0; }

.link-immersif a {
  width: auto !important; }

.entete .link-immersif .layer {
  width: 50%;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 15px; }
  .entete .link-immersif .layer .intro-header .text_wysiwyg p {
    color: black; }

.chiffre-cles {
  font-family: 'transgourmet_rg';
  background: #444444;
  color: #fff;
  height: 180px;
  overflow: hidden;
  padding-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .chiffre-cles div {
    display: flex;
    justify-content: center; }
  .chiffre-cles ul {
    text-align: center;
    padding: 0;
    display: inline-flex; }
  .chiffre-cles li {
    width: 300px;
    display: flex;
    list-style: none;
    text-align: left;
    padding: 0px 45px 0px 45px;
    border-left: 1px solid #fff;
    vertical-align: middle;
    align-items: center; }
    .chiffre-cles li .text-large {
      font-size: 36px; }
    .chiffre-cles li p {
      font-size: 26px;
      margin: 0; }

.hub-metier .entete h2, .hub-metier .entete h1 {
  margin-top: 30px; }
.hub-metier .entete .cont a {
  margin-top: 7px; }

.incont {
  text-align: center;
  color: #6a6c6e; }
  .incont .intro {
    margin-bottom: 40px; }
  .incont .gamme {
    position: relative;
    text-align: left; }
    .incont .gamme img {
      width: 100%;
      height: auto; }
    .incont .gamme .gamme-titre {
      padding: 15px;
      margin-left: 15px;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-right: 15px; }
      .incont .gamme .gamme-titre:hover {
        background: rgba(0, 0, 0, 0.75); }
      .incont .gamme .gamme-titre a {
        color: #fff;
        font-size: 18px; }
        .incont .gamme .gamme-titre a:hover {
          text-decoration: none; }
        .incont .gamme .gamme-titre a:after {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e600";
          font-size: 39px;
          vertical-align: middle;
          display: inline-block;
          margin-top: -8px;
          float: right;
          margin-left: -10px;
          margin-right: -10px; }
      .incont .gamme .gamme-titre .arrow {
        color: #fff4f4;
        float: right; }
  .incont .btn-tg {
    padding: 40px 0; }

.mea-services {
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: center; }
  .mea-services .picto-titre {
    text-align: left;
    background: #fff;
    padding-top: 20px;
    height: 80px;
    overflow: hidden;
    font-size: 18px;
    color: #e40421; }
    .mea-services .picto-titre .picto {
      vertical-align: middle;
      display: inline-block; }
    .mea-services .picto-titre .titre {
      width: 240px;
      display: inline-block;
      vertical-align: middle;
      line-height: 20px; }
    .mea-services .picto-titre img {
      padding: 0 20px;
      max-height: 40px;
      width: auto; }
  .mea-services .visuel img {
    width: 100%;
    height: auto; }
  .mea-services p {
    text-align: left;
    height: 100px;
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
    margin: 0; }
  .mea-services .btn-tg {
    padding: 40px 0; }

.mea-essentiels img {
  width: 100%;
  height: auto; }
.mea-essentiels .btn-tg-no-bg a {
  padding: 10px 0; }
  .mea-essentiels .btn-tg-no-bg a:before {
    margin-right: -5px;
    margin-left: -20px; }

.secteur {
  text-align: center; }
  .secteur p {
    font-size: 18px; }
  .secteur .visuel {
    position: relative; }
    .secteur .visuel .lien {
      bottom: 25px;
      position: absolute;
      left: 0;
      right: 0;
      font-size: 16px; }
      .secteur .visuel .lien a {
        text-align: left;
        width: 85%;
        display: inline-block;
        background: #fff;
        padding: 15px 5px 6px 15px;
        text-decoration: none;
        color: #e40421; }
        .secteur .visuel .lien a:after {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e600";
          font-size: 39px;
          vertical-align: middle;
          display: inline-block;
          float: right;
          margin-top: -9px; }
        .secteur .visuel .lien a:hover {
          background: #e40421;
          color: #fff; }

.segment-metier .entete {
  background-color: #444444;
  overflow: hidden; }
  .segment-metier .entete h2, .segment-metier .entete h1 {
    text-align: left;
    color: #fff; }
  .segment-metier .entete h3 {
    color: #fff;
    font-weight: 100; }
  .segment-metier .entete p {
    color: #fff; }
  .segment-metier .entete .bg-grey {
    background-color: #444444; }
    .segment-metier .entete .bg-grey .row > div {
      position: absolute;
      width: 415px; }
  .segment-metier .entete .imageBackground {
    float: right;
    max-width: 59%;
    text-align: right; }
.segment-metier .grey-line {
  height: 2px;
  background-color: #dedede;
  margin-bottom: 35px;
  margin-top: 30px; }
.segment-metier .wisywig {
  padding-bottom: 25px; }
  .segment-metier .wisywig h2, .segment-metier .wisywig h1 {
    margin-top: 0;
    text-align: inherit; }
.segment-metier .mea-essentiels {
  padding-bottom: 60px; }
.segment-metier .mea h3 {
  font-weight: 100;
  font-size: 22px; }
.segment-metier .mea .description {
  padding-top: 20px; }

.en-ce-moment .carrousel-actualite h3 a {
  color: #e40421 !important; }

.prix {
  color: #c61618;
  font-size: 12px;
  /*changement de font pour description*/ }
  .prix .prix-av {
    font-size: 24px; }
  .prix .text_wysiwyg p {
    font-size: 14px; }

/* Page details produit */
.location {
  display: inline-block;
  width: 100%;
  padding: 0 0 15px; }
  .location label {
    float: left;
    color: #e40421;
    position: relative;
    padding: 5px 8px 0 24px; }
    .location label:before {
      content: "\e900";
      position: absolute;
      left: 0;
      font-family: 'icomoonlib';
      font-size: 18px;
      top: 0; }
  .location select {
    cursor: pointer;
    width: 100px;
    margin-top: 5px;
    border: none;
    overflow: hidden;
    background: url("../images/arrow-down-tg.png") no-repeat right 50%;
    padding: 0 5px 0 5px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.produitDetail {
  float: left;
  width: 100%; }
  .produitDetail > .container-fluid {
    background: #dedede;
    padding: 35px 0; }
  .produitDetail .main-slider {
    margin: 0 0 14px;
    width: 100%; }
    .produitDetail .main-slider img {
      float: left;
      width: 100%;
      height: auto; }
    .produitDetail .main-slider .slick-slide {
      position: relative; }
    .produitDetail .main-slider iframe {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .produitDetail .thumb-slider {
    padding: 0; }
    .produitDetail .thumb-slider .slick-slide {
      margin: 0 8px;
      position: relative;
      cursor: pointer;
      opacity: 1 !important; }
      .produitDetail .thumb-slider .slick-slide img {
        width: 100%;
        height: auto; }
      .produitDetail .thumb-slider .slick-slide iframe {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1; }
      .produitDetail .thumb-slider .slick-slide.slick-center img, .produitDetail .thumb-slider .slick-slide.slick-center iframe {
        border: 2px solid #717171; }
    .produitDetail .thumb-slider .slick-prev, .produitDetail .thumb-slider .slick-next {
      background: #dedede;
      padding: 16px;
      font-size: 18px; }
      .produitDetail .thumb-slider .slick-prev:after, .produitDetail .thumb-slider .slick-next:after {
        color: #e40421; }
    .produitDetail .thumb-slider .slick-prev {
      left: 0; }
    .produitDetail .thumb-slider .slick-next {
      left: auto;
      right: 0; }
  .produitDetail .produitInfo h2 {
    text-align: left;
    margin: 0;
    margin-bottom: 15px; }
  .produitDetail .produitInfo span {
    margin-bottom: 20px; }
  .produitDetail .produitInfo span, .produitDetail .produitInfo p {
    display: inline-block;
    width: 100%; }
  .produitDetail .autreInfo .prix {
    color: #e40421;
    font-size: 36px;
    font-weight: bold;
    display: inline; }
  .produitDetail .autreInfo .currency {
    display: inline;
    color: #e40421;
    font-weight: bold; }
  .produitDetail .autreInfo strong {
    text-transform: uppercase;
    display: inline-block;
    width: 100%; }
  .produitDetail .relProductList {
    float: left;
    list-style: none;
    padding: 25px 0;
    width: 100%; }
    .produitDetail .relProductList li {
      float: left;
      width: 25%;
      padding: 0 20px; }
      .produitDetail .relProductList li img {
        float: left;
        width: 100%;
        height: auto; }
      .produitDetail .relProductList li h3, .produitDetail .relProductList li span {
        float: left;
        width: 100%; }
      .produitDetail .relProductList li h3 {
        color: #444444 !important;
        font-size: 22px;
        margin-bottom: 0; }
      .produitDetail .relProductList li .prix {
        font-weight: bold;
        color: #e40421;
        font-size: 20px; }
      .produitDetail .relProductList li .btn-tg {
        float: left;
        margin: 15px 0 0 0; }
        .produitDetail .relProductList li .btn-tg .active {
          color: #FFFFFF; }

/* Page famille produits */
.page-product-list h1, .page-product-grid h1 {
  margin-top: 0; }

.product-list #page-title {
  display: none !important; }
.product-list .breadcrumb {
  position: static; }

.productCategory {
  float: left;
  width: 100%;
  padding: 30px 0;
  background: #dedede; }
  .productCategory ul {
    list-style: none;
    padding: 0; }
  .productCategory .context {
    float: left;
    width: 25%; }
    .productCategory .context h2 {
      margin: 0;
      text-align: left;
      text-transform: uppercase;
      font-size: 28px;
      font-weight: bold;
      padding: 0 0 20px; }
    .productCategory .context .accordionCat h3 {
      border-top: 1px solid #adadad;
      display: inline-block;
      width: 100%;
      padding: 16px 0;
      color: #444444 !important;
      margin: 0;
      font-size: 15px;
      cursor: pointer;
      position: relative; }
      .productCategory .context .accordionCat h3 a {
        display: inline-block;
        width: 100%; }
        .productCategory .context .accordionCat h3 a:hover, .productCategory .context .accordionCat h3 a:focus {
          text-decoration: none;
          outline: 0; }
      .productCategory .context .accordionCat h3:after {
        color: #e40421;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 36px;
        float: left;
        position: absolute;
        right: -5px;
        top: 6px; }
      .productCategory .context .accordionCat h3.selected a {
        color: #e40421; }
      .productCategory .context .accordionCat h3.selected:after {
        font-family: 'icomoonlib';
        content: "\e904";
        font-size: 21px;
        right: 10px;
        top: 15px; }
    .productCategory .context .accordionCat ul {
      width: 100%;
      float: left; }
      .productCategory .context .accordionCat ul li {
        display: inline-block;
        width: 100%; }
        .productCategory .context .accordionCat ul li a {
          position: relative;
          padding: 0 0 0 15px; }
          .productCategory .context .accordionCat ul li a:hover {
            text-decoration: none;
            color: #e40421; }
          .productCategory .context .accordionCat ul li a:before {
            position: absolute;
            left: 0;
            top: 3px;
            content: "";
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #e40421; }
      .productCategory .context .accordionCat ul li.current a {
        color: #e40421; }
  .productCategory .contCategory {
    float: left;
    width: 75%;
    padding: 0 0 0 10px; }
    .productCategory .contCategory .view-filters {
      float: left;
      width: 100%; }
      .productCategory .contCategory .view-filters form > div {
        width: 100%;
        position: relative; }
        .productCategory .contCategory .view-filters form > div > .views-exposed-form {
          width: 100%; }
      .productCategory .contCategory .view-filters .row {
        margin: 0; }
      .productCategory .contCategory .view-filters .views-exposed-widgets #edit-field-product-offer-type-tid-wrapper {
        display: table-footer-group;
        float: none; }
      .productCategory .contCategory .view-filters .views-exposed-widgets .views-submit-button {
        display: table-header-group;
        float: none; }
      .productCategory .contCategory .view-filters .views-exposed-widgets .pageType {
        float: right;
        width: 120px;
        position: absolute;
        right: 0;
        bottom: 10px; }
        .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span {
          float: left;
          width: 28px;
          margin: 0 0 0 30px; }
          .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span a {
            font-size: 0.01em;
            position: relative;
            width: 28px;
            height: 28px;
            float: left; }
            .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span a:before {
              position: absolute;
              width: 28px;
              height: 28px;
              float: left;
              left: 0;
              top: 0;
              font-family: 'icomoonlib';
              font-size: 25px; }
          .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span.linkGrid a:before {
            content: "\e902"; }
          .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span.linkGrid a.active:before {
            color: #e40421; }
          .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span.linkList a:before {
            content: "\e903";
            font-size: 27px; }
          .productCategory .contCategory .view-filters .views-exposed-widgets .pageType span.linkList a.active:before {
            color: #e40421; }
      .productCategory .contCategory .view-filters label {
        float: left;
        padding: 4px 20px 0 0;
        width: 100px;
        text-align: right; }
      .productCategory .contCategory .view-filters .form-radios {
        float: left;
        width: auto; }
        .productCategory .contCategory .view-filters .form-radios label {
          font-weight: normal;
          width: auto; }
        .productCategory .contCategory .view-filters .form-radios .form-item {
          width: auto; }
        .productCategory .contCategory .view-filters .form-radios input {
          float: left;
          margin: 0 0 0 5px;
          opacity: 0; }
        .productCategory .contCategory .view-filters .form-radios input[type="radio"] {
          vertical-align: middle;
          display: none; }
        .productCategory .contCategory .view-filters .form-radios input[type="radio"] + label {
          cursor: pointer; }
        .productCategory .contCategory .view-filters .form-radios input[type="radio"] + label:before {
          content: "";
          display: inline-block;
          height: 21px;
          vertical-align: middle;
          width: 20px; }
        .productCategory .contCategory .view-filters .form-radios input[type="radio"] + label:before {
          background: url("../images/radio-form.png") no-repeat;
          margin-right: 10px; }
        .productCategory .contCategory .view-filters .form-radios input[type="radio"]:checked + label:before {
          background: url("../images/radio-form-check-rg.png") no-repeat;
          margin-right: 10px; }
    .productCategory .contCategory #edit-offers {
      padding: 0 0 25px; }
    .productCategory .contCategory div {
      float: left; }
    .productCategory .contCategory .view-content {
      width: 100%; }
    .productCategory .contCategory .listProduits {
      float: left;
      width: 100%;
      margin: 25px 0 0; }
      .productCategory .contCategory .listProduits ul {
        float: left;
        width: 100%; }
        .productCategory .contCategory .listProduits ul li {
          float: left;
          width: 33.33%;
          padding: 0 10px 10px 10px; }
          .productCategory .contCategory .listProduits ul li img {
            width: 100%;
            height: auto;
            float: left; }
          .productCategory .contCategory .listProduits ul li h3 {
            font-size: 14px;
            color: #444444 !important;
            display: inline-block;
            margin: 10px 0 0 0;
            width: 100%; }
            .productCategory .contCategory .listProduits ul li h3 a:hover {
              text-decoration: none; }
          .productCategory .contCategory .listProduits ul li .prix {
            display: inline-block;
            width: 100%;
            font-size: 24px;
            font-weight: bold; }
          .productCategory .contCategory .listProduits ul li span {
            font-size: 14px;
            display: inline-block;
            width: 100%; }
          .productCategory .contCategory .listProduits ul li.wideProduit {
            width: 66.66%;
            float: right; }
            .productCategory .contCategory .listProduits ul li.wideProduit h3 {
              font-size: 22px; }
            .productCategory .contCategory .listProduits ul li.wideProduit span {
              font-size: 20px; }
            .productCategory .contCategory .listProduits ul li.wideProduit .prix {
              font-size: 36px; }
          .productCategory .contCategory .listProduits ul li .visuel {
            width: 100%; }
          .productCategory .contCategory .listProduits ul li .push .col-sm-4 {
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0; }
      .productCategory .contCategory .listProduits .liste-large li {
        width: 100%; }
        .productCategory .contCategory .listProduits .liste-large li .liste-actualite-visuel {
          width: 20%;
          padding: 0; }
        .productCategory .contCategory .listProduits .liste-large li .col-sm-9 {
          width: 75%; }
        .productCategory .contCategory .listProduits .liste-large li .link {
          display: inline-block;
          width: 100%;
          padding: 5px 0 0 0; }
          .productCategory .contCategory .listProduits .liste-large li .link a {
            color: #e40421;
            padding: 0 0 0 15px;
            position: relative;
            margin: 5px 0 0;
            display: inline-block; }
            .productCategory .contCategory .listProduits .liste-large li .link a:before {
              position: absolute;
              left: 0;
              top: 5px;
              content: "";
              width: 0;
              height: 0;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent;
              border-left: 5px solid #e40421; }

.listeFamille {
  float: left;
  width: 100%; }
  .listeFamille .productWrapper {
    /*!important overide inline style*/
    float: left;
    width: 100% !important;
    padding: 0 10px; }
    .listeFamille .productWrapper .col-sm-3 {
      width: 100%;
      padding: 0;
      min-height: 10px; }
    .listeFamille .productWrapper .btn-tg a {
      float: left; }

.node-type-famille-de-produits .bg-grey .btn-tg-no-bg {
  text-align: center;
  padding: 15px 0; }

#block-transgourmet-api-block-services-avantages p {
  text-align: center;
  font-family: 'transgourmet_rg';
  font-size: 36px;
  color: #e40421 !important;
  margin-top: 50px;
  margin-bottom: 20px; }

.services-avantages {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 35px;
  max-width: 1250px !important; }
  .services-avantages ul {
    text-align: center; }
    .services-avantages ul li {
      display: inline-block; }
      .services-avantages ul li span {
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        max-width: 130px;
        margin: 0 30px;
        margin-left: 0px; }
      .services-avantages ul li br {
        display: none; }
      .services-avantages ul li a {
        color: #444444;
        font-size: 15px; }
        .services-avantages ul li a:hover {
          text-decoration: none; }
  .services-avantages .btn-tg-no-bg a {
    padding-top: 40px; }

/**Page services**/
.node-type-service .node-service h1 + div {
  float: left;
  width: 48.95%;
  display: inline-block; }
.node-type-service .node-service h1 + div + div, .node-type-service .node-service h1 + div + div + div {
  float: none;
  width: 40%;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 15px; }
.node-type-service .node-service .bloc-actus-visuel {
  margin-right: 0; }
  .node-type-service .node-service .bloc-actus-visuel img {
    width: 100%;
    height: auto;
    display: block; }
.node-type-service .node-service h1 + .serviceFullWidth {
  width: 100%; }
  .node-type-service .node-service h1 + .serviceFullWidth > div {
    width: 100%; }

.gamme .entete h2, .gamme .entete h1 {
  color: #e40421 !important; }
.gamme .para {
  margin-top: 10px; }
  .gamme .para .para-single {
    margin-bottom: 10px; }
    .gamme .para .para-single .col-sm-6 {
      margin-bottom: 30px; }
      .gamme .para .para-single .col-sm-6 > div {
        /*Evite l'accumulation de padding, surtout en responsive T11*/ }
        .gamme .para .para-single .col-sm-6 > div .col-sm-6 {
          padding-left: 0;
          padding-right: 0; }
    .gamme .para .para-single .col-sm-12 h2 {
      padding-left: 0; }
    .gamme .para .para-single img {
      max-width: 540px;
      height: auto; }
    .gamme .para .para-single ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .gamme .para .para-single li:before {
      content: "\2022";
      color: #e40421;
      margin-right: 10px; }
  .gamme .para h2, .gamme .para h1 {
    text-align: left; }
  .gamme .para h2 {
    margin-top: 10px;
    padding-left: 15px; }
.gamme .temoignages .tem-single img {
  width: 100%;
  height: auto; }
.gamme .temoignages .tem-single .col-right {
  padding-left: 0; }
.gamme .temoignages .tem-single .col-left {
  padding-right: 0; }
.gamme .temoignages .tem-single .tem {
  margin-left: 30px;
  margin-right: 30px; }
.gamme .temoignages .tem-single .quote-left, .gamme .temoignages .tem-single .quote-right {
  font-size: 72px; }
.gamme .temoignages .tem-single .quote-left {
  vertical-align: super;
  margin-right: 10px; }
.gamme .temoignages .tem-single .quote-right {
  vertical-align: text-top;
  margin-left: 10px; }
.gamme .temoignages .tem-single .tem-desc {
  color: #a3a2a2;
  font-size: 24px;
  font-family: 'transgourmet-ltit'; }
  .gamme .temoignages .tem-single .tem-desc p {
    vertical-align: middle;
    width: 80%;
    display: inline-block; }
.gamme .temoignages .tem-single .tem-name {
  margin-left: 40px; }
.gamme .temoignages h2, .gamme .temoignages h1 {
  text-align: left; }
.gamme .push-produits {
  position: relative; }
  .gamme .push-produits .visuel img {
    width: 100%;
    height: auto; }
  .gamme .push-produits .picto-promotion {
    position: absolute;
    top: 10px;
    right: 25px; }
    .gamme .push-produits .picto-promotion img {
      width: 50px;
      height: auto; }
  .gamme .push-produits .titre-gris {
    font-weight: bold; }
  .gamme .push-produits .push-desc {
    height: 65px;
    overflow: hidden; }
    .gamme .push-produits .push-desc p {
      margin: 0; }
  .gamme .push-produits .picto {
    display: block;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px; }
  .gamme .push-produits .prix-av, .gamme .push-produits .prix-decimal, .gamme .push-produits .prix-decimal > div, .gamme .push-produits .prix-unite {
    display: inline-block; }
  .gamme .push-produits .prix-decimal {
    margin-right: 5px; }
.gamme .produits .btn-tg {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px; }
.gamme .push-visuel-texte {
  position: relative; }
  .gamme .push-visuel-texte .visuel img {
    width: 100%;
    height: auto; }
  .gamme .push-visuel-texte .push-lien {
    padding: 15px;
    margin-left: 15px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: 15px; }
    .gamme .push-visuel-texte .push-lien:hover {
      background: rgba(0, 0, 0, 0.75); }
    .gamme .push-visuel-texte .push-lien a {
      color: #fff;
      font-size: 18px; }
      .gamme .push-visuel-texte .push-lien a:hover {
        text-decoration: none; }
      .gamme .push-visuel-texte .push-lien a:after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 39px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -8px;
        float: right; }
  .gamme .push-visuel-texte .push-lien > div {
    float: left;
    width: 100%; }
.gamme .remontee-rubriques {
  margin-bottom: 50px; }
.gamme .push-redirect-form {
  margin-top: 50px;
  margin-bottom: 50px; }
  .gamme .push-redirect-form .cont {
    height: 255px; }
    .gamme .push-redirect-form .cont p {
      padding-top: 10px; }
    .gamme .push-redirect-form .cont a {
      margin-top: 10px; }
.gamme .media-video {
  text-align: center; }
  .gamme .media-video .slick-prev, .gamme .media-video .slick-next {
    color: #e40421;
    background-color: #fff;
    position: relative;
    margin: 1px;
    outline: none; }
  .gamme .media-video .slick-prev {
    float: right; }
  .gamme .media-video .slick-next {
    float: left; }
  .gamme .media-video .content {
    position: relative; }
    .gamme .media-video .content .field-name-field-accroche {
      position: absolute;
      bottom: 45px;
      left: 20px;
      color: #fff;
      font-weight: bold;
      font-size: 18px; }
  .gamme .media-video video {
    width: 100%;
    height: auto; }
.gamme .bloc-push {
  padding: 10px;
  margin-bottom: 40px; }
.gamme .push-vid .info {
  color: #fff; }
.gamme .photo {
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px; }
  .gamme .photo img {
    width: 100%; }

.node-gamme.article {
  margin-top: 40px; }

.text_wysiwyg {
  /*a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ff0000;
    display: inline-block;
    margin-right: 10px;
    content: '';
  }*/ }
  .text_wysiwyg a {
    color: #e40421;
    background-color: initial;
    font-weight: normal;
    text-transform: inherit;
    display: inline;
    margin: 0;
    padding: 0; }
  .text_wysiwyg a:hover {
    background-color: initial; }
  .text_wysiwyg h1, .text_wysiwyg h2, .text_wysiwyg h3, .text_wysiwyg h4 {
    font-family: 'transgourmet_rg';
    text-align: initial;
    margin-top: 0; }
  .text_wysiwyg a:hover {
    color: #e40421;
    text-decoration: underline; }
  .text_wysiwyg ol {
    font-weight: bold;
    list-style: none;
    padding-left: 0;
    counter-reset: tiret; }
  .text_wysiwyg ol li:before {
    margin-right: 1rem;
    counter-increment: tiret;
    content: counter(tiret) " -"; }
  .text_wysiwyg ol {
    color: #e40421; }
    .text_wysiwyg ol span {
      color: #333333;
      font-weight: normal; }
  .text_wysiwyg ul {
    list-style: none; }
    .text_wysiwyg ul li {
      position: relative; }
      .text_wysiwyg ul li:before {
        content: '';
        display: inline-block;
        border: 1px solid #e40421;
        border-radius: 50%;
        position: absolute;
        padding: 3px;
        background-color: #e40421;
        left: -15px;
        top: 0.5em; }
  .text_wysiwyg .col-sm-6 {
    padding-left: 0; }

.field-type-text-with-summary {
  width: 100%;
  max-width: 1140px;
  margin: auto;
  /*padding-left: 15px; */
  padding-right: 15px; }

.contBodyBtn .text_wysiwyg h3, .contBodyBtn .text_wysiwyg h4 {
  margin-top: 0px; }
.contBodyBtn .btn-tg {
  padding-left: 15px; }

.wisywig {
  padding-left: 30px; }

.produitInfo .text_wysiwyg ul {
  padding-left: 3%; }

.thumb-video img {
  width: 100%; }

.slider-nav {
  margin-top: 20px;
  margin-bottom: 30px; }
  .slider-nav img {
    cursor: pointer; }
  .slider-nav .video-border {
    border: 3px solid #e40421; }

.title-head .intro {
  color: #444444;
  text-align: center;
  margin-bottom: 50px; }
  .title-head .intro p {
    font-size: 22px;
    margin: 0; }

.push-texte, .push-super, .push-redirect-form, .push-visuel-texte, .push-visuel {
  /*height: 255px;*/
  overflow: hidden;
  margin-bottom: 20px; }

.push-texte h2 {
  margin-bottom: 0;
  margin-top: 0;
  text-align: initial; }

.push-visuel .visuel img {
  /*width: 100%;*/ }

.push-super {
  position: relative; }
  .push-super a:hover {
    text-decoration: none !important; }
  .push-super a:focus {
    text-decoration: none !important; }
  .push-super img {
    width: 100%; }
  .push-super .visuel {
    padding-right: 0; }
  .push-super .no-padding-left {
    padding-left: 0; }
  .push-super .super-cont {
    padding: 10px 25px;
    background: #dedede;
    height: 285px; }
    .push-super .super-cont .titre {
      font-size: 18px;
      color: #e40421;
      padding-bottom: 15px;
      padding-top: 35px; }
    .push-super .super-cont .desc {
      font-size: 16px;
      color: #444444; }
    .push-super .super-cont .arrow-link {
      position: absolute;
      right: 30px;
      bottom: 40px; }
      .push-super .super-cont .arrow-link a {
        color: #e40421;
        font-size: 18px; }
        .push-super .super-cont .arrow-link a:hover {
          text-decoration: none; }

.push-redirect-form {
  overflow-y: auto; }
  .push-redirect-form .cont {
    padding: 10px;
    text-align: left;
    padding-top: 0;
    height: auto; }

.push-visuel-texte img {
  width: 100%; }
.push-visuel-texte .push-lien {
  padding: 15px;
  margin-left: 15px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: 15px; }
  .push-visuel-texte .push-lien:hover {
    background: rgba(255, 255, 255, 0.75); }
    .push-visuel-texte .push-lien:hover a, .push-visuel-texte .push-lien:hover .arrow {
      color: #e40421; }
  .push-visuel-texte .push-lien a {
    color: #fff;
    font-size: 18px; }
  .push-visuel-texte .push-lien .arrow {
    color: #fff4f4;
    float: right; }

.link-admin {
  color: white;
  position: absolute;
  z-index: 3000;
  bottom: 5px;
  left: 20px;
  background: rgba(68, 68, 68, 0.39);
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 5px; }
  .link-admin:hover {
    color: #fff;
    text-decoration: none;
    background: #444444; }

.block-link-admin {
  position: relative; }

.gamme-produits .link-admin {
  display: block; }
.gamme-produits .listHub li .push-visuel-texte .push-lien {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 10px;
  bottom: 15px; }
  .gamme-produits .listHub li .push-visuel-texte .push-lien a {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 0 30px 0 15px; }
  .gamme-produits .listHub li .push-visuel-texte .push-lien a:after {
    font-family: 'icomoon';
    line-height: 1;
    content: '\e600';
    font-size: 39px;
    position: absolute;
    right: -11px;
    bottom: -7px; }
  .gamme-produits .listHub li .push-visuel-texte .push-lien a:before {
    display: none; }
  .gamme-produits .listHub li .push-visuel-texte .push-lien a:hover {
    color: #e40421; }
  .gamme-produits .listHub li .push-visuel-texte .push-lien:hover {
    background-color: rgba(255, 255, 255, 0.5); }
    .gamme-produits .listHub li .push-visuel-texte .push-lien:hover a {
      color: #e40421; }
.gamme-produits .push-visuel-texte .push-lien > div {
  display: inline-block;
  float: left; }
.gamme-produits .push-redirect-form {
  overflow: hidden; }
  .gamme-produits .push-redirect-form .cont {
    height: 255px; }

.push-produits .visuel {
  margin: 0 0 20px; }

.nos-promos .rectangle, .node-famille-de-produits .rectangle {
  margin-bottom: 30px; }
.nos-promos .push-redirect-form, .node-famille-de-produits .push-redirect-form {
  width: 25%;
  height: 400px;
  margin-bottom: 30px; }
  .nos-promos .push-redirect-form .cont, .node-famille-de-produits .push-redirect-form .cont {
    height: 400px; }
.nos-promos .push-produits, .node-famille-de-produits .push-produits {
  position: relative;
  margin-bottom: 30px;
  min-height: 400px; }
  .nos-promos .push-produits .visuel, .node-famille-de-produits .push-produits .visuel {
    margin: 0 0 15px; }
    .nos-promos .push-produits .visuel img, .node-famille-de-produits .push-produits .visuel img {
      /*width: 100%;
        height: auto;*/ }
  .nos-promos .push-produits .picto-promotion, .node-famille-de-produits .push-produits .picto-promotion {
    position: absolute;
    top: 10px;
    right: 25px; }
    .nos-promos .push-produits .picto-promotion img, .node-famille-de-produits .push-produits .picto-promotion img {
      width: 50px;
      height: auto; }
  .nos-promos .push-produits .titre-gris, .node-famille-de-produits .push-produits .titre-gris {
    font-weight: bold; }
  .nos-promos .push-produits .push-desc, .node-famille-de-produits .push-produits .push-desc {
    overflow: hidden; }
    .nos-promos .push-produits .push-desc p, .node-famille-de-produits .push-produits .push-desc p {
      margin: 0; }
  .nos-promos .push-produits .picto, .node-famille-de-produits .push-produits .picto {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px; }
    .nos-promos .push-produits .picto img, .node-famille-de-produits .push-produits .picto img {
      height: 20px;
      width: auto; }
  .nos-promos .push-produits .prix, .node-famille-de-produits .push-produits .prix {
    overflow: hidden;
    height: auto;
    color: #333333; }
    .nos-promos .push-produits .prix .prix-unite, .node-famille-de-produits .push-produits .prix .prix-unite {
      display: block; }
  .nos-promos .push-produits .prix-av, .nos-promos .push-produits .prix-decimal, .nos-promos .push-produits .prix-decimal > div, .nos-promos .push-produits .prix-unite, .node-famille-de-produits .push-produits .prix-av, .node-famille-de-produits .push-produits .prix-decimal, .node-famille-de-produits .push-produits .prix-decimal > div, .node-famille-de-produits .push-produits .prix-unite {
    display: inline-block; }
  .nos-promos .push-produits .prix-decimal, .node-famille-de-produits .push-produits .prix-decimal {
    margin-right: 5px; }
.nos-promos .produits .btn-tg, .node-famille-de-produits .produits .btn-tg {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px; }
.nos-promos .push-visuel-texte, .node-famille-de-produits .push-visuel-texte {
  position: relative; }
  .nos-promos .push-visuel-texte .visuel img, .node-famille-de-produits .push-visuel-texte .visuel img {
    width: 100%;
    height: auto; }
  .nos-promos .push-visuel-texte .push-lien, .node-famille-de-produits .push-visuel-texte .push-lien {
    padding: 15px;
    margin-left: 15px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: 15px; }
    .nos-promos .push-visuel-texte .push-lien:hover, .node-famille-de-produits .push-visuel-texte .push-lien:hover {
      background: rgba(0, 0, 0, 0.75); }
    .nos-promos .push-visuel-texte .push-lien a, .node-famille-de-produits .push-visuel-texte .push-lien a {
      color: #fff;
      font-size: 18px; }
      .nos-promos .push-visuel-texte .push-lien a:hover, .node-famille-de-produits .push-visuel-texte .push-lien a:hover {
        text-decoration: none; }
    .nos-promos .push-visuel-texte .push-lien .arrow, .node-famille-de-produits .push-visuel-texte .push-lien .arrow {
      color: #fff4f4;
      float: right; }
  .nos-promos .push-visuel-texte .push-lien > div, .node-famille-de-produits .push-visuel-texte .push-lien > div {
    float: left; }

.node-famille-de-produits .produits .btn-tg {
  margin-top: 0; }

.node-famille-de-produits .push-produits {
  margin-bottom: 0; }

.square .cont-white {
  position: relative;
  margin: 20px 10px;
  background: #fff;
  height: 215px;
  overflow: hidden;
  padding: 10px; }

.rectangle .cont-white {
  position: relative;
  margin: 20px 10px;
  background: #fff;
  overflow: hidden;
  padding: 10px;
  height: 360px; }

.cont-white a {
  position: absolute;
  margin: 0;
  color: #51b420;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #e40421;
  padding: 10px 10px; }

.liste-actualite .carrousel-actualite img {
  height: auto;
  max-width: 600px;
  width: 100%; }
.liste-actualite .views-exposed-form {
  background: #dedede;
  padding: 0 20px;
  margin-bottom: 40px;
  font-size: 12px;
  margin-top: 15px; }
  .liste-actualite .views-exposed-form label {
    float: left;
    margin-top: 15px;
    width: 100%; }
  .liste-actualite .views-exposed-form .views-widget {
    display: inline-block;
    float: left;
    width: 100%; }
  .liste-actualite .views-exposed-form .views-exposed-widget {
    padding: 0;
    margin-bottom: 0;
    position: relative; }
  .liste-actualite .views-exposed-form .views-exposed-widgets > div {
    float: left;
    width: 33%; }
  .liste-actualite .views-exposed-form .bef-toggle {
    display: none; }
  .liste-actualite .views-exposed-form .form-checkboxes .form-item, .liste-actualite .views-exposed-form .form-radios .form-item {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px; }
  .liste-actualite .views-exposed-form .bef-checkboxes {
    margin-top: 15px; }
  .liste-actualite .views-exposed-form .form-checkboxes > .bef-checkboxes {
    float: left;
    width: 100%; }
    .liste-actualite .views-exposed-form .form-checkboxes > .bef-checkboxes > div {
      float: left;
      width: 50%;
      padding-left: 0;
      margin-bottom: 8px; }
  .liste-actualite .views-exposed-form .form-checkboxes label {
    float: left;
    font-weight: 100;
    margin-top: 0;
    cursor: pointer; }
  .liste-actualite .views-exposed-form .form-checkboxes input[type="checkbox"] {
    vertical-align: middle;
    display: none; }
  .liste-actualite .views-exposed-form .form-checkboxes input[type="checkbox"] + label {
    cursor: pointer; }
  .liste-actualite .views-exposed-form .form-checkboxes input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    height: 19px;
    vertical-align: middle;
    width: 19px;
    border: 1px solid #a6a6a6; }
  .liste-actualite .views-exposed-form .form-checkboxes input[type="checkbox"] + label:before {
    background: url("../images/checkbox.png") no-repeat;
    margin-right: 10px; }
  .liste-actualite .views-exposed-form .form-checkboxes input[type="checkbox"]:checked + label:before {
    background: url("../images/checkbox-form-check-rg.png") no-repeat;
    margin-right: 10px; }
  .liste-actualite .views-exposed-form .container-inline-date select {
    cursor: pointer;
    width: 95px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    border: none;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("../images/arrow-down.png") no-repeat 85% 50%;
    padding: 13px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.view-recipes .views-exposed-form {
  /*margin: 40px 0 0;*/ }
  .view-recipes .views-exposed-form .views-exposed-widgets > div {
    width: auto;
    padding: 0 15px 0 0; }
  .view-recipes .views-exposed-form .views-exposed-widgets label {
    width: auto;
    margin-right: 15px; }
.view-recipes select {
  cursor: pointer;
  width: 215px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  border: none;
  overflow: hidden;
  background-color: #fff;
  background: #fff url("../images/arrow-down.png") no-repeat 85% 50%;
  padding: 13px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
.view-recipes .form-autocomplete {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 12px 20px; }

.view-liste-actualit-s .liste-large li, .view-recipes .liste-large li {
  list-style: none;
  margin: 0;
  height: 175px;
  border-bottom: 2px solid #e2e0e0;
  margin-bottom: 40px; }
  .view-liste-actualit-s .liste-large li .liste-actualite-visuel, .view-recipes .liste-large li .liste-actualite-visuel {
    width: 20%;
    position: relative; }
    .view-liste-actualit-s .liste-large li .liste-actualite-visuel img, .view-recipes .liste-large li .liste-actualite-visuel img {
      width: 100%;
      height: auto; }
    .view-liste-actualit-s .liste-large li .liste-actualite-visuel span, .view-recipes .liste-large li .liste-actualite-visuel span {
      position: absolute;
      right: 15px;
      top: 0;
      padding: 5px 14px;
      color: #FFFFFF;
      background-color: rgba(210, 205, 187, 0.75); }
  .view-liste-actualit-s .liste-large li .title-actu, .view-recipes .liste-large li .title-actu {
    margin-bottom: 10px; }
    .view-liste-actualit-s .liste-large li .title-actu a, .view-recipes .liste-large li .title-actu a {
      font-weight: bold;
      font-size: 14px; }
      .view-liste-actualit-s .liste-large li .title-actu a:hover, .view-recipes .liste-large li .title-actu a:hover {
        text-decoration: none; }
  .view-liste-actualit-s .liste-large li .txt-link-actu, .view-recipes .liste-large li .txt-link-actu {
    font-size: 14px;
    display: inline; }
    .view-liste-actualit-s .liste-large li .txt-link-actu h1, .view-liste-actualit-s .liste-large li .txt-link-actu h2, .view-liste-actualit-s .liste-large li .txt-link-actu h3, .view-liste-actualit-s .liste-large li .txt-link-actu h4, .view-liste-actualit-s .liste-large li .txt-link-actu h5, .view-liste-actualit-s .liste-large li .txt-link-actu h6, .view-recipes .liste-large li .txt-link-actu h1, .view-recipes .liste-large li .txt-link-actu h2, .view-recipes .liste-large li .txt-link-actu h3, .view-recipes .liste-large li .txt-link-actu h4, .view-recipes .liste-large li .txt-link-actu h5, .view-recipes .liste-large li .txt-link-actu h6 {
      font-size: 14px;
      color: #333333 !important;
      font-weight: normal; }
    .view-liste-actualit-s .liste-large li .txt-link-actu div, .view-recipes .liste-large li .txt-link-actu div {
      display: inline; }
    .view-liste-actualit-s .liste-large li .txt-link-actu p, .view-recipes .liste-large li .txt-link-actu p {
      display: inherit; }
      .view-liste-actualit-s .liste-large li .txt-link-actu p span, .view-recipes .liste-large li .txt-link-actu p span {
        font-size: inherit !important; }
  .view-liste-actualit-s .liste-large li .link-actu a, .view-recipes .liste-large li .link-actu a {
    color: #e40421; }
    .view-liste-actualit-s .liste-large li .link-actu a:hover, .view-recipes .liste-large li .link-actu a:hover {
      text-decoration: none;
      font-weight: bold; }

.pager li > a, .pager li > span {
  padding: 15px;
  border: none;
  border-radius: 0;
  background: #e40421;
  color: #fff;
  font-weight: bold; }
  .pager li > a:before, .pager li > span:before {
    content: "+";
    margin-right: 20px; }
  .pager li > a:after, .pager li > span:after {
    content: "+";
    margin-left: 20px; }
  .pager li > a:hover, .pager li > span:hover {
    background: #e40421; }

.theme-actu {
  color: #706f6f;
  font-size: 12px;
  font-weight: 100;
  padding: 10px 15px;
  background-color: #dedede;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px; }

.full-article .visuel-full img {
  width: 100%;
  height: auto; }
.full-article .theme-actu ul {
  margin: 0;
  padding: 0; }
  .full-article .theme-actu ul li {
    list-style-type: none; }
.full-article .pdf-link a:hover {
  text-decoration: none; }
.full-article .little-desc {
  font-weight: bold;
  font-size: 20px;
  color: #e40421;
  margin-bottom: 20px;
  margin-top: 20px;
  font-family: 'transgourmet_rg'; }
.full-article video {
  width: 100%;
  height: auto; }

.carousel-actualite .no-padding {
  position: static; }
.carousel-actualite h3 {
  color: #e40421;
  margin-top: 0; }
  .carousel-actualite h3 a {
    color: #e40421;
    font-size: 20px;
    font-family: 'transgourmet_rg', sans-serif;
    font-weight: bold; }
    .carousel-actualite h3 a:focus {
      color: #e40421; }
    .carousel-actualite h3 a:hover {
      text-decoration: none; }
.carousel-actualite a:focus {
  color: #000; }
.carousel-actualite a:hover {
  text-decoration: none; }
.carousel-actualite p {
  font-size: 14px; }

.view-liste-actualit-s .view-filters form, .view-recipes form {
  position: relative;
  z-index: 20;
  margin-bottom: 80px; }
.view-liste-actualit-s .view-filters .bg-filter, .view-recipes .bg-filter {
  background-color: #dedede;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 240px;
  color: #dedede;
  z-index: 10;
  margin-top: 15px; }

#views-exposed-form-recipes-block-list + .bg-filter {
  max-height: 95px; }

.view-liste-actualit-s .downloadPDF, .article.node-actualite .downloadPDF, .view-recipes .downloadPDF {
  float: left;
  width: 100%;
  padding: 7px 0 0 0; }
  .view-liste-actualit-s .downloadPDF a, .article.node-actualite .downloadPDF a, .view-recipes .downloadPDF a {
    text-decoration: none;
    padding: 6px 0 0 27px;
    position: relative; }
    .view-liste-actualit-s .downloadPDF a:before, .article.node-actualite .downloadPDF a:before, .view-recipes .downloadPDF a:before {
      position: absolute;
      left: 0;
      top: 2px;
      content: "\e909";
      font-size: 15px;
      font-family: 'icomoonlib' !important; }

.article.node-actualite .downloadPDF {
  float: none; }

.part-one, .part-two {
  margin-bottom: 40px; }

.part-three {
  padding-left: 60px;
  padding-right: 60px; }

.print_pdf {
  margin-left: 0; }
  .print_pdf img {
    display: none; }
  .print_pdf a {
    background: url("../images/pdf-icon.png") no-repeat;
    width: 71px;
    height: 22px;
    display: block;
    float: right;
    margin: 0; }

.print-link {
  display: inline; }

.bloc-actus-visuel {
  display: inline;
  float: left;
  margin-right: 25px;
  margin-bottom: 20px; }

.bloc-actus-visuel.right {
  float: right;
  margin-right: 0;
  margin-left: 20px; }

.bloc-actus-head div {
  display: inline-block; }
.bloc-actus-head .time {
  padding-left: 10px; }

/* List media */
article.node-actualite {
  overflow: hidden; }

#actualite-element-container {
  padding: 0 30px; }
  #actualite-element-container .date {
    padding: 1px 0 0 24px;
    position: relative;
    margin: 0 0 0 8px; }
    #actualite-element-container .date:before {
      content: "\e901";
      position: absolute;
      left: 0;
      font-family: 'icomoonlib';
      font-size: 15px;
      top: 0;
      color: #000000; }
  #actualite-element-container .simple-gmap-link {
    text-decoration: underline;
    cursor: pointer;
    padding: 0 0 0 20px;
    margin: 2px 0 2px 8px;
    position: relative; }
    #actualite-element-container .simple-gmap-link:before {
      content: "\e900";
      position: absolute;
      left: 0;
      font-family: 'icomoonlib';
      font-size: 15px;
      top: 0;
      color: #000000; }
  #actualite-element-container .addCalCont {
    position: relative; }
  #actualite-element-container .addtocal {
    cursor: pointer;
    padding: 0 0 0 20px;
    margin: 2px 0 2px 8px;
    position: relative; }
    #actualite-element-container .addtocal:before {
      content: "+";
      position: absolute;
      left: 4px;
      font-size: 22px;
      top: -5px;
      color: #e40421; }
  #actualite-element-container .item-list-addtocal_menu {
    position: absolute;
    left: 0;
    top: 25px; }
    #actualite-element-container .item-list-addtocal_menu ul {
      list-style: none;
      float: left;
      width: 100%;
      margin: 0;
      padding: 5px 12px;
      background: #f2f2f2; }
      #actualite-element-container .item-list-addtocal_menu ul li {
        display: inline-block;
        width: 100%;
        margin: 0;
        font-size: 13px; }

.mediaCont {
  width: 100%; }
  .mediaCont .media {
    position: relative;
    background: #f2f2f2;
    padding: 0px 0 85px; }
    .mediaCont .media .sliderContainer {
      padding: 0; }
    .mediaCont .media ul {
      float: left;
      width: 100%;
      padding: 0;
      margin: 10px 0 0 0; }
      .mediaCont .media ul li {
        float: left;
        width: 25%;
        list-style: none;
        position: relative; }
        .mediaCont .media ul li img {
          width: 100%;
          height: auto;
          padding: 10px; }
        .mediaCont .media ul li .recipeMedia {
          position: relative;
          float: left;
          width: 100%; }
          .mediaCont .media ul li .recipeMedia iframe {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 93%;
            height: 90.5%; }
          .mediaCont .media ul li .recipeMedia .videoPopup {
            background-color: #e40421;
            text-decoration: none;
            position: absolute;
            color: #fff;
            width: 40px;
            height: 40px;
            text-align: center;
            border-radius: 50%;
            display: block;
            top: 50%;
            transform: translateY(-50%);
            right: 45%; }
            .mediaCont .media ul li .recipeMedia .videoPopup .icon-play {
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 9px 0 9px 17px;
              border-color: transparent transparent transparent #ffffff;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 25%; }

.slick-prev, .slick-next {
  bottom: auto; }

/* List evenements a venir */
.blockUpcomingEvents {
  float: left;
  width: 100%;
  padding: 0; }
  .blockUpcomingEvents .listUpcomingEvents .container > div {
    float: left;
    width: 23%;
    margin: 0 1%;
    color: #999999; }
    .blockUpcomingEvents .listUpcomingEvents .container > div figure img {
      float: left;
      width: 100%;
      height: auto;
      margin: 0 0 10px; }
    .blockUpcomingEvents .listUpcomingEvents .container > div iframe {
      width: 100% !important;
      margin: 10px 0; }
    .blockUpcomingEvents .listUpcomingEvents .container > div .push-lien {
      display: inline-block;
      width: 100%;
      padding: 0 0 10px; }
      .blockUpcomingEvents .listUpcomingEvents .container > div .push-lien a {
        font-family: 'transgourmet_rg';
        font-size: 18px;
        color: #e40421; }
    .blockUpcomingEvents .listUpcomingEvents .container > div .date:before {
      content: "\e901";
      position: absolute;
      left: 0;
      font-family: 'icomoonlib';
      font-size: 15px;
      top: -2px;
      color: #000000; }
    .blockUpcomingEvents .listUpcomingEvents .container > div .simple-gmap-link {
      text-decoration: underline;
      cursor: pointer;
      padding: 0 0 0 20px;
      margin: 5px 0 2px 0;
      position: relative; }
      .blockUpcomingEvents .listUpcomingEvents .container > div .simple-gmap-link a {
        color: #999999; }
      .blockUpcomingEvents .listUpcomingEvents .container > div .simple-gmap-link:before {
        content: "\e900";
        position: absolute;
        left: 0;
        font-family: 'icomoonlib';
        font-size: 15px;
        top: -2px;
        color: #000000; }
  .blockUpcomingEvents .listUpcomingEvents .node-actualite > span {
    display: inline-block;
    width: 100%;
    padding: 20px 0 0 0; }
    .blockUpcomingEvents .listUpcomingEvents .node-actualite > span a {
      color: #e40421;
      padding: 0 0 0 12px;
      position: relative; }
      .blockUpcomingEvents .listUpcomingEvents .node-actualite > span a:before {
        position: absolute;
        left: 0;
        top: 2px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }
  .blockUpcomingEvents .listUpcomingEvents .node-actualite .date, .blockUpcomingEvents .listUpcomingEvents .node-actualite .field {
    font-size: 13px; }
  .blockUpcomingEvents .listUpcomingEvents .node-actualite .date {
    padding: 1px 0 0 24px;
    position: relative; }
  .blockUpcomingEvents .listUpcomingEvents .node-actualite .field-name-field-description-courte {
    padding: 15px 0 0 0; }

/* Page Actualites liste */
.node-type-page-liste .intro {
  margin-bottom: 10px; }
.node-type-page-liste .bg {
  overflow: hidden; }

footer {
  background: #dedede; }
  footer .block-size {
    border-right: 2px solid #fff;
    height: 275px;
    overflow: hidden;
    position: relative; }
    footer .block-size:nth-child(3) {
      border-right: none; }
    footer .block-size .lien {
      position: absolute;
      bottom: 33px; }
  footer nav {
    border-top: 2px solid #fff; }
    footer nav ul {
      padding: 0;
      margin: 0;
      text-align: center !important;
      text-transform: uppercase;
      font-size: 13px; }
      footer nav ul li {
        display: inline-block;
        padding: 30px 15px !important;
        border-top: 4px solid transparent; }
        footer nav ul li:hover {
          color: #e40421;
          border-top: 4px solid #e40421; }
        footer nav ul li a {
          padding: 30px 0px; }
          footer nav ul li a:hover {
            text-decoration: none;
            color: #e40421; }
          footer nav ul li a:focus {
            text-decoration: none; }
    footer nav ul li.leaf {
      list-style: none;
      margin: 0; }
  footer .region-inner {
    position: relative; }
  footer .autre-site {
    cursor: pointer; }
  footer .autre-site-click {
    border-top: 4px solid #e40421;
    color: #e40421; }
    footer .autre-site-click a {
      color: #e40421; }
  footer .other-site {
    right: 0;
    left: 0;
    bottom: 24%;
    display: none;
    background: #dedede;
    position: absolute;
    padding-top: 85px;
    padding-bottom: 50px;
    text-align: center; }
    footer .other-site img {
      margin: 0 30px;
      height: 95px !important;
      width: auto !important; }
    footer .other-site p {
      margin-bottom: 30px; }
  footer .footer-block-single {
    padding: 28px;
    /* images */ }
    footer .footer-block-single label {
      margin-left: 10px;
      margin-right: 15px;
      font-weight: 100;
      margin-top: 0;
      cursor: pointer; }
    footer .footer-block-single input[type=checkbox] {
      margin: 0;
      cursor: pointer; }
    footer .footer-block-single input[type=checkbox]:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #fff; }
    footer .footer-block-single input[type=checkbox]:checked:before {
      background: green; }
    footer .footer-block-single input[type=checkbox]:before {
      background: url("../images/checkbox.png") #fff; }
    footer .footer-block-single input[type=checkbox]:checked:before {
      background: url("../images/checkbox-check.png") #fff; }
    footer .footer-block-single input[type=text] {
      margin-bottom: 10px;
      padding: 9px;
      border: none; }
    footer .footer-block-single input[type=submit] {
      margin-bottom: 10px;
      padding: 8px 15px;
      margin-left: 5px;
      border: none;
      background: #e40421;
      color: #fff; }
    footer .footer-block-single a {
      font-size: 15px; }
      footer .footer-block-single a:after {
        margin-left: -10px; }
  footer .footer-block-title {
    margin: 0;
    margin-bottom: 15px;
    font-size: 26px;
    text-align: left;
    color: #000 !important;
    font-family: 'transgourmet_rg'; }
  footer .block-cookie-info {
    height: auto; }

#pagination-alphabetique {
  z-index: 20;
  position: relative;
  padding: 20px 10px 0 10px;
  background: #dedede; }
  #pagination-alphabetique .label-for-pagination-alphabetique {
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px; }
  #pagination-alphabetique .letter {
    font-weight: bold;
    font-size: 18px;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase; }
    #pagination-alphabetique .letter:last-child {
      font-weight: normal;
      text-transform: lowercase;
      text-transform: capitalize; }
      #pagination-alphabetique .letter:last-child:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 39px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -4px;
        color: #e40421;
        margin-left: -20px;
        margin-right: -13px; }
  #pagination-alphabetique .letter-results a {
    color: #e40421; }
    #pagination-alphabetique .letter-results a:hover {
      color: #000;
      text-decoration: none; }
  #pagination-alphabetique .on a {
    color: #000 !important; }
  #pagination-alphabetique .on:before {
    color: #000 !important; }
  #pagination-alphabetique .no-results {
    color: #a3a2a2; }
  #pagination-alphabetique .letter-select a {
    color: #000 !important; }

.nos-marques #pagination-alphabetique {
  padding-left: 25px; }

#views-exposed-form-liste-nos-marques-page-nos-marques, #views-exposed-form-liste-nos-marques-block-list-our-brands {
  padding: 30px 10px 25px 10px;
  background: #dedede; }
  #views-exposed-form-liste-nos-marques-page-nos-marques label, #views-exposed-form-liste-nos-marques-block-list-our-brands label {
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .views-widget, #views-exposed-form-liste-nos-marques-block-list-our-brands .views-widget {
    display: inline-block; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .description, #views-exposed-form-liste-nos-marques-block-list-our-brands .description {
    display: none; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .views-exposed-form .views-exposed-widget, #views-exposed-form-liste-nos-marques-block-list-our-brands .views-exposed-form .views-exposed-widget {
    padding: 0;
    display: flex; }
  #views-exposed-form-liste-nos-marques-page-nos-marques select, #views-exposed-form-liste-nos-marques-block-list-our-brands select {
    width: 220px;
    padding: 10px;
    color: #706f6f;
    border-radius: 0;
    border: none; }
    #views-exposed-form-liste-nos-marques-page-nos-marques select:focus, #views-exposed-form-liste-nos-marques-block-list-our-brands select:focus {
      outline: none; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .form-item-filtre-gamme, #views-exposed-form-liste-nos-marques-block-list-our-brands .form-item-filtre-gamme {
    margin-right: 60px; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .form-item-filtre-metier, #views-exposed-form-liste-nos-marques-block-list-our-brands .form-item-filtre-metier {
    margin-right: 60px; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .views-submit-button:after, #views-exposed-form-liste-nos-marques-block-list-our-brands .views-submit-button:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 38px;
    vertical-align: middle;
    display: inline-block;
    /*margin-top: -3px;*/
    background: #e40421;
    color: #fff;
    margin-left: -4px; }
  #views-exposed-form-liste-nos-marques-page-nos-marques input, #views-exposed-form-liste-nos-marques-block-list-our-brands input {
    margin: 0;
    border: none;
    background: #e40421;
    padding: 9px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase; }

.view-filters form {
  position: relative;
  z-index: 20; }

.bg-filter-marque {
  background-color: #dedede;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 155px;
  color: #dedede;
  z-index: 10; }

.page-nos-marques #main-content {
  position: relative; }
.page-nos-marques .bg {
  background: url("../images/bg.jpg") no-repeat 50% 50%;
  background-size: 1800px;
  position: relative;
  background-position-y: 200px; }

.result-letter {
  position: relative;
  margin-top: 40px; }
  .result-letter h2 {
    margin-top: 0;
    text-align: left;
    color: #000 !important;
    font-family: 'transgourmet_rg'; }
  .result-letter .views-row-odd, .result-letter .views-row-even {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #f9f9f9; }
  .result-letter .col-sm-6 {
    min-height: 150px;
    overflow: hidden;
    width: 55%; }

.letter-cap {
  color: #444444;
  font-weight: bold;
  font-size: 60px;
  margin-bottom: 30px;
  text-transform: uppercase; }

.letter-visuel {
  width: 20%; }
  .letter-visuel img {
    width: 100%;
    height: auto; }

.letter-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 15px; }

.letter-desc {
  font-size: 14px; }

.letter-dispo span {
  font-weight: bold;
  font-size: 14px; }
.letter-dispo div {
  margin-bottom: 15px; }
.letter-dispo ul {
  padding: 0; }
.letter-dispo li {
  list-style-type: none;
  margin-bottom: 8px;
  font-size: 16px; }
  .letter-dispo li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 39px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
    color: #e40421;
    margin-left: -20px;
    margin-right: -13px; }
  .letter-dispo li a {
    color: #e40421;
    text-decoration: none; }

.page-liste-nos-marques #page-title {
  display: none; }

.page-recherche #main-content {
  position: relative; }
.page-recherche .nav-search {
  display: block;
  position: inherit;
  padding-top: 40px; }
.page-recherche .breadcrumb {
  top: 0;
  z-index: 4000; }
.page-recherche #main-content-header {
  margin-top: 0;
  padding-bottom: 40px;
  padding-top: 5px;
  background-color: #dedede; }
  .page-recherche #main-content-header h2, .page-recherche #main-content-header h1 {
    margin: 0; }
.page-recherche .view-solr-recherche {
  margin-top: 40px; }
  .page-recherche .view-solr-recherche .view-header {
    margin-top: -40px;
    z-index: 2;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px; }
.page-recherche .bg-filter-search {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
  top: 0;
  background: #dedede; }
.page-recherche #page-wrapper #page .container-fluid.mastCont {
  z-index: 4500; }

.search-container {
  height: 175px;
  border-bottom: 2px solid #e2e0e0;
  margin-bottom: 40px; }

.liste-search-visuel {
  width: 20%; }
  .liste-search-visuel img {
    width: 100%;
    height: auto; }

.title-search {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px; }

.txt-link-search {
  font-size: 14px !important; }
  .txt-link-search div {
    display: inline;
    font-size: 14px !important; }
  .txt-link-search p {
    display: inherit;
    font-size: 14px !important; }
  .txt-link-search span {
    font-size: 14px !important; }

.link-search a {
  color: #e40421; }
  .link-search a:hover {
    text-decoration: none;
    font-weight: bold; }

.view-solr-recherche {
  font-size: 14px; }
  .view-solr-recherche a {
    color: #e40421; }
    .view-solr-recherche a:hover {
      text-decoration: none;
      font-weight: bold; }

.bloc-ecommerce {
  padding-bottom: 20px;
  padding-top: 20px; }

.slideshow-container .content-info, .slideshow-container-thumb .content-info {
  height: 400px; }
.slideshow-container .infos-home, .slideshow-container-thumb .infos-home {
  padding-left: 105px; }
.slideshow-container .prix-icon, .slideshow-container-thumb .prix-icon {
  margin-top: 60px;
  margin-bottom: 10px; }
.slideshow-container .prix, .slideshow-container-thumb .prix {
  border-top: 2px solid #c61618;
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #c61618;
  float: left;
  margin-right: 20px; }
.slideshow-container .prix-av, .slideshow-container-thumb .prix-av {
  font-size: 48px;
  display: inline;
  float: left; }
.slideshow-container .prix-decimal, .slideshow-container-thumb .prix-decimal {
  font-size: 24px;
  padding-top: 7px;
  height: 35px;
  display: inline-block; }
.slideshow-container .prix-unite, .slideshow-container-thumb .prix-unite {
  font-size: 14px; }
.slideshow-container .picto-container, .slideshow-container-thumb .picto-container {
  display: inline-block;
  float: left; }
  .slideshow-container .picto-container img, .slideshow-container-thumb .picto-container img {
    width: 20px;
    height: auto; }
.slideshow-container .title-home, .slideshow-container-thumb .title-home {
  width: 80%;
  font-family: 'transgourmet_bd';
  font-size: 36px;
  color: #e40421;
  line-height: 40px; }
.slideshow-container .desc-home, .slideshow-container-thumb .desc-home {
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px; }
  .slideshow-container .desc-home p, .slideshow-container-thumb .desc-home p {
    margin: 0; }
.slideshow-container .btn-tg, .slideshow-container-thumb .btn-tg {
  width: 80%; }

.slideshow-container-thumb .slick-prev, .slideshow-container-thumb .slick-next {
  display: none; }

.thumbSlider {
  float: left;
  width: 100%;
  margin: -90px 0 0; }
  .thumbSlider .slick-slide {
    margin: 0 5px;
    opacity: 1 !important; }
    .thumbSlider .slick-slide .txtCont {
      padding: 10px 3px;
      float: left;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.75);
      color: #FFFFFF;
      min-height: 80px;
      cursor: pointer; }
      .thumbSlider .slick-slide .txtCont p, .thumbSlider .slick-slide .txtCont span {
        font-size: 14px !important;
        line-height: 18px; }
      .thumbSlider .slick-slide .txtCont p, .thumbSlider .slick-slide .txtCont div {
        margin: 0;
        padding: 0 10px;
        float: left;
        width: 100%;
        font-weight: bold; }
      .thumbSlider .slick-slide .txtCont div {
        padding: 4px 10px 0 10px; }
        .thumbSlider .slick-slide .txtCont div p {
          font-weight: normal;
          padding: 0; }
    .thumbSlider .slick-slide.slick-center .txtCont {
      padding: 7px 0;
      border: 3px solid #FFFFFF;
      background: rgba(255, 255, 255, 0.75); }
      .thumbSlider .slick-slide.slick-center .txtCont > p {
        color: #e40421; }
      .thumbSlider .slick-slide.slick-center .txtCont div p {
        color: #333333; }
  .thumbSlider .no-padding {
    position: static; }
  .thumbSlider .slick-prev {
    left: 0;
    right: auto;
    top: 0;
    padding: 20px 16px; }
  .thumbSlider .slick-next {
    right: 0;
    left: auto;
    top: 0;
    padding: 20px 16px; }

@media only screen and (min-width: 1024px) {
  .sliderStatic .slick-track {
    transform: none !important; } }

.metiers {
  margin-top: 40px;
  text-align: center; }
  .metiers .slick-prev, .metiers .slick-next {
    position: relative;
    margin-top: 40px;
    margin-bottom: 50px;
    outline: none; }
  .metiers .slick-prev {
    float: right; }
  .metiers .slick-next {
    float: left; }

.metier {
  position: relative;
  height: 285px;
  width: 380px;
  margin-left: 10px; }
  .metier .picto-home {
    padding-top: 70px;
    padding-left: 150px;
    padding-bottom: 10px; }
  .metier .metier-home {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    width: 300px;
    margin: 0 auto; }
  .metier .btn-metier {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    right: 0; }
    .metier .btn-metier:hover {
      background: white; }
    .metier .btn-metier a {
      padding: 10px 20px;
      font-size: 25px;
      display: block;
      color: #e40421; }
      .metier .btn-metier a:hover {
        text-decoration: none; }
      .metier .btn-metier a:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 39px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -4px; }

.node-homepage-metier p {
  margin: 0; }

.home-metier .view-footer {
  text-align: center; }

/* Gestion couleur alternative */
#block-tgi-homepage-sections-homepage-sections {
  /*.bg-grey {
    background: $colBlanc;
  }*/ }
  #block-tgi-homepage-sections-homepage-sections > .block:nth-child(even) {
    background: #dedede !important; }

/* Section Push Libre */
.push-liste {
  float: left;
  width: 100%;
  border-top: 2px dotted #dedede; }
  .push-liste .container > ul {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%; }
    .push-liste .container > ul li {
      float: left;
      padding: 35px;
      border-left: 2px dotted #dedede;
      min-height: 275px; }
      .push-liste .container > ul li .title {
        float: left;
        width: 100%;
        margin: 0 0 20px; }
        .push-liste .container > ul li .title a {
          color: #e40421; }
          .push-liste .container > ul li .title a:hover {
            text-decoration: none; }
      .push-liste .container > ul li .image {
        float: left;
        width: 50%; }
        .push-liste .container > ul li .image img {
          width: 100%;
          height: auto; }
      .push-liste .container > ul li .descCont {
        float: left;
        width: 50%;
        padding: 0 0 0 20px; }
        .push-liste .container > ul li .descCont .m-title {
          display: none; }
      .push-liste .container > ul li .link a {
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative; }
        .push-liste .container > ul li .link a:before {
          position: absolute;
          left: 0;
          top: 3px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }
      .push-liste .container > ul li:first-child {
        border: none; }
    .push-liste .container > ul.total-1 li {
      width: 100%; }
    .push-liste .container > ul.total-2 li {
      width: 50%; }
    .push-liste .container > ul.total-3 li {
      width: 33.33%; }

/* Section Push News */
.newsBlock {
  float: left;
  width: 100%; }
  .newsBlock ul {
    padding: 0;
    list-style: none; }

.contNews {
  width: 100%;
  text-align: center;
  margin-bottom: 50px; }
  .contNews h2 {
    margin-top: 0;
    min-height: 50px; }
  .contNews li {
    display: inline-block;
    width: 24.5%;
    padding: 0 10px;
    margin: 0 0 15px; }
    .contNews li figure, .contNews li figure img {
      width: 100%;
      height: auto; }
    .contNews li span {
      display: inline-block;
      width: 100%; }
      .contNews li span a {
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative;
        margin: 5px 0 0;
        display: inline-block; }
        .contNews li span a:before {
          position: absolute;
          left: 0;
          top: 5px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }
    .contNews li .titre {
      font-weight: bold;
      padding: 15px 0 0 0; }
      .contNews li .titre a {
        padding: 0;
        color: #444444;
        margin: 0; }
        .contNews li .titre a:before {
          display: none; }
        .contNews li .titre a:hover {
          text-decoration: none; }
    .contNews li .desc {
      display: inline-block;
      width: 100%; }
    .contNews li > div {
      float: left;
      min-height: 335px;
      text-align: left;
      color: #444444;
      width: 100%; }
  .contNews .btnCont {
    float: left;
    width: 100%;
    text-align: center; }
    .contNews .btnCont a {
      display: inline-block;
      margin-top: 0; }

.viewMode_1 {
  float: left;
  width: 100%;
  display: flex; }
  .viewMode_1 .contNews {
    display: inline-block;
    padding: 50px 0 0 0; }
    .viewMode_1 .contNews li {
      width: 49%; }

.viewMode_2 .contNews {
  width: 75%;
  float: left;
  padding: 50px 8px 25px 8px;
  border-right: 2px solid #FFFFFF; }
  .viewMode_2 .contNews li > div {
    min-height: 300px; }
.viewMode_2 .contPush {
  width: 25%;
  float: left;
  padding: 50px 8px 25px 8px; }
  .viewMode_2 .contPush > div {
    float: left;
    width: 100%; }
    .viewMode_2 .contPush > div .titre {
      margin: 0 0 20px;
      text-align: center;
      font-weight: normal;
      font-size: 36px;
      font-family: 'transgourmet_rg'; }
    .viewMode_2 .contPush > div figure img {
      float: left;
      width: 100%;
      height: auto; }
  .viewMode_2 .contPush .btn-tg-no-bg a {
    color: #e40421;
    padding: 0 0 0 15px;
    position: relative;
    margin: 5px 0 0;
    display: inline-block;
    font-size: 14px; }
    .viewMode_2 .contPush .btn-tg-no-bg a:before {
      position: absolute;
      left: 0;
      top: 9px;
      content: "";
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #e40421; }

/* Section Push Catalogue */
.catalogBlock {
  float: left;
  width: 100%;
  margin: 0; }
  .catalogBlock ul {
    padding: 0;
    list-style: none; }
  .catalogBlock h2 {
    margin-top: 15px; }
  .catalogBlock .visuel {
    max-height: 245px;
    overflow: hidden; }

.contCatalog {
  float: left;
  width: 100%; }
  .contCatalog ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 25px; }
    .contCatalog ul li {
      /**!important pour overide style inline */
      float: left;
      /*width: 16.66%; padding: 0 10px;*/
      max-width: 180px !important;
      margin: 0 10px 0 10px; }
      .contCatalog ul li:first-child {
        margin-left: 0px; }
      .contCatalog ul li img {
        float: left;
        width: 100%;
        height: auto; }
      .contCatalog ul li .titre {
        font-weight: bold;
        float: left;
        width: 100%;
        padding: 15px 0 0 0; }
      .contCatalog ul li .date {
        float: left;
        width: 100%;
        /* padding: 0 0 15px; font-size: 12px;*/ }
        .contCatalog ul li .date .date-single {
          text-transform: capitalize; }
      .contCatalog ul li .pdfDownload a, .contCatalog ul li .link a {
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative;
        margin: 5px 0 0;
        display: inline-block; }
        .contCatalog ul li .pdfDownload a:before, .contCatalog ul li .link a:before {
          position: absolute;
          left: 0;
          top: 5px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }
  .contCatalog .no-padding {
    position: static; }

.viewCat_2 .contCatalog {
  width: 74%;
  float: left;
  padding: 25px 8px 55px 15px;
  /*border-right: 2px solid $colEventHead;*/ }
  .viewCat_2 .contCatalog .col-sm-6 {
    width: 0%; }
.viewCat_2 .contPush {
  width: 26%;
  float: left;
  padding: 25px 14px; }
  .viewCat_2 .contPush .title {
    margin-top: 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0; }
  .viewCat_2 .contPush .visuel {
    margin: 0 0 15px; }
    .viewCat_2 .contPush .visuel img {
      float: left;
      width: 100%;
      height: auto;
      margin: 0 0 15px; }
  .viewCat_2 .contPush p {
    margin-bottom: 0px; }
    .viewCat_2 .contPush p a {
      color: #e40421;
      padding: 0 0 0 15px;
      position: relative;
      margin: 5px 0 0;
      display: inline-block; }
      .viewCat_2 .contPush p a:before {
        position: absolute;
        left: 0;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }

/* Segment homepage */
.blkSliderType_3 {
  float: left;
  width: 100%;
  margin-bottom: 50px; }
  .blkSliderType_3 .container {
    padding: 0; }
  .blkSliderType_3 .teaser {
    text-align: center;
    float: left;
    width: 100%;
    padding: 0 0 35px; }
  .blkSliderType_3 .blkSlider {
    float: left;
    width: 100%; }
    .blkSliderType_3 .blkSlider .contSlide {
      position: relative;
      padding: 0 15px;
      width: 100%;
      float: left;
      margin-bottom: 30px; }
      .blkSliderType_3 .blkSlider .contSlide .lienSegment {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 15px;
        padding: 15px 15px 10px 15px;
        background: rgba(0, 0, 0, 0.5); }
        .blkSliderType_3 .blkSlider .contSlide .lienSegment:hover {
          background: rgba(0, 0, 0, 0.75); }
          .blkSliderType_3 .blkSlider .contSlide .lienSegment:hover a {
            text-decoration: none; }
        .blkSliderType_3 .blkSlider .contSlide .lienSegment a {
          color: #FFFFFF;
          font-size: 16px; }
          .blkSliderType_3 .blkSlider .contSlide .lienSegment a:after {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e600";
            font-size: 39px;
            vertical-align: middle;
            display: inline-block;
            margin-top: -8px;
            float: right;
            margin-left: -10px;
            margin-right: -10px; }
    .blkSliderType_3 .blkSlider .visuel {
      float: left;
      width: 100%; }
      .blkSliderType_3 .blkSlider .visuel img {
        width: 100%;
        height: auto;
        float: left; }
    .blkSliderType_3 .blkSlider .no-padding {
      position: static; }

/* Nos promos */
.nos-promos .m-btn {
  display: none; }

/* Slick slider nav */
.slick-prev {
  left: 0; }
  .slick-prev:after {
    content: " ";
    background-image: url("../images/slide_left.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 20px;
    height: 50px;
    display: block; }

.slick-next {
  right: 0;
  left: inherit; }
  .slick-next:after {
    content: " ";
    background-image: url("../images/slide_right.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 20px;
    height: 50px;
    display: block; }

.slick-prev, .slick-next {
  background-color: rgba(255, 255, 255, 0.35);
  z-index: 1; }

/* Homepage gestion profile */
#block-tgi-custom-blocks-hp-product-block .btn-tg {
  display: inline-block;
  width: 100%; }

.block-content .products .push-produits {
  min-height: inherit; }

.bg-404 {
  background: url("../images/bg-404.jpg") no-repeat 50% 50%;
  background-size: cover;
  height: 885px;
  text-align: center;
  color: #fff;
  padding-top: 100px; }
  .bg-404 .letter-404 {
    font-family: 'transgourmet-lt';
    font-size: 92px;
    margin-top: 40px;
    margin-bottom: 30px; }
  .bg-404 .txt-404 {
    font-family: 'transgourmet_rg';
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 50px; }
  .bg-404 .btn-tg {
    font-size: 22px; }

.page-customerror-404 .action-links, .page-customerror-404 #main-content-header, .page-customerror-404 .region-inner > .container {
  display: none; }
.page-customerror-404 footer .other-site {
  top: -264px; }

.bg-maintenance {
  background: url("../images/bg-maintenance.jpg") no-repeat 50% 50%;
  background-size: cover;
  height: 885px;
  text-align: center;
  color: #fff;
  padding-top: 100px; }
  .bg-maintenance .letter-maintenance {
    font-family: 'transgourmet-lt';
    font-size: 92px;
    margin-top: 40px;
    margin-bottom: 30px; }
  .bg-maintenance .txt-maintenance {
    font-family: 'transgourmet_rg';
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 50px; }
  .bg-maintenance .btn-tg {
    font-size: 22px; }

.maintenance-page header {
  margin-bottom: 20px; }
.maintenance-page .slogan {
  color: #706f6f !important;
  font-size: 15px;
  font-family: 'transgourmet_rg';
  text-align: left; }
.maintenance-page .azur {
  font-size: 12px;
  color: #444444;
  margin-top: 10px; }

.form-tg .champs-obl {
  color: #a3a2a2;
  font-size: 12px;
  margin-left: 393px;
  display: block;
  margin-top: 40px;
  margin-bottom: 20px; }
.form-tg .form-style label {
  /*font-size: 14px;*/
  width: 380px;
  margin-bottom: 5px;
  float: left;
  text-align: right;
  font-weight: normal;
  margin-right: 1em;
  /*padding-top: 15px;*/
  color: #444444; }
.form-tg .form-style input, .form-tg .form-style select {
  width: 380px;
  padding: 10px;
  border: 1px solid #d1d0d0;
  height: 40px; }
.form-tg .form-style textarea {
  width: 435px;
  min-height: 120px;
  border: 1px solid #d1d0d0; }
.form-tg .form-style #edit-privacy-policy {
  width: 0px; }
.form-tg .form-style .form-checkboxes, .form-tg .form-style .form-radios {
  display: inline-block;
  width: 380px; }
  .form-tg .form-style .form-checkboxes label, .form-tg .form-style .form-radios label {
    display: inline-block;
    max-width: 100%;
    width: auto;
    float: none; }
  .form-tg .form-style .form-checkboxes input[type=checkbox], .form-tg .form-style .form-checkboxes input[type=radio], .form-tg .form-style .form-radios input[type=checkbox], .form-tg .form-style .form-radios input[type=radio] {
    width: auto; }
.form-tg .form-style .form-type-checkbox {
  margin-top: 0;
  display: inline-block;
  width: 100%; }
.form-tg .form-style .form-checkboxes label {
  padding: 0;
  margin-top: 0;
  cursor: pointer; }
.form-tg .form-style .form-checkboxes input[type="checkbox"] {
  vertical-align: middle;
  display: none; }
.form-tg .form-style .form-checkboxes input[type="checkbox"] + label {
  cursor: pointer; }
.form-tg .form-style .form-checkboxes input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  height: 21px;
  vertical-align: middle;
  width: 19px; }
.form-tg .form-style .form-checkboxes input[type="checkbox"] + label:before {
  background: url("../images/checkbox-form.png") no-repeat;
  margin-right: 10px; }
.form-tg .form-style .form-checkboxes input[type="checkbox"]:checked + label:before {
  background: url("../images/checkbox-form-check-rg.png") no-repeat;
  margin-right: 10px; }
.form-tg .form-style .privacy-policy {
  width: 100%;
  text-align: center; }
.form-tg .form-style .privacy-policy ~ p {
  text-align: center; }
  .form-tg .form-style .privacy-policy ~ p a {
    color: #e40421;
    text-decoration: underline; }
.form-tg .form-style .form-radios label {
  padding: 0;
  margin-top: 0;
  cursor: pointer; }
.form-tg .form-style .form-radios input[type="radio"] {
  vertical-align: middle;
  display: none; }
.form-tg .form-style .form-radios input[type="radio"] + label {
  cursor: pointer; }
.form-tg .form-style .form-radios input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px; }
.form-tg .form-style .form-radios input[type="radio"] + label:before {
  background: url("../images/radio-form.png") no-repeat;
  margin-right: 10px; }
.form-tg .form-style .form-radios input[type="radio"]:checked + label:before {
  background: url("../images/radio-form-check-rg.png") no-repeat;
  margin-right: 10px; }
.form-tg .form-style .webform-component-checkboxes label {
  padding-top: 0; }
.form-tg .form-style .webform-component-radios {
  margin-bottom: 20px; }
  .form-tg .form-style .webform-component-radios label {
    padding-top: 5px; }
.form-tg .form-style .captcha, .form-tg .form-style input[type="submit"] {
  margin-left: 393px; }
.form-tg .form-style .captcha-admin-links {
  text-align: center;
  padding-bottom: 30px;
  width: 410px;
  margin: 0 auto; }
.form-tg .form-style .form-actions input[type="submit"] {
  border: none;
  background: #e40421;
  color: #fff;
  font-family: 'transgourmet_rg';
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  width: auto;
  float: left;
  font-size: 15px; }
.form-tg .form-style .form-actions:after {
  padding: 4px 5px 2px 5px;
  background-color: #e40421;
  color: #fff;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  font-size: 34px;
  vertical-align: middle;
  display: block;
  float: left;
  margin-top: 0px; }
.form-tg .form-style .mce_text {
  text-align: center;
  margin-bottom: 10px; }

/* Page offre d'emploie */
.appType {
  float: left;
  width: 100%;
  padding: 0 0 0 280px;
  font-size: 17px;
  margin: 0 0 20px; }
  .appType span {
    position: relative;
    padding: 0 0 15px; }
    .appType span:before {
      position: absolute;
      width: 35%;
      content: '';
      height: 1px;
      background: #444444;
      left: 0;
      bottom: 0; }

.jobOfferForm .form-item {
  display: inline-block;
  width: 100%; }
.jobOfferForm input[type=file] {
  padding: 0 10px;
  float: left; }
.jobOfferForm .description {
  padding-left: 395px;
  margin: 7px 0 0 0;
  float: left;
  font-style: italic; }
.jobOfferForm .ajax-processed {
  float: left;
  width: auto !important;
  background: #e40421;
  color: #FFFFFF;
  padding: 10px 15px;
  margin: 0 !important; }
.jobOfferForm .highlight {
  float: right;
  padding: 12px 15px;
  margin: -4em 0 0 0; }

.node-webform .entete {
  color: #fff !important; }
  .node-webform .entete h2, .node-webform .entete h1 {
    text-align: left; }
  .node-webform .entete span, .node-webform .entete p, .node-webform .entete div {
    color: #fff !important; }

.links {
  display: none; }

.webform-confirmation {
  background: url("../images/bg-confirmation.jpg") no-repeat 50% 50%; }
  .webform-confirmation .image-confirmation-demande {
    margin-top: 50px; }
  .webform-confirmation .confirmation-demande-container {
    text-align: center; }
    .webform-confirmation .confirmation-demande-container .message-confirmation {
      font-size: 24px;
      width: 700px;
      margin: 45px auto;
      line-height: 30px; }
      .webform-confirmation .confirmation-demande-container .message-confirmation span, .webform-confirmation .confirmation-demande-container .message-confirmation p {
        font-size: 24px !important; }
    .webform-confirmation .confirmation-demande-container .coordonnees {
      background: #e8e8e8;
      font-size: 14px;
      padding: 20px;
      width: 580px;
      margin: 0 auto; }
      .webform-confirmation .confirmation-demande-container .coordonnees p:first-child {
        font-size: 18px;
        color: #e40421; }

.view-tranche-nos-offres .ligne-tranche-nos-offres {
  margin: 0; }
  .view-tranche-nos-offres .ligne-tranche-nos-offres header {
    display: none; }
.view-tranche-nos-offres li {
  list-style-type: none;
  margin: 0 !important; }
  .view-tranche-nos-offres li h3 {
    font-weight: bold;
    font-size: 16px; }
  .view-tranche-nos-offres li p, .view-tranche-nos-offres li span {
    font-size: 14px !important;
    font-weight: normal !important;
    margin-bottom: 0 !important; }
  .view-tranche-nos-offres li .visuel {
    margin-bottom: 10px; }
  .view-tranche-nos-offres li .btn-tg-no-bg a {
    padding: 10px 5px 6px 0px;
    margin-left: -18px; }

/*Page User*/
.page-user #main-content {
  max-width: 1140px;
  margin: auto; }

#user-login {
  display: inline-block;
  width: 100%;
  padding: 1.75em 15px; }
  #user-login label {
    font-weight: normal;
    text-align: right;
    width: 15%;
    padding-right: 1%;
    text-align: right; }
  #user-login .description {
    padding: 0 0 0 15.5%; }
  #user-login #edit-actions {
    width: 50%;
    text-align: right; }
    #user-login #edit-actions input {
      background: #e40421;
      border: 0;
      color: #FFFFFF;
      display: inline-block;
      font-family: 'transgourmet_rg';
      font-weight: bold;
      padding: 10px 15px;
      text-align: left;
      text-transform: uppercase;
      width: auto; }

/*Form contact gestion des erreurs css*/
.form-style .error {
  border: 2px solid red !important; }

.form-textarea {
  max-width: 380px; }

.gabarit-hub .cont {
  height: auto; }
.gabarit-hub .intro .cont {
  margin: 0 0 35px; }
.gabarit-hub h1 {
  font-size: 36px;
  margin: 0 0 7px; }
.gabarit-hub .field-name-field-intro {
  font-size: 18px;
  color: #444444;
  max-width: 620px;
  margin: 0 auto; }
.gabarit-hub .visuel > .row {
  margin: 0; }
.gabarit-hub .visuel .cont {
  height: auto;
  padding: 0;
  position: relative; }
  .gabarit-hub .visuel .cont > img {
    width: 105%; }
.gabarit-hub .visuel .descriptif {
  padding: 12% 0 0 28%;
  text-align: left;
  font-size: 16px;
  box-sizing: content-box;
  width: 340px;
  position: absolute;
  top: 0;
  left: 0; }
  .gabarit-hub .visuel .descriptif p strong {
    font-family: 'transgourmet_rg';
    font-size: 32px;
    font-weight: normal;
    line-height: 1.1;
    margin: 0 0 7px;
    display: inline-block; }
.gabarit-hub .bloc-push-hub > .row {
  margin: 0; }
.gabarit-hub .bloc-push-hub .cont {
  padding: 42px 0 0; }
.gabarit-hub .bloc-push-hub .blocs {
  width: 1220px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.75);
  overflow: hidden;
  padding: 10px 0 90px;
  min-height: 436px; }
.gabarit-hub .bloc-push-hub .push-hub {
  text-align: left;
  color: #444444;
  font-size: 14px;
  margin: 10px 0; }
  .gabarit-hub .bloc-push-hub .push-hub .mea {
    position: relative; }
    .gabarit-hub .bloc-push-hub .push-hub .mea > a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: none;
      z-index: 1; }
  .gabarit-hub .bloc-push-hub .push-hub .visuel {
    margin: 0 0 15px;
    display: inline-block; }
    .gabarit-hub .bloc-push-hub .push-hub .visuel img {
      width: 100%; }
  .gabarit-hub .bloc-push-hub .push-hub .titre {
    color: #444444 !important;
    font-size: 14px;
    margin: 0 0 5px;
    line-height: 1.2; }
  .gabarit-hub .bloc-push-hub .push-hub .description {
    line-height: 1.2; }
  .gabarit-hub .bloc-push-hub .push-hub .btn-tg-no-bg {
    margin: 10px 0 0;
    display: inline-block;
    color: #e40421;
    position: relative;
    padding: 0 0 0 15px; }
    .gabarit-hub .bloc-push-hub .push-hub .btn-tg-no-bg:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e600";
      font-size: 23px;
      position: absolute;
      top: -2px;
      left: -12px;
      font-weight: bold; }
.gabarit-hub .bloc-push-hub .visuel-overlay {
  margin: -90px 0 0; }

/* Page Hub V1 */
.listOffreHub .container {
  padding: 0; }
  .listOffreHub .container ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 35px 0; }
    .listOffreHub .container ul li {
      float: left;
      width: 33.33%;
      padding: 0 10px;
      margin-bottom: 20px;
      min-height: 285px; }
      .listOffreHub .container ul li .contenus {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative; }
      .listOffreHub .container ul li .visuel img {
        width: auto;
        height: 100%;
        float: left; }
      .listOffreHub .container ul li .lienSegment {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 15px 15px 10px 15px;
        background: rgba(0, 0, 0, 0.5); }
        .listOffreHub .container ul li .lienSegment:hover {
          background: rgba(0, 0, 0, 0.75); }
          .listOffreHub .container ul li .lienSegment:hover a {
            text-decoration: none; }
        .listOffreHub .container ul li .lienSegment a {
          color: #FFFFFF;
          font-size: 18px; }
          .listOffreHub .container ul li .lienSegment a:after {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e600";
            font-size: 39px;
            vertical-align: middle;
            display: inline-block;
            margin-top: -8px;
            float: right;
            margin-left: -10px;
            margin-right: -10px; }

/* Page Hub V2 */
.contentHub {
  float: left;
  width: 100%; }

.listHub {
  float: left;
  width: 100%;
  list-style: none;
  padding: 40px 0 65px;
  display: flex;
  flex-wrap: wrap; }
  .listHub li {
    float: left;
    width: 33.33%;
    padding: 0 10px 15px 10px;
    min-height: 335px; }
    .listHub li .col-sm-4 {
      width: 100%;
      padding: 0;
      height: auto; }
      .listHub li .col-sm-4 .push-lien {
        margin: 0;
        padding: 0;
        background: none;
        position: static; }
        .listHub li .col-sm-4 .push-lien a {
          color: #e40421;
          padding: 0 0 0 15px;
          position: relative;
          display: inline-block;
          width: 100%;
          text-align: left;
          font-size: 1em; }
          .listHub li .col-sm-4 .push-lien a:before {
            position: absolute;
            left: 0;
            top: 5px;
            content: "";
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #e40421; }
    .listHub li .visuel {
      position: relative;
      float: left;
      width: 100%;
      overflow: hidden; }
      .listHub li .visuel img {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 15px; }
      .listHub li .visuel iframe {
        position: absolute;
        width: 100%;
        height: 94.85%;
        left: 0;
        top: 0;
        bottom: 0; }
    .listHub li h3 {
      color: #444444 !important;
      font-size: 14px;
      margin: 0;
      display: inline-block;
      width: 100%; }
    .listHub li .link {
      color: #e40421;
      padding: 0 0 0 15px;
      position: relative;
      display: inline-block;
      width: 100%; }
      .listHub li .link:before {
        position: absolute;
        left: 0;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }
  .listHub .noteCont {
    position: relative; }
    .listHub .noteCont > div {
      position: absolute;
      left: 0;
      width: 100%;
      right: 0;
      top: 0;
      bottom: 0;
      height: 100%; }
      .listHub .noteCont > div > div {
        display: table;
        height: 100%;
        width: 100%; }
        .listHub .noteCont > div > div > div {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding: 0 30px 50px 30px; }
          .listHub .noteCont > div > div > div .push-texte {
            height: auto;
            width: 100%; }
          .listHub .noteCont > div > div > div img {
            width: 100%;
            height: auto; }
          .listHub .noteCont > div > div > div em, .listHub .noteCont > div > div > div span {
            display: inline-block;
            width: 100%;
            color: #FFFFFF;
            text-shadow: 2px 2px 8px #415001; }
          .listHub .noteCont > div > div > div em {
            font-size: 32px;
            font-family: 'transgourmet-bdit';
            font-style: normal;
            line-height: 32px; }
          .listHub .noteCont > div > div > div span {
            font-size: 18px;
            font-family: 'transgourmet_rg'; }
    .listHub .noteCont > .section-push {
      position: static;
      padding: 0; }
      .listHub .noteCont > .section-push > .visuel > div {
        padding: 0; }
      .listHub .noteCont > .section-push .push-lien {
        background: none;
        position: static;
        padding: 0;
        margin: 0; }
        .listHub .noteCont > .section-push .push-lien:hover {
          background: none; }
        .listHub .noteCont > .section-push .push-lien > div {
          padding: 0; }
        .listHub .noteCont > .section-push .push-lien a {
          text-align: left;
          color: #e40421; }

/* Page Hub V3 */
.hubMainList {
  float: left;
  width: 100%; }
  .hubMainList ul {
    padding: 0;
    list-style: none;
    margin: 0; }
    .hubMainList ul li {
      float: left;
      width: 100%; }
      .hubMainList ul li:nth-child(even) .descCont p {
        color: black; }

.offerFullWidth {
  display: flex;
  min-height: 450px;
  position: relative; }
  .offerFullWidth .hubCont {
    max-width: 900px;
    width: 100%;
    overflow: hidden;
    margin: auto;
    /*display: table;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .offerFullWidth .hubCont > div {
      float: none;
      display: table-cell;
      vertical-align: middle; }
    .offerFullWidth .hubCont .col-sm-7 {
      background-color: rgba(255, 255, 255, 0.5);
      padding: 20px; }
    .offerFullWidth .hubCont .descCont {
      padding: 0 25px 0 0; }
      .offerFullWidth .hubCont .descCont .logoCont {
        float: left;
        width: 100%;
        margin: 0 0 15px;
        position: relative;
        height: auto;
        font-size: 30px;
        font-family: 'transgourmet_rg';
        color: #e40421; }
        .offerFullWidth .hubCont .descCont .logoCont h2 {
          text-align: left;
          margin-top: 0; }
        .offerFullWidth .hubCont .descCont .logoCont > div {
          /*position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;*/ }
          .offerFullWidth .hubCont .descCont .logoCont > div > div {
            display: table;
            width: 100%;
            height: 100%; }
            .offerFullWidth .hubCont .descCont .logoCont > div > div > div {
              display: table-cell;
              vertical-align: bottom; }
        .offerFullWidth .hubCont .descCont .logoCont.logoTaller {
          min-height: 282px; }
      .offerFullWidth .hubCont .descCont p {
        float: left;
        width: 100%;
        font-size: 18px;
        color: black; }
    .offerFullWidth .hubCont .blkLienCat, .offerFullWidth .hubCont .videoCover {
      float: left;
      width: 100%;
      background: #FFFFFF;
      padding: 35px;
      margin: 120px 0 0 0;
      text-align: center; }
      .offerFullWidth .hubCont .blkLienCat h3, .offerFullWidth .hubCont .videoCover h3 {
        margin: 0 0 15px;
        font-size: 22px;
        font-family: 'transgourmet_rg';
        font-weight: normal;
        line-height: 28px; }
        .offerFullWidth .hubCont .blkLienCat h3 span, .offerFullWidth .hubCont .videoCover h3 span {
          font-size: 24px;
          display: inline-block;
          width: 100%; }
      .offerFullWidth .hubCont .blkLienCat .link, .offerFullWidth .hubCont .videoCover .link {
        color: #e40421;
        padding: 0 15px 0 0; }
        .offerFullWidth .hubCont .blkLienCat .link:hover, .offerFullWidth .hubCont .videoCover .link:hover {
          text-decoration: none; }
        .offerFullWidth .hubCont .blkLienCat .link:before, .offerFullWidth .hubCont .videoCover .link:before {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e600";
          font-size: 39px;
          vertical-align: middle;
          display: inline-block;
          margin-top: -4px;
          margin-right: -15px;
          margin-left: -5px; }
      .offerFullWidth .hubCont .blkLienCat iframe, .offerFullWidth .hubCont .videoCover iframe {
        float: left;
        width: 100%; }
    .offerFullWidth .hubCont .videoCover {
      padding: 0;
      background: none; }
  .offerFullWidth .video {
    text-align: center; }

.node-hub-v2 .node-offer {
  height: 600px; }
  .node-hub-v2 .node-offer .hubCont .logoCont {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0; }
    .node-hub-v2 .node-offer .hubCont .logoCont h2 {
      text-align: initial !important; }
  .node-hub-v2 .node-offer .hubCont .text_wysiwyg p {
    color: #444444; }

.page-evenement-liste #tasks, .page-evenement-calendrier #tasks {
  display: none; }

.page-evenement-liste .linkList a {
  color: #e40421; }
.page-evenement-liste .eventType #legend {
  margin: 2em 0; }

.page-evenement-calendrier .linkGrid a {
  color: #e40421; }

.eventType .viewContentList .views-field-field-visuel {
  float: left; }
.eventType .view-filters {
  float: left;
  width: 100%;
  background: #dedede;
  margin-bottom: 4em; }
  .eventType .view-filters > div {
    overflow: hidden;
    margin: auto;
    max-width: 1100px;
    padding: 15px 0; }
  .eventType .view-filters .granularity {
    float: left; }
    .eventType .view-filters .granularity span {
      float: left;
      font-size: 13px;
      margin: 0 10px 0 0; }
      .eventType .view-filters .granularity span a {
        /*text-transform: uppercase; */
        background: #e4e4e4;
        text-decoration: none; }
      .eventType .view-filters .granularity span.active a {
        color: #FFFFFF;
        background: #bcbcbc; }
  .eventType .view-filters form {
    float: left; }
    .eventType .view-filters form .views-exposed-widget {
      padding: 0;
      margin: 0; }
    .eventType .view-filters form select {
      float: left;
      margin: 0 0 0 20px;
      min-width: 130px;
      padding: 6px 0; }
  .eventType .view-filters .pageType {
    float: right;
    width: 120px; }
    .eventType .view-filters .pageType span {
      float: left;
      width: 28px;
      margin: 0 0 0 30px; }
      .eventType .view-filters .pageType span a {
        font-size: 0.01em;
        position: relative;
        width: 28px;
        height: 28px;
        float: left; }
        .eventType .view-filters .pageType span a:before {
          position: absolute;
          width: 28px;
          height: 28px;
          float: left;
          left: 0;
          top: 0;
          font-family: 'icomoonlib';
          font-size: 25px; }
      .eventType .view-filters .pageType span.linkGrid a:before {
        content: "\e902"; }
      .eventType .view-filters .pageType span.linkList a:before {
        content: "\e903";
        font-size: 27px; }
.eventType .view-header {
  float: left;
  width: 100%; }
  .eventType .view-header .pager {
    text-align: center;
    width: 100%;
    list-style: none; }
    .eventType .view-header .pager .date-heading {
      width: 210px;
      margin: 0; }
      .eventType .view-header .pager .date-heading em {
        display: inline-block;
        font-style: normal;
        text-transform: uppercase;
        color: #e40421;
        font-size: 28px;
        line-height: 30px;
        margin: 35px 0 0 0;
        font-weight: bold;
        font-family: 'transgourmet-rg'; }
    .eventType .view-header .pager .date-prev, .eventType .view-header .pager .date-next {
      position: static;
      width: 100px;
      display: inline-block;
      margin: 0;
      background: none;
      padding: 0;
      text-align: center; }
      .eventType .view-header .pager .date-prev a, .eventType .view-header .pager .date-next a {
        padding: 0;
        margin: 0;
        background: none;
        font-size: 28px; }
        .eventType .view-header .pager .date-prev a:before, .eventType .view-header .pager .date-prev a:after, .eventType .view-header .pager .date-next a:before, .eventType .view-header .pager .date-next a:after {
          display: none; }
.eventType .view-content {
  float: left;
  width: 100%; }
  .eventType .view-content > div {
    overflow: hidden;
    margin: auto;
    max-width: 1150px; }
.eventType .calendar-calendar table {
  border: none; }
  .eventType .calendar-calendar table th, .eventType .calendar-calendar table td {
    border: none;
    text-align: left;
    padding: 12px 10px; }
    .eventType .calendar-calendar table th.date-box .inner > div, .eventType .calendar-calendar table td.date-box .inner > div {
      float: left; }
  .eventType .calendar-calendar table th {
    background: none;
    padding: 12px 10px; }
  .eventType .calendar-calendar table td {
    background: #f2f2f2 !important;
    min-height: 70px;
    color: #d6d6d6 !important; }
    .eventType .calendar-calendar table td .inner {
      font-size: 20px; }
      .eventType .calendar-calendar table td .inner > div a {
        color: #d6d6d6 !important;
        font-size: 20px; }
      .eventType .calendar-calendar table td .inner .stripe {
        height: 5px;
        border-radius: 0 !important; }
      .eventType .calendar-calendar table td .inner .calendar {
        border-radius: 0 !important;
        /*height: 4em !important;*/
        background: none !important; }
        .eventType .calendar-calendar table td .inner .calendar .continues, .eventType .calendar-calendar table td .inner .calendar .cutoff {
          display: none; }
      .eventType .calendar-calendar table td .inner .contents a {
        padding: 7px 10px;
        font-size: 13px;
        float: left;
        color: #000000 !important;
        font-weight: normal; }
      .eventType .calendar-calendar table td .inner .view-item-event_calendar {
        position: static; }
    .eventType .calendar-calendar table td.empty {
      background: #e4e4e4 !important; }
    .eventType .calendar-calendar table td.date-box {
      border-left: 12px solid #FFFFFF;
      border-right: 12px solid #FFFFFF;
      border-top: 12px solid #FFFFFF; }
    .eventType .calendar-calendar table td.single-day {
      border-left: 12px solid #FFFFFF;
      border-right: 12px solid #FFFFFF;
      border-bottom: 12px solid #FFFFFF; }
    .eventType .calendar-calendar table td.multi-day {
      background: #FFFFFF !important; }
.eventType #legend {
  float: left;
  width: 100%;
  text-align: center;
  list-style: none;
  margin: 0 0 2em; }
  .eventType #legend ul {
    margin-top: 2em; }
    .eventType #legend ul li {
      display: inline-block;
      margin: 0 18px; }
      .eventType #legend ul li .color {
        width: 18px;
        height: 5px;
        overflow: hidden;
        margin: 8px 10px 0 0;
        float: left; }
      .eventType #legend ul li .termName {
        float: left; }
.eventType .viewContentList > div {
  overflow: hidden;
  margin: auto;
  max-width: 1150px; }
.eventType .viewContentList .views-row {
  float: left;
  width: 100%; }
  .eventType .viewContentList .views-row .imgCont {
    float: left;
    width: 18%;
    padding: 0 15px 15px 0; }
    .eventType .viewContentList .views-row .imgCont img {
      float: left;
      width: 100%;
      height: auto; }
    .eventType .viewContentList .views-row .imgCont .jquery_colorpicker_color_display {
      float: left;
      width: 100%;
      height: 5px; }
  .eventType .viewContentList .views-row .views-field-title {
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 5px; }
  .eventType .viewContentList .views-row .views-field-field-date, .eventType .viewContentList .views-row .views-field-field-lieu {
    float: left;
    position: relative; }
  .eventType .viewContentList .views-row .views-field-field-lieu {
    float: right;
    width: 82%; }
  .eventType .viewContentList .views-row .views-field-field-date {
    padding: 1px 25px 0 24px;
    font-size: 13px; }
    .eventType .viewContentList .views-row .views-field-field-date:before {
      content: "\e901";
      position: absolute;
      left: 0;
      font-family: 'icomoonlib';
      font-size: 15px;
      top: -2px;
      color: #000000; }
    .eventType .viewContentList .views-row .views-field-field-date .dateEnd {
      display: none;
      padding: 0 0 0 25px;
      position: relative; }
      .eventType .viewContentList .views-row .views-field-field-date .dateEnd:before {
        content: '-';
        left: 10px;
        top: -1px;
        position: absolute; }
  .eventType .viewContentList .views-row .views-field-field-date:hover .dateEnd {
    display: inline-block; }
  .eventType .viewContentList .views-row .views-field-field-lieu .simple-gmap-link {
    text-decoration: underline;
    cursor: pointer;
    padding: 0 0 0 20px;
    position: relative; }
    .eventType .viewContentList .views-row .views-field-field-lieu .simple-gmap-link a {
      color: #999999; }
    .eventType .viewContentList .views-row .views-field-field-lieu .simple-gmap-link:before {
      content: "\e900";
      position: absolute;
      left: 0;
      font-family: 'icomoonlib';
      font-size: 15px;
      top: -2px;
      color: #000000; }
  .eventType .viewContentList .views-row .views-field-body {
    float: right;
    width: 82%; }
  .eventType .viewContentList .views-row .theme-actu {
    margin: 0 10px 10px 0; }

.date-nav {
  color: #e40421; }

/*Modification calendrier overide calendar_multiday.css*/
.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents, .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  width: auto; }

.eventType .calendar-calendar table td .inner .contents a {
  float: none;
  padding: 0; }

.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents, .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  position: static; }

.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
  height: auto; }

.node-type-page-with-header .entete .col-sm-6 h1 {
  text-align: left; }
.node-type-page-with-header .entete .field-name-body {
  font-size: 16px;
  color: #FFFFFF; }

.viewFilterJob {
  padding: 15px 0;
  background: #dedede;
  margin: 0 -15px; }
  .viewFilterJob .views-exposed-widget {
    float: left;
    width: 270px; }
    .viewFilterJob .views-exposed-widget label {
      float: left;
      padding: 12px 20px 0 0; }
  .viewFilterJob select {
    cursor: pointer;
    width: 150px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    border: none;
    overflow: hidden;
    background-color: #FFFFFF;
    background: #fff url("../images/arrow-down.png") no-repeat 85% 50%;
    padding: 13px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left; }

.listJob .container > .item-list > ul {
  padding: 0;
  margin: 20px 0;
  list-style: none; }
  .listJob .container > .item-list > ul > li {
    float: left;
    width: 33.33%;
    padding: 24px 10px 24px 10px;
    position: relative;
    margin: 0 0 25px 0;
    min-height: 290px; }
    .listJob .container > .item-list > ul > li:after {
      content: '';
      width: 94%;
      left: 10px;
      right: 10px;
      height: 1px;
      background: #dbdbdb;
      position: absolute;
      bottom: 0; }
    .listJob .container > .item-list > ul > li h3, .listJob .container > .item-list > ul > li .desc, .listJob .container > .item-list > ul > li .date {
      float: left;
      width: 100%; }
    .listJob .container > .item-list > ul > li h3 {
      margin: 18px 0 12px 0;
      color: #444444 !important;
      font-weight: normal;
      font-size: 22px; }
    .listJob .container > .item-list > ul > li .desc {
      font-size: 14px;
      padding: 8px 0 0 0;
      min-height: 60px; }
    .listJob .container > .item-list > ul > li .date {
      font-size: 12px; }
    .listJob .container > .item-list > ul > li .btnCont a {
      text-transform: none; }
    .listJob .container > .item-list > ul > li .link {
      color: #e40421;
      padding: 0 0 0 15px;
      position: relative;
      margin: 5px 0 0 15px;
      display: inline-block; }
      .listJob .container > .item-list > ul > li .link:before {
        position: absolute;
        left: 0;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }
  .listJob .container > .item-list > ul .breakzone {
    padding: 0 10px; }
    .listJob .container > .item-list > ul .breakzone > div {
      padding: 0 !important;
      width: 100% !important;
      overflow: hidden; }
.listJob form .form-checkboxes label {
  font-weight: normal;
  padding: 1px 16px 0 7px; }
.listJob form .form-checkboxes input[type="checkbox"] {
  vertical-align: middle;
  display: none; }
.listJob form .form-checkboxes input[type="checkbox"] + label {
  cursor: pointer; }
.listJob form .form-checkboxes input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  height: 21px;
  vertical-align: middle;
  width: 19px; }
.listJob form .form-checkboxes input[type="checkbox"] + label:before {
  background: url("../images/checkbox-form.png") no-repeat;
  margin-right: 10px; }
.listJob form .form-checkboxes input[type="checkbox"]:checked + label:before {
  background: url("../images/checkbox-form-check-rg.png") no-repeat;
  margin-right: 10px; }
.listJob form #edit-field-nr-marque-tg-target-id-entityreference-filter-wrapper {
  width: 330px; }
.listJob form .bef-checkboxes {
  margin: 10px 0 0; }

.view-job-offers .pager-load-more a {
  padding-right: 50px;
  position: relative; }
  .view-job-offers .pager-load-more a:before {
    display: none; }
  .view-job-offers .pager-load-more a:after {
    font-family: 'icomoonlib';
    content: "\e904";
    display: inline-block;
    position: absolute;
    top: 16%;
    right: 12px;
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* Block grise - filter texte */
.filterTxt {
  float: left;
  width: 100%;
  text-transform: uppercase;
  margin: 0 0 8px; }
  .filterTxt span {
    float: left; }
    .filterTxt span a {
      padding: 10px 20px;
      float: left;
      background: #f2f2f3;
      margin: 0 10px 0 0; }
      .filterTxt span a:hover {
        text-decoration: none; }
  .filterTxt .downloadPDF {
    float: left;
    padding: 12px 0 0 40px; }
    .filterTxt .downloadPDF a {
      text-decoration: none;
      padding: 6px 0 0 27px;
      position: relative; }
      .filterTxt .downloadPDF a:before {
        position: absolute;
        left: 0;
        top: 2px;
        content: "\e909";
        font-size: 15px;
        font-family: 'icomoonlib' !important; }

/* Page offres details */
.node-type-job-offer .jobDesc {
  float: left;
  width: 50%; }
  .node-type-job-offer .jobDesc .filterTxt {
    width: 85%; }
  .node-type-job-offer .jobDesc .ref {
    display: inline-block;
    width: 100%;
    padding: 8px 0; }
  .node-type-job-offer .jobDesc .print-link {
    float: right;
    margin: 7px 0 0 0; }

.listType3 {
  float: left;
  width: 100%;
  margin: 2em 0 0 0; }
  .listType3 ul {
    list-style: none;
    padding: 0; }
    .listType3 ul li {
      float: left;
      width: 33.33%;
      padding: 0 10px;
      margin: 15px 0 0 0; }
      .listType3 ul li h3 {
        display: inline-block;
        width: 100%; }
      .listType3 ul li .link {
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative;
        margin: 5px 0 0 15px;
        display: inline-block; }
        .listType3 ul li .link:before {
          position: absolute;
          left: 0;
          top: 5px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }

/* Confirmation page offre */
.webform-confirmation p {
  float: left;
  width: 100%;
  background: #FFFFFF;
  margin: 4em 0 2.5em 0;
  text-align: center; }

.customTem .blkInfo {
  padding-top: 0;
  /*Suppr padding si img droite*/ }
  .customTem .blkInfo .right ~ .contBodyBtn .text_wysiwyg p {
    padding-left: 0;
    padding-right: 15px; }
  .customTem .blkInfo .text_wysiwyg p {
    padding-left: 15px; }
.customTem .contCatalog ul li:first-child {
  padding-left: 0; }
.customTem > div {
  float: left;
  width: 100%;
  padding-bottom: 35px; }
  .customTem > div:nth-child(even) {
    background-color: #f2f2f2; }
  .customTem > div h2 {
    margin: 25px 0 37px; }
.customTem ul {
  list-style: none;
  padding: 0;
  width: 100%;
  float: left; }
.customTem .mediaCont .media {
  background: none; }
.customTem .mediaCont .blkSliderType_3 .contSlide {
  margin-bottom: 25px; }
  .customTem .mediaCont .blkSliderType_3 .contSlide .video iframe {
    height: 203px; }
.customTem .push-produits {
  /*height: 320px;*/ }
.customTem .nos-promos .view-footer {
  display: block !important; }
.customTem .view-footer .btn-tg {
  text-align: center; }

.blkInfo {
  padding: 35px 0; }
  .blkInfo .imgCont {
    padding-right: 0; }
    .blkInfo .imgCont img {
      float: left;
      width: 100%;
      height: auto !important;
      padding: 0 15px 0 0; }
  .blkInfo .description p strong {
    display: inline-block;
    width: 100%; }
  .blkInfo .description .link {
    color: #e40421;
    padding: 0 0 0 15px;
    position: relative;
    margin: 5px 0 0;
    display: inline-block; }
    .blkInfo .description .link:before {
      position: absolute;
      left: 0;
      top: 5px;
      content: "";
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #e40421; }
    .blkInfo .description .link:hover {
      text-decoration: none; }

.newsList .contNews {
  margin-bottom: 10px; }
  .newsList .contNews h2 {
    margin: 0; }
.newsList ul {
  text-align: center; }
  .newsList ul li {
    display: inline-block;
    width: 24.5%;
    padding: 0 10px;
    vertical-align: top; }
    .newsList ul li figure img {
      float: left;
      width: 100%;
      height: auto; }
    .newsList ul li > div {
      text-align: left; }
      .newsList ul li > div span {
        display: inline-block;
        width: 100%; }
        .newsList ul li > div span a {
          color: #e40421;
          padding: 0 0 0 15px;
          position: relative;
          margin: 5px 0 0;
          display: inline-block; }
          .newsList ul li > div span a:before {
            position: absolute;
            left: 0;
            top: 5px;
            content: "";
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #e40421; }
      .newsList ul li > div .titre {
        font-weight: bold;
        padding: 15px 0 0 0; }
        .newsList ul li > div .titre a {
          padding: 0;
          color: #e40421;
          margin: 0; }
          .newsList ul li > div .titre a:before {
            display: none; }
          .newsList ul li > div .titre a:hover {
            text-decoration: none; }
      .newsList ul li > div .date {
        font-size: 12px;
        font-weight: bold; }
      .newsList ul li > div .desc {
        display: inline-block;
        width: 100%;
        padding: 10px 0; }
      .newsList ul li > div .link a {
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative;
        margin: 5px 0 0;
        display: inline-block; }
        .newsList ul li > div .link a:before {
          position: absolute;
          left: 0;
          top: 5px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }
        .newsList ul li > div .link a:hover {
          text-decoration: none; }

.impList .tempSlider {
  padding: 0 0 90px; }
  .impList .tempSlider .slick-prev, .impList .tempSlider .slick-next {
    bottom: -75px; }
.impList ul li {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin: 0 0 25px 0; }
  .impList ul li img {
    width: 100%;
    float: left;
    height: auto; }

.academyList .push-liste {
  border: none; }
  .academyList .push-liste .container > ul li {
    border: none !important; }
    .academyList .push-liste .container > ul li .title {
      padding: 0 0 20px;
      position: relative; }
      .academyList .push-liste .container > ul li .title a {
        color: #444444; }
      .academyList .push-liste .container > ul li .title:before {
        content: "";
        width: 10%;
        height: 2px;
        background: #eef2f9;
        position: absolute;
        left: 0;
        bottom: 0; }
    .academyList .push-liste .container > ul li .text {
      min-height: 120px; }

.contIframe {
  display: inline-block;
  width: 100%;
  text-align: center; }

.bannerTop {
  position: relative;
  margin: 0 0 10px; }
  .bannerTop > div {
    min-height: 450px; }
  .bannerTop iframe, .bannerTop img {
    width: 100%; }
  .bannerTop img {
    height: auto; }
  .bannerTop iframe {
    min-height: 450px; }
  .bannerTop .meaCont {
    position: absolute;
    top: 100px;
    left: 58%;
    width: 30%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 15px; }
    .bannerTop .meaCont h2 {
      text-align: left;
      margin: 0 0 25px; }
      .bannerTop .meaCont h2 a {
        color: #e40421; }
        .bannerTop .meaCont h2 a:hover {
          text-decoration: none; }
    .bannerTop .meaCont p {
      font-size: 16px;
      color: black; }

.mediaTabs {
  float: left;
  width: 100%;
  margin: 1.25em 0;
  padding: 0 8%; }
  .mediaTabs ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .mediaTabs ul li {
      padding: 0;
      list-style: none; }
  .mediaTabs .tabsList li {
    float: left;
    border: 1px solid #e4e4e4;
    border-bottom: none;
    margin: 0 4px 0 0; }
    .mediaTabs .tabsList li a {
      display: inline-block;
      padding: 18px 20px;
      background: #f2f2f2;
      color: #999999; }
      .mediaTabs .tabsList li a:hover {
        text-decoration: none; }
    .mediaTabs .tabsList li.activeLi a {
      background: #FFFFFF;
      color: #000000;
      outline: none;
      text-decoration: none; }
  .mediaTabs .tabsCont {
    float: left;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 15px 5px; }
    .mediaTabs .tabsCont .container {
      padding: 0; }
    .mediaTabs .tabsCont > div {
      display: none; }
      .mediaTabs .tabsCont > div:first-child {
        display: block; }
    .mediaTabs .tabsCont label {
      float: left;
      padding: 0 20px 0 0; }
    .mediaTabs .tabsCont .form-checkboxes label {
      font-weight: normal;
      padding: 1px 16px 0 7px; }
    .mediaTabs .tabsCont .form-checkboxes input[type="checkbox"] {
      vertical-align: middle;
      display: none; }
    .mediaTabs .tabsCont .form-checkboxes input[type="checkbox"] + label {
      cursor: pointer; }
    .mediaTabs .tabsCont .form-checkboxes input[type="checkbox"] + label:before {
      content: "";
      display: inline-block;
      height: 21px;
      vertical-align: middle;
      width: 19px; }
    .mediaTabs .tabsCont .form-checkboxes input[type="checkbox"] + label:before {
      background: url("../images/checkbox-form.png") no-repeat;
      margin-right: 10px; }
    .mediaTabs .tabsCont .form-checkboxes input[type="checkbox"]:checked + label:before {
      background: url("../images/checkbox-form-check-rg.png") no-repeat;
      margin-right: 10px; }
    .mediaTabs .tabsCont .bef-checkboxes {
      float: left;
      width: 80%; }
      .mediaTabs .tabsCont .bef-checkboxes .form-item {
        float: left; }
        .mediaTabs .tabsCont .bef-checkboxes .form-item input {
          float: left; }
        .mediaTabs .tabsCont .bef-checkboxes .form-item label {
          padding: 0 20px 0 10px;
          font-weight: normal; }
    .mediaTabs .tabsCont #edit-combine-wrapper {
      float: right;
      margin: -110px 0 0;
      width: auto; }
      .mediaTabs .tabsCont #edit-combine-wrapper label {
        float: left;
        margin-top: 5px; }
      .mediaTabs .tabsCont #edit-combine-wrapper > div {
        float: left;
        padding: 0;
        width: auto; }
        .mediaTabs .tabsCont #edit-combine-wrapper > div #edit-combine {
          min-width: 290px;
          padding: 6px 10px; }
        .mediaTabs .tabsCont #edit-combine-wrapper > div .form-submit {
          margin: 0;
          background: #e40421;
          border: none;
          height: 34px;
          padding: 0 10px;
          color: #FFFFFF; }
  .mediaTabs .views-exposed-widget {
    float: left;
    width: 100%;
    padding: 0 10px; }
  .mediaTabs .listMedias {
    padding: 18px 0 0 0;
    float: left;
    width: 100%; }
    .mediaTabs .listMedias ul li {
      float: left;
      padding: 0 10px;
      margin: 0 0 15px; }
      .mediaTabs .listMedias ul li img, .mediaTabs .listMedias ul li iframe {
        float: left;
        /*width: 100%*/
        height: 275px; }
      .mediaTabs .listMedias ul li img {
        height: auto; }
      .mediaTabs .listMedias ul li h3 {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #333 !important;
        margin: 10px 0 5px; }
        .mediaTabs .listMedias ul li h3 a:hover {
          text-decoration: none; }
      .mediaTabs .listMedias ul li p {
        float: left;
        width: 100%; }
    .mediaTabs .listMedias .videos li {
      width: 33%; }
    .mediaTabs .listMedias .catalog li {
      width: 20%; }
    .mediaTabs .listMedias .recipe li {
      width: 33%; }
      .mediaTabs .listMedias .recipe li img {
        width: 100%; }

/** Page media Details **/
.node-type-media .full-article {
  margin: 0; }

.listType3.otherMedias iframe {
  float: left;
  display: inline;
  margin-right: 25px;
  margin-bottom: 25px;
  padding: 10px 10px 0 0; }
.listType3.otherMedias .textRight h3 {
  margin-top: 0; }

.otherMedias img {
  /*float: left; width: 100%; height: auto;*/
  padding-right: 15px;
  padding-bottom: 15px; }
.otherMedias ul li h3 {
  font-size: 14px; }
  .otherMedias ul li h3 a:hover {
    text-decoration: none; }
.otherMedias h3 {
  margin-top: 0px; }
.otherMedias .item-list ul .views-row {
  min-height: 400px; }
.otherMedias .item-list-pager li {
  width: 100%; }

.item-list .pager-load-more {
  display: block; }
  .item-list .pager-load-more li {
    display: flex;
    flex-direction: column-reverse;
    align-items: center; }

.node-type-brand-tg .breadcrumb, .node-type-brand-tg #breadcrumb {
  position: relative; }

.brandCont {
  float: left;
  width: 100%;
  background: #dedede; }
  .brandCont ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
    margin: 0; }
  .brandCont .imgCont img {
    display: block;
    width: 100%;
    height: auto; }
  .brandCont .meaGamme {
    /*Overide le style inline*/
    background-size: 50% 100% !important;
    background-position: left !important;
    background-color: white !important; }

.subNav {
  height: 110px; }
  .subNav li {
    float: left;
    width: 25%;
    text-align: center;
    border-left: 2px solid #d3d3d3;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative; }
    .subNav li:first-child {
      border: none; }
    .subNav li a, .subNav li span {
      display: inline-block;
      padding: 5px 0 11px; }
    .subNav li span:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 18px solid #dedede;
      position: absolute;
      bottom: -18px;
      left: 45%; }
    .subNav li img {
      display: inline-block;
      max-width: 137px;
      width: 100%;
      height: auto; }

.enteteBrand {
  padding: 75px 0;
  text-align: center; }
  .enteteBrand .container {
    background-color: rgba(255, 255, 255, 0.5); }
    .enteteBrand .container p {
      color: black; }
  .enteteBrand .logoCont {
    float: left;
    width: 100%;
    padding: 30px 0 0 0; }
  .enteteBrand .desc {
    float: left;
    width: 100%;
    padding: 20px 25% 35px 25%;
    color: #FFFFFF;
    font-size: 18px; }
  .enteteBrand .productNumList li {
    display: inline-block;
    width: 24.5%;
    border-left: 2px solid #FFFFFF;
    font-family: 'transgourmet_rg';
    color: #e40421;
    font-size: 24px;
    padding: 18px 0;
    line-height: 24px;
    font-weight: normal; }
    .enteteBrand .productNumList li:first-child {
      border: none; }
    .enteteBrand .productNumList li strong {
      font-size: 42px;
      display: inline-block;
      width: 100%;
      margin-bottom: 15px; }

.blkTemoignage {
  padding: 75px 0;
  display: block;
  background-size: 50% 100% !important;
  background-position: right !important;
  background-color: white !important; }
  .blkTemoignage .container {
    max-width: initial; }
  .blkTemoignage .details {
    float: right;
    width: 80%;
    text-align: left; }
    .blkTemoignage .details h2 {
      text-align: left; }
    .blkTemoignage .details p {
      color: #333;
      width: 100%;
      float: left; }
  .blkTemoignage .videoCont {
    text-align: center; }
    .blkTemoignage .videoCont img {
      height: auto;
      display: block;
      position: relative;
      left: 25%; }

.meaGamme {
  padding: 110px 0;
  max-height: 600px; }
  .meaGamme .brand-no-image {
    width: 70%;
    float: right; }
    .meaGamme .brand-no-image .col-sm-12 {
      padding: 0; }
  .meaGamme .gammeDetails {
    overflow: hidden;
    max-width: 1045px;
    margin: auto;
    padding: 0 0 0 335px; }
    .meaGamme .gammeDetails .imgCont {
      float: left;
      width: 35%; }
    .meaGamme .gammeDetails .details {
      float: left;
      width: 80%;
      padding: 0 0 0 15px; }
      .meaGamme .gammeDetails .details h2 {
        text-align: left;
        margin-top: 50px;
        margin-bottom: 20px; }
      .meaGamme .gammeDetails .details p {
        font-size: 16px; }
      .meaGamme .gammeDetails .details .btnCont .link {
        display: inline-block;
        width: 100%;
        color: #e40421;
        font-size: 16px;
        margin: 2px 0;
        position: relative;
        padding-left: 25px; }
        .meaGamme .gammeDetails .details .btnCont .link:before {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e600";
          font-size: 30px;
          position: absolute;
          top: -4px;
          left: -8px; }
        .meaGamme .gammeDetails .details .btnCont .link:hover {
          text-decoration: none; }

.sliderMarque .slick-slide {
  display: block;
  background-size: 50% 100% !important;
  background-position: right !important;
  background-color: white !important; }
.sliderMarque .contenus {
  float: left;
  margin: 150px 0;
  width: 50%;
  background: #FFFFFF; }
  .sliderMarque .contenus .imgCont {
    float: left;
    width: 33%; }
  .sliderMarque .contenus .details {
    float: right;
    width: 67%;
    padding: 22px 25px 10px 25px; }
    .sliderMarque .contenus .details h2 {
      margin-top: 50px;
      margin-bottom: 20px;
      text-align: left;
      line-height: 30px; }
    .sliderMarque .contenus .details p {
      font-size: 16px;
      padding: 0;
      margin-bottom: 10px; }
    .sliderMarque .contenus .details .link {
      display: inline-block;
      width: 100%;
      color: #e40421;
      font-size: 16px;
      margin: 2px 0;
      position: relative;
      padding-left: 25px; }
      .sliderMarque .contenus .details .link:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 30px;
        position: absolute;
        top: -4px;
        left: -8px; }
      .sliderMarque .contenus .details .link:hover {
        text-decoration: none; }

.listProduit ul li {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin: 0 0 20px;
  position: relative; }
  .listProduit ul li .link {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 10px;
    padding: 15px 15px 10px 15px;
    background: rgba(0, 0, 0, 0.5); }
    .listProduit ul li .link:hover {
      background: rgba(0, 0, 0, 0.75); }
      .listProduit ul li .link:hover a {
        text-decoration: none; }
    .listProduit ul li .link a {
      color: #FFFFFF;
      font-size: 16px; }
      .listProduit ul li .link a:after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 39px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -8px;
        float: right;
        margin-left: -10px;
        margin-right: -10px; }

/* Market Carte */
.filterMarket {
  background: #dedede;
  padding: 20px 0; }
  .filterMarket > form.container {
    padding: 0 !important; }
  .filterMarket .views-submit-button {
    float: left; }
  .filterMarket #edit-field-shop-type-tid-wrapper {
    float: right; }
  .filterMarket .form-item {
    float: left; }
    .filterMarket .form-item label {
      float: left;
      padding: 12px 15px 0 0; }
    .filterMarket .form-item select {
      cursor: pointer;
      width: 110px;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      border: none;
      overflow: hidden;
      background-color: #FFFFFF;
      background: #fff url("../images/arrow-down.png") no-repeat 85% 50%;
      padding: 13px;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      float: left; }
    .filterMarket .form-item input[type=text] {
      width: 100px;
      margin-top: 0;
      margin-left: 0;
      margin-right: 15px;
      border: none;
      background-color: #FFFFFF;
      padding: 13px;
      float: left; }
  .filterMarket .form-item-radius label {
    font-weight: normal; }
  .filterMarket #edit-field-shop-type-tid-wrapper label {
    float: left;
    padding: 12px 15px 0 0; }
  .filterMarket #edit-field-shop-type-tid-wrapper .views-widget {
    float: left;
    padding: 12px 0 0 0; }
    .filterMarket #edit-field-shop-type-tid-wrapper .views-widget .form-checkboxes label {
      font-weight: normal;
      padding: 1px 16px 0 7px; }
    .filterMarket #edit-field-shop-type-tid-wrapper .views-widget .form-checkboxes input[type="checkbox"] {
      vertical-align: middle;
      display: none; }
    .filterMarket #edit-field-shop-type-tid-wrapper .views-widget .form-checkboxes input[type="checkbox"] + label {
      cursor: pointer; }
    .filterMarket #edit-field-shop-type-tid-wrapper .views-widget .form-checkboxes input[type="checkbox"] + label:before {
      content: "";
      display: inline-block;
      height: 21px;
      vertical-align: middle;
      width: 19px; }
    .filterMarket #edit-field-shop-type-tid-wrapper .views-widget .form-checkboxes input[type="checkbox"] + label:before {
      background: url("../images/checkbox-form.png") no-repeat;
      margin-right: 10px; }
    .filterMarket #edit-field-shop-type-tid-wrapper .views-widget .form-checkboxes input[type="checkbox"]:checked + label:before {
      background: url("../images/checkbox-form-check-rg.png") no-repeat;
      margin-right: 10px; }
  .filterMarket .pageType {
    float: right;
    width: 90px;
    margin: -6px 0 0 0; }
    .filterMarket .pageType span {
      float: left;
      width: 28px; }
      .filterMarket .pageType span a {
        font-size: 0.01em;
        position: relative;
        width: 28px;
        height: 28px;
        float: left; }
        .filterMarket .pageType span a:before {
          position: absolute;
          width: 28px;
          height: 28px;
          float: left;
          left: 0;
          top: 0;
          font-family: 'icomoonlib';
          font-size: 25px; }
      .filterMarket .pageType span.linkMap a:before {
        content: "\e908";
        font-size: 34px;
        color: #a3a2a2;
        top: -6px;
        left: -2px; }
      .filterMarket .pageType span.linkMap .active:before {
        color: #e40421; }
      .filterMarket .pageType span.linkList {
        float: right; }
        .filterMarket .pageType span.linkList a:before {
          content: "\e903";
          font-size: 27px;
          color: #a3a2a2; }
        .filterMarket .pageType span.linkList .active:before {
          color: #e40421; }
  .filterMarket #edit-field-address-postal-code-wrapper {
    padding: 0; }
    .filterMarket #edit-field-address-postal-code-wrapper label {
      float: left;
      padding: 12px 15px 0 0; }
    .filterMarket #edit-field-address-postal-code-wrapper .views-widget {
      float: left; }

.gm-style-iw .btn-tg-no-bg {
  display: inline-block;
  width: 100%;
  padding: 6px 0 0 0; }
  .gm-style-iw .btn-tg-no-bg a {
    padding: 0 5px 0 0; }
    .gm-style-iw .btn-tg-no-bg a:before {
      margin-left: -15px; }

/* Market list */
.listMarket ul {
  float: left;
  width: 100%;
  padding: 0;
  list-style: none; }
  .listMarket ul li {
    width: 33.33%;
    float: left;
    border-bottom: 2px solid #dedede;
    padding: 35px 0; }
    .listMarket ul li div {
      width: 100%;
      float: left; }
      .listMarket ul li div p {
        font-size: 14px;
        float: left;
        width: 100%;
        padding: 11px 0;
        margin: 0; }
    .listMarket ul li .views-field-title {
      font-size: 16px;
      font-weight: bold;
      padding: 0 0 5px; }
      .listMarket ul li .views-field-title a {
        text-decoration: none;
        color: #e40421; }
    .listMarket ul li .views-field-field-phone-num {
      padding: 10px 0 0 0; }
      .listMarket ul li .views-field-field-phone-num strong {
        float: left;
        padding: 0 5px 0 0; }
      .listMarket ul li .views-field-field-phone-num .field-content {
        width: auto; }
    .listMarket ul li .btnCont a {
      display: inline-block;
      color: #e40421;
      font-size: 16px;
      margin: 2px 0;
      position: relative;
      padding-left: 25px; }
      .listMarket ul li .btnCont a:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600";
        font-size: 30px;
        position: absolute;
        top: -4px;
        left: -8px; }
      .listMarket ul li .btnCont a:hover {
        text-decoration: none; }

.ip-geoloc-map .balloon {
  font-size: 14px;
  float: left;
  padding: 10px;
  width: 100%;
  min-width: 190px; }
  .ip-geoloc-map .balloon h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    margin: 0 0 10px; }
    .ip-geoloc-map .balloon h3 a {
      color: #e40421;
      text-decoration: none; }
  .ip-geoloc-map .balloon .country {
    display: inline-block;
    width: 100%;
    padding: 0 0 12px 0; }
  .ip-geoloc-map .balloon .ctaMarket {
    float: left;
    width: 100%;
    text-align: center;
    background: #e40421;
    padding: 5px 0;
    margin: 13px 0 0 0;
    color: #FFFFFF; }
    .ip-geoloc-map .balloon .ctaMarket:hover {
      text-decoration: none; }
.ip-geoloc-map .gm-style-iw + div {
  padding: 3px;
  border: 2px solid #7b7b7b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 20px !important;
  height: 20px !important; }
  .ip-geoloc-map .gm-style-iw + div img {
    margin: 2px 0 0 2px !important; }

/* Market details */
.node-type-shop .breadcrumb, .node-type-shop #breadcrumb {
  position: static;
  margin-bottom: 0; }

.marketDetail > div:nth-child(odd) {
  background-color: #f2f2f2;
  width: 100%; }
.marketDetail ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%; }
.marketDetail h3 {
  float: left;
  width: 100%;
  font-size: 22px;
  font-weight: normal; }
.marketDetail .boardList .col-md-5 {
  padding-left: 0; }

.marketMast {
  padding: 0; }
  .marketMast .container {
    padding: 0; }
  .marketMast .col-md-7 h2 {
    text-align: left;
    margin: 10px 0 5px; }
  .marketMast .col-md-7 .linkBack {
    display: inline-block;
    text-decoration: underline;
    margin: 20px 0 5px; }
  .marketMast .col-md-7 > span {
    float: left;
    width: 100%;
    padding: 0 0 20px;
    position: relative;
    font-size: 16px;
    color: #e40421; }
    .marketMast .col-md-7 > span:after {
      position: absolute;
      width: 10%;
      height: 1px;
      left: 0;
      bottom: 0;
      background: #a1a1a1;
      content: ""; }
  .marketMast .col-md-7 ul {
    padding: 25px 0 0 0; }
    .marketMast .col-md-7 ul li {
      font-size: 18px;
      float: left;
      padding: 0 30px 0 0; }
      .marketMast .col-md-7 ul li a:hover {
        text-decoration: none; }
      .marketMast .col-md-7 ul li i {
        font-size: 18px;
        float: left;
        margin: 4px 5px 0 0; }
      .marketMast .col-md-7 ul li .icon-black-envelope:before {
        content: "\e905"; }
      .marketMast .col-md-7 ul li .icon-phone-receiver:before {
        content: "\e906"; }
      .marketMast .col-md-7 ul li .icon-fax-receiver:before {
        content: "\e910"; }
      .marketMast .col-md-7 ul li .icon-star:before {
        content: "\e907"; }
      .marketMast .col-md-7 ul li span {
        float: left; }
  .marketMast .col-md-5 img {
    width: 100%;
    height: auto;
    display: block; }
  .marketMast .mrkAlert {
    background: #e3002d; }
    .marketMast .mrkAlert p {
      float: left;
      width: 100%;
      margin: 0;
      padding: 18px 0;
      color: #FFFFFF;
      padding-left: 15px; }

.locationCont .container {
  padding: 40px 0; }
  .locationCont .container h3 {
    float: left;
    width: 100%;
    margin: 0 0 35px;
    font-size: 22px;
    font-weight: normal;
    padding: 0 15px; }
.locationCont .mapCont {
  float: left;
  width: 95%; }
  .locationCont .mapCont iframe {
    width: 100% !important; }
.locationCont .mrkDetails > div {
  float: left;
  width: 60%; }
  .locationCont .mrkDetails > div:first-child {
    width: 40%;
    padding: 0 20px 0 0; }
    .locationCont .mrkDetails > div:first-child .field-name-field-address, .locationCont .mrkDetails > div:first-child ul {
      float: left;
      width: 100%;
      padding: 0 0 20px;
      margin: 0; }
.locationCont .mrkDetails h4 {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 18px;
  font-size: 14px;
  font-weight: bold; }
.locationCont .mrkDetails span {
  float: left;
  width: 100%;
  /*font-weight: bold;*/ }
.locationCont .mrkDetails ul li {
  font-size: 14px;
  line-height: 20px; }
  .locationCont .mrkDetails ul li span {
    width: 46%;
    font-weight: normal;
    font-size: 14px; }
  .locationCont .mrkDetails ul li.active {
    color: #e40421; }
.locationCont .mrkDetails .locality-block span {
  float: none; }
.locationCont .mrkDetails .blkDistance h4 {
  /*padding: 0;*/ }
.locationCont .mrkDetails .blkDistance span {
  padding: 18px 0 0 0; }
.locationCont .mrkDetails .blkDistance p {
  display: inline-block;
  width: 100%;
  margin: 0; }
.locationCont .mrkDetails > div > div:first-child {
  width: 100%;
  min-height: 330px;
  float: left; }
.locationCont .mrkDetails .linkCont {
  display: inline-block; }
  .locationCont .mrkDetails .linkCont a {
    display: inline-block;
    width: 100%;
    text-decoration: underline;
    color: #e40421;
    padding: 0 0 0 15px;
    position: relative; }
    .locationCont .mrkDetails .linkCont a:hover {
      text-decoration: none; }
    .locationCont .mrkDetails .linkCont a:before {
      position: absolute;
      left: 0;
      top: 6px;
      content: "";
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #e40421; }
.locationCont .mrkDetails .lienPdf a {
  padding: 0 0 0 20px; }
  .locationCont .mrkDetails .lienPdf a:before {
    color: #e40421;
    content: "\e909";
    font-size: 15px;
    font-family: 'icomoonlib' !important;
    border: none;
    top: 0; }

.boardList {
  padding: 25px; }
  .boardList h3 {
    width: 100%;
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: normal;
    position: relative; }
  .boardList h4 {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 15px; }
  .boardList .col-md-5 li {
    float: left;
    width: 50%;
    margin: 0 0 30px; }
    .boardList .col-md-5 li img {
      float: left;
      width: 90%;
      /*max-width: 200px;*/
      height: auto;
      margin: 0 0 10px; }
    .boardList .col-md-5 li strong, .boardList .col-md-5 li span {
      display: inline-block;
      width: 100%; }
  .boardList .row {
    width: 100%;
    margin: auto; }
  .boardList .col-md-6 {
    padding-right: 0; }
    .boardList .col-md-6 ul {
      float: left;
      width: 100%;
      display: flex;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
      .boardList .col-md-6 ul li {
        padding: 0 0 30px;
        width: 50%;
        float: left; }
        .boardList .col-md-6 ul li span {
          color: #e40421; }
          .boardList .col-md-6 ul li span.name {
            color: #444444; }
        .boardList .col-md-6 ul li * {
          display: inline-block;
          width: 100%;
          word-wrap: break-word; }
  .boardList .col-md-3 {
    padding-left: 0; }
    .boardList .col-md-3 .desc p {
      font-size: 14px; }

.mrkInfo ul {
  list-style: none;
  overflow: hidden;
  margin: auto;
  width: 100%;
  padding: 1.35em 0 90px;
  text-align: center;
  float: none; }
  .mrkInfo ul li {
    width: 24.5%;
    display: inline-block;
    padding: 0 20px;
    text-align: left; }
    .mrkInfo ul li .visuel {
      position: relative;
      padding: 0 0 12px;
      float: left;
      width: 100%; }
      .mrkInfo ul li .visuel img {
        float: left;
        width: 100%;
        height: auto; }
      .mrkInfo ul li .visuel span {
        position: absolute;
        padding: 4px 14px;
        top: 0;
        right: 0;
        color: #FFFFFF;
        background-color: rgba(210, 205, 187, 0.75); }
    .mrkInfo ul li .push-lien {
      float: left;
      width: 100%;
      padding: 10px 0 15px;
      font-size: 16px; }
      .mrkInfo ul li .push-lien a {
        color: #e40421;
        font-weight: bold; }
    .mrkInfo ul li .field-name-field-description-courte {
      font-size: 13px;
      display: inline-block;
      width: 100%; }
    .mrkInfo ul li > span {
      float: left;
      width: 100%;
      padding: 10px 0 0 0; }
      .mrkInfo ul li > span a {
        display: inline-block;
        width: 100%;
        text-decoration: none;
        color: #e40421;
        padding: 0 0 0 15px;
        position: relative; }
        .mrkInfo ul li > span a:hover {
          text-decoration: none; }
        .mrkInfo ul li > span a:before {
          position: absolute;
          left: 0;
          top: 6px;
          content: "";
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #e40421; }
  .mrkInfo ul .slick-prev, .mrkInfo ul .slick-next {
    margin: 0 0 -90px; }

.listPart ul {
  float: left;
  margin: 20px -15px; }
  .listPart ul li {
    float: left;
    width: 20%;
    padding: 0 15px 35px 15px; }
    .listPart ul li img {
      float: left;
      width: 100%;
      height: auto;
      margin: 0 0 12px; }
    .listPart ul li span {
      float: left;
      width: 100%; }
      .listPart ul li span a {
        text-decoration: underline;
        color: #e40421; }
        .listPart ul li span a:hover {
          text-decoration: none; }
.listPart p {
  float: left;
  width: 100%;
  margin: 0 0 25px; }

.listActu ul {
  float: left;
  margin: 20px -10px; }
  .listActu ul li {
    float: left;
    width: 16.65%;
    padding: 0 10px 35px 10px; }
    .listActu ul li img {
      float: left;
      width: 100%;
      height: auto;
      margin: 0 0 12px; }
    .listActu ul li h4 {
      float: left;
      width: 100%;
      font-weight: bold;
      margin: 5px 0 10px 0;
      min-height: 40px; }
    .listActu ul li .link a {
      display: inline-block;
      width: 100%;
      text-decoration: none;
      color: #e40421;
      padding: 0 0 0 15px;
      position: relative; }
      .listActu ul li .link a:hover {
        text-decoration: none; }
      .listActu ul li .link a:before {
        position: absolute;
        left: 0;
        top: 6px;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #e40421; }

.seafood .cont a {
  background: #0a76ba; }
  .seafood .cont a:hover {
    background: #08659f; }
.seafood .btn-tg a, .seafood .footer-block-single a {
  background: #0a76ba; }
.seafood .btn-tg-push a {
  color: #0a76ba; }
.seafood .btn-tg-no-bg a {
  color: #0a76ba; }
.seafood .view-liste-actualit-s .liste-large li .link-actu a {
  color: #0a76ba; }
.seafood .pager li > a, .seafood .pager li > span {
  background: #0a76ba; }
  .seafood .pager li > a:hover, .seafood .pager li > span:hover {
    background: #08659f; }
.seafood .full-article .little-desc {
  color: #0a76ba; }
.seafood .carousel-actualite h3 {
  color: #0a76ba; }
  .seafood .carousel-actualite h3 a {
    color: #0a76ba; }
    .seafood .carousel-actualite h3 a:focus {
      color: #0a76ba; }
.seafood footer nav ul li:hover {
  color: #0a76ba;
  border-top: 4px solid #0a76ba; }
.seafood footer nav ul li a:hover {
  color: #0a76ba; }
.seafood footer .autre-site-click {
  border-top: 4px solid #0a76ba;
  color: #0a76ba; }
  .seafood footer .autre-site-click a {
    color: #0a76ba; }
.seafood footer .footer-block-single input[type=submit] {
  background: #0a76ba; }
.seafood .form-tg .form-style .form-actions input[type="submit"] {
  background: #0a76ba; }
.seafood .form-tg .form-style .form-actions:after {
  background-color: #0a76ba; }
.seafood .webform-confirmation .confirmation-demande-container .coordonnees p:first-child {
  color: #0a76ba; }
.seafood .gamme .entete h2, .seafood .gamme .entete h1 {
  color: #0a76ba !important; }
.seafood .gamme .para .para-single li:before {
  color: #0a76ba; }
.seafood .gamme .media-video .slick-prev, .seafood .gamme .media-video .slick-next {
  color: #0a76ba; }
.seafood h2, .seafood h1 {
  color: #0a76ba !important; }
.seafood h3 {
  color: #0a76ba !important; }
.seafood .sitemap .main_menu > ul > li > a:first-child {
  color: #0a76ba; }
.seafood #menu-bar nav .menu-s1 a:hover {
  border-bottom: 4px solid #0a76ba;
  color: #0a76ba; }
.seafood #menu-bar nav .menu-s1 .border-bot {
  border-bottom: 4px solid #0a76ba; }
.seafood #menu-bar .sous-menu .sous-menu-title {
  color: #0a76ba; }
.seafood #menu-bar .sous-menu-cache button:hover {
  color: #0a76ba;
  border: 1px solid #0a76ba; }
.seafood #menu-bar .sous-menu-link a {
  color: #0a76ba; }
  .seafood #menu-bar .sous-menu-link a:hover {
    color: #0a76ba; }
.seafood .nav-search input[type="submit"] {
  background-color: #0a76ba; }
.seafood .slideshow-container .title-home {
  color: #0a76ba; }
.seafood .metier .btn-metier a {
  color: #0a76ba; }
.seafood #pagination-alphabetique .letter:last-child:before {
  color: #0a76ba; }
.seafood #pagination-alphabetique .letter-results a {
  color: #0a76ba; }
.seafood #views-exposed-form-liste-nos-marques-page-nos-marques .views-submit-button:after {
  background: #0a76ba; }
.seafood #views-exposed-form-liste-nos-marques-page-nos-marques input {
  background: #0a76ba; }
.seafood .letter-dispo li:before {
  color: #0a76ba; }
.seafood .letter-dispo li a {
  color: #0a76ba; }
.seafood .mea-services .picto-titre {
  color: #0a76ba; }
.seafood .push-super .super-cont .titre {
  color: #0a76ba; }
.seafood .push-super .super-cont .arrow-link a {
  color: #0a76ba; }
.seafood .cont-white a {
  border-top: 1px solid #0a76ba; }
.seafood .link-search a {
  color: #0a76ba; }
.seafood .view-solr-recherche a {
  color: #0a76ba; }
.seafood .secteur .visuel .lien a {
  color: #0a76ba; }
  .seafood .secteur .visuel .lien a:hover {
    background: #0a76ba;
    color: #fff; }
.seafood .slider-nav .video-border {
  border: 3px solid #0a76ba; }
.seafood #menu-bar nav .menu-s2 li a:hover {
  color: #0a76ba; }
.seafood #block-transgourmet-api-block-services-avantages p {
  color: #0a76ba !important; }
.seafood .push-visuel-texte img {
  width: 100%; }
.seafood .push-visuel-texte .push-lien:hover a, .seafood .push-visuel-texte .push-lien:hover .arrow {
  color: #0a76ba; }
.seafood .en-ce-moment .carrousel-actualite h3 a {
  color: #0a76ba !important; }
.seafood .segment-metier .entete h1 {
  color: #fff !important; }
.seafood .node-webform .entete h1 {
  color: #fff !important; }
.seafood .bg {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/bg-seafood.jpg") no-repeat 50% 230px;
  background-size: 1800px; }
.seafood .bg-search {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/bg-search-seafood.jpg") no-repeat 50% 200px;
  background-size: 1800px; }
.seafood .webform-confirmation {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/bg-confirmation-seafood.jpg") no-repeat 50% 50%; }
.seafood .bg-404 {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/bg-404-seafood.jpg") no-repeat 50% 50%;
  background-size: cover; }
.seafood .bg-maintenance {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/bg-maintenance-seafood.jpg") no-repeat 50% 50%;
  background-size: cover; }
.seafood .print_pdf a {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/pdf-icon-seafood.png") no-repeat; }
.seafood .back-to-top:hover, .seafood .back-to-top:focus {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/btt_blue.png") no-repeat; }
.seafood .form-tg .form-style .form-radios input[type="radio"]:checked + label:before {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/radio-form-check.png") no-repeat; }
.seafood .form-tg .form-style .form-checkboxes input[type="checkbox"]:checked + label:before {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/checkbox-form-check.png") no-repeat; }
.seafood .liste-actualite .views-exposed-form .form-checkboxes input[type="checkbox"]:checked + label:before {
  background: url("../../../../../tg-seafood/themes/tg_seafood/img/checkbox-check.png") no-repeat; }
.seafood .pager-load-more a {
  color: #fff !important; }
.seafood .gabarit-hub .visuel .descriptif {
  width: 345px; }
.seafood .gabarit-hub .bloc-push-hub .cont {
  padding-bottom: 60px; }
.seafood .gabarit-hub .bloc-push-hub .blocs {
  padding-bottom: 110px; }
.seafood .gabarit-hub .bloc-push-hub .btn-tg-no-bg {
  color: #0a76ba; }
.seafood .gabarit-hub .bloc-push-hub .visuel-overlay {
  margin: -60px 0 0; }

@media only screen and (max-width: 480px) {
  /*Global font-size*/
  h1 {
    font-size: 26px; }
  h2 {
    font-size: 22px; }
  h3 {
    font-size: 18px; }
  p {
    font-size: 14px; }
  /*Slick Slider*/
  .slick-prev, .slick-next {
    background-color: rgba(255, 255, 255, 0.35) !important; }
  .slick-slide img {
    height: 200px; }
  .slick-slide .m-picture img {
    height: auto;
    width: 100%; }
  /*Page*/
  .page {
    width: 100%; }
  .red-line {
    display: none; }
  .mastCont {
    top: 0; }
  h2 {
    margin-top: 25px; }
  .row {
    margin-left: 0;
    margin-right: 0; }
  /* Background Entete */
  /*Bloc ecommerce*/
  .bloc-ecommerce {
    padding: 10px; }
    .bloc-ecommerce img {
      width: 100% !important; }
  /*Bloc metiers*/
  .node-homepage-metier {
    padding: 10px; }
    .node-homepage-metier .metiers {
      margin-top: 20px;
      margin-bottom: 20px !important; }
    .node-homepage-metier .metier {
      margin-left: 0;
      width: 100%; }
      .node-homepage-metier .metier > div {
        width: 100% !important; }
  /*Bloc Produit du moment*/
  .nos-promos .push-produits {
    padding: 0;
    height: auto;
    margin-bottom: 10px; }
    .nos-promos .push-produits .push-desc {
      height: auto; }
    .nos-promos .push-produits .visuel {
      text-align: center; }
      .nos-promos .push-produits .visuel img {
        height: auto;
        margin: auto; }
  .nos-promos .push-redirect-form {
    width: 100%;
    padding: 0; }
  .nos-promos .btn-tg a {
    width: 100%;
    padding: 10px;
    font-size: 12px; }
  /*Bloc avantages*/
  #block-transgourmet-api-block-services-avantages {
    padding: 0 10px; }
    #block-transgourmet-api-block-services-avantages .services-avantages {
      padding: 0;
      margin-top: 0;
      margin-bottom: 10px; }
      #block-transgourmet-api-block-services-avantages .services-avantages ul {
        margin-bottom: 0; }
        #block-transgourmet-api-block-services-avantages .services-avantages ul li {
          padding: 10px 0;
          width: 100%;
          display: inline-block;
          border-bottom: 2px solid #cdcdcd; }
          #block-transgourmet-api-block-services-avantages .services-avantages ul li span {
            min-height: 1px;
            padding: 2px 0 0 0; }
          #block-transgourmet-api-block-services-avantages .services-avantages ul li img {
            height: 35px; }
      #block-transgourmet-api-block-services-avantages .services-avantages .btn-tg-no-bg a {
        padding: 20px 40px 10px 10px; }
  /*Footer*/
  footer#footer .container-fluid {
    padding: 0 10px; }
    footer#footer .container-fluid .container {
      padding: 0; }
  footer#footer .footer-block-single {
    padding: 5px;
    font-size: 13px; }
    footer#footer .footer-block-single .lien {
      position: static; }
    footer#footer .footer-block-single a {
      width: auto;
      text-align: center;
      font-size: 13px; }
  footer#footer .block-transgourmet-api:not(:last-child):after {
    content: '';
    border: 1px solid #fff;
    display: block;
    margin-top: 20px;
    visibility: visible; }
  footer#footer .footer-block-title {
    margin-bottom: 10px; }
  footer#footer .block-size {
    padding-top: 10px;
    border-right: none;
    border-bottom: 2px solid #fff;
    height: auto;
    min-height: 205px; }
  footer#footer nav ul li {
    display: block;
    padding: 10px 15px !important; }
  footer#footer .other-site {
    top: inherit;
    /*bottom: 235px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    left: -10px;
    width: 106%; }
    footer#footer .other-site p {
      margin-bottom: 0; }
    footer#footer .other-site p > img {
      margin-top: 20px; }
    footer#footer .other-site a {
      display: block;
      margin-bottom: 5px; }
    footer#footer .other-site img {
      margin: 0px;
      height: auto !important;
      width: auto !important; }
  footer#footer #block-menu-menu-menu-footer {
    margin-top: 10px; }
  /*Page Metiers*/
  .title-head .intro {
    margin-bottom: 25px; }
    .title-head .intro p {
      font-size: 15px; }
  .gamme-produits .visuel {
    overflow: hidden; }
    .gamme-produits .visuel img {
      height: 100%;
      width: auto; }
  .gamme-produits .push-redirect-form {
    height: auto; }
    .gamme-produits .push-redirect-form .cont {
      height: auto; }
  .gamme-produits .push-super .no-padding-left {
    padding: 0; }
  /*Page Metiers - Restauration collective*/
  .container-fluid {
    padding: 0; }
    .container-fluid .chiffre-cles {
      height: auto;
      padding-top: 0; }
      .container-fluid .chiffre-cles div {
        flex-direction: column; }
      .container-fluid .chiffre-cles ul {
        display: flex;
        flex-direction: column;
        width: 100%; }
        .container-fluid .chiffre-cles ul li {
          border-left: none;
          width: 100% !important;
          border-top: 1px solid #FFFFFF;
          padding: 20px 45px 20px !important;
          text-align: center; }
          .container-fluid .chiffre-cles ul li:first-child {
            border-top: none; }
          .container-fluid .chiffre-cles ul li span {
            display: block;
            margin: auto; }
            .container-fluid .chiffre-cles ul li span .text-large {
              font-size: 25px; }
            .container-fluid .chiffre-cles ul li span p {
              margin: 0;
              font-size: 20px; }
  .incont .gamme {
    margin: 0 0 20px; }
  .incont .btn-tg {
    padding: 0 0 40px 0; }
  .mea-services .service {
    margin: 0 0 20px; }
  .mea-services .btn-tg {
    padding: 0 0 40px 0; }
  .slick-moment .slick-slide {
    height: auto; }
  .slick-secteur .no-padding-right, .slick-moment .no-padding-right {
    padding-left: 0; }
  .slick-secteur .slick-prev, .slick-secteur .slick-next, .slick-moment .slick-prev, .slick-moment .slick-next {
    top: 8% !important; }
  .slick-moment {
    margin-bottom: 25px; }
    .slick-moment button {
      margin-top: 12%; }
  .slick-secteur {
    overflow: hidden; }
    .slick-secteur > .segment {
      width: 100% !important; }
      .slick-secteur > .segment > .visuel > img {
        margin: 0; }
  /*Page Offres - Origine*/
  .push-super .visuel {
    padding-left: 0; }
  .gabarit-hub .visuel .descriptif {
    position: static;
    padding: 20px;
    color: #444444; }
  #block-transgourmet-api-block-services-avantages p {
    margin-top: 25px; }
  /* Page fournisseurs */
  .famille-produit .bloc-actus-visuel {
    margin-right: 0; }
    .famille-produit .bloc-actus-visuel img {
      width: 100%;
      height: auto; }
  .famille-produit ul {
    margin-left: 0 !important; }
  /* Page partenaires */
  .page-liste-nos-marques .page-title-description-container {
    padding: 0 10px; }
  .result-letter > .col-sm-12 {
    padding: 0; }
  .result-letter .letter-cap {
    margin-bottom: 15px; }
  .result-letter .letter-visuel, .result-letter .col-sm-6 {
    width: 100%;
    min-height: 1px; }
  /* Page Partenaires du goût */
  .gamme .para .para-single .col-sm-6 {
    width: 100% !important; }
  /* Page formulaire */
  .node-webform .entete > div .container {
    background-color: rgba(0, 0, 0, 0.75); }
  /* Node type Article */
  .node-type-article #content .field-name-body {
    font-size: 14px; }
  /* Plan du site */
  .sitemap ul {
    padding: 0 5px; }
    .sitemap ul .expanded {
      width: 100% !important; }
  /* Page actualites */
  #edit-date-filter-value-wrapper {
    position: static;
    transform: none; }
  .view-liste-actualit-s .liste-large li, .view-recipes .liste-large li {
    float: left;
    width: 100%; }
    .view-liste-actualit-s .liste-large li .title-actu, .view-recipes .liste-large li .title-actu {
      margin-top: 15px; }
    .view-liste-actualit-s .liste-large li .liste-actualite-visuel, .view-recipes .liste-large li .liste-actualite-visuel {
      width: 100%; }
    .view-liste-actualit-s .liste-large li.views-row > div, .view-recipes .liste-large li.views-row > div {
      width: 100% !important; }
  .view-liste-actualit-s .slick-slider .slick-prev, .view-liste-actualit-s .slick-slider .slick-next, .view-recipes .slick-slider .slick-prev, .view-recipes .slick-slider .slick-next {
    /*top: 12.5% !important*/ }
  .view-liste-actualit-s .view-filters form #edit-tid-wrapper > label, .view-recipes .view-filters form #edit-tid-wrapper > label {
    width: 100%; }
  .view-liste-actualit-s .view-filters .bg-filter, .view-recipes .view-filters .bg-filter {
    display: none; }
  .liste-actualite .views-exposed-form .views-exposed-widgets > div {
    width: 100%;
    padding: 0px; }
  .liste-actualite .views-exposed-form .form-checkboxes > .bef-checkboxes > div {
    width: 100%; }
  .carrousel-actualite h3 {
    margin-top: 15px; }
  .view-recipes .views-exposed-form {
    padding: 15px 0; }
    .view-recipes .views-exposed-form label {
      width: 100% !important; }
  /* Actus */
  #actualite-element-container {
    padding: 0 15px; }
    #actualite-element-container .date {
      margin-bottom: 10px; }
    #actualite-element-container .field-type-text-with-summary {
      padding: 0; }
    #actualite-element-container .bloc-actus-visuel {
      margin-right: 0; }
    #actualite-element-container figure img {
      width: 100%;
      height: auto; }
  .mediaCont .media ul li .recipeMedia .videoPopup {
    width: 30px;
    height: 30px;
    right: 40%; }
    .mediaCont .media ul li .recipeMedia .videoPopup .icon-play {
      border-width: 7px 0 7px 13px; }
  .mediaCont .media .sliderContainer {
    padding: 0; }
  .mediaCont .media ul li {
    width: 50%; }
  .mediaCont .slick-prev, .mediaCont .slick-next {
    bottom: auto; }
  .blockUpcomingEvents .listUpcomingEvents .container > div {
    width: 100%; }
  /* Homepage Slider */
  .thumbSlider {
    margin: 0; }
  /* Homepage Block Views */
  .block-views {
    padding-left: 15px;
    padding-right: 15px; }
  .view-hdr {
    margin: 0 -15px; }
  /* Homepage Push Liste */
  div.push-liste .container > ul li {
    width: 100% !important;
    padding: 10px;
    border-top: 2px dotted #dedede;
    border-left: none !important; }
    div.push-liste .container > ul li:first-child {
      border: none; }
  /* Homepage List news */
  .viewMode_1 .contNews li {
    width: 100%; }
  .viewMode_2 .contNews, .viewMode_2 .contPush {
    width: 100% !important; }
  .viewMode_2 .contNews {
    border: none; }
    .viewMode_2 .contNews li {
      width: 100% !important; }
  .bloc-actus-head {
    font-size: 12px; }
  .text_wysiwyg ul, .text_wysiwyg ol {
    font-size: 14px; }
  /* Homepage Catalogue */
  .catalogBlock {
    padding-bottom: 0 !important; }
    .catalogBlock .container {
      padding: 0; }
    .catalogBlock .visuel {
      max-height: 100%; }
  .contCatalog .slick-prev, .contCatalog .slick-next {
    top: 27% !important; }
  .contCatalog > ul > li {
    width: 50%; }
  .viewCat_2 .contCatalog {
    width: 100%;
    padding: 15px 0;
    border: none; }
    .viewCat_2 .contCatalog ul li {
      padding: 0 10px; }
  .viewCat_2 .contPush {
    width: 100%;
    padding: 15px 30px; }
  /* Homepage Slider Segments */
  .blkSliderType_3 .blkSlider {
    padding: 0; }
    .blkSliderType_3 .blkSlider .contSlide {
      padding: 0; }
      .blkSliderType_3 .blkSlider .contSlide .lienSegment {
        margin: 0; }
  .blkSliderType_3 .no-padding {
    position: static; }
  /* Page Hub 1 */
  .listOffreHub .container ul li {
    width: 100% !important; }
  /* Page Hub 2 */
  .contentHub .listHub li {
    width: 100%;
    padding: 0 0 20px;
    min-height: 1px; }
    .contentHub .listHub li.emptyLi {
      min-height: 1px;
      padding: 0; }
    .contentHub .listHub li.noteCont {
      min-height: 250px; }
  .contentHub .listHub .link {
    font-size: 13px; }
  /* Page Hub V3 */
  .hubMainList ul li > div {
    padding: 0 0 70px 0; }
  .offerFullWidth .hubCont .blkLienCat {
    margin: 15px 0 0 0; }
  .offerFullWidth .hubCont .descCont {
    padding: 0; }
    .offerFullWidth .hubCont .descCont .logoCont {
      font-size: 22px;
      /* min-height: 70px;*/
      margin: 0; }
      .offerFullWidth .hubCont .descCont .logoCont img {
        position: static; }
    .offerFullWidth .hubCont .descCont p {
      font-size: inherit; }
  /* Nos promos */
  .nos-promos .m-btn {
    display: block;
    margin: 0 0 15px; }
  .nos-promos .view-footer {
    display: none; }
  /* Offres Jobs */
  .listJob {
    padding: 0 !important; }
    .listJob .container > .item-list > ul {
      padding: 0 15px; }
      .listJob .container > .item-list > ul li {
        width: 100%; }
  /* Custom template */
  .newsList ul li {
    width: 100%;
    margin: 0 0 25px; }
  .newsBlock .container {
    padding: 0; }
  .blkInfo .imgCont img {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 15px; }
  .customTem .contCatalog {
    padding-bottom: 0; }
  /* Brand Details */
  div.brandCont .subNav li {
    width: 100%;
    border: none; }
    div.brandCont .subNav li span, div.brandCont .subNav li a {
      width: 100%; }
    div.brandCont .subNav li span {
      border-bottom: 2px solid #e40421; }
      div.brandCont .subNav li span:after {
        display: none !important; }
  div.brandCont .productNumList li {
    width: 100%;
    border-top: 2px solid #FFFFFF;
    border-left: none; }
    div.brandCont .productNumList li:first-child {
      border: none; }
  div.brandCont .gammeDetails > div {
    width: 100% !important; }
  div.brandCont .sliderMarque .contenus > div {
    width: 100% !important; }
  div.brandCont .sliderMarque .slick-prev, div.brandCont .sliderMarque .slick-next {
    top: 48%; }
  div.brandCont .listProduit ul li {
    width: 100%; }
  /* Market Mag */
  .filterMarket .container .views-submit-button .form-item {
    padding: 0 0 15px; }
  /* Market List */
  .listMarket ul li {
    width: 100% !important; }
    .listMarket ul li > div .intro div {
      width: 70%; }
  /* Market details */
  .marketMast > .container > div {
    float: left;
    width: 100%; }
  .marketMast .col-md-7 .linkBack {
    display: none; }
  .locationCont .mrkDetails > div {
    width: 100% !important;
    padding: 0 0 20px !important; }
    .locationCont .mrkDetails > div > div:first-child {
      min-height: 100%; }
  .boardList .row > div {
    padding: 0; }
  .boardList .row .col-md-5 li img {
    max-width: 90%; }
  .boardList .row .col-md-6 ul {
    flex-wrap: wrap; }
    .boardList .row .col-md-6 ul li {
      flex: 1;
      -webkit-flex: 1 1 auto;
      width: 100%;
      padding-right: 40px; }
  .mrkInfo {
    padding: 0 !important; }
    .mrkInfo h3 {
      padding: 0 10px; }
    .mrkInfo .container {
      padding: 0 !important; }
      .mrkInfo .container .no-padding {
        display: none !important; }
  .listPart ul, .listActu ul {
    margin: 20px 0 !important; }
    .listPart ul li, .listActu ul li {
      padding: 15px 0 !important; }
      .listPart ul li img, .listActu ul li img {
        width: 100% !important; }
      .listPart ul li .conts, .listActu ul li .conts {
        width: 100% !important; }
  /* Media center */
  .bannerTop .meaCont {
    position: static;
    width: 100%;
    padding: 15px; }
  .mediaTabs > ul > li {
    float: left;
    width: 23.75%; }
    .mediaTabs > ul > li > a {
      padding: 20px 0;
      text-align: center;
      float: left;
      width: 100%;
      font-size: 14px; }
  .mediaTabs .listMedias ul li {
    width: 100%; }
    .mediaTabs .listMedias ul li h3 {
      text-align: center; }
  .mediaTabs .listMedias .videos li {
    width: 100%; }
  .mediaTabs .listMedias .catalog li {
    width: 100%; }
    .mediaTabs .listMedias .catalog li figure {
      display: flex;
      justify-content: center; }
      .mediaTabs .listMedias .catalog li figure img {
        width: 100%; }
  .mediaTabs .listMedias .recipe li {
    width: 100%; }
    .mediaTabs .listMedias .recipe li img {
      width: 100%; }
  /** Page Liste catalogue **/
  .listCatalogue ul li {
    width: 50% !important;
    padding: 0 5px;
    min-height: 335px; }
  /** Page Recettes **/
  .node-recipe h1 {
    margin-top: 20px;
    margin-bottom: 0px; }
  .node-recipe .cont > div {
    width: 100% !important; }
    .node-recipe .cont > div.visuel {
      padding: 0 0 20px; }
  .node-recipe .products .field-item {
    width: 100%;
    padding: 0; }
  .node-recipe .moreRecipes .field-name-field-nr-recipes > .field-items > .field-item {
    width: 100%;
    padding: 0 0 25px; }
  /** Page produit details **/
  .produitDetail .produitInfo {
    margin: 20px 0 0 0; }
  .produitDetail .col-md-6 {
    padding: 0 5px; }
  .produitDetail ul.relProductList li {
    width: 100%;
    margin: 0 0 25px; }
  /** Page product category **/
  .productCategory .context, .productCategory .contCategory {
    width: 100%;
    padding: 0; }
  .productCategory .contCategory {
    margin: 1em 0 0 0; }
    .productCategory .contCategory .listProduits ul li, .productCategory .contCategory .listProduits ul li.wideProduit {
      width: 100%; }
    .productCategory .contCategory .listProduits ul li.wideProduit h3 {
      font-size: 14px; }
    .productCategory .contCategory .listProduits ul li.wideProduit span {
      font-size: 14px; }
    .productCategory .contCategory .listProduits ul li.wideProduit span.prix {
      font-size: 24px; }
  .node-type-job-offer .jobDesc {
    width: 100%; }
  .node-type-job-offer .listType3 ul li {
    width: 100%; }
  .node-type-job-offer .listType3 iframe {
    padding: 0; }
  /** Page formulaire d'emploie **/
  .jobOfferForm input[type="file"] {
    width: 100% !important; }
  /** Page catalogue list type **/
  .view-display-id-block_list ul li .imgCont {
    width: 100%;
    padding-right: 0; }
  .block-content .view-filters {
    font-size: 12px; }
  /** Page Media center **/
  .mediaTabs .tabsCont .bef-checkboxes {
    width: 70%; }
  .mediaTabs .tabsCont #edit-combine-wrapper {
    margin: 0; }
  .page-media-center .mediaTabs .tabsCont #edit-combine-wrapper {
    margin: 0; }
  .page-media-center .mediaTabs .tabsList li a {
    padding: 18px 15px; }
  .node-type-media .bloc-actus-visuel img, .node-type-media .bloc-actus-visuel iframe {
    width: 100%;
    height: auto; }
  .node-type-media .otherMedias ul li {
    width: 100%; }
  /** Page liste famille **/
  .listeFamille .productWrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    .listeFamille .productWrapper .col-sm-3 {
      height: auto; }
  /* Page fiche producteur */
  .ficheProducteur .container {
    padding: 0; }
    .ficheProducteur .container .reasons {
      margin-bottom: 1.5em; }
  .ficheProducteur .listProducteur ul li {
    width: 100%;
    padding: 0; }
  /* Page Hub 2 */
  .listHub {
    padding: 0 2.5%; }
    .listHub li.meaWrapper {
      width: 100%;
      min-height: 1px; }
  .topInfo .region-inner #block-tgi-profiles-block-profile {
    margin: 0;
    float: left; }
  .topInfo .region-inner #block-tgi-common-features-block-closest-shop {
    margin: 4px 0 0 0; }
  .node-gamme .node-content .entete {
    background-color: transparent !important; }
  .node-gamme .node-content .cont {
    background-size: contain !important;
    background-position: top !important;
    height: 250px; }
    .node-gamme .node-content .cont::after {
      content: '';
      display: block;
      border-bottom: 1px solid black;
      position: relative;
      top: -3%; }
    .node-gamme .node-content .cont .contain-immersif {
      position: relative;
      top: -2%;
      padding-top: 5px;
      background-color: initial; }
      .node-gamme .node-content .cont .contain-immersif p span {
        color: black !important; }
    .node-gamme .node-content .cont h1 {
      font-size: 26px; }
    .node-gamme .node-content .cont .field-name-body {
      color: #384047; }
  .node-hub-metier .entete {
    padding: 0; }
  .bg-404 {
    height: auto;
    padding-top: 0; }
    .bg-404 .letter-404 {
      font-size: 60px; }
    .bg-404 .txt-404 {
      font-size: 25px; }
    .bg-404 .btn-tg {
      font-size: 17px; }
  .entete .link-immersif {
    background-size: contain !important;
    background-position: center top !important;
    padding-top: 25%;
    height: auto; }
    .entete .link-immersif .layer {
      width: 100%;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px; }
      .entete .link-immersif .layer img {
        float: left;
        display: none; }
      .entete .link-immersif .layer h1 {
        font-size: 20px;
        margin: 10px; }
  .eventType .viewContentList .views-field-body .field-content {
    padding-right: 10px; }
  .eventType .viewContentList .views-row .imgCont {
    padding-left: 18px;
    padding-bottom: 25px; }
  .eventType .viewContentList .views-row .views-field-field-date {
    left: 18%;
    margin-bottom: 10px;
    width: 100%; }
  .eventType .viewContentList .views-row .views-field-field-lieu {
    left: 18%;
    float: left; }
  .eventType .viewContentList .views-row .views-field-title {
    width: 65%;
    margin: auto; }
  /*responsive T9*/
  .node-hub-v2 .offerFullWidth {
    /*overide style inline*/
    background-size: contain !important;
    background-position: top !important; }
    .node-hub-v2 .offerFullWidth .hubCont {
      position: static;
      transform: initial;
      padding-top: 100px;
      margin-bottom: 20px; }
      .node-hub-v2 .offerFullWidth .hubCont > div {
        display: block; }
      .node-hub-v2 .offerFullWidth .hubCont .col-sm-7 {
        background-color: initial; }
      .node-hub-v2 .offerFullWidth .hubCont .col-sm-5 .video img {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 42px; }
  #cookie-info-layer {
    padding: 15px; }
    #cookie-info-layer p {
      margin: 0; } }

/*Gestion Menu Responsive, slider, footer mobile et tablette portrait*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  /*T4 event calendar gestion de la position de la map*/
  .eventType .viewContentList .views-row .views-field-field-date {
    width: 100%;
    left: 18%; }
  .eventType .viewContentList .views-row .views-field-field-lieu {
    left: 18%;
    float: left; }
  .slick-slide .m-picture img {
    height: auto;
    width: 100%; }
  .node-hub-v2 .offerFullWidth {
    /*overide style inline*/
    background-size: contain !important;
    background-position: top !important; }
    .node-hub-v2 .offerFullWidth .hubCont {
      position: static;
      transform: initial;
      padding-top: 150px;
      margin-bottom: 20px; }
      .node-hub-v2 .offerFullWidth .hubCont > div {
        display: block; }
      .node-hub-v2 .offerFullWidth .hubCont .col-sm-7 {
        background-color: initial;
        width: 100%; }
      .node-hub-v2 .offerFullWidth .hubCont .col-sm-5 {
        width: 100%; }
        .node-hub-v2 .offerFullWidth .hubCont .col-sm-5 .video img {
          background-color: rgba(0, 0, 0, 0.5);
          border-radius: 42px; }
  .node-gamme .node-content .entete {
    background-color: transparent !important; }
  .node-gamme .node-content .cont {
    background-size: contain !important;
    background-position: top !important;
    height: 300px; }
    .node-gamme .node-content .cont::after {
      content: '';
      display: block;
      border-bottom: 1px solid black;
      position: relative;
      top: 35%; }
    .node-gamme .node-content .cont .contain-immersif {
      position: relative;
      top: 40%;
      padding-top: 5px;
      background-color: initial; }
      .node-gamme .node-content .cont .contain-immersif span {
        color: black !important; }
    .node-gamme .node-content .cont h1 {
      font-size: 26px; }
    .node-gamme .node-content .cont .field-name-body {
      color: #384047; }
  .entete .link-immersif {
    background-size: contain !important;
    background-position: center top !important;
    padding-top: 25%;
    height: auto; }
    .entete .link-immersif .layer {
      width: 100%; }
      .entete .link-immersif .layer h1 {
        font-size: 25px;
        margin: 10px; } }

/*Gestion du template 3 responsive*/
@media only screen and (max-width: 769px) {
  .node-page-with-header .entete {
    padding-bottom: 10px; }
    .node-page-with-header .entete .imageBackground img {
      float: none; }
    .node-page-with-header .entete .bg-grey {
      background-color: #444444; }
      .node-page-with-header .entete .bg-grey .container {
        position: static; }
        .node-page-with-header .entete .bg-grey .container h1 {
          margin-top: 20px; }
  .node-page-with-header .block-market-block-map {
    padding: 0; }
  /*img resize en vu mobile sur segment-metier*/
  .node-segment-metier .entete .imageBackground img {
    height: auto;
    width: 100%; }
  .segment-metier .entete {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: inherit; }
    .segment-metier .entete h2, .segment-metier .entete h1 {
      text-align: center;
      color: black; }
    .segment-metier .entete h3 {
      color: black;
      font-weight: 100; }
    .segment-metier .entete p {
      color: black; }
    .segment-metier .entete .bg-grey {
      background-color: initial;
      width: 100%;
      order: 2; }
      .segment-metier .entete .bg-grey .container {
        position: static;
        width: 100%;
        max-width: 100%; }
        .segment-metier .entete .bg-grey .container .row > div {
          position: static;
          width: 100%; }
          .segment-metier .entete .bg-grey .container .row > div h1 {
            color: #e40421 !important;
            margin-top: 30px;
            text-align: center !important; }
    .segment-metier .entete .imageBackground {
      order: 1;
      float: right;
      width: 100%;
      max-width: 100%;
      text-align: right; }
  /*Page Metiers - Restauration collective*/
  .container-fluid {
    padding: 0; }
    .container-fluid .row {
      margin: 0; }
    .container-fluid .chiffre-cles {
      height: auto;
      padding-top: 0;
      margin: 0; }
      .container-fluid .chiffre-cles div {
        flex-direction: column; }
      .container-fluid .chiffre-cles ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0; }
        .container-fluid .chiffre-cles ul li {
          border-left: none;
          width: 100% !important;
          border-top: 1px solid #FFFFFF;
          padding: 10px 45px 10px !important;
          text-align: center; }
          .container-fluid .chiffre-cles ul li:first-child {
            border-top: none; }
          .container-fluid .chiffre-cles ul li span {
            display: block;
            margin: auto; }
            .container-fluid .chiffre-cles ul li span .text-large {
              font-size: 20px; }
            .container-fluid .chiffre-cles ul li span p {
              margin: 0;
              font-size: 15px; }
  /*Page Brand*/
  .brandCont {
    background-color: white; }
    .brandCont > .container {
      padding-top: 16px;
      padding-bottom: 16px;
      background-color: #dedede; }
    .brandCont .subNav {
      height: auto; }
    .brandCont .logoCont img {
      width: 100%;
      height: auto; }
    .brandCont .blkTemoignage {
      background-image: inherit !important;
      padding: 0 !important; }
      .brandCont .blkTemoignage::after {
        content: '';
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #dedede; }
    .brandCont .meaGamme {
      background-image: inherit !important;
      max-height: inherit;
      padding: 0 !important; }
      .brandCont .meaGamme::after {
        content: '';
        border-bottom: 1px solid #dedede;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px; }
    .brandCont .listProduit {
      background-color: #dedede; }
  .sliderMarque .slick-slide {
    background-size: cover !important; }
  /*Page custom img responsive*/
  .customTem .blkInfo .bloc-actus-visuel {
    margin-right: 0;
    margin-left: 0; }
    .customTem .blkInfo .bloc-actus-visuel img {
      width: 100%;
      height: auto; }
  .customTem .blkInfo .text_wysiwyg p {
    padding-left: 0;
    display: inline; }
  .node-gamme.article {
    margin-top: 0px; }
  /*Flèche des sliders*/
  .slick-prev, .slick-next {
    padding: 15px 10px; }
  .slick-next::after, .slick-prev::after {
    height: 30px; } }

@media only screen and (min-width: 770px) and (max-width: 1279px) {
  .node-hub-v2 .offerFullWidth {
    /*overide style inline*/
    background-size: contain !important;
    background-position: top !important; }
    .node-hub-v2 .offerFullWidth .hubCont {
      position: static;
      transform: initial;
      padding-top: 370px;
      margin-bottom: 20px; }
      .node-hub-v2 .offerFullWidth .hubCont > div {
        display: block;
        margin: auto; }
      .node-hub-v2 .offerFullWidth .hubCont .col-sm-7 {
        background-color: initial;
        width: 100%; }
      .node-hub-v2 .offerFullWidth .hubCont .col-sm-5 .video img {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 42px; }
  .nos-promos .push-produits .visuel img {
    width: 100%;
    height: auto; }
  .nos-promos .cont h2 {
    font-size: 24px; }
  .node-page-with-header .entete {
    padding-bottom: 10px; }
    .node-page-with-header .entete .imageBackground img {
      float: none; }
    .node-page-with-header .entete .bg-grey {
      background-color: #444444; }
      .node-page-with-header .entete .bg-grey .container {
        position: static; }
        .node-page-with-header .entete .bg-grey .container h1 {
          margin-top: 20px; }
  .node-page-with-header .block-market-block-map {
    padding: 0; }
  .segment-metier .entete {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: inherit; }
    .segment-metier .entete h2, .segment-metier .entete h1 {
      text-align: center;
      color: black; }
    .segment-metier .entete h3 {
      color: black;
      font-weight: 100; }
    .segment-metier .entete p {
      color: black; }
    .segment-metier .entete .bg-grey {
      background-color: initial;
      width: 100%;
      order: 2; }
      .segment-metier .entete .bg-grey .container {
        position: static;
        width: 100%;
        max-width: 100%; }
        .segment-metier .entete .bg-grey .container .row > div {
          position: static;
          width: 100%; }
          .segment-metier .entete .bg-grey .container .row > div h1 {
            color: #e40421 !important;
            margin-top: 30px;
            text-align: initial !important; }
    .segment-metier .entete .imageBackground {
      order: 1;
      width: 100%;
      max-width: inherit;
      margin-top: 35px;
      background-color: #444444; }
      .segment-metier .entete .imageBackground img {
        display: block;
        margin: auto;
        float: none; }
  .listCatalogue ul {
    display: flex;
    flex-wrap: wrap; }
    .listCatalogue ul li {
      width: 192px; }
      .listCatalogue ul li h3 a {
        width: 101%; } }

/*Fixe page News filtre date*/
@media only screen and (min-width: 725px) and (max-width: 768px) {
  #edit-date-filter-value-wrapper {
    position: absolute;
    transform: translateY(-50%); } }

@media only screen and (max-width: 769px) {
  /*Page News zone filtre fix tablette*/
  #edit-date-filter-value-wrapper {
    position: static;
    transform: none; }
  /* Menu Burger mobile z-index */
  #m-menu-bar .m-nav.m-activate {
    z-index: 3001; }
  #page-wrapper {
    padding: 62px 0 0 0; }
  .mastCont {
    padding: 0;
    top: 0;
    bottom: 0;
    height: 100% !important;
    pointer-events: none;
    background: transparent;
    overflow: auto; }
    .mastCont .row {
      pointer-events: all; }
  /* Background Entete */
  .entete > div {
    background-position: 75% 50% !important; }
    .entete > div .col-sm-6 {
      width: 95%;
      margin: 2.5%;
      background-color: rgba(0, 0, 0, 0.5); }
  /*Header + Menu*/
  #header {
    display: none; }
  #menu-bar {
    display: none; }
  #m-menu-bar {
    display: block;
    color: #444; }
    #m-menu-bar .m-head {
      width: 100%;
      background: white;
      padding: 10px 20px;
      clear: both;
      display: table;
      content: " "; }
      #m-menu-bar .m-head .m-burger {
        width: 15%;
        float: left;
        height: 40px;
        background-image: url("../images/picto-menu-burger.png");
        background-repeat: no-repeat;
        background-position: 0 50%;
        cursor: pointer; }
        #m-menu-bar .m-head .m-burger.open {
          background-image: url("../images/picto-fermeture.png"); }
      #m-menu-bar .m-head .m-logo {
        height: 44px;
        float: right;
        width: 70%;
        background-image: url("../images/m.logo.png");
        background-repeat: no-repeat;
        background-position: right;
        position: relative;
        background-size: 130px auto; }
        #m-menu-bar .m-head .m-logo a {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
    #m-menu-bar .m-nav {
      width: 95%;
      background: #fff;
      z-index: 99;
      border-top: 1px solid #dadada;
      display: none;
      height: 550px;
      overflow-y: scroll;
      overflow-x: hidden; }
      #m-menu-bar .m-nav.m-activate {
        display: block; }
      #m-menu-bar .m-nav .mon_compte,
      #m-menu-bar .m-nav .mes_services{
        background-repeat: no-repeat;
        background-color: #e10e2a !important;
        background-position: 17px;
        height:45px;
        border-bottom: 1px solid #fff;
        line-height:45px;
      }
      #m-menu-bar .m-nav .mon_compte{
        background-image: url("../images/picto-panier-pdt-3.png");
      }
      #m-menu-bar .m-nav .mes_services{
        background-image: url("../images/picto-services.png");
      }
      #m-menu-bar .m-nav .mes_services a,
      #m-menu-bar .m-nav .mon_compte a{
        margin-left : 52px;
        font-size : 15px;
        color: #fff;
        text-transform: uppercase;
        font-weight:bold;
      }
      #m-menu-bar .m-head-button .mes_services div{
        background-image: url("../images/picto-services.png");
        width:170px;
      }
      #m-menu-bar .m-head-button .mon_compte div{
        width:174px; 
        background-image: url("../images/picto-panier-pdt-3.png");
      }
      #m-menu-bar .m-head-button.m-head-but-deactivate {
        display: none; }
      #m-menu-bar .m-head-button .mon_compte div,
      #m-menu-bar .m-head-button .mes_services div{
        background-repeat: no-repeat;        
        background-position-y: 10px;
        margin:auto;
      }
      #m-menu-bar .m-head-button .mon_compte,
      #m-menu-bar .m-head-button .mes_services{
        height:36px;
        border-bottom: 1px solid #fff;
        background-color: #e10e2a;
        line-height:31px;
        width:50%;
      }
      #m-menu-bar .m-head-button .mon_compte a,
      #m-menu-bar .m-head-button .mes_services a{
        padding-left : 30px;
        font-size : 10px;
        color: #fff;
        text-transform: uppercase;
        font-weight:bold;
      }
      #m-menu-bar .m-head-button .mon_compte{
        border-right: 1px solid #fff;
        float:left;
      }
      #m-menu-bar .m-head-button .mes_services{
        float:right;
      }
      #m-menu-bar .m-nav .m-search {
        width: 100%;
        padding: 10px 20px;
        background: #fff;
        clear: both;
        display: table;
        content: " ";
        border-bottom: 1px solid #dadada; }
        #m-menu-bar .m-nav .m-search .m-icon-search {
          width: 15%;
          float: left;
          height: 25px;
          background-image: url("../images/picto-recherche.png");
          background-repeat: no-repeat;
          background-position: 0 50%; }
        #m-menu-bar .m-nav .m-search .m_input-search {
          width: 65%;
          float: left; }
          #m-menu-bar .m-nav .m-search .m_input-search > div {
            margin: 0; }
          #m-menu-bar .m-nav .m-search .m_input-search input {
            width: 98%;
            height: 25px;
            border: none;
            background-color: #fff;
            text-transform: uppercase; }
            #m-menu-bar .m-nav .m-search .m_input-search input:focus {
              outline: none; }
        #m-menu-bar .m-nav .m-search .btn-search {
          width: 20%;
          float: left; }
          #m-menu-bar .m-nav .m-search .btn-search input {
            width: 30px;
            float: right;
            height: 25px;
            border: none;
            background-color: #e40421;
            text-transform: uppercase;
            font-weight: bold;
            color: #fff;
            background-image: url("../images/ok.png");
            background-repeat: no-repeat;
            background-position: 50%; }
      #m-menu-bar .m-nav .m-ul, #m-menu-bar .m-nav .special-menu {
        list-style-type: none;
        padding: 0;
        text-transform: uppercase;
        margin-bottom: 0; }
        #m-menu-bar .m-nav .m-ul > li, #m-menu-bar .m-nav .special-menu > li {
          padding: 11px 18px;
          border-bottom: 1px solid #dadada; }
          #m-menu-bar .m-nav .m-ul > li > a, #m-menu-bar .m-nav .special-menu > li > a {
            font-size: 15px;
            display: block; }
            #m-menu-bar .m-nav .m-ul > li > a:hover, #m-menu-bar .m-nav .special-menu > li > a:hover {
              text-decoration: none;
              color: #444444; }
          #m-menu-bar .m-nav .m-ul > li.marketLink > a:hover, #m-menu-bar .m-nav .special-menu > li.marketLink > a:hover {
            color: #FFFFFF; }
          #m-menu-bar .m-nav .m-ul > li > ul, #m-menu-bar .m-nav .special-menu > li > ul {
            list-style-type: none;
            padding: 0;
            display: none; }
            #m-menu-bar .m-nav .m-ul > li > ul.activate, #m-menu-bar .m-nav .special-menu > li > ul.activate {
              display: block; }
            #m-menu-bar .m-nav .m-ul > li > ul li, #m-menu-bar .m-nav .special-menu > li > ul li {
              padding: 10px 0px;
              padding-left: 15px; }
              #m-menu-bar .m-nav .m-ul > li > ul li a, #m-menu-bar .m-nav .special-menu > li > ul li a {
                font-size: 14px; }
          #m-menu-bar .m-nav .m-ul > li:last-child, #m-menu-bar .m-nav .special-menu > li:last-child {
            border-bottom: none; }
      #m-menu-bar .m-nav .special-menu {
        border-top: 1px solid #dadada;
        background: #444444; }
        #m-menu-bar .m-nav .special-menu li {
          position: relative; }
          #m-menu-bar .m-nav .special-menu li a {
            color: #FFFFFF; }
          #m-menu-bar .m-nav .special-menu li .icon {
            position: absolute;
            width: 40px;
            height: 35px;
            right: 10px;
            top: 10px;
            cursor: pointer; }
            #m-menu-bar .m-nav .special-menu li .icon:before {
              font-family: 'icomoonlib';
              content: "\e904";
              display: inline-block;
              font-size: 24px;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              color: #FFFFFF; }
        #m-menu-bar .m-nav .special-menu .subMenu {
          display: none; }
          #m-menu-bar .m-nav .special-menu .subMenu ul {
            padding: 5px 0 0 0;
            list-style: none; }
        #m-menu-bar .m-nav .special-menu li.activeMenu .icon:before {
          content: "\e90d"; }
        #m-menu-bar .m-nav .special-menu li.activeMenu .subMenu {
          display: block; }
      #m-menu-bar .m-nav .region-inner > div {
        width: 100%;
        display: inline-block;
        padding: 8px 18px;
        margin: 0;
        text-align: left; }
      #m-menu-bar .m-nav .region-inner .blkTranslate {
        background-position: left 14px;
        margin: 0 0 0 5%;
        width: 95%; }
      #m-menu-bar .m-nav .region-inner #block-social-share-social-share {
        padding: 10px 0 14px 0;
        text-align: right; }
        #m-menu-bar .m-nav .region-inner #block-social-share-social-share a:before {
          top: 0 !important;
          left: 10px; }
      #m-menu-bar .m-nav .region-inner #block-tgi-common-features-block-closest-shop, #m-menu-bar .m-nav .region-inner #block-lang-dropdown-language {
        padding-left: 12px; }
  main{
    padding-top:48px;
  }
  /*Slider*/
  .node-slideshow .no-padding {
    position: static; }
  .slick-slide {
    overflow: hidden; }
  /* Hide slider before tablet */
  .slideshow-container, .slideshow-container-thumb, .thumbSlider {
    display: none; }
  .slideshow-m {
    display: block;
    background-color: #dedede; }
  .slick-moment .slick-slide {
    height: auto; }
  .title-m-home {
    font-family: 'transgourmet_rg';
    font-size: 20px;
    color: #e40421;
    margin-bottom: 0;
    text-align: center; }
  .m-intro {
    background-color: #dedede;
    padding: 20px; }
    .m-intro .btn-tg {
      text-align: center; }
      .m-intro .btn-tg a::after {
        font-size: 26px; }
  /* Homepage List news */
  .viewMode_2 .contNews, .viewMode_2 .contPush {
    width: 50%; }
  .viewMode_2 .contNews li {
    width: 49%; }
    .viewMode_2 .contNews li > div {
      min-height: 275px; }
  /* Page metiers */
  .slick-secteur .no-padding, .slick-moment .no-padding {
    position: static; }
  .slick-secteur .slick-prev, .slick-secteur .slick-next, .slick-moment .slick-prev, .slick-moment .slick-next {
    position: absolute;
    top: 32%; }
  .chiffre-cles li {
    width: 33%;
    padding: 5px 2.5% 0; }
    .chiffre-cles li:first-child {
      border-left: none; }
  .mea-services .picto-titre .picto {
    width: 35%;
    float: left; }
    .mea-services .picto-titre .picto img {
      padding: 0 15px; }
  .mea-services .picto-titre .titre {
    width: 60%;
    font-size: 15px;
    float: left; }
  .mea-services .service > p {
    font-size: 14px;
    height: auto; }
  /* Page Offres */
  .autreInfo .prix {
    margin: 0; }
  .gamme-produits .push-super, .gamme-produits .push-texte, .gamme-produits .push-visuel-texte, .gamme-produits .push-visuel, .gamme-produits .push-redirect-form {
    width: 100%; }
  .gamme-produits .push-super {
    height: 530px; }
    .gamme-produits .push-super .visuel {
      padding-right: 15px; }
    .gamme-produits .push-super .super-cont {
      height: 245px; }
    .gamme-produits .push-super .col-sm-6 {
      width: 100%; }
  .form-push-link .texte {
    font-size: 12px; }
  .gabarit-hub .bloc-push-hub .blocs {
    width: 100%; }
    .gabarit-hub .bloc-push-hub .blocs img {
      height: auto; }
    .gabarit-hub .bloc-push-hub .blocs .square {
      margin: 0 0 20px; }
  .gabarit-hub .bloc-push-hub .cont {
    padding: 10px 0 0; }
  /* Page partenaires */
  #pagination-alphabetique {
    width: 100%;
    overflow: hidden; }
    #pagination-alphabetique .label-for-pagination-alphabetique {
      float: left;
      width: 100%; }
    #pagination-alphabetique .letter {
      float: left;
      width: auto; }
  #views-exposed-form-liste-nos-marques-page-nos-marques .views-exposed-widget {
    display: inline-block;
    width: 100%;
    padding: 0 0 20px !important;
    font-size: 14px; }
  .item-list-pager {
    font-size: 13px; }
    .item-list-pager ul li {
      margin-left: 0; }
  /* Footer */
  .footer-block-single .texte {
    font-size: 14px; }
  footer#footer .block-size {
    border-bottom: none !important; }
  footer#footer .footer-block-title {
    min-height: 45px; }
  .btn-tg {
    font-size: 13px; }
  .btg-tg a {
    font-size: 20px; }
  /* Page formulaire */
  .form-tg .champs-obl {
    margin-left: 0;
    display: inline-block;
    width: 100%;
    text-align: right; }
  .node-webform .entete > div {
    height: auto !important; }
  /* Page demande de contact */
  .form-tg .form-style label {
    text-align: left;
    width: 100%; }
  .form-tg .form-style textarea, .form-tg .form-style input[type=text], .form-tg .form-style input[type=email], .form-tg .form-style select, .form-tg .form-style .form-textarea-wrapper {
    width: 100%; }
  .form-tg .form-style .form-actions input {
    margin: 0;
    font-size: 14px; }
  .form-tg .form-style .captcha {
    margin: 0; }
  /* Page Services */
  .famille-produit .field-name-body p {
    font-size: 14px; }
  .node-type-service .node-service h1 + div + div, .node-type-service .node-service h1 + div + div + div {
    width: 100%; }
  /* Page Actualites */
  .view-liste-actualit-s .slick-slider .no-padding-right, .view-recipes .slick-slider .no-padding-right {
    padding-left: 0; }
  .view-liste-actualit-s .slick-slider .no-padding, .view-recipes .slick-slider .no-padding {
    position: static; }
  .view-liste-actualit-s .slick-slider .slick-prev, .view-liste-actualit-s .slick-slider .slick-next, .view-recipes .slick-slider .slick-prev, .view-recipes .slick-slider .slick-next {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%); }
  .view-liste-actualit-s .view-filters form, .view-recipes .view-filters form {
    font-size: 14px;
    margin-bottom: 40px; }
  .view-liste-actualit-s .liste-large, .view-recipes .liste-large {
    margin-bottom: 15px; }
    .view-liste-actualit-s .liste-large li, .view-recipes .liste-large li {
      height: auto;
      padding-bottom: 10px;
      margin-bottom: 30px; }
      .view-liste-actualit-s .liste-large li.views-row, .view-recipes .liste-large li.views-row {
        width: 100%;
        float: left; }
        .view-liste-actualit-s .liste-large li.views-row > .col-sm-3, .view-liste-actualit-s .liste-large li.views-row > .col-sm-9, .view-recipes .liste-large li.views-row > .col-sm-3, .view-recipes .liste-large li.views-row > .col-sm-9 {
          width: 50%;
          float: left; }
  .node-actualite .bloc-actus-visuel figure {
    text-align: center; }
  .node-actualite .bloc-actus-visuel img {
    max-width: 520px;
    float: none; }
  /* Nos promos */
  .nos-promos .view-content .col-sm-3 {
    min-height: 345px; }
  .liste-actualite .views-exposed-form {
    padding-bottom: 5px; }
    .liste-actualite .views-exposed-form .form-checkboxes > .bef-checkboxes > div {
      width: 100%; }
  /* Page Partenaires du goût */
  .contain-immersif {
    width: 100%; }
  .gamme .para {
    margin: 20px 0 0 0; }
    .gamme .para h2 {
      padding: 0; }
    .gamme .para .para-single .row {
      margin: 0; }
    .gamme .para .para-single .col-sm-6 {
      margin-bottom: 15px;
      width: 100%; }
      .gamme .para .para-single .col-sm-6 h2 {
        margin-top: 0; }
      .gamme .para .para-single .col-sm-6 img {
        width: 100%;
        height: auto; }
    .gamme .para .para-single .col-right p, .gamme .para .para-single .col-left p {
      font-size: 14px; }
  .gamme .push-visuel-texte .visuel {
    overflow: hidden; }
    .gamme .push-visuel-texte .visuel img {
      height: 100%;
      width: auto; }
  /* Plan du site */
  .sitemap {
    width: 100%;
    padding: 0 15px; }
    .sitemap ul {
      padding: 0 5px; }
      .sitemap ul .expanded {
        min-height: 1px;
        margin-bottom: 25px;
        width: 50%; }
  /* Actus */
  .sliderContainer {
    padding: 0 15px !important; }
    .sliderContainer .slick-slider .no-padding {
      position: static; }
    .sliderContainer .slick-slider button {
      top: 37% !important;
      bottom: auto !important;
      background-color: rgba(0, 0, 0, 0.25); }
  .blockUpcomingEvents .listUpcomingEvents .container {
    padding: 0; }
  /* Page Hub 1 */
  .listOffreHub .container ul li {
    width: 50%; }
    .listOffreHub .container ul li.emptyLi {
      display: none; }
  /* Homepage Catalogue */
  .contCatalog .no-padding {
    position: static; }
  .contCatalog .slick-prev, .contCatalog .slick-next {
    bottom: auto;
    top: 20%; }
  /* Homepage Push Liste */
  div.push-liste .container > ul li h3 {
    display: none; }
  div.push-liste .container > ul li > div {
    width: 100% !important;
    padding: 0 !important; }
  div.push-liste .container > ul li > .image {
    margin: 0 0 15px !important; }
  div.push-liste .container > ul li .m-title {
    display: block !important;
    margin: 0 0 10px !important; }
  /* Homepage Slider Segments */
  .blkSliderType_3 {
    padding: 0 20px 15px 15px; }
    .blkSliderType_3 .teaser {
      padding-left: 15px;
      padding-right: 15px; }
    .blkSliderType_3 .blkSlider {
      padding: 0; }
    .blkSliderType_3 .no-padding {
      position: static; }
      .blkSliderType_3 .no-padding .slick-prev, .blkSliderType_3 .no-padding .slick-next {
        bottom: auto;
        /*top: 27%;*/ }
  /*Segment: Did you know font size*/
  .text_wysiwyg h2 span strong {
    font-size: 20px !important; }
  .segment-metier .mea h3 {
    font-size: 16px; }
  .segment-metier .mea .description {
    padding-top: 0;
    margin-top: -10px; }
  .segment-metier .mea-essentiels h2 {
    font-size: 23px; }
  /* Block services / avantages */
  .services-avantages ul li span {
    min-height: 55px;
    padding: 10px 0 0 0; }
  /* Brand Details */
  .brandCont .enteteBrand .desc {
    padding: 20px 0; }
  .brandCont .productNumList li {
    font-size: 20px; }
    .brandCont .productNumList li strong {
      font-size: 38px; }
  .brandCont .blkTemoignage {
    padding: 30px 0; }
    .brandCont .blkTemoignage .details {
      width: 100%;
      margin: 0 0 20px; }
  .brandCont .meaGamme {
    padding: 30px 0; }
    .brandCont .meaGamme .gammeDetails {
      padding: 0 15px; }
    .brandCont .meaGamme .brand-no-image {
      width: 100%;
      float: none; }
  .brandCont .sliderMarque .contenus {
    width: 90%;
    margin: 40px 5%; }
  .brandCont .sliderMarque .no-padding {
    position: static; }
  .brandCont .listProduit li {
    width: 33.33%; }
  /* Market Mag */
  .filterMarket .pageType {
    margin: -10px 0 0 0; }
  .filterMarket .container > div {
    padding: 0 15px; }
  .filterMarket .container .form-item {
    float: right;
    margin-left: 15px; }
    .filterMarket .container .form-item input[type="text"] {
      margin-right: 0; }
  .filterMarket .container #edit-field-shop-type-tid-wrapper {
    margin: 0 0 15px; }
  .filterMarket #edit-field-address-postal-code-wrapper {
    padding-top: 5px;
    float: right;
    margin-right: 15px; }
  #block-views-market-block-1.block-views {
    padding: 0; }
  /* Market List */
  .listMarket ul li {
    width: 50%; }
    .listMarket ul li > div .intro div {
      width: 70%; }
  /* Page Offres Job */
  .node-job-offer .btn-tg a {
    text-transform: none; }
  .listJob .container > .item-list ul li {
    padding-top: 10px; }
  .listJob .push-redirect-form {
    height: auto; }
  .form-style .appType {
    padding: 0; }
  /* Gamme produit - Masquer Breakzone Visuel */
  .gamme-produits {
    padding: 0; }
    .gamme-produits .views-row {
      padding: 0 10px; }
      .gamme-produits .views-row .push-visuel {
        display: none; }
      .gamme-produits .views-row .visuel img {
        height: auto;
        width: 100%; }
  /* BreadCrumb */
  .breadcrumb, #breadcrumb {
    position: static;
    margin: 0;
    margin-top: 5px; }
  /* Market details */
  .marketMast .col-md-7 ul {
    padding: 25px 0; }
  .locationCont .container h3 {
    font-size: 20px; }
  .locationCont .mapCont {
    width: 100%;
    padding: 0 0 25px; }
  .mrkInfo ul {
    width: 100%;
    padding: 1.35em 0 15px; }
    .mrkInfo ul li {
      padding: 0 10px; }
    .mrkInfo ul .no-padding {
      position: static; }
  .listPart ul li, .listActu ul li {
    width: 100%; }
    .listPart ul li img, .listActu ul li img {
      width: 50%;
      float: left; }
    .listPart ul li .conts, .listActu ul li .conts {
      width: 50%;
      float: left;
      padding: 0 12px; }
      .listPart ul li .conts .min-height, .listActu ul li .conts .min-height {
        min-height: 1px; }
  /**Page services**/
  .node-type-service .node-service h1 + div {
    width: 100%; }
  .node-type-service .node-service h1 + div + div {
    width: 100%; }
  /** Page Liste catalogue **/
  .listCatalogue ul li {
    width: 25%;
    font-size: 12px; }
    .listCatalogue ul li.empty {
      display: none; }
    .listCatalogue ul li .imgCont img {
      width: 100%; }
    .listCatalogue ul li h3 a {
      width: 100%; }
  /** Page produit details **/
  .produitDetail .produitInfo {
    margin: 20px 0 0 0; }
    .produitDetail .produitInfo h2 {
      margin: 35px 0 15px 0; }
    .produitDetail .produitInfo span {
      margin-bottom: 5px; }
    .produitDetail .produitInfo p {
      margin-bottom: 5px; }
  .produitDetail .relProductList li {
    width: 50%; }
    .produitDetail .relProductList li h3 {
      font-size: 16px; }
  .location {
    padding: 0 0 15px; }
  /** Page formulaire d'emploie **/
  .jobOfferForm .description {
    padding: 0; }
  .jobOfferForm input[type="file"] {
    width: 80%; }
  /** Page media Center **/
  .page-media-center .views-row {
    width: 100%; }
  .mediaTabs {
    padding: 0 2.5%; }
    .mediaTabs .tabsCont #edit-combine-wrapper > div #edit-combine {
      max-width: 150px;
      min-width: 0;
      min-height: 34px;
      padding: 0 10px; }
  /** Page media details **/
  .node-type-media .bloc-actus-visuel, .node-type-media .bloc-actus-head, .node-type-media .view-mode-full {
    float: left;
    width: 100%;
    padding: 0 2.5%; }
  .node-type-media .bloc-actus-visuel {
    text-align: center; }
    .node-type-media .bloc-actus-visuel img {
      max-width: 540px; }
  /** Social Links **/
  #block-social-share-social-share {
    margin: 0; }
    #block-social-share-social-share a {
      float: left;
      height: 32px; }
  .block-social-share {
    position: fixed;
    left: -5px;
    width: 48px !important;
    top: 25%;
    background: #FFFFFF;
    padding: 0 5px 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  .topInfo .block-social-share a.social-share-facebook::before {
    top: 12px !important; }
  /* Page Hub 2 */
  .listHub {
    padding: 0 2.5%; }
    .listHub .meaWrapper {
      width: 50%; }
  .contIframe iframe {
    width: 100%; }
  .back-to-top {
    bottom: -3%;
    position: fixed; }
  #page-title {
    margin-top: 15px;
    margin-bottom: 15px; }
  .little-desc {
    margin-top: 20px; }
  .view .date-nav-wrapper .date-heading {
    top: -4px; }
  .eventType #legend {
    font-size: 14px; }
    .eventType #legend ul {
      padding: 0;
      text-align: initial; }
      .eventType #legend ul li {
        display: block; }
        .eventType #legend ul li .color {
          float: none;
          display: inline-block; }
        .eventType #legend ul li .termName {
          float: none; }
  .eventType .view-header .pager li {
    padding: 0; }
  .eventType .view-header .pager .date-prev, .eventType .view-header .pager .date-next {
    width: 25px; }
  .eventType .view-header .pager .date-heading em {
    font-size: 13px;
    margin-top: 0;
    top: -4px; }
  .container-fluid .row h1 {
    margin-top: 20px; }
  .offerFullWidth .hubCont .videoCover {
    margin-top: 30px; }
  .blkRetour {
    display: none; }
  /*BRAND*/
  .region .view-liste-nos-marques {
    padding: 0; }
    .region .view-liste-nos-marques .view-filters {
      padding: 0; }
      .region .view-liste-nos-marques .view-filters #views-exposed-form-liste-nos-marques-page-nos-marques {
        text-align: center; }
        .region .view-liste-nos-marques .view-filters #views-exposed-form-liste-nos-marques-page-nos-marques .form-item-filtre-metier, .region .view-liste-nos-marques .view-filters #views-exposed-form-liste-nos-marques-page-nos-marques .form-item-filtre-gamme {
          margin-right: 0; }
  .letter-cap {
    font-size: 40px;
    margin-bottom: 0px; }
  .bannerTop .meaCont .text_wysiwyg p {
    background-color: rgba(255, 255, 255, 0.6);
    color: black;
    padding: 10px; }
  .mediaTabs {
    font-size: 14px; }
  .granularity {
    margin-left: 20px;
    margin-bottom: 10px; }
  .block-count-11 .list-large li img {
    display: none; }
  .block-count-11 .liste-actualite .views-exposed-form {
    text-align: center; }
  .block-count-11 .liste-actualite #edit-submit-recipes {
    float: none;
    text-align: center;
    margin-top: 15px; }
  #block-social-share-social-share {
    display: none !important; }
  .push-lien a {
    font-size: 13px !important; }
  .hubMainList .field-name-body .text_wysiwyg p {
    color: white; }
  /*Menu login area mobile*/
  #block-tgi-de-webshop-login-webshop-login {
    padding-left: 21px;
    margin-top: 15px;
    border-bottom: 1px solid #dedede; }
    #block-tgi-de-webshop-login-webshop-login:before {
      display: none; }
    #block-tgi-de-webshop-login-webshop-login .block-inner {
      text-align: initial;
      padding-right: 0; }
    #block-tgi-de-webshop-login-webshop-login #edit-submit {
      height: 40px; }
    #block-tgi-de-webshop-login-webshop-login .loginLinks {
      margin-top: 10px;
      margin-bottom: 10px; }
      #block-tgi-de-webshop-login-webshop-login .loginLinks .continueWithoutLogging {
        display: block;
        margin: 0; }
  /*Cache les dots du slider sur la home de DEV*/
  .products .slick-dots {
    display: none !important; } }

@media only screen and (min-width: 1600px) {
  /*heahder en width 85%*/
  .node-slideshow .node-content {
    margin: auto;
    width: 85%; }
  .node-hub-metier .link-immersif {
    width: 85%;
    margin: auto;
    margin-top: 35px; }
  .segment-metier .entete {
    width: 85%;
    margin: auto; }
  .node-hub-v2 .offerFullWidth {
    width: 85%;
    margin: auto; }
  .hubMainList {
    float: none;
    width: 85%;
    margin: auto; }
  .node-gamme .entete {
    width: 85%;
    margin: auto; }
  .node-page-with-header {
    width: 85%;
    margin: auto; }
  .brandCont {
    float: none;
    width: 85%;
    margin: auto; }
  .node-webform .entete {
    width: 85%;
    margin: auto; }
  .node-page-custom .entete {
    width: 85%;
    margin: auto; } }

/*fix slider tablette*/
@media screen and (min-width: 752px) and (max-width: 836px) {
  .slideshow-container .infos-home {
    padding-left: 75px; }
  .slideshow-container .title-home {
    width: 95%;
    font-size: 27px;
    line-height: 30px; }
  .slideshow-container .btn-tg {
    width: 95%; }
    .slideshow-container .btn-tg a {
      font-size: 12px; } }

/*tablette portrait*/
@media screen and (min-width: 480px) and (max-width: 768px) {
  .views-row {
    display: inline-block;
    width: 50%;
    float: left; }
  .nos-promos .push-produits .visuel img, .node-famille-de-produits .push-produits .visuel img {
    height: auto; }
  .nos-promos .push-produits {
    width: 100%;
    height: auto;
    margin-bottom: 10px; }
  .nos-promos .push-redirect-form {
    width: 100%; }
  .services-avantages ul li {
    width: 25%;
    margin-bottom: 15px; }
  .services-avantages .btn-tg-no-bg a {
    padding-top: 0; }
  footer .footer-block-title {
    margin-bottom: 10px;
    line-height: 30px; }
  footer .footer-block-single a {
    font-size: 11px; }
  /*Footer*/
  footer#footer .container-fluid {
    padding: 0 10px; }
    footer#footer .container-fluid .container {
      padding: 0; }
  footer#footer .footer-block-single {
    padding: 15px 10px; }
    footer#footer .footer-block-single .lien {
      bottom: 10px; }
      footer#footer .footer-block-single .lien a {
        padding-right: 15px; }
    footer#footer .footer-block-single .lien a:after {
      display: none; }
    footer#footer .footer-block-single a {
      width: 100%;
      text-align: center;
      font-size: 12px; }
  footer#footer .footer-block-title {
    margin-bottom: 10px; }
  footer#footer .block-size {
    padding-top: 10px;
    border-right: none;
    border-bottom: 2px solid #fff;
    height: auto;
    min-height: 250px; }
  footer#footer nav ul li {
    display: block;
    padding: 10px 15px !important; }
  footer#footer .other-site {
    top: inherit;
    bottom: 235px;
    padding-top: 10px;
    padding-bottom: 10px; }
    footer#footer .other-site p > img {
      margin-top: 20px; }
    footer#footer .other-site a {
      display: block;
      margin-bottom: 5px; }
    footer#footer .other-site img {
      margin: 0px;
      height: auto !important;
      width: 120px !important; }
  .services-avantages ul li br {
    display: block; }
  /* News */
  .bloc-actus-visuel, .bloc-actus-head {
    width: 100%;
    float: left; }
  .bloc-actus-visuel img {
    width: 100%;
    height: auto; }
  /* Gamme produit - Masquer Breakzone Visuel */
  .gamme-produits .views-row {
    width: 50%; }
    .gamme-produits .views-row .push-visuel {
      display: none; }
  /* Empty Templates */
  .nos-promos .col-sm-3 {
    width: 50%;
    min-height: 375px;
    float: left; }
    .nos-promos .col-sm-3 .push-desc {
      height: auto; }
    .nos-promos .col-sm-3 .prix {
      height: auto; }
  .nos-promos .view-footer {
    float: left;
    width: 100%; }
  .customTem > div {
    padding-bottom: 25px; }
    .customTem > div h2 {
      margin: 25px 0 15px; }
  .customTem .contCatalog {
    padding-bottom: 10px; }
  .customTem .contNews li > div {
    min-height: 1px; } }

/* MOB 600 */
@media only screen and (min-width: 480px) and (max-width: 600px) {
  .gamme-produits .views-row {
    width: 100%;
    padding: 0 25px; }
    .gamme-produits .views-row .push-visuel {
      display: none; }
    .gamme-produits .views-row .visuel img {
      height: auto;
      width: 100%; } }

/*tablette paysage*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .services-avantages ul li {
    margin-bottom: 20px; }
  footer .block-size {
    height: 305px; }
    footer .block-size .lien {
      bottom: 60px; }
  footer .footer-block-title {
    margin-bottom: 10px;
    line-height: 30px; }
  footer .footer-block-single a {
    font-size: 11px; }
  /* Marques partenaires */
  .result-letter .views-row-odd, .result-letter .views-row-even {
    padding-bottom: 10px;
    margin-bottom: 15px; }
  .result-letter .col-sm-6 {
    min-height: 1px; } }

/*# sourceMappingURL=transgourmet.css.map */