body
{
	background-color: PaleGreen;
    font-family: cursive;
    font-size:16px;
    text-align:center;
    letter-spacing:2px; 
}

.contactez-nous {
width: 700px;
border: 1px solid;
border-radius: 8px;
padding: 0 50px 0 50px;
background: white;
}

.contactez-nous > h1 {
font-weight: 500;
}

.contactez-nous > p {
font-weight: 300;
}

.galerie {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.galerie img {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 2px;
}

nav
{
	float: left;
	width: 150px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 5px 5px 0px black;
}

.menu
{
	position:fixed;
	top:85px;
}

ul
{
	list-style-type: none;
	padding: 5px;
	margin: 5px;
}

.circle
{
	list-style-type: circle;
	margin: 20px;
}

.square
{
	list-style-type: square;
	margin: 20px;
}

.calendrier
{
	width: 15em;
}

.calendrier li
{
	background: #D7EFFB
}

.calendrier a:hover
{
	color: #000E6C
}

section
{
	margin-left: 170px;
	margin-right: auto;
	background-color: white;
	border-radius: 10px;
	box-shadow: 5px 5px 0px black;
	text-align: justify;
}

.sansmarge
{
	margin-left: 10px;
	margin-right: 10px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 5px 5px 0px black;
	text-align: justify;
}

img
{
	margin: 0 auto;
	border: 0px solid black;
}

.cadre
{
	display: block;
	margin: 0 auto;
	border: 0px solid black;
	box-shadow: 5px 5px 0px black;
}

footer
{
	margin-left: 170px;
	margin-right: auto;
	display: block;
	background-color: LightGreen;
	border-radius: 10px;
	box-shadow: 5px 5px 0px black;
	text-align: justify;
}

.integre
{
	float: right;
}

.detegre
{
	float: left;
}

.centre
{
    width: 100%;
}

a
{
	text-decoration: none;
	color: SeaGreen;
	font-style: italic;
}

a:hover
{
	text-decoration: underline;
	color: SeaGreen;
	font-style: bold;
}

p
{
	margin: 5px;
	padding: 5px;
}

h1
{
    text-align: center;
}

h2
{
	text-align: center;
}

h3
{
	text-align: center;
}

table
{
	border:0;
}

.centpourcent
{
	height: 100%;
	width: 100%;
	border: 0;
}

.presquecent
{
	height: 100%;
	width: 98%;
	border: medium solid #000000;
	background-color: white;
	margin: auto;
}

td
{
}


.centrehaut
{
	text-align:center;
	vertical-align:top;
}

.centre
{
	text-align:center;
}

.gauche
{
	text-align:left;
}

.droite
{
	text-align:right;
}

article
{
	text-align:center;
}

.rouge
{
	color: rgba(255,0,0,1);
}

.vert
{
	color: rgba(35,225,0,1);
}

.tabcenter{
   margin-left:auto;
   margin-right:auto;
}

small
{
	color: rgba(0,0,0,1);
}

form div {
width: 80%;
display: flex;
flex-direction: column;
min-height: 83px;
margin-top: 25px;
margin-left: +80px;
}

form div > label {
margin-bottom: 7px;
font-weight: 600;
}

form div > input, form div > select, form div > textarea {
background: #FFD9D9;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
font-family: cursive;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}

form div > input, form div > select {
height: 50px;
padding-left: 10px;
}

form div > select {
appearance: none;
background-size: 15px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDIxMy4zMzMgMjEzLjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cG9seWdvbiBwb2ludHM9IjAsNTMuMzMzIDEwNi42NjcsMTYwIDIxMy4zMzMsNTMuMzMzICAgIiBmaWxsPSIjMzAzMDMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BvbHlnb24+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==');
background-position: right 10px top 50%;
background-repeat: no-repeat;
}

form div > textarea {
height: 195px;
padding: 15px 0px 0px 10px;
}

form div > input::placeholder, form div > textarea::placeholder {
color: white;
}

form div > select:invalid {
color: white;
}

form div > select option {
background: white;
color: #303030;
}

form div:last-child {
align-items:center;
margin-top: 20px;
}

form button {
width: 450px;
max-width: 500px;
height: 60px;
font-weight: 700;
font-size: 28px;
background: white;
border: rgba(48, 48, 48, 0.5) solid 1px;
border-radius: 5px;
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
color: #303030;
}