/* FONTES */
@font-face {
	font-family: 'HV Light';
	src: url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT45Light.ttf") format("truetype"),
		url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT45Light.woff2") format("woff2");	
	font-weight: 400;
}
@font-face {
	font-family: 'HV Roman';
	src: url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT55Roman.ttf") format("truetype"),
		url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT55Roman.woff2") format("woff2");	
	font-weight: 400;
}

@font-face {
	font-family: 'HV Medium';
	src: url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT65Medium.ttf") format("truetype"),
		url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT65Medium.woff2") format("woff2");	
	font-weight: 400;
}

@font-face {
	font-family: 'HV Bold';
	src: url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT75Bold.ttf") format("truetype"),
		url("https://www.sylviehenot.com/wp-content/themes/sylviehenot2022/fontes/HTLT75Bold.woff2") format("woff2");	
	font-weight: 400;
}


/* COULEURS */

.gris-1  {
	color: #7c8880;
}


.gris-1-50  {
	color: #cccfcc;
}

.gris-1-60  {
	color:#bfc3c0;
}

.gris-2  {
	color: #b9c5b9;
}




.gris-2-50  {
	color:#e0e4e0;
}


.gris-2-60  {
	color:#d8ded8;
}

.gris-3  {
	color:#58635c;
}

.gris-4  {
	color:#3e4841;
}




	/* STRUCTURE */


.page-template-page-chapitre {
	display: block;
	height: auto;
	position: relative;	
	float: none;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;	
    font-family: 'Poppins', sans-serif;		
	font-weight: 400;
}

.sh-header,
.sh-header .site-branding .site-title,
.sh-header .site-branding .site-title a,
.sh-header nav,
.sh-header nav ul,
.sh-header nav ul li {
	display: block;
	overflow: hidden;
	height: auto;
	position: relative;
	z-index: 100;
	
}

.sh-header {
	top: 0;
	left: 2vh;
	margin: 2vh 0 0 0;
	padding: 2vh 2vw 4vh 2vw;
	float:none;
	position: fixed;
	width: 18vw;
	z-index: 100!important;
	background-color: #ffffff;
}

.sh-header .site-branding .site-title,
.sh-header .site-branding .site-title a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: none;
}


.sh-header .site-branding .site-title  {
    font-family: 'HV Roman', sans serif!important;
	font-weight: 400;	
	line-height: 1.15em;
	letter-spacing: -0.02em;
	text-transform: none;
	text-decoration: none;
	color: #7c8880;
	font-size: 1.7em;
}

.sh-header .site-branding .site-title a {
	text-decoration: none;
	color: #7c8880;
    font-family: 'HV Roman', sans serif!important;	
	font-weight: 400;	
	text-transform: none;	
}


.sh-header .site-branding .site-description  {
	text-decoration: none;
    font-family: 'Poppins', sans-serif;		
	font-weight: 200;	
	font-size: 0.985em;	
	letter-spacing: 0.005em;
	line-height: 1em;
	color: #7c8880;	
	margin: 1px 0 0 0;
	text-transform: lowercase;
}


.sh-header nav ul  {
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	float: none;
}

.sh-header .sh-mobile nav ul  {
	margin: 30px 10vw 0 10vw;
	padding: 0 0 0 0;
	float: none;
}

.sh-header nav ul li {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	float: none;
	list-style-type: none;
}

.sh-header .sh-mobile nav ul li {
	padding: 15px 0 15px 0;
}

.sh-header nav ul li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: none;
	font-size: 0.7em;
	line-height:1.1em;
	text-align: left;
	text-decoration: none;
    font-family: 'Poppins', sans-serif;	
	font-weight: 600;
	color: #7d8880;
	letter-spacing: 0;
}

.sh-header nav ul .current-menu-item a{
	color: #b9c5b9;
}

.sh-header nav ul li a:hover {
	color: #cca421;
	text-decoration: dotted  underline #cca421;	
}


.sh-header .sh-menumobile a,
.sh-header .sh-menumobile a:hover {
	color: #ffffff;
}
.sh-header .sh-menumobile  .current-menu-item  a {
	color: #b9c5b9;
}

.sh-header .site-branding .site-title a:hover {
	color: #cca421;
	color: #bfc3c0;	
}


.sh-header .picto-rs  {
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	float: none;
}
.sh-header .sh-mobile .picto-rs  {
	margin: 10px 10vw 0 10vw;
	padding: 0 0 0 0;
	float: none;
}

.sh-header .picto-rs li {
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	float: left;
	list-style-type: none;
}
.sh-header .picto-rs li a {
	text-decoration: none;
	border: none;
}
.sh-header .picto-rs li a img {
	width: 24px;
	height: auto;
}

.sh-header .picto-rs li a:hover  {
	opacity:0.7;
}


/* MENU MOBILE */


.sidepanel {
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; 
  z-index: 999999999999999; 
  top: 0;
  left: 0;
  bottom:0;
  background-color: #cca421; 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
}

.sidepanel a {
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
	color: #e0e4e0;
}

.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 2vh;
	font-size: 36px;
	margin-left: 50px;
}

.openbtn {
	position:fixed;
	top: 2vh;
	right:2vh;
	font-size: 20px;
	cursor: pointer;
	background-color: #e0e4e0!important;
	color: #ffffff;
	padding: 10px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #cca421!important;
	color:#ffffff;
}





	/* PORTFOLIO */

.portfolio,
.portfolio .sh-in,
.portfolio .sh-in nav,
.portfolio .sh-in nav p,
.portfolio .sh-in header,
.portfolio .sh-in header h1,
.portfolio .sh-in .sh-content,
.portfolio .sh-in .projets-liste,
.portfolio .sh-in .projets-liste ul,
.portfolio .sh-in .projets-liste li,
.portfolio .sh-in .projets-liste li a,
.portfolio .sh-in .projets-liste li a figure,
.portfolio .sh-in .projets-liste li a .titre,
.portfolio .sh-in .projets-liste .item .projet,
.portfolio .sh-in .projets-liste .item .projet a,
.portfolio .sh-in .projets-liste .item .projet a figure,
.portfolio .sh-in .projets-liste .item .projet a .titre {
	display: block;
	overflow: hidden;
	height: auto;
	position: relative;
	color: #7d8880;
}

.portfolio {
	float:none;
	background-color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto;
}

.portfolio .sh-in {
	float:none;
	margin: 0 0 0 30%;
	padding: 0 0 0 0;
	width: 70%;
	min-height:100vh;
	max-height: none;
	background-color: #ffffff;
}

.portfolio .sh-in nav {
	float:none;
	margin: 4vh 5vw 0 5vw;
	padding: 0 0 0 0;
	font-size: 0.6em;
	letter-spacing: 0.02em;
	font-weight: 500;
	color: #b9c5b9;
}

.portfolio .sh-in nav p {
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
	float:none;
}


.portfolio .sh-in nav a {
	font-weight:300;
	text-decoration: none;
    font-family: 'Poppins', sans-serif;		
	color: #7d8880;	
}

.portfolio .sh-in nav a:hover {
	font-weight: 300;
	text-decoration: underline;
}

.portfolio .sh-in header {
	float:none;
	margin: 0 5vw 0 5vw;
	padding: 0 0 0 0;
}
.portfolio .sh-in header h1 {
	font-size: 2.4em;
	font-weight: 500;
    font-family: 'Poppins', sans-serif;	
	color: #b9c5b9;
	color: #bfc3c0;
	letter-spacing: -0.04em;
	padding: 0 0 25px 0;
	margin: 10px 0 0 0;
	float: none;
}

.portfolio .sh-in .pageprojet h1 {
	font-size: 1.3em;
	letter-spacing: -0.02em;	
	margin: 10px 0 0 0;	
	padding: 0 0 30px 0;	
}

.portfolio .sh-in .projets-liste {
	float:none;
	margin: 0 4vw 3vh 4vw;
	padding: 0 0 0 0;
	clear: both;
}

.portfolio .sh-in .alaune {
	margin: 5px 4vw 3vh 0;
}

.portfolio .sh-in .projets-liste ul {
	float:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear:both;
}

.portfolio .sh-in .projets-liste li {
	float:left;
	margin: 1vw 0 1vw 0 ;
	padding: 0 0 0 0;
	width: 25%;
	font-size: 0.8em;
	line-height: 1.1em;
}

.portfolio .sh-in .projets-liste .une {
	height: auto;
	margin-left: 0;
	margin-right: 0;
}

.portfolio .sh-in .projets-liste .item {
	border-bottom: dotted 1px #b9c5b9;
	padding-bottom: 1vh;
}



.portfolio .owl-theme .owl-dots  .owl-dot {
    background-color: #ffffff;	
}



.portfolio .owl-theme .owl-dots .owl-dot span {
    background-color: #e0e4e0;	
}

.portfolio .owl-theme .owl-dots .active span {
    background-color: #7c8880;	
}

.portfolio .owl-theme .owl-nav  {    
}
.portfolio .owl-theme .owl-nav  .owl-prev {
	float:left;
}
.portfolio .owl-theme .owl-nav  .owl-next {
	float: right;
}
.portfolio .owl-theme .owl-nav  .owl-prev,
.portfolio .owl-theme .owl-nav  .owl-next,
.portfolio .owl-theme .owl-nav:focus  .owl-prev,
.portfolio .owl-theme .owl-nav:focus  .owl-next,
.portfolio .owl-theme .owl-nav:active  .owl-prev,
.portfolio .owl-theme .owl-nav:active  .owl-next {
	padding: 10px;	
	display: block;
	color: #7c8880;	
	width: 40px;
	font-size : 1.3em;
	border: none!important;	
	border-color: #ffffff;
	text-decoration: none;

}
.portfolio .owl-theme .owl-nav  .owl-prev:hover,
.portfolio .owl-theme .owl-nav  .owl-next:hover,
.portfolio .owl-theme .owl-nav  .owl-prev:focus:hover,
.portfolio .owl-theme .owl-nav  .owl-next:focus:hover{
	color: #e0e4e0;	
    background-color: #ffffff;	
}

.portfolio .owl-theme .owl-nav  .owl-prev:active,
.portfolio .owl-theme .owl-nav  .owl-next:active,
.portfolio .owl-theme .owl-nav  .owl-prev:focus,
.portfolio .owl-theme .owl-nav  .owl-next:focus {
	color: #e0e4e0;	
    background-color: #ffffff;	
	border-color:#ffffff!important;
	border: none!important;
	border-radius: 0;
	text-decoration: none;
	
}

.portfolio .owl-theme .owl-nav  .owl-prev:before,
.portfolio .owl-theme .owl-nav  .owl-next:before,
.portfolio .owl-theme .owl-nav  .owl-prev:after,
.portfolio .owl-theme .owl-nav  .owl-next:after{
	border: none;
	border-color:#ffffff;
	
}




.portfolio .sh-in .projets-liste li a,
.portfolio .sh-in .projets-liste .item .projet a{
	float:none;
	margin: 1vw 1vw 0 1vw;
	padding: 0 0 0 0;
	font-weight: 200;
    font-family: 'Poppins', sans-serif;	
	text-decoration: none;
}

.portfolio .sh-in .projets-liste .item .une a {
	margin: 1vw 1vw 0 1vw;
	
}


.portfolio .sh-in .projets-liste li a figure,
.portfolio .sh-in .projets-liste .item .projet a figure {
	float:none;
	margin: 0 0 1vh 0;
	padding: 0 0 0 0;
	height: auto;
  	filter: opacity(60%) grayscale(0%) contrast(105%) ;	
	transition: all 0.3s ease-in-out;
	border-bottom: solid 0px #cbcfc9;
}

.portfolio .sh-in .projets-liste li:first-child a figure {
}




.portfolio .sh-in .projets-liste li a:hover figure {
  	filter: opacity(100%) grayscale(0%) contrast(105%) ;	
}


.portfolio .sh-in .projets-liste .item .projet a figure {
	width: 100%;
	max-width:100%;
	height: auto;
	max-height: 60vh;
	margin: 0 0 0 0;
	z-index: 1;
  	filter: opacity(20%) grayscale(0%) contrast(100%) ;		
}

.portfolio .sh-in .projets-liste .item .une a figure {
  	filter: opacity(100%) grayscale(0%) contrast(100%) ;	
}


.portfolio .sh-in .projets-liste .item .projet a:hover figure {
	z-index: 5;
  	filter: opacity(100%) grayscale(0%) contrast(100%) ;		
}

.portfolio .sh-in .projets-liste .item .une a:hover figure {
	z-index: 5;
  	filter: opacity(70%) grayscale(0%) contrast(110%) ;	
}



.portfolio .sh-in .projets-liste .item .une a figure img {
	width:100%;	
	max-width: 100%;
	height: auto;	
}




.portfolio .sh-in .projets-liste li:first-child a:hover figure {
}



.portfolio .sh-in .projets-liste li a .titre {
	float:none;
	margin: 0 0 1vh 0;
	padding: 10px 0 0 0;
	height: auto;
	min-height: 50px;
	color:#3e4841;
}

.portfolio .sh-in .projets-liste .item .projet a .titre {
	font-size: 1.1em;	
	margin: 1vh 0 1vh 0;
	padding: 10px 0 1vw 0;
	line-height: 1.2em;	
	height: auto;
	float:none;	
}

.portfolio .sh-in .projets-liste .item .une a .titre {
}


	/* Redactionnel */


.portfolio .sh-in .sh-content {
	float:none;
	margin: 0 5vw 0 1vw;
	padding: 0 0 3vh 0;
	clear:both;
	font-size: 10px;
	line-height: 10px;
}

.portfolio .sh-in .sh-content,
.portfolio .sh-in .sh-content p,
.portfolio .sh-in .sh-content h2,
.portfolio .sh-in .sh-content h3,
.portfolio .sh-in .sh-content h4,
.portfolio .sh-in .sh-content h5,
.portfolio .sh-in .sh-content h6,
.portfolio .sh-in .sh-content ul,
.portfolio .sh-in .sh-content blockquote,
.portfolio .sh-in .sh-content cite,
.portfolio .sh-in .sh-content .wp-block-pullquote,
.portfolio .sh-in .sh-content a,
.portfolio .sh-in .sh-content .wp-block-buttons {
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto', sans-serif;	
    font-family: 'Poppins', sans-serif;	
	
}

.portfolio .sh-in .sh-content a {
	color: #cca421;
}


.portfolio .sh-in .sh-content h6,
.portfolio .sh-in .sh-content ul {
    color: #b9c5b9;
}


.portfolio .sh-in .sh-content blockquote p {
	color:#58635c;
}

.portfolio .sh-in .sh-content .wp-block-pullquote p,
.portfolio .sh-in .sh-content blockquote cite,
.portfolio .sh-in .sh-content cite,
.portfolio .sh-in .sh-content blockquote p {
	color: #cba984;
}



.portfolio .sh-in .sh-content p,
.portfolio .sh-in .sh-content h2,
.portfolio .sh-in .sh-content h3,
.portfolio .sh-in .sh-content h4,
.portfolio .sh-in .sh-content h5,
.portfolio .sh-in .sh-content h6,
.portfolio .sh-in .sh-content cite,
.portfolio .sh-in .sh-content ul,
.portfolio .sh-in .sh-content blockquote,
.portfolio .sh-in .sh-content .wp-block-buttons {
	margin-left: 4vw;
	margin-right: 10vw;	
}

.portfolio .sh-in .sh-content .wp-block-image,
.portfolio .sh-in .sh-content .size-large {
	margin-left: 0;
	margin-right: 0;	
	margin-top: 6vh;
	margin-bottom: 6vh;		
}

.portfolio .sh-in .sh-content .size-large {

}

.portfolio .sh-in .sh-content .size-large img {
	margin-left: 0;
	margin-right: 0;	
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.portfolio .sh-in .sh-content p {
	font-weight: 300;
	font-size: 1.9em;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 15px;
}

.portfolio .sh-in .sh-content .has-extra-small-font-size {
	font-weight: 400;
	font-size: 1.5em;
}




.portfolio .sh-in .sh-content h2 {
	font-weight: 600;
	font-size: 2.8em;
	line-height: 1.3em;
	margin-top: 30px;
	margin-bottom: 15px;
	letter-spacing: -0.02em;
}


.portfolio .sh-in .sh-content h3 {
	font-weight: 200;
	font-size: 2.8em;
	line-height: 1.3em;
	margin-top: 30px;
	margin-bottom: 15px;
}


.portfolio .sh-in .sh-content h4 {
	font-weight: 700;
	font-size: 2.2em;
	line-height: 1.3em;
	margin-top: 30px;
	margin-bottom: 15px;
	text-transform: uppercase;
}


.portfolio .sh-in .sh-content h5 {
	font-weight: 200;
	font-size: 2.2em;
	line-height: 1.3em;
	margin-top: 30px;
	margin-bottom: 15px;
	text-transform: uppercase;	
}


.portfolio .sh-in .sh-content h6 {
	font-weight: 600;
	font-size: 2.2em;
	line-height: 1.3em;
	margin-top: 30px;
	margin-bottom: 15px;
	letter-spacing: -0.02em;
}


.portfolio .sh-in .sh-content p strong {
	font-weight: 600;	
}

.portfolio .sh-in .sh-content .wp-block-pullquote {
	border-top: dotted 1px #ecd6bb;
	border-bottom: dotted 1px #ecd6bb;	
	margin-top: 60px;
	margin-bottom: 90px;
}


.portfolio .sh-in .sh-content .wp-block-pullquote blockquote:before {
	display: none;
}


.portfolio .sh-in .sh-content .wp-block-pullquote p {
	font-weight: 500;
	font-size: 2.4em;
	line-height: 1.3em;
	text-align: left;
	margin-left: 0;
	margin-right: 0;
	letter-spacing: -0.04em;
}


.portfolio .sh-in .sh-content .wp-block-pullquote cite {
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align:left;
	margin-left: 0;
	margin-right: 0;
}

.portfolio .sh-in .sh-content .wp-block-pullquote cite em {
	font-weight: 300;
}

.portfolio .sh-in .sh-content .wp-block-quote {
	border-right: solid 1px #ecd6bb;	
	margin-top: 60px;
	margin-bottom:90px;
	padding-right: 10px;
}

.portfolio .sh-in .sh-content .wp-block-quote:before {
	display:none;

}

.portfolio .sh-in .sh-content .wp-block-quote p {
	font-weight: 500;
	font-size: 1.8em;
	line-height: 1.3em;
	text-align:right;
	margin-left: 0;
	margin-right: 0;

}

.portfolio .sh-in .sh-content .wp-block-quote cite {
	text-align:right!important;
	margin-left: 0;
	margin-right: 0;
	float:right;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.3em;	
}


.portfolio .sh-in .sh-content .wp-block-buttons {
	margin-top: 40px;
	margin-bottom: 60px;	
}


.portfolio .sh-in .sh-content .wp-block-button {
	margin-top: 40px;
	margin-bottom: 60px;	
}

.portfolio .sh-in .sh-content .wp-block-buttons a,
.portfolio .sh-in .sh-content .wp-block-buttons a:visited,
.portfolio .sh-in .sh-content .wp-block-buttons a:active,
.portfolio .sh-in .sh-content .wpcf7-submit{
	background-color: #7c8880!important;	
	border: solid 1px #7c8880;
	color: #ffffff!important;		
}

.portfolio .sh-in .sh-content .wp-block-buttons a:hover,
.portfolio .sh-in .sh-content .wpcf7-submit:hover {
	color: #7c8880!important;	
	border: solid 1px #7c8880;
	background-color: #ffffff!important;	
	
}


.portfolio .sh-in .sh-content ul {
	margin-top: 20px;
	margin-bottom: 40px;	
}

.portfolio .sh-in .sh-content li {
	font-weight: 600;
	font-size: 1.6em;
	line-height: 1.4em;	
}



.portfolio .wp-block-eedee-block-gutenslider {
	margin: 4vh 0 4vh 0!important;
}

.portfolio .eedee-gutenslider,
.portfolio .wp-block-eedee-block-gutenslider,
.portfolio .wp-block-eedee-block-gutenslide  {
	overflow: visible!important;
	height: auto!important;
}

.portfolio .wp-block-eedee-block-gutenslide {
	padding-bottom:80px;
}




	
.portfolio .slide-content {
	overflow: visible!important;
	height: auto!important;		

}
	
.portfolio .eedee-gutenslider-autocaption  {
	text-align: left;
	font-size: 0.9em;
	clear:both!important;
	float: none;
	position: absolute!important;
	bottom: -40px!important;
	left:0;
	text-align: left!important;
	font-size: 1.2em!important;	
	font-weight:400!important;	
	color: #7c8880!important;	
	padding: 0 0 0 0;
}
.portfolio .eedee-gutenslider-autocaption strong  {
	font-size: 1.2em!important;	
	font-weight:600!important;
}


	
.portfolio .eedee-gutenslider-autocaption  {
	text-align: left;
	font-size: 0.9em;
	clear:both!important;
	float: none;
	position: absolute!important;
	bottom: -40px!important;
	left:0;
	text-align: left!important;
	font-size: 1.2em!important;	
	font-weight:400!important;	
	color: #7c8880!important;	
	padding: 0 0 0 0;
}

.portfolio .solo .eedee-gutenslider-autocaption  {

}


.portfolio .eedee-gutenslider-nav   {
	margin-top:-40px;
}

	/* Formulaire */

.portfolio label   {
	letter-spacing: -0.02em;
}

.wpcf7-form-control-wrap  {
	margin-top: 5px;
	margin-bottom: 20px;
	display: block;
}

.wpcf7-form-control-wrap .wpcf7-text{
	border-radius: 100px;
}



.wpcf7-form-control-wrap .wpcf7-text,
.wpcf7-form-control-wrap .wpcf7-textarea{
	border: solid 1px #e1e1e1;
}






	/* Slide Modal */

.sh-slide-p,
.sh-slide-p .imagehd, 
.sh-slide-p .imagehd figure, 
.sh-slide-p .legende {
	position: relative;
	height:auto;
	display: block;
	overflow:hidden;	
}


.sh-slide-p {
	margin: 0 4vw 4vh 0;
	padding: 0 0 0 0;
	float:none;
    font-family: 'Poppins', sans-serif;		
	clear:both;
}


.sh-slide-p .item {
	z-index: 1;			
}


.sh-slide-p .imagehd {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:none;
	height: 70vh;
}


.sh-slide-p .owl-theme .item .imagehd img {
	margin: 0 auto 0 auto;
	position: relative;
	height: 70vh;
	width: auto!important;	
	max-width:none!important;	
	min-width: auto!important;
}

.sh-slide-p .legende  {
	margin: 10px 10vw 0 10vw;	
	padding: 0 0 0 0;
	float: none;	
}
.sh-slide-p .legende p {
	text-align: center;
	font-size: 0.6em;	
	font-weight:400;	
	color: #7c8880;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.sh-slide-p .legende p  strong  {
	font-size: 1.2em!important;	
	font-weight:600!important;
}


.w3-modal {
	display: none;
 	width: 100%;
	height: auto;
	min-height: 100%;
	max-height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	background-color: #ffffff;
	z-index: 900;
	overflow: scroll;
	
}
.w3-modal-content {
	display: block;
	margin: 0 0 0 0;
	padding: 10vh 0 10vh 0;
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #ffffff;
	
}

.w3-modal-content img {
	min-width: auto;
	width: auto;
	max-width: none;
	height: auto;
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
}

.w3-closebtn {
	position: fixed;
	top: 4vh;
	right: 2vw;
	text-align: right;
	z-index: 950;
	display:block;
	height: auto;
	font-size: 1.3em;
	font-weight: 800;
	color: #7c8880;	
}
.w3-closebtn:hover {
	color:#bfc3c0;	
}




	/* FOOTER */

.sh-footer,
.sh-footer ul,
.sh-footer li {
	display: block;
	overflow:hidden;
	height: auto;
	position:relative;
	font-size: 10px;
}

.sh-footer  {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: none;
	clear:both;
	bottom: 2vh;
	right: 4vw;
	position:absolute;
}

.sh-footer ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;	
}

.sh-footer li {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	float: left;	
	list-style-type: none;
}

.sh-footer li a {
	font-size: 1.2em;
	font-weight:300;
	text-decoration: none;
    font-family: 'Poppins', sans-serif;		
	color: #9799a6;
}

.sh-footer li a:hover {
	font-size: 1.2em;
	font-weight:300;
	text-decoration: none;
    font-family: 'Poppins', sans-serif;		
	color: #9799a6;
	text-decoration: dotted  underline;
}





	/* PAGE D ACCUEIL */

	/* PAGE D ACCUEIL - Diaporama */

.sh-gallery  {
}

.sh-gallery .item {
	height: 100vh;
}




	/* PAGE D ATTENTE */

.attente,
.attente article,
.attente article h1,
.attente article .s-content,
.attente article .s-content p {
	display: block;
	overflow: hidden;
	height: auto;
	position: relative;
}

.attente {
	min-height: 100vh;
	float: none;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
}
.attente article {
	float: none;
	margin: 10vw 10vw 0 10vw;
	padding: 0 0 0 0;	
}

.attente article h1 {
	font-size: 3em;
	float: none;
	margin: 0 0 0 0;
	padding: 0 0 2vw 0;	
}

.attente article .s-content {
	float: none;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

.attente article .s-content p {
	float: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	text-align: left;
	width: 100%;
	max-width: 100%;	
}

.attente article .s-content a {
	font-size: 0.6em;
	font-weight: 700;
	text-decoration: none;
}

.attente article .s-content a:hover {
	text-decoration: underline;
}




	.sh-bureau {
		display: block;
	}
		
	.sh-mobile {
		display: none;
	}
		

@media only screen and (max-width: 1024px) {
	
	.sh-bureau {
		display: none;
	}
		
	.sh-mobile {
		display: block;
	}	


	.sh-header {
		top:0;
		left:0;
		margin: 0 0 0 0;
		padding: 2vh 5% 4vh 5%;
		float:none;
		position: relative;
		width: 90%;
	}
	
	
	.portfolio .sh-in {
		margin: 0 0 0 0;
		width: 100%;
	}	

	.sh-slide-p .imagehd {
		height: 50vh;
	}


	.sh-slide-p .owl-theme .item .imagehd img {
	height: 50vh;
	}	
	
	
	
	
	
}	


@media only screen and (max-width: 599px) {
	
	.sh-header {
		width: 100%;
	}

	.sh-header .site-branding .site-title {
		width: 90%;
		font-size: 1.4em;
	}	
			
	.sh-header .site-branding .site-description  {
		font-size: 0.82em;	
		margin: 0 0 0 0;
	}
	
	
	.portfolio .sh-in .alaune {
		margin: 0 4vw 3vh 4vw;
	}
	
	.portfolio .sh-in .projets-liste li {
		float:left;
		margin: 1vw 0 1vw 0 ;
		padding: 0 0 0 0;
		width: 50%;
		font-size: 0.8em;
		line-height: 1.1em;
	}
	

	.sh-gallery  {
		position: fixed;
		top: 0;
		left: 4vw;
		right: 4vw;
		bottom: 0;
		height: 100%;

	}	

	.sh-gallery .owl-theme .item {

	}
	
	.sh-gallery .owl-theme .item img {
		max-width: none!important;
		width: auto;		
		height: 100vh;
		min-height: 100vh!important;
		max-height:100vh;		
		margin: 0 auto 0 auto;
	}	
		
	.portfolio .sh-in nav {
		margin: 0vh 5vw 0 5vw;
	}	

	.portfolio .sh-in .projets-liste .item .une a {
		margin: 4vw 4vw 0 4vw;
	}
	
	.portfolio .sh-in .projets-liste .item .projet a figure {
		max-height: 50vh;
	}	

	.portfolio .sh-in .projets-liste .item .projet a .titre {
		font-size: 0.9em;	
		padding: 2vw 0 4vw 0;
		text-align: center;
	}	

	.portfolio .sh-in header h1 {
	font-size: 1.9em;

	letter-spacing: -0.04em;
	padding: 0 0 4vw 0;
	margin: 5px 0 0 0;
	}	
	

	.portfolio .sh-in .pageprojet h1 {
		font-size: 1.3em;
		letter-spacing: -0.02em;	
		margin: 5px 0 0 0;	
		padding: 0 0 4vw 0;	
	}
	
	.sh-slide-p .imagehd {
		width: 96%!important;
		max-width: 100%!important;
		height: auto!important;
		max-height:auto!important;	
		margin-left:4%!important;
	}


	.sh-slide-p .owl-theme .item .imagehd img {
		width: 100%!important;	
		max-width:100%!important;	
		height: auto!important;
		max-height: auto!important;
	}	
	
	
}