/*All Site & Pages*/
	@import url('https://fonts.googleapis.com/css?family=Concert+One');

	/*Media query pour gérer le padding lors du passage au menu burger*/
	@media screen and (max-width: 999px){
		main{
			padding-top: 15% !important;
		}

		aside{
		padding-top: 2% !important;
		}
	}

	@media screen and (max-width: 599px){
		main{
			padding-top: 30% !important;
		}

		aside{
		padding-top: 2% !important;
		}
	}
	
	/*Sécurité contre certains navigateurs*/
	html{
		margin: 0 !important;
		padding: 0 !important;
	}

	body{
		font-family: 'Concert One', cursive;
		background-color: #1d1d1d;
		color: white;
	}

	.vertical-center {
		min-height: 100%;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*modif des boutons*/
	.btn{
		background-color: #6b567d !important;
		color: #ff5e6e !important;
		border: 1px solid #6b567d;
	}
	.btn:hover, .btn:focus, .btn:active{
		text-decoration: none !important;
		color: white !important;
		border: 1px solid #6b567d !important;
		box-shadow: 0 0 0 0.2rem rgba(107,86,125,.25);
	}

	/*Main dispo sur toutes les pages mais pas en includes*/
		main{
			/*Permet de contrer la navbar sticky*/
			padding-top: 7%;
		}

		/*Titres des ≠ sections dans le main*/
		h1{
			margin: 5% 0% 1% 0%;
		}

		/*Bandeaux pub*/
		.banner-pub{
			margin: 2% 0% 2% 0%;
		}

	/*Nav*/
		/*Logo dans la nav*/
		#logo-rc{
			max-width: auto;
			height: 30;
		}
		/*Barre de menu*/
		.navbar{
			border-bottom: 1px solid #ff5e6e;
		}
		/*Liens et item de la navbar*/
		.active>.nav-link{
			color: #6b567d !important;
			border-left: 6px solid #ff5e6e;
    		background-color: white;
		}
		.nav-link{
			color: #ff5e6e !important;
		}
		.nav-link:hover{
			color: #6b567d !important;
		}

		.solde{
			color: #ff5e6e !important;
		}
		.solde:hover{
			color: #6b567d !important;
			text-decoration: none;
		}

/*Include Footer*/
	footer{
		/*indispensable pour enlever les 15px du container-fluid*/
		padding: 0 !important;
		margin-top: 2%;
	}
	/*Pour encadrer le footer, ajouter le bg bootstrap et la bordure rose*/
	.copyright{
		border-top: 1px solid #ff5e6e !important;
	}
	/*Textes footer*/
	.legalmentions, .copy{
		margin-top: 1%;
		margin-bottom: 1%;
	}
	/*Couleur du texte*/
	.legalmentions, .copy{
		color: #ff5e6e !important;
	}
	/*Lien*/
	.legalmentions:hover{
		color: #6b567d !important;
		text-decoration: none;
	}

/*Include Aside*/
	aside{
		/*Permet de contrer la navbar sticky*/
		padding-top: 25%;
	}
	
	.pub{
		margin-bottom: 5%;
	}

/*Include Carousel Globaux*/
	.card{
		margin: 1%;
		background-color: #343a40;
		border: 3px solid #343a40;
	}

/*Index Page*/
	/*Logo en page index*/
	#logo-index{
		width: 90%;
		height: auto;
		margin-bottom: 5%;
	}
	/*Message prévention*/
	.warning{
		color: #ff5e6e;
	}
	/*mise en valeur (mev) d'un élément dans un texte*/
	.mev{
		color: #6b567d;
	}
	/*Paramètres globaux boutons*/
	.btn-choice{		
		font-size: 1.5rem;
		margin: 2.5%;
	}
	a.btn-lg:hover{
		text-decoration: none;
		color: white;
	}
	/*Bouton partir couleur*/
	.btn-leave{
		background-color: #6b567d;
		color: #ff5e6e;
	}
	/*Bouton entrer couleur*/
	.btn-stay{
		background-color: #ff5e6e;
		color: #6b567d;
	}

/*Leave Page*/
	.sincerite{
		/*Couleur du texte*/
		color: #ff5e6e;
	}
	/*Gif animé*/
	.renardeau{
		margin-top: 5%;
	}

/*Legal Notice Page*/
	/*Lien*/
	a.link-credit{
		color: #ff5e6e !important;
	}
	a.link-credit:hover{
		color: #6b567d !important;
		text-decoration: none;
	}
	/*Titre/Question*/
	.question{
		margin: 3% 0% 2% 0%;
	}
	/*réponses*/
	.answer{
		margin-left: 2%;
	}

/*Buy Page*/
	/*Formulaire*/
	#title-form{
		margin-bottom: 3.5%;
	}
	.msg-opespe{
		margin-top: 5%;
	}
	#foxcard{
		width:20%;
		height: 20%;
	}
	.zone-form{
		margin-top: 5%;
		border: 3px solid #ff5e6e;
	}
	.form-buy{
		padding: 1.5% 2.5% 1.5% 2.5%;
	}
	input{
		margin-bottom: 3%;
	}

	.btn-validate{
		margin-top: 5%;
	}