html, body{
    margin:0;
    padding:0;
}

/* ***** ASSOCIATION ***** */
.fondA {
    position:relative;
    background-position:center;
    background-size:cover;
    background-image:url("../IMG/Association.webp");
    min-height:100vh;
    width:100%;
    background-attachment:fixed;
    background-repeat:no-repeat;
}
@supports not (background-image: url("../IMG/Association.webp")) {
    .fondA {
        background-image:url("../IMG/Association.png");
    }
}

.textA{
    background-color:hsl(205, 69%, 15%, 0.8);
    width:70%;
    display: flex;
    justify-content:center;
    align-items:center;
    text-align: center;
    margin-top:5%;
    border-radius:1rem;
    font-family: 'Delius Swash Caps', cursive;
    font-size: 1.2rem;
    color:white;
    padding:1%;
    margin-bottom:5%;
}

.centrage{
    display:flex;
    justify-content:center;
}

/* ***** ADOPTER ***** */
.form{
    color: white;
}
.fondAdop {
    position:relative;
    background-position:center;
    background-size:cover;
    background-image:url("../IMG/Adopter.webp");
    min-height:100vh;
    background-attachment:fixed;
    background-repeat:no-repeat;
    display: flex;
    justify-content: center;
}
@supports not (background-image: url("../IMG/Adopter.webp")) {
    .fondAdop {
        background-image:url("../IMG/Adopter.png");
    }
}

.dispoAdopter {
	display:flex;
	flex-direction:column;
    width:75%;
}

.flexWrap {
	display:flex;
    flex-direction:row;
	margin:10px;
	align-items:center;
	justify-content:center;
    background-color:hsl(210, 57%, 23%, 0.8);
    border-radius:3rem;
    padding:3%;
}

.adopte{
	display:flex;
    flex-direction:column;
    font-family: 'Delius Swash Caps', cursive;
    color:white;
    font-size:1.2rem;
    text-align:center; 
}

.photoAdopt{
    padding-top:3%;
    width:300px;
    height:400px;
}

span { 
    display:flex;
    text-align:center; 
    color:white;
    font-size:1.2rem;
    padding:2%;
    font-family: 'Delius Swash Caps', cursive;
}

.img_art:hover{
    transform: scale(1.6);
    transition:1000ms;
}


/* ***** NOUS AIDER ***** */
.ici{
    font-size:1.5rem;
    color:pink;
}
.fondAide {
    position:relative;
    background-position:center;
    background-size:cover;
    background-image:url("../IMG/Aider.webp");
    min-height:100vh;
    width:100%;
    background-attachment:fixed;
    background-repeat:no-repeat;
}
@supports not (background-image: url("../IMG/Aider.webp")) {
    .fondAide {
        background-image:url("../IMG/Aider.png");
    }
}

.dispoContact {
    padding:4% 0 2% 0;
    min-height:90vh;
	display:flex;
    justify-content: space-evenly;
    align-items:center;
}

iframe{
    height:306px;
}

mark{
    background-color:hsl(205, 69%, 15%, 0.8);
    color:white;
    border-radius:0.5rem;
    padding:0.5rem;
}

.aide{
    display: flex;
    flex-direction: column;
}

.amazon {
    font-size: 1.4rem;
    background-color:hsl(210, 57%, 23%, 0.8);
    width:20rem;
    border-radius:0.5rem;
    display: flex;
    flex-direction: column;
}


/* ***** CONTACT ***** */
.fondContact {
    position:relative;
    background-position:center;
    background-size:cover;
    background-image:url("../IMG/Contact.webp");
    height:100vh;
    width:100%;
    background-attachment:fixed;
    background-repeat:no-repeat;
}
@supports not (background-image: url("../IMG/Contact.webp")) {
    .fondContact {
        background-image:url("../IMG/Contact.png");
    }
}

.textC{
    background-color:hsl(236, 20%, 44%, 0.9);
    min-height:60vh;
    width:50%;
    display:flex;
    flex-direction: row;
    margin-top:8%;
    border-radius:1rem;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold!important;
    font-size: 1.6rem!important;
    color:white;
}

.contactTitre{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:50%;
}

form{
    text-align: center;
}

input[type=text], input[type=email], input[type=tel], textarea, button[type=submit]{
    border-radius: 1rem;
    border:none;
    height:25px;
    margin-top:5%;
    width:60%;
    text-align: center;
}

textarea{
    height:100px;
    width:80%;
}

button[type=submit]{
    width:auto;
    background-color: #dd8fdb;
    color:white;
}

/* ***** FOOTER ***** */
footer{
    background-color: white;
    display: flex;
    flex-direction: row;
}

.fb{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width:33%;
}

h3{
    color:hsl(302, 53%, 71%);
    font-size:1.2rem!important;
    font-family:'Delius Swash Caps';
}

.adresseMails{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width:33%;
}

.localisation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width:33%;
}

/*Admin*/
.fondAdmin{
    background-color:cadetblue;
    min-height:100vh;
    color:white;
}
h2{
    text-align: center;
}

table{
    text-align: center;
}

h6{
    text-align: center;
    color: orange;
}

td a {
    text-decoration: none;
    margin:1rem;
}

/*
.color1 {color: hsl(205, 69%, 15%);}
.color2 {color: hsl(210, 57%, 23%);}
.color3 {color: hsl(236, 20%, 44%);}
.color4 {color: hsl(275, 28%, 58%);}
.color5 {color: hsl(302, 53%, 71%);}
*/