.content-guide-taille{
	/*position: relative;*/
	text-align: left;
	padding:10px;
	height: 100vh;
	margin: 0;
	overflow-y: scroll;
	height: 100vh;
}

.content-guide-taille h1{
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color:#272a45;
	text-transform: none;
	margin:0 0 15px;
}

.content-guide-taille .logo-guide-tailles{
	width:147px;
	max-width:147px;
	height: auto;
	margin-bottom:10px
}

.separateur{
	border-bottom:1px solid #e4e4e4;
}

.collapsible{
	display: block;
	position:relative;
	background-color: #fff;
	color: #272a45;
}

.collapsible-heading {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position:relative;
	background-color: #fff;
	cursor: pointer;
	padding: 18px 10px 18px 0;
	width: 100%;
	border: none;
	margin:0;
  }

  .collapsible-heading p{
	display: block;
	color: #272a45;
	cursor: pointer;
	margin:0;
	text-align: left;
	font-size: 18px;
  }
  
  .collapsible-heading .chevron:after {
	content: '>';
	float: right;
	margin-top:10px;
	font-size:24px;
	transform: rotate(90deg);
  	-webkit-transform: rotate(90deg);
	transition: 0.3s;
  }
  
  .open .collapsible-heading .chevron:after {
	content: '>';
	transform: rotate(-90deg);
  	-webkit-transform: rotate(-90deg);
  }
  
.collapsible-content {
	position: relative;
}

.close .collapsible-content {
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    display: none !important;
}

.open .collapsible-content {
    background-color: #fff;
    width: 100%;
    margin: 0;
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
    box-sizing: border-box;
	padding-bottom: 40px;
}

.collapsible-content p{
	  font-weight: 500;
	  font-size:12px;
	  color:#272a45;
	  font-family: 'Poppins', sans-serif;
}

@media screen and (min-width: 1024px){
	.environnement-de-test-bloc-blanc{
		width:766px;
		margin:0 0 0 auto;
	}
	.content-guide-taille{
		padding:50px 72px;
	}

	.content-guide-taille h1{
		margin:0 0 30px;
	}

	.content-guide-taille .logo-guide-tailles{
		width:169px;
		max-width:169px;
	}

}

@media screen and (min-width: 500px) and (max-width: 1023px) {
	.content-guide-taille{
		padding:40px 40px;
	}

}

@media screen and (min-width: 660px) {
	.swiper-shadow, .swiper-shadow-cache-top, .swiper-shadow-cache-bottom{display: none !important;}
	.content-tableau .grosse-brique-b{
		height:95px;
		padding:10px 5px;
		align-items:flex-start;
	}
}

@media screen and (max-width: 499px) {
	.content-guide-taille{
		padding:30px 20px;
	}
}

@media screen and (min-width: 340px) {
	.premiere-colonne .grosse-brique p, .content-tableau .premiere-colonne .grosse-brique p{
		font-size:17px;
	}
	.premiere-colonne .brique, .content-tableau .premiere-colonne .brique{
		font-size:17px;
	}
	.autre-colonne .brique, .content-tableau .brique{
		font-size:17px;
	}
}

/* ------------- */
/* tableau */
/* ------------- */

.content-guide-taille .collapsible-content .table-container{
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #e0e0e0;
	padding-bottom:10px;
}

.prout{
	position: absolute;
	top:0;
	right:-30px;
	width: 30px;
	height: 100%;
	background-color: #ffffff;
	box-shadow: -5px 0 10px #272a45;
}

.content-guide-taille .collapsible-content .table-content{
	/*width:480px;*/
	width:max-content;
	border-collapse: collapse;
}

.content-guide-taille .collapsible-content table.table-content, .content-guide-taille .collapsible-content table.table-content tr, .content-guide-taille .collapsible-content table.table-content td, .content-guide-taille .collapsible-content table.table-content th{
	border: 1px solid #e0e0e0;
	text-align: center;
	padding: 10px;
	font-weight: 600;
	font-size: 14px;
}

.content-guide-taille .collapsible-content table.table-content th{
	padding: 20px 10px;
}

.content-guide-taille .collapsible-content table.table-content th{
	background-color:#ededed;
}

.content-guide-taille .collapsible-content table.table-content .grosse-brique{
	background-color:#f8f8f8;
}

@media (min-width: 768px){
	.content-guide-taille .collapsible-content .table-container{
		overflow-x: hidden;
		padding:0;
	}

	.content-guide-taille .collapsible-content .table-content{
		width:100%;
	}
	.prout{
		display: none !important;
	}
}

@media (min-width: 1200px){

    .content-guide-taille .collapsible-content .table-content{
        padding: 0 10px;
    }


}

/* -------------- */
/* /tableau */
/* -------------- */