body
{
	text-align 					: center;
	background-image 			: url(../pictures/LaGuerredelHeresie_Wallpaper_Rayza.JPG);
	background-attachment		: local;
	background-position			: top;
	background-repeat			: no-repeat;
	background-size				: 100%;
	margin                      : 0;
	text-align					: center;
	font-family					: "Papyrus", Times, serif;
width: 100%;
	  max-width: none;
	  overflow-x: hidden;
}
* {
	box-sizing: border-box;
}
.year-toggle {
  margin-bottom: 24px;
}

.year-toggle__summary {
  cursor: pointer;
  font-weight: 700;
  margin: 8px 0 16px;
}

/* petit espace quand c'est ouvert */
.year-toggle[open] .year-toggle__summary {
  margin-bottom: 12px;
}

table.calendar tr:nth-child(even) 
{
    background-color: #f2f2f2;
}
table.calendar th 
{
  background-color: coral;
  color: white;
}
table.calendar tr:hover
{
	background-color: coral;
}
table.calendar
{
	width:100%;
}
.table-header-dates 
{
        width: 25%;
}
.table-header-events 
{
        width: 40%;
}
.table-header-link 
{
        width: 10%;
}
.table-header-location 
{
        width: 25%;
}
.small_past 
{
    font-size: 75%;
    font-style: italic;
}
.wall_header
{
	height			: 100%;
	width			: 100%;
}
.shop
{
	margin-top : 25%;
	text-align : center;
}
.shop_img
{
	margin : 3%;
	width  : 8%;
	height : 8%;
	min-width : 100px;
}
.book_shop_img
{
	margin : 2%;
	width  : 5%;
	min-width : 75px;
}
.core
{
	width  : 90%;
	text-align : justify;
	margin-bottom : 10%;
}
.core_table
{
	width  : 97%;
	text-align : left;
	margin-bottom : 10%;	
}
p
{
	text-align : justify;
}
.split_left
{
	width  : 45%;
	position: absolute;
	margin-right : 50%;
}

.split_right
{
	width  : 45%;
	right: 150px;
	position: absolute;

}
.a_alpha
{
	text-decoration: none;
}
.td_book
{
	width : 40%;
}
.book_cover
{
	width : 80%;
	min-width : 360px;
}
.book_logo
{
	width : 40%;
	min-width : 120px;
}
.book_cover:hover
{
	transform		: scale(1.1);
}
.book_logo:hover
{
	transform		: scale(1.1);
}
.carte
{
	width : 60%;
	min-width : 420px;
}

p
{
	font-size : 125%;
}

.main_race
{
	font-size		: 300%;
	margin-bottom	: 3%;
	padding-top		: 7%;
	margin-bottom	: -4%;
	font-style		: oblique;
	text-align		: center;

}
.race
{
	font-size		: 250%;
	padding-bottom	: 3%;
	padding-top		: 7%;
	margin-bottom	: -4%;
	font-style		: italic;
	text-align		: center;
}

.font-face 
{
  font-family		: 8BitWonder;
  src				: url(../../ressources/font/bit.TTF);
}
.auteur
{
	width 			: 60%;
	min-width 		: 120px;
	text-align		: center;
}
article
{
	margin-bottom	: 10%;
	margin-left		: 10%;
	margin-right	: 10%;
	margin-top		: 20%;
	z-index			: 0;
}
a
{
	font-family		: "Papyrus", Times, serif;
	text-shadow		: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	font-weight: bold;
	font-style: italic;
}
h1.white
{
    font-size		: 200%;
	color			: white;
	text-shadow		: 2px 2px 4px #000000;
	font-family		: "Papyrus", Times, serif;;
}
h1
{
    font-size		: 200%;
	color			: black;
	text-shadow		: 2px 2px 4px #000000;
	font-family		: "Papyrus", Times, serif;;
}
hr
{
	margin-bottom	: 50px;
}
td
{
	margin : 3%;
	padding-left : 25px;
	padding-bottom : 3%;
}


.invisible
{
	font-size		: 0px;
}
.inv
{
	font-size		: 0px;
}
i
{
	color : red;
}

.nate
{
	position : fixed;
	top : 3px;
	left : 10px;
}
.topArrow
{
	position : fixed;
	bottom : 100px;
	left : 10px;
}
.bottomArraw
{
	position : fixed;
	bottom : 3px;
	left : 10px;
}
footer
{
    padding-top: 10px;
    background-color: black;
    margin-bottom: -10px;
}
.name_left
{
	text-align : right;
	padding-right : 30px;
}
.name_right
{
	text-align : left;
	padding-left : 30px;
}
.inv_web
{
	width : 0px;
	size : 0px;
	font-size : 0px;
}
.center_insta
{
	text-align : center;
}

@media screen and (max-width: 1000px)
{
	header
	{
		margin : 5%;
	}
	body
	{
		text-align 					: center;
		background-image 			: url(../pictures/LaGuerredelHeresie_Wallpaper_m_Rayza.JPG);
		background-attachment		: local;
		background-position			: top;
		background-repeat			: no-repeat;
		background-size				: 100%;
		margin                      : 0;
		text-align					: center;
		font-family					: "Papyrus", Times, serif;;
	}
	.cor_tab_right
	{
		margin-left: -10px;
	}
	h1.white
	{
		font-size		: 200%;
		color			: black;
		text-shadow		: 0px 0px 0px #000000;
		font-family		: "Papyrus", Times, serif;
		text-align		: justify;
	}
	h1
	{
		font-size		: 150%;
		color			: black;
		text-shadow		: 0px 0px 0px #000000;
		font-family		: "Papyrus", Times, serif;
		text-align		: justify;
	}
	h2
	{
		font-size		: 90%;
		color			: black;
		text-shadow		: 0px 0px 0px #000000;
		font-family		: "Papyrus", Times, serif;
		text-align		: justify;
	}
	h3
	{
		font-size		: 70%;
		color			: black;
		text-shadow		: 0px 0px 0px #000000;
		font-family		: "Papyrus", Times, serif;
		text-align		: justify;
	}
	p
	{
		font-size		: 64%;
		color			: black;
		text-shadow		: 0px 0px 0px #000000;
		font-family		: "Papyrus", Times, serif;
		text-align		: justify;
	}
	.wall_header
	{
		height			: 100%;
		width			: 100%;
	}
	.shop
	{
		margin-top : 75%;
		text-align : center;
	}
	.shop_img
	{
		margin : 3%;
		width  : 10%;
		height : 8%;
		min-width : 100px;
	}
	.book_shop_img
	{
		margin : 1%;
		width  : 3%;
		min-width : 42px;
	}
	.core
	{
		width  : 100%;
		text-align : justify;
		margin-bottom : 10%;		
	}
	.core_table
	{
		width  : 100%;
		text-align : left;
		margin-left : -10px;
		margin-right : -10px;
	}
	table.calendar td 
	{
		margin: 5%;
		padding: 5%; /* Use padding instead of margin to create space inside the `<td>` elements */
		box-sizing: border-box; /* Ensure padding doesn't affect the width calculation */
	}
	.core_character
	{
		width  : 100%;
		text-align : justify;
		margin-left : -15px;
	}
	.title_character
	{
		margin-left : 15px;
	}
	.img_center
	{
		text-align : center;
	}
	.split_left
	{
		width  : 100%;
	}

	.split_right
	{
		width  : 100%;
	}
	.td_txt
	{
		width: 100%;
		display: block;
		padding-top : 20px;
		margin-top : 20px;
	}
	.td_book
	{
		min-width : 300px;
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding-bottom : 20px;
		margin-bottom : 20px;
		padding-top: 70px;
		margin-top : 70px;
		text-align : center;
	}
	.book_cover
	{
		min-width : 100px;
		width : 90%
	}
	.book_logo
	{
		width : 100%;
		display: block;
	}
	.book_cover:hover
	{
		transform		: scale(1.1);
	}
	.book_logo:hover
	{
		transform		: scale(1.1);
	}
	.carte
	{
		width : 80%;
		min-width : 270px;
	}
	.main_race
	{
		font-size		: 300%;
		margin-bottom	: 3%;
		padding-top		: 7%;
		margin-bottom	: -4%;
		font-style		: oblique;
		text-align		: center;

	}
	.a_alpha
	{
		text-decoration: none;
	}
	.race
	{
		font-size		: 250%;
		padding-bottom	: 3%;
		padding-top		: 7%;
		margin-bottom	: -4%;
		font-style		: italic;
		text-align		: center;
	}
	.inv_web
	{
		width : 80%;
		
	}
	.center
	{
		text-align : center;
	}
	.center_insta
	{
		text-align : center;
		width : 80%;
		margin-left : -20px;
		padding-left: -20px;
	}
	.inv_mob
	{
		width : 0px;
		size : 0px;
		font-size : 0px;
	}	
	td
	{
		margin : 0%;
		padding-left : 0px;
		padding-bottom : 3%;
	}	
	.name_right
	{
		padding-right : 20px;
	}
	.name_right
	{
		padding-left : 20px;
	}

	.hes
	{
		position : fixed;
		width : 0px;
	}
	.topArrow
	{
		position : fixed;
		width : 0px;
	}
	.bottomArraw
	{
		position : fixed;
		width : 0px;
	}
	.auteur
	{
		min-width : 0px;
	}
	footer
	{
		padding-top: 10px;
		background-color: white;
		margin-bottom: -10px;
	}
	.invisible
	{
		font-size		: 0px;
	}
}