@media screen and (max-width: 1200px) {
		.content {
				width: 100%;
				padding: 0
		}
		main section, header > div.content, main #application .bloc-top {
				padding-left: 15px;
				padding-right: 15px
		}
		header .hamb {
				display: block
		}
		header .menu {
				display: none !important
		}
		header.anim_menu .menu {
				position: absolute;
				width: 100%;
				background-color: #d9264d;
				display: block !important;
				top: 53px;
				left: 0
		}
		header.anim_menu .menu > div {
				padding: 20px 0
		}
		header.anim_menu .menu .d-flex {
				flex-direction: column
		}
		header .menu nav ul li {
				margin-bottom: 20px
		}
		header .menu nav ul li a {
				font-size: 1.6rem
		}
		main #comite .bloc-bottom > div {
				width: 100%;
		}
}
@media screen and (max-width: 992px) {
		main #application .bloc-middle .bloc-middle-gauche {
				width: auto;
				height: auto;
		}
		main #application .bloc-middle .bloc-middle-gauche img {
				position: relative;
				top: 0;
				left: 0;
		}
		main #application .bloc-middle .content {
				flex-direction: column;
				padding: 0
		}
		main #application .bloc-middle .content div + div {
				text-align: center
		}
		main #application .bloc-top {
				padding: 30px 15px
		}
		main #application .bloc-bottom {
				justify-content: center;
		}
		main #application .bloc-bottom > div {
				padding: 25px 15px;
		}
		main #contenu section > div > div {
				width: 50%
		}
		main #contenu section > div > div:nth-child(even) {
				justify-content: center
		}
}
@media screen and (max-width: 768px) {
		main #contenu section > div > div p {
				font-size: 1.4rem
		}
		main #comite .bloc-top .video {
				position: relative;
				overflow: hidden;
				width: 100%;
				padding-top: 62.5%;
				margin: 20px 0
		}
		main #comite .bloc-top .video iframe, main #comite .bloc-top .video img {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
		}
		main #comite .bloc-bottom > div {
				align-items: flex-start;
		}
		main #comite .bloc-bottom > div > div {
				flex-direction: column
		}
		main #comite .bloc-bottom > div > div p {
				text-align: center;
				margin-top: 10px
		}
		footer article.content {
				flex-direction: column;
				text-align: center;
				align-items: center
		}
		footer div, footer div + div, footer div + div + div {
				flex: auto
		}
		footer div + div {
				margin: 20px 0
		}
		footer div + div + div {
				margin: 0
		}
}
@media screen and (max-width: 576px) {
		html {
				font-size: 50%
		}
		main #application .bloc-bottom > div, main #contenu section > div > div {
				width: 100%
		}
		main #contenu section > div > div {
				justify-content: center;
				flex-direction: column
		}
		main #contenu section > div > div p {
				font-size: 2rem;
				text-align: center;
				margin-top: 10px
		}
		main #contenu section > div > div div {
				margin-right: 0
		}
		main #comite .bloc-bottom > div > div {
				width: 100%
		}
		main #telecharger div {
				width: 100%;
				pading: 0 15px
		}
}
@media screen and (max-width: 480px) {
		main #application .bloc-middle img {
				width: 90%;
				height: auto;
				margin: 0 auto;
				display: block
		}
		main #application .bloc-bottom > div {
				flex-direction: column
		}
		main #application .bloc-bottom > div img {
				display: block;
				margin-top: 20px
		}
		main #telecharger div {
				flex-direction: column
		}
		main #telecharger div a + a {
				margin-top: 20px
		}
}