.navigation{
	background-color :black;
}
.logo {
position : center;
}
body
{
	background-image: url('fondcv.jpg');
}
h5{
	text-align :center;
	font-family : arial;
}
h3 {
	text-align : center;
	font-family : arial;
}
p{
	text-align :center;
	font-family : arial;
}
nav {
	float : left;
	max-width : 400px;
	margin: 0;
	padding:1em;
}
li {
	font-family : arial;
}
.button {
    background-color: #DF6D14;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;

}
.button1 {
    background-color: dodgerblue;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;

}
.button2 {
    background-color: green;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;

}
.bouton {
    background-color: #DF6D14;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;

}

.msc{

    column-count: 3;
}
.natation {
	column-count : 2;
}
.course{
	column-count : 2;
}
.obstacles{
	column-count : 2;
}

.footer{
	background-color: black;
    column-count: 2;
	color: white;
    height: 130px;
}
.qsm{
	column-count : 2;
}
.projet{
	column-count : 2;
}
.projet2 {
	column-count :2;
}
    fieldset 
	{
		border: 1px solid  !;
		margin: 0;
		xmin-width: 0;
		padding: 10px;       
		position: relative;
		border-radius:4px;
		padding-left:10px!;
	}	
	
		legend
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 0px; 
			width: 35%; 
			border: 1px solid #ddd;
			border-radius: 4px; 
			padding: 5px 5px 5px 10px; 
			background-color: #F2EFFB;
		}

/*.slider { 
	width: 1000%; 
	max-width: 1500px;
overflow: hidden;	

}
.slider figure {
position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 20s slidy infinite;
}
.slider figure img { 
	width: 10%; 
	height: auto; 
	float: left; 
	}
@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}*/