/*
Theme Name: Grosset Janin
Author: Grosset Janin
Description: Template Grosset Janin
Version: 1.0
*/

/*
-----------------------
   GENERAL
-----------------------
*/

@font-face
{
    font-family: 'Fjalla One';
    src: url('/wp-content/themes/grossetjanin/class/css/fonts/FjallaOne/FjallaOne-Regular.eot');
    src: url('/wp-content/themes/grossetjanin/class/css/fonts/FjallaOne/FjallaOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/grossetjanin/class/css/fonts/FjallaOne/FjallaOne-Regular.woff2') format('woff2'),
        url('/wp-content/themes/grossetjanin/class/css/fonts/FjallaOne/FjallaOne-Regular.woff') format('woff'),
        url('/wp-content/themes/grossetjanin/class/css/fonts/FjallaOne/FjallaOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.fjallaOne
{
    font-family: 'Fjalla One';
    font-weight: normal;
    font-style: normal;
	line-height: normal;
}
.cormorant
{
    font-family: 'Cormorant', serif;
	line-height: normal;
}

*,
::before,
::after
{ 
	margin:0;
	padding:0; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	/* Scrollbar Firefox */
  	/*scroll-behavior: smooth;*/
	scrollbar-color: #ccc #f5f5f5;
	scrollbar-width: thin;
}
body
{
    font-family: 'Jost', sans-serif;
	font-size:22px;
	font-weight:400;
	line-height: 33px;
	color:#050C13;
	background:#fff;
	/*overflow:hidden;*/
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
    -webkit-text-size-adjust: none; /* Modif pour IPHONE / IPAD  */
	-webkit-overflow-scrolling: touch; /* Modif pour IPHONE / IPAD */
}
/* Scrollbar Chrome */

::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 9px;
    height: 9px;
}
::-webkit-scrollbar-thumb
{
    /*border-radius: 8px;*/
    border-radius: 0px;
    border: 1px solid #fff; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, 0.2);
}
:hover::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 0, 0, .4);
}
::-webkit-scrollbar-track
{ 
    /*border-radius: 8px;*/
    border-radius: 0px; 
    background-color: #f5f5f5; 
} 

/* Selection / Surlignage */

::selection 
{
  background: #F28E77;
  color: white;
}
::-moz-selection 
{
  background: #F28E77;
  color: white;
}

.loadPage
{
	overflow:hidden;
	width:100%;
	height:100%;
    position:fixed;
    z-index:2;
	left: 0;
	top:0;
	background:#fff;
}
.loadPage .logo
{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 200px;
	width: 100%;
	padding: 40px;
	height: 250px;
		
    /*-webkit-transition: filter 0.6s ease 0s;
    -moz-transition: filter 0.6s ease 0s;
    -o-transition: filter 0.6s ease 0s;
    transition: filter 0.6s ease 0s;
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);*/
}
body.heritage .loadPage .logo path
{
    fill: #B28B77;
}
body.menuLangLoaderMarron .loadPage .logo path
{
    fill: #B28B77;
}
body.menuLangLoaderVert .loadPage .logo path
{
    fill: #DBDC2B;
}
.loadPage .pourcentage
{        
    bottom: 10px;
    right: 10px;
    position: absolute;
    text-align: center;
}
.noscript div
{
    border: 1px solid #555555;
    color: #FFFFFF;
    font-size: 20px;
    left: 50%;
    margin-left: -165px;
    margin-top: -57.5px;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
	height:115px;
    width: 330px;
    z-index: 4;
    background:#333;
}
.verticalCenter
{
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-height:100%;
	overflow-y: auto;
    overflow-x: hidden;
}
.animColor
{
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}

/*
-----------------------
   Attribut general 
-----------------------
*/

a
{
    border:none;
    text-decoration: none;
    outline:none;
	color:#050C13;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
/*a:hover,*/
a.active
{
    color: #F28E77;
}
i
{
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
img
{
	border:none;
}
ul
{
	list-style:none;
}
.text-left
{
	text-align: left !important;
}
.text-right
{
	text-align: right !important;
}
.text-center
{
	text-align: center !important;
}
@media (min-width: 576px)
{
	.text-sm-left
	{
		text-align: left !important;
	}
	.text-sm-right
	{
		text-align: right !important;
	}
	.text-sm-center
	{
		text-align: center !important;
	}
}
@media (min-width: 768px)
{
	.text-md-left
	{
		text-align: left !important;
	}
	.text-md-right
	{
		text-align: right !important;
	}
	.text-md-center
	{
		text-align: center !important;
	}
}
@media (min-width: 992px)
{
	.text-lg-left
	{
		text-align: left !important;
	}
	.text-lg-right
	{
		text-align: right !important;
	}
	.text-lg-center
	{
		text-align: center !important;
	}
}
@media (min-width: 1200px)
{
	.text-xl-left
	{
		text-align: left !important;
	}
	.text-xl-right
	{
		text-align: right !important;
	}
	.text-xl-center
	{
		text-align: center !important;
	}
	#no-gap{
		
		top: -400px;
	}
}
.light
{
	font-weight: 300!important;
}
.regular
{
	font-weight: 400!important;
}
.medium
{
	font-weight: 500!important;
}
.bold
{
	font-weight: 600!important;
}
.nowrap
{
    white-space: nowrap;
}
.ellipsis
{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.uppercase
{
	text-transform: uppercase;
}
.lowercase
{
	text-transform: lowercase;
}
.underline
{
	text-decoration: underline;
}
.surligner
{
	position: relative;
	display: inline-block;
	padding-bottom: 4px;
}
.surligner:before
{
	content:"";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #050C13;
    -webkit-transition: width 0.6s ease 0s;
    -moz-transition: width 0.6s ease 0s;
    -o-transition: width 0.6s ease 0s;
    transition: width 0.6s ease 0s;
}
.surligner.blanc:before
{
	background: #fff;
}
.surligner.jaune:before
{
	background: #F2E9CE;
}
.surligner.bleu:before
{
	background: #00373F;
}
.surligner:hover:before
{
	width: 0;
}
.pointer
{
	cursor: pointer;
}
.button
{
	cursor: pointer;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
/*.button:hover,*/
.button.active
{
	color: #F28E77;
}
.h-100
{
	height: 100%;
}

/*
-----------------------
    BOUTTON, CHAMP
-----------------------
*/

input[type="text"], input[type="email"], input[type="number"], input[type="time"], input[type="password"], input[type="file"], select, textarea
{
	display:block;
	vertical-align:middle;
	/*border:1px solid transparent;*/
	border:none;
	border-bottom:1px solid #00373F;
	height:30px;
	line-height:30px;
	width:100%;   
	color: #050C13;
	background-color:transparent;
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: none;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	-webkit-appearance:none; /* enleve style de safari */
	
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="time"]:focus, input[type="password"]:focus, textarea:focus, input[type="file"]:focus, select:focus, textarea:focus
{
	/*background-color:#eee;*/
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);*/
	border-bottom:1px solid #F28E77;
}
input[type="text"]:invalid, input[type="email"]:invalid, input[type="number"]:invalid, input[type="time"]:invalid, input[type="password"]:invalid, textarea:invalid, input[type="file"]:invalid, select:invalid, textarea:invalid
{
	border:1px solid #ae1d2b;
}
input[type="text"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="time"]:disabled, input[type="password"]:disabled, textarea:disabled, input[type="file"]:disabled, select:disabled, textarea:disabled
{
	background:#eee;
}
input[type="image"]
{
	width:auto;
}
input[type="file"]
{
	display:none;
}
input[type="checkbox"],
input[type="radio"]
{
	display:none;
}
input[type="checkbox"] ~ div,
input[type="radio"] ~ div
{
	font-size:27px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
input[type="checkbox"] ~ .on,
input[type="checkbox"]:checked ~ .off,
input[type="radio"] ~ .on,
input[type="radio"]:checked ~ .off
{
	display: none;
}
input[type="checkbox"]:checked ~ .on,
input[type="checkbox"] ~ .off,
input[type="radio"]:checked ~ .on,
input[type="radio"] ~ .off
{
	display: block;
}
input[type="checkbox"]:checked ~ .on.green,
input[type="radio"]:checked ~ .on.green
{
	color: #256328;
}
input[type="checkbox"] ~ .off.red,
input[type="radio"] ~ .off.red
{
	color: #ae1d2b;
}
input[type="checkbox"] ~ div > span,
input[type="radio"] ~ div > span
{
	margin-left: 5px;
	font-size: 14px;
	vertical-align: 4px;
}
select option[value=""]
{
	display:none;
}
textarea 
{
    resize: none;
	height:100px;
	padding:0px;
	line-height: inherit;
}
button, input[type="submit"]
{
	cursor:pointer!important;
	background:none; 
	border:none;
	padding:0;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
/*button:hover, input[type="submit"]:hover
{
	color: #F28E77;
}*/
button::-moz-focus-inner
{
	border:0;
	padding:0
}

.select2-container--default .select2-selection
{
	background:transparent!important;
	color: #050C13!important;
	border: none!important;
	border-radius: 0!important;
	text-align: left!important;
}
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection
{
	border: none!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background: #F28E77!important;
}
.select2-container--default .select2-selection--single
{
	height: 22px!important;
}
.select2-container--default.select2-container--disabled .select2-selection--single
{
	background:#eee!important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder
{
	color:rgba(0,0,0,0.70)!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
	color: #050C13!important;
	line-height: 17px!important;
	
	padding-right: 38px!important;
	padding-left: 0px!important;
	overflow: inherit!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 16px!important;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
	position: absolute!important;
	right: 20px!important;
	float: none!important;
	
	/*float: none!important;
	padding-right: 5px!important;
	vertical-align: top;*/
	
	font-size: 20px!important;
}
.select2-container--default .select2-selection--multiple
{
	min-height: 40px!important;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple
{
	background:#eee!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	margin-top: 10px!important;
	color: #050C13!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear
{
	position: absolute!important;
	font-size: 20px!important;
    line-height: 20px!important;
	right: 5px!important;
	top: 50% !important;
    margin: -10px 0px 0px 0px!important;
    float: none!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
	padding-right: 20px!important;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field
{
	margin-top: 10px!important;
	font-family: inherit!important;
	width: 100%!important;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field[placeholder=""]
{
	width: 0.75em!important;
}

.inputAppend
{
	position:relative;
	overflow: hidden;
}
.inputAppend input,
.inputAppend select
{
	width:100%;
	padding:0;
	padding-right:40px;
}
.inputAppend .select2-container--default .select2-selection .select2-selection__rendered
{
	padding-left: 40px!important;
}
.inputAppend .buttons
{
	position:absolute;
	top: 0;
	right:0;
	text-align: center;
	z-index: 1;
}
.inputAppend .buttons > *
{
	display:block;
    padding: 0;
    margin: 0;
	width:40px;
	line-height: 30px;
	vertical-align:middle;
	color: #050C13;
}
.inputAppend input:focus + .buttons > *,
.inputAppend .select2-container--focus + .buttons > *,
.inputAppend .select2-container--open + .buttons > *
{
	color: #F28E77;
}
::-webkit-input-placeholder
{
	color:inherit;
	opacity:0.35;
}
::-moz-placeholder
{
	color:inherit;
	opacity:0.35;
}
:-moz-placeholder
{
	color:inherit;
	opacity:0.35;
}
:-ms-input-placeholder
{
	color:inherit;
	opacity:0.35;
}

/*
-----------------------
    MIN WIDTH
-----------------------
*/

.minWidth1000
{
	min-width:1000px;
}
.minWidth950
{
	min-width:950px;
}
.minWidth900
{
	min-width:900px;
}
.minWidth850
{
	min-width:850px;
}
.minWidth800
{
	min-width:800px;
}
.minWidth750
{
	min-width:750px;
}
.minWidth700
{
	min-width:700px;
}
.minWidth650
{
	min-width:650px;
}
.minWidth600
{
	min-width:600px;
}
.minWidth550
{
	min-width:550px;
}
.minWidth500
{
	min-width:500px;
}
.minWidth450
{
	min-width:450px;
}
.minWidth400
{
	min-width:400px;
}
.minWidth350
{
	min-width:350px;
}
.minWidth300
{
	min-width:300px;
}
.minWidth250
{
	min-width:250px;
}
.minWidth200
{
	min-width:200px;
}
.minWidth150
{
	min-width:150px;
}
.minWidth100
{
	min-width:100px;
}
.minWidth50
{
	min-width:50px;
}

/*
-----------------------
    MAX WIDTH
-----------------------
*/

.maxWidth2000
{
	max-width:2000px;
	margin:auto;
}
.maxWidth1900
{
	max-width:1900px;
	margin:auto;
}
.maxWidth1800
{
	max-width:1800px;
	margin:auto;
}
.maxWidth1700
{
	max-width:1700px;
	margin:auto;
}
.maxWidth1600
{
	max-width:1600px;
	margin:auto;
}
.maxWidth1500
{
	max-width:1500px;
	margin:auto;
}
.maxWidth1400
{
	max-width:1400px;
	margin:auto;
}
.maxWidth1300
{
	max-width:1300px;
	margin:auto;
}
.maxWidth1200
{
	max-width:1200px;
	margin:auto;
}
.maxWidth1100
{
	max-width:1100px;
	margin:auto;
}
.maxWidth1000
{
	max-width:1000px;
	margin:auto;
}
.maxWidth900
{
	max-width:900px;
	margin:auto;
}
.maxWidth800
{
	max-width:800px;
	margin:auto;
}
.maxWidth700
{
	max-width:700px;
	margin:auto;
}
.maxWidth600
{
	max-width:600px;
	margin:auto;
}
.maxWidth500
{
	max-width:500px;
	margin:auto;
}
.maxWidth400
{
	max-width:400px;
	margin:auto;
}
.maxWidth300
{
	max-width:300px;
	margin:auto;
}
.maxWidth200
{
	max-width:200px;
	margin:auto;
}
.maxWidth100
{
	max-width:100px;
	margin:auto;
}

/*
-----------------------
    COOKIE
-----------------------
*/

.cookieAccept
{
	position:fixed;
	bottom:0;
	right:0;
	width: 300px;
	background:rgba(0,0,0,0.8);
	color:#fff;
	line-height:25px;
	padding:20px;
	max-height:100%;
	overflow:auto;
	z-index:4;
	display: none;
}
.cookieAccept.active
{
	display: block;
}
.cookieAccept .enSavoirPlus
{
	display: block;
	font-style:italic;
	white-space:nowrap;
	cursor:pointer;
	color: #fff;
}
.cookieAccept .enSavoirPlus:hover
{
	color:#ccc;
}
.cookieAccept .fa-times
{
    position: absolute;
	top: 10px;
    right: 10px;
    cursor: pointer;
}
.cookieAccept .fa-times:hover
{
	color:#F28E77;
}

/*
-----------------------
    POPUP
-----------------------
*/

.popUp
{
	z-index: 10;
}
.popUp > .popUpConteneur > .popUpClose
{
	background-image: url("/wp-content/themes/grossetjanin/images/close_bleu.svg")!important;
	width: 24px!important;
	height: 24px!important;
}
.popUp > .popUpConteneur .popUpVerticalCenter
{
    position: relative;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    max-height: 100%;
}

.popUpContact,
.popUpTerrain,
.popUpContactRenovation,
.popUpContactRecrutement,
.popUpContactTerrain,
.popUpContactHeritage
{
	padding: 0 100px;
}
.popUpContact .popUpClose,
.popUpTerrain .popUpClose,
.popUpContactRenovation .popUpClose,
.popUpContactRecrutement .popUpClose,
.popUpContactTerrain .popUpClose,
.popUpContactHeritage .popUpClose
{
	position: absolute;
    z-index: 1;
	right: 50px;
	top: 50px;
	cursor: pointer!important;
	opacity: 1;
	-webkit-transition: opacity 0.6s ease 0s;
	-moz-transition: opacity 0.6s ease 0s;
	-o-transition: opacity 0.6s ease 0s;
	transition: opacity 0.6s ease 0s;
}
.popUpContact .popUpClose:hover,
.popUpTerrain .popUpClose:hover,
.popUpContactRenovation .popUpClose:hover,
.popUpContactRecrutement .popUpClose:hover,
.popUpContactTerrain .popUpClose:hover,
.popUpContactHeritage .popUpClose:hover
{
	opacity: 0.5;
}
.popUpContact .popUpClose svg,
.popUpTerrain .popUpClose svg,
.popUpContactRenovation .popUpClose svg,
.popUpContactRecrutement .popUpClose svg,
.popUpContactTerrain .popUpClose svg,
.popUpContactHeritage .popUpClose svg
{
	width: 24px;
	height: 24px;
}
.popUpContact .popUpClose *,
.popUpTerrain .popUpClose *,
.popUpContactRenovation .popUpClose *,
.popUpContactRecrutement .popUpClose *,
.popUpContactTerrain .popUpClose *,
.popUpContactHeritage .popUpClose *
{
	cursor: pointer!important;
}
.popUp > .popUpConteneur input,
.popUp > .popUpConteneur textarea
{
	font-size: 16px;
	margin-top: 10px;
}
.popUp > .popUpConteneur textarea
{
	line-height: 20px;
}
.popUpContact textarea
{
	height: 44px;
}
.popUpTerrain textarea
{
	height: 44px;
}
.popUpContactRenovation textarea
{
	height: 44px;
}
.popUpContactRecrutement textarea
{
	height: 150px;
}
.popUpContactTerrain textarea
{
	height: 150px;
}
.popUpContactHeritage
{
	background: #B28B77;
}
.popUpContactHeritage textarea
{
	height: 44px;
}
.popUpContactHeritage input:focus, .popUpContactHeritage textarea:focus
{
	border-bottom:1px solid #F2E9CE;
}

/*
-----------------------
    DATEPICKER JQUERYUI
-----------------------
*/

.ui-datepicker.ui-widget-content
{
	width:250px;
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.ui-datepicker .ui-widget-header
{
	background:none;
	border:none;
	color:#888;
}
.ui-datepicker .ui-widget-header .ui-icon
{
	background-image:url("/ressources/class/jquery/jquery-ui-1.12.1/images/ui-icons_444444_256x240.png");
	margin-top:-7px;
	cursor: pointer;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover
{
	border:none;
	top:2px;
	background:none;
	opacity:0.5;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover
{
	left:2px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon
{
	background-position: -96px -1px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover
{
	right:2px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon
{
	background-position: -32px -1px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year
{
	padding: 0 5px;
	margin: 0px 2px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	vertical-align: inherit;
	cursor: pointer;
	font-weight: normal;
	text-align: center;
}
/*.ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year
{
	color: #888;
	vertical-align: inherit;
	height: inherit;
	line-height: inherit;
}*/
.ui-datepicker .ui-widget-header .ui-datepicker-prev,
.ui-datepicker .ui-widget-header .ui-datepicker-next
{
	z-index:1;
}
.ui-datepicker table
{
	table-layout: fixed;
}
.ui-datepicker th
{
	color:#888;
	font-weight: normal!important;
}
.ui-datepicker td .ui-state-default
{
	border:none;
	background:none;
	text-align:center;
	color:#050C13;
	font-weight:300;
	padding: 0;
	line-height: 30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.ui-datepicker td a.ui-state-default
{
    /*background: rgba(34, 189, 71, 0.5);
    color: #fff;*/
}
.ui-datepicker td a.ui-state-default.ui-state-active,
.ui-datepicker td a.ui-state-default.ui-state-hover
{
    /*background: rgba(34, 189, 71, 1);
    color: #fff;*/
	background:#050C13;
	color: #fff;
}
.ui-datepicker td.ui-state-disabled span
{
    /*background:rgba(138,25,27,1.00);
    color: #fff;*/
	color: #bbb;
}
.ui-datepicker td a.ui-state-default.ui-state-hover
{
	/*background:#ddd;*/
}

/*
-----------------------
    BOOTSTRAP GRID : correction bug "whitespace: nowrap" (sur un enfant) avec une "col" (100%)
-----------------------
*/

.col, .col-sm, .col-md, .col-lg, .col-xl
{
	min-width: 0;
}

/*
-----------------------
    LOADER
-----------------------
*/

.loader
{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,0.2);
	z-index: 6;
	
	/*display:none;*/
   	-webkit-transition: opacity 0.6s ease 0s, filter 0.6s ease 0s, visibility 0s ease 0.6s;
    -moz-transition: opacity 0.6s ease 0s, filter 0.6s ease 0s, visibility 0s ease 0.6s;
    -o-transition: opacity 0.6s ease 0s, filter 0.6s ease 0s, visibility 0s ease 0.6s;
    transition: opacity 0.6s ease 0s, filter 0.6s ease 0s, visibility 0s ease 0.6s;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
}
.loader.active
{
	/*display:block;*/
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
.double-bounce1, .double-bounce2
{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top:-20px;
	left: 50%;
	margin-left:-20px;
	border-radius: 50%;
	background-color: #F28E77;
	opacity: 0.6;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2
{
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
	0%, 100% { 
	-webkit-transform: scale(0.0);
	transform: scale(0.0);
	} 50% { 
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	}
}

/*
-----------------------
    LOADER PAGE
-----------------------
*/

#loaderPage
{
	width:100%;
	display:block;
	padding:0;
	height:5px;
	margin:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position:fixed;
	top:0;
	left:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:none;
	z-index:4;
}
#loaderPage .progress
{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*
-----------------------
    COULEURS
-----------------------
*/

.noir
{
	color: #050C13;
}
.rose
{
	color: #F28E77;
}
.bleu
{
	color: #00373F;
}
.vert
{
	color: #DBDC2B;
}
.blanc
{
	color: #fff;
}
.jaune
{
	color: #F2E9CE;
}
.marron
{
	color: #B28B77;
}

/*
-----------------------
    NAV
-----------------------
*/

nav.navFullScreen
{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	max-width: 0;
	background: #00373F;
	z-index: 2;
	color: #fff;
	overflow: auto;
	overflow-x: hidden;
    /* -webkit-transition: right 0.6s ease-in 0s;
    -moz-transition: right 0.6s ease-in 0s;
    -o-transition: right 0.6s ease-in 0s;
	transition: right 1.2s ease-in 0s; */
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
	transition: all 1s ease;
}
nav.navFullScreen.active
{
	max-width: 100vw;
}
nav.navFullScreen .blocGauche
{
	background:#002930;
	min-width: 50vw;
}
nav.navFullScreen .blocGauche .logo
{
	position: absolute;
	top: 50px;
	left: 50px;
	display: block;
	text-align: center;
}
nav.navFullScreen .blocGauche .g
{
	position: absolute;
	right: -17px;
	top: 30%;
	margin-top: -19px;
	z-index: 1;
}
nav.navFullScreen .blocGauche a:hover
{
    color: #F28E77;
}
nav.navFullScreen .blocDroite
{
	background:#00373F;
	white-space: nowrap;
    width: 50%;
}
nav.navFullScreen .blocDroite .openMenu
{
	position: absolute;
	top: 50px;
	right: 50px;
	cursor: pointer;
	z-index: 1;
	width: 24px;
}
nav.navFullScreen .blocDroite .openMenu svg
{
	width: 24px;
	height: 24px;
}

#Groupe_392 #Rectangle_1094{
	transform: translate(-7.979px);
	transition: 0.5s ease-in-out;
}

#Groupe_392 #Rectangle_1131{
	transform: translate(8px, 9px);
	transition: 0.5s ease-in-out;
}
.openMenu:hover svg #Groupe_392 #Rectangle_1094{
	transform: translate(8px);
	transition: 0.5s ease-in-out;
}

.openMenu:hover svg #Groupe_392 #Rectangle_1131{
	transform: translate(-7.979px, 9px);
	transition: 0.5s ease-in-out;
}



nav.navFullScreen .blocDroite #menu-menu-principal
{
	line-height: 45px;
}
nav.navFullScreen .blocDroite #menu-menu-principal a
{
	color: #fff;
	font-size: 25px;
}
nav.navFullScreen .blocDroite #menu-menu-principal li > a:not([href="#"]):hover,
nav.navFullScreen .blocDroite #menu-menu-principal li.current_page_item > a
{
	color: #F28E77;
}
nav.navFullScreen .blocDroite #menu-menu-principal .sub-menu
{
	line-height: 35px;
    display: none;
}
nav.navFullScreen .blocDroite #menu-menu-principal .sub-menu a
{
	color: rgba(255,255,255,0.68);
	font-size: 17px;
}
nav.navFullScreen .blocDroite #menu-menu-principal .sub-menu li > a:hover,
nav.navFullScreen .blocDroite #menu-menu-principal .sub-menu li.current_page_item > a
{
	color: #F28E77;
}
nav.navFullScreen .blocDroite .menu-secondaire
{
    font-size: 22px;
    line-height: 35px;
}
nav.navFullScreen .blocDroite .menu-secondaire > *
{
	color: #F28E77;
	cursor: pointer;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
nav.navFullScreen .blocDroite .menu-secondaire > *:hover
{
	color: #fff;
}

nav.navHeader
{
	height: 180px;
	background: #fff;
}
nav.navHeader .logo
{
	display: block;
	height: 80px;
	max-width: 100%;
	margin: auto;
}
nav.navHeader .openMenu
{
	position: fixed;
	top: 50px;
	right: 50px;
	z-index: 1;
}
nav.navHeader .openMenu svg
{
	cursor: pointer;
	width: 40px;
}
nav.navHeader .openMenu svg rect
{
    -webkit-transition: fill 0.6s ease 0s;
    -moz-transition: fill 0.6s ease 0s;
    -o-transition: fill 0.6s ease 0s;
    transition: fill 0.6s ease 0s;
}
nav.navHeader .openMenu:hover svg rect,
nav.navHeader .openMenu.active svg rect
{
	fill: #F28E77;
}


/*
-----------------------
    CONTENT
-----------------------
*/

.content
{
    overflow: hidden;
}
.content .noGuttersRight
{
	position: relative;
	width: calc(100% + 15px);
}
.content .noGuttersLeft
{
	position: relative;
	width: calc(100% + 15px);
	left: -15px;
}
.content .noGuttersLeft.noGuttersRight
{
	width: calc(100% + 30px);
	left: -15px;
}
.content .lang 
{
	line-height: 22px;
	text-align: center;
	margin-top: 10px;
}
.content .lang a
{
	display: block;
}
.content .lang a:hover
{
	color: #F28E77;
}
.content .lang .separator
{
	height: 1px;
	width: 20px;
	background:#F28E77;
	margin: auto;
}
.content .navHome > div
{
	display: inline-block;
	margin: 10px 0;
	white-space: nowrap
}
.content .navHome .liens
{
	display: inline-block;
	overflow: hidden;
	height: 30px;
	width: 0px;
	vertical-align: top;
}
.content .navHome .liens a
{
	margin: 0 10px;
}
.content .navHome .liens a:hover
{
	color: #F28E77;
}
.content .navHome .liens.atelierReno a
{
	color: #050C13;
}
.content .navHome .liens.atelierReno a:hover,
.content .navHome .liens.atelierReno a.active
{
	color: #DBDC2B;
}
.content .carouselDiapo
{
	height: 700px;
}

/* .content .floatingImageContainer
{
	height: 700px;
	overflow: hidden;
}

.content .floatingImage{
	display: block;
	position: absolute;
	width: 100%;
	top: -30%;
} */

.content .carouselDiapo .data .g
{
    position: absolute;
    top: -20px;
    right: 100px;
	width: 35px;
}

.content .grossetPicto 
{
	position: absolute;
	top: 320px;
	right: 130px;
}
/* .content .grossetPicto .g
{
	position: absolute;
	top: -718px;
} */

.content .blocChaqueProjet
{
	background:#F5F4F4;
}
.content .blocChaqueProjet .carouselDiapo
{
	height: 500px;
}
.content .blocChaqueProjet .allLiens > a
{
	position: relative;
	display: block;
	margin: 20px 0;
	opacity: 0.52;
    -webkit-transition: padding 0.6s ease 0s, opacity 0.6s ease 0s;
    -moz-transition: padding 0.6s ease 0s, opacity 0.6s ease 0s;
    -o-transition: padding 0.6s ease 0s, opacity 0.6s ease 0s;
    transition: padding 0.6s ease 0s, opacity 0.6s ease 0s;
}
.content .blocChaqueProjet .allLiens > a:hover
{
	opacity: 1;
	padding-left: 50px;
}
.content .blocChaqueProjet .allLiens > a:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 0%;
	left: -40%;
	margin-left: 30px;
	top: 50%;
	background: #F28E77;
    -webkit-transition: width 0.6s ease 0s;
    -moz-transition: width 0.6s ease 0s;
    -o-transition: width 0.6s ease 0s;
    transition: width 0.6s ease 0s;
}
.content .blocChaqueProjet .allLiens > a:hover:before
{
	width: 40%;
}
.content .blocUnSavoirFaire
{
	position: relative;
}
.content .blocUnSavoirFaire .veineBois
{
	position: absolute;
	top: -250px;
	z-index: -1;
	right:0;
	width: 70%;
	max-width: 800px;
}



.hidden{
	opacity: 0.3;
	transition: ease-in-out .3s opacity; 
}
.shown{
	opacity: 1;
	transition: ease-in-out .3s opacity; 
}

.content .blocUnSavoirFaire .titre
{
	position: relative;
	margin-left: 80px;
}
.content .blocUnSavoirFaire .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 60px;
	left: -80px;
	top: 50%;
	background: #F28E77;
}
.content .moduleSlides .allSlides .thisSlide
{
	margin: 0 40px;
	width: 200px;
}
.content .moduleSlides .allSlides .thisSlide .carouselDiapo 
{
	height: 300px;
}
.content .moduleSlides .allSlides .thisSlide:hover .surligner:before
{
	width: 0px;
}
.content .moduleSlides .allSlides .thisSlide .openPopUpContactTerrain 
{
	opacity: 1;
	-webkit-transition: opacity 0.6s ease 0s;
	-moz-transition: opacity 0.6s ease 0s;
	-o-transition: opacity 0.6s ease 0s;
	transition: opacity 0.6s ease 0s;
}
.content .moduleSlides .allSlides .thisSlide .openPopUpContactTerrain:hover
{
	opacity: 0.5;
}
.content .moduleSlides .left,
.content .moduleSlides .right
{
	cursor: pointer;
}
.content .moduleSlides .left:hover,
.content .moduleSlides .right:hover
{
	color: #F28E77;
}
body.menuLangLoaderVert .content .moduleSlides .left:hover,
body.menuLangLoaderVert .content .moduleSlides .right:hover
{
	color: #DBDC2B;
}
.content .moduleSlidesImages 
{
    position: relative;
	overflow: hidden;
}
.content .moduleSlidesImages .bois
{
    position: absolute;
    top: -100px;
    left: 0;
    width: 45%;
}
.content .moduleSlidesImages .carouselDiapo
{
	opacity: 0.5;
    -webkit-transition: opacity 0.6s ease 0s;
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
.content .moduleSlidesImages .allSlides
{
	background: #fff;
}
.content .moduleSlidesImages .slick-track .slick-slide
{
	position: relative;
	left: 100px;
}
.content .moduleSlidesImages .slick-slide.slick-center .carouselDiapo
{
	opacity: 1;
}
.content .moduleSlidesImages .left,
.content .moduleSlidesImages .right
{
	cursor: pointer;
}
.content .moduleSlidesImages .left:hover,
.content .moduleSlidesImages .right:hover
{
	color: #F28E77;
}
body.menuLangLoaderVert .content .moduleSlidesImages .left:hover,
body.menuLangLoaderVert .content .moduleSlidesImages .right:hover
{
	color: #DBDC2B;
}
.content .blocModuleScroll .navScroll,
.content .blocModuleScroll .navScrollFake
{
	width: 220px;
	margin-top: 100px;
	background: #fff;
	z-index: 1;
}
.content .blocModuleScroll .navScroll.scroll
{
	position: fixed;
	top: 0;
}
.content .blocModuleScroll .navScroll.scroll.bottom
{
	position: absolute;
	top: auto;
	bottom: 0;
}
.content .blocModuleScroll .navScroll div
{
	margin: 10px 0;
	color: rgba(242,142,119,0.50);
	cursor: pointer;
	line-height: 28px;
}
.content .blocModuleScroll .navScroll div:hover,
.content .blocModuleScroll .navScroll div.active
{
	color: rgba(242,142,119,1.00);
}
.content .blocModuleScroll .navScroll.vert div
{
	color: rgba(219,220,43,0.50);
}
.content .blocModuleScroll .navScroll.vert div:hover,
.content .blocModuleScroll .navScroll.vert div.active
{
	color: rgba(219,220,43,1.00);
}
.content .blocModuleScroll .divScroll > div .separator
{
	position: relative;
	height: 1px;
	background: rgba(242,142,119,1.00);
	width: calc(20% + 250px);
	margin-left: -250px;
	margin-top: 30px;
}
.content .blocModuleScroll.nosMetiers .divScroll > div .separator
{
	margin-right: -250px;
	margin-left: auto;
}
.content .blocModuleScroll .divScroll > div:last-child .separator
{
	display: none;
}
.content .blocModuleScroll .divScroll > div:not(:last-child)
{
	margin-bottom: 150px;
}
.content .blocModuleScroll .divScroll > div .carouselDiapo
{
	height: 600px;
}
.content .blocLesServices
{
	background: #F5F4F4;
	line-height: 26px;
}
.content .blocLesServices .lesServices
{
	display: block;
	max-width: 100%;
	margin: auto;
}
.content .blocNosGammes
{
	position: relative;
}
.content .blocNosGammes .titre
{
	position: relative;
	margin-left: 80px;
}
.content .blocNosGammes .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 60px;
	left: -80px;
	top: 50%;
	background: #F28E77;
}
.content .blocNosGammes div > .thisGamme
{
	margin: 20px 20px 200px;
}
.content .blocNosGammes div > .thisGamme img
{
	max-height: 480px;
	max-width: 100%;
	margin: auto;
	display: block;
}
.content .blocNosGammes div > .thisGamme .over
{
	position: absolute;
	bottom: 120px;
	right: 10px;
	background:#fff;
	padding: 30px;
	width: 320px;
	height: 380px;
	-moz-box-shadow: 3px 3px 3px 0px #ccc;
	-webkit-box-shadow: 3px 3px 3px 0px #ccc;
	-o-box-shadow: 3px 3px 3px 0px #ccc;
	box-shadow: 3px 3px 3px 0px #ccc;
}
.content .blocNosGammes div > .thisGamme .over .texte
{
	line-height: 28px;
}
.content .blocNosGammes div > .thisGamme .over .separator
{
	position: relative;
	height: 2px;
	width: 80%;
	left: -100px;
	background:#F28E77;
	margin: 20px 0;
}
.content .blocNosGammes div:last-child > .thisGamme .over
{
	background: #0C2227;
	color: #DED9C9;
}
.content .blocNosGammes div:last-child > .thisGamme .over .accroche
{
	color: #B28B77;
}
.content .blocNosGammes div:last-child > .thisGamme .over .separator
{
	background: #DED9C9;
}
.content .blocNosGammes div:last-child > .thisGamme .over a
{
	color: #B28B77;
}
.content .blocNosGammes div:last-child > .thisGamme .over a:before
{
	background: #B28B77;
}
.content .blocNosGammes .nosGammesBois
{
	position: absolute;
	top: 120px;
	left: 0;
	bottom: 0;
	right: 70%;
	background:url("/wp-content/themes/grossetjanin/images/nos_gammes_bois.svg");
	background-size: cover;
}
.content .blocNosTerrains
{
	background: #F7F6F6;
	padding-top: 80px;
}
.content .blocNosTerrains .container-fluid > .row > div > .titre
{
	position: relative;
}
.content .blocNosTerrains .container-fluid > .row > div > .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 60px;
	left: -80px;
	top: 50%;
	background: #F28E77;
}
.content .blocNosRenovations
{
	background: #F7F6F6;
	padding-top: 80px;
}
.content .blocNosRenovations .container-fluid > .row > div > .titre
{
	position: relative;
	margin-left: 80px;
}
.content .blocNosRenovations .container-fluid > .row > div > .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 60px;
	left: -80px;
	top: 50%;
	background: #DBDC2B;
}
.content .blocNosRenovations .moduleSlides .left:hover, .content .blocNosRenovations .moduleSlides .right:hover
{
	color: #DBDC2B;
}
.content .blocAvis .thisSlide 
{
	margin: 20px 40px;
}
.content .blocAvis .texte
{
	position: relative;
}
.content .blocAvis .texte:before
{
	content: "“";
	position: absolute;
	left: -40px;
	top: -50px;
	color: #DBDC2B;
	font-size: 100px;
}
.content .blocAvis .texte:after
{
	content: "”";
	position: absolute;
	right: -30px;
	bottom: -90px;
	color: #DBDC2B;
	font-size: 100px;
}
.content .blocAvis .texte.rose:before
{
	color: #F28E77;
}
.content .blocAvis .texte.rose:after
{
	color: #F28E77;
}
.content .blocAvis .left:hover,
.content .blocAvis .right:hover
{
	color: #F28E77;
}
.content .blocAvis.renovation .left:hover,
.content .blocAvis.renovation .right:hover
{
	color: #DBDC2B;
}
.content .blocRejoindre
{
	position: relative;
	background: #F5F4F4;
}
.content .blocRejoindre .rejoindreBois
{
    position: absolute;
    top: -60px;
    right: 0;
    width: 40%;
    max-width: 600px;
}
.content .blocRejoindre .titre
{
	position: relative;
	margin-left: 80px;
}
.content .blocRejoindre .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 60px;
	left: -80px;
	top: 50%;
	background: #F28E77;
}
.content .blocRejoindre .nosPostes .titre3
{
	color: rgba(5,12,19,0.39);
}
.content .blocRejoindre .nosPostes .thisPoste
{
	position: relative;
}
.content .blocRejoindre .nosPostes .thisPoste:before
{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;	
	background: #F28E77;
}
.content .blocRejoindre .nosPostes .thisPoste .fermer
{
	display: none;
}
.content .blocRejoindre .nosPostes .thisPoste .texte
{
	display: none;
}
.content .blocPresse .allLiens > a
{
	position: relative;
	display: block;
    -webkit-transition: padding 0.6s ease 0s, color 0.6s ease 0s;
    -moz-transition: padding 0.6s ease 0s, color 0.6s ease 0s;
    -o-transition: padding 0.6s ease 0s, color 0.6s ease 0s;
    transition: padding 0.6s ease 0s, color 0.6s ease 0s;
}
.content .blocPresse .allLiens > a:hover,
.content .blocPresse .allLiens > a.active
{
	padding-left: 50px;
	color: #F28E77;
}
.content .blocPresse .allLiens > a:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 0%;
	left: -70px;
	top: 50%;
	background: #F28E77;
    -webkit-transition: width 0.6s ease 0s;
    -moz-transition: width 0.6s ease 0s;
    -o-transition: width 0.6s ease 0s;
    transition: width 0.6s ease 0s;
}
.content .blocPresse .allLiens > a:hover:before,
.content .blocPresse .allLiens > a.active:before
{
	width: 100px;
}
.content .blocPresse .allLiens > a img
{
	width: 100%;
}
.content .blocPresse .preview
{
	padding: 40px;
	background: #F5F4F4;
	display: block;
}
.content .blocPresse .preview img
{
	display: block;
	max-width: 100%;
	max-height: 700px;
	margin: auto;
}
.content .prev,
.content .next
{
	opacity: 0.5;
    -webkit-transition: color 0.6s ease 0s, opacity 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, opacity 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, opacity 0.6s ease 0s;
    transition: color 0.6s ease 0s, opacity 0.6s ease 0s;
}
.content .prev:hover,
.content .next:hover
{
	opacity: 1;
}
.content .blocHistoire
{
	position: relative;
}
.content .blocHistoire .veineBois
{
	position: absolute;
	top: 0;
	left: -180px;
	width: 70%;
	max-width: 1000px;
}
.content .blocHistoire .allSlides > div:not(:first-child)
{
	display: none;
}
.content .blocHistoire .left,
.content .blocHistoire .right
{
	cursor: pointer;
}
.content .blocHistoire .left:hover,
.content .blocHistoire .right:hover
{
	color: #F28E77;
}
.content .blocHistoire .left.disabled,
.content .blocHistoire .right.disabled
{
	cursor: default;
	color: rgba(5,12,19,0.40);
}
.content .blocHistoire .carouselDiapo
{
	height: 500px;
}
.content .blocConstruireEnRespectant
{
	position: relative;
}
.content .blocConstruireEnRespectant .titre
{
	position: relative;
	margin-left: 80px;
}
.content .blocConstruireEnRespectant .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 60px;
	left: -80px;
	top: 50%;
	background: #F28E77;
}
.content .blocCertificationIntegration
{
	position: relative;
	overflow: hidden;
	padding-top: 50px;
}
.content .blocCertificationIntegration .bois
{
    position: absolute;
    top: 0px;
    left: 0;
    width: 50%;
}
.content .blocCertificationQualibat
{
	position: relative;
}
.content .blocCertificationQualibat .carouselDiapo
{
	height: 330px;
	width: 330px;
}
.content .blocCertificationQualibat .desc
{
	width: 330px;
}
.content .blocCertificationQualibat .titre
{
	position: relative;
}
.content .blocCertificationQualibat .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 200px;
	left: -220px;
	top: 50%;
	background: #F28E77;
}
.content .blocIntegrationPaysagere
{
	position: relative;
}
.content .blocIntegrationPaysagere .carouselDiapo
{
	height: 330px;
	width: 330px;
}
.content .blocIntegrationPaysagere .desc
{
	width: 330px;
}
.content .blocIntegrationPaysagere .titre
{
	position: relative;
}
.content .blocIntegrationPaysagere .titre:before
{
	content: "";
	position: absolute;
	height: 1px;
	width: 100px;
	left: -120px;
	top: 50%;
	background: #F28E77;
}
.content .blocAdresse
{
	position: relative;
}
.content .blocAdresse .googleMap
{
	height: 500px;
}
.content .blocAdresse .fondGris
{
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 170px 20px 170px 0;
	-webkit-box-shadow: inset 320px 0px 100px 0px #fff;
	-moz-box-shadow: inset 320px 0px 100px 0px #fff;
	box-shadow: inset 320px 0px 100px 0px #fff;
}
.content .blocAdresse .carouselDiapo
{
	height: 400px;
	opacity: 0.32;
}
.content .allAgences .thisAgence:not(:first-child)
{
	display: none;
}
.content .allAgences .thisAgence .carouselDiapo
{
	height: 400px;
}
.content .blocNosOpportunites .allCategories .select
{
	width: 150px;
}
.content .blocNosOpportunites .thisOpportunite
{
	display: block;
	width: 300px;
}
.content .blocNosOpportunites .thisOpportunite .carouselDiapo
{
	height: 300px;
}
.content .blocNosOpportunites .thisOpportunite:hover .surligner:before
{
	width: 0px;
}
.content .blocNosRealisations a
{
    color: #050C13;
}
.content .blocNosRealisations a.active.rose
{
    color: #F28E77;
}
.content .blocNosRealisations a.active.marron
{
    color: #B28B77;
}
.content .blocNosRealisations a.active.vert
{
    color: #DBDC2B;
}
.content .blocNosRealisations .thisRealisation
{
	display: block;
	max-width: 100%;
	width: 500px;
}
.content .blocNosRealisations .thisRealisation .carouselDiapo
{
	height: 300px;
}
.content .blocNosRealisations .thisRealisation:hover .surligner:before
{
	width: 0px;
}
.content .blocNosActualites .allCategories a
{
	position: relative;
	display: inline-block;
	padding-bottom: 4px;	
}
.content .blocNosActualites .allCategories a:before
{
	content:"";
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #F28E77;
	-webkit-transition: width 0.6s ease 0s;
	-moz-transition: width 0.6s ease 0s;
	-o-transition: width 0.6s ease 0s;
	transition: width 0.6s ease 0s;
}
.content .blocNosActualites .allCategories a:hover:before,
.content .blocNosActualites .allCategories a.active:before
{
	width: 100%;
}
.content .blocNosActualites .thisActualite .separator
{
	position: absolute;
	left: 0;
	height: 1px;
	width: calc(8.333333% + 80px);
	background: #F28E77;
}
.content .blocNosActualites .thisActualite .texte
{
	line-height: 28px;
}
.content .blocNosActualites .thisActualite .carouselDiapo
{
	height: auto;
}
.content .blocNosActualites .thisActualite .carouselDiapo .data
{
	position: relative;
	padding: 60px 0;
	width: 100%;
	-webkit-box-shadow: inset 200px 0px 200px 0px #fff;
	-moz-box-shadow: inset 200px 0px 200px 0px #fff;
	box-shadow: inset 200px 0px 200px 0px #fff;
}
.content .blocNosActualites .thisActualite .fondGris
{
	position: relative;
	background: #F0F0F0;
	padding: 60px 0;
}
.content .blocNosActualites .thisActualite .fondGris:before
{
	content: "";
	position: absolute;
	bottom: 0;
	width: 80%;
	left: 10%;
	height: 1px;
	background: #FFFFFF;
}
.content.blocNosActualitesDetails
{
	overflow: initial;
}
.content.blocNosActualitesDetails .carouselDiapo.imagePrincipale
{
    position: relative;
    margin-top: -180px;
	height: 500px;
}
.content.blocNosActualitesDetails .carouselDiapo.imagePrincipale .data
{
	position: relative;
	padding: 60px 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 200px 0px 200px 0px #fff;
	-moz-box-shadow: inset 200px 0px 200px 0px #fff;
	box-shadow: inset 200px 0px 200px 0px #fff;
}
.content.blocNosActualitesDetails .carouselDiapo.imagePrincipale .data .separator
{
	position: absolute;
	left: 0;
	height: 1px;
	width: calc(8.333333% + 80px);
	background: #F28E77;
}
.content.blocNosActualitesDetails .carouselDiapo.imageSecondaire
{
	height: 400px;
}
.content.blocNosActualitesDetails .blogGris
{
	background: #F0F0F0;
}
.content.blocNosActualitesDetails .blogGris .prevNext > div:first-child:before
{
	content: "";
	position: absolute;
	right: 0;
	height: 60%;
	top: 20%;
	width: 1px;
	background: #fff;
}
.content.blocNosActualitesDetails .blogGris .separator
{
	position: relative;
	height: 1px;
	width: 80px;
	background: #F28E77;
}

/* Héritage */

body.heritage
{
	background: #0C2227;
}
body.heritage nav.navHeader
{
	background: #0C2227;
}
body.heritage nav.navHeader .openMenu svg rect
{
    fill: #fff;
}
body.heritage nav.navHeader .openMenu:hover svg rect,
body.heritage nav.navHeader .openMenu.active svg rect
{
    fill: #B28B77;
}
body.menuLangLoaderMarron nav.navHeader .openMenu:hover svg rect,
body.menuLangLoaderMarron nav.navHeader .openMenu.active svg rect
{
    fill: #B28B77;
}
body.menuLangLoaderVert nav.navHeader .openMenu:hover svg rect,
body.menuLangLoaderVert nav.navHeader .openMenu.active svg rect
{
    fill: #DBDC2B;
}
body.heritage .content 
{
	overflow: initial;
}
body.heritage .content .moduleSlidesImagesHeritage 
{
    position: relative;
	overflow: hidden;
	margin-top: -180px;
}
body.heritage .content .moduleSlidesImagesHeritage .carouselDiapo
{
	opacity: 0.5;
    -webkit-transition: opacity 0.6s ease 0s;
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
body.heritage .content .moduleSlidesImagesHeritage .allSlides
{
	background: #fff;
}
body.heritage .content .moduleSlidesImagesHeritage .slick-track .slick-slide
{
	position: relative;
}
body.heritage .content .moduleSlidesImagesHeritage .slick-slide.slick-center .carouselDiapo
{
	opacity: 1;
}
body.heritage .content .blocCreationHeritage .left,
body.heritage .content .blocCreationHeritage .right
{
	cursor: pointer;
	color: #B28B77;
}
body.heritage .content .blocCreationHeritage .left:hover,
body.heritage .content .blocCreationHeritage .right:hover
{
	color: #F2E9CE;
}
body.heritage .content .lang a
{
    color: #fff;
}
body.heritage .content .lang a.active,
body.heritage .content .lang a:hover
{
    color: #9F926E;
}
body.menuLangLoaderMarron .content .lang a.active,
body.menuLangLoaderMarron .content .lang a:hover
{
    color: #B28B77;
}
body.menuLangLoaderVert .content .lang a.active,
body.menuLangLoaderVert .content .lang a:hover
{
    color: #DBDC2B;
}
body.heritage .content .lang .separator
{
	background: #9F926E;
}
body.menuLangLoaderMarron .content .lang .separator
{
	background: #B28B77;
}
body.menuLangLoaderVert .content .lang .separator
{
	background: #DBDC2B;
}
body.heritage .content .blocCreationHeritage
{
	position: relative;
	margin-top: -60px;
}
body.heritage .content .blocCreationHeritage > .container-fluid > .row > div
{
	background: #00373F;
}
body.heritage .content .blocCreationHeritage .titreCreationHeritage
{
	position: relative;
	display: inline-block;
}
body.heritage .content .blocCreationHeritage .titreCreationHeritage:before
{
    content: "";
    position: absolute;
    top: -130px;
    right: 10px;
    background: #DED9C9;
    width: 1px;
    height: 150px;
}
body.heritage .content .blocAlchimie
{
	position: relative;
	margin-top: -100px;
}
body.heritage .content .blocAlchimie .veineBois
{
    position: absolute;
    top: 100px;
    left: -50px;
    width: 50%;
    max-width: 600px;
}
body.heritage .content .blocAlchimie .carouselDiapo
{
	height: 600px;
}
body.heritage .content .blocAlchimie .titreAlchimie
{
	position: relative;
	display: inline-block;
}
body.heritage .content .blocAlchimie .titreAlchimie:before
{
    content: "";
    position: absolute;
    top: -190px;
    left: -30px;
    background: #DED9C9;
    width: 1px;
    height: 220px;
}
body.heritage .content .blocGrandsNoms
{
	position: relative;
	margin-top: -40px;
}
body.heritage .content .blocGrandsNoms .carouselDiapo
{
	height: 300px;
	left: -30px;
}
body.heritage .content .blocGrandsNoms .titreGrandsNoms
{
	position: relative;
	display: inline-block;
}
body.heritage .content .blocGrandsNoms .titreGrandsNoms:before
{
    content: "";
    position: absolute;
    top: -190px;
    left: -50px;
    background: #DED9C9;
    width: 1px;
    height: 220px;
}
body.heritage .content .heritageSlides .left,
body.heritage .content .heritageSlides .right
{
	cursor: pointer;
	color: #B28B77;
}
body.heritage .content .heritageSlides .left:hover,
body.heritage .content .heritageSlides .right:hover
{
	color: #F2E9CE;
}
body.heritage .content .heritageSlides .allSlides .thisSlide
{
	display: none;
}
body.heritage .content .heritageSlides .allSlides .thisSlide.active
{
	display: block;
}
body.heritage .content .heritageSlides .allSlides .thisSlide .carouselDiapo 
{
	height: 500px;
	width: 100%;
}
body.heritage .content .heritageSlides .allSlides .thisSlide:hover .surligner:before
{
	width: 0px;
}
body.heritage .content .heritageSlides .allSlides .thisSlide .infos 
{
	position: absolute;
	top: 50%;
	width: 350px;
	left: -175px;
	padding: 40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #00373F;
}
body.heritage .content .heritageSlides .allSlides .thisSlide .infos .titre
{
	position: relative;
	display: inline-block;
}
body.heritage .content .heritageSlides .allSlides .thisSlide .infos .titre:before
{
	content: "";
	position: absolute;
	bottom: -25px;
	width: 100%;
	height: 1px;
	background: #DED9C9;
}
body.heritage .content .moduleSlidesImages .left,
body.heritage .content .moduleSlidesImages .right
{
	color: #B28B77;
}
body.heritage .content .moduleSlidesImages .left:hover,
body.heritage .content .moduleSlidesImages .right:hover
{
	color: #F2E9CE;
}
body.heritage .content .heritageDetailsSlides .allSlides .thisSlide .carouselDiapo
{
	height: 400px;
}
body.heritage .content .heritageDetailsSlides .allSlides .thisSlide:hover .surligner:before
{
	width: 0px;
}
body.heritage .content .heritageDetailsSlides .allSlides .thisSlide .infos
{
	background: #B28B77;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
body.heritage .content .heritageDetailsSlides .left,
body.heritage .content .heritageDetailsSlides .right
{
	color: #B28B77;
}
body.heritage .content .heritageDetailsSlides .left:hover,
body.heritage .content .heritageDetailsSlides .right:hover
{
	color: #F2E9CE;
}


/*
-----------------------
    FOOTER
-----------------------
*/

footer
{
	position: relative;
	background:#00373F;
	color: #fff;
	padding: 100px 0;
}
footer .footerBois
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 70%;
	background:url("/wp-content/themes/grossetjanin/images/footer_bois.svg");
	background-size: cover;
}
footer #menu-menu-footer a
{
	color: #fff;
}
footer #menu-menu-footer li > a:hover,
footer #menu-menu-footer li.current_page_item > a
{
	color: #F28E77;
}
footer a:hover
{
	color: #F28E77;
}
footer .sociaux i
{
	width: 16px;
	margin-right: 10px;
}

/*
-----------------------
    PRINT
-----------------------
*/

@media print
{
	@page
	{
		size: A4;
		margin: 0;
	}
	*
	{
		-webkit-print-color-adjust: exact !important;
    	color-adjust: exact !important;
	}
	body
	{
		overflow: auto;
	}
	nav
	{
		display: none;
	}
	/*#page,
	.codehtml,
	.oldCodehtml
	{
		position: relative!important;
		top: auto!important;
		bottom: auto!important;
		left: auto!important;
		right: auto!important;
	}*/
}


a {
	text-decoration: none !important;
}

html {
	background-color: inherit;
}
.uk-link, .uk-link:hover{
	color: unset !important
}

.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	color: inherit
}