/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	#header #headerInner .nav .topInfo {
		padding: 5px 0px;
	}
	#header #headerInner .nav .nested {
		padding: 5px 0px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.formulaire-contact{
		width: 90%;
	}
	.containerPPlus {
		padding: 0px 30px;
	}
}
/*03 MINI-TABLETTE*/
@media screen and (max-width: 767px), (max-device-width: 767px){
	.formulaire-contact .boutonenvoyer {
		width: 100%;
	}
	#headerInner .topInfo a.fb, #headerInner .topInfo a.insta, #headerInner .topInfo a.lk, #headerInner .topInfo a.twitter{
		display: none;
	}
	.containerPPlus {
		padding: 0px 0px;
	}
	#header #headerInner .topInfo > a.bouton1 {
		position: absolute;
		top: 20px;
		left: 50%;
		margin: 0px;
		font-size: 1.2rem;
		line-height: 16px;
	}
	#header #headerInner .topInfo > .rsBar {
		position: absolute;
		top: 18px;
		right: 0%;
		margin: 0px;
	}
	#header #headerInner .topInfo{
		padding: 60px 0Px 0px 0px;
		justify-content: center;
	}
	.containerHeader .hdr-logo a.hdr-logo-link{
		position: absolute;
		top: 10px;
		left: 20%;
		margin: 0px;
	}
		.containerHeader .hdr-logo a.hdr-logo-link img{
			width: 75%;
		}
	.containerHeader .hdr-logo {
		display: flex;
		flex-direction: column;
		padding: 0px;
	}
	.templateHomepage-blocSeven h2{
		background-size: 240% !important;
	}
}


@media screen and (max-width: 500px), (max-device-width: 500px){
	#header #headerInner .topInfo > a.bouton1 {
		position: absolute;
		top: 20px;
		left: 50%;
		margin: 0px;
		padding: 2px 5px;
		width: 120px;
	}
	#header #headerInner .topInfo > .rsBar {
		position: absolute;
		top: 21px;
		right: 0%;
		margin: 0px;
	}
	.containerHeader .hdr-logo a.hdr-logo-link{
		position: absolute;
		top: 10px;
		left: 15%;
		margin: 0px;
	}
	.templateHomepage-blocSeven h2 {
		background-size: 200%;
		padding: 30px 0px;
	}
}