* {-webkit-box-sizing: border-box;box-sizing: border-box;padding:0;margin:0;}
img {max-width: 100%;}
a {text-decoration: none; color:#fff;}
body {
	background: #292624;
	color:#fff;
font-family: museo-sans,sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em;
	line-height: 1.25em;
}

.next {
	background: #292624;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	position: absolute;
	z-index:900;
	right: 20px;
	bottom: 20px;
	border: 1px solid #fff;
	opacity: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.7em;
	line-height: 4em;
	font-family: museo-sans,sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	        transform:rotate(90deg);
}

@media (min-width: 768px) {
	#header { width: 100vw;}
	.logo_container {width: 80vw;position: relative;z-index: 20;}
	.logo {width: 50vw;height:100vh;padding:80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;}
	.logo img {border:40px solid #292624;border-radius:50%;width: 500px;}
	.logo_motif{height: 100vh;width: 100vw;position: absolute;z-index:10;}
	.motif {background: url('images/motif-3.png') repeat;background-attachment: scroll;}

	.main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}

	section {height: 100vh; text-align:center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 768px;}
	.spacer.is-inview {width: 50vh;}
	.spacer {width: 20px;-webkit-transition: width 2s 0.5s ease-in-out;-o-transition: width 2s 0.5s ease-in-out;transition: width 2s 0.5s ease-in-out;}

	p.pasvoit {}
	p.pasvoit.is-inview {}

	#qui {
		position: relative;
		width: 100vw;
	}

	#qui:before {
		position:absolute;
		z-index:1;
		display:block;
		content:"";
		width: 120vh;
		top: 0;
		height: 120vh;
		border-radius: 50%;
		background: rgb(56,54,52);
		background: -o-linear-gradient(240deg, rgba(56,54,52,1) 0%, rgba(255,255,255,0) 69%);
		background: linear-gradient(210deg, rgba(56,54,52,1) 0%, rgba(255,255,255,0) 69%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383634",endColorstr="#ffffff",GradientType=1);
	}
	.qui_container {
		position: relative;
		z-index: 10;
		padding: 40px;
		height: 100vh;
		width: 800px;
		white-space: initial;
	}

	.qui_container {
		margin: 0 auto;
	}
	#qui .flex.cols {
		max-width: 100%;
	}

	.col1, .col2 {
		width: 50%;
		padding:40px;
	}
	#qui .col2 {
		margin-top: 80px;
	}


	#bio {
		position: relative;
		width: 100vw;
	}
	#bio:before {
		position: absolute;
		z-index: 1;
		display: block;
		content: "";
		width: 110vh;
		top: -10vh;
		height: 110vh;
		border-radius: 50%;
		background: rgb(56,54,52);
		background: -o-linear-gradient(
	60deg, rgba(56,54,52,1) 0%, rgba(255,255,255,0) 69%);
		background: linear-gradient(
	30deg, rgba(56,54,52,1) 0%, rgba(255,255,255,0) 69%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383634",endColorstr="#ffffff",GradientType=1);
	}

	.bio_container {
		padding: 40px;
		height: 100vh;
		width: 800px;
		white-space: initial;
		position: relative;
		z-index: 10;
	}
	.bio_fond {
		padding: 40px;
		height: 110vh;
		background: url(images/brc-geant.png) 50% 50%;
		background-size: contain;
		width: 100%;
		position: absolute;
		z-index: 1;
		background-repeat: no-repeat;
		opacity:0;
	}
	.bio_fond.is-inview {
		opacity:1;
	}
	.bio_container {
		margin: 0 auto;
		width: 120vh;
	}
	.bio_center {
		width: 600px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.blocs {padding:20px;}
	.blocs p:last-of-type {margin:0;}
	.bloc1 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;width: 100%;padding: 0;}
	.bloc2 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;width:50%;}
	.bloc3 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;width:50%;}
	.bloc4 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;width:50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
	.bloc5 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;width:50%;}

	#commun {
		height: 240vh;
	}
	#centering {
		padding-bottom: 100px;
	}
	.stick {position: absolute;margin-top: 40vh;}
	#services {width:100vw;
	position: relative;
		z-index: 6;
	}
	.services_container {
		white-space: initial;
		height:80vh;
	}
	#tabs {width: 100vw;margin:0 auto;}
	ul.list {
		list-style: none;
		text-align: right;
		width: 35vw;
		padding-right: 65px;
		position: relative;
		z-index: 8;
	}
	.list li.nav-tab-active a {
		color: #ffffff;
	}
	.list li a {
		color: #8b8989;
	}
	
	#temoignages {
		width: 100vw;
		position: relative;
		z-index: 4;
	}
	#temoignages:before {
		position: absolute;
		z-index: 2;
		display: block;
		content: "";
		width: 130vh;
		height: 130vh;
		top: -15vh;
		left: -15vh;
		border-radius: 50%;
		background: #292624;
	}
	.c_temoi {
	position: absolute;
		z-index: 2;
		width: 110vh;
		left: -5vh;
	}
	.rond_temoi {position: absolute;z-index: 3;display: block;content: "";width: 110vh;height: 110vh;top: -5vh;left: -5vh;border-radius: 50%;background:  rgb(56,54,52);background: -webkit-gradient(linear, right top, left top, from(rgba(56,54,52,1)), color-stop(69%, rgba(255,255,255,0)));background: -o-linear-gradient(right, rgba(56,54,52,1) 0%, rgba(255,255,255,0) 69%);background: linear-gradient(-90deg, rgba(56,54,52,1) 0%, rgba(255,255,255,0) 69%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383634",endColorstr="#ffffff",GradientType=1);}


	.container_temoignages {
		height: 50vh;
		width: 75vw;
		max-width: 800px;
		margin: 0 auto;
		white-space: initial;
		position: relative;
		z-index: 6;
	}
	.cycle-slideshow {
		width: 430px;
		margin: 0 auto;
	}
	.tem.cycle-slide-active {
		-webkit-transition: all 0.3s 0.5s ease-in-out;
		-o-transition: all 0.3s 0.5s ease-in-out;
		transition: all 0.3s 0.5s ease-in-out;
	}
	#next,#prev {
		font-family: kepler-std-semicondensed,serif;
		font-size:300px;
		color:#373533;
		text-shadow: #1c1b19 1px 0 10px;
		opacity: 0;
	}
	#next {-webkit-transform: scale(0,1) translateX(-100px);-ms-transform: scale(0,1) translateX(-100px);transform: scale(0,1) translateX(-100px);}
	#prev {-webkit-transform: scale(0,1) translateX(100px);-ms-transform: scale(0,1) translateX(100px);transform: scale(0,1) translateX(100px);}
	.is-inview #next,.is-inview #prev {
		-webkit-transform: scale(1) translateX(0);
		    -ms-transform: scale(1) translateX(0);
		        transform: scale(1) translateX(0);
		opacity: 1;
		-webkit-transition: all 1s 1s ease-in-out;
		-o-transition: all 1s 1s ease-in-out;
		transition: all 1s 1s ease-in-out;
	}
	#outils {
		width: 100vw;
		position: relative;
		z-index: 1;
	}
	.container_outils {
		white-space: initial;
		height: 100vh;
		padding: 40px;
		width: 70vw;
		margin:0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	}
	.outils_texte {
		width: 300px;
		margin: 0 auto;
	}
	.tool {
		margin-bottom: 40px;
	}
	.one,.three {
		-ms-flex-item-align: end;
		    align-self: flex-end;
	}
	.two,.four {
		-ms-flex-item-align: start;
		    align-self: flex-start;
	}
	#outils h5 {
		font-size: 2.5em;
		line-height: 1.25em;
		margin-bottom:10px;
		color: #B2884D;
	}
	#outils .tool a,
	a.bouton {
		text-transform: uppercase;
		color:#fff;
		border: 1px solid #fff;
		display: inline-block;
		padding:5px 10px;
		font-size:0.75em;
		line-height: normal;
		background: #34312F;
	}

	/* FORMULAIRE */

	#contact {width: 100vw;-webkit-box-pack: initial;-ms-flex-pack: initial;justify-content: initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;}
	#form_contact {border:0; padding:40px; width:50vw; height:100vh;}
	
	.grecaptcha-badge { visibility: hidden; }

	.contact_container {
		background: #34312F;
		position: absolute;
		-webkit-box-shadow: #000 0 0 7px;
		        box-shadow: #000 0 0 7px;
		z-index: 10;
	}
	.contact_container h3 {
		font-size:0.7em;
	}
	form {width:100%;
	margin:0 auto;}
	
	input[type="text"], textarea, input[type="submit"] {
		margin: 15px;
		background:#fff;
		border:0;
		text-shadow:initial;
		padding:10px;
		text-align:center;
		font-family: museo-sans,sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size:1em;
		line-height: 1.25em;
		}
	::-webkit-input-placeholder {
		color:#b1b1b1;
	}
	::-moz-placeholder {
		color:#b1b1b1;
	}
	:-ms-input-placeholder {
		color:#b1b1b1;
	}
	::-ms-input-placeholder {
		color:#b1b1b1;
	}
	::placeholder {
		color:#b1b1b1;
	}
	input[type="submit"] {
		background:#bc9b62;
		color:#fff;
		text-transform: uppercase;
		font-weight: 400;
		display: block;
		width: 210px;
		margin: 15px auto;
	}
	
	input[type="submit"].switch {
		display: none;
	}

	/* FIN FORMULAIRE */


	section#footer {
		width: 33.33vw;
	}
	.footer_container {
		padding: 40px;
		height: 100vh;
		width: 50vw;
		position: fixed;
		z-index: 0;
		top: 0;
		right:50vw;
		-webkit-transition: right 1.5s 0.5s ease-in-out;
		-o-transition: right 1.5s 0.5s ease-in-out;
		transition: right 1.5s 0.5s ease-in-out;
	}
	.footer_container.is-inview {
		right: 0;	
	}
	#footer p {
		margin: 0;
	}
	.coord {}
	.coord p {margin: 0;}	
	.coord p.grand {
		font-size: 1.7em;
		line-height: initial;
		margin: 0;
	}
	.coord a {
		font-weight: 400;
	}

	.logo_footer {width: 230px;margin: 40px auto;}

	.ordre {
		width: 240px;
		font-weight: 900;
		margin: 0 auto;
	}
}


/* communs */ 
	p {margin-bottom: 2em;}

	h2, .h2 {
	font-family: kepler-std-semicondensed,serif;
		font-weight: 400;
		font-style: normal;
		font-size: 4em;
		line-height: 2em;
	}
	h3, .h3 {
		font-family: museo-sans,sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size:2.5em;
		line-height: 1.25em;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	h4, .h4 {
		font-family: museo-sans,sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size:1.5em;
		line-height: 1.25em;
		text-transform: uppercase;
		text-decoration: none;
	}
	h5, .h5 {
		font-family: kepler-std-semicondensed,serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.1em;
		line-height: 2em;
	}
	.kepler {text-transform: initial;font-family: kepler-std-semicondensed,serif;}
	#menu {
		width:0;
	}
	.toggle {
		position: fixed;
		z-index:999;
		top:40px;
		left:40px;
	}
	.toggle span {
		display:block;
		height:4px;
		background:#fff;
		border-radius:2px;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}
	span.grand {
		width:50px;
		margin-bottom:10px;
	}
	span.petit {
		width:30px;
	}
	.show.toggle span {
		position: absolute;
		top:15px;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.show span.grand {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transform-origin: top;
		    -ms-transform-origin: top;
		        transform-origin: top;
	}
	.show span.petit {
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transform-origin: bottom;
		    -ms-transform-origin: bottom;
		        transform-origin: bottom;
		width: 50px;
	}
	.hide {
		z-index:-1;
		display: none;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-line-pack: center;
		    align-content: center;
		position: absolute;
		height:100vh;
		width: 100vw;
		background: #292624;
		padding:100px 40px;
		-webkit-transition: all 0s 0s ease-in;
		-o-transition: all 0s 0s ease-in;
		transition: all 0s 0s ease-in;
	    text-align: center;
	}
	.hide.show {
		z-index:990;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition: all 0.5s 0.5s ease-in;
		-o-transition: all 0.5s 0.5s ease-in;
		transition: all 0.5s 0.5s ease-in;
	}
	.logo_menu {width: 250px;margin: 20px auto;margin-bottom: 80px;}
	.acces.flex.col {
		width: 33%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.acces h4, .acces .h4 {margin-bottom:20px;}
	.sommaire.flex.col {
		width: 66%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-left:1px solid #fff;
	}
	.sommaire .h3 {margin-bottom: 20px;font-size: 1.8em;}
	.sommaire {position:relative;top:20px;-webkit-filter: blur(10px);filter: blur(10px);-webkit-transition: all 1s 0.85s ease-in;-o-transition: all 1s 0.85s ease-in;transition: all 1s 0.85s ease-in;}
	.show .sommaire {top:0;-webkit-filter: blur(0);filter: blur(0);-webkit-transition: all 1s 0.85s ease-in;-o-transition: all 1s 0.85s ease-in;transition: all 1s 0.85s ease-in;}
	.acces {position:relative;top:20px;-webkit-filter: blur(10px);filter: blur(10px);-webkit-transition: all 1s 0.95s ease-in;-o-transition: all 1s 0.95s ease-in;transition: all 1s 0.95s ease-in;}
	.show .acces {-webkit-filter: blur(0);filter: blur(0);-webkit-transition: all 1s 0.85s ease-in;-o-transition: all 1s 0.85s ease-in;transition: all 1s 0.85s ease-in;}
	.strong {font-weight: 900;}
	.blanc {color:#fff;}
	.or {color:#BB9A61;}

	.center {text-align: center;}
	.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
	.col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	.row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
	.justify-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	.space-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	.justify-bottom {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}

	.fond_blanc {background: white;}
	.fond_or {background: #BB9A61;}

	.rond {
		border-radius: 50%;
		width: 100%;
		padding-top: 100%; /* 1:1 Aspect Ratio */
		position: relative; /* If you want text inside of it */
		overflow: hidden;
	}
	.text {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	p.text {
		font-size: 2em;
		line-height: 1.1em;
		margin: 0;
		margin-top: -16px;
	}

	.w250 {width:250px;margin:0 auto;}

	.flou {
		top:20px;
		-webkit-filter: blur(15px);
		        filter: blur(15px);
		-webkit-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.flou.is-inview {
		opacity: 1;
		top:0;
		-webkit-filter: blur(0);
		        filter: blur(0);
	}
	.opacity {
		opacity: 0;
		-webkit-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
	}
	.opacity.is-inview {
		opacity: 1;
	}
	.movetop {
		position: relative;
		top:40px;
		-webkit-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
	}
	.movetop.is-inview {
		top:0;
	}
	.delay1 {
		-webkit-transition-delay: 0.4s;
		     -o-transition-delay: 0.4s;
		        transition-delay: 0.4s;
	}
	.delay2 {
		-webkit-transition-delay: 0.8s;
		     -o-transition-delay: 0.8s;
		        transition-delay: 0.8s;
	}
	.delay3 {
		-webkit-transition-delay: 1.2s;
		     -o-transition-delay: 1.2s;
		        transition-delay: 1.2s;
	}
	.delay4 {
		-webkit-transition-delay: 1.6s;
		     -o-transition-delay: 1.6s;
		        transition-delay: 1.6s;
	}
	.delay5 {
		-webkit-transition-delay: 2s;
		     -o-transition-delay: 2s;
		        transition-delay: 2s;
	}

	.circle {
	  border-radius: 100%;
	  -webkit-box-shadow: none;
	          box-shadow: none;
	  position: relative;
	}

	.circle::before,.circle::after {
	  -webkit-box-sizing: inherit;
	          box-sizing: inherit;
	  content: "";
	  position: absolute;
	  top:0;
	  left:0;
	  width: 100%;
	  height: 100%;
	  border-radius: 100%;
	}

	.circle::before {
	  border: 2px solid transparent;
	}
	.circle::after {
	  border: 0px solid transparent;
	}
	.is-inview .circle::before {
	  border-top-color: #ffffff;
	  border-right-color: #fff;
	  border-bottom-color: #fff;
	  -webkit-transition: border-top-color 1s 2.15s,
		border-right-color  1s 2.3s,
		border-bottom-color 1s 2.45s ;
	  -o-transition: border-top-color 1s 2.15s,
		border-right-color  1s 2.3s,
		border-bottom-color 1s 2.45s ;
	  transition: border-top-color 1s 2.15s,
		border-right-color  1s 2.3s,
		border-bottom-color 1s 2.45s ;
	}

	.is-inview .circle::after {
	  border-top: 2px solid #fff;
	  border-left-width: 2px;
	  border-right-width: 2px;
	  -webkit-transform: rotate(270deg);
	      -ms-transform: rotate(270deg);
	          transform: rotate(270deg);
	  -webkit-transition: border 0.35s linear 2s,
	  -webkit-transform 0.65s linear 2s;
	  transition: border 0.35s linear 2s,
	  -webkit-transform 0.65s linear 2s;
	  -o-transition: transform 0.65s linear 2s,
	  border 0.35s linear 2s;
	  transition: transform 0.65s linear 2s,
	  border 0.35s linear 2s;
	  transition: transform 0.65s linear 2s,
	  border 0.35s linear 2s,
	  -webkit-transform 0.65s linear 2s;
	}

	.contient-rond {
		position: relative;
	}

	.contient-rond {
		position: relative;
	}

	.quart {
		position: absolute;
		top: 0;
		left: 0;
		z-index:5;
		width: 100%;
		height: 100%;
		border: 2px solid transparent;
		border-radius: 50%;
		border-right-color:transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}

	.quarun {
		-webkit-transform:rotate(-45deg);
		    -ms-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	.quardeux {
		-webkit-transform:rotate(-45deg);
		    -ms-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	.quartrois {
		-webkit-transform:rotate(-45deg);
		    -ms-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	.quarquatre {
		-webkit-transform:rotate(-45deg);
		    -ms-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	.envue .quarun {
		-webkit-transform:rotate(45deg);
		    -ms-transform:rotate(45deg);
		        transform:rotate(45deg);
		border-color:#fff;
		border-right-color:transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		-webkit-transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.25s 1.5s ease-in;
		transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.25s 1.5s ease-in;
		-o-transition:transform 0.25s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 0.25s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 0.25s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.25s 1.5s ease-in;
	}
	.envue .quardeux {
		-webkit-transform:rotate(135deg);
		    -ms-transform:rotate(135deg);
		        transform:rotate(135deg);
		border-color:#fff;
		border-right-color:transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		-webkit-transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.5s 1.5s ease-in;
		transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.5s 1.5s ease-in;
		-o-transition:transform 0.5s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 0.5s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 0.5s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.5s 1.5s ease-in;
	}
	.envue .quartrois {
		-webkit-transform:rotate(225deg);
		    -ms-transform:rotate(225deg);
		        transform:rotate(225deg);
		border-color:#fff;
		border-right-color:transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		-webkit-transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.75s 1.5s ease-in;
		transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.75s 1.5s ease-in;
		-o-transition:transform 0.75s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 0.75s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 0.75s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in,
		-webkit-transform 0.75s 1.5s ease-in;
	}
	.envue .quarquatre {
		-webkit-transform:rotate(315deg);
		    -ms-transform:rotate(315deg);
		        transform:rotate(315deg);
		border-color:#fff;
		border-right-color:transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		-webkit-transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 1s 1.5s ease-in;
		transition:border-color 0.1s 1.5s ease-in,
		-webkit-transform 1s 1.5s ease-in;
		-o-transition:transform 1s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 1s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in;
		transition:transform 1s 1.5s ease-in,
		border-color 0.1s 1.5s ease-in,
		-webkit-transform 1s 1.5s ease-in;
	}
	.remplissage {
		position: absolute;
		width: calc(100% - 8px);
		height: calc(100% - 8px);
		z-index: -1;
		top: 4px;
		left: 4px;
		overflow: hidden;
		border-radius: 100%;
	}
	.remplissage:before  {
	  content: "";
	  display: block;
	  background: #ffffff;
	  position: absolute;
	  width: 200%;
	  height: 500%;
	  border-radius: 100%;
	  -webkit-transition: 0s 0s;
	  -o-transition: 0s 0s;
	  transition: 0s 0s;
	  -webkit-transform: translate(30%, 10%) translateZ(0);
	          transform: translate(30%, 10%) translateZ(0);
	}
	.envue .remplissage:before {
	  -webkit-transform: translate(-45%, -34%) translateZ(0);
	          transform: translate(-45%, -34%) translateZ(0);
	  -webkit-transition: 0.7s 2s cubic-bezier(0.4, 0, 1, 1);
	  -o-transition: 0.7s 2s cubic-bezier(0.4, 0, 1, 1);
	  transition: 0.7s 2s cubic-bezier(0.4, 0, 1, 1);
	}

/* fin communs */




@media (min-width: 769px) {
		.list li a:after {
			background: #292624;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			width: 70px;
			height: 70px;
			border-radius: 50%;
			content: "›";
			position: absolute;
			z-index:5;
			right: -100px;
			top: -10px;
			border: 1px solid #fff;
			-webkit-transition: all 0.5s 0s ease-in-out;
			-o-transition: all 0.5s 0s ease-in-out;
			transition: all 0.5s 0s ease-in-out;
			opacity: 0.1;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			font-size: 1.4em;
			line-height: 0;
			padding-bottom: 4px;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			-webkit-filter: blur(10px);
			        filter: blur(10px);
		} 
		.list li.nav-tab-active a:after {
			background: #292624;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			width: 70px;
			height: 70px;
			border-radius: 50%;
			content: "›";
			position: absolute;
			z-index:5;
			right: -100px;
			top: -10px;
			border: 1px solid #fff;
			opacity: 1;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			font-size: 1.4em;
			line-height: 0;
			-webkit-filter: blur(0);
			        filter: blur(0);
			padding-bottom: 4px;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
		}
		.list li {
			margin: 20px 0;
			position: relative;
			opacity: 0;
			-webkit-transform: translateY(60px);
			    -ms-transform: translateY(60px);
			        transform: translateY(60px);
			-webkit-transition: all 0s 0s ease-in;
			-o-transition: all 0s 0s ease-in;
			transition: all 0s 0s ease-in; 
		}

		.list.is-inview li {
			-webkit-transform: none;
			    -ms-transform: none;
			        transform: none;
			opacity: 1;
			-webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
			transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
			-o-transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
			transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
			transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
		}
		.list.is-inview li:first-child {
			-webkit-transition-delay: .6s;
			     -o-transition-delay: .6s;
			        transition-delay: .6s;
		}
		.list.is-inview li:nth-child(2) {
			-webkit-transition-delay: .8s;
			     -o-transition-delay: .8s;
			        transition-delay: .8s;
		}
		.list.is-inview li:nth-child(3) {
			-webkit-transition-delay: 1s;
			     -o-transition-delay: 1s;
			        transition-delay: 1s;
		}
		.list.is-inview li:nth-child(4) {
			-webkit-transition-delay: 1.20s;
			     -o-transition-delay: 1.20s;
			        transition-delay: 1.20s;
		}

		.tabos {
			position: relative;
			z-index: 4;
			width: 55vw;
			max-width: 700px;
			min-height: 50vh;
			text-align: left;
			padding: 15px;
			-webkit-transition: all 0.2s 0.5s ease-in-out;
			-o-transition: all 0.2s 0.5s ease-in-out;
			transition: all 0.2s 0.5s ease-in-out;
			-webkit-filter: blur(10px);
			        filter: blur(10px);
			opacity: 0;
		}
		.tabos.is-inview {
			opacity: 1;
			-webkit-filter: blur(0);
			        filter: blur(0);
		}
	.tab-brc h3 {display:none;}
		.tab-brc {
			position: absolute;
			top:0;
			left:0;
			opacity: 0;
			height: 100%;
			text-align: left;
			padding: 65px;
			-webkit-filter: blur(10px);
			        filter: blur(10px);
			-webkit-transition: opacity 0.2s 0.2s ease-in-out, -webkit-filter 0.2s 0.4s ease-in-out;
			transition: opacity 0.2s 0.2s ease-in-out, -webkit-filter 0.2s 0.4s ease-in-out;
			-o-transition: opacity 0.2s 0.2s ease-in-out, filter 0.2s 0.4s ease-in-out;
			transition: opacity 0.2s 0.2s ease-in-out, filter 0.2s 0.4s ease-in-out;
			transition: opacity 0.2s 0.2s ease-in-out, filter 0.2s 0.4s ease-in-out, -webkit-filter 0.2s 0.4s ease-in-out;
		}
		.tab-brc.active {
			opacity: 1;
			-webkit-filter: blur(0);
			        filter: blur(0);
		}
		.tab-brc:before {
			display: block;
			content: "";
			position: absolute;
			left:0;
			top:50%;
			bottom:50%;
			background: #fff;
			width:2px;
			-webkit-filter: blur(10px);
			        filter: blur(10px);
			-webkit-transition:all 0.2s 0.5s ease-in-out;
			-o-transition:all 0.2s 0.5s ease-in-out;
			transition:all 0.2s 0.5s ease-in-out;
		}
		.tab-brc.active:before {
			top:0;
			bottom:0;
			-webkit-filter: blur(0);
			        filter: blur(0);
		}
	}
@media (max-height: 900px) and (min-width: 768px) {
	.hide {padding:0;}
	.logo_menu {margin-bottom: 10px;}
	.sommaire .h3 {margin-bottom: 5px;}
	.qui_container {
		width: 900px;
	}
	.col1, .col2 {
		width: 50%;
		padding: 15px 40px;
	}
	.contient-rond {
		position: relative;
		width: 220px;
		height: 220px;
		margin: 0 auto;
		padding-top:0;
	}
	p.text {
		font-size: 1.5em;
		line-height: 1.2em;
		margin: 0;
		margin-top: -16px;
	}
	.container_outils .tool {
    	margin-bottom: 10px;
	}
	.logo_footer {margin: 15px auto;}

}
@media (max-width:1024px) and (min-width: 768px) {
	h3, .h3 {
		font-size: 2em;
	}
	ul.list {width:32vw;}
	.tabos {}
	.tab-brc {padding: 20px 20px 20px 55px;}
}
@media (max-width:1024px) and (min-width: 768px) {
	.logo_motif {display: none;}
	.logo_container {
		width: 100vw;
		background: url(images/motif-3.png) repeat;
		background-attachment: scroll;
		height: 100vh;
	}
	.logo {width: 75vw;}
	.qui_container {width: initial;}
	.bio_fond {background-size: cover;}
	.bio_container {width: initial;}
}
@media (max-width: 768px) {
	.hide {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.logo_menu {display: none;}
	.acces.flex.col {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width: 100%;}
	.sommaire.flex.col {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width: 100%;border: 0;}
	
	.services_container.flex.col.justify-center {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		height: initial;
	}
	#tabs.flex.row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	ul.list,.tabos {width:100vw;padding: 20px;position: relative;}
	.tabos {min-height:40vh;}
	ul.list.flex.col.justify-center {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.list li {
		margin: 20px;
		position: relative;
		opacity: 0;
		-webkit-transform: translateY(60px);
		    -ms-transform: translateY(60px);
		        transform: translateY(60px);
		-webkit-transition: all 0s 0s ease-in;
		-o-transition: all 0s 0s ease-in;
		transition: all 0s 0s ease-in; 
	}
ul.list li:after {
    display: block;
    background: #fff;
    position: absolute;
    left:50%;
    right:50%;
    bottom: -3px;
    height: 3px;
    content: "";
}
ul.list li.nav-tab-active:after {
    display: block;
    background: #fff;
    left:0;
    right:0;
    position: absolute;
    bottom: -10px;
    height: 3px;
    content: "";
    -webkit-transition:all 0.5s 0.2s ease-in-out;
    -o-transition:all 0.5s 0.2s ease-in-out;
    transition:all 0.5s 0.2s ease-in-out;
}
	.list.is-inview li {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		opacity: 1;
		-webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
		transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
		-o-transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
		transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
		transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
	}
	.list.is-inview li:first-child {
		-webkit-transition-delay: .6s;
		     -o-transition-delay: .6s;
		        transition-delay: .6s;
	}
	.list.is-inview li:nth-child(2) {
		-webkit-transition-delay: .8s;
		     -o-transition-delay: .8s;
		        transition-delay: .8s;
	}
	.list.is-inview li:nth-child(3) {
		-webkit-transition-delay: 1s;
		     -o-transition-delay: 1s;
		        transition-delay: 1s;
	}
	.list.is-inview li:nth-child(4) {
		-webkit-transition-delay: 1.20s;
		     -o-transition-delay: 1.20s;
		        transition-delay: 1.20s;
	}
	.tab-brc {
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
	    width: 100vw;
		text-align: center;
		padding: 30px;
		-webkit-filter: blur(10px);
		        filter: blur(10px);
		-webkit-transition: opacity 0.2s 0.2s ease-in-out, -webkit-filter 0.2s 0.4s ease-in-out;
		transition: opacity 0.2s 0.2s ease-in-out, -webkit-filter 0.2s 0.4s ease-in-out;
		-o-transition: opacity 0.2s 0.2s ease-in-out, filter 0.2s 0.4s ease-in-out;
		transition: opacity 0.2s 0.2s ease-in-out, filter 0.2s 0.4s ease-in-out;
		transition: opacity 0.2s 0.2s ease-in-out, filter 0.2s 0.4s ease-in-out, -webkit-filter 0.2s 0.4s ease-in-out;
	}
	.tab-brc.active {
		opacity: 1;
		-webkit-filter: blur(0);
		        filter: blur(0);
	}
	.container_temoignages {
		width: 100vw;
		height: 70vh;
	}
	.container_temoignages .flex.row {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
	.cycle-slideshow {width:65vw;}
	#temoignages:before {display: none;}

}
@media (min-width: 768px) {
	.contact_bouton,.switch {display:none;}
}
@media (max-width: 767px) {
	body {text-align: center;}
	h2, .h2 {font-size:3em;}
	#header { width: 100vw;height:100vh;}
	.logo_container {width: 100vw;position: relative;z-index: 20;}
	.logo {width: 100vw;max-width:550px;height:100vh;padding:80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;}
	.logo img {border:40px solid #292624;border-radius:50%; width:500px;}
	.logo_motif{height: 120vh;width: 100vw;position: absolute;z-index:10;margin-top: -10vh;}
	.motif {background: url('images/motif-3.png') repeat;background-attachment: scroll;}

	.main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
	
	#qui, #bio, #services, #outils {
		padding: 80px 0;
	}
	.qui_container {
		padding:40px;
		text-align:center;
		margin:0 auto;
	}
	.flex.cols {
		margin:0 auto;
		max-width:450px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.rond {
		border-radius: 50%;
		width: 300px;
		padding-top: 300px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
	}
	.bio_container {
		padding: 40px;
		max-width: 550px;
		white-space: initial;
		position: relative;
		z-index: 10;
		margin: 0 auto;
		text-align: center;
	}
	.bio_fond {
		height: 100vh;
		background: url(images/brc-geant.png) 50% 50%;
		background-size: cover;
		width: 100%;
		position: absolute;
		z-index: 1;
		background-repeat: no-repeat;
		opacity:0;
	}
	.bio_fond.is-inview {
		opacity:1;
	}
	.bio_center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.bloc1 {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;}
	.bloc2 {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
	.bloc3 {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
	.bloc4 {-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;}
	.bloc5 {-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;}
	h3, .h3 {
		font-weight: 500;
		font-size: 1.7em;
	}
	ul.list {display: none;}
	.tabos {height:initial;padding: 0;}
	.tab-brc {
		display: block;
		position:relative;
		opacity:1;
		-webkit-filter: blur(0);
		        filter: blur(0);
		padding-top: 0;
	}
	.tab-brc h3 {color:#BB9A61;}
	.c_temoi {
		position: absolute;
		z-index: 2;
		width: 110vh;
		left: -5vh;
	}
	.container_temoignages {
    	width: 100vw;height: 100vh;margin: 0 auto;
		flex-direction: column;
		display: flex;
		justify-content: center;
	}
	.container_temoignages .flex.row {width:100%; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	#next,#prev {
		font-family: kepler-std-semicondensed,serif;
		font-size:250px;
		color:#373533;
		text-shadow: #1c1b19 1px 0 10px;
		opacity: 0;
	}
	#next {-webkit-transform: scale(0,1) translateX(-100px);-ms-transform: scale(0,1) translateX(-100px);transform: scale(0,1) translateX(-100px);margin-left:20px;margin-top: -54px;}
	#prev {-webkit-transform: scale(0,1) translateX(100px);-ms-transform: scale(0,1) translateX(100px);transform: scale(0,1) translateX(100px);margin-right:20px;margin-top: -54px;}
	.is-inview #next,.is-inview #prev {
		-webkit-transform: scale(1) translateX(0);
		    -ms-transform: scale(1) translateX(0);
		        transform: scale(1) translateX(0);
		opacity: 1;
		-webkit-transition: all 1s 1s ease-in-out;
		-o-transition: all 1s 1s ease-in-out;
		transition: all 1s 1s ease-in-out;
	}
	#outils {min-height:100vh;}
	#outils {
		width: 100vw;
		position: relative;
		z-index: 1;
	}
	.container_outils {
		white-space: initial;
		height: 100vh;
		padding: 40px;
		width: 100vw;
		margin:0 auto;
	}
	.outils_texte {
		width: 100%;
		margin: 0 auto;
	}
	.tool {
		margin-bottom: 40px;
	}
	.one,.three {
		-ms-flex-item-align: end;
		    align-self: flex-end;
	}
	.two,.four {
		-ms-flex-item-align: start;
		    align-self: flex-start;
	}
	#outils h5 {
		font-size: 2.5em;
		line-height: 1.25em;
		margin-bottom:10px;
		color: #B2884D;
	}
	#outils .tool a,
	a.bouton {
		text-transform: uppercase;
		color:#fff;
		border: 1px solid #fff;
		display: inline-block;
		padding:5px 10px;
		font-size:0.75em;
		line-height: normal;
		background: #34312F;
	}
	#footer p {
		margin: 0;
	}
	.footer_container > div {
		margin-bottom: 40px;
	}
	.coord {}
	.coord p {margin: 0;}	
	.coord p.grand {
		font-size: 1.25em;
		line-height: initial;
		margin: 0;
	}
	.coord a {
		font-weight: 400;
	}

	.logo_footer {width: 230px;margin: 40px auto;}

	.ordre {
		width: 240px;
		font-weight: 900;
		margin: 0 auto;
	}
	.contact_bouton {padding:20px;display:inline-block;}
	.contact_bouton h3 {font-size:1.5em;}
	.contact_container {display: none;}
	.contact_container.show {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #282624;
		height: 100vh;
		width: 100vw;
		padding: 30px;
    }
	iframe#form_contact {
		border: 0;
		width: 100%;
		height: 80%;
		box-sizing: border-box;
	}
	input[type="text"], textarea, input[type="submit"] {
   		margin: 15px 0;
	}
	input[type="submit"].switch {
		display: initial;
		background:#3b3836;
		border:1px solid #fff;
	}
}
@media (max-width:450px) {
	h2, .h2 {font-size: 2.5em;}
	.container_temoignages .flex.row {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/* flex-direction: column; */
		flex-wrap: wrap;
		padding: 0 20px;
	}
	#next, #prev {
		font-size: 50px;
		color: #fff;
		width: 40px;
		padding: 10px;
		margin: 0;
		margin-bottom: 10px;
		z-index: 99999;
	}
	.cycle-slideshow {order:3;width: 100%;padding:0 20px;}
	#next {order:2;}
	#prev {order:1;}
	.logo {padding:20px;}
	.logo img {
		border: 20px solid #292624;
		border-radius: 50%;
		width: 280px;
		height: 280px;
	}
}
@media (max-width:375px) {
	h2, .h2 {font-size:2.25em;}
}