@media all and (max-width:1700px) {
	#accueil-texte2-titre {  padding: 16px;}
	#accueil-souspaves-conteneur { width: calc(66.667% - 21px);}
	#accueil-souspaves-conteneur .accueil-souspave {  margin: 16px;   width: calc(33.333% - 32px);}
	#accueil-texte3 .global {margin:0 20px; width:calc(100% - 40px);}
	#accueil-texte3-texte > div {  padding-right: 6%;}
}

@media all and (max-width:1425px) {
	#accueil-texte2-titre { width: 100%;  padding: 0 20px; }
	#accueil-texte2-titre h2.h1 {text-align: center;}
	#accueil-souspaves-conteneur {width: 100%;}
	#accueil-texte3-texte > div {  padding: 0 55px;}
}

@media all and (max-width:1220px) {
	#accueil-texte3-image { width: 28.333%;}
	#accueil-texte3-texte { width: 71,667%;}
	#accueil-texte3-texte > div {  padding: 0 25px;}
}

@media all and (max-width:1193px) {
	#accueil-slider .accueil-slider-contenu .global {  padding: 0px 10px 79px 65px;}
	#accueil-texte1.global {padding: 20px 20px 0;}
	#accueil-paves-conteneur {text-align: center;}  

	#accueil-texte3 .global::before { width: 36%;  left: -11%;}
}

@media all and (max-width:990px) {  
	#global {padding-top:0;}
	.lg {height: 145px;}
	.sm {height: 100px;}

	#bandeau.sm #bandeau-contact .logo { display: block;}

	#bandeau {background:none;}
	#bandeau .logo a img {max-width:190px;}
	#bandeau .logo span {font-size:14px;}

	#global .entete, #global h1:not(.h2), #global h2.h1, .white-popup h1:not(.h2) { font-size: 35px; line-height: 35px;}

	#global p, .white-popup p {  font-size: 18px;   line-height: 27px;}

	#accueil-slider .accueil-slider-contenu .global {padding: 0px 10px 50px 35px;  }
	#accueil-slider .accueil-slider-titre, 
	#accueil-slider .accueil-slider-titre a, 
	#accueil-slider .accueil-slider-titre a:visited {  font-size: 33px;	line-height: 37px;}
	#accueil-slider .accueil-slider-texte, 
	#accueil-slider .accueil-slider-texte p {font-size: 15px;  letter-spacing: 1px;}

	#accueil-paves-conteneur .accueil-pave {  width: calc(50% - 20px);  margin: 10px;}
	#accueil-souspaves-conteneur .accueil-souspave {  width: calc(33.333% - 20px);  margin: 10px;}
}

@media all and (max-width:930px) {  
	#accueil-texte3 .global {  padding: 40px;}
}

@media all and (max-width:860px) { 
	#accueil-texte3 .global {  -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
	#accueil-texte3-image {width: 35%;}
	#accueil-texte3-image img {height:100%; object-fit: cover;}
	#accueil-texte3-texte {width: 65%;   -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
	#accueil-texte3-texte > div {padding: 0 0 0 40px;}
	#accueil-texte3-texte h2.h1 {margin-top:0;}
	#accueil-texte3-texte p {margin-bottom:0;}
}

@media all and (max-width:840px) {  
	#accueil-souspaves-conteneur {  -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center;}
	#accueil-souspaves-conteneur .accueil-souspave {  width: calc(50% - 20px);}

}

@media all and (max-width:780px) {  
	#accueil-paves-conteneur .accueil-pave {  width: calc(50% - 20px);  margin: 10px;}
	#accueil-souspaves-conteneur .accueil-souspave {  width: calc(50% - 20px);  margin: 10px;}
	
	#accueil-texte3 .global {padding: 25px;}
	#accueil-texte3-texte > div {padding: 0 0 0 30px;  }
}

@media all and (max-width:710px) {  
	#contenu #accueil-slider::before { height:35%; }
	#contenu #accueil-slider::after { height:13%;}
	#accueil-slider .accueil-slider-contenu .global {padding: 0px 10px 20px 15px;}
	#accueil-slider .accueil-slider-titre, 
	#accueil-slider .accueil-slider-titre a, 
	#accueil-slider .accueil-slider-titre a:visited {  font-size: 27px;	line-height: 33px;}
	#accueil-slider .accueil-slider-texte, 
	#accueil-slider .accueil-slider-texte p {font-size: 14px;  letter-spacing: 0.5px;}
}

@media all and (max-width:685px) {  
	#accueil-texte3 .global { -webkit-box-align: center;	-ms-flex-align: center; align-items: center;  -webkit-box-orient: vertical;   -webkit-box-direction: reverse;   -ms-flex-direction: column-reverse;   flex-direction: column-reverse;}
	#accueil-texte3 .global::before { width: 100%; left: -40%; height: 50%;}
	#accueil-texte3-image,
	#accueil-texte3-texte {width:100%;}
	#accueil-texte3-texte > div {padding: 0 0 50px 0;}
	#accueil-texte3-image {  max-width: 405px;}
}

@media all and (max-width:615px) {  
	#accueil-paves-conteneur .accueil-pave {  width: calc(50% - 10px);  margin: 5px;}
	#accueil-souspaves-conteneur .accueil-souspave {  width: calc(50% - 10px);  margin: 5px;}
}

@media all and (max-width:580px) { 
	.lg {height: 110px;}
	.sm {height: 75px;}

	#bandeau.sm .logo a img {height: 50px;}
	#bandeau.sm .logo span {font-size: 11px; margin-top: 2px;}

	#bandeau .logo { padding: 7px 0 0;}  
	#bandeau .logo a img {max-width: 140px;}
	#bandeau .logo span { font-size: 13px;  margin-top: 5px;}

	#accueil-slider .accueil-slider-image {height: 430px;}
	#accueil-slider .accueil-slider-image.picture picture * {	position: absolute;}
}
  
@media all and (max-width:485px) {  
	#global .entete, #global h1:not(.h2), #global h2.h1, .white-popup h1:not(.h2) { font-size: 29px; }
	#global h1.h2, .white-popup h1.h2, #global h2:not(.h1), .white-popup h2:not(.h1) {font-size: 20px; line-height: 25px;}
	#global p, .white-popup p {  font-size: 17px;   line-height: 26px;}

	#accueil-paves-conteneur .accueil-pave {  width: 100%;  margin: 5px 0;  max-width: 360px;}
	#accueil-souspaves-conteneur .accueil-souspave {  width:100%;  margin: 5px 0;  max-width: 360px;}
}

@media all and (max-width:420px) {  
	#bandeau-contact .global {padding:0;}
	#accueil-slider .accueil-slider-contenu .global {  padding: 0px 10px 10px 5px;}
}