@media only screen and (min-width: 600px) {
	.ulDisabled{
		pointer-events: none;
		opacity: 0.33;
	}
	#search {
		height: auto;
	}
	#search h1 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 24px;
	}
	#search form {
		margin: 0 0 0 0px;
	}
	#search form .inside {
		border-bottom: 1px solid;
	}
	#modal-recherche {
		height: 215px;
		overflow: auto;
	}
	.inputRecherche {
		width: 100%;
		background-color: #edf5ea;
	}
	.cadre {
		width: 680px;
		margin-left: 33.7%;
		background-color: #edf5ea;
		border-radius: 10px 10px 0 0;
	}
	.containerDesktopEntete {
		background-color: #edf5ea;
		height: 46px;
		width: 677px;
		margin-left: 34.1%;
	}
	#onglets {
		/*** KEEP ??**/
	}
	#onglets .buttons-search {
		margin-left: 0.5%;
		text-align: center;
		width: 730px;
	}
	#onglets .buttons-search a, #onglets .buttons-search span {
		display: inline-block;
		float: left;
		height: 46px;
		margin-right: 10px;
		text-align: center;
		width: 22%;
		background-color: #edf5ea;
	}
	#onglets .buttons-search a.last, #onglets .buttons-search span.last {
		margin: 0;
	}
	#onglets .buttons-search a span, #onglets .buttons-search a.clickable {
		cursor: pointer;
	}
	#onglets .buttons-search a span.active, #onglets .buttons-search a.clickable.active {
		text-decoration: underline;
		border-radius: 10px 10px 0 0;
		color: #5a545a;
		background-color: white;
	}
	#onglets .buttons-search a span.active.alone, #onglets .buttons-search a.clickable.active.alone {
		float: none;
	}
	#onglets .buttons-search a span:hover, #onglets .buttons-search a.clickable:hover, #onglets .buttons-search a span:focus, #onglets .buttons-search a.clickable:focus {
		outline: none;
	}
	#onglets #contentArticles, #onglets #contentCentres, #onglets #contentFormations, #onglets #contentContratsPro {
		width: 100%;
	}
	#onglets #contentArticles #nombre-formation, #onglets #contentCentres #nombre-formation, #onglets #contentFormations #nombre-formation, #onglets #contentContratsPro #nombre-formation {
		margin-bottom: 12px;
	}


	.cadre {
		width: 680px;
		margin-left: 40%;
		background-color: #edf5ea;
		border-radius: 10px 10px 0 0;
	}
	.containerDesktopEntete {
		background-color: #edf5ea;
		height: 46px;
		width: 679.5px;
		margin-left: 34.1%;
	}
	div ul li.checked:before {
		background-color: white;
		border: 1px solid #dedede;
		content: "";
		cursor: pointer;
		height: 21px;
		left: 0;
		position: absolute;
		top: 0;
		width: 21px;
	}
	#isEligibleCP:before{
		background-color: white;
		border: 1px solid #dedede;
		content: "";
		cursor: pointer;
		height: 21px;
		left: 0;
		position: absolute;
		top: 0;
		width: 21px;
	}
	.span_droite{
		width: 66.3% !important;
		margin-left: 1.7% !important;
		background-color: white;
		margin-bottom: 1%;
	}
	.span_droite_first{
		float: right;
		justify-content: center;
		width: 102% !important;
		margin-left: 0 !important;
	}

}

@media only screen and  (max-width : 700px) {
	.span_dessous{
		width:100% !important;
		margin-left: 1% !important;
		background-color: white;
		margin-bottom: 1%;
	}

	#facet.facet-mobile {
		display: block;
		position: unset;
		border: unset;
		border-bottom: unset;
		top: unset;
	}
	.blocformations{
		display: block;
	}
	.blocArticles{
		margin-top: 10%;
		display: block;
	}
}
.green-button{
	line-height: 2.875;
	font-size: 16px;
	font-size: 1.6rem !important;
	background-color: #44a33d;
	color: white !important;
	display: block;
	text-align: center;
	top: 20px;
	width: 300px;
	margin: 0 auto;
	font-family: "raleway-bold" !important;
}
.yxt-SearchBar-container {
	display: flex;
	border-radius: 5px !important;
	border: none !important;
}
.taglib-empty-result-message{
	display:none;
}
.pagination-bar{
	display:none;
}

/*  FAQ  */

.faq-show{
	display: block;
}

.faq-hide{
	display: none;
}

.div-faq-search-bar{
	display: flex;
}

.margin-faq-search-bar{
	width: 41.2%;
}

.faq-search-bar{
	width: 100%;
	position: relative;
	border: solid 1px lightgrey;
	margin: 20px auto auto;
	border-radius: 5px;
	display: inline-flex;
}

.faq-search-bar input {
	width: 100%;
}

.faq-search-bar img {
	margin: 0 13px 0 13px;
}

.faq-search-filters{
	display: none;
}

.span8.labels-faq {
	display: inline-flex !important;
	margin-top: 10px;
}

.label-cat {
	background-color: #D8D8D8;
	width: 180px;
	height: 36px;
	padding: 7px 20px 5px 15px;
	border-radius: 5px;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none;
}

.label-cat img {
	margin-left: 10px;
	position: absolute;
	top: 11px;
	right: 10px;
	cursor: pointer;
}

.faq-search-button{
	position: absolute;
	top: 5px;
	right: 8px;
	height: 37px;
	width: 100px;
	border: none;
	border-radius: 5px;
	font-size: 1.3rem;
	color: white;
	background-color: #2279C6;
}

.domaines{
	width: 99.1vw;
	text-align: center;
	background-color:#f1f1f1;
	display: inline-flex;
	flex-wrap: wrap;
	padding-left: 10vw;
}

.domaine{
	width: 450px;
	height: 210px;
	background-color: white;
	border-radius: 15px;
	box-shadow: 0 0 1em lightgrey;
	margin: 25px;
	text-align: left;
	position: relative;
	padding: 15px;
	cursor: pointer;
	border: solid 4px #ffffff;
}

.domaine-left{
	width: 100%;
	margin: auto;
	cursor: default;
	height: fit-content;
	padding-bottom: 2px;
}

.domaine-left ul{
	display: none;
	margin: 0 0 0 -15px !important;
	width: 278px;
	height: fit-content !important;
	background: transparent !important;
}

.domaine-left li{
	cursor: pointer;
	display: inline-flex;
}

.domaine-left li input[type=checkbox]{
	margin-right: 5px;
}

.domaine-left li span{
	margin-left: 5px;
}

.subCat{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: fit-content;
}

.domaine-left img{
	margin-right: 5px !important;
}

.domaine-left h4{
	position: relative;
}

.domaine-left h4 span{
	cursor: pointer;
}

.domaine-collapse{
	transform: rotate(90deg);
	position: absolute;
	top: 8px;
	right: -5px;
	cursor: pointer;
}

.domaine:hover{
	border: solid 4px #48A243;
}

.domaine-link{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.domaine-link a, .domaine-link a:hover {
	color: #2279C6 !important;
}

.domaine img{
	margin-right: 15px;
}

.domaines-cibles {
	position:absolute;
	top:5px;
	right:0;
}

.domaines-cibles img {
	display:block;
	margin-top:15px
}

.domaine ul {
	list-style: none;
	margin-left: 50px;
	height: 135px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.domaine ul::-webkit-scrollbar {
	display: none;
}

.domaine ul li{
	padding-left: 5px;
	font-size: 1.4rem;
}

.domaine ul li::before{
	content: "\2022";
	font-size: 1.8em;
	margin-right: 12px;
	position: relative;
	top: 4px;
}

.domaine-left ul li::before {
	content: "";
}

.dom-afpa-fr ul li::before {
	color: #48A243;
}

.dom-connaitre-afpa ul li::before {
	color: #2279C6;
}

.dom-construire-projet ul li::before {
	color: #EA409E;
}

.dom-pendant-ma-formation ul li::before {
	color: #1AA1DE;
}

.dom-s-inscire-en-formation ul li::before {
	color: #E1137E;
}

.dom-recruter-alternance ul li::before {
	color: #00A0E0;
}

.cibles {
	display: inline-flex;
	flex-wrap: wrap;
	padding-left: 25%;
	width: 99.1vw;
	text-align: center;
	background-color:#f1f1f1;
}

.cible {
	width: 250px;
	height:50px;
	border-radius: 5px;
	margin: 10px 25px 10px 25px;
	padding-left : 15px;
	cursor: pointer;
}

.cible-left{
	padding-top: 1px;
	width: 100%;
	margin: auto;
}

.cible img{
	margin-right:15px;
}

.cible:hover {
	background-color: #2279C6;
	color: white;
}

/* FAQ Mobile */
@media (max-width: 769px) {
	.margin-faq-search-bar {
		display: none !important;
	}
}

@media only screen and  (min-width : 500px) {
	.event-search{
		display:inline-flex;
	}
}

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

	.cibles{
		padding-left: 10%;
	}

	.cible{
		margin: 5px 25px 5px 25px;
		padding-top: 5px;
	}

	.domaines{
		padding-left: 0;
	}

	.domaine{
		height: 60px;
		margin: 10px 25px 10px 25px;
	}

	.domaine ul {
		display: none;
	}

	.domaine-link {
		display: none;
	}

	.domaines-cibles {
		display: inline-flex;
	}

	.faq-search-button{
		display: none;
	}

	.recherche-faq-portlet input[type='text'], .faq-search-bar{
		width:80vw;
	}

	.faq-search-bar a img{
		margin-right: 26px;
	}

	.faq-search-filters{
		display: block;
		margin: 35px auto auto;
	}

	.control-group, .input-text-wrapper{
		width: 90vw;
	}

	.faq-search-button{
		display: none;
	}

}

/* FAQ filters */


.popin-faq-filters {
	background-color: #f1f1f1;
	padding: 15px;
	border-radius: 15px;
	position: fixed;
	top: 0;
	z-index: 15;
	width: 105vw;
	height: 105vh;
}

.filters-all{
	height: 87%;
	overflow: scroll;
}

.filters-buttons {
	text-align: center;
	margin-top: 10px;
}

.filters-cibles{
	margin-top: 30px;
}

.filters-cibles ul,.filters-domaines ul {
	list-style: none;
}

.filters-cibles ul li::before,.filters-domaines ul li::before {
	content: ""
}

.filters-cibles ul li,.filters-domaines ul li ul li {
	margin-bottom: 5px;
	background-color: white;
	border: solid 1px lightgray;
	border-radius: 5px;
	padding: 10px;
	width: 96%;
	position: relative;
}

.filters-domaines ul li {
	margin-bottom: 15px;
	background-color: white;
	padding: 15px;
	border: solid 1px lightgrey;
	border-radius: 20px;
}

.filters-domaines ul li span{
	color:#5a545a;
}


.filters-domaines ul li img {
	margin-right: 15px
}

.filters-domaines ul li ul {
	margin-top: 10px
}

.filters-cibles ul li label,.filters-domaines ul li ul li label {
	width: 100vw
}

.filters-cibles ul li label img {
	margin-right: 15px
}

.check-filters{
	float: right;
	position: absolute;
	top: 10px;
	right: 10px;
}

#filters-clear {
	margin-right: 20px;
	background-color: white;
	border: solid 1px #e1137e;
	color: #e1137e;
	width: 140px;
	height: 35px
}

#filters-close {
	background-color: #e1137e;
	border: solid 1px #e1137e;
	color: white;
	width: 140px;
	height: 35px
}

@media (min-width: 1025px) {
	.smaller.faq {
		width:1434px;
	}
}
@media (max-width: 318px) {
	#filters-clear {
		margin-right: 0;
	}
}

@media (max-width: 299px) {
	#filters-close {
		margin-top: 10px;
	}
}
