/* Fiche test - DOM 3/5 : contenu central bas, reviews, solutions, references et citations */

/* Contenu central bas - base typographique accordions */
#solution,
#review,
#vrac,
#source,
#source .references {
	font-family: var(--font-test-main);
	font-size: var(--type-size-test-main);
}

.test_jeu_review {
	text-align : left;
    /* margin: 5px 10px 10px 10px;
    padding : 0px 10px 0px 10px; */
	overflow-wrap: break-word;
	text-shadow: 1px 1px 1px #0000FF;
	background-color: rgba(0, 0, 0, 0.2); 
	border: 1px solid rgba(255, 255, 255, 0.34);
	border-radius : 5px;
	/*position : relative;	*/
	margin-bottom: 2em;
    /*margin-right: 10px;
    margin-left: 15px;*/
	/*border:15px solid rgba(250,250,250,0.2);*/
}

.test-review-card {
	position: relative;
	padding-top: 0.25rem;
}

.test-review-card + .test-review-card {
	margin-top: 1.1rem;
}

.test-review-card-legend {
	max-width: calc(100% - 8.5rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.test-review-card-title {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.test-review-platform {
	position: absolute;
	top: -1.35rem;
	right: 0.65rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 1.2rem;
	padding: 0.16rem 0.46rem;
	border-radius: 4px;
	background: rgba(47, 149, 199, 0.82);
	border: 1px solid rgba(151, 255, 236, 0.35);
	color: rgba(255, 255, 255, 0.94);
	font-family: var(--font-test-label);
	font-size: var(--type-size-test-box-label);
	line-height: 0.95;
	text-shadow: 1px 1px 1px #0000c9;
	white-space: nowrap;
	z-index: 2;
}

.test-review-meta {
	margin: 0.05rem 0 0.7rem auto;
	width: fit-content;
	max-width: calc(100% - 0.9rem);
	padding: 0.2rem 0.45rem;
	border-radius: 4px;
	/* background: rgba(250, 250, 250, 0.10); */
	/* border: 1px solid rgba(255, 255, 255, 0.16); */
	color: rgba(235, 240, 242, 0.86);
	font-family: var(--font-test-value);
	font-size: var(--type-size-test-box-value);
	line-height: 1;
	text-align: right;
	text-shadow: 1px 1px 1px rgba(0, 0, 180, 0.78);
	box-sizing: border-box;
}

@media screen and (max-width: 1270px) {
	#solution .legend-class,
	#review .legend-class,
	#vrac .legend-class,
	#source .legend-class {
		margin-left: 0;
	}

	.test-review-card-legend {
		max-width: calc(100% - 8.5rem);
	}
}

@media screen and (max-width: 650px) {
	.test-review-card-legend {
		max-width: calc(100% - 7rem);
		white-space: normal;
	}

	.test-review-platform {
		position: absolute;
		top: -1.35rem;
		right: 0.65rem;
		margin: 0;
		transform: none;
	}
}

.test_personne {
    text-align: left;
    overflow-wrap: break-word;
    text-shadow: 0px 0px 1px #0000FF;
    background-color: rgb(0 0 0 / 40%);
    /* border-radius: 5px; */
    /* position: relative; */
    /* margin-bottom: 2em; */
    /* margin-right: 10px; */
    padding: 10px;
    /* margin-left: 15px; */
    border: 5px solid #e9e9e9;
}

.legend-personne {
    /* text-align: left; */
    text-shadow: 3px 3px 3px #003599;
    font-family: var(--font-test-legend);
    font-size: var(--type-size-test-legend);
    letter-spacing: 1px;
    color: #ffffff;
    /* margin-left: -10px; */
    /* overflow-wrap: break-word; */
}

.test_jeu_review font {	
	text-indent:50px;
	color: #fff;
    text-shadow: 1px 1px 1px #0000FF;
	text-align : justify;
	vertical-align: top;
}

.test_jeu_review p{
	text-indent:50px;
}

.encart {
   /* background-color: rgba(0, 0, 0, 0.2); */
   padding: 10px;
   border-radius: 5px;
   border:15px solid rgba(250,250,250,0.2);
   /* float : left; */
   display : inline-block;
}

.test_jeu_review h1 {
	text-shadow: 2px 2px 2px #111144;
    color: #7cd4ff;
    font-family: var(--font-test-heading);
    font-size: var(--type-size-test-review-title);
    text-align: right;
}

.test_jeu_review .box_jeu_desc h1,
.test_jeu_review .box_jeu_desc h2 {
	font-size: var(--type-size-test-box-label);
	font-family: var(--font-test-label);
    color: rgb(250,250,250);
    text-shadow: 1px 1px 1px #0000c9;
	display:inline ;
    text-align : left;
	text-transform: uppercase;
	line-height: 1;
}

.test_jeu_review h2 {
    width: 100%;
    color: #d0dde0;
    display: inline;
}

.test_jeu_review_desc {
	font-family: var(--font-test-main);
    top: 0px;
    width: auto;
    overflow: visible;
    text-align: justify;
    vertical-align: top;
    margin: 20px 20px 20px 20px;
    height: auto;
}

.test_jeu_review_desc div {
	width : 100%;
	float:left;	
}

.test_jeu_review_desc div.encart {
    width: auto;
    float: left;
}

.item_solution {
	font-family: var(--font-test-main);
	text-align : left;
    /* margin: 5px 10px 10px 10px;
    padding : 0px 10px 0px 10px; */
	overflow-wrap: break-word;
	/*text-shadow: 1px 1px 1px #0000FF;*/
	background-color: rgba(0, 0, 0, 0.2); 	
	border: 1px solid rgba(255, 255, 255, 0.34);
	text-shadow: 0 1px 2px rgba(0, 0, 250, 0.95), 0 0 6px rgba(0, 0, 50, 0.55);
	border-radius : 5px;
	position : relative;	
	margin-bottom: 2em;
}

.item_solution font {	
	text-indent:50px;
	color: #fff;
    /*text-shadow: 1px 1px 1px #0000FF;*/
	text-shadow: 0 1px 2px rgba(0, 0, 250, 0.95), 0 0 6px rgba(0, 0, 50, 0.55);
	text-align : justify;
	vertical-align: top;
}

.item_solution p{
	text-indent:50px;
}

.item_solution h1 {
	text-shadow: 2px 2px 2px #111144;
	color : #99CCFF;
	text-align : right;
}

.item_solution h2 {
    font-weight : bold ;
	font-size : var(--type-size-test-heading-figure);
	width:100%;
	line-height: 2em;
    letter-spacing: 2px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
	display : inline-block;
}


.item_solution_desc {
	font-family: var(--font-test-main);
	top : 0px;
    width : auto;
    text-align : justify;
    vertical-align: top;
    margin: 5px 10px 20px 10px;
    padding : 0px 20px 10px 20px;
	height : auto;
}


.references {
	text-align : left;
    /* margin: 5px 10px 10px 10px;
    padding : 0px 10px 0px 10px; */
	padding: 20px;
	box-sizing: border-box;
	overflow-wrap: break-word;
	text-shadow: 1px 1px 1px #0000FF;
    background : rgba(0,0,0,0.2);
	border: 1px solid rgba(255, 255, 255, 0.34);
	border-radius : 5px;
	position : relative;
	height : auto;
}


.myImgGallery {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.mag_contenu {
	top : 0px;
	vertical-align: top;
	font-size: var(--type-size-test-magazine-text);
	letter-spacing : 0px;
	color: #19e6e1;
	text-shadow: 1px 1px 1px #0000FF;
	width : auto;
	top : 0px;
    text-align : justify;
	vertical-align: top;
	margin: 5px 10px 10px 10px;
	padding : 20px 20px 10px 20px;
}

/* Zoom au survol de itemMag - doit passer au-dessus de la legend */
.itemMag:hover {
	transform: scale(1.2);
	z-index: 100;
	position: relative;
}

/* Empêcher la scrollbar verticale dans col_gauche lors du zoom */
#col_gauche ul.wrapperMag,
#col_gauche ul.lightgallery,
#col_gauche .lightgallery.wrapperMag {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	max-height: none !important;
	height: auto !important;
}

/* S'assurer que le numéro de page reste visible au premier plan lors du zoom */
.itemMag:hover .page2 {
	z-index: 101;
	position: absolute;
}


.box_mag{
    text-align: center;
    max-width: 100%;
	margin: 5px 0px 30px 10px;
	padding : 10px 10px 10px 10px;
    /*background-color: rgba(200, 200, 250, 0.2); */
	/*rgba(200, 250, 250, 0.2);*/
	border-radius : 5px;
	position : relative;
}

.box_mag img {
    width: auto;
    max-height: 100%;
	margin-left: auto;
    margin-right: auto;	
	margin-bottom: 10px;
	display: block;
	overflow : hidden;
}

.test_jeu blockquote,
.test_jeu_review blockquote,
.item_solution blockquote {	
    font-style: italic;
    font-size: var(--type-size-test-quote);
    display: table;
    background-color: rgba(220, 220, 220, 0.05);
    text-shadow: 1px 1px 1px #111166;
    text-align: initial;
    position: relative;
    padding: 10px 10px;
    width: 80%;
    margin: 0 auto;
    padding-left: 1em;
    border-left: 1em solid #ffffff6e;
}

.test_jeu blockquote::before,
.test_jeu_review blockquote::before,
.item_solution blockquote::before {
	font-family: var(--font-test-quote);
	content: "\201C";
	font-size: var(--type-size-test-quote-mark);
	left : -30px;
	top:-10px;
	position : absolute;
}

.test_jeu_review_desc blockquote::before {
	left: 20px;
}

.test_jeu blockquote::after,
.test_jeu_review blockquote::after,
.item_solution blockquote::after {
	content: '';
}

.test_jeu blockquote span,
.test_jeu_review blockquote span,
.item_solution blockquote span {
	display:block;
	color: #CECECE;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
}

.test_jeu blockquote cite,
.test_jeu_review blockquote cite,
.item_solution blockquote cite {
	font-style: italic;
	color: #e1dfdf;
}

.test_jeu blockquote span::after,
.test_jeu_review blockquote span::after,
.item_solution blockquote span::after {
	content: '';
}

.test_jeu blockquote p:last-child,
.test_jeu blockquote ul:last-child,
.test_jeu blockquote ol:last-child,
.test_jeu_review blockquote p:last-child,
.test_jeu_review blockquote ul:last-child,
.test_jeu_review blockquote ol:last-child,
.item_solution blockquote p:last-child,
.item_solution blockquote ul:last-child,
.item_solution blockquote ol:last-child {
  margin-bottom: 0px;
}



.resp-iframe { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  border: 0; 
}

.resp-iframe2 {
    float: right;
    top: 0;
    left: 0;
	max-width: 100%;
    border: 0;
}


.resp-container { 
    position: relative;
    padding-top: 56.25%;
}