body
{
	background-image: url("Images/Water.jpg");
	background-size: cover;
	background-attachment: fixed; /* Le fond restera fixe */
    background-repeat: no-repeat; /* Le fond ne sera pas répété */
    background-position: center; /* Le fond sera placé en haut à droite */
	font-family:  Calibri Light, sans-serif;
	font-size:16px;
	margin: 0;
	padding: 0;
}

#barre_contact
{
    width: 100%;    
	/*background-color:#DBDFF4;*/
	display: flex;
	justify-content: space-between;
  	top:0;
 	left:0;
 	color:black;
 	font-weight:bold;
}

#barre_photo
{
	background-color: #1D244B;
}

.footer
{
	/*background-color: #1D244B;*/
	clear: both;
	color: #ffffff;
	font-size:15px;
    font-family: Calibri Light, sans-serif;
    text-align: center;
  	bottom:0;
 	right: 0;
 	width: 100%;
}

#conteneur1
{
	background-color: #1D244B;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    vertical-align: middle;
    color: #ffffff;
    opacity: 0.99;
}

#conteneur2
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    /**/background-color:#DBDFF4;
	width: 100%;
	color: #3e2b3e;
 	opacity: 0.9;
}

#conteneur
{
	/**/background-color: #DBDFF4;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
 	opacity: 0.9;
}

#conteneur3
{
	background-color: #1D244B;
	color: #ffffff;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 2%;
}

.element
{
	width: 40%;
	justify-content: space-around;
	margin-top: 1%;
	margin-bottom: 1%;
	border-radius:15px;
	padding: 1%;
	text-align: left;
}
.element_1
{
    flex-grow: 1;
 	flex-shrink: 1;
 	flex-basis: 0;
 	text-align: left;
 	margin: 2%;
}

.element_2
{
    text-align: center;
    flex-grow: 1;
}

.logo
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: space-around;
	margin-left: 10%;
	margin-right: 10%;
}

.element_logo
{
	width:26%;
	align-self: center;
}

.logo2_1
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.logo2_2
{
	align-self: center;
	padding: 10px;
}

.Galerie
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.element_Galerie
{
	width:12%;
	align-self: center;
}

img {max-width:100%; height: auto}

h1 {
  text-align: center;
}

li {
    list-style-type: square;
}