@media screen and (max-width:  991px) {
  header {
    padding: 20px;
  }

  header label {
    display: initial;
   margin-left: 100px;

  }

  header .logo img{
  	padding-top: 20px;
  	margin-top: -10px;
  	margin-bottom: 5px;
  	width: 100px;
}

  header .navbar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #717D7E;
    border-top: 1px solid white;
    display: none;
   }

  header .navbar ul li {
    width: 100%;
  }

  header .navbar ul li ul {
    position: relative;
    width: 100%;
  }

header .navbar ul li ul li{
  background: #78a39b;
  }

header .navbar ul li ul li ul{
  width: 100%;
  left: 0;
  }

  #menu-bar:checked ~ .navbar {
    display: initial;
  }
}
/* LIEN SITE CARRIERE */

@media screen and  (max-width:  991px){

	.CliquezIci a{
		margin-left: -150px;
	}

	.lienOffresEmplois p.ln {
		margin-top: -38px;
	}

	.lienOffresEmplois p.mail {
		margin-top: -33px;
	}
}


/* MENU NAVIGUATION */

@media all and (min-width: 1439px) and (max-width: 1600px) {

	.fondAccueil .img {
		margin-left: 600px;
		width: 800px;
		height: 500px;
	}

	.fondAccueil .logoJDL {
		margin-top: -260px;
		margin-left: 180px;
		width: 600px;
	}

	.textdaccroche2 {
		margin-left: 820px;
		font-size: 30px;
	}

	.fondAccueil {
	width: 800px;
	}
}

@media screen and  (min-width: 1124px) and (max-width: 1438px) {

	.fondAccueil .img {
		margin-left: 400px;
		width: 700px;
		height: 500px;
	}

	.fondAccueil .logoJDL {
		margin-top: -215px;
		margin-left: 50px;
		width: 500px;
	}

	.textdaccroche2 {
		margin-left: 590px;
		font-size: 27px;
	}

	.fondAccueil {
	width: 580px;
	}
}

@media screen and  (min-width: 990px) and (max-width: 1124px) {

	.fondAccueil .img {
		margin-left: 400px;
		width: 600px;
		height: 400px;
	}

	.fondAccueil .logoJDL {
		margin-top: -215px;
		margin-left: 50px;
		width: 500px;
	}

	.textdaccroche2 {
		margin-left: 590px;
		font-size: 22px;
	}

	.fondAccueil {
	width: 570px;
	}
}

@media screen and  (max-width:  991px)  {
	.fondAccueil .img {
		margin-left: 250px;
		width: 500px;
		height: 300px;
	}

	.fondAccueil .logoJDL {
		margin-top: -120px;
		margin-left: 35px;
		width: 300px;
	}

	.textdaccroche2 {
		margin-top: -50px;
		margin-left: 375px;
		font-size: 20px;
	}

	.fondAccueil {
	width: 360px;
	}
}


@media screen and  (max-width:  780px) {
	.partners{
		max-width: 100%;
	}
}

@media screen and  (max-width:  480px) {
	.fondAccueil .img {
			margin-left: 0;
			width: 100%;
			height: 150px;
		}
		.fondAccueil .logoJDL{
			margin-top: -64px;
			margin-left: 0;
			width: 150px;
			transform: translateX(-70%);
		}
		.textdaccroche2{
			margin-top: 9px;
			margin-left: 0;
			font-size: 14px;
			text-align: center;
		}
		.fondAccueil{
			width: 100vw;
			margin-top: 0;
			padding: 0;
		}

		.lienOffresEmplois p{
			text-align: left;
		}
		.qualités{
			font-size: 12px;
		}
		.qualités span{
			font-size: 12px;
		}

		.lienOffresEmplois{
			font-size: 12px;
		}
		.CliquezIci a{
			margin-left: 0;
		}
		.lienOffresEmplois a{
			font-size: 14px;
		}
		.lienOffresEmplois p.ln{
			margin-top: 0px;
		}
}
@media screen and  (max-width:  720px) {
	
	.titreAccompganement{
		font-size: 32px;
		line-height: 1.25em;
		padding: 9px;
	}

		html, body{
			overflow-x: hidden;
		}
		.num{ 
			height: fit-content;
			display: flex;
			gap: 60px;
			align-items: baseline;
			padding: 1em;
		}
		.recrutement .num1-3{
			margin-left: 0;
		}
		.recrutement .num2-4{
			margin-left: 0;
		}

		.imgService{
			display: none;
		}

		.imgService + img{
			
			width: 90vw;
			height: 300px;
		}

		.card h1{
			font-size: 22px;
		}

		#Presentation{
			overflow: hidden;
		}


		.textdaccroche{
			font-size: 32px;
		}

		.container1 .slide-container .slide .text{
			font-size: 10px;
		}

		.container1 .slide-container .slide .user .user-info h5{
			font-size: 10px;
			font-weight: bold;
		}

		.logoJDL{
			display: none;
		}
		.fondAccueil .img{
			margin-left: 0;
		}

		.personnel{
			max-width: 90%;
			margin: auto;
		}
		.apparition2 .text2{
			margin-left: 0;
		}
}

@media screen and  (min-width:  480px) and (max-width:  720px) {

.fondAccueil .img {
		margin-left: 0px;
		width: 100%;
		height: 250px;
	}

	.fondAccueil .logoJDL {
		margin-bottom: -5px;
		margin-top: -130px;
		margin-left: 10px;
		width: 300px;
	}

	.textdaccroche2 {
		margin-top: 10px;
		margin-left: 0;
		font-size: 22px;
		text-align: center;
	}

	.fondAccueil {
	width: 100%;
	padding: 0;
	}
}



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

	.carousel {
		font-size: 13px;
	}

	.notrejob {
		margin-left: 20px;
		font-size: 20px;
	}

}


/* NOS SERVICES */

@media screen and  (min-width: 1539px) and (max-width: 1720px) {

.schema img {
	margin-bottom: -1250px;
	margin-left: 800px;
}
.schema .imgmain {
	margin-bottom: -1150px;
	margin-left: 1100px;
}

}

@media screen and  (min-width: 1300px) and (max-width: 1500px) {
.schema .imgmain {
	margin-bottom: -2700px;
	margin-left: 400px;
	width: 500px;
	}


}

@media screen and  (min-width: 1100px) and (max-width: 1300px) {
		.schema img {
		margin-bottom: -2800px;
		margin-left: 55px;
	}

	.schema .imgmain {
	margin-bottom: -2700px;
	margin-left: 250px;
	width: 500px;
	}

}

@media screen and  (min-width: 700px) and (max-width:  1100px) {

	.schema img {
		margin-bottom: -2800px;
		margin-left: 55px;
	}

	.schema .imgmain {
	margin-bottom: -2700px;
	margin-left: 250px;
	width: 400px;
	}


}


@media screen and  (min-width: 600px) and (max-width:  700px){
	.schema img {
		margin-bottom: -2800px;
		margin-left: 5px;
	}

	.schema .imgmain {
	margin-bottom: -2700px;
	margin-left: 170px;
	width: 400px;
	}


}

@media screen and  (min-width: 500px) and (max-width:  600px) {
	.schema img {
		margin-bottom: -2800px;
		margin-left: 5px;
	}

	.schema .imgmain {
	margin-bottom: -2700px;
	margin-left: 170px;
	width: 300px;
	}

}

@media screen and  (min-width: 400px) and (max-width:  500px) {
	.schema img {
		margin-bottom: -2800px;
		margin-left: 5px;
	}

	.schema .imgmain {
	margin-bottom: -2700px;
	margin-left: 170px;
	width: 300px;
	}


}


/* EXPERTISE */

@media screen and  (min-width: 1539px) and (max-width: 1720px) {
	.titreExpertise {
	margin-left: 220px;
	margin-right: 250px;
	}
}

@media screen and  (min-width: 1300px) and (max-width: 1539px) {
	.titreExpertise {
	margin-left: 220px;
	margin-right: 250px;
	}
}

@media screen and  (min-width: 1100px) and (max-width: 1300px) {

	.titreExpertise {
	margin-left: 200px;
	margin-right: 230px;
	}
}

@media screen and  (min-width: 900px) and (max-width:  1100px) {
	.titreExpertise {
	margin-left: 100px;
	margin-right: 130px;
	}
}

@media screen and  (min-width: 700px) and (max-width: 900px){

	.titreExpertise {
	margin-left: 100px;
	margin-right: 130px;
	}
}


@media screen and  (min-width: 600px) and (max-width:  700px){

	.titreExpertise {
	margin-left: 50px;
	margin-right: 50px;
	}
}

@media screen and  (min-width: 500px) and (max-width:  600px) {

	.titreExpertise {
	margin-left: 50px;
	margin-right: 50px;
	}
}


/* LES TEMOIGNAGES */

@media screen and  (min-width: 1800px) and (max-width: 1900px) {
	.container {
	margin-left: 500px;
	}
}

@media screen and  (min-width: 1600px) and (max-width: 1800px) {
	.container {
	margin-left: 350px;
	}
}

@media screen and  (min-width: 1400px) and (max-width: 1600px) {
	.container {
	margin-left: 300px;
	}
}

@media screen and  (min-width: 1200px) and (max-width: 1400px) {
	.container {
	margin-left: 200px;
	}

	.container #next {
		right: 100px;
	}


	.container #prev {
		left: -150px;
	}


}

@media screen and  (min-width: 1100px) and (max-width:  1200px) {
	.container {
		margin-left: 200px;
	}

	.container .slide-container .slide {
		width: 650px;
		margin-left: 43px;
	}

	.container #next {
		right: 30px;
	}


	.container #prev {
		left: -100px;
	}


}


/* POINTS FORTS */

@media screen and  (min-width: 1800px) and (max-width: 1900px) {

	h3.titre {
	font-size: 30px;
}

.rond.deux, .rond.quatre {
	margin-top: -190px;
	margin-left: 950px;
}

.rond.un {
	margin-top: 200px;
	margin-left: 150px;
}

.rond.trois {
	margin-left: 150px;
}

.rond.un, .rond.deux, .rond.trois, .rond.quatre {
	border-radius: 180px;
	width: 200px;
	height: 200px;
}

.pointfort {
	margin-left: 100px;
	justify-content: space-evenly;
	display: flex;
}

.pointfort h4 {
	font-size: 30px;
}

.pointfort .maj {
	font-size: 40px;
}

.pointfort p {
	margin-top: -150px;
	margin-left: -100px;
	padding: 50px;
	width: 550px;
	}

}

@media screen and  (min-width: 1700px) and (max-width: 1800px){

.rond.deux, .rond.quatre {
	margin-top: -190px;
	margin-left: 900px;
}

.pointfort p {
	margin-top: -150px;
	margin-left: -100px;
	padding: 50px;
	width: 550px;
	background: #717D7E;
	color: white;
}

.pointfort h4 {
	font-size: 30px;
}
.pointfort .maj {
	font-size: 40px;
}

}

@media screen and  (min-width: 1600px) and (max-width: 1700px){

.rond.deux, .rond.quatre {
	margin-top: -190px;
	margin-left: 830px;
}

.rond.un {
	margin-left: 120px;
}

.rond.trois {
	margin-left: 120px;
}

.pointfort p {
	width: 550px;
}

.pointfort h4 {
	font-size: 30px;
}
.pointfort .maj {
	font-size: 40px;
}
 }

 @media screen and  (min-width: 1500px) and (max-width: 1600px) {

 	.rond.deux, .rond.quatre {
	margin-top: -190px;
	margin-left: 800px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.pointfort p {
	width: 550px;
}

.pointfort h4 {
	font-size: 30px;
}
.pointfort .maj {
	font-size: 40px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
 }

 @media screen and  (min-width: 1400px) and (max-width: 1500px){
 		.rond.deux, .rond.quatre {
	margin-top: -190px;
	margin-left: 750px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.pointfort p {
	width: 500px;
}

.pointfort h4 {
	font-size: 25px;
}
.pointfort .maj {
	font-size: 35px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
 }

@media screen and  (min-width: 1300px) and (max-width: 1400px) {
.rond.deux, .rond.quatre {
	margin-left: 670px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.rond.un, .rond.deux, .rond.trois, .rond.quatre {
	width: 180px;
	height: 180px;
}

.pointfort p {
	font-size: 15px;
	width: 450px;
}

.pointfort h4 {
	margin-top: -110px;
	font-size: 25px;
}
.pointfort .maj {
	font-size: 35px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
}

@media screen and  (min-width: 1200px) and (max-width: 1300px){
	.rond.deux, .rond.quatre {
	margin-left: 640px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.rond.un, .rond.deux, .rond.trois, .rond.quatre {
	width: 180px;
	height: 180px;
}

.pointfort p {
	font-size: 15px;
	width: 450px;
}

.pointfort h4 {
	margin-right: 5px;
	margin-top: -110px;
	font-size: 25px;
}
.pointfort .maj {
	font-size: 35px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
}

@media screen and  (min-width: 1100px) and (max-width: 1200px) {
	.rond.deux, .rond.quatre {
	margin-left: 570px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.rond.un, .rond.deux, .rond.trois, .rond.quatre {
	width: 180px;
	height: 180px;
}

.pointfort p {
	padding: 40px;
	font-size: 15px;
	width: 350px;
}

.pointfort h4 {
	margin-right: 5px;
	margin-top: -110px;
	font-size: 25px;
}
.pointfort .maj {
	font-size: 35px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
}

@media screen and  (min-width: 1000px) and (max-width: 1100px) {
	.rond.deux, .rond.quatre {
	margin-left: 570px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.rond.un, .rond.deux, .rond.trois, .rond.quatre {
	width: 180px;
	height: 180px;
}

.pointfort p {
	padding: 40px;
	font-size: 15px;
	width: 350px;
}

.pointfort h4 {
	margin-right: 5px;
	margin-top: -110px;
	font-size: 25px;
}
.pointfort .maj {
	font-size: 35px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
}


@media screen and  (min-width: 900px) and (max-width: 1000px) {
	.rond.deux, .rond.quatre {
	margin-left: 570px;
}

.rond.un {
	margin-left: 80px;
}

.rond.trois {
	margin-left: 80px;
}

.rond.un, .rond.deux, .rond.trois, .rond.quatre {
	width: 160px;
	height: 160px;
}

.pointfort p {
	padding: 40px;
	font-size: 15px;
	width: 300px;
}

.pointfort h4 {
	margin-right: 5px;
	margin-top: -80px;
	font-size: 20px;
}
.pointfort .maj {
	font-size: 30px;
}

.pointfort {
	margin-right: -50px;
	margin-left: 50px;
	}
}