html,body{
	height:100%;
	border: 0;
	margin: 0;
	padding: 0;
}

p{
	font-size: 2vh;
	line-height: 2.2vh;
}

.container-bg{
	display: flex;
	justify-content: right;
	align-items: right;
	width: 100%;
	height:100%;
	background-image: url("images/elle-est-sandro.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.container-bg-2{
	width: 100%;
	background-image: url("images/l-origine-des-couleurs.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.container-bg-2 > .page-container{
	padding-top: 10px;
	padding-bottom: 30px;
}


.page-container {
	width: 35%;
	height: 100%;
	background-color : #fff;
	/*padding: 1rem 1.2rem 1rem 1.2rem;*/
	opacity: 0.80;
}

.page-containt{
	margin : 1rem 1.2rem 1rem 1.2rem;
}

.page-title{
	text-align: center;
	font-size: 5vh;
	line-height: 5.1vh;
	
}

.container-bg > .page-container > .page-title{
	color: #006895;
}

.container-bg-2 > .page-container > .page-title{
	color: #4b7f2d;
}

.page-annoncement{
	background-color: #006895;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 2vh;
}

.page-author{
	text-align: center;
	margin-top: 30px;
	font-size: 4vh;
}

.page-synops{
	/*margin-top: 30px;
	padding: 20px;*/
}

.page-bio{
	padding: 3px 10px 3px 10px;
}

.container-bg > .page-container > .page-bio{
	background-color: #74bede;
}

.page-buy{
	width: 50%;
	/*background-color: #4b7f2d;*/
	background-color: #333;
	/*height: 50px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	color: #fff;
	text-align: center;
	font-size: 2vh;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 30px;
	text-decoration: none;
}

.page-footer{
	/*text-align: center;
	position: absolute;
	width: 100%;
	left:0;
	bottom: 6%;*/

	display: flex;
	justify-content: center;
	align-items: center;

	margin-top : 20px;

}

.page-rs-block{
	background-color: #0f0;
}

.icos{
	/*width: 50px;
	height: 50px;*/
	max-width: 5vh;
	max-height: 5vh;
	margin: 0 10px 0 10px;
}

/**/

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

@media screen and (max-width: 1200px) {
	.page-container{
		width: 100%;
	}

	p{
		font-size: 1.8vh;
		line-height: 2vh;
	}
	
	/*.page-bio,
	.page-synops{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.page-footer{
		bottom: 3%;
	}
	
	p{
		font-size: 1.8vh;
		line-height: 2vh;
	}
	
	.page-buy{
		height: 80px;
		margin-top: 50px;
		font-size: 2vh;
		padding-top: 0.9vh;
		border-radius: 40px;
	}*/
}