/* #PRODUIRE{fond=css/bg-articles.css,host=entrehumains.fr}
   md5:ece957a9f9dc033ac3bd4d7a2081ab51 */


@media screen and (max-width:820px) {
	.bg-art1::after {
		content:'';
		width:95%;
		height:220px;
		display:block;
		position:relative;
		margin:0 auto;
		z-index:1;
		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/pictos-frise.svg');
		background-repeat: no-repeat;
		background-position-x: center;
		background-size: contain;
  		background-position-y: center
	}
}
@media screen and (min-width:821px) and (max-width:1280px) {
.bg-art1::after {
    content: '';
    width: 280px;
    height: 100%;
    max-width: 40%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/pictos-intro.svg'),url("https://entrehumains.fr/IMG/logo/entrehumains-intro.jpg?1761214997");
    background-repeat: no-repeat, no-repeat;
    background-position-x: center, center;
    background-size: 80%,140%;
    background-position-y: 280px,top;
  }
}
@media screen and (min-width:1281px) {
	.bg-art1::after {
		content:'';
		width:640px;
		height:100%;
		max-width:40%;
		display:block;
		position:absolute;
		top:0;
		right:0;
		z-index:1;

   		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/pictos-intro.svg'),url("https://entrehumains.fr/IMG/logo/entrehumains-intro.jpg?1761214997");
		background-repeat: no-repeat, no-repeat;
		background-position-x: center, center;
		background-size: 68%,140%;
  		background-position-y: center,top;
	}
}
@media screen and (min-width:1280px) {
	.bg-art1::after {
		background-size: 68%,cover;
	}
}





	.bg-art3 {
		position:relative;
		@media screen and (min-width: 480px) {
			&::after {
				content:' ';	
				background-image: url("https://entrehumains.fr/IMG/logo/puzzle.svg?1761215024");
				background-repeat: no-repeat;
				background-position-x: left;
			}
		}	
		@media screen and (min-width: 480px) and (max-width: 1050px) {
			&::after {
				background-position-x: left;
				background-position-y: top;
				height:390px;
				width:200px;
				position:absolute;
				bottom: -220px;
				left: 38%;
				background-size: contain;
				transform: rotate(90deg);
				z-index:1;
			}

	 	}
		@media screen and (min-width: 1051px) {
			&::after {
				width:100%;
				max-height:450px;
				max-width:22rem;
				height:80%;
				display:block;
				position:absolute;
				bottom:0;
				left:0;
				z-index:2;
				background-position-y: bottom -40px;
				background-size: contain;
			}
		}
		@media screen and (min-width: 1051px) and (max-width: 1384px) {
			&::after {
				background-position-x: left;
				background-position-y: top;
				max-height: fit-content;
				top: -40px;
				left: -140px;
				background-size: 50%;
				transform: rotate(45deg);
			}
  		}
				
		@media screen and (min-width:1400px) {
			&::after {
				background-position-x: left 20px;
			}
  		}
}





@media screen and (max-width:1100px) {
	.bg-art4::before {
	    content: '';
	    width: 100%;
	    height: 300px;
	    display: block;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    z-index: 1;
  		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/pictos-ortho.svg'),url("https://entrehumains.fr/IMG/logo/photo-ortho.jpg?1761215020");
		background-repeat: no-repeat, no-repeat;
		background-position-x: right 5rem, center;
  		background-size: 40%,cover;
    	background-position-y: bottom,center;
	  }
}

	@media screen and (min-width:521px) and (max-width:1100px) {
		.bg-art4::before {
	  		background-size: 26%,contain;
		  }
		}
@media screen and (min-width:1101px) and (max-width:1563px) {
	.bg-art4::before {
	    content: '';
	    width: 620px;
	    height: 100%;
	    max-width: 40%;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 1;
  		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/pictos-ortho.svg'),url("https://entrehumains.fr/IMG/logo/photo-ortho.jpg?1761215020");
		background-repeat: no-repeat, no-repeat;
		background-position-x: center, center;
		background-size: 80%,cover;
  		background-position-y: top 2rem,top;
	  }
}
@media screen and (min-width:1564px) {
	.bg-art4::before {
		content:'';
		width:740px;
		height:100%;
		max-width:42%;
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:1;

		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/pictos-ortho.svg'),url("https://entrehumains.fr/IMG/logo/photo-ortho.jpg?1761215020");
		background-repeat: no-repeat, no-repeat;
		background-position-x: center, center;
		background-size: 80%,cover;
  		background-position-y: center,top;
	}
}



.realisations_exemples {
	position:relative;
	padding: 4rem 2rem;

	@media screen and (min-width:1600px) {
		padding:4rem 5rem;
	}

	&::before {
		content:'';
		width: 40%;
    	height: 85px;
		display:block;
		position:absolute;
		top:0;
		left:25%;
		margin:0 auto;
		z-index:1;
		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/fleche.svg');
		background-repeat: no-repeat;
		background-position-x: center;
		background-size: contain;
  		background-position-y: top;
  		}
	@media screen and (min-width:641px) and (max-width:1380px) {
		&::before {
			width: 20%;
    		height: 85px;
			left:42%;
			margin:0 auto;
	  		}
  	}
	@media screen and (min-width:1381px) {
		&::before {
			width: 260px;
			display:block;
			left:42%;
			margin:0 auto;
	  		}
  	}
  	&::after {
		content:'';
		width: 320px;
    	height: 100%;
		display:block;
		position:absolute;
		top:0;
		left:-20px;
		z-index:1;
		background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/ligne-pointille.svg');
		background-repeat: no-repeat;
		background-position-x: left;
		background-size: contain;
  		background-position-y: top;
  		}
}


	.actions_exemple-10::before {
		content:' ';
		width:100%;
		max-height:150px;
		max-width:150rem;
		height:100%;
		display:block;
		position:absolute;
		top:2rem;
		left:2rem;
		z-index:2;
		background-image: url("https://entrehumains.fr/IMG/logo/01-megaphone-fond.svg?1761214976");
		background-repeat: no-repeat;
		background-position-x: left 10px;
		background-size: contain;
  		background-position-y: top;
	}

	.actions_exemple-5::before {
		content:' ';
		width:100%;
		max-height:150px;
		max-width:150rem;
		height:100%;
		display:block;
		position:absolute;
		top:2rem;
		left:2rem;
		z-index:2;
		background-image: url("https://entrehumains.fr/IMG/logo/cafe-fond.svg?1761214980");
		background-repeat: no-repeat;
		background-position-x: left 10px;
		background-size: contain;
  		background-position-y: top;
	}

	.actions_exemple-6::before {
		content:' ';
		width:100%;
		max-height:150px;
		max-width:150rem;
		height:100%;
		display:block;
		position:absolute;
		top:2rem;
		left:2rem;
		z-index:2;
		background-image: url("https://entrehumains.fr/IMG/logo/musee-fond.svg?1761215012");
		background-repeat: no-repeat;
		background-position-x: left 10px;
		background-size: contain;
  		background-position-y: top;
	}

	.actions_exemple-9::before {
		content:' ';
		width:100%;
		max-height:150px;
		max-width:150rem;
		height:100%;
		display:block;
		position:absolute;
		top:2rem;
		left:2rem;
		z-index:2;
		background-image: url("https://entrehumains.fr/IMG/logo/ecrans-fond.svg?1761214984");
		background-repeat: no-repeat;
		background-position-x: left 10px;
		background-size: contain;
  		background-position-y: top;
	}

	.actions_exemple-8::before {
		content:' ';
		width:100%;
		max-height:150px;
		max-width:150rem;
		height:100%;
		display:block;
		position:absolute;
		top:2rem;
		left:2rem;
		z-index:2;
		background-image: url("https://entrehumains.fr/IMG/logo/maison-fond.svg?1761215008");
		background-repeat: no-repeat;
		background-position-x: left 10px;
		background-size: contain;
  		background-position-y: top;
	}


	footer {
		.coordonnees {
			.organization__nom {
				display:none;
			}
			&::before {
				background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/entre-humains-solutions-prevention-sante-publique.png');
				width:360px;
				height:156px;
				background-size: contain;
				background-repeat:no-repeat;
			}
		}
		nav {
			margin-top:8rem;
		}
		.contact_container {
			@media screen and (min-width:1441px) {
				padding-bottom: 4rem;
			&::after {
				background-image: url('https://entrehumains.fr/plugins/eh_skel/V1.0.3/squelettes/css/images/calendrier.svg');
				content:' ';
				width:340px;
				max-width:15%;
				height:340px;
				display:block;
			    position: absolute;
				bottom: 10%;
     			left: 20%;
     			background-size: contain;
				background-repeat:no-repeat;
				background-position-y:bottom 0;
   				}
			}
		}
	}