/**
* @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;
	font-smoothing: antialiased;
	webkit-font-smoothing: antialiased;
	moz-font-smoothing: antialiased;
	ms-font-smoothing: antialiased;
	o-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 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	*behavior: url("/path/to/boxsizing.htc");
	_display: inline;
	_overflow: hidden;
	_overflow-y: visible;
}

/* Containers for grid items and flow items. */
#header,
#main,
#footer {
	*position: relative;
	*zoom: 1;
}

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

html{
}

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;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

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);
}

body strong {
	font-weight: 700;
}

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

/*
font-family: 'Oswald', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;

Oswald
Normal 400
Bold 700
Light 300

Lato
Normal 400
Bold 700
Light 300
Light 300 Italic
Normal 400 Italic
Bold 700 Italic


SUPPRIMER DU STYLE
Playfair Display
Normal 400 Italic
*/


/* =============================================================================
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 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;
	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);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

.bloc-couleur2{
	color: #000000;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);
}

.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	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;
}

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

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
}

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;
}

.chosen-container-multi .chosen-choices li.search-choice:first-child{
}

.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-with-drop .chosen-single{}

	.apply-chosen .chosen-container .chosen-drop{
	}

	.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;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		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;

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

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

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	}

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

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);
	}

  .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 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;
	}

	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);

			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1AFFFFFF,endColorstr=#1AFFFFFF);
		}

		.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%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			-ms-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);

			/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);*/
			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;
		}

		.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);

			/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);*/
		}

		.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;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-ms-border-radius: 0;
			-o-border-radius: 0;
			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;

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

			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
		}

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

			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);
		}

		/* 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);

			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
		}

		.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);

			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF5F5F5,endColorstr=#FFF5F5F5);
		}

		.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;
			-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;
		}

		.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%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-o-border-radius: 50%;
			-ms-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{
			display: block;
			z-index: 150;
			position: fixed;
			height: 75px;
			top: 0;
			left: 0;
			width: 100%;
			-webkit-transition: -webkit-transform .3s;
			transition: transform .3s;
		}

		#header.fixed{

		}

		.fixed #header{
			/*
			position: fixed;
			top: 0;
			left: 0;
			z-index: 4;
			height: 72px;
			margin: 0;
			*/
		}
		#navigation .menu{
			text-align: center;
		}
		#navigation .menu .menu{
			text-align: left;
		}
		.front #header .content{
			max-width: 100%;
			padding: 0;
			text-align: center;
		}

		.header__site-name{
			visibility: hidden;
		}

		#header a#logo{
			position: absolute;
			left: 50%;
			top: 50%;
			z-index: 3;
			display: block;
			width: 100px;
			height: 70px;
			margin-left: -30px;
			margin-top: 20px;
			background: transparent url(../images/logo_focus_blanc.svg) no-repeat left top;
			background-size: 100% auto;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			transition: all .3s;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
		}

		.fixed #header a#logo{
			/*
			width: 99px;
			height: 47px;
			margin: 0 0 0 -45.5px;
			*/
		}

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

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

		/* LANGUAGES */

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


		#header.fixed--not-top #navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(3){ margin-right: 50px; }
		#header.fixed--not-top #navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(4){ margin-left: 50px; }


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

		.region-header{
			position: absolute;
			right: 3%;
			top: 0;
			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;
		}

		#block-locale-language{
			position: relative;
			z-index: 3;
			float: right;
			margin: 5px 0 0 0;
			padding: 0 0 0 58px;
			background: #000000 url(../images/icon_mini_map.png) no-repeat 11px top;
		}

		#block-locale-language H2{
			display: none;
		}

		#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 ul{
			position: relative;
			z-index: 2;
			float: left;
			width: 75px;
			max-height: 100%;
			margin: 0;
			padding: 29px 30px 15px 0;
			background-color: #000000;
			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;
		}

		#block-locale-language ul.closed{
			height: 0;
			padding: 29px 30px 0 0;
		}

		#block-locale-language ul li{
			visibility: visible;
			opacity: 1;
			width: 100%;
			margin: 0;
			padding: 3px 0;
			text-align: left;
			background-image: none;
			background-color: #000000;
		}

		#block-locale-language ul.closed li{
			visibility: hidden;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			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;
		}

		#block-locale-language ul li.active{
			position: absolute;
			left: 0;
			top: 0;
			opacity: 1;
		}

		#block-locale-language ul.closed li.active a{
			visibility: visible;
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
		}

		#block-locale-language ul li.first{
			position: absolute;
			left: 0;
			top: 0;
			opacity: 1;
			padding: 0;
		}

		#block-locale-language ul li.first a{
			visibility: visible;
		}

		#block-locale-language ul li a{
			visibility: visible;
			font-size: 12px;
			line-height: 15px;
			font-weight: 400;
			color: #bdbdbd;
			text-transform: uppercase;
			text-decoration: none;
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
		}

		#block-locale-language ul li a:hover{
			color: #FFFFFF;
		}

		#block-locale-language ul.closed li a{
			visibility: hidden;
			transform: translateY(-100%);
			-webkit-transform: translateY(-100%);
			-moz-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
		}

		/* 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-transition:background-color .3s;
			-moz-transition:background-color .3s;
			-ms-transition:background-color .3s;
			-o-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;
			-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;
		}

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

		#trigger_menu i::before{
			-o-transform:translateY(-300%);
			-ms-transform:translateY(-300%);
			-webkit-transform:translateY(-300%);
			-ms-transform:translateY(-300%);
			transform:translateY(-300%)
		}

		#trigger_menu i::after{
			-webkit-transform:translateY(300%);
			-ms-transform:translateY(300%);
			-moz-transform:translateY(300%);
			-o-transform:translateY(300%);
			transform:translateY(300%)
		}

		.nav-open #trigger_menu{
			position:fixed
		}

		.nav-open #trigger_menu i::before{
			-webkit-transform:rotate(45deg) scaleX(1.5);
			-moz-transform:rotate(45deg) scaleX(1.5);
			-o-transform:rotate(45deg) scaleX(1.5);
			-ms-transform:rotate(45deg) scaleX(1.5);
			transform:rotate(45deg) scaleX(1.5)
		}

		.nav-open #trigger_menu i::after{
			-webkit-transform:rotate(-45deg) scaleX(1.5);
			-moz-transform:rotate(-45deg) scaleX(1.5);
			-o-transform:rotate(-45deg) scaleX(1.5);
			-ms-transform:rotate(-45deg) scaleX(1.5);
			transform:rotate(-45deg) scaleX(1.5)
		}

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

		#trigger_menu:hover i::before{
			-moz-transform:translateY(-400%);
			-o-transform:translateY(-400%);
			-webkit-transform:translateY(-400%);
			-ms-transform:translateY(-400%);
			transform:translateY(-400%)
		}

		#trigger_menu:hover i::after{
			-moz-transform:translateY(400%);
			-o-transform:translateY(400%);
			-webkit-transform:translateY(400%);
			-ms-transform:translateY(400%);
			transform:translateY(400%)
		}

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

		.nav-open #trigger_menu i::before{
			-webkit-transform:rotate(45deg) scaleX(2);
			-moz-transform:rotate(45deg) scaleX(2);
			-o-transform:rotate(45deg) scaleX(2);
			-ms-transform:rotate(45deg) scaleX(2);
			transform:rotate(45deg) scaleX(2)
		}

		.nav-open #trigger_menu i::after{
			-webkit-transform:rotate(-45deg) scaleX(2);
			-moz-transform:rotate(-45deg) scaleX(2);
			-o-transform:rotate(-45deg) scaleX(2);
			-ms-transform:rotate(-45deg) scaleX(2);
			transform:rotate(-45deg) scaleX(2)
		}

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

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

		#navigation .block{
			position: initial;
		}

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

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li{
			float: none;
			position: relative;
			display: inline-block;
			margin: 0;
			margin-right: -4px;
			padding: 0;
			background: none;
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li.first{
			position: static;
		}

		.fixed #navigation .block-menu-block .menu-block-wrapper > ul.menu > li.first{
			/*margin-left: -22px;*/
			/* 	margin-left: 85px; */
		}

		/*.front .fixed #navigation .block-menu-block .menu-block-wrapper > ul.menu > li.first,
		.page-collections .fixed #navigation .block-menu-block .menu-block-wrapper > ul.menu > li.first{
		margin-left: 85px;
		}*/

		#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: 45px 8px 40px;
			font-size: 13px;
			font-weight: 700;
			line-height: 1;
			color: #FFFFFF;
			text-decoration: none;
			text-transform: uppercase;
			background: transparent url(../images/divider_mini_white.png) no-repeat -100px 70%;
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li:last-child a{ padding-right: 0 }

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(3){ margin-right: 50px; }
		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li:nth-child(4){ margin-left: 50px; }

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li:hover > a,
		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li.active > a{
			background-position: center 70%;
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li > a:hover{
			color: #FFFFFF;
			text-decoration: none;
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu > li > a.menu-padding-right{
			/* 	margin-right: 202px; */
		}

		.fixed #navigation .block-menu-block .menu-block-wrapper > ul.menu > li > a.menu-padding-right{
			/* 	margin-right: 175px; */
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu ul.menu{
			position: absolute;
			background: #fff;
			left: 0;
			visibility: hidden;
			opacity: 0;
			width: 310px;
			box-shadow: 0 3px 5px rgba(1,1,1,.18);
		}

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

		#navigation .block-menu-block .menu-block-wrapper > ul.menu li:hover ul.menu{
			/* 	top:  46px; */
			/*top: 56px;*/
			/*
			visibility: visible;
			opacity: 1;
			margin: 0;
			padding: 26px 0 26px 0;
			background: #FFFFFF none;
			*/
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu ul.menu li{
			width: 100%;
			margin: 0;
			padding: 0;
			background: transparent none;
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu ul.menu li a{
			display: block;
			padding: 10px 34px 10px 34px;
			font-size: 13px;
			line-height: 17px;
			color: #000000;
			text-decoration: none;
		}

		#navigation .block-menu-block .menu-block-wrapper > ul.menu ul.menu li a:hover{
			color: #000000;
			text-decoration: none;
			background-color: #eeeeee;
		}

		/* 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 .block-menu-block .menu-block-wrapper > ul.menu ul.menu,
		#navigation .block-menu-block .menu-block-wrapper > ul.menu li .mega-menu-collections{
			opacity: 0.001; /* Trigger Paint Layout on load, not on hover */
			visibility: hidden;
			-webkit-transform: translateY(-50px);
			transform: translateY(-50px);
			-webkit-transition: opacity .3s, -webkit-transform .8s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
			transition: opacity .3s, transform .8s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
		}

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

		#navigation .block-menu-block .menu-block-wrapper > ul.menu li:hover .mega-menu-collections,
		#navigation .block-menu-block .menu-block-wrapper > ul.menu li:hover ul.menu{
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		.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);

			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
			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;
		}

		.mega-menu-collections a:hover.link-collections span{
			background-color: rgba(0, 0, 0, 0.9);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000);
		}

		.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;
			-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;
			background-color: rgb(0, 0, 0);
			background-color: rgba(0, 0, 0, 0.05);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D000000,endColorstr=#0D000000);
		}

		.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%);
			-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;
		}

		.mega-menu-collections span.categories ul li a:hover::after{
			transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-ms-transform: translateY(0px);
			-o-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)
	}

/* BOUTONS FIXE de droite */

.menu-right-buttons{
	position: fixed;
	right: 0;
	top: 165px;
	z-index: 10;
}

.menu-right-buttons ul,
.menu-right-buttons ul li{
	margin: 0;
	padding: 0;
}

.menu-right-buttons ul li{
	clear: both;
	display: inline-block;
	float: right;
	overflow: hidden;
	min-width: 49px;
	max-width: 49px;
	max-height: 49px;
	margin-bottom: 1px;
	background-color: #474748;
	background-position: 15px center;
	background-repeat: no-repeat;
	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;
}

.menu-right-buttons ul li:hover{
	max-width: 100%;
	background-color: #727272;
}

.menu-right-buttons ul li a {
	float: left;
	display: block;
	opacity: 0;
	overflow: hidden;
	height: 49px;
	max-height: 49px;
	padding: 0 20px 0 49px;
	font: normal 12px/49px "Oswald";
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-webkit-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
}

.menu-right-buttons ul li:hover a{
	opacity: 1;
	color: #ffffff;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
}

.menu-right-buttons ul li.contact{
	background-image: url(../images/icon_contact.png);
}

.menu-right-buttons ul li.realisations{
	background-image: url(../images/icon_pin_location.png);
	background-position: 17px center;
}

.menu-right-buttons ul li.catalogue{
	background-image: url(../images/icon_flipbook.png);
	background-position: 14px center;
}

.menu-right-buttons ul li.share{
	background-image: url(../images/icon_partage.png);
	background-position: 16px center;
}

.menu-right-buttons ul li .share-buttons{
	float: left;
}

.menu-right-buttons ul li .share-buttons a{
	width: 49px;
	padding: 0;
	text-indent: -4000px;
	background-position: center center;
	background-repeat: no-repeat;
}

.menu-right-buttons ul li .share-buttons a#facebook{
	background-image: url(../images/icon_rs_facebook_blanc.svg);
	background-size: auto 43%;
	background-color: #365a9b;
}

.menu-right-buttons ul li .share-buttons a#google{
	background-image: url(../images/icon_rs_googleplus_blanc.svg);
	background-size: auto 43%;
	background-color: #d9402a;
}

.menu-right-buttons ul li .share-buttons a#twitter{
	background-image: url(../images/icon_rs_twitter_blanc.svg);
	background-size: auto 38%;
	background-color: #2e9bff;
}

.menu-right-buttons ul li .share-buttons a#youtube{
	background-image: url(../images/icon_rs_youtube_white.svg);
	background-size: auto 38%;
	background-color: #ee5045;
}

.menu-right-buttons ul li .share-buttons a#pinterest{
	background-image: url(../images/icon_rs_pinterest_white.svg);
	background-size: auto 43%;
	background-color: #cd2127;
}

.menu-right-buttons ul li .share-buttons a:hover#facebook,
.menu-right-buttons ul li .share-buttons a:hover#google,
.menu-right-buttons ul li .share-buttons a:hover#twitter,
.menu-right-buttons ul li .share-buttons a:hover#youtube,
.menu-right-buttons ul li .share-buttons a:hover#pinterest{
	background-color: #474748;
}

/* Fin de MENU HORIZONTAL */

/* 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;
}

.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: 4% 0 3%;
}

/* SLIDER ACCUEIL */

#masterslider{
	position: relative;
	height: 100vh;
}

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{
	position: absolute;
	left: 0;
	bottom: 100px;
	width: 100% !important;
}

#masterslider .ms-bullets .ms-bullets-count{
	display: inline-block;
	right: auto !important;
	margin: auto;
}

#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;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	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;
}

#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;
	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;
}

#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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}

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

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000);
}

.enter-collections a::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	content: "";
	/*border-top: 5px solid #333333;*/
	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;
}

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

/* COLLECTIONS ACCUEIL */

.home-collections{
	background: #FFFFFF;
}

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

.home-collections .view-taxos .owl-item{
	float: left;
	overflow: hidden;
	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-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;
	-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;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.55);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000);
}

.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);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000);
}

.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;
	-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;
}


.discover-focus .view-pages .views-row:hover .views-field-field-visuel .field-content a img{
	transform: scale(1.1);
	-webkit-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);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

.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%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

.discover-focus .two-blocks a:hover::after{
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-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;
	-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;
}

.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;
	float: left;
	width: 18%;
	margin: auto;
	padding: 0 0 0 5%;
	font: normal 50px/57px 'focus';
	color: #808080;
	text-align: center;
	text-indent:  -4000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	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;
}

.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;
	-moz-osx-font-smoothing: grayscale;
}

.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;*/
	padding: 1% 0 2.5% 0;
	font-size: 12px;
	font-weight: 400;
	color: #a3a3a3;
}

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

.footer-arbo #blocs-liens-bottom{
	display: inline-block;
	width: 100%;
	padding: 0 0 1.5% 0;
	border-bottom: 1px solid #333333;
}

.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{
	float: left;
	width: 16.5%;
	padding: 0 2.5% 0 0;
}

.footer-arbo .espaces{
	float: left;
	width: 17%;
	padding: 0 0 0 0;
}

.footer-arbo .socials{
	float: left;
	width: 14.5%;
}

.footer-arbo .collections,
.footer-arbo .energies,
.footer-arbo .arbo{
	margin-top: 2%;
}

/* 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 ul,
.footer-arbo ul li,
.footer-arbo ul li.menu__item.is-leaf,
.footer-arbo .item-list ul,
.footer-arbo .item-list li{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
	list-style-type: none;
}

.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 li a,
.footer-arbo ul li a.active,
.footer-arbo .item-list li a{
	position: relative;
	display: inline-block;
	padding: 0 0 3px 0;
	color: #a3a3a3;
	text-decoration: none;
	overflow: hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

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

.footer-arbo li a::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	content: "";
	border-bottom: 1px solid #FFFFFF;
	transform: translateX(-103%);
	-webkit-transform: translateX(-103%);
	-moz-transform: translateX(-103%);
	-ms-transform: translateX(-103%);
	-o-transform: translateX(-103%);
	transition: transform .25s ease-in-out;
	-moz-transition: -moz-transform .25s ease-in-out;
	-webkit-transition: -webkit-transform .25s ease-in-out;
	-ms-transition: -ms-transform .25s ease-in-out;
	-o-transition: -o-transform .25s ease-in-out;
}

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

/* ARBO */

.footer-arbo .arbo ul li.menu__item.is-leaf{
	margin: 0 0 13px 0;
	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-top: 1.3%;
}

.footer-arbo .espaces a{
	display: inline-block;
	width: 100%;
	margin: 0 0 25px 0;
	text-decoration: none;
}

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

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

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

.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{
	float: left;
	padding: 6% 0 0 0;
	font: normal 15px/18px 'Oswald';
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

/* RESEAUX SOCIAUX */

.footer-arbo .socials a{
	position: relative;
	float: left;
	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{
	-webkit-transition: all .3s;
	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 #content-liens{
	padding: 2% 0 0 0;
	font: normal 12px/15px 'Oswald';
	color: #a3a3a3;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
}

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

#liens-footer #content-liens span{
	float: left;
	display: inline-block;
}

#liens-footer #content-liens a{
	position: relative;
	display: inline-block;
	float: left;
	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%);
	-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;
}

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

#liens-footer a#logo-choosit{
	float: right;
	display: block;
	opacity: 0.4;
	width: 60px;
	height: 15px;
	background: transparent url(../images/logo_choosit_mini_white.png) no-repeat left top;
}

#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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

.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);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
	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:hover{
	color: #000000;
	background-color: rgba(255, 255, 255, 1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);
}

.view-news .views-row:hover{
	color: #000000;
	background-color: rgba(255, 255, 255, 1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);
}

.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%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	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;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}

/*.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%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		background-image: url(../images/icon_play.png);
		background-repeat: no-repeat;
		background-position: 60% center;
		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;
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.8);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	}

	.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);

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	}

	.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;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	-ms-transition: background .25s ease-in-out;
	-o-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;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		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;
	}

	.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

#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%);
	-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-list .row .middle .links a:hover.access-map-link::after{
	left: 17px;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	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-node-done .links a:hover{
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.7);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
}

/* 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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

.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%);
	-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;
}

.access-denied .left a:hover::after,
.access-denied .right input:hover.form-submit::after{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
}

#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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	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 .views-row:hover{
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73000000,endColorstr=#73000000);
}

.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
}

.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	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 .views-row:hover{
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73000000,endColorstr=#73000000);
}

.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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

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;
	-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;
}

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-widget{
	float: left;
	width: 22%;
	margin: 0 2.5% 0 0;
	padding: 0;
}

.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;
	-webkit-animation: spinner .75s infinite linear both;
	animation: spinner .75s infinite linear both;
}
@keyframes spinner {
	0%{ transform: rotate(0); }
	100%{ transform: rotate(360deg); }
}
@-webkit-keyframes spinner {
	0%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.view-produits .views-row.masonry-item.loaded .views-field-field-visuel{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Stagger */
.view-produits .views-row.masonry-item:nth-child(1) .views-field-field-visuel{
	-webkit-transition-delay: 90ms;
	transition-delay: 90ms;
}
.view-produits .views-row.masonry-item:nth-child(2) .views-field-field-visuel{
	-webkit-transition-delay: 180ms;
	transition-delay: 180ms;
}
.view-produits .views-row.masonry-item:nth-child(3) .views-field-field-visuel{
	-webkit-transition-delay: 270ms;
	transition-delay: 270ms;
}
.view-produits .views-row.masonry-item:nth-child(4) .views-field-field-visuel{
	-webkit-transition-delay: 360ms;
	transition-delay: 360ms;
}
.view-produits .views-row.masonry-item:nth-child(5) .views-field-field-visuel{
	-webkit-transition-delay: 450ms;
	transition-delay: 450ms;
}
.view-produits .views-row.masonry-item:nth-child(6) .views-field-field-visuel{
	-webkit-transition-delay: 540ms;
	transition-delay: 540ms;
}
.view-produits .views-row.masonry-item:nth-child(7) .views-field-field-visuel{
	-webkit-transition-delay: 630ms;
	transition-delay: 630ms;
}
.view-produits .views-row.masonry-item:nth-child(8) .views-field-field-visuel{
	-webkit-transition-delay: 720ms;
	transition-delay: 720ms;
}
.view-produits .views-row.masonry-item:nth-child(9) .views-field-field-visuel{
	-webkit-transition-delay: 810ms;
	transition-delay: 810ms;
}
.view-produits .views-row.masonry-item:nth-child(10 .views-field-field-visuel){
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms;
}
.view-produits .views-row.masonry-item:nth-child(11 .views-field-field-visuel){
	-webkit-transition-delay: 990ms;
	transition-delay: 990ms;
}

.view-produits .views-field-field-visuel{
	height: 0; /* Padding bottom is added via javascript */
	padding-bottom: 100%;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: opacity .5s, -webkit-transform 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
	transition: opacity .5s, transform 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
}
.view-produits .views-field-field-visuel~.views-field{
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: opacity .5s, -webkit-transform 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
	transition: opacity .5s, transform 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
}
.view-produits .views-row.masonry-item.loaded .views-field-field-visuel~.views-field{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.view-produits .views-field-field-visuel a{
	display: block;
	overflow: hidden;
}
.view-produits .views-field-field-visuel a::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .2;
	z-index: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.view-produits .views-field-field-visuel a:hover::before{
	opacity: 0;
}
.view-produits .views-field-field-visuel img{
	display: block;
	max-width: 100%;
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	transition: transform 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	-webkit-transform: scale(1);
	transform: scale(1);
}
.view-produits .views-field-field-visuel a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.view-produits .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;
}

.view-produits .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{
	text-align: center;
}

.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{
	display: inline-block;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 0 13px 0;
	text-align: left;
}

.node-produit .navbar a{
	float: left;
}

.node-produit .navbar a.back-collections{
	display: block;
	margin: 0 11px 0 0;
	width: 18px;
	height: 13px;
	background: transparent url(../images/icon_back_to_list.png) no-repeat left top
}

.node-produit .navbar a.back-collections:hover{
	opacity: 0.5;
}

.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 .navbar .fuels{
	float: right;
	width: 100%;
	max-width: 800px;
	/*max-width: 625px;*/
	margin: 0;
}

.node-produit .navbar .fuels ul{
	margin: 0;
}

.node-produit .navbar .fuels ul li{
	float: left;
	margin: 0 22px 0 0;
	padding: 0;
	font: normal 10px/15px 'Oswald';
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	background: transparent none;
}

.node-produit .navbar .fuels ul li a{
	opacity: 0.3;
	padding: 3px 0 5px 25px;
	color: #FFFFFF;
	background: transparent url(../images/icon_bois_mini.png) no-repeat left top;
}

.node-produit .navbar .fuels ul li.energie-6 a{
	background-image: url(../images/icon_gaz_mini.png);
}

.node-produit .navbar .fuels ul li.energie-7 a{
	background-image: url(../images/icon_bioethanol_mini.png);
}

.node-produit .navbar .fuels ul li.active a,
.node-produit .navbar .fuels ul li a:hover{
	opacity: 1;
	text-decoration: none;
}

.node-produit .top{
	position: relative;
	overflow: hidden;
	max-width: 1600px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 23px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.3);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

/*.node-produit .top .left{
padding: 75% 0 50px 4%;
}*/

.node-produit .top .left{
	overflow: hidden;
	padding: 75px 0 60px 0;
	text-align: center;
}

.node-produit .top .left .txt-produit{
	width: auto;
	max-width: 700px;
	margin: auto;
	padding: 0 6% 0 6%;
	text-align: left;
}

.node-produit .top .left .txt-produit .field-type-text-with-summary{
	overflow: hidden;
}

.node-produit .top .left H1{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-align: left;
	background-position: left bottom;
}

.node-produit .top .left H2{
	margin: 0 0 33px 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{
	padding: 25px 0 0 0;
	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);

	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);*/
}

.node-produit .top .left .field-name-field-shop-url a:hover{
	background-color: rgba(255, 255, 255, 1);

	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);*/
}



.node-produit .top .left .bloc-quote{
	margin: 1% 0 15px 0;
	font-size: 16px;
}

.node-produit .top .left .pdt-buttons {
  width: auto;
  max-width: 700px;
  margin: auto;
  padding: 0 6% 0 6%;
  text-align: left;
}

.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;
	-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	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{
float: right;
width: 60%;
max-width: 865px;
margin: 0 0 0 5%;
}

.node-produit .top .right .produit-top-video .video{
overflow: hidden;
height: calc(100vh - 240px);
max-width: 100%;
max-height: 800px;
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;
}

.fixed .node-produit .top .produit-top-video .video{
height: calc(100vh - 66px);
}

.node-produit .top .right .produit-top-video .video video{
float: right;
max-height: 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;
}*/

.node-produit .top .right{
	display: block;
	overflow: hidden;
	float: right;
	width: auto;
	max-width: 50%;
	margin: 0 0 0 0;
}

.node-produit .top .right .produit-top-video .video,
.node-produit .top .right .field-name-field-visuel{
	height: 800px;
	width: auto !important;
	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;
}

.node-produit .top .right .field-name-field-visuel{
	height: auto !important;
}

.node-produit .top .right .field-name-field-visuel div{
	height: 100%;
}

.node-produit .top .right .produit-top-video .video video,
.node-produit .top .right .field-name-field-visuel img{
	float: right;
	max-height: 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;
}

.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;
	padding: 45px 0 5% 0;
	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;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-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;
	-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;
}

.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;
  -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;
}

#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;
  -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;
}

#slider-etapes .etape-container a.close:before {
  top: 19px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

#slider-etapes .etape-container a.close:after {
  top: 19px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-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);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

#slider-etapes .etape-container a:hover.close:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-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;
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	transition: transform 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	-webkit-transform: scale(1);
	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;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	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;

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

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

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

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

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);
}

/* 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);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
}

.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{
	position: relative;
	height: 0;
	margin-bottom: 1rem;
	padding-bottom: 140%;
	overflow: hidden;
}
.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;
}