/*MENU CATEGORIE DE SESSION*/
.categorie_liste {
	display: block;
	float: left;
	width: 17%;
	background-color: #FAFAFA;
	margin: 75px 0 0 10px;
}
	.categorie_liste h3 {
		padding: 10px 30px;
		margin: 0;
		border-radius: 5px;
		font-family: "wf_SegoeUINormal";
		color: #FFFFFF;

	}
	.categories {
		display: block;
		margin: 20px 15px;
	}
		.categories ul.parent {
			padding: 0px;
		}
		.categorie, .categorie_fille {
			display: block;
			background-color: #FAFAFA;
			font-family: "wf_SegoeUINormal";
			cursor: pointer;
		}
			.categorie {
				border-bottom: 1px solid #5FA0B2;
				color: #3FB0CE;
				padding: 8px 0px 8px 20px;
			}
			.categorie.selected {
				background-color: #CFCFCF;
				color: #FFFFFF;
			}
				.categorie_fille {
					padding: 0px 10px;
				}
					.categorie_fille .categorie {
						border-bottom: 1px solid #D8D8D8;
						color: #B6B6B6;
						padding: 5px 0px 5px 20px;
						list-style-type: circle;
					}
					.categorie_fille .categorie.selected {
						background-color: #CFCFCF;
						color: #FFFFFF;
					}
						.TitreCategorie {
							font-family: "wf_SegoeUINormal";
							font-size: 18px;
							border: 1px solid #E3E3E3;
							margin: 0 0 0 0;
							padding: 10px 20px 10px 20px;
							margin-left: 2%;
							background-color: #EBF6FA;
						}
					.categorieExtend {
						display: block;
						float: right;
						width: 20px;
						height: 20px;
						background: url(../images/dropdown.png) no-repeat 50% 50%;
					}
					.categorieExtend.moins {
						background: url(../images/dropup.png) no-repeat 50% 50%;
					}



/*CATALOGUE DES SESSIONS*/
.catalogueDeSession {
	display: block;
	float: left;
	width: 80%;
	padding: 0px;
	margin-top: 75px;
}
	.catalogueDeSession h3 {
		color: #41B3CE;
		border-bottom: 3px solid #40B1D1;
		font-family: "wf_SegoeUINormal";
		font-size: 18px;
		margin-left: 2%;
		padding: 0 0 0.6em 0.5em;
	}
		.catalogueDeSession h3 span {
			padding-right: 0.3em;
			font-size: 20px;
		}
	.sessionListe {
		margin-left: 2%;
		margin-top: 0;
		padding: 0px;
	}
		.sessionListe li {
			display: inline-block;
			width: 100%;
			min-height:220px;
			margin: 0 0 0.5% 0;
			padding: 15px 25px 15px 25px;
			background-color: #FAFAFA;
			border-bottom: 1px solid #40B1D1;
			box-sizing: border-box;
			position: relative;
			vertical-align: top;
		}

@media all and (max-width: 768px) {
	/* Strucure*/
	.catalogueDeSession{
		width:100%;
		margin:0;
		padding:0!important;
	}
	.categorie_liste {
		width: 100%;
		float: none;
		margin: 0;
	}
	/* Ajustements*/
	ul.sessionListe {
		padding: 0;
		/*Hide a piece of BANDEAU*/
		overflow:hidden;
	}

}
@media all  and (min-width: 769px) and (max-width: 1180px){
	/*strucure*/
	.catalogueDeSession {
		width: 70%;
	}
	.categorie_liste {
		width: 25%;
	}
	/* Ajustements*/
	.sessionListe {
		padding: 0 0 0 15px;
		margin: 0;
	}
}

/* contenu session*/

.sessionListe li .BANDEAU {
    width: 220px;
    padding: 0 15px;
    height:65px;
    position:absolute;
    top:0;
    right:-10px;
    z-index:0;
    background: url('../../images/bandeau.png') no-repeat;
}

	.sessionListe li .BANDEAU.inscription-close {
		background: url('../../images/bandeau-gris.png') no-repeat;
	}
	.sessionListe li .BANDEAU span {
		position:relative;
		display:block;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		color:#fff;
		z-index:2;
		font-family: "wf_SegoeUIBold";
		line-height:67px; /*height + font-size/2*/
		font-size:14px;
	}
	.sessionListe li .nom a {
		text-decoration: none;
		color: #000;
	}
		.sessionListe li h5 {
			font-family: "wf_SegoeUINormal";
			font-size: 18px;
			margin: 0.5em 0 0.5em 0;
		}

.sessionListe li .duree,
.sessionListe li .date,
.sessionListe li .description {
	font-family: "wf_SegoeUILight";
	font-size: 16px;
	padding-right: 1em;
	display:inline-block;
	vertical-align:middle;
}
	.sessionListe li .date .icon-planning {
		color: #3ec3be;
		font-size:30px;
		padding-left:3px;
	}

.sessionListe li a.link-info,
.sessionListe li input {
	box-sizing: border-box;
	font-family: "wf_SegoeUIBold";
	font-size: 15px;
	padding: 8px;
	width: auto;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0.8em;
	border-radius: 7px;
	border: 3px solid #2FA0A6;
	color: #36BBC2;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin-left:1em;
}
.sessionListe li a.link-info:hover,
.sessionListe li a.link-info:focus,
.sessionListe li input:hover,
.sessionListe li input:focus {
	color: #fff;
	background: #2FA0A6;
}

.sessionListe li a.link-info,
.sessionListe li form{
	display:inline-block;
	vertical-align:middle;
}
	.sessionListe li input {
		background: #fff;
		cursor: pointer;
	}

.sessionListe li a.link-inscription {
	font-family: "wf_SegoeUIBold";
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.pieInscriptions {
	display: inline-block;
	vertical-align:middle;
	margin-left:1em;
	float:right;
	margin-top:0.4em;
}
	.grafico {
		height: 48px; /* sombra widht + border*2*/
		position: relative;
		width: 48px; /* sombra widht + border*2*/
		display:inline-block;
		vertical-align:middle;
	}
		.sombra {
			display:block;
			background-color: #fff;
			border-radius: 50%;
			border: 5px solid #2D99B9;
			height: 38px;
			width:38px;
		}
		.pieSlice1 {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			top: 5px;
			left: 5px;
		}
		.pieSlice2 {
			top: 5px;
			left: 5px;
		}
			.hold {
				position: absolute;
				width: 38px;
				height: 38px;
				border-radius: 50%;
				clip: rect(0px, 100px, 38px, 19px);
			}
				.quesito {
					border-radius: 50%;
					clip: rect(0px, 19px, 38px, 0px);
					height: 100%;
					position: absolute;
					width: 100%;
				}
	span.inscrit {
		display: inline-block;
		vertical-align:middle;
		padding-left: 10px;
		font-family: "wf_SegoeUIBold";
		line-height: 32px;
		font-size: 15px;
		text-align: left;
		color: #545454;
	}
	span.session-pleine {
		display: inline-block;
		font-family: "wf_SegoeUIBold";
		line-height: 32px;
		font-size: 15px;
		color: #545454;
		top: -13px;
		position: relative;
	}
	svg.icon-pleine {
		fill: #FF4000;
		padding-right: 15px;
		box-sizing: content-box;
	}

@media all and (max-width: 768px) {
	.sessionListe li a.link-info,
	.sessionListe li form,
	.sessionListe li input {
		display:block;
	}
	/* Ajust form widht with uli padding */
	.sessionListe li input{
		width: calc(100% - 1em);
	}
	.sessionListe li .pieInscriptions{
	float:none;
	}
	.sessionListe li .BANDEAU{
		position:relative;
		float:right;
	}
}

@media all and (max-width: 1180px) {
	.sessionListe li .date{
		display:block;
	}
}

/*OTHER*/
.inscription_load {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(68, 68, 68, 0.5);
}
.popUp_inscription_load {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 64%;
	height: 350px;
	position: absolute;
	top: 35%;
	left: 20%;
	background: url('../../images/img-pop-candidatures.jpg') no-repeat top left #fff;
	background-size: cover;
}
.logo_inscription_load {
	float: left;
	width: 15%;
	height: 150px;
	padding: 0 0em 0 7em;
	background: url('../../images/fusee.svg') no-repeat center center;
}
.message_inscription_load {
	width: 100%;
	font-size: 24px;
	font-family: "wf_SegoeUISemiBold";
	background-image: url('../../images/ago-loader-popup-catalogue.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 5em;
	padding-bottom: 110px;
}