/*Import des style de bases */
@import url("/plugin/page/theme/T1/style/basefont.css");
@import url("/plugin/page/theme/T1/style/basestyle.css");

/* template de Style */
.intitule
{
	float:left;
	width:45%;
	padding-top:4px;
}

.field
{
	float:left;
	width:55%;
	text-align:center;
}

#editAbstract, #editAbstract input[type=text], #editAbstract textarea, #editAbstract input[type=file]
{
	width:470px;
}

#editAbstract textarea
{
	height:200px;
}

#editAbstract .title
{
	width:100%;
    margin:0px;
	margin-top:30px;
	padding:0px;
	padding-top: 14px;
    padding-bottom: 7px;
	font-family: MyConduit;
	font-size: 22px;
	font-weight:normal;
	color: #000000;
	line-height:0.9em;

}

#editAbstract .field

{
	width:100%;
	text-align:left !important;
}

#editAbstract .legend
{
	text-align:right;
	font-size:11px;
}

#editAbstract .libelle, #auteur .libelle
{
	float:left;
	width:140px;
}

#editAbstract .semicolon
{
	float:left;
	width:20px;
}

#editAbstract .check
{
	float:left;
	width:15px;
	margin-right:30px;
}

#editAbstract .fieldauteur, #auteur .fieldauteur, #listAbstracts .field
{
	float:left;
	width:290px;
}

#auteur input[type=text], #auteur textarea, #auteur select
{
	width:280px;
}

#auteur textarea
{
	height:200px;
}

.auteurlistes
{
	border-radius:5px;
	padding:10px;
	line-height:20px;
	margin-bottom:10px;
	background-color:#f0f0f0;
}

#editAbstract .textcache
{
	max-height:90px;
	overflow:hidden;
}

#listAbstracts .libelle
{
	float:left;
	width:50px;
	
}

#listAbstracts .field
{
	
}

#listAbstracts fieldset
{
	padding:10px 0px 10px 10px;
	margin:0px 0px 0px 0px;
}
#listAbstracts select
{
	width:370px;
}

#listAbstracts .headerListAbstract
{
	font-weight:bold;
	border-bottom:1px solid #d3d3d3;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-top:15px;
}

#listAbstracts .listAbstract
{
	margin-bottom:6px;
	padding:3px;
	border-radius:5px;
}

#listAbstracts .admin
{
	float:left;
	width:20px;
}

#listAbstracts .titre
{
	float:left;
	width:250px;
}

#listAbstracts .date
{
	float:left;
	width:100px;
	text-align:right;
}
.agendaElement:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:transparent;
	background-image: -webkit-gradient(linear, left top, right top, from(#1b325b), to(#499fc3));
	background-image: -webkit-linear-gradient(left, #1b325b,#499fc3);
	background-image: -moz-linear-gradient(left, #1b325b,#499fc3);
	background-image: -ms-linear-gradient(left, #1b325b,#499fc3);
	background-image: -o-linear-gradient(left, #1b325b,#499fc3);
	background-image: linear-gradient(left, #1b325b,#499fc3);
	z-index:1;
	opacity:.7;
}
.agendaElement:after
{
	content:"";
	display:block;
	position:absolute;
	right:0;bottom:0;
	width:0; 
	height:0;
	background:url(/template/image/loupe.png) no-repeat bottom right;
	opacity:0;
	z-index:3;
	transition:all .5s;
}
.agendaElement:hover:after
{
	width:100%; 
	height:100%;
	background:url(/template/image/loupe.png) no-repeat center center rgba(35,65,117,.8);
	opacity:1;
}
.agendaElement .img
{
	background:no-repeat center center;
	background-size:cover;
	z-index:0;
}
.agendaElement:nth-child(8n+1) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda1.jpg);
}
.agendaElement:nth-child(8n+2) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda2.jpg);
}
.agendaElement:nth-child(8n+3) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda3.jpg);
}
.agendaElement:nth-child(8n+4) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda4.jpg);
}
.agendaElement:nth-child(8n+5) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda5.jpg);
}
.agendaElement:nth-child(8n+6) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda6.jpg);
}
.agendaElement:nth-child(8n+7) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda7.jpg);
}
.agendaElement:nth-child(8n) .img
{
	background-image:url(/template/image/agenda/defaultListAgenda8.jpg);
}
.agendaElement .img:before
{
	content:"";
	display:block;
	padding-top:99.25%;
}
.agendaElement .img:after
{
	content:none;
}
.agendaElement h5, .agendaElement h6
{
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	right:0;
	padding:20px 25px 20px 25px;
	font-weight:normal;
	font-size:17px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	border-top:1px solid rgb(255,255,255);
	border-top:1px solid rgba(255,255,255, .3);
	z-index:2;
}
#agendaListCtn .listElement.inactive .img:after
{
	background:red;
}
#agendaListCtn .listElement.inactive h5
{
	color:red;
}
.agendaElement .agendadate
{
	position:absolute;
	display:block;
	width:153px;
	height:107px;
	top:50%;
	margin-top:-80px;
	left:50%;
	margin-left:-76px;
	z-index:2;
}
.agendaElement .agendadate.enddate
{
	display:none;
}
.agendaElement .agendadate .day
{
	position:absolute;
	display:block;
	top:0;left:0;right:0;bottom:0;
	background:no-repeat center center;
	background-size:cover;
}
.agendaElement .agendadate .month
{
	position:absolute;
	display:block;
	bottom:0;
	right:12px;
	width:49px;
	height:22px;
	background:no-repeat center center;
	background-size:cover;
}
.agendaElement.with2dates .agendadate
{
	width:100px;
	height:70px;
	top:50%;
	margin-top:-60px;
	left:50%;
	margin-left:-120px;
}
.agendaElement.with2dates .agendadate.enddate
{
	display:block;
	margin-left:20px;
	
}
.agendaElement.with2dates .agendadate.enddate:before
{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:-29px;
	width:18px;
	height:7px;
	background:#ffffff;
}
.agendaElement.with2dates .agendadate .month
{
	right:8px;
	width:32px;
	height:14px;
}

.agendaElement .agendayear
{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	padding:10px 15px 10px 14px;
	background:#243e6d;
	color:#ffffff;
	font-size:13px;
}
.agendaElement .agendayear:empty
{
	display:none;
}

#agendaList a.lienPropose
{
	display:none;
}

#agenda 
{
	margin-bottom:20px;
}
#agenda h1
{
	padding-top:40px;
}
#agenda h1 > span
{
	display:block;
	position:absolute;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	background:#1f3b6c;
	padding:10px;
	bottom:100%;
	margin-bottom:-20px;
}
#agenda.hilightZone h1 > span
{
	margin-bottom:-37px;
}
#agenda h1 > span:before
{
	content:"";
	position:absolute;
	top:100%;
	left:0;
	width:12px;
	height:12px;
	background:url(/template/image/decodate.png) no-repeat;
}

#agendamore .agendamore
{
	margin:10px 0 10px 0;
}
#agendamore .agendamore > a:before
{
	content:">";
	margin-right:5px;
}

.agendalieu
{
	margin:20px 0 20px 0;
	line-height:1.5;
}
.agendalieu:after
{
	content:"";
	display:block;
	clear:both;
}
.agendalieu > b
{
	display:block;
	margin-bottom:5px;
}
.agendalieu > div
{
	display:block;
	position:relative;
	margin-bottom:5px;
}
.agendalieu > a
{
	display:block;
	position:relative;
	float:left;
}


/* Cartouche Agenda */
#cartoucheAgendaCartoucheCtn
{
	display:block;
	position:relative;
	margin:30px 0 0 0;
	padding:0;
}
#cartoucheAgendaCartoucheCtn .agendaElement
{
	display:block;
	position:relative;
	float:left;
	box-sizing:border-box;
	width:50%;
}
#cartoucheAgendaCartoucheCtn .agendaElement .img, .agendahome .img
{
	position:relative;
	display:block;
	width:100%;
}
#cartoucheAgendaCartoucheCtn .agendaElement h6, .agendahome h6
{
	padding:10px 5px 10px 5px;
	font-size:12px;
}

#cartoucheAgendaCartoucheCtn .agendaElement .agendadate, .agendahome .agendadate
{
	width:100px;
	height:70px;
	top:50%;
	margin-top:-60px;
	left:50%;
	margin-left:-50px;
}
#cartoucheAgendaCartoucheCtn .agendaElement .agendadate .month, .agendahome .agendadate .month
{
	right:8px;
	width:32px;
	height:14px;
}

#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate, .agendahome.with2dates .agendadate
{
	width:60px;
	height:42px;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-70px;
}
#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate.enddate, .agendahome.with2dates .agendadate.enddate
{
	display:block;
	margin-left:10px;
}
#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate.enddate:before, .agendahome.with2dates .agendadate.enddate:before 
{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	margin-top:-2px;
	left:-15px;
	width:9px;
	height:4px;
	background:#ffffff;
}
#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate .month, .agendahome.with2dates .agendadate .month
{
	right:5px;
	width:25px;
	height:11px;
}

#cartoucheAgendaCartoucheCtn .more
{
	display:none;
}

/* FIN Cartouche Agenda */
/****** MEDIA QUERIES ******/
@media only screen and (min-width:530px)
{
	#cartoucheAgendaCartoucheCtn .agendaElement h6, .agendahome h6
	{
		padding:20px 20px 20px 20px;
		font-size:15px;
	}
	#cartoucheAgendaCartoucheCtn .agendaElement .agendadate, .agendahome .agendadate
	{
		width:153px;
		height:107px;
		top:50%;
		margin-top:-80px;
		left:50%;
		margin-left:-76px;
	}
	#cartoucheAgendaCartoucheCtn .agendaElement .agendadate .month,  .agendahome .agendadate .month
	{
		right:12px;
		width:49px;
		height:22px;
	}
	
	#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate, .agendahome.with2dates .agendadate
	{
		width:100px;
		height:70px;
		top:50%;
		margin-top:-60px;
		left:50%;
		margin-left:-120px;
	}
	#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate.enddate, .agendahome.with2dates .agendadate.enddate
	{
		display:block;
		margin-left:20px;
	}
	#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate.enddate:before, .agendahome.with2dates .agendadate.enddate:before
	{
		content:"";
		display:block;
		position:absolute;
		top:50%;
		margin-top:-3px;
		left:-29px;
		width:18px;
		height:7px;
		background:#ffffff;
	}
	#cartoucheAgendaCartoucheCtn .agendaElement.with2dates .agendadate .month, .agendahome.with2dates .agendadate .month
	{
		right:8px;
		width:32px;
		height:14px;
	}
}
@media only screen and (min-width:641px)
{
	#agendaListCtn
	{
		clear:both;
	}
	#agendaList a.lienPropose
	{
		display:block;
		float:right;
		box-sizing:border-box;
		margin:00px 0 20px 0;
		padding:5px 10px 5px 10px;
		height:30px;
		background:#f1f1f1;
		border:1px outset #bbb7b7;
		overflow:hidden;
		color:#6b6b6b;
		font-size:13px;
	}
	
	#agendaList .archiveMonth
	{
		margin:5px 0px 25px 2px;
	}
}
@media only screen and (min-width:795px)
{
	#agenda h1 > span
	{
		left:-70px;
	}
	#agenda.stdZone h1 > span, #agenda.hilightZone h1 > span
	{
		left:-80px;
	}
}
@media only screen and (min-width:1080px) /*breakpoint: 1060 + 20px de padding (10 de chaque coté*/
{
	#cartoucheAgendaCartoucheCtn
	{
		margin:0 0 30px 0;
	}
	
	#cartoucheAgendaCartoucheCtn .agendaElement
	{
		float:none;
		width:auto;
	}
	
	#cartoucheAgendaCartoucheCtn .agendaElement:nth-child(1)
	{
		position:absolute;
		top:-263px;
		left:0;
		right:0;
		z-index:1;
	}
	#cartoucheAgendaCartoucheCtn .more
	{
		display:block;
		position:relative;
		font-size:18px;
		font-weight:200;
		color:#21224b;	
		text-transform:uppercase;
		padding:30px 0 30px 46px;
	}
	#cartoucheAgendaCartoucheCtn .more:before
	{
		content:"";
		position:absolute;
		left:30px;
		top:50%;
		margin-top:-8px;
		width:8px;
		height:14px;
		background:url(/template/image/arrowresume.png) no-repeat center center;
		background-size:cover;
	}
}
#annuaireListCtn .listElement
{
	float:none;
	width:auto;
	height:129px;
	margin-right:0;
}
#annuaireListCtn .listElement .img
{
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:129px;
}
#annuaireListCtn .listElement .txt
{
	
	white-space:nowrap; /*pour alignement vertical*/
	padding:10px 25px 25px 25px;
	padding-left:125px;
	color:#21224b;
}
#annuaireListCtn .listElement .txt .phonemail span
{
	display:block;
	color:#21224b;
}
#annuaireListCtn .listElement .txt .resume
{
	padding-bottom:10px;
}
#annuaireListCtn .listElement .txt h5
{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
}
#annuaireListCtn .listElement .txt:after
{
	content:"";
	display:inline-block;
	width:0;
	height:79px;/*129 - 50 de padding*/
	vertical-align:middle;
}

#annuaireListCtn .listElement:hover .img:not(.withvideo):after
{
	display:none;
}
#annuaireListCtn .listElement .img:not(.withvideo):after
{
	display:none;
}
#annuaireListCtn .listElement .resume
{
	display:none;
}

#annuaireSearch
{
	position:relative;
	margin:20px 0 20px 0;
	padding-right:30px;
}
#annuaireSearch input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:30px;
	font-size:14px;
	color:#264377;
	background:#ffffff;
	border:solid 1px #b1b1b1;
	border-right:none;
	border-radius:5px 0 0 5px;
	padding-right:10px;
}
#annuaireSearch input[type=text].placeholder
{
	color:#a9a9a9;
}
#annuaireSearch input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#annuaireSearch input[type=submit]
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
	width:30px;
	height:30px;
	border:solid 1px #b1b1b1;
	border-left:none;
	border-radius:0 5px 5px 0;
	font-size:0;
	background:url(/template/image/search.png) no-repeat left 4px #ffffff;
	cursor:pointer;
}

#annuaireSearchABC 
{
	display:none;
}

#annuaireHeadCtn:after
{
	content:"";
	display:block;
	clear:both;
}
#popupCtn #annuaireHeadCtn.headCtn
{
	margin-top:20px;
}
#annuaireHeadCtn h1 span
{
	display:block;
	font-size:16px;
	text-transform:none;
}

#annuaireHeadCtn div.imgannuaire
{
	float:left;
	width:100px;
	margin-right:20px;
	margin-bottom:10px;
}
#annuaireHeadCtn img.annuaire
{
	/*float:left;
	width:100px;
	margin-right:20px;
	margin-bottom:10px;*/
	width:100px;
}

#annuaireHeadCtn .annuaireInfo
{
	overflow:hidden;
}
#annuaireHeadCtn .annuaireInfo > div
{
	margin:20px 0 20px 0;
}
#annuaireHeadCtn .annuaireInfo > div > div
{
	margin:5px 0 5px 0;
}

@media only screen and (min-width:481px)
{
	#annuaireListCtn .listElement .txt
	{
		white-space:normal;
	}
	#annuaireListCtn .listElement .txt h5
	{
		display:block;
	}
	#annuaireListCtn .listElement .txt:after
	{
		content:none;
	}
	#annuaireListCtn .listElement .resume
	{
		display:block;
	}
	#annuaireListCtn .listElement .txt .phonemail span
	{
		display:inline-block;
	}
}
@media only screen and (min-width:655px)
{
	#annuaireSearchABC 
	{
		display:block;
		position:relative;
		margin:20px 0 20px 0;
	}
	#annuaireSearchABC a
	{
		cursor:pointer;
		text-decoration:none;
	}
	
	#annuaireSearchABC a.selected
	{
		color:#6b6b6b;
		cursor:default;
	}
}
.baogenreSearchFrm
{
	position:relative;
	margin:20px 0 40px 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
#baogenreList .noResults
{
	font-weight:bold;
	font-style:italic;
	margin-top:30px;
}

#baogenreList .listElement
{
	float:none;
	width:auto;
	margin-right:0;
}
#baogenreList .listElement .txt .format, #viewbaogenre .format
{
	display:block;
	font-style:italic;
	margin-top:10px;
}

#baogenreList .listElement .txt a.morelist
{
	display:block;
	position:absolute;
	right:25px;
	bottom:5px;
	font-size:13px;
	color:#6b6b6b;
}

#viewbaogenre .titre
{
	display:block;
	font-weight:bold;
	font-size:18px;
}

#viewbaogenre
{
	max-width:500px;
	margin:40px;
	display:block;
	line-height:24px;
}

#viewbaogenre .description
{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

#viewbaogenre .reference, #viewbaogenre .typedocument
{
	font-size:13px;
	color:#7a7a7b;
}

#viewbaogenre .typedocument
{
	font-style:italic;
}

#viewbaogenre input[type=button]
{
	/*margin-top:30px;
	background:#000000;
	color:#ffffff;
	padding:10px;
	border:none;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	border-radius:2px;
	cursor:pointer;*/
	display:block;
	box-sizing:border-box;
	float:right;
	margin-right:20px;
	padding:5px 10px 5px 10px;
	height:30px;
	background:#f1f1f1;
	border:1px outset #bbb7b7;
	overflow:hidden;
	color:#6b6b6b;
	font-size:13px;
}

/*#viewbaogenre input[type=button]:hover
{
	background:#1a315a;
}*/


@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	.baogenreSearchFrm.frmsearch .element .label
	{
		width:25%;
	}
	.baogenreSearchFrm.frmsearch .element .data
	{
		width:75%;
	}
}
/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }
#homeContentCtn
{
	position:relative;
	max-width:1060px;
	margin:0 auto 0 auto;
}
#homeContentCtn:after
{
	content:"";
	display:block;
	clear:both;
}
#homeColLeft, #homeColRight
{
	display:none;
}
#dataHomeCtn
{
	position:relative;
	display:block;
	font-size:0;
	
}

#dataHomeCtn > a
{
	display:inline-block;
	box-sizing:border-box;
	margin:10px 0px 0 -5px;
	padding:0 0 10px 15px;
	font-weight:normal;
	font-size:17px;
	text-transform:uppercase;
	width:100%;
	border-bottom:2px solid #dedede;
}

#dataHomeCtn > a:before
{
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	margin-right:22px;
	margin-bottom:-1px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
}

#damierCtn
{
	position:relative;
	z-index:1;
}
#damierCtn > a 
{
	position:relative;
	display:inline-block;
	float:none;
	width:50%;
	box-sizing:border-box;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

#damierCtn > a.newshome:first-child /*news*/
{
	width:100%;
}

#damierCtn > a.newshome:first-child .img
{
	width:100%;
	left:0;
}
#damierCtn > a.newshome:first-child .img:before
{
	padding-top:56.25%;
}
/*#damierCtn > a.newshome:first-child .img:after
{
	content:none;
}*/

#damierCtn > a.newshome:first-child .txt
{
	display:block;
	position:relative;
	padding:20px 10px 20px 10px;
	background:#eaeaea;
}
#damierCtn > a.newshome:first-child .txt:after
{
	content:"";
}
#damierCtn > a.newshome:first-child h6
{
	display:block;
	margin:0;
	font-size:23px;
	color:#1a315a;
}
#damierCtn > a.newshome:first-child .arrow
{
	left:0;
	top:-16px;
	width:100%;
	height:16px;
	margin-top:56.25%;
	background:url(/template/image/firstnewsarrowH.png) no-repeat bottom center;
}

#damierCtn > a.newshome:first-child .txt .resume
{
	display:block;
	font-weight:normal;
	font-size:15px;
	color:#6b6b6b;
	line-height:1.6em;
	margin-top:20px;
	max-height:6.4em; /*max 4 lignes*/
	overflow:hidden;
}
#damierCtn > a.newshome:first-child .txt .resume:before
{
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	margin-right:7px;
	margin-bottom:-1px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
}

#damierCtn > a.newshome /*news*/
{
	width:100%;
}

#damierCtn > a.newshome .img:before
{
	content:"";
	display:block;
	padding-top:99.25%;
}

#damierCtn > a.linkshome .txt
{
	display:none;
}
#damierCtn > a.linkshome .img
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	/*transition:opacity .5s;*/
}
/*#damierCtn > a.linkshome .img:hover
{
	opacity:.75;
}
*/
#damierCtn > a.linkshome .img:before
{
	content:"";
	display:block;
	padding-top:99.25%;
}
#damierCtn > a.linkshome .img:after
{
	content:"";
	bottom:0;right:0;
	width:0;
	height:0;
	opacity:0;
	background:url(/template/image/loupe.png) no-repeat bottom right;
}
#damierCtn > a.linkshome:hover .img:after
{
	width:100%;
	height:100%;
	background:url(/template/image/loupe.png) no-repeat center center rgba(35,65,117,.7);
	opacity:1;
}

@media only screen and (min-width:481px)
{
	#damierCtn > a.newshome:first-child h6
	{
		font-size:28px;
	}
}

@media only screen and (min-width:655px)
{
	#dataHomeCtn > a
	{
		margin:30px 30px 0 30px;
		padding:0;
		border:none;
		width:auto;
	}
	#dataHomeCtn > a:before
	{
		content:"";
		display:inline-block;
		width:8px;
		height:14px;
		margin-right:7px;
		margin-bottom:-1px;
		background:url(/template/image/arrowresume.png) no-repeat center center;
		background-size:cover;
	}
}

@media only screen and (min-width:795px)
{
	#homeContentCtn
	{
		border-top:1px solid transparent;
	}
	#dataHomeCtn
	{
		margin-top:-263px;
	}
	#dataHomeCtn > h5
	{
		position:relative;
		z-index:3;
	}
	#damierCtn > a.newshome:first-child /*news*/
	{
		width:100%;
	}
	#damierCtn > a.newshome:first-child .img
	{
		width:50%;
		left:50%;
	}
	#damierCtn > a.newshome:first-child .img:before
	{
		padding-top:99.25%;
	}
	
	#damierCtn > a.newshome:first-child .txt
	{
		position:absolute;
		padding:30px;
		background:#eaeaea;
	}
	#damierCtn > a.newshome:first-child h6
	{
		font-size:33px;
	}
	
	#damierCtn > a.newshome:first-child .arrow
	{
		left:50%;
		top:0;
		width:16px;
		height:100%;
		margin:0;
		background:url(/template/image/firstnewsarrow.png) no-repeat left center;
	}
}
@media only screen and (min-width:1060px)
{
	#damierCtn
	{
		z-index:2;
	}
	#damierCtn > a 
	{
		width:25%;
	}
	#damierCtn > a.newshome:first-child /*news*/
	{
		width:75%;
	}
	#damierCtn > a.newshome /*news*/
	{
		width:50%;
	}
	
	/*zone admin*/
	#homeContentCtn.show #homeColLeft
	{
		position:relative;
		display:block;
		float:left;
		width:795px;
	}
	
	#homeContentCtn.show #homeColRight
	{
		position:relative;
		display:block;
		float:right;
		width:265px;
	}
	#homeContentCtn.show #homeColLeft .header
	{
		position:relative;
		margin-top:40px;
	}
	
	#homeContentCtn.show #dataHomeGeneratedCtn #cartoucheNews, #homeContentCtn.show #dataHomeGeneratedCtn #cartoucheAgendaCartoucheCtn
	{
		margin:0;
	}  
	#homeContentCtn.show #dataHomeGeneratedCtn #cartoucheNewsCartoucheCtn:before
	{
		content:"Zone ajout de NEWS";
		display:block;
		padding:20px;
		font-size:15px;
		color:#21224b;
	}
	#homeContentCtn.show #dataHomeGeneratedCtn #cartoucheAgendaCartoucheCtn:before
	{
		content:"Zone ajout d'EVENTS";
		display:block;
		padding:20px;
		font-size:15px;
		color:#21224b;
	}
	#homeContentCtn.show #homeColLeft .weblinkslist .listElement:hover
	{
		background:#cccccc;
	}
	#homeContentCtn.show #homeColLeft .weblinkslist .listElement .img
	{
		position:relative;
		display:block;
		width:25%;
		background:url(/template/image/defaultList.jpg) no-repeat center center;
		background-size:cover;
		transition:opacity .5s;
	}

	#homeContentCtn.show #homeColLeft .weblinkslist .listElement .img.img:before
	{
		content:"";
		display:block;
		padding-top:99.25%;
	}
	#homeContentCtn.show #homeColLeft .weblinkslist .listElement .img.img:after
	{
		content:none;
	}
	
	#homeContentCtn.show #homeColLeft .weblinkslist .listElement .txt
	{
		position:absolute;
		top:50%;
		margin-top:-7px;
		left:25%;
		padding:0 20px 0 20px;
	}	
}

/*FOOTER OPENSCIENCE*/
#footerHolder > .mainctn > .colright.T49 
{
	vertical-align:top;
}
#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup
{
	margin:40px 0 20px 0;
	background:none; 
}
@media only screen and (min-width:655px)
{
	#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup
	{
		margin:0;
	}
}
#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup form
{
	padding:0;
}
#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup label
{
	font-family:ubuntu;
	font-weight:bold;
	font-size:16px;
	color:#e9ebef;	
	text-transform:uppercase;	
	line-height:1.6em;
}

#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup input[type=email]
{
	width:260px;
	padding:0 5px 2px 10px;
	background:none;
	border:1px solid #ffffff;
	color:#ffffff;
	outline:none;
	font-family:ubuntu;
	font-weight:normal;
	font-size:15px;
}
#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup input[type=email]::-webkit-input-placeholder 
{ /* Edge */
  color:#ffffff;
}

#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup input[type=email]:-ms-input-placeholder 
{ /* Internet Explorer 10-11 */
  color:#ffffff;
}

#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup input[type=email]::placeholder 
{
  color:#ffffff;
}
#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup input[type=submit]
{
	width:120px;
	background:#c8430d;
	color:#e9ebef;
	transition:all .5s;
	font-family:ubuntu;
	font-weight:normal;
	font-size:15px;
	text-transform:lowercase;
	margin-top:15px;
}
#footerHolder > .mainctn > .colright.T49 > #mc_embed_signup input[type=submit]:hover
{
	background:#e9ebef;
	color:#c8430d;
}
.didacListing
{
	position:relative;
	margin:20px 0 20px 0;
}
.didacListing > ul > li
{
	position:relative;
	margin:10px 0 20px 0;
	padding:0 0 0 20px;
	background:none;
}
.didacListing > ul > li:before
{
	content:">";
	position:absolute;
	top:0;
	left:0;
	color:#21224b;
}

.didacListing > ul > li.allCours
{
	margin-top:25px;
	font-size:14px;
	text-transform:uppercase;
}
.didacListing > ul > li.allCours:before
{
	content:">>";
}

a.didacback
{
	display:inline-block;
	margin-top:20px;
	font-size:14px;
}
.didacCours
{
	margin-bottom:20px;
}

#didacListCtn .listElement .txt h5
{
	margin-bottom:20px;
}
.didacCours .info
{
	margin-bottom:10px;
	color:#6b6b6b;
}
.didacCours .info:after
{
	content:"";
	display:block;
	clear:both;
}
.didacCours .info .label
{
	position:relative;
	box-sizing:border-box;
	font-weight:bold;
}

.didacCours .info .data
{
	position:relative;
	box-sizing:border-box;
}

#didacListCtn .listElement .txt:before
{
	content:none;
}
#didacListCtn .listElement .txt:after
{
	content:"+";
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	background:no-repeat center center#118df0;
	background-size:37.5% auto;
	color:#ffffff;
	box-sizing:border-box;
	width:21px;
	height:21px;
	padding:0 0 0 5px;
	font-size:16px;
	font-weight:normal;
	opacity:1;
	transition:all .5s;
}
#didacListCtn .listElement:hover .txt:after
{
	width:100%;
	height:100%;
	color:#118df0;
	opacity:0.75;
	background-image:url(/template/image/loupe.png);
}

.didacCours .didaccoursdescriptif
{
	margin:20px 0 20px 0;
}
.didacCours input[type=button]
{
	display:inline-block;
	box-sizing:border-box;
	padding:5px 20px 5px 20px;
	margin-right:20px;
	height:30px;
	background:#f1f1f1;
	border:1px outset #bbb7b7;
	overflow:hidden;
	color:#6b6b6b;
	font-size:13px;
}	

#didacInscriptionCtn
{
	margin:0px 7px 7px 7px; 
}

.didacInscriptionTbl
{
	width:100%;
	padding:0px;
	margin:0px;
}

.didacInscriptionTbl th
{
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width:150px;
	margin-right:15px;
	padding-bottom:5px;
	background:transparent;
	color:#6b6b6b;
	display:block;
}

.didacInscriptionTbl td
{
	vertical-align:top;
	width:280px;
	padding-bottom:5px;
	display:block;
}

.didacInscriptionTbl input[type=text]
{
	width:200px;
}

.didacInscriptionTbl select
{
	width:200px;
}


.didacInscriptionTbl textarea
{
	width:200px;
	height:50px;
}

.didacspacedtd td
{
	padding-top:7px;
	padding-bottom:7px;
}

.didacannuaire
{
	margin:20px 0 20px 0;
}
 
.didacannuaire ul
{
	position:relative;
}
.didacannuaire ul:after
{
	content:"";
	display:block;
	clear:both;
}
.didacannuaire ul > li
{
	position:relative;
	display:block;
	box-sizing:border-box;
}
@media only screen and (min-width:480px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	.didacCours .info .label
	{
		float:left;
		width:30%;
	}

	.didacCours .info .data
	{
		float:left;
		width:70%;
	}
	
	#didacListCtn .info .label
	{
		width:45%;
	}
	#didacListCtn .info .data
	{
		width:55%;
	}
	
	#didacInscriptionCtn
	{
		margin:0px 7px 7px 7px; 
	}
	
	.didacInscriptionTbl
	{
		widt:470px;
	}
	
	.didacInscriptionTbl th
	{
		width:150px;
		display:table-cell;		
	}
	
	.didacInscriptionTbl td
	{
		width:320px;
		display:table-cell;
	}
	
	.didacInscriptionTbl input[type=text]
	{
		width:300px;
	}
	
	.didacInscriptionTbl select
	{
		width:300px;
	}
	
	
	.didacInscriptionTbl textarea
	{
		width:300px;
	}
}
@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	.didacannuaire > ul > li
	{
		float:left;
		width:46%;
		margin-right:8%;
	}
	.didacannuaire > ul > li:nth-child(2n)
	{
		margin-right:0;
	}
}
.notActive
{
	background:url('/plugin/election/template/image/inactive.png') !important;
}

#listCandidats .listElement
{
	overflow:visible;	
}
#listCandidats .listElement .img
{
	border-radius:50%;
}
#listCandidats .listElement .img:before
{
	padding-top:100%;
}
#listCandidats .listElement .img:after
{
	border-radius:50%;
}
#listCandidats .listElement:hover .img:after
{
	font-size:0;
}

#listCandidats .listElement .elected
{
	position:absolute;
	top:-5px;
	right:-6px;
	background-repeat:no-repeat;
	background-position:top right;
	width:142px;
	height:141px;
}

#listCandidats .listElement .elected.FR.feminin
{
	background-image:url('/plugin/election/template/image/elu-0-FR.png');	
}

#listCandidats .listElement .elected.FR.masculin
{
	background-image:url('/plugin/election/template/image/elu-1-FR.png');	
}

#listCandidats .listElement .elected.DE.feminin
{
	background-image:url('/plugin/election/template/image/elu-0-DE.png');	
}

#listCandidats .listElement .elected.DE.masculin
{
	background-image:url('/plugin/election/template/image/elu-1-DE.png');	
}

#listCandidats .listElement .txt .resume > span
{
	display:block;
	margin-bottom:5px;
}

#electionConnexionCtn
{
	color:#21224b;
	margin-bottom:20px;
}
#electionConnexionCtn a
{
	font-weight:bold;
}

#formElectionConnexion
{
	margin-top:10px;
}
#formElectionConnexion .element
{
	margin-bottom:10px;
}
#formElectionConnexion .element .label
{
	margin-bottom:3px;
}
#formElectionConnexion .element .data input
{
	width:80%;
} 

.electionbtn
{
	display:inline-block;
	box-sizing:border-box;
	padding:5px 10px 5px 10px;
	margin-bottom:20px;
	font-size:14px;
	text-align:center;
	border:1px outset #bbb7b7;
    background-color:#eeeeee ;
}
#formCandidatureView  .electionbtn
{
	min-width:120px;
}

#viewCandidature
{
	position:relative;
}
#viewCandidature .zoneLeft
{
	float:left;
	width:100%;
	max-width:200px;
	margin-right:20px; 
	
}
#viewCandidature .zoneLeft .candidatPhoto, #formCandidatureEdit .zoneLeft .candidatPhoto
{
	background:url('/plugin/election/template/image/default.jpg') center center no-repeat;
	background-size:cover;
	border-radius:50%;
}
#formCandidatureEdit .zoneLeft .candidatPhoto
{
	width:150px;
}
#viewCandidature .zoneLeft .candidatPhoto:before,  #formCandidatureEdit .zoneLeft .candidatPhoto:before
{
	content:"";
	display:block;
	padding-top:100%;
}

#viewCandidature .zoneRight
{
	float:left;
	width:100%;
	max-width:415px;
	line-height:1.8em;
}
#viewCandidature .zoneRight p
{
	margin:0;
}


@media only screen and (min-width:495px)
{
	#formSearchCandidat  .element .label
	{
		float:left;
		width:25%;
	}
	#formSearchCandidat  .element .data
	{
		float:left;
		width:75%;
	}
}

/* ******************************************************************** */
/*							Depose Candidature							*/
/* ******************************************************************** */
/* ********************* */
/* Formulaire Inscrption */
/* ********************* */
#zoneInfoPerso, #zoneChoixOrgane
{
	width:100%;
	max-width:635px;
	background-color:#eceaea;
	/*
	background-position:bottom left;
	background-repeat:no-repeat;
	
	margin-top:40px;
	*/
	margin-left:00px;
}

#zoneInfoPerso.sloganFR
{
	/*background-image:url('/plugin/election/template/image/fond-inscription-FR.jpg');*/
}

#zoneInfoPerso .policy
{
	font-size:11px;
	display:block;
	padding-right:80px;
}

#zoneInfoPerso .zoneLeft, #zoneChoixOrgane .zoneLeft
{
	float:left;
	width:100%;
	max-width:247px;
	min-height:206px;
}

#zoneInfoPerso .zoneLeft
{
	background:url('/plugin/election/template/image/default.jpg') top center no-repeat;
}

#zoneInfoPerso .zoneRight, #zoneChoixOrgane .zoneRight
{
	float:left;
	width:100%;
	max-width:300px;
	padding-top:40px;
	font-size:13px;
	color:#040404;
}

#zoneChoixOrgane .zoneRight
{
	padding-top:0px;
}

#zoneInfoPerso .zoneRight input[type=text], #zoneChoixOrgane .zoneRight input[type=text]
{
	background:#ffffff;
	padding:5px 7px 5px 7px;
	height:16px;
	width:246px;
	border:none;
}

#zoneInfoPerso .zoneRight select, #zoneChoixOrgane .zoneRight select
{
	background:#e0dede url('/plugin/election/template/image/fond-select.jpg') repeat-x;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:22px;
	padding-left:10px;
	width:250px;
}

#formDeposeCandidature H3, #formCandidatureEdit H3
{
	margin-top:40px;
}

#linkedPhoto
{
	padding-left:57px;
	padding-top:6px;
}

#zoneSubInfoPerso
{
	padding-left:0;
	padding-top:20px;
}
@media only screen and (min-width:495px)
{
	#zoneSubInfoPerso
	{
		padding-left:57px;
	}	
}

#zoneSubInfoPerso input[type=text]
{
	background:#ffffff;
	padding:5px 7px 5px 7px;
	height:16px;
	width:400px;
	border:none;
}


.spider
{
	width:430px;
	
}

#zoneChoixOrgane .monChoix
{
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:3px;
}


#formCandidatureEdit  textarea, #formDeposeCandidature  textarea
{
	width:410px;
	height:150px;
	background:#ffffff;
	border:none;
}

#formDeposeCandidature  textarea
{
	width:246px;
}
#faqConfigListCtn .listElement
{
	width:100%;
}

#faqConfigListCtn .listElement .txt
{
	padding:5px 0px;
} 

.listElement .txt .nomprenom
{
	display:block;
	font-weight:bold;
}

.listElement .txt .nomprenom, .listElement .txt .description
{
	float:left;
	width:48.5%;
}
.headCtn h1 .filierepretitle
{
	display:inline-block;
}
.headCtn h1 .filierepretitle:after
{
	content:"-";
	margin:0 10px 0 10px;
}

#filiereContentCtn
{
	padding-bottom:20px;
}
#filiereContentCtn .filierefieldctn a.filierelnklst
{
	position:relative;
	display:block;
	color:#6b6b6b;
	margin-bottom:10px;
	padding-left:15px;
}
#filiereContentCtn .filierefieldctn a.filierelnklst:before
{
	content:">";
	position:absolute;
	left:0px;
	top:0;
}


#filiereContentCtn .htmlcontentctn
{
	margin:-20px 0 -14px 0; /*resserer les marges*/
}
#filiereContentCtn .openclose .htmlcontentctn
{
	margin:-8px 0 0 0;
}

#filiereContentCtn > .contentsize + .openclose 
{
	margin-top:30px;
}

#filieremodaliteformation .element
{
	margin:10px 0 10px 0;
}
#filieremodaliteformation .element:after
{
	content:"";
	display:block;
	clear:both;
}
#filieremodaliteformation .element .label
{
	font-weight:bold;
	line-height:1.5em;
}
#filieremodaliteformation .element .data
{
	line-height:1.5em;
}

#divFdocumentContent, #divFhautesecolespartenairesContent, #divFentreprisespartenairesContent, #divFpartenairesContent, #divFformationslieesContent, #divFliensContent
{
	margin-top:10px;
}
#divFdocumentContent .contentsize, #divFhautesecolespartenairesContent .contentsize, #divFentreprisespartenairesContent .contentsize, #divFpartenairesContent .contentsize, #divFformationslieesContent .contentsize, #divFliensContent .contentsize
{
	max-width:none;
}
#divFdocumentContent h5
{
	display:none;
}

#filiereVideoCtn
{
	position:relative;
	display:block;
	background:no-repeat center center #000000;
	background-size:cover;
	margin-bottom:20px;
}
#filiereVideoCtn:before
{
	content:"";
	display:block;
	padding-top:56.25%;
	background:#440655;
	background-image: -webkit-gradient(linear, left top, right top, from(#440655), to(#870eab));
	background-image: -webkit-linear-gradient(left, #440655,#870eab);
	background-image: -moz-linear-gradient(left, #440655,#870eab);
	background-image: -ms-linear-gradient(left, #440655,#870eab);
	background-image: -o-linear-gradient(left, #440655,#870eab);
	background-image: linear-gradient(left, #440655,#870eab);
	opacity:.3;
}
#filiereVideoCtn:after
{
	content:"";
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/play.png) no-repeat center center;
}

.filierecartouchectn.cartouchehtmlcontentctn
{
	margin-top:0;
}
.filierecartouchectn.cartouchehtmlcontentctn > h5:first-child
{
	margin-top:30px;
}

.filiereforadomaineCtn, .mascasListCtn
{
	position:relative;
	margin:20px 0 20px 0;
}
.filiereforadomaineDataCtn h3, .filiereforadomaineDataCtn h4
{
	border:none;
	padding:0;
}
.filiereforadomaineDataCtn ul
{
	position:relative;
}
.filiereforadomaineDataCtn ul:after
{
	content:"";
	display:block;
	clear:both;
}
.filiereforadomaineDataCtn ul > li
{
	position:relative;
	display:block;
	box-sizing:border-box;
}

.filiereforadomaineCtn .lnkMasCasCtn
{
	position:relative;
	margin:30px 0 20px 0;
}
.filiereforadomaineCtn .lnkMasCasCtn > a, .mascasListCtn > a
{
	display:block;
	position:relative;
	margin-bottom:10px;
	text-transform:uppercase;
	padding-left:20px;
}
.mascasListCtn > a
{
	margin:30px 0 20px 0;
}
.filiereforadomaineCtn .lnkMasCasCtn > a:before, .mascasListCtn>a:before
{
	content:">";
	display:block;
	position:absolute;
	font-weight:bold;
	top:-1px;
	left:0;
}

.filiereresultdiv
{
	position:relative;
	display:block;
}
.filiereresultdiv > ul  /*reste du stye géré ds basestyle*/
{
	position:relative;
}
.filiereresultdiv > h6
{
	margin:0 0 10px 20px;
	font-weight:normal;
	font-size:15px;
}
.filiereresultdiv > h6 + ul
{
	margin-left:20px;
}

.filiereresultdiv > ul:after
{
	content:"";
	display:block;
	clear:both;
}
.filiereresultdiv > ul > li /*reste du stye géré ds basestyle*/
{
	position:relative;
	box-sizing:border-box;
}

.filiereSearchCtn
{
	margin:20px 0 0 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}

#filiereSearchTypeSelector
{
	position:relative;
	margin:20px 0 20px 0;
}
#filiereSearchTypeSelector > a
{
	display:block;
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
	text-transform:uppercase;
	cursor:pointer;
}
#filiereSearchTypeSelector > a:before
{
	content:">";
	font-weight:bold;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#filiereSearchTypeSelector > a.selected
{
	color:#6b6b6b;
}


@media only screen and (min-width:495px)
{
	#filieremodaliteformation .element .label
	{
		float:left;
		width:30%;
	}
	#filieremodaliteformation .element .data
	{
		float:left;
		width:70%;
	}
}
@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	.filiereforadomaineDataCtn ul > li
	{
		float:left;
		width:46%;
		margin-right:8%;
	}
	.filiereforadomaineDataCtn ul > li:nth-child(2n)
	{
		margin-right:0;
	}
	
	.filiereresultdiv > ul > li /*couleur geré ds basestyle*/
	{
		float:left;
		width:46%;
		margin-right:8%;
	}
	.filiereresultdiv > ul > li:nth-child(2n) /*couleur geré ds basestyle*/
	{
		margin-right:0;
	}
}
@media only screen and (min-width:1080px) /*breakpoint: 1060 + 20px de padding (10 de chaque coté*/
{
	#filiereVideoCtn
	{
		position:absolute;
		top:-263px;
		left:0;
		width:265px;
		height:263px;
		margin:0;
	}	
	#filiereVideoCtn:before
	{
		position:absolute;
		top:0;left:0;right:0;bottom:0;
	}
}

/*admin screen*/
#filiereEdit .tdAdmin
{
	width:120px;
	vertical-align:top;
	padding:5px;
}

.subtdadmin
{
	width:80px;
	padding-right:10px;
}

.filierechkctn
{
	margin-bottom:5px;
}

.filieresubchk
{
	margin-top:3px;
	display:none;
}

.filieresubchkmargin
{
	margin-left:25px
}

.modaliteformation
{
	margin-bottom:5px;
}

.filieresubchk input[type=text], .modaliteformation input[type=text]
{
	width:255px;
}

.filiereformationcontinue .subtdadmin
{
	width:100px;
	padding-right:10px;
}
.filiereformationcontinue input[type=text]
{
	width:225px;
}
.filiereformationcontinue textarea
{
	width:225px;
	height:50px;
}
.filiereformationcontinue
{
	margin-top:3px;
	background-color:#eeefff;
	border:1px solid black;
	padding:5px;
	display:none;
}
/*Fin admin screen*/
#listFiliereForVAE h4
{
	padding-left:25px;
	position:relative;
}

#listFiliereForVAE h4:after
{
	content:"";
	height:16px;
	width:16px;
	background:url('/plugin/filiere/template/image/domaines.png');
	background-position:0px 0x;
	position:absolute;
	left:0px;
	top:3px;
}

#listFiliereForVAE h4.domaineT9:after
{
	background-position:0px -16px;
}

#listFiliereForVAE h4.domaineT10:after
{
	background-position:0px -32px;
}

#listFiliereForVAE h4.domaineT11:after
{
	background-position:0px -48px;
}

#listFiliereForVAE h4.domaineT12:after
{
	background-position:0px -64px;
}

#listFiliereForVAE h4.domaineT13:after
{
	background-position:0px -80px;
}


#listFiliereForVAE a
{
	display:block;
	line-height:1.5em;
}

#listFiliereForVAE  a.Bachelor + a.Master
{
	margin-top:20px;
}
#galleryimageListCtn .listElement .img:after
{
	content:none;
}
#galleryimageListCtn .listElement:not(.noeffect)
{
	transition:all .5s;
}
#galleryimageListCtn .listElement:hover:not(.noeffect)
{
	transform:scale(1.2,1.2);
	z-index:2;
}
#gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible */
}
#galleryimageListCtn .listElement .admin
{
	display:block;
	position:relative;
	margin:7px 0px 2px 0px;
	padding-left:15px;
}
#galleryimageListCtn .listElement .admin > a
{
	color:#000000;
	text-decoration:none;	
}
#galleryimageListCtn .listElement .admin > img
{
	position:absolute;
	top:2px;
	left:2px;
}
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible */
	}	
}
/* Style pour plugin langsite */
#leftPanel .divLngCtn
{
	position:absolute;
	top:12px;
	right:10px;
	width:40px;
	height:40px;
	overflow:hidden;
	background:url(/template/image/arrowlang.png) no-repeat 0 18px;
	z-index:1;
	transition:width .5s, background-color 1s;
	font-size:0;
	text-align:right;
	cursor:pointer;
}
#leftPanel .divLngCtn.hover
{
	width:100%;
	background:#1d3461;
	cursor:default;
}

#leftPanel .divLngCtn > a
{
	display:inline-block;
	position:relative;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	width:40px;
	height:40px;
	overflow:hidden;
	padding-top:12px;
	text-align:center;
	text-decoration:none;
}

#leftPanel .divLngCtn > a.langsite
{
   display:none;
}
#leftPanel .divLngCtn.hover > a.langsite
{
	display:inline-block;
}
#leftPanel .divLngCtn > a.langsiteActiv
{
  display:inline-block;
}
	
#leftPanel .divLngCtn > a.langsite.inactif
{
	color:#d8686f;
}

#leftPanel .divLngCtn > a.langsiteActiv.inactif
{
	color:red;
}

@media only screen and (min-width:1154px)
{
	.divLngCtn > a
	{
		display:inline-block;
		margin-right:6px;
	}
	.divLngCtn > a:last-child
	{
		margin-right:0;
	}
	.langsite
	{
	   font-weight:normal;
	   font-size:12px;
	   color: #aeaeae;
	   text-decoration: none;
	}
	.langsiteActiv
	{
	   font-weight:normal;
	   font-size:12px;
	   color: #264377;
	   text-decoration: none;
	}
	
	.langsite.inactif
	{
		color:#d8686f;
	}
	
	.langsiteActiv.inactif
	{
		color:red;
	}
}
/* Formulaire d'inscription / Achat en ligne */
#InscriptionForm
{
}

#InscriptionForm .etape
{
	float:right;
	margin-right:5px;
	padding:5px 9px 5px 9px;
	border:1px solid #d3d3d3;
}

#InscriptionForm .currentetape
{
	background-color:#d3d3d3;
	color:#000000;
}


#zoneCartoucheLightShop
{
	width:100%;
	/*padding-left:20px;*/
	/*padding-top:5px;*/
	padding-bottom:10px;
	/*background-color:grey;*/
	color:white;
	/*margin-top:30px;*/
	margin-bottom:30px;
}

#zoneCartoucheLightShop .titleList
{
	font-family:MyConduit;
	font-weight:bold;
	font-size:18px;
	color:#2d3844;
	margin-bottom:7px;
	padding-left:25px;
	padding-right:10px;
	background:url(/template/image/arrowGris.gif) no-repeat left 2px;
}

#zoneCartoucheLightShop .titleList a
{
	color: #2d3844;
	text-decoration:none;
	font-size:18px;
}

#zoneCartoucheLightShop .opacityEffectCtn .opacityEffect
{
	opacity: .8; 
   filter: alpha(opacity=800); 
   -moz-opacity: .8; 
}



.lienPanier
{
	color:white;
}

.inputButtonLightShop
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;
	height:24px;
	width:200px;
	color:white;
	cursor:pointer;
}

.inputButtonLightShopLight
{
	background:grey;
	color:#ffffff;
	border:none;
	box-shadow:1px 1px 3px #333333;
}

.inputButtonLightShopDisabled
{
	color:grey !important;
	cursor:default !important;
}

.tdInputButtonLightShop 
{
	float:left;
	vertical-align:top; 
	background:url(/plugin/lightshop/template/images/fondInput.png) no-repeat;
	/*width:200px;*/
	min-height:31px;
	height:auto;
	margin-right:20px;
}

.tdInputButtonLightShop #msg1, .tdInputButtonLightShop #msg2
{
	padding:10px 0px 10px 0px;
	display:none;
}

.txtArticle, .txtArticle A
{
	color:#0068b0;
	font-size:14px;
	text-decoration:none;
	line-height:19px;
}

#contenuPanier .panDelete, #contenuPanier .panArticle, #contenuPanier .panPrix
{
	margin:5px;
	float:left;
}

#contenuPanier .panDelete
{
	width:30px;
}

#contenuPanier .panArticle
{
	width:330px;

}

#contenuPanier .panPrix
{
	width:90px;
	text-align:right;
	font-weight:bold;
}

#contenuPanier .panierTotalCommande, #contenuPanier .panierTotalPrix
{
	float:left;
	text-align:left;
	font-weight:bold;
	line-height:2em;
}

#contenuPanier .panierTotalCommande.light
{
	font-weight:normal !important;	
}

@media only screen and (min-width:495px)
{
	#contenuPanier .panierTotalCommande:not(.keepleft), #contenuPanier .panierTotalPrix
	{
		float:left;
		text-align:right;
		font-weight:bold;
		line-height:2em;
	}
}

#contenuPanier .panierTotalCommande
{
	width:330px;
}

#contenuPanier .panierTotalPrix
{
	width:105px;
	margin-right:5px;
}

#confirmationPaiement h6
{
	border-bottom:1px solid black;
	margin-top:30px !important;
	margin-bottom:10px !important;
}

#tblListTransactions tr
{
	vertical-align:top;
}

#tblListTransactions tr.notValid
{
	background-color:#ffcaca;
}

#formTransactionEdit td.tdAdmin
{
	width:140px !important;
}

#formTransactionEdit input[type=text], #formTransactionEdit textarea
{
	width:300px;
}

/*
#tblListInformationDetail tr:nth-child(odd) 
{
    background-color: #cecaca;
}
*/

#btnCoordonnees > a
{
	width:200px;
	color:#ffffff;
	margin-right:20px;
	text-align:center;
	padding-top:4px;
	font-size:13px;
	display:block;
	background:url(/plugin/lightshop/template/images/fondInput.png) no-repeat;
	min-height:27px;
}
#lightshopproductListCtn .listElement .prix
{
	position:relative;
	display:block;
	margin-top:7px;
	font-weight:bold;
	color:#000000;
}
/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:80%;
	min-width:240px;
	height:100%;
	background:#000000;
	overflow-x:hidden;
	overflow-y:auto;
	background:#244f7e;
	background-image: -webkit-gradient(linear, left top, right top, from(#1d3461), to(#244f7e));
	background-image: -webkit-linear-gradient(left, #1d3461,#244f7e);
	background-image: -moz-linear-gradient(left, #1d3461,#244f7e);
	background-image: -ms-linear-gradient(left, #1d3461,#244f7e);
	background-image: -o-linear-gradient(left, #1d3461,#244f7e);
	background-image: linear-gradient(left, #1d3461,#244f7e);
}

#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.nooverflow
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neutralizer
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
}

#menuIcone
{
	display:block;
	position:absolute;
	top:38px;
	right:10px;
	width:38px;
	height:36px;
	cursor:pointer;
	background:url(/template/image/menuIcone.png) center center;
	background-size:cover;
}

#leftPanel a.copy
{
	display:none;
}

#leftPanel .imgadminmenu
{
	display:none;
}

#menusimulator
{
	display:none;
}
/**************************************************/
/*Style pour le menu */
/**************************************************/
#leftPanel #menuClickMain ul
{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
}
#leftPanel #menuClickMain ul.menu0 ul
{
	display:none;	
}

#leftPanel #menuClickMain li
{
	list-style-type: none;
	background:none;
	padding:0;
	margin:0;
}

#leftPanel #menuClickMain li > a
{
	display:block;
	position:relative;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	padding:9px 25px 7px 10px;
	border-bottom:1px solid #37537d;
}

#leftPanel #menuClickMain ul.menu1 li:first-child > a
{
	border-top:1px solid #37537d;
}

#leftPanel #menuClickMain li > a:after
{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:10px;
	width:9px;
	height:14px;
	background:url(/template/image/arrowmenu.png) no-repeat center center;
}

#leftPanel #menuClickMain li > a:hover
{
	background:rgba(255,255,255,0.4);
}

 #leftPanel #menuClickMain li > a.menuselected
{
	background:rgba(255,255,255,0.2);
}


#leftPanel #menuClickMain li > a:hover:after, #leftPanel #menuClickMain li > a.menuselected:after
{
	color:#ffffff;
}

#leftPanel #menuClickMain a.menu0
{
	font-size:18px;
	border:none;
}

#leftPanel #menuClickMain a.menu1
{
	padding-left:20px;
}
#leftPanel #menuClickMain a.menu2
{
	font-size:13px;
	padding-left:40px;
}
#leftPanel a.menuclose
{
	display:none!important;
}

/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuBottomMain ul
{
	display:block;
	position:relative;
	margin:0 -10px 0 -10px;
	padding:0px;
	font-size:17px;
	font-weight:normal;
	color:#646464;
}
#menuBottomMain ul.menu0 ul
{
	display:none;	
}

#menuBottomMain li
{
	display:block;
	list-style-type: none;
	padding:0;
	margin:0;
	background:none;
}

#menuBottomMain li > a
{
	display:block;
	position:relative;
	color:#646464;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 40px 10px 40px;
	border-bottom:2px solid #dedede;
}
#menuBottomMain li:last-child > a
{
	border-bottom:none;
}

#menuBottomMain li > a:before
{
	content:"";
	display:block;
	position:absolute;
	width:8px;
	height:14px;
	top:50%;
	margin-top:-7px;
	left:10px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
}

#menuBottomMain li > a:hover, #menuBottomMain li > a.menuselected
{
	color:#21224b;
}

#menuBottomMain li > a:hover:before, #menuBottomMain li > a.menuselected:before
{
	color:#21224b;
}

/* MEDIA QUERIES */
@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	#menuBottomMain ul
	{
		margin:0;
		box-sizing:border-box;
		max-width:530px;
		border-left:2px solid #dbdbdb;
	}
	#menuBottomMain ul:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuBottomMain li
	{
		float:left;
		width:262px;
		border-right:2px solid #dbdbdb;
	}
	#menuBottomMain li:nth-child(2n)
	{
		float:right;
	}
	
	#menuBottomMain li:nth-child(-n+2)
	{
		padding-top:40px;
	}
	#menuBottomMain li:nth-last-child(-n+2)
	{
		padding-bottom:40px;
	}
	
	#menuBottomMain li > a
	{
		padding:10px 45px 10px 45px;
		border-bottom:none;
	}
	#menuBottomMain li > a:before
	{
		left:25px;
	}
}

@media only screen and (min-width:1154px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}
	/**************************************************/
	/*Style pour le menu */
	/**************************************************/
	#menusimulator
	{
		position:relative;
		display:block;
		float:right;
		margin-top:50px;
		max-width:80%;
		font-size:0;
		text-align:right;
		opacity:1;
		transition:all .5s;
		max-height:150px;/*pour pas pousser la zone du centre*/
	}
	#menusimulator.behind
	{
		opacity:0;
	}
	
	#menusimulator > a
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		font-size:17px;
		font-weight:normal;
		color:#ffffff;
		margin:0 30px 15px 0;
		text-align:left;
	}
	#menusimulator > a:last-child
	{
		margin-right:0;
	}
	#menusimulator > a:hover:after, #menusimulator > a.menuselected:after
	{
		content:"";
		position:absolute;
		bottom:-8px;
		left:0;
		width:17px;
		height:2px;
		background:#ffffff;
		opacity:.4;
	}
	/*------- part UL HERE ----------*/
	#menuClickMain ul
	{
		position:absolute;
		display:none;
		box-sizing:border-box;
		width:100%;
		top:100%;
		left:0;
	}
	#menuClickMain ul.menu3
	{
		background:#1a315b;
		border:1px solid #ffffff;
		margin:0 10% 0 10%;
		width:80%;
	}
	#menuClickMain ul.menu2
	{
		position:absolute;
		display:none;
		box-sizing:border-box;
		width:50%;
		top:0;
		left:50%;
		border-left:2px solid #5e7499;
	}
	
	#menuClickMain ul.menu1
	{
		position:relative;
		display:block;
		margin:20px 0 0 0;
		width:100%;
		padding-right:50%;
		top:0;
		left:0;
	}
	#menuClickMain ul.menu0
	{
		position:absolute;
		display:block;
		width:100%;
		padding:0 0 20px 0;
		margin:0;
		top:-100%;
		left:-100%;
		z-index:10;
		transition:all .5s;
		background:rgb(25,50,95);
		background:rgba(25,50,95,.98);
	}
	#menuClickMain ul.menu0:before
	{
		content:"";
		display:block;
		position:absolute;
		top:170px;
		left:0;
		right:0;
		height:1px;
		background:#304872;
	}
	#menuClickMain ul.menu0.display
	{
		top:0;
		left:0;
	}
	
	#menuClickMain li
	{
		list-style-type: none;
		background:none;
		padding:0;
		font-size:21px;
		font-weight:bold;
		color:#a6b0c3;
		margin:0;
		padding:0;
	}
	
	#menuClickMain li.menu2
	{
		position:relative;
	}
	#menuClickMain li.menu0
	{
		display:none;
		position:relative;
		margin:0 auto 0 auto;
		padding:200px 0 20px 0;
		width:100%;
		max-width:1000px;
		font-size:26px;
	}
	
	#menuClickMain li.menu0.display
	{
		display:block;
	}
	
	#menuClickMain li.menu0 a.menuclose
	{
		display:block;
		position:absolute;
		top:50px;
		right:0;
		width:39px;
		height:39px;
		margin:0;
		padding:0;
		background:url(/template/image/crossclose.png) no-repeat center center;
		background-size:cover;
	}
	
	#menuClickMain ul.menu1 li > ul
	{
		display:block;
		max-height:0;
		opacity:0;
		overflow:hidden;
		transition:all 1s;
		z-index:1;
	}
	#menuClickMain ul.menu1 li:hover > ul, #menuClickMain ul.menu1 li > ul.standopen /*standopen use to redefine some milonic feature*/
	{
		max-height:800px; /*bigger than ever*/
		opacity:1;
		z-index:2;
	}
	
	#menuClickMain ul.menu1 li > ul:hover
	{
		overflow:visible; /*pour laisser déborder les sous-menus*/
	}
	
	#menuClickMain li > a
	{
		display:block;
		position:relative;
		padding:10px 20px 10px 20px;
		margin:0;
		color:#a6b0c3;
		text-decoration:none;
		text-transform:uppercase;
		transition:all .5s;
	}
	#menuClickMain li:hover > a, #menuClickMain li > a.menuselected
	{
		color:#ffffff;
	}
	#menuClickMain li > a.menu0
	{
		padding:0 0 20px 0;
		border-bottom:2px solid #607293;
		color:#ffffff;
	}
	#menuClickMain li.menu1 > a
	{
		padding:10px 20px 10px 30px;
	}
	#menuClickMain li.menu1 > a:before
	{
		content:"";
		display:block;
		position:absolute;
		top:15px;
		left:10px;
		width:9px;
		height:14px;
		background:url(/template/image/arrowmenu.png) no-repeat center center;
		background-size:cover;
		opacity:.5;
		transition:opacity .5s;
	}
	#menuClickMain li.menu1 > a:hover:before, #menuClickMain li.menu1 > a.menuselected:before
	{
		opacity:1;
	}
	
	#menuClickMain li.menu2 > a
	{
		padding:10px 20px 10px 50px;
	}

	#menuClickMain li.menu2 > a:after
	{
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:50%;
		margin-top:-9px;
		width:9px;
		height:18px;
		background:url(/template/image/menuarrow.png) no-repeat center center;
		opacity:0;
		transition:all .5s;
	}
	
	#menuClickMain li.menu2:hover > a:after
	{
		opacity:1;
	}
}
#helloUser
{
	padding-bottom:2px;
	font-size:12px;
}

.myAccountTitle
{
	padding-top:9px;
	padding-bottom:2px;
	font-weight:bold;
	font-size:14px;
}

.lnkMyAccount
{
	font-size:13px;
	text-decoration:none;
}

.lnkMyAccount:hover
{
	text-decoration:underline;
}

/*style pour la fenêtre de login (propre à la HES-SO*/
#loginWindows
{
	display:block;
	width:780px;
	height:480px;
	background:url(/template/image/loginBg.jpg) no-repeat center right #ffffff;
	background-size:auto 100%;
}

#loginWindows > form
{
	position:relative;
	display:block;
	width:236px;
	height:100%;
	padding:0 10px 0 10px;
	background:#ffffff;
}

@media only screen and (min-width:480px)
{
	#loginWindows > form
	{
		width:300px;
		padding:0 30px 0 30px;
	}	
}

#loginWindows > form > .logo
{
	display:block;
	width:100%;
	height:23px;
	padding:80px 0 60px 0;
	background:url(/template/image/loginLogo.png) no-repeat center center;
}

#loginWindows > form > .loginMsg
{
	margin:-30px 0 40px 0;
}
#loginWindows > form > .loginMsg:empty
{
	display:none;
}

#loginWindows > form > .fieldctn
{
	position:relative;
	margin-bottom:35px;
	z-index:1;
}
#loginWindows > form > .fieldctn:after
{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:43px;
	height:100%;
	border-right:1px solid #d1d1d1;
	background:url(/template/image/loginPicto.png) no-repeat;
}
#loginWindows > form > .fieldctn.login:after
{
	background-position:center 10px;
}
#loginWindows > form > .fieldctn.pwd:after
{
	background-position:center bottom 10px;
}

#loginWindows > form > .fieldctn.reminder:after
{
	background-position:center bottom 15px ;
	padding-top:14px;
	border-right:none;
}

#loginWindows > form > .fieldctn.reminder
{
	padding-left:35px;
	margin-top:12px;
	padding-top:6px;
}

#loginWindows > form > .fieldctn.reminder > a
{
	font-size:11px;
}

#loginWindows > form > .fieldctn > input
{
	display:block;
	box-sizing:border-box;
	background:transparent;
	height:39px;
	border:1px solid #d1d1d1;
	border-radius:20px;
	width:100%;
	outline:none;
	padding-left:55px;
	color:#7c7b7b;
	font-size:15px;
}
#loginWindows > form > .fieldctn > label
{
	position:absolute;
	display:block;
	left:55px;
	top:12px;
	z-index:-1;
	transition:top .5s, left .5s, font-weight .5s;
	color:#7c7b7b;
}
#loginWindows > form > .fieldctn > input:focus + label, #loginWindows > form > .fieldctn > input.filled + label, #loginWindows > form > .fieldctn > input.mandatoryFailed + label
{
	top:-20px;
	left:12px;
	color:#7c7b7b;
	font-weight:bold;
}
#loginWindows > form > .fieldctn > input.mandatoryFailed
{
	background-color: #FFE3E8;
   	border:1px dotted red;
}

#loginWindows > form > .btnConchita
{
	display:inline-block;
	box-sizing:border-box;
	width:48%;
	margin:0 1% 0 1%;
	background:#1a315a;
	height:39px;
	border:1px solid #1a315a;
	border-radius:20px;
	outline:none;
	color:#f1f1f1;
	font-size:15px;
}

#loginWindows > form > .powered
{
	position:absolute;
	display:block;
	bottom:15px;
	left:0;right:0;
	text-align:center;
	font-size:12px;
	color:#7c7b7b;
}



#reminderWindows
{
	display:block;
	width:300px;
	height:300px;
	background:#ffffff;
	padding:20px;
	box-sizing:border-box;
}

#reminderWindows > .logo
{
	display:block;
	width:100%;
	height:23px;
	padding:40px 0 10px 0;
	background:url(/template/image/loginLogo.png) no-repeat center center;
}

#reminderWindows  > .title
{
	font-size:14px;
	color:#21224b;
	display:block;
	padding:10px 0px 30px 0px;
}

#reminderWindows > #tblPwdReminder
{
	position:relative;
}

#reminderWindows > #tblPwdReminder > .fieldctn
{
	position:relative;
	margin-bottom:35px;
	z-index:1;
}

#reminderWindows > #tblPwdReminder > .fieldctn:after
{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:43px;
	height:100%;
	border-right:1px solid #d1d1d1;
	background:url(/template/image/loginPicto.png) no-repeat;
}

#reminderWindows > #tblPwdReminder > .fieldctn > input
{
	display:block;
	box-sizing:border-box;
	background:transparent;
	height:39px;
	border:1px solid #d1d1d1;
	border-radius:20px;
	width:100%;
	outline:none;
	padding-left:55px;
	color:#7c7b7b;
	font-size:15px;
}

#reminderWindows > #tblPwdReminder > .fieldctn.login:after
{
	background-position:center 10px;
}

#reminderWindows > #tblPwdReminder > .fieldctn > label
{
	position:absolute;
	display:block;
	left:55px;
	top:12px;
	z-index:-1;
	transition:top .5s, left .5s, font-weight .5s;
	color:#7c7b7b;
}
#reminderWindows > #tblPwdReminder > .fieldctn > input:focus + label, 
#reminderWindows > #tblPwdReminder > .fieldctn > input.filled + label, 
#reminderWindows > #tblPwdReminder > .fieldctn > input.mandatoryFailed + label
{
	top:-20px;
	left:12px;
	color:#7c7b7b;
	font-weight:bold;
}

#reminderWindows > #tblPwdReminder > .btnConchita, #reminderWindows > #tblMsgPwdReminder  input[type=button].btnConchita
{
	display:inline-block;
	box-sizing:border-box;
	width:48%;
	margin:0 1% 0 1%;
	background:#1a315a;
	height:39px;
	border:1px solid #1a315a;
	border-radius:20px;
	outline:none;
	color:#f1f1f1;
	font-size:15px;
}
.offreemploiSearchFrm
{
	position:relative;
	margin:20px 0 40px 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
.offreemploiSearchFrm #annonceLnk
{
	display:none;
}

#offreemploiListCtn .listElement.echue
{
	background-color: #ffebc6;
}

#offreemploiListCtn .listElement .txt h5
{
	margin-bottom:20px;
}
#offreemploiListCtn .listElement .txt .info, #offreEmploiDetailCtn .info
{
	margin-bottom:10px;
	color:#6b6b6b;
}
#offreemploiListCtn .listElement .txt .info:after, #offreEmploiDetailCtn .info:after
{
	content:"";
	display:block;
	clear:both;
}
#offreemploiListCtn .listElement .txt .info .label, #offreEmploiDetailCtn .info .label 
{
	position:relative;
	box-sizing:border-box;
	font-weight:bold;
}

#offreemploiListCtn .listElement .txt .info .data, #offreEmploiDetailCtn .info .data
{
	position:relative;
	box-sizing:border-box;
}

#offreemploiListCtn .listElement .txt:before
{
	content:none;
}
#offreemploiListCtn .listElement .txt:after
{
	content:"+";
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	background:no-repeat center center#118df0;
	background-size:37.5% auto;
	color:#ffffff;
	box-sizing:border-box;
	width:21px;
	height:21px;
	padding:0 0 0 5px;
	font-size:16px;
	font-weight:normal;
	opacity:1;
	transition:all .5s;
}
#offreemploiListCtn .listElement:hover .txt:after
{
	width:100%;
	height:100%;
	color:#118df0;
	opacity:0.75;
	background-image:url(/template/image/loupe.png);
}

#offreEmploiDetailCtn > a
{
	display:inline-block;
	margin:20px 0 40px 0;
	font-weight:bold;
}


@media only screen and (min-width:641px)
{
	.offreemploiSearchFrm #annonceLnk
	{
		display:block;
		box-sizing:border-box;
		float:right;
		margin-right:20px;
		padding:5px 10px 5px 10px;
		height:30px;
		background:#f1f1f1;
		border:1px outset #bbb7b7;
		overflow:hidden;
		color:#6b6b6b;
		font-size:13px;
	}	
}
@media only screen and (min-width:480px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	#offreemploiListCtn .listElement .txt .info .label, #offreEmploiDetailCtn .info .label
	{
		float:left;
		width:45%;
	}

	#offreemploiListCtn .listElement .txt .info .data, #offreEmploiDetailCtn .info .data
	{
		float:left;
		width:55%;
	}
}
/* Theme HES-SO */

.emailconfirmnotok:after
{
	content:"E-mail and Confirm your e-mail fields are not matching ";
	display:block;
	font-size:85%;
	margin-top:5px;
	color:red;
}

.formsubmitError:before
{
	content:"Please fill in all mandatory fields (displayed in red) before submitting your application"; 
	display:block;
	font-size:85%;
	margin:10px 0 10px 0;
	color:red;
}

#pagehtmlcontentFormAnswerListCtn
{
	position:fixed;
	box-sizing:border-box;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1001;
	padding:50px;
	background:rgba(0,0,0,.5);
}

#pagehtmlcontentFormAnswerList
{
	position:relative;
	box-sizing:border-box;
	width:100%!important;
	height:100%!important;
	overflow:hidden;
}
#pagehtmlcontentFormAnswerList .fieldsetCtn
{
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:6px 0 6px 6px;
}

#pagehtmlcontentFormAnswerList .fieldsetCtn fieldset
{
	display:block;
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:calc(100% - 35px);
	overflow:scroll;
	margin:0;
}
#pagehtmlcontentFormAnswerList .fieldsetCtn fieldset table tr.data
{
	background:none;
}
#pagehtmlcontentFormAnswerList .fieldsetCtn fieldset table tr.data:nth-child(2n+1)
{
	background:#eeeeee;
}
#pagehtmlcontentFormAnswerList .fieldsetCtn fieldset table td.data
{
	padding-bottom:10px;
	padding-top:10px;
}
.palmaresSearchFrm
{
	position:relative;
	margin:20px 0 0 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
#palmaresList ul
{
	position:relative;
}
#palmaresList ul:after
{
	content:"";
	display:block;
	clear:both;
}
#palmaresList ul > li
{
	position:relative;
	box-sizing:border-box;
}

#palmaresList ul > li .niveauList
{
	font-size:13px;
	font-style:italic;
}
#palmaresList ul > li .ecoleList
{
	font-size:13px;
}
@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	#palmaresList ul > li
	{
		float:left;
		width:46%;
		margin-right:8%;
	}
	#palmaresList ul > li:nth-child(2n)
	{
		margin-right:0;
	}
}
.planetudeSearchFrm
{
	position:relative;
	margin:20px 0 0 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}

#planetudeList .importok
{
	margin-top:14px;
	margin-bottom:14px;
	color:green;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}

#planetudeList .importko
{
	margin-top:7px;
	margin-bottom:7px;
	color:red;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
#planetudeList
{
	margin:20px 0 20px 0;
}
#planetudeList .planetudelistElement
{
	position:relative;
	display:block;
}
#planetudeList .planetudelistElement .info
{
	margin-bottom:10px;
	color:#6b6b6b;
}
#planetudeList .planetudelistElement .info:after
{
	content:"";
	display:block;
	clear:both;
}
#planetudeList .planetudelistElement .info .label
{
	position:relative;
	box-sizing:border-box;
	font-weight:bold;
}

#planetudeList .planetudelistElement .info .data
{
	position:relative;
	box-sizing:border-box;
}

.planetudeDetailHeadInfo > div
{
	display:block;
	margin-bottom:10px;
}
.planetudeDetailHeadInfo > div:before
{
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	margin-right:7px;
	margin-bottom:-1px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
}
.planetudesearchdetailfrm
{
	position:relative;
	margin:40px 0 40px 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
.planetudeDetailListCtn
{
	position:relative;
	margin:20px 0 20px;	
	padding-bottom:10px;
}

.planetudeDetailListCtn > a
{
	display:block;
	margin-bottom:10px;
}
.planetudeDetailListCtn .comment
{
	margin-bottom:10px;
}

@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	#planetudeList .planetudelistElement .info .label
	{
		float:left;
		width:20%;
	}

	#planetudeList .planetudelistElement .info .data
	{
		float:left;
		width:80%;
	}
}








#planetudeList .listElement
{
	width: auto;
	margin-right:0px;
}

#planetudeList .listElementTxt
{
	margin-left:0px;
	margin-bottom:7px;
}

#planetudeList .titleList
{
}

#planetudeList .listFieldHolder table th
{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-right:12px;
	padding-top:5px;
	white-space:nowrap;
}

#planetudeList .listFieldHolder table td
{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-top:5px;
}



.planetudeLnkCtn
{
	margin-bottom:5px;
}

.planetudeLnkCtn a
{
	font-size:13px;
}

.orientationTitle
{
	color: #00ABBE;
	margin-top:21px;
	margin-bottom:7px;
	text-transform:uppercase;
}

.planetudeComment
{
	font-size:13px;
	--margin-bottom:7px;
	margin-top:14px;
}

h2 + .orientationTitle
{
	margin-top:3px;
}
#printsendCtn
{
	--display:none;
	position:relative;
	border-top:2px solid #d7d7d7;
	padding:24px 0px 22px 0px;
	text-align:right;
}

#printsendCtn a:nth-child(-n+3)
{
	display:none;
}

#printsendCtn a
{
	background:url(/template/image/printsend-mobile.png) no-repeat;
	height:23px;
	width:25px;	
	overflow:hidden;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
}

#printsendCtn a.addthis_button_linkedin
{
	background-position:0 0;
}
#printsendCtn > a.addthis_button_linkedin:after
{
	background-position:0 bottom;
}
#printsendCtn a.addthis_button_facebook
{
	background-position:-25px 0;
}
#printsendCtn a.addthis_button_facebook:after
{
	background-position:-25px bottom;
}
#printsendCtn a.addthis_button_twitter
{
	background-position:-50px 0;
	margin-right:18px;
}
#printsendCtn a.addthis_button_twitter:after
{
	background-position:-50px bottom;
}


#bodyprint .adresseCtn
{
	font-size:13px;
	page-break-inside:avoid;
}

#bodyprint .adresseCtn > div
{
	margin:40px 0 20px 0;
}

#bodyprint .adresse
{
	text-transform:uppercase;
}

#bodyprint .adressemail, #bodyprint .adresseurl
{
	text-transform:none;
}


@media only screen and (min-width:795px) /*breakpoint: 795 ici pas de padding */
{
	
	#printsendCtn
	{
		position:absolute;
		display:block;
		top:7px;
		right:-20px;
		font-size:0;
		border-top:none;
		padding:0;
		text-align:left;
	}
	
	.fullcontent #printsendCtn
	{
		right:10px;
	}

	#printsendCtn a:nth-child(-n+3)
	{
		display:block;
		float:left;
	}

	#printsendCtn a
	{
		width:15px;
		height:15px;
		margin-right:8px;
		background:url(/template/image/printsend.png) no-repeat;
	}
	#printsendCtn a:after
	{
		content:"";
		position:absolute;
		top:100%;
		left:100%;
		width:100%;
		height:100%;
		background:url(/template/image/printsend.png) no-repeat;
		transition:all .5s;
	}
	#printsendCtn a:hover:after
	{
		top:0;
		left:0;
	}
	
	#printsendCtn a.print
	{
		background-position:0 top;
	}
	#printsendCtn > a.print:after
	{
		background-position:0 bottom;
	}
	
	#printsendCtn a.pdf
	{
		background-position:-15px 0;
	}
	#printsendCtn > a.pdf:after
	{
		background-position:-15px bottom;
	}
	#printsendCtn a.send
	{
		background-position:-30px 0;
		margin-right:12px;
	}
	#printsendCtn > a.send:after
	{
		background-position:-30px bottom;
	}
	#printsendCtn a.addthis_button_linkedin
	{
		background-position:-45px 0;
	}
	#printsendCtn > a.addthis_button_linkedin:after
	{
		background-position:-45px bottom;
	}
	#printsendCtn a.addthis_button_facebook
	{
		background-position:-60px 0;
	}
	#printsendCtn a.addthis_button_facebook:after
	{
		background-position:-60px bottom;
	}
	#printsendCtn a.addthis_button_twitter
	{
		background-position:-75px 0;
		margin-right:0;
	}
	#printsendCtn a.addthis_button_twitter:after
	{
		background-position:-75px bottom;
	}
}
/* ******************** */
/* Cartouche Mon Compte */
/* ******************** */
#cartoucheProfileConnexion .cartoucheHolderTop
{
	background:#ececec;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheHeader
{
	color:#2693c4;
	font-size:15px;
	width:231px;
	padding-left:6px;
	padding-top:5px;
	margin-bottom:5px;
	top:0px;
	background:#000000; /* url('/plugin/page/theme/T24/image/chevron.png') center right no-repeat;*/	
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent
{
	width: 231px;
	margin-left:6px;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent #helloUser, 
#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent .myAccountTitle
{
	font-family:Arial;
	font-size:10px;
	color:#777676;
	font-weight:normal;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent #helloUser .error
{
	color:red;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent .myAccountTitle
{
	text-transform:uppercase;	
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent .myAccountTitle
{
	padding:6px 0px 0px 0px !important;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent a.lnkMyAccount
{
	text-decoration:none;
	color:#000000;
	font-size:12px;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent a.logout
{
	display:block;
	color:#2693c4;
	background:#ffffff url('/plugin/page/theme/T24/image/check.jpg') right center no-repeat;
	padding:5px 40px 5px 7px;
}

#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent .txtCreate
{
	margin-top:5px;
	margin-bottom:5px;
	display:block;	
	text-transform:uppercase;
}
#cartoucheProfileConnexion .cartoucheHolderTop .cartoucheContent a.lnkCreate
{
	margin-top:2px;
	display:block;
	color:#2693c4;
	background:#ffffff;
	padding:5px 7px 5px 7px;
	height:16px;
	width:246px;
	text-decoration:none;
	text-transform:none;
	font-size:13px;
}


/* ******************** */
/* Cartouche Inscrption */
/* ******************** */
#formProfileConnexion .intitule
{
	color:#000000;
	width:112px;
	float:left;
}

#formProfileConnexion .marginRight
{
	margin-right:6px !important;
}

#formProfileConnexion input[type=text], #formProfileConnexion input[type=password]
{
	background:#ffffff;
	border:none;
	width:109px;
	margin:0px;
	height:26px;
}

#formProfileConnexion input[type=submit]
{
	display:block;
	color:#2693c4;
	background:#ffffff url('/plugin/page/theme/T24/image/check.jpg') right center no-repeat;
	padding:5px 40px 5px 7px;
	border:none;
	height:26px;
	width:120px;
	cursor:pointer;
}

#formCreateProfile td.intitule
{
	width:150px;
}

#formCreateProfile input[type=password], #formCreateProfile input[type=text]
{
	width:300px;
} 

#formCreateProfile input[type=submit]
{
	background:#000000;
	color:#ffffff;
	padding:10px;
	border:none;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	font-family:'MyConduit';
	border-radius:2px;
	cursor:pointer;
}

#formCreateProfile input[type=submit]:hover 
{
	background:#2693c4;
}

.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}




/*Style pour le lien sur le plan du site*/
.sitemap
{
	text-decoration:none;
}

/* Style pour le plan du site */
#sitemapContentCtn
{
	padding-bottom:40px;
}

.EnteteSitemap
{
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
	padding:15px 0 15px 0;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	margin:40px 0 20px 0;
	
}
.sm0
{
    font-size: 17px;
    text-transform:uppercase;
	margin:30px 0 25px 0;
}
.sm1
{
	font-size: 16px;
	margin:25px 0 20px 0;
	padding-left:20px;
}

.sm2
{
	font-size: 14px;
	margin:20px 0 15px 0;
	padding-left:40px;
}

.sm3
{
	font-size: 14px;
	margin:15px 0 10px 0;
	padding-left:60px;
}

.sm4
{
	font-size: 14px;
	margin:15px 0 10px 0;
	padding-left:80px;
}

.sm5
{
	display:none;
	font-size: 14px;
	margin:15px 0 10px 0;
	padding-left:100px;
}

.sm6,.sm7,.sm8,.sm9, .sm10
{
	display:none;
}
/*=== Custom Slider Styles ===*/
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/*============================*/
#slider-wrapper {
    
	width:700px;
	height:355px;
}

#slider {
	position:relative;
   	width:700px;
	height:150px;
	background:url(/template/image/loading.gif) no-repeat 50% 50%;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

/*Gestion de la navigation via les bullets*/
.nivo-controlNav {
	position:absolute;
	bottom:3px;
	left:706px;
	z-index:1000;
	width:100px;/*Permet de faire sortir les bullets du slider*/

}

.nivo-controlNav a {
	display:block;
	width:12px;
	height:22px;
	background:url(/plugin/slider/template/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
	
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

/*Gestion de la navigation via les flèches*/
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/plugin/slider/template/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	padding-left:0px;
	margin-left:0px;
	position:absolute;
	bottom:-3px;
	z-index:9;
	cursor:pointer;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:0px;
}
a.nivo-prevNav {
	left:0px;
}

.nivo-nextNav
{
	right:0px;
}

.nivo-prevNav {
	left:0px;
}
 
/*Fin de la navigation*/

/* Style des légendes */
.nivo-caption {
	position:absolute;
	left:487px;
	top:0px;
	background:#000000;
	opacity:0.8; /* Overridden by captionOpacity setting */
	height:355px;
	z-index:8;
	text-align:right;

}
.nivo-caption p {
	padding:0px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}


/*Permet de faire afficher le caption seulement au survol de la souris*/
#slider-wrapper .nivo-caption {
visibility:hidden;
}

#slider-wrapper:hover .nivo-caption {
visibility:visible;
}

/*Permet de gérer les liens sur l'image*/
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

/*Style créé pour l'affichage du slogan*/
.FirstLine
{
	color:#FFFFFF;
	font-family:MyRockwell;
	font-size:27px;
}

.SecondLine
{
	color:#FFFFFF;
	font-family:MyRockwell;
	font-size:27px;
}

.avecSlogan
{
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	width:203px;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/*Fin sliders*/





/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}
#formAddMembre .stdZoneFixed
{
	background:#ffffff !important;	
	
}

#formAddMembre table.tableListAdmin
{
	border-collapse:collapse;
}

#formAddMembre table.tableListAdmin tr:hover
{
	background:#f9f9f9;
}

#formAddMembre td.tdAdmin
{
	width:200px !important;
	font-family: 'MyConduit' !important;
	font-size:18px !important;
}

#formAddMembre input[type=text], #formAddMembre textarea, #formAddMembre select
{
	border-radius:5px;
	padding:7px;
	
}

#formAddMembre input[type=text], #formAddMembre textarea
{
	padding:7px;
}

#formAddMembre select
{
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
}

#formAddMembre input[type=text], #formAddMembre textarea
{
	width:200px !important;
}

#formAddMembre input[type=text].inpNPA
{
	width:50px !important;
}

#formAddMembre input[type=text].inpLocal
{
	width:130px !important;
}


#formAddMembre select
{
	width:215px !important;
}
/** MODULE: youarehere **/
#youarehereCtn
{
	display:none;
}

@media only screen and (min-width:795px) /*breakpoint: 795 ici pas de padding */
{
	#youarehereCtn
	{
		display:block;
		padding:20px 10px 20px 10px;
		border-bottom:1px solid #d9d9d9;
	}
	
	#youarehereItem
	{
		display:block;
		position:relative;
		max-width:635px;
		margin:0 auto 0 auto;
		font-family:ubuntu;
		font-size:13px;
		font-weight:normal;
		line-height:1.5em;
		color:#6b6b6b;
		padding-left:60px;
		text-indent:-30px;
	}
	#youarehereLink
	{
		color:#6b6b6b;
		text-decoration:none;
	}
	
	#youarehereHeader a
	{
		display:inline-block;
		width:12px;
		height:11px;
		background:url(/template/image/home.png) no-repeat;
	}
	
	#youarehereSeparator
	{
		display:inline-block;
		width:5px;
		height:9px;
		margin:0 5px 0 5px;
		background:url(/template/image/arrowariane.png) no-repeat center center;
		background-size:cover;
	}		
}
.parameterDIV
{
	margin:15px 5px 5px 5px;
}
.parameterTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.parameterTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.deactivated
{
	color:#cccccc;
}

TD.ok
{
	color:green;
}
.TrueAnswer
{
	font-size:12px;
	color:green;
	font-style:italic;
	font-weight:normal;
}

.commentaireQuiz
{
	font-size:0.8em;
}

.questionQuiz
{
	padding:20px 10px 20px 10px;
	font-size:14px;
	font-weight:bold;
}

.commentaireQuiz
{
	padding:0px 10px 20px 10px;
	font-size:14px;
}

.pourcentage
{
	font-weight:bold;
	font-size:24px;
}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
	position:relative;
}

#formquizFinish input[type=submit], #formquizStart input[type=submit], #formQuizProgress  input[type=submit], #formQuizCheck input[type=submit], #formquizProgress input[type=submit], #formquizMail input[type=submit]
{
	background:#21224b;
	color:#ffffff;
	padding:10px 30px;
	cursor:pointer;
}

#formquizProgress .step, #formQuizCheck .step
{
	float:left;
	margin-right:15px;
	padding:5px 10px;
	border:1px solid grey;
	display:inline-block;
}

#formquizProgress .step.active, #formQuizCheck .step.active
{
	border:1px solid #21224b;
	color: #21224b;
	--box-shadow:0px 0px 3px #888888;
	background:#d3d3d3;
}

/* Cartouche Video */

#cartouchevideoCtn
{
	position:relative;
	display:block;
	background:no-repeat center center #000000;
	background-size:cover;
	margin-bottom:20px;
}
#cartouchevideoCtn:before
{
	content:"";
	display:block;
	padding-top:56.25%;
	background:#440655;
	background-image: -webkit-gradient(linear, left top, right top, from(#440655), to(#870eab));
	background-image: -webkit-linear-gradient(left, #440655,#870eab);
	background-image: -moz-linear-gradient(left, #440655,#870eab);
	background-image: -ms-linear-gradient(left, #440655,#870eab);
	background-image: -o-linear-gradient(left, #440655,#870eab);
	background-image: linear-gradient(left, #440655,#870eab);
	opacity:.3;
}
#cartouchevideoCtn:after
{
	content:"";
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/play.png) no-repeat center center;
}

@media only screen and (min-width:1080px) /*breakpoint: 1060 + 20px de padding (10 de chaque coté*/
{
	#cartouchevideo #cartouchevideoCtn
	{
		position:relative;
		margin:30px 0 0 0;
		width:265px;
		height:263px;
	}
	#cartoucheholder #cartouchevideo:nth-child(2):before /*to avoid moving top of colright mainctn with the margin of the first child*/
	{
		content:"";
		display:block;
		height:1px;
		background:transparent;
	}
	#cartoucheholder #cartouchevideo:nth-child(2) #cartouchevideoCtn
	{
		position:absolute;
		top:-263px;
		left:0;
		width:265px;
		height:263px;
		margin:0;
	}
	
	#cartouchevideo > span
	{	
		display:none;
	}
	#cartoucheholder #cartouchevideo:nth-child(2) > span
	{	
		display:block;
		padding:20px;
	}
	
	#cartouchevideoCtn:before
	{
		position:absolute;
		top:0;left:0;right:0;bottom:0;
	}
}
#formInscriptionYakaton > table
{
	width:100%;
	border-collapse:collapse;
}

#formInscriptionYakaton > table .tdAdmin
{
	width:120px;
}

#formInscriptionYakaton input[type="text"], #formInscriptionYakaton textarea, #formInscriptionYakaton select 
{
	width:100%;
	max-width:360px;
}

#formInscriptionYakaton #inscriptionNPA
{
	width:10%;
	margin-right:1%;
}

#formInscriptionYakaton #inscriptionLocalite
{
	width:59%;
	min-width:154px;
}

#formInscriptionYakaton .small
{
	font-size:10px;
	color:red;
}
/*STYLE BOX DE RECHERCHE GOOGLE */
#cse-search-box-api
{
	display:block;
	position:relative;
	padding:20px 60px 15px 28px;
	margin:0 0 20px 0;
	border-bottom:2px solid #5b6d8e;
}

#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	font-size:15px;
	color:#ffffff;
	background:none;
	border:none;
	border-radius:0;
	outline:0;
	padding-left:10px;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#7989a3;
	font-style:italic;
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api .btnsubmit
{
	display:block;
	position:absolute;
	top:20px;
	left:10px;
	width:18px;
	height:25px;
	background:url(/template/image/search.png) no-repeat center -20px;
}

#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	width:18px;
	height:25px;
	background:url(/template/image/search.png) no-repeat center -20px;
	border:none;
	border-left:0;
	border-radius: 0;
	cursor:pointer;
	outline:0;
}

@media only screen and (min-width:1154px)
{
	.searchHolder
	{
		display:block;
		position:relative;
		width:16px;
		height:18px;
	}
	#cse-search-box-api
	{
		display:block;
		position:absolute;
		padding:0;
		margin:0;
		border:0;
		top:-15px;
		right:0;
		width:16px;
		height:46px;
		overflow:hidden;
		z-index:1;
		transition:width .5s;
	}
	#cse-search-box-api:hover
	{
		position:absolute;
		width:450px;
		height:100px;
	}
	
	#cse-search-box-api input[type=text]
	{
		position:absolute;
		display:block;
		box-sizing:border-box;
		width:350px;
		height:25px;
		top:11px;
		right:18px;
		font-size:12px;
		font-weight:normal;
		color:#264377;
		background:#ffffff;
		border:solid 1px #b1b1b1;
		border-radius:5px;
		outline:0;
		padding:0 5px 0 5px;
	}
	#cse-search-box-api input[type=text].placeholder
	{
		color:#a9a9a9;
	}
	#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }
	
	#cse-search-box-api .btnsubmit
	{
		width:16px;
		height:16px;
		display:block;
		background:url(/template/image/search.png) no-repeat center top;	
		position:absolute;
		top:15px;
		left:auto;
		right:0;
	}
	
	#cse-search-box-api input[type=submit]
	{
		position:absolute;
		top:0;
		left:auto;
		right:0;
		box-sizing:border-box;
		width:16px;
		height:16px;
		border:none;
		cursor:pointer;
		outline:0;
		border-radius:0;
		display:none;
		/*
		background:red;
		opacity:.2;
		*/
	}
}

/*STYPE POUR LES RESULTATS DE RECHERCHE*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #cacaca;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:normal;
	margin-top:30px;
}

#searchapiResultsCtn .noresult
{
	font-style:italic;
}

#searchapiResultsCtn .results
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:40px;
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:1em;
	padding:0;
	margin:0 0 5px 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.85em;
	margin:0 0 10px 0;
	color:#6b6b6b;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
	color:#6b6b6b;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:40%;
	margin-right:10px;
	margin-bottom:5px;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:inline;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

#searchapiResultsCtn .results .result .data .txt .snippet br
{
	display:none;
}

#searchapiResultsCtn .results .result .data .txt .format
{
	display:block;	
}

#searchapiResultsCtn .steps
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .steps a
{
	display:inline-block;
	padding:5px;
	text-decoration:none;
}

#searchapiResultsCtn .steps a.bolder
{
	font-weight:bold;
}

@media only screen and (min-width:641px)
{
	#searchapiResultsCtn .results .result .data .img
	{
		width:20%;
		margin-right:2%;
		margin-bottom:0;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		float:left;
		width:78%;
	}
}
.galleryimagevoteInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

#galleryimagevoteListCtn .listElement
{
	width:100%; /* 22%;*/
	position:relative;
	margin-bottom:110px;
	overflow:visible;
}

#galleryimagevoteListCtn .listElement .img.videoCtn
{
	position:relative;
	display:block;
	background:no-repeat center center #000000;
	background-size:cover;
	--margin-bottom:20px;
	
}

#galleryimagevoteListCtn .listElement .img.videoCtn:before
{
	content:"";
	display:block;
	padding-top:59.1%;
	background:#440655;
	background-image: -webkit-gradient(linear, left top, right top, from(#440655), to(#870eab));
	background-image: -webkit-linear-gradient(left, #440655,#870eab);
	background-image: -moz-linear-gradient(left, #440655,#870eab);
	background-image: -ms-linear-gradient(left, #440655,#870eab);
	background-image: -o-linear-gradient(left, #440655,#870eab);
	background-image: linear-gradient(left, #440655,#870eab);
	opacity:.3;
}

#galleryimagevoteListCtn .listElement .legend
{
	position:absolute;
	left:0;
	right:0;
	background:#ffffff !important;
	display:block;
	padding:5px;
	box-sizing:border-box;
	min-height:88px;
}

#galleryimagevoteListCtn .listElement .img.videoCtn:after
{
	content:"";
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	width:auto;
	height:auto;
	background:url(/template/image/play.png) no-repeat center center;
	
}

@media only screen and (min-width:320px)
{
	#galleryimagevoteListCtn .listElement
	{
		width:100%;
		position:relative;
	}
	
	#galleryimagevoteListCtn .listElement:nth-child(2n+1)
	{
		clear:none;
		float:none;
	}
}


@media only screen and (min-width:640px) 
{
	#galleryimagevoteListCtn .listElement
	{
		width:47%;
		position:relative;
	}
	
	#galleryimagevoteListCtn .listElement:nth-child(2n+1)
	{
		clear:none;
		float:left;
	}
		
}

@media only screen and (min-width:1080px) 
{
	#galleryimagevoteListCtn .listElement
	{
		/*width:22%;*/
		position:relative;
	}
}

#galleryimagevoteListCtn .listElement .zoneVote
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width:100%;
	background:url('/plugin/galleryimagevote/template/image/fond.png') repeat-x;
}

#galleryimagevoteListCtn .listElement:nth-child(2n+0)
	{
		margin-right:3%;
	}

	#galleryimagevoteListCtn .listElement:nth-child(2n+3)
{
	clear:none;
}

#galleryimagevoteListCtn .listElement .zoneVote .vote
{
	position:relative;
	float:right;
	width:42px;
	height:19px;
	background:url('/plugin/galleryimagevote/template/image/vote.png') no-repeat;
	margin-right:35px;
	margin-top:15px;
	cursor:pointer;
}

#galleryimagevoteListCtn .listElement .admin  .zoneVote
{
	display:none;
}

#galleryimagevoteListCtn .listElement .zoneVote .vote.voted
{
	background-position:0px -19px !important;
}

#galleryimagevoteListCtn .listElement .zoneVote .nbVote
{
	float:right;
	height:19px;
	width:42px;	
	color:#f1f1f1;
	margin-top:16px;
	text-align:right;
	margin-right:12px;
}

#galleryimagevoteListCtn .listElement .img:after
{
	content:none;
}
#galleryimagevoteListCtn .listElement:not(.noeffect)
{
	transition:all .5s;
}
#galleryimagevoteListCtn .listElement:hover:not(.noeffect)
{
	transform:scale(1.2,1.2);
	z-index:2;
}

#frmValidateVote input[type=submit]
{
	background:#21224b;
	color:#ffffff;
	padding:10px 30px;
	cursor:pointer;
}

#frmValidateVote input[type=text]
{
	width:100%;
	max-width:224px;
}
.immersionSearchFrm
{
	position:relative;
	margin:20px 0 40px 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
	min-height:30px;
}

.immersionSearchFrm:after
{
	content:"";
	clear:both;
}

.immersionSearchFrm #annonceLnk
{
	display:none;
}

#frmAnnonceImmersion .tdAdmin
{
	width:160px;
}

#immersionDetailCtn
{
	display:block;
}

#immersionDetailCtn .info
{
	display:block;
	margin-bottom:20px;
	width:100%;
}

#immersionDetailCtn .info .label
{
	font-weight:bold;
	
}

#immersionListCtn
{
	display:block;
}

#immersionListCtn h5
{
	margin-bottom:15px;
}	

#immersionListCtn .info
{
	margin-bottom:5px;
}
#immersionListCtn .info .label
{
	font-weight:bold;	
}

#immersionListCtn .listElement.echue
{
	background-color: #ffebc6;
}

@media only screen and (min-width:641px)
{
	.immersionSearchFrm #annonceLnk
	{
		display:block;
		box-sizing:border-box;
		float:right;
		margin-right:20px;
		padding:5px 10px 5px 10px;
		height:30px;
		background:#f1f1f1;
		border:1px outset #bbb7b7;
		overflow:hidden;
		color:#6b6b6b;
		font-size:13px;
		cursor:pointer;
	}

	#immersionDetailCtn .info
	{
		width:48%;
		margin-right:2%;
	}
	#immersionDetailCtn .info, #immersionDetailCtn .info .label, #immersionDetailCtn .info .data
	{
		float:left;
		margin-right:10px;
		display:inline-block;
	}

	#immersionListCtn .info
	{
		font-size:0.9em;
	}

	#immersionListCtn .info .label
	{
		float:left;
	}
	
	#immersionListCtn .info .data
	{
		float:right;
		font-size:0.9em;
	}
	
}

#formSalleReservation .tdAdmin
{
	width:140px;
}


#tableCoordonnees input[type=text], #tableCoordonnees select, #formSalleReservation textarea
{
	width:350px;
}

#tblDates input[type=text]
{
	width:120px;
}

#tblDates .rawDates.optional input::-webkit-input-placeholder
{
	color:transparent;
}
#tblDates .rawDates.optional input:-moz-placeholder
{
	color:transparent;
}
#tblDates .rawDates.optional input::-moz-placeholder
{
	color:transparent;
}
#tblDates .rawDates.optional input:-ms-input-placeholder
{
	color:transparent;
}

@media only screen and (max-width: 495px)
{
	#formSalleReservation td
	{
		display:block;
		width:100%!important;
		margin:5px!important;
		padding:0px!important;
		text-align:left;
	}
	
	#tableCoordonnees input[type=text], #tableCoordonnees select, #formSalleReservation textarea
	{
		width:95%!important;
	}	
	
	#tblDates input[type=text]
	{
		width:85%!important;
	}
		
	#tblDates .rawDates.optional input::-webkit-input-placeholder
	{
		color:#999999;
	}
	#tblDates .rawDates.optional input:-moz-placeholder
	{
		color:#999999;
	}
	#tblDates .rawDates.optional input::-moz-placeholder
	{
		color:#999999;
	}
	#tblDates .rawDates.optional input:-ms-input-placeholder
	{
		color:#999999;
	}

}
/* STYLE POUR ZONE UPLOAD*/
.uploadzone
{
	position:absolute;
    top:0;left:0;right:0;bottom:0;
    overflow:hidden;
	cursor:pointer;
}
.uploadzone:before
{
	content:"";
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background:url(/plugin/electionv2/image/candidat.jpg) no-repeat top center;
	background-size:cover;
 	background-position:50% 0;
	z-index:1;
	opacity:.4;
}
.uploadzone.filled:before
{
	content:none;
}
.uploadzone > input[type=file]
{
	position:absolute;
	top:0;
	left:0;
    opacity:0;
	z-index:1;
}
.uploadzone > .uploadtxt
{
    position:absolute;
	display:block;
	top:50%;left:20px;right:20px;
	transform:translateY(-50%);
	text-align:center;
	z-index:1;
	font-weight:normal;
	font-size:16px;
	color:#15284a;
	line-height:1.5;
}
.uploadzone > .uploadtxt > span
{
	display:block;
	margin-top:5px;	
}

.uploadzone.filled > .uploadtxt
{
	display:none;
}
.uploadzone > .uploaddropzone
{
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-repeat:no-repeat;
 	background-size:cover;
 	background-position:50% 0;
	z-index:2;
}

/*FORMULAIRE DE CANDIDATURE*/
#candidatureEditFrm
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
	padding:0;
}
#candidatureEditFrm .wrapper:after
{
	content:"";
	display:block;
	clear:both;
}

#candidatureEditFrm .mainpart
{
	position:relative;
	display:block;
	margin:0 0 40px 0;
}
#candidatureEditFrm .mainpart.step2
{
	display:none;
}

#candidatureEditFrm .mainpart h2
{
	text-transform:uppercase;
}

#candidatureEditFrm .photo
{
	position:relative;
	display:block;
	width:280px; /*280px par 360px */
	border:2px dashed #BBBBBB;
	border-radius:10px;
	overflow:hidden;
}
#candidatureEditFrm .photo:before
{
	content:"";
	display:block;
	padding-top:128.58%;
}

#candidatureEditFrm .datactn
{
	position:relative;
	display:block;
	margin-top:40px;
}

#candidatureEditFrm .fieldctn
{
	display:block;
	margin:0 0 20px 0;
}
#candidatureEditFrm .fieldctn label
{
	display:block;
	font-weight:bold;
	margin:0 0 3px 2px;
	line-height:1.5;
	background:none;
}
#candidatureEditFrm .fieldctn label.mandatory:after, #candidatureEditFrm label.mandatoryinfo:before, #candidatureEditFrm label.mandatoryconseil:before
{
	content:" * ";
}

#candidatureEditFrm .fieldctn .field
{
	display:block;
	float:none;
	width:100%;
	text-align:left;
}
#candidatureEditFrm .fieldctn .field input[type=text], #candidatureEditFrm .fieldctn .field select
{
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:3px 5px 3px 5px;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
}

#candidatureEditFrm .fieldctn .field input.mandatoryFailed, #candidatureEditFrm .fieldctn .field select.mandatoryFailed
{
  background-color: #FFE3E8;
  border-bottom:1px solid red;
}

#candidatureEditFrm .fieldctn .field select
{
	padding-right:0;
}
#candidatureEditFrm .fieldctn .field select + select
{
	margin-top:10px;
}
#candidatureEditFrm .fieldctn .field select:disabled
{
	opacity:.5;
}

#candidatureEditFrm .fieldctn input[type=checkbox]
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:15px;
	height:15px;
	margin:3px 0 0 0;
	padding:0;
}

#candidatureEditFrm .fieldctn input[type=checkbox] + label
{
	float:left;
	width:calc(100% - 25px);
	font-weight:normal;
	margin:0 0 0 10px;
}
#candidatureEditFrm label.mandatoryconseil
{
	display:none;
}
#candidatureEditFrm label.mandatoryconseil.failed
{
	display:block;
	margin:0 0 20px 0;
	color:red;
}
#candidatureEditFrm .fieldctn input[type=checkbox].mandatoryFailed + label, #candidatureEditFrm label.mandatoryinfo.failed
{
	color:red;
}

#candidatureEditFrm .conseils
{
	position:relative;
	display:block;
	margin-bottom:20px;
}
#candidatureEditFrm .conseils:after
{
	content:"";
	display:block;
	clear:both;
}

#candidatureEditFrm .conseils label
{
	display:block;
	box-sizing:border-box;
	font-weight:bold;
	margin:30px 0 15px 0;
}
#candidatureEditFrm .conseils .conseil
{
	display:block;
}

#candidatureEditFrm .conseils .conseil select.fulloption
{
	display:none;
}
#candidatureEditFrm .conseils .conseil select
{
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:3px 5px 3px 5px;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
}
#candidatureEditFrm .conseils .conseil .selectedelement
{
	position:relative;
	display:block;
}
#candidatureEditFrm .conseils .conseil .selectedelement > div
{
	position:relative;
	display:block;
	margin-bottom:10px;
	padding:3px 40px 3px 5px;
	background:#e1e0e0;
	border-bottom:1px solid #48a0ec;
	font-weight:200;
	font-size:16px;
	color:#15284a;
}
#candidatureEditFrm .conseils .conseil .selectedelement > div > a.close
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	width:22px;
	height:22px;
	right:2px;
	top:50%;
	margin-top:-11px;
	border-radius:50%;
	border:1px solid #000000;
	cursor:pointer;
}
#candidatureEditFrm .conseils .conseil .selectedelement > div > a.close:before, #candidatureEditFrm .conseils .conseil .selectedelement > div > a.close:after
{
	content:"";
	position:absolute;
	left:50%;
	top:25%;
	width:2px;
	height:50%;
	margin-left:-1px;
	background:#000000;
	transform:rotate(45deg);
}
#candidatureEditFrm .conseils .conseil .selectedelement > div > a.close:after
{
	transform:rotate(-45deg);
}

#candidatureEditFrm textarea.fullsize
{
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:3px 5px 3px 5px;
	height:30em;
	line-height:1.5;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
}
#candidatureEditFrm textarea.fullsize + div.rem
{
	display:block;
	font-size:.85em;
	padding:5px 3px 5px 3px;
	color:#15284a;
	font-weight:200;
}
#candidatureEditFrm textarea.fullsize + div.rem > span
{
	font-weight:bold;
}

#candidatureEditFrm input[type=submit], #candidatureEditFrm a.reset 
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:10px 20px 10px 20px;
	border:0;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	font-family:ubuntu;
	font-weight:normal;
	font-size:16px;
	transition:background-color .5s;
}
#candidatureEditFrm a.reset 
{
	margin-left:15px;
}
#candidatureEditFrm input[type=submit]:not(:disabled):hover, #candidatureEditFrm a.reset:hover
{
	background:#21224b;
}
#candidatureEditFrm input[type=submit]:disabled
{
	opacity:.5;
}

@media only screen and (min-width:655px)
{ 
	#candidatureEditFrm .photo
	{
		float:left;
	}
	#candidatureEditFrm .datactn
	{
		float:right;
		width:330px;
		margin-top:0;
	}
	#candidatureEditFrm .conseils label
	{
		float:left;
		width:40%;
		padding-right:10px;
		margin:0;
	}
	#candidatureEditFrm .conseils .conseil
	{
		float:left;
		width:60%;
	}
}

/* LIST CANDIDAT*/
#candidatListCtn
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
	transition:opacity .5s;
}
#candidatListCtn.waiting > :not(.waitingprogress)
{
 	opacity:.2
}
#candidatListCtn .waitingprogress
{
	display:none;
	background:url(/template/image/loading.gif) no-repeat center center;
}
#candidatListCtn.waiting .waitingprogress
{
	display:block;
	position:absolute;
	left:0;right:0;
	height:80px;
	z-index:3;
}

#candidatListCtn h2
{
	position:relative;
}

#candidatListCtn h2 a.export
{
	display:none;
}

#candidatListCtn .listelementctn:after
{
	content:"";
	display:block;
	clear:both;
}

#candidatListCtn .candidatListElement
{
	position:relative;
	display:block;
	max-width:280px;
	margin:0 auto 50px auto;
	border-radius:10px;
	overflow:hidden;
	font-weight:normal;
	font-size:16px;
	color:#6b6b6b;
}

#candidatListCtn .candidatListElement .frontface
{
	position:relative;
	display:block;
	z-index:2;
	background:#ffffff;
	transform:rotateY(0deg);
	transition:transform 1s, opacity 1s;
}
#candidatListCtn .candidatListElement.inactif .frontface
{
	background:#fdc7c7;
}	

#candidatListCtn .candidatListElement .frontface .photo
{
	position:relative;
	display:block;
	max-height:360px;
	background-image:url(/plugin/electionv2/image/candidat.jpg);
	background-repeat:no-repeat;
	background-size:cover;
 	background-position:50% 0;
	opacity:.4;
	border-radius:10px;
}
#candidatListCtn .candidatListElement .frontface .photo:before
{
	content:"";
	display:block;
	padding-top:128.58%;
}

#candidatListCtn .candidatListElement.inactif .frontface .photo:after
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	opacity:.5;
	background:#fdc7c7;	
}

#candidatListCtn .candidatListElement .frontface .photo.sexe2
{
	background-image:url(/plugin/electionv2/image/candidate.jpg);
}
#candidatListCtn .candidatListElement .frontface .photo.filled
{
	opacity:1;
}
#candidatListCtn .candidatListElement .frontface .coord
{ 
	position:relative;
	display:block;
	box-sizing:border-box;
	margin:0;
	background:#ffffff;
	padding:20px;
	height:200px;
}

#candidatListCtn .candidatListElement.inactif .frontface .coord
{
	background:#fdc7c7;
}
#candidatListCtn .candidatListElement .frontface .coord > div
{
	position:relative;
	display:block;
	margin-bottom:10px;
}
#candidatListCtn .candidatListElement .frontface .coord > div.civilite
{
	margin-bottom:5px;
	color:#21224b;
	text-transform:uppercase;
}	
#candidatListCtn .candidatListElement .frontface .coord > div.nomprenom
{
	font-size:20px;
	text-transform:uppercase;
	color:#21224b;
}

#candidatListCtn .candidatListElement .backface
{
	position:absolute;
	z-index:1;
	top:0;left:0;right:0;bottom:0;
	background-color:#cfe4eb;
	opacity:0;
	transform:rotateY(180deg);
	transition:transform 1s, opacity 1s;
	padding:0 20px 0 20px;
}
#candidatListCtn .candidatListElement.inactif .backface
{
	background:#fdc7c7;	
}
	
#candidatListCtn .candidatListElement:hover .frontface
{
	transform:rotateY(180deg);
	opacity:0;
	transition:transform .5s, opacity .5s;
}
#candidatListCtn .candidatListElement:hover .backface
{
	transform:rotateY(0deg);
	opacity:1;
	transition:transform .5s, opacity .5s;
	font-size:0;
}
#candidatListCtn .candidatListElement .backface:before
{
	content:"";
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}

#candidatListCtn .candidatListElement .backface > div.conseilctn
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	font-size:16px;
}

#candidatListCtn .candidatListElement .backface > div.conseilctn > div.candidature
{
	margin:20px 0 0 0;
	color:#000000;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}
#candidatListCtn .candidatListElement .backface > div.conseilctn > div.candidature > span
{
	display:block;
	margin:0 0 10px 0;
	font-weight:normal;
	font-style: italic;
}
#candidatListCtn .candidatListElement .backface > div.conseilctn > div.candidature > span:before, #candidatListCtn .candidatListElement .backface > div.conseilctn > div.candidature > span:after
{
	content:"\"";
}
#candidatListCtn .candidatListElement .backface > div.conseilctn > div.canton
{
	padding:5px 0 5px 0;
	margin:20px 0 10px 0;
	border-bottom:1px solid #48a0ec;
	color:#21224b;
}
#candidatListCtn .candidatListElement .backface > div.conseilctn > div.conseil
{
	margin-bottom:10px;
	font-size:14px;
}

@media only screen and (min-width:480px)
{
	#candidatListCtn .candidatListElement
	{
		float:left;
		width:46%;
		margin:0 4% 50px 0;
	}
	#candidatListCtn .candidatListElement:nth-child(2n+2)
	{
		margin-right:0;
	}
	
	#candidatListCtn .candidatListElement .frontface .coord
	{
		height:240px;
	}
}

@media only screen and (min-width:800px)
{
	#candidatListCtn .candidatListElement, #candidatListCtn .candidatListElement:nth-child(2n+2)
	{
		width:32%;
		margin:0 2% 50px 0;
	}
	#candidatListCtn .candidatListElement:nth-child(3n+3)
	{
		margin-right:0;
	}
	
	#candidatListCtn .candidatListElement .frontface .coord
	{
		height:220px;
	}
	
	#candidatListCtn h2 a.export
	{
		position:absolute;
		display:block;
		right:0;
		bottom:5px;
		padding:5px 10px 5px 10px;
		background:#48a0ec;
		border-radius:10px;
		color:#ffffff;
		font-size:14px;
		text-align:center;
		transition:background-color .5s;
	}
	
	#candidatListCtn h2 a.export:hover
	{
		background:#21224b;
	}
}

@media only screen and (min-width:1080px)
{
	#candidatListCtn .candidatListElement, #candidatListCtn .candidatListElement:nth-child(2n+2)
	{
		width:280px;
		margin:0 30px 50px 0;
	}
	#candidatListCtn .candidatListElement:nth-child(3n+3)
	{
		margin-right:0;
	}
	#candidatListCtn .candidatListElement .frontface .coord
	{
		height:200px;
	}
}

/* RECHERCHE*/
#candidatListSearch
{
	position:relative;
	display:block;
}
#candidatListSearch:after
{
	content:"";
	display:block;
	clear:both;
}

#candidatListSearch .searchfieldctn
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:0 0 0 0;
	margin-bottom:20px;
}

#candidatListSearch .searchfieldctn input, #candidatListSearch .searchfieldctn select
{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:3px 5px 3px 5px;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
	min-height:29px;
}
#candidatListSearch .searchfieldctn input::-webkit-input-placeholder
{
  color: #808080;
}#candidatListSearch .searchfieldctn input::-moz-placeholder
{
  color: #808080;
}#candidatListSearch .searchfieldctn input::-moz-placeholder
{
  color: #808080;
}#candidatListSearch .searchfieldctn input:-ms-input-placeholder
{
  color: #808080;
}#candidatListSearch .searchfieldctn input:-moz-placeholder
{
  color: #808080;
}#candidatListSearch .searchfieldctn input:placeholder
{
  color: #808080;
}
 #candidatListSearch .searchfieldctn select
{
	padding-right:0;
}
#candidatListSearch .searchfieldctn select#aSearchCandidatAllConseil
{
	display:none;
}

@media only screen and (min-width:655px)
{
	#candidatListSearch .searchfieldctn
	{
		float:left;
		width:50%;
		padding:0 10px 0 0;
	}
	
	#candidatListSearch .searchfieldctn:nth-child(2n+2)
	{
		float:right;
		padding:0 0 0 10px;
	}
}


/* ADD CANDIDATURE */
#candidatListCtn a.addcandidature, #candidatListSearch a.addcandidature, #electionv2ColrightBtnCtn a.addcandidature
{
	display:block;
	position:relative;
	padding:10px 0 10px 0;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:16px;
	text-align:center;
	transition:background-color .5s;
}

#candidatListCtn a.addcandidature:hover, #candidatListSearch a.addcandidature:hover, #electionv2ColrightBtnCtn a.addcandidature:hover
{
	background:#21224b;
}

#electionv2ColrightBtnCtn
{
	position:relative;
	display:block;
	margin:40px 10px 40px 10px;
}
#electionv2ColrightBtnCtn a.addcandidature
{
	font-size:15px;
}

@media only screen and (min-width:480px)
{
	#candidatListCtn a.addcandidature, #candidatListSearch a.addcandidature
	{
		position:absolute;
		top:-10px;
		right:0;
		padding:10px 10px 10px 10px;
	}
	
	#candidatListCtn a.addcandidature.bottom
	{
		top:auto;
		bottom:-30px;
	}
}
@media only screen and (min-width:655px)
{
	#candidatListCtn a.addcandidature, #candidatListSearch a.addcandidature
	{
		padding:10px 20px 10px 20px;
	}
}

/* DETAIL CANDIATURE*/
#candidatureViewCtn
{
	position:relative;
	display:block;
}

#candidatureViewCtn .desactivatepage
{
	font-size:14px;
}
#candidatureViewCtn .mainpart
{
	position:relative;
	display:block;
	margin:0 0 40px 0;
}
#candidatureViewCtn .wrapper:after
{
	content:"";
	display:block;
	clear:both;
}

#candidatureViewCtn .mainpart h2
{
	text-transform:uppercase;
}

#candidatureViewCtn .mainpart .photo
{
	position:relative;
	display:block;
	width:280px;
	max-height:360px;
	background-image:url(/plugin/electionv2/image/candidat.jpg);
	background-repeat:no-repeat;
	background-size:cover;
 	background-position:50% 0;
	opacity:.4;
	border-radius:10px;
	overflow:hidden;
}
#candidatureViewCtn .mainpart .photo:before
{
	content:"";
	display:block;
	padding-top:128.58%;
}

#candidatureViewCtn .mainpart .photo.sexe2
{
	background-image:url(/plugin/electionv2/image/candidate.jpg);
}
#candidatureViewCtn .mainpart .photo.filled
{
	opacity:1;
}

#candidatureViewCtn .mainpart .coord
{
	position:relative;
	display:block;
	margin-top:40px;
}

#candidatureViewCtn .mainpart  .coord > div
{
	position:relative;
	display:block;
	margin-bottom:20px;
}
#candidatureViewCtn .mainpart  .coord > div.civilite
{
	margin-bottom:10px;
	color:#21224b;
	text-transform:uppercase;
}	
#candidatureViewCtn .mainpart .coord > div.nomprenom
{
	font-size:24px;
	text-transform:uppercase;
	color:#21224b;
}

#candidatureViewCtn .mainpart .coord > div.liste > span
{
	display:block;
	margin:7px 0 0 0;
	font-weight:normal;
	font-style: italic;
}
#candidatureViewCtn .mainpart .coord > div.liste > span:before, #candidatureViewCtn .mainpart .coord > div.liste > span:after
{
	content:"\"";
}

#candidatureViewCtn .mainpart .conseilctn
{
	position:relative;
	display:block;
}

#candidatureViewCtn .mainpart .conseilctn > .canton
{
	padding:5px 0 5px 0;
	margin:30px 0 15px 0;
	color:#21224b;
}
#candidatureViewCtn .mainpart .conseilctn > .canton:first-child
{
	margin-top:0px;
}
#candidatureViewCtn .mainpart .conseilctn .conseil
{
	margin-bottom:15px;
	font-size:14px;
	line-height:1.5;
}
#candidatureViewCtn .mainpart .motivation
{
	line-height:1.5;
}

#candidatureViewCtn a.votebtn
{
	display:block;
	position:relative;
	padding:10px 20px 10px 20px;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:16px;
	text-align:center;
	transition:background-color .5s;
}

#candidatureViewCtn a.votebtn:hover
{
	background:#21224b;
}

#candidatureViewCtn .mainpart .linkctn, #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn
{
	position:relative;
	display:block;
}
#candidatureViewCtn .mainpart .linkctn:after,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn:after
{
	content:"";
	display:block;
	clear:both;
}
#candidatureViewCtn .mainpart .linkctn > a,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a
{
	position:relative;
	display:block;
	float:left;
	margin:0 10px 20px 0;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
#candidatureViewCtn .mainpart .linkctn > a:before,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	opacity:0;
	transition:opacity .5s;
}
#candidatureViewCtn .mainpart .linkctn > a:hover:before, #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn >a:hover:before
{
	opacity:1;
}

#candidatureViewCtn .mainpart .linkctn > a.facebook, #candidatureViewCtn .mainpart .linkctn > a.facebook:before, 
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.facebook,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.facebook:before
{
	background-image:url(/plugin/electionv2/image/facebook.png);
}
#candidatureViewCtn .mainpart .linkctn > a.twitter, #candidatureViewCtn .mainpart .linkctn > a.twitter:before,
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.twitter,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.twitter:before
{
	background-image:url(/plugin/electionv2/image/twitter.png);
}
#candidatureViewCtn .mainpart .linkctn > a.linkedin, #candidatureViewCtn .mainpart .linkctn > a.linkedin:before,
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.linkedin,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.linkedin:before
{
	background-image:url(/plugin/electionv2/image/linkedin.png);
}
#candidatureViewCtn .mainpart .linkctn > a.instagram, #candidatureViewCtn .mainpart .linkctn > a.instagram:before,
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.instagram,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.instagram:before
{
	background-image:url(/plugin/electionv2/image/instagram.png);
}
#candidatureViewCtn .mainpart .linkctn > a.youtube, #candidatureViewCtn .mainpart .linkctn > a.youtube:before,
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.youtube,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.youtube:before
{
	background-image:url(/plugin/electionv2/image/youtube.png);
}
#candidatureViewCtn .mainpart .linkctn > a.siteweb, #candidatureViewCtn .mainpart .linkctn > a.siteweb:before,
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.siteweb,  #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a.siteweb:before
{
	background-image:url(/plugin/electionv2/image/siteweb.png);
}

@media only screen and (min-width:655px)
{
	#candidatureViewCtn .mainpart .photo
	{
		float:left;
	}
	#candidatureViewCtn .mainpart .coord
	{
		float:right;
		width:330px;
	}
	#candidatureViewCtn .mainpart .linkctn > a, #electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a
	{
		margin:0 20px 20px 0;
	}
}


/* NAVIG CANDIDATURE*/
#navigCandidature
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
	text-align:center;
	font-size:0;
}

#navigCandidature > a
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:10px 10px 10px 10px;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	text-transform:lowercase;
	font-size:16px;
	font-weight:normal;
	transition:background-color .5s;
}
#navigCandidature > a[href="#"]
{
	visibility:hidden;
}
#navigCandidature > a:hover
{
	background:#21224b;
}
#navigCandidature > a.return
{
	margin:0 10px 0 10px;
}
#navigCandidature > a.prev:before
{
	content:"<";
}
#navigCandidature > a.next:before
{
	content:">";
}

@media only screen and (min-width:655px)
{
	#navigCandidature > a.return
	{
		margin:0 20px 0 20px;
	}	
	#navigCandidature > a
	{
		padding:10px 20px 10px 20px;
	}
}

/* ACTION CANDIDATURE */
#actionCandidature
{
	position:relative;
	display:block;
	margin:20px 0 20px 0;
	text-align:right;
	font-size:0;
}

#actionCandidature > a
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:10px 20px 10px 20px;
	margin-left:10px;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	transition:background-color .5s;
}
#actionCandidature > a:first-child
{
	margin-left:0;
}
#actionCandidature > a:hover
{
	background:#21224b;
}

/* CONFIG PART */
#electionv2ResultatConfigFrm
{
	position:relative;
	display:block;
	width:600px;
}

#electionv2ResultatConfigFrm .configctn .fieldctn
{
	position:relative;
	display:block;
	margin:15px 0 15px 0; 
}
#electionv2ResultatConfigFrm .configctn .fieldctn:after
{
	content:"";
	display:block;
	clear:both;
}
#electionv2ResultatConfigFrm .configctn .fieldctn label
{
	position:relative;
	display:block;
	float:left;
	width:100px;
	margin-right:20px;
	font-weight:bold;
}
#electionv2ResultatConfigFrm .configctn .fieldctn .field
{
	position:relative;
	display:block;
	float:left;
	width:360px;
}
#electionv2ResultatConfigFrm .configctn .fieldctn .field select
{
	display:block;
	box-sizing:border-box;
	width:100%;
}
#electionv2ResultatConfigFrm .configctn .fieldctn .field select + select
{
	margin-top:10px;
}
#electionv2ResultatConfigFrm .configctn .fieldctn select#aResultatConfigAllConseil
{
	display:none;
}

#electionv2ResultatConfigFrm .candidatctn
{
	position:relative;
	display:block;
	min-height:80px;
}
#electionv2ResultatConfigFrm .candidatctn.waiting > :not(.waitingprogress)
{
 	opacity:.2
}
#electionv2ResultatConfigFrm .candidatctn .waitingprogress
{
	display:none;
	background:url(/template/image/loading.gif) no-repeat center center;
}
#electionv2ResultatConfigFrm .candidatctn.waiting .waitingprogress
{
	display:block;
	position:absolute;
	left:0;right:0;
	height:80px;
	z-index:3;
}
#electionv2ResultatConfigFrm .candidatctn .noresult
{
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}

#electionv2ResultatConfigFrm .candidatctn .candidatListElement
{
	position:relative;
	display:block;
	margin:10px 0 10px 0;
	background:#eeeeee;
	border-radius:10px;
	overflow:hidden;
	transition:background-color .5s;
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement:hover
{
	background:#a5cdef;
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement.header, #electionv2ResultatConfigFrm .candidatctn .candidatListElement.header:hover
{
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 0 5px 0;
	background:none; 
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat, #electionv2ResultatConfigFrm .candidatctn .candidatListElement .colElu
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}


#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .photo
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	width:100px;
	background-image:url(/plugin/electionv2/image/candidat.jpg);
	background-repeat:no-repeat;
	background-size:cover;
 	background-position:50% 0;
	opacity:.4;
	border-radius:10px;
	overflow:hidden;
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .photo:before
{
	content:"";
	display:block;
	padding-top:128.58%;
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement.header .colCandidat .photo:before
{
	content:none;
}

#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .photo.sexe2
{
	background-image:url(/plugin/electionv2/image/candidate.jpg);
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .photo.filled
{
	opacity:1;
}

#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .coord
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:300px;
}

#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .coord > div
{
	position:relative;
	display:block;
	margin-bottom:10px;
}
#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colCandidat .coord > div.nomprenom
{
	font-weight:bold;
}

#electionv2ResultatConfigFrm .candidatctn .candidatListElement .colElu input[type=checkbox]
{
	display:block;
	box-sizing:border-box;
	width:15px;
	height:15px;
}

/* RESULTAT ELU */
#electionv2ResultatCtn
{
	position:relative;
	display:block;
	margin:20px 0 40px 0;
}
#electionv2ResultatCtn .corpsctn
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
}

#electionv2ResultatCtn .corpsctn .corps 
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:10px 25px 10px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border:1px solid #d6d6d6;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8ea), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: -moz-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: -ms-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: -o-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: linear-gradient(top, #e8e8ea,#ffffff);
	transition:all .5s;
	cursor:pointer;
	font-size:16px;
	color:#21224b;
	text-transform:none;
	margin:0px;
}

#electionv2ResultatCtn .corpsctn .corps:before
{
	content:"";
	position:absolute;
	left:12px;
	top:50%;
	width:5px;
	height:9px;
	margin-top:-4px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
	transition:all .5s;
	transform:rotate(90deg);
}

#electionv2ResultatCtn .corpsctn.close .corps
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8ea));
	background-image: -webkit-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: -moz-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: -ms-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: -o-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: linear-gradient(top, #ffffff,#e8e8ea);
	
}
#electionv2ResultatCtn .corpsctn.close .corps:before
{
	transform:rotate(0deg);
}

#electionv2ResultatCtn .corpsctn .elus
{
	margin-bottom:40px;
}
#electionv2ResultatCtn .corpsctn .elus .eluElement 
{
	position:relative;
	display:block;
	margin:20px 0 20px 0;
	background:#ffffff;
	border-radius:10px;
	overflow:hidden;
	font-size:0;	
}	

#electionv2ResultatCtn .corpsctn .elus .eluElement .photo
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	margin-bottom:20px;
	background-image:url(/plugin/electionv2/image/candidat.jpg);
	background-repeat:no-repeat;
	background-size:cover;
 	background-position:50% 0;
	opacity:.4;
	border-radius:10px;
	overflow:hidden;
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .photo:before
{
	content:"";
	display:block;
	padding-top:128.58%;
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .photo.sexe2
{
	background-image:url(/plugin/electionv2/image/candidate.jpg);
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .photo.filled
{
	opacity:1;
}

#electionv2ResultatCtn .corpsctn .elus .eluElement .coord
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	font-size:16px;
	padding:0 20px 0 20px; 
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div
{
	position:relative;
	display:block;
	margin-bottom:10px;
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div.civilite
{
	margin-bottom:5px;
	font-size:14px;
	color:#21224b;
	text-transform:uppercase;
}	
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div.nomprenom
{
	font-size:20px;
	text-transform:uppercase;
	color:#21224b;
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div.ecole
{
	line-height:1.2;
}

#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a
{
	margin:20px 10px 10px 0;
	width:25px;
	height:25px;
	opacity:.25;
	transition:opacity .5s;
}
#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a:hover
{
	opacity:1;
}

@media only screen and (min-width:480px)
{
	#electionv2ResultatCtn .corpsctn .elus .eluElement .photo
	{
		width:25%;
		margin-bottom:0;
	}
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord
	{
		width:75%;
		font-size:14px;
	}
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div
	{
		margin-bottom:5px;
	}
	
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div.nomprenom
	{
		font-size:18px;
	}
	
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a
	{
		margin:10px 10px 0 0;
	}
}
@media only screen and (min-width:655px)
{
	#electionv2ResultatCtn .corpsctn .corps
	{
		padding-left:35px;
		padding-right:35px;
	}
	
	#electionv2ResultatCtn .corpsctn .corps:before
	{
		left:18px;
		width:7px;
		height:13px;
		margin-top:-6px;
	}
	
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord
	{
		font-size:16px;
	}
	
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord > div.nomprenom
	{
		font-size:24px;
	}
	
	#electionv2ResultatCtn .corpsctn .elus .eluElement .coord .linkctn > a
	{
		margin:20px 20px 0 0;
	}
}
/*Style pour les mentions legales */
#mentionslegalesContentCtn
{
	padding-bottom:40px;
}
#mentionslegalesContentCtn h2
{
	margin-top:40px;
}
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	opacity:1;
	background:#656464;
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 10px 20px 10px;
	margin:0 auto 0 auto;
	color:#ffffff;
	font-size:.9em;
	line-height:1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	/*margin-bottom:10px; attente validation */
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	opacity:.75;
	transition:opacity .5s;
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read:before
{
	content:">";
	margin-right:5px;
}
#disclaimerCtn .disclaimer a.read:hover
{
	opacity:1;
}

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#118df0;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#1a315a;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:1em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		/*margin-bottom:5px; attente validation*/
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}
/*DETAIL*/
#prjdevdur .prjdevdurinfosctn
{
	display:block;
	position:relative;
	margin:40px 0 40px 0;
	border-bottom:1px solid #d7d7d7;
}
#prjdevdur .prjdevdurinfos
{
	margin-bottom:30px;
}

#prjdevdur .prjdevdurinfos .label
{
	display:block;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #d7d7d7;
}

#prjdevdur .prjdevdurinfos .infos
{
	display:block;
}
#prjdevdur .prjdevdurinfos .infos .info
{
	display:block;
	margin-bottom:5px;
}

#prjdevdur + #pagehtmlcontent + #galleryimageList
{
	margin-top:40px;
}

@media only screen and (min-width:795px)
{
	#prjdevdur .prjdevdurinfosctn
	{
		padding:30px 0 0px 0;
		border-top:1px solid #d7d7d7;
	}
	#prjdevdur .prjdevdurinfos
	{
		margin-bottom:20px;
	}
	#prjdevdur .prjdevdurinfos:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#prjdevdur .prjdevdurinfos .label
	{
		float:left;
		box-sizing:border-box;
		padding:0 10px 0 0;
		margin:0;
		width:20%;
		max-width:150px;
		border:none;
	}
	
	#prjdevdur .prjdevdurinfos .infos
	{
		float:left;
		width:80%;
	}
}
/* RECHERCHE*/
#prjdevdurListSearch
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
}
#prjdevdurListSearch:after
{
	content:"";
	display:block;
	clear:both;
}

#prjdevdurListSearch .searchfieldctn
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:0 0 0 0;
	margin-bottom:20px;
}

#prjdevdurListSearch .searchfieldctn select
{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:3px 0px 3px 5px;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
	min-height:29px;
}

@media only screen and (min-width:655px)
{
	#prjdevdurListSearch .searchfieldctn
	{
		float:left;
		width:50%;
		padding:0 10px 0 0;
	}
	
	#prjdevdurListSearch .searchfieldctn:nth-child(2n+2)
	{
		float:right;
		padding:0 0 0 10px;
	}
}

/* LISTE */
#prjdevdurListAjaxHolder.waiting > :not(.waitingprogress)
{
	opacity:0
}
#prjdevdurListAjaxHolder .waitingprogress
{
	display:none;
	background:url(/template/image/loading.gif) no-repeat center center;
}
#prjdevdurListAjaxHolder.waiting .waitingprogress
{
	display:block;
	position:absolute;
	left:0;right:0;
	height:80px;
	z-index:3;
}


/** ADMIN **/
.chkctnascbo
{
	position:relative;
	cursor:default;
}
.chkctnascbo > .txt
{
	width:350px;
	box-sizing:border-box;
	background:#eeeeee;
	border:1px solid #bbb7b7;
	padding:5px;
	font-family:verdana;
	font-size:12px;
	color:#000000;
}
.chkctnascbo > .txt:empty:before
{
	content:"---------";
}
.chkctnascbo > .chkctn
{
	position:absolute;
	top:0;
	left:0;
	width:150%;
	max-height:0;
	overflow:hidden;
	z-index:10;
	background:#d7d5d5;
	transition:max-height .75s;
}
.chkctnascbo:hover > .chkctn
{
	max-height:1000px;
	z-index:11;
}

.chkctnascbo > .chkctn > span
{
	display:block;
	position:relative;
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:5px 5px 5px 25px;
	font-family:verdana;
	font-size:12px;
	color:#000000;
}
.chkctnascbo > .chkctn > span > input[type=checkbox]
{
	position:absolute;
	display:block;
	top:3px;left:0;
}

.chkctnascbo > .chkctn:after
{
	content:"";
	display:block;
	clear:both;
	padding-bottom:5px;
} 

.chkctnascbo > .chkctn > .checkall
{
	font-size:12px;
	font-family:verdana;
	color:#000000;
	margin:10px 5px 5px 5px;
	border-bottom:1px dotted #000000;
	padding-bottom:2px;
}
.chkctnascbo > .chkctn > .checkall a
{
	color:#000000;
}
.headCtn > h1 > span.prefh1
{
	display:block;
	font-size:15px;
}
.headCtn > h1 > span.prefh1:empty
{
	display:none;
}

#formationcontinueHeadCtn .resume
{
	position:relative;
}
#formationcontinueHeadCtn .resume:before
{
	position:absolute;
	left:0;
	top:8px;
}
#formationcontinueHeadCtn .resume div
{
	text-indent:20px;
}
#formationcontinueHeadCtn .resume  div + div
{
	text-indent:0;
}

#formationcontinueListCtn .listElement
{
	float:none;
	box-sizing:border-box;
	width:100%;
	background:#ffffff;
}
#formationcontinueListCtn .listElement h5
{
	font-weight:normal;
	text-transform:uppercase;
}
#formationcontinueListCtn .listElement span.detail, #formationcontinueItemDetail span.detail
{
	display:block;
	margin:15px 0 15px 0;
}
#formationcontinueItemDetail span.detail
{
	margin-bottom:30px;
	font-size:16px;
}
#formationcontinueListCtn .listElement span.detail:after, #formationcontinueItemDetail span.detail:after
{
	content:"";
	display:block;
	clear:both;
}

#formationcontinueListCtn .listElement span.detail > span, #formationcontinueItemDetail span.detail > span
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:45%;
	color:#6b6b6b;
	padding-right:10px;
}
#formationcontinueListCtn .listElement span.detail > span + span, #formationcontinueItemDetail span.detail > span +  span
{
	width:55%;
	padding-right:0;
}

#formationcontinueListCtn .listElement span.detail > span > span, #formationcontinueItemDetail span.detail > span > span
{
	display:block;
	margin-bottom:5px;
}
#formationcontinueItemDetail span.detail > span > span
{
	margin-bottom:10px;	
}

#formationcontinueListCtn .listElement span.detail > span > span > label, #formationcontinueItemDetail span.detail > span > span > label
{
	font-weight:bold;
	margin-right:5px;
}
#formationcontinueListCtn .listElement span.detail > span > span > label:after, #formationcontinueItemDetail span.detail > span > span > label:after
{
	content:":";
}
#formationcontinueListCtn .listElement:after
{
	content:"+";
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	background:no-repeat center center #118df0;
	background-size:20% auto;
	color:#ffffff;
	box-sizing:border-box;
	width:21px;
	height:21px;
	padding:0 0 0 6px;
	font-size:16px;
	font-weight:normal;
	line-height:normal;
	opacity:1;
	transition:all .5s;
}
#formationcontinueListCtn .listElement:hover:after
{
	width:100%;
	height:100%;
	color:#118df0;
	opacity:0.75;
	background-image:url(/template/image/loupe.png);
}

#formationcontinueItemDetail a.moreinfos
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:10px 20px 10px 20px;
	margin:20px 0 20px 0;
	min-width:50px;
	text-align:center;
	border:0;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	font-family:ubuntu;
	font-weight:normal;
	font-size:16px;
	transition:background-color .5s;
}

#formationcontinueItemDetail a.moreinfos[href=""]
{
	display:none;
}

#formationcontinueLogosCtn, #formationcontinueContactCtn, #formationcontinueResponsableCtn
{
	margin:30px 0 40px 0;
	border-bottom:0;
}
#formationcontinueLogosCtn > a
{
	display:block;
	margin:0 0 30px 15px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center center;
}

#formationcontinueLogosCtn > a.he-arc
{
	height:52px;
	background-image:url(/plugin/formationcontinue/template/images/he-arc.png);
}
#formationcontinueLogosCtn > a.heia-fr
{
	height:39px;
	background-image:url(/plugin/formationcontinue/template/images/heia-fr.png);
}
#formationcontinueLogosCtn > a.hepia
{
	height:45px;
	background-image:url(/plugin/formationcontinue/template/images/hepia.png);
}
#formationcontinueLogosCtn > a.hevs
{
	height:45px;
	background-image:url(/plugin/formationcontinue/template/images/hevs.png);
}
#formationcontinueLogosCtn > a.heig-vd
{
	height:60px;
	background-image:url(/plugin/formationcontinue/template/images/heig-vd.png);
}
#formationcontinueLogosCtn > a.changins
{
	height:43px;
	background-image:url(/plugin/formationcontinue/template/images/changins.png);
}

#formationcontinueContactCtn > div, #formationcontinueResponsableCtn > div
{
	margin:0 0 5px 15px;
	
}

/* RECHERCHE*/
#formationcontinueListSearch
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
}
#formationcontinueListSearch:after
{
	content:"";
	display:block;
	clear:both;
}

#formationcontinueListSearch .searchfieldctn
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:0 0 0 0;
	margin-bottom:20px;
}

#formationcontinueListSearch .searchfieldctn select,#formationcontinueListSearch .searchfieldctn input[type=text]
{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:3px 0px 3px 5px;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
	min-height:29px;
}
#formationcontinueListAjaxHolder.waiting > :not(.waitingprogress)
{
	opacity:.4;
}
#formationcontinueListAjaxHolder .waitingprogress
{
	display:none;
	background:url(/template/image/loading.gif) no-repeat center center;
}
#formationcontinueListAjaxHolder.waiting .waitingprogress
{
	display:block;
	position:absolute;
	left:0;right:0;
	height:80px;
	z-index:3;
}

@media only screen and (min-width:655px)
{
	#formationcontinueListSearch .searchfieldctn
	{
		float:left;
		width:50%;
		padding:0 10px 0 0;
	}
	
	#formationcontinueListSearch .searchfieldctn:nth-child(2n+2)
	{
		float:right;
		padding:0 0 0 10px;
	}
}


/*ADMIN contact */
#formContactExistingList
{
	width:700px;
}
#contactSearch
{
	display:block;
	box-sizing:border-box;
	margin:10px 0 10px 0;
	width:100%;
	background:url(/template/image/search.png) no-repeat top 3px right 10px #ffffff;
	border:1px solid #000000;
	border-radius:10px;
	padding:5px 30px 5px 10px;
	outline:none;
}

#contactExistingList
{
	max-height:500px;
	overflow:auto;
}
#contactExistingList .contactexisting:after
{
	content:"";
	display:block;
	clear:both;
}
#contactExistingList .contactexisting
{
	display:block;
	margin:0 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px dotted #000000;
}

#contactExistingList .contactexisting .chk
{
	display:block;
	float:left;
	width:5%;
	padding-right:10px;
	box-sizing:border-box;
}
#contactExistingList .contactexisting .info
{
	display:block;
	float:left;
	width:95%;
	box-sizing:border-box;
}

#contactExistingList .contactexisting .info .institution,
#contactExistingList .contactexisting .info .fonction,
#contactExistingList .contactexisting .info .nomcontact,
#contactExistingList .contactexisting .info .adressecontact
{
	float:left;
	clear:left;
	box-sizing:border-box;
	padding-right:20px;
	width:50%;
	margin:0 0 5px 0;
	overflow:hidden;
}
#contactExistingList .contactexisting .info .telephonecontact,
#contactExistingList .contactexisting .info .portablecontact,
#contactExistingList .contactexisting .info .emailcontact,
#contactExistingList .contactexisting .info .sitewebcontact
{
	float:right;
	clear:right;
	box-sizing:border-box;
	padding-right:20px;
	width:50%;
	margin:0 0 5px 0;
	overflow:hidden;
}
#contactExistingList .contactexisting .info .emailcontact,
#contactExistingList .contactexisting .info .sitewebcontact
{
	white-space:nowrap;
	text-overflow:ellipsis;
}

#contactExistingList .contactexisting .deldefinitif
{
	position:relative;
	display:block;
	clear:both;
	float:left;
	left:52.5%;
	margin:5px 5px 0 0;
	font-size:.8em;
	color:#118df0;
}
#contactExistingList .contactexisting .deldefinitif:hover
{
	color:red;
}

#contactAdd
{
	position:relative;
	display:block;
	margin:20px 0 0 0;
	padding:15px 0 15px 35px;
	border-top:1px solid #000000;
}
#contactAdd > span
{
	position:absolute;
	display:block;
	border:2px solid #118df0;
	width:20px;
	height:20px;
	border-radius:50%;
	top:50%;left:5px;
	margin-top:-11px;
}
#contactAdd > span:before
{
	content:"+";
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%, -50%);
	transform-origin:center center;
	font-size:1.2em;
	line-height:0;
	color:#118df0;
}

/*CONTACT DS COLONNE DE DROITE */
#contactListCtn
{
	padding-left:15px;
	padding-bottom:10px;
	font-weight:normal;
	font-size:14px;
	/*color:#21224b;*/
}

#contactListCtn .contactelement
{
	position:relative;
	display:block;
	margin-bottom:20px;
}
#contactListCtn .contactelement .iconArrowAdmin
{
	position:absolute;
	top:0;
	left:-15px;
}

#contactListCtn .contactelement .institution,
#contactListCtn .contactelement .fonction,
#contactListCtn .contactelement .nomcontact,
#contactListCtn .contactelement .adressecontact,
#contactListCtn .contactelement .telephonecontact,
#contactListCtn .contactelement .portablecontact,
#contactListCtn .contactelement .emailcontact,
#contactListCtn .contactelement .sitewebcontact
{
	display:block;
	margin:0 0 5px 0;
	overflow:hidden;
}

#contactListCtn .contactelement .emailcontact,
#contactListCtn .contactelement .sitewebcontact
{
	white-space:nowrap;
	text-overflow:ellipsis;
}
#contactListCtn .contactelement > div:first-child
{
	font-weight:bold;
}

@media only screen and (min-width:1080px) 
{
	#contactListCtn
	{
		margin-top:30px;
		font-size:15px;
	}
}