/**
* @file
* Styles are organized using the SMACSS technique. @see http://smacss.com/book/
*
* When you turn on CSS aggregation at admin/config/development/performance, all
* of these @include files will be combined into a single file.
*/

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

.galleria {
  height: 420px;
  max-width: 100%;
}

.galleria-theme-azur{
  z-index: 1;
}

body.cke_editable{
  background: #fff;
  margin: 10px;
}

.page-node-502.page-node-done #content .links{
  display: block;
}

.page-node-done #content .middle .links{
  display: none;
}

/* =============================================================================
File : styles.css
Description : Feuille de style principale pour Focus
Author : www.choosit.com
=========================================================================== */

/* TABLE OF CONTENT ///////////////////////////////////////////////////////////////////////////////////////////
1- Standard Styles
2- Structure
3- Menu & header
4- Home content
5- Footer
6- Page standard
7- Page Block/Rubrique
8-
9- Connexion - onglets - user login - Profil - Favoris
10- Actualites
11- Contact
12- Admin
13- Plan du site
14- Historique
15- Points de vente + Réalisations dans le monde
16- Presse
17- Formulaire
18- Collection
19- Produit
20- Métiers et Savoir-faire

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  margin: 0px;
  padding: 0px;
  border: 0;
}


table,tbody, tfoot, thead, tr, th, td{
  margin: 0px;
  padding: 0px;
}


body {
  position: relative;
  min-height: 100vh;
  margin: 0px;
  padding: 0px;
  font: normal 16px 'Lato', Arial;
  font-weight: 400;
  color: #000000;
  background: transparent url(../images/background_duplik_interne.jpg) repeat left top;

  /* Optimize text rendering on all Browsers & OS */
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  box-sizing: border-box;
  word-wrap: break-word;
}

body::after{
  position: absolute;
  z-index: -10;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 300px;
  background: #000000;
}

.front body{
  background-image: url(../images/background_duplik_standard.jpg);
}

strong {
  font-weight: 700;
}

.visible-xs-inline-block {
  display: none !important;
}


/* =============================================================================
1- Standard Styles
=========================================================================== */

h1 {
  /*margin: 3% 0 2% 0;
  padding: 0 0 1.8% 0;*/
  margin: 35px 0 20px 0;
  padding: 0 0  0;
  font-size: 35px;
  line-height: 39px;
  font-weight: 300;
  color:#FFFFFF;
  text-align: center;
  text-transform: uppercase;
  /*background: transparent url(../images/divider_mini_white.png) no-repeat center bottom;*/
}

.page-collections H1,
.page-actualites H1,
.page-revue-presse H1,
.node-type-webform H1,
.page-realisations H1{
  margin: 35px 0 53px 0;
}

.page-node-77.node-type-webform H1{
  margin: 35px 0 20px 0;
}


h2 {
  margin: 0 0 4% 0;
  padding: 0 0 2.5% 0;
  font-size: 25px;
  line-height: 29px;
  font-weight: 300;
  color:#000000;
  text-align: center;
  text-transform: uppercase;
  background: transparent url(../images/divider_mini_black.png) no-repeat center bottom;
}

h3 {
  margin: 0 0 2.1% 0;
  padding: 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  color:#000000;
  /*text-align: center;*/
}

h4 {
  margin: 23px 0 15px 0;
  padding: 0;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color:#000000;
  /*text-align: center;*/
}

.size12{
  font-size: 12px;
  line-height: 14px;
}

a {
  color:inherit;
  text-decoration: underline;
  transition: all .25s;
  backface-visibility: hidden;
}

a:hover {
  color:inherit;
  text-decoration: none;
  outline: none;
}

a:focus {
  text-decoration: none;
  color: inherit;
  outline: none !important;
}

a:active{
  outline: none !important;
}

p {
  margin: 0 0 10px 0;
  padding: 0;
}

ul {
  margin: 25px 0 25px 3%;
  padding: 0;
  list-style-type: none;
}

#main ul{
  clear: both;
}

ol {
  clear: both;
  margin: 25px 0 25px 3%;
  padding: 0;
}

ul li {
  margin: 0 0 7px 0;
  padding: 0 0 0 26px;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  background: transparent url(../images/arrow_right_mini_white.png) no-repeat left 8px;
}

.bg-blanc ul li{
  background: transparent url(../images/arrow_right_mini_black.png) no-repeat left 8px;
}

img, media {
  max-width: 100%;
  height: auto;
}

/* Noir*/
.coul1{color:#000000;}

/* Gris Foncé */
.coul2{color:#333333;}

/* Gris moyen 1*/
.coul3{color:#666666;}

/* Gris moyen 2 */
.coul4{color:#808080;}

/* Gris moyen 3 */
.coul5{color:#999999;}

/* Gris clair */
.coul6{color:#dddddd;}

/* Blanc */
.coul7{color:#FFFFFF;}

.bloc-couleur1,
.bloc-couleur2,
.bloc-couleur3{
  padding: 28px 4%;
  color: #FFFFFF;
  margin: 16px 0;
  width: 90%;
  clear: both;
  display: block;
  overflow: hidden;
  float: left;

  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}

.bloc-couleur2{
  color: #000000;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.5);
}

.bloc-couleur3{
  color: #ffffff;
  background:#808080 none;
}

.bloc-cadre,
.bloc-cadre2,
.bloc-cadre3,
.bloc-pointilles,
.bloc-pointilles2{
  border: 1px solid #dddddd;
  background: transparent none;
  width: 90%;
  padding: 5%;
  clear: both;
  display: block;
  overflow: hidden;
  float: left;
  margin: 10px 0 19px 0;
}

.bloc-cadre2{
  border: 1px solid #000000;
}

.bloc-cadre3{
  border: 1px solid #ffffff;
}

.bloc-pointilles{
  border: 1px dashed #dddddd;
}

.bloc-pointilles2{
  border: 1px dashed #ffffff;
}

.bloc-quote{
  float: left;
  display: block;
  width: 100%;
  margin: 2% 0 2% 0;
  padding: 0;
  font-style: italic;
  font-weight: 300;
  background: transparent none;
}

.bloc-dyptique-left{
  float: left;
  width: 48%;
  margin: 0 4% 0 0;
  display: block;
}

.bloc-dyptique-right{
  width: 48%;
  margin: 0;
  display: block;
  overflow: hidden;
}

.bloc-left-standard{
  float: left;
  width: 37%;
  margin: 0 4% 3% 0;
  border: 5px solid #ededed;
  padding: 5%;
}

.bloc-right-standard{
  float: right;
  width: 37%;
  margin: 0 0 3% 4%;
  padding: 5%;
  border: 5px solid #ededed;
}

.spacer{
  clear: both;
}

hr,
.ligne-separatrice {
  display:block;
  height: 1px;
  margin: 20px 0;
  padding: 0;
  color: #ededed;
  background-color: #ededed;
  border: 0;
  clear: none;
  width: 100%;
  overflow: hidden;
}

img.left{
  float: left;
  margin: 0 30px 15px 0;
}

img.right{
  float: right;
  margin: 0 0 15px 30px;
}

/* ----- TABLE ----- */

table {
  border-collapse: collapse;
  margin: 20px 0 20px 0;
  width: 100%;
  border: inherit !important;
}
th {
  border-color: #E9E5E3;
  border-bottom: 3px solid #E9E5E3;
  padding: 11px 10px 9px 10px;
  text-align: left; /* LTR */
  background:#F6F6F6 none;
  vertical-align: middle;
}

td{
  padding: 11px 11px;
  text-align: left;
  border-color: #E9E5E3;
  vertical-align: top;
}

/* FORMULAIRES */

input,
textarea{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ececec;
  color: #3a3845;
  font: normal 13px/38px 'Oswald', Arial;
  font-weight: 400;
  height: 38px;
  padding: 0 0 0 15px;
  width: 100%;
}

input:focus{
  color: #999999;
  border: 2px solid #cccccc;
}

input[type="radio"],
input[type="checkbox"]{
  width: auto;
  height: auto;
}

input.error,
textarea.error{
  background: #FFFFFF none;
}

.form-control,
.resizable-textarea textarea{
  color: #3a3845;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.resizable-textarea textarea:focus{
  border: 2px solid #cccccc;
  color: #999999;
}

textarea{
  height: 167px;
  min-width: 100%;
  width: 100% !important;
  max-width: 100% !important;
}

.form-control:focus {
  border-color: #75b818;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 194, 47, 0.6);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 194, 47, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 194, 47, 0.6);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 194, 47, 0.6);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 194, 47, 0.6);
  outline: 0 none;
}

input.form-radio{
  width: auto;
  height: auto;
  float: left;
  margin: 2px 10px 0 0;
}

input.form-submit{
  position: relative;
  float:none;
  cursor: pointer;
  width: auto;
  margin: 0 0 0 0;
  padding: 11px 30px 11px 30px;
  color: #bdbdbd;
  font: normal 13px/16px 'Oswald';
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border: none;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

  transition: all .25s ease-in-out;
}

input:hover.form-submit{
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.7);

}

label{
  margin: 0 0 13px 0;
  font-size: 13px;
  text-transform: uppercase;
}

/* SELECT CHOSEN */

.chosen-container{
  /*width: 100% !important;*/
}

.webform-component--modele-envisage .chosen-container-multi{
  width: 100% !important;
}

.chosen-container-multi .chosen-choices{
  color: #3a3845;
  font: normal 13px/13px 'Oswald', Arial;
  font-weight: 400;
  min-height: 12px !important;
  height: auto !important;
  padding: 13px 15px 13px 15px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ececec;
}

.page-collections .chosen-container,
.page-cheminees-design-centrales .chosen-container,
.page-cheminees-design-murales .chosen-container,
.page-poeles-contemporains .chosen-container,
.page-inserts-contemporains .chosen-container,
.page-realisations-speciales .chosen-container,
.page-barbecues-cheminees-exterieur .chosen-container,
.page-cheminees-design-bois .chosen-container,
.page-cheminees-design-au-gaz .chosen-container,
.page-cheminees-design-foyer-ferme .chosen-container,
.page-cheminees-design-foyer-ouvert .chosen-container,
.page-cheminees-design-foyer-pivotant .chosen-container,
.page-cheminees-design-flamme-verte .chosen-container,
.page-cheminees-design-avec-credit-impots .chosen-container {
  width: 100% !important;
}

.chosen-container-single .chosen-single{
  border: 1px solid transparent;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  border-left: 1px solid #000000;
  background: url('../images/chosen-sprite-focus.png') no-repeat 10px 0px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b{
  background-position: -30px 0px;
}

.apply-chosen .chosen-container-single .chosen-single abbr{
  background: url('../images/chosen-sprite-focus.png') -42px 1px no-repeat;
}

.apply-chosen .chosen-container-single .chosen-search input[type="text"]{
  background: transparent none;
}

.apply-chosen .chosen-container-single .chosen-single{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}

.apply-chosen .chosen-container-single .chosen-single div{
  width: 38px;
}

/*.apply-chosen .chosen-container-single .chosen-single div b{
  background-image: ;
}*/

.apply-chosen .chosen-container-single .chosen-single{
  height: 38px;
  line-height: 38px;
}

.apply-chosen .chosen-container-single .chosen-single{
  padding: 0 0 0 19px;
}

.apply-chosen .chosen-container-single .chosen-single span{
  font-family: 'Oswald';
  font-size: 13px;
  font-weight: 400;
  color: #000000;
}

.apply-chosen .chosen-results{
  font-family: 'Oswald';
  font-size: 13px;
  font-weight: 400;
  color: #000000;
}

.apply-chosen .chosen-results li{
  background-image: none;
}

/* BUTTON */

.btn,
a.button{
  display: inline-block;
  margin: 3% 0 3% 0;
  padding: 11px 30px 11px 30px;
  font: normal 12px/23px 'Oswald';
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  white-space:normal;
  border: none;
  border-radius: 0;
  transition: all .25s;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}

a:hover.btn,
a:hover.button{
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 1);
}

.btn-white {
  color: #000000;
  background-color: #ffffff;
  font-weight: normal;
}

.btn-spots {
  background-color: rgba(255, 255, 255, 0.7);
}



/* MESSAGE ERROR */

.messages{
  max-width: 800px;
  border-width: 3px;
  margin: 20px auto 22px;
  padding: 20px 10px 20px 55px;
  font-size: 14px;
  line-height: 17px;
  background-position: 8px 18px;
}

.messages a{
  color:#FFFFFF;
}

.messages ul{
  margin: 7px 0 0 0;
}

.messages ul li {
  background: url("../images/arrow_right_med_white.png") no-repeat scroll left 1px transparent;
  list-style: outside none none;
  margin: 0 0 7px;
  padding: 0 0 0 24px;
}

/* Status Messages */
.messages--status,
.status {
  background-image: url(../images/icon_validation.png);
  border-color: #00a975;
}

.messages--status,
.status {
  background-color: #02b994;
}

.messages--status {
  color: #ffffff;
}

.messages--error,
.error{
  color: #FFFFFF;
  border-color: #e0001a;
  background-color: #e63247;
  background-image: url(../images/icon_cross_white.png);
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error{
  border-color: #f9a732;
}

/* Warning Messages */
.messages--warning,
.warning {
  background-image: url(../images/icon_warning.png);
  border-color: #e59501;
  background-position: 8px 11px;
}

.messages--warning,
.warning {
  background-color: #ECAF3F;
  color: #FFFFFF;
}

/* =============================================================================
2- Structure
=========================================================================== */

#page{
  /*max-width: 1600px;*/
  margin: auto;
  padding: 75px 0 0 0;
}

.front #page,
.node-type-page-standard #page,
.node-type-metiers #page{
  max-width: 100%;
}

#page.fixed{
  /*padding: 208px 0 0 0;*/
}

#header,
.footer-2-blocks,
.footer-arbo
{
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  background-color: #000000;
}

.front .content{
  text-align: left;
}

.content{
  display: inline-block;
  width: 100%;
  max-width: 1170px;
  margin: auto;
  /*text-align: left;*/
}

.not-front #main{
  text-align: center;
}

.front #main{
  margin: 0;
  padding: 0;
}

.not-front #content{
  /*display: inline-block;*/
  display:block;
  width: 100%;
  max-width: 1170px;
  min-height: 350px;
  margin: auto;
  padding: 0 0 5% 0;
  text-align: left;
  color: #FFFFFF;
}

.not-front.page-node-done #content{
  text-align: center;
}

.not-front.node-type-page-standard #content,
.not-front.page-points-de-vente #content,
.not-front.page-realisations #content,
.not-front.page-collections #content{
  max-width: 100%;
  padding: 0;
}

.not-front.page-collections #content,
.not-front.page-cheminees-design-centrales #content,
.not-front.page-cheminees-design-murales #content,
.not-front.page-poeles-contemporains #content,
.not-front.page-inserts-contemporains #content,
.not-front.page-realisations-speciales #content,
.not-front.page-barbecues-cheminees-exterieur #content,
.not-front.page-cheminees-design-bois #content,
.not-front.page-cheminees-design-au-gaz #content,
.not-front.page-cheminees-design-foyer-ferme #content,
.not-front.page-cheminees-design-foyer-ouvert #content,
.not-front.page-cheminees-design-foyer-pivotant #content,
.not-front.page-cheminees-design-flamme-verte #content,
.not-front.page-cheminees-design-avec-credit-impots #content
{
  max-width: 90%;
}

a.scroll-to-top{
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  display: block;
  width: 40px;
  height: 40px;
  background: #474748 url(../images/arrow_scroll_to_top_white.svg) no-repeat center 47%;
  background-size: 50%;
  transition: all .25s;
}

a:hover.scroll-to-top{
  transform: scale(1.1);
  background-color: #000000;
}

.node-type-page-standard .node-page-standard{
  line-height: 0;
  margin-top: 60px;
}

.section-foire-aux-questions.node-type-page-standard .node-page-standard{
  margin-top: 0;
}

.node-page-standard ul.links li.en{
  display: none;
}

.node-page-standard .field-items{}

.node-page-standard .field-item{
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  text-align: center;
}

.node-page-standard .field-item .sous-titre{
  display: block;
  margin: 0 0 3% 0;
  font-size: 13px;
  line-height: 19px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.section-foire-aux-questions .node-page-standard .field-item .sous-titre{
  margin: 0 0 3% 0;
  padding: 25px 0 0 0;
  letter-spacing: 0.15em;
  background: transparent url(../images/divider_mini_white.png) no-repeat center top;
}

.node-page-standard .field-item .pagestdplus-item{

}

.node-page-standard .field-item .choosit-paragraphs-item-bloc_picture_gallery{
  background-color: #FFFFFF;
}

.node-page-standard .field-item .choosit-paragraphs-item-bloc_picture_gallery H2{
  color: #000000;
  background-image: url(../images/divider_mini_black.png);
}

.node-page-standard .field-item .choosit-paragraphs-item-bloc_picture_gallery.bg-gris H2{
  color: #FFFFFF;
  background-image: url(../images/divider_mini_white.png);
}

.node-page-standard .field-item .bg-blanc{
  /*font-size: 15px;
  line-height: 25px;*/
  color: #000000;
  background-color: #FFFFFF;
}

.node-page-standard .field-item .bg-gris{
  color: #ffffff;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.1);
}

.node-page-standard .field-items .content{
  margin: auto;
  padding: 5% 0 5%;
}

.section-foire-aux-questions .node-page-standard .field-items .content{
  padding: 0 0 5%;
}

.node-page-standard .field-items .choosit-paragraphs-item-bloc_1_colonne .content{
  padding-top: 5%;
  max-width: 700px;
  text-align: left;
}

.field-name-field-sous-titre{
  padding: 0 0 60px 0;
}

.field-name-field-sous-titre .field-items{
  margin: 0;
  padding: 27px 0 0 0;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  background: transparent url(../images/divider_mini_white.png) no-repeat center top;
}

.node-page-standard H2{
  color: #FFFFFF;
  background-image:url(../images/divider_mini_white.png);
}

.node-page-standard .bg-blanc H2{
  color: #000000;
  background-image:url(../images/divider_mini_black.png);
}

.node-page-standard H3{
  color: #FFFFFF;
}

.node-page-standard .bg-blanc H3{
  color: #000000;
}

.node-type-page-standard .node-page-standard ul.links.inline{
  display: block;
}

.node-type-page-standard .node-page-standard ul.links.inline li{
  background: transparent none;
}

/* ZONE VIDEO */

.node-page-standard .field-items .choosit-paragraphs-item-bloc_video{
  position: relative;
  line-height: 0;
}

.node-page-standard .field-items .choosit-paragraphs-item-bloc_video .content{
  max-width: 100%;
  padding: 0;
  text-align: left;
  line-height: 25px;
}

.node-page-standard .field-items .choosit-paragraphs-item-bloc_video .content .container{
  position: relative;
  overflow: hidden;
  display: block;
}

.node-page-standard .field-items .choosit-paragraphs-item-bloc_video H3{
  text-align: left;
}

.choosit-paragraphs-item-bloc_video .wrapper_visuel{
  position: absolute;
  float: left;
  width: 50%;
  height: 100%;
}

.choosit-paragraphs-item-bloc_video .wrapper_visuel a{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.choosit-paragraphs-item-bloc_video .wrapper_visuel .icon-play{
  position: relative;
  left: 50%;
  top: 50%;
  margin: -42.5px 0 0 -42.5px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-image: url(../images/icon_play.png);
  background-repeat: no-repeat;
  background-position: 60% center;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);
  transition: all .25s ease-in-out;
}

.choosit-paragraphs-item-bloc_video .wrapper_visuel:hover .icon-play{
  background-image: url(../images/icon_play_white.png);
  background-repeat: no-repeat;
  background-position: 60% center;
  background-color: rgb(55, 55, 55);
  background-color: rgba(55, 55, 55, 0.8);
}

.choosit-paragraphs-item-bloc_video .wrapper-texte{
  float: right;
  width: 50%;
}

.choosit-paragraphs-item-bloc_video .wrapper-texte H2{
  margin: 0 0 1.5% 0;
  text-align: left;
  background: transparent none;
}

.choosit-paragraphs-item-bloc_video .wrapper-texte .content-txt{
  /*float: left;*/
  max-width: 700px;
  margin: 6% auto 6% auto;
}

.bouton-video a.youtube{
  display: inline-block;
  margin: 3% 0 0 0;
  padding: 11px 30px 11px 30px;
  font: normal 12px/23px 'Oswald';
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  white-space:normal;
  border: none;
  border-radius: 0;
  transition: all .25s ease-in-out;

  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}

.bouton-video a:hover.youtube{
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 1);
}

/* ZONE TEXTE UNE COLONNE */

.choosit-paragraphs-item-bloc_1_colonne{
  line-height: 25px;
  text-align: center;
}

/* ZONE TEXTES DEUX COLONNES */

.choosit-paragraphs-item-bloc_2_colonnes .content{
  text-align: left;
}

.choosit-paragraphs-item-bloc_2_colonnes H3{
  margin-bottom: 4%;
  /*text-align: center;
  text-align:left;*/
}

.choosit-paragraphs-item-bloc_2_colonnes .texte-gauche{
  float: left;
  margin: 0 2% 0 0;
  width: 48%;
}

.choosit-paragraphs-item-bloc_2_colonnes .texte-droite{
  float: left;
  margin: 0 0 0 2%;
  width: 48%;
}

/* ZONE TEXTES TROIS COLONNES */

.choosit-paragraphs-item-bloc_3_colonnes .texte-gauche,
.choosit-paragraphs-item-bloc_3_colonnes .texte-milieu,
.choosit-paragraphs-item-bloc_3_colonnes .texte-droite{
  float: left;
  width: 32%;
  text-align: left;
}

.choosit-paragraphs-item-bloc_3_colonnes .texte-milieu{
  margin: 0 2%;
}

/* ZONE 1 COLONNE IMAGE BACKGROUND */

.choosit-paragraphs-item-bloc_1_colonne_image_bg{
  position: relative;
  font-size: 16px;
  line-height: 27px;
  color: #FFFFFF;
  background-size: cover;
  background-attachment: fixed !important;
}

.choosit-paragraphs-item-bloc_1_colonne_image_bg::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  opacity: 0.7;
  background-color: #000000;
}

.choosit-paragraphs-item-bloc_1_colonne_image_bg .content{
  position: relative;
  z-index: 2;
}

.choosit-paragraphs-item-bloc_1_colonne_image_bg H2{}

.choosit-paragraphs-item-bloc_1_colonne_image_bg H3{
}

.choosit-paragraphs-item-bloc_1_colonne_image_bg .texte{
  padding-left: 18%;
  padding-right: 18%;
  text-align: left;
}

/* ZONE TEXTE + IMAGE */

.choosit-paragraphs-item-bloc_2_colonnes_image{
  position: relative;
  min-height: 500px;
}

.choosit-paragraphs-item-bloc_2_colonnes_image .content{
  max-width: 100%;
}

.choosit-paragraphs-item-bloc_2_colonnes_image .texte{
  float: right;
  /*width: 45%;
  padding: 0 0 0 5%;*/
  width: 30%;
  padding: 0 10% 0 10%;
  text-align: left;
}

.choosit-paragraphs-item-bloc_2_colonnes_image.image__after .texte{
  float: left;
}

.choosit-paragraphs-item-bloc_2_colonnes_image .texte H2{
  margin-top: 0;
  margin-bottom: 3.5%;
  padding: 0;
  text-align: left;
  background-image: none;
}

.choosit-paragraphs-item-bloc_2_colonnes_image .texte H3{
  text-align: left;
}

.choosit-paragraphs-item-bloc_2_colonnes_image .visuel{
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.choosit-paragraphs-item-bloc_2_colonnes_image.image__after .visuel{
  left: auto;
  right: 0;
}

/* BLOC ACCORDEON */

.wrapper-accordion-tabs{
  display: inline-block;
  width: 100%;
  margin: 2% 0 0 0;
}

.wrapper-accordion-tabs ul.accordion-tabs{
  margin: 0;
  padding: 0;
}

.wrapper-accordion-tabs ul.accordion-tabs > li{
  cursor: pointer;
  margin: 0 0 1% 0;
  padding: 3% 6%;
  text-align: left;
  background-image: none;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

}

.bg-blanc .wrapper-accordion-tabs ul.accordion-tabs > li{
  background-image: none;
  background-color: rgb(245, 2450, 245);
  background-color: rgba(245, 245, 245, 1);

}

.wrapper-accordion-tabs ul.accordion-tabs li H3{
  position: relative;
  margin: 0 0 0 0;
  padding: 0 40px 0 0;
  font-family: 'Oswald';
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: transparent url(../images/barre_h_plusmoins.png) no-repeat right 9px;
}

.bg-blanc .wrapper-accordion-tabs ul.accordion-tabs li H3{
  background-image: url(../images/barre_h_plusmoins_black.png);
}

.wrapper-accordion-tabs ul.accordion-tabs li H3::after{
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  content:"";
  background: transparent url(../images/barre_v_plusmoins.png) no-repeat center center;
  transition: all .25s ease-in-out;
}

.bg-blanc .wrapper-accordion-tabs ul.accordion-tabs li H3::after{
  background-image: url(../images/barre_v_plusmoins_black.png);
}

.wrapper-accordion-tabs ul.accordion-tabs li.active H3::after{
  height: 0;
}

.wrapper-accordion-tabs ul.accordion-tabs li .accordion-tabs-text{
  margin: 2% 0 0 0;
  line-height: 25px;
}

/* GALLERY PHOTO */

.choosit-paragraphs-item-bloc_picture_gallery .owl-theme .owl-controls{
  margin-top: 3%;
}

.choosit-paragraphs-item-bloc_picture_gallery .owl-theme .owl-controls .owl-page span{
  width: 7px;
  height: 7px;
  border: 1px solid #000000;
  background: transparent none;
  border-radius: 50%;
}

.choosit-paragraphs-item-bloc_picture_gallery.bg-gris .owl-theme .owl-controls .owl-page span{
  border: 1px solid #FFFFFF;
}

.choosit-paragraphs-item-bloc_picture_gallery .owl-theme .owl-controls .owl-page span:hover,
.choosit-paragraphs-item-bloc_picture_gallery .owl-theme .owl-controls .owl-page.active span{
  background-color: #000000;
}

.choosit-paragraphs-item-bloc_picture_gallery.bg-gris .owl-theme .owl-controls .owl-page span:hover,
.choosit-paragraphs-item-bloc_picture_gallery.bg-gris .owl-theme .owl-controls .owl-page.active span{
  background-color: #ffffff;
}


/* =============================================================================
3- Menu & header
=========================================================================== */

#header {
  position: fixed;
  z-index: 150;
  height: 75px;
  top: 0;
  left: 0;
  width: 100%;
}
/* Debug */
/* #header::after {
  content: '';
  position: fixed;
  width: 1px;
  height: 100vh;
  top: 0;
  left: 50%;
  background: #f39;
  margin-left: -0.5px;
} */
/* End Debug */


#navigation .menu {
  text-align: center;
}
#navigation .menu .menu {
  text-align: left;
}
@media screen and (min-width: 640px) {
  #header .content,
  #header #navigation {
    height: 100%;
  }
}
#block-menu-block-1 {
  display: flex;
  height: 100%;
  align-items: center;
}
#block-menu-block-1 .menu-level-1 > .menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  #block-menu-block-1 .menu-level-1 > .menu {
    gap: 0px 8px;
  }
}
@media screen and (min-width: 1200px) {
  #block-menu-block-1 .menu-level-1 > .menu {
    gap: 0px 16px;
  }
}


.front #header .content{
  max-width: 100%;
  padding: 0;
  text-align: center;
}

.header__site-name{
  visibility: hidden;
}

#header a#logo {
  position: absolute;
  left: 52%;
  top: 0;
  z-index: 3;
  width: 100px;
  height: 70px;
  background: transparent url(../images/logo_focus_blanc.svg) no-repeat 50% 50%;
  background-size: contain;
  transform: translateX(-50%) translateY(20px);
}
/* Decalage du logo pour aller avec le menu centré */
@media screen and (min-width: 1024px) {
  body.i18n-fr #navigation .region-navigation { margin-left: -26px; }
  body.i18n-en #navigation .region-navigation { margin-left: 10px; }
  body.i18n-de #navigation .region-navigation { margin-left: -40px; }
  body.i18n-it #navigation .region-navigation { margin-left: -14px; }
  body.i18n-es #navigation .region-navigation { margin-left: -70px; }
}


#header a#logo img{
  display: none;
}

.header__name-and-slogan{
  display: none;
}

/* LANGUAGES */

.header-content{
  /* display: none; */
}


.fixed .header-content{
  /*opacity: 0;
  visibility: hidden;*/
}

.region-header {
  position: absolute;
  right: 3%;
  top: 0;
  transition: all .25s ease-in-out;
}

#block-locale-language {
  text-align: left;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 70px; /* <li> height */
  /* width: 124px; Fixed width to keep centered menu depending on chosen language */
  display: flex;
  align-items: center;
  font-size: 13px;
  /* font-weight: 700; */
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  /* letter-spacing: 0.04em; */
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  #navigation #block-locale-language {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1023px) {
  #block-locale-language {
    position: absolute;
    top: 0;
    right: 70px;
  }
}

/* #block-locale-language a.open-language-switcher{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  float: left;
  display: block;
  height: 24px;
  width: 30px;
  padding: 0 0 0 120px;
  background: transparent url(../images/arrow_bottom_mini_white_50.png) no-repeat 94% center;
} */

#block-locale-language .current-lang {
  height: 100%;
  display: flex;
  align-items: center;
}
#block-locale-language .current-lang:hover {
  cursor: pointer;
}
#block-locale-language .current-lang span {
  padding: 12px 8px 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}
#block-locale-language .current-lang span::after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(https://icongr.am/feather/chevron-down.svg?size=24&color=ffffff);
  background-size: contain;
  margin-left: 2px;
}



/* #block-locale-language ul li.active + li a { margin-top: 4px; }
#block-locale-language ul li.last-child a{ margin-bottom: 4px; } */

/* LIEN TOP */

#block-menu-block-3{
  float: right;
  margin: 0;
}

#block-menu-block-3 ul{
  margin: 0;
  padding: 0;
}
/* Clearfix */
#block-menu-block-3 ul:before,
#block-menu-block-3 ul:after{
  content: " "; /* 1 */
  display: table; /* 2 */
}
#block-menu-block-3 ul:after{
  clear: both;
}
#block-menu-block-3 ul li.menu__item.is-leaf{
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent none;
}
#block-menu-block-3 ul li{
  float: left;
  height: 34px;
}
#block-menu-block-3 ul li a {
  display: block;
  padding: 0 24px;
  font-size: 12px;
  line-height: 34px;
  color: #bdbdbd;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #333333;
}

#block-menu-block-3 ul li:last-child a {
  background-color: rgba(255,255,255,0.20);
  color: #ffffff;
}

#block-menu-block-3 ul li a:hover{
  color: #bdbdbd;
  text-decoration: none;
  background: #333333;
}

#block-menu-block-3 ul li#realite-augmentee a,
#block-menu-block-3 ul li.realite-augmentee a{

  padding-left: 41px;
  background-image: url(../images/icon_realite_augmentee_grey.svg);
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 20px 22px;
}

/* MENU HORIZONTAL */



/* Bouton menu responsive dépliant */
#trigger_menu {
  position:absolute;
  /*top:12%;*/
  top:70px;
  right:3%;
  outline: none;
  display:block;
  width:45px;
  height:30px;
  border: none;
  background: none;
}

.fixed #trigger_menu{
  top: 22px;
}

#trigger_menu i{
  position:relative;
  display:block;
  width:30px;
  height:3px;
  margin-top:-1px;
  background-color:#333333;
  font-size:0;
  transition:background-color .3s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.nav-open #trigger_menu i{
  height:0
}

#trigger_menu i::after,#trigger_menu i::before{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#333333;
  content:'';
  transition:transform .3s,background-color .3s;
}

.nav-open #trigger_menu i::after,
.nav-open #trigger_menu i::before{
  height:2px
}

#trigger_menu i::before{
  transform:translateY(-300%)
}

#trigger_menu i::after{
  transform:translateY(300%)
}

.nav-open #trigger_menu{
  position:fixed
}

.nav-open #trigger_menu i::before{
  transform:rotate(45deg) scaleX(1.5)
}

.nav-open #trigger_menu i::after{
  transform:rotate(-45deg) scaleX(1.5)
}

#trigger_menu{
  /*top:4.0625rem;
  width:auto;
  right:5%;
  left:auto;*/
}

#trigger_menu:hover i::before{
  transform:translateY(-400%)
}

#trigger_menu:hover i::after{
  transform:translateY(400%)
}

.nav-open #trigger_menu i::after,
.nav-open #trigger_menu i::before{
  background-color:#4a4f54
}

.nav-open #trigger_menu i::before{
  transform:rotate(45deg) scaleX(2)
}

.nav-open #trigger_menu i::after{
  transform:rotate(-45deg) scaleX(2)
}

/* Fin de Bouton menu responsive dépliant */

.region-navigation {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .region-navigation {
    width: 100%;
  }
}
#navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#navigation ul,
#navigation li {
  margin: 0;
  padding: 0;
  background: none;
}
#navigation .menu li {
  /* Reset Drupal CSS */
  float: none;
  padding: 0;
  background: none;
}

/* Dropdown */
@media screen and (min-width: 640px) {
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li.is-expanded {
    position: relative;
  }
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li.is-expanded a {
    display: flex;
    align-items: center;
  }
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li.is-expanded a::after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(https://icongr.am/feather/chevron-down.svg?size=24&color=ffffff);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 2px;
  }
}


/* Logo centré */
@media screen and (min-width: 640px) {
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(3) { margin-right: 60px; }
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(4) { margin-left: 60px; }
}
@media screen and (min-width: 1024px) {
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(3) { margin-right: 80px; }
  #navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(4) { margin-left: 80px; }
}


#navigation .block-menu-block .menu-block-wrapper > ul.menu > li.last{
  margin: 0;
}

#navigation .block-menu-block .menu-block-wrapper > ul.menu > li > a {
  display: block;
  padding: 30px 8px 27px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  /* letter-spacing: 0.04em; */
}


/* MEGA MENU */

#navigation .block-menu-block .menu-block-wrapper > ul.menu li .mega-menu-collections{
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  z-index: 3;
  width: 100%;
  text-align: center;
  background: #fff;
}

#navigation li.is-expanded > ul {
  position: absolute;
  top: 100%;
  margin-left: -8px;
  opacity: 0.001;
  transform-origin: 0% 0%;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.230,  1.000, 0.320, 1.000); /* easeOutQuint */
  transform: scaleY(0.8);
  pointer-events: none;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff;
  text-transform: none;
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0 12.5px 10px rgba(0, 0, 0, 0.035),
  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0 100px 80px rgba(0, 0, 0, 0.07)
  ;
}
#navigation li.is-expanded:hover > ul,
#navigation li.is-expanded > a:hover + ul {
  opacity: 0.999;
  transform: scaleY(1);
  pointer-events: all;
}
#navigation li.is-expanded > ul a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 13px;
  color: #000;
  transition: color 0.3s, background 0.3s;
  white-space: nowrap;
}
#navigation li.is-expanded > ul a:hover {
  color: rgba(0, 0, 0, 1);
  background: #f2f2f2;
}

.fixed #navigation .block-menu-block .menu-block-wrapper > ul.menu li .mega-menu-collections{
  /* 	top: 50px; */
}

.fixed #navigation .block-menu-block .menu-block-wrapper > ul.menu li:hover .mega-menu-collections{
  /* 	top: 70px; */
}

.mega-menu-collections .content-megamenu{
  display: inline-block;
  width: 100%;
  max-width: 1170px;
  margin: 0;
  padding: 50px 0 40px;
  font-size: 13px;
  line-height: 17px;
  color: #000000;
  text-align: left;
}

.mega-menu-collections .content-megamenu a{
  color: #000000;
  text-decoration: none;
}

.mega-menu-collections a.link-collections{
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 270px;
  height: 218px;
  margin: 0 3% 0 0;
  background: transparent url(../images/visuel_voir_modeles.jpg) no-repeat center center;
  background-size: cover;
}

.mega-menu-collections a.link-collections span{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 73%;
  padding: 18px 18% 18px 9%;
  font: normal 12px/14px 'Oswald';
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-image: url(../images/arrow_right_big_white.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);

  transition: all .25s ease-in-out;
}

.mega-menu-collections a:hover.link-collections span{
  background-color: rgba(0, 0, 0, 0.9);
}

.mega-menu-collections a.link-collections::after{
  position:absolute;
  top:0;
  left:0;
  opacity: 0;
  z-index: 3;
  content:'';
  width:100%;
  height:100%;
  transition:transform .3s,background-color .3s;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.05);
}

.mega-menu-collections a:hover.link-collections::after{
  opacity: 1;
}

.mega-menu-collections a.link-collections{
  float: left;
  width: 100%;
  max-width: 270px;
}

.mega-menu-collections span.categories{
  float: left;
  width: 100%;
  max-width: 270px;
  margin: 0 3% 0 0;
}

.mega-menu-collections span strong{
  display: block;
  margin: 19px 0 19px 0;
  font-family: 'Oswald';
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.mega-menu-collections span ul li{
  float: left;
  width: 100%;
  margin: 0 0 13px 0;
}

.mega-menu-collections span.categories ul li a{
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0 0 3px 0;
}

.mega-menu-collections span.categories ul li a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #000000;
  transform: translateX(-100%);
  transition: all .25s ease-in-out;
}

.mega-menu-collections span.categories ul li a:hover::after{
  transform: translateY(0px);
}

.mega-menu-collections span.energies{
  float: left;
  width: 100%;
  max-width: 170px;
  margin: 0 3% 0 0;
}

#navigation .menu .mega-menu-collections span.energies ul li{
  float: none;
  display: block;
  width: auto;
  height: 38px;
  margin: 0 0 15px 0;
  padding: 0;
}

#navigation .menu .mega-menu-collections span.energies ul li.energie-7{
  display: none;
}

#navigation .menu .mega-menu-collections span.energies ul li a:first-child{
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 29px;
  padding: 0 0 0 38px;
  line-height: 29px;
  background-position: 4px center;
  background-repeat: no-repeat;
  background-color: transparent;
}

#navigation .menu .mega-menu-collections span.energies ul li a:first-child:hover{
  padding: 0 0 0 43px;
  /*text-decoration: underline;*/
}

#navigation .menu .mega-menu-collections span.energies ul li.energie-5 a{
  background-image: url(../images/icon_mini_bois.png);
}

#navigation .menu .mega-menu-collections span.energies ul li.energie-6 a{
  background-image: url(../images/icon_mini_gaz.png);
}

#navigation .menu .mega-menu-collections span.energies ul li.energie-7 a{
  min-height: 34px;
  background-image: url(../images/icon_mini_bioethanol.png);
  background-position: 4px 5px;
}

.mega-menu-collections span.catalogue{
  float: left;
  width: 100%;
  max-width: 200px;
}

.mega-menu-collections span.catalogue a{
  float: left;
  display: block;
  width: 196px;
  height: 142px;
  margin: 10px 0 0 -16px;
  background: transparent url(../images/visuel_catalogue_focus.png) no-repeat left top;
}

.mega-menu-collections span.catalogue a:hover{
  transform: rotate(5deg)
}


/* FIL D'ARIANE */

.breadcrumb {
  max-width: 1170px;
  width: 100%;
  margin: auto;
  padding: 28px 0 28px 0;
  font-size: 11px;
  line-height: 14px;
  font-weight: 300;
  text-transform: uppercase;
  color: #999999;
}
/* Invisible on Produits */
/* // Fix for https://github.com/twbs/bootstrap/issues/25686 */
body.node-type-produit .breadcrumb {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.breadcrumb ol{
  width: 100%;
  margin: 0;
  padding: 0;
}

.breadcrumb ol li{
  margin: 0 7px 0 0;
  color: #FFFFFF;
}

.breadcrumb ol li a{
  margin: 0 7px 0 0;
  color: #999999;
  text-decoration: none;
}

.breadcrumb ol li a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

/* =============================================================================
4- Home content
=========================================================================== */

.front h2{
  margin: 0 0 43px 0;
  font-size: 31px;
  line-height: 35px;
  background: transparent none;
}

.front #main #content{
  text-align: center;
}

/*.front #main #content div div{
  text-align: left;
}*/

.front .content {
  padding: 40px 0 30px;
}
@media screen and (min-width: 1024px) {
  .front .content {
    padding: 80px 0 70px;
  }
}

.front .footer-arbo .content {
  padding: 0;
}

/* SLIDER ACCUEIL */

#masterslider{
  position: relative;
  height: calc(80vh - 120px);
  min-height: 500px;
  max-height: 700px;
}
@media screen and (max-width: 639px) {
  #masterslider{
    min-height: 400px;
    height: auto !important;
  }
}

div#masterslider.master-slider.ms-skin-default{
  overflow: visible !important;
}

.front .ms-slide .ms-slide-layers{
  left: 0 !important;
  max-width: 100% !important;
}

.front .ms-slide H2{
  margin: 0 0 3px 0;
  padding: 0 0 0;
  font-size: 65px;
  line-height: 69px;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  text-transform: none;
  text-shadow: 0 0 5px rgba(0,0,0,.35);
}

.front .ms-slide.title-small H2{
  font-size: 48px;
  line-height: 53px;
}

.front .ms-slide H3{
  margin: 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  color: #000000;
  text-transform: none;
  text-shadow: 0 0 5px rgba(0,0,0,.35);
}

.front .ms-slide H2 a,
.front .ms-slide H3 a{
  text-decoration: none;
}

.front .ms-slide.noir H2,
.front .ms-slide.noir H3,
.front .ms-slide.noir H2 a,
.front .ms-slide.noir H3 a{
  color: #000000;
}

.front .ms-slide.blanc H2,
.front .ms-slide.blanc H3,
.front .ms-slide.blanc H2 a,
.front .ms-slide.blanc H3 a{
  color: #FFFFFF;
}

.front .ms-slide.left-middle,
.front .ms-slide.left-up H2,
.front .ms-slide.left-middle H2,
.front .ms-slide.left-bottom H2,
.front .ms-slide.left-up H3,
.front .ms-slide.left-middle H3,
.front .ms-slide.left-bottom H3{
  text-align: left;
}

.front .ms-slide.right-middle,
.front .ms-slide.right-up H2,
.front .ms-slide.right-middle H2,
.front .ms-slide.right-bottom H2,
.front .ms-slide.right-up H3,
.front .ms-slide.right-middle H3,
.front .ms-slide.right-bottom H3{
  text-align: right;
}

.front .ms-slide .ms-layer{
  position: absolute;
}

.ms-slide.center-middle .ms-slide-bgcont,
.ms-slide.center-middle .ms-slide-bgvideocont{
  text-align: center;
}

.ms-slide.center-middle .ms-slide-bgvideocont .ms-slide-bgvideo{
  position: relative;
}

.ms-slide .ms-slide-bgvideo{
  left: 0;
}

.front .ms-slide.left-middle .ms-layer,
.front .ms-slide.center-middle .ms-layer,
.front .ms-slide.right-middle .ms-layer{
  position: absolute;
  display: inline-block;
  left: 0 !important;
  top: 45% !important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);

  transition-duration: 0ms !important;
}

.front .ms-slide.left-up .ms-layer,
.front .ms-slide.left-middle .ms-layer,
.front .ms-slide.left-bottom .ms-layer{
  left: 15% !important;
  text-align: left;
}

.front .ms-slide.center-up .ms-layer,
.front .ms-slide.center-middle .ms-layer,
.front .ms-slide.center-bottom .ms-layer{
  /*top:  auto !important;*/
  left: auto;
  right: auto;
  width: 100%;
  margin: auto;
  text-align: center;
}

.front .ms-slide.right-up .ms-layer,
.front .ms-slide.right-middle .ms-layer,
.front .ms-slide.right-bottom .ms-layer{
  left: auto !important;
  right: 15% !important;
  text-align: right;
}



.front .ms-slide.left-up .ms-layer,
.front .ms-slide.center-up .ms-layer,
.front .ms-slide.right-up .ms-layer{
  top: 11% !important;
}

.front .ms-slide.left-bottom .ms-layer,
.front .ms-slide.center-bottom .ms-layer,
.front .ms-slide.right-bottom .ms-layer{
  bottom: 16% !important;
}

/* CONTROLS SLIDER ACCUEIL */

.ms-inner-controls-cont{
  position: initial !important;
}

#masterslider .ms-bullets .ms-bullets-count .ms-bullet{
  position: relative;
  width: 33px;
  padding: 10px 0 10px;
  background: transparent none;
}

#masterslider .ms-bullets .ms-bullets-count .ms-bullet::before{
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  opacity: 0.2;
  display: block;
  width: 33px;
  height: 3px;
  background: #FFFFFF none;
  transition: opacity .2s;
}

#masterslider .ms-bullets .ms-bullets-count .ms-bullet:hover::before,
#masterslider .ms-bullets .ms-bullets-count .ms-bullet.ms-bullet-selected::before{
  opacity: 1;
}

div#masterslider.master-slider.ms-skin-default{
  overflow: hidden;
}

#masterslider.ms-skin-default .ms-nav-next,
#masterslider.ms-skin-default .ms-nav-prev {
  opacity: 0;
}

#masterslider.ms-skin-default:hover .ms-nav-next,
#masterslider.ms-skin-default:hover .ms-nav-prev {
  opacity: 1;
}

.ms-skin-default .ms-nav-next{
  right: 2%;
}

.ms-skin-default .ms-nav-prev{
  left: 2%;
}

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev{
  width: 27px;
  height: 51px;
  background-image: url(../images/arrow_left_bigbig_white.png);
  background-position: left top;
  background-size: 27px 51px;
}

.ms-skin-default .ms-nav-next{
  background-image: url(../images/arrow_right_bigbig_white.png);
  background-position: left top;
  background-size: 27px 51px;
}

.ms-timerbar .ms-time-bar{
  background-color: #000000 !important;
}

/* Bouton entrer dans l'univers focus */

.enter-collections{
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 3;
  width: 100%;
  text-align: center;
}

.enter-collections a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: auto;
  padding: 1.7% 2% 1.8% 2%;
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  background-image: url(../images/arrow_bottom_mini_white_50.png);
  background-position: center 85%;
  background-repeat: no-repeat;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);

}

.enter-collections a:hover{
  background-color: rgba(0, 0, 0, 0.9);
  background-position: center 130%;

}

.enter-collections a::after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  /*border-top: 5px solid #333333;*/
  transform: translateX(-100%);
  transition: all .25s ease-in-out;
}

.enter-collections a:hover::after{
  transform: translateY(0px);
}

/* COLLECTIONS ACCUEIL */

.home-collections{
  background: #FFFFFF;
}

.home-collections .content{
  max-width: 1304px;
  padding-bottom: 2.2%;
}

.home-collections .view-taxos .owl-item{
  float: left;
  overflow: hidden;
  transition: all .25s ease-in-out;
}

.home-collections .view-taxos .owl-item .views-row{
  margin: 0 5.1% 0 5.1%;
  font: normal 13px/18px 'Oswald';
  color: #000000;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.home-collections .view-taxos .owl-item .views-row .views-field-field-visuel{
  float: left;
  overflow: hidden;
  margin: 0 0 7.3% 0;
}

.home-collections .view-taxos .owl-item .views-row .views-field-field-visuel .field-content,
.home-collections .view-taxos .owl-item .views-row .views-field-field-visuel a{
  float: left;
  display: inline-block;
}

.home-collections .view-taxos .owl-item .views-row .views-field-field-visuel a{
  position: relative;
  z-index: 2;
}

.home-collections .view-taxos .owl-item .views-row .views-field-field-visuel img{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
}

.home-collections .view-taxos .owl-item .views-row:hover .views-field-field-visuel img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.home-collections .view-taxos .views-row .views-field-name-field-et a{
  color: #000000;
  text-decoration: none;
}

.home-collections .view-taxos .owl-buttons .owl-prev,
.home-collections .view-taxos .owl-buttons .owl-next{
  position:absolute;
  top:35%;
  opacity: 1;
  display: block;
  width: 27px;
  height: 51px;
  margin: 0;
  padding: 0;
  text-indent: -4000px;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.home-collections .view-taxos .owl-buttons .owl-prev{
  left: -77px;
  background-image: url(../images/arrow_left_bigbig_black.png);
}

.home-collections .view-taxos .owl-buttons .owl-next{
  right: -77px;
  background-image: url(../images/arrow_right_bigbig_black.png);
}

/* ENERGIES ACCUEIL */

.home-energies{
  background: #FFFFFF;
}

.home-energies .content{
  padding: 0 0 3% 0;
}

.front .home-energies H2{
  padding: 0 0 22px 0;
  font-size: 21px;
  line-height: 25px;
  background: transparent url(../images/divider_mini_black.png) no-repeat center bottom;
}

.home-energies .view-taxos .item-list{
  float: none;
  margin: 0;
  text-align: center;
}

.home-energies .view-taxos ul{
  display: inline-block;
  margin: auto;
  padding: 0;
}

.home-energies .view-taxos ul li{
  float: left;
  margin: 0 19px;
  padding: 0;
  background: transparent none;
}

.home-energies .view-taxos .views-field-field-picto-noir{
  float: left;
  width: 50px;
  text-align: center;
}

.home-energies .view-taxos .views-field-field-picto-noir img{
  display: inline-block;
}

.home-energies .view-taxos .views-field-name-field-et{
  float: left;
  padding: 9px 0 0 0;
  font: normal 16px/19px 'Oswald';
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.home-energies .view-taxos .views-field-name-field-et a{
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0 0 5px 0;
  color: #000000;
  text-decoration: none;
}

.home-energies .view-taxos .views-field-name-field-et a::after{
  position:absolute;
  bottom:0;
  left:0;
  content:'';
  width:100%;
  height:100%;
  border-bottom: 3px solid #000000;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition:transform .3s,background-color .3s;
  -webkit-transition:-webkit-transform .3s,background-color .3s;
  -moz-transition:-moz-transform .3s,background-color .3s;
  -ms-transition:-ms-transform .3s,background-color .3s;
  -o-transition:-o-transform .3s,background-color .3s;
}

.home-energies .view-taxos li:hover .views-field-name-field-et a::after{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

/* NEWS ACCUEIL */

.home-news{
  text-align: center;
  background: #eeeeee;
}

.front #main #content .home-news .content{
  text-align: center;
}

.home-news .view-news .views-row{
  position: relative;
  float: left;
  overflow: hidden;
  width: 31.33%;
  margin: 0 0 0 3%;
  text-align: left;
  background: #FFF;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.home-news .view-news .views-row > span{
  display: block;
  overflow: hidden;
  min-height: 470px;
}

.home-news .view-news .views-row > span:hover{
  color: #FFFFFF;
  background: #666666;
}

.home-news .view-news .views-row > span.no-hover:hover{
  color: #000000;
  background: transparent;
}

.home-news .view-news .views-row:first-child{
  margin: 0;
}

.home-news .view-news .views-row .views-field-field-medias-et{
  position: relative;
  float: left;
  display: inline-block;
  overflow: hidden;
}

.home-news .view-news .views-row .views-field-field-medias-et div,
.home-news .view-news .views-row .views-field-field-medias-et div a{
  float: left;
  display: inline-block;
}

.home-news .view-news .views-row .views-field-field-medias-et img{
  float: left;
  height: 100%;
  transition: all 300ms ease-in-out 0s;
  width: 100%;
}

.home-news .view-news .views-row:hover span.no-hover .views-field-field-medias-et img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.home-news .view-news .views-row:hover .views-field-field-medias-et img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.home-news .view-news .views-row .views-field-nothing{
  float: left;
  padding: 6% 8% 16%;
}

.home-news .view-news .views-row .theme{
  display: block;
  margin: 0 0 14px 0;
  font: normal 13px/15px 'Oswald';
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.home-news .view-news .views-row:hover span.no-hover .theme{
  color: #000000;
}

.home-news .view-news .views-row:hover .theme{
  color: #FFFFFF;
}

.home-news .view-news .views-row .titre{
  display: block;
  margin: 0 0 11px 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  color: #000000;
}

.home-news .view-news .views-row:hover span.no-hover .titre{
  color: #000000;
}

.home-news .view-news .views-row .titre a{
  text-decoration: none;
  color: #000000;
}

.home-news .view-news .views-row:hover .titre,
.home-news .view-news .views-row:hover .resume,
.home-news .view-news .views-row:hover .titre a{
  color: #FFFFFF;
}

.home-news .view-news .views-row .resume{
  font-size: 15px;
  line-height: 25px;
  color: #000000;
}

.views-field-view-node a{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.views-field-view-node a span.lien{
  position: absolute;
  right: 5.6%;
  bottom: 4%;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -4000px;
  background: transparent url(../images/icon_plus_black.png) no-repeat left top;
}

.views-row:hover .views-field-view-node a span.lien{
  background-image: url(../images/icon_plus_white.png);
}

.home-news a.see-all{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 25px auto 0;
  padding: 13px 3% 13px;
  font: normal 12px/15px 'Oswald';
  color: #000000;
  letter-spacing: 0.2em;
  text-decoration: none;
  text-transform: uppercase;
  background: #FFFFFF none;
}

.home-news a:hover.see-all{
  color: #FFFFFF;
  background-color: #666666;
}

.home-news a.see-all::after{
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  /*border-top: 4px solid #555555;*/
  transform: translateX(-101%);
  -webkit-transform: translateX(-101%);
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -o-transform: translateX(-101%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.home-news a:hover.see-all::after{
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}

/* FOCUS */

.discover-focus{
  position: relative;
  z-index: 1;
}

.discover-focus .content{
  color: #FFFFFF;
  text-align: center;
}

.discover-focus H2{
  margin: 0 0 0 0;
  color: #FFFFFF;
}

.discover-focus .content .description{
  margin: 0 0 0 0;
  padding: 0 15% 0 15%;
  line-height: 25px;
  font-size: 15px;
}

/* 3 blocs de mise en avant de page dans FOCUS */

.discover-focus .view-pages{
  display: inline-block;
  width: 100%;
  margin: 42px 0 3% 0;
}

.discover-focus .view-pages .views-row{
  position: relative;
  float: left;
  overflow: hidden;
  width: 33.333%;
  margin: 0;
}

.discover-focus .view-pages .views-row .views-field-field-visuel{
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 270px;
}

.discover-focus .view-pages .views-row .views-field-field-visuel .field-content{
  position: relative;
}

.discover-focus .view-pages .views-row .views-field-field-visuel .field-content a::after{
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 3;
  width: 100%;
  height: 100%;
  transition: all .25s ease-in-out;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.55);
}

.discover-focus .view-pages .views-row:hover .views-field-field-visuel .field-content a::after{
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.35);
}

.discover-focus .view-pages .views-row .views-field-field-visuel .field-content a,
.discover-focus .view-pages .views-row .views-field-field-visuel .field-content a img{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  transform: scale(1);
  transition: all .25s ease-in-out;
}


.discover-focus .view-pages .views-row:hover .views-field-field-visuel .field-content a img{
  transform: scale(1.1);
}

.discover-focus .view-pages .views-row .views-field-field-page-resume{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  width: 64%;
  height: 100%;
  padding: 0 18%;
  text-align: center;
}

.discover-focus .view-pages .views-row .views-field-field-page-resume .field-content{
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: auto;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
}

.discover-focus .views-row .views-field-view-node a{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -4000px;
}

/* 2 blocs Focus*/

.discover-focus .two-blocks a{
  position: relative;
  float: left;
  overflow: hidden;
  width: 49%;
  height: 120px;
  text-align: left;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}

.discover-focus .two-blocks a::after{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  transform: translateX(-100%);
  transition: all .25s ease-out;
}

.discover-focus .two-blocks a:hover::after{
  transform: translateX(0%);
}

.discover-focus .two-blocks a.left{
  margin-right: 2%;
}

.discover-focus .two-blocks a span.icon{
  position: relative;
  z-index: 2;
  float: left;
  width: 35%;
  height: 120px;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .25s ease-in-out;
}

.discover-focus .two-blocks a:hover span.icon{
  background-color: transparent;
}

.discover-focus .two-blocks a.left span.icon{
  background-image: url(../images/icon_cheminee_texture.png);
  background-position: center -50px;
}

.discover-focus .two-blocks a.right span.icon{
  background-image: url(../images/icon_info_texture.png);
}

.discover-focus .two-blocks a span.txt{
  position: relative;
  z-index: 3;
  float: left;
  /*overflow: hidden;*/
  width: 57%;
  max-height: 63%;
  padding: 4.5% 3% 0 5%;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  color: #bdbdbd;
}

.discover-focus .two-blocks a span.txt .title{
  display: block;
  margin: 0 0 3% 0;
  font-size: 21px;
  font-weight: 300;
  line-height: 25px;
}

/* =============================================================================
5- Footer
=========================================================================== */

/* Newsletter */

.newsletter-block{
  text-align: center;
  background: #eeeeee;
}

.newsletter-block .content{
  padding-top: 22px;
  padding-bottom: 22px;
  color: #515151;
  text-align: center;
}

.newsletter-block .text-subscription{
  margin-right: 20px;
  font-size: 23px;
  font-weight: 300;
}

.newsletter-block .text-subscription .icon{
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 44px;
  margin: 4px 24px 0 0;
  color: #515151;
  background: transparent url(../images/icon_subscribe_newsletter.svg) no-repeat left top;
  background-size: 50px 44px;
}

.newsletter-block .btn{
  padding-left: 53px;
  padding-right: 53px;
  font-weight: 400;
  color: #000000;
  letter-spacing: 1.5px;
  background: #FFFFFF;
}

/* FOOTER 2 BLOCS */

.footer-2-blocks{
  position: relative;
  /*z-index: 1;*/
  padding: 2.5% 0 3% 0;
  border-bottom: 1px solid #333333;
}

.footer-2-blocks .content{
  overflow: hidden;
  /*width: 88%;
  min-height: 60px;
  padding: 0 3% 0 9%;*/
  width: 100%;
  min-height: 60px;
  padding: 0 0 0 0;
  text-align: left;
}

.footer-2-blocks a.left,
.footer-2-blocks a.center{
  float: left;
  width: 50%;
  padding: 0;
  color: #bdbdbd;
  text-decoration: none;
}

.page-actualites .footer-2-blocks a.left{
  display: none;
}

.page-actualites .footer-2-blocks a.right{
  /*width: 70%;*/
  /* si on décide de centrer le lien ...
  display: block;
  float: none;
  margin: auto;*/
}

.footer-2-blocks a:hover{
  color: #FFFFFF;
}

.footer-2-blocks a span.icon {
  opacity: 0.5;
  width: 60px;
  font: normal 50px/57px 'focus';
  color: #808080;
  text-align: center;
  text-indent:  -4000px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  transition: opacity .25s;
}

.footer-2-blocks a:hover span.icon{
  opacity: 1;
  color: #FFFFFF;
}

.footer-2-blocks a.left span.icon{
  background-image: url(../images/icon_news_white.svg);
  background-size: auto 45px;
  background-position: 40% center;
}

.footer-2-blocks a.center span.icon{
  background-image: url(../images/icon_realite_augmentee_3d.svg);
  background-size: auto 57px;
  background-position: 59% center;
}

.footer-2-blocks a.right span.icon{
  background-image: url(../images/icon_caddie_white.svg);
  background-size: auto 39px;
  background-position: 40% center;
}

.footer-2-blocks a span.txt{
  float: left;
  width: 74%;
  margin: auto;
  padding: 0 3% 0 0;
}

.footer-2-blocks a span.title{
  display: block;
  margin: 0 0 6px 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 29px;
}

.footer-2-blocks a span.sub-title{
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
}

/* MENU FOOTER - FOOTER ARBO*/

.footer-arbo {
  position: relative;
  /*z-index: 1;*/
  font-size: 12px;
  font-weight: 400;
  color: #a3a3a3;
  padding: 20px 0;
}

@media screen and (min-width: 640px) {
  .footer-arbo {
    padding: 50px 0 30px;
  }
}

.footer-arbo .content {
  text-align: left;
  display: block;
}

#blocs-liens-bottom {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #333333;
}
@media screen and (min-width: 640px) {
  #blocs-liens-bottom {
    padding-bottom: 30px;
  }
}

.footer-arbo H3{
  margin: 0 0 21px 0;
  font: normal 12px/15px 'Oswald';
  color: #a3a3a3;
  text-transform: uppercase;
  text-align: left;
}

.footer-arbo .collections{
  float: left;
  width: 31.5%;
  padding: 0 2.5% 0 0;
}

.footer-arbo .energies{
  float: left;
  width: 13%;
  padding: 0 2.5% 0 0;
}

.footer-arbo .arbo {
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 640px) {
  .footer-arbo .arbo {
    width: calc(55% - 60px);
    padding-right: 60px;
    margin-top: 0;
  }
}
.footer-arbo .block-menu-block {
  margin: 0;
}

.footer-arbo .socials {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .footer-arbo .socials {
    width: 20%;
    margin: 0;
  }
}

/* BLOCS LIENS BOTTOM */

.footer-arbo .collections .view-taxos,
.footer-arbo .collections .view-taxos .view-content,
.footer-arbo .collections .view-taxos .view-content .item-list{
  width: 100%;
}

.footer-arbo .item-list{
  margin: 0;
}

.footer-arbo li,
.footer-arbo .item-list li{
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 11px 0;
  background-image: none;
}

/*.footer-arbo .item-list li.views-row-3{
  display: none;
}*/

.footer-arbo .collections .item-list li{
  width: 50%;
  background-image: none;
}

.footer-arbo .energies .views-field-field-picto-noir{
  display: none;
}

.footer-arbo .arbo ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (min-width: 640px) {
  .footer-arbo .arbo ul{
    max-height: 320px;
  }
}
.footer-arbo .arbo ul li {
  list-style: none;
  background: none;
  padding: 0;
}
.footer-arbo .arbo ul li a {
  text-decoration: none;
  color: #a3a3a3;
  line-height: 20px;
  background-image: linear-gradient(90deg, #fff 50%, transparent 50%);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 200% 1px;
  transition: background-position 0.3s, color 0.3s;
}
.footer-arbo .arbo ul li a:hover {
  color: #fff;
  background-position: 0% 100%;
}
/* 1st level */
.footer-arbo .menu-name-menu-menu-footer > ul > li {
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .footer-arbo .menu-name-menu-menu-footer > ul > li {
    margin-bottom: 20px;
    width: 50%;
  }
  .footer-arbo .menu-name-menu-menu-footer > ul > li.is-expanded {
    margin-bottom: 40px;
  }
}
.footer-arbo .menu-name-menu-menu-footer > ul > li > a {
  display: inline-flex;
  font: normal 12px/20px 'Oswald', sans-serif;
  text-transform: uppercase;
  text-align: left;
}
/* 2nd level */
.footer-arbo .menu-name-menu-menu-footer > ul > li > ul {
  margin-top: 16px;
}
/* .footer-arbo li a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(-103%);
  transition: transform .25s ease-in-out;
} */

.footer-arbo li:hover a::after{
  transform: translateY(0px);
}

/* ARBO */

.footer-arbo .menu__item.is-leaf {
  background-image: none;
}

/* .footer-arbo .arbo li a{
  font-family: 'Oswald';
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
} */

/* ESPACES */

.footer-arbo .espaces {
  margin: 30px 0;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .footer-arbo .espaces {
    margin: 0;
    width: 25%;
  }
}

.footer-arbo .espaces a {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 20px 0;
  text-decoration: none;
}
@media screen and (min-width: 640px) {
  .footer-arbo .espaces a:first-child {
    margin-top: 0;
  }
}

.footer-arbo .espaces a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

.footer-arbo .espaces a span {
  transition: all .3s;
}

.footer-arbo .espaces a span.icon{
  opacity: 0.5;
  width: 60px;
  font: normal 42px/42px 'focus';
  color: #808080;
  text-indent: -4000px;
  background-repeat: no-repeat;
  background-color: transparent;
  display: none;
}

.footer-arbo .espaces a:hover span.icon{
  opacity: 1;
  color: #FFFFFF;
}


.footer-arbo .espaces a.espace-catalogue span.icon{
  background-image: url(../images/icon_catalogue_white.png);
  background-size: auto 34px;
  background-position: 3px top;
}

.footer-arbo .espaces a.espace-presse span.icon{
  background-image: url(../images/icon_espace_presse_white.svg);
  background-size: auto 42px;
  background-position: 7px top;
}

.footer-arbo .espaces a.espace-revendeur span.icon{
  background-image: url(../images/icon_espace_revendeur_white.svg);
  background-size: auto 42px;
  background-position: 7px top;
}

.footer-arbo .espaces a span.txt{
  font: normal 15px/18px 'Oswald';
  text-decoration: none;
  text-transform: uppercase;
  transform: translate3d(0,0,0);
  margin-bottom: 3px;
}

/* RESEAUX SOCIAUX */

.footer-arbo .socials a{
  position: relative;
  width: 50%;
  height: 66px;
  line-height: 66px;
  text-align: center;
  text-decoration: none;
}

.footer-arbo .socials a:hover{
  color: #FFFFFF;
}

.footer-arbo .socials a span{
  transition: all .3s;
}

.footer-arbo .socials a span.icon{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
  text-indent: -4400px;
  font: normal 31px/31px 'focus';
  background-repeat:  no-repeat;
  background-color: transparent;
}

.footer-arbo .socials a.fb span.icon{
  background-image: url(../images/icon_rs_facebook_white.svg);
  background-size: auto 31px;
  background-position: center center;
}

.footer-arbo .socials a.youtube span.icon{
  background-image: url(../images/icon_rs_youtube_white.svg);
  background-size: auto 31px;
  background-position: center center;
}

.footer-arbo .socials a.twitter span.icon{
  background-image: url(../images/icon_rs_twitter_white.svg);
  background-size: auto 26px;
  background-position: center center;
}

.footer-arbo .socials a.pinterest span.icon{
  background-image: url(../images/icon_rs_pinterest_white.svg);
  background-size: auto 31px;
  background-position: center center;
}

.footer-arbo .socials a.linkedin span.icon{
  background-image: url(../images/icon_rs_linkedin_white.svg);
  background-size: auto 31px;
  background-position: center center;
}
.footer-arbo .socials a.instagram span.icon{
  background-image: url(../images/icon_rs_instagram_white.svg);
  background-size: auto 31px;
  background-position: center center;
}

/*.footer-arbo .socials a.twitter span.icon,
.footer-arbo .socials a.pinterest span.icon{
  font-size: 29px;
}*/

.footer-arbo .socials a:hover span.icon{
  opacity: 1;
  transform: scale(1.2);
}

/* LIENS ML/credits + COPYRIGHT */
#liens-footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  #liens-footer {
    margin-top: 30px;
    flex-direction: row;
  }
}
#liens-footer #content-liens {
  font: normal 12px/15px 'Oswald';
  color: #a3a3a3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#liens-footer span.separator{
  margin: 0 10px 0 10px;
}

#liens-footer #content-liens a{
  position: relative;
  overflow: hidden;
  padding: 0 0 3px 0;
  color: #a3a3a3;
  text-decoration: none;
}

#liens-footer #content-liens a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

#liens-footer #content-liens a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(-100%);
  transition: all .25s ease-in-out;
}

#liens-footer #content-liens a:hover::after{
  transform: translateY(0px);
}

#liens-footer a#logo-choosit {
  opacity: 0.4;
  width: 60px;
  height: 15px;
  background: transparent url(../images/logo_choosit_mini_white.png) no-repeat left top;
}
@media screen and (min-width: 640px) {
  #liens-footer a#logo-choosit {
    margin-left: auto;
  }
}

#liens-footer a:hover#logo-choosit{
  opacity: 1;
}

/* FIN DE MENU FOOTER */

/* BLOC LIENS BOTTOM */

/* =============================================================================
9- Connexion - onglets - user login - Profil - Favoris
=========================================================================== */

.profile,
.profile h3 {
  color: #FFFFFF;
}

ul.tabs.primary{
  position: relative;
  z-index: 1;
  display: block;
  clear: both;
  float: left;
  clear:both;
  width: 100%;
  margin: 0 0 35px 0;
  padding: 0;

  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #ffffff), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(bottom, #ffffff 1px, transparent 1px);
  background-image: -moz-linear-gradient(bottom, #ffffff 1px, transparent 1px);
  background-image: -o-linear-gradient(bottom, #ffffff 1px, transparent 1px);
  background-image: linear-gradient(bottom, #ffffff 1px, transparent 1px);
  list-style: none;
  border-bottom: 1px solid #ffffff \0/ie;
}

ul.tabs.primary li{
  float: left;
  padding: 0;
  margin: 0 7px 0 0;
  position: relative;
  z-index: 10;
  margin-bottom: -1px;

  background: transparent none;
  border-color: transparent transparent #d3d3d3;
}

ul.tabs.primary li.is-active{
  background: #FFFFFF;
  background-image: none;
}

ul.tabs.primary li a{
  padding: 10px 1em;
  float: left;
  color: #000000;
  display: block;
  margin: 0;
  background-color: #d3d3d3;
  border-color: #D9D9D9;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  text-transform: uppercase;
}

ul.tabs.primary li a:hover{
  background: #FFFFFF;
}

ul.tabs.primary li a.active{
  color: #000000;
  background-color: #ffffff;
}

ul.tabs li.active a{
  border-style: solid solid none;
}

a.tabs-primary__tab-link:active,
a.tabs-primary__tab-link.is-active{
  background-image: none;
}

.tabs-primary__tab,
.tabs-primary__tab.is-active{
  text-shadow: none;
}



/* ----- PAGE CONNEXION USER LOGIN ----- */

form#user-login,
form.user-info-from-cookie{
  padding: 0 45px 22px 45px;
  margin: 0 0 0 0;
  overflow: hidden;
  text-align: center;
}

form#user-login > div,
form.user-info-from-cookie > div{
  max-width: 700px;
  margin: auto;
  text-align: left;
}

form#user-login label,
form.user-info-from-cookie label{
  float: left;
  margin: 0 30px 0 0;
  padding: 10px 0 0;
  width: 220px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: right;
}

form#user-login .form-item,
form.user-info-from-cookie .form-item{
  margin: 0 0 22px 0;
}

form#user-login div div,
form.user-info-from-cookie div div {
  width: 100%;
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

form#user-login input,
form.user-info-from-cookie input{
  float: left;
  width: calc(100% - 250px);
  padding: 0 65px 0 25px;
}

form#user-login input#edit-name,
form.user-info-from-cookie input#edit-name{
  background: #ffffff url(../images/icon_login.png) no-repeat 91% center;
}

form#user-login input#edit-pass,
form.user-info-from-cookie input#edit-pass{
  background: #FFFFFF url(../images/icon_password.png) no-repeat 91% center;
}

form#user-login .description,
form.user-info-from-cookie .description{
  max-width: 451px;
  padding: 4px 0 0 250px;
  font-size: 12px;
  color: #ffffff;
}

form#user-login input#edit-submit,
form.user-info-from-cookie input#edit-submit{
  float: left;
  width: auto;
  margin: 0 0 0 250px;
  padding: 11px 30px;
}

form#user-login a#lost_pwd,
form.user-info-from-cookie a#lost_pwd{
  font: 12px/17px 'DINLight';
  color: #5e4ec0;
  text-decoration: underline;
}

form#user-login a:hover#lost_pwd,
form.user-info-from-cookie a:hover#lost_pwd{
  text-decoration: none;
  color: #93C22F;
}



/* =============================================================================
10- Actualites
=========================================================================== */

/* Text before filter */

.page-actualites .view-header{
  max-width: 750px;
  margin: auto;
  padding: 0 1% 30px;
  font: normal 18px/22px 'Lato';
  font-weight: 400;
  color: #bdbdbd;
  text-align: center;
}

/* --- Filters ---*/

.page-views .view-filters,
.page-actualites .view-news .view-filters{
  margin: 0 1% 30px 1%;
  padding: 18px 4%;
  font-size: 13px;
  line-height: 15px;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
}

.page-views .view-filters{
  margin: 0 0 30px 0;
}

.page-views .view-empty{
  margin-bottom: 65px;
  color: #FFFFFF;
  text-align: center;
}

.page-actualites .view-news .view-filters .views-exposed-widgets{
  margin: 0;
}

.page-actualites .views-exposed-form .views-exposed-widget{
  padding: 0;
}

.page-actualites .views-exposed-form label,
.page-banque-images .views-exposed-form label{
  float: left;
  margin: 0 17px 0 0;
  padding: 12px 0 0 0;
}

.page-actualites .views-exposed-form .views-exposed-widgets{
  width: 100%;
}

.page-actualites .views-exposed-form .views-widget,
.page-banque-images .views-exposed-form .views-widget{
  float: left;
  /*min-width: 240px;*/
  margin: 0 10px 0 0;
}

.page-actualites .views-exposed-form .views-widget select{
  height: 38px;
}

.page-actualites .views-exposed-form .views-exposed-widget .form-submit{
  height: 38px;
  margin: 0;
  padding: 11px 15px 11px 15px;
  font-family: 'Oswald';
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  background: #FFFFFF none;
}

.page-actualites .views-exposed-form .views-exposed-widget .form-submit:hover{
  color: #FFFFFF;
  background-color: #000000;
}

/* LISTE ACTUALITES */

.view-news .view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.view-news .views-row{
  border:none;
  position: relative;
  overflow: hidden;
  width: 30%;
  margin: 0 1% 2%;
  color: #FFFFFF;
  text-align: left;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
  transition: all .25s ease-in-out;
}

.view-news .views-row:hover{
  color: #000000;
  background-color: rgba(255, 255, 255, 1);
}

.view-news .views-row:hover{
  color: #000000;
  background-color: rgba(255, 255, 255, 1);
}

.view-news .views-row .views-field-nothing-1{
  position: relative;
  display: inline-block;
}

.view-news .views-row .visu{
  position: relative;
  float: left;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  background: #4F4F4F;
}

.view-news .views-row .visu a{
  float: left;
  display: inline-block;
  width: 100%;
}

.view-news .views-row .visu img,
.view-news .views-row .visu a img{
  float: left;
  height: 100%;
  -moz-transition: all .25s ease-in-out 0s;
  -webkit-transition: all .25s ease-in-out 0s;
  -ms-transition: all .25s ease-in-out 0s;
  -o-transition: all .25s ease-in-out 0s;
  transition: all .25s ease-in-out 0s;
  width: 100%;
}

.view-news .views-row:hover .visu img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.view-news .views-row:hover .no-hover .visu img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.view-news .views-row .content-txt{
  float: left;
  padding: 6% 8% 16%;
}

.view-news .views-row .theme{
  display: block;
  margin: 0 0 14px 0;
  font: normal 13px/15px 'Oswald';
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  text-transform: uppercase;

  transition: color .25s ease-in-out;
  -moz-transition: color .25s ease-in-out;
  -webkit-transition: color .25s ease-in-out;
  -ms-transition: color .25s ease-in-out;
  -o-transition: color .25s ease-in-out;
}

.view-news .views-row:hover .theme{
  color: #000000;
}

.view-news .views-row .titre{
  display: block;
  margin: 0 0 11px 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  color: #FFFFFF;
}

.view-news .views-row:hover .titre{
  color: #000000;
}

.view-news .views-row .titre a{
  text-decoration: none;
  color: #FFFFFF;
}

.view-news .views-row:hover .titre a{
  color: #000000;
}

.view-news .views-row .resume{
  font-size: 15px;
  line-height: 25px;
  /*transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;*/
}

.view-news .views-row .views-field-view-node a{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-indent: -4000px;
}

.view-news .views-row .views-field-view-node a .lien-plus{
  position: absolute;
  right: 5.6%;
  bottom: 4%;
  opacity: 0.5;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -4000px;
  background: transparent url(../images/icon_plus_white.png) no-repeat left top;
}

.view-news .views-row:hover .views-field-view-node a .lien-plus{
  opacity: 0.8;
  background-image: url(../images/icon_plus_black.png);
}

.view-news .views-row .has-video .visu::before{
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  content: '';
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-image: url(../images/icon_play.png);
  background-repeat: no-repeat;
  background-position: 60% center;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);

  transition: all .25s ease-in-out;
  transform: translate(-50%, -50%);
}

.view-news .views-row:hover .has-video .visu::before{
  background-image: url(../images/icon_play_white.png);
  background-repeat: no-repeat;
  background-position: 60% center;
  background-color: rgb(55, 55, 55);
  background-color: rgba(55, 55, 55, 0.8);

}

/*.view-news .views-row.masonry-item .lien-plus{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-indent: -4000px;
}

.view-news .views-row.masonry-item .lien-plus a{
  position: absolute;
  right: 5.6%;
  bottom: 4%;
  opacity: 0.5;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -4000px;
  background: transparent url(../images/icon_plus_white.png) no-repeat left top;
}

.view-news .views-row.masonry-item:hover .lien-plus a{
  opacity: 0.8;
  background-image: url(../images/icon_plus_black.png);
}*/

/* ------------------------------
========== PAGINATION ===========
--------------------------------*/

/* PAGINATION */

.item-list{
  float: left;
  /*width: 100%;*/
  display: block;
  clear: both;
  overflow: hidden;
  margin: 15px 0 0 0;
  padding: 0;
}

.item-list .pager {
  float: left;
  padding-left: 0;
  margin: 0;
  width: auto;
  text-align: center;
}

.item-list .pager li{
  width: auto;
  padding: 0;
  margin: 0 6px 10px 6px;
  background: transparent none;
  float: left;
  border: none;
}

.item-list .pager li.first{
  margin-left: 0;
}

.item-list .pager li a{
  float: left;
  display: inline-block;
  overflow: hidden;
  min-width: 16px;
  height: 28px;
  margin: 0;
  padding: 0 6px 0 6px;
  text-align: center;
  font: normal 14px/28px 'Cardo';
  font-weight: 300;
  color: #5e4ec0;
  border: 1px solid #ececec;
  background: transparent none;
}

.item-list .pager li a{text-decoration: none;}

.item-list .pager li.pager-current,
.item-list .pager li:hover a{
  float: left;
  display: inline-block;
  overflow: hidden;
  min-width: 28px;
  height: 28px;
  /*margin: 0 0 10px 0;*/
  margin:0;
  padding: 0 6px 0 6px;
  color: #ffffff;
  font: normal 14px/28px 'Cardo';
  font-weight: 300;
  text-align: center;
  padding: 0 !important;
  border: 1px solid #5e4ec0;
  background: #5e4ec0;
}

.item-list .pager li.pager-current{
  margin: 0 6px 10px 6px;
}

.item-list .pager li.pager-current{
  margin-left: 0;
}

.item-list .pager li.pager-next,
.item-list .pager li.pager-last,
.item-list .pager li.pager-previous,
.item-list .pager li.pager-first{
  margin: 0 3px 10px 3px;
}

.item-list .pager li.pager-next{
}

.item-list .pager li.pager-previous{
}

.item-list .pager li.pager-last{
  margin-right: 0px;
}

.item-list .pager li:hover a{}
.item-list .pager li.pager-next a,
.item-list .pager li.pager-last a,
.item-list .pager li.pager-previous a,
.item-list .pager li.pager-first a{
  text-indent: -9999px;
  padding: 0 10px;
  margin: 0 0 0 4px;
  width: 28px;
  height: 28px;
  display: block;
  border: 1px solid #ececec;
  background: transparent none;
  background-image: url(../images/arrow_long_mini_purple.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.item-list .pager li.pager-last a,
.item-list .pager li.pager-first a{
  padding: 0;
}

.item-list .pager li.pager-last a{
  padding: 0;
  background-image: url(../images/arrow_double_mini_right_purple.png);
}

.item-list .pager li.pager-previous a{
  background-image: url(../images/arrow_left_long_mini_purple.png);
}

.item-list .pager li.pager-first a{
  background-image: url(../images/arrow_double_mini_left_purple.png);
}

.item-list .pager li.pager-next:hover a,
.item-list .pager li.pager-previous:hover a{
  width: 48px;
}

.item-list .pager li.pager-next:hover a,
.item-list .pager li.pager-last:hover a,
.item-list .pager li.pager-previous:hover a,
.item-list .pager li.pager-first:hover a{
  opacity: 1;
  border: 1px solid #5e4ec0;
  background-color: #5e4ec0;
}

.item-list .pager li.pager-next:hover a{
  background-image: url(../images/arrow_long_mini_white.png);
}

.item-list .pager li.pager-last a:hover{
  padding: 0;
  background-image: url(../images/arrow_double_mini_right_white.png);
}

.item-list .pager li.pager-previous a:hover{
  background-image: url(../images/arrow_left_long_mini_white.png);
}

.item-list .pager li.pager-first a:hover{
  background-image: url(../images/arrow_double_mini_left_white.png);
}

/* PAGE ACTU DEV */

.not-front.node-type-news #content{
  text-align: center;
}

.node-type-news .breadcrumb{
  text-align: left;
}

.node-type-news H1{
  display: inline-block;
  margin-bottom: 0;
}

.node-type-news .node-news{
  position: relative;
}

.node-type-news .node-news .back-button a{
  position: absolute;
  left: 0;
  top: -12%;
  display: block;
  width: 18px;
  height: 13px;
  background: transparent url(../images/icon_back_to_list.png) no-repeat left top
}

.node-type-news .node-news .back-button a:hover{
  opacity: 0.5;
}

.node-type-news .node-news .controls-buttons{
  position: absolute;
  right: -10px;
  top: -12%;
}

.node-type-news .node-news .controls-buttons a.prev,
.node-type-news .node-news .controls-buttons a.next{
  float: left;
  display: block;
  margin: 0 0 0 14px;
  width: 30px;
  height: 17px;
  background: transparent url(../images/arrow_left_med_white.png) no-repeat center top;
}

.node-type-news .node-news .controls-buttons a.next{
  background-image: url(../images/arrow_right_med_white.png);
}

.node-type-news .node-news .controls-buttons a:hover.prev{
  background-position: left top;
}

.node-type-news .node-news .controls-buttons a:hover.next{
  background-position: right top;
}

.node-type-news .node-news .news-content{
  min-height: 368px;
  margin: 55px 0 0 0;
  padding: 4% 6% 4%;
  text-align: center;
  color: #000000;
  background: #FFFFFF none;
}

.node-type-news .node-news .news-content .content-news-dev{
  position: relative;
  max-width: 770px;
  margin: auto;
}

.node-type-news .node-news .news-content .content-news-dev .visuel{
  position: relative;
  margin: 0 0 30px 0;
}

.node-type-news .visuel .news-video-iframe{
  width: 100%;
}

.node-type-news .visuel .news-video-play{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-indent: -4000px;
}

.node-type-news .visuel .news-video-play::before{
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  margin: -42.5px 0 0 -42.5px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-image: url(../images/icon_play.png);
  background-repeat: no-repeat;
  background-position: 60% center;
  transition: all .25s ease-in-out;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);
}

.node-type-news .visuel:hover .news-video-play::before{
  background-image: url(../images/icon_play_white.png);
  background-repeat: no-repeat;
  background-position: 60% center;
  background-color: rgb(55, 55, 55);
  background-color: rgba(55, 55, 55, 0.8);

}

.node-type-news .news-content .field-name-field-date{
  position: absolute;
  left: -11%;
  top: 44px;
  float: left;
  width: 52px;
  font: normal 25px/30px 'Oswald';
  font-weight: 400;
  color: #000000;
  text-align: left;
  text-transform: uppercase;
}

.node-type-news .texts > img,
.node-type-news .galleria{
  margin: 0 auto 27px auto;
}

.node-type-news .galleria{
  display: block;
  clear: both;
}

.node-type-news .texts H2{
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 30px;
  line-height: 33px;
  text-align: left;
  text-transform: none;
  background: transparent none;
}

.node-type-news .field-name-field-news-theme{
  display: block;
  margin: 0 0 11px 0;
  font: normal 13px/15px 'Oswald';
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  text-align: left;
}

.node-type-news .field-name-body{
  line-height: 25px;
  text-align: left;
}

/* GALLERY PHOTOs News*/

.node-type-news .galleria-theme-azur .galleria-bar{
  height: 60px;
  background-color: #666666;
}

.galleria-theme-azur .galleria-fullscreen,
.galleria-theme-azur .galleria-play{
  width: 60px;
  height: 60px;
  outline: none;
  border-right: 1px solid #767676;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.galleria-theme-azur .galleria-play{
  background-image: url(../images/icon_play_gallery_white.png);
  background-position: center center;
}

.galleria-theme-azur .galleria-fullscreen{
  left: 61px;
  background-image: url(../images/icon_full_screen.png);
  background-position: center center;
}

.galleria-theme-azur.notouch .galleria-thumblink:hover, .galleria-theme-azur.touch .galleria-thumblink:active, .galleria-theme-azur .galleria-thumblink.open, .galleria-theme-azur.notouch .galleria-fullscreen:hover, .galleria-theme-azur.touch .galleria-fullscreen:active, .galleria-theme-azur.notouch .galleria-play:hover, .galleria-theme-azur.touch .galleria-play:active, .galleria-theme-azur.notouch .galleria-popout:hover, .galleria-theme-azur.touch .galleria-popout:active{
  background-color: #767676;
}

.galleria-theme-azur .galleria-thumbnails-container{
  top: 7px;
  right: 5px;
  left: 121px;
  height: 46px;
}

.galleria-theme-azur .galleria-stage{
  bottom: 60px;
}

.galleria-theme-azur .galleria-info-title{
  padding-right: 3%;
}

.galleria-theme-azur .galleria-info-text{
  text-align: left;
}

/*.galleria-theme-azur .galleria-thumbnails{
  height: 40px !important;
}

.galleria-theme-azur .galleria-thumbnails .galleria-image{
  margin: 0 5px 0 5px;
  border: none;
}

.galleria-theme-azur .galleria-thumbnails .galleria-image.active,
.galleria-theme-azur.notouch .galleria-thumbnails .galleria-image.active:hover{
  background: transparent none !important;
}

.galleria-theme-azur .galleria-thumbnails .galleria-image img{
  padding: 1px;
  border: 1px solid transparent;
}

.galleria-theme-azur .galleria-thumbnails .galleria-image:hover img,
.galleria-theme-azur .galleria-thumbnails .galleria-image.active img{
  border-color: #FFFFFF;
  background: transparent none;
}*/

/*.galleria-theme-azur .galleria-bar .galleria-image{
  width: 63px !important;
  height: 40px !important;
}

.galleria-theme-azur .galleria-bar .galleria-image img{
  width: auto !important;
  height: 40px !important;
}*/


/* =============================================================================
11- Contact
=========================================================================== */


/* =============================================================================
12- Admin
=========================================================================== */


/* =============================================================================
13- Plan du site
=========================================================================== */

/*------------------------------
========== PLAN DU SITE =========
--------------------------------*/

#site-map .site-map-box{
  float: left;
  display: block;
  width: 100%;
  margin: 0 0 30px 0;
}

.page-sitemap #site-map .site-map-box ul.site-map-menu{
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
}

.page-sitemap ul.site-map-menu li{
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  float: left;
  background: transparent none;
}

.page-sitemap ul.site-map-menu li a{
  font: normal 16px/19px 'Open Sans';
  font-weight: 400;
  color: #3a3845;
  padding: 0;
  margin: 5px 0 6px 0;
  padding: 0 0 3px 2%;
  width: 98%;
  display: block;
  float: left;
  clear: both;
  text-decoration: none;
  background: transparent url(../images/arrow_right_mini_purple.png) no-repeat left 5px;
  transition: background .10s ease-in-out;
  -moz-transition: background .10s ease-in-out;
  -webkit-transition: background .10s ease-in-out;
  -ms-transition: background .10s ease-in-out;
  -o-transition: background .10s ease-in-out;
}

.page-sitemap ul.site-map-menu li a:hover{
  color: #5e4ec0;
  text-decoration: none;
  background-position: 5px 5px;
}

.page-sitemap #site-map .site-map-box ul.site-map-menu ul{
  width: 97%;
  margin: 15px 0 10px 3%;
  float: left;
}

.page-sitemap ul.site-map-menu ul li{
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  background: transparent none;
  padding: 0 0 0 1px;
  margin: 0 0 0 0;
}

.page-sitemap ul.site-map-menu ul li a{
  font-size: 14px;
  line-height: 19px;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 9px 0 10px 7px;
  border-bottom: 1px solid #dfdfdf;
  background: #FFFFFF none;
  transition: background .25s ease-in-out;
}

.page-sitemap ul.site-map-menu ul li a:hover{
  color: #5e4ec0;
  background: #f6f6f6;
}

.page-sitemap #site-map .site-map-box ul.site-map-menu ul ul{
  margin: 15px 0 20px 3%;
}

#main-wrapper #main .region-content ul.site-map-menu ul ul li{
  padding: 0;
  margin: 0;
  display: block;
  border: none;
}

.page-sitemap ul.site-map-menu ul ul li a{
  font: normal 15px/18px 'AvenirMedium';
  -webkit-font-smoothing: antialiased;
  color: #5e4ec0;
  margin: 0;
  padding: 7px 0 7px 19px;
  border: none;
  background: #FFFFFF url(../img/arrow_mini_right_coul1.png) no-repeat 0px 10px;
}

.page-sitemap ul.site-map-menu ul ul li a:hover{
  color: #5e4ec0;
  background: #f6f6f6 url(../img/arrow_mini_right_coul1.png) no-repeat 3px 10px;
}

.page-sitemap ul.site-map-menu ul ul{
  margin: 15px 0 15px 20px;
  padding: 0;
}

.page-sitemap ul.site-map-menu ul ul ul li{
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  background: transparent none;
  padding: 0 0 3px 11px;
  margin: 0 0 5px 0;
}

.page-sitemap ul.site-map-menu ul ul ul li a{
  font: 12px/14px 'GothamBook';
  margin:0 0 12px;
  background-position: 0 11px;
}

.page-sitemap ul.site-map-menu ul ul ul{
  margin: 15px 0 0 20px;
  padding: 0;
}


/* =============================================================================
14- Historique
=========================================================================== */

.node-page-standard .field-items .choosit-paragraphs-item-bloc_timeline .content{
  max-width: 100%;
  padding: 0;
}

.choosit-paragraphs-item-bloc_timeline H2{}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline{
  background-color: #1d1d1d;
  padding:6% 0 4% 0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline ul{
  list-style:none;
  padding:0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-intro{
  text-align:center;
  margin:0 auto;
  width:100%;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content{
  /*min-height: 622px;*/
  background:transparent url(../images/background_timeline.png) no-repeat center 117px;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline #module_timeline_content{
  position: relative;
  max-width: 1170px;
  margin: auto;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .bloc-text-timeline H3.title{
  font-size: 25px;
  font-weight: 300;
  line-height: 29px;
  color: #FFFFFF;
  text-transform: none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .bloc-text-timeline .year{
  font-family: 'Oswald';
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  color: #FFFFFF;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .bloc-text-timeline .visuel{
  overflow: hidden;
  height: 230px;
  width: 230px;
  margin: 111px auto 54px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .bloc-text-timeline .text{
  max-width: 670px;
  margin: auto;
  margin-bottom: 60px;
}

/* NAVIGATION OWL CAROUSEL */

.pdv-list .owl-theme .owl-controls .owl-buttons div.owl-prev,
.pdv-list .owl-theme .owl-controls .owl-buttons div.owl-next,
.node-produit .owl-theme .owl-controls .owl-buttons div.owl-prev,
.node-produit .owl-theme .owl-controls .owl-buttons div.owl-next,
#module_timeline_content.owl-theme .owl-controls .owl-buttons div.owl-prev,
#module_timeline_content.owl-theme .owl-controls .owl-buttons div.owl-next{
  position: absolute;
  top: 270px;
  width: 27px;
  height: 51px;
  margin: 0;
  padding: 0;
  text-indent: -4000px;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  border-radius: 0;
  transition: all .25s ease-in-out;
}

.node-produit .owl-theme .owl-controls .owl-buttons div.owl-prev,
#module_timeline_content.owl-theme .owl-controls .owl-buttons div.owl-prev{
  left: 0;
  background-image: url(../images/arrow_left_bigbig_white.png);
}

.node-produit .owl-theme .owl-controls .owl-buttons div.owl-next,
#module_timeline_content.owl-theme .owl-controls .owl-buttons div.owl-next{
  right: 0;
  background-image: url(../images/arrow_right_bigbig_white.png);
}


/*
.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-intro:after,
.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-intro:before{
  content:" ";
  display:table;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-intro:after{
  clear:both
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates{
  margin:0;
  max-width:none;
  width:auto;
  margin-top:1.875rem;
  position:relative;
  z-index:12;
  text-align:center;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates:after,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates:before{
  content:" ";
  display:table;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates:after{
  clear:both;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates ul{
  margin:0;
  padding:0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-bar{
  position:absolute;
  width:100%;
  height:.125rem;
  bottom:.625rem;
  left:0;
  background-color:#badecb;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items{
  margin:0;
  list-style:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a{
  position:relative;
  z-index:1;
  display:block;
  padding:0 0 1.875rem;
  font: normal 24px/27px 'AvenirBook';
  color:#b4d7c3;
  text-decoration: none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a::before{
  content:"";
  position:absolute;
  bottom:.3rem;
  left:50%;
  width:1.2rem;
  height:1.2rem;
  margin-left:-.4375rem;
  margin-bottom: 1px;
  border-radius:50%;
  background-color:#fff;
  box-shadow:0 0 0 .2rem #e1f1e9;
  transition:box-shadow .3s,-webkit-transform .2s cubic-bezier(.175,.885,.435,1.485);
  transition:box-shadow .3s,transform .2s cubic-bezier(.175,.885,.435,1.485);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a::after{
  display:none;
  content:"";
  z-index:auto;
  position:absolute;
  top:auto;
  bottom:.4375rem;
  left:50%;
  right:auto;
  width:.5rem;
  height:.5rem;
  margin-left:-.25rem;
  border-radius:50%;
  background-color:#4dab79;
  -moz-transform:scale(0);
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0);
  transition:-webkit-transform .2s cubic-bezier(.175,.885,.435,1.485);
  transition:transform .2s cubic-bezier(.175,.885,.435,1.485);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a:hover{
  color:#4dab79;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a:hover::before{
  box-shadow:0 0 0 .2rem #4dab79;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a.active,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a.current{
  color:#4dab79;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a.active::before,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a.current::before{
  box-shadow:0 0 0 .2rem #4dab79;
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a.active::after,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items a.current::after{
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item{
  position:relative
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item::after{
  content:"";
  position:absolute;
  bottom:.625rem;
  left:-50%;
  width:100%;
  height:.2rem;
  background-color:#99cfb2;
  -moz-transform:scaleX(0);
  -o-transform:scaleX(0);
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  -ms-transform-origin:0 50%;
  transform-origin:0 50%;
  transition:-webkit-transform .2s;
  transition:transform .2s;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item.current::after{
  -moz-transform:scaleX(1);
  -o-transform:scaleX(1);
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  transform:scaleX(1);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item:first-child::before{
  content:"";
  position:absolute;
  bottom:.625rem;
  right:100%;
  width:100%;
  height:.2rem;
  background-color:#99cfb2;
  -moz-transform:scaleX(10);
  -o-transform:scaleX(10);
  -webkit-transform:scaleX(10);
  -ms-transform:scaleX(10);
  transform:scaleX(10);
  -webkit-transform-origin:100% 50%;
  -ms-transform-origin:100% 50%;
  transform-origin:100% 50%;
  transition:-webkit-transform .2s;
  transition:transform .2s;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item li{
  margin: auto;
  padding: 0;
  background: transparent none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content-inner{
  margin:0 auto;
  max-width:75rem;
  width:100%;
  font-family:texta_regular,sans-serif;
  font-size:1rem;
  color:#4a4f54;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content-inner:after,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content-inner:before{
  content:" ";
  display:table;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content-inner:after{
  clear:both;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content-inner h3{
  font-family:calendas_plus_regular,serif;
  font-size:1.625rem;
  color:#4a4f54;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-content-inner hr::after{
  background-color:#dbeee4;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-dots{
  display:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .carouselOut{
  -webkit-animation:carouselOut .6s cubic-bezier(.77,0,.175,1);
  animation:carouselOut .6s cubic-bezier(.77,0,.175,1);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .carouselIn{
  -webkit-animation:carouselIn .6s cubic-bezier(.77,0,.175,1);
  animation:carouselIn .6s cubic-bezier(.77,0,.175,1);
}





.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .animated,.owl-carousel .animated,.view-les-vins .views-field-nothing .field-timeline-millesimes .animated{
  -webkit-animation-duration:1000ms;
  animation-duration:1000ms;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-animated-in,.owl-carousel .owl-animated-in,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-animated-in{
  z-index:0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-animated-out,.owl-carousel .owl-animated-out,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-animated-out{
  z-index:1;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .fadeOut,.owl-carousel .fadeOut,.view-les-vins .views-field-nothing .field-timeline-millesimes .fadeOut{
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}

.owl-height{
  transition:height 500ms ease-in-out;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items{
  display:none;
  width:100%;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:1;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-stage,.owl-carousel .owl-stage,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-stage{
  position:relative;
  -ms-touch-action:pan-Y;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-stage:after,.owl-carousel .owl-stage:after,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-stage:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-stage-outer,.owl-carousel .owl-stage-outer{
  position:relative;
  overflow:hidden;
  -webkit-transform:translate3d(0,0,0);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-controls{
  margin: 0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item,.owl-carousel .owl-item,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-item{
  position:relative;
  min-height:1px;
  float:left;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item img,.owl-carousel .owl-item img,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-item img{
  display:block;width:100%;
  -webkit-transform-style:preserve-3d;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-dots.disabled,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-nav.disabled,.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-dots.disabled,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-nav.disabled{
  display:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-dot,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-nav .owl-next,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-nav .owl-prev,.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-dot,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-nav .owl-next,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-nav .owl-prev{
  cursor:pointer;
  cursor:hand;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-loaded.field-timeline-dates-items,.owl-carousel.owl-loaded,.view-les-vins .views-field-nothing .owl-loaded.field-timeline-millesimes{
  display:block;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-loading.field-timeline-dates-items,.owl-carousel.owl-loading,.view-les-vins .views-field-nothing .owl-loading.field-timeline-millesimes{
  opacity:0;
  display:block;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-hidden.field-timeline-dates-items,.owl-carousel.owl-hidden,.view-les-vins .views-field-nothing .owl-hidden.field-timeline-millesimes{
  opacity:0;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-refresh.field-timeline-dates-items .owl-item,.owl-carousel.owl-refresh .owl-item,.view-les-vins .views-field-nothing .owl-refresh.field-timeline-millesimes .owl-item{
  display:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-drag.field-timeline-dates-items .owl-item,.owl-carousel.owl-drag .owl-item,.view-les-vins .views-field-nothing .owl-drag.field-timeline-millesimes .owl-item{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-grab.field-timeline-dates-items,.owl-carousel.owl-grab,.view-les-vins .views-field-nothing .owl-grab.field-timeline-millesimes{
  cursor:move;
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-rtl.field-timeline-dates-items,.owl-carousel.owl-rtl,.view-les-vins .views-field-nothing .owl-rtl.field-timeline-millesimes{
  direction:rtl;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .owl-rtl.field-timeline-dates-items .owl-item,.owl-carousel.owl-rtl .owl-item,.view-les-vins .views-field-nothing .owl-rtl.field-timeline-millesimes .owl-item{
  float:right;
}

.no-js .node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items,.no-js .owl-carousel,.no-js .view-les-vins .views-field-nothing .field-timeline-millesimes,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .no-js .field-timeline-dates-items,.view-les-vins .views-field-nothing .no-js .field-timeline-millesimes{
  display:block;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item .owl-lazy,.owl-carousel .owl-item .owl-lazy,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-item .owl-lazy{
  opacity:0;
  transition:opacity 400ms ease;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-item img,.owl-carousel .owl-item img,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-item img{
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-wrapper,.owl-carousel .owl-video-wrapper,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-wrapper{
  position:relative;
  height:100%;
  background:#000;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-play-icon,.owl-carousel .owl-video-play-icon,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-play-icon{
  position:absolute;
  height:80px;
  width:80px;
  left:50%;
  top:50%;
  margin-left:-40px;
  margin-top:-40px;
  background:url(/sites/all/themes/mas_daumas_gassac/build/css/owl.video.play.png) no-repeat;
  cursor:pointer;
  z-index:1;
  -webkit-backface-visibility:hidden;
  transition:scale 100ms ease;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-play-icon:hover,.owl-carousel .owl-video-play-icon:hover,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-play-icon:hover{
  transition:scale(1.3,1.3);
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-playing .owl-video-play-icon,.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-playing .owl-video-play-icon,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-playing .owl-video-tn{
  display:none;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-tn,
.owl-carousel .owl-video-tn,
.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-tn{
  opacity:0;
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  transition:opacity 400ms ease;
}

.node-type-page-standard .choosit-paragraphs-item-bloc_timeline .field-timeline-dates-items .owl-video-frame,
.owl-carousel .owl-video-frame,.view-les-vins .views-field-nothing .field-timeline-millesimes .owl-video-frame{
  position:relative;
  z-index:1;
  height:100%;
  width:100%;
}


#module_timeline_content .owl-stage .owl-item{
  overflow: hidden;
}

.owl-carousel.owl-text-select-on .owl-item .picture{
  float: left;
  margin: 0 5% 0 0;
  padding: 25px 25px;
  -o-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.owl-carousel.owl-text-select-on .owl-item .picture img{
  max-width: 450px;
  max-height: 350px;
  border: 8px solid #fff;
  box-shadow: -4px 8px 6px rgba(0,0,0,.13);
}

.owl-carousel.owl-text-select-on .owl-item .text{
  padding: 10% 0 0 0;
  font: normal 17px/25px 'AvenirBook';
  color: #666666;
}*/


/*@keyframes carouselOut{
  0%{
    opacity: 1;
    transform: translateX(0)
  }
  100%{
    opacity: 0;
    transform: translateX(-75%)
  }
}
@keyframes carouselIn{
  0%{
    opacity: 0;
    transform: translateX(75%)
  }
  100%{
    opacity: 1;
    transform: translateX(0)
  }
}

@-webkit-keyframes carouselOut{
  0%{
    opacity: 1;
    -webkit-transform: translateX(0)
  }
  100%{
    opacity: 0;
    -webkit-transform: translateX(-75%)
  }
}
@-webkit-keyframes carouselIn{
  0%{
    opacity: 0;
    -webkit-transform: translateX(75%)
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}*/


/* =============================================================================
15- Points de vente + réalisation dans le monde
=========================================================================== */

.not-front.page-points-de-vente #content,
.not-front.page-realisations #content{
  /*min-height: 700px;*/
}

.page-points-de-vente #content > H2{
  margin: 0;
  padding: 25px 0 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #FFFFFF;
  letter-spacing: 0.15em;
  background: transparent url(../images/divider_mini_white.png) no-repeat center top;
}

#points-vente-form{
  width: 92%;
  margin: 3% 0 0 0;
  padding: 18px 4% 16px;
  font-size: 13px;
  line-height: 15px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

}

#points-vente-form.full-height{
  margin: 3% 0 5% 0;
  padding: 4% 4%;
}

#points-vente-form > div{
  display: inline-block;
  /*max-width: 1170px;*/
  max-width: 805px;
  min-width: 805px;
  width: 100%;
  margin: auto;
}

#points-vente-form label{
  float: left;
  display: inline-block;
  margin: 0 17px 0 0;
  padding: 12px 0 0 0;
}

#points-vente-form .form-item{
  /*float: left;*/
  display: inline-block;
  margin: 0;
  text-align: left;
  vertical-align: top;
}

#points-vente-form .form-item .chosen-container{
  vertical-align: top;
}

#points-vente-form .form-item.form-type-select{
  margin: 0 0 0 0;
}

#points-vente-form .form-item.form-type-textfield{
  margin: 0 0 0 9%;
}

#points-vente-form .form-item input{
  width: 202px;
  height: 38px;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
}

#points-vente-form input.form-submit{
  /*float: left;*/
  height: 38px;
  margin-left: 15px;
  padding: 0 10px 0 10px;
  line-height: 38px;
  color: #FFFFFF;
  text-transform: uppercase;
  vertical-align: top;
  background: #000000;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
}

#points-vente-form input:hover.form-submit{
  background-color: #555555;
}

/* LISTE POINTS DE VENTE */

.pdv-list{
  display: block;
  overflow: hidden;
  margin: 3% 0 3% 0;
  text-align: left;
}

.pdv-list .row{
  overflow: hidden;
  max-width: 1170px;
  margin: auto;
  padding: 3% 0 3% 0;
  border-top: 1px solid #535353;
}

.pdv-list .row .left{
  position: absolute;
  float: left;
  width: 14.5%;
  margin: 0 3% 0 0;
}

.pdv-list .row .left img{
  max-width: 170px;
}

.pdv-list .row .middle{
  float: left;
  width: 31.5%;
  margin: 0 3% 0 0;
  padding: 0 0 0 17.5%;
  font-size: 13px;
  line-height: 20px;
  color: #FFFFFF;
}

.pdv-list .row .middle .city{
  margin: 0 0 14px 0;
  font: normal 13px/17px 'Oswald';
  font-weight: 400;
  color: #999999;
  text-transform: uppercase;
}

.pdv-list .row .middle .title{
  margin: 0 0 15px 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.pdv-list .row .middle .desc{
  display: block;
  margin: 0 0 22px 0;
}

.pdv-list .row .middle .links{
  display: block;
}

.pdv-list .row .middle .links a.access-map-link{
  position: relative;
  float: left;
  display: inline-block;
  overflow: hidden;
  clear: both;
  margin: 0 0 22px 0;
  padding: 0 0 3px 19px;
  font: normal 12px/15px 'Oswald';
  font-weight: 400;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  background: transparent url(../images/arrow_right_thin_mini_white.png) no-repeat left 1px;
}

.pdv-list .row .middle .links a.access-map-link::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(-100%);
  transition: all .25s ease-in-out;
}

.pdv-list .row .middle .links a:hover.access-map-link::after{
  left: 17px;
  transform: translateY(0px);
}

.pdv-list .row .middle .links a.estim-form-link{
  float: left;
  clear: both;
  padding: 10px 28px;
  font: normal 12px/15px 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.05em;
  background: #7f7f7f;
}

.pdv-list .row .middle .links a:hover.estim-form-link{
  background-color: #000000;
}

.pdv-list .row .right{
  position: relative;
  float: left;
  width: 48%;
  margin: 0;
}

.pdv-list .row .right .owl-carousel .owl-item{
  text-align: center;
}

/* CONTROLS SLIDE (points de vente) */
.pdv-list .owl-theme .owl-controls{
  margin: 0;
}
.pdv-list .owl-theme .owl-controls .owl-page span.owl-numbers{
  margin: 0;
  padding: 0;
  background: transparent none;
}

.pdv-list .owl-theme .owl-controls .owl-buttons div.owl-prev,
.pdv-list .owl-theme .owl-controls .owl-buttons div.owl-next{
  /*position: relative;
  left: auto;
  right: auto;
  top: auto;
  float: left;*/
  top: auto;
  width: 10px;
  height: 17px;
  margin-top: 22px;
}

.pdv-list .owl-theme .owl-controls .owl-buttons div.owl-prev{
  /*margin-left: 35%;*/
  -webkit-transform: translateX(-60px);
  transform: translateX(-60px);
  background-image: url(../images/arrow_left_med_white.png);
}

.pdv-list .owl-theme .owl-controls .owl-buttons div.owl-next{
  /*float: right;
  margin-right: 35%;*/
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
  background-image: url(../images/arrow_right_med_white.png);
}

.pdv-list .gallery-counter{
  text-align: center;
  margin: 20px 0;
  /*position: absolute;
  left: 50%;
  bottom: -3px;
  display: inline-block;*/
  /*width: 80px;*/
  /*width:auto;*/
  /*margin: 0 0 0 -40px;*/
  /*font-size: 13px;
  line-height: 17px;
  color: #FFFFFF;
  text-align: center;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);*/
}

.pdv-list .gallery-counter span{
  /*float: left;*/
  display: inline-block;
  height: 22px;
  padding: 0 2px 0 2px;
  line-height:22px;
  overflow:hidden;
}

.pdv-list .gallery-counter span.spe{
  display: inline-block;
  width: 11px;
  height: 22px;
  text-indent: -4000px;
  margin-left: 4px;
  background: transparent url(../images/icon_slash.png) no-repeat left top;
}

/* WEBFORM CONFIRMATION FORM */

.webform-confirmation > p{
  display: inline-block;
  color: #FFFFFF;
  width: 90%;
  padding: 17px 5% 0 5%;
  line-height: 26px;
  text-align: center;
}

.point-de-vente-webform-result{
  margin-top: 15px;
}

.point-de-vente-webform-result H3{
  margin-bottom: 25px;
  color: #FFFFFF;
  text-align: center;
}

.page-node-done .links{
  text-align: center;
}

.page-node-done .links a{
  position: relative;
  float:none;
  display: inline-block;
  cursor: pointer;
  width: auto;
  margin: auto;
  padding: 11px 30px 11px 30px;
  color: #bdbdbd;
  font: normal 13px/16px 'Oswald';
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border: none;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

  transition: all .25s ease-in-out;
}

.page-node-done .links a:hover{
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.7);

}

/* POPUP GMAP */

.gm-style .gm-style-iw{
  font: 400 normal 12px/18px 'Lato';
  color: #999999;
  height: auto;
  max-height: 235px;
}

.gm-style .gm-style-iw .title,
.gm-style .location .fn{
  display: block;
  margin: 0 0 5px 0;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.gm-style .location-hidden{
  display: none;
}

.gm-style .gm-style-iw .desc{
  display: block;
  margin: 0 0 15px 0;
}

.gm-style .gm-style-iw .link a{
  color: #000000;
  text-decoration: underline;
}

.gm-style .gm-style-iw .link a:hover{
  text-decoration: none;
}

.real-popup{
  height: 200px;
}

/* SOUMETTEZ VOTRE DEMANDE */

.container-pdv{
  display: block;
  overflow: hidden;
  max-width: 1170px;
  margin: 4% auto;
}

.container-pdv .no-result{
  margin: 0 0 2.7% 0;
  font-size: 21px;
  line-height: 25px;
  color: #FFFFFF;
}

.container-pdv .blocs-leftright{
  position: relative;
  overflow: hidden;
}

.container-pdv .pdv-left{
  /*position: absolute;*/
  position: relative;
  left: 0;
  top: 0;
  float: left;
  width: 42.5%;
  height: 90%;
  margin: 0 3% 0 0;
  padding: 5% 3%;
  line-height: 25px;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
}

.container-pdv .pdv-left H3{
  margin: 0 0 5.5% 0;
  text-align: left;
}

.container-pdv .pdv-left .text{
  font-size: 15px;
  line-height: 25px;
  text-align: left;
}

.container-pdv .pdv-left a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 17px auto 0;
  padding: 14px 26px;
  font: 400 normal 12px/14px 'Oswald';
  color: #FFFFFF;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  background: #7f7f7f;
}

.container-pdv .pdv-left a::after{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  border-top: 4px solid #555555;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.container-pdv .pdv-left a:hover::after{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.container-pdv .pdv-left a:hover{
  background-color: #666666;
}

.container-pdv .pdv-right{
  float: right;
  width: 42.5%;
  padding: 17% 3% 4% 3%;
  color: #FFFFFF;
  line-height: 25px;
  background: #616161 url(../images/visuel_decouvrez_nos_realisations.jpg) no-repeat left top;
  background-size: 100% auto;
}

.container-pdv .pdv-right a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 4% 0 0 0;
  padding: 0 0 3px 17px;
  font: 400 normal 12px/14px 'Oswald';
  color: #FFFFFF;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent url(../images/arrow_right_thin_mini_white.png) no-repeat left 1px;
}

.container-pdv .pdv-right a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.container-pdv .pdv-right a:hover::after{
  left: 17px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

/* SOUMETTEZ VOTRE DEMANDE / DEMANDE D'ESTIMATION */

.container-fullinfos{
  display: block;
  overflow: hidden;
  max-width: 970px;
  margin: 4% auto;
}

.pdv-full-infos{
  display: block;
  overflow: hidden;
  padding: 4% 7%;
  text-align: center;
  background: #FFFFFF;
}

.pdv-full-infos H3{
  margin: 0 0 5.5% 0;
  text-align: left;
}

.pdv-full-infos .bloc-left{
  float: left;
  width: 57%;
  margin: 0 6% 0 0;
  text-align: left;
  line-height: 25px;
  color: #000000;
}

.pdv-full-infos a{
  position: relative;
  float: right;
  display: inline-block;
  overflow: hidden;
  margin: 5% auto 0;
  padding: 14px 26px;
  font: 400 normal 12px/14px 'Oswald';
  color: #FFFFFF;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  background: #7f7f7f;
}

.pdv-full-infos a::after{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  border-top: 4px solid #555555;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.pdv-full-infos a:hover::after{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.pdv-full-infos a:hover{
  background-color: #666666;
}

/* PAGE REALISATIONS */

.page-realisations H1 + H2{
  margin: -31px 0 66px 0;
  padding: 27px 0 0 0;
  font-family: 'Lato', Arial;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  background: transparent url(../images/divider_mini_white.png) no-repeat center top;
}

.page-realisations .gmap-map{}

.page-realisations .gm-style .gm-style-iw{
  overflow: hidden !important;
  /*top: 0 !important;*/
  left: 8px !important;
  /*max-height: 114px !important;*/
  max-height: auto !important;
}

.page-realisations .gm-style .gm-style-iw .real-popup{
  /*max-height: 114px !important;*/
  height: auto !important;
  max-height: auto !important;
}

.page-realisations .gm-style .gm-style-iw > div > div{
  float: left;
  margin: 0;
}

/*.page-realisations .gm-style > div > div,
.page-realisations .gm-style > div > div > div,
.page-realisations .gm-style > div > div > div > div{
  max-height: 114px;
}

.page-realisations .real-popup{
  max-height: 114px;
}

.page-realisations .real-popup .image{
  float: left;
  width: 171px;
  height: 135px;
  margin: 0;
}*/

.page-realisations .real-popup .image{
  position: relative;
  float: left;
  /*width: 171px;*/
  width:auto;
  height: 114px;
}

.page-realisations .real-popup .image img{
  /*position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100% !important;*/
  max-height: 114px;
}

.page-realisations .real-popup .right{
  float: left;
  overflow: hidden;
  /*min-width: 300px;*/
  padding: 10px 12px 10px 12px;
}

.page-realisations .gm-style .gm-style-iw > div{
  float: left;
  overflow: hidden !important;
}

.page-realisations .gm-style .gm-style-iw .title{
  margin: 0 0 6px 0;
  font: normal 13px/17px 'Oswald';
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.05em;
}

.page-realisations .gm-style .gm-style-iw .desc{
  margin: 0 0 11px 0;
}

.mfp-bg{
  opacity: 0.9;
}

.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a{
  border: none;
}

.mfp-arrow.mfp-arrow-right{
  background: transparent url(../images/arrow_right_bigbig_white.png) no-repeat center center;
}

.mfp-arrow.mfp-arrow-left{
  background: transparent url(../images/arrow_left_bigbig_white.png) no-repeat center center;
}

.mfp-container{
  position: relative;
}

.mfp-content{
  position: initial;
}

.mfp-bottom-bar{
  margin-top: -26px;
}

.mfp-title{
  font: normal 13px/17px 'Lato';
  font-weight: 300;
  color: #FFFFFF;
}

.mfp-title strong{
  font: normal 15px/19px 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
}

.mfp-title strong::after{

}

.mfp-figure::after{
  position: relative;
  top: auto;
  right: auto;
}

.mfp-bottom-bar{
  position: relative;
}

.mfp-image-holder .mfp-close{
  position: absolute;
  top: 3%;
  right: 3%;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -4000px;
  color: transparent;
  cursor: pointer;
  /*background: transparent url(../images/icon_cross_big_big_white.png) no-repeat left top;*/
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.mfp-image-holder .mfp-close:hover{
  /*opacity: 0.7;
  background-color: #FFFFFF;*/
}

.mfp-image-holder .mfp-close::before,
.mfp-image-holder .mfp-close::after {
  position: absolute;
  display: block;
  content: '';
  cursor: pointer;
  height: 3px;
  width: 40px;
  background: white;
  border-radius: 1px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.mfp-image-holder .mfp-close::before {
  top: 19px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.mfp-image-holder .mfp-close::after {
  top: 19px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.mfp-image-holder .mfp-close:hover::before,
.mfp-image-holder .mfp-close:hover::after{
  /*background-color: #000000;*/
}

.mfp-image-holder .mfp-close:hover::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.mfp-image-holder .mfp-close:hover::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}


/* =============================================================================
16- PRESSE
=========================================================================== */

.page-espace-presse H1{
  padding: 0;
  background: transparent none;
}

.presse-menu-bar{
  /*height: 60px;*/
  margin: 4.5% 0 7% 0;
  text-align: center;
  background: #e1e1e1;
}

.presse-menu-bar ul{
  display: inline-block;
  margin: 0;
  padding: 0;
}

.presse-menu-bar ul li{
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  background-image: none;
}

.presse-menu-bar ul li a{
  display: block;
  height: 60px;
  padding: 0 23px;
  font: 400 normal 12px/60px 'Oswald';
  color: #000000;
  letter-spacing: 0.13em;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent none;
}

.presse-menu-bar ul li a:hover,
.presse-menu-bar ul li a.active{
  background-color: #FFFFFF;
}

/* LIENS PICTOS */

.presse-links{
  display: block;
  clear: both;
  margin: 0 0 7% 0;
  text-align: center;
}

.presse-links ul{
  display: block;
  margin: 0;
  padding: 0;
}

.presse-links ul li{
  float: none;
  display: inline-block;
  margin: 0 6%;
  padding: 0;
  font: 400 normal 15px/19px 'Oswald';
  text-transform: uppercase;
  background-image: none;
}

.presse-links ul li:first-child,
.presse-links ul li:last-child{
  margin: 0;
}

.presse-links ul li a{
  /*padding: 13px 0 15px 73px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;*/
  padding: 23px 30px 25px 93px;
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
  background-position: 20px center;
  background-repeat: no-repeat;
}

.presse-links ul li a:hover{
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

}

.presse-links ul li a.contact{
  display: none;
  background-image: url(../images/picto_contact_attache_presse_gris.png);
}

.presse-links ul li a.catalog,
.presse-links ul li a.book{
  background-image: url(../images/picto_telecharger_gris.png);
}

/* PAGE CONNEXION PRESSE */

.access-denied{
  display: block;
  overflow: hidden;
  text-align: center;
}

.access-denied H3{
  margin: 0 0 5% 0;
  font: 400 normal 21px/23px 'Oswald';
  color: #FFFFFF;
  text-transform: uppercase;
}

.access-denied .left,
.access-denied .right{
  float: left;
  width: 40.5%;
  min-height: 222px;
  padding: 4%;
  color: #FFFFFF;
  line-height: 25px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

}

.access-denied .left{
  margin: 0 3% 0 0;
}

.access-denied .right{
  margin: 0;
}

.access-denied .right .mdp a{
  float: right;
  margin: 4% 0 0 0;
  font-size: 12px;
  line-height: 15px;
  color: #999999;
  text-decoration: none;
}

.access-denied .right .mdp a:hover{
  color: #ffffff;
  text-decoration: none;
}

.access-denied .left a,
.access-denied .right input.form-submit{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8% auto 0;
  padding: 14px 26px;
  font: 400 normal 12px/14px 'Oswald';
  color: #FFFFFF;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);

}

.access-denied .right input.form-submit{
  margin: 3% 0 0 0;
}

.access-denied .left a::after,
.access-denied .right input.form-submit::after{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  border-top: 4px solid #111111;
  transform: translateX(-100%);
  transition: all .25s ease-in-out;
}

.access-denied .left a:hover::after,
.access-denied .right input:hover.form-submit::after{
  transform: translateX(0);
}

.access-denied .left a:hover,
.access-denied .right input:hover.form-submit{
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);

}

#choosit-login-form{
  margin: 4% 0 0 0;
}

#choosit-login-form label{
  display: none;
}

#choosit-login-form .form-item{
  float: left;
  width: 48%;
  margin: 0 1%;
}

#choosit-login-form .form-item input{
  font-size: 13px;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* VIEW PRESSE */

.page-espace-presse .view-presse{
  display: block;
  clear: both;
  overflow: hidden;
}

.page-espace-presse .view-presse H3{
  float: left;
  clear: both;
  display: inline-block;
  width: 25%;
  margin: 0 0 0 0;
  padding: 4px 0 0 0;
  font: normal 50px/55px 'Oswald';
  color: #999999;
}

.page-espace-presse .view-presse .views-row{
  position: relative;
  float: right;
  display: inline-block;
  overflow: hidden;
  width: 68%;
  margin: 0 0 10px 0;
  padding: 25px 3% 25px 3%;
  color: #FFFFFF;
  background-image: url("../images/barre_h_plusmoins.png");
  background-position: 95% 34px;
  background-repeat: no-repeat;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

  transition: all .25s ease-in-out;
}

.page-espace-presse .view-presse .views-row:hover{
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.page-espace-presse .view-presse .views-row.views-row-last{
  margin-bottom: 6%;
}

.page-espace-presse .view-presse .views-row::after {
  background: transparent url("../images/barre_v_plusmoins.png") no-repeat scroll center center;
  content: "";
  height: 20px;
  position: absolute;
  right: 4.88%;
  top: 25px;
  transition: all 0.25s ease-in-out 0s;
  width: 20px;
}

.page-espace-presse .view-presse .views-row.active::after {
  height: 0;
}

.page-espace-presse .view-presse .views-row .views-field-field-date-1{
  float: left;
  cursor: pointer;
  width: 13.5%;
  margin: 0 4% 0 0;
  padding: 0.5% 0 0 0;
  font: 400 normal 12px/15px 'Oswald';
  color: #999999;
  text-transform: uppercase;
  text-align: right;
}

.page-espace-presse .view-presse .views-row .views-field-title-field-et{
  position: relative;
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
  padding: 0 7% 0 0;
  font: 400 normal 17px/23px 'Oswald';
  color: #FFFFFF;
  text-transform: uppercase;
}

.page-espace-presse .view-presse .views-field-nothing-1{
  padding: 3% 7% 4% 17.5%;
  text-align: center;
}

.page-espace-presse .view-presse .views-field-nothing-1 img{
  margin-bottom: 22px;
}

.page-espace-presse .view-presse .body-presse{
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
}

.page-espace-presse .view-presse .link-download{
  display: block;
  text-align: left;
}

.page-espace-presse .view-presse .link-download a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 5% 0 0 0;
  padding: 3px 0 3px 40px;
  font: normal 15px/17px 'Oswald';
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent url(../images/icon_download_presse.png) no-repeat left top;
}

.page-espace-presse .view-presse .link-download a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.page-espace-presse .view-presse .link-download:hover a::after{
  left: 40px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}

/* VIEW IMAGES PRESSE */

.view-images{
  display: block;
  overflow: hidden;
}

.view-images .views-row{
  float: left;
  width: 23.5%;
  margin: 0 2% 20px 0;
  font-size: 11px;
  line-height: 15px;
  color: #FFFFFF;
  text-transform: uppercase;

  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);

}

.view-images .views-row:nth-child(4n){
  margin: 0;
}

.view-images .views-row:nth-child(4n+1){
  clear: left;
}

.view-images .views-row .content-txt{
  padding: 13px 21px 16px 21px;
}

.view-images .views-row .visuel{
  width: 100%;
}

.view-images .views-row .title{
  display: block;
  margin: 0 0 13px 0;
  font: 400 normal 15px/19px 'Oswald';
}

.view-images .views-row .title a{
  color: #FFFFFF;
  text-decoration: none;
}

.view-images .views-row .title a .field-content{
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0 0 3px 0;
}

.view-images .views-row .title a .field-content::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.view-images .views-row .title a:hover .field-content::after{
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.view-images .views-row .low-res,
.view-images .views-row .high-res{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #535353;
}

.view-images .views-row .low-res{
  border-top: 1px solid #535353;
}

.view-images .views-row .image-link{
  margin-top: 11px;
  font-weight: 600;
}

.view-images .views-row .name{
  flex: 1 1 45%;
  max-width: 45%;
  font-weight: 700;
  color: #ffff;
  text-align: left;
  letter-spacing: 0.3px;
}

.view-images .views-row .format{
  flex: 1 1;
  text-align: left;
  text-transform: lowercase;
}

.view-images .views-row .size{
  flex: 1 1;
  color:#999999;
  text-align: left;
  text-transform: uppercase;
}

.view-images .views-row .no-image{
  flex: 1 1;
  color:#999999;
  text-align: left;
  text-transform: none;
}

.view-images .views-row .link-download{
  flex: 0 0 13px;
  max-width: 13px;
  height: 16px;
  background: transparent url(../images/icon_download_mini.png) no-repeat left top;
}

.view-images .views-row a:hover.link-download{
  background-position: left 3px;
}

/*.page-banque-images .item-list{
  display: none;
} à ne pas remettre non commenté car non affichage liens pied de page*/

.view-images .view-content{
  text-align: center;
}

#views_infinite_scroll-ajax-loader{
  display: block;
  clear: both;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin: auto;
  padding-top: 30px;
  text-align: center;
  /*text-indent: -300%;
  background: transparent url(../images/throbber_focus.gif) no-repeat left top;*/
}

/*.page-banque-images .views-exposed-form label{
  float: left;
}

.page-banque-images .views-exposed-form .views-widget{
  float: left;
}*/

/* REVUES DE PRESSE */

.page-revue-presse .view-presse{
  overflow: hidden;
}

.page-revue-presse .view-presse .views-row{
  position: relative;
  float: right;
  display: inline-block;
  width: 69%;
  margin: 0 0 10px 0;
  padding: 25px 3% 25px 3%;
  color: #FFFFFF;
  background-image: url("../images/barre_h_plusmoins.png");
  background-position: 95% 34px;
  background-repeat: no-repeat;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

  transition: all .25s ease-in-out;
}

.page-revue-presse .view-presse .views-row:hover{
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);

}

.page-revue-presse .view-presse .views-row.views-row-last{
  margin-bottom: 6%;
}

.page-revue-presse .view-presse .views-row::after {
  background: transparent url("../images/barre_v_plusmoins.png") no-repeat scroll center center;
  content: "";
  height: 20px;
  position: absolute;
  right: 4.85%;
  top: 25px;
  transition: all 0.25s ease-in-out 0s;
  width: 20px;
}

.page-revue-presse .view-presse .views-row.active::after {
  height: 0;
}

.page-revue-presse .view-presse .views-field-field-visuel-1{
  position: absolute;
  left: -33.35%;
  top: 0;
  width: 33.25%;
  text-align: center;
}

.page-revue-presse .view-presse .views-field-field-visuel-1 img{
  width: 100%;
  max-width: 186px;
  margin: auto;
}

.page-revue-presse .view-presse .views-row .views-field-field-revue-pays-et{
  float: left;
  cursor: pointer;
  width: 13.5%;
  margin: 0 4% 0 0;
  padding: 0.5% 0 0 0;
  font: 400 normal 12px/15px 'Oswald';
  color: #999999;
  text-transform: uppercase;
  text-align: right;
}

.page-revue-presse .view-presse .views-row .views-field-title-field-et{
  position: relative;
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
  margin: 0 0 2% 0;
  padding: 0 7% 0 0;
  font: 400 normal 17px/23px 'Oswald';
  color: #FFFFFF;
  text-transform: uppercase;
}

.page-revue-presse .view-presse .views-row .views-field-field-resume-et{
  cursor: pointer;
  padding: 0 7% 0 17.5%;
  line-height: 21px;
}

.page-revue-presse .view-presse .views-field-nothing-1{
  padding: 3% 7% 4% 17.5%;
  text-align: left;
}

.page-revue-presse .view-presse .views-field-nothing-1 .visuel{
  display: block;
  width: 100%;
  text-align: center;
}

.page-revue-presse .view-presse .views-field-nothing-1 img{
  margin-bottom: 22px;
}

.page-revue-presse .view-presse .body-revue{
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
  text-align: left;
}

.page-revue-presse .view-presse .link-download{
  display: block;
  text-align: left;
}

.page-revue-presse .view-presse .link-download a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 5% 0 0 0;
  padding: 4px 0 4px 40px;
  font: normal 12px/15px 'Oswald';
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent url(../images/icon_download_presse.png) no-repeat left top;
}

.page-revue-presse .view-presse .link-download a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

.page-revue-presse .view-presse .link-download a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

.page-revue-presse .view-presse .link-download:hover a::after{
  left: 40px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}


/* =============================================================================
17- FORMULAIRE
=========================================================================== */

html.js fieldset.collapsed{
  height: auto !important;
}

.node-type-webform .node-webform{
  position: relative;
  color: #FFFFFF;
}

.node-webform .form-catalog-desc{
  width: 51%;
  margin: 0 0 0 26%;
}

.node-webform ul.links.inline{
  display: none;
}

.node-type-webform .field-name-body{
  /*position: absolute;
  left: 0;
  top: 0;*/
  float:left;
  width: 23%;
  margin: 0 3% 0 0;
  font-size: 15px;
  line-height: 25px;
}

.node-type-webform .field-name-body .field-label{
  display: none;
}

.node-type-webform .webform-client-form{
  float: left;
  width: 51%;
  /*margin: 0 0 0 26%;*/
  font: 400 normal 13px/20px 'Lato';
  color: #FFFFFF;
}

.node-type-webform .node-webform fieldset{
  min-width: 100%;
}

.node-type-webform .form-required{
  color: #bdbdbd;
}

.node-type-webform .fieldset-description{
  margin: 0 5% 22px 0;
}

.node-type-webform legend{
  display: block;
  width: 95%;
  margin: 0 5% 27px 0;
}

.node-type-webform fieldset .fieldset-wrapper{
  display: inline-block;
  width: 100%;
  margin: 0 0 9% 0;
}

.node-type-webform .form-item .description{
  font-size: 12px;
  line-height: 17px;
  color: #bdbdbd;
}

.node-type-webform .fieldset-legend,
html.js .node-type-webform .collapsible .fieldset-legend{
  display: block;
  padding: 15px 4%;
  font: normal 17px/25px 'Oswald';
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

}

html.js .node-type-webform .collapsible .fieldset-legend{
  position: relative;
  background: transparent url("../images/barre_h_plusmoins.png") no-repeat 95% 28px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

}

html.js .node-type-webform .collapsible .fieldset-legend::after {
  position: absolute;
  top: 19px;
  right: 4.86%;
  z-index: 1;
  content: "";
  width: 20px;
  height: 0;
  background: transparent url("../images/barre_v_plusmoins.png") no-repeat scroll center center;
  transition: all .25s ease-in-out;
}

html.js .node-type-webform .collapsible.collapsed .fieldset-legend::after{
  height: 20px;
}

.node-type-webform .fieldset-legend .summary{
  margin: 0;
}

.node-type-webform .fieldset-legend a{
  display: block;
  color: #FFFFFF;
  text-decoration: none;
}

.node-type-webform .collapsible .fieldset-legend a{
  position: relative;
  z-index: 2;
  padding: 0 33px 0 0;
}

.node-type-webform label,
#user-pass label{
  float: left;
  display: block;
  margin: 0 0 11px 0;
  padding: 0 5px 0 0;
  font: 700 normal 13px/16px 'Oswald';
  color: #bdbdbd;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.node-type-webform .node-webform .form-item{
  float: left;
  width: 45%;
  margin: 0 5% 19px 0;
}

.node-type-webform .node-webform .form-item.webform-component--modele-envisage{
  margin-bottom: 44px;
}

.node-type-webform .node-webform .form-item.alone,
.node-type-webform .node-webform .form-item.webform-component-textarea,
.node-type-webform .node-webform .form-item.webform-component-radios,
.node-type-webform .node-webform .form-item.webform-component-checkboxes,
.node-type-webform .node-webform .form-item.full,
.node-type-webform .node-webform .form-item.webform-component-display{
  width: 95%;
}

.node-type-webform .node-webform .form-item.webform-container-inline{
  width: 100%;
  margin: 0 0 13px 0;
}

.node-type-webform .node-webform .form-item.webform-component-display{
  color: #bdbdbd;
}

.node-type-webform .node-webform .form-item.alone{
  clear: both;
}

.node-type-webform .node-webform .form-item.alone input,
.node-type-webform .node-webform .form-item.alone .chosen-container,
.node-type-webform .node-webform .form-item.webform-component-file input.form-file{
  clear: left;
  float: left;
  width: 47.4%;
  margin: 0 13px 0 0;
}

.node-type-webform .node-webform .form-item.webform-component-file .description{
  margin-top: 5px;
}

.node-type-webform .node-webform .form-item.alone .chosen-container{
  width: 47.4% !important;
}

.node-type-webform .node-webform .form-item.alone .field-suffix{
  float: left;
  padding: 8px 0 0 0;
}

.node-type-webform .node-webform .form-item.webform-component-display H2,
.node-type-webform .node-webform .form-item.webform-component-display H3{
  margin: 3% 0 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
  color: #FFFFFF;
  text-transform: none;
  text-align: left;
  background: transparent none;
}

.node-type-webform .webform-container-inline label{
  float: left;
  width: 45%;
  margin: 0 5% 7px 0;
  padding: 10px 0 0 0;
}

.node-type-webform .webform-container-inline input{
  width: 45%;
  padding: 0 0 0 3%;
}

.node-type-webform .node-webform .form-radios,
.node-type-webform .node-webform .form-checkboxes{
  display: block;
  overflow: hidden;
  width: 100%;
}

.node-type-webform .node-webform .form-radios .form-item,
.node-type-webform .node-webform .form-checkboxes .form-item{
  display: inline-block;
  width: auto;
  margin: 0 5% 10px 0;
}

.node-type-webform .node-webform .form-radios label,
.node-type-webform .node-webform .form-checkboxes label{
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  font: 700 normal 13px/17px 'Lato';
  color: #FFFFFF;
  letter-spacing: 0;
  text-transform: none;
}

.icheckbox_minimal,
.iradio_minimal{
  float: left;
}

.icheckbox_minimal,
.iradio_minimal,
.icheckbox_minimal-blue,
.iradio_minimal-blue,
.form-checkbox{
  float: left;
  margin: 0px 8px 0 0;
}

.webform-component--ii-informations-generales-sur-la-situation .fieldset-wrapper{
  position: relative;
}

.webform-component--ii-informations-generales-sur-la-situation .fieldset-wrapper::after{
  position: absolute;
  left: 410px;
  top: 110px;
  content: "";
  display: block;
  opacity: 1;
  width: 375px;
  height: 612px;
  background: transparent url(../images/schema_points_numerotes_formulaire.jpg) no-repeat right top;

  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.webform-component--ii-informations-generales-sur-la-situation.collapsed .fieldset-wrapper::after{
  opacity: 0;
}

.node-type-webform fieldset.webform-component--iv-pieces-jointes .fieldset-wrapper{
  margin: 0;
}

.node-type-webform .node-webform .form-item.webform-component-file{
  width: 100%;
  margin: 0 0 9% 0;
}

.webform-component--v-commentaires-et-validation--coordonnees-de-votre-architecte-ou-installateur textarea{
  height:  126px;
}

.node-type-webform fieldset.webform-component--v-commentaires-et-validation .fieldset-wrapper{
  margin-bottom: 3%;
}

.form-managed-file span.file{
  margin-right: 11px;
}

.node-type-webform .form-actions,
.node-type-webform .captcha {
  display:inline-block;
  width: 100%;
}

/* MOT DE PASSE OUBLIE */

#user-pass{
  text-align: center;
}

#user-pass > div{
  max-width: 600px;
  margin: auto;
  text-align: left;
}

/* COLONNE DE DROITE SUR FORMULAIRE */
.node-webform #col-form-right a{
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  font: normal 15px/20px 'Oswald';
  color: #fff;
  text-align: left;
  padding: 2px 20px 25px 80px;
  line-height: 1.6;
}

#col-form-right{
  position: absolute;
  right: 0;
  top: 0;
  width: 23%;
  text-align: left;
}
.form-catalog-right-col{
  display: none;
}
.page-node-76 #col-form-right{
  /*position: static;
  width: 100%;*/
}
.page-node-76 #col-form-right a#consulter_notre_catalogue_en_ligne{
  display: block;
  background-image: url('../images/calalague_rond_alpha.png');
  background-size: 180px auto;
  background-position: 50% 0;
  background-repeat: no-repeat;

  text-transform: uppercase;
  text-decoration: none;
  font: normal 15px/20px 'Oswald';
  color: #fff;
  text-align: center;
  padding: 190px 20px 0 20px;
  line-height: 1.6;
  /*margin-top: 50px;*/
}
/*
#col-form-right a{
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 143px;
  margin: 0 0 33px 0;
  padding: 0 0 11px 87px;
}
*/
/*
#col-form-right a#consulter_notre_catalogue_en_ligne{
  display: none;

  background: transparent url(../images/icon_catalogue_grey.png) no-repeat 19px 3px;
}

#col-form-right a:hover#consulter_notre_catalogue_en_ligne{
  background-image: url(../images/icon_catalogue_white.png);
}
*/
#col-form-right a#demande_de_tarifs_et_de_catalogue{
  min-height: 28px;
  /*padding-top: 10px;*/
  padding-top: 2px;
  padding-bottom: 25px;
  background: transparent url(../images/icon_brochure_tarifs_grey.png) no-repeat 19px 3px;
}

#col-form-right a:hover#demande_de_tarifs_et_de_catalogue{
  background-image: url(../images/icon_brochure_tarifs_white.png);
}

#col-form-right a#faq{
  padding-top: 12px;
  padding-bottom: 25px;
  background: transparent url(../images/icon_faq_grey.png) no-repeat 19px 3px;
}

#col-form-right a:hover#faq{
  background-image: url(../images/icon_faq_white.png);
}

/*#col-form-right a::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 3px solid #FFFFFF;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
}

#col-form-right a:hover::after{
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}*/

/* these apply to auto-completing form fields */
/*html.js input.form-autocomplete {
  background-image: url(path-to-your/loader.gif);
  background-position: 100% 0px;
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-position: 100% -20px;
}*/

#autocomplete{
  text-transform: none;
  background-color: #FFFFFF;
}

#autocomplete ul{
  margin-left: 0;
}

#autocomplete ul li{
  padding-left: 6px;
}

.form-managed-file{
  display: block;
  overflow: hidden;
}

.form-managed-file input.progress-disabled{
  float: left;
}

/* these apply to all ajax progresses */
.form-managed-file div.ajax-progress,
.form-managed-file div.throbber {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.ajax-progress .throbber {
  background: transparent url(../images/loader_fondnoir.gif) no-repeat 0px 0px; /* tweak this according to your gif */
  float: left;
  height: 32px; /* tweak this according to your gif */
  width: 32px; /* tweak this according to your gif */
  margin: 2px;
}


/*

.node-type-webform .webform-component--ii-informations-generales-sur-la-situation label,
.node-type-webform .webform-component--iii-informations-complementaires label{
  margin-bottom: 11px;
}

.node-type-webform .node-webform .webform-component--ii-informations-generales-sur-la-situation .form-item,
.node-type-webform .webform-component--iii-informations-complementaires .form-item{
  margin-bottom: 19px;
}

.node-type-webform .node-webform .webform-component--ii-informations-generales-sur-la-situation .webform-component-radios.form-item,
.node-type-webform .node-webform .webform-component--ii-informations-generales-sur-la-situation .webform-component-checkboxes.form-item{
  margin-bottom: 0;
}*/








/*.node-type-webform form.webform-client-form{
  float: left;
  clear: both;
  width: 80%;
}

.node-type-webform form.webform-client-form .form-item{
  display:inline-block;
  width: 100%;
  margin: 0 0 20px;
}

.node-type-webform form.webform-client-form .form-actions input.form-submit{
  margin-left: 48%;
}

.node-type-webform form.webform-client-form .form-item > label{
  float: left;
  width: 44%;
  margin: 0 4% 0 0;
  padding: 1px 0 0 0;
  font-weight: 300;
}

.node-type-webform form.webform-client-form .form-item.form-type-checkbox > label{
  width: auto;
  margin: 0;
  font-weight: 300;
}

.node-type-webform form.webform-client-form .form-item > input,
.node-type-webform form.webform-client-form .form-item > .form-radios,
.node-type-webform form.webform-client-form .form-item > select,
.node-type-webform form.webform-client-form .form-item > .chosen-container,
.node-type-webform form.webform-client-form .form-textarea-wrapper,
.node-type-webform form.webform-client-form .form-item > .form-checkboxes{
  float: left;
  width: 52%;
}

.node-type-webform form.webform-client-form .form-item > .chosen-container{
  width: 52% !important;
}

.node-type-webform form.webform-client-form .form-item > .form-radios,
.node-type-webform form.webform-client-form .form-item > textarea,
.node-type-webform form.webform-client-form .form-item > .form-checkboxes{
  font: italic 15px/19px 'Cardo', Arial;
  font-weight: 400;
  color: #3a3845;
}

.field-name-field-sous-titre .field-label{
  display: none;
}

.node-type-webform form.webform-client-form input.form-submit{
  background-position: 90% center;
}

.node-type-webform form.webform-client-form input:hover.form-submit{
  background-position: 93% center;
}*/


/* =============================================================================
18- COLLECTIONS
=========================================================================== */

.page-collections .view-header{
  padding: 0 0 30px 0;
  font: normal 15px/19px 'Lato';
  font-weight: 300;
  color: #bdbdbd;
  text-align: center;
}
.page-cheminees-design-centrales .view-header,
.page-cheminees-design-murales .view-header,
.page-poeles-contemporains .view-header,
.page-inserts-contemporains .view-header,
.page-realisations-speciales .view-header,
.page-barbecues-cheminees-exterieur .view-header,
.page-cheminees-design-bois .view-header,
.page-cheminees-design-au-gaz .view-header,
.page-cheminees-design-foyer-ferme .view-header,
.page-cheminees-design-foyer-ouvert .view-header,
.page-cheminees-design-foyer-pivotant .view-header,
.page-cheminees-design-flamme-verte .view-header,
.page-cheminees-design-avec-credit-impots .view-header
{
  padding: 0 0 40px 0;
  font: normal 15px/19px 'Lato';
  font-weight: 300;
  color: #bdbdbd;
  text-align: center;
}
.page-cheminees-design-centrales h1,
.page-cheminees-design-murales h1,
.page-poeles-contemporains h1,
.page-inserts-contemporains h1,
.page-realisations-speciales h1,
.page-barbecues-cheminees-exterieur h1,
.page-cheminees-design-bois h1,
.page-cheminees-design-au-gaz h1,
.page-cheminees-design-foyer-ferme h1,
.page-cheminees-design-foyer-ouvert h1,
.page-cheminees-design-foyer-pivotant h1,
.page-cheminees-design-flamme-verte h1,
.page-cheminees-design-avec-credit-impots h1
{
  margin-bottom : 40px;
}
.view-produits .view-filters .views-exposed-form .views-exposed-widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.view-produits .view-filters .views-exposed-form .views-exposed-widgets::after {
  display: none;
}

.view-produits .view-filters .views-exposed-form .views-exposed-widget {
  flex: 1 1 auto;
  /* width: calc(100% - 60px); */
  float: none;
  margin: 0;
  padding: 0;
}
.view-produits .view-filters .views-exposed-form .views-exposed-widget.views-submit-button {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.view-produits .view-filters .views-exposed-form label{

}

/*
====================
Modifs Proov 20/01/2016
Masonry collection
====================
*/

.view-produits .grid-sizer,
.view-produits .masonry-item{
  width: 46%;
}
.view-produits .gutter-sizer{
  width: 8%;
}

@media (min-width: 768px){
  .view-produits .grid-sizer,
  .view-produits .masonry-item{
    width: 30%;
  }
  .view-produits .gutter-sizer{
    width: 5%;
  }
}
@media (min-width: 1200px){
  .view-produits .grid-sizer,
  .view-produits .masonry-item{
    width: 22%;
  }
  .view-produits .gutter-sizer{
    width: 4%;
  }
}

.view-produits .views-row.masonry-item {
  float: left;
  overflow: hidden;
  font-size: 13px;
  line-height: 21px;
  color: #FFFFFF;
  text-align: left;
  margin-bottom: 45px;
}

.view-produits .views-row.masonry-item::before {
  content:"";
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -50px;
  margin-left: -10px;
  top: 50%;
  left: 50%;
  border-radius: 100px;
  border: #fff 2px solid;
  border-top-color: transparent;
  opacity: .4;
  animation: spinner .75s infinite linear both;
}
@keyframes spinner {
  0%{ transform: rotate(0); }
  100%{ transform: rotate(360deg); }
}

.view-produits .views-row.masonry-item.loaded .views-field-field-visuel{
  animation-play-state: running;
}

/* Stagger */
.view-produits .views-row.masonry-item:nth-child(1) .views-field-field-visuel {
  animation-delay: 90ms;
}
.view-produits .views-row.masonry-item:nth-child(2) .views-field-field-visuel {
  animation-delay: 180ms;
}
.view-produits .views-row.masonry-item:nth-child(3) .views-field-field-visuel {
  animation-delay: 270ms;
}
.view-produits .views-row.masonry-item:nth-child(4) .views-field-field-visuel {
  animation-delay: 360ms;
}
.view-produits .views-row.masonry-item:nth-child(5) .views-field-field-visuel {
  animation-delay: 450ms;
}
.view-produits .views-row.masonry-item:nth-child(6) .views-field-field-visuel {
  animation-delay: 540ms;
}
.view-produits .views-row.masonry-item:nth-child(7) .views-field-field-visuel {
  animation-delay: 630ms;
}
.view-produits .views-row.masonry-item:nth-child(8) .views-field-field-visuel {
  animation-delay: 720ms;
}
.view-produits .views-row.masonry-item:nth-child(9) .views-field-field-visuel {
  animation-delay: 810ms;
}
.view-produits .views-row.masonry-item:nth-child(10) .views-field-field-visuel {
  animation-delay: 900ms;
}
.view-produits .views-row.masonry-item:nth-child(11) .views-field-field-visuel {
  animation-delay: 990ms;
}

.view-produits.view-display-id-page .views-field-field-visuel {
  height: 0; /* Padding bottom is added via javascript */
  padding-bottom: 100%;
  animation: msnryIn 1.4s both cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
  animation-play-state: paused;
  /* opacity: 0; */
  /* transform: translateY(100px); */
  /* transition: opacity .5s, transform 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); easeOutCirc */
  /* transition-delay: 500ms; */
  position: relative;
  z-index: 1;
}
@keyframes msnryIn {
  0% {
    opacity: 0.001;
    transform: translate3d(0px, 60px, 0px);
  }
  100% {
    opacity: 0.999;
    transform: translate3d(0px, 0px, 0px);
  }
}
.view-produits.view-display-id-page .views-field-field-visuel ~ .views-field {
  /* opacity: 0; */
  /* transform: translateY(100px); */
  /* transition: opacity .5s, transform 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); easeOutCirc */
  /* transition-delay: 500ms; */
  animation: msnryIn 1.4s both cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
  animation-play-state: paused;
}

.view-produits.view-display-id-page .views-row.masonry-item.loaded .views-field-field-visuel ~ .views-field{
  animation-play-state: running;
}

.view-produits.view-display-id-page .views-field-field-visuel a {
  display: block;
  overflow: hidden;
}
.view-produits.view-display-id-page .views-field-field-visuel a::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .2;
  z-index: 1;
  transition: opacity .3s;
}
.view-produits.view-display-id-page .views-field-field-visuel a:hover::before{
  opacity: 0;
}
.view-produits.view-display-id-page .views-field-field-visuel img.masonry-thumb {
  display: block;
  max-width: 100%;
  transition: transform 1.2s cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
  transform: scale(1);
}
.view-produits.view-display-id-page .views-field-field-visuel a:hover > img {
  transform: scale(1.06);
}

.view-produits.view-display-id-page .views-field-field-visuel ul.pictos-energies {
  width: 100%;
  margin: 10px 0 0;
  display: flex;
  align-items: center;
  gap: 0 16px;
  pointer-events: none;
}
@media screen and (min-width: 640px) {
  .view-produits.view-display-id-page .views-field-field-visuel ul.pictos-energies {
    justify-content: flex-end;
    position: absolute;
    z-index: 10;
    margin: 0;
    top: calc(100% + 16px);
    left: 0;
    width: 100%;
    height: 46px;
  }
}
.view-produits.view-display-id-page .views-field-field-visuel ul.pictos-energies li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  pointer-events: all;
}
.view-produits.view-display-id-page .views-field-field-visuel ul.pictos-energies img {
  width: 16px;
  height: 28px;
  object-fit: contain;
  object-fit: 50% 50%;
}

.view-produits.view-display-id-page .views-field-field-visuel a > ul > li {
  padding: 0;
  margin: 0;
  list-style: none;
  background: none;
}

.view-produits.view-display-id-page .views-field-title-field-et {
  font-size: 17px;
  line-height: 25px;
  font-family: 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 46px;
}
@media screen and (min-width: 640px) {
  .view-produits.view-display-id-page .views-field-title-field-et {
    margin-top: 10px;
    padding-right: 120px;
  }
  .view-produits.view-display-id-page .views-field-field-sous-titre-et {
    padding-right: 40%;
  }
}

.view-produits.view-display-id-page .views-field-title-field-et a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
}


/* =============================================================================
19- PAGE PRODUIT
=========================================================================== */

.not-front.node-type-produit #content{
  max-width: 100%;
  padding: 0;
  color: #FFFFFF;
}


.node-produit {
  /* overflow: hidden; */
}

.node-produit h2 {
  margin: 0 0 50px 0;
  padding: 0 0 23px 0;
  font-size: 21px;
  line-height: 27px;
  color: #FFFFFF;
  background-image: url(../images/divider_mini_white.png);
}

.node-produit .navbar a.back-collections {
  display: inline-flex;
  align-items: center;
  font: normal 12px/20px 'Oswald', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 20px;
}
.node-produit .navbar a.back-collections img {
  margin-right: 8px;
}


.node-produit .navbar a.prev,
.node-produit .navbar a.next{
  float: left;
  display: block;
  margin: 0 0 0 14px;
  width: 30px;
  height: 17px;
  background: transparent url(../images/arrow_left_med_white.png) no-repeat center top;
}

.node-produit .navbar a.next{
  background-image: url(../images/arrow_right_med_white.png);
}

.node-produit .navbar a:hover.prev{
  background-position: 25% top;
}

.node-produit .navbar a:hover.next{
  background-position: 75% top;
}

.node-produit .fuels,
.node-produit .colors,
.node-produit .performances,
.produit-top-3d,
.produit-top-docs,
.produit-top-certifs {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
}
.node-produit .fuels__title,
.node-produit .colors__title,
.node-produit .performances__title,
.produit-top-3d h3,
.produit-top-docs h3,
.produit-top-certifs h3 {
  width: 100%;
  margin: 0;
  font: normal 15px/22px 'Oswald';
  font-weight: 400;
  text-align: left;
  background: none;
  padding: 0;
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .node-produit .fuels__title,
  .node-produit .colors__title,
  .produit-top-3d h3,
  .produit-top-docs h3,
  .produit-top-certifs h3  {
    width: 30%;
  }
}
.node-produit .performances__title {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .node-produit .performances__title {
    width: 30%;
  }
}

.node-produit .fuels ul,
.node-produit .colors ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}


.node-produit .fuels ul li {
  margin: 0 22px 0 0;
  padding: 0;
  font: normal 10px/15px 'Oswald', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  background: transparent none;
}

.node-produit .fuels ul li a {
  opacity: 0.3;
  padding: 3px 0 5px 25px;
  color: #FFFFFF;
  background-image: url(../images/icon_bois_mini.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.node-produit .fuels ul li.energie-6 a{
  background-image: url(../images/icon_gaz_mini.png);
}

.node-produit .fuels ul li.energie-7 a{
  background-image: url(../images/holographic-blanc.png);
}

/* Hack steph. */
.node-produit .fuels ul li.energie-152 a{
  background-image: url(../images/holographic-blanc.png);
}

.node-produit .fuels ul li.active a,
.node-produit .fuels ul li a:hover{
  opacity: 1;
  text-decoration: none;
}
.node-produit .colors ul {
  gap: 0 16px;
}
.node-produit .colors ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  max-width: 72px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
.node-produit .colors ul li span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-bottom: 16px;
  background-color: var(--color);
  border: solid 1px #fff;
}

.node-produit .top {
  position: relative;
  max-width: 1600px;
  margin: 0 auto 30px;
  font-size: 15px;
  line-height: 23px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .node-produit .top {
    flex-direction: row;
    margin-bottom: 70px;
  }
}
/* Left */
.node-produit .top .left {
  padding: 30px 20px;
  width: calc(100% - 40px);
}
@media screen and (min-width: 640px) {
  .node-produit .top .left  {
    width: calc(50% - 120px);
    padding: 70px 70px 70px 50px;
  }
}
@media screen and (min-width: 1200px) {
  .node-produit .top .left  {
    width: calc(50% - 210px);
    padding: 70px 140px 70px 70px;
  }
}

/* Right */
.node-produit .top .right {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .node-produit .top .right {
    width: 50%;
    order: 1;
  }
}

/* Bottom */
.node-produit .top .bottom {
  order: 2;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .node-produit .top .bottom {

  }
}

/* Other Infos */
.produit-other-infos h3 {
  font: normal 15px/22px 'Oswald';
  font-weight: 400;
  /* color: #ababab; */
  color: #fff;
  text-align: left;
  background: none;
  padding: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.produit-other-infos__content {

}
/* 3D Model */


/* Docs */


.produit-top-docs ul,
.produit-top-docs li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}
.produit-top-docs li {
  font-size: 15px;
  margin: 16px 0;
}
.produit-top-docs a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.produit-top-docs img {
  margin-right: 8px;
}

/* Certifs */
.produit-top-certifs {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .produit-top-certifs {
    flex: 1 1 auto;
    width: auto;
  }
}
.produit-top-certifs ul,
.produit-top-certifs li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}
.produit-top-certifs ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.produit-top-certifs li {
  background: none;
}

.node-produit .top .left .txt-produit .field-type-text-with-summary{
  overflow: hidden;
}

.node-produit .top .left h1 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .node-produit .top .left h1 {
    font-size: 42px;
    line-height: 44px;
  }
}
.node-produit .performances .produit-top-perf {
  flex: 1 1 auto;
}

.node-produit .performances table {
  margin: 0;
  width: 100%;
}
.node-produit .performances table td {
  padding: 4px 8px;
}
.node-produit .performances table td:first-child {
  padding-left: 0;
}

/* .node-produit .top .left h2 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  color: #FFFFFF;
  letter-spacing: 0.15em;
  background: transparent none;
} */

.node-produit .top .left h1 + h2 {
  text-align: left;
  padding: 25px 0 0 0;
  margin-bottom: 30px;
  background: transparent url(../images/divider_mini_white.png) no-repeat left top;
}

/* .node-produit .top .left H3{
  font-family: 'Lato', Arial;
  font-weight: 400;
  font-style: italic;
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 28px;
  color: #FFFFFF;
  text-align: left;
  text-transform: none;
} */

.node-produit .top .left .field-name-field-shop-url a{
  display: inline-block;
  margin: 5% 0 0 0;
  padding: 13px 37px 13px 80px;
  /*padding: 13px 37px 13px 37px;*/
  font: normal 12px/14px 'Oswald';
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  background-image: url(../images/icon_caddie_black.png);
  background-repeat: no-repeat;
  background-position: 30px center;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.5);

}

.node-produit .top .left .field-name-field-shop-url a:hover{
  background-color: rgba(255, 255, 255, 1);

}



.node-produit .top .left .bloc-quote{
  margin: 1% 0 15px 0;
  font-size: 16px;
}

.node-produit .top .left span.app-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 50%;
  box-sizing: border-box;
  padding: 9px 20px 7px 16px;
  background: #000000;
  transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

.node-produit .top .left span.app-link:hover{
  background-color: #333333;
}

.node-produit .top .left span.app-link .btn-discover{
  display: inline-block;
}

/*.node-produit .top .left span.app-link .btn-discover:hover{
  background-color: #333333;
}*/

.node-produit .top .left span.app-link span.icon{
  display: inline-block;
  vertical-align: middle;
  opacity: 0.7;
  width: 40px;
  height: 52px;
  margin: 0 19px 0 0;
  background: url(../images/icon_realite_augmente_btn_app.svg) no-repeat left top;
  background-size: 40px 52px;
}

.node-produit .top .left span.app-link .txt-btn{
  display: inline-block;
  vertical-align: middle;
  max-width: 170px;
  font: normal 13px/22px 'Oswald';
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: left;
  color: #FFFFFF;
}

.i18n-it .node-produit .top .left span.app-link .txt-btn,
.i18n-de .node-produit .top .left span.app-link .txt-btn{
  font-size: 12px;
  line-height: 19px;
}

.node-produit .top .left span.app-link .btn-app{
  display: inline-block;
  vertical-align: middle;
  min-height: 39px;
  margin-left: 15px;
  padding-left: 0;
  border-left: 1px solid #525252;
}

.node-produit .top .left span.app-link .only-ios,
.node-produit .top .left span.app-link .only-android{
  float: left;
  display: inline-block;
  margin-left: 15px;
}

.node-produit .top .left span.app-link .only-ios{
  width: 142px;
  height: 46px;
  background: transparent url(../images/btn_disponible_sur_applestore.png) no-repeat left top;
}

.node-produit .top .left span.app-link .only-android{
  width: 155px;
  height: 46px;
  background: transparent url(../images/btn_disponible_sur_googleplay.png) no-repeat left top;
}


.node-produit .top .right .produit-top-video {
  height: 400px;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 640px) {
  .node-produit .top .right .produit-top-video {
    position: sticky;
    height: calc(100vh - 100px);
    top: 100px;
  }
}
.node-produit .top .right .produit-top-video .video,
.node-produit .top .right .field-name-field-visuel-detail {
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .node-produit .top .right .produit-top-video .video,
  .node-produit .top .right .field-name-field-visuel-detail {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: calc(50vw - ((100vw - 200%)/2));
  }
}
@media screen and (min-width: 1600px) {
  .node-produit .top .right .produit-top-video .video,
  .node-produit .top .right .field-name-field-visuel-detail {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: calc(50vw - ((100vw - 200%)/2) + ((100vw - 1600px)/2) - 8px);
  }
}

.node-produit .top .right .field-name-field-visuel-detail div {
  height: 100%;
}

.node-produit .top .right .produit-top-video .video video,
.node-produit .top .right .field-name-field-visuel-detail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.node-produit .top .right .field-name-field-visuel img{
  /* max-width: 100%;
  min-width: 100%;
  width: 800px; */
}

.node-produit .gallery,
.node-produit .settings{
  max-width: 970px;
  margin: auto;
  text-align: left;
}

.node-produit .settings{
  padding-bottom: 15px;
}

.node-produit .gallery{
  max-width: 890px;
}

.node-produit .field-label{
  width: 100%;
  margin: 0 0 17px 0;
  font: normal 15px/22px 'Oswald';
  font-weight: 400;
  color: #ababab;
  text-transform: uppercase;
}

.node-produit .gallery .owl-carousel .owl-item{
  text-align: center;
}

.node-produit .gallery .owl-carousel .owl-item a{
  position: relative;
  display: inline-block;
}

.node-produit .gallery .owl-carousel .owl-item a::before{
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  z-index: 2;
  opacity: 0;
  width: 86px;
  height: 86px;
  background: #FFFFFF url(../images/zoom_plus_focus.svg) no-repeat center center;
  background-size: auto 30px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

.node-produit .gallery .owl-carousel .owl-item a:hover::before{
  opacity: 1;
}

.node-produit .gallery .owl-carousel .owl-item a{
  position: relative;
  z-index: 1;
}

.node-produit .owl-theme .owl-controls .owl-buttons div.owl-prev,
.node-produit .owl-theme .owl-controls .owl-buttons div.owl-next{
  top: 43%;
}

.node-produit .settings .field-name-field-fuels > .field-items > .field-item{
  padding: 1.2% 4.5%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);

  transition: all .25s ease-in-out;
}

.node-produit .settings .field-name-field-fuels .field-collection-view{
  margin: 0;
  padding: 0;
  border: none;
}

.node-produit .settings .field-name-field-fuels .field-collection-view .field-collection-item-field-fuels > .content{
  /*background: transparent url(../images/barre_v_plusmoins_20.png) no-repeat right 24px;*/

  transition: all .25s ease-in-out;
}

.node-produit .settings .field-name-field-fuels .field-collection-view .field-collection-item-field-fuels > .content.show{
  padding-bottom: 13px;
  /*background-position: right -202px;*/
}

.node-produit .settings .field-name-field-fuel-titre{
  display: block;
  background: transparent url(../images/barre_h_plusmoins.png) no-repeat right 33px;
}

.node-produit .settings .field-name-field-fuel-titre .field-items{
  background: transparent url(../images/barre_v_plusmoins_20.png) no-repeat right 24px;
}

.node-produit .settings .content.show .field-name-field-fuel-titre .field-items{
  background-position: right -202px;
}

.node-produit .settings .no-less-picto .field-name-field-fuel-titre{
  background: transparent none;
}

.node-produit .settings .no-less-picto .content .field-name-field-fuel-titre .field-items{
  background-image: none;
}

.node-produit .settings .field-name-field-fuel-titre .field-item{
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 22px 0 22px 37px;
  font: normal 17px/23px 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  background: transparent url(../images/icon_bois_white.png) no-repeat left center;
}

.node-produit .settings .content.show .field-name-field-fuel-titre .field-item{
  cursor: auto;
}

.node-produit .settings .no-less-picto .field-name-field-fuel-titre .field-item{
  cursor: auto;
}

.node-produit .settings .energie-6 .field-name-field-fuel-titre .field-item{
  background-image: url(../images/icon_gaz_white.png);
}

.node-produit .settings .energie-7 .field-name-field-fuel-titre .field-item{
  background-image: url(../images/icon_bioethanol_white.png);
}

.node-produit .settings a.btn-quote-fuel{
  display: inline-block;
  margin: 5% 0 20px 0;
  padding: 13px 37px 13px 37px;
  font: normal 12px/14px 'Oswald';
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  background-repeat: no-repeat;
  background-position: 30px center;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.5);
}

.node-produit .settings a.btn-quote-fuel:hover{
  background-color: rgba(255, 255, 255, 1);
}

.node-produit ul.variantes-tabs{
  overflow: hidden;
  margin: 30px 0 0 0;
  border-bottom: 1px solid #757575;
}

.node-produit ul.variantes-tabs li{
  float: left;
  margin: 10px 10px 0 0;
  padding: 0;
  font: normal 15px/17px 'Oswald';
  color: #757575;
  text-transform: uppercase;
  background: transparent none;
}

.node-produit ul.variantes-tabs li a{
  float: left;
  display: block;
  padding: 14px 17px;
  color: #757575;
  text-decoration: none;
}

.node-produit ul.variantes-tabs li a:hover,
.node-produit ul.variantes-tabs li a.active{
  color: #FFFFFF;
  background: #757575 none;
}

.node-produit .settings .field-name-field-body{
  display: inline-block;
  width: 100%;
  margin: 0 0 25px 0;
  padding: 30px 0 0 0;
}

.node-produit .settings .field-name-field-video-3d,
.node-produit .settings .field-name-field-anim-3d{
  margin: 0 0 50px 0;
}

.node-produit .settings .group-left{
  float: left;
  width: 41%;
  font: normal 11px/17px 'Oswald';
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
}

.node-produit .settings .group-right, .node-produit .settings .group-right + .field-name-field-visu-3d{
  float: right;
  width: 45%;
}

.node-produit .settings .field-type-file{
  clear: both;
  margin-bottom: 30px;
}

.node-produit .field-name-field-perfs .field-label{
  margin: 0;
  padding: 0 0 7px 0;
  border-bottom: 1px solid #515151;
}

.node-produit .settings .group-left .field-name-field-perfs .field-collection-view{
  margin: 0;
  padding: 11px 0 8px 0;
  border-bottom: 1px solid #515151;
}

.node-produit .settings .group-left .field-collection-container,
.node-produit .settings .group-left .field-name-field-docs{
  margin: 0 0 25px 0;
  border: none;
}

.node-produit .settings .group-left .field-name-field-perfs .field-name-title-field{
  float: left;
  width: 50%;
}

.node-produit .settings .group-left .field-name-field-value{
  float: right;
  width: auto;
  min-width: 50px;
  margin: 0 9% 0 0;
}

.field-collection-view ul.field-collection-view-links{
  display: none;
}

.node-produit .settings .group-left .field-name-field-docs .file{
  display: inline-block;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 0 0 18px;
  background: url(../images/arrow_right_thin_mini_white.png) no-repeat left 3px;
}

.node-produit .settings .group-left .field-name-field-docs .file img{
  display: none;
}

.node-produit .settings .group-left .field-name-field-certifs .field-collection-view{
  float: left;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
}

.field-name-field-certifs .field-name-field-visuel{
  float: left;
  margin: 0 14px 0 0;
}

.field-name-field-certifs .field-name-title-field{
  float: left;
  max-width: 83px;
  font-size: 13px;
}

.field-name-field-certifs .field-name-title-field .field-items,
.field-name-field-certifs .field-name-field-visuel .field-item{
  height: 80px;
  line-height: 80px;
}

.field-name-field-certifs .field-name-title-field .field-item,
.field-name-field-certifs .field-name-field-visuel .field-item img{
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.field-name-field-certifs .field-name-field-visuel .field-item img{
  max-width: 64px;
}

.node-produit .settings .field-collection-container{
  border: none;
}

.node-produit .settings .field-name-field-first-variante-name{
  display: none !important;
}

/* ----- DISTINCTIONS ----- */

.node-produit .distinctions{
  padding: 45px 0 20px 0;
  background: #FFFFFF none;
  text-align: center;
}

.node-produit .distinctions H2{
  color: #000000;
  background-image: url(../images/divider_mini_black.png);
}

.node-produit .distinctions .field-collection-container{
  display: inline-block;
  max-width: 970px;
  margin: auto;
  text-align: center;
  border: none;
}

.node-produit .distinctions .field-name-field-wins{
  display: inline-block;
}

.node-produit .distinctions .field-name-field-wins .field-item{
  min-width: 220px;
  display: inline-block;
}

.node-produit .distinctions .field-collection-view{
  margin: 0;
  padding: 0;
  border: none;
}

/* OTHERS LINGS */

ul.see-other-links{
  max-width: 970px;
  margin: auto;
  margin-bottom: 5%;
  text-align: left;
}

ul.see-other-links li{
  width: 100%;
  margin: 0 0 3px 0;
  padding: 0;
  background: none;
}

ul.see-other-links li a{
  display: block;
  padding: 15px 15px 14px 50px;
  font: normal 12px/17px 'Oswald';
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(../images/arrow_right_mini_white.png);
  background-repeat: no-repeat;
  background-position: 20px 17px;
}

ul.see-other-links li a:hover{
  background-position: 26px 17px;
  background-color: rgba(0, 0, 0, 0.8);
}


/* =============================================================================
20- PAGE METIERS ET SAVOIR-FAIRE
=========================================================================== */


.node-type-metiers #header{
  position: absolute;
}

.node-type-metiers .fixed #header{
  position: fixed;
}

.node-type-metiers #main{
  position: relative;
  margin-top: -138px;
}

.not-front.node-type-metiers #main #content{
  max-width: 100%;
  padding: 0;
}

.node-type-metiers #main #content .contain-titles{
  position: absolute;
  z-index:1;
  top: 215px;
  left: 50%;
  width: 100%;
  max-width: 1170px;
  margin: 0 0 0 -585px;
}


.node-type-metiers #main #content H2{
  margin: 0;
  padding: 23px 0 0 0;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 0.1em;
  background: transparent url(../images/divider_mini_white.png) no-repeat center top;
}

.node-type-metiers #main #slider-etapes{
  position: relative;
  height: 100vh;
  width: 100vw;
  z-index: initial;
  min-height: 667px;
}

.node-type-metiers #main #slider-etapes .slide-etape{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: #000000 url(../images/background_metiers1.jpg) no-repeat center center;
  background-size:cover;
}

.node-type-metiers #main #slider-etapes .slide-etape#conception{
  background-image: url(../images/background_metiers2.jpg);
}

.node-type-metiers #main #slider-etapes .slide-etape#fabrication{
  background-image: url(../images/background_metiers3.jpg);
}

.node-type-metiers #main #slider-etapes .slide-etape.active{
  display: block;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#slider-etapes a.points-info{
  position:  absolute;
  z-index: 1;
  width: 36px;
  height: 36px;
  border: 3px solid #FFFFFF;
  background: transparent url(../images/icon_plus_white_20.png) no-repeat center center;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}

#slider-etapes button.play-video {
  position:  absolute;
  z-index: 1;
  top: 420px;
  left: 50%;
  width: 85px;
  height: 85px;
  padding: 0 0 0 85px;
  overflow: hidden;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  background: transparent url(../images/icon_play_white.png) no-repeat 60% 50%;
  background-size: 30px 40px;
  transform: translateX(-50%);
  transition: background-color .2s;
}
#slider-etapes button.play-video:hover {
  background-image: url(../images/icon_play.png);
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 768px) {
  #slider-etapes button.play-video {
    top: 340px;
    width: 66px;
    height: 66px;
    padding: 0 0 0 66px;
    background-size: 20px auto;
    background-position: 56% 50%;
  }
}

#slider-etapes a:hover.points-info{
  border: 3px solid #000000;
  background-image: url(../images/icon_plus_black_20.png);
  background-color: #ffffff;
}

#slider-etapes a.points-info#point1{
  top: 66%;
  right: 66%;
}

#slider-etapes a.points-info#point2{
  top: 50%;
  right: 17%;
}

#slider-etapes a.points-info#point3{
  top: 26%;
  right: 13%;
}

#slider-etapes a.points-info#point4{
  top: 63%;
  right: 75%;
}

#slider-etapes a.points-info#point5{
  top: 43%;
  right: 16%;
}

#slider-etapes a.points-info#point6{
  top: 73%;
  right: 8%;
}

#slider-etapes a.points-info#point7{
  top: 43%;
  right: 84%;
}

#slider-etapes a.points-info#point8{
  top: 65%;
  right: 38%;
}

#slider-etapes a.points-info#point9{
  top: 43%;
  right: 15%;
}

#slider-etapes .etape-container{
  overflow: scroll;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
  transition: all .25s ease-in-out;
}

#slider-etapes .etape-container.active{
  opacity: 1;
  visibility: visible;
}

#slider-etapes .etape-container a.close{
  position: absolute;
  top: 3%;
  right: 3%;
  display: block;
  width: 40px;
  height: 40px;
  z-index: -1;
  /*background: transparent url(../images/icon_cross_big_big_white.png) no-repeat left top;*/
}


#slider-etapes .etape-container a:hover.close{
  background-color: #FFFFFF;
}

#slider-etapes .etape-container a.close:before,
#slider-etapes .etape-container a.close:after {
  position: absolute;
  display: block;
  content: '';
  cursor: pointer;
  height: 3px;
  width: 40px;
  background: white;
  border-radius: 1px;
  z-index: 1;
  transition: all .25s ease-in-out;
}

#slider-etapes .etape-container a.close:before {
  top: 19px;
  transform: rotate(45deg);
}

#slider-etapes .etape-container a.close:after {
  top: 19px;
  transform: rotate(-45deg);
}

#slider-etapes .etape-container a:hover.close:before,
#slider-etapes .etape-container a:hover.close:after{
  background-color: #000000;
}

#slider-etapes .etape-container a:hover.close:before {
  transform: rotate(-45deg);
}

#slider-etapes .etape-container a:hover.close:after {
  transform: rotate(45deg);
}

/*#slider-etapes .etape-container a.close{
  position: absolute;
  top: 3%;
  right: 3%;
  display: block;
  width: 40px;
  height: 40px;
  background: transparent url(../images/icon_cross_big_big_white.png) no-repeat left top;
}*/

#slider-etapes .etape-container .etape-content{
  /*position: fixed;*/
  overflow:auto;
  position:relative;
  top: 50%;
  left: 50%;
  visibility: hidden;
  width: 100%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  max-height: 100%;
  min-height: 470px;
  z-index: 2000;
  padding: 22px;
  color: #000000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  /*position: relative;
  top: 50%;
  display: inline-block;
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 60px 50px;
  text-align: left;
  background: #FFFFFF;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);*/
}

#slider-etapes .etape-container.active .etape-content{
  visibility: visible;
}

#slider-etapes .etape-container.active .etape-content ul li{
  background: transparent url("../images/arrow_right_mini_black.png") no-repeat scroll left 7px;
}

#slider-etapes .etape-container .etape-content .content-text,
#slider-etapes .etape-container .etape-content .content-visu{
  padding: 60px 50px;
  line-height: 25px;
  text-align: left;
  background: #FFFFFF;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  -moz-transform: translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

#slider-etapes .etape-container .etape-content .content-visu{
  padding: 0;
  line-height: 0;
  text-align: center;
  background: transparent none;
}

#slider-etapes .etape-container.active .etape-content .content-text,
#slider-etapes .etape-container.active .etape-content .content-visu{
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  -webkit-animation: slit .7s forwards ease-out;
  -moz-animation: slit .7s forwards ease-out;
  animation: slit .7s forwards ease-out;
}

#slider-etapes .etape-container .etape-content .content-visu .legende{
  display: block;
  margin: 15px 0 0 0;
  font: normal 15px/18px 'Oswald', Arial;
  color: #FFFFFF;
  text-align: left;
}

.node-type-metiers #main #content .etape-content H2{
  margin: 0 0 44px 0;
  font-size: 21px;
  line-height: 25px;
  font-weight: 300;
  color: #000000;
}

#liens-etapes{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  color: #000000;
  text-align: center;
  background: #FFFFFF;
}

#liens-etapes ul{
  display: inline-block;
  width: 100%;
  max-width: 1170px;
  margin: 12px auto 0;
  padding: 0;
  text-align: left;
}

#liens-etapes ul li{
  opacity: 0.5;
  float: left;
  width: 33.33%;
  /*margin: 0 0 0 25%;*/
  padding: 0;
  text-align: center;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

#liens-etapes ul li:first-child{
  text-align: left;
}

#liens-etapes ul li:last-child{
  text-align: right;
}

#liens-etapes ul li:hover,
#liens-etapes ul li.active{
  opacity: 1;
}

/*#liens-etapes ul li:first-child{
  margin: 0;
}*/

#liens-etapes ul li a{
  display: inline-block;
  padding: 0 60px 0 0;
  text-align: left;
  text-decoration: none;
  background: transparent url(../images/arrow_right_big_black.png) no-repeat right center;
}

#liens-etapes ul li span.etape{
  display: block;
  margin: 0 0 3px 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

#liens-etapes ul li span.intitule{
  display: block;
  font: normal 12px/17px 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.news-video-iframe{
  width: 640px;
  height: 480px;
}

/*
.infinite-scroll-animation {
  -webkit-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
*/

/*
.infinite-scroll-animation {
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp 0.8s ease forwards;
  animation: moveUp 0.8s ease forwards;
}

@-webkit-keyframes moveUp {
  0% { }
  100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
  0% { }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
*/

/*
.infinite-scroll-animation {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: scaleUp 0.65s ease-in-out forwards;
  animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
  0% { }
  100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
  0% { }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
*/

.field-name-field-variantes > .field-items > .field-item > .field-collection-view > .entity > .content > .field-name-title-field{
  display: none;
}

#views_infinite_scroll_ajax_load_link{
  display: block;
  float: none;
  clear: both;
}

.texte_planifie{
  width: 340px;
  max-width: 100%;
  margin: auto;
  padding: 30px 20px 20px 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
}

.webform-field-hide {
  display: none;
}

/* =============================================================================
21- SCENOGRAPHIE
=========================================================================== */

.view-scenographie .view-header{
  max-width: 770px;
  margin: auto;
  margin-bottom: 53px;
  font: 300 17px/28px 'Lato';
  color: #FFFFFF;
  text-align: center;
}

.page-scenographies .view-filters{
  margin: 0 15px 45px 15px;
}

.page-scenographies .views-exposed-form .views-exposed-widget .form-submit{
  margin-top: 29px;
}

.view-scenographie .view-content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:left;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.view-scenographie .views-row{
  float: left;
  overflow: hidden;
  width: 22%;
  -webkit-box-flex:0;
  -webkit-flex:0 0 22%;
  -ms-flex:0 0 22%;
  flex:0 0 22%;
  max-width:22%;
  margin-bottom: 40px;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.view-scenographie .views-field-field-visuel{
  height: 0;
  margin: 0 0 18px 0;
}

.view-scenographie .views-field-field-visuel a{
  display: block;
  overflow: hidden;
}

.view-scenographie .views-field-field-visuel a img{
  display: block;
  max-width: 100%;
  min-width: 100% !important;
  transition: transform 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
  transform: scale(1);
}
.view-scenographie .views-field-field-visuel a:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.view-scenographie .views-field-title{
  font: normal 17px/23px 'Oswald', Arial;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.view-scenographie .views-field-title a{
  text-decoration: none;
}

.view-scenographie .views-field-field-revue-pays{
  font: normal 13px/19px 'Lato', Arial;
  font-weight: 400;
}

.block_scenographies{
  margin-top: 33px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.block_scenographies .block_1,
.block_scenographies .block_2{
  -webkit-box-flex:0;
  -webkit-flex:0 0 495px;
  -ms-flex:0 0 495px;
  flex:0 0 495px;
  max-width:495px;
  margin: 0 15px;
  padding: 60px 30px 57px;
  font: normal 15px/21px 'Lato', Arial;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}

.block_scenographies .block_1 H3,
.block_scenographies .block_2 H3{
  margin-bottom: 27px;
  font: normal 21px/27px 'Oswald', Arial;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.block_scenographies .block_1 span,
.block_scenographies .block_2 span{
  display: block;
}

.block_scenographies a{
  display: inline-block;
  min-width: 196px;
  margin: 33px auto 0;
  padding: 11px 30px 11px 30px;
  font: normal 12px/15px 'Oswald';
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  white-space:normal;
  border: none;
  border-radius: 0;
  transition: all .25s ease-in-out;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}

.block_scenographies a:hover{
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 1);
}

/* Page Scénographie dèv */

.not-front.node-type-scenographie #content{
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  color: #FFFFFF;
}

.container-controls{
  max-width: 1600px;
  margin: 50px auto 16px;
}

.container-controls .back-button{
  display: inline-block;
  width: 18px;
  height: 13px;
  margin: 0 11px 0 5%;
  background: transparent url(../images/icon_back_to_list.png) no-repeat left top;
}

.container-controls .back-button a{
  display: block;
  width: 100%;
  height: 100%;
}

.container-controls .controls-buttons{
  display: inline-block;
}

.container-controls .controls-buttons a{
  float: left;
  display: block;
  margin: 0 0 0 14px;
  width: 30px;
  height: 17px;
  text-indent: -13000px;
  background: transparent url(../images/arrow_left_med_white.png) no-repeat center top;
}

.container-controls .controls-buttons a.next {
  background-image: url(../images/arrow_right_med_white.png);
}

.container-scenographie{
  clear: both;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:left;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  max-width: 1600px;
  margin: 0 auto;
  margin-bottom: 64px;
  font-size: 15px;
  line-height: 23px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
}

.container-scenographie .block-txt-infos{
  -webkit-box-flex:0;
  -webkit-flex:1 1;
  -ms-flex:1 1;
  flex:1 1;
  padding: 75px 5% 60px 5%;
  font: normal 13px/21px 'Lato', Arial;
}

.container-scenographie .block-txt-infos H2{
  position: relative;
  font-size: 35px;
  line-height: 43px;
  text-align: left;
  color: #FFFFFF;
  background: none;
}

.container-scenographie .block-txt-infos H2::before{
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
  content: '';
  width: 60px;
  height: 1px;
  background: #FFFFFF;
}

.container-scenographie .block-txt-infos .field-name-field-sous-titre{
  padding: 0;
}

.container-scenographie .block-txt-infos .field-name-field-sous-titre .field-items{
  padding: 0;
  text-align: left;
  background: none;
}

.container-scenographie .block-slider-photos{
  overflow: hidden;
  -webkit-box-flex:0;
  -webkit-flex:0 0 770px;
  -ms-flex:0 0 770px;
  flex:0 0 770px;
  max-width:770px;
}

.container-scenographie .galleria{
  height: 740px;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-bar{
  height: 60px !important;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-fullscreen,
.container-scenographie .galleria .galleria-theme-azur .galleria-play{
  height: 60px;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails-container,
.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails{
  height: 45px !important;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails{
  float: none !important;
  margin: auto;
  line-height: 45px;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails .galleria-image{
  display: inline-block;
  vertical-align: middle;
  width: 13px !important;
  height: 13px !important;
  margin: auto 3px;
  padding: 0;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;

  transition: background-color .25s, border-color .25s ease-in-out;
  -moz-transition: background-color .25s, border-color .25s ease-in-out;
  -webkit-transition: background-color .25s, border-color .25s ease-in-out;
  -ms-transition: background-color .25s, border-color .25s ease-in-out;
  -o-transition: background-color .25s, border-color .25s ease-in-out;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails .galleria-image:hover,
.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails .galleria-image.active{
  background: #FFFFFF;
}

.container-scenographie .galleria .galleria-theme-azur .galleria-thumbnails .galleria-image img{
  display: none !important;
}

.container-scenographie .block-txt-infos .container-lines{
  margin-top: 40px;
}

.container-scenographie .block-txt-infos .line{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:left;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding: 12px 0;
  font: normal 13px/18px 'Lato', Arial;
  color: #919191;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.container-scenographie .block-txt-infos .line.pays span,
.container-scenographie .block-txt-infos .line.modele span{
  font: normal 11px/15px 'Oswald', Arial;
  color: #FFFFFF;
  text-transform: uppercase;
}

.container-scenographie .block-txt-infos .line .infos{
  -webkit-box-flex:1;
  -webkit-flex:1 1;
  -ms-flex:1 1;
  flex: 1 1;
}

.container-scenographie .block-txt-infos .line .label{
  font: normal 11px/15px 'Oswald', Arial;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-box-flex:0;
  -webkit-flex:0 0 148px;
  -ms-flex:0 0 148px;
  flex:0 0 148px;
  max-width:148px;
}

.container-scenographie .block-txt-infos .field-name-body{
  margin-top: 44px;
}

/**
* Modifs Focus : ajout d'un bouton sur la page réalisation pour afficher une vidéo dans une popup
* 2017-02-20
*/
/* Bouton */
.realisation-video-button{
  border: 0;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  margin-top: 96px;
}
@media (min-width: 640px) {
  .realisation-video-button{
    margin-top: 82px;
  }
}
.realisation-video-button > a{
  display: block;
  text-decoration: none;
  box-shadow: inset 0 0 0 2px #fff;
  background: none;
  border: none;
  padding: 10px 20px 10px 12px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.realisation-video-button img{
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: auto;
}
.realisation-video-button span{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.page-realisations h1{
  margin-bottom: 70px !important;
  padding-bottom: 0;
}
.page-realisations h1 + h2{
  background: none;
  padding-left: 15px;
  padding-right: 15px;
}

/**
* Modif 19-JUL-2017
* Sketch FAB 3D support
* @author sylvain@choosit.com
*/
.sketchfab-embed-wrapper {
  width: 100%;
  position: relative;
  height: 0;
  margin-bottom: 16px;
  padding-bottom: 140%;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  .sketchfab-embed-wrapper {
    width: 70%;
    padding-bottom: 100%;
  }
}
.sketchfab-embed-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sketchfab-embed-wrapper iframe+p{
  display: none;
}

/* NEWSLETTER */

.section-inscription-la-newsletter .webform-client-form{
  text-align: center;
}

.section-inscription-la-newsletter .webform-client-form .webform-component--email{
  margin: auto;
}

.page-node-547 .node-webform,
.page-node-717 .node-webform{
  text-align: center;
}
.page-node-547 .node-webform .webform-client-form,
.page-node-548 .node-webform .webform-client-form,
.page-node-717 .node-webform .webform-client-form,
.page-node-718 .node-webform .webform-client-form{
  float: none;
  margin: auto;
}

.page-node-547 .field-name-field-sous-titre,
.page-node-717 .field-name-field-sous-titre{
  padding-bottom: 22px;
}

.page-node-547 .node-webform .field-type-text-with-summary,
.page-node-717 .node-webform .field-type-text-with-summary{
  float: none;
  width: 100%;
  max-width: 51%;
  margin: auto;
  margin-bottom: 30px;
}

.node-type-webform.page-node-547 .node-webform .form-item,
.node-type-webform.page-node-717 .node-webform .form-item{
  /*margin-left: 2.5%;
  margin-right: 2.5%;*/ /* Décommenter ces deux lignes et supprimer margin auto et le float si plusieurs champs */
  float: none;
  margin: auto;
}

.page-node-547 .chosen-container,
.page-node-717 .chosen-container{
  width: 100% !important;
  min-width: 100% !important;
}

.page-node-547 input.form-submit,
.page-node-717 input.form-submit{
  margin: 22px 0 0 0;
}

.node-unpublished{
  background-color: transparent;
}

.node-type-webform .rgpd label {
  float: initial;
}

#edit-submitted-rgpd > div{
  display: flex;
}
#edit-submitted-rgpd > div > div{
  flex: 0 0 auto;
}
#webform-client-form-717 > div > div.captcha > div > div{
  float: none;
  margin: auto;
  margin-top: 20px;
}


/**
* Modifs: Refonte légère en attendant la prochaine vraie refonte
* 2021-06-25
* - https://gitlab.choosit.com/choosit/focus/-/issues/59
* - https://gitlab.choosit.com/choosit/focus/-/issues/58
* - https://gitlab.choosit.com/choosit/focus/-/issues/56
* - https://gitlab.choosit.com/choosit/focus/-/issues/55
*/

/* Home collection grid */
.home-collections > .content > h2 {
  padding-bottom: 0;
}
.home-collections .view-display-id-block_collections .view-content {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 640px) {
  .home-collections .view-display-id-block_collections .view-content {
    display: grid;
    gap: 20px;
    grid-template-columns: 3fr 3fr 4fr;
    grid-template-rows: repeat(12, minmax(48px, auto));
  }
}
@media screen and (min-width: 1024px) {
  .home-collections .view-display-id-block_collections .view-content {
    gap: 20px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .home-collections .view-display-id-block_collections .view-content {
    padding: 0;
  }
}
.home-collections .view-display-id-block_collections .views-row-1,
.home-collections .view-display-id-block_collections .views-row-2 {
  grid-row: 1 / 8;
}
.home-collections .view-display-id-block_collections .views-row-3 {
  grid-row: 1 / 11;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .home-collections .view-display-id-block_collections .views-row {
    margin-bottom: 20px;
  }
}
.home-collections .view-display-id-block_collections .big-buttons {
  grid-column: 1 / 3;
  grid-row: 8 / span 5;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 40px;
}
@media screen and (min-width: 640px) {
  .home-collections .view-display-id-block_collections .big-buttons {
    padding-right: 40px;
  }
}
.home-collections .view-display-id-block_collections .big-buttons .button {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 22px 40px 18px 28px;
  color: rgba(0, 0, 0, .5);
  font-weight: normal;
  font: 15px/23px 'Lato', sans-serif;
  text-transform: none;
  letter-spacing: normal;
  align-items: flex-start;
  position: relative;
}
.home-collections .view-display-id-block_collections .big-buttons .button:hover {
  background: #f2f2f2;
  border-color: #f2f2f2;
}
@media screen and (min-width: 640px) {
  .home-collections .view-display-id-block_collections .big-buttons .button {
    padding: 30px 50px 26px;
  }
}
.home-collections .view-display-id-block_collections .big-buttons .button span {
  color: #000;
  text-align: left;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 4px;
}
.home-collections .view-display-id-block_collections .big-buttons .button::after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: '';
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(../images/chevron-down-black.svg);
  background-size: contain;
  transform: rotate(-90deg);
}
@media screen and (min-width: 640px) {
  .home-collections .view-display-id-block_collections .big-buttons .button::after {
    right: 40px;
  }
}
.home-collections .view-display-id-block_collections .big-buttons .button:not(:first-child) {
  margin-top: 16px;
}
.home-collections .view-display-id-block_collections .see-more {
  grid-row: 11 / span 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.home-collections .view-display-id-block_collections .see-more .button {
  display: inline-flex;
  align-items: center;
  background: #000;
  padding: 22px 60px 22px 66px;
}
@media screen and (max-width: 639px) {
  .home-collections .view-display-id-block_collections .see-more .button {
    margin-top: 20px;
  }
}
.home-collections .view-display-id-block_collections .see-more .button:hover,
.home-collections .view-display-id-block_collections .see-more .button:focus {
  background: rgba(0, 0, 0, 0.5);
}
.home-collections .view-display-id-block_collections .see-more .button::after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(https://icongr.am/feather/chevron-down.svg?size=24&color=ffffff);
  background-size: contain;
  transform: rotate(-90deg) translateY(6px);
}
.home-collections .button {
  margin: 0;
}
/*  Home collection Rows fieds */
/* Generic fields */
.home-collections .views-field a,
.home-collections .views-field img {
  display: block;
}
.home-collections .views-field-field-visuel .field-content img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* Visuel fields */
.home-collections .views-row-3 .views-field-field-visuel {
  flex: 1 0 auto;
}
.home-collections .views-row-3 .views-field-field-visuel .field-content,
.home-collections .views-row-3 .views-field-field-visuel .field-content a {
  height: 100%;
}

/* Title fields */
.home-collections .views-field-name-field-et {
  margin: 20px 0 4px;
  font: normal 21px/27px 'Oswald', sans-serif;
  text-transform: uppercase;
}
/* Description */
.home-collections .views-field-description-field {
  font-size: 15px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1024px) {
  .home-collections .views-field-description-field {
    padding-right: 40px;
  }
}
.home-collections .views-field-description-field p {
  margin: 0;
}

/* Node Produit */
.other-infos__title {
  font-size: 28px;
  line-height: 30px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
}

/* Produit: Other Products */
.block-other-products {
  position: relative;
  max-width: 1600px;
  margin: 30px auto;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .block-other-products {
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 32px);
    margin: 70px auto;
  }
}
@media screen and (max-width: 639px) {
  .block-other-products > h2 {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
    text-align: left;
    background-position: 20px bottom;
  }
}

/* Swiper */
@media screen and (min-width: 640px) {
  .view-id-produits.view-display-id-block_other_products .view-content {
    padding-left: 64px;
    padding-right: 64px;
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 639px) {
  .view-id-produits.view-display-id-block_other_products .swiper-button-prev,
  .view-id-produits.view-display-id-block_other_products .swiper-button-next {
    display: none;
  }
}

.block-other-products .swiper-slide {
  width: 80%;
}
.block-other-products .swiper-slide:first-child { margin-left: 20px; }
.block-other-products .swiper-slide:last-child { margin-right: 20px; }

@media screen and (min-width: 640px) {
  .block-other-products .swiper-slide {
    width: calc(33.33333% - 20px);
  }
  .block-other-products .swiper-slide:first-child { margin-left: 0; }
  .block-other-products .swiper-slide:last-child { margin-right: 0; }
}
@media screen and (min-width: 1024px) {
  .block-other-products .swiper-slide {
    width: calc(25% - 22.5px);
  }
}
.block-other-products .swiper-button-prev,
.block-other-products .swiper-button-next {
  --swiper-theme-color: #fff;
}

.block-other-products .views-field-title-field-et {
  font-size: 17px;
  line-height: 25px;
  font-family: 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 10px;
}
.block-other-products .views-field-title-field-et a {
  text-decoration: none;
}
.block-other-products .views-field-field-sous-titre-et {
  font-size: 13px;
  line-height: 21px;
}
.block-other-products .see-all {
  position: absolute;
  top: 2px;
  right: 20px;
}

/* Fixed Header */
@media screen and (min-width: 1024px) {
  .header.fixed,
  .header.fixed .region-navigation {
    will-change: transform;
    transition: transform 300ms linear;
  }
  .header.fixed--top,
  .header.fixed--top .region-navigation {
    transform: translateY(0px);
  }
  .header.fixed--not-top {
    transform: translateY(-20px);
  }
  .header.fixed--not-top .region-navigation {
    transform: translateY(10px);
  }
  #header.header.fixed--not-top a#logo {
    transform: translateX(-50%) translateY(30px);
  }
}

/* Dropdown Appear Effect */
@keyframes dropdownDefault {
  0% {
    transform-origin: 0% 0%;
    opacity: 0;
    transform: scaleY(0.8);
  }
  100% {
    transform-origin: 0% 0%;
    opacity: 1;
    transform: scaleY(1);
  }
}


/* Collections Top 20 */
.collection-load-more {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .collection-load-more {
    margin-bottom: 70px;
  }
}
.collection-load-more .button {
  appearance: none;
  padding: 22px 60px 22px 66px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: normal 12px/23px 'Oswald';
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  white-space: normal;
  border: none;
  border-radius: 0;
  background-color: #000;
  transition: all .25s;
}
.collection-load-more .button.hide {
  opacity: 0.01;
  visibility: hidden;
  pointer-events: none;
}