/*RESET CSS*/
* {
		box-sizing: border-box
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
}
body {
		line-height: 1;
}
ol, ul {
		list-style: none;
}
blockquote, q {
		quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
}
table {
		border-collapse: collapse;
		border-spacing: 0;
}
a {
		text-decoration: none
}
/*GENERIQUE*/
html {
		font-size: 62.5%;
}
.d-flex {
		display: flex;
		justify-content: space-between;
		align-items: center
}
.content {
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px
}
/*FONT*/
h1, h2, h3, header nav ul li a, header .bt-revue, main #application .bloc-bottom div p {
		font-family: 'Montserrat', sans-serif;
}
h1, h2 {
		font-size: 2.8rem;
		line-height: 3.2rem
}
h3 {
		font-size: 3rem;
		line-height: 3.4rem
}
p, header nav ul li a, main #telecharger div a {
		font-family: 'Rubik', sans-serif;
}
/*HEADER*/
header {
		background-color: #009ce0;
		padding: 5px 0;
		position: fixed;
		width: 100%;
		z-index: 100
}
header .menu {
		width: 80%;
	display: block!important
}
header .menu nav {
		width: 60%;
}
header .menu nav ul li a {
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		font-size: 1.4rem;
		text-transform: uppercase;
		transition: all ease 0.2s;
		letter-spacing: 1px
}
header .menu nav ul li a:hover, header .menu nav ul li.active a {
		color: #000
}
header .menu .bt-revue {
		background-color: #fff;
		font-size: 1.4rem;
		color: #e5007e;
		padding: 10px 20px;
		border-radius: 5px;
		text-transform: uppercase;
		transition: all ease 0.2s;
}
header .menu .bt-revue:hover {
		background-color: #e5007e;
		color: #fff
}
header .hamb {
		display: none;
		position: absolute;
		right: 3rem;
		top: 50%;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
		width: 38px;
		height: 43px;
		z-index: 10;
		transform: translate(0, -50%)
}
header .hamb .burger {
		position: absolute;
		left: 0;
		top: 19px;
}
header .hamb .burger::before, header .hamb .burger::after {
		content: "";
		display: block;
}
header .hamb .burger, .hamb .burger::before, .hamb .burger::after {
		position: absolute;
		width: 35px;
		height: 3px;
		background: #fff;
		-moz-transition: all 0.1s;
		-o-transition: all 0.1s;
		-webkit-transition: all 0.1s;
		transition: all 0.1s;
}
header .hamb .burger::before {
		margin-top: -8px;
}
header .hamb .burger::after {
		margin-top: 8px;
}
header.anim_menu .hamb .burger {
		background: #d9264d;
}
header.anim_menu .burger::before {
		margin-top: 0px;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background-color: #fff
}
header.anim_menu .burger::after {
		margin-top: 0px;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		background-color: #fff
}
/*MAIN*/
main {
		padding-top: 53px
}
main #application .bloc-top {
		background: url("../img/header_seno_kapp.jpg") no-repeat center top;
		text-align: center;
		padding: 30px 0 120px
}
main #application .bloc-top h1 {
		font-size: 2.8rem;
		margin-top: 20px;
		color: #e5007e;
		font-weight: 700;
		text-transform: uppercase
}
main #application .bloc-middle {
		background: url("../img/bg-application2.jpg") no-repeat 0 0;
		background-size: cover;
		padding: 30px 0px;
}
main #application .bloc-middle .content {
		padding: 0 70px
}
main #application .bloc-middle .bloc-middle-gauche {
		position: relative;
		width: 470px;
		height: 250px
}
main #application .bloc-middle .bloc-middle-gauche img {
		position: absolute;
		z-index: 1;
		top: -130px;
		left: 0;
}
main #application .bloc-middle h2 {
		color: #fff;
		font-size: 2.8rem;
		line-height: 3.2rem;
		text-transform: uppercase;
		margin: 35px 0
}
main #application .bloc-bottom {
		justify-content: flex-end
}
main #application .bloc-bottom div {
		width: 555px;
		padding: 25px 55px 25px 0
}
main #application .bloc-bottom div p {
		font-size: 2rem;
		line-height: 2.4rem;
		text-transform: uppercase;
		color: #333333;
		font-weight: bold
}
main #contenu {
		background-color: #fce5f2;
		text-align: center;
		padding: 60px 0 20px
}
main #contenu h2 {
		text-transform: uppercase;
		font-size: 3rem;
		color: #e3017f;
		margin-bottom: 40px
}
main #contenu section {
		padding: 0 15px
}
main #contenu section > div {
		flex-wrap: wrap
}
main #contenu section > div > div {
		width: 33.33%;
		justify-content: start;
		margin-bottom: 40px
}
main #contenu section > div > div div {
		width: 120px;
		height: 120px;
		text-align: center;
		background-color: #fff;
		border-radius: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 25px;
}
main #contenu section > div > div p {
		text-align: left;
		text-transform: uppercase;
		font-size: 1.8rem;
		line-height: 2.2rem;
		color: #e3017f;
		font-weight: 700
}
main #comite {
		text-align: center;
		padding: 60px 0 30px
}
main #comite h2 {
		text-transform: uppercase;
		font-size: 3rem;
		color: #861d73;
		margin-bottom: 40px
}
main #comite .bloc-top p, main #comite .bloc-bottom > p {
		font-size: 2rem;
		color: #4c4c4c;
		line-height: 3rem;
}
main #comite .bloc-top .video {
		margin: 30px 0 60px
}
main #comite .bloc-top .video img {
		cursor: pointer
}
main #comite .bloc-top .video iframe {
		width: 670px;
		height: 415px
}
main #comite .bloc-bottom > div {
		width: 940px;
		margin: 4rem auto 0;
		flex-wrap: wrap;
}
main #comite .bloc-bottom > div > div {
		width: 50%;
	justify-content: start;
	margin-bottom: 4rem
}
main #comite .bloc-bottom > div > div > div{
	width:140px;
}
main #comite .bloc-bottom > div > div p{
	font-size: 2rem;
	color:#4c4c4c;
	text-align: left;
	line-height: 2.4rem;
}
main #comite .bloc-bottom > div > div p strong{
	font-weight: 700;
	color:#d9264d;
	text-transform: uppercase
}
main #telecharger{
	text-align: center;
	background: url("../img/bg-telecharger.png") no-repeat 0 0;
	background-size: cover;
	padding:65px 0 
}
main #telecharger h2{
	color:#fff;
	text-transform: uppercase;
	font-size: 3rem;
	font-weight: bold;
	line-height: 3.4rem;
	margin-bottom: 5rem
}
main #telecharger div{
	width:530px;
	margin: 0 auto;
	justify-content: space-around
}
main #telecharger div a{
	background-color:#e3017f;
	border-radius: 20px;
	color:#fff;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	width: 200px;
	align-items:flex-end;
	padding:7px 25px 10px;
	transition: all ease 0.2s
}
main #telecharger div a+a{
	padding:10px 25px;
	width: 220px;
	align-items:center
}
main #telecharger div a:hover{
	background-color:#000
}
/*FOOTER*/
footer{
	padding:30px 0
}
footer article.content{
	align-items: flex-start
}
footer div{
	flex:200px;
	padding:0 15px
}
footer div + div{
	flex:420px
}
footer div + div p{
	font-size: 1.3rem;
	line-height: 2rem
}
footer div + div p a{
	color:#000;
	text-decoration: underline
}
footer div + div p a:hover{
	color:#d9264d
}
footer div + div + div{
	flex:550px
}
footer div + div + div p{
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align: justify
}