/* id = # ; class = . */
body{
	font-family: Arial;
	margin: 0px;
}

img { 
	width: 100%; 
	margin: 0%;
	padding: 0%;
	/*border : 3px solid black;*/
}

a{
	color: black;
	text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

h3{
	font-size: 16px;
	color: #1C60AB;
	text-decoration: underline;
	margin: 5px;
}

h6{
	font-size: 45px;
	color : white;
	margin: 0px;
}

p{
	margin-left: 20px;
}
.flex{
	borer: 3px solid black;
	display : flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

header{
	display : flex;
	flex-wrap: wrap;
	justify-content: space-between;
	   align-items: center;

}

#actuel{
	color : #1C60AB;
	text-decoration: underline;
}


#intro{
	background-color: #1C60AB;
	padding: 40px;
	text-align: center;
}

.ac{
	font-size: 20px;
	width: 600px;
}
#buton-presta{
	font-size: 20px;
	margin-left: 20px;
	width: 350px; 
}
#titre{
	background-color: #1C60AB;
	color: white;
	text-decoration: underline;
	padding-top: 20px;
	padding-bottom:20px;
	padding-left: 35px; 
	margin-bottom: 0px;
}

.bouton{
	color: white;
	background-color:  #1C60AB;
	padding: 10px;

}

#histoire{
	margin: 20px;
	font-size: 16px;
}
.His{
	margin: 3px;
}

#adresse{ 
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#plan{ width: 700px; }
.contact-contenu{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 70px;
	margin-left: 70px;
	font-size: 20px;
}

footer{
	background-color: #000000;
	color: White;
	padding: 2%;
	font-size: 16px;
}
#iso{ 
	width: 100px; 
	margin-right: 10px;
}
#footer-up { 
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
#footer-space{  color : black; font-size: 1px; flex: 1; }
#footer-certif { 
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#footer-down { 
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
    text-align: center;
}
.lien-footer { color : White;}