/*-----------------------------------------------*\
		Xdebug  -  var_dump()
\*-----------------------------------------------*/
.xe-warning{
	font-size: 2rem;
}
.xdebug-var-dump font{
	color: #0f0;
}
.xdebug-var-dump{
	background-color: #27333d;
	max-width: 1200px;
	margin: 20px auto;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
}
/*-----------------------------------------------*\
		Erreur 404
\*-----------------------------------------------*/
#E-404{
	max-width: 700px;
	margin: 50px auto;
	text-align: center;
}
.E-404-title{
	font-size: 4rem;
	color: #f00;
}
.E-404-text{
	padding: 20px;
	font-size: 2rem;
}
/*-----------------------------------------------*\
		Link
\*-----------------------------------------------*/
.navlink{
	color: var(--primary);
}
.navlink:hover{
	color: var(--primary-dark);
}
a.active{
	color: var(--primary-light);
}
/*-----------------------------------------------*\
		Header
\*-----------------------------------------------*/
.logo img {
    max-width: none;
    height: 60px;
    width: auto;
}
.main-header{
	font-size: 2.5rem;
	padding: 5px;
	background-color: var(--tertiary);
	display: flex;
	justify-content: space-between;
}
/*-----------------------------------------------*\
Footer
\*-----------------------------------------------*/
.main-footer{
	text-align: center;
	padding: 15px 0;
	background-color: var(--tertiary);
	color: var(--background);
}
/*--------------------------------------------*\
			Modal
\*--------------------------------------------*/
.modal {
	display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: var(--card-bg);
    width: 90%;
    max-width: 500px;
	border: 1px solid var(--border);
	border-radius: 10px;
	box-shadow: var(--shadow);
	z-index: 1000;
}
.modal.show {
    display: block;
}
.modal-content{
	padding: 0 20px 10px 20px;
}
.modal-body{
	padding: 10px 10px 0px;
}
.modal-body + .modal-body {
    border-top: 2px solid var(--border);
}
.modal-header{
	padding: 0 40px;
}
.modal-title{
	border-bottom: 3px solid var(--border);
	font-size: 3rem;
	text-align: center;
	color: var(--danger);
}
.modal-footer{
	padding-top: 20px;
	text-align: right;
}
/*			Small		*/
@media screen and (min-width:576px) {
	
}

/*			Medium		*/
@media screen and (min-width:768px) {
	
}

/*			Large		*/
@media screen and (min-width:992px) {
	
}

/*			Extra large		*/
@media screen and (min-width:1200px) {
	
}

/*			Extra extra large		*/
@media screen and (min-width:1400px) {
	
}