/*Import des style de bases */
@import url("https://www.unipopanniviers.ch/plugin/page/theme/T1/style/basestyle.css?refresh=1");

/* template de Style */
/*
Style pour le calendrier
*/
/*                                */
/* Calendar style sheet           */
/* Feuille de style du calendrier */
/*                                */

#calendarMainCtn
{
	position:relative;
	margin-top:-88px;
}
#calendarMainCtn h1
{
	margin-bottom:25px;
}

.calendarctn
{
	position:relative;
	margin-bottom:30px;
	max-width:300px;
}

/* Style de la table principale contenant le calendrier */
/* Style de la table principale contenant le calendrier */
table.calendar_main {
	font-family: open_sans;
	font-weight:bold;
	font-size:12px;
	background-color:#ffffff;
	width:300px;
	border:2px solid #eaeaea;
	border-bottom:5px solid #eaeaea;
	border-top:0px;
	border-radius:0px 0px 6px 6px;
}

/* Style of the cell "month year" of the header */
/* Style de la cellule "mois annee" du titre    */
.calendar_title_month 
{
	width:282px;
	height:41px;
	padding:18px 0 0 18px;
	background:#d6234d;
	font-family:Lato;
	font-weight:100;
	font-size:22px;
	color: #ffffff;
	border-radius:6px 6px 0px 0px;
}

/* Style of the link "month year" of the header */
/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {
	color: #ffffff;
	text-decoration: none;
}

.calendar_title_month_clickable .year
{
	font-weight:normal;
	padding-left:5px;
}


/* Style of the cell that contains the link "<<" in the header */
/* Style de la cellule contenant le lien "<<" du titre         */

.arrowmonth
{
	position:absolute;
	width:18px;
	height:59px;
	top:0px;
	right:18px;
}

.arrowmonth_prev
{
	position:absolute;
	width:7px;
	height:59px;
	top:0px;
	left:0px;
	background:url(../template/image/calendriersprite.png) no-repeat left center;
}
.arrowmonth_next
{
	position:absolute;
	width:7px;
	height:59px;
	top:0px;
	right:0px;
	background:url(../template/image/calendriersprite.png) no-repeat right center;
}

.arrowmonth_prev > a, .arrowmonth_next > a
{
	display:block;
	width:7px;
	height:59px;
}

/* Global style of the main calendar table */
/* Style global de la table du calendrier  */
.calendar_table {
	border: none;
	border-collapse: collapse;
	width:296px;
	font-family: open_sans;
	font-weight:bold;
	font-size:12px;
}

/* Generic style of the calendar table cells              */
/* Style generique des cellules de la table du calendrier */
.calendar_table td {
	background:#ffffff;
	color:#9ea1a4;
	width:42px;
	height:32px;
	text-align:center;
	vertical-align:center;
}

/* Style of the table header cells that contains the days                   */
/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {
	background:#f3f3f3;
	color:#be2045;
	width:42px;
	height:32px;
	text-align:center;
	vertical-align:center;
}

/* Style of the calendar cells the contains the week-end days (saturday and */
/* sunday)                                                                  */
/* Style des cellules de la table contenant les jours du week-end (samedi et*/
/* dimanche)                                                                */
.calendar_weekend {
}

/* Style of the table cells that contains the days that are not part of the */
/* monthly currently displayed                                              */
/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
/* cours d'affichage                                                        */
.calendar_other_month {
	display:none;
}

/* Style for the links of days not part of the month currently displayed */
/* Style des liens des jours ne faisant pas partie du mois en cours      */
/* d'affichage                                                           */
.calendar_other_month_clickable {
}

/* Style for today's day (non-clickable)                  */
/* Style du jour (non cliquable) representant aujourd'hui */
.calendar_today {
}

/* Style of today's link                              */
/* Style du lien sur le jour representant aujourd'hui */


/* Style for the links of days part of the month currently displayed     */
/* Style des liens des jours faisant partie du mois en cours d'affichage */
.calendar_day_clickable, .calendar_today_clickable {
	display:block;
	width:30px;
	height:23px;
	padding-top:7px;
	margin:1px 6px 1px 6px; 
	color:#ffffff;
	background:#d6234d;
	border-radius:15px;
	transition: border-radius 0.5s;
}
.calendar_day_clickable:hover, .calendar_today_clickable:hover
{
	border-radius:7px;
}
/*****************/
/** 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; }
/*Cours Liste use class coursListCtn not ID to reuse style in other plugin (weblink)*/
.coursListCtn h2
{
	margin-top: 10px;
	color:#d6234d;	
}
.coursListCtn .listElement +  h2
{
	margin-top:50px;
}

.coursListCtn .listElement .txt
{
	position:relative;
	display:block;
	margin:20px 0px 0px 0px;
}

.coursListCtn .listElement .date
{
	display:block;
	position:relative;
}

.coursListCtn .listElement .date .day
{
	display:inline-block;
	vertical-align:middle;
	width:55px;
	height:39px;
	padding:8px 0 8px 0;
	margin:0 1px 0 1px;
	background:#d6234d;
	border-radius:28px;
	transition: border-radius 0.5s;
	font-family:bebas;
	font-weight:normal;
	font-size:36px;
	color:#ffffff;
	text-align:center;
	margin-right:9px;
	
}
.coursListCtn .listElement .date:after
{
	content:"";
	display:inline-block;
	background:#cfcdd0;
	width:1px;
	height:55px;
	position:absolute;
	top:0;
	bottom:0;
	left:65px;
	
}
.coursListCtn .listElement:hover .date .day
{
	border-radius:15px;
}
.coursListCtn .listElement:nth-of-type(odd) .date .day
{
	background:#3c2f3e;
}
.coursListCtn .listElement .date .day sup
{
	font-size:20px;
	margin-left:2px;
}
.coursListCtn .listElement.missingdate .date .day
{
	background:yellow;
	color:red;
}

.coursListCtn .listElement .date .month
{
	display:inline-block;
	vertical-align:middle;
	font-family:Lato;
	font-weight:normal;
	font-size:18px;
	color:#3c2f3e;
	padding-left:10px;
	
}

.coursListCtn .listElement .horaire
{
	display:block;
	font-family:open_sans;
	font-size:13px;
	font-weight:normal;
	color:#6d636e;
	padding-left:25px;
	background:url(../template/image/iconcourssprite.png) no-repeat 0px 1px;
	background-size:16px auto;
}

.coursListCtn .listElement .lieu
{
	display:block;
	font-family:open_sans;
	font-size:13px;
	font-weight:normal;
	color:#6d636e;
	padding-left:25px;
	background:url(../template/image/iconcourssprite.png) no-repeat -1px -16px;
	background-size:16px auto;
}

.coursListCtn .listElement .nocours
{
	display:block;
	font-family:open_sans;
	font-size:13px;
	font-weight:normal;
	color:#6d636e;
	padding-left:3px;
}
.coursListCtn .listElement .nocours b
{
	font-family:Lato;
	font-weight:bold;
	font-size:13px;
	color:#d6234d;
	padding-right:10px;
}

.coursListCtn .listElement .infos
{
	display:block;
	font-family:open_sans;
	font-weight:bold;
	font-size:12px;
	color:#d6234d;
	padding-top:25px;
	position:relative;
}

.coursListCtn .listElement .infos span
{
	display:block;
	position:relative;
	margin-top:2px;
}

.coursListCtn .listElement .infos span.more
{
	position:absolute;
	right:10px;
	bottom:0;
}

.coursListCtn .listElement .statut
{
	padding-left:22px;
	background:url(../template/image/iconcourssprite.png) no-repeat 0px -36px;
	background-size:16px auto;
}

.coursListCtn .listElement .more, .coursListCtn .listElement:hover .more
{
	display:block;
	position:relative;
	width:auto;
	height:auto;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
	background:none;
	color:#3c2f3e;	
}
.coursListCtn .listElement .infos span.chevron
{
	display:inline;
	font-family:open_sans;
	font-weight:bold;
	font-size:13px;
	color:#d4234c;
	padding-right:3px;
}

.coursListCtn .listElement span.countersubscription
{
	display:block;
	position:absolute;
	right:5px;
	top:25px;
	font-family:open_sans;
	font-weight:bold;
	font-size:12px;
	color:#6d636e;
	width:86px;
}

@media only screen and (min-width:1100px)
{
	.coursListCtn .listElement .infos span.more
	{
		position:relative;
		right:auto;
		bottom:auto;
	}
	.coursListCtn .listElement .txt
	{
		margin:20px 130px 0px 145px;
		height:70px;
		overflow:hidden;
	}
	.coursListCtn .listElement .date
	{
		position:absolute;
		top:14px;
		left:33px;
		width:57px;
		height:65px;
		border-bottom:1px solid #cfcdd0;
	
	}
	.coursListCtn .listElement .date
	{
		position:absolute;
		top:14px;
		left:33px;
		width:57px;
		height:65px;
		border-bottom:1px solid #cfcdd0;
	
	}
	.coursListCtn .listElement .date .day
	{
		display:block;
		margin-right:0;
		
	}
	.coursListCtn .listElement .date:after
	{
		display:none;		
	}
	.coursListCtn .listElement .date .month
	{
		display:block;
		position:absolute;
		width:90px;
		top:100%;
		left:50%;
		margin-left:-45px;
		padding-top:9px;
		text-align:center;
		height:55px;
		height:auto;		
	}
	.coursListCtn .listElement .horaire
	{
		position:absolute;
		bottom:14px;
		left:143px;	
		padding-left:20px;/*25px;*/
	}
	.coursListCtn .listElement .lieu
	{
		position:absolute;
		bottom:14px;
		left:410px; /*364px;*/
		padding-left:18px;/*20px;*/
		background:url(../template/image/iconcourssprite.png) no-repeat 0px -16px;
		background-size:16px auto;
	}
	.coursListCtn .listElement .nocours
	{
		position:absolute;
		bottom:14px;
		left:340px;
		padding-left:0;
	}
	.coursListCtn .listElement .nocours b
	{
		padding-right:5px;
	}
	.coursListCtn .listElement .infos
	{
		position:absolute;
		right:25px;
		bottom:14px;
		padding-top:0;
	}
}

/*Page de cours*/
#cours .pageresume
{
	font-weight:normal;
}

#coursBtn
{
	display:block;
	width:auto;
	padding:0px 0 20px 0;
	margin-bottom:30px;
	border-bottom:1px solid #e3e3e3;
	font-size:0;
	text-align:center;
}

#coursBtn .buttonlike, #coursBtn a.button
{
	margin-right:20px;
	margin-bottom:10px;
}
#coursBtn .buttonlike:last-child, #coursBtn a.button:last-child
{
	margin-right:0px;
} 

#coursBtn .buttonlike
{
	display:inline-block;
	padding:8px 23px 10px 23px;
	background-color:#3c2f3e;
	font-family:Lato;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
	border-radius:25px;	
}

.fieldTbl tr.foroddevencount
{
	display:none;
}
.fieldTbl tr.witheffect > td, .fieldTbl tr.witheffect > th
{
	transition:all .5s;
}
.fieldTbl tr.witheffect.hidden > td, .fieldTbl tr.witheffect.hidden > th
{
	padding:0;
	font-size:0;
}

.fieldTbl a.openhidden
{
	position:relative;
	display:inline-block;
	cursor:pointer;
	padding-left:30px;
}
.fieldTbl a.openhidden:after
{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	top:50%;
	left:0;
	margin-top:-10px;
	background:url(../template/image/arrowroundsprite.png) no-repeat bottom left;
	background-size:100% auto;
	transform:rotate(-90deg);
}

.fieldTbl a.openhidden.hidden:after
{
	transform:rotate(90deg);
}
.fieldTbl a.openhidden.hidden span.open, .fieldTbl a.openhidden span.close
{
	display:inline;
}
.fieldTbl a.openhidden.hidden span.close, .fieldTbl a.openhidden span.open
{
	display:none;
}

.fieldTbl td .rem
{
	display:block;
	margin:5px 0 0 0;
	font-size:.9em;
}

#cours .fieldTbl td, #cours .fieldTbl tr,
.orderList .fieldTbl td, .orderList .fieldTbl tr, .orderList .fieldTbl th,
#paiementtypeCtn .fieldTbl td, #paiementtypeCtn .fieldTbl tr, #paiementtypeCtn .fieldTbl th,
#mycoordCtn .fieldTbl td, #mycoordCtn .fieldTbl tr, #mycoordCtn .fieldTbl th,
#mysubscriptionCtn .fieldTbl td, #mysubscriptionCtn .fieldTbl tr, #mysubscriptionCtn .fieldTbl th,
#userEdit fieldset td, #userEdit fieldset tr, #userEdit fieldset th,
#sallecours .fieldTbl td, #sallecours .fieldTbl tr, #sallecours .fieldTbl th
{
	display:block;
}
#cours .fieldTbl tr.foroddevencount,.orderList .fieldTbl tr.foroddevencount,
#paiementtypeCtn .fieldTbl tr.foroddevencount,#mycoordCtn .fieldTbl tr.foroddevencount,
#mysubscriptionCtn .fieldTbl tr.foroddevencount, #userEdit fieldset tr.foroddevencount
{
	display:none;
}
#cours .fieldTbl th, .orderList .fieldTbl th,
#paiementtypeCtn .fieldTbl th, #mycoordCtn .fieldTbl th, #mysubscriptionCtn .fieldTbl th,
#userEdit fieldset th, #sallecours .fieldTbl th
{
	padding:10px 0 0 10px ;
	display:block;
}
#cours .fieldTbl td, .orderList .fieldTbl td, #paiementtypeCtn .fieldTbl td, 
#mycoordCtn .fieldTbl td, #mysubscriptionCtn .fieldTbl td, #sallecours .fieldTbl td
{
	padding:10px 0 10px 10px;
}

#userEdit fieldset td
{
	padding:5px 0 0 10px;
}

#cours .fieldTbl tr.myDate th
{
	padding:10px 0 10px 10px ;
}
#cours .fieldTbl tr.myDate th:empty
{
	padding:5px 0 0 10px ;
}
#cours .fieldTbl tr.myDate td
{
	padding:0 0 5px 10px;
}
#cours .fieldTbl tr.myDate.hidden th, #cours .fieldTbl tr.myDate.hidden td,
#paiementtypeCtn .fieldTbl tr.myDate.hidden td, #mycoordCtn .fieldTbl tr.myDate.hidden td,
#mysubscriptionCtn .fieldTbl tr.myDate.hidden td, #userEdit fieldset tr.myDate.hidden td
{
	padding:0!important;		
}
@media only screen and (min-width:1100px)
{
	#cours .fieldTbl tr.myDate td, .orderList .fieldTbl tr.myDate td,
	#paiementtypeCtn .fieldTbl tr.myDate td, #mycoordCtn .fieldTbl tr.myDate td,
	#mysubscriptionCtn .fieldTbl tr.myDate td, #userEdit fieldset tr.myDate td
	{
		padding:12px 20px 12px 0px;	
	}
	#cours .fieldTbl tr.myDate th:empty
	{
		padding:12px 20px 12px 30px;
	}
	#cours .fieldTbl tr.myDate th
	{
		padding:12px 20px 12px 30px;
	}
	
	#cours .fieldTbl td, .orderList .fieldTbl td, #paiementtypeCtn .fieldTbl td, 
	#mycoordCtn .fieldTbl td, #mysubscriptionCtn .fieldTbl td, #userEdit fieldset td, #sallecours .fieldTbl td
	{
		padding:12px 20px 12px 0px;
		display:table-cell;
	}
	#cours .fieldTbl th, .orderList .fieldTbl th, #paiementtypeCtn .fieldTbl th, 
	#mycoordCtn .fieldTbl th, #mysubscriptionCtn .fieldTbl th, #userEdit fieldset th,  #sallecours .fieldTbl th
	{
		padding:12px 20px 12px 30px;
	}
	#cours .fieldTbl tr, .orderList .fieldTbl tr, #paiementtypeCtn .fieldTbl tr, 
	#mycoordCtn .fieldTbl tr, #mysubscriptionCtn .fieldTbl tr, #userEdit fieldset tr,  #sallecours .fieldTbl tr
	{
		display: table-row;
	}
	#paiementtypeCtn .fieldTbl th,	#mycoordCtn .fieldTbl th, #mysubscriptionCtn .fieldTbl th, #userEdit fieldset th,  #sallecours .fieldTbl th
	{
		display: table-cell;
	}
	
}

#formEditUser #userEditContextMenu table.tblContextMenuTitle tr td:first-child
{
	width:5px!important;
}
#formEditUser #userEditContextMenu .stdContextMenuSep
{
	width:1px!important;
}
#formEditUser  #idTduserEditEnregistrer
{
	width:90px!important;
}

#createAccountCtn #formEditUser
{
	overflow-x:visible;
	overflow-y:visible;
	height:auto!important;
}

#formEditUser
{
	overflow-x:hidden;
	overflow-y:scroll;
}

/*Edit horaire*/
#horairescoursTbl
{
	white-space:nowrap;
}
#horairescoursTbl a.delete
{
	display:block;
	width:24px;
	height:24px;
	background:url(../template/image/delete.png) no-repeat 0 0px;
	transition: background-position-y 0.5s;
}
#horairescoursTbl a.delete:hover
{
	background:url(../template/image/delete.png) no-repeat 0 -26px;
}

#horairescoursTbl tr.data.witherror td
{
	padding-bottom:20px;
	position:relative;
}
#horairescoursTbl tr.data.witherror td span.error
{
	position:absolute;
	left:5px;
	bottom:0px;
}

/*Saison chooser*/
#saisoncoursChooser
{
	margin:30px 0 30px 0;
	
}
#saisoncoursChooser span
{
	font-weight:bold;
	margin-right:20px;
}

/*Admin*/
#coursAnimateurSelectionZone
{
	position:relative;
	padding:0px 0px 0px 10px;
	background:#eeeeee;
	border:1px solid transparent;
	color:#000000
}
#coursAnimateurSelectionZone span.empty
{
	display:block;
	position:relative;
	margin-left:-9px;
}

/*Search Form*/
#coursSearchForm
{
	position:absolute;
	top:188px;
	width:100%;
	height:235px;
	padding:23px 10px 23px 10px;
	box-sizing:border-box;
	background:#dbdada;
	text-align:center;
}
.home #coursSearchForm
{
	top:488px;
}
#coursSearchForm input.button
{
	display:block;
	font-size:22px;
	padding:12px 35px 12px 35px;
	text-transform:lowercase;
	height:50px;
	width:100%;
	max-width:500px;
	margin:0 auto 0 auto;
}

#coursSearchForm .searchfieldctn
{
	position:relative;
	display:inline-block;
	font-size:0px;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 10px 0 10px;
	width:100%;
	max-width:500px;
	margin:0 auto 0 auto;
}
#coursSearchForm .searchfieldctn div.field
{
	position:relative;
	background:#fafafa;
	border-radius:20px;
	height:50px;
	overflow:hidden;
	border-bottom:1px solid #e1e1e1;
	z-index:2;
	margin-bottom:16px;
}


#coursSearchForm .searchfieldctn div.field input[type=text]
{
	height:50px;
	background:transparent;
	border:0px;
	font-family:Lato;
	font-weight:normal;
	font-size:22px;
	color:#a2a2a2;
	outline:none;
}
#coursSearchForm .searchfieldctn div.field #coursSearchCategory
{
	max-width:475px;
	width:100%;
	padding-left:30px;
	background:url(../template/image/arrowcbo.png) no-repeat 440px center;
	background-size:15px 8px;
}
#coursSearchForm .searchfieldctn div.field #coursSearchQuery
{
	width:100%;
	padding-left:40px;
	background:url(../template/image/loupebig.png) no-repeat 10px center;
	background-size:21px 21px;
}

#coursSearchForm .searchfieldctn div.field input[type=text]::-ms-clear /*met pas le X pour vider le champ */ 
{
    display:none;
}

#coursSearchCategoryList
{
	display:none;
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	padding-top:25px;
	z-index:1;
	font-size:14px;
	background:#f2f2f2;
	border-radius: 0 0 25px 25px;
}

#coursSearchCategoryList a
{
	display:block;
	font-family:Lato;
	font-weight:bold;
	color:#808080;
	padding:10px 40px 10px 40px;
}
#coursSearchCategoryList a:last-child
{
	border-radius: 0 0 25px 25px;
}
#coursSearchCategoryList a:hover, #coursSearchCategoryList a.selected, #coursSearchCategoryList:hover a.selected:hover
{
	background:#e7e7e7;
}
#coursSearchCategoryList:hover a.selected
{
	background:none;
}

@media only screen and (min-width:950px)
{
	#coursSearchForm, .home #coursSearchForm
	{
		width:895px;
		max-width:100%;
		bottom:155px;
		left:155px;
		height:50px;
		top:auto;
		padding:0;
		background:transparent;
		text-align:left;
	}

	#coursSearchForm input.button
	{
		display:inline-block;
		width:auto;
		margin:0;	
		max-width:none;
	}
	#coursSearchForm .searchfieldctn
	{
		margin:0 20px 0 0;
		padding:0;
		width:auto;
		max-width:none;
	}
	#coursSearchForm .searchfieldctn div.field
	{
		margin-bottom:0;
		display:inline-block;
	}
	#coursSearchForm .searchfieldctn div.field:nth-child(1)
	{
		border-radius:20px 0 0 20px;
	}
	#coursSearchForm .searchfieldctn div.field:nth-child(2)
	{
		border-radius:0 20px 20px 0;
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		width:365px; /*205px;*/
		padding-right:40px;
		border-right:1px solid #d8d8d8;
		background:url(../template/image/arrowcbo.png) no-repeat 330px center;
		background-size:15px 8px;
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchQuery
	{
		width:165px;
		padding-right:30px;
		border-right:1px solid #d8d8d8;
	}
}

@media only screen and (min-width:1100px)
{
	
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		width:475px; /*205px;*/
		background:url(../template/image/arrowcbo.png) no-repeat 440px center;
		background-size:15px 8px;
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchQuery
	{
		width:225px;
	}
}

/*Cours Search Result*/
h1.main span
{
	color:#3c2f3e;
	display:block;
}
h1.main
{
	font-size:22px;
	padding-right:10px;
}
@media only screen and (min-width:641px)
{
	h1.main span
	{
		display:inline;		
	}
	h1.main
	{
		padding-right:100px;
	}
}
/*AddToCart*/
#addtocartCtn 
{
	width:550px;
	max-width:100%;
	margin-bottom:20px;
}
#addtocartCtn h1
{
	padding:0 0 15px 0;
}
#editfriendsCtn
{
	width:550px;
	margin:20px;
}

#addtoCartFriendsTblCtn
{
	display:none;
}
#addtoCartFriendsTbl .data a.delete, #editfriendsTbl .data a.delete
{
	display:block;
	width:24px;
	height:24px;
	background:url(../template/image/delete.png) no-repeat 0 0px;
	transition: background-position-y 0.5s;
}
#addtoCartFriendsTbl th
{
	width:45%;
}
#addtoCartFriendsTbl .data a.delete:hover, #editfriendsTbl .data a.delete:hover
{
	background:url(../template/image/delete.png) no-repeat 0 -26px;
}
#addtoCartFriendsTbl .data input[type=text]
{
	width:100%;
	max-width:200px;
	padding:0;
}
#addtoCartFriendsTbl .data td
{
	padding-left:0;
}
#addtoCartBtnCtn
{
	margin-top:20px;
}
#addtoCartBtnCtn .button
{
	width:210px;
	text-align:center;
	margin-bottom:20px;
}
#addtoCartBtnCtn .button:first-child
{
	margin-right:10px;
}
@media only screen and (min-width:641px)
{
	#addtoCartBtnCtn .button
	{
		margin-bottom:0;
	}
	#addtocartCtn h1
	{
		padding:0 100px 15px 0;
	}
}
/*CART*/
#cartCours
{
	position:relative;
	margin-top:-88px;
	margin-bottom: 118px; /*88+30*/
}

#cartCours h1
{
	margin-bottom:25px;
}

#cartCoursZone
{
	border:2px solid #eaeaea;
	border-bottom:5px solid #eaeaea;
	border-top:0px;
	border-radius:0px 0px 6px 6px;
}

#cartCoursZone a.validate
{
	display:block;
	position:relative;
	padding:15px 30px 15px 0;
	margin:0px 18px 0px 18px;
	font-family:Lato;
	font-weight:normal;
	font-size:19px;
	color:#3c2f3e;
}
#cartCoursZone a.validate > span
{
	display:block;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-12px;
	width:24px;
	height:24px;
	background:url(../template/image/arrowroundsprite.png) no-repeat;
	transition: background-position-y 0.5s;
}
#cartCoursZone a.validate:hover > span
{
	background:url(../template/image/arrowroundsprite.png) no-repeat 0 -26px;
}

#cartCours .cartcourslistElement
{
	position:relative;
	padding:0 45px 0 20px;
	margin:0 -2px 0 -2px;
	background:#d6234d;
	border:0px;
}
#cartCours .cartcourslistElement:first-child
{
	border-radius:6px 6px 0px 0px;
}

#cartCours .cartcourslistElement a.cours
{
	display:block;
	position:relative;
	border-bottom:1px solid #dd8398;
	z-index:1;
	font-family:Lato;
	font-weight:normal;
	font-size:20px;
	color:#ffffff;
	padding:15px 0 15px 0;
}
#cartCours .cartcourslistElement a.delete
{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:20px;
	z-index:2;
	width:24px;
	height:24px;
	background:url(../template/image/delete.png) no-repeat 0 -52px;
	transition: background-position-y 0.5s;
}
#cartCours .cartcourslistElement a.delete:hover
{
	background:url(../template/image/delete.png) no-repeat 0 -78px;
}

/* RESUME ORDER */
#resumeOrderCtn
{
	margin-bottom:50px;
}

#resumeOrderCtn .error
{
	margin:10px 0 10px 0;
	padding:10px;
	background:red;
	color:#ffffff;
	text-transform:uppercase;
	font-size:13px;
}
#resumeOrderCtn .error + .orderList
{
	margin-top:30px;
}

#resumeOrderCtn .error > ul > li
{
	margin-bottom:2px;
	list-style-image: none;
	text-transform:none;
}

#doneOrderCtn .ref
{
	margin:0 0 20px 0;
	font-weight:bold;
	line-height:1.8em;
}
#doneOrderCtn .ref .refbancaire
{
	font-weight:normal;
	line-height:1.4em;
}

#doneOrderCtn .txt
{
	margin:0 0 20px 0;
}
.orderElement
{
	position:relative;
	padding-bottom:20px;
	border-bottom:0px solid #eaeaea;
	margin:30px 0px 20px 0px;
}
.orderElement:first-child
{
	margin-top:0px;
}

.orderElement .title, .orderElement h2
{
	position:relative;
	margin:0px 0 20px 0;
}
.orderElement .title a.cours
{
	display:block;
	position:relative;
	padding: 5px 30px 5px 0;
	font-family:open_sans;
    font-weight: bold;
    font-size: 16px;
}
.orderElement .title a.delete
{
	position:absolute;
	width:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	right:0;
	background:url(../template/image/delete.png) no-repeat 0 0px;
	transition: background-position-y 0.5s;
}
.orderElement .title a.delete:hover
{
	background:url(../template/image/delete.png) no-repeat 0 -26px;
}

.orderElement .fieldTbl, #paiementtypeCtn .fieldTbl
{
	margin:0;
}

.orderElement .fieldTbl tr.total th
{
	text-transform:uppercase;
}
.orderElement .fieldTbl tr.total td
{
	text-align:right;
}
.orderElement .fieldTbl a.delete
{
	position:absolute;
	width:20px;
	height:20px;
	right:0px;
	background:url(../template/image/delete.png) no-repeat 0 0px;
	background-size:20px auto;
	transition: background-position-y 0.5s;
}
.orderElement .fieldTbl a.delete:hover
{
	background:url(../template/image/delete.png) no-repeat 0 -22px;
	background-size:20px auto;
}

.orderList .fieldTbl tr.sum th
{
	text-transform:uppercase;
	border-bottom:1px solid #cacaca;
	border-top:1px solid #cacaca;
	width:100%;
	box-sizing:border-box;
}
.orderList .fieldTbl tr.sum td
{
	text-align:right;
	font-weight:bold;
	border-bottom:1px solid #cacaca;
	border-top:1px solid #cacaca;
	width:100%;
	box-sizing:border-box;
	display:block;
}
.orderList div.line
{
	height:2px;
	border-bottom:1px solid #cacaca;
}
#createAccountBtn, #loginBtn
{
	margin:10px 0 10px 0;
}
@media only screen and (min-width:641px)
{
	#doneOrderCtn .ref .refbancaire
	{
		margin-left:20px;
	}
	.orderElement .title a.cours
	{
		padding: 5px 0 5px 0;
	}
	.orderList .fieldTbl tr.sum th
	{
		width:240px;
	}
	.orderList .fieldTbl tr.sum td
	{
		width:auto;
		display:table-cell;
	}
	#createAccountBtn, #loginBtn
	{
		margin:0;
	}
}
.mysubscriptionList > h2
{
	color:#000000;
	border-bottom:1px solid #e3e3e3;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-top:40px;
}
.mysubscriptionList > h2:first-child
{
	margin-top:15px;
}

.niveauxlangues
{
	display:inline-block;
	margin-left: 10px;
	font-size:12px;	
}
 /*Warning liste attente*/
#warningListeAttente
{
	border:1px solid #d6234d;
	padding:0px 20px 20px 20px; 
	margin:30px 0px 40px 0px;
}

#warningListeAttente h2
{
	background:#d6234d;
	color:#ffffff;
	text-transform:uppercase;
	padding:5px 0 5px 20px;
	margin:0px -20px 20px -20px;
}
#warningListeAttente .intro
{
	margin-bottom:10px;
}
#warningListeAttente li
{
	font-weight:bold;
}
#warningListeAttente .info
{
	margin-top:10px;
}

/*Subscriptions*/
#subscriptionListCtn
{
	margin:30px 0 40px 0;
}
#subscriptionListCtn .counter
{
	font-weight:bold;
}
#subscriptionListCtn .subscriptionList .button
{
	margin-top:20px;
	margin-left:20px;
}

#moveSubscriptionCtn
{
	width:650px;
}

#moveSubscriptionDoneCtn
{
	margin:10px;
	padding:10px 20px 10px 20px;
}

#moveSubscriptionDoneCtn .msg
{
	font-weight:bold;
}

#moveSubscriptionDoneFrm
{
	margin:20px 0 10px 0;
}

#moveSubscriptionDoneFrm a
{
	display:block;
	float:right;
	max-width:200px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#moveSubscriptionDoneFrm a.close
{
	float:left;
}

.subscriptionList table.user a.export
{
	display:block;
	position:absolute;
	width:21px;
	height:21px;
	margin-left:-9px;
	margin-top:-3px;
	background:url(../template/image/export.png) no-repeat;
}
.subscriptionList table.user .participant.simple
{
	width:auto;
}
.subscriptionList table.user .coord.simple
{
	display:none;
}

.subscriptionList table.user .participant, .subscriptionList table.user .coord
{
	width:218px;
}

.subscriptionList table.user .chkpaye
{
	width:32px;
	text-align:center;
}
.subscriptionList table.user .remarquesubscription
{
	display:block;
	position:relative;
	width:20px;
	height:19px;
}
.subscriptionList table.user .remarquesubscription > div, .subscriptionfoot .remarquesubscription > div
{
	width:14px;
	height:17px;
	margin:2px 3px 0 3px;
	background:url(../template/image/rem.png) no-repeat;	
}
.subscriptionList table.user .remarquesubscription.empty > div, .subscriptionfoot .remarquesubscription.empty > div
{
	opacity:0.5;	
}

.subscriptionList table.user .remarquesubscription form, .subscriptionfoot .remarquesubscription form
{
	position:absolute;
	top:100%;
	left:0;
	display:none;
	padding:10px 10px 20px 10px;
	background:#ffffff;
	border:1px solid #000000;
	z-index:100;
}
.subscriptionList table.user .remarquesubscription form textarea, .subscriptionfoot .remarquesubscription form textarea
{
	width:350px;
	height:150px;
}

.subscriptionList table.user .remarquesubscription form span, .subscriptionfoot .remarquesubscription form span
{
	position:absolute;
	bottom:0px;
	right:20px;
	color:#d6234d;
	font-weight:bold;
	cursor:pointer;
	display:none;
}
.subscriptionList table.user .remarquesubscription form span:hover, .subscriptionfoot .remarquesubscription form span:hover
{
	text-decoration:underline;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	.coursListCtn .listElement .horaire
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x2.png);
	}
	.coursListCtn .listElement .lieu
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x2.png);
	}
	.coursListCtn .listElement .statut
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x2.png);
	}
	.coursListCtn .listElement .lieu
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x2.png);
	}
	.fieldTbl a.openhidden:after
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x2.png);
		background-size:100% auto;
	}
	#horairescoursTbl a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:100% auto;
	}
	#horairescoursTbl a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:100% auto;
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowcbo@x2.png);
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchQuery
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/loupebig@x2.png);
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowcbo@x2.png);
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowcbo@x2.png);
	}
	#addtoCartFriendsTbl .data a.delete, #editfriendsTbl .data a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png) ;
		background-size:100% auto;
	}
	#addtoCartFriendsTbl .data a.delete:hover, #editfriendsTbl .data a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png) ;
		background-size:100% auto;
	}
	#cartCoursZone a.validate > span
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x2.png) ;
		background-size:100% auto;
	}
	#cartCoursZone a.validate:hover > span
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x2.png) ;
		background-size:100% auto;
	}
	#cartCours .cartcourslistElement a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:100% auto;
	}
	#cartCours .cartcourslistElement a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:100% auto;
	}
	.orderElement .title a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:100% auto;
	}
	.orderElement .title a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:100% auto;
	}
	.orderElement .fieldTbl a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png);
		background-size:20px auto;
	}
	.orderElement .fieldTbl a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png) ;
		background-size:20px auto;
	}
	.subscriptionList table.user .remarquesubscription > div, .subscriptionfoot .remarquesubscription > div
	{
		background:url(https://www.unipopanniviers.ch/template/image/rem@x2.png) no-repeat;	
		background-size:100% auto;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	.coursListCtn .listElement .horaire
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x3.png);
	}
	.coursListCtn .listElement .lieu
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x3.png) ;
	}
	.coursListCtn .listElement .statut
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x3.png);
	}
	.coursListCtn .listElement .lieu
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/iconcourssprite@x3.png);
	}
	.fieldTbl a.openhidden:after
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x3.png) ;
		background-size:100% auto;
	}
	#horairescoursTbl a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png);
		background-size:100% auto;
	}
	#horairescoursTbl a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowcbo@x3.png);
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchQuery
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/loupebig@x3.png);
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowcbo@x3.png);
	}
	#coursSearchForm .searchfieldctn div.field #coursSearchCategory
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowcbo@x3.png);
	}
	#addtoCartFriendsTbl .data a.delete, #editfriendsTbl .data a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
	#addtoCartFriendsTbl .data a.delete:hover, #editfriendsTbl .data a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
	#cartCoursZone a.validate > span
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x3.png) ;
		background-size:100% auto;
	}
	#cartCoursZone a.validate:hover > span
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x3.png) ;
		background-size:100% auto;
	}
	#cartCours .cartcourslistElement a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
	#cartCours .cartcourslistElement a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png);
		background-size:100% auto;
	}
	.orderElement .title a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
	.orderElement .title a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png);
		background-size:100% auto;
	}
	.orderElement .fieldTbl a.delete
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:20px auto;
	}
	.orderElement .fieldTbl a.delete:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:20px auto;
	}
	.subscriptionList table.user .remarquesubscription > div, .subscriptionfoot .remarquesubscription > div
	{
		background:url(https://www.unipopanniviers.ch/template/image/rem@x3.png) no-repeat;	
		background-size:100% auto;
	}
}
#dateinterditeEditTbl a.delete
{
	display:block;
	width:24px;
	height:24px;
	background:url(../template/image/delete.png) no-repeat 0 0px;
	transition: background-position-y 0.5s;
}
#dateinterditeEditTbl a.delete:hover
{
	background:url(../template/image/delete.png) no-repeat 0 -26px;
}
#galleryimageListCtn .listElement
{
	float:left;
	width:auto;
	height:auto;
	padding:5px;
	margin:0px 10px 10px 0px;
	border:0px;
	background:#d6234d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:visible;
}

#galleryimageListCtn .listElement .img
{
	display:block;
	width:200px;
	height:150px;
}

#galleryimageListCtn .listElement .admin
{
	display:block;
	margin:7px 0px 2px 0px;
}

#galleryimageListCtn .listElement .admin > a
{
	color:#ffffff;
	text-decoration:none;	
}

.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

#gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible */
}
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible */
	}	
}
#linksCtn
{
	position:relative;	
}

#linksCtn h5
{
	margin:40px 0px 0px 0px;
	padding:25px 0 25px 0;
	border-top:2px solid #f4f4f4;
	border-bottom:2px solid #f4f4f4;
	font-family:Lato;
	font-weight:normal;
	font-size:22px;
	color:#d6234d;
}

#linksElementCtn
{
	position:relative;
}

#linksElementCtn .listElement
{
	background:#f4f4f4;
}
#linksElementCtn .listElement:nth-of-type(odd)
{
	background:#ffffff;
}
#linksElementCtn .listElement:only-of-type
{
	background:#f4f4f4;
}
/* 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:100%;
	min-width:240px;
	height:100%;
	background:#d0224b;
	overflow-x:hidden;
	overflow-y:auto;
	padding:68px 0 50px 0;

}

#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:inline-block;
	vertical-align:top;
	width:29px;
	height:27px;
	cursor:pointer;
	background:transparent;
	background-size:cover;
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	top:20px;
	right:10px;
	z-index:10;
	left:auto;
}
.menuIcone .line, .menuIcone:before, .menuIcone:after {
	width: 29px;
	height: 3px;
	background-color: #fff;
	margin: 0 auto 8px auto;
	transform-origin: center center;
	transition: transform 0.5s;
	display: block;
	content: '';
	position: relative;
}
body.nooverflow #menuIcone
{
	right:auto;
	left:-60px;
}
body.nooverflow .menuIcone:before {
	transform: rotateZ(45deg) translate(8px, 8px);
}
body.nooverflow .menuIcone .line {
	transform: scaleX(0);
}
body.nooverflow .menuIcone:after {
	transform: rotateZ(-45deg) translate(8px, -7px);
}



#leftPanel a.copy
{
	display:none;
}
/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	font-size:17px;
	color:#ffffff;
}

#menuMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li.img
{
	display:none;
}
#menuMain li > a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	margin-bottom:2px;
}

#menuMain ul.menu0 ul
{
	display:none;	
}
#menuMain a.menu0
{
	font-weight:bold;
	display:inline-block;
	position:relative;
}
#menuMain li.arrow
{
	display:none;
}
#menuMain li.menu0
{
	margin-bottom:20px;
	
}
#menuMain a.menu0:after, .connectLnk:after
{

	display:block;
	position:absolute;
	top:2px;
	right:-20px;
	font-family: 'cms_icons' !important;
  speak: none;
	content:"\e904";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
	font-size:14px;
	color:#FFFFFF;
	
	
}
#menuMain a.menu0.menuselected:after, #menuMain a:hover.menu0:after, .connectLnk:hover:after
{
	transform: rotate(90deg);

}
#menuMain li.menu1
{
	padding-left:0;
}
#menuMain a.menu2
{
	font-size:17px;
	padding-left:0;
}

/**************************************************/
/*Style pour le menu simple horizontal et vertical*/
/**************************************************/
/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
/* MEDIA QUERIES */
@media only screen and (min-width:1200px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}
	#menuMain a.menu0:after, .connectLnk:after
	{
		display:none;
	}
	#menuMain
	{
		position:relative;
		display:inline-block;
		width:725px;
		text-align:right;
		top:35px;
	}
	
	#menuMain ul
	{
		position:absolute;
		margin:0px;
		padding:0px;
		display:none;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		font-size:0;
		font-size:18px;
	}
	#menuMain li
	{
		position:relative;
		display:inline-block;
		list-style-type: none;
		padding:0px; /*compense le li de base*/
		margin:0px;
		font-family:Lato;
		font-weight:bold;
		font-size:14px;
		color:#808080;
	}
	#menuMain li.arrow, #menuMain li.img
	{
		display:none;
	}
	
	#menuMain ul li > a
	{
		display:block;
		color:#808080;
		text-decoration:none;
		outline:none;
	
	}
	#menuMain a.menu0
	{
		font-weight:normal;		
	}
	#menuMain ul.menu0
	{
		position:relative;
		display:inline-block;
		text-align:left;
		margin-right:20px;
	}
	
	#menuMain li.menu0
	{
		margin:0 0 12px 20px;
		font-family:Lato;
		font-weight:normal;
		font-size:17px;
	}
	
	#menuMain li.menu0:first-child
	{
		margin-left:0px;
	}
	
	#menuMain a.menu0
	{
		color:#ffffff;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuMain a.menu0.menuHover, #menuMain a.menu0.menuselected
	{
	}
	
	/*---------------------------------------------------------------------------------------*/
	/*2ème niveau: Couleur des ul*/
	#menuMain li.menu0 ul.menu1
	{
		margin-top:12px;
		width:303px;
		padding:20px 20px 20px 196px;
		background:#ebebeb;
		font-size:0; /*remove space between inline-block*/
		left:50%;
		margin-left:-259px;
		border-radius:20px;
		min-height:108px;
	}
	#menuMain ul.menu1 li.img
	{
		position:absolute;
		display:block;
		width:132px;
		height:132px;
		left:32px;
		top:50%;
		margin-top:-66px;
	}
	#menuMain ul.menu1 li.img div.img
	{
		position:relative;
		display:block;
		width:132px;
		height:132px;
		border-radius:66px;
	}
	#menuMain ul.menu1 li.arrow
	{
		position:absolute;
		display:block;
		width:11px;
		height:6px;
		top:-6px;
		left:256px;
		background:url(../template/image/arrowgrey.png) no-repeat top center;
		background-size:11px 6px;
	}
	
	/*2ème niveau: style des li*/
	#menuMain li.menu1
	{
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a
	{
		display:block;
		width:129px;
		padding:7px 7px 7px 14px;
		border-left:1px solid #d6d6d6;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected
	{
		background:#e3e3e3;
	}
	
	/*---------------------------------------------------------------------------------------------------*/
	
	/*3ème niveau: style de sous-menu*/
	#menuMain li.menu1 ul li.img, #menuMain li.menu1 ul li.arrow
	{
		display:none;
	}
	#menuMain li.menu1 ul
	{
		position:absolute;
		left:0;
		top:100%;
		padding:0;
		margin:0px;
		border:1px solid #000000;
		background:#ebebeb;
	}
	
	/*3ème niveau: style des li*/
	#menuMain li.menu1 ul li
	{
	}
	
	/*3ème niveau: style des liens "off" */
	#menuMain li.menu1 ul li > a 
	{
	}
	
	/*3ème niveau: style des liens "on" */
	#menuMain li.menu1 ul li > a.menuHover, #menuMain li.menu1 ul li > a.menuselected 
	{
	}
}
/**************************************************/
/*Style pour le menu du bas*/
/**************************************************/
#menuBottomMain
{
	display:inline-block;
	width:auto;
}

#menuBottomMain ul
{
	position:absolute;
	margin:0px;
	padding:0px;
	display:none;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
}
#menuBottomMain li
{
	position:relative;
	display:inline-block;
	list-style-type: none;
	padding:0px; /*compense le li de base*/
	margin:0px;
	font-family:open_sans;
	font-weight:normal;
	font-size:10px;
	color:#8c828b;
}
#menuBottomMain li.arrow, #menuBottomMain li.img
{
	display:none;
}

#menuBottomMain ul li > a
{
	display:block;
	color:#808080;
	text-decoration:none;
	outline:none;
}

#menuBottomMain ul.menu0
{
	position:relative;
	display:inline-block;
	text-align:left;
}

#menuBottomMain li.menu0
{
	margin:0 0px 0px 3px;
	padding:0 0px 0px 5px;
	border-left:1px solid #756c77;
	line-height:1em;
}
#menuBottomMain li.menu0:first-child
{
	padding-left:0;
	border:0;
	margin-left:0;
}

#menuBottomMain a.menu0
{
}

/*1er niveau: Effet rollover et actif des liens*/
#menuBottomMain a.menu0.menuHover, #menuBottomMain a.menu0.menuselected
{
	color:#ffffff;
}

/*---------------------------------------------------------------------------------------*/
/*2ème niveau: Couleur des ul*/
#menuBottomMain li.menu0 ul.menu1
{
	margin-bottom:12px;
	width:144px;
	padding:10px 10px 10px 10px;
	background:#ebebeb;
	font-size:0; /*remove space between inline-block*/
	left:50%;
	margin-left:-72px;
	border-radius:20px;
	bottom:100%;
}

/*2ème niveau: style des li*/
#menuBottomMain li.menu1
{
}

#menuBottomMain ul.menu1 li.arrow
{
	position:absolute;
	display:block;
	width:11px;
	height:6px;
	bottom:-6px;
	left:50%;
	margin-left:-5px;
	background:url(../template/image/arrowgrey.png) no-repeat top center;
	background-size:11px 6px;
}

/*2ème niveau : Style des liens "off" */
#menuBottomMain li.menu0 ul li > a
{
	display:block;
	width:129px;
	padding:7px 7px 7px 7px;
}

/*2ème niveau: Style des liens "on" */
#menuBottomMain ul.menu1 li > a.menuHover, #menuBottomMain ul.menu1 li > a.menuselected
{
	background:#e3e3e3;
}

/*---------------------------------------------------------------------------------------------------*/

/*3ème niveau: style de sous-menu*/
#menuBottomMain li.menu1 ul li.img, #menuBottomMain li.menu1 ul li.arrow
{
	display:none;
}
#menuBottomMain li.menu1 ul
{
	position:absolute;
	left:0;
	bottom:100%;
	padding:0;
	margin:0px;
	border:1px solid #000000;
	background:#ebebeb;
}

/*3ème niveau: style des li*/
#menuBottomMain li.menu1 ul li
{
}

/*3ème niveau: style des liens "off" */
#menuBottomMain li.menu1 ul li > a 
{
}

/*3ème niveau: style des liens "on" */
#menuBottomMain li.menu1 ul li > a.menuHover, #menuBottomMain li.menu1 ul li > a.menuselected 
{
}

@media only screen and (min-width:900px)
{
	#menuBottomMain
	{
		position:absolute;
		text-align:right;
		top:125px;
		right:0px;
	}
	#menuBottomMain li
	{
		font-size:13px;
	}
	#menuBottomMain li.menu0
	{
		margin:0 0px 0px 10px;
		padding:0 0px 0px 12px;
	}
	#menuBottomMain li.menu0:first-child
	{
		margin-left:10px;
	}
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
}

div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}

div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

div.styleMenuAdmin a
{
	font-family:Arial;
	font-size:11px;
	line-height:0px;
	color:black;
	text-decoration:none;
	text-transform:none;
	white-space:nowrap;
}

.myArrowAdmin
{
	cursor:pointer;
}

.styleDivArrowAdmin
{
	position:absolute;
	left:-12px;
	top:0px;
}

.menu1 .styleDivArrowAdmin
{
	left:0px;
	top:10px;
}

#menuBottomMain .styleDivArrowAdmin
{
	left:-2px;
}
#menuBottomMain li.menu0:first-child .styleDivArrowAdmin
{
	left:-12px;
}

#menuBottomMain .menu1 .styleDivArrowAdmin
{
	left:-7px!important;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
	padding:0px;
	margin:0px;
	width:0px;
	height:0px;
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#menuMain ul.menu1 li.arrow
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowgrey@x2.png);
	}
	#menuBottomMain ul.menu1 li.arrow
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowgrey@x2.png);
	}
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#menuMain ul.menu1 li.arrow
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowgrey@x3.png);
	}
	#menuBottomMain ul.menu1 li.arrow
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowgrey@x3.png);
	}
}
#leftPanel #myaccountCtn
{
	width:calc(100% - 20px);
	box-sizing:border-box;
	margin:40px 10px 0 10px;
}
#leftPanel #myaccountCtn h5
{
	background:#2f2530;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
}

#leftPanel #myaccountCtn .infos
{
	border:0;
	background:#2f2530;
	color:#FFFFFF;
	border-radius:0;
}

#leftPanel #myaccountCtn .infos a
{
	color:#FFFFFF;
}

#leftPanel #myaccountCtn .myAccountPart table td:nth-child(1)
{
	width:10px!important;
}
#leftPanel #myaccountCtn .myAccountPart table td
{
	width:200px!important;
}

#pageRightCol #myaccountCtn
{
	display:none;
}

#myaccountCtn
{
	width:300px;
	overflow:hidden;
	margin-bottom:30px;
}
#myaccountCtn h5
{
	margin:0px;
	padding:20px;
	font-family:Lato;
	font-size:22px;
	font-weight:normal;
	color:#ffffff;
	background:#d6234d;
	border-radius:5px 5px 0 0;
	box-shadow: 0px -3px 0px 0px #c72249 inset;
}

#myaccountCtn .infos
{
	padding:10px 5px 10px 5px;
	background:#f3f3f3;
	border:1px solid #eaeaea;
	border-top:0px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 3px 0px 0px #e3e4e8;
}

#myaccountCtn .infos .myAccountPart
{
	margin-bottom:7px;
}

#myaccountCtn .infos .myAccountPart.first .title
{
	font-weight:normal;
}

#myaccountCtn .infos .title
{
	font-weight:bold;
}

#myaccountCtn .infos a
{
	text-decoration:none;	
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	display:inline-block;
	padding:5px 15px 8px 15px;
	background-color:#d5234d;
	font-family:Lato;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	border-radius:25px;	
	border:0;
	margin-right:7px;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.txtPopupLoginConchita
{
	color:#4e4e4e;
	font-family:Trebuchet MS;
	font-size:12px;
}

/* MYCOORD */
#loginFrm, #mycoordCtn #formEditUser
{
	display:none;
	margin-top:30px;
}

#mycoordCtn 
{
	margin-bottom:50px;
	box-sizing:border-box;
}
#mycoordCtn .fieldTbl
{
	margin:0;
}
#mycoordCtn .fieldTbl .tdlabel
{
	padding-left:5px;
	--padding-left:0;
}
#mycoordCtn fieldset
{
	width:100;
	--margin:0;
	margin:6px;
}

/* SMALL CONNECT */
#smallconnectFrm
{
	position:relative;
	top:31px;
	width:200px;	
	margin:0 auto 0 auto;
}
#smallconnectFrm input[type=text], #smallconnectFrm input[type=password]
{
	width:100%;
	height:32px;
	border-radius:15px;
	padding:0 20px 0 20px;
	margin-right:5px;
	font-family:Lato;
	font-weight:bold;
	font-size:15px;
	color:#a2a2a2;
	background:#ffffff;
	display:block;
	margin-bottom:12px;
	box-sizing:border-box;
	
}
#smallconnectFrm input[type=text].mandatoryFailed, #smallconnectFrm input[type=password].mandatoryFailed
{
	background:#FFE3E8;
}
#smallconnectFrm input[type=password]
{
	margin-bottom:50px;
}
#smallconnectFrm .button
{
	font-size:15px;
	text-transform:lowercase;
	margin-right:5px;
	padding:8px 10px 10px 10px;
	display:block;
	margin-bottom:12px;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	
}

#smallconnectFrm a.close
{
	display:none;
}
#smallconnectFrm a.close:hover
{
	background:url(../template/image/delete.png) no-repeat left 0px;
}

#smallconnectFrm .error
{
	position:absolute;
	left:10px;
	bottom:-50px;
}

#smallconnectFrm a.forgotPwd
{
	display:inline-block;
	margin-right:14px;
	font-family:open_sans;
	font-weight:normal;
	font-size:11px;
	color:#999299;
	position:absolute;
	top:86px;

}
#smallconnectFrm a.forgotPwd span
{
	color:#d6234d;
	padding-right:3px;
	font-weight:bold;
	font-size:12px;
}

#loginFrm a.forgotPwd
{
	display:inline-block;
	margin-left:14px;
	font-family:open_sans;
	font-weight:normal;
	font-size:11px;
	font-weight:bold;
}
#loginFrm a.forgotPwd span
{
	padding-right:3px;
}

#createAccountCtn .QapTcha
{
	margin-bottom:20px;
}

#zonePwdMobile
{
	display:none;
}
#zonePwdMobile.open
{
	display:block;
}
#smallconnectFrm a.forgotPwd.standard
{
	display:none;
}
#smallconnectFrm a.forgotPwd.mobile
{
	display:block;
}

#pwdReminderCtn
{
	background:#FFFFFF;
	padding:25px;
}

@media only screen and (min-width:1200px)
{
	#smallconnectFrm
	{
		width:auto;	
		margin:0;
	}
	#smallconnectFrm a.forgotPwd.standard
	{
		display:inline-block;
	}
	#smallconnectFrm a.forgotPwd.mobile
	{
		display:none;
	}
	#pageRightCol #myaccountCtn
	{
		display:block;
	}

	#smallconnectFrm .error
	{
		top:40px;
		right:0px;
		bottom:auto;
	}
	#smallconnectFrm input[type=text], #smallconnectFrm input[type=password]
	{
		width:130px;
		display:inline-block;
		margin-bottom:0;		
	}
	#smallconnectFrm input[type=password]
	{
		margin-bottom:0;
	}
	#smallconnectFrm .button
	{
		display:inline-block;
		margin-bottom:0;
		width:auto;		
	}
	#smallconnectFrm a.close
	{
		position:relative;
		display:inline-block;
		top:8px;
		width:24px;
		height:24px;
		background:url(../template/image/delete.png) no-repeat left -52px;
		transition:background-position 0.3s;		
	}
	#smallconnectFrm a.forgotPwd
	{
		position:relative;
		top:auto;
	}
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#smallconnectFrm a.close:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png) ;
		background-size:100% auto;
	}
	#smallconnectFrm a.close
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x2.png) ;
		background-size:100% auto;
	}
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#smallconnectFrm a.close:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
	#smallconnectFrm a.close
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/delete@x3.png) ;
		background-size:100% auto;
	}
}
/*Style pour T3*/

#printsendCtn
{
	float:right;
	width:125px;
	height:100%;
}

#printsendCtn a
{
	display:block;
	float:left; 
	width:17px;
	height:50px;
	margin-right:10px;
}
#printsendCtn a:hover
{
	background:url(../template/image/arrowgrey.png) bottom center no-repeat;
}
#printsendCtn a:nth-child(5)
{
	margin-right:0;
}

#printsendCtn a > img
{
	position:relative;
	display:block;
	top:16px;
	width:17px;
	height:17px;
	background:url(https://www.unipopanniviers.ch/template/image/printsendsprite@x3.png) no-repeat;
	background-size:97px 37px;
	transition: background-position-y 0.5s;
}

#printsendCtn a:nth-child(1) > img
{
	background-position:left top;
}
#printsendCtn a:nth-child(1):hover > img
{
	background-position:left bottom;
}
#printsendCtn a:nth-child(2) > img
{
	background-position:-20px top;
}
#printsendCtn a:nth-child(2):hover > img
{
	background-position:-20px bottom;
}
#printsendCtn a:nth-child(3) > img
{
	background-position:-40px top;
}
#printsendCtn a:nth-child(3):hover > img
{
	background-position:-40px bottom;
}
#printsendCtn a:nth-child(4) > img
{
	background-position:-60px top;
}
#printsendCtn a:nth-child(4):hover > img
{
	background-position:-60px bottom;
}
#printsendCtn a:nth-child(5) > img
{
	background-position:-80px top;
}
#printsendCtn a:nth-child(5):hover > img
{
	background-position:-80px bottom;
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#printsendCtn a:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowgrey@x2.png);
		background-size:97px 37px;
	}
	#printsendCtn a > img
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/printsendsprite@x2.png);
		background-size:97px 37px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#printsendCtn a:hover
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowgrey@x3.png);
		background-size:97px 37px;
	}
	#printsendCtn a > img
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/printsendsprite@x3.png);
		background-size:97px 37px;
	}

}
.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;	
}




/* SALLE COURS */
#courssallemap
{
	width:100%;
	height:320px;
	margin-top:30px;
	margin-bottom:50px;
}
/*Style pour le lien sur le plan du site*/
.sitemap
{
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 14px;
	font-weight:bold;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 13px;
	font-weight:normal;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 12px;
	font-weight:normal;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 11px;
	font-weight:normal;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}
#sliderCtn
{
	position:absolute;
	max-width:1598px;
	width:100%;
	height:488px;
	z-index:1;
	left:0;
	display:none;
}

.home #sliderCtn
{
	display:block;
}

#sliderCtn > img
{
	position:absolute;
	width:auto;
	height:100%;
	top:0px;
	left:0px;
	z-index:1;
	opacity:0;
}
#sliderCtn > img.first
{
	opacity:1;	
}

#sliderList img.thumb
{
	height:auto;
	width:100%;
}
@media only screen and (min-width:950px)
{
	#sliderCtn
	{
		display:block;
		height:588px;
	}
	#sliderCtn > img
	{
		width:100%;
	}
}
/*Style user*/
.infolbl
{
	font-size:11px;
	padding:7px;
	color:#000000;
}

.infolbladmin
{
	display:block;
	font-size:11px;
	color:#000000;
	margin-top:5px;
}

/*Tableau des utilisateurs*/
table.user
{
	width:650px;
	border-collapse: separate; 
	border-spacing: 5px;
}

table.user th, table.user td 
{ 
	padding: 5px;
	vertical-align:top;
}

table.user .admin
{
	width:12px;
	padding: 7px 0px 3px 0px;
}
table.user .date
{
	width:115px;
}
table.user .participant
{
	width:234px;
}
table.user .coord
{
	width:234px;
}

table.user .remarque
{
	font-size:10px;
	font-style:italic;
	margin-top:3px;
}

fieldset table.user
{
	width:100%;
}
fieldset table.user .coord
{
	width:auto;
}

.lastupdate
{
	text-align:right;
	font-size:12px;
	margin:5px 15px 0px 0;
	color:#000000;
}

/*subscription screen */
td.subscriptionfoot
{
	background:#9a9a9a;
	color:#ffffff;
	font-size:12px;
	padding:5px 0 5px 25px;	
}
span.chkpaye form
{
	display:inline-block;
	vertical-align:middle;
	padding-bottom:2px;
}

td.subscriptionfoot div.infosubscription
{
	position:relative;
	float:left;
}

td.subscriptionfoot div.infosubscription.sep
{
	margin:0 20px 0 20px;
}
td.subscriptionfoot div.infosubscription.sep + .infosubscription
{
	padding-left:25px;
} 
.subscriptionfoot .remarquesubscription /*autre style pour la remarque dans cours (redefini existant)*/
{
	display:block;
	position:absolute;
	width:20px;
	height:19px;
	top:50%;
	margin-top:-10px;
	left:-0;
	vertical-align:center;
}

#userSubscriptionsShow .orderElement .title:before
{
	content:"";
	display:block;
	position:absolute;
	top:-10px;
	width:40px;
	height:1px;
	background:#d6234d;
}

#addSubscriptionCtn
{
	min-width:800px;
}

#formEditUser .policy
{
	display:block;
	margin:5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	max-width:300px;
	color:#474747;
}
#formEditUser .policy.error
{
	color:red;
}
#weblinksListCtn .listElement
{
	width:340px;
	border:0px;
	min-height:60px;
}

#weblinksListCtn .listElement .txt
{
	padding:0px 0px 0px 100px;
}

#weblinksListCtn .listElement .img
{
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
	height:60px;
	margin:0px;
}
#youarehereCtn
{
	float:left;
	width:900px;
	font-family:open_sans;
	font-weight:bold;
	color:#3c2f3e;
	font-size:12px;
}

#youarehereCtn .header
{
	display:inline-block;
	width:9px;
	height:9px;
	background:url(../template/image/home.png) no-repeat;
	margin-right:2px;
}

#youarehereCtn a
{
	font-family:open_sans;
	font-weight:bold;
	color:#3c2f3e;
	font-size:12px;
	text-decoration:none;
}
#youarehereCtn a:last-child
{
	color:#9d9d9c;
}
#youarehereCtn .separator
{
	color:#d4234c;
	font-weight:bold;
	font-size:13px;
	padding-left:7px;
	padding-right:3px;
}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#youarehereCtn .header
	{
		background:url(https://www.unipopanniviers.ch/template/image/home@x2.png) no-repeat;
		background-size:100% auto;
	}
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#youarehereCtn .header
	{
		background:url(https://www.unipopanniviers.ch/template/image/home@x3.png) no-repeat;
		background-size:100% auto;
	}
}
/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
	margin-bottom:20px;
}

#cartoucheNewsCartoucheCtn + #calendarMainCtn, #cartoucheNews + #calendarMainCtn
{
	margin-top:0px;
}

#cartCours + #cartoucheNewsCartoucheCtn
{
	margin-top:-88px;
}
.cartoucheCtn > .more
{
	position:relative;
	display:inline-block;
	font-family:open_sans;
	font-weight:bold;
	color:#3c2f3e;
	text-decoration:none;
	margin-top:14px;
	left:130px;
}
.cartoucheCtn > .more:before
{
	content:">";
	color:#d6234d;
	margin-right:5px;
}


.cartoucheElementCtn
{
	position:relative;
	overflow:hidden;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 0 0;
	text-decoration:none;
	border:2px solid #eaeaea;
	border-bottom:5px solid #eaeaea;
	border-radius:6px;
}

.cartoucheElement .img
{
	position:relative;
	display:block;
	margin:-2px -2px 0 -2px;
	background:no-repeat center center;
	background-size:cover;
	border-radius:6px 6px 0 0;
}
.cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:49.33%;
}

.cartoucheElement .txt
{
	display:block;
	position:relative;
	padding:17px 17px 40px 17px;
}

.cartoucheElement h6
{
	margin:0px 0px 10px 0px;
	font-family:open_sans;
	font-weight:bold;
	font-size:17px;
	color:#3c2f3e;
}
.cartoucheElement .resume
{
	display:block;
	font-family:open_sans;
	font-weight:normal;
	font-size:13px;
	color:#6d636e;
}

.cartoucheElement .more
{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	right:18px;
	bottom:10px;
	background:url(../template/image/arrowroundsprite.png) no-repeat top left;
	transition: background-position-y 0.5s;
}
.cartoucheElement:hover .more
{
	background-position:bottom left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	.cartoucheElement .more
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x2.png);
		background-size:100% auto;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	.cartoucheElement .more
	{
		background-image:url(https://www.unipopanniviers.ch/template/image/arrowroundsprite@x3.png) ;
		background-size:100% auto;
	}
}
/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	border-top:2px solid #d6234d;
	opacity:1;
	background:#3c2f3e;
	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:#d6234d;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
	border-radius:20px;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#c61942;
}
@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%);
	}
}