@media screen and (min-width: 1024px) and (max-width: 1388px){
	.texteinfo{
		font-size:16px;
		 -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
	}
	
	table .texteinfo h2{
		font-size: 20px;
	}
	
	table .solution
	{
		height:250px;
	}
	header{
	  background-size: 100% 400px;
	   -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
	}
	header h1{
	  padding: 190px 175px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	.lessolutions{
		height:250px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	.solution p{
		padding:100px 20%;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	body .page{
	  margin: 0px 40px;
	  -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	.texteinfo{
		font-size:14px;
		 -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	table .texteinfo h2{
		font-size: 18px;
	}
	table .solution
	{
		height:150px;
	}
	header{
	  background-size: 100% 300px;
	   -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
	}
	header h1{
	  padding: 125px 125px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	h3{
	  font-size: 25px;
	}
	h2{
		font-size: 20px;
	}
	.solution{
		font-size:20px;
		width:23%;
	}
	
	.lessolutions{
		height:200px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	.solution p{
		padding:80px 20%;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	.lessolutionsEBP{
		height:400px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	nav .immedia{
		padding: 25px 65px;
	}
	nav{
		font-size:18px;;
	}
	hr{
		top:52px;
	}
	.sousmenulogiciel > li{
		padding-right: 90px;
	}
	.sousmenu:hover > .sousmenulogiciel {
		top:4.4vh;
	}
	.sousmenuformation{
		left:340px;
	}
	.sousmenuformation > li{
		padding-right: 112px;
	}
	.sousmenu:hover > .sousmenuformation {
		top:4.4vh;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px){
	body .page{
	  margin: 0px 0px;
	  -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	.texteinfo{
		font-size:12px;
		 -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	table .texteinfo h2{
		font-size: 16px;
	}
	table .solution
	{
		height:150px;
	}
	header{
	  background-size: 100% 250px;
	   -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	header h1{
	  padding: 100px 100px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	h3{
	  font-size: 25px;
	}
	h2{
		font-size: 20px;
	}
	.solution{
		font-size:20px;
		width:95%;
		height:100%;
		margin-top:20px;
	}
	
	.lessolutions{
		flex-direction: column;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	  flex-wrap: nowrap;
	  height:1500px;
	  align-items: center;
	}
	
	nav .onglets{
		background-color: rgba(255,255,255,0.2);
		backdrop-filter: blur(10px);
		align-items:center;
		justify-content: center;
		position:absolute;
		top:0;
		display:flex;
		flex-direction: column;
		width:100%;
		text-align:center;
		height:100vh;
		margin-left:-100%;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	.onglets.mobile-menu{
		margin-left:0;
	}
	
	nav .onglets li{
		margin: 25px 0;
		font-size: 1.5em;
	}
	
	.sousmenulogiciel{
		display:none;
	}
	.sousmenuformation{
		display:none;
	}
	.sousmenuformationEBP{
		display:none;
	}
	
	.menu-burger{
		display:block;
		opacity:1;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	footer{
		padding: 25px 25px;
	}
	footer .colonnes{
		display: flex;
		flex-wrap: nowrap;
	}
	.texteEBP{
		justify-content: center;
	}
	.texteEBP h2{
		font-size:18px;
	}
	.texteEBP img{
		max-width : 50%;
	}
	
	.lessolutionsEBP{
		height:350px;
	}
	hr{
	  position:static;
	  -moz-transition: all 1s;
	  -ms-transition: all 1s;
	  -o-transition: all 1s;
	  transition: all 1s;
	}
	.pdfimg{
		height:80px;
		width:60px;
		-moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
		  border-radius:10px;
	}
	.downloadimg img{
		width:25px;
		height:25px;
		top:75px;
		left:17px;
		-moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
	}
	.right-entete{
		top:20px;
	}
	.certif{
		max-width:50%;
	}
	.lessolutions .manuelEBP
	{
		margin-bottom:40px;
		background-size:70%;
	}
	.tableauvideo{
		display:flex;
		flex-direction: column
	}
	.vidéosupport{
		align-items: center;
	}
	.CGV{
		width:100%;
	}
}

@media screen and (max-width: 480px){
	body .page{
	  margin: 0px 0px;
	  -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	.texteinfo{
	  font-size:12px;
	  -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	table .texteinfo h2{
		font-size: 13px;
	}
	table .solution
	{
		height:150px;
	}
	header{
	  background-size: 100% 200px;
	   -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	header h1{
	  padding: 75px 80px;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	h3{
	  font-size: 25px;
	}
	h2{
		font-size: 20px;
	}
	.solution{
		font-size:20px;
		width:90%;
		height:100%;
		margin-top:20px;
	}
	
	.lessolutions{
		flex-direction: column;
		 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	  flex-wrap: nowrap;
	  height:1200px;
	  align-items: center;
	}
	
	.menu-burger{
		opacity:1;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	nav .onglets{
		background-color: rgba(255,255,255,0.2);
		backdrop-filter: blur(10px);
		align-items:center;
		justify-content: center;
		position:absolute;
		top:0;
		display:flex;
		flex-direction: column;
		width:100%;
		text-align:center;
		height:100vh;
		margin-left:-100%;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	.onglets.mobile-menu{
		margin-left:0;
	}
	
	nav .onglets li{
		margin: 25px 0;
		font-size: 1.5em;
	}
	
	.sousmenulogiciel{
		display:none;
	}
	.sousmenuformation{
		display:none;
	}
	.sousmenuformationEBP{
		display:none;
	}
	
	.menu-burger{
		display:block;
		opacity:1;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	footer{
		padding: 25px 25px;
	}
	footer .colonnes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-content: space-around;
	}
	
	.texteEBP{
		justify-content: center;
	}
	.texteEBP h2{
		font-size:16px;
	}
	.texteEBP img{
		max-width : 50%;
	}
	
	.lessolutionsEBP{
		height:200px;
	}
	hr{
	  position:static;
	  -moz-transition: all 1s;
	  -ms-transition: all 1s;
	  -o-transition: all 1s;
	  transition: all 1s;
	}
	.pdfimg{
		height:80px;
		width:60px;
		-moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
		  border-radius:10px;
	}
	.downloadimg img{
		width:25px;
		height:25px;
		top:75px;
		left:17px;
		-moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
	}
	.right-entete{
		top:20px;
	}
	.listecertificatqualiopi{
		flex-direction:row;
		flex-wrap:wrap;
	}
	.certificatqualiopi{
		width:100%;
	}
	.certif{
		max-width:50%;
	}
	.lessolutions .manuelEBP
	{
		margin-bottom:40px;
		background-size:80%;
	}
	.listesupports{
		flex-direction: column;
		display:flex;
		align-items: flex-start;
		-moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
		  height:500px;
	}
	.supports{
		width:100%;
		-moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
	}
	.tableauvideo{
		display:flex;
		flex-direction: column
	}
	.vidéosupport{
		align-items: center;
	}
	.CGV{
		width:100%;
	}
}