@charset "utf-8";


html {
  scroll-behavior: smooth;
}

/***********************************************/
/**************** ORDINATEUR *******************/
/***********************************************/

@media screen and (min-width: 1024px) {
/*CONTENU*/

body {
	background-color: #ffffff;
	
	text-align: center;
	margin:0px;
	padding: 0px;
}

.headerimg {
	max-width: 460px;
	margin: 20px 0px;
	
}

.textheader {
	margin: 0px; padding:0px; width:-webkit-fill-available;
	
}

.textheadermobile {
	display:none;
	
}

.textbloc {
	width:600px; margin:40px 40px 40px 14%; padding:50px; background-color:#fff; border-radius:10px; box-shadow: 2px 2px 10px 0px #88888880;
}

.androidbutton{
	margin:0px; padding-left:460px; padding-bottom:40px; max-width:240px; width:auto;
	
}

.notebloc {
	display:inline-block;
	width:620px; height:740px;
	margin:40px; padding:25px 25px 25px 45px;
	background-color:#fff;
	border-radius:10px;
	background-image: url('../images/clip.png');
	background-position: left;
	background-size:cover;
	background-repeat:no-repeat;
	box-shadow: 2px 2px 8px 1px #11111190;

}

.redfont{
	background-image: url('../images/fondred.png'); background-position: top; background-size:cover; background-repeat:no-repeat; padding: 100px 0px 140px 0px;
}

.mobilenotebloc {
	display:none;
	width:620px; height:740px;
	margin:40px; padding:25px 25px 25px 45px;
	background-color:#fff;
	border-radius:10px;
	background-image: url('../images/clip.png');
	background-position: left;
	background-size:cover;
	background-repeat:no-repeat;
	box-shadow: 2px 2px 8px 1px #11111190;

}

.minilogo {
	max-width:80px; margin: 30px 10px; display:inline-block;
}

.majbloc {
	display:inline-block; max-width:620px; margin:20px 20px; padding:40px; background-color:#fff; border-radius:10px; vertical-align: top;
}

.thanks {
	display:inline-block; width:620px; border-radius:10px; vertical-align:top; padding:20px; background-color:#FFDFBF; border-radius:10px;
}

.buttonfb {
	max-width:60px;
	height:auto;
}

/*BOTTOM*/

.bottom {
	width:100%;
	background-color: #111111;
	margin-top: 60px;
	padding: 60px 0px;
	text-align: center;
	
}

}

/***********************************************/
/**************** SMARTPHONE *******************/
/***********************************************/

@media screen and (min-width: 200px) and (max-width: 1024px) {

/*CONTENU*/

body {
	background-color: #ffffff;
	
	text-align: center;
	margin:0px;
	padding: 0px;
}

.headerimg {
	max-width: 760px;
	margin: 20px 0px;
	
}

.textheader {
	display:none;
}

.textheadermobile {
	
	margin: 0px; padding:0px; width:-webkit-fill-available;
	
}

.textbloc {
	width:80%; margin: 110px 40px; padding:50px; background-color:#fff; border-radius:20px; box-shadow: 2px 2px 10px 0px #88888880;
}

.androidbutton{
	max-width:440px; width:auto; margin: 0px 25% 80px 25%;;
	
}

.notebloc {
	display:none;
}

.redfont{
	background-image: url('../images/fondred.png'); background-position: left; background-size:cover; background-repeat:no-repeat; padding:80px 0px;
}

.mobilenotebloc {
	display:block;
	width:auto;
	height:1160px;
	margin:110px 40px;
	padding:65px 40px 45px 100px;
	background-color:#fff;
	border-radius:20px;
	background-image: url('../images/clip.png');
	background-position: left;
	background-size:cover;
	background-repeat:no-repeat;
	box-shadow: 2px 2px 8px 1px #11111190;

}

.mobilenotetopbloc {
	display:inline-block;
}

.mobilenotebasbloc {
	display:block;
	margin-left:15%;
	padding: 0px 20px;
}

.mobilenoteright {
	display:inline-block;
	width:55%;
	padding: 0px 30px;
}

.minilogo {
	max-width:120px; max-height:120px; margin: 30px 10px; display:inline-block;
}

.majbloc {
	display:inline-block; max-width:80%; margin:20px 20px; padding:40px; background-color:#fff; border-radius:10px;
}

.thanks {
	display:inline-block; width:80%; border-radius:40px; padding:60px; vertical-align:top; background-color:#FFDFBF;
}

.buttonfb {
	width:120px;
	height:auto;
	
}

/*BOTTOM*/

.bottom {
	width:100%;
	background-color: #111111;
	margin-top: 60px;
	padding: 60px 0px;
	text-align: center;
	
}

}