html, * {
	font-family:arial;
	}
.header{
	background-color:silver;
	
}


.nav, .logo, .navbar , .fin{
	background-image: linear-gradient(blue, #77FFFC);
	max-height:160px;
}
.logo{
	float: left;
}

.navbar{
	padding:auto;
	margin:auto;
	border:solid black 2px;
	border-radius: 20px;
	max-height:80px;
	margin-top:60px;
}
@media(max-width:700px) {
		.nav, .logo, .navbar {
			display:block;
	}
}
.btn{
	background-color:rgb(40,40,255);
	border:solid black 2px;
}
#titre {
	text-align: center;
	font-size: 30px;
	margin:auto;
}

.center, .content {
  margin: auto;
}
.main .row{
	margin-top: 20px;
}
table
{
margin: auto;
}
td
{
text-align :center;
}

.taille_2{    
    height: 300px;
    width: 300px;
}

h1{
    font-family: Comic Sans MS, sans-serif;
    margin: 200px;
    padding-bottom: 30px;
}
.centre{
    text-align: center;
}
/*
.test a:hover{
    display: block;
    position: absolute; top: 200px; left: 0; width: 125px;
    padding: 5px; margin: 10px; z-index: 100;
    color: #AAA; background: black;
    font: 10px Verdana, sans-serif; 
    text-align: center;}


*/