body {
	background: white top left no-repeat url(../../res/bg/credits/bg.jpg);
	background-size: cover;
}

#title-line .site-title { color: black; }
#title-line .page-title { color: black; }

#content {
	position: relative;
	margin-top:	200px;
	padding-bottom: 60px;
	
}

#rectangle {
	position: relative;
	float: 		right;
	width:		700px;
	padding:	32px 20px;
	background: repeat url(../../res/bg/credits/bg-text.jpg);
	z-index:	10;
	
    max-height: 864px; /* RGPD */
    overflow: auto;	   /* RGPD */
}

.shadow  {
	position:	absolute;
	left:0; top:0; width:100%; height:100%;
	margin-left: -20px;
	margin-top:	20px;
	background: repeat url(../../res/bg/credits/bg-shadow.jpg);
	z-index:	1;
}

.text {
	font-size: 16px;
}

p { margin: 0.9em 0 }



#cnil-control {
	position: relative;
	clear: both;
	margin-top: 16px;
}

.g-choice {
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				200px;
	border:				1px solid black;
	overflow:			hidden;
	text-align:			center;
}
.g-choice > div {
	position:			relative;
	float:				left;
	width:				50%;
	padding:			0.34em;
	cursor: pointer;
}
.g-choice > div.selected {
	background-color:	black;
	color:				white;
}


@media (max-width: 1100px) {
	#content { margin-top: 140px; padding-bottom: 0; }
	.wrap.block { margin-left: 30%; }
	#rectangle { width: auto;  }
	
}

@media (max-width: 639px) {
	body { background:none; background-color: white; }
	
	#title-line .page-title { color: white; }

	.bg {
		position:	relative;
		width:		160%;
		min-width:	770px;
		padding-bottom: 110%;
		max-height:		520px;
		/*height:		530px;*/
		background: white top left no-repeat url(../../res/bg/credits/bg.jpg);
		background-size: cover;
	}
	
	#content {
		margin-top:	0;
		padding: 0;
	}
	
	.wrap.block {
		margin: 0;
		padding: 0;
	}
	
	.g-choice {
		position:			relative;
		/*width:				120px;*/
	}
}