.isi-param-right {
	position: fixed; 
	top: 0;
	right: 0;
	height: 100vh; 
	width: 350px;
	background: #efefef;
	z-index:110;
}

.isi-circle-but {
    border-radius: 50%;
    height: 46px;
	width: 46px;
	font-size: 120%;
	border: unset;
	margin: 3px;
}

.isi-circle-but:hover {
      background-color:#f0f0f0;
	  color: #999999;
      transition: 0.7s;
}
  
.isi-menu-elem {
	position: absolute;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-top: 30px;
	z-index: 1000;
}

.isi-connect {
	border: 1px solid #cccccc;
	height: 45px;
	width: 75px;
	font-size: 120%;
}

.isi-connect:hover {
	background-color:#f0f0f0;
	color: #999999;
	transition: 0.7s;
}

.isi-engine {
	border: 1px solid #ccc;
	line-height: normal;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.isi-elem-engine {
	padding: 10px;
	border-right: 1px solid #ccc;
}

.isi-label-engine {
	font-weight: 700;
}


/* Classes pour fiche formation */

.training-name {
	font-family: Arial;
	font-size: 3.5rem;
	font-weight: 700;
	background : #3f2782;
	color: #fff;
}
.training-title2 {
	font-family: sans-serif;
	font-weight: 500;
	font-size: 28px;
	padding: 10px;
}
.training-subtitle {
	font-family: Arial;
	font-size: 18px;
	font-weight: 300;
	color : #ffffff;
}
.training-duration-sheet {
	font-family: Arial;
	font-size: 15px;
	font-weight: 300;
	color : #ffffff;
	margin-top: 15px;
	display: flex;
	align-items: center;
}
.training-img {
	justify-content: right;
	
	padding-right: 30px;
	align-items: center;
}
.color-elem {
	color : #7d5643;
}
.training-sheet-back{
	display: flex;
	width: 100%;
	justify-content: left;
	background: #f0f0f0;
}

.content-training {
	justify-content: center;
	align-items: center;
}

.training-prog h1 {
	font-family: sans-serif;
	color: #1c9ec6;
	font-weight: 500;
	font-size: 35px;
	text-align: left;
}
.training-box-sheet{
	box-shadow: 11px 7px 19px 5px rgba(0,0,0,0.05);
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #eee;
}
.training-box-sheet-left {
	margin-top: 15px;
	padding: 10px;
	border-left: 6px solid #e73265;
}
.training-box-sheet h3 {
	font-weight: 700;
	font-size: 20px;
}
.training-prog {
	margin-top: 30px;
}

.h3-public {
	color: #000000;
	font-size: 1rem;
	font-weight: 700;
	font-family: arial;
}

.btn-round {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: #e73265;
	color: #fff;
}

.btn-round:hover {
	background: #e73265;
	color: #3e2a81;
}

.isi-box-sticky {
/*	position: sticky;
	position: -webkit-sticky;
	top: 0;
*/	
}

.lst-class {
	display: flex;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 70px;
}

.lst-class-date {
	width: 70%;
	display: flex;
	align-items: center;
}

.lst-class-place {
	width: 20%; 
	background: #f1f7e7; 
	color: #9ead18; 
	font-size: 115%; 
	height: 68px; 
	display: flex; 
	justify-content: center; 
	align-items: center;
}

.lst-class-but {
	width: 20%;
	text-align:right;
}

.lst-class-content {
	display: flex;
	width: 70%;
	justify-content: space-between;
}

.isi-elem-box-training-one {
	max-width: 385px;
	min-height: 300px;
	max-height: 300px;
	position: relative;
}

.isi-box-training-one-content {
	position: absolute;
	right: 50%;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, -50%);
}

.isi-box-elem-trainee {
	flex: 1 1 0%; 
	height: 100%; 
	justify-content: flex-start; 
	cursor: pointer; 
	background: #ffffff; 
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	max-width: 300px;
	min-height: 160px;
}

.isi-box-domain-training-one{
	background: #5FBD95;
}

  

/* Smartphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	[data-type="grid"] {
		width: 100%;
	}
	
	div[id^="PanHeadMiddle_"] {
		display: none;
	}
	
	div[id^="PanHeadModel_"] {
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	
	div[id^="PanHeadLeft_"].isi-box-25 {
		width: unset;
	}
	
	.isi-head-left img {
		max-height: 39px !important;
	}
	
	div[id^="PanHeadRight_"] {
		flex-direction: row;
	}
	
	div[id^="PanHeadRight_"] div {
		flex-direction: row;	
	}	
	
	.isi-connect {
		flex-direction: row;
		justify-content: space-around;
	}
	
	[data-type="grid"] .isi-box-50 {
		width: 100%;
	}
	
	[data-type="image"] img {
		max-width: 85%;
	}
	
	
	#PanEngineSearch .isi-flex {
		display: flex; 
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	#PanEngineSearch .isi-box-50 {
		width: 100%
	}
	
	.isi-lst-box-training-one {
		flex-wrap: wrap;
	}
	
	.isi-lst-box-domain-training-one {
		flex-wrap: wrap;
	}
	
	h5, .h5 {
		font-size: 145% !important;
	}
	
	h1, .h1 {
		font-size: 160% !important;
	}
	
	.isi-box-training-one-descr {
		width: 100%;
	}
	
	.isi-box-training-one-notation {
		width: 100%;
	}
	
	.isi-box-training-one-button {
		width: 100%;
	}
	
	.isi-box-but-training-one {
		width: 100%;
	}
	
	.isi-box-training-one-price {
		width: 100%;
	}

	.isi-box-training-one-content {
		flex-direction: column-reverse;
	}
	
	.training-title2 {
		width: 100% !important;
		padding: 0px;
	}
	
	.training-title2 div {
		flex-direction: row;
		font-size: 85% !important;
		padding: 0px;
	}
	
	div.training-title2 .btn-link {
		font-size: 100% !important;
	}
		
	.isi-title-page	{
		flex-direction: row;
		width: 100% !important;
		padding: 0px;
	}
	
	.isi-title-page div {
		font-size: 100% !important;
		padding: 0px;
	}
	
	div.isi-title-page .btn-link {
		font-size: 100% !important;
	}

	.isi-title-page .h3 {
		font-size: 100% !important;
	}
	
	
	div.training-subtitle {
		font-size: 45% !important;
		padding-left: 15px !important;
	}
	
	div.training-duration-sheet {
		font-size: 35% !important;
		padding-left: 15px !important;
	}
	
	div.training-img {
		display: none !important;
	}
	
	.content-training div {
		padding: 0px;
		width: 100%;
	}
	
	.training-prog {
		align-items: flex-start; 
	}
	
	.training-prog h1 {
		font-size: 130% !important;
	}
	
	.training-box-sheet {
		flex-direction: row !important;
	}
	
	.training-box-sheet div {
		width: unset;
	}
	
	div.training-satis {
		width: 45%;
		height: 103px;
	}
	div.training-satis > span {
		font-size: 270%;
	}
	
	div.training-satis-detail {
		height: 75px;
	}
	
	div.content-training-satis {
		flex-direction: row;
		margin-top: 10px;
		width: 80%;
	}
	
	div.content-btn-sheet {
		flex-direction: row !important;
	}
	
	.lst-class {
		flex-direction: column;
		font-size: 90%;
		height: unset !important;
	}
	
	.lst-class-content {
		align-items: center;
	}
	
	/* Filtre de recherche */
	[data-type="result-search"] {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	#PanResultSearchFilter {
		width: 100% !important;
		display:none;
	}
	
	#PanResultSearch .isi-box-70 {
		width: 100% !important;
	}
	
	.isi-but-filter {
		display: flex !important;
	}
	
	.isi-flex-row {
		flex-direction: row !important;
		justify-content: flex-end !important;
	}
	
	.isi-box-training-domain .h4 {
		padding-left: 5px;
	}
	
	.isi-box-training-domain img {
		max-width: 85px !important;
		max-height: auto !important;
	}
	
	div[id^="PanRatingTrainSearch_"] {
		width: 100%;
		flex-direction: row;
		justify-content: center !important;
	}
	
	.btn-1 {
		min-width: unset !important;
	}
	
	.domaintraining-name {
		flex-direction: row !important;
	}

	.domaintraining-img img {
		height: 61px !important;
		width: auto !important;
	}
	
	#PanOFSheetTraining img {
		max-width: 100px !important;
	}
	
}

/* Résolution jusqu'à 767 */
@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {
	[data-type="grid"] {
		width: 100%;
	}
	
	div[id^="PanHeadMiddle_"] {
		display: none;
	}

	.isi-head-left img {
		max-height: 39px !important;
	}
	
	[data-type="grid"] .isi-box-50 {
		width: 100%;
	}

	[data-type="engine-search-training"] {
		padding: 10px !important;
	}
	
	.isi-lst-box-training-one {
		flex-wrap: wrap;
	}
	
	.isi-lst-box-domain-training-one {
		flex-wrap: wrap;
	}

	.lst-class {
		font-size: 90%;
	}
	
	.btn-1 {
		min-width: unset !important;
	}

}


/* Résolution jusqu'à 1024 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.isi-head-left img {
		max-height: 39px !important;
	}
	
	[data-type="grid"] .isi-box-50 {
		width: 75%;
	}
	
	button.btn-city-search .isi-label-engine {
		display:none;
	}

	.isi-lst-box-training-one {
		flex-wrap: wrap;
	}
	
	.isi-lst-box-domain-training-one {
		flex-wrap: wrap;
	}
	
	.isi-item-001 {
		flex-direction: column;
	}
	
	.isi-item-001 .isi-title-item-001 {
		width: 100%;
	}
	.isi-item-001 .isi-text-item-001 {
		width: 100%;
	}
	
	.lst-class {
		font-size: 90%;
	}
	
	.isi-box-training-domain img {
		max-width: 100px !important;
		max-height: auto !important;
	}
	
	.isi-item-002 {
		flex-direction: column;
	}
	
	.isi-box-training-domain .isi-col-empty {
		width: 7%;
	}
	
	.isi-box-training-domain .isi-item-003 {
		width: 22%;
	}
	
	.btn-1 {
		min-width: unset !important;
	}
	
}

/* Résolution jusqu'à 1280 */
@media only screen and (min-device-width : 1025px) and (max-device-width : 1280px) {
	.isi-head-left img {
		max-height: 45px !important;
	}
	
	[data-type="grid"] .isi-box-50 {
		width: 75%;
	}
	
	button.btn-city-search .isi-label-engine {
		display:none;
	}

	.isi-lst-box-training-one {
		flex-wrap: wrap;
	}
	
	.isi-lst-box-domain-training-one {
		flex-wrap: wrap;
	}
	
	.isi-item-001 {
		flex-direction: column;
	}
	
	.isi-item-001 .isi-title-item-001 {
		width: 100%;
	}
	.isi-item-001 .isi-text-item-001 {
		width: 100%;
	}
	
	.lst-class {
		font-size: 90%;
	}
	
	.isi-box-training-domain img {
		max-width: 100px !important;
		max-height: auto !important;
	}
	
	.isi-item-002 {
		flex-direction: column;
	}
	
	.isi-box-training-domain .isi-col-empty {
		width: 7%;
	}
	
	.isi-box-training-domain .isi-item-003 {
		width: 22%;
	}
	
	.btn-1 {
		min-width: unset !important;
	}
	
	.lst-class-content {
		width: 80%;
	}
	
	.lst-class-date {
		width: 75%;
	}
	
	.lst-class-place {
		width: 25%;
	}
	
}