body {

 	font-family: 'Lato', sans-serif;

	font-family: 'Roboto', sans-serif;

 	overflow-x: hidden;

 	font-size: 16px;

 	font-weight: 300;

 	background: url(../images/body.png);

}

h1, h2, h3, h4 {

	font-family: 'Cormorant', serif;

}

a {

	color: #663A2B;

}

a:hover {

	text-decoration: none;

	color: #663A2B;

}

.path-frontpage #footer a {

	color: white;

}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

	background: #663a2b;

}

.coords a {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    overflow: hidden;

}

.coords li {

	padding-bottom: 10px;

}

.coords a:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 51%;

    right: 51%;

    bottom: 0;

    background: #663A2B;

    height: 2px;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.coords a:before {

    background: #663A2B;

}

.coords a:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 51%;

    right: 51%;

    bottom: 0;

    background: #663A2B;

    height: 2px;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.coords a:hover:before, .coords a:focus:before, .coors a:active:before {

    left: 0;

    right: 0;

}

.coords li i {

	margin-right: 7px;

}

#logoEntier {

	width: 100%;

	height: 100vh;

	display: flex;

	align-items: center;

	flex-direction: column;

	justify-content: center;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

	transition: all ease-in .5s;

	transition-delay: .5s;

	background: white;

}

#logoEntier img {

	height: 100%;

	width: 100%;

}

#logoEntier.openBarboron {

	background:transparent;

}

#logoEntier img {

	transition: all ease-in .5s;

	transform: scale(1);

}

#logoEntier.openBarboron img {

	transform: scale(3);

	transition: all ease-in .5s;

	opacity: 1;

}

#logoEntier.openBarboron img.hideImg {

	transition: all ease-in .5s;

	opacity: 0;

}

#baseline{

	position: absolute;

	bottom: 100px;

	text-align: center;

 	text-align: center;

 	transform-origin: center center;

	font-family: 'Cormorant', serif;

 	font-size: 1rem;

 	text-transform: uppercase;

}

#baseline span {

	opacity: 0;

}

#baseline.startText span {

	animation: fadeInOut 3.5s;

	animation-iteration-count: 1;

 	opacity: 0;

 	display: block;

}

#baseline.startText span:first-child {



}

#baseline.startText span:nth-child(2) {

	animation-delay: 1.5s;

}

#baseline.startText span:last-child {

	animation-delay: 3s;

}

#logo {

	height: 100vh;

	display: flex;

	justify-content: center;

	position: absolute;

	width: 100%;

	z-index: 8;

	top: 0;

	overflow: hidden;

}

#logo div {

	width: 1800px;

	height: 1800px;

	border-radius: 50%;

	transition: all ease-out .4s;

	opacity: 1;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -900px;

	margin-top: -900px;

}

#logo div.left {

}



#logo div.right {

}

#logo div.right.open {

	transform: scale(3);

	/* transform: translateX(100%); */

	opacity: 0;

}

.overlay-yellow {

	background: yellow;

}

.overlay-blue {

	background: blue;

}

.overlay-green {

	background: green;

}

.overlay {

	height: 100vh;

	width: 100%;



}

#overlay02 h1 {

	z-index: 9;

	color: white;

}

video {

	min-height: 100vh;

	min-width: 100vh;

	position: fixed;

}

#overlay {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#663a2b+0,663a2b+100&0+0,1+100 */

background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,.65) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,.65) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



/*

	background: rgba(102,58,43,.35);

	*/

}

.quote {

	color: white;

}



.z-index, #logoEntier.z-index, #logo.z-index {

	z-index: -1;

}

header[role="banner"] {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 4;

	width: 100%;

	height: 65px;

	background: white;

	text-align: center;

}

.toolbar-fixed header[role="banner"] {

	top: 79px;

}

.region-secondary-menu {

	position: absolute;

	width: 100%;

	z-index: 9;

	font-size: 12px

}

.region-secondary-menu .menuitem a, .region-secondary-menu .dropdown a {

	font-size: 12px;

	text-transform: none;

	padding-bottom: 4px;

}

#mainMenu {

	z-index: 9;

	top: 25px;

}

#headerContainer {

	position: absolute;

	margin:auto;

	width: 200px;

	margin-left: -100px;

	margin-top: 15px;

}

body:not(.path-frontpage) #headerContainer {

	margin-left: 0;

}

#headerContainer img {

	width: 100%;

}



.abs-center-x {

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

}

h1 span {

	display: block;

	margin-right: 15px;

	text-shadow: 1px 1px 1px black;

}

.path-frontpage header[role='banner'],

.path-frontpage #logozone,

.path-frontpage .nav > li,

.quote h1 span {

	opacity: 0;

}

.quote h1 span:nth-child(2) {

	margin-left: 45px;

}

.quote h1 span:last-child {

	margin-left: 90px;

}

h1.page-title span {

	text-shadow: none;

}



.quote {

	color: white;

	font-size: 20px;

}

.quote#quote02,

.quote#quote03 {

}

#quote03 {



}

#quote02 {



}

#quote01 {



}

#barba-wrapper02, 
body:not(.path-frontpage) #barba-wrapper02,
body:not(.path-frontpage) #barba-wrapper {

	position: absolute !important;
	top: 0;
	padding:0;

}

body.page-node-10 #barba-wrapper02 {

	position: static !important;

	padding-top: 300px;

}

body:not(.path-frontpage).page-node-type-galerie #barba-wrapper02 {

	top:150px;

}

#barba-wrapper {

	position: absolute;

	z-index: 1;

	top: 0;

}

body:not(.path-frontpage) #barba-wrapper02:before {

	border-left: 1px solid #cecece;

	content: ' ';

	left: -11%;

	height: 100%;

	display: block;

	position: absolute;

}

body:not(.path-frontpage) #barba-wrapper02 h1 {

	position: absolute;

	z-index: 9;

	background: white;

	left: -10%;

	top: 300px;

	font-size: 60px;

	padding: 10px 45px;

	color: #663A2B;

	letter-spacing: -2px;

	background: url(../images/body.png);

}

body:not(.path-frontpage).page-node-10 #barba-wrapper02 h1 {



	top:-300px;

}



.menuitem, .dropdown {

	position: relative;

	bottom: -1px;

}

.menuitem a, .dropdown a {

	font-size: 16px;

	text-transform: uppercase;

	padding-bottom: 7px;

	text-decoration: none;

	color: #663A2B;

}

.is-active.hvr-underline-from-center:before, .hvr-underline-from-center:before {

	background: #663A2B;

}

#secondaryMenu .is-active.hvr-underline-from-center:before, #secondaryMenu .hvr-underline-from-center:before {

	height: 2px;

}



.breadcrumb {

	background: #663A2B;

}

.node__content {

	position: relative;

	top: -115px;

	z-index: 2

}

.node__content .firstparagraph {

	background: white;

	width: 50%;

	padding: 30px 60px;



}

#owlnavigation {

    position: absolute;

    top: -30px;

    right: 15px;

    z-index: 99;

}

#navprevcontainer, #dotscontainer {

	text-align: center;

}

#navprevcontainer li {

	color: white;

}

#navprevcontainer ul {

	margin-bottom: 0;

}

figure#large {

	overflow: hidden;

	width: 100%;

	min-height: 650px;

	top: 70px;

	position: relative;

}

figure#large img {

	width: 100%;

	position: absolute;

}

.submenu {

    position: absolute;

    text-align: left;

    overflow: hidden;

    list-style: none;

    background: white;

    padding: 15px 30px;

    margin-left: 0;

    min-width: 300px

}

#logozone {

	order:1;

	width: 100px;

}

.nav li:nth-of-type(n+5) {

  order: 2;

}

.indicators {

	padding: 0;

}

.indicators li {

		width: 30px;

		height: 3px;

		background: white;

		display: inline-block;

		margin-right: 11px;

		transition: all linear .2s;

}

.indicators li:last-child {

	margin-right: 0;

}

.indicators li:hover,

.indicators li.active {

	height: 6px;

	background-image: url(../images/body.png);

}



.carousel-cell {

  margin-right: 0;

  overflow: hidden;

}



.carousel-cell img {

  display: block;

  width: 100%;

}



.node__content h2 {

	color: #663A2B;

	line-height: 25px;

}

#large2 .item {

	position: relative;

	max-height: 95vh;

}

.material-icons.medium {

	font-size: 40px;

}

div.list {

	transition: all ease-in .3s;

}

div.list:hover {

	background: rgba(255,255,255, .5);

}

#map {

	height: 500px;

}

#large2 .item .legend {

	position: absolute;

	bottom: 30px;

	color: white;

	font-weight: bold;

	right: 15px;

	text-shadow: 1px 1px 1px black;

}

@media screen and ( min-width: 768px ) {

  .carousel-cell img {

    height: 400px;

  }

}





#star-svg {

  position: fixed;

  top: 0%;

  left: 0%;

  height: 100vh;

  width: 150px;

  z-index: 9999;

}



.cls-1{fill:#663a2b;}



#svg-logo {

	width: 500px;

	background: white;

	z-index: 9999;

	position: fixed;

}

.prices {

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 12px;

}

footer#footer {

	font-size: 12px;

	color: white;

	text-align: center;

	padding: 10px;

	width: 100%

}

.path-frontpage footer#footer {

	bottom: 0;

	position: absolute;

	z-index: 10;



}

.newsitem img {

	width: 100%;

}

.slide.newsitem:nth-child(odd) div.postImg {

	order:-1;

}

.slide.newsitem:nth-child(odd) {

	margin-left: 16.666667%;

}

.slide.newsitem:nth-child(even) {

	text-align: right;

} 

#buttons {

	position: absolute;

	width: 50%;

	left: 50%;

	margin-left: -25%;

	bottom: 20%;

	z-index: 12;

	padding: 0;

	opacity: 0;

}

.pace-done #buttons {

	opacity: 1

}

#buttons li {

	margin: 0;

	list-style: none;

}

#buttons li a {

	color: white;

	color: rgba(255,255,255,.75);

	text-align: center;

	display: block;

	transition: all ease-in .3s;

}

#buttons li a:hover {

	transform: scale(1.2);

	color: rgba(255,255,255,1);

	text-decoration:none;

}

.modal.show .modal-dialog {

	width: 100%;

	max-width: 90%;

}



.form-item label,

h4.label {

	display: block;

	margin-bottom: 0;

	font-weight: 300;

	font-family: 'Lato', sans-serif;

	font-family: 'Roboto', sans-serif;

}

.form-text,

.form-select,

.form-date,

.form-number,

.form-textarea-wrapper textarea {

	margin: 0;

	border:none;

	border-bottom: 1px solid #ccc;

	padding: 5px;

}

.coords {

	margin:45px 0 0;

	padding: 0;

}

.coords li {

	list-style: none;

}

.form-item.form-item-field-rgpd-value label {

	display: inline-block;

}

.form-type-checkbox .description {

	margin-left: 0

}

iframe {

	border:0;

}

figure.galerie {

	position: relative;

	margin: 0;

}

figure.galerie img {

	max-width: 100%;

	width: 100%;

	height: auto;

}

figure.galerie a {

	color: #663A2B;

}

figure.galerie a:hover {

	text-decoration: none;

}

figure.galerie h2 {

	background: white;

	position: absolute;

	bottom: 0;

	margin:0;

	left: 0;

}

.thumb article {

	margin-bottom: 30px;

}

.navbar-toggler {

	display: none;

}

.btnBarboron, #edit-submit, .webform-button--submit {



	background: #663A2B;

	color: white;

}

.social-feed-container .btnBarboron.btn {

	font-weight: 300;

	font-size: 12px;

	margin-top: 7px;

	padding: 3px 10px;

}

a.btn:hover {

	color: white;

}

#edit-submit,

.webform-button--submit {

	display: inline-block;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

	footer {

		font-size: 12px;

	}

	footer .coords {

		margin-top: 0

	}

	.negate-ml {

		margin-left: -8.333333%;

		background: rgba(255,255,255,.75);

		padding: 10px;

	}

	#block-plandusite ul.menu {

		text-align: center;

	}

	#block-plandusite .menu-item--expanded {

		list-style-position: inside;

		list-style-image: none;

		list-style-type: none;

	}

	#block-plandusite .menu-item--expanded:before {

		content: '\f107';

		display: inline-block;

		font-family: 'fontAwesome';

	}

ul.slidetext {

	text-align: center;

	list-style: none;

	padding: 0;

	position: relative;

	border-left: 1px solid #cccccc;

}

ul.slidetext:before {

	content: ' ';

	display: inline-block;

	background: #cccccc;

	width: 30px;

	top: 50%;

	height: 1px;

	left: -30px;

	position: absolute;

}

ul.slidetext li {

	margin-bottom: 7px;

}

	figure, .carousel-item {

		position: relative;

	}

	figure figcaption {

		position: absolute;

		bottom: 5px;

		left: 20px;

		color: white;

		font-size: 12px;

		text-shadow: 1px 1px 1px rgba(0,0,0,.5);

	}



	.carousel-item .caption {

		left: initial;

		right: 20px;

		z-index: 3;

	}

@media (max-width: 991px) {



	#logoEntier {

		width: 100%;

		height: 100vh;

	}

	header[role="banner"] {

		width: 100vh;

		background: transparent;

	}

	.navbar-toggler {

		display: block;

		position: fixed;

		top: 15px;

		left: 15px;

		z-index: 999;

		color: #663A2B;

	}

	header[role="banner"] {

		width: 100%;

	}

	#mainMenu ul.justify-content-around {

		justify-content: center !important;

		flex-direction: column !important;

		display: flex;

		background: white;

		height: 100vh;	

		width: 100%;

	}



	#mainMenu #logozone {

		display: none;

	}

	#mainMenu {

		top:0;

		height: 75vh;

	}

	.submenu {

		position: static;

		text-align: center;

	}

	#overlay02 h1.abs-center-x {

		font-size: 24px;

		position: static;

		transform: translateX(0);

		left: 0;

		height: auto !important;

	}

	video {

		width: 100%    !important;

		min-height: inherit;

		min-width: inherit;

  		height: auto   !important;

  		position: static;

	}

	#barba-wrapper {

		position: static;

	}

	.path-frontpage footer#footer {

		color: #663A2B;

	}

	.region-primary-menu {

		top: 0;

		order: 1;

	}

	.navbar {

		padding: 0;

	}

	.dropdown {

		height: 31px;

		transition: all ease-in .3s;

	}

	.dropdown.show {

		height: auto;

	}

	#overlay {

		background: transparent;

		position: relative !important;

	}

	.quote {

		position: absolute !important;

		height: auto !important;

		color: black;

	}

	.region-secondary-menu {

		position: relative;

		z-index: 9

	}

	#buttons {

		width: 80%;

		margin-left: -40%;

		top: -60px;

	}

	#buttons li {

		width: 50%;

	}

	#buttons li .fa-3x {

		font-size: 2em;

	}

	#buttons li a {

		font-size: 12px;

	}

	.node__content p.firstparagraph {

		width: 100%;

	}

	body:not(.path-frontpage) #barba-wrapper02 h1 {

		position: static;

		top: 0;

		left: 0;

		font-size: 30px;

		background: transparent;

		margin-top: 20px;

		text-align: center;

	}

	body:not(.path-frontpage) #barba-wrapper02 {

		position: static !important;

	}

	.path-frontpage #barba-wrapper02 {

		height: 100vh;

		position: relative;

		z-index: 2;

	}

	.row {

		margin:0;

	}

	.node__content {

		top: 0;

		padding: 0 15px;

	}

	.slide.newsitem:nth-child(odd) {

		margin: 0;

	}

	.slide.newsitem:nth-child(even) {

		text-align: left;

	}

	figure.galerie h2.p-4 {

		font-size: 20px;

		padding: 1rem !important;

	}

	#overlay02 h1 {

		color: #663A2B;

		font-size: 24px;

	}

	h1 span {

		text-shadow: none;

	}

	.slide.p-5 {

		padding: 3rem 0 !important;

	}

	footer ul.list-unstyled li {

		text-align: center;

	}

	footer div.col-sm-3, footer div.col-sm-6 {

		margin-bottom: 30px;

	}

	#block-plandusite ul.menu {

		margin: 0;

	}

	#owlnavigation {

		top: -80px;

	}

	.node__content .firstparagraph {

		width: 100%;

	}

	figure#large {

		top: 0;

		min-height: 250px;

	}

	.btnBarboron {

		white-space: normal;

	}

	input {

		max-width: 100%;

	}

	.postImg {

		margin: 15px 0;

	}

	.page-node-10 article .btnBarboron {

		margin-top: 15px;

		font-size: 12px;

	}

	#collapseMenu {

		height: 100vh;

		background: #cccccc;

		position: fixed;

		width: 100%;

		display: none;

	}

	#collapseMenu.show {

		display: flex;

		flex-direction: column;

		z-index: 998;

		top: 0;

		position: fixed;

	}

	.region-secondary-menu {

		order: 2;

		z-index: 999

	}

	#secondaryMenu.justify-content-end {

		justify-content: center !important;

	}

	.logozone2 {

		width: 100px;

		position: relative;

		left:50%;

		margin-left: -50px;

		top: 15px;

		z-index: 3;

	}

	.slidetext a:before {

		content: '\f105';

		font-family: 'fontAwesome';

		display: inline-block;

		margin-right: 15px;

	}

	#large2 .item .legend {

		right: auto;

		left: 15px;

	}

}



@media (max-width: 767px) {

	.negate-ml {

		margin-left: 0;

	}

	#overlay02 h1 {

		font-size: 24px;

	}



}



@media (orientation: landscape) and (max-width: 767px) {

	.path-frontpage footer#footer {

		position: static;

	}



}

1

@media (min-width: 768px) and (max-width: 991px) {

	#overlay02 h1 {

		font-size: 32px;

	}

}





        .qc-cmp-button {

          background-color: #663A2B !important;

          border-color: #663A2B !important;

        }

        .qc-cmp-button:hover {

          background-color: transparent !important;

          border-color: #663A2B !important;

        }

        .qc-cmp-alt-action,

        .qc-cmp-link {

          color: #663A2B !important;

        }

        .qc-cmp-button {

          color: #fff !important;

        }

        .qc-cmp-button.qc-cmp-secondary-button {

          color: #663A2B !important;

        }

        .qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {

          color:#ffffff !important;

        }

        .qc-cmp-button.qc-cmp-secondary-button {

          border-color: #663A2B !important;

          background-color: transparent !important;

        }

        .qc-cmp-button.qc-cmp-secondary-button:hover {

          background-color: #663A2B !important;

        }

        .qc-cmp-ui,

        .qc-cmp-ui .qc-cmp-main-messaging,

        .qc-cmp-ui .qc-cmp-messaging,

        .qc-cmp-ui .qc-cmp-beta-messaging,

        .qc-cmp-ui .qc-cmp-title,

        .qc-cmp-ui .qc-cmp-sub-title,

        .qc-cmp-ui .qc-cmp-purpose-info,

        .qc-cmp-ui .qc-cmp-table,

        .qc-cmp-ui .qc-cmp-table-header,

        .qc-cmp-ui .qc-cmp-vendor-list,

        .qc-cmp-ui .qc-cmp-vendor-list-title {

            color: #663A2B !important;

        }

        .qc-cmp-ui a,

        .qc-cmp-ui .qc-cmp-alt-action {

          color: #000 !important;

        }

        .qc-cmp-ui {

            background-color: #fffff !important;

        }

        .qc-cmp-small-toggle.qc-cmp-toggle-on,

        .qc-cmp-toggle.qc-cmp-toggle-on {

            background-color: #ccc !important;

            border-color: #ccc !important;

        }

        .qc-cmp-persistent-link {

        	font-size: 9px;

        	background-color: #663A2B !important;

        	color: white;

        }

        .qc-cmp-ui .qc-cmp-title {

        	font-size: 16px !important;

        	font-weight: normal;



        }

        .qc-cmp-beta-messaging, .qc-cmp-main-messaging, .qc-cmp-messaging, .qc-cmp-title {

        	font-family: 'Roboto, sans-serif' !important;

        }

        .qc-cmp-ui-content {

        	padding: 15px 15px !important;

        	max-width: 400px !important;

        }

        .qc-cmp-main-messaging {

        	font-size: 12px !important;

        	line-height: auto !important;

        }

		.qc-cmp-ui {

			max-width: 500px !important;

		}


		.messages--error {
			position: relative;
			z-index: 99999;

    position: relative;
    z-index: 99999;
    width: 50%;
    top: 50%;
    left: 50%;
    margin-left: -25%;
		}

		.webform-submission-form {
			display: flex;
			flex-direction: column;
		}
		.captcha {
			order: 4 ;
		}
		.form-actions.webform-actions {
			order: 5;
		}