@media (max-width: 1140px) {

#logo {
	top: 52px;
	left: 51px;
}
#logo a {
	background-image: url(../img/logo-small.svg);
    height: 65px;
    width: 150px;
}

#view {
    padding: 134px 50px 35px 50px;
	background-position: center calc(50% + 33px);
}

#navbar {
	right: 26px;
	top: 38px;
	bottom: auto;
	left: auto;
	width: 325px;
	display: flex;
	justify-content: space-between;
    align-items: center;
	position: fixed;
}
#navbar a {
	height: 35px;
	width: 35px;
	margin: 0px;
	position: relative;
	background-size: calc(100% - 20px);
	padding: 10px;
	border-radius: 100px;
	background-color: #1E284B;
}
#navbar a.selected::after {
	width: 34px;
	top: 42px;
	background-image: url(../img/nav_selected_touch.svg);
}
#navbar a.inside::after {
	width: 34px;
    height: 14px;
    top: 37px;
	background-image: url(../img/nav_inside_touch.svg);
}
#navbar a.book { background-image: url(../img/book_touch.svg); }
#navbar a.about { background-image: url(../img/about_touch.svg); }
#navbar a.skills { background-image: url(../img/skills_touch.svg); }
#navbar a.contact { background-image: url(../img/contact_touch.svg); }
#navbar a.book:hover { background-image: url(../img/book_touch.svg); }
#navbar a.about:hover { background-image: url(../img/about_touch.svg); }
#navbar a.skills:hover { background-image: url(../img/skills_touch.svg); }
#navbar a.contact:hover { background-image: url(../img/contact_touch.svg); }


#view.home {
	background-image: url(../img/home-medium.jpg);
	background-size: 580px;
	background-position: center calc(50% + 28px);
}
#logo.home {
    left: calc(50% - 100px / 2 + 30px);
    top: calc(50% - 42px);
}
#logo.home a {
	height: 170px;
    width: 100px;
	background-image: url(../img/logo-small-home.svg);
}
.home_title {
	font-size: 2.1em;
	left: calc(50% + 61px);
	top: calc(50% - 148px);
}


#view.about {
	background-position: calc(45% - 234px) 100px;
	background-size: 540px;
}

.about_container {
	width: 400px;
	margin-left: 400px;
}
.about_container strong {
	font-size: 1.0em;
}
.about_container p {
	line-height: normal;
}

#view.book_grid {
	background-size: 1055px;
}

.book_filters {
	top: 52px;
	left: -72px;
}
.book_boxes_container {
	width: 822px;
	max-height: 532px;
	min-height: 320px;
}

/* positionnement et dimensions des items du book */
.book_boxes_container .book_item0 { left: 0%; top: 0%; width: 30%; height: 40%; }
.book_boxes_container .book_item1 { left: 0%; top: 40%; width: 30%; height: 27%; }
.book_boxes_container .book_item2 { left: 0%; top: 67%; width: 30%; height: 33%; }
.book_boxes_container .book_item3 { left: 30%; top: 0%; width: 26%; height: 47%; }
.book_boxes_container .book_item4 { left: 30%; top: 47%; width: 26%; height: 53%; }
.book_boxes_container .book_item5 { left: 56%; top: 0%; width: 44%; height: 31%; }
.book_boxes_container .book_item6 { left: 56%; top: 31%; width: 23%; height: 36%; }
.book_boxes_container .book_item7 { left: 56%; top: 67%; width: 23%; height: 33%; }
.book_boxes_container .book_item8 { left: 79%; top: 31%; width: 21%; height: 28%; }
.book_boxes_container .book_item9 { left: 79%; top: 59%; width: 21%; height: 41%; }


#view.book_details {
	background-size: 1000px;
    /*background-position: center 70px;*/
}
.book_details_container {
	width: auto;
	height: auto;
	margin-top: 45px;
	padding: 0px;
	padding-left: 50px;
	padding-right: 60px;
}
.book_details_container p.column {
	width: 46%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 28px;
}
.book_details_container p.column ~ p.column {
	margin-left: 6%;
}
.book_details_container .column { display: none; }
.book_details_container .column_short { display: block; }
.book_details_container .nav_buttons {
    margin-top: 24px;
    margin-bottom: 6px;
}
.book_details_title {
	position: absolute;
	left: 25%;
    top: 53px;
    right: auto;
    text-align: left;
    width: 51%;
}
.book_details_title h1 {
    float: left;
    width: 43%;
    margin-top: -10px;
    margin-bottom: 100px;
    min-width: 167px;
}

.contact_container {
	/*position: absolute;*/
	width: 475px;
	height: 512px;
	/*top: calc(50% - 512px / 2);
	left: calc(50% - 475px / 2);*/
}
.contact_container .social_links {
	width: 240px;
	max-width: 100%;
}
.contact_container input {
	margin-top: 27px;
}
.contact_container label {
	top: 40px;
}
.contact_container textarea {
	margin-top: 27px;
	height: 218px;
}
.contact_container input[type=submit] {
	margin-top: 25px;
	width: 225px;
	margin-left: calc(475px / 2 - 225px / 2);
}
.contact_container .separator { height: 0px; }




#view.skills {
	background-position: calc(50% - 4px) calc(50% + 23px);
	padding-top: 70px;
}
.skills_container {
	margin-top: 210px;
	margin-bottom: 210px;
}
.skills_container .skill_circle span.value {
	opacity: 1;
}
.skills_container .skill_circle svg {
	fill: rgba(255, 255, 255, 0.5);
}
/*
.skills_container .skill_circle0 	{ top: -164px;	left:   +0px; }
.skills_container .skill_circle1 	{ top:  -83px;	left: +156px; }
.skills_container .skill_circle2 	{ top:  +83px;	left: +156px; }
.skills_container .skill_circle3 	{ top: +164px;	left:   +0px; }
.skills_container .skill_circle4 	{ top:  +83px;	left: -156px; }
.skills_container .skill_circle5 	{ top:  -83px;	left: -156px; }
.skills_container .skill_title0 	{ top: -250px;	left:   +0px; }
.skills_container .skill_title1 	{ top: -110px;	left: +266px; }
.skills_container .skill_title2 	{ top: +110px;	left: +263px; }
.skills_container .skill_title3 	{ top: +250px;	left:   +0px; }
.skills_container .skill_title4 	{ top: +110px;	left: -258px; }
.skills_container .skill_title5 	{ top: -110px;	left: -265px; }
*/


.legal_container {
}
.legal_container .top {
	width: 180px;
}
.legal_container .top p {
	margin-bottom: 0px;
	/*margin-right: 16px;*/
}
.legal_container .legal_title0 { order: 0; }
.legal_container .legal_title1 { order: 2; }
.legal_container .legal_title2 { order: 1; }
.legal_container .legal_title3 { order: 3; }
.legal_container .body {
	margin-top: 16px;
	width: auto;
}

}