main > .container {
	padding: 60px 15px 0;
}

*{
	font-size:16px;
}

#logo {
	margin-top : -15px;
}

.navbar{
	background-color : white;
	padding : 5px;
	font-family : Tahoma, Arial
}

.row{
	margin-top : 15px;
}

.main-picture{
	margin-top:-20px;
}

.training > div{
	border : 1px solid black;
	padding : 10px;
	border-radius : 10px;
	box-shadow: 5px 5px 10px #888888;
	height : 450px;
}

.title{
	margin-top : 0px;
	height : 50px;
}

.description{
	height : 150px;
	overflow : hidden;
}

.illustration{
	margin : auto;
	max-height : 100px;
	text-align : center;
}

.subtitle{
	height : 50px;
}
.training  button{
	//margin-left : 5%;
	position : absolute;
	bottom : 10px;
	left : 5%;
	width : 90%;
	
}

.category button{
	width : 100%;
	padding : 5px;
	border-radius : 5px;
	border-color : black;
}

.category .active{
	background-color : rgba(0,69,134,0.75);
	color : white;
	font-weight : bold;
}

.menu-training{
	width : 350px;
	display : inline-block;
	margin-top: 5px;
}

.title{
	margin-top : 10px;
	color : rgb(0,69,134);
	font-weight : bold;
	font-family : Tahoma, Arial;
	font-size : 1.4em;
}

ul{
	list-style-type : disc;
}
li ul li {
	font-size : 1.3em;
	
	
}

h2 {
	color : rgb(0,69,134);
	font-weight : bold;
	font-family : Tahoma, Arial;
	font-size : 1.5em;
}


.modal-body input {
	width : 100%;
	margin-top : 10px;
	border-radius : 5px;
}

.modal-body textarea {
	width : 100%;
	margin-top : 10px;
	border-radius : 5px;
}

.desc{
	border : 1px solid black;
	border-radius : 10px;
	box-shadow: 5px 5px 10px #888888;
	
}

.desc ul{
	list-style : none;
	margin-left : -20px;
	margin-top:20px;
}

.category{
	cursor: pointer;
}

.devis{
	margin : 5px;
	text-align : center;
	width : 100%;
	
}

.highlight{
	font-weight : bold;
}

.plan{
	margin-top : 20px;
}

.memory-card {
	margin-top : 10px;
	width : 100%;
	border : 1px solid black;
	border-radius : 5px;
	box-shadow : 2px 2px 5px 5px lightgray;
	height : 100px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	display:flex;
	background-color: white;
	perspective: 500px;
}

.memory-card .character{
	font-size : 30px;	
}

.back{
	font-size : 20px;
	font-weight: bold;
}

.ton1 {
	color : blue
    
}

.ton2 {
	color : orange
}

.ton3 {
	color : green
}

.ton4 {
	color : red
}

@media (min-width: 576px) {
}


@media (min-width: 768px) {

}


@media (min-width: 992px) {

}


@media (min-width: 1200px) {

}


@media (min-width: 1400px) { 

}