/**
 * Place your custom styles here.
 */
 @font-face {
    font-family: 'Gotham-Rounded-Light';
    src: local('Gotham-Rounded-Light'), 
      url('/sites/all/themes/theme_suze/css/fonts/Gotham/Gotham-Rounded-Light.eot') format('eot'), 
      url('/sites/all/themes/theme_suze/css/fonts/Gotham/Gotham-Rounded-Light.otf') format('opentype'), 
      url('/sites/all/themes/theme_suze/css/fonts/Gotham/Gotham-Rounded-Light.woff') format('woff');
}
/*@font-face {
    font-family: 'Gotham-Rounded-Light';
    src: local('Gotham-Rounded-Light'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.eot') format('eot'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.otf') format('opentype'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Rounded-Light';
    src: local('Gotham-Rounded-Light'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.eot') format('eot'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.otf') format('opentype'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Rounded-Light';
    src: local('Gotham-Rounded-Light'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.eot') format('eot'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.otf') format('opentype'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Rounded-Light';
    src: local('Gotham-Rounded-Light'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.eot') format('eot'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.otf') format('opentype'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Rounded-Light';
    src: local('Gotham-Rounded-Light'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.eot') format('eot'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.otf') format('opentype'), 
    	url('/sites/all/themes/theme_suze/css/fonts/DINPro/Gotham-Rounded-Light.woff') format('woff');
}*/

@font-face {
    font-family: 'MarloweW00-Regular';
    src: local('MarloweW00-Regular'), 
    	url('/sites/all/themes/theme_suze/css/fonts/MarloweW00/MarloweW00-Regular.eot') format('eot'), 
    	url('/sites/all/themes/theme_suze/css/fonts/MarloweW00/MarloweW00-Regular.otf') format('opentype'), 
    	url('/sites/all/themes/theme_suze/css/fonts/MarloweW00/MarloweW00-Regular.woff') format('woff');
}


html{
	height: 100%;
  	box-sizing: border-box;
	font-family: 'Gotham-Rounded-Light', Arial;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;
  color: #000000;
}


a, a:hover, a:active, a:visited, a:focus{
  color:#e34811;
}

.main-container a{
  text-decoration:underline;
}

.undeline{
  text-decoration:underline;
}

.block-title,
.field-label{
  display:none;
}

.flag-title{
	text-transform:uppercase;
}

.col-md-12{
	padding:0px;
}




.owl-theme .owl-controls {
    margin-top: 0px;
    text-align: center;
    position: absolute;
    top: 47%;
    width:100%;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next{
	color:transparent;
	background:none;
	background:transparent url('../images/arrow-left.png') top left no-repeat;
	height:47px;
	width:42px;
	float:left;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	background:transparent url('../images/arrow-right.png') top left no-repeat;
	float:right;
}

#block-views-slider-home-block .owl-item .views-field-title{
  display:none;
}

#block-views-la-gamme-block .owl-wrapper-outer{
  z-index:10;
}

#block-views-la-gamme-block .owl-controls {
  top: 38%;
  z-index:5;
}
#block-views-la-gamme-block .owl-next{
	margin-right:-50px;
}
#block-views-la-gamme-block .owl-prev{
	margin-left:-50px;
}



/*****************************************************
*
*       Header
*
*****************************************************/


#block-locale-language{
  position:absolute;
  right:0px;
 }

/*
#block-locale-language ul{
	list-style: none;
	margin:0px;
}

#block-locale-language ul li{
	float:left;
	display:block;
	position:relative;
}
#block-locale-language ul li:after{
	content:"|";
	color: #686868;
}
#block-locale-language ul li:last-child:after{
	content:"";
}

#block-locale-language ul li a{
	color:#cecece;
	padding: 30px 5px 14px 5px;
}
#block-locale-language ul li.active >a{
	color: #686868;
}
*/

#block-locale-language:hover,
#block-locale-language:hover > select.language-switcher-locale-url  {
	background: #e7e7e7; 
	cursor: pointer;
}
select.language-switcher-locale-url{
    font-family:'Gotham-Rounded-Light';
    color:#000;
    font-size: 14px;
    border: 0;
    background: #fff; 
    padding-right: 18px;
    background: url('../images/select-arrow.png') no-repeat right;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 20px 18px 12px 10px;
}
select.language-switcher-locale-url:hover{
    outline: none;
    background: #e7e7e7; 
}
select.language-switcher-locale-url:focus {
    outline: none;
}
select.language-switcher-locale-url option {
  background: #fff; 
  border: 0;
} 

select.language-switcher-locale-url option:hover {
  background: #e7e7e7; 
}
select.language-switcher-locale-url option:checked {
  background: #e7e7e7; 
}









#navbar {
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	width:100%;
	height:74px;
	max-width:100%;
	padding:0px;
	border:0px;
	border-radius: 0;
  	-moz-border-radius: 0;
	margin-top:0px;
	/*background:#ffffff url('../images/liseret_suze_1889.jpg') bottom left repeat-x;*/
	background:#ffffff url('../images/header_background.jpg') top left repeat-x;
	z-index:100;
}

#navbar>.container{
	margin:auto;
	padding-bottom:20px;
}

#navbar .logo {
	position:absolute;
	left:63px;
	top:17px;
}

#navbar .name.navbar-brand{
	display:none;
}
#navbar .navbar-nav{
	float:right;
  margin-right:80px;
}

#navbar li a{
	font-family:'Gotham-Rounded-Light';
	color:#000;
	font-size: 14px;
	text-transform:uppercase;
	padding: 20px 30px 14px 30px;
}
#navbar li > a:hover{
	background-color: #e7e7e7;
}



/*****************************************************
*
*       Content
*
*****************************************************/
.main-container.container{
	
	/*width:100%;*/
	padding:0px;
	/*Footer height*/
	padding-bottom:358px;
	max-width: 1600px;
	width: 100%;
}



/*****************************************************
*
*       Home
*
*****************************************************/


.home-first-slider-block{
	padding-top:74px;
}


.row{
	margin:0px;
	padding:0px;
}
.row .col-sm-12,
.home-first-slider-block .col-md-12{
	padding:0px;
	margin:0px;
}

.page-builder-element-title,
.slider-mobile{
	display:none;
}
 .slider-desktop{
        display:block;
 }




.home-bandeau-image img{
	width:100%;
}



/*****************************************************
*
*       Home : la gamme & les cocktails
*
*****************************************************/

.page-builder-row-title{
	margin-bottom:40px;
}

.page-builder-row-title h2{
	font-family: 'MarloweW00-Regular', Arial;
	text-transform:uppercase;
	text-align:center;
	font-size:74px;
	margin:50px 0px 40px 0px;
}

.page-builder-row-title hr { 
    background:#ffffff url('../images/liseret_separator_waves.png') top center no-repeat;
	border:0px;
	height:10px;
	margin-bottom:55px;
}

#block-views-la-gamme-block,
#block-views-les-cocktails-block{
	padding-bottom:40px;
}

#block-views-la-gamme-block{
	background:transparent url('../images/cocktails_mozaic.png') 10em bottom no-repeat;
}

#block-views-les-cocktails-block{
	background:transparent url('../images/cocktails_mozaic.png') 5em bottom no-repeat;
}

#block-views-la-gamme-block .view-la-gamme .views-field-title,
#block-views-les-cocktails-block  .view-les-cocktails .views-field-title,
#block-views-la-gamme-block .view-la-gamme .views-field-nid,
#block-views-les-cocktails-block  .view-les-cocktails .views-field-nid{
	text-align:center;
}

#block-views-la-gamme-block .views-row,
#block-views-les-cocktails-block .views-row{
	display:inline-block;
	min-width:20%;
}


#block-views-la-gamme-block .views-field-title,
#block-views-les-cocktails-block .views-field-title{
	color:#000;
	font-family: 'Gotham-Rounded-Light', Arial;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom: 10px;
}


#block-views-la-gamme-block .views-field-field-produit-visuel-home{
	min-height:230px;
	margin-bottom:40px;
}


#block-views-la-gamme-block .views-field-field-produit-visuel-home .field-content{
	/* Pb alignement vertical
	min-height:230px;
	text-align: center;
  	display: block;
  	vertical-align: middle;
  	*/
}

#block-views-la-gamme-block .views-field-field-produit-visuel-home .field-content img,
#block-views-les-cocktails-block .views-field-field-visuel-cocktail .field-content img{
	margin-left: auto;
	margin-right:auto;
  cursor:pointer;
}
#block-views-les-cocktails-block .views-field-field-visuel-cocktail .hexagon{
  cursor:pointer;
}


#block-views-les-cocktails-block .views-field-field-produit-visuel-home{
	 min-height: 300px;
}
#block-views-la-gamme-block .views-field-nid{
		padding-bottom:40px;
}
#block-views-les-cocktails-block .views-field-nid{
	padding-top:40px;
	padding-bottom:40px;
}


a.btn-decouvrir{
	font-family: 'Gotham-Rounded-Light',Arial;
	text-transform:uppercase;
	color:#e34811;
	background-color:#ffffff;
	border:1px solid #e34811;
	padding:10px 20px;
	text-decoration:none;
}
a.btn-decouvrir:hover{
	color:#ffffff;
	background-color:#e34811;
}


#block-views-la-gamme-block{
  text-align:center;
}



.home-block-suze-originale{
	width:100%;
	height:auto;
	background:#ffffff url('../images/bg_block_suze_l_originale_v2.jpg') top left no-repeat;
	background-size:100% auto;
}



/*****************************************************
*
*       Hexagon transformer - Home cocktails
*
*****************************************************/

 .home-liste-ingredients-cocktail{
  text-align:left;
  padding:8px;
}

 .home-liste-ingredients-cocktail li{
  list-style-type: none;
  padding-left: 18px;
  color:#000000;
  /*color:rgba(40, 40, 40, 0.8);*/
  background: url(../images/liste-tiret.jpg) no-repeat -10px 8px;
}


.hexagon {
  position: relative;
  width: 200px; 
  height: 115.47px;
  margin: 57.74px 0;
  margin: 132px auto 97.74px auto;
  background-size: auto 230.9401px;
  background-position: center;
}

.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 29.29px;
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
  content: "";
  position: absolute;
  width: 200.0000px;
  height: 115.47005383792516px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-57.7350px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-57.7350px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-57.7350px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop {
  top: -70.7107px;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -70.7107px;
}

.hexBottom:after {
  background-position: center bottom;
}

.hexagon:after {
  content: "";
  position: absolute;
  top: 0.0000px;
  left: 0;
  width: 200.0000px;
  height: 115.4701px;
  z-index: 2;
  background: inherit;
}

.hexagon-master{
	position:relative;
}


.hexagon-text {
  position: absolute;
  top:0;
  width: 192px; 
  height: 110.85px;
  background-color: #ffffff;
  margin: 2px 4px;
  display:none;
  z-index:10;

}

.hexagon-text .content{
	text-align:center;
	padding: 0px 6px;
	color:#000;
	font-family: 'Gotham-Rounded-Light', Arial;
	font-size: 12px;
}


.hexagon-text:before,
.hexagon-text:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 96px solid transparent;
  border-right: 96px solid transparent;
}

.hexagon-text:before {
  bottom: 100%;
  border-bottom: 55.43px solid #ffffff;
}

.hexagon-text:after {
  top: 100%;
  width: 0;
  border-top: 55.43px solid #ffffff;
}



/*****************************************************
*
*       Home Block 5
*
*****************************************************/

 #block-block-2{
 	position:relative;
 	overflow: hidden;
 	padding:50px 0px;

 }


#block5{
  position: relative;
  width: 550px; 
  height: 317.54px;
  background-color: #e34811;
  margin: 158.77px auto;
  background: rgb(227, 72, 17);
  background: rgba(235, 77, 19, 0.7);
  
}

#block5:before,
#block5:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 275px solid transparent;
  border-right: 275px solid transparent;
  z-index:0;
}

#block5:before {
  bottom: 100%;
  border-bottom: 158.77px solid #e34811;
  border-bottom: 158.77px solid rgb(227, 72, 17);
  border-bottom: 158.77px solid rgba(235, 77, 19, 0.7);
}

#block5:after {
  top: 100%;
  width: 0;
  border-top: 158.77px solid #e34811;
  border-top: 158.77px solid rgb(227, 72, 17);
  border-top: 158.77px solid rgba(235, 77, 19, 0.7);
}


.hexagon-inner {
  position: absolute;
  top:0;
  width: 534px; 
  height: 308.31px;
  background-color: #ffffff;
  margin: 4px 8px;
}

.hexagon-inner:before,
.hexagon-inner:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 267px solid transparent;
  border-right: 267px solid transparent;
}

.hexagon-inner:before {
  bottom: 100%;
  border-bottom: 154.15px solid #ffffff;
}

.hexagon-inner:after {
  top: 100%;
  width: 0;
  border-top: 154.15px solid #ffffff;
  z-index:1;
}


#block5 .content{
	color:#000000;
	text-align:center;
}

.block5_title{
	font-family: "MarloweW00-Regular";
	text-transform:uppercase;
	font-size:56px;
}
.block5_subtitle{
	font-family: "Gotham-Rounded-Light";
	font-size:16px;
	text-transform:uppercase;
	color:#000;
}
#block5 hr{ 
    background:#ffffff url('../images/liseret_separator_waves.png') top center no-repeat;
	border:0px;
	height:10px;
	margin:24px 0px 0px 0px;
}
.block5_description{
	font-family: "Gotham-Rounded-Light";
	font-size:14px;
	line-height:1.5;
	padding: 34px 20px;
}

.btn-cta-orange,
a.btn-cta-orange{
	font-family: 'Gotham-Rounded-Light',Arial;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#e34811;
	border:1px solid #e34811;
	padding:10px 20px;
	margin-bottom: 40px;
	text-decoration:none;
}
a.btn-cta-orange:hover{
	color:#e34811;
	background-color:#ffffff;
}





/*****************************************************
*
*      La gamme
*
*****************************************************/

/* La Gamme Header */

/*FR*/
#block-views-gamme-header-block{
	background:#ffffff url('../images/header_la_gamme.jpg') top left no-repeat;
	background-size:100% auto;
}
/*EN*/
.i18n-en-gb #block-views-gamme-header-block{
  background:#ffffff url('../images/header_range.jpg') top left no-repeat;
  background-size:100% auto;
}

#block-views-gamme-header-block .view-id-gamme_header{
	padding:140px 0px 150px 0px;
	text-align:center;
}
#block-views-gamme-header-block .view-id-gamme_header .views-row{
    display: inline-block;
	vertical-align:bottom;
}
#block-views-gamme-header-block .view-id-gamme_header .views-row img{
	height:auto;

}

#block-views-gamme-header-block .views-row{
	position:relative;
}

#block-views-gamme-header-block .views-row .views-field-title{
	position:absolute;
	left:0;
	bottom:50px;
	/*top:0;
	height:100%;*/
	width:100%;

}





.hexagon175white{
  position: relative;
  top:25%;
  text-align:left;
  width: 180px; 
  height: 103px;
  background-color: #e34811;
  margin: 51.96px auto;		
  background: rgb(227, 72, 17);
  background: rgba(235, 77, 19, 0.7);
  background: -moz-linear-gradient(top, rgba(235, 77, 19,0.7) 0%, rgba(255,255,255,0) 60%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(235, 77, 19,0.7) 0%,rgba(255,255,255,0) 60%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(235, 77, 19,0.7) 0%,rgba(255,255,255,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34811', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	  
}

.hexagon175white:before,
.hexagon175white:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
  z-index:0;
}

.hexagon175white:before {
  bottom: 100%;
  border-bottom: 51.96px solid #e34811;
  border-bottom: 51.96px solid rgb(227, 72, 17);
  border-bottom: 51.96px solid rgba(235, 77, 19, 0.7);
}




.hexagon175white-inner {
  position:absolute;
  top:0;
  text-align:left;
  width: 172px; 
  height: 99.30px;
  background-color: #ffffff;
  margin: 2.5px 3.5px;
}

.hexagon175white-inner:before,
.hexagon175white-inner:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 86px solid transparent;
  border-right: 86px solid transparent;
}

.hexagon175white-inner:before {
  bottom: 100%;
  border-bottom: 49.65px solid #ffffff;
}

.hexagon175white-inner:after {
  top: 100%;
  width: 0;
  border-top: 49.65px solid #ffffff;
  z-index:1;
}


.hexagon175white-inner .title{
	font-family: "Gotham-Rounded-Light";
	font-size:16px;
	text-transform:uppercase;
	color:#000;
	text-align:center;

}

.hexagon175white a.btn-cta-orange{
	position:absolute;
	bottom:10px;
	left:31.5px;
	margin:0px;
	z-index:2;
 }





/* La Gamme : liste */


#block-views-gamme-liste-block .views-field-field-visuel{
	width:50%;
	float:left;
}

#block-views-gamme-liste-block .view-content{
	display:block;
	padding-top:20px;
	background:#ffffff url('../images/liseret_suze_1889.jpg') top left repeat-x;
}

#block-views-gamme-liste-block .views-row{
	display:block;
	padding-bottom:20px;
	background:#ffffff url('../images/liseret_suze_1889.jpg') bottom left repeat-x;
}
#block-views-gamme-liste-block .views-row:after{
	clear: both;
    content: "";
    display: block;
}


#block-views-gamme-liste-block .views-field-title{
	font-family : 'MarloweW00-Regular', Arial;
	font-size: 60px;
	text-align:center;
	text-transform:uppercase;
	padding: 40px 0 80px 0;
	border-bottom: 1px solid #e4e4e4;
}
#block-views-gamme-liste-block .views-field-field-description{
	overflow: hidden;
	width:auto;
	line-height: 1.8;
	font-family: 'Gotham-Rounded-Light', Arial;
	font-size:18px;
	color: #000;
	padding:50px 100px;
	text-align: justify;
}
#block-views-gamme-liste-block .views-field-field-lien{
	text-align:center;
	margin:10px auto;
}
a.btn-decouvrir-cocktails{
	font-family: 'Gotham-Rounded-Light',Arial;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#e34811;
	
	border:1px solid #e34811;
	padding:10px 20px;
	margin-bottom: 40px;
	text-decoration:none;
}
a.btn-decouvrir-cocktails:hover{
	color:#e34811;
	background-color:#ffffff;
}




#block-views-gamme-liste-block .views-field-field-reference{
	overflow:hidden;
	text-align:center;
}

#block-views-gamme-liste-block .views-field-field-reference ul{
	list-style: none;
}

#block-views-gamme-liste-block .views-field-field-reference li{
	display:inline-block;
	margin-right:15px;
}



/* Nodes cocktails Hexagon display in Produits */

.hexagon145 {
  position: relative;
  text-align:left;
  width: 145px; 
  height: 83.72px;
  margin: 41.86px 0;
  background-size: auto 167.4316px;
  background-position: center;
  cursor: pointer;
}

.hex145Top,
.hex145Bottom {
  position: absolute;
  z-index: 1;
  width: 102.53px;
  height: 102.53px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 21.23px;
}

/*counter transform the bg image on the caps*/
.hex145Top:after,
.hex145Bottom:after {
  content: "";
  position: absolute;
  width: 145.0000px;
  height: 83.71578903249574px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-41.8579px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-41.8579px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-41.8579px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hex145Top {
  top: -51.2652px;
}

.hex145Top:after {
  background-position: center top;
}

.hex145Bottom {
  bottom: -51.2652px;
}

.hex145Bottom:after {
  background-position: center bottom;
}

.hexagon145:after {
  content: "";
  position: absolute;
  top: 0.0000px;
  left: 0;
  width: 145.0000px;
  height: 83.7158px;
  z-index: 2;
  background: inherit;
}



/* Les Suze Fruits */
.view-suze-fruits{
	text-align:center;
	margin-bottom:100px;
}

.view-suze-fruits .view-header{
	margin-bottom:50px;
	font-family: 'Gotham-Rounded-Light';
	font-size:16px;
}

.view-suze-fruits .view-header h2{
	font-family: 'MarloweW00-Regular', Arial;
	font-size: 60px;
	text-align: center;
	text-transform: uppercase;
	margin:30px;
}

.view-suze-fruits .view-content{
	margin-bottom:100px;
}

.suze-fruits-roll{
	position:relative;
}

.view-suze-fruits img {
	margin:auto;
}

.suze-fruits-over{
	position:absolute;
	top:0;
	left:0
	right:0;
	margin:0;
	font-family: "Gotham-Rounded-Light";
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	background:transparent url('../images/produit_suze_fruits_rollover_home.png') top center no-repeat;
	cursor:pointer;
}





/*****************************************************
*
*      Les Cocktails
*
*****************************************************/

/* Les Cocktails : Header */

.slide-term-id-1,
.slide-term-id-2,
.slide-term-id-3{
	width:100%;
	background-size:100% auto;
	overflow:hidden;
}

/*Les classiques*/
.slide-term-id-1{
	background:#ffffff url('../images/background_les_classiques.jpg') top left no-repeat;
}

/*Les tendances*/
.slide-term-id-2{
	background:#ffffff url('../images/background_les_tendances.jpg') top left no-repeat;

}

/*Les experts*/
.slide-term-id-3{
	background:#ffffff url('../images/background_les_experts.jpg') top left no-repeat;
}

.slide-term-cocktails{
	/*padding:200px 0px 100px 0px;*/
  background-size:100% auto;
	text-align:center;
  height:785px;
  position:relative;
  
}





.slide-term-cocktails .cocktail-header{
  height:100%;
  display:inline-block;
  padding:0px;
  margin: 0px 20px 100px 20px;
  position:relative;
}
.slide-term-cocktails .cocktail-header .link-visuel-cocktail-header{
  height:100%;
  display:table;
  vertical-align:bottom;
}
.field-name-field-visuel-cocktail-header {
  display: table-cell; vertical-align: bottom;
}

.slide-term-cocktails .field-label{
  display:none;
}

.cocktail-header-image-title{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.slide-term-cocktails .cocktail-header .hexagon175white{
  top:55%;
}




/* Les Cocktails : liste */


#block-views-cocktails-liste-block .views-field-field-visuel-cocktail{
	width:50%;
	float:left;
}

#block-views-cocktails-liste-block .cocktail-details{
  width:50%;
  height:100%;
  vertical-align: middle;
  position:relative;
  overflow:hidden;
}

#block-views-cocktails-liste-block .cocktail-details .content{
  vertical-align:middle;
  text-align:center;
  width:100%;
}



#block-views-cocktails-liste-block .view-content{
	display:block;
	padding-top:20px;
	background:#ffffff url('../images/liseret_suze_1889.jpg') top left repeat-x;
}

#block-views-cocktails-liste-block .views-row{

  width:100%;
  position:relative;
  overflow:hidden;
	padding-bottom:20px;
	background:#ffffff url('../images/liseret_suze_1889.jpg') bottom left repeat-x;
}
#block-views-cocktails-liste-block .views-row:after{
	clear: both;
  content: "";
  display: block;
}


#block-views-cocktails-liste-block .views-field-title{
	font-family : 'MarloweW00-Regular', Arial;
	font-size: 60px;
	text-align:center;
	text-transform:uppercase;
	
}



#block-views-cocktails-liste-block .views-field-field-ingredients,
#block-views-cocktails-liste-block .views-field-field-description-cocktail,
#block-views-cocktails-liste-block .views-field-field-type-cocktail{
	width:auto;
	line-height: 1.8;
	font-family: 'Gotham-Rounded-Light', Arial;
	font-size:18px;
	color: #000;
	padding:20px 100px;
	text-align: justify;
}



#block-views-cocktails-liste-block .views-field-field-type-cocktail{
  color:#000000;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 45px;
  background: transparent url('../images/separator_type-cocktail.png') center bottom no-repeat;
}


#block-views-cocktails-liste-block  .views-field-field-video-cocktail{
  text-align:center;
  padding-top: 20px;
}


#block-views-cocktails-liste-block .views-field-field-ingredients{
  border-bottom: 1px solid #e4e4e4;
  padding:20px;
}

#block-views-cocktails-liste-block  .table-ingredients .row{
  width:100%;
  text-align:center;
  font-size:0;        /*Fix to div inline-block spacing*/
}
#block-views-cocktails-liste-block  .table-ingredients .col{
  display:inline-block;
  padding:20px 10px;
  border:1px solid #cecece;
  min-width: 150px;
  margin-top: -1px;   /*Fix to border merge*/
  margin-left: -1px;  /*Fix to border merge*/
  font-size:18px;
}
#block-views-cocktails-liste-block  .table-ingredients .col p{
  margin:0px;
}

.views-field-field-description-cocktail h2{
  text-align:center;
  color:#000000;
  font-family: 'MarloweW00-Regular';
}

.views-field-field-description-cocktail li{
  list-style-type: none;
  padding-left: 28px;
  color:#000000;
  /*color:rgba(40, 40, 40, 0.8);*/
  background: url(../images/liste-tiret.jpg) no-repeat 0 15px;
}


.views-field-field-video-cocktail .field-content{
  position:relative;
}


/*
 *
 *  Pages
 *
 */

.node-page{
  padding: 60px;
}

.node-page h1{
  font-family: 'MarloweW00-Regular', Arial;
  font-size: 60px;
  text-transform: uppercase;
  padding: 40px 0 0px 0;
  color:#000000;
}
.node-page h3{
  font-family: 'MarloweW00-Regular', Arial;
  font-size: 30px;
  text-transform: uppercase;
  padding: 40px 0 20px 0;
}
.node-page h4,
.node-page p,
.node-page li{
  line-height: 1.6;
  font-family: 'Gotham-Rounded-Light', Arial;
  font-size: 18px;
  color: #000;
  text-align: justify;
}
.node-page h4{
  font-family: 'Gotham-Rounded-Light', Arial;
  padding-top:30px;
}


/*****************************************************
*
*      Histoire
*
*****************************************************/


h2.title_histoire {
    font-family: 'MarloweW00-Regular', Arial;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 0 0px 0;
}

.image_title .builder-content-builder-image img {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 20px;
}
.image_title2 .builder-content-builder-image img {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 20px;
}
.builder-column.image_title_gauche {
  padding-right: 0;
    padding-left: 0;
}

.histoire_description_title .builder-content p {
    overflow: hidden;
    width: auto;
    line-height: 1.8;
    font-family: 'Gotham-Rounded-Light', Arial;
    font-size: 18px;
    color: #000;
    text-align: justify;
    
}
.histoire_description_title .builder-content{
	padding-top:70px;
}

.histoire_description_title .builder-content-builder {
    padding: 10px 0 70px 0;
}

.histoire_images_full .builder-column {
  padding-right: 0px;
    padding-left: 0px;
} 

.histoire_images_full .builder-column img {
  width: 100%;
}
.row_suzestory_img {
  
}
.builder-column.histoir_image_droit {
    padding-right: 0px;
    padding-left: 0px;
    
}
.col_img_chaudiere {
  padding-right: 0px;
    padding-left: 0px;
}
.col_img_chaudiere img {
  width: 100%;
}
.column_madeinsuze h2 {
    font-family: 'MarloweW00-Regular', Arial;
    font-size: 40px;
    width:90%;
    margin-left:10%;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 50px 20px 50px;
}
.column_madeinsuze2 h2 {
    font-family: 'MarloweW00-Regular', Arial;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 50px 20px 50px;
    letter-spacing: 3px;
}
.histoire_column_recolte h2 {
    font-family: 'MarloweW00-Regular', Arial;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    width: 90%;
    margin: 0;
}
.histoire_column_recolte p {
    overflow: hidden;
    width: 90%;
    margin: 0;
    line-height: 1.8;
    font-family: 'Gotham-Rounded-Light', Arial;
    font-size: 18px;
    color: #000;
    text-align: justify;
}
h2.histoire_grand_title {
  color: #000000;
  font-family: 'MarloweW00-Regular', Arial;
    font-size: 100px;
    text-align: left;
    text-transform: uppercase;
    padding: 20px 50px;
}
h2.histoire_grand_title2 {
  color: #000000;
  font-family: 'MarloweW00-Regular', Arial;
    font-size: 100px;
    text-align: left;
    text-transform: uppercase;
    padding: 20px 0px;
}
.column_madeinsuze p {
    overflow: hidden;
    width: 90%;
    margin-left:10%;
    line-height: 1.8;
    font-family: 'Gotham-Rounded-Light', Arial;
    font-size: 18px;
    color: #000;
    text-align: justify;
    padding: 0px 0px 0px 50px;
}

.histoire_column_assemblage h2 {
    font-family: 'MarloweW00-Regular', Arial;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    width: 90%;
    margin-left:10%;
    margin-top:0px;
}
.histoire_column_assemblage p {
    overflow: hidden;
    width: 90%;
    margin-left:10%;
    line-height: 1.8;
    font-family: 'Gotham-Rounded-Light', Arial;
    font-size: 18px;
    color: #000;
    text-align: justify;
}
.histoire_img_footer {
  height: 180px;
    margin-top: -75px;
}
.histoire_img_footer .builder-column {
  position: relative;
}
.histoire_img_footer .builder-column img {
  position: absolute;
    z-index: 2;
}

.translation-link {
  display: none;
}

.histoire_col_img_recolte {
  position: relative;
}
.histoire_col_img_recolte {
  padding: 0;
}
.histoire_col_img_recolte .builder-content-column-group .builder-content-wrapper .img-responsive {
  position: absolute;
    z-index: 2;
    left: 10%;
    right: 10%;
    width: 80%;
    margin: 0 auto;
    top: 50px;
}
.histoire_col_img_recolte .builder-content-column-group .builder-content-wrapper:first-child .img-responsive{
  position: relative;
  z-index: 1;
    left: 0;
    right: 0;
    top: -30px;
    width: 100%;
    width:609px;
    max-width:609px;
}
.histoire_col_img_assemblage .img-responsive {
  width: 90%;
    margin: 0;
}

.histoire_row_img_assemblage {
  margin-top: 50px;
}
.builder-column.histoire_images_full2 {
  padding-right: 0px;
    padding-left: 0px;
}
.builder-column.histoire_images_full2 img{
    float: right;
}

@media ( max-width : 991px) {
  .histoire_images_full .histoire_mobile_hidden_col,
  .histoir_image_droit,
  .histoire_images_full2,
  .histoire_col1_img_assemblage {
    display: none;
  }
  .column_madeinsuze h2 {
        font-family: 'MarloweW00-Regular', Arial;
      font-size: 40px;
      text-transform: uppercase;
      padding: 0px 50px 20px 50px;
      margin: 0;
  }
  .histoire_description_title .builder-content p {
      margin: 0 20px;
  }
}
@media ( max-width : 767px) {
  .histoire_images_full .histoire_mobile_hidden_col,
  .histoir_image_droit,
  .histoire_images_full2,
  .histoire_col1_img_assemblage,
  .image_title_gauche {
    display: none;
  }
  .column_madeinsuze h2 {
        font-family: 'MarloweW00-Regular', Arial;
      font-size: 40px;
      text-transform: uppercase;
      padding: 0px 50px 20px 50px;
      margin: 0;
  }
  .histoire_column_recolte h2 {
      font-family: 'MarloweW00-Regular', Arial;
      font-size: 40px;
      text-align: center;
      text-transform: uppercase;
      padding-bottom: 10px;
      width: 90%;
      margin: 0 5%;
  }
  .histoire_description_title .builder-content p {
      margin: 0 20px;
  }
  h2.histoire_grand_title {
      font-size: 50px;
      padding: 20px 20px;
  }
  .column_madeinsuze p {
      padding: 0px 20px;
  }
  .histoire_description_title .builder-content-builder {
      padding: 10px 0 10px 0;
  }
  h2.histoire_grand_title2 {
      font-size: 50px;
        padding: 0px 20px;
  }
  .histoire_row_img_assemblage {
      margin-top: 150px;
  }
  .histoire_column_recolte h2 {
      margin-top: 20px;
  }
  .histoire_img_footer {
      margin-top: 0;
  }
}



.over-video{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.7);
}

.over-video .full-block{
	display:table;
	width:100%;
	height:100%;
}

.over-video .full-block .inner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.btn-play{
	margin-top:90px;
	width:56px;
	height:56px;
	background:transparent url('../images/btn-play.png') top left no-repeat;
	border:0px;
}

.over-video .btn-cta-orange{
	width:150px;
	margin: 30px auto;
	cursor:pointer;

}



/* SELECTEUR DE LANGUE DESACTIVE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.region-navigation{
	display:none;
}





/*****************************************************
*
*      Footer
*
*****************************************************/

.footer{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background:#222222 url('../images/footer_background.jpg') center top no-repeat;
	height:358px;
	width:100%;
	margin:0px;
	padding:0px;
}

#block-menu-menu-pied-de-page ul{
	margin-top:120px;
	text-align:center;
}

#block-menu-menu-pied-de-page li{
	display:inline-block;
	color:#ffffff;
	margin:20px;
	font-size:14px;
}

#block-menu-menu-pied-de-page li a{
	color:#ffffff;
	text-decoration:underline;
}

#block-menu-menu-pied-de-page .nav > li > a:hover,
#block-menu-menu-pied-de-page .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}



.mention-sanitaire{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #6c6c6c;
	background-color: #fff;
	padding: 4px;
	text-align:center;
	font-family: 'Gotham-Rounded-Light';
	font-size:18px;
  z-index:1750;
}
.mention-sanitaire .block-title{
	display:none;
}



#tatoo{
  position:fixed;
  bottom:0;
  height:111px;
  width:113px;
  z-index:1700;
  background:transparent url('../images/losanges-bas-de-page.png') top left no-repeat;
}

/*****************************************************
*
*       Bandeau cookies
*
*****************************************************/

#cookieChoiceInfo {
    min-height: 50px;
    padding-top:10px !important;
    background: #fff !important;
    color:#000000 !important;
    z-index:1750!important;
    font-size:11px;
}

#cookieChoiceInfo span {
    float:none;
}

#cookieChoiceInfo a {
    clear:both;
    color: #000000;
    font-weight:bold;
    text-decoration:underline;
}
#cookieChoiceDismiss{
  display:none;
}


.age-gate-responsable{
/*  display:none; */
}

/*****************************************************
*
*       Tableaux page NUTRI
*
*****************************************************/
.nutri{
  margin-top:20px;
}

.nutri caption{
  color:#FF4A00;
  font-size:18px;
}


.nutri tr:nth-child(even) {
    background-color: #efefef;
}

.nutri th{
  background-color:#000;
  color:#fff;
  padding:10px 4px;
  border-right:1px solid #cfcfcf;
}
.nutri th:first-child{
  padding-left:10px;
}

.nutri tr td{
  line-height: 1.6;
  font-family: 'Gotham-Rounded-Light', Arial;
  font-size: 18px;
  color: #000;
  text-align: justify;
  border-top:1px solid #fefefe;
  padding:4px 10px;
  text-align:right;
  border-right:1px solid #cfcfcf;
}
.nutri tr td:first-child{
  text-align:left;
}