@import url("../webfonts/MinionPro_Regular/stylesheet.css");
/* CSS Document */
@font-face {
 font-family: "MinionPro-Regular";
 src: url("../webfonts/minion-pro-cufonfonts-webfont/MinionPro-Regular.woff") format("woff"),


}
a {color:black;
	}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
body {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: auto;
	justify-content: space-around;
	margin: 0;
	font-family: "Minion Pro", sans-serif;
	color: #495057;
	font-size: 16px;
	line-height: 30px;
	position: relative;
	/* [disabled]background: #fff; */
}
.piedpage {
	text-align: center;
	font-family: MinionPro;
	font-size: 1em;
	width: 100%;
}

.bloc-titre {
	width: 89%;
	display: flex;
	/* [disabled]flex-direction: row; */
	justify-content: center;
	height: 8%;
	margin-top: 1rem;
	margin-left: 2rem;
}
.sstitre {
	text-align: left;
	width: 100%;
	font-family: MinionPro;
	font-size: 25px;
	color: #787878;
}
.titre {
	font-family: "MinionPro Regular";
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	color: #242424;
	padding-left: 1rem;
}
.menu {
	cursor: pointer;
	display: flex;
	padding: 0px;
	border-style: none;
	background-color: #FFFFFF;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
	font-size: 16px;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	width: 20%;
	flex-direction: row;
	flex-wrap: wrap;
}
.line {
  fill: none;
  stroke: black;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.liens-menu-petit {
	display: none;
	font-size: 16px;
	padding-left: 12px;
	padding-right: 12px;
	color: #3B3B3B;
	font-weight: 100;
	line-height: 64px;
	text-align: center;
	text-decoration: none;
	padding-top: 0px;
	font-family: "MinionPro Regular";
}
.book {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 94%;
}
.book-films {
	display: flex;
	flex-wrap: wrap;
	width: 75%;
	/* [disabled]flex-direction: row; */
	/* [disabled]align-content: center; */
	justify-content: space-around;
}
.item-Video {
	/* [disabled]margin-top: 0px; */
}
.item-gif {
	/* [disabled]margin-top: 0px; */
	display: flex;
	width: 66%;
	/* [disabled]justify-content: space-around; */
	/* [disabled]vertical-align: central; */
	/* [disabled]flex-direction: row; */
	height: auto;
}
.item {
	margin: 0.5rem;
	width: 16rem;
	display: flex;
	align-items: center;
}
.portfolio-item {
	margin-top: 5em;
}
.img {
	width: 100%;
	height: auto;
	border-width: thin;
	border-style: solid;
	border-color: #6A6A6A;
}
.button {
	style:none;
}
.centreur {
	width: 100%;
	height: auto;
	display: flex;
	margin-left: 0%;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: -11px;
	margin-right: 0px;
	/* [disabled]align-items: center; */
}
@media screen and (min-width: 1100px) {
.menu {
	display: none;
}
	.ul {
	/* [disabled]display: none; */
	display: flex;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 36px;
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
	font-size: 16px;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}
.liens-menu-petit {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    /* font-size: 16px; */
    /* padding-left: 12px; */
    /* padding-right: 12px; */
    /* color: #3B3B3B; */
    /* font-weight: 100; */
    /* line-height: 64px; */
    /* text-align: center; */
    /* text-decoration: none; */
    /* padding-top: 0px; */
}
	

}