/* ----------------- Styles COLLEGIX SIMILIX ----------------- */
	#venus {
		position: relative;
		height: 310px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding-top: 30px;
		padding-left: 200px;
		background: silver;
		}
	#venus img {
		margin-right: 35px;
		border: 5px solid white;
		vertical-align : bottom;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
		transition: box-shadow 0.1s ease;
		}
	#black_switch {
		position: absolute;
		top: 330px;
		right: 40px;
		opacity: 0.6;
		border-radius: 33px;
		}
	#qcm {
		position: relative;
		padding-top: 40px;
		display: none;
		}
	#qcm th {
		padding-top: 5px;
		}
	#qst1, #rep1 {
		padding-top: 15px;
		}
	#qst2, #qst3, #qst4, #rep2, #rep3, #rep4 {
		padding-top: 5px;
		}
	#qcm p {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4rem;
		font-weight: bold;
		color: #DE3163;
		}
	#qst1 {
		margin-top: 10px;
		}
	#clic {
		position: absolute;
		top: 10px;
		right: 40px;
		}
/* ---------------- Bouton review left --------------- */
	#LX { /* Left Arrow - silver */
		position: absolute;
		top: -20px;
		left: 10px;
		width: 50px;
		height: 50px;
		padding: 15px;
		border: none;
		opacity: 0.4;
		}
/* ---------------- Bouton review right -------------- */
	#RX { /* Right Arrow - silver */
		position: absolute;
		top: -20px;
		right: 10px;
		width: 50px;
		height: 50px;
		padding: 15px;
		border: none;
		opacity: 0.4;
		}
	#RX:hover, #LX:hover {
		opacity: 0.8;
		}
	caption {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4rem;
		padding-top: 5px;
		padding-bottom: 15px;
		color: orange;
		}
	#qcm table {
		width: 800px;
		margin-bottom: 40px;
		font-size: 1.3rem;
		}
	.choix {
		color: #B22222;
		}
	.choix:hover {
		cursor: default;
		}
	#rep1, #rep2, #rep3, #rep4 {
		display: none;
		}
	@media(orientation:portrait){
		#qcm p {
			font-size: 1.6rem;
		}
		#qcm table {
			font-size: 1.6rem;
		}
		caption {
			font-size: 1.6rem;
		}
		#conteneur {
			position: relative;
		}
		#clip {
			position: absolute;
			top: 140px;
			left: 680px;
			opacity: 0.8;
			border: 0;
		}
	}
	@media(orientation:landscape){
		#conteneur {
			position: relative;
		}
		#clip {
			position: absolute;
			top: 10px;
			left: 680px;
			opacity: 0.8;
			border: 0;
		}
	}
	#clip:hover {
		cursor: pointer;
		}
	#dragon {
		display: none;
		height: 310px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding-top: 40px;
		padding-left: 60px;
		background: silver;
		}
	#dragon img {
		margin-right: 35px;
		border: 5px solid white;
		vertical-align : bottom;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
		transition: box-shadow 0.1s ease;
		}
	.sousmoi {
		display: inline-block;
		padding-bottom: 5px;
		}
	#downdown {
		width: 1024px;
		min-height: 60px;
		background-color: whitesmoke;
		}
	#min1, #min2, #min3 {
		width: 100px;
		height: 160px;
		margin-left: 15px;
		padding-left: 25px;
		overflow: hidden;
		float: left;
		font-family: "Century Gothic",sans-serif;
		color: white;
		text-align: left;
		background-color: orange;
		border-radius: 18px 18px 0 0;
		opacity: 0.4;
		}
	#min1:hover, #min2:hover, #min3:hover {
		cursor: pointer;
		}
	#b1 {
		width: 120px;
		margin: 15px;
		padding: 8px;
		color: grey;
		font-size: 0.9em;
		}
	#b1:hover {
		color: dodgerblue;
		}
	@media(orientation:portrait){
		.gallos {
			font-size: 1.1em;
		}
		#min1, #min2, #min3 {
			height: 170px;
		}
	}
	#vocatif {
		position: relative;
		}
	#zen_orange {
		position: absolute;
		bottom: -60px;
		right: 30px;
		border: none;
		}
	#senatus {
		margin-top: 40px;
		padding-top: 20px;
		padding-bottom: 30px;
		text-align: center;
		background-color: black;
		}
	#senatus img {
		border: 1px solid black;
		border-radius: 15px;
		}
	#D123 {
		display: none;
		margin-bottom: 30px;
		}
	table {
		margin-left: 100px;
		padding-bottom: 40px;
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2rem;
		color: #696969;
		background-color: white;
		border: 1px solid #DEB887;
		}
	th {
		text-align: left;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 8px;
		width: 100px;
		background-color: whitesmoke;
		}
	td {
		padding-left: 18px;
		padding-bottom: 4px;
		}
	#vocatif th, #D123 th {
		padding-top: 8px;
		}
	.decl {
		color: #DEB887;
		}
	.cas {
		color: #B22222;
		}
	.marge {
		color: white;
		}
	.vocab {
		padding-left: 30px;
		font-weight: bold;
		color: #B22222;
		}
	#aufzug {
		text-align: center;
		}
	#aufzug img {
		border: 0;
		opacity: 0.4;
		}
	#lift {
		margin-top: 30px;
		padding-bottom: 10px;
		text-align: center;
		}
	#lift img {
		border: 0;
		border-bottom: 2px solid orange;
		border-radius: 50px 50px 0 0;
		}