@charset "UTF-8";
/* CSS Document */

.petiteannonce {
color:#777;
margin-bottom:3px;
}

.minimsg {
color:#BBB;
margin-bottom:3px;
}

.datesfiche {
font-size:18px;
color:#0ff;
}

.datesfiche2 {
color:#0ff;
font-size:13px;
}

.datesfiche2big {
color:#0ff;
font-size:16px;
}

.mauvedark3 {
color:#066;
}

.mauvedark4 {
color:#0aa;
}

.pagestop {
display:inline-block;
float:right;
}

.mauvespe a{
color:#0ff;
}

.mauvespe a:hover{
color:#fff;
}

.rouge {
color:#f00;
}

.vert {
color:#0f0;
}

.blanc {
color:#FFF;
}

.bleu {
color:#0ff;
}

.date {
color:#555;
}

.dateA a{
color:#0ff;
/*border-bottom:#000 solid 1px;*/
}

.dateA a:hover{
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
}

.dategris {
color:#444;
}

.nextprevious {
color:#333;
}

.nextprevious a {
color:#666;
}

.nextprevious a:hover {
color:#fff;
}

.stardate{
display:inline-block;

font-size:12px;
width:13px;
height:15px;
vertical-align:top;

color:#ffe5a0;
text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;

}


.stardate2020{

color:#ffe5a0;
text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;

}


.reserver9 {
display:block;
text-align:center;

margin-right:-6px;
margin-top:10px;
padding-bottom:10px;
font-size:12px;
color:#088;
border-bottom:#000000 solid 2px;
}

.reserver9 a{
color:#0ff;
}

.reserver9 a:hover{
color:#ffe5a0;
text-decoration:underline;
text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
}


.visutxt {
	text-indent: 0;
}

#visubtn {
	display: inline-block;
	margin-top: 0.5em;
	border: 1px solid cyan;
	padding: 1em;
}

.genbtn, .genbtn:visited {
	display: inline-block;
	margin-top: 1em;
	border: 1px solid cyan;
	padding: 1em;
	text-indent: 0;
	color: cyan;
}

.genbtn:hover {
	color: white !important;
}

.coloriage {
	// border: 1px darkcyan solid;
	background: #002A2A;
	border-radius: 10px;
	width: fit-content;
}

.link_coloriage {
	display: flex;
	// border: 1px cyan solid;
}

.link_coloriage:hover .img_coloriage {
	filter: brightness(100%);
	box-shadow: 0 0 30px rgba(255, 255, 255, .5);
}

.img_coloriage {
	display: block;
	width: 80px;
	border-radius: 10px;
	filter: brightness(90%);
	// border: 1px cyan solid;
}

.btn_coloriage {
	display: block;
	// height: 1.5em;
	padding: 1em;
	margin: 0 1em 0 1em;
	// border: 1px darkcyan solid;
}

.pelemele {
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	// align-items: flex-start;
	// align-content: flex-start;
	flex-wrap: wrap;
	gap: 14px;

	// border: 1px #555 solid;
}

.pelemele__thumbnail {
	// background-color: black;
	width: 100px;
	word-wrap: break-word;
	// margin:auto;

	// border: 1px #555 solid;
}

.pelemele__img {
	// width: 100%;
}

.pelemele__cont {
	position: relative;
	text-align: center;
	vertical-align: middle;
	// border: 2px green solid;
}

.pelemele__mode {
	position: absolute;
	width: 100px;
	height: 147px;
	color: cyan;
	// padding-top: 10px;
	// padding-bottom: 10px;
	// background-color: rgba(0, 0, 0, 0);
	// border: 1px blue solid;
}

.pelemele__tag {
	background-color: black;
	padding: 2px 8px;
	border-radius: 10px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
}

.pelemele__tag2 {
	border: 2px white solid;
}

.pelemele__tag3 {
	color: #ffe5a0;
	border: 2px #ffe5a0 solid;
}

.pelemele__tag4 {
	color: white;
	border: 2px cyan solid;
}

.pelemele__tag3::before {
	content: "★ ";
}

.pelemele__tag3::after, .pelemele__tag2::after, .pelemele__tag4::after {
	content: " !";
}

.pelemele__type {
	position: absolute;
	width: 12px;
	transform: translateY(-18px) translateX(84px);
	border-radius: 20px;
	padding: 3px 3px 0px 3px;
	// border: 1px cyan solid;
}

.pelemele__type--toutpetits {
	background-color: darkcyan;
}

.pelemele__type--jeunepublic {
	background-color: cyan;
}

.pelemele__type--humour {
	background-color: #ffe5a0;
}

.pelemele__typeimg {
	width: 100%;
}

.pelemele__typetag {
	font-size:.85em;
	opacity:.5;
}