article {
	background-color: #040707;
	}

article.tpl_1 {
	color: #040707;
	background-color: #D3D3D3;
	}

article.tpl_1 a {
	font-weight: 500;
	color: #181818;
	text-decoration: underline dotted ;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	}

article.tpl_1 h3 {
	font-weight: 500;
	line-height: 1.1rem;
	margin-bottom: 1rem;
	}

article.tpl_1 picture, article.tpl_1 picture img {
	width: 100%;
	height: auto;
	}

article.tpl_1>section.format-wide {
	padding-left: 2rem;
	padding-right: 2rem;
	}

article.tpl_1>section:first-of-type a {
	color: #D3D3D3;	
	}

article iframe[src*='youtube'], article iframe[src*='facebook'], .videoPlaceholder  {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	border: none;
	margin: 0;
	padding: 0;
	}

.videoPlaceholder {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-image: 	 var(--page-asset-yt-play),  var(--page-asset-yt-background)  ;
	background-size:     15% auto, 110% auto ;
	background-repeat:   no-repeat, no-repeat;
	background-position: center center, center center;
	cursor: pointer;
	margin-bottom: 0.5rem;
	}

.videoPlaceholder:not(:empty) {
	padding: 0;
	background-image: 	 none  ;
	}

div#imgid-2279 {
	background-image: 	 var(--page-asset-yt-play), var(--image-2279);
	}

div#imgid-1411 {
	background-image: 	 var(--page-asset-yt-play), var(--image-1411);
	}

div#imgid-2269 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2269);
	}

/* video carriere */
div#imgid-2569 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2569);
	}

/* walltite echo */

div#imgid-2584 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2584);
	}

/* Demilec heatlock */

div#imgid-2589 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2589);
	}

/* Igloo */

div#imgid-2579 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2579);
	}

/* Igloo */

div#imgid-2594 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2594);
	}

/* tremco */ 

div#imgid-2599 {
	background-image: 	 var(--page-asset-yt-play),  var(--image-2599);
	}

	
div[id^='imgid-']:not(:empty) {
	padding: 0;
	background-image: none !important ;
	}



/*
article input:invalid {
	outline: 2px solid red;
	}
*/

@media only screen and (max-width: 888px) {
	article.tpl_1>section {
		padding: 3rem 6vw;
		border: 0 ; 
		}
	}

@media only screen and (min-width: 889px) {
	article.tpl_1>section {
		padding: 1rem 20% 1rem 20%;
		border: 0 ; 
		}
	}

article.tpl_1>section p, article.tpl_1>section ul.txt.a_link li {
	font-size: 0.9rem;
	line-height: 1.1rem;
	margin: 1rem 0 ;
	font-weight: 300;
	}

article.tpl_1>section ul.txt.a_link li:not(:last-of-type) { 
	border-bottom: 1px solid #040707;
	padding-bottom: 1rem;
	}

article.tpl_1>section ul.txt.a_link li:not(:last-of-type) { 
	border-bottom: 1px solid #040707;
	padding-bottom: 1rem;
	}

article.tpl_1>section.yg-on-b ul.txt.a_link li:not(:last-of-type) { 
	border-bottom: 1px solid #D3D3D3;
	}

article.tpl_1>section li>b { 
	font-weight: 400;
	text-transform: uppercase; 
	}

article.tpl_1>section:first-of-type {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}

article.tpl_1>section>p:first-of-type {
	margin-top: 1.5rem;
	}

article.tpl_1>section h1, article.tpl_1>section h2 {
	font-size: 2rem;
	font-weight: 300;
	line-height: 2rem;
	text-transform: uppercase;
	padding-right: 5rem;
	padding-bottom: 2rem;
	}

article.tpl_1>section:first-of-type>h1,article.tpl_1>section:first-of-type>h2 {
	color: #FAE700;
/*	padding: 1rem 0; */
	padding-bottom: 0rem;
	border-bottom: 1px solid #FAE700;
	}

article.tpl_1>section>h3 {
	padding: 0;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;
	color: #181818;
	margin-bottom: 1rem;
	}

article.tpl_1>section:first-of-type>h1>span::after {
  	content: '\A';
  	white-space: pre-wrap;
  	}
	
article.tpl_1>section:last-of-type {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: #FAE700 ; 
	}

article.tpl_1>section.last-of-type-disabled {
	background-color: unset ; 
	}


article.tpl_1 ul.txt.a_link.a_list li a { 
	display: block;
	width: 100%;
	height: 100%;
	background-image: var(--image-1954);
	background-repeat: no-repeat;
	background-position: right 40% ;	
	background-size: 5rem auto;
	padding: 0.5rem 5rem 0.5rem 0;
	font-weight: normal;
	text-decoration: none;
	}

article.tpl_1 ul.txt.a_link li a:hover { 
	background-image: var(--image-1964);
	}

article.tpl_1 section.b-on-g ul.txt.a_link li a { 
	background-image: var(--image-2059);	
	}

article.tpl_1 section.b-on-g ul.txt.a_link li a:hover { 
	background-image: var(--image-2054);	
	}


/* Facteur R */
div#page article.tpl_1>section>p>input {
	display: unset;
	}

/* A PROPOS */

/* SERVICES (MENU) */

@media only screen and (max-width: 888px) {

	#servmenu {

	}

	#servmenu>div {
	  width: 100%;
	  color: #181818;
	  text-align: left;
	  align-items: center;
	/*  transition: transform 0.3s, flex 0.3s cubic-bezier(0.61, -0.19, 0.7, -0.11), background 0.3s; */
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat ;
	  flex: 1;
	  overflow:hidden;
	  display: flex;
	  flex-direction: row;
	  justify-content: end;
	  padding: 3rem 3rem  3rem 1.5rem;
	}

	#servmenu>div>div {
	  width: 100%;
	  min-height: 40vw;
	  padding-bottom: 3rem;
	}
	
	#servmenu>div>div>h2 {
		line-height: 1.5rem;
		font-size: 1.5rem;
		font-weight: 400;
		text-transform: uppercase;
		margin-bottom: 1rem;
		text-align: left;
	}

	#servmenu>div>div>h2>span::after {
		display: inline;
		content: '\A';
		white-space: pre-wrap;
  	}

	#servmenu>div>div>p {
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 1rem;
		margin-bottom: 1rem;
		text-align: left;
	}

	#servmenu>div>div>.btn_b_l {
		margin-left: 0.25rem;
		}

	#servmenu>div:nth-child(1) {
		color: #D3D3D3;
		background-image: var(--image-1934);
	}

	#servmenu>div:nth-child(2) {
		background-image: var(--image-1929);
	}

	#servmenu>div:nth-child(3) {
		background-image: var(--image-1939);
	}

}


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

	#servmenu {
	  height: 80vh;
	  overflow: hidden;
	  display: flex;
	  position: relative;
	}

	#servmenu>div {
	  color: #181818;
	  text-align: center;
	  align-items: center;
	/*  transition: transform 0.3s, flex 0.3s cubic-bezier(0.61, -0.19, 0.7, -0.11), background 0.3s; */
	  background-size: cover;
	  background-position: center;
	  flex: 1;
	  min-width:30%;
	  overflow:hidden;
	  display: flex;
	  flex-direction: column;
	  justify-content: end;
	  padding-bottom: 30vh;
	}

	#servmenu>div:hover {
	/*  flex-basis: 40%;*/
	}

	#servmenu>div>div {
		display: flex;
		flex-direction: column;
		align-items: start;
		padding: 0 2.5rem 0 5rem;
		width: 100%;
	}

	#servmenu>div>div>p {
		display: none;
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 1rem;
		margin-bottom: 1rem;
		text-align: left;
	}

	#servmenu>div:hover>div>p {
		display: block ;
	}

	#servmenu>div>div>h2 {
		line-height: 1.5rem;
		font-size: 1.5rem;
		font-weight: 200;
		text-transform: uppercase;
		margin-bottom: 1rem;
		text-align: left;
	}

	#servmenu>div:nth-child(1) {
		color: #D3D3D3;
		background-image: var(--image-1919);
	}

	#servmenu>div:nth-child(2) {
		background-image: var(--image-1914);
	}

	#servmenu>div:nth-child(3) {
		background-image: var(--image-1909);
	}

}

#servmenu>div:nth-child(n+2)>div>.btn_b_l {
	background-color: #040707;
	}

#servmenu>div:nth-child(n+2)>div>.btn_b_l a {
	color: #FAE700;
	}

#servmenu>div:nth-child(1) h2 {
	color: #FAE700;
	}

/* Services > Commercial */


article.tpl_2 h1, article.tpl_2 h2 {
	color: #FAE700;
	line-height: 1.5rem;
	font-size: 1.5rem;
	font-weight: 200;
	text-transform: uppercase;
	margin-bottom: 1rem;
	text-align: left;
	padding: 4rem 1rem 1rem 1rem;
	}

article.tpl_2 h3 {
	display: none;
	}

article.tpl_2>section ul.txt.a_link li {
	font-size: 1rem;
	line-height: 1.1rem;
	margin: 1rem 0 ;
	border-bottom: 1px solid #D3D3D3;
	padding: 1rem 0 ;
	}

article.tpl_2>section ul.txt.a_link li:last-of-type { 
	border-bottom: none;
	padding-bottom: 1rem;
	}

article.tpl_2 .btn_b_l {
	margin: 1rem 0 1rem 0.5rem;
	}

article.tpl_2 img {
	border-radius: 0.7rem;
	}

article.tpl_2 p {
	font-size: 0.9rem;
	line-height: 1.1rem;
	}

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

	article.tpl_2  {
		display: grid;
		grid-template-columns: 1fr 1fr ;
		grid-template-areas: 
			"a b"
			"d c"
			"d e" ;
		grid-gap: 2rem;
		color: #D3D3D3;
		width: 100%;
		padding: 0 1.5rem;
	}

	article.tpl_2 > :first-child  {
		grid-area: a;
	}

	article.tpl_2 > :nth-child(2)  {
		padding-top: 4rem;
		grid-area: b;
	}
	
	article.tpl_2 > :nth-child(3)  {
		grid-area: c;
	}
	
	article.tpl_2 > :nth-child(4)  {
		grid-area: d;
	}
	
	article.tpl_2 > :nth-child(5)  {
		grid-area: e;
		display: flex;
		align-items: end;
	}

	article.tpl_2 img {
		width: 100%;
		height: auto;
		border-radius: 0.7rem;
	}
	
}

article.tpl_2 :is(section,aside,div) {
	padding: 0 1rem;
	font-weight: 300;
	margin-bottom: 1rem;
}

article.tpl_2 section>h2 {
	display: none;
}

/* Thermoprotec */

#themo_joindre {
	display: flex;
	grid-template-columns: 1fr 1fr ;
	align-items: center;
	}

#themo_joindre ul {
	margin: 0 0 0 3rem;
	}

#themo_joindre ul>li {
	font-size: 0.8rem ;
	line-height: 1rem;
	}

#themo_joindre ul>li a, article.tpl_2 dl.seealso dd a {
	color: #D3D3D3;
	}	

#themo_joindre ul>li a:hover, article.tpl_2 dl.seealso dd a:hover {
	color: #FAE700;
	}

article.tpl_2 dl.seealso dd  {
	font-size: 1rem ;
	line-height: 1rem;
	}
	
/* TMP */

article.tpl_3>:is(section,div) {
	position: relative;
	padding: 2rem 1rem ;
	}


article.tpl_3>h1 {
	display: none;
	}

article.tpl_3 img {
	margin-top: 2rem;
	width: 100%;
	height: auto;
	border-radius: 0.7rem;
	object-fit: scale-down;
	object-position: 0 0;
	}

article.tpl_3>:is(section,div) h1, article.tpl_3>:is(section,div) h2 {
	font-size: 2rem;
	font-weight: 200;
	line-height: 2rem;
	text-transform: uppercase;
	padding-right: 5rem;
	}

article.tpl_3>:is(section,div) h3 {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 2rem;
	}

article.tpl_3>:is(section,div) p {
	
	padding: 0.5rem 0;
	}

article.tpl_3>:is(div):first-of-type {
	background: linear-gradient( to top, #FAE700 0%, #FAE700 10rem, #181818 10rem, #181818 100% );
	background-position: 0 100%, 5rem bottom;
	}

article.tpl_3>:is(section,div):nth-of-type(2) {
	padding-top: 2rem;
	}

article.tpl_3 ul.plus>li {
	background-image: var(--image-2069);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 1.5rem;
	}

article.tpl_3 ul.plus>li:hover {
	background-image: var(--image-2064);
	background-repeat: no-repeat;
	}

article:is(.tpl_2,.tpl_3) aside.more {
	border: 1px solid #181818;
	border-radius: 0.7rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 0.8rem;
	line-height: 1rem;
	background-image: var(--image-1954);
	background-repeat: no-repeat;
	background-position: right 0.75rem center ;	
	background-size: 5rem auto;
	}

article:is(.tpl_2,.tpl_3) aside.more a {
	padding: 1rem 6rem 1rem 1rem ;
	}

article:is(.tpl_2,.tpl_3) aside.more:hover {
	background-image: var(--image-1964);
	}

article:is(.tpl_2,.tpl_3)>section.yg-on-b aside.more {
	border: 1px solid #D3D3D3;;
	background-image: var(--image-1949);
	}

article:is(.tpl_2,.tpl_3)>section.yg-on-b aside.more:hover {
	background-image: var(--image-1959);
	}

article.tpl_3>:is(section,div).intro p {
	padding: 0 0 1rem 0 ;
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: 300;;
	}

@media only screen and (max-width: 888px) {

	article.tpl_3 ul.plus, article.tpl_3 ul.prodls {
		display: grid;
		grid-template-columns: 1fr;
		}

	article.tpl_3 ul.plus>li, article.tpl_3 ul.prodls>li {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #181818 ;
		text-transform: uppercase;
		font-size: 1rem;
		line-height: 1rem;
		background-image: var(--image-1954);
		background-repeat: no-repeat;
		background-position: right 0.5rem center ;	
		background-size: 6rem auto;
		}

	article.tpl_3 ul.plus>li:last-of-type, article.tpl_3 ul.prodls>li:last-of-type {
		border-bottom: none; ;
		}

	article.tpl_3 ul.plus a, article.tpl_3 ul.prodls a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 2rem 8rem 2rem 0;
		}
	}


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

	article.tpl_3>:is(section,div).intro {
		display: grid; 
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
			"a c"
			"b c" ;
		padding-top: 3rem;
		background: linear-gradient( to top, #FAE700 0%, #FAE700 5rem, #181818 5rem, #181818 100% );
		}

	article.tpl_3>:is(section,div).intro>h2:first-of-type {
		grid-area: a ;
		}

	article.tpl_3>:is(section,div).intro>figure:first-of-type {
		grid-area: b ;
		width: 70%;
		}



	article.tpl_3>:is(section,div).intro picture {
		margin-right: 2rem;
		}

	article.tpl_3>:is(section,div).intro img {
		margin-top: 2rem;
		width: 100%;
		height:auto;
		border-radius: 0.7rem;
		object-fit: cover;
		object-position: 20% 0;
		}
	
	article.tpl_3>:is(section,div).intro>div:first-of-type {
		grid-area: c ;
		}

	article.tpl_3>:is(section,div) {
		padding: 0 2rem ;
		}
		
	article.tpl_3 ul.plus, article.tpl_3 ul.prodls {
		display: grid;
		grid-column-gap: 2rem;
		grid-row-gap: 1rem;
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 3rem;
		padding: 3rem 0;
		}

	 article.tpl_3 ul.prodls {
	 	padding: 1rem 0;
	 	}
		

	article.tpl_3 ul.plus>li, article.tpl_3 ul.prodls>li {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #181818 ;
		text-transform: uppercase;
		font-size: 1rem;
		line-height: 1rem;

		}

	article.tpl_3 ul.plus a, article.tpl_3 ul.prodls a {
		display: flex;
		align-items: center;
		color: #181818 ;
		width: 100%;
		height: 100%;
		padding: 0rem 7rem 0rem 0;
		}
	
	article.tpl_3 aside#discover {
		font-size: 0.5rem;
		line-height: 0.6rem;
		width: 30vw ;
		max-width: 35% ;
		position: absolute;
		top: 1rem ;
		right: 2rem ;
		}
		
	article.tpl_3>:is(section,div)#experts {
		padding: 3rem 2rem ; 
		display: grid ;
		grid-template-columns: 1fr 1fr ;
		grid-template-areas: 
			"a b"
			". c" ;		
		}

	article.tpl_3>:is(section,div)#experts h2 {
		grid-area: a ;
		}

	article.tpl_3>:is(section,div)#experts p {
		padding: 0;
		font-size: 1rem;
		line-height: 1.1rem;
		grid-area: b ;
		}
			
	article.tpl_3>:is(section,div)#experts>div {
		margin: 1rem 0;
		width: auto;
		grid-area: c ;
		}

	article.tpl_3>:is(section,div):last-of-type {
		padding-bottom: 2rem;
		}
	
	}

/* TEXT COLORS */

/* Black on on yellow */

.b-on-y  {
	background-color: #FAE700;
}

.b-on-y :is(h1, h2, h3) {
	color: #181818;
}

.b-on-y :is(p, li, a) {
	color: #181818;
}

/* Black on on yellow */
.b-on-g :is(h1, h2, h3) {
	color: #181818;
}

.b-on-g {
	background-color: #D3D3D3;
}

.b-on-g :is(p, li, a, label) {
	color: #181818;
}

/* Black on yellow */
.yg-on-b {
	background-color: #040707;
}

.yg-on-b :is(h1, h2, h3) {
	color: #FAE700;
}

.yg-on-b :is(p, li, a, dl) {
	color: #D3D3D3;
}

.yg-on-b .btn_b_l, .yg-on-b .btn_b_l a {
	color: #181818;
	background-color: #FAE700;
	}

.b-on-g .btn_b_l, .b-on-g .btn_b_l a {
	color: #D3D3D3;
	background-color: #040707;
	}

/* tpl_prod */ 

article.tpl_prod {


	}

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

	article.tpl_prod>:is(div,section) {
		padding: 0em 20%;
		}

	article.tpl_prod section.format-wide {
		padding-left: 2rem;
		padding-right: 2rem;
		}

	article.tpl_prod p {
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.1rem;
		padding-bottom: 1.5rem;
		}

	article.tpl_prod p:last-child {
		padding-bottom: 0rem;
		}
	}

@media only screen and (max-width: 888px) {

	article.tpl_prod>:is(div,section) {
		padding: 0em 1rem;
		}

	article.tpl_prod p {
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.3rem;
		margin-bottom: 1.5rem;
		}

	}

article.tpl_prod>:is(div,section) {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}

/*
article.tpl_prod section.b-on-g:has( + section.uses) {
	padding-bottom: 1rem;
	}
*/

article.tpl_prod :is(div,section).intro div {
	position: relative;
	}

article.tpl_prod :is(div,section).intro h1 {
	padding: 1rem 0;
	padding-right: 10rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #FAE700;
	font-size: 2rem;
	font-weight: 200;
	line-height: 2rem;
	text-transform: uppercase;
	}

article.tpl_prod :is(div,section).intro h1 a {
	color: #FAE700;
	}

article.tpl_prod :is(h2,h3) {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.6rem;
	margin-bottom: 1rem;
	}

article.tpl_prod :is(div,section).intro h2:first-of-type {
	display: none;
	}

article.tpl_prod #to-specs-sheets {
	position: absolute;
	top: 1rem;
	right: 0;
	}

article.tpl_prod #to-specs-sheets .btn_b_l {
	font-size: 0.6rem;
	padding: 0.4rem 0.7rem 0.2rem 0.8rem ;
	}

/* tpl_prod table */ 

table.table_caract sup a {
	color: #FAE700;
	}

table.table_caract {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	}

table.table_caract tr th,
table.table_caract tr td {
	border-right: 1px solid #FAE700;
	padding: 0.5rem;
	}

table.table_caract tr:last-child th,
table.table_caract tr:last-child td {
	border-bottom:1px solid #FAE700;
	}

table.table_caract tr th:first-child,
table.table_caract tr td:first-child {
  border-left: 1px solid #FAE700;
  width: 12rem;
  text-transform: uppercase;
  color: #FAE700;
  font-weight: 300;
}

table.table_caract tr td,
table.table_caract tr th {
  text-align: left;
  border-top: solid 1px #FAE700;
}

/* top-left border-radius */
table.table_caract tr:first-child td:first-child,
table.table_caract tr:first-child th:first-child {
  border-top-left-radius: 0.7rem;
}

/* top-right border-radius */
table.table_caract tr:first-child td:last-child,
table.table_caract tr:first-child th:last-child {
  border-top-right-radius: 0.7rem;
}

/* bottom-left border-radius */
table.table_caract tr:last-child td:first-child,
table.table_caract tr:last-child th:first-child {
  border-bottom-left-radius: 0.7rem;
}

/* bottom-right border-radius */
table.table_caract tr:last-child td:last-child,
table.table_caract tr:last-child th:last-child {
  border-bottom-right-radius: 0.7rem;
}



table.table_caract.poly_manuf sup a {
	color: #1E1E1E;
	}

table.table_caract.poly_manuf tr:first-of-type td {
	font-weight: 300;
	width: 50%;
	}

table.table_caract.poly_manuf tr td {
	font-weight: 200;
	text-align: center;
	text-transform: uppercase ;
	}

table.table_caract.poly_manuf tr th,
table.table_caract.poly_manuf tr td {
	color: #1E1E1E;
	border-right: 1px solid #1E1E1E;
	}

table.table_caract.poly_manuf tr:last-child th,
table.table_caract.poly_manuf tr:last-child td {
	color: #1E1E1E;
	border-bottom:1px solid #1E1E1E;
	}

table.table_caract.poly_manuf tr th:first-child,
table.table_caract.poly_manuf tr td:first-child {
	color: #1E1E1E;
	border-left: 1px solid #1E1E1E;
	}

table.table_caract.poly_manuf tr td,
table.table_caract.poly_manuf tr th {
	color: #1E1E1E;
	border-top: solid 1px #1E1E1E;
	}


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

	article.tpl_prod #specs {
		display: grid;
		grid-template-columns: 1fr 1fr ;
		grid-template-areas: 
			"a a"
			"b c" ;
		grid-gap: 2rem;
		color: #D3D3D3;
		width: 100%;
		}
	}

@media only screen and (max-width: 888px) {
	article.tpl_prod #specs {
		display: grid;
		grid-template-columns: 1fr ;
		grid-template-areas: 
			"a"
			"b"
			"c" ;
		grid-gap: 2rem;
		color: #D3D3D3;
		width: 100%;
		}
	}

article.tpl_prod #specs :first-child  {
	grid-area: a;
	}

article.tpl_prod #specs :nth-child(2)  {
	grid-area: b;
	}

article.tpl_prod #specs :nth-child(3)  {
	grid-area: c;
	}


article ul.txt li:not(:last-of-type) { 
	border-bottom: 1px solid #1E1E1E;
	}

article ul.txt li { 
	font-size: 1rem;
	line-height: 1.1rem ;
	font-weight: 300;
	padding: 0;
	}

article ul.txt li a {
	display: block;
	padding: 1rem 5rem 1rem 0;
	}

article *.uses ul.txt li a {
	text-decoration: none;
	background-image: var(--image-2499);
	background-repeat: no-repeat;
	background-position: right 0.5rem top 50%;
	background-size: 1.5rem auto ;
	padding: 1rem 5rem 1rem 0;
	text-decoration: none;
	font-weight: 300;	
	}

article *.uses ul.txt li a:hover {
	background-image: var(--image-2504);
	}

article ul.txt li:not(:has(a)) { 
	padding: 1rem 5rem 1rem 0;
	}

/*
article ul.txt.a_link li:last-child, article ul.uses li:last-child { 
	padding: 0.5rem 5rem 0 0;
	}
*/

article ul.txt.a_link li a, article section.uses ul.txt li a { 
	display: block;
	width: 100%;
	height: 100%;
	background-image: var(--image-2044);
	background-repeat: no-repeat;
	background-position: right 40% ;	
	background-size: 5rem auto;
	padding: 1rem 5rem 1rem 0;
	text-decoration: none;
	font-weight: 300;
	}

article ul.txt.a_link li a:hover, article section.uses ul.txt li a:hover { 
	background-image: var(--image-2054);
	}

article section.b-on-y.uses ul.txt li a { 
	background-image: var(--image-1954);
	}

article section.b-on-y.uses ul.txt li a:hover { 
	background-image: var(--image-1964);
	}

article section.yg-on-b.uses ul.txt li a { 
	background-image: var(--image-1959);
	}

article section.yg-on-b.uses ul.txt li a:hover { 
	background-image: var(--image-1949);
	}
/*
article.tpl_prod ul.txt.a_link li span { 
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5rem 5rem 0.5rem 0;
	}
*/
article.tpl_prod :is(figure,picture) {
	display: block;
	width: 100%;
	height: auto;
	padding: 2rem 0 ;
	text-align: center;
	}

article.tpl_prod :is(figure,picture) iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	border: none;
	}

@media only screen and (max-width: 888px) {
	article.tpl_prod :is(figure,picture) {
		padding: 0rem ;
		}

	article.tpl_prod :is(figure,picture) iframe {
		width: 100%;
		border: none;
		}
	}

article.tpl_prod .enlarge {
	display: none;
	}
	
article.tpl_prod .seevideo {
	display: none;
	}

article.tpl_prod img {
	width: 100% ;
	height: auto;;
	}

article.tpl_prod *.b-on-g+*.b-on-g,
article.tpl_prod *.yg-on-b+*.yg-on-b,
article.tpl_prod *.b-on-y+*.b-on-y {
	padding-top: 0;
	}

/* Fiche tech */

:is(#fichestech, .fichestech) ul {
	display: flex;
	flex-direction: row;
	column-gap: 1rem;
	width: 100%;
	}

/*
:is(#fichestech, .fichestech) ul.txt li a {
	padding: 1rem 6rem 1rem 3rem;
	background-image: var(--image-1904), var(--image-2029);
	background-position: left 1rem center, right 0.5rem center ;
	background-repeat: no-repeat,  no-repeat;
	background-size: auto 1.5rem, auto 1.5rem;
	}
*/

:is(#fichestech, .fichestech) ul.txt li a {
	display: flex;
	width: 100%;
	align-items:center;
	padding: 1rem 1rem 1rem 3rem;
	background-position: left 1rem center ;
	background-repeat: no-repeat;
	background-size: auto 1.5rem;
	}

.yg-on-b :is(#fichestech, .fichestech) ul.txt li a {
	display: flex;
	align-items:center;
	padding: 1rem 1rem 1rem 3rem;
	background-position: left 1rem center ;
	background-repeat: no-repeat;
	background-size: auto 1.5rem;
	}

.yg-on-b :is(#fichestech, .fichestech) :is(p, li, a, dl) {
	color:#FAE700;
	}

:is(#fichestech, .fichestech) ul.txt li.bgweb a {
	background-image: var(--image-2039);
	}

:is(#fichestech, .fichestech) ul.txt li.bphone a {
	background-image: var(--image-2409);
	}

:is(#fichestech, .fichestech) ul.txt li.bemail a {
	background-image: var(--image-2414);
	}

.yg-on-b :is(#fichestech, .fichestech) ul.txt li.bgweb a {
	background-image: var(--image-2239);
	}

:is(#fichestech, .fichestech) ul.txt li.bg_doc_pdf a {
	background-image: var(--image-1904);
	}

:is(#fichestech, .fichestech) ul.txt li.bg_link_vid a {
	background-image: var(--image-2034);
	}

:is(#fichestech, .fichestech) ul.txt li.bg_note {
	display: inline;
	padding: 1rem;
	}

:is(#fichestech, .fichestech) ul.txt li.bg_note {
	width: 100%;
	}

:is(#fichestech, .fichestech) ul.txt li.bg_note a {
	display: inline;
	background-image: none;
	margin: 0;
	padding: 0;
	}

:is(#fichestech, .fichestech) ul.txt li {
	border: 1px solid #D3D3D3 ;	
	border-radius: 0.7rem;
	text-transform: uppercase;
	font-size: 0.6rem;
	padding: 0rem;
	margin-top: 1rem;
	line-height: 0.75rem;
	display: flex;
	align-content: center;
	flex-basis: 48%;
	flex-wrap: wrap;
	}

.yg-on-b :is(#fichestech, .fichestech) ul.txt li {
	border: 1px solid #FAE700 ;	
	}

:is(#fichestech, .fichestech) ul.txt.wide li {
	flex-basis: unset;
	}

.b-on-y :is(#fichestech, .fichestech) ul.txt li {
	border: 1px solid #181818 ;
	}


:is(#fichestech, .fichestech) h2 {
	padding: 0.25rem 0 0 2rem;
	background-size: 1.5rem auto;
	padding-bottom: 1rem;
	border-bottom: 1px solid #181818 ;
	background-image: var(--image-1899);
	background-repeat: no-repeat;
	background-position: left 0;	
	background-size: 1.5rem auto;
	}

:is(#fichestech, .fichestech) h3 {
	font-size: 1rem;
	line-height: 1rem;
	padding: 0;
	border-bottom: 1px solid #181818 ;
	margin-bottom: 0;
	margin-top: 1rem;
	}

.yg-on-b :is(#fichestech, .fichestech) h3 {
	border-bottom: 1px solid #FAE700 ;
	}

:is(#fichestech, .fichestech) h3 a {
	display: block;
	padding: 0.5rem 7rem 0.5rem 0 ;
	background-image: var(--image-2069);
	background-repeat: no-repeat;
	background-position: right center; /* right 0.5rem center */
	background-size: auto 1.5rem;
	}

:is(#fichestech, .fichestech) h3 a:hover {
	background-image: var(--image-2064);
	}

:is(#fichestech, .fichestech) h3.ref {
	padding: 0.5rem 7rem 0.5rem 0 ;
	background-image: none;
	}

:is(#fichestech, .fichestech) :is(h2, h3) {
	text-transform: uppercase;
	font-weight: 400;
	}


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

	:is(#fichestech, .fichestech) ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 1rem;
		}

	:is(#fichestech, .fichestech) ul.txt li {
		width: 50%;
		}

	:is(#fichestech, .fichestech) ul.txt.wide li {
		width: unset;
		}

	.matrix_2 {
		display: flex;
		gap: 2rem;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: center;	
		}

	.matrix_3 {
		display: flex;
		gap: 2rem;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: center;	
		}

	}
	
@media only screen and (max-width: 888px) {

	:is(#fichestech, .fichestech) ul {
		flex-direction: column;
		}

	:is(#fichestech, .fichestech) ul.txt li {
		width: 100%;
		align-content: center;
		}

	}

@media only screen and (max-width: 888px) {
	tpl_sectmenu_wrap {
		display: grid;
		padding: 2rem 1rem;
		grid-template-columns: 1fr;
		gap: 1rem;
		}
	}

@media only screen and (min-width: 889px) {
	.tpl_sectmenu {
		display: grid;
		padding: 2rem 2rem;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		grid-auto-rows: min-content; /* OR min-content*/
		}
	.tpl_sectmenu div:nth-child(even) {
		position: relative;
		top: 6rem;
		}
	}

.tpl_sectmenu div {
	min-height: 20vw;
	border: 1px solid #FAE700;
	border-radius: 0.7rem;
	}

.tpl_sectmenu div:hover {
	background-color:  #FAE700;
	}
	
.tpl_sectmenu div>a  {
	color:#D3D3D3;
	display: flex;
	align-items: center;
	padding: 2rem;
	height: 100%;
	width: 100%;
	}

.tpl_sectmenu div:hover>a {
	color: #181818;
	}

.tpl_sectmenu div dt {
	color: #FAE700;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	font-weight: 300;
	padding-bottom: 1rem;
	}

.tpl_sectmenu div:hover dt {
	color: #181818;
	}

.tpl_sectmenu div dd {
	font-size: 1rem;
	line-height: 1.1rem;
	padding-bottom: 3rem;
	background-image: var(--image-2079);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: auto 2rem;
	font-weight: 200;
	}

.tpl_sectmenu div:hover dd {
	color: #181818;
	background-image: var(--image-2064);
	}



/* Joindre */ 
.tpl_contact>h1 {
	display:none;
	}
	
	
.tpl_contact>section h2 {
	margin-bottom: 1rem; 
	}

.tpl_contact>section.intro p {
	font-size: 		1rem;
	line-height: 	1.1rem;
	margin: 		0 0 1rem 0;
	}

.tpl_contact>section {
	padding-left:	2rem;
	padding-right:	2rem;
	}

.tpl_contact>section h1, .tpl_contact>section h2 {
	font-size: 2rem;
	font-weight: 300;
	line-height: 2rem;
	text-transform: uppercase;
	padding-right: 5rem;
	}

.tpl_contact>section h3 {
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.5rem;
	text-transform: uppercase;
	}

.tpl_contact>section p {
	font-size: 1rem;
	line-height: 1.1rem;
	}

.tpl_contact section.pcontact ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
	gap: 2rem;
	padding: 1rem 0 ;
	}

.tpl_contact section.pcontact ul>li {
	border-bottom: 1px solid #FAE700;
	flex: 1 1 calc(50% - 2rem);
	padding: 0 0 0.5rem 0 ; 
	}

.tpl_contact section.address dl.address dd.email {
	word-break: keep-all;
	white-space: nowrap;
	}

.tpl_contact section.address h2 {
	display: none;
	}

@media only screen and (max-width: 888px) {

.tpl_contact>section {
	padding-left:	1rem ;
	padding-right:	1rem ;
	}

.tpl_contact section.pcontact ul {
	gap: 1rem;	
	}

.tpl_contact section.pcontact ul>li {
	border-bottom: 1px solid #FAE700;
	flex: 1 1 100%;
	}

.tpl_contact section.pcontact ul>li:last-of-type {
	border-bottom: 0;
	}

.tpl_contact section.pcontact ul>li>span a, .tpl_contact section.pcontact ul>li>span:not(:has(a)) {
	padding: 0.5rem 0;
	font-size: 1.2rem ;
	}

}

.tpl_contact section.pcontact ul>li>span {
	display: block;
	font-size: 1rem ;
	line-height: 1rem;
	font-weight: 200;
	}

.tpl_contact section.pcontact ul>li>span a {
	display: inline-block;
	}

@media only screen and (min-width: 889px) {
.tpl_contact section.pcontact ul>li>span a, .tpl_contact section.pcontact ul>li>span:not(:has(a)) {
	padding: 0.15rem 0;
	}
}

.tpl_contact section.pcontact ul>li>span.name {
	font-size: 1rem ;
	font-weight: 400;
	text-transform: uppercase;
	color: #FAE700;
	}



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

.tpl_contact section.twocol {
	display: grid ;
	grid-template-columns: 1fr 1fr ;
	grid-template-areas: 
		"a b" ;	
	}

.tpl_contact section.form {
	display: grid ;
	gap: 2rem;
	grid-template-columns: 1fr 1fr ;
	grid-template-areas: 
		"a b" ;	
	}

.tpl_contact section.address {
	display: grid ;
	grid-template-columns: 1fr 1fr ;
	grid-template-areas: 
		"a b"
		"c d" ;	
	}
}

.tpl_contact section:first-of-type {
	padding-top: 3rem;
	}

.tpl_contact section {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}

.tpl_contact section:last-of-type {
	padding-bottom: 3rem;
	}


.tpl_contact section.address address {
	display: grid ;
	column-gap: 1rem;
	grid-template-columns: 1fr 1fr ;
    grid-template-rows: 3rem 1fr ;
	grid-template-areas: 
		"a c"
		"b c"  ;
	font-style: normal;
	}

.tpl_contact section.address address>*:first-child {
	grid-area: a ;
	}

.tpl_contact section.address address>*:nth-child(2) {
	grid-area: b ;
	}

.tpl_contact section.address address>*:nth-child(3) {
	grid-area: c ;
	}

.tpl_contact section.address dl.address dt {
	display: none;
	}

.tpl_contact section.address dl.address dt.email {
	display: block ;
	}

.tpl_contact section.address dt {
	text-transform: uppercase;
	color: #FAE700;
	font-size: 0.7rem;
	line-height: 0.9rem;
	}

.tpl_contact section.address dd {
	font-size:1rem;
	line-height: 1.2rem;
	}

.tpl_contact section.address img {
	height: 2rem;
	width: unset;
	}

.tpl_contact section.address dl dd {
	margin-bottom: 1.5rem;
	}

.tpl_contact section.address dl dd.address  {
	margin-bottom: 0.5rem;
	}	

.tpl_contact section.address dl dt.website, .tpl_contact section.address dl dd.website  {
	display: none;
	}
	

.tpl_contact ul.txt.a_link li { 
	border-bottom: 1px solid #181818;
	}
	
.tpl_contact ul.txt.a_link li a { 
	display: block;
	width: 100%;
	height: 100%;
	background-image: var(--image-2069);
	background-repeat: no-repeat;
	background-position: right 40% ;	
	background-size: 6rem auto;
	padding: 1rem 5rem 1rem 0;
	text-transform: uppercase;
	}

.tpl_contact ul.txt.a_link li a:hover { 
	background-image: var(--image-2064);
	}
	
#charlevoix>div {
	font-size: 0.8rem;
	line-height: 1rem;
	padding-right: 5rem;
	}
	
#charlevoix .phones {
	display: grid;
	grid-template-columns: 1fr 1fr ;
	grid-template-areas: 
		"a b" ;	
	}

#charlevoix .phones dl {
	margin: 1rem 0 ;
	text-transform: uppercase;
	white-space: nowrap;
	}
	
#charlevoix .phones dt {
	font-size: 0.7rem;
	font-weight: 600;
	}

#charlevoix p {
	font-size: 0.8rem;
	}

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

.regions {
	display: grid ;
	grid-template-columns: 1fr 1fr ;
	column-gap: 2rem;
	grid-template-areas: 
		"a c" 
		"b c"
		"b d" ;	
	}

.regions>:first-child {
	grid-area: a;
	}

.regions>:nth-child(2) {
	grid-area: b;
	}

.regions>:nth-child(3) {
	grid-area: c;
	}
	
.regions>:nth-child(4) {
	grid-area: d;
	}
	
.regions ul {
	margin: 1rem 0 3rem 0;
	}

}

@media only screen and (max-width: 888px) {
	.regions h3 {
		padding: 2rem 0 1rem 0;
		}
}

/* Form */

.tpl_contact #map iframe {
	width: 100%;
	height: 300px;
	border: 0;
	border-radius: 0.7rem;
	}

.tpl_contact #map_fast {
	width: 100%;
	max-width: 560px;
	height: 300px;
	border: 0;
	border-radius: 0.7rem;
 	background-repeat: no-repeat;
 	background-position: center; 
	cursor: pointer;
	}

.tpl_contact section.form #commform fieldset {
	border: 0;
	margin: 2rem 0; 
	}

.tpl_contact section.form #commform fieldset:last-of-type {
	margin: 1rem 0; 
	}
	
.tpl_contact section.form #commform fieldset legend {
	color: #040707;
	font-size: 1rem;
	text-transform: uppercase;
	}	


.tpl_contact section.form #commform fieldset.address div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1rem;
	grid-auto-columns: 50%;
	}

.tpl_contact section.form #commform fieldset.address label:nth-child(12) {
	width: 50%;
	}	

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

.tpl_contact section.form #commform fieldset.address label:nth-child(n+3):nth-child(-n+6), .tpl_contact section.form #commform fieldset.address label:nth-child(n+17):nth-child(-n+18){
	grid-column: 1 / span 2;
	}

}

@media only screen and (max-width: 888px) {

.tpl_contact section.form #commform fieldset.address label {
	grid-column: 1 / span 2;
	}

.tpl_contact section.form #commform fieldset.address label:nth-child(11) {
	grid-column: 1 / span 1;
	}

.tpl_contact section.form #commform fieldset.address label:nth-child(12) {
	grid-column: 2 / span 1;
	}	
	
}

.tpl_contact section.form #commform fieldset>div>label {
	display: block;
	color: #040707;
	font-size: 0.7rem;
	line-height: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	z-index: unset;
	padding: 0.75rem 0;

	}

.tpl_contact section.form #commform fieldset>div>span.label {
	display: block;
	color: #040707;
	font-size: 0.7rem;
	line-height: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	z-index: unset;
	padding: 0.75rem 0;
	}

.tpl_contact section.form #commform fieldset>div>span.label>span {
	display: block;
	}

.tpl_contact section.form #commform p {
	font-size: 0.7rem;
	line-height: 1.2rem;
	font-weight: 600;
	text-transform: uppercase;
	}

.tpl_contact section.form #commform .examples {
	font-size: 0.5rem;
	}

.tpl_contact section.form #commform fieldset>span.label label {
	margin-right: 0.5rem ; 
	}

.tpl_contact section.form #commform :is(input, select, textarea):not(input[type='checkbox'],input[type='radio']) {
	display: block;
	border: 1px solid #040707;
	background-color: #D3D3D3;
	border-radius: 0.7rem;
	padding: 0.75rem;
	width: 100%;
	}

.tpl_contact section.form #commform :is(input) {
	display: inline;
	background-color: #D3D3D3 !important;
	vertical-align: middle;
	}
	

.tpl_contact section.form #commform :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: #FAE700 ;
	}	

.tpl_contact section.form #commform .htxt {
	display: none;
	}
	
.tpl_contact section.form #commform #date-range input {
	display: inline-block;
	width: 	 8rem;
	padding: 0.25rem;
	}

.tpl_contact section.form #commform input[type="submit"] {
	color: #040707;
	background-color: #FAE700 !important ;
	text-transform: uppercase;
	font-weight: 500;
	border: 0 !important ;
	}
	
/* Profile > Mission  */


figure._video_yt_500 {
	margin-bottom: 2rem;
	}

figure._video_yt_500 figcaption {
	padding-left: 0.25rem;
	border-left: 1px solid #040707;
	font-size: 0.8rem;
	line-height: 0.9rem;
	}

figure._video_yt_500 iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
	}

.year-1987 {
	padding-left: 2rem;
	background-repeat: no-repeat;
	background-image: var(--image-2089);
	}
	
.year-1998 {
	padding-left: 2rem;
	background-repeat: no-repeat;
	background-image: var(--image-2094);
	}
	
.year-2023 {
	padding-left: 2rem;
	background-repeat: no-repeat;
	background-image: var(--image-2099);
	}

article.tpl_1 > section.profil-video {
	padding-top: 0;
	background: linear-gradient(to top, #D3D3D3 0%, #D3D3D3 70%, #040707 70%, #040707 100% );
	}

article.tpl_1 > section.profil-video h2 {
	color: #FAE700;
	padding: 1rem 0 ;
	}

/* Profile >Équipe  */

#team {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap: 2rem;
	font-size: 0.9rem;
	line-height: 1rem;
	}

#team>h2 {
	display: none;
	}

#team p {
	font-weight: normal;
	}

#team p:first-of-type {
	margin-top: 0px;
	}

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

#team>ul.member {
	flex-grow: 1;
	max-width: 30%;
	}
	
}

#team>ul.member li.picture {
	padding-bottom: 1rem;
	}

#team>ul.member li.picture img {
	width: 100%;
	border-radius: 0.7rem;
	}

#team>ul.member li.name  {
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	}

#team>ul.member li.position  {
	font-size: 0.7rem;
	color: #8F8F8F;
	font-weight: 500;
	text-transform: uppercase;
	}

#team>ul.member li.email  {
	padding: 1rem 0 ;
	}

#team>ul.member li.email a {
	display: inline-grid;
	align-items: center;
	padding: 0.7rem 0.7rem 0.5rem 0.7rem;
	font-size: 0.6rem;
	line-height: 0.6rem;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0.7rem; 
	background-color: #FAE700;
	}


#team>ul.member li.bio>p {
	font-size: 0.9rem;
	line-height: 1rem;	
	}



/* 2023 */

._v2023-hide {
	display: none;
	}


/* Accreditations */

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

	section.accreditations {
		display: grid;
		grid-template-columns: 1fr 1fr ;
		gap: 2rem; 
		}

	section.accreditations div:last-of-type {
		padding-top: 8rem;
		}

}

section.accreditations h2 {
	display: none;
	}

section.accreditations>div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
  	flex-basis: 100%;
  	flex: 1;
	}

section.accreditations>div>section {
	border: 1px solid #181818;
	border-radius: 0.7rem;
	margin: 2rem 0 ;
	padding: 2rem;
	}

section.accreditations>div>section:hover {
	background-color: #c4c4c4 ;
	}

section.accreditations>div>section:not(:first-of-type) {
	margin: 2rem 0 ;
	}


/*
section.accreditations {
	display: grid;
	padding: 2rem 1rem;
	grid-template-columns: 1fr 1fr  ;
	gap: 2rem;
	font-size: 0.9rem;
	line-height: 1rem;		
	}

section.accreditations section {
	position: relative;
	flex-grow: 1;
	border: 1px solid black;
	border-radius: 0.7rem;
	padding: 1rem;
	}

*/

section.accreditations section>picture {
	display: flex;
	justify-content: center ;
	align-content: center;
	align-items: center;
	margin-bottom: 2rem;
	}

section.accreditations section img {
	max-width: 100%;
	max-height: 6rem;
	aspect-ratio: auto;
	width: auto;	
	}


section.accreditations section dl {
	font-size: 0.9rem;
	font-weight: 300;
	}

section.accreditations section dt {
	font-weight: 500;	
	padding: 0;
	margin: 0;
	}

section.accreditations section dd {
	line-height: 0.9rem;
	padding: 0;
	margin: 0;
	}
	
ul.txt {
	
	}
	
	
ul.txt>li {
	font-size: 0.9rem;
	line-height: 1.1rem;
	padding: 1rem 0 ;
	font-weight: 300;
	}

/*
ul.txt>li:not(:last-of-type) { 
	padding-bottom: 1rem;
	}
*/

	
ul.txt>li:not(:last-of-type) { 
	border-bottom: 1px solid #040707;
	}
		
.yg-on-b ul.txt>li:not(:last-of-type) { 
	border-bottom: 1px solid #D3D3D3;
	}
	
ul.txt-disc {
	padding-left: 2rem;
	margin-bottom: 1rem;
	}

ul.txt-disc>li {
	font-size: 0.9rem;
	line-height: 1.1rem;
	font-weight: 300;
	list-style-type: disc ;
	}

ul.txt-disc>li a {
	font-weight: 300;
	}

/*  Manuf  */

@media only screen and (max-width: 888px) {
	article.tpl_manuf>:is(section,div) {
		padding: 3rem 6vw;
		border: 0 ; 
		}
	}

@media only screen and (min-width: 889px) {
	article.tpl_manuf>:is(section,div) {
		padding: 3rem 20% 3rem 20%;
		border: 0 ; 
		}
	}

article.tpl_manuf figure {
	width: 		100%;
	display: 	flex;
	justify-content: center;
	}

article.tpl_manuf h1 {
	font-weight: normal;
	color: #FAE700;
	text-transform: uppercase;
	border-bottom: 1px solid #FAE700;
	margin-bottom: 2rem;
	line-height: 1.1rem;
	padding-bottom: 0.5rem;
	}

article.tpl_manuf h1:hover {
	font-weight: normal;
	color: #FAE700;
	text-transform: uppercase;
	border-bottom: 1px solid #FAE700;
	margin-bottom: 2rem;
	width: 100%;

	}

article.tpl_manuf h1 a {
	width: 100%;
	display: block; 
	color: #FAE700;
	background-image: var(--image-2244) ;
	background-repeat: no-repeat ;
	background-position: right center;
	background-size: 4rem;
	padding-right: 5rem ;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-weight: 200;
	}	

article.tpl_manuf h1 a:hover {
	background-image: var(--image-2249) ;
	}


article.tpl_manuf h2 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.2rem;
	}
	
article.tpl_manuf *.intro p {
	font-size: 		1rem;
	line-height:	1.1rem;
	}
	
article.tpl_manuf p {
	font-size:		0.9rem;
	line-height:	1rem;
	margin-bottom:	1.5rem;
	font-weight:	300;
	}
	
article.tpl_manuf p:last-of-type {
	margin-bottom:	0rem;
	}

article.tpl_manuf figure.lmanu {
	display: flex ; 
	position: relative;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem ;
	}
	
article.tpl_manuf figure.lmanu img {
	max-height: 5rem;
	max-width: 12rem;
	}

/* prod search */


@media only screen and (max-width: 888px) {
	article.tpl_prod_search :is(section,div) {
		padding: 2rem 1.5rem ;
		}
	}

@media only screen and (min-width: 889px) {
	article.tpl_prod_search :is(section,div) {
		padding: 3rem 20%;
		}
	}


article.tpl_prod_search div.intro h1 {
	padding: 1rem 0;
	padding-right: 10rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #FAE700;
	font-size: 2rem;
	font-weight: 200;
	line-height: 2rem;
	text-transform: uppercase;
	}

article.tpl_prod_search h1 {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 300;
	}

article.tpl_prod_search h2 {
	font-size: 1rem;
	line-height: 1.1rem;
	font-weight: 300;
	text-transform: uppercase;
	}


article.tpl_prod_search hr {
	display: none ; 
	}

article.tpl_prod_search :is(li) {
	font-size:		0.9rem;
	line-height:	1.1rem;
	margin-bottom:	0.5rem; 
	font-weight: 	300;
	}

article.tpl_prod_search :is(p) {
	font-size:		0.9rem;
	line-height:	1.1rem;
	margin:			1rem 0 ; 
	font-weight: 	300;
	}

article.tpl_prod_search h2 {
	padding: 1rem 0 ;
	}

article.form_user :is(input) {
	display: inline;
	background-color: #D3D3D3 !important;
	vertical-align: middle;
	}

article.form_user :is(input, select, textarea):not(input[type='checkbox'],input[type='radio']) {
	display: block;
	border: 1px solid #040707;
	background-color: #D3D3D3;
	border-radius: 0.7rem;
	padding: 0.75rem;
	width: 100%;
	}
	
article.form_user button[type=submit] {
	display: none;
	}
	
article.form_user input.db_produits_facteur_r:not(input[type='checkbox'],input[type='radio']) {
	width: 5rem;
	}
	
article.form_user :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: #FAE700 ;
	}
	
	
/* .tpl_sectmenu */ 

@media only screen and (max-width: 888px) {

	.tpl_sectmenu > div {
		margin: 2rem 1rem ;
		}

	}
/* article.tpl_4  */ 	

article.tpl_4>h2:first-of-type {
	display: none;
	}

/* article.tpl_5  */ 

article.tpl_5 h1:first-of-type {
	display: none;
	}

article.tpl_5 h1 {
	font-size: 2rem;
	font-weight: 200;
	line-height: 2rem;
	text-transform: uppercase;
	padding-right: 5rem;
	padding-bottom: 2rem;
	}

article.tpl_5 h2 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 2rem;
}

article.tpl_5>section:first-of-type>h2 {
	display: none;
	}

article.tpl_5>section:first-of-type>h1 {
	color: #FAE700;
	padding-bottom: 0rem;
	border-bottom: 1px solid #FAE700;
	}

article.tpl_5 p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1rem;
	margin-bottom: 1rem ;
	}	

article.tpl_5>h2:first-of-type {
	display: none;
	}

article.tpl_5>section>p:first-of-type {
	margin-top: 1.5rem;
	}


article.tpl_5 section.b-on-y ul.txt li a { 
	background-image: var(--image-1954);
	}

article.tpl_5 section.b-on-y ul.txt li a:hover { 
	background-image: var(--image-1964);
	}


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

	article.tpl_5 > section {
		padding: 4rem 20% ;
		}

	article.tpl_5 > section.format-wide {
		padding: 4rem 2rem ;
		}

	article.tpl_5 div.tpl_sectmenu > div {
		position: unset;
		}

	article.tpl_5 div.tpl_sectmenu {
		display: grid; 
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
			"a ."
			"a b"
			"a b"
			". b"
			"c b"
			"c b"
			"c ."
			"c d"
			"c d"
			". d"
			 ;
		padding: 4rem 2rem ;
		gap:0 ; 
		column-gap: 1rem;
		grid-template-rows: auto auto auto 1rem 1rem 1rem 1rem auto auto auto ;
		}

	article.tpl_5 div.tpl_sectmenu > div:nth-child(1) {
		grid-area: a ;
		}

	article.tpl_5 div.tpl_sectmenu > div:nth-child(2) {
		grid-area: b ;
		}
		
	article.tpl_5 div.tpl_sectmenu > div:nth-child(3) {
		grid-area: c ;
		}

	article.tpl_5 div.tpl_sectmenu > div:nth-child(4) {
		grid-area: d ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc {
		display: grid; 
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
			"a ."
			"a b"
			"a b"
			". b"
			"c b"
			"c b"
			"c ."
			"c d"
			"c d"
			". d"
			"e d"
			"e d"
			"e ."
			"e f"
			"e f"			
			". f"
			"g f"
			"g f"
			"g ."
			"g h"
			"g h"
			". h"
			 ;
		padding: 4rem 2rem ;
		gap:0 ; 
		column-gap: 1rem;
		grid-template-rows: auto auto auto 1rem auto auto 1rem auto auto 1rem auto auto 1rem auto auto 1rem auto auto 1rem auto auto ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(1) {
		grid-area: a ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(2) {
		grid-area: b ;
		}
		
	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(3) {
		grid-area: c ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(4) {
		grid-area: d ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(5) {
		grid-area: e ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(6) {
		grid-area: f ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(7) {
		grid-area: g ;
		}

	article.tpl_5 div.tpl_sectmenu.tpl_sectmenu_abc > div:nth-child(8) {
		grid-area: h ;
		}
		
	}

@media only screen and (max-width: 888px) {
	article.tpl_5 > section {
		padding: 2rem 1rem ;
		}
	}
	
	
/* article.tpl_6  */ 


article.tpl_6 {

	}


article.tpl_6 div.intro {
	padding: 3rem 20%;
	}

article.tpl_6 h1 {
	font-size: 2rem;
	font-weight: 200;
	line-height: 2rem;
	text-transform: uppercase;
	padding-right: 5rem;
	padding-bottom: 2rem;
	}

article.tpl_6>section:first-of-type>h1 {
	color: #FAE700;
	padding-bottom: 0rem;
	border-bottom: 1px solid #FAE700;
	}


article.tpl_6 p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1rem;
	margin-bottom: 1rem ;
	}	

article.tpl_6>section>p:first-of-type {
	margin-top: 1.5rem;
	}

article.tpl_6>div>div {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr ;
	gap:1rem ;
	padding: 2rem ;
	}
	
@media only screen and (max-width: 888px) {

	article.tpl_6 div.intro {
		padding: 3rem 2rem;
		}
	
	article.tpl_6>div>div {
		grid-template-columns: 1fr 1fr ;
		}

	article.tpl_6>div>div dl:empty {
		display: none;
		}

	}
	
article.tpl_6>div>div a dl  {
	display: flex ;
	position: relative;
	align-items: center;
	justify-content: center;
	border: 1px solid #939393 ;
	border-radius: 0.7rem;
	aspect-ratio: 1 / 1;
	}

article.tpl_6>div>div dl:empty {
	border: 0 ;
	aspect-ratio: 1 / 1;
	}


article.tpl_6>div>div a dl :is(dd:nth-of-type(2)) {
	display: none;
	max-height: 8rem;
	overflow: hidden;
	padding-bottom: 4rem;
	}
	
article.tpl_6>div>div a dl:hover :is(dd:nth-of-type(2)) {
	font-size: 0.7rem;
	line-height: 0.7rem;
	color: #939393 ;
	display: block;
	padding: 1rem;
	}	

article.tpl_6>div>div dl dd {
	display: flex ;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 100% ;
	}

article.tpl_6>div>div dl img {
	max-width: 50%;
	max-height: 30%;
	height: auto;
	filter: saturate(0);
	}

article.tpl_6>div>div a dl:hover  dd.pic {
	display: none;
	}
	
article.tpl_6>div>div dl dt {
	display: block;
	position: absolute;
	bottom:1rem;
	left:  1rem;
	color: #939393 ;
	font-size: 0.7rem;
	line-height: 0.7rem;
	}

article.tpl_6>div>div dl dt .gmore {
	display: block;
	}

/* tpl_7 */

article.tpl_7 {
	color: #181818 ;
	}

article.tpl_7.legal ul {
	margin: revert;
	padding: revert;
	box-sizing: revert;
	list-style-type: revert;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.1rem;
	}

article.tpl_7.legal ul li {
	list-style-type: revert;
	}

article.tpl_7 a  {
	text-decoration: underline dotted ;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	}

article.tpl_7 > :is(div,section).yg-on-b a:hover  {
	color: #FAE700;
	}

article.tpl_7>div:first-of-type > :is(h1,h2) {
	font-size: 1.5rem;
	line-height: 1.6rem;
  	color: #FAE700;
  	padding: 1rem 0;
  	padding-bottom: 0rem;
 	border-bottom: 1px solid #FAE700;
 	font-weight: 200;
	}

article.tpl_7 :is(h1, h2, h3) {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin-bottom: 1rem;	
	}
	
article.tpl_7 :is(h1, h2, h3):not(:first-child) {
	margin-top: 2rem;	
	}
	
article.tpl_7 > div:first-of-type p,
article.tpl_7 > :is(div,section).intro ul.txt-disc>li {
	font-size: 1.1rem;
	font-weight: 200;
	line-height: 1.2rem;
	}
	
article.tpl_7 p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.1rem;
	margin-bottom: 1rem;
	}

article.tpl_7 p:last-child {
	margin-bottom: 0;
	}

@media only screen and (max-width: 888px) {
	article.tpl_7 :is(section,div) {
		padding: 2rem 1rem;
		}
	}
	
@media only screen and (min-width: 889px) {
	article.tpl_7 > :is(div:first-child,section) {
		padding: 3rem 20% 3rem 20%;
		}

	article.tpl_7>:is(section,div).format-wide {
		padding-left: 2rem;
		padding-right: 2rem;
		}

	article.tpl_7>:is(section,div).format-10pct {
		padding-left: 10%;
		padding-right: 10%;
		}

	}

article.tpl_7 *.b-on-g+*.b-on-g,
article.tpl_7 *.yg-on-b+*.yg-on-b,
article.tpl_7 *.b-on-y+*.b-on-y {
	padding-top: 0;
	}


/* old */

.message-red {
	color: black !important ;
	background-color: yellow ;
	border: 3px solid red;
	padding: 1rem; 
	margin: 1rem 0 ;
	}	
	
.message-red a {
	color: black !important ;
	}
	
/* tbl realisations */

.table_realisation {
	width: 					100% ;
	margin: 				0.5rem 0 ;
	border:					1px solid #8a8a8a ;
	border-collapse: 		collapse ; }
	
.table_realisation :is(td,th) {
	color: 					black;
	font-size:				0.7rem ;
	padding: 				0.5rem ;
	border:					1px solid #8a8a8a ;
	border-collapse: 		collapse ; }

.table_realisation :is(td,th):nth-child(4) {
	display: none;
	}

.table_realisation th {
	text-align: left;
	background-color: #dddddd;
	}

.table_realisation td:nth-child(n+3):nth-child(-n+4) {
	text-align: center;
	}

.table_realisation td img {
	width: 1.5rem;
	height: auto;
	}

.table_realisation td:nth-child(4)>img {
	opacity: 0.2;
	}

@media only screen and (min-width: 889px) {
	.table_realisation_container {
		margin: 0 3rem;
		}
	}


/* tpl contact */

article.tpl_contact section.yg-on-b.pcontact a:hover {
	color: #FAE700;
	}

article.tpl_contact .submitted_confirm {
	padding: 0.5em 10% 0.5em 10% ;
	border: 1px solid #FAE700 ;
	margin: 2em 2em 2em 2em;
	}

article.tpl_contact .submitted_confirm p {
	text-align: center ;
	font-weight: 300 ;
	}

article.tpl_contact .submitted_confirm p:first-of-type {
	color: #FAE700 ;
	}
	
/* visio */
	
#visio {
	width:					99%; 
	margin:					0.25em 0 0 0 ;
	position: 				relative ; 
	margin: 				2rem;
	min-height: 			495px ;}

#visio #r {
	overflow:				hidden ;
	margin:					0 0 0 135px ; }
	
	
#visio #r h1 {
	width:					99%; 
	font-size:				0.85em ; 
	padding:				2px ;
	margin:					0 ; }
	
#visio #mainItem {
	width:					99%;
	text-align: 			center ;
	padding:				2px ;
	margin:					0.25em 0em  ; }
	
#visio #thumbnails	{
	position:				absolute ;
	top:					2rem ;
	left: 					0 ;
	width:					130px ;
	height:					487px ; 
	overflow: 				scroll ;
	overflow-y:				scroll ;
	overflow-x:				hidden ;
	overflow:           	-moz-scrollbars-vertical ; }
	
#visio #thumbnails ul {
	margin: 				0 ;
	padding: 				0 ;}

#visio #thumbnails ul li {
	text-align: 			center ;
	list-style-type: 		none ;
	padding: 				0.25em 0 ; }
		
#visio #thumbnails ul li.selected {
	background-color:		#FAE700; }

#visio #linksButton	{
/*	background-color:		#F8FAFC ;*/
	padding:				0.25em ;
/*	border:					1px solid #D2DBE7 ;*/
	text-align: 			center ; }


#visio #visio-navBar .extrall {
	position: 				absolute ;
	bottom: 				0.5em ;
	left: 					5px ;
	font-size: 				0.7em ;	}

#visio #visio-navBar {
	position:				relative ;
	width:					100% ; }


#visio #linksButton	a {
	color:					black ;
	padding:				0.15em 0.5em ; 
	filter: invert(90%) sepia(11%) saturate(5161%) hue-rotate(1deg) brightness(105%) contrast(100%);
	}
#visio #linksButton	a>img {	
	width: 	2rem;
	height: auto;
	}

	
/* Glossaire */ 

table.glossaire {
	border-collapse: collapse;
	background-color: #D3D3D3;
	font-size: 0.9rem;
	line-height: 1rem;
	}

table.glossaire thead {
	background-color: #B0B0B0;
	}

table.glossaire thead th {
	text-align: center;
	font-weight: 500;
	}	

table.glossaire tbody th {
	text-align: left;
	font-weight: 400;
	}

table.glossaire	is:(th,td) {
	padding: 0.5rem;
	border: 1px solid #939292;
	}
	
table.glossaire	a {
	color: #181818;
	}	

/* web link */

dl.web_links {
	font-size: 0.9rem;
	line-height: 1rem;
	}

dl.web_links dt:first-of-type {
	margin-top: 2rem;
	}

dl.web_links dt {
	margin-top: 2rem;
	}

dl.web_links dd {
	font-size: 0.8rem;
	font-weight: 300;
	}
	
/* site map */
#sitemap * {
	text-decoration: none;
	}

#sitemap h2 {
	border: unset;	
	}

#sitemap ul.mlsub {
	margin-left: 2rem;	
	}

/* Bruit */

#definitions>dl:not(:first-of-type) {
	margin-top: 1rem;
	}

/* Facteur r */

#rrsi {
	border-collapse: collapse;
	background-color: #D3D3D3;
	font-size: 0.9rem;	
	}

#r2rsi {
	margin: 2rem 0 ;
	}

#r2rsi input {
	padding: 0.25rem;
	display: inline-block;
	}

#r2rsi input:first-of-type {
	width: 3rem;
	}

#r2rsi input:last-of-type {
	border: none;
	background-color: #D3D3D3;
	color: #181818;
	}

#r2rsi select {
	padding: 0.25rem 1rem;
	}

#r2rsi button {
	padding: 0.25rem 1rem;
	}
	
/* erreurs */

table.error {
	border-collapse: collapse;
	margin: 3rem 2rem;
	font-size: 0.8rem;
	line-height: 0.9rem;
	}

table.error a {
	color: #D3D3D3;
	}

table.error :is(td,th) {
	width: 50%;
	border: 0;
	padding: 0.5rem; 
	}

table.error :is(td,th):nth-child(1) {
	text-align: right;
	}

table.error tr:last-child :is(td,th):nth-child(1) {
	text-align: center;
	}
	
table.error :is(td,th):nth-child(2) {
	text-align: left;
	}