/*
Beauty Template
http://www.templatemo.com/tm-519-beauty
---------------------------------------
*/

@font-face {
    font-family: 'SovietProgram';
    src: url('../webfonts/SovietProgram/SovietProgram.eot');
    src: url('../webfonts/SovietProgram/SovietProgram.eot') format('embedded-opentype'),
         url('../webfonts/SovietProgram/SovietProgram.woff2') format('woff2'),
         url('../webfonts/SovietProgram/SovietProgram.woff') format('woff'),
         url('../webfonts/SovietProgram/SovietProgram.ttf') format('truetype'),
         url('../webfonts/SovietProgram/SovietProgram.svg#SovietProgram') format('svg');
}


.montserrat-font {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


body {
  font-size: 19px;
  color: #000;
  background-color: var(--main-black);
  /* #2D241E;  */
  overflow-x: hidden;
}

a { color: inherit; }
a:hover { text-decoration: underline dotted;color: inherit; }

.tm-mb-20 { margin-bottom: 20px; }
.tm-mb-25 { margin-bottom: 25px; }
.tm-mb-35 { margin-bottom: 35px; }
.tm-mb-40 { margin-bottom: 40px; }
.tm-mb-45 { margin-bottom: 45px; }
.tm-mb-50 { margin-bottom: 50px; }

.tm-gallery-pad { padding: 40px 50px; }
.is_mobile .tm-gallery-pad { padding: 40px 28px; }
.tm-gallery-item { margin: 0 5px; }

.double-border {
  border: 4px solid #fff;
  position: relative;
  margin: 0 auto;
}
.double-border::before {
  background: none;
  border: 4px solid #000;
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
  pointer-events: none;
}

.border-corners-left {
	background-image: url(../img/border-corner-top-right.svg), url(../img/border-corner-bottom-left.svg);
  	background-position: right top, left bottom;
  	background-repeat: no-repeat, no-repeat;
}
.border-corners-right {
	background-image: url(../img/border-corner-top-left.svg), url(../img/border-corner-bottom-right.svg);
  	background-position: left top, right bottom;
  	background-repeat: no-repeat, no-repeat;
}
.skew-left {
	-webkit-clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%);
  	clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%);
}
.skew-right {
	-webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 100%);
  clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 100%);
}


/*
.tm-gallery-container { max-width: 960px; }
*/
.tm-gallery-container .gallery-title:after,
.avis-title:after {
	display: block;
	font-size: 1rem;
	font-style: italic;
	font-weight: normal;
	white-space: pre;
	opacity: 0.75;
}
.tm-gallery-container .gallery-title:after { content: "Survolez l'image pour voir la légende"; }
.is_mobile .tm-gallery-container .gallery-title:after { content: "Touchez l'image pour voir \A la légende"; }
.avis-title:after { content: "< Cliquez glissez >"; }
.is_mobile .avis-title:after { content: "< Appuyez glissez >"; }

h1:not(.header-title) { font-size: 4rem; }
a { transition: all 0.25s ease; }
.opacity-on-hover:hover { filter: invert(); }
.tm-line-height-2 { line-height: 2; }
.tm-text-dark { color: #333333; }
.tm-text-light-dark { color: #747474; }
a.tm-text-light-dark:hover { color: #747474; }

.tm-top-bar {
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: var(--second-color);
 /*  max-width: 925px; */
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  /*background: linear-gradient(90deg, var(--main-color) 0%, var(--second-color) 30%); */
  /* background-image: linear-gradient(90deg,rgba(155, 201, 201, 1) 0%, rgba(119, 136, 153, 1) 30%, rgba(119, 136, 153, 1) 100%); */
  background-image: linear-gradient(90deg, var(--main-color) 0%, var(--second-color) 30%, var(--second-color) 100%);
  background-repeat: no-repeat;
}
.tm-top-bar .header-title {
	margin-bottom: 0;
	font: 900 28px/1 SovietProgram, sans-serif;
	letter-spacing: .025em;
	color: black;
	text-shadow: 0 0 2px var(--main-color);
}
.tm-top-bar .header-title > span:nth-child(1) {
	display: inline-block;
	margin-right: 4px;
   	padding: 0 3px;
	font-weight: normal;
	color: white;
	background-color: black;
}

/* .tm-top-bar .header-title img {
	width: 360px;
	max-width: 86vw;
	margin-left: 40px;
} */

.tm-bar-2 {
	display: none;
  background-color: var(--second-color);
  width: 100%;
  height: 15px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.tm-logo {
    position: absolute;
    right: -100px;
    top: 50%;
	transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
    z-index: 100;
}
.tm-logo:before {
	position: absolute;
	content: url(../img/fleur-reverse.svg);
	filter: drop-shadow(0 0 1px #fff);
	z-index: -1;
}
.tm-site-name {
	position: relative;
	width: 100%;
	text-align: center;
}
.tm-site-name > span { position: absolute;top: -1000px; }
.tm-logo .tm-site-name > img {
	width: 320px;
	height: 320px;
}

.tm-welcome {
	position: relative;
	display: flex;
	/* height: calc(100vh - 90px); */
}

.tm-welcome-left {
  background-color: var(--main-color);
  padding: 80px;
  max-width: 925px;
  width: 84%;
  /* position: relative; */

}

.tm-welcome-right {
  max-width: 205px;
  width: 16%;
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
  margin-left: -52px;
  background: var(--main-black);
}

.tm-welcome-content {
	position: relative;
	max-width: 490px;
	color: black;
	z-index: 101;
}
.welcome-title {
	font: 900 3.6rem/1 montserrat-font, sans-serif;
}

.social-links {
	width: 200px;
	display: flex;
	justify-content: space-between;
	opacity: 0.75;
}
.tm-top-bar + .social-links { width: 140px;margin-left: 24px; }
.tm-top-bar + .social-links > a { color: white; }
.tm-welcome-content .social-links > a { color: black; }

.tm-font-big { font-size: 1.15rem; }

.tm-font-big a { color: #FF3; }

.tm-font-normal { font-size: 1rem; }

.tm-welcome-icon {
  padding: 0 30px 60px;
  margin-left: 30px;
}

h2 { font-size: 2.3rem; }

p {
  line-height: 1.5;
  font-size: 1.05rem;
}

.tm-welcome-link {
  text-decoration: underline;
  float: right;
  color: white;
  margin-top: 10px;
}

.tm-welcome-link:hover,
.tm-welcome-link:focus {
  text-decoration: none;
  color: white;
}


.admin-rubrique {  }
.admin-rubrique h2, .admin-avis h2, .tm-gallery-container h2 { color: var(--main-white);font-weight: bold; }
.admin-rubrique .section-content p { margin-bottom: 0.45em !important;line-height: 1.5; }
.admin-rubrique .section-content ul { margin: 0 !important;padding: 0 0 1em 30px;font-size: 1rem !important; }
.admin-rubrique .section-content *, .admin-avis .section-content * { color: #aaa; }
.admin-rubrique.section-4 { padding: 30px 1.85vw; }
.admin-rubrique.section-4 .section-content:after { /* content:"\f103";font: normal normal normal 14px/1 FontAwesome;float: right; */ }
.admin-rubrique.section-4 .section-content { color: rgba(255,255,255, .85) !important; }
.admin-rubrique.section-4 .section-content .scroll-icon { position: sticky;margin-bottom: 0 !important;float: right; }
.admin-rubrique.section-4 .section-content .scroll-icon.up { top: 0; }
.admin-rubrique.section-4 .section-content .scroll-icon.down { bottom: 0; }
.admin-rubrique.section-4 .section-content .scroll-icon i { font-size: 1.5rem; }
.admin-rubrique.section-4 img { }
.adresses * { /* text-shadow: 0 0 2px black; */ }
.adresses .tm-contact-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url(../img/fleur-opacity.svg);
	background-repeat: no-repeat;
	background-position: center 60px;
	background-size: 200px;
}
.adresses .tm-contact-left-inner p { font-size: 1.15em; }
.adresses .options p { display: flex;align-items: center; }
.adresses .options .fa-mobile { font-size: 1.7em; }

.admin-avis {
	width: 500px;
	max-width: 96%;
	margin: auto;
	overflow-x: hidden;
}
.admin-avis .section-content { min-height: 160px; }
.admin-avis h2 i.fa { font-size: 1.85em; }
#lightSlider-avis li.lslide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* background: #333;  */
}
#lightSlider-avis li.lslide p {
	display: inline-block;
	margin: 0;
	/* width: 99%;
	max-width: 500px; */
	/* margin: auto;  */

}
#lightSlider-avis li.lslide > p:first-child:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='28px' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23d9b672' d='M8.4 6.2a1 1 0 0 1 1.2 1.6c-1.564 1.173-2.46 2.314-2.973 3.31A3.5 3.5 0 1 1 4 14.558a7.6 7.6 0 0 1 .508-3.614C5.105 9.438 6.272 7.796 8.4 6.2m9 0a1 1 0 0 1 1.2 1.6c-1.564 1.173-2.46 2.314-2.973 3.31A3.5 3.5 0 1 1 13 14.558a7.6 7.6 0 0 1 .508-3.614c.598-1.506 1.764-3.148 3.892-4.744'/%3E%3C/g%3E%3C/svg%3E");
	/* vertical-align: -9px;  */
}
#lightSlider-avis li.lslide > p:first-child:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='28px' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23d9b672' d='M16.5 6A3.5 3.5 0 0 1 20 9.442c.09.865.077 2.141-.508 3.614c-.598 1.506-1.764 3.148-3.892 4.744a1 1 0 1 1-1.2-1.6c1.564-1.173 2.46-2.313 2.973-3.31A3.5 3.5 0 1 1 16.5 6m-9 0A3.5 3.5 0 0 1 11 9.442c.09.865.077 2.141-.508 3.614c-.597 1.506-1.764 3.148-3.892 4.744a1 1 0 1 1-1.2-1.6c1.564-1.173 2.46-2.313 2.973-3.31A3.5 3.5 0 1 1 7.5 6'/%3E%3C/g%3E%3C/svg%3E");
	vertical-align: -9px;
}
#lightSlider-avis + .lSAction { display: none !important; } /* masque boutons Left Right */


.tm-contact-form input,  .tm-contact-form textarea { background: #eee; }
.tm-contact-form #mail-submit {
	font-weight: 700;
	color: rgba(255,255,255, 0.7);
	background-color: #398173;
}

@media (max-width: 991px) {
  .admin-rubrique .rubrique-text { padding: 30px 20px 40px;hyphens: auto; }
}
@media (min-width: 992px) {
  .admin-rubrique.image-on-left .rubrique-text { padding: 0 30px 0px 70px; }
  .admin-rubrique.image-on-right .rubrique-text { padding: 0 70px 0px 30px; }
}

section .adresses p { font-size: 20px; }


.tm-section-mb { margin-bottom: 40px; }
.tm-section-pb { padding-bottom: 120px; }
.tm-section-pt { padding-top: 135px; }

.tm-section-2-header {
  font-size: 2rem;
  margin-bottom: 20px;
}

.tm-section-2-inner,
.tm-section-3-inner {
  display: flex;
  justify-content: flex-end;
}

.tm-section-3 { min-height: 560px; }

.tm-section-2-left {
  display: flex;
  width: 50%;
  min-height: 560px;
  /* -webkit-clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%);
  clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%); */
}


.tm-section-2-right {
  padding: 70px 120px 40px;
  width: 50%;
  margin-left: -40px;
  /* -webkit-clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%);
  clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%); */
}

.tm-img-container {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tm-img-container-1 {
  background-image: url(../img/green-tree-red-cup.jpg);
  background-position: top center;
}

.tm-img-container-2 {
  background-image: url(../img/girl-01.jpg);
  background-position: top center;
  margin-left: 8px;
}

.tm-img-container-3 {
  background-image: url(../img/backpack-guy.jpg);
  background-position: top right;
}

.tm-img { width: 49%; }
.tm-bg-primary { background-color: var(--main-color); }
.tm-bg-accent { background-color: #E2CDBF; }

.tm-section-3-left {
  padding: 70px 100px 80px 120px;
  width: 50%;
  /* -webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 100%);
  clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 100%); */
  min-height: 560px;
}

.tm-section-3-right {
  width: 50%;
  height: 100%;
  /* -webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 100%);
  clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 100%); */ /*https://bennettfeely.com/clippy/*/
  margin-left: -40px;
}

.tm-p-ml { margin-left: -35px; }

.slick-dotted.slick-slider {
    margin-bottom: 15px;
    padding-bottom: 25px;
}

.slick-dots li button:before {
  font-size: 75px;
  font-weight: 700;
  content:'-';
  opacity: 1;
  color: #AB9376;
  transition: all 0.3s ease;
}

.slick-dots li.slick-active button:before,
.slick-dots li:hover button:before {
  opacity: 1;
  color: #786249;
}

.slick-dots li button { width: 30px; }
.slick-dots li { margin: 0 10px; }
.tm-contact-left-col { min-height: 600px; }

.tm-contact-left {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(47% at 50% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: 85%;
  margin-left: auto;
  margin-right: auto;
}

.tm-contact-left-inner {
	/* width: 50%;  */
	/* text-shadow: 0 0 2px black; */
}

.tm-contact-form {
  padding-top: 120px;
  padding-bottom: 40px;
}

.tm-contact-header {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
}
.tm-contact-header:after {
	content: "\f063";
	position: absolute;
	left: 50%; top: 100%;
	font: normal 34px/1 FontAwesome;
	transform: translateX(-50%);
	color: #174343;
}
.tm-contact-link {
  font-size: 1rem;
  color: white;
  margin-bottom: 10px;
}

.tm-contact-link:hover,
.tm-contact-link:focus {
  color: white;
}

.form-control {
  border: none;
  border-bottom: 1px solid #CC9999;
  border-radius: 0;
}

.form-control:focus {
  border-bottom: 2px solid #ad0c10;
  box-shadow: none;
}

.btn-primary {
  background-color: #CC9999;
  border-color: #CC9999;
}

.btn-primary:hover {
  background-color: #ac4747;
  border-color: #ac4747;
}

.tm-btn-round {
    padding: 26px 20px;
    border-radius: 50%;
}

.tm-fl-right { float: right; }

/* Image hover effect */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}
figure.effect-lexi:hover {
    background: #0a0a0a;
}

figure.effect-lexi:hover figcaption::before {
  background: rgba(0,0,0,0.25);
}

figure.effect-lexi p {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 1.5em .3em 0;
    width: 160px;
    text-align: right;
    opacity: 0;
    -webkit-transform: translate3d(20px,20px,0);
    transform: translate3d(20px,20px,0);
}

figure.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(10px,10px,0);
    transform: translate3d(10px,10px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-lexi:hover h2, figure.effect-lexi:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lexi:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lexi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

figure.effect-lexi figcaption::before {
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 350px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,1);
    transform: scale3d(0.5,0.5,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

figure.effect-lexi figcaption::before, figure.effect-lexi p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

footer { color: gray; }
footer .copyright {
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .copyright img {
	height: 1rem;
  	opacity: .4;
}

#mail-notification > p {
	color: tomato;
}


/* 	MENTIONS LÉGALES
	---------------------
*/
#mentions-legales { background: white;color: #777; }
#mentions-legales .container { max-width: 700px;padding: 0; }
#mentions-legales .container main { margin: 0;margin-left: 15px;margin-right: 15px; }
#mentions-legales .tm-top-bar { width: 100%;margin-bottom: 0; }
#mentions-legales header { position: sticky;top: 0; }
#mentions-legales header .back-to-home {
	width: 100%;
	padding: 4px 12px 0;
	font-size: 1rem;
	font-weight: 600;
	background: var(--main-color);
	color: black;
	border-bottom: 2px solid white;
}
#mentions-legales header .back-to-home a { font-size: 1.1rem;opacity: .75; }



/*
	---------------------
*/
@media (min-width: 1430px) {
  .tm-contact-left { width: 80%; }
  .container {
    max-width: 1430px;
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media (max-width: 1310px) {
  .tm-bar-2 { max-width: 100%; }
}

@media (min-width: 1200px) {
  .tm-welcome-content { padding-left: 100px; }
  .tm-welcome-content .welcome-title { font-size: 4.3rem; }
  .tm-logo:before { right: 100%;transform: scale(1.2); }
}
@media (max-width: 1199px) {
  /* .tm-logo { right: -30px; }  */
  .tm-logo:before { right: 98%;transform: scale(1.05); }

  .tm-welcome-content { max-width: 450px; }

  .tm-top-bar,
  .tm-welcome-left {
    /* max-width: 782px; */
  }

  .tm-welcome-right { margin-left: -55px; }
  .tm-section-3-left { padding-bottom: 63px; }

  .tm-section-3-right {
    /* -webkit-clip-path: polygon(0 0, 82% 0, 100% 100%, 15% 100%);
    clip-path: polygon(0 0, 82% 0, 100% 100%, 15% 100%); */
  }
}

@media (min-width: 992px) {
  .mobile-only { display: none !important; }
  .tm-logo { right: 0px; }
  .tm-logo:before { right: 108%;transform: scale(1.35); }
  .tm-logo .tm-site-name > img { width: 340px;height: 340px; }
  .tm-section-2-left  { clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%); }
  .tm-section-3-right { clip-path: polygon(0 0, 82% 0, 100% 100%, 15% 100%); }
  .tm-section-2-text  { transform: skewX(-6deg); }
  .tm-section-3-text  { transform: skewX(6deg); }
}

@media (max-width: 991px) {
  .desktop-only { display: none !important; }
  .tm-welcome { flex-direction: column-reverse; }
  .tm-logo {
    top: 155px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .tm-logo:before {
  	right: 10px;
    transform: scale(1.1);
    top: 96%;
  }
  .tm-welcome-left {
    max-width: 100%;
    width: 100%;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
	display: flex;
    justify-content: center;
  }
  .tm-welcome-content {
    max-width: 100%;
  }
  .tm-welcome-content * { text-align: center; }
  .tm-welcome-content .social-links { margin: auto; }
  .tm-welcome-icons-container {
    display: flex;
    justify-content: center;
  }
  .tm-welcome-right {
    max-width: 100%;
    width: 100%;
    height: 250px;
    transform: skewY(-5deg);
    margin-bottom: -30px;
    margin-top: 14px;
    margin-left: 0;
	background: var(--second-color);
  }
  .tm-section-2-inner {
    flex-direction: column;
    margin-left: 0;
  }
  .tm-section-2-left { margin-left: 0; }
  .tm-section-2-right {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }
  .tm-section-2-left {
    width: 100%;
    height: 560px;
  }
  .tm-section-3-inner { flex-direction: column-reverse; }
  .tm-section-3-left {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tm-section-3-right {
    width: 100%;
    height: 560px;
    margin-bottom: 40px;
    margin-left: 0;
  }
  .tm-welcome-icon { padding: 0 30px 60px 0; }
  .tm-contact-left {
    clip-path: none;
    border-radius: 200px;
    width: 100%;
    height: 90%;
  }
  figure.effect-lexi figcaption::before {
    right: -110px;
    bottom: -80px;
  }
  .polygon-up { clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%); }
  .polygon-down { clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%); }
}

@media (max-width: 767px) {
  .tm-section-3-left { width: 100%; }
  .tm-contact-form { padding-top: 30px; }
  .tm-logo .tm-site-name > img { width: 260px;height: 260px; }
  .tm-top-bar { justify-content: center; }
  .tm-top-bar .header-title img { margin-left: 0; }

  .admin-rubrique.section-4 .section-content {
    max-height: 22rem;  /* line-height x 12 */
	margin-right: 20px;
    margin-left: 20px;
	overflow-x: auto;
  }
}
@media (min-width: 768px) {
	.columns-2 {
		flex: 0 0 100%;
		max-width: none;
		column-count: 2;
		column-gap: 48px;
	}
	.columns-2 h2, .columns-2 .comment-icon { column-span: all; }
	.admin-rubrique.section-4 .section-content .scroll-icon { display: none; }
	.tm-top-bar .header-title { margin-left: 36px; }
}

@media (max-width: 480px) {
  .tm-welcome-icon {
    padding: 0 15px 40px;
    margin-left: 20px;
    font-size: 4em;
  }
  .tm-top-bar {
  	justify-content: center;
  	background-size: 260px;
  }

  .tm-welcome-left { /* padding: 100px 40px 80px; */ }

  .tm-section-2-right {
    padding-left: 80px;
    padding-right: 80px;
  }

  .tm-section-3-left { padding: 70px 80px 80px 80px; }
  .tm-gallery-container { max-width: 350px; }
  .tm-contact-left-inner { /* width: 90%; */}
}

@media (max-width: 420px) {
  .tm-section-3-left { padding: 70px 50px 80px 50px; }
}