body {
	font-family: "Roboto";
	font-size: 1em;
	margin: 0px;
	--main-color: #193c62;
	--main-lighter: #ebf2fa;
	--text-color2: #82718e;
	--section-light-color: #e9e2e6;
	--section-light-color2: #c1b8c6;
}

/*Title part*/

.titlebar {
	background-image: url("images/cloud_banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	min-height: fit-content;
    border-bottom: solid 1px var(--section-light-color);
}

.titletext {
	font-size: 5em;
	margin-top: 0em;
	padding-top: 0.4em;
	font-weight: bold;
	color: var(--main-color);
}
.nav-menu{
	margin-top: 2em;

}
#menubar ul {
	padding-bottom: 0.5em;
}

.nav-menu li{
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.4em;
	
}
/* Link menu*/
#menubar a:link, #menubar a:visited {
	color: var(--main-color);
	text-decoration: none;
}
#menubar a:focus, #menubar  a:hover {
	color: var(--main-lighter);
}
#menubar a:active{
	color: var(--main-color);
	text-decoration: none;
}

/* Link about*/
#about a:link, #about a:visited {
	color: var(--main-color);
	text-decoration: none;
}
#about a:focus, #about  a:hover {
	color: var(--main-color);
	text-decoration: underline;
}
#about a:active{
	color: var(--main-color);
	text-decoration: none;
}

/* Link feedbacks*/
#feedback a:link, #feedback a:visited {
	color: var(--main-color);
	text-decoration: none;
}
#feedback a:focus, #feedback  a:hover {
	color: var(--main-color);
	text-decoration: underline;
}
#feedback a:active{
	color: var(--main-color);
	text-decoration: none;
}

/*section layout*/
.section-home {
	display: block;
	text-align: center;
	background-color: var(--section-light-color);
	border-top: solid 1px var(--section-light-color);
}
.section-about {
	display: block;
	text-align: center;
	background-color: var(--section-light-color2);
	border-top: solid 1px var(--section-light-color2);
}
.section-contact {
	display: block;
	text-align: center;
	background-color: var(--section-light-color);
	border-top: solid 1px var(--section-light-color);
	padding-bottom: 2em;
}

/* Home part */
.serie-title{
	font-weight: bold;
	color: var(--main-color);
	padding: 0.5em;
}
.book-title{
	margin-top: 0px;
	font-weight: bold;
	color: var(--main-color);
}
.book-ul{
	margin: 0 auto 0 auto;
	padding: 0 0 1.5em 0;
}
.book-li{
	display: inline-flex;
	margin-left: 1em;
	margin-right:1em;
	vertical-align: top;
}

.book-desc{
    text-align: justify;
	padding-top: 0;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	display: inline;
	max-width: 600px;
}
.book-img{
	margin-left: auto;
    margin-right: 1em;
	margin-bottom: 1em;
	text-align: right;
	padding: 0px;
	display: inline;
	max-width: 275px;
}
.bookimage{
	width:100%;
}
.book-desc p{
	width: 100%;
}
.vente li{
	display: inline-flex;
	margin-left: 1em;
	margin-right:1em;
}
/* About part */
.about-main{
	display: flex;
	margin-left: auto;
    margin-right: auto;
	padding-bottom: 1.5em;
}

.about-ul{
	margin: 0 auto 0 auto;
	padding: 0 0 1.5em 0;
}
.about-li{
	display: inline-flex;
	margin-left: 1em;
	margin-right:1em;
	vertical-align: top;
}

.about-desc{
    text-align: justify;
	padding-top: 0;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	display: inline;
	max-width: 600px;
}
.about-img{
	text-align: left;
	padding: 0px;
	display: inline;
	max-width: 285px;
}
.aboutimage{
	width:100%;
}
.about-desc p{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0.6em;
	width: 100%;
}
/* Contact*/

.d-contact{
	margin-left: auto;
    margin-right: auto;
}

.social{
	padding: 0;
}
.social ul{
	margin: auto;
	padding: 0;
}

.social li{
	display: inline-flex;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
}
.feedbacks{
	padding: 0;
}
.feedbacks ul{
	margin: 0 auto 0 auto;
	padding: 0;
}
.feedbacks li{
	display: inline-flex;
	margin-left: 1em;
	margin-right:1em;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
	padding: 0;
	height: 100%;
}
/*Icons*/

.backtopage{
	width: 30px;
	height: 30px;
	display: block;
	fill: var(--main-color);
	margin: auto;
	float:right;
}
.end-back{
	margin-right: 1em;
	padding: 0.5em;
}
.logo-fnac{
	height: 2em;
	display: inline;
}
.logo-bookelis{
	padding-bottom: 0.5em;
	height: 2em;
	display: inline;
}
.stars{
	padding-bottom: 0.8em;
}
.logo-amazon{
	padding-top:0.5em;
	height: 2em;
	display: inline;
}
.logo-icon-amazon{
	height: 2em;
	margin-right: 0.5em;
	display: inline;
}
.logo-babelio{
	height: 2em;
	display: inline;
}
.logo-review-babelio{
	height: 2em;
	margin-right: 0.5em;
	display: inline;
}
.logo-instagram{
	height: 2em;
	display: inline;
}
.logo-facebook{
	height: 2em;
	display: inline;
}
.logo-booknode{
	height: 2em;
	display: inline;
}

/* FONTS*/
.titlefont {
  font-family: "Mochiy Pop One", sans-serif;
  font-style: normal;
}