body {
	background-image: url('images/bois2.jpg');
}

.rayon {
	margin-top:40px;
	width: max-content;
	width: -moz-max-content;
	height: 400px;
	border-image: url('images/bois.jpg') 30;
	border-style: solid;
	border-width: 0 0 30px 0;
}

.annonce {
	border: 0px solid red;
	font-family: Bifur;
	font-size: 56pt;
	width: max-content;
	width: -moz-max-content;
	margin-top: 15px;
	display: flex;
	justify-content:center;
}

.livre {
	width:auto;
	height:100%;
	border: 1px solid black;
	float:left;
}

.livre0 {
	width:auto;
	max-width: 100px;
	height:100%;
	border: 1px solid black;
	float:left;
	background-image:linear-gradient(to right, rgb(145,0,50) 0%, rgb(195,0,90) 20%, rgb(235,0,120) 40%, rgb(255,0,160) 60%, rgb(255,60,192) 80%, rgb(264,0,160) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;

}

.livre1 {
	width:auto;
	max-width: 200px;
	height:90%;
	position:relative;
	top:10%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(40,40,40) 0%, rgb(70,70,70) 20%, rgb(100,100,100) 40%, rgb(130,130,130) 60%, rgb(140,140,140) 80%, rgb(80,80,80) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;

}

.livre2 {
	width:auto;
	max-width: 75px;
	height:80%;
	position:relative;
	top:20%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(40,0,0) 0%, rgb(140,0,0) 20%, rgb(200,0,0) 40%, rgb(238,0,0) 60%, rgb(237,0,0) 80%, rgb(184,0,0) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;

}

.livre3 {
	width:auto;
	max-width: 60px;
	height:105%;
	position:relative;
	top:-5%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(65,30,20) 0%, rgb(125,50,10) 20%, rgb(135,60,20) 40%, rgb(155,80,40) 60%, rgb(160,90,42) 80%, rgb(145,70,30) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}
.livre4 {
	width:auto;
	max-width: 150px;
	height:85%;
	position:relative;
	top:15%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(0,40,40) 0%, rgb(0,70,140) 20%, rgb(0,80,200) 40%, rgb(0,83,238) 60%, rgb(0,80,247) 80%, rgb(0,100,124) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}
.livre5 {
	width:auto;
	max-width: 120px;
	height:95%;
	position:relative;
	top:5%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(0,30,0) 0%, rgb(0,100,0) 20%, rgb(0,140,0) 40%, rgb(0,178,0) 60%, rgb(0,197,0) 80%, rgb(0,167,0) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}
.livre6 {
	width:auto;
	max-width: 80px;
	height:60%;
	position:relative;
	top:40%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(27,19,83) 0%, rgb(87,19,133) 20%, rgb(117,31,177) 40%, rgb(121,43,206) 60%, rgb(127,47,198) 80%, rgb(107,29,143) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}
.livre7 {
	width:auto;
	max-width: 85px;
	height:75%;
	position:relative;
	top:25%;
	border: 1px solid black;
	float:left;
	background-image:linear-gradient(to right, rgb(0,145,50) 0%, rgb(0,195,90) 20%, rgb(0,235,120) 40%, rgb(0,255,160) 60%, rgb(60,255,192) 80%, rgb(0,264,160) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}
.livre8 {
	width:auto;
	max-width: 110px;
	height:100%;
	position:relative;
	top:0%;
	border: 1px solid black;
	float:left;
	background-image: linear-gradient(to right, rgb(155,155,155) 0%, rgb(205,205,205) 20%, rgb(235,235,235) 40%, rgb(242,242,242) 60%, rgb(255,255,255) 80%, rgb(220,220,220) 98%,  rgb(120,120,120)  100%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}
.livre9 {
	width:auto;
	height:102%;
	position:relative;
	top:-2%;
	border: 1px solid black;
	float:left;
	background-image:linear-gradient(to right, rgb(145,50,0) 0%, rgb(195,90,0) 20%, rgb(235,120,0) 40%, rgb(255,160,0) 60%, rgb(255,192,60) 80%, rgb(264,160,0) 98%, black 105%);
	border-radius: 70% / 5px 5px 0px 0px ;
	margin-left: -1px;
}

.piece_de_titre {
	width:auto;
	min-height:10%;
	max-height: 40%;
	position:relative;
	top: 25%;
	transform: translateY(-50%);
	background-image: linear-gradient(to right, rgb(155,155,155) 0%, rgb(205,205,205) 20%, rgb(235,235,235) 40%, rgb(242,242,242) 60%, rgb(255,255,255) 80%, rgb(220,220,220) 98%,  rgb(120,120,120) 100%);
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px;
	border-right:0px;
	border-radius: 70% / 3px 3px 3px 3px ;
	text-align:center;
	color: black;
}
/*
.texte {
	text-align:center;
	color: black; 
	width:auto;
	height:auto;
	border: 0px solid black;
	position:relative;
	top:42%;
	transform: translateY(-50%);
}
*/
.auteur {
	font-family: Arial;
	font-size: 8pt;
	padding-top:5pt;
	padding-bottom: 1pt;
	padding-left:2pt;
	padding-right: 2pt;
	text-transform: uppercase;

}

.titre {
	font-family: Arial;
	font-size: 8pt;
	padding-bottom: 1pt;
	padding-left:2pt;
	padding-right: 2pt;
}

.annee {
	font-family: Arial;
	font-size: 8pt;
	padding-left:1pt;
	padding-right: 1pt;
	padding-bottom: 5pt;
}

a:link {color: black; text-decoration: none;}
a:visited {color: black; text-decoration: none;}
a:hover {color: red;}
a:active {color: black; text-decoration: none;}

p {
	align-self:center;
}

a {
	align-self:center;
	}

img.ref {
	height:130px;
	margin-left: 50px;
	margin-top: 20px;

}