ul {
    list-style-type: none;
    margin: 0;
    padding-left: 20%;
	padding-right: 20%;
    overflow: hidden;
    
}

li {
	float: left;
	


}

li a {
    display: block;
    color: #293340;
    text-align: ;
    padding: 14px 16px;
	font-family: 'bahnschrift';
    text-decoration: none;
	

	
}


/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #f2f2f2;
	color: #f2f2f2;
	text-shadow: black 0px 0 5px;
	
}

body {
	background-color: #557ea7;
}

header {
	padding-bottom: 0px;
	background-color: #557ea7;
}

footer {
background-color: #557ea7;
}
	
	


h1{

font-family: 'cubicregular';
font-size: 50px;
color: #8BADD9;
text-shadow: 0px 0px 100px #f2f2f2;
text-align: center;
padding: 100px;
}

h2{
font-family: 'bahnschrift';
font-size: 10px;
color: #F2E9E9;
text-shadow: 0px 0px 7px rgba(80, 139, 191, 1);
}

h3{
	font-family: 'bahnschrift';
	color: #293340;
	font-size: 30px;
}
nav{
		background-color: #f2f2f2;
}
	
section{
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.centre {
	text-align: center;
}

.imgbanniere{
		max-width: 100%;
	height: auto;
}

.title {
	font-family: 'cubicregular';

}
	

.mglr {
	margin-left: 0%;
	margin-right: 50%;
}
.mg {
margin-top: 20px;
margin-bottom: 20px;
}

.text {
	color: #f2f2f2;
}

.color1 {
	color: #f2f2f2;
	font-family: arial;

}

.color2 {
	color: #293340;
	font-family: arial;

}
.fondblanc {
	background-color: #f2f2f2;
	
}
.concrete {
	background-color: #929393;
	color: white;
	
	font-family: arial;
}
.concretetitle {
	color: #f2f2f2;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);

}

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

	
	
	/* Color Theme Swatches in Hex */
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-1-hex { color: #010326; }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-2-hex { color: #022859; }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-3-hex { color: #034C8C; }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-4-hex { color: #508BBF; }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-5-hex { color: #F2E9E9; }

/* Color Theme Swatches in RGBA */
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-1-rgba { color: rgba(0, 2, 38, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-2-rgba { color: rgba(1, 39, 89, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-3-rgba { color: rgba(2, 76, 140, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-4-rgba { color: rgba(80, 139, 191, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-5-rgba { color: rgba(242, 233, 232, 1); }

/* Color Theme Swatches in HSLA */
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-1-hsla { color: hsla(236, 96, 7, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-2-hsla { color: hsla(213, 96, 17, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-3-hsla { color: hsla(208, 96, 28, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-4-hsla { color: hsla(208, 46, 53, 1); }
.Matin-bleu-en-montagne,-Hautes-Alpes,-France-5-hsla { color: hsla(5, 27, 93, 1); }