@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');
html, body {
    margin:0;
    padding: 0;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
	background: #ffffff;
	color: #2E2E2E;
	text-align: center;
}
.container-fluid,
.row {
    height: 90%;
}
@media screen and (max-width: 768px) {
    .container-fluid,
	.row {
		height:auto;
	}
}
img, svg {
    max-width: 100%;
    height: auto;
}
.colonne2 {
    /* width: 50%; 
    height: 100%;*/
    padding: 4em;
    flex-wrap: wrap;
    margin: auto;
    text-align: center;
    z-index: 2;
    overflow: scroll;
    /* flex: 1; */
	display: flex;
}

#partie01 img {
	max-width: 200px;
}
#partie02 {
	padding: 0;
	display: flex;
}
@media screen and (max-width: 1024px) {
    .colonne2 {
        /* Si 2 colonnes  */
        height: auto;
		padding: 4em 2em;
    }
	#partie01 {
		padding: 2em;
	}
}
section {
	overflow: hidden!important;
}
h1 {
    font-size: 30px;
	padding: 1em;
}
h2 {
    font-size: 18px;
	padding: 1em;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    h1 {
        font-size: 7vw;
    }
	h2 {
        font-size: 4vw;
    }
}
a.button {
    /*background-color: #3c103f;*/
	border: 2px solid #2E2E2E;
    color: #2E2E2E;
    display: inline-block;
    /*border: none;*/
    padding: 0.5em 1.5em;
    margin: 1em auto;
    font-size: 1em;
	font-weight: 500;
    -ms-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a.button:hover {
    background-color: #2E2E2E;
    color: #ffffff;
	cursor: pointer;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
    a.button {
		padding: 0.5em 1em;
	}
}
a#btn-fermeture {
	position: relative;
	background: #fff;
	z-index: 10;
  }
a#btn-fermeture:hover {
	background-color: #2E2E2E;
	color: rgb(255, 255, 255);
}


/*-------------------- Animation CSS3 -------------------------*/
.anim_fadein {
	-webkit-animation: 3s ease 0s normal forwards 1 fadein;
	-moz-animation: 3s ease 0s normal forwards 1 fadein;
	-ms-animation: 3s ease 0s normal forwards 1 fadein;
    animation: 3s ease 0s normal forwards 1 fadein;
}
@keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}
@-ms-keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}
.anim_pulsation {
    -webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: pulsation;
	animation-name: pulsation;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes pulsation {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pulsation {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/*-------------------- #Animation CSS3 -------------------------*/