@font-face {
	font-family: 'TypographExtraBold';
	src: url('fonts/montserrat-bold-webfont.eot');
	src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-bold-webfont.woff') format('woff'),
		 url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
		 url('fonts/montserrat-bold-webfont.svg#TypographExtraBold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TypographLight';
	src: url('fonts/montserrat-light-webfont.eot');
	src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/montserrat-light-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-light-webfont.woff') format('woff'),
		 url('fonts/montserrat-light-webfont.ttf') format('truetype'),
		 url('fonts/montserrat-light-webfont.svg#TypographLight') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TypographBold';
	src: url('fonts/montserrat-regular-webfont.eot');
	src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-regular-webfont.woff') format('woff'),
		 url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
		 url('fonts/montserrat-regular-webfont.svg#TypographBold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


.eb-description p{text-align:left !important}

.eb-description a{
	color:black !important
}
.dark .eb-description a{
	color:#efefef !important
}
.parcours.srcld::after{
	content:'';
	background: rgb(235,236,240);
	background: linear-gradient(90deg, rgba(235,236,240,0) 0%, rgba(235,236,240,1) 100%, rgba(235,236,240,1) 100%);
	width: 63px;
height: 63px;
z-index: 9999;
position: absolute;
margin-top: 30px;
right: 25px;
}
.dark .parcours.srcld::after{
	content:'';
	background: rgb(59,59,59);
	background: linear-gradient(90deg, rgba(59,59,59,0) 0%, rgba(59,59,59,1) 100%, rgba(59,59,59,1) 100%);
	width: 63px;
height: 63px;
z-index: 9999;
position: absolute;
margin-top: 30px;
right: 25px;
}
#registerformu,#eb-calendar-page,.mnu,#varevents2{
background-color: #c4c6ca;
color: black;
}
.trg .mnu{
	background-color: #c4c6ca;
}
.calendrierfully,.ffm{
	background-color: #EBECF0;
color: black;
}
.ssevent .crassocie{
	position: absolute;
	bottom: 25px;
	right: 152.5px;
	height: 26.2px;
	width: 55px;
	border-radius: 30px;
	-background: #5fa261 !important;
	line-height: 26px !important;
	text-align: center;
	cursor: pointer;
	font-family: 'TypographExtraBold' !important;
	font-size: 15px !important;
	border: 1.6px solid #74bf76 !important;

}
.ssevent .crassocie::before{
	font-family: 'FontAwesome' !important;
font-size:13px;
margin-right:2.5px;
}
.ssevent .crassocie::after{
	font-family: 'FontAwesome' !important;
content:'\f0d7';
margin-left:5px;
margin-right:0px;
}
.ssevent .crassocie.true::after{
	content:'\f0d8'; 
}
#varevents2 .dateevt,#varevents2 .categlieux ,body.wsite span,body.wsite p,body.wsite strong,body.wsite li,body.wsite select,body.wsite option,body.wsite a{
	font-size: 15px;
	font-family:'TypographExtraBold';
	-font-weight:normal;
	-letter-spacing: 0.5px;
	-font-weight: normal !important;
}
#eb-calendar-page .calendrierfully  .mod_eb_mincalendar_td_dayname.acti span{
	font-weight: bold !important;
}

#varevents2 .hours,#varevents2 .dateevt,#varevents2 .lieux{font-family:'TypographExtraBold' !important;}
.ssnotif p{
	font-family:'TypographBold' !important;
	font-weight:normal !important
}
/*
#calendar_result {
	border-radius: 7px;
}*/


.bgconditionsevents{
	position:fixed;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	background-color: black;
	opacity:0.5;
	z-index:2
}
.eb-category-title p{
	font-size:15px;
	padding:10px 0;
	display:block;
}
.eb-category-title small{display: inline-block;
    margin-top: 15px;
	background: #5fa261 !important;
    border: 1.6px solid #74bf76;
    padding: 4px 15px;
    width: auto;
    color: white;
    border-radius: 28px;
	margin-bottom: 0px;}
	
.conditionsevents{
	position:absolute;
	z-index:9999999;
	background:white;
	width:500px;
	height:500px;
	left:50%;
	top:50%;
	margin-top:-250px;
	margin-left:-250px;
}
.conditionsevents p{
	text-align:center;
	font-size:18px;
}
.conditionsevents iframe{
	width:100%;
	height:300px;
}
.conditionsevents input{
	display:inline-block;
}


body.wsite .container, 
body.wsite .navbar-static-top .container,
body.wsite .navbar-fixed-top .container, 
body.wsite .navbar-fixed-bottom .container{
	max-width:1190px !important;
	width:1190px !important
}

.hdcal{
	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: 62.5px;
	z-index: 9999;
}
.mod_eb_minicalendar_link a,span.nomarl,span.nameday,span.saturday,span.sunday{
	    height: 100%;
	font-size:19px !important;
	line-height:2.5em;
	color:inherit;
	position: relative;
	display: block;
float: left;
width: 100%;

}
.tablo .mod_eb_minicalendar_link a,.tablo span.nomarl,.tablo span.nameday,.tablo span.saturday,.tablo span.sunday{
	line-height:2.15em
}



#calendar_result,.mod_eb_mincalendar_table,.mod_eb_mincalendar_dayname{
	overflow:hidden
}
#calendar_result.loading{
	opacity:0.5;
	pointer-events:none
}
.mod_eb_mincalendar_dayname td{
	height:25px !important;
	padding:10px 0 !important;
	-background:#dedede !important;
	text-transform:uppercase;
	line-height:1.5em;
	font-size:1.15em;
	font-weight:600;
	min-height:25px !important
}


.mod_eb_mincalendar_table td{
	width: 17.142%;
	display: block;
	min-height:176px;
	overflow:hidden;
	float: left;
	padding: 0px;
	border:0.5px solid #ccc;
}

.mod_eb_mincalendar_table tr td:last-child{
	-width:4.285% !important;
	background:#efefef
}
.legends{
	cursor:pointer;
	position:relative
}

.parcours strong,.legends strong{

	position: relative;
	top: 0px;
	display:block;
clear:both;
	transition:margin-bottom .2s ease-in-out
}
.legends strong{   margin-bottom:15px;font-size:20px !important;font-family: 'TypographExtraBold';}

#eb-calendar-page .eb-description{cursor:pointer}
#legende{
	height:1px;
	overflow:hidden;
	-pointer-events:none;
	padding:0px;
	padding-top:15px;
	transition:height .2s ease-in-out
}
.legends::after,#eb-calendar-page .eb-description::after{
	font-family: 'FontAwesome';
    font-size: 15px;
    color: inherit;
    pointer-events: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
	top:inherit;
    content: '\f0d7';
    font-weight: normal;
	transition:box-shadow .2s;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.33);
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 35px;
}
#eb-calendar-page .eb-description{    padding: 20px 25px !important;
    border-radius: 28px;margin-bottom:40px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.25);-border-left:1.6px solid #fed527}
#legende.toggled{
	height:auto;
}
.legends select{width:110% !important}
.legends.toggled::after,#eb-calendar-page .eb-description::after{
content:'\f0d8'
}

#legende li.disabl{
	border-color:#ce5a5a
}
#legende li.datedepasse::before,
#legende li.disabl::before,
#legende li.attente::before{
	content:'\f05e' !important;
	font-weight:normal
}
#legende li.listattente::before{
	 
	content:'\f017' !important;
	font-weight:normal;
}

#legende li.dispo::before{
	content:'\f055' !important;
	font-weight:normal;
}

#legende li.dispo::before{
	color:#5fa261
}#legende li.listattente::before{
	color:#C1B934
}#legende li.attente::before{
	color:#cc9b53
}#legende li.disabl::before{
	color:#ce5a5a
}#legende li.datedepasse::before{
	color:#999
}
.fieldvarget,.field-calendar .fieldd.btn.btn-secondary,.messagevalid{
	display:none !important
}

td.mod_eb_mincalendar_event .fnt{
	background-color:#5aa45a;
}
td.mod_eb_mincalendar_event .fnt.actv{
	background-color:#417741;
}
td.mod_eb_mincalendar_event .fnt.dsbld{
	pointer-events:none;
	background-color:#ce5a5a
}
td.mod_eb_mincalendar_event .fnt.dsbldno{
	background-color:#9e9e9e;
	pointer-events:none
}
td.mod_eb_mincalendar_event .fnt.dsbldno.waitt{
	background-color:#c4b986;
	pointer-events:auto
}
td.mod_eb_mincalendar_event .fnt.dsbldno.waitt.actv{
	background-color:#a0976e
}
#prev_month,#prev_week{
	transition:box-shadow .2s;
	border-radius: 35px;
    -border: 1px solid rgba(255,255,255,1);
	box-shadow:4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.15);
    width: 35px;
    height: 35px;
    line-height: 1.75em;
    text-align: center;
	-margin-right:20px;
}
#next_month,#next_week{transition:box-shadow .2s;
	border-radius: 35px;
    -border: 1px solid rgba(255,255,255,1);
	box-shadow:4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.15);
    width: 35px;
    height: 35px;
    line-height: 1.75em;
    text-align: center;-margin-right:7.5px;
}
.davantform #next_month,.davantform #prev_month,.davantform #next_week,.davantform #prev_week{	box-shadow:4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.75);}
.davantform.bckfxd #next_month,.davantform.bckfxd #prev_month,.davantform.bckfxd #next_week,.davantform.bckfxd #prev_week{	box-shadow:4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.15);}


td .fnt .inscrr{
	display:block;
	clear: both;
	font-size: 11px !important;
    font-weight: normal;
}
td.mod_eb_mincalendar_event .fnt.removeevent{
	background-color:white;
	color:black !important;
	pointer-events:none;
}
.desccreneaux,.desccreneaux2{
	display:block;
	clear:both
}
#field_conditionnel{
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	width: 0px;
	position: absolute;
}
td.mod_eb_mincalendar_event .lnk{
	width:100%;
	position:relative;
}
td.mod_eb_mincalendar_event .fnt font{
	font-size:1.25em
}
td.mod_eb_mincalendar_event .fnt font.inscrr{
	font-size:1em
}

#varevents {
	margin-top:10px
}
#varevents li,#varevents font,#varevents2 li,#varevents2 font{
	display:block;
	clear:both;
	float:left;
	margin-bottom:0px;
	    font-size: 15px;
}
#varevents2 .sseventassocie font{
	margin-bottom:7.5px !important
}
#varevents2 .sseventassocie .categlieux{
	margin-top:0px !important
}
#varevents2 .sseventassocie{
	clear: both;
	float:left;
		border-top: 1.6px solid #2B2B2B;
		margin-top: 17.5px;
		position: relative;
		display: block;
		overflow: hidden;
		border-bottom: 1.6px solid #2B2B2B;width:calc(100% - 35px)
}
.dark #varevents2 .sseventassocie{border-color:#efefef}
.wsite .extcal_month_label a{font-size:1.7em !important}
.extcal_month_label a{
	font-family: 'TypographExtraBold' !important;
	font-size:30px;
	color:inherit;

}
.nomarl{
	min-width: 20px;
    width: auto;
    height: 25px;
    -border-radius: 25px;
    background:none;
    color: inherit;
    line-height: 25px;
    margin: 0 auto;
    float: none;
    position: relative;
    top: 15px;
    display: inline-block;
    padding: 0 3px;
}
td.mod_eb_mincalendar_event .fnt{
	float:left;
	display:block;
	width:100%;
	padding:5px 0;
	cursor:pointer;
	border-top:1.6px solid #ccc;
	color:inherit
}
/*
.numetape::after{
	content:'e';
	font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: 0;
font-family: 'TypographExtraBold';
position: relative;
top: -1px;
}
.lstetape:first-child .numetape::after{
	content:'er';
	left:-1px;
}*/
/*#etapeparcours.nofonts{-height:25px;}
#etapeparcours.nofonts font{-display:none}*/
#prev_month i,#next_month i,#prev_week i,#next_week i{color:inherit;     position: relative;
    top: 0px;  font-size: 17px !important;}
td.mod_eb_mincalendar_not_today,d.mod_eb_mincalendar_no_event a{
	padding:0px !important
}

.ttdd .singleev li i{
	font-size:10px
}

.lnkk{
	margin: 9px;
    margin-top: 0;
    overflow: hidden;
}
td .nameday{
	color:inherit;
}
.ttdd .nameday{
	top:0px !important;
	text-align: left;
    left: 14px;
}

/* eb calendar module */
ul.eventsmall li {
    list-style: none;
    border-top: 1px solid #214865;
}

span.event-date span.month {
    background: #214865;
    border: 1px solid #214865;
}

span.event-date span.day {
    border: 1px solid #214865;
    color: #214865;
}

#extcalendar .eventdesc .location-name {
	background: url(../../../images/location.png) no-repeat left center;
}

table.eb_event_list td.eb_event
{
    line-height: 1.2rem;
    padding-bottom: 10px;
}
#adminForm textarea{
	width: calc(100% - 76px);
    height: 50px;
    border: 1px solid #dedede;
    box-shadow: none;
    border-radius: 5px;
    overflow-y: auto;
	overflow-x:hidden;
	resize: none;
}

.aconddiv select,
#adminForm select{
	width: 100%;
    height: 40px;
    border: 1px solid #dedede;
    box-shadow: none;
    border-radius: 5px;
    overflow: hidden;
}

.mini .mod_eb_mincalendar_table td{
	border:none;
}
.mini .mod_eb_mincalendar_table td{
	min-height:1px
}

.mini .mod_eb_mincalendar_table tr td:last-child{
	background:none
}
#adminForm .control-group.tpconditions fieldset,#adminForm .control-group.tpradio fieldset{padding-top:14px !important;padding-bottom:0px !important;}
.mini .ligne{
	float:left;
	width:100%;
	    overflow: visible;
}
.mini .cellule{
	float:left;
	-width:14.285%;
	height: 92.5px;
	position:relative;
	    min-height: 92.5px;
}
.mini .mod_eb_mincalendar_td_dayname{
	float:left;
	-width: 14.285%;
}

/*.mini .nosunday .mod_eb_mincalendar_td_dayname,.mini .nosunday .cellule{width: 16.666%;}*/

.frame table td.extcal_month_label,.frame table td.extcal_month_label,.frame .extcal_navbar td{ vertical-align: middle !important; -height: 65px;padding:0px}

/*.mini .noweekends .mod_eb_mincalendar_td_dayname,
.mini .noweekends .cellule{
	    -font-family: 'TypographExtraBold';
	-width:20%;
	-color:white;
	-text-transform:uppercase;
	-margin-bottom:16px;
}*/

.mini .nblargeur1 .mod_eb_mincalendar_td_dayname,.mini .nblargeur1 .cellule{
	width:100%
}
.mini .nblargeur2 .mod_eb_mincalendar_td_dayname,.mini .nblargeur2 .cellule{
	width:50%
}
.mini .nblargeur3 .mod_eb_mincalendar_td_dayname,.mini .nblargeur3 .cellule{
	width:33.333%
}
.mini .nblargeur4 .mod_eb_mincalendar_td_dayname,.mini .nblargeur4 .cellule{
	width:25%
}
.mini .nblargeur5 .mod_eb_mincalendar_td_dayname,.mini .nblargeur5 .cellule{
	width:20%
}
.mini .nblargeur6 .mod_eb_mincalendar_td_dayname,.mini .nblargeur6 .cellule{
	width:16.666%
}
.mini .nblargeur0 .mod_eb_mincalendar_td_dayname,.mini .nblargeur0 .cellule,
.mini .nblargeur7 .mod_eb_mincalendar_td_dayname,.mini .nblargeur7 .cellule{
	width:14.285%
}

.mini .mod_eb_mincalendar_td_dayname{
	  font-family: 'TypographBold';
	color:inherit;
	-text-transform:uppercase;
	padding-bottom:10px;
	border-bottom: 1px solid transparent;
}
.mini .cellule{font-family: 'TypographLight';
	color:inherit;}
.menu .active a{
	border-color:rgb(27, 41, 67)
}
.filarianne li a span{
	font-family: 'TypographExtraBold' !important;
	-text-transform:uppercase;
	font-size:14px;
	color:inherit;
}
.filarianne li a:hover span{text-decoration:underline}
.filarianne li.active span{font-size:14px}
.filarianne li:first-child{display:none}

.filarianne li.active span{    opacity: 0.75;
    font-style: italic;text-shadow:none;font-weight:bold;-text-transform:uppercase}
.mod_eb_minicalendar_link{color:inherit !important;text-decoration:none !important}
/*.singleev.nbevents{    background-color: rgba(0,0,0,0.1) !important;}*/
/*.singleev{transition:transform .2s;}*/
.singleev.nbevents .nameday{  
min-width:20px; 
   width: auto;
    height: 25px;
    border-radius: 25px;
    -background: white;
    color:inherit;
    line-height: 25px;
    margin: 0 auto;
    float: none;
    position: relative;
    top: 15px;
	    display: inline-block;
    padding: 0 3px;
	}
.singleev:hover{
	-transform:scale(1.1);
	-background-color:rgba(0,0,0,0.15) !important
}
.nbevents0 .singleev:hover{background:none !important}
.tablo .mod_eb_mincalendar_td_dayname{
	width:17.142%
}

.mini .ligne{
	margin-left:-7.5px;
	width:calc(100% + 15px)
}
.mini .sousligne{
	float: left;
	width: 100%;
	overflow:visible;
	border-radius:28px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2.5px;
	margin-bottom: 15px;
	-box-shadow:inset 4px 4px 8px rgba(0,0,0,0.3), inset -4px -4px 8px rgba(255,255,255,0.2)
}

.mini .ssevent{
	border-bottom:1.6px solid rgba(255,255,255,0.1);
		min-height:155.5px;
	float:left;
	width:calc(100% - 0px);
	text-align: left;
    padding:0px;
	position:relative;
	border-left: 0px solid #5fa261;
	-background:rgba(0,0,0,0.3);
	margin-top:0px;
	padding-bottom: 0;
}

.nothumb .ssevent{
	min-height:110px;
}
#calendar_result.rienslct{opacity:0.5}
.nothumb .ssevent .descrr{
	width: calc(100% - 55px) !important;
}
.ssevent .descrr{margin-bottom:50px;}
.ssevent.dsbld .descrr{
	margin-bottom:25px !important
}
.blk .mini .ssevent{border-bottom:1.6px solid rgba(0,0,0,0.1);}
.mini .ssevent:last-child{border:none}
.mini .sseventassocie .ssevent:last-child{    border-bottom: 1.6px solid rgba(255,255,255,0.1);}

.blk .mini .sseventassocie .ssevent {
    border-bottom: 1.6px solid rgba(0,0,0,0.1);
}

.mini .datebeforeday.ssevent{
	-background:rgba(0,0,0,0.5)
}
.ssevent.aprem{-border-top:3.2px dashed rgba(255,255,255,0.1);}
.mini .ssevent:first-child,.ssevent.aprem.nbap1{margin-top:0px !important}



.mini .singleev{
	display: block;
    width: 100%;
    overflow: hidden;
	    height: 100%;
}
.mini .inscrfilattente{
	margin-left: 2.5%;
    border-left: 1px solid #dedede;
    padding-left: 2% !important;
}
.mini .inscrr{
	clear:both
}
.mini .cellule .singleev.dsbld{
	pointer-events:none !important;
	background:none !important
}

.mini .cellule.actv .singleev{
	    -background: rgba(0,0,0,0.3) !important;
}

/*ssevent icon*/
.ssevent .fnt .addbasket::before{
	content:'\f055'
}
.ssevent .dsbldno .addbasket::before{
	content:'\f05e';
}
.ssevent .nodebinscr .addbasket::before{
	content:'\f017'
}
.ssevent .fnt.removeevent .addbasket::before,.ssevent .dsbld .addbasket::before{
	content:'\f05e';
}
.ssevent .fnt.actv .addbasket::before{
	content:'\f057'
}
.ssevent .fnt.dsbldno.waitt .addbasket::before{
	content:'\f055'
}


.ssevent .fnt i::before{
	color:#5aa45a;
}
.ssevent .fnt.removeevent i::before,.ssevent .fnt.dsbld i::before{
	color:#ce5a5a
}
.ssevent .fnt.dsbldno i::before{
	color:#9e9e9e;
}
.ssevent .fnt.dsbldno.waitt i::before{
	color:#c4b986;
}
.ssevent .fnt.dsbldno.waitt.actv i::before{
	color:#a0976e
}

.ssevent .fnt.dsbld,.ssevent .fnt.dsbldno{
	pointer-events:none;
}
.ssevent .fnt.dsbldno.waitt{
	pointer-events:auto
}

.ssevent.dsbld .descrr,.ssevent.dsbldno .descrr{
	margin-bottom:20px;
}

.ssevent .fnt .inscrr{
	display:block;
	clear: both
}
.ssevent .fnt.removeevent,.ssevent.datebeforeday .fnt{
	background-color:transparent;
	color:black !important;
	pointer-events:none;
}
.nomarl.datebeforeday,.datebeforeday .bulles,.datebeforeday .nameday{
	opacity:0.4
}
.form-horizontal .form-actions{
	padding: 0px !important;
    background: none;
    border: none;
	clear:both
}
.singleev.nbevents:hover,.mod_eb_mincalendar_today,.mod_eb_mincalendar_today.datebeforeday {
	-background:#efefef !important;
	opacity:1 !important
}
.cont,.bottomm{overflow:hidden}
.bottomm font{width:auto;float:left;height:31px;display:block;margin-left:5px;position:relative;}
.inptchk{
	
	 position: absolute;
    bottom:25px;
    right: 22.5px;
    width: auto;
    cursor: pointer;
    padding: 5.5px 15px;
    color: #fff;
 background:#5fa261 !important;

box-shadow: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.5);

border-radius: 30px;

border: 1.6px solid #74bf76 !important;
}
.inptchk.waitt{
	background:#C1B934 !important;
	border:1.6px solid #EEFF48 !important;
}
.inptchk:hover{ -opacity: 0.75;}
.inptchk:hover a{color:#EBECF0;}
.inptchk.actv{    color: white!important;
    background: red!important;
    border-color: red !important;}

	#calendar_result.encr .inptchk.actv{   display:none !important}

.ssevent.actv{    background: rgba(255,255,255,0.15) !important;}
.ssevent.actv .imag{
	    opacity: 0.5;
}

.addbasket{
	font-size: 13px !important;
	color: inherit !important;
    text-transform: uppercase;
    font-family: 'TypographExtraBold' !important;
	font-weight: bold;
}
.addbasket::before{
	font-family: 'FontAwesome';
	margin-right:7px;
	    font-weight: normal;
		font-size:15px;
		    position: relative;
    top: 1px;
}
#varevents2 .listatt{
	display:block;
	font-weight:bold;
	color:black;
	width:auto;
	padding:5px 10px;
	line-height:1em;
	margin-top:10px;
	border-radius:28px;
	padding-top: 0;
	-position:absolute;
	-top:-21px;
	-left:0;
	background:#C1B934 !important;
}
.dsbldno.waitt .addbasket::before{
	content:'\f017' !important;
}
.addbasket::after{
	content:'Ajouter';
}
.fnt.actv .addbasket::after{
	content:'Retirer';
}

.tablo .fnt{
	transition:transform .2s,opacity .2s;
}
.tablo .fnt.actv{
	opacity:0.75;
	transform:scale(0.95)
}
.tablo .inptchk{
	position: relative;
	top:0;
	left:0;
	right:0;
	width:auto;
	height:auto;
}
/*
.fnt::after{
	font-family: 'FontAwesome';
    font-size: 12.5px;
    color: white;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 4px;
    content: '\f055';
    font-weight: normal;
}
.fnt.nodebinscr::after,.fnt.butoir::after,.fnt.dsbld::after,.fnt.dsbldno::after{
	content:'\f05e'
}
.fnt.dsbldno.waitt::after
{
	content:'\f055'
}
.fnt.actv::after{
	content:'\f058'
}*/
.ssevent.activat{
 box-shadow: 0px 0px 10px #dedede;
}
.fil{z-index:999;height:63px;}
#varevents2{
	
	float: left;
    -width: calc(50% - 126px);
    margin: 0px;
    -position: fixed;
    z-index: 1;
    -background-color: inherit;
    position: absolute;
	-padding:21px 84px;
	-padding-left:42px;
	height:auto;
	min-height:calc(100vh - 42px);
	max-height: calc(100vh - 42px);
	display:block !important;
	overflow:hidden;
	overflow-y:auto;

	width: calc(50% - 142px);
    padding: 21px 32px;
    padding-right: 57px;
    padding-left: 0px;
    margin-left: 125px;
	
}
.torgt #registerformu{ 
	padding-right:42px !important;
	padding-left:84px !important;
}

.torgt #varevents2{padding: 21px 38px;
    padding-left: 62px;z-index:2}
#eb-calendar-page .torgt .calendrierfully{
	    padding-right: 75px;
    padding-left: 101px;
    width: calc(50% - 136px);
}

.frame #varevents2 {-min-height:calc(100vh - 192px);}
.drr a{
	color:inherit;
}
.slctcreneaux{
padding:15px;
margin:10px 0;
background:#666;
overflow:hidden;
border-radius:10px;
}
.form-horizontal .controls {
    position: relative !important;
}
.formError{
	display:none !important
}
.emailformError {display:block !important;left:inherit !important;right:25px !important}
.aconddiv .fieldd.vide,#adminForm .fieldd.vide{
	-border-color:red !important;
	-box-shadow: 0px 0px 2.6px red !important;
}

/*
.nostyles .aconddiv .fieldd.vide,.nostyles #adminForm .fieldd.vide,.nostyles .cgconditions input.vide{
	border-color:red !important;
	box-shadow: none  !important;
}*/

.nostyles .control-group textarea{
	border-radius:0px !important;
	background:white !important;
	box-shadow:none !important;
	border-bottom:1.6px solid #666 !important;
}
.dark .nostyles .control-group textarea{
	border-radius:0px !important;
	background:none !important;
	box-shadow:none !important;
	border-bottom:1.6px solid #666 !important;
}

 .aconddiv input[type=checkbox].fieldd.vide, #adminForm input[type=checkbox].fieldd.vide,.cgconditions input.vide,
 .aconddiv input[type=radio].fieldd.vide, #adminForm input[type=radio].fieldd.vide{

	box-shadow: 0px 0px 5px red !important;
}


#resultatregisterformu{
	padding:15px;
	margin:20px 0;
	background:green;
	color:white;
	overflow:hidden;
	border-radius:10px;
	margin-top:0px;
	}
#varevents2 .suppr{
position: absolute;
right: -11px;
top: -11px;
cursor:pointer
}

#varevents2 .dateevt{
    display: inline-block;
    -position: absolute;
    -right: 20px;
	-top:12.5px;
    -font-family: 'TypoGraphExtraBold';
}
#varevents2 .suppr i{
       font-size: 21px !important;
    color: red;
    -background: white;
    border-radius: 50px;
	transition:color .2s
}
#varevents2 .suppr:hover i{color:red;}

#varevents2 .descrr{
	float:left
}
.item-249,.item-252,.nav-child{
	display:none
}
#eb-calendar-page .eb-description{
	margin:40px 0;
	position:relative;
	margin-top:0px;
	text-align:left;
	line-height:1.5em;
	font-size:15px;
	margin-left: 10px;
	min-height:60px
}
.cntb .eb-page-heading,.scll .eb-page-heading{
	font-size: 26px;
    line-height: 28px;
    text-align: center;
    /* font-size: 1.75em !important; */
    margin-bottom: 25px !important;
    margin-top: 0px;
    text-shadow: none !important;
    -letter-spacing: 0.5px;
	font-family: 'TypographExtraBold';
	max-width: 90%;
	margin: 0 auto;
	color:inherit;
}
#eb-calendar-page .eb-description.hasimg{
	margin-top: -100px;
    z-index: 9999;
    background-color: inherit;
}

#eb-calendar-page .eb-description::after{
	right:20px;bottom:20px;top:inherit;
	content:'\f0d7';
	-display:none;
}

/*.singleev.nbevents:active .nameday,*/
#prev_week:active, #next_week:active, #prev_month:active, #next_month:active, #eb-calendar-page .eb-description.vald::after, .legends.toggled::after {
    box-shadow: 2px 2px 4px rgba(255,255,255,0.15), -2px -2px 4px rgba(0,0,0,0.2),inset 2px 2px 6px rgba(0,0,0,0.1), inset -2px -2px 6px rgba(255,255,255,0.5) !important;
}

#eb-calendar-page .formsanscalendar .eb-description::after{display:none !important}
#eb-calendar-page .eb-description.vald::after{
	content:'\f0d8'
}

#eb-calendar-page .eb-description.vald.nbxcar::after{display:none !important}
#eb-calendar-page .eb-description a{font-family:'TypographExtraBold' !important}
.ssdsc{max-width:95%}
.btn-canc,#effacer,#valid,#prevalid,#backvalid{
	-webkit-appearance: none;
	font-family:'TypographExtraBold';
	width: 100%;
padding: 16px 0;
font-size: 14px;
text-transform: uppercase;
background: none;
color: #666;
cursor:pointer;
text-shadow: none;
transition:box-shadow .4s;
border: 0px solid #dedede;
font-weight: normal;
box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgb(255,255,255,0.25), 5px 5px 20px rgba(0, 0, 0,0.125) !important;
}


#varevents2 img{
	width:75px;
	height:75px;
	object-fit:cover;
	float:left;
	margin-right:15px;
	border-radius: 7px;
}
.lnk{
	position: relative;
    overflow: hidden;
    -background: #efefef;
    -border: 5px solid #dedede;
	-border-top: 0px solid white;
	height:80px;
	-border-radius: 10px;
}

#menutoggle .mnu {
    height: 100%;
    width: 80px;
	overflow: visible;
	-box-shadow:5px 5px 10px rgba(0,0,0,0.25), -5px -5px 10px rgba(255,255,255,0.1) !important;
    float: right;
    margin-right: 0px;
    border-radius: 280px;
    -background: black;
    -webkit-transition: border-radius 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: border-radius 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: border-radius 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    transition: border-radius 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
}

/*.ttdd .lnk:last-child,.ttdd .lnkk:last-child{
	-border-bottom:0px !important
}*/

.trr{
	-border-left:4px solid #dedede;
	-border-right:4px solid #dedede;
    float: left;
    width: calc(100%);
	-background:#dedede
}
tr.mod_eb_mincalendar_dayname{
	float: left;
    width: 100%;
}
.trr.activate{
	float:unset;
	width:auto;
	display:table-row;
}
.lnk .bulles{
	top: inherit;
    bottom: 17.5px !important;
    height: 18px;
    right: inherit;
    left: inherit !important;
    width: 100% !important;
}
.lnk img{
	height:100%;
	object-fit:cover;
	width: 36px;
	position:absolute;
	top:0;
	left:0px
}

#menutoggle.ouvert .mnu {
    height: 100%;
    width: 190px;
    overflow: visible;
    float: none;
    margin-right: 0px;
    border-radius: 0px;
    -background: none;
    padding: 0 30px;
    padding-left: 50px;
}

#menutoggle .mnu .logomenu {
    opacity: 0;
    pointer-events: none;
}

#menutoggle .logomenu {
    max-width: 300% !important;
}

.tablo .ttdd.activate{
	transition:width .2s ease-out;
	position: absolute;
    top: 45px;
    left: 4px;
    width: calc(100% - 8px) !important;
    height: 100% !important;
    z-index: 99;
    background: #efefef;
}
.tablo .ttdd.activate .lnk{
	min-height: 100% !important;
}
.tablo .ttdd.activate .fnt{
	height:auto !important;
	margin-bottom:7.5px;
	padding-bottom: 15px;
}
.tablo .ttdd.activate .fnt img{
	display:block !important;
	width:160px !important;
}
.tablo .ttdd.activate .fnt .descrr{
	padding-left:15px !important;
	padding-top:15px
}
.tablo .ttdd.activate .fnt .descrr strong,
.tablo .ttdd.activate .fnt .descrr .hours{
	margin-left:0px !important;
	font-size: 1.25em !important;
    margin: 5px 0;
}
.tablo .ttdd.activate .fnt .descrr .hours{
	font-size:13px !important;
	padding-bottom:10px !important
}

.tablo .ttdd.activate .fnt span,.tablo .ttdd.activate .fnt font{
	text-align:left !important;
}
.ttdd .fnt{
	overflow:hidden;
	position: relative;
	height:100%;
	background:#5fa261;
	color:white;
	min-height:36px;
	margin-bottom: 6px;
	-border-bottom: 3px dashed #4a794c;
	-border-radius: 5px;
}
.tablo.noweekends .mod_eb_mincalendar_td_dayname,
.tablo.noweekends tr td{
width:20% !important;
color:white;
}
.ttdd .fnt:last-child{
	border-bottom:none !important;
}
.lnk .singleev{
	padding:0
}
.tablo .Samedi,.tablo .Dimanche,.ttdd.saturday,.ttdd.sunday{
	width:7.1425%
}
.trri{
    color: black;
    font-weight: bold;
    font-size: 15px;
	cursor: pointer;
	position: absolute;
	margin-left: -14px;
	margin-top:12px;
    z-index: 9; 
}
.ttdd a{
	color:white
}
.ttdd .categlieux{
	-display:none !important
}
.ttdd .descrr{
	padding:5px 7px;
	overflow: hidden;
    width: 87.5%;
}
.ttdd strong{
	font-size:12px;
	line-height:1.25em;
	text-transform: uppercase;
    -width: 200%;
    display: block;
	text-align: left;
	-margin-left: 36px;
	margin-bottom:3px;
}
.ttdd .descrr font{
	margin:0;
	float:none !important;
	padding: 0px !important;
    border: none !important;
}
.ttdd .categlieux{
	margin-bottom: 2px !important;
    overflow: hidden;
}
.ttdd .descrr p{
	display:none !important
}
.ttdd .fnt.dsbld{
	background:#bb4f4f;
	color:white;
}
.ttdd .singleev{
	padding:0px !important;
	-background:#efefef;
	border: none;
    -border-top: 0px solid white;
}
.calendrier table tbody{
	display:block;
	position:relative;
	-background:#dedede;
	overflow: visible;
	-padding-bottom: 0.25em;
	padding-bottom: 25px !important;

padding-top: 0px !important;
}
table td #next_year,table td #prev_year{
	visibility:hidden
}
.calendrierapp table tbody{
	display:block;
	position:relative;
}
.calendrierapp #varevents2{
	float: left;
    width: calc(100% - 40px);
    margin-top: 0;
    margin-left: 0;
    padding: 20px;
    margin: 0px;
    padding-bottom: 0px;
    background: #efefef;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 20px;
}
.calendrierapp #varevents2 li{
	float: left;
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    clear: none;
    border-bottom: 1px dashed grey;
    padding-bottom: 15px;
}
.calendrierapp #varevents2 li:last-child{
	border:none
}
.calendrierapp #varevents2 li input{
	position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
    height: 19px;
    width: 19px;
    background: red;
    border: none;
    border-radius: 19px;
    color: white;
    font-weight: bold;
	font-size: 15px;
	outline:none;
}
.calendrierapp #varevents2 img{
	width:57px;
	height:57px;
	border-radius:57px
}
/*.ttdd .fnt .descrr{
	border-left: 3px dashed #4a794c;
}
.ttdd .fnt.dsbld .descrr{
	border-left: 3px dashed #ad2025;
}
.ttdd .fnt.dsbld{
	border-bottom: 3px dashed #ad2025;
}
.ttdd .fnt.dsbldno .descrr{
	border-left: 3px dashed #666;
}
.ttdd .fnt.dsbldno{
	border-bottom: 3px dashed #666;
}
.ttdd .fnt.waitt .descrr{
	border-left: 3px dashed #b17200;
}
.ttdd .fnt.waitt{
	border-bottom: 3px dashed #b17200;
}
.ttdd .hours{
	margin-bottom:15px !important;
}*/
#legende li{
	border-radius:5px;
	margin:5px 0;
	color:inherit;
	line-height:15px;
	font-weight:normal
}
#legende{-webkit-appearance:none !important;pointer-events:none}
#legende li{-webkit-appearance:none !important}

.ssevent.dsbldno{
	-border-left-color:#cc9b53;
}
.ssevent.waitt{
	-border-left-color:#C1B934;
}
.ssevent.butoir,.ssevent.nodebinscr{
	-border-left-color:#999;
}
.ssevent.dsbld{
	-border-left-color:#ce5a5a
}

.ssevent.dsbldno::after{background:#cc9b53;opacity:0.25;content:'';display:block;position:absolute;top:0;left:0;width: calc(27.5% - 0px);height: 100%;}

.ssevent.dsbld::after{background:#ce5a5a;opacity:0.25;content:'';display:block;position:absolute;top:0;left:0;width: calc(27.5% - 0px);height: 100%;}

.ssevent.waitt::after{background:#C1B934;opacity:0.25;content:'';display:block;position:absolute;top:0;left:0;width: calc(27.5% - 0px);height: 100%;}

.ssevent.nodebinscr::after,.ssevent.butoir::after{background:#999;opacity:0.25;content:'';display:block;position:absolute;top:0;left:0;width: calc(27.5% - 0px);height: 100%;}

.ssevent.dsbldno .imag,.ssevent.dsbld .imag,.ssevent.waitt .imag{
	filter: grayscale(1);
}

.ttdd .fnt.dsbldno,#legende li.attente{
	border-color:#cc9b53;
}
.ttdd .fnt.waitt,#legende li.listattente{
	border-color:#C1B934;
	-color:black !important
}
.ttdd .fnt.waitt a,.ttdd .fnt.waitt::after{
	color:black !important
}
#legende li.dispo{
	border-color:#5fa261;
}
.ttdd .fnt.butoir,.ttdd .fnt.nodebinscr,#legende li.datedepasse{
	border-color:#999;
}

#varevents2 .descrii {
	float:left;
	width:72.5%;
	margin-left:0px;
	display:block;
}
#varevents2 .descrii .inscrr,
#varevents2 .descrii .inscrfilattente,
#varevents2 .descrii .inscrattente{
	display:none
}

#varevents2 li{
	margin-bottom:15px !important;
}
#varevents2 p.descriptiff{
	display:none
}
#adminForm textarea{outline:none}
.ssevent .imag{
	border-radius:28px;
	border:5px solid white;
	float: left;
    width: 105px;
    height: 105px;
	position:absolute;
	top:20px;
	left:25px;
	background-size:cover;
	background-position:center;
	background-color:#EBECF0;
	z-index:-1;
}
.nothumb .ssevent .imag{display:none}
.cellule{-cursor:pointer}
.nbevents0{cursor:default}
.ssevent .descrr {
	    color: inherit;
	width:calc(100% - 190px);
	float:right;
	margin-right:25px;
	margin-top:20px;
	margin-bottom:50px;
	-height:102.5px;
	display:block !important
}

.ssevent.nodebinscr .imag,.ssevent.butoir .imag{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
/*.ssevent.dsbldno .descrr, .ssevent.dsbld .descrr {
width:calc(100% - 170px);
}*/
.ssevent .descrr .hours,.ssevent .descrr .lieux a {
	color: inherit;
}
.ssevent .descrr span{font-weight:bold}
.singleev li{
	width:auto;
	display:block;
	float:left;
	text-align:center;
	width:16px;
	height:18px;
}
.singleev li i,.ssevent span i{
	font-size:14px;
	color:#4CAF50;
	    -color: white !important;
}

.materialize .singleev li i,.materialize .ssevent span i{
	font-size:11px !important;
	color:#4CAF50;
	    -color: white !important;
}
.materialize .fa{
	-font:normal normal normal 8px/1 FontAwesome !important
}

.materialize .singleev li{
	width:11px
}
.info.error strong { font-family: 'TypographBold' !important;font-weight:bold;}
.info.error{   background:#ce5a5a;color:white;font-size:15px;padding:15px;border-radius:0px;margin:15px;display:block;width:calc(100% - 60px);}
.bullecol i{color:#5fa261 !important;}
.bullecol i::before{content:'\f055'}

.bullecolwaitt i::before{content:'\f017'}
.bullecoldsbld i{color:#ce5a5a !important}
.bullecol.opacit i::before,.bullecoldsbldno i::before,.bullecoldsbld i::before{content:'\f05e'}

.bullecoldsbldno i{color:#cc9b53 !important}
.bullecolwaitt i{color:#C1B934 !important}
#registerformu.seuls{width:calc(100% - 200px) !important}
.calendrierfully.seuls{width:calc(100% - 200px) !important}
.bullecol.opacit i{color:#999 !important}
.singleev ul{
	width:auto;
	text-align:center;
	margin:0 auto;
	display:inline-block;
}

.frame.notonly .icus{
	left:13px !important
}
.frame.notonly .darked{
	left:8px !important
}
.bulles .bullei i{color:inherit !important}
.basket.hidering::before{content:'' !important}
.basket.hidering i{
	display:none !important
}
.bubble{
	float: left;
    clear: both;
}
.mini .ligne{
	overflow:visible;
	-height:92.5px;
	-border-bottom: 1.6px solid rgba(0,0,0,0.125);
}
.mini .ligne.bis{
	background-color:#efefef
}
.mini .bulles{
	position:absolute;
	bottom: 15px;
   left: 0px;
	text-align:center;
	width:100%
}
.mini .bulles li{
	list-style:none
}
.extcal_minical .extcal_navbar{
	background:none;
	border:none;
	    -border-bottom: 2px dashed rgba(255,255,255,0.5);
    -margin-bottom: 25px;
	    -margin-top: 15px;
	-background-color:rgba(0,0,0,0.2);
	
}
.recurreventlink,.nbevents{
	-cursor:pointer
}
.singleev{
	padding:15px 0
}

.ssevent .morre{
	float: right;
	position:relative;
	margin-left: 2.5%;
	padding:5px 15px;
	background:#555;
	color:white;
	top:2.5px
}
.dapp .morre{
	border-top-left-radius:7px;
	border-top-right-radius:7px;

}
.mini .calendrier{
	float:left;
	width:100% !important
}
.calendrierapp{
	float:left;
	width:100%
}

.mini .descrr font{
	display:block;
	float:left;
	line-height:1;
	width:85%;
	font-size: 15px;
	padding:0;
	text-align: left;
}
.sseventassocie{
	    /* opacity: 0.5; */
		-background-color: rgba(0,0,0,0.15);
		/* overflow: hidden; */
		display: block;
		float: left;
		width: 100%;
}
.sseventassocie .ssevent .imag{
	-width:65px;
	-height:65px;
}
#varevents2 .imag{
	display:none
}
.sseventassocie .ssevent .descrr{
	-width: calc(100% - 150px);
	-margin-bottom:10px !important
}
#varevents2 .sseventassocie .ssevent .descrr{
	margin-bottom:10px !important
}
#varevents2 .sseventassocie .ssevent .descrr{
	width:100%
}
.sseventassocie .ssevent{-min-height:115px;position:relative}
.sseventassocie .ssevent::before{
	content: '\f0c1';
	display:block;
	font-size:15px;
	color:inherit;
	position:absolute;
	top:42.5%;
	right:25px;
	font-family:'FontAwesome'
}
#varevents2 .sseventassocie .ssevent{min-height:100px;background:none !important}
#varevents2 .sseventassocie .ssevent::before{right:10px}

.mini .descrr font.inscrr{    margin-top: 7.5px;}
.mini .descrr .hours{
	width:100%;
	float:left;
	margin-right:2.5%;
	padding-right:2.5%;
	-border-right:1.6px solid #dedede;
	color: inherit;
	clear:both;
	display:block;
       margin-top: 0px;
    margin-bottom: 10px;
}
.mini .descrr .hours span{-font-size:16px !important;}
.ttdd .hours{
	text-align: left;
	font-size:11px !important;
	line-height:13px;
	opacity:0.75;
	-margin-left: 36px !important;
}
.ssevent strong{
	line-height: 1;
	font-size:15px;
	width:100%;
	display:block;
	font-weight:400;
	padding-bottom:9px;
}
.ssevent .descrr .hours, .ssevent .descrr .lieux a span,.ssevent .descrr .hours span{
	font-size:15px;
	font-weight: normal !important;
	font-family: 'TypographBold' !important;
}
.bloqueractv{display:none !important}
.ssevent .descrr font.categlieux span a,.ssevent .descrr font.categlieux span,.ssevent strong{
	white-space: nowrap;
display:block;width:90%;
text-overflow: ellipsis;overflow:hidden;
}
.ssevent strong span{font-family: 'TypographExtraBold';}
.mini p.descriptiff{
	font-weight:normal !important;
	clear: both;
	float:left;
	position: relative;
	display:none !important;
	font-size:15px;
	margin-left: 0px !important;
	margin-bottom:0px;
}/*
.mini .cellule.saturday,.mini .cellule.sunday{
	background:rgba(255,255,255,0.125) !important
}*/
/*
.mini .cellule.actv::after{
	content:'';
	position:absolute;
	z-index:2;
	-width:24px;
	-height:24px;
	width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-top: 15px solid rgba(0,0,0,0.2) !important;
	    
	-transform: rotate(45deg);
	margin-top: 0px;
	margin-left: -15px;
}*/
/*.actv .nameday{color:rgba(0,0,0,0.565)}*/
.ssevent .selectionnate,
.calendrierapp .suppr{
	position: absolute;
	top:16px;
	right:20px;
	font-size:22.5px
}
.ssevent.blq{
	background: rgba(255,255,255,0.15);
}
.ssevent .bottomm{
	overflow: visible;
	    
    -width: calc(72% - 40px);
    padding: 0px;
    -border-top: 1px solid #555;
    margin: 0;
    padding-top: 0px;
    -border-radius: 60px;
    margin-right: 20px;
    position: relative;
    bottom: 25px;
    -right: 0px;
   -width: 100%;
	
}/*
.cellule.actv::after{
	content:'';
	display:block;
	
	pointer-events:none;
	
	position:absolute;
	left:50%;
	bottom:-15px;
	
	margin-left:-15px;
	   
    z-index: 9;
	 width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-top: 15px solid rgba(0,0,0,0.3);

}*/

.ssevent.dsbld{
	opacity: 0.5;
}
.ssevent.dsbld::before,.ssevent.dsbldno::before{
	content:'\f05e' !important;
	display:block;
	position:absolute;
	right:25px;
	top:50%;
	margin-top:-10px;
	font-size:20px;
	line-height:10px;
	height:20px;
	width:20px;
	color:red;
	font-family:'FontAwesome';
}

.ssevent.dsbldno.nodebinscr::before,.bullecoldsbldno.bullecolnodebinscr i{
	
	color:grey !important;
}

.datedi,.datere{
	margin-bottom:12.5px !important;font-weight:bold !important;
	font-family:'TypographExtraBold' !important;
	color:grey !important
}
.datere{
	display:none !important;
	color:white !important;
}
.ssevent.dsbldno.butoir::before{
	
	color:#cc9b53 !important;
}

.ssevent .bottomm.rrg{
	-right: 127.5px;
	left: 159px;
	-left: inherit;
	position: absolute;
}
.bottomm font{
	float:right
}

.nothumb .ssevent .bottomm.rrg{
	left:25px;
	right: inherit;
	position:relative;
}

.nothumb .cals{
	left:0px;
	position:relative;
}

.nothumb .bottomm font{
	float:left
}

.ssevent .bottomm a{
	background:none;
	padding: 5px 15px;
	color:inherit !important;
	font-weight:bold;
	text-transform:uppercase;
	float:right;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.75);
transition: box-shadow .2s;
border-radius: 30px;
border: 1.6px solid rgba(255,255,255,0.05) !important;
margin-right: 5px;
}
.crassocie{
	box-shadow: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.75);
	border: 1.6px solid rgba(255,255,255,0.05) !important;
}
.calendrierfully .eb-description .dsc{
	max-width: 90%;
}

.ssevent .bottomm a span{display:none}
.inptchk:hover,.inptchk:focus,.ssevent .bottomm a:hover,.ssevent .bottomm a:focus{box-shadow:none;-opacity:0.75;}


.inptchk:active,.ssevent .bottomm a:active{
	box-shadow:2px 2px 4px rgba(255,255,255,0.15), -2px -2px 4px rgba(0,0,0,0.2),inset 2px 2px 6px rgba(0,0,0,0.375), inset -2px -2px 6px rgba(255,255,255,0.125) !important
}

.ssevent .bottomm a:last-child{-border-right:0px solid white !important}


.ssevent .bottomm a i{
	-margin-right:5px;
	font-size: 15px !important;
}
.cellule.nbevents0.actv::after{
	display:none
}
/*
.mini .opacit{
	opacity:0.5
}*/
.datebeforeday.ssevent{opacity:0.4}
/*.mini .actv .bulles i{color:rgba(0,0,0,0.565) !important}*/
.mini #bgview{
	background-color:rgba(0,0,0,0.5);
	z-index:2;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.mod_eb_mincalendar_dayname{    margin-bottom: 15px;
	-border-bottom: 1px solid rgba(255,255,255,0.5);-border-color:inherit;
	}
td.rgg,td.lff{margin:0px;-display:none}
/*.mini #view{
	position:absolute;
	top:10%;
	left:50%;
	width:900px;
	height:auto;
	margin-left:-450px;
	z-index:3;
	background:white;
	color: black;
	border-radius: 15px;
    overflow: hidden;
}*/


.control-label .star{
	color:red;
	position:absolute;
	font-size:20px;
	    font-weight: normal;
}
.mini #lieux{
		color:inherit;
	border:none;
	overflow-x:hidden;
	overflow-y:auto;
	outline:none;
	width: 100%;
	font-size: 15px;
	/*-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       
    */
   /*background-image: url(...);*/
}


.mini #souscategories,.mini #lieux{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;font-family:'TypographBold';color:inherit !important}


.mini .leslieux .lieux,.mini .souscategories strong{
	font-size:20px !important;
	font-family:'TypographExtraBold'
}

.mini .leslieux .lieux font,.mini .souscategories font{
	font-family:'TypographBold' !important;font-weight:normal !important
}
.mini #legende,.mini #souscategories{
	border: none;
	color: inherit;
    outline: none;
	width: 100%;
	font-size: 15px;
	font-family:'TypographBold'
}
span u {
    font-family: "TypographBold" !important;
    -margin-top: 9px;
    display: block;
    font-size: 12px;
    -opacity: 0.75 !important;
}
.dsc u {
    margin-top: 5px !important;
    display: block;
    font-size: 13px;
}
#legende li{
	    margin-bottom: 9px;
	border-radius:0px;
	border-left:0px solid #dedede;
	font-size:15px;
	    padding-left: 30px;
	position:relative;
	    font-family: 'TypographBold';
}
.mini #legende li::before,.mini #lieux li::before{
	 content:'\f111';
	 font-family:'FontAwesome';
	 font-size:15px;
	 margin-right:10px;
	 position:absolute;
	 top:1px;
	 left:5px
}

.descrii span,.descrii strong{
	display:block;
	width:auto;
	float:left;
	color:inherit;
}
#varevents2 .categlieux{
	    -clear: none;margin-top:5px;
}
#varevents2 .hours{
	       -margin-right: 15px;
	    clear: none;
    display: inline-block;
    float: left;
    width: auto;
}


#varevents2 strong{font-family:'TypographBold' !important;
	font-weight:normal !important}

	#varevents2 .dateevt,#varevents2 .hours span{font-family:'TypographExtraBold' !important;
		font-weight:bold !important
	}
#varevents2 .dateevt::before{margin-right:5px;content:'Le :';}
#varevents2 .dateevt::after{margin-left:5px;content:'à';}
#varevents2 .separateur{padding:0 2.5px}
#varevents2 strong span{    -white-space: nowrap;
	font-weight:bold;
    -text-overflow: ellipsis;
    -overflow: hidden;font-size:15px !important;font-family:'TypographExtraBold' !important}
.sseventslct{display:none !important}
#varevents2 .favoriscalendar,#varevents2 .directionss{display:none}
#varevents2 li{
	-background: #dedede;
    -box-shadow: 0 1px 2px hsla(0,0%,0%,0.25);
	overflow: visible;
	float:left;
	width:calc(100% - 80px);
	position:relative;
	padding: 20px 20px;
	margin:0 20px;
    -background: #666;
    -border-radius: 5px;
	box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgba(255, 255, 255, 0.33), 5px 5px 20px rgba(0, 0, 0,0.1) !important;
	border-radius:28px
}
#varevents2 li input{
	position:absolute;
	right:0;
	top:0
}
#varevents2 li .descrii{
	float:left;
	width:calc(100% - 17.5px);
	color: inherit;
}

#field_conditionnal,.champcondition{
	height:0px;
	width:0px;
	margin:0px !important;
	overflow:hidden
}

.ttdd .categlieux span,.ttdd .inscrr,.ttdd .inscrfilattente{
	display:none !important
}

/*
.mini .archive{
	filter:grayscale(100)
}

.mini .menu ul.menu,.mini .menu{
	width:100%;
	float:left;
	position:relative
}
.mini .menu li{
	float:left;
	margin:0 20px;
	text-align:center;
	display: block;
	width:auto;
	font-size:15px;
	text-transform:uppercase;
	color:black;
	font-weight:bold;
}
.mini .menu li a{
	width:auto;
	color:black;
	padding:10px 5px;
	background:none !important;
	text-decoration:none;
}
.mini .breadcrumb,.mini .menu li ul{
	display:none
}
.mini .menu li ul{
	position:absolute;
	padding:0;
	margin:0;
	background:white
}
.mini .menu li ul li{
	float:left;
	clear:both;
	display:block;
	margin:5px 0;
	padding:0
}*/

.souscategories,#adminForm{
	margin:18px 0;
}
#adminForm{background:none}
/*
.mini .item-101.default{
	margin-left:0px
}
.mini .item-101.default a{
	padding-left:0px
}*/
/*
#registerformu{
	overflow: hidden;
	float: left;
	width:100%;
	padding: 15px 0;
}*/
#registerformu .preinsctitle{
	clear:both;
	margin-top:30px !important
}
#login-form{
	position: absolute;
    right: 0;
}
#adminForm input[type="tel"],#adminForm input[type="password"],#adminForm input[type="date"],#adminForm input[type="datetime-local"],#adminForm input[type="email"],#adminForm input[type="text"],#adminForm input[type="number"]{
	width:97.5% !important
}

#varevents2 span{     font-family: 'TypographBold' !important;   -font-weight: bold;font-size: 15px;}
#varevents2 .dateevt{    font-size: 15px;font-weight:bold;
    padding-right: 5px;}
.descrr .lieux a,.descrii .lieux a{color:inherit;text-decoration: none !important;}
.descrr .lieux,.descrii .lieux{
	opacity:0.5;
	font-size: 15px;
	-font-style:italic;
    float: left;
    clear: both;
    -line-height: 1em;
	-margin-top: 3px;
	pointer-events:none;
}#varevents2 li:last-child{
	-margin-bottom:0px !important
	}
	.bullei i::before{content:'' !important}
.texteacc .custom{
	background: #efefef;
    border-radius: 15px;
    overflow: hidden;
	margin: 7px;
	padding: 0 15px;
}
.mod_eb_mincalendar_table {
    font-family: 'TypographBold';
    font-size: 12px;
    font-style: normal;
    margin-bottom: 0;
	text-align: center;
	overflow:visible;
    text-decoration: none;
    width: 100% !important;
}
.eb-container {
    text-align: left;
}
.mod_eb_mincalendar_dayname {
    font-family: 'TypographBold';
    font-size: 15px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
}

.bottomm span,.morre{    -text-decoration: none;font-size: 13px;text-decoration:none;font-family: 'TypographExtraBold';}


html,body{padding:0;margin:0;overflow:hidden}

html.seul,.seul body{
	overflow:auto;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}
body.wsite {
	margin: 0;
	color: #000;
	background-color: #EBECF0;
}
.wsite a {
	color: inherit;
	text-decoration: none;
}
.wsite a:hover,
.wsite a:focus {
	color: inherit;
	text-decoration: underline;
}

.container {
	margin-right: auto;
	margin-left: auto;
	*zoom: 1;
}
.wsite h1,#adminForm h1,
.wsite h2,#adminForm h2,
.wsite h3,#adminForm h3,
.wsite h4,#adminForm h4,
.wsite h5,#adminForm h5,
.wsite h6,#adminForm h6 {
	margin: 9px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 18px;
	color: inherit;
	text-rendering: optimizelegibility;
}
.wsite h1,#adminForm h1,
.wsite h2,#adminForm h2,
.wsite h3,#adminForm h3 {
	line-height: 36px;
}
.wsite h1,#adminForm h1 {
	font-size: 35.75px;
}
.wsite h2,#adminForm h2 {
	font-size: 29.25px;
}
.wsite h3,#adminForm h3 {
	font-size: 22.75px;
}
.wsite h4,#adminForm h4 {
	font-size: 16.25px;
}
.wsite h5,#adminForm h5 {
	font-size: 13px;
}
.wsite h6,#adminForm h6 {
	font-size: 11.05px;
}
ul,
ol {
	padding: 0;
	margin: 0px;
}
li {list-style:none;
	line-height: 18px;
}
#adminForm {
	margin: 0px !important;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
legend small {
	font-size: 13.5px;
	color: #999;
}
label {
	cursor:pointer;
	display: block;
	margin-bottom: 8px;
	line-height:1.25em;
}

fieldset label{
	margin-bottom:0px
}

.wsite [class^="icon-"],
.wsite [class*=" icon-"],
#adminForm [class^="icon-"],
#adminForm [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}
body.wsite .container {
	max-width: 960px;
}
body.wsite .container {
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
.well .page-header {
	margin: 0px 0px 5px 0px;
}
.wsite h1,#adminForm h1,
.wsite h2,#adminForm h2,
.wsite h3,#adminForm h3,
.wsite h4,#adminForm h4,
.wsite h5,#adminForm h5,
.wsite h6,#adminForm h6 {
	margin: 12px 0;
	word-wrap: break-word;
}
.wsite h1,#adminForm h1 {
	font-size: 26px;
	line-height: 28px;
}
.wsite h2,#adminForm h2 {
	font-size: 22px;
	line-height: 24px;
}
.wsite h3,#adminForm h3 {
	font-size: 20px;
	line-height: 20px;
}
.wsite h4,#adminForm h4 {
	font-size: 14px;
	line-height: 16px;
}
.wsite h5,#adminForm h5 {
	font-size: 13px;
	line-height: 15px;
}
.wsite h6,#adminForm h6 {
	font-size: 12px;
	line-height: 14px;
}
.module-header {
	padding-bottom: 17px;
	margin: 20px 0 18px 0;
	border-bottom: 1px solid #eeeeee;
}
.wsite p,#adminForm p {
	word-wrap: break-word;
}


.wsite .header .user{
    position: fixed;
    top: 17.5px;
    right: 100px;
}

.elForm{
	overflow:hidden;
	clear:both;
	width:100%;
	position:relative;
	float:left;
	margin:10px 0
}
.elRadio{
	display:inline-block
}
.notif{
	position:fixed;
	color:black;
	z-index:9999999999999999999;
	transition:transform .5s ease-in-out;
}
.notif .ssnotif{
	background:#dedede;
	padding:10px 20px;
	border-radius:28px;
	box-shadow:10px 10px 15px hsla(0,0%,0%,0.25);
	max-width:450px;
	margin: 10px 0;
}
.notif.error .ssnotif{
	background:red;
	color:white !important;
	}
	.notif.valid .ssnotif{
		background:green;
		color:white !important
	}
.notif.topright{
	top:19px;
	right:85px;
	transform:translate3d(300%,0px,0px)
}
.notif h2{
	font-family: 'TypographExtraBold';
	font-weight:bold;
	font-size:17px;
	margin-top:5px;
}
.notif.bottomright{
	bottom:19px;
	right:19px;
	max-width: calc(100% - 38px);
	transform:translate3d(300%,0px,0px)
}

.notif.showing{
	transform:translate3d(0px,0px,0px)
}


#eb-event-search,#dp-event-information-content-details-data-calendar,#dp-event-information-content-details-data-author,
.eb-event-price-container.btn-primary,
#eb-event-info .eb-taskbar,
#eb-event-info .eb-notice-message,
#eb-event-info .actions-col {
	-display:none
}

#adminForm .control-group.tpcheckboxes .nav{
	display: inline-block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

#adminForm .control-group.tpradio .nav{
	width:auto;
	display:block;
	margin-right:15px;
}
#menutoggle .current.active span{
	font-family: 'TypographExtraBold' !important;
}
.ssevent.butoir{opacity:0.5 !important}
label input[type="checkbox"],
label input[type="radio"]{
	margin-right:7.5px !important;
}

fieldset label span {
	font-family:'TypographBold' !important;
	line-height:1 !important
}

.nostyles .control-group fieldset ul label{
	-border-bottom: 1px dashed #dedede;
	padding-bottom: 8px;
	padding-top: 0px;
} 

.nostyles .control-group input[type="radio"],
.nostyles .control-group input[type="checkbox"]{
	width:auto !important;
	height:auto !important;
}

.row-fluid [class*="span"]{
	min-height:0px !important;
	margin-bottom:0px !important;
}

.form-horizontal .control-label{
	width:100%
}
.form-horizontal .controls{
	margin-left:0px
}
.form-horizontal .control-group{
	margin-bottom:30px
}

.moduletable.jmoddiv.jmodinside{
max-width: 500px;
margin: 0 auto;
}

.hasTip{display:block !important}

.ttdd .nombreux img,.ttdd .nombreux .hours{
	-display:none !important;
}
.ttdd .nombreux strong{
	font-size:12px !important;
	margin-left:0px !important
}
.ttdd .nombreux .fnt{
	height:auto
}



.navapp tbody,.designapp{
	background: transparent !important;
	margin:0px
}


.dapp{
	float: left;
    width: calc(100% - 40px) !important;
    padding: 20px;
	background: transparent;
	position: relative;
	overflow:hidden;
	padding-top:0px !important;
}
.dapp .ssevent{
	float: left;
    width: calc(100% - 30px);
    border:none;
    text-align: left;
    padding: 15px;
    position: relative;
    overflow: hidden;
}
.dapp .cont{
	border-radius: 15px;
	overflow:hidden;
	padding-top: 10px;
    background: white;
}

.dapp .ssevent .morre{
	top: 1px !important;
    padding: 3px 13px;
    font-size: 13px;
}
.designapp .mod_eb_minicalendar_link a, .designapp span.nomarl, .designapp span.nameday, .designapp span.saturday, .designapp span.sunday{
	top:0px;
	font-size:1.25em !important
}
.designapp .singleev{
	padding:0px
}
.designapp .cellule.actv::after{
	display:none
}
.designapp .ligne{
	height:55px;
	border-bottom:0px solid black;
}
.designapp .bulles{
	bottom:0px
}
.designapp .singleev li i{
	font-size:9px
}
.designapp .ligne.bis{
	background-color:transparent
}

.designapp .cellule.actv .singleev,
.designapp .cellule .singleev:hover{
background:none !important
}
.navapp a{
	text-transform:uppercase
}
.designapp .cellule .singleev::before
{
	content: '';
    width: 28px;
    height: 28px;
    border-radius: 28px;
    position: absolute;
    background-color: transparent;
    left: 50%;
    margin-left: -14px;
    top: 50%;
	margin-top: -23px;
	transition: transform .2s ease-out,background-color .4s ease-out;
}
.designapp .cellule.actv .singleev::before{
	transform:scale(1.75) translateY(4px);
	-background-color: rgba(0,0,0,0.25);
}

.affichagesingle img.bann{
	width: 100%;
    background: #444;
    height: 300px;
    border: none;
    object-fit: cover;
}
.designapp  .mod_eb_mincalendar_td_dayname{
	margin-bottom:20px;
	font-size: 1.25em;
	font-weight:bold
}
.affichagesingle strong{
	display:block;
	width:100%;
	float:left;
	padding:5px 0
}
.affichagesingle .linkics{
	margin-top:25px;
	clear:both;
	display:block
}
.affichagesingle .contenudescr{
	overflow:hidden
}

.backajax{
	position: absolute;
right: 29px;
top: 30px;
cursor:pointer;
}
.backajax i{
	font-size:25px;
	color:white;
}
a.back{
	background: #555;
    padding: 7px 10px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
	margin: 0 auto;
	width: calc(100% - 20px);
	display: block;
	border-top-left-radius:15px;
	border-top-right-radius:15px;

}
.dapp .descriptiff{
	display:none !important;
	height:auto !important
}
.designapp .cellule.mod_eb_mincalendar_today{
	background-color:transparent !important
}
.designapp .singleev li{
	width:8px;
	height:22px;
}
.designapp .singleev li i {
	font-size:5px
}
.navapp .extcal_month_label a{
	font-size:18px;
	font-weight:bold
}
.designapp .mod_eb_mincalendar_dayname{
	margin-bottom:5px
}
.navapp tbody{
	padding-bottom: 20px;
    padding-top: 40px;
}
.designapp{
	padding-bottom:20px
}
.navapp .mod_eb_minicalendar_link a{
	top:-15px
}
.navapp tr{
	overflow:hidden;
	display:block;
	width:100%
}
.navapp tr td{
	width:11%;
display:block;float:left;padding:0;
}
.calendrierapp .leslieux,
.calendrierapp .souscategories{
	padding: 20px;
    background: #efefef;
    border-radius: 15px;
    margin-bottom: 20px;
}

.calendrierapp .leslieux select,
.calendrierapp .souscategories select{
	background-color:transparent;
	margin:0px !important;
}
.calendrierapp .leslieux select option,
.calendrierapp .souscategories select option{
	border-radius: 15px;
    padding: 2.5px 7px;
    display: block;
	height: 22px;
	overflow:hidden
}
.calendrierapp h1{
font-size:18px
}
.navapp .extcal_month_label{
	width:56%;
	float:left;
}
.navapp #prev_year,.navapp #prev_month{
	text-align:right
}
.dapp .bottomm font span,
.dapp .inscrfilattente{
	display:none !important;
}
.navapp a{
	text-decoration:none;
}
.noshowresa{
	display:none !important
}
.navapp #prev_year,.navapp #next_year{
pointer-events:none
}
.calapp{
	border-radius:15px;
	/*background:linear-gradient(to bottom right, #1f2440, #495394,#5776af)*/
}
.calendrierapp #registerformu{
	padding: 0 20px;
	width:calc(100% - 40px)
}
.dapp strong{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px
}
.calendrierapp #adminForm input[type="email"],.calendrierapp #adminForm input[type="text"],.calendrierapp #adminForm input[type="number"] {
    width: calc(100% - 14px);
    padding: 7px;
    border: 1px solid #dedede;
    outline: none;
    box-shadow: none;
}

.calendrierapp .form-actions{
	padding:0px !important;
	background:none;
}
.calendrierapp #valid,.calendrierapp #prevalid{
	width:100%;
	height:35px;
	font-size:15px;
	text-transform: uppercase;
	background:#495394;
	color:white;
	border:none
}
.calendrierapp #valid:hover,.calendrierapp #prevalid:hover{
	opacity:0.75
}
.dapp .descrr {
	margin-top:0px !important;
	min-height:80px !important;
	height:auto !important;
	width:calc(97.5% - 66px) !important
}

.dapp font{
	font-size:13px !important;
	clear:both
}
#legende{    margin: 0;-webkit-appearance:none !important;}
.dapp .lieux a{
	color:#000;
	font-size:12px;
}
.dapp .bottomm a{
	border:none !important;
}
.dapp .hours {
	border:none !important
}
.dapp .favoriscalendar{display:block;margin-left:-15px}
.calendrierapp .leslieux strong,
.calendrierapp .souscategories strong{
	font-size:18px
}
.calendrierapp .preinsctitle{
	display:none
}
.calendrierapp #adminForm{
	margin:30px 0
}
.dapp img{
	float: left;
	width: 61px;
	height: 61px;
	object-fit: cover;
	border-radius: 61px;
	margin-right: 5px
}
.dapp .bottomm{
	padding:10px 0;
	border-top:1px solid #dedede !important;
	margin-left:calc(2.5% + 66px) !important;
	width:calc(97.5% - 66px) !important
}
.dapp .selectionnate,
.calendrierapp .suppr{
	font-size:22px !important
}
.calendrierapp .suppr{
	color:red;
	cursor:pointer
}
.dapp .cont::before{
	display: block;
    content: '';
    position: absolute;
    background: #dedede;
    border-radius: 5px;
    height: 4px;
    width: 33px;
    left: 50%;
    margin-left: -16.5px;
    top: 5px;
    z-index: 2;
}

.dapp{
	height:0px;
	transition:height .2s;
}

.listevents .cnter{position: relative;
	z-index: 2;
	overflow:hidden;
	float: left;
	width:100%;
	height:0px;
	-max-height:465px;
	overflow-y:auto;
}
.listevents .ssevent .descrr strong{
	-padding-bottom:0px;
	   
    -font-size: 19px;
}
/*.listevents .ssevent,.listevents .ssevent .descrr{
	min-height:100% !important
}*/
.listevents .sseventslct i{
	position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
}
.listevents .sseventslct.active i::before{
	content:'\f0d8'
}
/*.listevents .cnter .ssevent{
	min-height:143px
}*/
.listevents .sseventslct{
	    display: none;
	height:30px;
	cursor:pointer;
}

.listevents .sseventslct.active{
	border-bottom: 1px dashed #dedede;
}/*
.listevents .categlieux{
	padding-bottom:15px !important
}*/
.morre{
	cursor:pointer
}
.affichagesingle .contenudescr p{
	clear: both;
    display: block;
    margin-top: 12.5px;
    position: relative;
    overflow: hidden;
    float: left;
}
.listevents .morre{
	position:absolute;
	right:20px;
	bottom:20px;
	margin-top: 0px;
	top:inherit;
	text-transform: uppercase;
	    background-color: rgba(0,0,0,0.4);
	font-family:'TypographExtraBold';
	-background-color:#666;color:#fff;font-weight:bold
}
.listevents .sseventslct .img{
	position: absolute;
    border-radius: 9px;
    width: 34px;
    height: 34px;
    color: white;
    background: #495394;
    top: 7px;
    left: 19px;
    text-align: center;
}

.listevents .sseventslct .dname{
	position: relative;
    top: 7.5px;
    font-size: 15px;
}
.listevents .sseventslct .descrr{
	min-height:0px !important;
	margin-left:5%
}

.listevents .cnter.active,
.listevents .dapp.sousligne.active,
.listevents .dapp{
	-border-bottom: 1px solid rgba(255,255,255,0.5);
	height:auto !important;
	    -background-color: rgba(0,0,0,0.2);
}

.frame #varevents2{
	-padding:65px 85px
}
.frame #varevents2.fxd{top:0px !important}

.frame .basket{
		margin-left:-30px !important;
	}
	.frame .torgt .basket{
		-margin-right:-30px !important;
	}
	.frame .torgt .basket.actv {
		-margin-left: -30px !important;
	}
	.basket{
		    transform: rotate(-225deg);
	}
	.basket::before{
		left: -3px !important;
transform: rotate(-135deg);
	}
	.basket i{
		top: -58px !important;
    left: 17px!important;
		transform: rotate(-45deg);
	}
	
	.only.frame.view-calendar .calendrier{
		-margin-top: 63px;
	}
	
	#eb-categories-page .eb-description.ssdecri{
		position:relative !important;

		-width: calc(100% - 184px);
		z-index: 2;
		-background:#333;
		padding: 50px;
		padding-top: 45px;
		margin-bottom: 0px !important;
		-margin-top: -133px !important;
	}
	
	.fil,.filarianne2,.filarianne{display:none !important}
	
	#varevents2 h1,#eb-categories-page .eb-description.ssdecri h1,h1.infs{
		margin:0;
		-font-weight: normal !important;
		text-align:center;
		font-size: 26px !important;
line-height: 28px;
		margin-bottom:25px !important;
		margin-top:0px;
		text-shadow:none !important;
		-letter-spacing:0.5px
	}
	
	.ssdecri a,#eb-categories-page .eb-description > *{color:inherit !important}
	
	.opening .basket {
    -margin-left: 95px;
}
.opening .torgt .basket {
    -margin-left: 95px;
}
	html body .noshowform .calendrierfully{padding: 75px 100px !important;   width: calc(100% - 200px) !important;}
	.extcal_minical .extcal_navbar{border-spacing:0px !important}
	
#menubis a::before{
	right:-31px !important
}
@media(max-width:1190px){
	html,body{
		overflow:auto;
	}

	#varevents2{
		z-index:2222222222  !important;
	}

	.modern .pge{
		background:#fff
	}
	.dark.modern .pge{
		background:#3b3b3b
	}


	#menubis{position: fixed;
		bottom: 0;
		padding: 0 35px !important;
		width: calc(100% - 70px) !important;
		background: #3B3B3B;
		height: 54px;
		top: calc(100vh - 54px);
		margin: 0 !important;
			margin-left: 0px;
		z-index: 999999;
	}
	.dark #menubis {
		background: #EBECF0;
	}
	#menubis a{color:#efefef !important;height:54px !important}
	.dark #menubis a{color:#000 !important;height:54px !important}
	html.ouvert{
		overflow:hidden !important
	}
	.ctbck{width:100% !important}
	html body #eb-calendar-page.frame.only #registerformu{
		height: auto !important;
    	min-height: auto !important;
	}
	.logomenu{display:none !important}
	#menutoggle .mnu #menubis{display:none !important}
	#menutoggle.ouvert .mnu #menubis{display:block !important}

	#menutoggle .mnu #menubis{
		position: fixed;
		top: calc(100vh - 54px);
		padding:0 35px !important;
		width: calc(100% - 70px) !important;
	}
	#menutoggle{height:52.5px !important;overflow:visible !important;}
	#varevents2 .form-actions, #varevents2 .form-actions2{padding:0px !important}

	#varevents2 li{margin-right:0px !important;margin-left:0px !important;width:calc(100% - 40px) !important}
	#varevents2{position:fixed;}
	.integrate #varevents2{position:absolute;}


	.desccreneaux, .desccreneaux2{
		margin-left:0px !important
	}
	#eb-calendar-page.frame.notonly .basket::before {
		top: 15px !important;
		font-size: 25px !important;
	}
	#eb-calendar-page.frame.notonly .basket::after{background:inherit !important;border-radius:60px !important;}
	#eb-calendar-page.frame.notonly .basket.actv::before{left:0px !important}
	#eb-calendar-page.frame.notonly .basket i{left:45px !important}
	#eb-calendar-page.frame.notonly .basket {top:inherit !important;bottom:10px !important;background:white !important;border-radius:60px !important;z-index:9999999999999 !important;}
	#eb-calendar-page.frame.notonly #varevents2 {height:calc(100% - 60px) !important;max-height:calc(100% - 60px) !important;min-height:calc(100% - 60px) !important;top:0px !important;margin-top:0px !important;z-index:999999 !important;}

	#eb-calendar-page.frame.notonly .form-actions{
		margin-bottom:150px !important
	}

	.dark #eb-calendar-page.frame.notonly .basket{
		background:#3b3b3b !important
	}

	.dark #eb-calendar-page.frame.notonly .basket i{background:#2b2b2b}

	.dark #eb-calendar-page.frame.notonly .basket.actv {
		box-shadow: inset 3px 3px 6px rgba(0, 0, 0,0.25),inset -3px -3px 6px rgb(255, 255, 255,0.1),3px 3px 6px rgba(255,255,255,0), 3px -3px 6px rgba(0, 0, 0, 0) !important;
	}

	.basket{
		z-index:99999999999 !important
	}
	
	.logomenu{
		opacity: 0 !important;
	}
	.basket{color:inherit !important}
	.fxdetps{display:none !important}
	#eb-calendar-page.davantform .calendrier.torgt .ffm{
		padding-left:30px !important;margin-left:0px !important
	}
	.davantform #registerformu,.davantform .calendrierfully{
		transform:translate3d(0px,0px,0px) !important
	}
	.calendar .logomenu{
		display:none
	}
	.buttonmenu::after{display:none}
	.sscategss,.ssdecri{height:auto !important;overflow:hidden !important;}
	
	html body .calendrier .basket{margin-left:-30px !important}
	html.materialize body .calendrier .basket,html.modern body .calendrier .basket{margin-left:-40px !important}
	html body .calendrier .basket::after,html body .calendrier .basket,html body .torgt .basket.actv,html body .basket{background:none !important;border:none !important;box-shadow:none !important;}
	
	
	.only.frame.view-calendar .calendrier{
	margin-top:53px;
}
.basket::before {
    top: 12px !important;
    font-size: 20px !important;
    -color: white !important;
}
.basket, .basket i, .basket::before {
    transform: rotate(0deg) !important;
}
html body .basket i {
    width: 17px !important;
    font-size: 11px !important;
    height: 16px !important;
    border-radius: 20px !important;
    line-height: 16px !important;
    top: -20px !important;
    left: 40px !important;
}
.accueil .eb-category{ width:calc(100% - 70px) !important;   margin-left: 15px !important;
    margin-right: 15px !important;}
#eb-categories {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
	}

	#eb-calendar-page #registerformu{z-index:999 !important;}
	.wsite .footer{display:block !important;}
	/*.sousbann{    height: 242.5px !important;
		min-height:242.5px !important;
	}*/
	.basket,.basket i,.basket::before{
		transform:rotate(0deg) !important
	}
	.basket::before{
		left:0px !important;
	}

html body .noshowform .calendrierfully{padding: 50px 50px !important;   width: calc(100% - 100px) !important;}
	.calendrierfully {min-height:100% !important}
	#eb-calendar-page.nostyles #registerformu{
		margin:0 auto !important;
		float: none !important;
	padding-top: 0px !important;
	    width: 100% !important;
	}
	.nostyles .basket i{left:0px !important;float:right !important;border-radius:0px !important}
html body .nostyles .calendrier .basket{
	margin-top:0px !important;
	left: 0 !important;

width: 100% !important;

margin: 0px !important;
}
	html body .nostyles #varevents2,html body .nostyles #varevents2.fxd{display:none !important;margin-bottom:32.5px !important;margin-top: 52.5px !important;position:relative !important;-min-height:100% !important;-height:100% !important;}
	html body .nostyles #varevents2.actv,html body .nostyles #varevents2.fxd.actv{display:block !important}
	html body .nostyles #varevents2{width: 100% !important;

left: 0;

margin: 0 !important;}
	.only.frame .backing, .backing.cal{top:15px !important}
	.basket i{top:-25px !important}
	/*#eb-categories-page.frm,.frame .calendrier{margin-top: 52.5px !important;}*/
	.hdcal{height:52.5px}
	.fil{height:48px}
	.user .goch{
		display:none
	}
	.frame #varevents2 {
    padding: 50px 85px !important;
}
	.frame .calendrier{
	    height: 100%;
	overflow:visible !important
}
.frame #varevents2{
	margin-top:0px !important
}
.frame #varevents2.fxd{margin-top:52.5px !important}
.frame .calendrier .basket{
	position:fixed;
	margin-top:1px !important
}

/*.sousbann{min-height:187px !important;height:187px !important;}
.formsanscalendar .sousbann {
    min-height: 280px !important;
    height: 280px !important;
}*/


.filarianne li.active span,.filarianne li a span{font-size:12px !important}
.breadcrumb > li, .breadcrumb > .active{top:6px}
.wsite .filarianne{height:33px !important}
	.eb-category-title a{height:auto !important;color:inherit !important;font-size: 19px !important;}
	.wsite .header .user{-top:10px}
	.eb-category-title .cntt,.eb-category{min-height:100px;height:auto !important}
	#eb-categories-page, #eb-category-page-default{-margin-top:52.5px !important}
	#varevents2.fxd{top:0px !important;}
	#varevents2{margin-left:0px !important;height:calc(100vh - 100px) !important;padding:50px 85px !important}
	.wsite #eb-calendar-page {
    -padding-top: 52.5px !important;
}
	.wsite .logo,.wsite .header{height:52.5px !important}
	#adminForm .inputimage li
  {
	  width: calc(100% - 0px) !important;
  }
	/*#eb-calendar-page{
		margin-top:175px !important
	}*/
	#varevents2{}
	.basket{top:0% !important}
	.wsite #varevents2{
		position:fixed;
	}
	.wsite .basket{margin-top:1px !important;    position: fixed;
		top: 0;
		z-index: 9999999999;}
	.wsite .filarianne{width:calc(100% - 100px) !important}
	.filarianne2{display:none !important}
	.wsite .header .menu > li{width:calc(100% - 100px) !important;
	padding: 0 50px !important}
	.menu{left:0px !important}
	#varevents2{z-index:999999999;width:calc(100% - 170px) !important}
	.torgt #varevents2.actv {margin-left:0px !important;
    transform: translate3d(0%,0px,0px) !important;
}
.eb-category{    -width: calc(50% - 50px) !important;}
	.buttonmenu{
		display:block !important;
		cursor:pointer;
		position:absolute;
		top: 0;
		left: 50px;
		width: 30px;
		height: 40px;
		padding-top: 17px;
	}
	.barres .barre{
		width:100%;
		height:2px;
		background:black;
		margin-bottom:5px;
	}
	.header .menu > li{
		width:100% !important
	}
	.header .menu > li a{
		line-height: 13px;
		padding:18.5px 1px !important;
		border-bottom:1px solid #dedede !important;
		font-size:15px !important
	}
	.header{
		overflow:visible !important;
	}
	.user .fa{font-size:2em !important}
	.header .menu{
		width:100%;
		overflow:hidden;
		background:white;
		display:none;
		top:52.5px;
		z-index:9999;
	}
	.header .conteneur{    overflow: visible !important;}
	#eb-calendar-page #registerformu{z-index:4}
	/*.lnk{
		min-height:175px
	}*/
	html body #eb-calendar-page .calendrierfully,
	html body #eb-calendar-page #registerformu{
		width:calc(100% - 100px) !important;
		-padding:0px !important
	}
	
	.davantform .cntb,.calendrier .banncateg.bann{padding:0px !important;}
	.aconddiv,.parcours, .legends, .leslieux, .souscategories,#eb-calendar-page .eb-description{margin-left:0px !important;width:calc(100% - 50px) !important}
	.calendrier .banncateg.bann,#calendar_result{padding-left:0px !important;margin-left:0px !important;width:100% !important}

	.lnk img{
		display:none !important;
	}
	.ttdd strong,
	.ttdd .nombreux strong{
		font-size:11px !important;
		margin-left:0px !important
	}
	.ttdd .hours{
		margin-left:0px !important;
		font-size:8px !important;
		line-height:10px
	}
	.ttdd .categlieux{
		display:none !important
	}
	
	
	html body #eb-calendar-page.davantform .ffm{
		height:0px !important;
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	html body #eb-calendar-page.davantform .calendrier .ffm.shww{
		height:auto !important;
		padding-top:21px !important;
		padding-bottom:21px !important;
		z-index: 99999;
	}

	html.materialize body #eb-calendar-page.davantform .calendrier .ffm.shww{
		height:auto !important;
		padding-top:48px !important;
		padding-bottom:48px !important;
		z-index: 99999;
		background:#EBECF0 !important
	}

	html.dark.materialize body #eb-calendar-page.davantform .calendrier .ffm.shww{
		height:auto !important;
		padding-top:48px !important;
		padding-bottom:48px !important;
		z-index: 99999;
		background:#2B2B2B !important
	}

	#eb-calendar-page.davantform .ffm{padding-left:28px !important;padding-right:28px !important;position:relative !important;min-height:auto !important;max-height:100% !important;height:auto !important;right:inherit !important;left:0px !important;width:calc(100% - 56px) !important}
	
	.dark.materialize #eb-calendar-page.davantform .ffm{background: #2B2B2B !important;}

	#eb-categories-page .eb-description.ssdecri h1{margin-bottom:25px !important}
	.basket.scrolled,html body.site #menutoggle.scrolled {
    transform: translate3d(0px,-52.5px,0px) !important;
}

	html body #menutoggle {
		
    overflow: visible;
    border-radius: 0px !important;
    width: 100% !important;
    padding: 0px !important;
    top: 0 !important;
    left: 0 !important;
}
#user .gcc {
    display: none;
}
.wsite #eb-categories-page,.wsite #eb-calendar-page {
    padding-top: 52.5px !important;
}
#user .droit .fa-user-circle::before {
    font-size: 20px !important;
}
#user {
    bottom: 20px !important;
    width: auto !important;
    right: 30px !important;
    left: inherit !important;
    padding: 0px !important;
    margin: 0px !important;
}
html body .buttonmenu {
    left: 30px !important;
    opacity: 1 !important;
	top:0px !important;
	    padding-top: 15px !important;
}
html body #menutoggle {
	border-radius:0px !important;
    -padding: 0 50px;
    -width: calc(100% - 100px) !important;
    height: 52.5px !important;
    transform: translateX(0px) !important;
	-z-index: 9999999 !important;
}

#menutoggle{
	padding:0 35px;
	width:calc(100% - 70px) !important;
	height:52.5px !important;
		transform: translateX(0px);
		z-index:99999999999999;
}
	
html body #menutoggle .mnu {
    border-radius: 0px !important;
	height:52.5px !important;
	width: calc(100% - 50px) !important;
	padding-left: 50px !important;

	
}

.sscategss{height:auto !important}
html body.wsite #menutoggle #menu {
	background-color:inherit;
    width: calc(100% - 20px) !important;
    margin-left: -50px !important;
    padding-left: 35px;
    padding-right: 35px !important;
    /*padding-top: 52.5px;
    height: 100vh;
    padding-bottom: 25px;*/

	padding-top: 52.5px;
height: calc(100vh - 157px);
padding-bottom: 52.5px;

    margin-top: -1px;
    display: none;
    -width: 100% !important;
}

	.reload{
		margin-bottom:25px !important
	}
	#resultatregisterformu{
		margin:25px !important;
		margin-bottom:12.5px !important;
		width:calc(100% - 80px) !important;
		margin-top:0px !important;
	}

	.formsanscalendar #resultatregisterformu{
		margin:25px !important;
		margin-bottom:25px !important;
		width:calc(100% - 80px) !important
	}
	#eb-calendar-page.nostyles #registerformu{
		padding:0px !important;
		width:100% !important
	}
	#eb-categories-page .eb-description.ssdecri{
		margin:0px !important;
		-margin-top: -133px !important;
		width:calc(100% - 100px) !important;
	}
	html body #eb-categories-page #eb-categories{
		margin:0px !important;
		padding-top: 25px !important;
	}
	html.category, html.category body, html.categories, html.categories body{overflow:auto !important}
	.eb-category-title .cntt{-width:100% !important}
	.eb-category-title .img{    -margin-bottom: 15px;-width:100% !important}
	.only.frame .backing, .backing.cal{top:15px !important;left:25px !important;}
	.only.frame .user, .user.cat{top:11px !important;right:22.5px !important;}
	#varevents2 {height:calc(100% - 112.5px) !important}
	.wsite .header .user{right:25px}
	#eb-individual-registration-page{-padding:0px !important}
	/*html body #eb-categories-page .ssdecri{width: calc(100% - 100px) !important;}*/
	.mini .leslieux .lieux, .mini .souscategories strong,.extcal_month_label a,.parcours strong.strng,.legends strong{font-size:20px !important}
	.eb-category-description{margin:95px 27px !important;margin-top:45px !important;margin-bottom:20px !important}
	#eb-categories-page .eb-description.ssdecri h1{font-size: 26px;
		line-height: 28px;}
	.ssdescc,#eb-categories-page #eb-categories {
		width: 100% !important;
    padding: 0px !important;
	margin:0px !important;
	-padding-top:25px !important
}
#eb-category-page-default #eb-categories {
    padding: 0 17.5px !important;
}
.wsite #eb-category-page-default .filarianne{width: calc(100% - 50px) !important;
    padding: 9px 25px !important;}
	
	.wsite #eb-categories-page .filarianne{width: calc(100% - 50px) !important;
    padding: 9px 25px !important;}
	
	/*#varevents2.fxd{top:9px !important}*/
	#adminForm #valid, .btn-canc,#adminForm #prevalid, #adminForm .suivant,#adminForm #effacer, #adminForm .precedent{width:100% !important}
	.buttonmenu{left:25px}
	.wsite .filarianne{width:calc(100% - 50px) !important;    padding: 9px 25px !important;}
	
	html body #eb-calendar-page .torgt .calendrierfully,html body #eb-calendar-page .calendrierfully{
		padding:50px 30px !important;
		    width: calc(100% - 60px) !important;}
			
	html body #eb-calendar-page .torgt #registerformu,html body #eb-calendar-page #registerformu{
		    padding: 37.5px 30px !important;
		    width: calc(100% - 60px) !important;
	}

	.materialize .singleev li i,.materialize .ssevent span i{
		font-size:11px !important
	}

	html body #eb-calendar-page #registerformu{-padding-bottom:0px !important}
	html.materialize body #eb-calendar-page #registerformu{-padding-top:0px !important}
	
	html body #eb-calendar-page .formsanscalendar #registerformu{
		    padding: 37.5px 25px !important;
		    width: 100% !important;
	}
	
	.wsite #eb-calendar-page .formsanscalendar #registerformu .eb-description, #eb-calendar-page.only .formsanscalendar #registerformu .eb-description{
		padding: 50px 25px !important;
	}
	.eb-description h1{
		line-height: 1.05em;
		font-size:1.75em !important
	}
	
	
	.wsite .footer .menu > li {width:100% !important}
	.footer{height:auto !important;}
	.frame #varevents2,#varevents2{padding:30px 25px !important;width:calc(100% - 50px) !important}
	
	.wsite .header .menu > li {
    width: calc(100% - 50px) !important;
    padding: 0 25px !important;
}
#eb-categories-page .eb-description{    width: calc(100% - 150px) !important;margin:25px 25px !important}
#eb-categories {
    padding: 0 40px !important;
}
.footer img{    margin-top: 25px;
    margin-bottom: 75px;
    max-width: 75%;}
	/*.conteneur{
		min-width:720px
	}
	.header .conteneur,.header{
		min-width:720px
	}
	.filarianne,.footer,.banacc{
		min-width:770px
	}*/
	/*#logoresa{
		margin-left: -241px;
		margin-top: -101px;
	}*/
	
	.inptchk{-bottom:0px !important;-right:0px !important}


	

	.legends::after, #eb-calendar-page .eb-description::after{
		right:30px !important
	}
	
}

.cellule.actv .lnk a::after{
	height:30px;
	bottom:-30px;
}
#menutoggle.ouvert a span{
	font-size: 15px;
font-family: 'TypographBold';
-letter-spacing: 0.5px;
font-weight: normal !important;
}

@media(max-width:500px){
	#eb-categories-page .ssdescc {
		padding: 15px !important;
		width: calc(100% - 30px) !important;
	}

	.cals{
		position: relative !important;
width: 100% !important;
left: 0 !important;
	}
	.accueil .ssdecri .ssdes .eb-category{
		min-width:100% !important;
		margin: 0px !important;
padding: 0px !important;
	}
	html body #eb-categories-page #eb-categories{
		-padding-top :0px !important
	}
	.accueil .cntt::after{
		width: calc(100% - 22.5px);
	}
	html body .eb-category-title .img{
		width:calc(100% - 10px) !important;
		margin-bottom:22.5px !important;
	}
	.eb-category-title .cntt{
		width:100% !important
	}
	.calendrierfully .sousligne.jour0 .cont{
		border-top-left-radius:28px !important

	}
	.calendrierfully .sousligne.jourlst .cont{
		border-top-right-radius:28px !important

	}
	.mini .sousligne{
		
		width: calc(100% + 7.5px) !important;
		margin-left: -3.75px !important;
		
	}
	
	.mod_eb_mincalendar_td_dayname{
		text-align:center
	}
	.mod_eb_mincalendar_td_dayname span{
		width:20px;
		overflow:hidden;
		display:inline-block;
	}
	html.modern .mini .cellule{
		height:65px !important;
		min-height:65px !important
	}

	html.modern .mini .cellule .lnk{
		height:65px !important;
		min-height:65px !important
	}

	.mod_eb_minicalendar_link a, span.nomarl, span.nameday, span.saturday, span.sunday{
		font-size:17px !important
	}
	.singleev .nomarl, .singleev.nbevents .nameday{top:2.5px !important}
	.cellule.actv .lnk a{padding-bottom:0px !important;border-radius:28px !important;}

	.modern .cellule.actv .lnk a{-padding-bottom:15px !important;-border-radius:0px !important;}
	.cellule.actv .lnk a::after{display:none !important;}
	.lnk{height:55px !important}
	.cellule .lnk {
		margin: 0 3.75px !important;
	}
	.lnk .bulles{bottom:10px !important}
	html body #eb-calendar-page .torgt .calendrierfully, html body #eb-calendar-page .calendrierfully,
	html body #eb-calendar-page .torgt #registerformu, html body #eb-calendar-page #registerformu {
		padding-left: 15px !important;
		padding-right: 15px !important;
		width: calc(100% - 30px) !important;
	}

	html.materialize body #eb-calendar-page .ffm.shww,html.materialize body #eb-calendar-page .torgt .calendrierfully, html.materialize body #eb-calendar-page .calendrierfully, html.materialize body #eb-calendar-page .torgt #registerformu, html.materialize body #eb-calendar-page #registerformu {
		padding-left: 15px !important;
		padding-right: 15px!important;
		width: calc(100% - 30px) !important;
	}

	#eb-calendar-page.davantform .calendrier.torgt .ffm{
		padding-left:15px !important;
		width:calc(100% - 28px) !important
	}
	html.modern #eb-calendar-page.davantform .calendrier .ffm {
		padding-left: 30px !important;
		width: calc(100% - 60px) !important;
	}

	.singleev li{width:10px}
	.singleev li i.fa {font:normal normal normal 10px/1 FontAwesome !important}
	.modern .singleev li i.fa {font:normal normal normal 8px/1 FontAwesome !important}
	.bottomm font{
		    float: left;
    width: 100% !important;
    margin: 0 !important;
	margin-bottom: 12px !important;
	}
	.ssevent .bottomm a{float:left !important}
	.bottomm a{    margin: 0px !important;
    position: relative !important;
    text-align: center;
    left: 15px !important;
    width: calc(100% - 65px) !important;
    margin-bottom: 12px !important;
    border: none !important;
    -margin-top: 6px !important;
	}

	.modern .bottomm a{
		width: calc(100% - 45px) !important;
	}
	.ssevent .bottomm{
		position:relative !important;
		right:0px !important;
		left:0px !important;
		width: calc(100%)!important;
	padding-top: 0px !important;
	bottom:0px !important;
    padding: 0;
    float: left !important;
    margin: 0 !important;}
	.listevents .cnter{max-height:100% !important}
	.ssevent .descrr{ margin-bottom:24px !important;   width: calc(100% - 40px) !important;}
	    .imag{
			height: 150px !important;
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    top: 0px !important;
    left: 0px !important;
    border-radius: 0px !important;
    border: none !important;
}
	.inptchk{bottom:20px !important;right:15px !important}
	.modern .inptchk{
		right:15px !important
	}

	.crassocie{
		bottom: 65px !important;
right: 15px !important;
width: calc(100% - 65px) !important;
text-align: center;
padding: 0px 15px;
	}
	.mini .ssevent{    padding-bottom:60px !important;}
	.mini .ssevent.nbri{    padding-bottom:100px !important;}
	
	.mini .sseventassocie .ssevent{    padding-bottom:0px !important;}

	.compactevt.nobottomm .mini .ssevent {
		padding-bottom: 40px !important;
	}

	.mini .ssevent.dsbld{    padding-bottom:0px !important;}

	.compactevt.nobottomm .mini .ssevent.dsbld {
		padding-bottom: 0px !important;
	}
	.modern .ssevent.dsbld::before,.modern .ssevent.dsbldno::before{
		right: 15px;
		top: 185px;
	}
	.inptchk{width:calc(100% - 65px) !important;text-align:center;}
	.modern .inptchk{padding: 5px 15px !important;width:calc(100% - 65px) !important;text-align:center;}
	.dapp img{
		float: left;
		width: 27px;
		height: 27px;
		object-fit: cover;
		border-radius: 27px;
		position: absolute;
		right: 2.5%;
		margin:0px
	}
	.dapp .descrr {
		height:auto !important;
		min-height:47.5px !important;
		width:calc(97.5% - 27px) !important
	}
	.dapp .bottomm{
		padding:10px 0;
		border-top:1px solid #dedede !important;
		margin-left:2.5% !important;
		width:97.5% !important
	}
	.dapp strong{
		font-size:14px;
		padding-bottom:0px
	}
	.dapp font{
		font-size:12px !important;
	}
	.dapp .ssevent .morre{
		padding: 1px 9px;
		font-size: 11px;
	}
}

body.wsite{
	-background:#EBECF0 !important;
	padding:0px !important
}
.wsite .header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:75px;
	background:#dedede;
	overflow:hidden;
	z-index:999999;
}/*
.filarianne{
	-position: absolute;
    -top: 100px;
    -background: white;
    -z-index: 99;
    -left: 150px;
    -width: calc(100% - 150px);
	-height: 50px;
	-border-top:1px solid #dedede;
	-border-bottom:1px solid #dedede
}*/
.wsite .filarianne ul {
	background:none !important;
	-margin-top: 16px;
	padding: 0px;
	padding-bottom:30px
}
#eb-categories .eb-category .eb-description,
.eb-page-heading{
	-display:none !important
}
.eb-description{
	text-align: center;
    padding: 10px 20px;
    -background: rgba(0,0,0,0.3);
    -border-radius: 10px;
    margin: 20px 10px;
    font-size: 17px;
	margin-top:0px;
	    margin-bottom: 35px;
}
.wsite .rechercheall{display:none}
.ssdsc,.eb-description p{line-height: 1.5em;
	margin:0px;
	padding:0px;
	color:inherit;
	font-weight:normal !important;
	       font-family: 'TypographBold' !important;
		font-size:15px;
}
.calendrierfully .eb-description p{
	font-family: 'TypographBold' !important;
}
.eb-description span,.eb-description li{background:none !important;color:black !important;font-family: 'TypographBold' !important;
		font-size:15px !important;}

		.dark .eb-description span,.dark .eb-description li{background:none !important;color:white !important;font-family: 'TypographBold' !important;
			font-size:15px;}

.calendrierfully .eb-description p,.calendrierfully .eb-description span,.calendrierfully .eb-description li,.calendrierfully .eb-description strong{
	    -font-family: 'TypographExtraBold' !important;    font-size: 15px !important;
}
.wsite .fil,.wsite .pge{
	    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}
.wsite .conteneur{
	    overflow: hidden;
    height: 100%;
	max-width:1280px;
	position:relative;
	margin:0 auto
}
.wsite .logo{
	    width: 150px;
    height: 133px;
	position:absolute;
	top:0;
	left:0;

}
.wsite .menu{
	margin:0;
	padding:0;
	position: absolute;
    left: 40px;
}
.wsite .menu > li{
	background:none !important;
	float:left;
	margin:0;
	position:relative;
}
.wsite .menu > li a{
	   
	    font-family: 'TypographExtraBold';
	font-size: 17px;
	transition:border-top .4s;
	color:#000;
	background:none !important;
	padding: 45px 15px;
    -text-transform: uppercase;
    border-top: 4px solid transparent;
	line-height: 0px;
	 padding-top: 33px;
	padding-bottom: 27px;
}
/*.wsite .item-101.default{display:none}*/
.wsite .menu > .item-101.default,.wsite .menu > li > a{padding-left:30px}
.wsite .footer .menu > li a{color:white}
.wsite .menu > li > ul{
	position: absolute;
    background: #3478e0;
	display:none;
	width: 100%;
}
.wsite .menu > li > ul li{
	float: left;
    width: calc(100% - 24px);
    padding: 0;
    display: block;
    overflow: hidden;
    height: 20px;
    padding: 12px;
}
.wsite .menu > li > ul > li > ul{
	display:none !important
}
.wsite .menu > li > ul a{
	padding: 0 5px;
    display: block;
    border: none !important;
    width: calc(100% - 10px);
    height: auto;
    line-height: 1.5em;
}
.wsite .menu > li a:hover,
.wsite .menu > li.current a{
	border-top:4px solid #000
}
.wsite .breadcrumb{
	margin: 7px 0;
    padding: 8px 0;
}
.wsite .footer{
	display:none;
	float: left;
	position:relative;
	height:400px;
	background:rgb(27, 41, 67);
	width:100%;
}
#varevents2.fxd{-position:fixed;-top:66px;}
.eb-container{
	overflow: hidden;
}
.wsite #eb-calendar-page{
	-background-color:inherit;
	-padding-top:61px;
	-padding-left: 70px;
	-width:calc(100% - 70px)
}

.nameday,.nomarl{-font-weight: bold !important;    font-family: 'TypographExtraBold';}

.parcours,.legends{
	-border-left: 1.6px solid #efefef;
    -padding: 10px 20px;
    -border-radius: 10px;
    margin-bottom: 40px;
	overflow: hidden;
	display:block !important;
	    position: relative;
		    padding: 20px 25px !important;
	border-radius: 28px;
	margin-left:10px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.75);
}

.leslieux,.souscategories{
	-border-left: 1.6px solid #efefef;
    -padding: 10px 20px;
    -border-radius: 10px;
    margin-bottom: 40px;
	overflow: hidden;
	display:block;
	    position: relative;
		    padding: 20px 25px !important;
	border-radius: 28px;
	margin-left:10px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.75);
}

.parcours,.legends,.leslieux,.souscategories{box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.25)}
.davantform .parcours,.davantform .leslieux,.davantform .souscategories{
	box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.75);
}

.parcours span,.legends span,.leslieux span,.souscategories span,.parcours strong,.legends strong,.leslieux strong,.souscategories strong{color:inherit;}
.leslieux.noselect,.souscategories.noselect{
	display:none !important
}
.parcours ul,.legends select,.leslieux select,.souscategories select{
	background:none;
	padding-bottom:0px !important;
	overflow:hidden !important;
	margin-bottom:0px !important;
	/*-webkit-appearance: menulist !important;
	-moz-appearance: menulist !important;
	-o-appearance: menulist !important;
	-ms-appearance: menulist !important;
	appearance: menulist !important;*/
}

.ttdd.activate .categlieux,
.ttdd.activate .descriptiff{
	display:block !important;
	text-align:left;
}

.ttdd .nomarl{
	text-align:left;
	left:12px
}
.desccreneaux,.desccreneaux2{
	font-family: 'TypographBold' !important;
	-padding: 10px 20px;
    -border-left:1.6px solid #ccc;
    color: inherit;
    font-weight: normal;
    font-size: 15px;
    -border-radius: 10px;
    overflow: hidden;
	margin-bottom: 40px;
	position:relative;
	line-height:1.5em;
	    padding: 20px 25px !important;
	border-radius: 28px;
	margin-left:10px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.25);
}
.davantform .desccreneaux,.davantform .desccreneaux2{box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,1);}

.davantform.bckfxd .desccreneaux,.davantform.bckfxd .desccreneaux2{box-shadow:5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.25)}

.parcours li{
list-style:none
}
/*
.parcours li::before{
	content:'';
	position:absolute;
	display:block;
	float:left;
	left:0
}*/
.parcours{
	padding-bottom: 11px !important;
	position:relative;
	overflow:hidden
}

#etapeparcours .lstetape.masquer,#souscategories option.masquer{display:none}
#etapeparcours .lstetape.shower,#souscategories option.shower{display:inline-block}


.parcours ul{
	margin:18px 0px
}
.parcours ul::after{
	color:white
}
.cntov{
	overflow-x: scroll;
float: left;
width:100%;
scrollbar-color: transparent transparent !important;
scrollbar-width: thin;
}
.parcours li{ position:relative;  line-height:19px;display: inline-block;
	text-align: center;margin:0px;padding:0px 10px;font-weight:normal !important;min-width: 125px;}
.parcours span{position: relative;
	z-index: 9;
	font-size:12.5px !important;
	font-family: 'TypographExtraBold';
	float: none;
	font-weight:bold;
    display: block;
    -margin-right: 7px;
    width: 22px;
    text-align: center;
    border: 2px solid #c4c6ca;
	background:#c4c6ca;
    border-radius: 30px;
    height: 22px;
    font-size: 12px;
	line-height: 22px;
	clear: both;
margin: 0 auto;	-margin-right:5px;

-background:#EBECF0;
	transition: color .4s,background-color .4s;
}
.dark .parcours span{
	background:#2B2B2B;
	border-color:#2B2B2B;
	color:#999
}

.parcours strong font {
    float: none;
clear: both;
font-size: 12px;
opacity: 0.5;
font-family: 'TypographBold';
font-weight: normal;
width: 100% !important;
text-overflow: ellipsis;
word-wrap: break-word;
display: block;
overflow: hidden;
position: absolute;
margin-top:5px;
height: 20px;
}
.lstetape.activ span{
	background-color:black;
	color:#fff;
	border-color: black;
}
.lstetape.oldactiv span{
	background: #5fa261 !important;
	border-color: #74bf76 !important;
	color: white !important;
}

.lstetape.oldactiv font,.lstetape.activ font{opacity:1}
.parcours strong{ 
    font-family: 'TypographBold' !important;
	font-weight: normal;
	    font-size: 15px;
	float:left;
	width:100%;
	display:block;
	margin-bottom: 5px;
	-opacity:0.5;
	-margin: 0 10px;
}

.parcours .activ strong{
	    -font-weight: bold;
}

.parcours strong.strng,.parcours .activ strong{
	-opacity:1;
	font-family: 'TypographExtraBold' !important;
}
strong.strng{font-weight:bold !important;-display:none;    line-height: 1.1em;	padding-bottom:0px;font-size:20px !important;font-family: 'TypographExtraBold';}
.ttdd.activate .descriptiff{
	display:none !important;
	text-align:left;
}
.legends span{font-size:15px}
#etapeparcours{ min-width:100%;height:50px;margin-top:5px !important;   padding-bottom: 0px !important;overflow:hidden;float:left;display:block;}
.menu ul ul,
#eb-event-search{
	display:none !important
}
#eb-categories{
	overflow:hidden
}
.eb-category {
	-padding: 0;
    -overflow: hidden;
    display: block;
    width: calc(100% - 135px);
    float: left;
	height: auto;
	background:none;
    -box-shadow:-5px -5px 20px rgba(255,255,255,0.75),5px 5px 20px rgba(0, 0, 0,0.1) !important;
	-transition:box-shadow .2s;
	border-radius: 28px;
    margin: 0px 36px;
    margin-bottom: 40px;
    padding: 15px 20px;
    min-height: 131px;
	margin-left:45px;
}
.accueil .eb-category {margin-left:146px;width: calc(100% - 235px);}

.accueil .bxs .eb-category {margin-bottom:0px !important;box-shadow: none !important;margin-left:0px;width: calc(100% - 40px);}

.eb-category:hover .imgintro{  
}

.eb-category h3{
	margin:0px
}
.eb-category h3 a{
	font-size: 15px;
    font-weight: bold !important;
	color:inherit;
	font-family: 'TypographExtraBold' !important;
}
.wsite .footer .menu a:hover{text-decoration:underline}
.details a{font-family:"TypoGraphExtraBold";text-decoration:underline;cursor:pointer;-display:none !important}
.wsite .rechercheall{display:none}

.ssdecri > *{font-family:   'TypographLight' !important;font-size:15px;}
.ssdecri a{text-decoration:underline;}
#varevents2 h1,.ssdecri h1,h1.infs{font-family:"TypoGraphExtraBold" !important;font-weight: bold;}
#varevents2 b{    display: block;
    font-weight: normal;
text-align:center;font-family: 'TypographBold';
}
.eb-category-title .img{position:relative;height:120px;width:120px;float:left;}
.eb-category-title img{object-fit:cover;height:120px;width:120px;}
.eb-category-title .cntt{-padding-top:15px;-height:85px;float:right;width:calc(99% - 145px)}
.eb-category-title  a{-overflow:hidden;    width: 100%;
    height: 100%;
    display: block;color:inherit !important;font-size:19px !important;}
	
	.extcal_minical .extcal_minical{padding-bottom:42px}
	.calendrier .banncateg.bann{

		height: 250px;
		width: calc(100% - 10px);
		margin-left:10px;
		background-position: top center;
		background-size: cover;
		-filter:blur(25px);
	overflow:hidden;
	border-radius:28px;
	
		z-index:-1;
		/*-webkit-transition: width 400ms cubic-bezier(.05,.74,.27,.99);
-moz-transition: width 400ms cubic-bezier(.05,.74,.27,.99);
-o-transition: width 400ms cubic-bezier(.05,.74,.27,.99);
transition: width 400ms cubic-bezier(.05,.74,.27,.99);*/
		-display:none
	}
	.calendrier.torgt .banncateg.bann{-width:155%;-right:inherit;-left:-50%;-top:0;}

	.calendrier .banncateg.bann img{
		width:100%
	}

	.formsanscalendar .eb-page-heading.infs{
		display:none !important
	}
	
	.calendrier .banncateg.bann.fxd{
		position:absolute;
		-width:calc(50% + 40px)!important;
		width:110% !important;
		height:110%;
		right:-5%;
		top:-5%;
		opacity:1;
		-z-index:1;
	}
		
	.calendrier.torgt .banncateg.bann.fxd{
		left:-5% !important;	
		right:inherit;
		-z-index:1;
	}
	
	.banncateg.bann.fxd.blur{
		filter:blur(20px);
		opacity:1;
	}

	
	.eb-category-title .img .imgintro{background-size:cover;border-radius:28px;border:5px solid white;background-position:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#ebecf0}
	.dark .eb-category-title .img .imgintro{background-color:#252525}

	.imaging{    opacity: 0.75;filter:blur(5px);background-size:cover;-background-attachment:fixed;background-position:center;top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;position:absolute;}
	
	.ssdecri .imgg{margin-bottom:0px;     -box-shadow: -5px -5px 20px rgba(255,255,255,0.1),5px 5px 20px rgba(0, 0, 0,0.375) !important;border-radius:28px;position:relative;height:250px;background-size:cover;background-position:center;    width: calc(100% + 0px);
    left: -25px;
    top: -25px;
	margin:25px;
    -border-bottom-left-radius: 0px;
    -border-bottom-right-radius: 0px;}
	
	.ssdecri .des{    overflow:hidden;-box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.33) !important;
    -padding: 25px;
    border-radius: 28px;
	width:100%;float:left;
}
.ssdecri h1{
	float:left;width:100%
}
.ssdecri .ssdes.hasnoimg{
	margin-top:0px !important
}
.ssdecri .ssdes{    padding: 20px 25px;
    border-radius: 28px;
    position: relative;
    margin-top: -100px;
    z-index: 9999999999999999;
    -background: #333;
	background-color: #c4c6ca;}
	
	.ssdsc b{font-family:TypoGraphExtraBold !important;line-height:1.5em !important}
	.only.frame .ssdsc p,.only.frame .ssdsc span,.only.frame .ssdsc li{     line-height:1.5em !important;text-align: left !important;   font-size: 15px !important;}


	.only.frame.prss .ssdsc p,.only.frame.prss .ssdsc span,.only.frame.prss .ssdsc li{     line-height:1.5em !important;text-align: inherit !important;   font-size: 15px !important;}
	
	.only.frame .calendrierfully .ssdsc p,.only.frame .calendrierfully .ssdsc span,.only.frame .calendrierfully .ssdsc li{     line-height:1.5em !important;text-align: left !important;   font-size: 15px !important;}
	
	.only.frame .ssdsc li span{    -font-size: 15px !important;    line-height:2em;-font-style:italic;font-weight:normal !important}
	.calendrierfully .ssdsc span,.calendrierfully .ssdsc li{color:white !important}
	
	
	.eb-category-title  a:hover > *{text-decoration:underline}
#eb-categories-page,
#eb-category-page-default
{
	-margin-top:61px;
	-padding:0px;
	-margin-bottom:35px;
}
.sousbann .banncat{position:absolute;    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;background-size:cover;background-color: white !important;background-position:center;background-repeat:no-repeat;-filter:blur(5px);-opacity:0.6}
.eb-category-title .cntt span{    margin-top: 5px;
    display: block;}
.wsite .filarianne2{    
color: white;
    position: relative;
    top: 0;
    right: 0;
    width: calc(50% - 200px);
    padding: 0px 100px;
    float: right;
    height: 63px;
    background: linear-gradient(135deg, rgb(27, 41, 67),rgb(38, 83, 174) 245%);
}
.infomg{
	font-family:"TypoGraphExtraBold";
	    background: #ce5a5a;
    color: white !important;
    padding: 15px 10px !important;
    border-radius: 28px;
    margin-bottom: 40px !important;
    text-align: center;
    line-height: 1.5em !important;
    font-size: 17px !important;
    clear: both;
    position: relative;
    display: block;
    font-weight: bold;
}
.nostyles .infomg{border-radius:0px !important}
.infomg span{color:white;}
.banncatt{
	background-position: center;
	background-size:cover;
	height: 100%;
	border-radius: 0px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.infomg.jaune span{color:black !important;font-weight:bold}
.infomg.jaune{background-color:#C1B934;color:black}
.eb-category .eb-category-title p{margin:0px;padding:0px;    font-family: 'TypographBold' !important;}
.eb-category .eb-category-title em{font-weight: normal !important;    font-style: normal;display:block;clear:both;font-size:14px;padding:4.5px 0;padding-bottom:0;    font-family: 'TypographBold' !important;}

.noshowform .bullecol i::before{

    content: "\f111" !important;
	color:white;
}

.noshowform .ssevent{border-left-color:white !important}
#lieux option{
	padding:2px 5px;
	border-radius:15px
}

#eb-categories-page .eb-description{  -box-shadow: 0 1px 4px hsla(0,0%,0%,0.125);text-align:left !important;background:#fff;color:inherit;display:block;padding:25px;width:calc(100% - 250px);margin:25px 42px;margin-top:45px}
#eb-categories {
	padding-top: 40px;
	padding-bottom:40px;
    margin: 0px 42px;
    background: white;
	    padding-left: 25px;
    padding-right: 25px;
}
.accueil #eb-categories{
	 -margin-top: -133px !important;
		position:relative;
}
.eb-category-description > p{        font-family: 'TypographLight' !important;}
.eb-category-description {    box-shadow: 0 1px 4px hsla(0,0%,0%,0.125);margin:100px;margin-top:45px;margin-bottom:0px;padding:25px;background:#efefef}
.eb-heading{	display:none}

#adminForm .eb-heading{
	font-family: 'TypographExtraBold' !important;
	margin-bottom:25px;
	display:block;
	text-align:center;	
}
#adminForm .nolabel{
	font-family: 'TypographBold' !important;
	text-align:left;	
}
.eb-heading::first-letter{text-transform:uppercase}

.wsite .logo img{
	width: 100px;
    height: auto;
    margin-top: 27px;
    margin-left: 24px;
}
.wsite .footer img{
	margin-top:25px;
}
.Invisible{
	display:none !important
}
body.wsite,.wsite .conteneur{
	padding:0px;
	max-width:100%;
	background-color:inherit;
}

.doodle .calendrierfully .singleev.nodispo,
.doodle.calendrierfully .singleev.nodispo{
	    opacity: 0.4;
}

.ssevent .descrr .hours span{font-weight: bold !important;
	font-family:'TypographExtraBold' !important

}

.ssevent .descrr strong{
clear:both;
font-weight:normal;
font-family:'TypographBold' 
}



.ssevent .descrr strong .price,.sseventassocie strong .price{
	padding:10px 0;
	display:block;
	padding-bottom:0px;
	    position: absolute;
    top: 7.5px;
    right: 15px;
}
#varevents2 .ssevent .descrr strong .price{
	position:relative;
	right: 0;
    top: 0;
}
#varevents2 strong {clear:both;    -white-space: nowrap;
    -text-overflow: ellipsis;
    -overflow: hidden;
	width: 100%;
margin-bottom:0px;
margin-top:5px;
    display: block;}
#varevents2 strong .price{
	padding-top:5px
}
.doodle .calendrierfully .singleev.datebeforeday:hover,
.doodle.calendrierfully .singleev.datebeforeday:hover{
	background:none !important;
	cursor:default !important;
}

.doodle .calendrierfully .singleev.nodispo:hover,
.doodle.calendrierfully .singleev.nodispo:hover{
	background:none !important;
	cursor:default !important;
	opacity:0.4 !important
}

.doodle .calendrierfully .singleev:hover,
.doodle.calendrierfully .singleev:hover{
	cursor:pointer;
	background: rgba(0,0,0,0.15) !important;
}

.doodle .sousligne{
	min-height: 250px;
    background: rgba(0,0,0,0.3);
}
.doodle .sousligne ul.crenos{
	padding:0;margin:0;
	overflow:hidden
}
.doodle .sousligne li.creno{
	float:left;
	display:block;
	list-style:none;
	width:100%;
	height:35px;
	color:white;
	font-family:TypoGraphExtraBold;
	line-height:35px;
	font-size:15px;
	border-bottom:1.6px solid rgba(255,255,255,0.1)
}

.wsite .header .conteneur{
	padding:0px !important;
	min-width:100% !important;
}
.wsite .header{
	-box-shadow: 0 1px 4px hsla(0,0%,0%,0.25);
	position:fixed;
	padding: 0px;
	width: 100%;
}
#registerformu h1{
	margin-top:0px;
	    margin-bottom: 25px;
}
.wsite .footer .menu{
	position:relative !important;
	top:0;
	left:0;
	right:0;
}
.wsite .footer .menu > li{
	float:none;
	display: inline-block;
}.wsite .footer a{
	border:none !important
}

.uploadprogress{
	position:fixed;
	top:50%;
	left:50%;
	z-index:999999999;
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:40px;
	font-size:18px;
	color:black;
	font-weight:bold;
	text-align:center;
}
.uploadprogress.showing{
	display:block !important;
}

.lds-dual-ring {
	display: inline-block;
	position:fixed;
	top:50%;
	left:50%;
	z-index:999999999;
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
  }
  
  .wsite .lds-dual-ring{margin-top:0px}
  .wsite .uploadprogress{margin-top:72px}
  
  .lds-dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin-left: 4px;
	margin-top:2px;
	border-radius: 50%;
	border: 5px solid #000;
	border-color: #000 transparent #000 transparent;
	animation: lds-dual-ringg 1.2s linear infinite;
  }
  
  @keyframes lds-dual-ringg {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }

  .loader.showing{display:inline-block !important}
  #varevents2 .dotss{
	  display:none
  }
  #varevents2 .suitestr{
	display:inline-block !important
  }
  
 
  .parcours.noparcours,.noshowlocat,.noshowhour,.noshowprice,.price.invisibl{
	  display:none !important
  }
  .price.noshowprice.visibl,.price.visibl{
	display:block !important
  }
  .price.noshowpriceabo.visibl,.price.noshowpriceabo{
	display:none !important
  }
.price{
	margin-top:3px
}
  /*.aprem{
	  margin-top:10px;
  }*/
  .price::after{
content:'€';
  }

  div[type="button"]{
	text-align:center;
	float:left !important;
	cursor:pointer;
  }
.suivant[data-fetape="1"],.precedent[data-fetape="1"]{display:block}


.suivant[data-fetape]:not([data-fetape="1"]),.precedent[data-fetape]:not([data-fetape="1"]),.control-group[data-formetape]:not([data-formetape="1"]){
	display:none
}

.suivant.hiding,.precedent.hiding,.control-group.hiding,h3.hiding{
	display:none !important
}
.reload a{
	border-radius: 30px;
}
span.spanhide{
  display:none !important
}
.inputimage label{
	position:relative !important
}
.inputimage input[type="radio"],.inputimage input[type="checkbox"]{
	position:absolute !important;
	top:15px !important;right:15px !important;
}
.inputimage ul li{
  margin: 0px !important;
  padding: 0px;
  background:none;
  border-radius: 0px;
}

.dark .inputimage ul{
	background: #3B3B3B;
}
.inputimage label{
	padding:0px !important;
	height:100%;
	background:white;
}
.dark .inputimage label{	background: #2B2B2B;}
.inputimage label img{
	height:100%;
	object-fit:cover;
}
.inputimage ul
{
	padding: 0px;
	background: #efefef;
width: calc(100% - 30px) !important;
height:auto;
margin: 0px 15px !important
}

.wi50 .inputimage ul
{
width: calc(50% - 30px) !important;
float:left!important;
height:200px;
}

.wi33 .inputimage ul
{
width: calc(33.33% - 30px) !important;
float:left !important;
height:150px;
}

.wi25 .inputimage ul
{
width: calc(25% - 30px) !important;
float:left !important;
height:125px;
}
.wi20 .inputimage ul
{
width: calc(20% - 30px) !important;
float:left !important;
height:100px;
}

.inputimage ul li{
	height:100%;
	width:100%;
}

.inputimage ul img{
  width:100% !important
}
.inputimage label{
	border-bottom:0px solid white !important;
	text-align:center;
}
.inputimage label span{
	display:block;
	line-height:1;
	background:white;
	width:100% !important;
	height:auto;
	margin:0px !important;
	padding:10px 0;
	position: absolute;
	bottom: -10px;
}
.dark .inputimage span{
	background:#2B2B2B
}
.messageshow{
  display:block
}

/*
.fieldd.control-group,.fieldd.eb-heading{
  transition:transform .2s linear;
}
.fieldd.slideleft{
  transform:translateX(-100%);
}
.fieldd.slideright{
  transform:translateX(100%);
}*/

.btn.precedent{
  margin-right:10px;
}


#resultatregisterformu{
   font-family: 'TypographBold' !important;
    font-size: 15px;
    padding: 20px 15px;
    background: transparent;
    border-radius: 28px;
    overflow: hidden;
    width: calc(100% - 80px);
    display: inline-block;
    color: inherit;
    margin: 0 25px;
    margin-bottom: 25px;
	font-weight:200
}

.g-recaptcha{
  margin-top: 20px;
  overflow:hidden;
}
.msginfo{     position: relative;
    z-index: 2;   float: left;
    width: 100%;}
.msginfo p{
  background:red;
  color:white;
  width:calc(100% - 40px);
  float:left;
  padding:20px;
  display:block;
  font-size:19px;
      margin: 0;
	      font-family: 'TypographExtraBold' !important;
    text-align: center;
}

#conditionsutil .fieldd.controls{
	clear:both
}


/*design modern form*/
#adminForm .control-group{
	position:relative
}

.aconddiv input[type=url],.aconddiv input[type=password],.aconddiv input[type=datetime-local],.aconddiv input[type=date],.aconddiv input[type=tel],.aconddiv input[type=number],.aconddiv input[type=email],.aconddiv input[type=text],
#adminForm input[type=url],#adminForm input[type=password],#adminForm input[type=datetime-local],#adminForm input[type=date],#adminForm input[type=tel],#adminForm input[type=number],#adminForm input[type=email],#adminForm input[type=text]{
	width:calc(100% - 48px) !important;
	-width:100% !important;
	margin:0px;
	    background: none;
	border:none;
	border-bottom:0px solid #efefef;
	border-radius:0;
	padding:0 10px;
	padding-bottom:0px;
	box-shadow:none;
	height:50px;
	padding-left:38px;
	    line-height: 100%;
		font-size:15px;
		transition:box-shadow .4s;
		font-weight:normal;
		color:grey;    font-family: 'TypographBold' !important;
}

.modern #adminForm input[type=url],.modern  #adminForm input[type=password],.modern  #adminForm input[type=datetime-local],.modern  #adminForm input[type=date],.modern  #adminForm input[type=tel],.modern  #adminForm input[type=number],.modern #adminForm input[type=email],.modern #adminForm input[type=text]{
	width:calc(100% - 52px) !important;
}

.frame #adminForm input[type=url],.frame #adminForm input[type=password],.frame #adminForm input[type=date],.frame #adminForm input[type=datetime-local],.frame #adminForm input[type=tel],.frame #adminForm input[type=number],.frame #adminForm input[type=email],.frame #adminForm input[type=text]{
	max-width:100%;
	padding-top: 0px;
	width:calc(100% - 52px) !important;
}

.modern #adminForm textarea{
	min-width:calc(100% - 80px) !important;
	max-width:calc(100% - 80px) !important
}

#adminForm input[type=checkbox],#adminForm input[type=radio],
.aconddiv input[type=checkbox],.aconddiv input[type=radio]{
	    width: 18px;
    height: 18px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
}



#view{
	    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0,0,0,0.5);
}
#bgview{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(255,255,255,0.85);
	}
#view .cont{
	background:white;
	position:fixed;
	width:50%;
	height:50%;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0px);
}
#adminForm select::-ms-expand {
    display: none;
}

.aconddiv select,
#adminForm select{
	    -webkit-appearance: none;
		 -moz-appearance: none;
		 -o-appearance: none;
		 -ms-appearance: none;
		 appearance: none;
		 
	background: none;
	color:#666;
	padding-left:38px;
	outline:none;
	font-size:15px !important;
	height:50px;
	transition:background .4s,box-shadow .4s;
	border:none;
	border-bottom:0px solid #efefef;
	border-radius:320px;
	-transition:color .4s;
	font-weight:normal;
	padding-top: 10px;
    padding-bottom: 14px;
	font-family: 'TypographBold' !important;
	position:relative;
	border: 1.6px solid rgba(255,255,255,0.25) !important;
	box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgba(255,255,255,0.5), 5px 5px 20px rgba(0, 0, 0,0.15) !important;
    font: inherit ;

}

.davantform .aconddiv select,
.davantform #adminForm select{
	-webkit-appearance: none;
	 -moz-appearance: none;
	 -o-appearance: none;
	 -ms-appearance: none;
	 appearance: none;
	 
background: none;
color:#666;
padding-left:38px;
outline:none;
font-size:15px !important;
height:50px;
transition:background .4s,box-shadow .4s;
border:none;
border-bottom:0px solid #efefef;
border-radius:320px;
-transition:color .4s;
font-weight:normal;
padding-top: 10px;
padding-bottom: 14px;
font-family: 'TypographBold' !important;
position:relative;
border: 1.6px solid rgba(255,255,255,0.5) !important;
box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgb(255,255,255), 5px 5px 20px rgba(0, 0, 0,0.15) !important;
}

.aconddiv select[multiple],
#adminForm select[multiple]{
	min-height:45px;
	height:auto;
	color:#666;
	    padding: 38px;
		border:1.6px solid #666;
    padding-bottom: 0px;
}

.aconddiv.lstsql::after,.aconddiv.tplist::after,
#adminForm .lstsql::after,#adminForm .tplist::after{
	content:'\f0d7';
	position:absolute;
	right:33px;
	bottom:18px;
	pointer-events:none;
	font-family:"FontAwesome";
	color:black;
	-opacity:0.5;
	font-size:17px;
}
#adminForm .lstsql.fcs::after,#adminForm .tplist.fcs::after{
	opacity:1;
	content:'\f0d8'
}

#adminForm .control-group.fcs textarea,#adminForm .control-group.fcs select{
	color:grey;
	border-color:black
}


#adminForm textarea{
	color:black;
    background: none;
	    padding:11px 38px;
		font-size:15px;
		border:1.6px solid #666;
		-transition:border-color .4s;
		border-bottom:0px solid #efefef;
		border-radius:25px;
		font-weight:bold;
		min-height:150px;
		max-height:160px;
		min-width:calc(100% - 76px);
		max-width:calc(100% - 76px);
		box-shadow:inset 2px 2px 5px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255,0.5);
			font-family: 'TypographLight' !important;
}
.davantform #adminForm textarea{
	color:black;
    background: none;
	    padding:11px 38px;
		font-size:15px;
		border:none;
		-transition:border-color .4s;
		border-bottom:0px solid #efefef;
		border-radius:25px;
		font-weight:bold;
		min-height:80px;
		max-height:160px;
		min-width:calc(100% - 76px);
		max-width:calc(100% - 76px);
		box-shadow:inset 2px 2px 5px rgba(0,0,0,0.2), inset -5px -5px 10px #ffffff;
			font-family: 'TypographLight' !important;
}
.frame #adminForm textarea{
	max-width:100%;
		width:calc(100% - 76px);
}
#adminForm textarea,#adminForm .tprange,#adminForm .tpcheckboxes,#adminForm .tpradio{
	-transition:border-color .4s
}
 #adminForm .control-group input, .aconddiv.control-group input{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;outline:none;
	border:none;
	border-radius: 320px;
	
background: none;
-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255);
box-shadow: inset 2px 2px 5px rgba(0,0,0,0.125), inset -5px -5px 10px rgba(255,255,255,0.25);
}
.davantform #adminForm .control-group input,.davantform .aconddiv.control-group input{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;outline:none;
	border:none;
	border-radius: 320px;
	
background: none;
box-shadow: inset 2px 2px 5px rgb(210,210,210), inset -5px -5px 10px rgb(255,255,255);
}

.noavfo #varevents2{
	background-color:#EBECF0
}

.noavfo #varevents2{
	margin-left:0px;
	padding-left:125px;
}

.dark.noavfo #registerformu,.dark.noavfo #varevents2{
	background-color:#3b3b3b !important
}
.dark.noavfo .calendrierfully,.dark.noavfo .singleev,.dark.noavfo .cellule.actv .lnk a{
	background-color:#2b2b2b !important
}

#adminForm input[type=radio],.aconddiv input[type=radio]{
	border: 1.6px solid rgba(255,255,255,0.5) !important;
	border-radius: 32px;
	box-shadow:3px 3px 6px rgba(0,0,0,0.1), -3px -3px 6px rgba(255, 255, 255,0.5) !important
}

.davantform #adminForm input[type=radio],.davantform .aconddiv input[type=radio]{
	border: 1.6px solid rgba(255,255,255,0.5) !important;
	border-radius: 32px;
	box-shadow:3px 3px 6px rgba(0,0,0,0.1), -3px -3px 6px rgb(255, 255, 255) !important
}

#adminForm .control-group.fcs input{
	border-color:black;
	color:black;
}
#adminForm .control-label{
	transition: color .4s;
	-transform: translate3d(38px,36px,0px);
	color:#666
}

.aconddiv.control-group.tpcheckboxes fieldset,
#adminForm .control-group.tpcheckboxes fieldset{
	 padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 0px;
    padding-right: 0px;
    width: calc(100% - 40px);
	-background:#efefef;
	border-bottom:0px solid #efefef;
	-border:1.6px solid #666;
	
}
#adminForm .control-group.tpconditions fieldset,.aconddiv.control-group.tpradio fieldset,
#adminForm .control-group.tpradio fieldset{
	    padding-left: 38px;
    padding-top: 38px;
    padding-bottom: 0px;
    padding-right: 0px;
    width: calc(100% - 38px);
	-background:#efefef;
	-border:1.6px solid #666;
	    /*-overflow: auto;
    -max-height:70px;*/
}
#adminForm .control-group.tpradio{
		margin-bottom:22px;
	-margin-top:38px;
	    border-bottom: 0px solid #efefef;
}#adminForm .control-group.tpcheckboxes{
		margin-bottom:22px;
	-margin-top:56px;
	    border-bottom: 0px solid #efefef;
}
#adminForm .control-group.tpcheckboxes.fcs,#adminForm .control-group.tpradio.fcs{
		border-color:black
}

.o365cal::after{
	content:'365';
	font-size:8px;
	position: absolute;
top: 11px;
left: 50%;
}
.o365cal i{
	-position: relative;
-left: -8px;
}
.cals{display:none;
	left:85px;width:255px;position:absolute;
}
.favoriscalendar{cursor:pointer;z-index:99999999;}
#adminForm .control-group.tpradio.fcs .control-label::before,#adminForm .control-group.tpfile.fcs .control-label::before{
color:black;
	opacity:1;
}
#adminForm .control-group.tpcheckboxes.fcs .control-label::before{/*top: 41px;
	left: 33px;*/color:black;opacity:1}
	
	.dark #adminForm .control-group.tpradio.fcs .control-label::before,.dark #adminForm .control-group.tpfile.fcs .control-label::before{
		color:#efefef;
			opacity:1;
		}
		.dark #adminForm .control-group.tpcheckboxes.fcs .control-label::before{/*top: 41px;
			left: 33px;*/color:#efefef;opacity:1}

#adminForm .control-group.tpfile,#adminForm .control-group.tprange{margin-bottom: 25px;
    -margin-top: 38px;    -border-bottom: 1.6px solid #efefef;}
#adminForm .control-group.tpfile .control-label,#adminForm .control-group.tprange .control-label {
    -transform: translate3d(38px,14px,0px);
    -background: #fff;
    display: inline-block;
    position: relative;
    z-index: 222;
    width: auto;
    opacity: 1;
    padding: 0 30px;
    padding-right: 15px;
    left: -30px;
	width:100%
}
#adminForm .control-group.tprange .controls,#adminForm .control-group.tpfile input{
	text-align: left;
	-min-height: 50px;
	padding:33px 37px;
	height: 27px;
	padding-top:12px;
	padding-bottom:8px;
	background:none;
	border:none;
	border-bottom:0px solid #efefef;
	border-radius:0px;
	outline:none;
	width:calc(100% - 80px);
	font-weight:bold;
	    color: #666;    line-height: 1.5em;
		    font-family: 'TypographLight' !important;
			font-size:15px;
			box-shadow: inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgb(255,255,255), 5px 5px 20px
rgba(0, 0, 0,0.15) ;

background: none;

border-radius: 320px;

border: 1.6px solid

    rgba(255,255,255,0.5) !important;


}
#adminForm input[type=file]{
	    outline: none;
    box-shadow: none;
}
#adminForm .control-group.tprange.fcs .controls,#adminForm .control-group.tpfile.fcs input{
	color:black;
	border-color:black;
}
 
#adminForm .control-group.tpconditions .control-label,#adminForm .control-group.tprange .control-label,#adminForm .control-group.tpcheckboxes .control-label,#adminForm .control-group.tpradio .control-label{
	-transform: translate3d(38px,12px,0px);
    background: none;
    display: inline-block;
    position: relative;
    z-index: 222;
    width: auto;
    opacity: 1;
    padding: 0 30px;
	padding-right:15px;
    left: -30px;
}

.wsite .filarianne{
	height:48px;
    background: #1c2a44;
    color: white;
    position: relative;
    top: 0;
    right: 0;
      width:calc(50% - 200px);
    padding: 7.5px 100px;
	float:left;
}

#eb-category-page-default .filarianne{
 width:calc(100% - 200px);
 float:none;
}
#eb-categories-page .filarianne,#eb-categories-page-default .filarianne{width:calc(100% - 200px);float:none;}
#eb-categories-page .eb-description{background:#ccc;color:inherit !important;-display:none}
#eb-categories-page .eb-description > *{color:inherit;}
.wsite .filarianne ul{margin:0px;    max-width: calc(200% + 190px);
    display: block;
	width: calc(200% + 190px);}
	
	.ssdes ul {
		margin: 10px 20px;
	}

.frame .darked{
	position: fixed;
left: 20px;
bottom: 60px;z-index:99999999999;
}

.frame.view-calendar .darked{
	position: fixed;
right: 70px;
left:inherit;
bottom: 60px;
z-index:99999999999;
}

.frame .darked a.moon::after {color:black !important;content:"\f186" !important}
.dark .frame .darked a.moon::after {color:#efefef !important;content:"\f0eb" !important}

.frame .darked span{display:none}
.frame .darked a::before{
	transition: box-shadow .2s,opacity .2s,margin-right .2s;
-width: 22.5px;
display: block;
float: right;
font-size: 20px !important;
width: 35px;
height: 35px;
background: none;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
background-image: inherit;
margin-right: -7.5px;
content: '';
color: black;
position: absolute;
right: -32px;
top: 6px;
background:#efefef;
border-radius: 35px;
box-shadow: none;
background-position: 55% 60%;
background-repeat: no-repeat;
background-size: 25px 25px;
}
.dark .frame .darked a::before{background:#3b3b3b}





.basket{    -box-shadow: 0 1px 2px hsla(0,0%,0%,0.25);
	transition:margin-left 400ms cubic-bezier(.05,.74,.27,.99),box-shadow .2s ease-in-out;
	box-shadow:inset 3px 3px 6px rgba(0, 0, 0,0),inset -3px -3px 6px rgba(255, 255, 255,0),3px 3px 6px rgba(255,255,255,0.1), 3px -3px 6px rgba(0, 0, 0, 0.1) !important;

	position:absolute;

z-index:4;
top:50%;
left:50%;
margin-left:9px;
margin-top:-30px;
cursor:pointer;
width:60px;
height:60px;
background:#EBECF0;
border-radius:6px;
color:#333;
font-size:25px;
line-height:25px;
text-align:center;
font-family: 'TypographExtraBold';
border: 1.6px solid rgba(255,255,255,0.5);
}

#adminForm input{content: none !important;border:none !important;outline:none !important}


#adminForm .cgconditions fieldset label input,
#adminForm .tpcheckboxes fieldset label input{
	float:left;
	margin-right:5px;
	width:15px;
	height:15px;
	position: relative;
    top: 1px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	border-radius:4px;
	border:none;background:none;
	border: 1.6px solid rgba(255,255,255,0.25) !important;
	box-shadow:3px 3px 6px rgba(0,0,0,0.1), -3px -3px 6px rgba(255, 255, 255,0.5) !important
}

.davantform #adminForm .cgconditions fieldset label input,
.davantform #adminForm .tpcheckboxes fieldset label input{
	float:left;
	margin-right:5px;
	width:15px;
	height:15px;
	position: relative;
    top: 1px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	border-radius:4px;
	border:none;background:none;
	border: 1.6px solid rgba(255,255,255,0.5) !important;
	box-shadow:3px 3px 6px rgba(0,0,0,0.1), -3px -3px 6px rgb(255, 255, 255) !important
}
#adminForm .tpcheckboxes fieldset label{
	line-height: 1.25em;
}
#adminForm .tpcheckboxes fieldset label span{
	float:left;
	width:calc(100% - 35px);
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	line-height:1.25em
}

.info a{
	font-weight:bold
}
.torgt .basket{
	-transition:background .2s ease-in-out;
	left:50%;
	right:inherit;
	margin-left:9px;
	box-shadow:inset 3px 3px 6px rgba(0, 0, 0,0),inset -3px -3px 6px rgba(255, 255, 255,0),3px 3px 6px rgba(255,255,255,0.5), 3px -3px 6px rgba(0, 0, 0, 0.1) !important;
	-margin-right:-35px;
}
.torgt .basket i{
	color:inherit;
	box-shadow:inset 3px 3px 6px rgba(0, 0, 0,0),inset -3px -3px 6px rgba(255, 255, 255,0),3px 3px 6px rgba(0,0,0,0.125), -3px -3px 6px rgba(255, 255, 255,0.25) !important
}
.wsite .basket{margin-top:-30px}

.torgt .basket.actv {
    box-shadow: inset -3px -3px 6px rgba(0, 0, 0,0.25),inset 3px 3px 6px rgb(255, 255, 255),3px 3px 6px rgba(255,255,255,0), 3px -3px 6px rgba(0, 0, 0, 0) !important;
}

.basket::before{
	content:'\f290';
	font-family:'FontAwesome';
	color:inherit;
	font-size:30px;
	display:block;
	position:relative;
	top:20px;
	left:0px;
	font-weight:normal;
	transition:transform .2s;
	z-index:9;
}

.basket i{    z-index: 9;
	font-style:normal;
	-color:white;
	font-size:15px;
position:relative;
top: -7px !important;
left: -33px !important;
transform: rotate(-135deg);
display:block;
font-family: 'TypographExtraBold';
-background:#000;
color:inherit;
width:25px;
height:25px;
box-shadow:inset 2px 2px 6px rgba(0,0,0,0.25), inset -2px -2px 6px rgba(255,255,255,0.125);
border-radius:25px;
}
html body .calendrierfully .cellule.actv .nameday {
    -background: white;
    color: inherit !important;
-border-radius: 35px;
-opacity: 0.75;
-background: linear-gradient(145deg, rgba(0,0,0,0.1), rgba(255,255,255,0.1)) !important;
-box-shadow: 4px 4px 8px rgba(0,0,0,0.125), -4px -4px 8px rgba(255,255,255,0.125);
-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.375), inset -2px -2px 6px rgba(255,255,255,0.125);
-box-shadow: 2px 2px 4px rgba(255,255,255,0), -2px -2px 4px rgba(0,0,0,0),inset 2px 2px 6px rgba(0,0,0,0.25), inset -2px -2px 6px rgba(255,255,255,1);
}

.singleev.nbevents{
	cursor:pointer;
}
.singleev .nomarl,.singleev.nbevents .nameday {
    min-width: 29px;
    transition: opacity .2s,box-shadow .2s;
    width: auto;
    height: 35px;
    -border-radius: 25px;
    -background: white;
    -box-shadow: 2px 2px 4px rgba(0,0,0,0.25), -2px -2px 4px rgba(0,0,0,0.125);
    -background: linear-gradient(290deg, rgba(0,0,0,0.75),rgba(0,0,0,0.125));
    -color: #fff;
    line-height: 35px;
    margin: 0 auto;
    float: none;
    position: relative;
    top: 12px;
    display: inline-block;
    padding: 0 3px;
    border-radius: 35px;
    /*box-shadow: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.5);*/
}.legends:hover::after, #eb-calendar-page .eb-description:hover::after, .singleev.nbevents:hover .nameday, #prev_month:hover, #next_month:hover,#prev_week:hover, #next_week:hover {
    box-shadow: 2px 2px 4px rgba(0,0,0,0), -2px -2px 4px rgba(255,255,255,0);
}.nbevents0 .nomarl,.nbevents0 .nameday,.datebeforeday .nameday {
    box-shadow: none !important;cursor: not-allowed !important;
}.nbevents0 .nomarl,.nbevents0 .nameday,.mini .nomarl.datebeforeday .bulles, .nomarl.datebeforeday, .mini .datebeforeday .bulles, .datebeforeday .nameday {
    opacity: 0.33;
}
.ssevent::after{display:none !important}
.basket.highlited i{
	color:white !important;
	background:red !important;
}

/*.calendrierfully .eb-description{margin-top:-25px !important}*/

/*
.torgt .basket.actv{
	transform:rotate(135deg) !important;
}
.torgt .basket.actv i{
	    top: 60px;
    left: 20px;
	transform: rotate(225deg);
}*/




.basket.actv{
	left:50%;
	right:inherit;
	margin-right:inherit;
	-margin-left:-30px;
	background:#EBECF0
}
.basket.actv::before{
	content:'\f00d';
	top:18px;
	left:-1px !important;
	-animation: lds-dual-ring2 1.5s linear infinite;
}

@keyframes lds-dual-ring {
		0% {
			opacity:1;
		  transform: scale(1);
		}
		100% {
			opacity:0;
		  transform: scale(1.75);
		}
	  }	
	  
.basket.highlited::after{
	content:'';
	display:block;
transition:left .2s ease-in-out,background .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;
width:60px;
height:60px;
background:inherit;
border-radius:6px;
position: absolute;
    top: 0px;
    left: 0px;
	animation: lds-dual-ring 1.25s linear infinite;
}

.basket.actv::after{
		content:'';
	display:block;
transition:left .2s ease-in-out,background .2s ease-in-out,opacity .2s ease-in-out;
width:60px;
height:60px;
border-radius:6px;
background:#EBECF0;
position: absolute;
    top: 0px;
    left: 0px;
	animation: lds-dual-ring 1.25s linear infinite;
}

#registerformu{
	-webkit-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
}

#registerformu.actv{
	transform:translate3d(-100%,0px,0px)
}
/*
.torgt #registerformu.actv{
	transform:translate3d(200%,0px,0px)
}
*/
.user .fa{
	    font-size: 2em !important;
    -margin-top: 4px;
}
#varevents2{    -webkit-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    transition: transform 400ms cubic-bezier(.05,.74,.27,.99);transform:translate3d(100%,0px,0px)}
.torgt #varevents2{    margin-left: 82px !important;transform:translate3d(200%,0px,0px)}

#varevents2.actv{transform:translate3d(0px,0px,0px)}
.torgt #varevents2.actv{transform:translate3d(100%,0px,0px)}

.user{overflow:hidden}
.user span{width:100%;text-align:right;float:left;clear:both;display:block;}
.hdcalcls .user span{width:auto}
.user span a{color:black;text-align:right;font-family:'TypoGraphExtraBold';}
.user .goch{margin-right:15px;padding-right:15px;border-right:1.6px solid #efefef;float:left;}
.user .droit{float:right}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
  -webkit-text-fill-color: black !important; 
  text-fill-color: black !important;
  /*-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;
  box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;*/
  transition: background-color 5000s ease-in-out 0s !important;
  background:none !important;
}

.nostyles input:-webkit-autofill,
.nostyles input:-webkit-autofill:hover, 
.nostyles input:-webkit-autofill:focus,
.nostyles textarea:-webkit-autofill,
.nostyles textarea:-webkit-autofill:hover,
.nostyles textarea:-webkit-autofill:focus,
.nostyles select:-webkit-autofill,
.nostyles select:-webkit-autofill:hover,
.nostyles select:-webkit-autofill:focus {
  -webkit-text-fill-color: black !important; 
  text-fill-color: black !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;
  box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background:none !important;
}

.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover, 
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark textarea:-webkit-autofill:hover,
.dark textarea:-webkit-autofill:focus,
.dark select:-webkit-autofill,
.dark select:-webkit-autofill:hover,
.dark select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ccc !important; 
  text-fill-color: #ccc !important;
 }

#adminForm .control-group.fcs .control-label{
	-transform: translate3d(11px,11px,0px);
	color:black !important;
}

#adminForm .control-group.fcs.slctmult .control-label{
	-transform: translate3d(38px,36px,0px) !important;
}


.sousbann{  overflow:hidden;  min-height: 350px;height:auto;
    background: grey;position:relative}
	
.sousbann .imgg{
	    -opacity: 0.75;
	background-size:cover;
	width:100%;
	max-width:100%;
	height:100%;
	    -filter: blur(5px);
	background-position:center;
	position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
}

.only .sousbann{ height:50vh;}

.ssdsc ul{
	    margin: 10px 20px;
}

.persoprices.invisibl{display:none !important}
.sousbann .eb-page-heading{  
	z-index:2;  font-family: 'TypographBold';    line-height: 40px;
	display:block !important;
	max-width:800px;
	text-align:center;position:relative;font-size:45px;color:white;text-shadow:0px 0px 10px rgba(0,0,0,0.5);
	    margin: 0 auto;

    margin-top: 140px;
    margin-bottom: 140px;
	}

#adminForm .tptextarea.control-group{    -margin-top: 38px;}
#adminForm .tptextarea.control-group.fcs .control-label{
	-transform: translate3d(11px,-30px,0px);
	color:#666 !important;
}
#adminForm .tpfile.control-group{
	transition:border-color .4s;
}
#adminForm .tpfile.control-group.fcs .control-label{
    -transform: translate3d(38px,15px,0px);
}
#adminForm .tpcheckboxes.control-group.fcs .control-label{
    -transform: translate3d(38px,12px,0px);
}
#adminForm input[type="range"] {
    position: relative;
    margin-left: 1em;    width: 95%;
}
#adminForm input[type="date"],#adminForm input[type="datetime-local"]{
	color:transparent;
}
#adminForm .fcs input[type="date"],#adminForm .fcs input[type="datetime-local"]{
	color:#000
}
#adminForm input[type="range"]::after,
#adminForm input[type="range"]::before {
    position: absolute;
    top: 1em;
    color: #aaa;
}
#adminForm input[type="range"]::before {
    left:0em;
    content: attr(min);
}
#adminForm input[type="range"]::after {
    right: 0em;
    content: attr(max);
}

/*#adminForm .control-label{overflow:hidden}*/
#adminForm .control-label label{
    width: 100%;
    overflow: hidden;
    letter-spacing: 0px;
	text-transform: inherit;
    font-size: 12px !important;
    font-weight: normal;
	-transition:color .4s;
    font-family: 'TypographBold' !important;
	padding-left:11px;
}
#adminForm input[type=checkbox],#adminForm input[type=radio],
.aconddiv input[type=checkbox],.aconddiv input[type=radio]{
	margin:0px;
	font-size:20px;
	width: 20px !important;
height: 20px !important;
}
#adminForm .slctmult.tplist {margin-top:40px;margin-bottom:25px}
#adminForm .slctmult.tplist.fcs .control-label{    -transform: translate3d(11px,-7.5px,0px);
    opacity: 1 !important;}
	
	.aconddiv.control-group.tpcheckboxes .control-label::before,.aconddiv.control-group.tpradio .control-label::before,
	#adminForm .control-group.tpconditions .control-label::before,
	#adminForm .control-group.tpcheckboxes .control-label::before,
	#adminForm .control-group.tpradio .control-label::before{
	color:grey;
	opacity:0.66;
	pointer-events:none;
	font-family:'FontAwesome';
	content:'\f03a';
	position:absolute;    
	bottom: -34px;
	left:43px;
	transition:opacity .4s !important;
    z-index: 9;
}

.aconddiv.control-group.tpcheckboxes .control-label::before,
.aconddiv.control-group.tpradio .control-label::before
{
	bottom:inherit;
	left:28px;
	top:114px;
}

#eb-calendar-page .control-group.tpfile::before {
    color: grey;
	opacity:0.66;
    pointer-events: none;
    font-family: 'FontAwesome';
    content: '\f093';
    position: absolute;
    bottom: 21px;
    left: 13px;
    transition: opacity .4s !important;
    z-index: 9;
}

#etapeparcours .lstetape.masquer{display:none}

#eb-calendar-page  .control-group.tptelephone::before{color:grey;pointer-events:none;font-family:'FontAwesome';content:'\f098';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;}
#eb-calendar-page  .control-group.tpemail::before{color:grey;pointer-events:none;font-family:'FontAwesome';content:'\f0e0';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;}
#eb-calendar-page  .control-group.tptext::before{color:grey;pointer-events:none;font-family:'FontAwesome';content:'\f036';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;}
	#eb-calendar-page  .control-group.tplstsql::before{color:grey;pointer-events:none;font-family:'FontAwesome';content:'\f036';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;}
#eb-calendar-page  .control-group.tplist::before{color:grey;pointer-events:none;font-family:'FontAwesome';content:'\f0ca';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;}
	
	#eb-calendar-page  .control-group.tprange::before{color:grey;pointer-events:none;font-family:'FontAwesome';content:'\f1de';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;}
	#eb-calendar-page  .control-group.tprange::before{bottom:20px}
	
#eb-calendar-page  .control-group.tptextarea::before{color:grey;pointer-events:none;font-family:'FontAwesome';position:absolute;    bottom: 19px;left:12.5px;
    z-index: 9;content:'\f27a'}	
	
	#eb-calendar-page  .control-group.tpnumber::before{color:grey;pointer-events:none;font-family:'FontAwesome';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;
		content:'\f163'
	}
	#eb-calendar-page  .control-group.tpurl::before{color:grey;pointer-events:none;font-family:'FontAwesome';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;
		content:'\f08e'
	}
	
	
	#eb-calendar-page  .control-group.tptel::before{color:grey;pointer-events:none;font-family:'FontAwesome';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;
		content:'\f095'
	}
	
	#eb-calendar-page  .control-group.tpdate::before{color:grey;pointer-events:none;font-family:'FontAwesome';position:absolute;    bottom: 17px;left:12.5px;
    z-index: 9;
		content:'\f073'
	}
	  #adminForm .control-group .control-label label{   
		  padding-left:11px;
	  max-width:calc(100% - 11px);
	  /*white-space: nowrap;
    text-overflow: ellipsis;*/
	}

	#eb-calendar-page.tgld.nostyles.prss.bodycontent #registerformu .eb-description::after {display:none !important}

	.prss #adminForm .control-group .control-label label{ -padding-left:0px !important; -max-width:100% ;}
	#adminForm .control-group .control-label{  width:100% !important;  max-width: 90%;}
	#adminForm .control-group.cgrgpd .control-label{color:#666;-transform:translate3d(0px,0px,0px)}
	/*#adminForm .control-group.ovrl .control-label label{    white-space: normal;}
		
	#adminForm .control-group.fcs.ovrl::before{
		top:65px !important
	}*/
	
	#adminForm .control-group.cgrgpd{-margin-top:48px;}
	#adminForm .control-group.cgobservation{-margin-top:38px;}
	/*#adminForm .control-group.cgobservation textarea{width:calc(100% - 76px) !important}*/

	#adminForm .control-group.cgobservation.fcs textarea{border-color:black}
	
	#adminForm .control-group.tptextarea.fcs .control-label{color:#666 !important;	-transform: translate3d(11px,-7.5px,0px);}
	#eb-calendar-page  .control-group.cgnom::before{color:grey;content:'\f2c2 '}
	#eb-calendar-page  .control-group.cgprnom::before{color:grey;content:'\f2c2'}
	#eb-calendar-page  .control-group.cgrgion::before,#eb-calendar-page  .control-group.cgdpartement::before,#eb-calendar-page  .control-group.cgcommune::before,#eb-calendar-page  .control-group.cgadresse::before,#eb-calendar-page  .control-group.cgadressepostale::before,#eb-calendar-page  .control-group.cgville::before{    bottom:17px;font-size: 19px;color:grey;content:'\f015'}
	
	#adminForm .cgrgpd fieldset ul{padding-left:0px}
	/*#adminForm .cgrgpd fieldset::before{pointer-events:none;font-family:'FontAwesome';position:absolute;    top: 67px;left:12.5px;
    z-index: 999;
		content:'\f069 '}*/
		#adminForm .control-group.tprange.fcs .control-label,#adminForm .control-group.tpradio.fcs .control-label{-transform: translate3d(38px,12px,0px);}
		#adminForm #valid,#varevents2 #valid{
	-background-color:#666;
	margin-top:30px;
	    background: #4CAF50;
	color:white;
	font-weight:bold;
    float: left;
    width: 49%;
	border:1.6px solid #4CAF50;
	border-radius:0px;
	font-family:'TypographExtraBold';
	    background: #5fa261 !important;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2), -4px -4px 8px rgba(255,255,255,0.1);
    border-radius: 28px;
    border: 1.6px solid #74bf76 !important;
}
#adminForm #valid:hover,#varevents2 #valid:hover{
	background:#fff;
	-border-color:rgb(27, 41, 67);
	color:#4CAF50;
}
#adminForm #effacer,.btn-canc{float:right !important;font-weight: bold !important;}

.btn-canc,#adminForm #effacer,#adminForm #prevalid,#adminForm .suivant,#adminForm .precedent{
	-webkit-appearance: none;
	margin-top:30px;
	border-radius:320px;
	font-family:'TypographExtraBold';
	font-weight:normal;
	background:none;
	color:#666;
	float:left;
	width:45%;
	border:0px solid #000;
	box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgb(255,255,255,0.5), 5px 5px 20px rgba(0, 0, 0,0.15) !important;
	border: 1.6px solid rgba(255,255,255,0.25) !important;
}
.davantform .btn-canc,.davantform #adminForm #effacer,.davantform #adminForm #prevalid,.davantform #adminForm .suivant,.davantform #adminForm .precedent{
	-webkit-appearance: none;
	margin-top:30px;
	border-radius:320px;
	font-family:'TypographExtraBold';
	font-weight:normal;
	background:none;
	color:#666;
	float:left;
	width:48%;
	border:0px solid #000;
	box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgb(255,255,255), 5px 5px 20px rgba(0, 0, 0,0.15) !important;
	border: 1.6px solid rgba(255,255,255,0.5) !important;
}

#adminForm .suivant,#adminForm .precedent{
	width:45% !important;
	text-transform:uppercase;
	font-size:15px;
	padding:10px 0;
}

#adminForm .suivant.fetape1,#adminForm .precedent.fetape2{
	-width:100% !important
}
#adminForm .suivant,#adminForm .precedent{
	margin-bottom: 50px;
}

#adminForm #prevalid:hover,#adminForm .suivant:hover,#adminForm .precedent:hover{
	background:none;
	-border-color:rgb(27, 41, 67);
	color:#000;
}
#varevents2 #backvalid,.btn-ann,.btn-canc{
	margin-top:30px;
	border-radius:320px;
	font-family:'TypographExtraBold';
	font-weight:normal;
	background:none;
	color:#000;
	border:0px solid #000;
	margin-bottom: 65px;
	
	border: 1.6px solid rgba(255,255,255,0.5) !important;
}

.btn-ann,.btn-canc{
	-padding:10px 0;
	
	font-size:15px;
	text-transform:uppercase;
	width:49% !important;
	float:right;
}
#varevents2 #backvalid:hover,.btn-ann:hover,.btn-canc:hover{
	background:#efefef;
	color:#000
}
#varevents2 ul{margin:0px;}
#varevents2 .form-actions,#varevents2 .form-actions2{background:none;padding:0 20px;margin:0px;}

#adminForm .fieldd.control-group::before{opacity:0.66;transition:opacity .4s}
/*.fieldd.control-group.green::before,.fieldd.control-group.red::before,*/
#adminForm .fieldd.control-group.fcs::before{opacity:1}
#adminForm label{
	    color: #000;
		opacity:0.6;
	-font-weight:bold !important
}
#adminForm fieldset label{
	margin-bottom:8px;
}
.nostyles #adminForm label{opacity:1}
#adminForm .fcs label{
	    color: #000;
}


#eb-calendar-page .calendrier{
		overflow: hidden;
	float:none;
	width:100% !important;
	background-color:transparent;
	    -min-height: 1500px;
}
#eb-calendar-page .calendrier.formsanscalendar{margin-top:0px !important;background:#EBECF0}


#eb-calendar-page{    position: relative;float:left;-width:100%;display:block;overflow:hidden}
#eb-calendar-page .calendrierfully{
	margin: 0px;
    -background: #333;
    width: calc(50% - 110px);
    padding: 21px 32px;
    padding-left: 28px;
    float: right;
    -margin-bottom: 16px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-right: 42px;
}
#eb-calendar-page.davantform .calendrierfully{
	z-index:1
}
#eb-calendar-page.davantform.bckfxd .calendrierfully{
	z-index:2
}
#eb-calendar-page.bckfxd .cellule .lnk a{
background:none !important
}

 .bckfxd .ovrlbck{
	position: absolute;
top: 0;
left: 0;
width: 110%;
height: 110%;
opacity: 0;
z-index: 1;
background-color:inherit;
}
.frame.bckfxd .ctbck{
	width:50% !important;
}
.dark .bckfxd .ovrlbck{
	background-color: #3B3B3B;
}
.bckfxd .ctbck{
	background-color: #EBECF0;
}
.dark .bckfxd .ctbck{
	background-color: #3B3B3B;

}
#eb-calendar-page .torgt .calendrierfully{
	padding-right: 75px;
padding-left: 101px;
width: calc(50% - 136px);
}
/*
#eb-calendar-page.frame.only .torgt .calendrierfully{
padding-right: 75px;
padding-left: 101px;
width: calc(50% - 176px);
}*/

#eb-calendar-page.frame.only #registerformu{
	padding-top:62.5px;
	height: calc(100vh - 83.5px) !important;
    min-height: calc(100vh - 83.5px) !important;
}

#eb-calendar-page.frame.only .formsanscalendar #registerformu{
	-height: calc(100vh - 133.5px) !important;
	-min-height: calc(100vh - 133.5px) !important;
}
#eb-calendar-page.frame.only .calendrierfully{
	padding-top:62.5px;
	height: calc(100vh - 83.5px) !important;
    min-height: calc(100vh - 83.5px) !important;
}

#eb-calendar-page.frame.only #varevents2{
	padding-top: 62.5px;
	height: calc(100vh - 83.5px) !important;
    min-height: calc(100vh - 83.5px) !important;
}

#eb-calendar-page.frame.only .ffm{
	padding-top: 62.5px;
	height: calc(100vh - 83.5px) !important;
    min-height: calc(100vh - 83.5px) !important;
}

#eb-calendar-page.frame .torgt .calendrierfully {
padding-right: 75px;
padding-left: 0px;
width: calc(50% - 75px);
}

.control-group.acondition strong::before{content:'\f06a';font-family:FontAwesome;position:absolute;font-size:1.25em;color:red;right:15px !important;top:15px !important;}

.parcours.opacit{opacity:0.5;filter:alpha(opacity=50)}

#eb-calendar-page #registerformu{
	position: relative;
    margin: 0px;
    width: calc(50% - 137px);
    padding: 21px 32px;
    padding-left: 125px;
    float: left;
    -margin-bottom: 16px;
    -background: #EBECF0;
    overflow: hidden;
    padding-right: 52px;
}
#eb-calendar-page .torgt #registerformu{
	width: calc(50% - 120px);
}

#eb-calendar-page.frame #registerformu{
	padding-left: 30px;
width: calc(50% - 86px);
}
#eb-calendar-page.frame .calendrierfully{
	width: calc(50% - 80px);
	float: right;
	padding-right: 30px;
	padding-left: 50px;
}

 #eb-calendar-page .torgt #registerformu{
	 padding-right:30px;
	 padding-left:50px;
 }

#eb-calendar-page.frame  .torgt #registerformu {
    width: calc(50% - 80px);
}

#calendar_result.acondd{
	opacity:0.25
}
#eb-calendar-page .torgt #registerformu{
	width: calc(50% - 120px);
}
.calendrierfully::after{-content:'';-background-image:url(/images/sampledata/musee/Dcouverte-de-la-sculpture.jpg)}
.wsite #eb-calendar-page .formsanscalendar #registerformu,
#eb-calendar-page.only .formsanscalendar #registerformu{
	float:none;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.08), -5px -5px 20px rgba(255,255,255,0.8) !important;
	max-width:1000px;
	margin:0 auto;
	top:-133px;
	    z-index: 2;
		overflow: hidden;
		border-radius:28px;
		padding:0px !important;
}

#eb-calendar-page.only.nostyles .formsanscalendar #registerformu{
	box-shadow:none !important;
	border-radius:0px !important;
	margin:0 auto !important;
}
#eb-calendar-page.only.nostyles .formsanscalendar #eb-individual-registration-page{
	border-radius:0px !important;
}
.ctbck{width: 47.5%;

overflow: hidden;

height: 100%;

display: block;

position: fixed;
right:0;
-webkit-transition:  width 400ms cubic-bezier(.05,.74,.27,.99);

-moz-transition:  width 400ms cubic-bezier(.05,.74,.27,.99);

-o-transition: width 400ms cubic-bezier(.05,.74,.27,.99);

transition:  width 400ms cubic-bezier(.05,.74,.27,.99);
left:inherit;
z-index: 2;}

.torgt .ctbck{left:inherit;right:inherit;width:52.5%}

#eb-calendar-page.bckfxd .torgt #registerformu{
	z-index:1
}

.opening .ctbck,.ouvert .ctbck{
	-width: calc(50% - 135px);
}

#adminForm .control-group.tpcheckboxes .control-label::before {
    bottom: -35px;
}
.wsite #eb-calendar-page .formsanscalendar #registerformu .eb-description,
#eb-calendar-page.only .formsanscalendar #registerformu .eb-description{
	padding:75px 50px !important;
	background:inherit !important;
	color:inherit !important;
	padding-bottom:100px !important;
}

.modern .wsite #eb-calendar-page .formsanscalendar #registerformu .eb-description,
.modern #eb-calendar-page.only .formsanscalendar #registerformu .eb-description{
	padding-bottom:0px !important;

}

.formsanscalendar .propalaccount{
	background: #efefef;
	padding: 25px;
	border-radius: 8px;
}
.dark .formsanscalendar .propalaccount{
	background:#3b3b3b
}

.dark .ssevent .imag{
background-color:transparent !important
}
.wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page,
#eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
	padding:50px 75px;background-color: #EBECF0;color:black;
	position:relative;
	margin-top:0px;z-index:99;border-radius:28px;-background:inherit;    padding-bottom: 0px !important;
}

.dark .wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page,
.dark #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
	color:inherit;
}

.wsite #eb-calendar-page .formsanscalendar #registerformu{
	-top:0px !important
}
.seul.calendar .only .formsanscalendar .eb-page-heading.infs{display:none !important}
.traitsform{
	display:block;
	width:50%;
	position:absolute;
	background:white;
	height:5px;
}

.wsite #eb-calendar-page .formsanscalendar .eb-description,
#eb-calendar-page.only .formsanscalendar .eb-description{
	background:inherit !important;
	z-index: 2;
	    font-size: 15px;
	border:none !important;
	    
    margin: 0 auto !important;
	    padding: 0px;
		padding-bottom:40px;

}

.dsc u{    font-family: TypographBold;
	    margin-top: 5px !important;
    display: block;
	font-size:13px
}

	
.wsite #eb-calendar-page .formsanscalendar .eb-description p,
#eb-calendar-page.only .formsanscalendar .eb-description span,#eb-calendar-page.only .formsanscalendar .eb-description p{background:none !important;color:inherit !important;}
.wsite #eb-calendar-page .formsanscalendar .ssdsc,
#eb-calendar-page.only .formsanscalendar .ssdsc{max-width:100%}

.lnkk{display:none }
.footer{    z-index: 9999999;-display:none !important}
#eb-calendar-page .torgt .calendrierfully{
	float:left !important;
	-position:absolute;
	-top:66px;
	-left:0px;
}
.legends #legende li.nbev::before{
	content:'\f0c8'
}
#eb-calendar-page .torgt #registerformu{
	float:right !important;
	-width: calc(50% - 167px) !important;
	    padding-right: 30px !important;
    padding-left: 50px !important;
}

.calendrier{
	    position: relative;
}
#calendar_result{      overflow: visible;   padding-left: 10px;   position: relative;}
#calendar_result.loading::after{

    position: absolute;
    top: 225%;
    left: 50%;
  
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
	
	content: " ";
    display: block;
    border-radius: 50%;
    border: 5px solid #000;
    border-color: #000 transparent #000 transparent;
    animation: lds-dual-ringg 1.2s linear infinite;
}


#menutoggle.ouvert{overflow-y:auto;    overflow-x: hidden;}
.ffm,.sscategss,#registerformu,#varevents2,.calendrierfully{
  scrollbar-color: rgba(0,0,0,0.2);
  scrollbar-width: thin;
}
.ssdecri,#menutoggle.ouvert,.cnter{
  scrollbar-color: rgba(0,0,0,0.2);
  scrollbar-width: thin;
}

.ssdecri::-webkit-scrollbar,#menutoggle.ouvert #menu::-webkit-scrollbar,.cnter::-webkit-scrollbar{
	background:rgba(0,0,0,0);
	width:7px;
}
.ssdecri::-webkit-scrollbar-thumb,#menutoggle.ouvert #menu::-webkit-scrollbar-thumb,.cnter::-webkit-scrollbar-thumb{
	background:rgba(0,0,0,0.2);
	width:7px;
	height:2em
}

.sscategss::-webkit-scrollbar,.calendrierfully::-webkit-scrollbar,#varevents2::-webkit-scrollbar,.ffm::-webkit-scrollbar,#registerformu::-webkit-scrollbar{
	background:transparent;
	width:7px;
}
.sscategss::-webkit-scrollbar-thumb,.calendrierfully::-webkit-scrollbar-thumb,#varevents2::-webkit-scrollbar-thumb,.ffm::-webkit-scrollbar-thumb,#registerformu::-webkit-scrollbar-thumb{
	background:rgba(0,0,0,0.2);
	width:7px;
	height:2em
}

.formsanscalendar #registerformu .circle{
    position: absolute;
    top: 0px;
    right:0px;
    z-index: 9;
    -transform: rotate(45deg);
    width: 100%;
    height: 3px;
 -display: none;
}


.formsanscalendar .eb-description::after {
	
    -color: black !important;
	top:20px !important;
	right:20px !important;
	background:none;
	bottom: inherit;
	font-size:17px !important;
}
.formsanscalendar #registerformu .c2{
	height:2px;
	top:4px;
}
.pge{overflow:hidden}
.eb-category{position:relative;}
.eb-category .circle{
	display:none;
	 position: absolute;
    top: 0px;
	left:15px;
    -right:0;
    z-index: 9;
    -transform: rotate(45deg);
    width: calc(100% - 30px);
    height: 3px;
    -margin-right: -25px;
}
.eb-category .circle.c2 {
    height: 1px;
    top: 5px;
}
.formsanscalendar .eb-description{background:grey;    margin: 0px 100px !important;
    margin-top: 50px !important;}
	
	
	@media(max-width:720px){
		html.materialize .lnk .bulles{
			bottom:-2px !important
		}
		.materialize .singleev.nbevents .nameday{
			width:34px !important;height:40px !important
		}
		.materialize .mini .cellule {
			min-height: 72.5px !important;
			height: 72.5px !important;
		}

		#adminForm .control-group.w50,#adminForm .control-group.w30 {
			clear: both !important;
			width: 100% !important;
		}

		#adminForm .control-group.wi50 .inputimage ul,#adminForm .control-group.wi33 .inputimage ul,#adminForm .control-group.wi25 .inputimage ul,#adminForm .control-group.wi20 .inputimage ul {
			clear: both !important;
			width: 100% !important;
			margin:0px !important;
			padding:0px !important
		}
		
		.formsanscalendar .eb-description{
			margin: 0px 25px !important;
			margin-top: 50px !important;}
	}
	
	.only.frame .user,.user.cat{
		    position: absolute;
    top: 12px;
    right: 30px;
    z-index: 9;
	overflow:visible;
	}
	.user.cal{ position: relative;
	float:right;
   margin-top: 11px;
margin-bottom: 10px;
   margin-right: 30px;
    z-index: 9;
	overflow:visible;}
	
	.only.frame .backing,.backing.cal{
		position:absolute;
		top:20px;
		left:30px;
		    text-align: left;
			z-index:9;
	}
	.only.frame .backing a,.backing.cal a{
		-color:white;
		font-weight:bold;
		    -text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		    font-family: 'TypoGraphExtraBold';
	}
	.backing.cal a{
		color:white;
		text-shadow: 0px 0px 0px rgba(255,255,255,0);
	}
	.formsanscalendar .user a{color:white}
	.only.frame .user a,.user.cat a{
		color:white;
		-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	}
	
	.hdcal.fixd{
		box-shadow: 0 1px 4px hsla(0,0%,0%,0.125);
		background:#EBECF0;
	}
	.dark .hdcal.fixd{
		background:#2b2b2b;
	}
	.hdcal.fixd .only.frame .user a,.hdcal.fixd .user.cat a,.hdcal.fixd .backing.cal a,.hdcal.fixd .user a{
		color:black;
	}

	#eb-calendar-page.frame.only .hdcal.fixd{
background:none !important;
box-shadow:none !important;
	}
	
	label span.inforequired{
		text-transform: none;
		font-weight: bold;
		font-style: italic;
		opacity:0.75;
		font-size:12px;
		color:#666;
		 font-family: 'TypoGraphLight';
	}
	
	@media(max-width:900px){
		
		.msginfo p{font-size:17px;}
		/*.sousbann{
			min-height:187px !important;
			height:187px !important
		}
		.formsanscalendar .sousbann{
			min-height:270px !important;
			height:270px !important
		}*/
		.sousbann h1{font-size:30px !important}
		.eb-category-title{font-size:17px !important}
		.eb-category-title em{font-size:14px !important}
		#adminForm input[type=file],.infomg,#adminForm textarea,#adminForm li label,.ssdecri > *,.only.frame .ssdsc li span,#adminForm select,#adminForm input[type=url], #adminForm input[type=password], #adminForm input[type=datetime-local], #adminForm input[type=date], #adminForm input[type=tel], #adminForm input[type=number], #adminForm input[type=email], #adminForm input[type=text],#adminForm input[type=range],.only.frame .ssdsc p, .only.frame .ssdsc span, .only.frame .ssdsc li{
			font-size:15px !important;
		}
		.eb-category-title small{
			font-size:13px !important;
			width: calc(100% - 30px);
text-align: center;
		}
	}
	
	.blur-ie{
		display:none; 
	}
	input::-ms-clear {
		display: none;
	}

	::-ms-clear { display: none; }

	/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

		/*.blur {
			display: none !important;
		}*/
		/* .blur-ie {
			display: block !important;
			 position:absolute;
			 left:-50%;
			 top:-175%;
			 width:350%;
			 height:350%;
		}
		
		.calendrierfully .blur-ie{
			display:none !important
		}
		.calendrierfully .blur{
			display:block !important
		}
		
	}*/
	
	div.reload{
		text-align:center;
		margin-bottom: 50px;
	}
	.reload a{    
		display: inline-block;
		background: black;
		color: white !important;
		padding: 10px 25px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'TypographExtraBold';
		font-size: 14px;
		cursor: pointer;
	}
	
	.extcal_navbar td{    text-align: center;border:none}
	.nostyles .calendrierfully{
		width: calc(50% - 100px) !important;
		padding: 75px 50px !important;
	}
.nostyles #varevents2{transform: translate3d(150%,0px,0px) !important;width:46.5%;padding:0px !important;top:0px !important}
.nostyles #varevents2.actv{transform: translate3d(0px,0px,0px) !important;}
.nostyles #varevents2.fxd{width:46.5%;position:absolute !important;top:0px !important}
	.nostyles .basket{position:absolute !important;}
	.nostyles .calendrier{margin-top:0px !important}
	.nostyles #registerformu{width:calc(50% - 50px) !important}
	.nostyles #registerformu.seuls{width:100% !important}
	 #adminForm label{margin-top:0px;    font-family: 'TypographBold';}
	.nostyles #registerformu{padding:0px !important;margin:0px !important}
	.calendrierfully .ssdsc em,.calendrierfully .ssdsc span,.calendrierfully .ssdsc li,.calendrierfully .ssdsc  p,.calendrierfully .ssdsc b,.calendrierfully .ssdsc strong{    font-family: 'TypographBold' !important;background-color:transparent !important;background:none !important;color:inherit !important}
	.basket{color:black}
	.fxdetps{    position: fixed;
		top: 50%;
		right: 50%;
		width: 20px;
		overflow: hidden;
		border-radius: 28px;
		padding: 10px 3px;
		border:1.6px solid rgba(255,255,255,0.5);
		background: #EBECF0;
		height: auto;
		margin-top: -7.5px;
		margin-right: -55px;

		box-shadow:inset 3px 3px 6px rgba(0, 0, 0,0),inset -3px -3px 6px rgba(255, 255, 255,0),-3px -3px 6px rgba(255,255,255,0.1), 3px 3px 6px rgba(0, 0, 0, 0.1) !important;}
		
	.fxdetps li.masquer{display:none}
	.fxdetps li,.fxdetps li strong{top:2.5px;height:21px;}
	.fxdetps li strong{margin-bottom:5px;    overflow: hidden;}
	.tpmultipleradio.vald::after,.tpmultiplecheckboxes.vald::after,.tplstsql.vald::after,.tpdate.vald::after,.tpurl.vald::after,.tplist.vald::after,.tpcheckboxes.vald::after,.tpnumber.vald::after,.tptextarea.vald::after,.tpradio.vald::after,.tpfile.vald::after,.tptel.vald::after,.tptext.vald::after,.tpemail.vald::after{
		content:'\f00c' !important;
		font-size:17px;
		position:absolute;
		right:33px;
		top:52.5%;
		font-family:'FontAwesome';
		color:#4CAF50 !important;
	}
	.tpmultipleradio.error::after,.tpmultiplecheckboxes.error::after,.tplstsql.error::after,.tpdate.error::after,.tpurl.error::after,.tplist.error::after,.tpcheckboxes.error::after,.tpnumber.error::after,.tptextarea.error::after,.tpradio.error::after,.tpfile.error::after,.tptel.error::after,.tptext.error::after,.tpemail.error::after{
		content:'\f00d' !important;
		font-size:19px;
		position:absolute;
		top:50%;
		right:33px;
		font-family:'FontAwesome';
		color:#e9322d !important;
	}
	.tpcheckboxes.vald::after,.tpcheckboxes.error::after,.tpradio.vald::after,.tpradio.error::after,.tpfile.vald::after,.tpfile.error::after{
		top:42.5%;
		right:31px !important
	}

	#adminForm .control-group textarea, #eb-calendar-page #adminForm .control-group input, .aconddiv.control-group input,.modern #adminForm .control-group select{
		color:#000
	}

	.dark #adminForm .control-group textarea, .dark #eb-calendar-page #adminForm .control-group input,.dark .aconddiv.control-group input,.modern.dark #adminForm .control-group select{
		color:#efefef
	}
	
	.tplstsql.vald select,.tpdate.vald input,.tpurl.vald input,.tplist.vald select,.tpcheckboxes.vald,.tpnumber.vald input,.tptextarea.vald textarea,.tpradio.vald,.tpfile.vald,.tptel.vald input,.tptext.vald input,.tpemail.vald input{
		-border-color:#4CAF50 !important;
	}
	.tpmultiplecheckboxes.error input,.tpmultipleradio.error input,.tplstsql.error select,.tpdate.error input,.tpurl.error input,.tplist.error select,.tpcheckboxes.error,.tpnumber.error input,.tptextarea.error textarea,.tpradio.error,.tpfile.error,.tptel.error input,.tptext.error input,.tpemail.error input{
		border-color:#e9322d !important;
		box-shadow:0px 0px 3px red;
	}
	
	h1.tt{font-family:'TypoGraphExtraBold'}
	
	
	
	@media(min-width:1190px){
		.basket.fxdet{
			margin-top:-90px
		}
		
		#eb-calendar-page .calendrierfully .call {
			-height: calc(100vh - 142px);
			width: calc(100% - 45px);
			-overflow-y: auto;
			padding: 40px;
			padding-right: 5px;
			padding-top: 0px;
		}

		#eb-calendar-page.frame  .calendrierfully .call{
			padding:20px;
			padding-right:0px;
		}
		#eb-calendar-page.frame .torgt  .calendrierfully .call{
			padding:0 40px;
			padding-right:5px;
		}

		.modern #eb-calendar-page.frame .torgt .calendrierfully .call {
			padding: 0 55px;
			padding-right: 5px;
		}

		.modern #eb-calendar-page .calendrierfully .call{
			width:calc(100% - 62.5px)
		}

	
	/*scrollbars*/
	html.calendar,html.calendar body{overflow:hidden}
		
	html.calendar.seul,html.calendar.seul body{overflow:auto}
	
	#eb-calendar-page.bodycontent #registerformu.seuls{
		overflow: hidden;
		height: auto !important;
	}
	
	#eb-calendar-page .calendrierfully{
		overflow-y: auto;
		overflow-x: hidden;
		height: calc(100vh - 42px) !important;
		min-height: calc(100vh - 42px) !important;
	}
	
	#eb-calendar-page #registerformu{
		overflow-y: auto;
		overflow-x: hidden;
		height: calc(100vh - 42px) !important;
		min-height: calc(100vh - 42px) !important;
	}

	.modern #eb-calendar-page #registerformu{
		overflow-y: auto;
		overflow-x: hidden;
		height: calc(100vh - 21px) !important;
		min-height: calc(100vh - 21px) !important;
	}
	
	#eb-calendar-page .calendrierfully .extcal_minical .extcal_minical{
		-padding-bottom:90px;
	}
	#eb-calendar-page #registerformu #adminForm{
		padding-bottom:24px;
	}
	
	#eb-calendar-page .calendrierfully.noshwf{
		overflow: hidden;
		height: auto !important;
	}
	
	.simplebar-scrollbar:before{
		border-radius:0px;
		background:#bbb;
	}
	.simplebar-track.simplebar-vertical{
		top:5px;
		right:5px;
	}
	
	.cont .cnter{
		max-height: 450px;
		overflow-y: auto;
		overflow-x: hidden;
	}
		
	/*.cont{max-height:400px;}*/
}


.favoriscalendar a{
	    background: rgba(255,255,255,0.5);
    padding: 6px 15px;
    -display: inline-block;
    /*position: absolute;
    right: 118px;
    bottom: 0;*/
}
.calendrier.nohd{margin-top:0px !important}
h1.tt{font-family:'TypographextraBold';
    font-weight: normal !important;
	font-size:1.75em;-letter-spacing:0.5px
}
#registerformu .eb-description p{font-size:15px}

.materialize #adminForm .control-label label{
	font-size: 13px !important;
}
.materialize .info,.materialize .assistance p,.materialize .mini .mod_eb_mincalendar_td_dayname span,.materialize #varevents2 .descrii .lieux a span,.materialize .ssevent .descrr .lieux a span,.materialize #registerformu .eb-description p,.materialize .legends li,.materialize #menutoggle.ouvert #menu span{font-weight:300 !important}

.bullecateg.slcted i{-color:#5fa261 !important;-transform:rotate(45deg)}
.bullecateg.slcted i::before{-content:'\f00c' !important}
.cellule{min-height:75px;height:75px;}
.cellule.disp{min-height:1px;height:1px;margin:0px;}

.legends:hover::after,#eb-calendar-page .eb-description:hover::after,#prev_month:hover,#next_month:hover,#prev_week:hover,#next_week:hover{box-shadow:none;-background:rgba(0,0,0,0.3)}
.mini .mod_eb_mincalendar_td_dayname{color:inherit}
.mini .mod_eb_mincalendar_td_dayname.acti{color:inherit;-border-bottom: 1px solid rgba(255,255,255,0.5);-border-color:inherit;font-family: 'TypographExtraBold';}

.mini .mod_eb_mincalendar_td_dayname span{
	font-family:'TypographBold' !important;
	font-weight:normal !important
}
.mini .mod_eb_mincalendar_td_dayname.acti span{
	font-family:'TypographExtraBold' !important;
	font-weight:bold !important
}

#menutoggle span {
    display: block;
    float: left;
}
	#menutoggle{
		border-radius: 28px;
    -box-shadow: -5px -5px 20px rgba(255,255,255,0.05),5px 5px 20px rgba(0, 0, 0,0.3) !important;
		overflow:visible;
   padding:0px;
   position:fixed;
   transform:translateX(-190px);
   top:21px;
   left:21px;
   width:270px;
   height:calc(100% - 42px);
   -background:#333;
   z-index:999999999999;
   -webkit-transition: -webkit-transform 400ms cubic-bezier(.05,.74,.27,.99),background 400ms cubic-bezier(.05,.74,.27,.99);
   -moz-transition: -moz-transform 400ms cubic-bezier(.05,.74,.27,.99),background 400ms cubic-bezier(.05,.74,.27,.99);
   -o-transition: -o-transform 400ms cubic-bezier(.05,.74,.27,.99),background 400ms cubic-bezier(.05,.74,.27,.99);
   transition: transform 400ms cubic-bezier(.05,.74,.27,.99),background 400ms cubic-bezier(.05,.74,.27,.99);
   -webkit-backface-visibility: hidden;
   -webkit-perspective: 1e3;
    padding-left: 0px;
	-box-shadow:3px 3px 6px rgba(0,0,0,0.125), -3px -3px 6px rgba(255,255,255,0.05);
}
.aconddiv label {
    line-height: 22px;
    margin-top: 0px;
    font-size: 15px;
    font-family: TypographBold;
}
.aconddiv input[type="checkbox"] {
	float: left;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    position: relative;
	top: 1px;
	overflow:hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: none;
    background: none;
    border: 1.6px solid rgba(255,255,255,0.5) !important;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.1), -3px -3px 6px rgba(255, 255, 255,0.75) !important;

}
#menutoggle.ouvert{
   transform:translateX(0px);
}
#menutoggle.opening,#menutoggle.opening #menu,.opening .legend{
   -width:190px;
}
.bodycontent.opening{
	-width:calc(100% - 269px);
   -padding-left:269px !important;
}
.opening .bulles{
   -left:250px
}
.buttonmenu {
	 -webkit-transition: right 400ms cubic-bezier(.05,.74,.27,.99);
   -moz-transition:  right 400ms cubic-bezier(.05,.74,.27,.99);
   -o-transition:  right 400ms cubic-bezier(.05,.74,.27,.99);
   transition: right 400ms cubic-bezier(.05,.74,.27,.99);
   
}
.ouvert .buttonmenu, .opening .buttonmenu {
    right: 34px;
}
#menutoggle.opening #menu {
        margin-left: -50px !important;
    -display: block;
    -width: calc(100% - 4px) !important;
    -margin-top: 2px;
}
.opening h1.ent{
   -left:251px;
      -width: calc(100% - 351px);
}

/*.opening #header{
   left: 191px;
   width: calc(100% - 191px);
}*/

.logomenu {
    margin-left: 0px;
    position: relative;
    margin-top: 32.5px;
	margin-bottom:0px;
	-height: 46px;
}

#menutoggle #menu{
   top: 0;
   -background-color: #333;
   padding:0 30px;
   margin-left:0px;
   position: relative;
   overflow: hidden;
   -margin-top: 11px;
   width: 190px;
   margin-top:35px;
   margin-bottom: 35px;
   -webkit-transition: margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
   -moz-transition:  margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
   -o-transition:  margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
   transition: margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
   -webkit-backface-visibility: hidden;
   -webkit-perspective: 1e3;
}
#menutoggle #menu ul {
   display:none;
   position:relative;
   width:100%;
   min-width:100% !important;
   background:none !important;
   box-shadow:none !important;
   border:none !important;
   top:0px !important;
   overflow: hidden;
   -background-color: #1f2240 !important;
   margin-left: -30px;
   padding: 10px 30px;
}

#menutoggle #menu li,#menutoggle #menu ul li,.legend li.no-ajaxy{
   position: relative;
   float:left;
   display:block;
   width:calc(100% - 30px);
   padding:0px;
   margin:7px 0px;
}
#menutoggle #menu a,.legend a,#menutoggle #menu p,.legend p{
   height:40px;background-size: 0px 0px;
   -text-transform:uppercase;
   font-size: 14px;
   -display:block;
   color:inherit;
   width:100%;
   font-family:TypoGraphBold;
   display: table-cell;
vertical-align: middle;
background-position: -200% -200%;

background-repeat: no-repeat;
}
#menutoggle #menu p,.legend p{
	margin:0px !important
}
#menutoggle #menu .sub ul a{
   height:auto
}

#menutoggle #menu a span,.legend a span,
#menutoggle #menu p span,.legend p span{
   margin-top: 6px;
   font-weight:300;
   -opacity:0.5;
   -transition: opacity .2s
}

#menutoggle #menu li::before,.legend li::before{
   transition: opacity .2s;
   opacity:0.5
}
#menutoggle #menu li:hover::before,.legend li:hover::before{
   opacity:1
}
#menutoggle #menu a:hover span{
	text-decoration:underline;
}
#menutoggle #menu .current.active a span{text-decoration:underline;-opacity:0.75;font-weight: bold !important;}

.materialize .lstetape.activ font,.materialize #eb-calendar-page .calendrierfully .mod_eb_mincalendar_td_dayname.acti span{font-weight:900 !important}

.materialize .mini span.nomarl{
font-weight:200 !important;
line-height:45px
}

.materialize #varevents2 span,.materialize .ssevent .descrr .hours,.materialize .ssevent .descrr .lieux a span,.materialize .ssevent .descrr .hours span{
	font-family:'Roboto',sans-serif !important
}
#menutoggle #menu a:hover::before,#menutoggle  #menu .current.active a::before{
	box-shadow: 0px 0px 0px 3px white !important
}
.modern #menutoggle #menu a:hover::before,.modern #menutoggle  #menu .current.active a::before{
	box-shadow: 0px 0px 0px 3px #ccc !important
}
.dark #menutoggle #menu a:hover::before,.dark #menutoggle  #menu .current.active a::before{
	box-shadow: 0px 0px 0px 3px white !important
}
#menutoggle.opening .ancrer {
    left: 194px;
}

.ouvert .ancrer, .opening .ancrer {
    opacity: 0.5;
}

.ancrer {
    position: absolute;
    left: 239px;
    top: 39px;
    color: white;
    cursor: pointer;
    z-index: 9;
    -transition: opacity .2s,left .2s;
    opacity: 0;
    -webkit-transition: opacity 400ms cubic-bezier(.05,.74,.27,.99),left 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: opacity 400ms cubic-bezier(.05,.74,.27,.99),left 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: opacity 400ms cubic-bezier(.05,.74,.27,.99),left 400ms cubic-bezier(.05,.74,.27,.99);
    transition: opacity 400ms cubic-bezier(.05,.74,.27,.99),left 400ms cubic-bezier(.05,.74,.27,.99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1e3;
}
#menutoggle #menu .lien::before, .legend li.no-ajaxy::before {
    font-weight: normal;
    font-family: 'FontAwesome';
    font-size: 16px;
    color: white;
    position: absolute;
    right: -1px;
    top: 8px;
    pointer-events: none;
    transition: right .2s;
}
#menutoggle a::before, #menutoggle p::before {
    transition: background-color .2s,opacity .2s,margin-right .2s;
    width: 22.5px;
    display: block;
    float: right;
    font-size: 20px !important;
    width: 40px;
    height: 40px;
    background-color: #1f2240;
    margin-right: -14px;
    content: '';
    color: white;
}

#bgresearch, #bgfilters {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
    z-index: 99999;
}
#bgresearch h1 {
    margin-left: 102px;
    margin-top: 65px;
}
.closebgresearch {
    position: fixed;
    right: 6%;
    top: 8.75%;
    cursor: pointer;
}
.ancrer {
    display: none !important;
}
#menutoggle #menu {
    margin-left: -190px !important;
	width: 210px !important;
	height: calc(100vh - 330px);
	overflow:hidden !important;
}
#menutoggle.ouvert #menu {overflow:auto !important;scrollbar-color: #3b3b3b transparent !important;
	scrollbar-width: thin;-width: 100% !important;
-background-color: #c4c6ca;}

.modern #menutoggle.ouvert  #menu{
	scrollbar-color: #dedede #fff !important;
}

.modern.dark #menutoggle.ouvert  #menu{
	scrollbar-color: #2f2f2f #3b3b3b !important;
}


#menutoggle #menubis{
	display:block !important;
	width: 210px !important;
	margin-left: -190px !important;
    padding: 0 30px;
	margin-top: 35px;
	-webkit-transition: margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    transition: margin-left 400ms cubic-bezier(.05,.74,.27,.99),width 400ms cubic-bezier(.05,.74,.27,.99);
    -webkit-backface-visibility: hidden;
	-webkit-perspective: 1e3;
	position:absolute;
	bottom:87.5px
}
#menutoggle.ouvert #menubis {
	margin-left: -50px !important;
}
#menutoggle.ouvert #user {
	margin-left: -50px !important;
}
#user span u{
	margin-bottom:5px;
	font-size:10px !important
}
#menubis a{
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    background-position: -200% -200%;
    background-repeat: no-repeat;
}
#menubis .darked{
	position: relative;
    float: left;
    display: block;
    width: calc(100% - 30px);
    padding: 0px;
    margin: 7px 0px;
}
.buttonmenu {
    display: block !important;
    cursor: pointer;
    position: absolute;
    top: 22.5px;
    right: 27px;
    width: 27.5px;
    height: 40px;
    z-index: 999;
    padding-top: 19.5px;
    -opacity: 1;
    -webkit-transition: right 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: right 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: right 400ms cubic-bezier(.05,.74,.27,.99);
    transition: right 400ms cubic-bezier(.05,.74,.27,.99);
}
.buttonmenu .barre{
	width: 100%;
height: 2.6px;
background-color:inherit;
margin-bottom: 9px;
-webkit-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
-moz-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
-o-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
}
.ouvert .buttonmenu .barre1{
transform:translate3d(0px,5px,0px) rotate(45deg)
}
.ouvert .buttonmenu .barre2{
	transform:translate3d(0px,-4px,0px) rotate(-45deg)
}

.ouvert .buttonmenu, .opening .buttonmenu {
    -opacity: 0;
}
#filters h1, #research h1, #bgresearch h1 {
    font-size: 65px;
    font-weight: bold;
    color: black;
    padding-top: 10px;
    margin: 25px 0;
}

.ancrer i::before {
    content: "\f10c";
    font-size: 12px;
}

.bodycontent {
    padding-left: 0px;
	width: calc(100% - 0px);
    overflow: hidden;
    /* transform: translateX(0px); 
    -webkit-transition:width 400ms cubic-bezier(.05,.74,.27,.99),padding-left 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: width 400ms cubic-bezier(.05,.74,.27,.99),padding-left 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition:width 400ms cubic-bezier(.05,.74,.27,.99), padding-left 400ms cubic-bezier(.05,.74,.27,.99);
    transition:width 400ms cubic-bezier(.05,.74,.27,.99), padding-left 400ms cubic-bezier(.05,.74,.27,.99);*/
}
.frame.bodycontent{ padding-left: 0px;
	width: 100%;}
#logoCac, #logoVille {
    margin: 0 auto;
    width: 136px;
    height: 48px;
    position: absolute;
    top: 6px;
    left: 111px;
}
#menutoggle #menu .lien::before,.legend li.no-ajaxy::before{
   font-weight: normal;
   font-family:'FontAwesome';
   font-size:16px;
   color:white;
   position:absolute;
   right: -1px;
   top: 8px;
   pointer-events:none;
   transition:right .2s
}
.Accueil::before{
   content:'\f015';
}

#menutoggle #menu ul a::before,#menutoggle #menu ul p::before{
   display:none
}
#menu img,#eb-categories-page img,#eb-categories img,.ssevent img,#registerformu img{
	width: 100%;
    height: 100%;
	border-radius:115px;
    object-fit: cover;
    object-position: center;
}
.banncateg img,.eb-description img{
	border-radius:0px !important
}
#varevents2 img{display:none !important}
#menu img,#menutoggle a::before,#menutoggle p::before{
	
   transition: box-shadow .2s,opacity .2s,margin-right .2s;
   -width: 22.5px;
   display: block;
   float:right;
   font-size:20px !important;
   width: 35px;
   height: 35px;
   background:none;
   background-image:inherit;
   margin-right: -7.5px;
   content:'';
   color:white;
   position: absolute;
right: -31px;
top:5px;
border-radius: 35px;
   -box-shadow:3px 3px 6px rgba(0,0,0,0.1), -3px -3px 6px rgba(255,255,255,0.2);
   background-position:55% 60%;background-repeat:no-repeat;background-size:cover;
}
#menutoggle.ouvert .ancrer{
   left:224px
}
#menutoggle.opening .ancrer{
   left:197px
}

#calendar_result #next_month:hover,#calendar_result #prev_month:hover{box-shadow:none !important}
#calendar_result #next_week:hover,#calendar_result #prev_week:hover{box-shadow:none !important}

#calendar_result.rienslct .singleev:hover, #calendar_result.rienslct #next_month:hover,#calendar_result.rienslct #prev_month:hover,#calendar_result.rienslct #next_week:hover,#calendar_result.rienslct #prev_week:hover{pointer-events:none !important}


.extcal_month_label a.mod_eb_minicalendar_link{
	cursor:pointer;
}
.extcal_month_label a.mod_eb_minicalendar_link:hover,.lstmonths:hover,.lstyears:hover{
	text-decoration: underline !important;
}
.lstmonths,.lstyears{font-weight:bold !important;font-size: 26px !important;
	-line-height: 28px;font-family:'TypographExtraBold';
	border:none;cursor:pointer;background:none;appearance: none;outline:none;
}
.lstmonths{text-align: right;text-align-last:right;margin-right:5px;margin-left:20px;overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100px;}
.lstyears{text-align: left;text-align-last:left;margin-right:30px;}

.dark .lstmonths,.dark .lstyears{color:#efefef}
.dark .lstmonths:focus option,.dark .lstyears:focus option{color:#2b2b2b }

#adminForm select:focus option{background:#efefef;color:#2b2b2b}
.dark #adminForm select:focus option{background:#2B2B2B;color:#efefef }

#menutoggle.ouvert a::before,#menutoggle.opening a::before,
#menutoggle.ouvert p::before,#menutoggle.opening p::before{
   margin-right:-2px;
   right: -38px;
}
#menutoggle #user a,#menutoggle a u,#menutoggle a span{
	opacity:0
}
#menutoggle .mnu #user a.icco,#menutoggle .mnu #user a.icoo,#menutoggle.ouvert #user a,#menutoggle.ouvert a u,#menutoggle.ouvert a span{
	opacity:1
}
#menutoggle.ouvert .lien::before,#menutoggle.opening .lien::before,.opening .legend li.no-ajaxy::before{
   right:13px
}
#menutoggle span{
   display:block;
   float:left;
}
#user {
    right: 105px;
    bottom: 13px;
    position: absolute;
}
.opening .ancrer i::before {
    content: "\f192";
}
.frame.bodycontent,.frm.bodycontent {
	padding-left:0px !important;
	width:100%
}

#eb-categories-page.frm.bodycontent .ssdescc{
	padding-left:0px;
	width:50%
}
#eb-categories-page.frm.bodycontent #eb-categories{
	padding-left:0px;
	width:50%
}



	
	.retourr{display:none;position:absolute;}
	.retourr a::after{content:'\f104';font-size:21px;font-family:'FontAwesome';line-height:51px;left:6px;position:absolute;color:white;display:block;}
	
	.barre1{margin-top:7px;margin-bottom:7px !important;}
	.ssdecri{-border-radius: 28px;}
	.barre3{display:none;}
	@media(max-width:780px){
		/*.sousbann{min-height:142.5px !important;height:142.5px !important}*/
		.wsite #eb-calendar-page .formsanscalendar #registerformu .eb-description, #eb-calendar-page.only .formsanscalendar #registerformu .eb-description{
		padding: 30px 25px !important;
		margin-top:-30px !important;
    padding-bottom: 85px !important;
    -padding-top: 102.5px !important;-border-radius:0px !important
	}
	.formsanscalendar #registerformu h1{-text-align:center !important}
	
		.wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page, #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
		padding:30px 25px !important;
	}
		.wsite #eb-calendar-page .formsanscalendar #registerformu, #eb-calendar-page.only .formsanscalendar #registerformu{    background: none;
    box-shadow: none !important;overflow:visible;-border-radius:0px !important;top:0px !important}
		.barre1{margin-left:0px;margin-top:7px;margin-bottom:7px !important;}
		/*#menutoggle .retourr a::before{top:9px !important;margin-right:0px !important}*/
		#menutoggle #menu.opening{display:none}
		.retourr{display:block;}
	.logomenu{	
		margin-top: 8px !important;
    margin-left: -51px !important;
    left: 50%;
    height: 35px !important;
    width: auto !important;
	}
		.basket{-webkit-transition: -webkit-transform 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: -moz-transform 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: -o-transform 400ms cubic-bezier(.05,.74,.27,.99);
    transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
	}
	
	.basket.scrolled,#menutoggle.scrolled {
		transform: translate3d(0px,-52.5px,0px) !important;
	}

	#menutoggle.totop {
		-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important
	}
	
		#user{-display:none}
		#eb-categories{-background-color:transparent !important;-background:none !important}
		.eb-category-title .cntt{-background:white;-padding:20px;-width:calc(100% - 40px) !important}
		.eb-category-title .img .imgintro{-border-radius:0px;}
		.eb-category-title .img{margin-bottom:0px !important}
		#eb-categories .ovrlcat{box-shadow:none !important;
			    margin: 0px 15px;
		}
		.eb-category{
			margin-left:15px;
			margin-right:15px;
			border-radius:28px;
			
		}
		.ovrlcat .sscategss{padding:0px !important;width:calc(100% - 0px) !important}
	
		
		html.category, html.category body, html.categories, html.categories body{overflow:auto !important}
		    .ssdescc{
				padding:30px !important;
				width: calc(100% - 60px) !important;
			}
		#eb-categories-page .eb-description.ssdecri{    overflow: visible !important;padding: 0px !important;width: calc(100% - 0px) !important;margin-top:0px !important}
	.ancrer{display:none !important}
		#menutoggle{
			padding:0 35px;
			width:calc(100% - 70px) !important;
			height:52.5px;
			    transform: translateX(0px);
				z-index:999999999999;
		}
		.logomenu{
			margin-top:4px;
			    margin-left: -68px;
    left: 50%;
		}
		.buttonmenu{top:-5px !important;left:calc(100% - 60px) !important;position:fixed !important;right:inherit;}
		.bodycontent,.bodycontent.opening{padding-left:0px !important;width:100% !important}
		#menutoggle #menu{margin-top: 9px;display:none;width:100% !important;}
		.eb-category{    width: calc(100% - 70px) !important;}
		.modern .eb-category{    width: calc(100% - 30px) !important;}
	}
	
	/*lft rgt*/
	#eb-categories{
		float:right;
		width:calc(50% - 21px);
		height:100%;
		background:#f9f9f9;
		margin: 0;
		padding: 0px;
		z-index: 2;
position: relative;
	}
	
	.torgt #eb-categories{width:calc(50% - 81px);}
	
	.nodesc #eb-categories{
		width:calc(100% - 0px);
	}
	
	.ssdescc{
		float:left;
		width:calc(50% - 80px);
		height:100%;
		-background:#333;
		margin: 0;
		padding: 0px;
		position:relative;
		padding-left:101px;
	}
	.ssdescc .banncatt{
		left:-50%;width:150%;
	}
	.torgt .ssdescc{float:right;width:calc(50% - 21px);padding-left:0px}
	.torgt .ssdescc .banncatt{
		
		left:0px !important;
		width:100% !important;}
	
	/*dedans*/
	.sscategss{
		overflow-y:auto;
		overflow-x:hidden;
		height:calc(100vh - 42px);
		background:none !important;
		margin:0px !important;
		width:calc(100%) !important;
		
		-padding:0px !important;
		    padding: 21px 0 !important;
	}
	.ovrlcat{
		-border-radius:28px;
		-overflow:hidden;
		-box-shadow: -5px -5px 20px rgb(255,255,255), 5px 5px 20px rgba(0, 0, 0,0.15) !important;
	}
	.ssdescc .eb-description.ssdecri{
		overflow-y:auto;
		overflow-x:hidden;
		height:calc(100vh - 42px);
		background:inherit !important;
		margin:0px !important;
		width:calc(100% - 100px) !important;
		-border-radius:28px;
		padding:21px 50px !important;
		-box-shadow:-5px -5px 20px rgba(255,255,255,0.125),5px 5px 20px rgba(0,0,0,0.375) !important
	}

	#calendar_result.acondd{pointer-events:none}
	#calendar_result.acondd .sousligne{display:none !important;pointer-events:none !important;}

	
	#user{ -background: linear-gradient(90deg, rgba(95, 162, 97,0.9) 0%,rgba(95, 162, 97,1) 40%, rgba(95, 162, 97,1) 60%,rgba(95, 162, 97,0.9) 100%);
    
	-webkit-transition: width 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: width 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: width 400ms cubic-bezier(.05,.74,.27,.99);
    transition: width 400ms cubic-bezier(.05,.74,.27,.99);
	padding: 0 30px;right:inherit; 
	padding-top: 12.5px;
    padding-bottom: 15px;  
    margin-left: -190px;width:206px;-background:white;position:absolute;bottom:30px;-left:0px;}
	
	.opening #user{width:208px;}
	.logomenu{-opacity: 0.75;}
	#user .droit .fa-user-circle:before{
	font-size:30px;color:inherit;	    position: relative;
    top: 5px;
	}
	#user a::before{display:none}
	
	#user .gcc{width:calc(100% - 45px);float:left;}
	#user .drr{-webkit-transition: margin-right 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: margin-right 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: margin-right 400ms cubic-bezier(.05,.74,.27,.99);
    transition: margin-right 400ms cubic-bezier(.05,.74,.27,.99);margin-right: -9px;width:30px;float:right;}
	.icco i{color:inherit;-opacity:0.75}
	.ouvert #user .drr,.opening #user .drr{width: 27.5px;margin-right: 0px !important;}
	.gcc a:hover{text-decoration:underline;opacity:0.75}
	.gcc a{-opacity:0.75;font-size:15px;color:inherit !important;font-family:'TypoGraphExtraBold';font-weight:bold}
	
	html.category,html.category body,html.categories,html.categories body{overflow:hidden}
	
	.blackdesccat .mini .mod_eb_mincalendar_td_dayname,.blackdesccat .mod_eb_minicalendar_link a,.blackdesccat span.nomarl,.blackdesccat span.nameday,.blackdesccat span.saturday,.blackdesccat span.sunday,
	.blackdesccat .addbasket,.blackdesccat .ssevent .bottomm a,.blackdesccat .ssevent .descrr .hours,.blackdesccat .ssevent .descrr .lieux a,.blackdesccat .mini .descrr .hours,.blackdesccat .ssevent .descrr,.blackdesccat .mod_eb_minicalendar_link,.blackdesccat #legende li,.blackdesccat .parcours span,.blackdesccat .legends span, .blackdesccat .leslieux span, .blackdesccat .souscategories span, .blackdesccat .parcours strong, .blackdesccat .legends strong, .blackdesccat .leslieux strong, .blackdesccat .souscategories strong,
	.blackdesccat .desccreneaux,.blackdesccat .desccreneaux2,.blackdesccat .eb-description .dsc p,.blackdesccat .eb-description .ssdsc p{
		color:black !important
	}
	
	.blackcateg .ssdecri a,.blackcateg #eb-categories-page .ssdecri > *{
		color:black !important
	}
	
	.whitecateg .eb-category h3 a{
		color:white  !important
	}	
	
	.whiteform .basket i,.whiteform  #adminForm .control-group.tpcheckboxes .control-label::before,.whiteform #adminForm .control-group.tpradio .control-label::before,.whiteform #adminForm .fieldd.control-group::before,.whiteform #adminForm .control-group::before,.whiteform #adminForm .control-group input,.whiteform #adminForm label{
		color:white  !important
	}	
	
	.whiteform #adminForm textarea,.whiteform #adminForm .control-group input{box-shadow:2px 2px 4px rgba(255,255,255,0), -2px -2px 4px rgba(0,0,0,0), inset 2px 2px 6px rgba(0,0,0,0.275), inset -2px -2px 6px rgba(255,255,255,0.125) !important}
	
    .whiteform #adminForm #effacer,.whiteform #adminForm #prevalid,.whiteform #adminForm .suivant,.whiteform #adminForm .precedent,.whiteform #adminForm select{
		box-shadow:4px 4px 8px rgba(0,0,0,0.2), -4px -4px 8px rgba(255,255,255,0.1) !important;
		border:1.6px solid rgba(255,255,255,0.1) !important;
	}
		
	.whiteform .basket i,.whiteform #adminForm input[type=radio],.whiteform #adminForm input[type=checkbox]{
		box-shadow:3px 3px 6px rgba(0,0,0,0.2), -3px -3px 6px rgba(255,255,255,0.2) !important
	}
	.accueil #eb-categories-page .ssdescc{height:auto !important;width:calc(100% - 100px);background:#f9f9f9 !important}
.accueil #eb-categories-page .eb-description.ssdecri h1{color:inherit !important;margin-bottom:20px !important;}
.torgt #eb-categories{float:left;padding-left:101px;}
.accueil #eb-categories-page .eb-description.ssdecri{height:auto !important}
html.accueil,html.accueil body,html.accueil,html.accueil body{overflow:auto !important}
	.singleev.nbevents:hover .nameday {
    opacity: 0.75;
}
	.accueil .sscategss{overflow:hidden !important;height:auto !important}
	
	#adminForm .control-group textarea:focus, #adminForm .control-group input:focus {
    -border-color: black;
    -color: black;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), inset -1px -1px 2px #ffffff !important;
}
#adminForm .suivant:focus, #adminForm .precedent:focus, #adminForm select:focus, #varevents2 #backvalid:focus, #adminForm .btn-canc:focus, #adminForm .btn-ann:focus, #adminForm #prevalid:focus, #backvalid:focus, #valid:focus, #effacer:focus, #adminForm .suivant:hover, #adminForm .precedent:hover, #adminForm select:hover, #varevents2 #backvalid:hover, #adminForm .btn-canc:hover, #adminForm .btn-ann:hover, #adminForm #prevalid:hover, #backvalid:hover, #valid:hover, #effacer:hover {
    color: #666;
    border: 1.6px solid rgba(255,255,255,0.25) !important;
    box-shadow: inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-3px -3px 6px rgb(255,255,255), 3px 3px 6px rgba(0, 0, 0,0.15) !important;
}

#adminForm input[type=checkbox]:checked, #adminForm input[type=radio]:checked {
    -background: linear-gradient(145deg, #d7d7d7, #ffffff) !important;
    -box-shadow: inset 2px 2px 4px rgba(0, 0, 0,0.1),inset -2px -2px 4px rgb(255, 255, 255),2px 2px 4px rgb(255, 255, 255), -2px -2px 4px rgba(0, 0, 0, 0.1) !important;
}
.acondition.tpmultiplecheckboxes input:focus,.acondition.tpmultipleradio input:focus,.acondition.tpmultiplecheckboxes input:hover,.acondition.tpmultipleradio input:hover,#adminForm .tpmultiplecheckboxes input:focus,#adminForm .tpmultipleradio input:focus,#adminForm .tpmultiplecheckboxes input:hover,#adminForm .tpmultipleradio input:hover,#adminForm .tpradio input:hover, #adminForm .tpcheckboxes input:hover, #adminForm .tpradio input:focus, #adminForm .tpcheckboxes input:focus,
.acondition.tpradio input:hover, .acondition.tpcheckboxes input:hover, .acondition.tpradio input:focus, .acondition.tpcheckboxes input:focus {
    border: 1.6px solid rgba(255,255,255,0.25) !important;
    box-shadow: -1px -1px 2px rgb(255,255,255),1px 1px 2px rgba(0, 0, 0,0.15) !important;
}
.acondition.tpmultiplecheckboxes input:active,.acondition.tpmultipleradio input:active,.acondition.tpmultiplecheckboxes input:checked,.acondition.tpmultipleradio input:checked,#adminForm .tpmultiplecheckboxes input:active,#adminForm .tpmultipleradio input:active,#adminForm .tpmultiplecheckboxes input:checked,#adminForm .tpmultipleradio input:checked,#adminForm .tpradio input:active, #adminForm .tpcheckboxes input:active, #adminForm .tpradio input:checked,#adminForm .tpradio input:checked, #adminForm .tpcheckboxes input:checked ,
.acondition.tpradio input:active, .acondition.tpcheckboxes input:active, .acondition.tpradio input:checked,.acondition.tpradio input:checked, .acondition.tpcheckboxes input:checked {
    border: 1.6px solid rgba(255,255,255,0.125) !important;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0,0.15),inset -1px -1px 2px rgb(255,255,255) !important;
}


.acondition.tpmultiplecheckboxes input:active::after,.acondition.tpmultipleradio input:active::after,.acondition.tpmultiplecheckboxes input:checked::after,.acondition.tpmultipleradio input:checked::after,#adminForm .tpmultiplecheckboxes input:active::after,#adminForm .tpmultipleradio input:active::after,#adminForm .tpmultiplecheckboxes input:checked::after,#adminForm .tpmultipleradio input:checked::after,#adminForm .tpconditions input:checked::after,#adminForm .tpconditions input:active::after,#adminForm .tpradio input:active::after, #adminForm .tpcheckboxes input:active::after, #adminForm .tpradio input:checked::after,#adminForm .tpradio input:checked::after, #adminForm .tpcheckboxes input:checked::after ,
.acondition.tpradio input:active::after, .acondition.tpcheckboxes input:active::after, .acondition.tpradio input:checked::after,.acondition.tpradio input:checked::after, .acondition.tpcheckboxes input:checked::after{
    content: '';
    display: block;
    background: black;
    border-radius: 0px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.nostyles .acondition.tpmultipleradio input,.nostyles #adminForm .tpmultipleradio input,.nostyles .acondition.tpradio input,.nostyles #adminForm .tpradio input{
	-webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    -o-appearance: radio !important;
    -ms-appearance: radio !important;
	appearance: radio !important;
	border:inherit !important;
	background:inherit !important;
	box-shadow:none !important;
}
.nostyles #adminForm .tpmultiplecheckboxes input,.nostyles .acondition.tpmultiplecheckboxes input,.nostyles #adminForm .tpcheckboxes input,.nostyles .acondition.tpcheckboxes input{
	-webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
	appearance: checkbox !important;
	border:inherit !important;
	background:inherit !important;
	box-shadow:none !important;
}

.nostyles .acondition.tpmultipleradio input::after,.nostyles #adminForm .tpmultipleradio input::after,.nostyles #adminForm .tpmultiplecheckboxes input::after,.nostyles .acondition.tpmultiplecheckboxes input::after,
.nostyles .acondition.tpradio input::after,.nostyles #adminForm .tpradio input::after,.nostyles #adminForm .tpcheckboxes input::after,.nostyles .acondition.tpcheckboxes input::after{
	display:none !important
}


#adminForm .suivant:active, #adminForm .precedent:active, #varevents2 #backvalid:active, #adminForm .btn-canc:active, #adminForm .btn-ann:active, #adminForm #prevalid:active, #backvalid:active, #valid:active, #effacer:active, #adminForm select:active {
    border: 1.6px solid rgba(255,255,255,0.125) !important;
    font-size: 13.5px;
    color: #666 !important;
    box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1),inset -3px -3px 6px rgb(255, 255, 255),2px 2px 5px rgba(0,0,0,0), -2px -2px 5px rgba(255, 255, 255,0) !important;
}#adminForm #prevalid:hover, #adminForm .suivant:hover, #adminForm .precedent:hover {
    background: #fff;
    -border-color: rgb(27, 41, 67);
    color: #666;
}
.eb-category.closed a:hover > *{text-decoration:none !important}
.closed em.clsd{display:inline-block;border-radius:28px;margin-top:15px;font-family:'TypoGraphExtraBold' !important;color:white;background:#666;padding:5px 15px;-font-style:italic;}
/*neumorphism*/

    /*css input button :
	body:background:#E0E5EC;
	background-color: #E0E5EC;
    box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.5);
    margin: 50px 50px;
    border: none;*/
	
	/*css input text
	body:background:#E0E5EC;
	    background-color: #E0E5EC;
    box-shadow: inset 2px 2px 4px rgba(163, 177, 198, 0.5), inset -2px -2px 4px rgba(255,255,255, 0.5);
    margin: 50px 50px;
    border: none;
    border-radius: 10px;
	*/

	.goch span u{margin-top: 0px !important;font-family: TypographExtraBold;}
	#adminForm .form-actions .btn-primary{
		background: #5fa261 !important;
		border: 1.6px solid #74bf76 !important;
		color: white !important;
	}

	#menutoggle.ouvert .mnu .logomenu {
		opacity: 1;
	}
	#eb-individual-registration-page {
		padding: 0 20px;
	}

	.modern #eb-individual-registration-page{
		padding: 0 30px;

	}
	.modern .mini .bulles li{
		font-size:12px !important
	}
	.buttonmenu::after{content:'MENU';color:inherit;font-size:9px;font-family:TypoGraphBold;position:absolute;}
	.ouvert .buttonmenu::after{
		display:none;
	}

	   .parcours.parcoursflottant{
		    position: fixed;
		top: 21px;
		left: calc(50% + 105px);
		width: calc(50% - 220px);
		z-index: 999999999999;
		background: #2a3555;
		pointer-events: none;
	}
	.parcours.parcoursflottant .strng{
		display:none
	}
	.parcours.parcoursflottant ul#etapeparcours{
	margin-top:0px !important
}
strong.strng{    display: block;
	clear:both;
	padding-left:0px;margin-left:0px;
	margin-bottom:10px;
}
	#calendar_result.parcoursflottant{
		margin-top:120px;
	}

	.frame .torgt #varevents2 {
		float: right !important;
		padding-right: 40px !important;
		padding-left: 60px !important;
		width: calc(50% - 100px);
		margin-left:0px !important
	}
	.frame .torgt #varevents2.actv ,.frame.torgt #varevents2.actv {
		transform: translate3d(100%,0px,0px);
	}
	.frame #varevents2 {
		width: calc(50% - 102px);
		padding-right: 70px;
		margin-left:0px;
		padding-left: 32px;
	}
	
.davantform .cntb{    background-color: transparent;padding:0 20px;}
.cntcall,.call,.scll{
	background-color: transparent;
}
.davantform .ffm
{-webkit-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition:transform 400ms cubic-bezier(.05,.74,.27,.99);
	transition:transform 400ms cubic-bezier(.05,.74,.27,.99);
	transform:translate3d(0px,100%,0px);
	position:absolute;

 
    padding-right: 42px;
	right: 0px;
    width: calc(50% - 110px);
    padding: 21px 32px;
    padding-left: 38px;
	height: auto;
    min-height: calc(100vh - 42px);
    max-height: calc(100vh - 42px);
    display: block !important;
	overflow: hidden;
	z-index:3;
	-background:white;
    overflow-y: auto;
}

.davantform.nmnu .ffm{
	width: calc(50% - 70px);
}

.davantform .torgt .ffm
{
	width: calc(50% - 142px);
    padding: 21px 32px;
    padding-right: 57px;
    padding-left: 125px;
	margin-left: 0px;
	right:inherit !important;
	left:0px !important;
	-background:none !important;
	-background-color:transparent !important;
}

.sousligne .cont{
	-overflow:visible;
	box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1),inset -5px -5px 10px rgba(255,255,255,0.75);
    border-radius: 28px;
}

#menutoggle #menu{overflow: auto !important;
	scrollbar-color: transparent transparent !important;
	scrollbar-width: none;background-color:transparent
}
#menutoggle a.hme{
	pointer-events:none !important
}
#menutoggle.ouvert a.hme{
	pointer-events:auto !important;
	display:block !important;
	margin-left: -20px;
}

.rtt a::before{
	background-image:url(images/rtt.png) !important;
	background-size:contain !important;
	background-color:black !important
}

a.hme::before{
	display:none !important
}
#menutoggle #menu span{
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
}
#menutoggle.ouvert #menu span{
	white-space: initial;
	overflow: visible;
	text-overflow: initial;
	max-width: 100%;
}


#eb-calendar-page .nfl,#eb-calendar-page .nfl .nameday{
	box-shadow:none !important;
	-pointer-events:none !important;
	opacity: 0.66 !important;
	cursor: not-allowed !important;
}

font.nblisteattente{
	display: block !important;
    margin-top: 10px !important;
    color: #C1B934;
}
.ffm.shww{
	transform:translate3d(0px,0px,0px)
}
.calendrierfully.hidd,#varevents2.hidd,#registerformu.hidd{
	transform:translate3d(0px,-100%,0px)
}
.calendrierfully{
	-webkit-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -moz-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    -o-transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
    transition: transform 400ms cubic-bezier(.05,.74,.27,.99);
}

.rienslct .lstmonths,.rienslct .lstyears{
	pointer-events: none;
}

#vldpan{
	background: #5fa261 !important;
    border: 1.6px solid #74bf76 !important;
	color: white !important;
	width:100%;
	height:51px;
	display:block;
	text-align: center;margin-top:30px;    border-radius: 28px;
    position: relative;
    clear: both;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'TypographExtraBold';
	cursor: pointer;
	-webkit-appearance: none;
	font-weight: bold;
}
#vldpan[disabled="disabled"]{
	cursor: not-allowed;    opacity: 0.5;
}
.frame.davantform .torgt .ffm {
    padding-left: 30px;
    width: calc(50% - 86px);
}



.frame.davantform.only .torgt .ffm {
    padding-left: 130px;
	width: calc(50% - 179px);
	padding-right: 50px;
}

.modern .frame.davantform.only .torgt .ffm{
	padding-left: 30px;
    width: calc(50% - 79px);
}

.souscategories::after, .leslieux::after {
    content: '\f0d7';
    position: absolute;
    right: 20px;
    top: inherit;
    bottom: 20px;
    pointer-events: none;
    font-family: "FontAwesome";
    color: inherit;
    opacity: 1;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 35px;
    transition: box-shadow .2s;
    height: 35px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1), -2px -2px 4px rgba(255,255,255,0.75);
    -background: linear-gradient(135deg,rgba(255,255,255,0.1),rgba(0,0,0,0.2));
}
.form-actions2{clear:both;border:none}
#cancvldpan{
	-webkit-appearance: none;
	background: red !important;
    border: 1.6px solid red !important;
	color: white !important;
	width:100%;
	height:51px;
	display:block;
	text-align: center;
	margin-top:30px;    border-radius: 28px;
    position: relative;
    clear: both;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'TypographExtraBold';
cursor:pointer;font-weight: bold;
}

#varevents2 li{
	transition:box-shadow .4s;
}
#varevents2.encr li{
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255,0.2) !important
}

#varevents2.encr li .suppr{display:none !important}

.ietps{
	position: absolute;
    padding: 5px;
    border-radius: 28px;
    background: black;
	color: white;
	font-family:'TypographExtraBold';
    margin-right: 17.5px;
    display: block;
	right: 0;
	top: 50%;
    margin-top: -32px;
}
.ietps .bask.noterm{
	opacity:0.5
}

.ietps .sep{
	transform: rotate(72deg);
    position: relative;
    left: 2px;
}

.aconddiv strong{
	line-height: 1.1em;
    padding-bottom: 10px;
    font-size: 20px !important;
    font-family: 'TypographExtraBold';
    clear: both;
	margin-bottom: 10px;
	display: block;
}

div.aconddiv{
	text-align:left;
	margin-bottom: 40px;
    overflow: hidden;
    display: block !important;
    position: relative;
    padding: 25px 25px !important;
    border-radius: 28px;
    margin-left: 10px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1), -5px -5px 20px rgba(255,255,255,0.75)
}

.wte .basket i{
color:#EBECF0;
}
.wte #menutoggle .buttonmenu .barre{
	background:#EBECF0;
}

.blk .basket i{
color:black;
}
.blk #menutoggle .buttonmenu .barre{
	background:black;
}
.bxs{margin-bottom:35px !important}
.accueil .bxs{
	margin-bottom:0px !important
}
.accueil .cntt::after{    content: 'voir les activités';
    font-size: 13px;
    display: inline-block;
    margin-top: 15px;
    padding: 5px 10px;
	text-align:center;
	background: #5fa261 !important;
    border: 1.6px solid #74bf76;
    border-radius: 28px;
	color: white;}
	
	#adminForm .tpradio input:active, #adminForm .tpcheckboxes input:active, #adminForm .tpradio input:checked, #adminForm .tpcheckboxes input:checked {
		border: 1.6px solid rgba(255,255,255,0.125) !important;
		box-shadow: inset 1px 1px 2px rgba(0, 0, 0,0.15),inset -1px -1px 2px rgb(255,255,255) !important;
	}

	#adminForm .suivant:focus, #adminForm .precedent:focus, #adminForm select:focus, #varevents2 #backvalid:focus, #adminForm .btn-canc:focus, #adminForm .btn-ann:focus, #adminForm #prevalid:focus, #backvalid:focus, #valid:focus, #effacer:focus, #adminForm .suivant:hover, #adminForm .precedent:hover, #adminForm select:hover, #varevents2 #backvalid:hover, #adminForm .btn-canc:hover, #adminForm .btn-ann:hover, #adminForm #prevalid:hover, #backvalid:hover, #valid:hover, #effacer:hover {
		color: #666;
		border: 1.6px solid rgba(255,255,255,0.25) !important;
		box-shadow: inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-3px -3px 6px rgb(255,255,255), 3px 3px 6px rgba(0, 0, 0,0.15) !important;
	}

	#adminForm .suivant:active, #adminForm .precedent:active, #varevents2 #backvalid:active, #adminForm .btn-canc:active, #adminForm .btn-ann:active, #adminForm #prevalid:active, #backvalid:active, #valid:active, #effacer:active, #adminForm select:active {
		border: 1.6px solid rgba(255,255,255,0.125) !important;
		font-size: 13.5px;
		color: #666 !important;
		box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1),inset -3px -3px 6px rgb(255, 255, 255),2px 2px 5px rgba(0,0,0,0), -2px -2px 5px rgba(255, 255, 255,0) !important;
	}
	
	.ligne{
		overflow:visible;
	}
	.cellule .lnk{
		margin:0 7.5px;
		overflow:visible;
	}
	.cellule .lnk a{
		margin:0px;
		overflow:visible;
		border-radius:28px;
		transition:box-shadow .4s;
		box-shadow:5px 5px 10px rgba(0,0,0,0.1), -5px -5px 10px rgba(255,255,255,0.15);
		color:inherit;
	}
	.davantform .cellule .lnk a{box-shadow:5px 5px 10px rgba(0,0,0,0.1), -5px -5px 10px rgba(255,255,255,0.75);}
	.materialize .cellule .lnk a{box-shadow:none !important}

	.cellule .lnk a:hover,.cellule.nbevents0 .lnk a,.cellule.nbevents0 .lnk a.nfl{
		box-shadow:none !important
	}

	.dark .cellule .lnk a.clsopak,.cellule .lnk a.clsopak{
		box-shadow:none !important
	}

	.cellule.actv .lnk a{
		box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1), inset -5px -5px 10px rgba(255,255,255,0) !important;
		background: #EBECF0;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding-bottom: 15px
	}
	.cellule.actv.lst .lnk a,.cellule.actv.frst .lnk a{
		padding-bottom: 25px
	}
	.frst .cont{
		border-bottom-left-radius: 0px;
	}
	.lst .cont{
		border-bottom-right-radius: 0px;
	}

	.cellule.actv .bulles{
		-bottom: 35px !important;
	}

	.cellule.actv .lnk a::after{content:'';display:block;position:absolute;background-color:inherit;height:25px;width:calc(100% - 9px);bottom:-32px;left:7px;border-top-left-radius:8px;}
	
	.sousligne.jour0 .cont{
		border-top-left-radius:0px !important;
	}
	.sousligne.jourlst .cont{
		border-top-right-radius:0px !important;
	}

	#adminForm .control-group.invisible{
		position:absolute;
		height:1px;width:1px;
		overflow:hidden;
	}

	select.vide,textarea.vide,input.vide{
		-box-shadow:0px 0px 4px red
	}

@media(min-width:1190px){
	html.modern .dsc,html.modern .ssdsc {
		max-width: calc(100% - 50px) !important;
		width: calc(100% - 50px) !important;
		padding: 0 25px;
	}

	#eb-calendar-page.nomarge .calendrierfully .call{
		padding-left:5px !important;
		width: calc(100% - 10px) !important;
	}
	#eb-calendar-page.nomarge .torgt #varevents2{
		width: calc(50% - 35px) !important;
		padding-left: 0px !important;
		margin-left: 35px !important;
	}
	.nomarge .torgt #varevents2.actv {
		transform: translate3d(100%,0px,0px) !important;
	}
	#eb-calendar-page.nomarge #eb-individual-registration-page,#eb-calendar-page.nomarge.davantform .cntb{
		padding:0px !important
	}
	#eb-calendar-page.nomarge .torgt #registerformu {
		padding-right: 20px !important;
		padding-left: 60px !important;
	}
	#eb-calendar-page.nomarge .torgt .calendrierfully {
		padding-right: 40px !important;
		padding-left: 0px;
		width: calc(50% - 40px) !important;
	}
	.nomarge.frame.davantform .torgt .ffm {
		padding-left: 20px !important;
		width: calc(50% - 70px) !important;
		padding-right: 50px !important;
	}
	#eb-calendar-page.nomarge .parcours,#eb-calendar-page.nomarge .legends,#eb-calendar-page.nomarge .leslieux,#eb-calendar-page.nomarge .souscategories{
		margin-left:0px !important
	}

	#eb-calendar-page.noscrollbars .calendrierfully .call,#eb-calendar-page.noscrollbars #registerformu,#eb-calendar-page.nomarge.noscrollbars .torgt .calendrierfully{
		height:auto !important;
		min-height:100% !important;
	}	
	.noscrollbars.davantform .ffm{
		min-height:100% !important;
		max-height:1000% !important;
		transform: translate3d(0px,1000%,0px);
	}
	.noscrollbars.davantform .ffm.shww {
		transform: translate3d(0px,0px,0px);
	}
}

	/*DARK THEME*/
	.dark #adminForm .tpmultipleradio input:active::after,.dark #adminForm .tpmultiplecheckboxes input:active::after,.dark #adminForm .tpmultipleradio input:checked::after,.dark #adminForm .tpmultipleradio input:checked::after,.dark #adminForm .tpmultiplecheckboxes input:checked::after,
	.dark #adminForm .tpradio input:active::after,.dark #adminForm .tpcheckboxes input:active::after,.dark #adminForm .tpradio input:checked::after,.dark #adminForm .tpradio input:checked::after,.dark #adminForm .tpcheckboxes input:checked::after ,
	.dark .acondition.tpradio input:active::after,.dark .acondition.tpcheckboxes input:active::after,.dark .acondition.tpradio input:checked::after,.dark .acondition.tpradio input:checked::after,.dark .acondition.tpcheckboxes input:checked::after{
		background: white;
	}

	.dark #eb-calendar-page,.dark .ssdes,.dark .ssdescc,html.dark,.dark .mnu,.dark body,.dark #varevents2,.dark #registerformu{
		background-color: #2b2b2b !important;
		color: #efefef !important;
	}

	.dark.materialize #eb-calendar-page,.dark.materialize .ssdes,.dark.materialize .ssdescc,html.dark.materialize,.dark.materialize .mnu,.dark body,.dark.materialize #varevents2,.dark.materialize #registerformu{
		background-color: #252525 !important;
		color: #efefef !important;
	}

	.dark #eb-categories,.dark .calendrierfully ,.dark .basket,.dark .ffm{
		background-color: #3b3b3b !important;
		color: #efefef !important;
	}

	.modern.dark .basket{
		background-color: #2b2b2b !important;
	}

	.dark .souscategories,.dark .leslieux,.dark .desccreneaux,.dark .desccreneaux2,.dark .ssdecri .des,.dark .eb-category,.dark #eb-calendar-page .eb-description,.dark .legends,.dark .parcours,.dark .aconddiv{
		-box-shadow:5px 5px 20px rgba(0,0,0,0.2), -5px -5px 20px rgba(255,255,255,0.05) !important;
	}

	.dark .basket{
		border:1.6px solid rgba(0,0,0,0);
		box-shadow:inset 3px 3px 6px rgba(0, 0, 0,0),inset -3px -3px 6px rgba(255, 255, 255,0),4px 4px 8px rgba(255,255,255,0.05), 4px -4px 8px rgba(0, 0, 0, 0.2) !important
	}

	.dark .ffm,.dark .sscategss,.dark #registerformu,.dark #varevents2,.dark .calendrierfully{
		scrollbar-color:#2f2f2f #3f3f3f !important
	}

	.dark .sscategss::-webkit-scrollbar-thumb,.dark .calendrierfully::-webkit-scrollbar-thumb,.dark #varevents2::-webkit-scrollbar-thumb,.dark .ffm::-webkit-scrollbar-thumb,.dark #registerformu::-webkit-scrollbar-thumb{
		background:#2b2b2b;
	}
	.dark #menutoggle a::before,.dark #menutoggle p::before{
		box-shadow:3px 3px 6px rgba(0,0,0,0.15), -3px -3px 6px rgba(255,255,255,0.05) !important
	}

	.dark .crassocie,.dark .souscategories::after,.dark .leslieux::after,.dark #next_week,.dark #prev_week,.dark #next_month,.dark #prev_month,.dark .ssevent .bottomm a,.dark .cellule .lnk a,.dark .inptchk{
		box-shadow:5px 5px 10px rgba(0,0,0,0.2), -5px -5px 10px rgba(255,255,255,0.05) !important
	}
	.dark .cellule.nbevents0 .lnk a,.dark .cellule .lnk a.nfl,.dark .cellule .lnk a:hover{
		box-shadow:none !important;
		background:none !important;
	}

	.dark .sousligne .cont{
		box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255,0.05) !important
	}

	.dark .singleev{
		color: #efefef !important;
		background:#3b3b3b !important;
	}
	.dark .cellule.actv .lnk a{
		color: #efefef !important;
		background:#3b3b3b !important;
		box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255,0) !important
	}

	.dark .aconddiv input[type=checkbox]{
		box-shadow:3px 3px 6px rgba(0,0,0,0.2), -3px -3px 6px rgb(255, 255, 255,0.05) !important
	}

	.dark .torgt .basket i{
		box-shadow:inset 3px 3px 6px rgba(0, 0, 0,0),inset -3px -3px 6px rgba(255, 255, 255,0),3px 3px 6px rgba(0,0,0,0.2), -3px -3px 6px rgba(255, 255, 255,0.05) !important
	}
	.dark .basket.actv::after,.dark.accueil #eb-categories-page .ssdescc{background:#3b3b3b !important}
	.dark.modern .basket.actv::after,.dark.materialize .basket.actv::after{
	background:#2b2b2b !important
}
	.dark #adminForm label{
		color:white !important
	}
	.dark #varevents2 li{
		box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgb(255,255,255,0.05), 5px 5px 20px rgba(0, 0, 0,0.2) !important
	}
	.dark #varevents2.encr li{
		box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255,0.05) !important
	}
	.dark #adminForm .control-group textarea,.dark #eb-calendar-page #adminForm .control-group input,.aconddiv.control-group input{
		color:#ccc;
		box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2), inset -5px -5px 10px rgba(255,255,255,0.05) !important
	}

	.dark #eb-calendar-page #adminForm .control-group textarea:focus, .dark #eb-calendar-page #adminForm .control-group input:focus{
		box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2), inset -1px -1px 2px rgba(255,255,255,0.05) !important
	}


	.dark #eb-calendar-page.nostyles #adminForm .control-group textarea,.dark #eb-calendar-page.nostyles #adminForm .control-group input,.dark .nostyles .aconddiv.control-group input{box-shadow:none !important}

	.dark .btn-canc,.dark #adminForm .control-group input[type=file],.dark #adminForm #effacer,.dark #adminForm #prevalid,.dark #adminForm .suivant,.dark #adminForm .precedent,.dark #adminForm #valid,.dark #varevents2 #valid,.dark #adminForm select{
		border-color: transparent !important;
		box-shadow:inset 3px 3px 6px rgba(0,0,0,0),inset -3px -3px 6px rgba(255, 255, 255, 0),-5px -5px 20px rgba(255,255,255,0.1), 5px 5px 20px rgba(0, 0, 0,0.4) !important
	}
	.dark .legends::after,.dark #eb-calendar-page .eb-description::after{
		box-shadow:4px 4px 8px rgba(0,0,0,0.2), -4px -4px 8px rgba(255,255,255,0.05) !important
	}
	.dark .legends.toggled::after,.dark #eb-calendar-page .eb-description.vald::after{
		box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2),inset -4px -4px 8px rgba(255,255,255,0.05) !important
	}
	.dark .lstetape.activ span{
		background-color: white !important;
		color: #000 !important;
		border-color:white;
	}

	.dark .lstetape.oldactiv span{
		background: #5fa261 !important;
		border-color: #74bf76 !important;
		color: white !important;
	}
	

	.dark #eb-calendar-page .calendrier.formsanscalendar{background:inherit !important}

	.dark .wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page,.dark #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
		background:#3b3b3b !important
	}

	.dark .wsite #eb-calendar-page .formsanscalendar #registerformu,.dark #eb-calendar-page.only .formsanscalendar #registerformu{
	box-shadow:5px 5px 20px rgba(0,0,0,0.2), -5px -5px 20px rgba(255,255,255,0.05) !important
	}
	.dark .wsite #eb-calendar-page.nostyles .formsanscalendar #registerformu,.dark #eb-calendar-page.only.nostyles .formsanscalendar #registerformu{
		box-shadow:none !important
		}

	.dark label span.inforequired,.dark .hdcal.fixd .only.frame .user a,.dark .hdcal.fixd .user.cat a,.dark .hdcal.fixd .backing.cal a,.dark .hdcal.fixd .user a{
		color:white !important
	}
	
	.dark .only .eb-description{
		background: #2b2b2b !important;
	}

	.dark #eb-calendar-page.only,
	.dark .hdcal.fixd{
		background:#3B3B3B !important
	}
	
	.dark .only .sousbann{background:#3B3B3B}

	.blk .only.frame .backing.cal a,.blk .only.frame .user a, .blk .only.frame .user.cat a,#eb-calendar-page.nostyles .fieldd.control-group.fcs::before{
		color:black !important
	}


	#eb-calendar-page.nostyles .calendrier,	#eb-calendar-page.nostyles #registerformu{background:white !important}
	.dark #eb-calendar-page.nostyles .calendrier,.dark #eb-calendar-page.nostyles #registerformu{background:#2B2B2B !important}
	#eb-calendar-page.nostyles.bodycontent #registerformu .eb-description{
	background-color: #c4c6ca !important;
}
.dark #eb-calendar-page.nostyles.bodycontent #registerformu .eb-description{
	background-color: #2b2b2b  !important;
}

.dark #eb-calendar-page.nostyles.bodycontent input{
	background: none !important;
    color: #c4c6ca !important;
	border-color: #666 !important;
	border-top-color:transparent !important;
	border-left-color:transparent !important;
	border-right-color:transparent !important;
}

.dark #eb-calendar-page.nostyles.bodycontent select{
	background: none !important;
	color: #c4c6ca !important;
	
	border-color: #c4c6ca !important;
	border-top-color:transparent !important;
	border-left-color:transparent !important;
	border-right-color:transparent !important;
}
.dark #eb-calendar-page.nostyles .fieldd.control-group.fcs::before{
	color: #c4c6ca !important;
}

	#eb-calendar-page.nostyles input,#eb-calendar-page.nostyles select{color:#666 !important;background:white !important;box-shadow:none !important;border:none !important;    border-bottom: 1.6px solid #666 !important;
		border-radius: 0px !important;outline:none !important;}
		#eb-calendar-page.nostyles .fcs input,#eb-calendar-page.nostyles .fcs select{color:black !important;border-bottom-color:black !important}
		#eb-calendar-page.nostyles #valid{color:white !important}

		#adminForm .control-group.nolabel .control-label label{display:none !important}
		#adminForm .control-group.nolabel .control-label {position:absolute}
		#adminForm .tpnumber.vald::after,#adminForm .tpnumber.error::after{right:33px}

		#adminForm .tpdate button{display:none !important}

		
		#adminForm .controls label .star{color:red;font-weight:bold;}
		#adminForm .controls label .inforequired,#adminForm .controls label .star{margin-left:5px;width:auto;position:absolute;display:inline-block;}

		#adminForm .control-group.rgt{
			
    		float: right;

		}
		
		#adminForm .control-group.lft{
			
			float: left;
		
		}

		#adminForm .control-group{clear:both}
		#adminForm .control-group.w50{
			clear: none !important;
			width:48%;
		
		}

		#adminForm .control-group.w30{
			clear: none !important;
			width:30%;
		
		}
		

		#eb-calendar-page #adminForm .control-group .controls-result{
			padding: 0px 30px;
			position: absolute;
			z-index: 1000;
			width: calc(100% - 63.6px);
			background-color: white;
			
			max-height:200px;
			overflow-y:auto;
			overflow-x:hidden;

		
			scrollbar-color: rgba(0,0,0,0.2);
			scrollbar-width: thin;
			
		}

		#eb-calendar-page #adminForm .control-group .controls-result.shh{
			border-bottom: 1.6px solid black;
			border-left: 1.6px solid black;
			border-right: 1.6px solid black;
		}



		#eb-calendar-page #adminForm .control-group .controls-result::-webkit-scrollbar {
			background: transparent;
			width: 7px;
		}

		#eb-calendar-page #adminForm .control-group .controls-result::-webkit-scrollbar-thumb{
			background: rgba(0,0,0,0.2);
			width: 7px;
			height: 2em;
		}

		.dark #eb-calendar-page #adminForm .control-group .controls-result{
			background:#3B3B3B !important;
			border-color:#2B2B2B !important
		}

		#eb-calendar-page #adminForm .control-group .controls-result ul li{
		    padding: 10px;
			border-top: 1px solid #dedede;
			cursor:pointer;
			font-size: 13px;
			font-family:'TypographLight' !important;
		}

		#eb-calendar-page #adminForm .control-group .controls-result ul li:hover{
			background-color:#dedede;
		}

		.dark #eb-calendar-page #adminForm .control-group .controls-result ul li:hover{
			background-color:#2B2B2B;
		}

		p.mentions,.control-group.eb-message{
			font-family:'TypographBold' !important;
			font-size:14px;
			line-height:1.5em
		}
		p.mentions a,.control-group.eb-message a{
			font-family:'TypographExtraBold' !important;color:black;
			font-size:14px;
		}

		.control-group.xxsmall{font-size:12px !important}
		.control-group.xsmall{font-size:13px !important}
		.control-group.small{font-size:14px !important}
		.control-group.large{font-size:16px !important}
		.control-group.xlarge{font-size:17px !important}
		.control-group.xxlarge{font-size:18px !important}
		.control-group.italic{font-style:italic !important}
		.control-group.bold{font-style:bold !important}
		.control-group.underline{text-decoration:underline !important}

		select::-ms-expand {
			display: none;
		}

		.fullwidth #registerformu{
			width:100% !important;
			max-width:100% !important
		}
		
		.darked{cursor:pointer;
			margin-top:0px !important;		
		}
		
		.darked a::after{
			font-family:'FontAwesome';
			content: "\f186" !important;
			position: absolute;
		font-size:22px;
			top: 14px;
			color:#000 !important;right: -32px !important
		}
		.dark .darked a::after{
			right:-28px !important;
		}

	

		.ouvert.opening .darked a::after{
			position: absolute;
    right: -24px !important;
    top: 14px;
    font-size: 22px;
		}

		.dark .ouvert.opening .darked a::after{
			right:-20px !important;
		}

		.darked a.moon::after{
			color:#efefef !important;
			font-family:'FontAwesome';
			content: "\f0eb" !important;
		}

		.dark .torgt .basket.actv {
			box-shadow: inset -3px -3px 6px rgba(0, 0, 0,0.25),inset 3px 3px 6px rgb(255, 255, 255,0.1),3px 3px 6px rgba(255,255,255,0), 3px -3px 6px rgba(0, 0, 0, 0) !important;
		}

		.wsite #eb-calendar-page.nostyles .formsanscalendar #registerformu .eb-description, #eb-calendar-page.only.nostyles .formsanscalendar #registerformu .eb-description {
			border-radius:0px !important;
		}

		.xxllabels #adminForm .control-label label,.xxllabels .acondition .control-label label{
			font-weight: bold !important;
			font-size: 15px !important;
			padding-left: 0px !important;
		}

		.bloced #eb-individual-registration-page{background:none !important}

		.bloced .control-group{
			padding:35px !important;
			background:inherit;
		}

		.mentio{width: 70%;
	margin: 0 auto;
	}

	.dark #adminForm .lstsql::after,.dark #adminForm .tplist::after,.dark p.mentions a,.dark .control-group.eb-message a{color:#efefef}

	p.info{
		color:#000;    margin-bottom: 50px;
		margin-top: 0;
		font-family:'TypographBold';
		margin-bottom:50px;
	}
	
	 p.info a{color:#000;
		text-decoration: underline;
		font-family:'TypographExtraBold'
	}
	
	.dark p.info{
		color:#efefef;    margin-bottom: 50px;
		margin-top: 0;
		font-family:'TypographBold';
		margin-bottom:50px;
	}
	
	.dark p.info a{color:#efefef;
		font-family:'TypographExtraBold'
}



#user .droit .fa-address-book-o:before {
    font-size: 30px;
    color: inherit;
    position: relative;
    top: 5px;
}

font.nblisteattente{display:none !important}

.accueil .ssdecri .ssdes{overflow:hidden;margin-top:0px !important}

.materialize .accueil .ssdecri .ssdes .eb-category
{box-shadow:none !important;
	background:none !important;
	border:none !important;
margin-left:0px !important;
margin-bottom:0px !important;
width:calc(100% - 40px) !important;
padding:0px !important;
}
.accueil .ssdes .cntt::after {display:none}

.aconddiv #eb-calendar-page .control-group .fieldd.vide, #eb-calendar-page #adminForm .control-group .fieldd.vide {
    -border-color: red !important;
	border: 1px solid red !important;
	box-shadow:0px 0px 5px red !important;

}

.dark #eb-calendar-page .aconddiv.control-group .fieldd.vide,.dark #eb-calendar-page #adminForm .control-group .fieldd.vide {
    -border-color: red !important;
	box-shadow:0px 0px 5px red !important;
}


.seul .frm .eb-page-heading{
	float: left;
    width: 100%;
    clear: both;
}

.seul .frm .des{
	float:left;
	margin-bottom:25px
}

.sousbann{
	background-size: cover;
background-position: center;
}

/*prss*/
#eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description{
	background-color:#fff !important;
	box-shadow:none !important;
}

.dark #eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description{
	background-color:#2B2B2B !important
}

.prss #registerformu h1,.formsanscalendar #registerformu h1.tt{
	font-size: 2.75em;
	letter-spacing: 0;
	margin-top: 20px;
margin-bottom: 40px;	
text-align:center !important;
line-height:1em
}

#eb-calendar-page .formsanscalendar #registerformu .eb-description,#eb-calendar-page.prss.bodycontent #registerformu .eb-description{
	text-align:initial !important;
	margin-bottom: 17.5px !important;
}
#eb-calendar-page .formsanscalendar #registerformu .eb-description,#eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description{
	text-align:initial !important;
	padding-bottom:50px !important;
	margin-bottom:0px !important;
}
#eb-calendar-page .formsanscalendar #registerformu .eb-description p{text-align:inherit !important}

.prss #adminForm .control-group textarea:focus,.prss #adminForm .control-group input:focus,html body #eb-calendar-page.nostyles.prss.bodycontent #registerformu{
	box-shadow:none !important;
}
#eb-calendar-page.nostyles.prss input, #eb-calendar-page.nostyles.prss select,
.wsite #eb-calendar-page.nostyles.prss .formsanscalendar #eb-individual-registration-page, #eb-calendar-page.only.nostyles.prss .formsanscalendar #eb-individual-registration-page{
	background-color:white !important
}

.dark #eb-calendar-page.prss input,.dark #eb-calendar-page.prss select,
.dark.wsite #eb-calendar-page.prss .formsanscalendar #eb-individual-registration-page,.dark #eb-calendar-page.only.prss .formsanscalendar #eb-individual-registration-page{
	background-color:#3B3B3B !important
}

.dark #eb-calendar-page.nostyles.prss input,.dark #eb-calendar-page.nostyles.prss select,
.dark.wsite #eb-calendar-page.nostyles.prss .formsanscalendar #eb-individual-registration-page,.dark #eb-calendar-page.only.nostyles.prss .formsanscalendar #eb-individual-registration-page{
	background-color:#2B2B2B !important
}

.prss #adminForm .control-label label{
	text-transform:initial !important;
	font-size:15px !important;
	font-family:'TypographExtraBold' !important
}

.prss #adminForm .control-group{
	margin-bottom:38px !important
}


/*.prss flpage*/

.prss.flpage #registerformu{
	overflow: visible;
position: unset;
top:0px !important;
max-width:100% !important;
}
.prss.flpage #eb-individual-registration-page{
	max-width:800px !important;margin:0 auto !important;
}
.prss.flpage .eb-page-heading{
	max-width: 100% !important;
	margin: 0 auto;text-shadow: 0px 0px 50px rgba(0,0,0,0.25);
	position: absolute;
	float: none;
	color: white;
	z-index:2;
	top:125px;
	text-align:center !important;
	font-size:2.75em !important;
}

#eb-calendar-page.nostyles.prss.flpage.bodycontent #registerformu .eb-description::after{
	display:none !important
}
#eb-calendar-page.nostyles.prss.flpage.bodycontent #registerformu .eb-description{
	box-shadow:none !important;
	display: block;

	color: white !important;
	padding-top:100px !important;padding-bottom:100px !important;padding: 100px 100px !important;	background: #0C518A  !important;
}
.prss.flpage .ssdsc{
	color:white !important;
	max-width:780px !important;
	display:block !important;
	margin:0 auto !important;
	text-align:left !important;
}
.prss.flpage .dsc{
	display:none !important
}

.wsite #eb-calendar-page.flpage.prss .formsanscalendar #eb-individual-registration-page, #eb-calendar-page.only.flpage.prss .formsanscalendar #eb-individual-registration-page{
	padding:100px 50px !important
}


#eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description::after{
display:inline-block;
text-align:center;
width:30px;
position:relative;
height:30px;
line-height:31px;
margin-top:20px;
left:0px;
box-shadow:none !important;
margin-bottom:20px;
background:#f6f6f6
}

.dark #eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description::after{
	background:#3B3B3B;
	color:#efefef
}

.tplist select[multiple]{
	padding:12.5px !important;
	z-index:99;scrollbar-color: rgba(0,0,0,0.2);
	scrollbar-width: thin;
	max-height:150px;
	overflow-y:auto !important;
}

.eb-description li{list-style:inherit !important}



.tpmultipleradio table,.tpmultiplecheckboxes table{
	font-family:'TypographBold';
	border-collapse: collapse;
}
.tpmultipleradio table tr,.tpmultiplecheckboxes table tr{margin:0}
.tpmultipleradio table td,.tpmultiplecheckboxes table td{
	border:2px solid #efefef;padding:7.5px 11px;
	margin:0px;
	text-align:center;
}
.tpmultipleradio table td.lfff,.tpmultiplecheckboxes table td.lfff{-border-left:0px;text-align:left;}

.tpmultipleradio table th,.tpmultiplecheckboxes table th{
	padding:7.5px 11px;
	background:#efefef;
	color:black;
	text-align:center;
	border-right:2px solid #efefef;
	border-top:2px solid #efefef;
}
.tpmultipleradio table th:first-child,.tpmultiplecheckboxes table th:first-child{background:none;border-top:none;}


.acondition .tpmultipleradio::after,#adminForm .tpmultipleradio::after,.acondition .tpmultiplecheckboxes::after,#adminForm .tpmultiplecheckboxes::after{
	right:-24px;
}
/*#adminForm fieldset table th.bcp span{
	transform: rotate(-90deg);
	display: table-caption;
	padding: 7.5px 0px;
}*/

#adminForm .control-group.tpmultiplecheckboxes .control-label::before,#adminForm .control-group.tpmultipleradio .control-label::before,
	.aconddiv.control-group.tpmultiplecheckboxes .control-label::before,.aconddiv.control-group.tpmultipleradio .control-label::before{
	color:grey;
	opacity:0.66;
	pointer-events:none;
	font-family:'FontAwesome';
	content:'\f03a';
	position:absolute;    
	bottom: -45px;
	left:43px;
	transition:opacity .4s !important;
    z-index: 9;
}
#adminForm .control-group.tpmultiplecheckboxes .control-label::before,#adminForm .control-group.tpmultipleradio .control-label::before,
	.aconddiv.control-group.tpmultiplecheckboxes .control-label::before,.aconddiv.control-group.tpmultipleradio .control-label::before{
	top:75px;left:12px;
}
#adminForm fieldset table{
	margin-top:16px;
}
#adminForm label.inff{
	font-size: 12px !important;
font-style: italic;
color: grey;
}
#adminForm .tpmultiplecheckboxes.fcs .control-label::before,.aconddiv.tpmultiplecheckboxes.fcs .control-label::before,#adminForm .tpmultipleradio.fcs .control-label::before,.aconddiv.tpmultipleradio.fcs .control-label::before{    -transform: translate3d(11px,-7.5px,0px);
    opacity: 1 !important;color:black;}


#buttss{
	background: #efefef;
	color: white;
	height: 30px;
	line-height: 30px;
	border: 2px solid #efefef;
	width: 100%;
}
#adminForm img{
	max-width: 100%;
}
#buttss div{font-family: 'TypographBold';cursor:pointer;text-align:center;float:left;width:33.33%;height:30px;}
#buttss div:hover{text-decoration:underline}

#adminForm fieldset table th.bcp {
	text-align:center;
	-padding: 4px 0px;
	box-shadow: 0px 0px 0px 1.5px #efefef;
	border:none;
	-white-space:nowrap;
	-transform: rotate(-90deg);
	text-overflow:ellipsis

}.eb-description .dsc,.eb-description .ssdsc{
	clear:both
}
#adminForm fieldset table th.bcp span {
	-white-space: nowrap;
overflow: hidden;
-text-overflow: ellipsis;
max-width:100%;
display:inline-block;
}
#adminForm fieldset table th.bcp.nbx span {font-size:65%}
/*
#adminForm fieldset table th.bcp span::before {
	content:'';
	width:0;
	padding-top:110%;

	-display:inline-block;
	-vertical-align:middle;
}*/

.g-recaptcha{
	float: left;
width: 100%;
}

#eb-calendar-page.nostyles.prss div.suivant{
background:#000 !important;
color:white !important;border:none !important
}
#eb-calendar-page.nostyles.prss div.precedent{
	background:#efefef !important;
	-color:white !important;
	border:none !important
}
.descrr .hours{
	font-family: 'TypographExtraBold';
}

.lstetape:first-child .numetape::after{
	content:'er' !important;
	font-size:8px;
	position:relative;
	top:-5px;left:1px;	font-family: 'TypographBold' !important;

}
.lstetape .numetape::after{
	content:'e' !important;
	font-size:8px;
	position:relative;
	top:-5px;left:1px;
	font-family: 'TypographBold' !important;

}
#varevents2 .fa-info-circle{display:none !important}
.dark .lstetape.activ .numetape::after{color:black;}

.lstetape.oblig .numetape::before{
content:'*';
color:red;
font-size:20px;
position:absolute;
top:-5px;right:-10px;
font-weight:normal !important;font-family: 'TypographBold' !important;
}
.lstetape.facul{opacity:0.7;filter:alpha(opacity=70)}

.etaps{
	font-family: 'TypographExtraBold';
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 50px;
	-position: fixed;
	-top: 0;
	-right: 10px;
	-width: 75px;
	background: transparent;
	z-index: 999999;
	height: auto;
	pointer-events:none;
	float:left;
}
.etaps strong{
	margin-top: 10px;
position: relative;
display: block;
margin-bottom: 5px;
}
.etaps .etp{
	display: inline-block;
	width: auto;
	margin: 10px 12.5px;
	text-align: center;
}
.etp span::before{
	content: '';
    display: block;
    background: #dedede;
    position: absolute;
    height: 2px;
    width: 20px;
    top: 14px;
    left: 33px;
}
.etp:hover{
	text-decoration: underline;
}
.etp.ac span::before{
	background: #000;
}
.etp:last-child span::before{
	display:none
}
.etaps .etp span{background:#efefef;display:block;width:30px;border-radius:30px;height:30px;line-height:30px;color:black;font-weight:bold;text-align:center;}
.etaps .etp.ac span{background:black !important;color:white !important;}

.dark .etaps .etp span{
	background:#2b2b2b;color:#dedede;
}

.compactevt .ssevent {
    min-height: 105px;
}
.compactevt .imag{
	width:55px;
	height:55px;
}
.compactevt .ssevent .bottomm.rrg{
	right: 17px;
left: inherit;
bottom: 60px;
margin-right:0px;
position:absolute;
}
.compactevt .ssevent .bottomm font{
float:right;
}
.compactevt .ssevent .inptchk{
	bottom: 20px;
right: 22.5px;
}
.compactevt .ssevent .descrr{
	margin-bottom:0px;
	width:calc(100% - 135px)
}

.compactevt .ssevent .descrr strong,.compactevt .ssevent .descrr font,.compactevt .ssevent .descrr span{
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 60%;
}

.compactevt.notitcr .ssevent{
    min-height: 105px;
}
.compactevt.notitcr .ssevent .inptchk {
	bottom: 22.5px;
}

.compactevt.notitcr.nobottomm .ssevent{
	min-height: 79px;
}
.compactevt.notitcr.nobottomm .ssevent .inptchk {
	bottom: 22.5px;
}
.compactevt.notitcr.nobottomm .ssevent .descrr
{
	width:calc(100% - 110px)
}
.compactevt.notitcr.nobottomm .ssevent .imag {
	width: 30px;
	height: 30px;
}

.compactevt.notitcr.nobottomm.nolx .ssevent{
	min-height: 55px;
}
.compactevt.notitcr.nobottomm.nolx .ssevent .inptchk {
	bottom: 12px;
}
.compactevt.notitcr.nobottomm.nolx .ssevent .descrr
{
	width:calc(100% - 100px)
}
.compactevt.notitcr.nobottomm.nolx .ssevent .imag {
	width: 30px !important;
height: 30px !important;
top: 14.5px;
z-index: 0;
max-width: 30px !important;
min-width: 30px !important;
}
.compactevt .ssevent.dsbld .descrr{
	margin-bottom:0px !important
}
.compactevt .ssevent.dsbld::before {
	margin-top:-5px
}

.nolx .ssevent .descrr .categlieux,.nobottomm .bottomm,.notitcr .ssevent .descrr strong{display:none !important}

/*form full*/
.fllgd.only .sousbann{
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	height: 100% !important;
}

.flldg.only .sousbann{
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
	height: 100% !important;
}

#eb-calendar-page.fllgd.only,
#eb-calendar-page.flldg.only{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
}

#eb-calendar-page.fllgd.only #registerformu{
	top: 0px !important;
	position: absolute !important;
	right: 0;
	width: 55% !important;
	height: 100% !important;
	overflow: auto !important;
}

#eb-calendar-page.flldg.only #registerformu{
	top: 0px !important;
	position: absolute !important;
	left: 0;
	width: 55% !important;
	height: 100% !important;
	overflow: auto !important;
}

.flldg.only .calendrier,.flldg.only .pge,
.fllgd.only .calendrier,.fllgd.only .pge{
	overflow:visible !important;
	position:absolute !important;
	top:0;left:0;
	width:100%;height:100%;
}

.fullbann.only .sousbann{
	height:100vh !important
}

.parcours .lstetape::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 12px;
	left:0px;
	height: 2px;
	width: 50%;
	background: #c4c6ca;
	-opacity: 0.25;
}
.parcours .lstetape::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 12px;
	right:0px;
	height: 2px;
	width: 50%;
	background: #c4c6ca;
	-opacity: 0.25;
}


.parcours .lstetape.activ::before{
	background: #000;
}

.dark .parcours .lstetape::after,
.dark .parcours .lstetape::before{
	background:#2B2B2B
}

.dark .parcours .lstetape.activ::before
{
	background:#fff
}

.parcours .lstetape.oldactiv::after,.parcours .lstetape.oldactiv::before,
.dark .parcours .lstetape.oldactiv::after,.dark .parcours .lstetape.oldactiv::before{
	background: #5fa261 !important;
}

.cals font a{
	background-color:#EBECF0 !important;
}
.dark .cals font a{
	background-color:#3b3b3b !important;
}

.modern #registerformu h1{
	margin-top:0px;
}

.modern .frame #registerformu h1{
	margin-top:0px;
}

.modern #eb-calendar-page.frame #registerformu {
    padding-left: 0px;
    width: calc(50% - 52px);
}


.materialize .ssdes p{
	font-weight:300 !important
}

.materialize h1{
	max-width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

.materialize #eb-categories .eb-category{
	padding:0;
	width:calc(100% - 85px) !important;
	border:none !important;
	background: none !important;
	box-shadow: none !important;
}
@media(max-width:1190px){
	
	.modern.dark #eb-calendar-page .basket{
		background:none !important;
	}
	.modern .parcours strong{
		top:-20px;
		left:-20px
	}
	.modern .parcours strong font{
		width:90% !important
	}
	.mini .ssevent{
		min-height:200px
	}


	.materialize .singleev li i,.materialize .ssevent span i{
		font-size:11px !important
	}
	.materialize .mini .ssevent {
		min-height: 162.5px;
	}

	.modern #varevents2 li{
		width:100% !important
	}

	.modern #eb-calendar-page.davantform .ffm{width: calc(100% - 60px) !important;
		padding-right: 30px !important;}
	html.modern #eb-calendar-page .eb-description{
		border-radius: 28px !important;
		border-top-right-radius: 28px !important;
	}

	html.modern #eb-calendar-page #registerformu,html.modern #eb-calendar-page .calendrierfully{
		border-radius: 28px !important;
	}

	.frame .torgt #varevents2{
		padding-left:20px !important
	}
	html.noovrl,html.noovrl body{
		overflow:hidden !important
	}
	#menutoggle #menu{margin-left:-50px !important;		width: calc(100% - 10px)!important;
		display:none}
	#menutoggle.ouvert{
		width: 100% !important;
background-color: #c4c6ca;
	}
	.dark #menutoggle.ouvert,.dark #menutoggle.ouvert #menu{
		background-color: #2B2B2B;
	}
	#menutoggle.ouvert #menu{
background-color: #c4c6ca;
padding-top: 52.5px;
height: calc(100vh - 157px);
padding-bottom: 52.5px;
margin-top: -1px;width: calc(100% - 10px)!important;
	}
	.dark .torgt .basket.actv {
		box-shadow:none !important;
	}
	#eb-calendar-page.bckfxd .ctbck {
		width: 100% !important;
	}
	html #eb-calendar-page.frame.only .hdcal.fixd
	{
		background:#c4c6ca !important
	}
	html.seul #eb-calendar-page.frame.only .hdcal.fixd
	{
		background:#fff !important
	}
	html.dark #eb-calendar-page.frame.only .hdcal.fixd
	{
		background:#2B2B2B !important
	}
	

	#eb-individual-registration-page{padding:0px !important}
	#eb-calendar-page.frame.only .calendrierfully{
		height:auto !important
	}
	.control-group.tpmultipleradio .controls,.control-group.tpmultiplecheckboxes .controls{
		overflow-x: auto;
		scrollbar-color: rgba(0,0,0,0.2);
scrollbar-width: thin;
	}
	.prss #registerformu h1{
		font-size:2.75em !important
	}
	#eb-calendar-page.nostyles.prss.flpage.bodycontent #registerformu .eb-description{
		padding:100px 50px !important
	}
	.wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page, #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
		width:calc(100% - 100px) !important;
		padding: 50px 50px !important;
	}
}

.descrr .fa-info-circle{
	position: absolute;
top: 15px;
right: 25px;
font-size: 25px !important;
cursor: pointer;
z-index:9
}
.bgsingleev{display:none;
	position:fixed;
	top:0;left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:99999999999;
}
.eventsingle h1{
	font-family:'TypographExtraBold'
}
.eventsingle strong{
	font-family:'TypographExtraBold'
}
.eventsingle p{
	font-family:'TypographBold'
}
.eventsingle .image{
width: 100%;
height: 250px;
background-size: cover;
background-position: center;
}
.eventsingle .texte{
	padding:25px;
}
.eventsingle{
	border-radius:10px;
	position:absolute;
	left:12.5%;top:12.5%;
	height:75%;width:75%;
	background:white;
	overflow:auto;
	z-index:999999999999999;
}

.modern .eventsingle p{
font-family:"Segoe UI" !important;
font-size:17px;
}
.dark .eventsingle{background:black}
.dark .eventsingle a{color:inherit !important}
.bgsingleev .clseventsingle{
	position:absolute;top:9%;right:9%;z-index:9999999999999999999;cursor:pointer;color:red;font-size:35px !important;
}
@media(max-width:780px){
	.descrr .fa-info-circle{
		top: 165px;
	}

	.wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page, #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
		width:calc(100% - 100px) !important;
		padding: 25px 25px !important;
	}

	#adminForm .suivant, #adminForm .precedent
	{
		width:100% !important;
	}

	.frame .darked{
		right:55px !important
	}

	.etaps{
		font-family: 'TypographExtraBold';
text-align: center;
width: 100%;
margin-bottom: 50px;
-position: fixed;
-top: 0;
-right: -15px;
-width: 75px;
-background: transparent;
-z-index: 999999;
-height: auto;
-pointer-events:none;
-font-size: 15px;
	}
	.etaps .etp {
		display: inline-block;
		width: auto;
		margin: 10px 12.5px;
		text-align: center;
	}.etaps .etp span {
		background: #efefef;
		display: block;
		-width: 20px;
		-border-radius: 20px;
		-height: 20px;
		-line-height: 20px;
		color: black;
		font-weight: bold;
		text-align: center;
	}
	.prss #registerformu h1{
		font-size:2.1em !important
	}
	.wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page, #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
		width:calc(100% - 50px) !important
	}
}

.banbcktrsp,.dark .banbcktrsp {
	background:none !important;
	background-color:transparent !important
}
.parcours  #etapeparcours strong{
	font-family: 'TypographBold' !important;
}

#etapeparcours .numetape,font.etp{
	font-weight: bold !important;
}

#adminForm .control-label label.inff{
	font-family: 'TypographBold' !important;
	font-size: 13px !important;
}

#menu::-webkit-scrollbar{
	background: transparent !important;
    width: 0px;
}
.ouvert #menu::-webkit-scrollbar{width:7px}

#menu::-webkit-scrollbar-thumb{
	background: #999 !important;
}

.dark #menu::-webkit-scrollbar-thumb{
	background: #3B3B3B !important;
}

.cntov::-webkit-scrollbar{
	background: transparent !important;
    width: 0px;
}
.cntov::-webkit-scrollbar-thumb{background:transparent !important}

/*materialize*/
.dark .tpmultipleradio table th,.dark .tpmultiplecheckboxes table th{
	background: none;
	color: white;
}

.dark.materialize .parcours .lstetape::after,
.dark.materialize .parcours .lstetape::before,
.dark.materialize .parcours span{
	background:#2F2F2F !important;
	border-color:#2F2F2F !important
}
.dark.materialize .parcours .lstetape.activ::before,
.dark.materialize .lstetape.activ span {
    background: #fff !important;
	border-color:white !important
}
.dark.materialize .lstetape.oldactiv span,.dark.materialize .parcours .lstetape.oldactiv::after, .dark.materialize .parcours .lstetape.oldactiv::before {
    background: #5fa261 !important;
    border-color: #5fa261 !important;
}
.dark.materialize #varevents2 li {
    background: #2F2F2F !important;
    box-shadow: none !important;
    border: 1.6px solid #4b4b4b !important;
}
.dark.materialize .parcours.srcld::after {
	background:linear-gradient(90deg, rgba(43,43,43,0) 0%, rgba(43,43,43,1) 100%, rgba(43,43,43,1) 100%) !important
}
.materialize #menutoggle{
	overflow:hidden
}
.materialize h1,.materialize .lstmonths,.materialize .lstyears,.materialize #varevents2 h1,.materialize #eb-categories-page .eb-description.ssdecri h1,.materialize h1.infs{
	font-family: 'Roboto', sans-serif !important;
	font-weight:900 !important;
	-font-size:30px !important;
}

.materialize strong.strng,.materialize .legends strong{
	font-family: 'Roboto', sans-serif !important;
	font-weight:900 !important;
	font-size:26px !important;
	text-align:center !important;
}

.materialize .descrr strong,.materialize .singleev span,
.materialize .ssevent .descrr .hours span{
	font-family: 'Roboto', sans-serif !important;
	font-weight:900 !important;
	-font-size:18px !important;
}

.materialize .addbasket,
.materialize .mentions,.materialize .control-group.eb-message,
.materialize #vldpan,.materialize #cancvldpan,.materialize #varevents2 .dateevt,.materialize #varevents2 .categlieux,.materialize body.wsite span,.materialize body.wsite p,.materialize body.wsite strong,.materialize body.wsite li,.materialize body.wsite select,.materialize body.wsite option,.materialize body.wsite a,.materialize fieldset label span,.materialize .assistance p,.materialize #adminForm input,.materialize .parcours strong font,.materialize .mini .mod_eb_mincalendar_td_dayname span,.materialize span u,.materialize #adminForm label,.materialize #resultatregisterformu{
	font-family: 'Roboto', sans-serif !important;
	line-height:1.5em;
	letter-spacing:0.5px

}

.materialize #eb-categories{
	background-color: #f9f9f9 !important;
}
.materialize h1.eb-page-heading{
	font-weight:900 !important;
	-font-size:30px !important;
	font-family: 'Roboto', sans-serif !important;
}

.materialize .frame.notonly .souscategories{
	margin-top:0px !important
}

.materialize .frame.notonly .call{
	padding-top:0px !important
}

.materialize .frame.notonly.torgt .ffm{
	width:calc(50% - 70px)
}

.materialize #eb-categories-page,.materialize .torgt .ssdescc,.materialize,.materialize body{
	background: #EBECF0 !important;
}
.materialize .eb-category,.materialize .mnu{
	background: #EBECF0 !important;
	box-shadow:none !important;
    border: 1.6px solid white !important;
}

.dark.materialize #eb-categories{
	background-color: #2B2B2B !important;
}
.dark.materialize .torgt .ssdescc,.dark.materialize,.dark.materialize body{
	background-color: #252525 !important;
}

.materialize .des{
	box-shadow:none !important
}
/*
.materialize .souscategories::after,.materialize .leslieux::after{
	border: 1.6px solid white !important;
	box-shadow:none !important;
	background:#f9f9f9 !important
}

.dark.materialize .souscategories::after,.dark.materialize .leslieux::after{
	border: 1.6px solid #4b4b4b !important;
	box-shadow:none !important;
	background:#3b3b3b !important;
}*/

.materialize .ssdes{
	background: #f9f9f9 !important;
    border: 1.6px solid white !important;
}
.dark.materialize .ssdes{
	background-color:#2F2F2F !important;
	border:1.6px solid #4b4b4b !important
}

.materialize #eb-calendar-page .eb-description a,.materialize #menutoggle.ouvert a span,.materialize #user a,.materialize .eb-description span,.materialize .eb-description li,.materialize .ssdes p,.materialize .ssdes a,.materialize #menutoggle.ouvert #menu span,.materialize .ssdsc,.materialize  .eb-description p,.materialize #legende li,.materialize .eb-category .cntt,.materialize .eb-category span,.materialize .eb-category em,.materialize .eb-category small{
	font-family: 'Roboto', sans-serif !important;
	-font-weight:900 !important;
	-font-size:17px !important;
}
.materialize .calendrierfully{
	background-color:#f9f9f9 !important
}
.dark.materialize .calendrierfully{
	background-color:#2F2F2F !important
}
.materialize .basket{
	box-shadow:none !important
}
.materialize .mini .ligne{
	margin-left: 0px;
width: calc(100% + 0px);
}
.materialize .frame .basket{
	margin-left:-40px !important;
}
.materialize .ssevent .imag{
	width: 115px !important;
height: 115px !important;
border:none !important;
z-index:0 !important;
background-position: top center;
}
.materialize .control-group.acondition,.materialize .parcours,
.materialize .souscategories,
.materialize .leslieux,
.materialize .desccreneaux,
.materialize .mnu{
	-box-shadow: 0px 1px 4px rgba(0,0,0,0.1) !important;
	box-shadow:none !important;

background:#EBECF0 !important;
border: 1.6px solid white !important;
}
.dark.materialize .control-group.acondition,
.dark.materialize .eb-category,
.dark.materialize .parcours,
.dark.materialize .souscategories,
.dark.materialize .leslieux,
.dark.materialize .desccreneaux
{
background:#252525 !important;
border: 1.6px solid #4b4b4b !important;
}


.materialize .mnu{
	background:#EBECF0 !important;
	border: 1.6px solid #fff !important;
}
.materialize.trg .mnu{
	background:#f9f9f9 !important;
	border: 1.6px solid #fff !important;
}

.dark.materialize.trg .mnu{
	background:#2f2f2f !important;
	border: 1.6px solid #4b4b4b !important;
}
.dark.materialize .mnu{
	background:#252525 !important;
	border: 1.6px solid #4b4b4b !important;
}

.materialize #menutoggle.ouvert .mnu{
	border: none !important;
}
.materialize #menutoggle.ouvert{
	border: 1.6px solid #fff !important;
}
.dark.materialize #menutoggle.ouvert{
	border: 1.6px solid #4b4b4b !important;
}

.materialize #next_month,.materialize #prev_month,.materialize .eb-description::after{
	background: #EBECF0 !important;
box-shadow: none !important;
border: 1.6px solid white !important;

}
.dark.materialize #next_month,.dark.materialize #prev_month{
	background:#252525 !important;
	box-shadow:none !important;
	border: 1.6px solid #4b4b4b !important;
}

.materialize .leslieux::after,.materialize .legends::after,.materialize .eb-description::after{
	background:none !important;
	box-shadow:none !important;
	border: none !important;
}
.dark.materialize .legends::after,.dark.materialize .eb-description::after{
	background:none !important;
	box-shadow:none !important;
	border: none !important;
}

.materialize .ssevent,.materialize #registerformu,.materialize #eb-calendar-page, .materialize #varevents2{
	background:#EBECF0 !important;
}

.dark.materialize .ssevent,.dark.materialize #registerformu,.dark.materialize #eb-calendar-page, .dark.materialize #varevents2{
	background:#252525 !important;
}

.materialize .cellule.actv .lnk a,.materialize .davantform .cellule .lnk a,.materialize .ssevent .crassocie{
	box-shadow:none !important;
	background:none !important;

}
.materialize #varevents2 li{
	background: #f9f9f9 !important;
	box-shadow:none !important;
border: 1.6px solid white !important;
}
.materialize .singleev.nbevents .nameday{
	background:#EBECF0 !important;
	border-radius:30px;
	width:54px;
	height:60px;
	line-height:42.5px;
	border: 1.6px solid white !important;

}
.dark.materialize .singleev.nbevents .nameday{
	background:#252525 !important;
	border: 1.6px solid #4b4b4b !important;
}
.materialize .sousligne.jour0 .cont{
	border-top-left-radius:28px !important
}
.materialize .lnk .bulles{
	bottom:5px !important
}
.materialize .ssevent .bottomm a{
	background: #f9f9f9 !important;
	box-shadow: none  !important;
-color: white !important;
}
.dark.materialize .ssevent .bottomm a{
	background: #2F2F2F !important;
	box-shadow: none  !important;
-color: white !important;
}
.materialize #eb-calendar-page .eb-description,.materialize .legends{
	-box-shadow: 0px 1px 4px rgba(0,0,0,0.1) !important;
	box-shadow:none !important;
background: #f9f9f9 !important;
border: 1.6px solid white !important;
}
.dark.materialize #eb-calendar-page .eb-description,.dark.materialize .legends{
	background:#2f2f2f !important;
	border: 1.6px solid #4b4b4b !important;
}
.materialize .mini .cellule{
	min-height:82.5px !important;height:82.5px !important
}

.materialize .legends u{
	text-align:center
}

.materialize.trg .basket{
background:#f9f9f9 !important
}

.materialize.trg.dark .basket{
	background:#2F2F2F !important
}

.materialize .lnk{height:70px !important;margin:0px !important}

.modern .ffm,.materialize .ffm{
	background-color: #f9f9f9 !important;
}
.modern.dark .ffm{
	background-color: #3b3b3b !important;
}

.materialize.dark .ffm{
	background-color: #2F2F2F !important;
}

.materialize .aconddiv.control-group select,.materialize #adminForm .control-group select,.materialize #adminForm .control-group textarea, .materialize #eb-calendar-page #adminForm .control-group input, .materialize .aconddiv.control-group input{
	background:none !important;
	box-shadow:none !important;
	border:2px solid black !important;
	border-radius:28px !important;
	max-width: calc(100% - 52px) !important;
	font-weight:normal !important;
	font-family:'Roboto',sans-serif !important
}
.materialize.dark .aconddiv.control-group select,.materialize.dark #adminForm .control-group select,.materialize.dark #adminForm .control-group textarea, .materialize.dark #eb-calendar-page #adminForm .control-group input, .materialize.dark .aconddiv.control-group input{
	background:none !important;
	box-shadow:none !important;
	border:2px solid #5b5b5B !important;
	border-radius:28px !important;
	max-width: calc(100% - 52px) !important;
	font-weight:normal !important;
	font-family:'Roboto',sans-serif !important
}

.materialize #adminForm .control-group .controls select,
.materialize.dark #adminForm .control-group .controls select{
	max-width: calc(100%) !important;
}

html.materialize.dark #eb-calendar-page .aconddiv.control-group .controls input[type="checkbox"],html.materialize.dark #eb-calendar-page #adminForm .control-group .controls input[type="checkbox"],html.materialize #eb-calendar-page .aconddiv.control-group .controls input[type="checkbox"],html.materialize #eb-calendar-page #adminForm .control-group .controls input[type="checkbox"]{
border-radius:5px !important
}

.materialize .basket{
	box-shadow:none !important;
	border: 1.6px solid #fff !important;
	width: 80px !important;
height: 80px !important;
border-radius: 130px !important;
margin-left:0px !important;
margin-top:-40px;
}

.materialize .sousligne .cont{
	box-shadow:none;
	border:1.6px solid white !important;
}

.materialize .torgt .basket.actv,.dark.materialize .torgt .basket.actv,.materialize .torgt .basket i,.dark.materialize .torgt .basket i{
	box-shadow:none !important
}
.dark.materialize .sousligne .cont{
	box-shadow:none !important;
	border:1.6px solid #4b4b4b !important;
}
.materialize .eb-category .eb-category-title .cntt{font-weight:900 !important;}
.materialize .eb-category .eb-category-title .cntt em{font-weight:300 !important;}
.materialize .sousligne .cont{box-shadow:none !important}
.materialize .basket::before {top:30px !important}
.materialize .basket.highlited::after,.materialize .basket.actv::after { border-radius:130px !important; width:80px !important;height:80px !important}

.materialize .ssdecri::-webkit-scrollbar-thumb,.materialize #menutoggle.ouvert #menu::-webkit-scrollbar-thumb, .materialize .cnter::-webkit-scrollbar-thumb,
.materialize .sscategss::-webkit-scrollbar-thumb,.materialize .calendrierfully::-webkit-scrollbar-thumb,.materialize #varevents2::-webkit-scrollbar-thumb,.materialize .ffm::-webkit-scrollbar-thumb,.materialize #registerformu::-webkit-scrollbar-thumb
{
	background: rgba(0,0,0,0.1) !important;
}

.materialize .ssevent .imag,.materialize .eb-category-title .img .imgintro{
	border-radius:128px;
	border-color:transparent !important
}

.materialize #eb-calendar-page .calendrier.formsanscalendar{
	background:#f9f9f9 !important;
}
.dark.materialize #eb-calendar-page .calendrier.formsanscalendar{
	background:#2F2F2F !important;
}
.materialize .wsite #eb-calendar-page .formsanscalendar #registerformu{
	box-shadow:none !important
}

.materialize.dark #eb-calendar-page .formsanscalendar #eb-individual-registration-page{
	background:#252525 !important
}

.materialize .formsanscalendar #adminForm .control-group select,.materialize .formsanscalendar #adminForm .control-group textarea, .materialize #eb-calendar-page .formsanscalendar #adminForm .control-group input, .materialize .formsanscalendar .aconddiv.control-group input{
	background:#f9f9f9 !important;
	box-shadow:none !important;
	border:1.6px solid white !important;
}
.materialize.dark .formsanscalendar #adminForm .control-group select,.materialize.dark .formsanscalendar #adminForm .control-group textarea, .materialize.dark #eb-calendar-page .formsanscalendar #adminForm .control-group input, .materialize.dark .formsanscalendar .aconddiv.control-group input{
	background:#252525 !important;
	box-shadow:none !important;
	border:1.6px solid #4b4b4b !important;
}

.dark.materialize .eb-category{
	background-color: #252525 !important;
    border: 1.6px solid #4b4b4b;
	box-shadow:none !important
}

.dark.materialize .basket{
	border: 1.6px solid #4b4b4b !important;
box-shadow: none !important;
background: #252525 !important;
}

.assistance p{
	font-family: 'TypographBold' !important;
}
.assistance a{
	color:inherit;
	text-decoration:underline;
	font-weight:bold;
}

.flpage.only.prss .sousbann{
	height:342.5px !important
}

.w50 .inputimage ul{
	width:calc(50% - 30px) !important;
	float:left !important
}
.w33 .inputimage ul{
	width:calc(33% - 30px) !important;
	float:left !important
}
.w25 .inputimage ul{
	width:calc(25% - 30px) !important;
	float:left !important
}
.w20 .inputimage ul{
	width:calc(20% - 30px) !important;
	float:left !important
}

.form-actions,.form-actions input.btn{
	position: relative !important;
}
label[for="charte_dutilisation"]{
	margin:0px !important;
	position: absolute !important;
	top: 32.5px !important;
}
label[for="charte_dutilisation"] span{
	font-size:10px !important;
	color:white !important
}
.dark label[for="charte_dutilisation"] span{
	color:#2B2B2B !important
}

label[for="charte_dutilisation"] #charte_dutilisation{
	border: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	background: none !important;
}




/*modern*/
.modern .souscategories,.modern .leslieux, .modern .desccreneaux, .modern .desccreneaux2, .modern .ssdecri .des, .modern .eb-category, .modern #eb-calendar-page .eb-description, .modern .legends, .modern .parcours, .modern .aconddiv{
padding:20px 0 !important;
border:none !important;
box-shadow:none !important
}
.modern .mini .leslieux .lieux,.modern .mini .souscategories strong {
    font-size: 25px !important;
    font-family: "Segoe UI" !important;
}

.modern .addbasket{
	font-size: 14px !important;
    font-family: "Segoe UI" !important;
}
.modern .calendrier .banncateg.bann{
	width: calc(100% + 145px) !important;
	height:320px !important;
	border-radius:0px !important;
	margin-left: -70px;
}
.modern .frame .calendrier .banncateg.bann{
	width: calc(100% + 100px) !important;
	height:320px !important;
	border-radius:0px !important;
}

.modern .cellule .lnk a{
	border-radius:10px !important
}
.modern .ssevent .bottomm a i{
	font-size:17px !important
}
.modern #eb-calendar-page.frame .torgt #registerformu
{
	width:calc(50% - 30px);
	padding-left:0px !important;
	padding-top:0px
}

.modern #eb-calendar-page.frame .torgt .legends{
	margin-left: 45px;
}

.modern .frame .basket {
    margin-left: -40px !important;
}

.modern #eb-calendar-page .eb-description{
	margin-left:-65px;
	padding: 35px 50px !important;
	background:inherit !important;
	padding-left: 55px !important;
	border-top-right-radius:10px !important;
	padding-right: 0px !important;
}

.modern #eb-calendar-page.frame .eb-description{
	margin-left:-20px;
	padding: 35px 50px !important;
	background:inherit !important;
	padding-left: 70px !important;
	padding-right: 0px !important;
}

.modern .cellule.actv .lnk a{
	background:#EBECF0  !important;
}

.modern .parcours,.modern .legends,.modern .leslieux,.modern .souscategories{
	background:inherit !important;
	box-shadow:none !important;
	border:none !important;
	margin-left:-10px
}


.souscategories::after, .leslieux::after{
	border:none !important;
	box-shadow:none !important;
}
.modern #eb-calendar-page.bodycontent #registerformu.seuls,.modern #eb-calendar-page.bodycontent #registerformu.seuls #eb-individual-registration-page{
	border-radius:10px !important;
	box-shadow:none !important;
	background:#f9f9f9 !important
}
.modern #eb-calendar-page.nostyles input,.modern #eb-calendar-page.nostyles select{
	background:#f9f9f9 !important
}
.dark.modern #eb-calendar-page.nostyles input,.dark.modern #eb-calendar-page.nostyles select{
	background:#2b2b2b !important
}
.dark.modern #eb-calendar-page.bodycontent #registerformu.seuls,
.dark.modern #eb-calendar-page.bodycontent #registerformu.seuls #eb-individual-registration-page{
	background:#2b2b2b !important
}
.modern #adminForm .control-label label,.modern #eb-calendar-page .eb-description a,.modern #varevents2 span,.modern #varevents2 strong,.modern body.wsite strong{
    font-family: "Segoe UI" !important;
    font-weight: bold !important;
	font-size: 16px !important;

}
.modern .basket.actv::before{top:27px !important}
.modern .ietps{
	margin-right: 0px !important;
	border-radius: 5px !important;
}
.modern .legends::after,.modern  #eb-calendar-page .eb-description::after{
	box-shadow: none !important;
    background: #f9f9f9 !important;
    border: none !important;
	border-radius: 20px;
}
.modern .calendrierfully .cellule .nameday{
	font-size:20px !important
}
.modern .singleev .nomarl,.modern .singleev.nbevents .nameday{
	top:7.5px
}

.modern .mini .nblargeur1 .imag{
	width:100%
}
.modern .mini .nblargeur2 .imag{
	width:50%
}
.modern .mini .nblargeur3 .imag{
	width:33.333%
}
.modern .mini .nblargeur4 .imag{
	width:25%
}
.modern .mini .nblargeur5 .imag{
	width:20%
}
.modern .mini .nblargeur6 .imag{
	width:16.666%
}
.modern .mini .nblargeur0 .imag,
.modern .mini .nblargeur7 .imag{
	width:14.285%
}

.modern .lnk .bulles{bottom:12.5px !important}
.modern .mini .sousligne{margin:0px 7.5px !important;    width: calc(100% - 15px) !important;}
.modern .cellule .lnk{margin:7.5px;padding-bottom: 0px;}
.modern .cellule .lnk a{margin:0px;padding-bottom: 0px;}
.modern .mini .ligne{margin-left: 0px;
	width: 100%;}

	.modern .mini .cellule{
		height:82.5px !important;
		min-height:82.5px !important;
	}

	.modern .mini .cellule .lnk{
		height:70px !important;
	}
.modern #adminForm .control-group select,.modern #adminForm .control-group textarea, .modern #eb-calendar-page #adminForm .control-group input,.modern .aconddiv.control-group input{
box-shadow:none !important;
border:none !important;
border-radius:10px !important;
border:2px solid black !important;
}
.modern.dark #adminForm .control-group select,.modern.dark #adminForm .control-group textarea, .modern.dark  #eb-calendar-page #adminForm .control-group input,.modern.dark  .aconddiv.control-group input{
	box-shadow:none !important;
	border:none !important;
	border:2px solid #666 !important;

}
.modern #eb-calendar-page .control-group input[type="radio"]{
	border-radius:10px !important;
}

.modern #eb-calendar-page .control-group input[type="checkbox"]{
	border-radius:5px !important;
}

.modern.dark #varevents2.encr li{
	box-shadow:none !important
}
.modern  #eb-calendar-page #adminForm .control-group input[type=checkbox],.modern  #eb-calendar-page #adminForm .control-group input[type=radio],.modern  .aconddiv.control-group input[type=checkbox],.modern  .aconddiv.control-group input[type=radio]{
	border:2px solid #000 !important
	}

	.modern  #eb-calendar-page #adminForm .control-group input[type=checkbox],.modern  .aconddiv.control-group input[type=checkbox]{
		border-radius:5px !important
		}
		

.modern.dark  #eb-calendar-page #adminForm .control-group input[type=checkbox],.modern.dark  #eb-calendar-page #adminForm .control-group input[type=radio],.modern.dark  .aconddiv.control-group input[type=checkbox],.modern.dark  .aconddiv.control-group input[type=radio]{
border:2px solid #666 !important
}

.modern  #eb-calendar-page #adminForm .control-group select:focus,.modern .aconddiv.control-group select:focus,
.modern  #eb-calendar-page #adminForm .control-group textarea:focus,.modern .aconddiv.control-group textarea:focus,
.modern  #eb-calendar-page #adminForm .control-group input:focus,.modern .aconddiv.control-group input:focus{
	box-shadow:0px 0px 0px 3px #ccc !important;
}

.modern.dark  #eb-calendar-page #adminForm .control-group select:focus,.modern.dark .aconddiv.control-group select:focus,
.modern.dark  #eb-calendar-page #adminForm .control-group textarea:focus,.modern.dark .aconddiv.control-group textarea:focus,
.modern.dark  #eb-calendar-page #adminForm .control-group input:focus,.modern.dark .aconddiv.control-group input:focus{
	box-shadow:0px 0px 0px 3px #666 !important;
}




.materialize  #eb-calendar-page #adminForm .control-group select:focus,.materialize .aconddiv.control-group select:focus,
.materialize  #eb-calendar-page #adminForm .control-group textarea:focus,.materialize .aconddiv.control-group textarea:focus,
.materialize  #eb-calendar-page #adminForm .control-group input:focus,.materialize .aconddiv.control-group input:focus{
	box-shadow:0px 0px 0px 3px #ccc !important;
}

.materialize.dark  #eb-calendar-page #adminForm .control-group select:focus,.materialize.dark .aconddiv.control-group select:focus,
.materialize.dark  #eb-calendar-page #adminForm .control-group textarea:focus,.materialize.dark .aconddiv.control-group textarea:focus,
.materialize.dark  #eb-calendar-page #adminForm .control-group input:focus,.materialize.dark .aconddiv.control-group input:focus{
	box-shadow:0px 0px 0px 3px #666 !important;
}


.modern .parcours strong font{
	font-size:15px !important;
	font-family:	"Segoe UI" !important;
	-text-transform: uppercase;
	white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;

}

.modern #adminForm .control-group{
	border-radius: 10px;
}
.modern #eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description{
	background:#f9f9f9 !important
}
.dark.modern #eb-calendar-page.nostyles.prss.bodycontent #registerformu .eb-description{
	background:#2b2b2b !important
}
.modern #menutoggle span,.modern #menutoggle .current.active span{
	font-size:16px !important;
font-family:	"Segoe UI" !important
}

	.modern.dark .legends::after,.modern.dark  #eb-calendar-page .eb-description::after{
	box-shadow: none !important;
    background: #2b2b2b !important;
    border: none !important;
	-border-radius: 0px;
}

.modern .inptchk{
	bottom:22.5px
}
.modern li{
	line-height:20px
}
.modern .ssevent .descrr .hours,.modern .ssevent .descrr .lieux a span,.modern .ssevent .descrr .hours span {
    font-size: 15px;
    font-weight: normal !important;
    font-family: "Segoe UI" !important;
}

.modern .ssevent{
	border-bottom:2px solid rgba(0,0,0,0.1) !important

}
.modern .ssevent .bottomm{bottom:20px}
.modern .ssevent .imag{
	border-left: 2px solid transparent;
	top:22.5px;
	left:20px;
	width: 115px;
	max-width: 115px;
	min-width:115px;
    height: 115px;
	border:none;
	border-radius:200px;
	position:relative;
	z-index:2
}

.modern .ssevent.actv .imag{
	box-shadow: 0px 0px 0px 3px #000;
}
.dark.modern .ssevent.actv .imag{
	box-shadow: 0px 0px 0px 3px #fff;
}

.modern .mini .ssevent{
	min-height:160px
}
.modern .ssevent .descrr{
	width: calc(100% - 180px);
	margin-bottom: 10px;
}

.modern .bxs,.modern .des,.modern .ssdes{border-radius:0px !important}

.modern .frame .calendrier .banncateg.bann{
	margin-left:-25px;
}

.modern .ffm,.modern .sscategss,.modern #registerformu,.modern #varevents2,.modern .calendrierfully {
    scrollbar-color: #dedede #efefef;
    scrollbar-width: thin;
}
.modern .ssevent .bottomm.rrg{left:150px;bottom:20px}
.modern .nothumb .ssevent .bottomm.rrg{left:20px;bottom:0px}
.modern .sousligne .cont{
	box-shadow: none !important;
    background: #EBECF0 !important;
    border: none !important;
	border-radius: 10px;
	margin:7.5px 0 !important
}

.modern .nothumb .ssevent{
	min-height:160px
}

.modern .sousligne.jour0 .cont {
    border-top-left-radius: 10px !important;
}

.modern #eb-calendar-page .eb-description,.modern .cellule.actv .lnk a{
	border-radius:0px;
}
.modern.dark .sousligne .cont{
	box-shadow: none !important;
    background: #2b2b2b !important;
    border: none !important;
	border-radius: 10px;
}

.modern .nameday,.modern .nomarl,.modern .ssdsc b,.modern p.info a{
    font-weight: bold !important;
    font-family: "Segoe UI" !important;
	font-size:20px
}

.modern #adminForm label{opacity:1}

.modern .cellule .lnk a:hover,.modern  .crassocie, .modern .souscategories::after, .modern .leslieux::after, .modern #next_week, .modern #prev_week, .modern #next_month, .modern #prev_month, .modern .ssevent .bottomm a, .modern .cellule.actv .lnk a{
	box-shadow:none !important;
	border:none !important;
	background:#EBECF0 !important;
	-border-radius:0px;
}
.modern.dark .cellule .lnk a:hover,.modern.dark  .crassocie, .modern.dark .souscategories::after, .modern.dark .leslieux::after, .modern.dark #next_week, .modern.dark #prev_week, .modern.dark #next_month, .modern.dark #prev_month, .modern.dark .cellule.actv .lnk a
{
	background:#2b2b2b !important;
}

.modern #adminForm .control-group textarea{
	border:2px solid black !important;
}
.dark.modern #adminForm .control-group textarea{
	border:2px solid #666 !important
}
.modern #varevents2 .listatt{
border-radius:5px !important
}

.modern .nbevents0 .nomarl,.modern .nbevents0 .nameday,.modern .mini .nomarl.datebeforeday .bulles,.modern .nomarl.datebeforeday,.modern .mini .datebeforeday .bulles,.modern .datebeforeday .nameday{
	font-weight:normal !important
}
.modern .ssevent.actv{
	background:rgb(255, 255, 255) !important
}
.dark.modern .ssevent.actv{
	background:rgba(255, 255, 255,0.15) !important
}
.modern .only.frame .basket {margin-left:-40px !important}
.modern .ssevent .bottomm a,.modern .fa.fa-link.crassocie{
	background:#f9f9f9 !important
}
.modern.dark .ssevent .bottomm a,.modern.dark .fa.fa-link.crassocie,.modern.dark .mnu{
	background:#3b3b3b !important
}

.modern.dark.torgt .mnu{
	background:#2b2b2b !important
}
.modern.torgt .mnu{
	background:#EBECF0 !important
}


.modern .inptchk{
	box-shadow:none !important;
	border-radius:30px !important;
	padding: 5px 10px;
	line-height: 17px;
}
.modern .lstetape.oblig .numetape::before{
	right:-12px;
}
.modern fieldset label span{
	font-weight: normal !important;
font-family: "Segoe UI" !important;
line-height: 1em !important;
font-size: 16px !important;
}
.modern .parcours span,.modern .accueil .cntt::after{
	border-radius:0px !important
}
.modern .mnu{
	background:#fff !important;
	-border-radius:15px !important
}
.modern.torgt .mnu{
	background:#EBECF0 !important;
}
.modern .souscategories::after,.modern .leslieux::after{
	right:0px;
}

.modern .cellule .lnk a{
	box-shadow: none !important;
	background-color:transparent !important
}
.modern .ssevent .descrr strong,.modern .ssevent .descrr .hours span,.modern .mini .mod_eb_mincalendar_td_dayname.acti span {
    font-weight: bold !important;
    font-family: "Segoe UI" !important;
	font-size: 16px;
}

.modern #varevents2 .descrii .dateevt,.modern #varevents2 .descrii .hours span,.modern .ssevent .descrr .hours span{
	font-size: 18px !important;
	margin-bottom:7.5px !important
}

.modern #varevents2 .descrii .lieux a span{
	font-weight:normal !important;
	font-family:'Segoe UI' !important
}

.modern body.wsite .descrr strong{
	font-size: 17px;
}

.only.frame.modern .ssdsc p, .only.frame.modern .ssdsc span, .only.frame.modern .ssdsc li,.modern .eb-category-title .cntt,.modern .eb-category-title .cntt span{
	font-weight: bold !important;
    font-family: "Segoe UI" !important;
	font-size: 16px;
}

.modern #legende li{
	font-weight: normal !important;
    font-family: "Segoe UI" !important;
	line-height: 1em !important;
	font-size: 16px !important;
}
.modern #varevents2 b,.modern .infomg,.modern p.info,.modern #adminForm .control-group select,.modern #adminForm .control-group textarea, .modern  #eb-calendar-page #adminForm .control-group input,
.modern .eb-description span,.modern .eb-description li,.modern .ssdsc,.modern .eb-description p,.modern .mini .mod_eb_mincalendar_td_dayname span,.modern .eb-category .eb-category-title em{
	font-weight: normal !important;
    font-family: "Segoe UI" !important;
	line-height: 1.5em !important;
	font-size: 16px !important;
}
.modern .eb-description span,.modern .eb-description li,.modern .ssdsc,.modern .eb-description p{
width: 102%;
}

.modern #adminForm #valid,.modern  #adminForm #effacer{
	border-radius:30px !important
}

.modern .formsanscalendar input,.modern .formsanscalendar select,.modern .formsanscalendar textarea{
    font-family: "Segoe UI" !important;
	font-size: 16px !important;
}

.modern .mini .leslieux .lieux,.modern .mini .souscategories strong,.modern #eb-calendar-page .legends strong,.modern #eb-calendar-page .parcours strong{
	font-size: 30px !important;
	text-align:center;
	font-family: "Segoe UI" !important;
}
.modern span u{text-align:center}

.modern h1.tt{
	font-family: "Segoe UI" !important;
	font-weight:bold !important;
	font-size: 3.5em !important;
	letter-spacing:-0.5px;
}
.modern #eb-calendar-page .calendrier.formsanscalendar{
	background:#f9f9f9 !important;
}
.modern.dark #eb-calendar-page .calendrier.formsanscalendar{
	background:#2b2b2b !important;
}
.modern #varevents2 h1,.modern #eb-categories-page .eb-description.ssdecri h1,.modern h1.infs,.modern .lstmonths,.modern .lstyears,.modern .cntb .eb-page-heading,.modern .scll .eb-page-heading,.modern #varevents2 h1,.modern .ssdecri h1,.modern h1.infs{
	font-size: 30px !important;
	font-family: "Segoe UI" !important;
}
.modern #eb-categories-page .eb-description.ssdecri h1{
	margin-top:0px !important;
	width:102%;
}
.modern #varevents2 li {
box-shadow:none !important;
padding:20px 0px;
width:calc(100% - 40px)
}
.modern #menutoggle .mnu{
	border-radius: 0;
}
.modern #menutoggle{
	top:0px;
	left:0px;
	height: calc(100% - 0px);
	border-radius:0px;
}
.modern .ssdecri .des{overflow:visible !important}
.modern .ssdecri .imgg{left:-50px !important;border-radius:0px !important;top:-25px !important;margin:0px !important;height:333px !important;width:calc(100% + 142px) !important}
.modern .parcours,.modern .leslieux,.modern .souscategories{
margin-left:0px;
}
.modern .leslieux{
	padding-top:0px !important
}

.modern .frame .legends{
	margin-left:45px
}
.modern .ssdecri .ssdes{margin-top:-100px !important;	margin-left:-50px;
	padding: 35px 75px !important;border-top-right-radius:10px !important;}

.modern body.accueil #eb-categories-page .ssdecri .ssdes{
	padding:25px 0 !important;
	margin-top:0px !important
}
.modern #eb-categories-page h1{
	margin-top: 25px !important;
}

.modern #calendar_result{
	padding-left:0px;
}
.modern .basket{
	width:85px;
	height:85px;
	margin-left:0px;
	margin-top:-40px;
	border:none !important;
	transform: rotate(-0deg) !important;
	border-radius:120px !important;
	z-index: 99999999;
	box-shadow: none !important;
	background:#f9f9f9;
}
.modern .ouvert .buttonmenu,.modern .opening .buttonmenu{
	right:26px
}

.modern #eb-categories-page .eb-description.ssdecri{
	padding-top:0px !important;
	padding-bottom: 42px !important;
	padding-right: 90px !important;
}
.modern.dark #menutoggle a::before,.modern.dark #menutoggle p::before,.modern #menutoggle a::before,.modern #menutoggle p::before {
    box-shadow: none !important;
	background-color:#f9f9f9;
}
.modern.dark #menutoggle a::before,.modern.dark #menutoggle p::before{
    box-shadow: none !important;
	background-color:#2b2b2b;
}
.modern #eb-calendar-page #registerformu,.modern #eb-calendar-page .torgt #registerformu{
	padding-top:0px
}
.modern .dsc,.modern .ssdsc{
	max-width:100% !important;
	width:100% !important
}
.modern #eb-calendar-page .eb-description
{
	margin-top:-75px;
	margin-bottom: 0px !important
}

.modern .ssevent .bottomm a{padding: 5px 7.5px;}
.modern.dark .legends::after, .modern.dark #eb-calendar-page .eb-description::after,.modern.dark .basket{
	background:#3b3b3b !important;
}
.modern #menutoggle a::before,.modern #menutoggle p::before{
	border-radius:20px !important
}
.modern .only.frame .ssdsc p,.modern .only.frame .ssdsc span,.modern .only.frame .ssdsc li{font-size:16px !important}
.modern .only .sousbann{
	min-height:250px !important
}
.modern .basket::before{
	top:25px;
	transform:rotate(0deg) !important
}
.modern,.modern body,.modern #eb-calendar-page,.modern #registerformu,.modern .ssdescc,.modern .ssdecri .ssdes,.modern #varevents2{
	background-color: #EBECF0 !important;
}
.modern .basket::before{
	top:26px;
}
.modern .calendrierfully,.modern #eb-categories,.modern #eb-categories-page{
	background-color: #f9f9f9 !important
}
/* .modern .infomg,.modern .eb-category-title small{border-radius:0px;} */
.modern.dark,.modern.dark body,.dark.modern .ssdescc,.dark.modern .ssdecri .ssdes,.modern.dark #eb-calendar-page,.modern.dark #registerformu,.modern.dark #varevents2{
	background-color: #2b2b2b !important;
}
.modern.dark .calendrierfully,.dark.modern .calendrierfully, .dark.modern #eb-categories,.dark.modern #eb-categories-page{
	background-color: #3b3b3b !important
}

.materialize #eb-calendar-page .eb-description a,.materialize .addbasket,.materialize #vldpan,.materialize #cancvldpan,.materialize #valid,.materialize #effacer{
	font-family: 'Roboto',sans-serif !important;
	font-weight:900 !important
}
.materialize #adminForm input,.materialize fieldset label span,.materialize #adminForm .control-label label,.materialize .assistance p {
    font-family: 'Roboto',sans-serif !important;
}
.materialize #adminForm input,.materialize #adminForm .control-label label {
    font-weight:600 !important;
}

.materialize #eb-calendar-page.frame.notonly .basket::before{
	top:30px !important
}
.modern #eb-calendar-page.frame.notonly .basket::before{
	top:25px !important
}

.modern .notonly.frame .basket.highlited::after{
	height:80px !important;width:80px !important
}

.modern .parcours strong font{
	margin-top: 10px;
}
.modern .parcours li{
	padding:0px 10px;
}
.modern .parcours span{
	width:29px;height:29px;line-height:29px;    transform: rotate(0deg);
	border-radius: 31px !important;font-size: 20px !important;
}
.modern .parcours .lstetape::before,.modern .parcours .lstetape::after{
top:15px;
}
.modern #etapeparcours{
	height:60px;
}

.modern #vldpan,.modern #cancvldpan,.modern #valid,.modern #effacer,.modern .assistance p{
	border-radius:30px !important;
	font-size:17px !important;
	font-family:"Segoe UI" !important;
}
.modern .sscategss::-webkit-scrollbar-thumb,.modern .calendrierfully::-webkit-scrollbar-thumb,.modern #varevents2::-webkit-scrollbar-thumb,.modern .ffm::-webkit-scrollbar-thumb,.modern #registerformu::-webkit-scrollbar-thumb{
	background: #EBECF0 !important;
    width: 7px;
    height: 2em;
}
.modern.dark .sscategss::-webkit-scrollbar-thumb,.modern.dark .calendrierfully::-webkit-scrollbar-thumb,.modern.dark #varevents2::-webkit-scrollbar-thumb,.modern.dark .ffm::-webkit-scrollbar-thumb,.modern.dark #registerformu::-webkit-scrollbar-thumb,.modern.dark .ssdecri::-webkit-scrollbar-thumb,.modern.dark  #menutoggle.ouvert #menu::-webkit-scrollbar-thumb,.modern.dark  .cnter::-webkit-scrollbar-thumb{
	background: rgba(0,0,0,0.1) !important;
    width: 7px;
    height: 2em;
}
.modern .basket i{
	transform:rotate(0deg) !important;
	box-shadow:none !important;
	top:-25px !important;
	left:58px !important;width:22px !important;height:22px !important;line-height:22px !important;
	border-radius: 120px !important;
}
.modern .basket.highlited::after{
	border-radius:120px !important;
	width:85px;
	height:85px;
}
.modern .basket.actv::after{
	width:85px !important;height:85px !important;border-radius:120px !important;background: #f9f9f9;
}
.modern .cellule.actv .lnk a::after {display:none !important}
.modern.dark .torgt .basket.actv,.modern .torgt .basket.actv,.modern .torgt .basket.actv i,.modern.dark .torgt .basket i {
	box-shadow:none !important
}
.modern .eb-category{
	min-height:115px !important;
}
.modern .eb-category-title .img .imgintro{
	border-radius:75px !important;border:none !important
}
@media(max-width:780px){
	html.modern h1.tt{
		font-size:2.75em !important
	}
	.control-group .inputimage ul{
		width:calc(100% - 30px) !important;
		float:none !important
	}
}

.nolabel .oblig::after{
content:'*';color:red;font-size:25px;
}

.modern .imgintro,.modern #menutoggle #menu a,.modern .imgg,.modern .imag{
	background-position:center !important
}

.modern #eb-calendar-page .parcours .strng{
	padding-top:0px !important
}

@media(max-width:1190px){
	.modern h1.tt{
		font-size:3em !important
	}
	.modern #registerformu h1 {
		margin-top: 25px !important;
	}

	.modern #menutoggle .mnu.rounded
	{
		border-bottom-left-radius: 10px !important;
    	border-bottom-right-radius: 10px !important;
	}

	.modern .basket.actv::before {
		top: 12px !important;
	}

	html.modern body #eb-calendar-page  .calendrierfully{
	z-index: 999;
    position: relative;
    margin-top: -38px;
}
	.modern #eb-calendar-page .ffm h1{
		padding-top:42px !important
	}
	.modern body #eb-categories-page #eb-categories{
	position: relative;
margin-top: -30px !important;
border-radius:30px !important
}
.modern.dark .ffm{
	background-color: #2b2b2b !important;
	top: -30px;
	position: relative !important;
	z-index: 999999;
	border-radius: 30px;
	padding-top: 60px !important;
}
.modern .ffm{
	background-color: #EBECF0  !important;
	top: -30px;
	position: relative !important;
	z-index: 999999;
	border-radius: 30px;
	padding-top: 60px !important;
}

.modern #eb-calendar-page .calendrierfully{
	padding-bottom:110px !important
}
	.modern #eb-categories-page .ssdecri .ssdes{
		margin-top: -150px !important;
		margin-left: 0px !important;
		padding: 35px 35px !important;
		border-radius: 30px !important;
		width: calc(100% - 70px) !important;
	}

	.modern #eb-categories-page .ssdecri .imgg{
		left: -30px !important;
		border-radius: 30px !important;
		top: -65px !important;
		width: calc(100% + 62px) !important;
	}

	.modern #eb-categories-page .eb-description.ssdecri
	{
		padding: 0px !important;
		width: calc(100% - 0px) !important;
		margin-top: 0px !important;
		border-radius: 30px !important;
	}

	
	.modern .wsite #eb-categories-page {
		padding-top: 52.5px !important;
	}

	.modern #eb-categories-page .ssdescc{
		padding-bottom:60px !important
	}


	.modern .ssevent .descrr{
		width: calc(100% - 190px);
float: left;margin-left: 40px;
	}
	.modern .ssevent .imag{
		min-width:115px !important
	}

	
	.modern #eb-calendar-page.frame .eb-description{
		padding: 35px 40px !important;
		background: inherit !important;
		padding-left: 40px !important;
		padding-right: 30px !important;
	}
	.modern .ssevent .bottomm.rrg {
		left: 150px;
		bottom: 20px;
	}

	.modern .ssevent.nothumb .bottomm.rrg {
		left:25px;
		bottom: 0px;
	}

	.modern .mini #souscategories,.modern .mini #lieux{
text-align:center !important
	}
	.modern .mini .ssevent{
		min-height:155.5px;
	}
	.modern #varevents2 {
		z-index: 9999999 !important;
	}

	
	.materialize #varevents2.fxd,.modern #varevents2.fxd {
		top: 52.5px !important;
		height: calc(100% - 112.5px) !important;
		min-height: calc(100% - 112.5px) !important;
		max-height: calc(100% - 112.5px) !important;
	}

	.materialize .frame #varevents2,.materialize .frame #varevents2.fxd,
	.modern .frame #varevents2,.modern .frame #varevents2.fxd {
		top:0px !important;
		height: calc(100% - 60px) !important;
		min-height: calc(100% - 60px) !important;
		max-height: calc(100% - 60px) !important;
	}


	html.modern body #eb-calendar-page .torgt #registerformu,html.modern body #eb-calendar-page #registerformu{
		padding: 0px 0px !important;
		width: calc(100% - 0px) !important;
		padding-bottom: 38px !important;
   }
   
   .modern .basket{width:80px !important;height:80px !important}

   .modern .aconddiv,.modern .parcours,.modern .legends,.modern .leslieux,.modern .souscategories,.modern #eb-calendar-page .eb-description{
	width: calc(100% - 60px) !important;
	padding: 20px 30px !important;
}

   .modern .frame .aconddiv,.modern  .frame .parcours,.modern  .frame .legends,.modern  .frame .leslieux,.modern  .frame .souscategories,.modern #eb-calendar-page.frame .eb-description{
	width: calc(100% - 70px) !important;
	padding: 20px 30px !important;
}

	

	.modern  #eb-calendar-page.frame .eb-description{
		padding: 35px 35px !important;
		padding-left: 35px !important;
		margin-left: 0px !important;
	}
	

	html.modern .mini .leslieux .lieux, html.modern .mini .souscategories strong, html.modern #eb-calendar-page .legends strong, html.modern #eb-calendar-page .parcours strong{
		font-size:33px !important;
		text-align: center !important;
		padding: 20px 30px !important;
	}
	.modern .calendrier .banncateg.bann{
		margin-left:-15px !important
	}

	html.materialize  .ssdsc,html.modern .ssdsc{
		max-width:100% !important
	}

	.modern .parcours,.modern .leslieux,.modern .souscategories{
		text-align:center !important
			}
		html.materialize body #menutoggle .mnu{border:none !important}
		html.materialize #eb-calendar-page .basket::before{
			top:13px !important
		}
		html.modern #eb-calendar-page .basket.actv::after,html.materialize #eb-calendar-page .basket.actv::after{
			top:0px !important
		}
		html.materialize body .basket i{
			top: -23px !important;
			left: 45px !important;
		}
	

		.modern .prss #registerformu h1{font-size:3.75em !important}
}
@media(max-width:780px){
	.modern #eb-categories-page .ssdecri .ssdes{
		margin-top: -150px !important;
		margin-left: -30px !important;
		padding: 35px 35px !important;
		border-radius: 30px !important;
		width: calc(99%) !important;
	}

	.frame .calendrier .icus,.frame .icus{
		right:17.5px !important;left:inherit !important
	}
	.modern .wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page,.modern #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page{
		padding:50px 25px !important
	}
	.modern .prss #registerformu h1{font-size:3em !important}
}
.frame .icus{color:black;
	position:fixed;bottom:65px;left:25.5px;z-index: 99999999999;
}
.dark .frame .icus{color:#f9f9f9}
.frame .icus i{font-size:32px !important;}

.modern .frame .icus{    bottom: 65px;
		left: 21.5px;
}

.modern #adminForm select{
	padding-right: 38px;
  
}

.modern .frame .icus i{font-size:35px !important;}
.modern.dark .frame .icus i{-border:2px solid #666;}
.modern.dark .darked a::after {top:16px !important;right:-27px !important;}
.modern .darked a::after {top:16px !important;right:-31px !important;}
.modern .frame .darked a::before {border: 2px solid #000;background:white !important}
.modern.dark .frame .darked a::before {border: 2px solid #666;background:#3b3b3b !important}
.pagination,.integrate .icus,.integrate .darked,.integrate .formsanscalendar .sousbann,.integrate .formsanscalendar h1.tt{display:none !important}
.modern #varevents2{
	z-index:1;
}

.integrate .wsite #eb-calendar-page .formsanscalendar #registerformu,.integrate #eb-calendar-page.only .formsanscalendar #registerformu{
	top:0px !important
}

.modern .torgt #varevents2{
	z-index:1;
}

#resultatregisterformu .cals{
	display: block !important;
    position: relative !important;
    padding: 22.5px 0;
    border-top: 2px solid gray;
    margin-top: 22.5px;
    left: 0px !important;
    width: 100% !important;
    float: left;
    text-align: center;
}

#resultatregisterformu .cals::before{
	content:'Vous pouvez ajouter un rappel pour ce créneau dans votre calendrier personnel en cliquant sur l\'un des boutons ci-dessous:';
	text-align:center;
	display:block;
	padding-bottom: 12.5px;
}

#resultatregisterformu .cals a{
	color: white;
    background: #000 !important;
    padding: 7px 10px;
    border-radius: 20px;
    width: auto !important;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'TypographExtraBold';
    margin: 0 2.5px;
}

#resultatregisterformu .cals .o365cal::after {
	display:none !important
}

.ticklink{
	background: #fff;
padding: 10px 25px;
display: block;
clear: both;
text-align: center;
border-radius: 30px;
color: #74bf76;
font-weight: bold;
text-decoration: underline;
text-transform: uppercase;
font-family: 'TypographExtraBold';
}

.modern .eb-description a{
    padding: 10px;
    line-height: 1.25em;
    background: #fff;
    border-radius: 30px;
    color: #000 !important;
    display: block;
    width: 90%;
	clear:both;
    text-align: center;
	font-family: "Segoe UI" !important;
font-size: 16px;
font-weight: bold;
margin:10px 0
}

.modern.dark .eb-description a{
    padding: 10px;
    line-height: 1.25em;
    background: #3b3b3b;
    border-radius: 30px;
    color: #efefef !important;
    display: block;
    width: 90%;
	clear:both;
    text-align: center;
	font-family: "Segoe UI" !important;
font-size: 16px;
font-weight: bold;
margin:10px 0
}


.modern .cellule.actv::after{
	content: '';
background: #EBECF0 ;
width: 15px;
height: 15px;
pointer-events: none;
display: block;
position: absolute;
left: calc(50% - 7.5px);
bottom: 0px;
transform: rotate(-45deg);
z-index: 0;
}

.modern.dark .cellule.actv::after{
	content: '';
background: #2b2b2b;
width: 15px;
height: 15px;
pointer-events: none;
display: block;
position: absolute;
left: calc(50% - 7.5px);
bottom: -1px;
transform: rotate(-45deg);
z-index: 0;
}

.modern .lstetape:first-child .numetape::after {
	content: 'er' !important;
	font-size: 15px;
	position: relative;
	top: -5px;
	left: 0px;
	font-family: "Segoe UI" !important;
	font-weight: normal;
}

.modern .lstetape .numetape::after {
    content: 'e' !important;
    font-size: 15px;
    position: relative;
    top: -5px;
    left: 0px;
	font-family: "Segoe UI" !important;
	font-weight: normal;
}

.modern #etapeparcours .numetape,.modern font.etp {
    font-weight: bold !important;
    font-family: "Segoe UI" !important;
}

.modern .lstetape.activ font {
    font-weight:bold !important
}
.modern #varevents2 .imag{
	float: left;
	display: block;
	width: 75px;
	height: 75px;
	border-radius: 75px;
	background-size: cover;
}
.modern #varevents2 .descrii{
	float: left;
width: calc(100% - 127.5px);
color: inherit;
margin-left: 0px;
}

.modern .lstetape.oldactiv font{
	font-weight:bold !important;
	color: green;
}

.modern .parcours {
	position: sticky;
	top: -28px;
	background: inherit !important;
	z-index: 9;
	border-radius: 10px;
}

.modern #eb-categories-page .ssdescc{
	padding-left:80px;
}

.modern #eb-categories{
	width:calc(50% - 42px)
}
.modern #eb-categories-page .des{
	padding:0px !important
}

.modern .cntcall,.modern .call,.modern .scll{
	height:100%
}

.modern .eb-category-title .img .imgintro{
	background-color:#EBECF0 ;
}
.dark.modern .eb-category-title .img .imgintro{
	background-color:#2b2b2b;
}

html.materialize body .calendrierfully .cellule.actv .nameday
{
	background:white !important
}


html.materialize.dark body .calendrierfully .cellule.actv .nameday
{
	background:#4B4B4B !important
}


html.materialize .ssdsc strong,html.materialize .calendrierfully .descrr strong,html.materialize #varevents2 .descrii strong{
	font-weight:normal !important;
	font-family:'Roboto',sans-serif !important;
}


.materialize .mini .leslieux .lieux,.materialize .mini .souscategories strong
{
	font-size: 26px !important;
    font-family: 'Roboto',sans-serif;
    text-align: center !important;
    font-weight: 900 !important;
}

.materialize .mini .souscategories,.materialize .mini .leslieux ,.materialize .mini #souscategories,.materialize .mini #lieux{
    text-align: center !important;
	font-weight: 300 !important;
    font-family: 'Roboto',sans-serif !important;
}
.materialize #eb-categories-page .eb-page-heading{
	float:none
}
@media(max-width:1190px){

	.materialize #eb-calendar-page.frame.notonly .basket::before {
		top: 25px !important;
	}

	html.materialize.trg body .mnu,html.materialize body .mnu{
		background:#EBECF0 !important;
	}

	html.materialize.dark.trg body .mnu,html.materialize.dark body .mnu
	{
		background:#2B2B2B !important;
	}

	html.materialize.trg body .basket,html.materialize body .basket,html.materialize.dark.trg body .basket,html.materialize.dark body .basket{
		background:none !important;border:none !important
	}
}

@media(max-width: 500px){

	.materialize #eb-categories .imgintro{
		border-radius: 28px !important;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		position:relative;
		top:-15px;
		left:-15px;
		min-width:calc(100% + 30px) !important;
	}

	html.materialize body .eb-category-title .img{
		margin-bottom:7px !important
	}

	.materialize #eb-categories .eb-category{
		margin-left:0px !important;
		margin-right:0px !important;
		width:calc(100% - 30px) !important;
		padding:15px !important;
		background:#EBECF0 !important
	}
	.dark.materialize #eb-categories .eb-category{
		margin-left:0px !important;
		margin-right:0px !important;
		width:calc(100% - 30px) !important;
		padding:15px !important;
		background:#2b2b2b !important
	}

	.materialize .sousligne .cont{
		margin:0 5px;
	}
	.modern .eb-category-title .img .imgintro {
		border-radius: 0px !important;
		border: none !important;
		position: relative;
		top: -15px;
		left: -15px;
		width: calc(100% + 45px);
		height: 145px;
	}
	.modern .eb-category {
		min-height: 115px !important;
		background: #EBECF0 ;
		padding: 15px !important;
		border-radius: 30px !important;
		overflow: hidden;
		width: calc(100% - 60px) !important;
	}
	.dark.modern .eb-category{
		background:#2b2b2b
	}
	.modern .ssevent .descrr{
		margin-left:20px
	}
	html.modern .mini .cellule{
		height:65px !important;
		min-height:65px !important
	}

	html.modern .mini .cellule .lnk{
		height:65px !important;
		min-height:65px !important
	}

	.modern .ssevent .imag{
		max-width:100% !important
	}
}


.nohd #eb-individual-registration-page{
	margin-top:0px !important
}
.integrate .wsite #eb-calendar-page .formsanscalendar #eb-individual-registration-page,.integrate #eb-calendar-page.only .formsanscalendar #eb-individual-registration-page,html.integrate #eb-calendar-page #eb-individual-registration-page{
	padding-left:0px !important;
	padding-right:0px !important;
	width:100% !important
}
html.integrate,html.integrate.dark body,html.integrate.dark,html.integrate body,html.integrate body #eb-calendar-page.bodycontent,html.integrate body #eb-calendar-page.bodycontent .calendrier.formsanscalendar,html.integrate body #eb-calendar-page.bodycontent .calendrier,html.integrate body #eb-calendar-page.bodycontent .calendrier .pge,html.integrate body #eb-calendar-page.bodycontent .calendrier .pge #registerformu,html.integrate body #eb-calendar-page.bodycontent .calendrier .pge #registerformu #eb-individual-registration-page{
	background:none !important;
	background-color:transparent !important;
}
.integrate .sousbann,.integrate .sousbann .imgg{
	max-height:500px !important
}
.introjs-overlay{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:999999;opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperLayer *{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-helperLayer :before{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-helperLayer :after{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;-webkit-box-shadow:0 3px 30px rgba(33,33,33,.3);box-shadow:0 3px 30px rgba(33,33,33,.3);-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-tooltip-title{font-size:18px;margin:0;padding:0;font-weight:700;float:left;line-height:32px}.introjs-tooltip-header{padding-left:20px;padding-right:20px;padding-top:10px}.introjs-tooltip-header:after{content:".";visibility:hidden;display:block;height:0;clear:both}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;-webkit-box-shadow:0 0 0 .2rem rgba(158,158,158,.5);box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{-webkit-box-sizing:content-box;box-sizing:content-box;color:#616161;float:right;font-size:20px;cursor:pointer;font-weight:700;line-height:1;text-align:center;padding:7px 10px}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;-webkit-box-shadow:none;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;-webkit-box-shadow:none;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{-webkit-box-sizing:content-box;box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{-webkit-box-sizing:content-box;box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{-webkit-transition:width .1s ease-in;-o-transition:width .1s ease-in;transition:width .1s ease-in;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{-webkit-box-sizing:content-box;box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@-webkit-keyframes introjspulse{0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.7);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}100%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}@keyframes introjspulse{0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.7);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}100%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{-webkit-box-sizing:content-box;box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-animation:introjspulse 2s infinite;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{-webkit-animation:none;animation:none}.introjs-hint-dot{-webkit-box-sizing:content-box;box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}


.hdcalcls {
	position:relative !important
}
.etaps.hashdcal {
	top:75px;
}

.hshdcalls.darked{
	float: right;
    display: block;
    margin-left: 15px;
	position: relative;
	left:0px;
	bottom:0px;
}

.hshdcalls.darked a::before{
	right:0px !important;
	top:0px !important;
	float:none !important;
	margin:0px !important;
	position:relative
}
.hshdcalls.darked a::after,
.modern.dark .hshdcalls.darked a::after{
	top:7px !important;right:7px !important;
}

.etaps{
	pointer-events:all;
}
.etaps .etp{
	position: relative;cursor:pointer;
}
.etaps .etp .dts{
	display:none !important;
	cursor:pointer;
}


.etaps .etp .dtss.aa{
	display:block
}
.etaps .etp .dtss select{
	font-size: 1rem;
	font-family: 'TypographExtraBold';
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border:none;
	outline:none;
	background:none;
	color:black;
	width:30px;
	text-align:center;
	font-weight:bold;

}

.aste{
	-border: 4px solid red;
}

html body #effacer.btn-ann{
	display:none !important
}

.formsanscalendar #resultatregisterformu{
	margin: 50px 75px;
    width: calc(100% - 180px);
}

#calendar_result .ssevent .descrr .inscrr,.favoriscalendar{
	display:none !important
}

.ssdsc ul[class*="page"]{
	padding:25px;
	margin:0px;
	margin-bottom:0px;
	background:#efefef;
	border-radius:8px;
	display:none;
}

.dark .ssdsc ul[class*="page"]{
	background:#3b3b3b;
}

.hdcal{
	background:#fff
}
.dark .hdcal{
	background:#3b3b3b
}
.hdcal .user a,.backing.cal a{
	color:black !important
}
.dark .hdcal .user a,.dark .backing.cal a{
	color:#efefef !important
} 

@media(min-width:1191px){
	html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd)  .calendrierfully,
	html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd)  #registerformu,
	html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd) .ffm,
	html:not(.seul) .nmnu.notonly:not(.nhd)  #varevents2{
		height: calc(100vh - 104.5px) !important;
		min-height: calc(100vh - 104.5px) !important;
		padding-top:32px;
		padding-bottom:32px;
	}

	html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd) .basket{
		margin-top:-72.5px;
	}

	html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd) .cntcall,html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd)  .call,html:not(.seul) #eb-calendar-page.nmnu.notonly:not(.nhd)  .scll{
		overflow:hidden;
	}
}

.rdonlymel{
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    width: auto !important;
    color: inherit !important;
    text-decoration: underline;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: none !important;
    background-color: transparent !important;
}

#eb-calendar-page .nohiding{
	display:block !important
}

/*ccdialog*/
/*.cc_b_cp{display:none !important}*/
.cc_cp_container{max-height: 79vh !important;overflow-y: auto !important;}
.cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent{opacity:0}
	.dark.cc_dialog button.cc_b_ok,.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button{background-color:green !important}
	.dark.cc_dialog button.cc_b_cp,.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a,.cc_cp_head_lang_selector select,.cc_cp_head_lang_selector select option{color:black !important}
	.cc_dialog.headline{padding:35px !important;right: 0px !important;top: auto !important;bottom: 0px !important;left: auto !important;max-width: auto !important;min-width:320px !important;position: fixed !important;z-index:9999999999 !important}
	.cc_dialog .cc_dialog_text,.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry p {font-size: 1rem !important;}
	.cc_dialog_headline,.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry h1 {font-size:20px !important;line-height:24px !important;}
	@media(max-width:360px){.cc_dialog.headline{padding:20px !important;max-width:calc(100% - 40px) !important;min-width:calc(100% - 40px) !important}}
	
	.eb-description ul li{
		line-height:1.5em !important;
		font-weight:300 !important
	}

	#eb-calendar-page .control-group.acondition select,
	#eb-calendar-page .control-group.acondition input:not(input[type="checkbox"],input[type="radio"]){
		width:100% !important;
		max-width: 100% !important;
	}

	.control-group.disabled{
		opacity:0.5;
		cursor:not-allowed !important
	}

	.control-group.disabled label,.control-group.disabled .fieldd{
		cursor:not-allowed !important
	}

	#eb-calendar-page .etaps .etp:not(.disabled) span{
		box-shadow:0px 0px 0px 3px black !important
	}
	.dark #eb-calendar-page .etaps .etp:not(.disabled) span{
		box-shadow:0px 0px 0px 3px white !important
	}

	#eb-calendar-page .etaps .etp.disabled span{
		box-shadow:0px 0px 0px 3px red !important;
	}


#jemabonne{
	position: relative;
    background: black;
    display: block;
    float: left;
    margin-left: 155px;
    margin-top: 20px;
    border-radius: 20px;
    padding: 7.5px 10px;
    color: white;
    cursor: pointer;
    width: calc(100% - 170px);
    text-align: center;
    font-weight: bold;
}
#desabonne{
	position: relative;
    background: red;
    display: block;
    float: left;
    margin-left: 155px;
    margin-top: 20px;
    border-radius: 20px;
    padding: 7.5px 10px;
    color: white;
    cursor: pointer;
    width: calc(100% - 170px);
    text-align: center;
    font-weight: bold;
}

@media(min-width:1191px){
	#eb-calendar-page.fixedTop #adminForm{
		padding-top:102.5px;
	}
	#eb-calendar-page.fixedTop .etaps{
		position:fixed;
		top:-37.5px;
		left:0px;
	}

	#jemabonne,#desabonne{
		padding:7.5px 5px;
		width:80px !important
	}
}
	
@media(max-width:500px){
	#jemabonne,#desabonne{
		margin-left:0px !important;
		width: calc(100% - 17.5px) !important;
	}
}

ul:has([value="invisible"]){
	display: none !important;
}

.recap{
    background: #326433;
    overflow: hidden;
    padding: 15px;
    border-radius: 15px;
    margin-top: 25px;
}

.recap img{
	display:none !important
}


.recap strong{
	display:block;
	text-transform: uppercase;
	padding-bottom: 10px;
    display: block;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}

.recap ul{
	overflow:hidden
}
.recap li{
	overflow: hidden;
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px dashed #ccc;
}

.recap .suppr,.recap .ietps{
	display:none !important
}
.recap .descrii strong{
	padding:0;
	margin:0;
	text-transform: none;
	border:none;
	width:100%;
	display:block;
	font-weight: normal !important;
    font-family: 'Roboto',sans-serif !important;
}
.recap .dateevt,.recap .hours{
	font-family: 'Roboto', sans-serif !important;
}

.recap .dateevt{
	padding-right:5px;
}

.recap .lieux a span{
	font-weight:300 !important;
	font-family: 'Roboto',sans-serif !important;
}

.recap .dateevt::before {
    margin-right: 5px;
    content: 'Le :';
}

.recap .dateevt::after {
    margin-left: 5px;
    content: 'à';
}

.recap .separateur {
    padding: 0 2.5px;
}

.nopropalaccount .propalaccount{
	display:none !important;
	position:absolute;
	top:-9999px;
	left:-99999px;
}

html.intrn:not(.onlyintrn){
	opacity:0.5
}

html .eb-category.intrn:not(.onlyintrn){
	opacity:0.5
}

html .lien.intrn:not(.onlyintrn){
	opacity:0.5
}

.modern #eb-calendar-page .eb-description.descisvide::after{
	content:none !important
}

.lstmonths,.lstyears{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	color:black !important;
}

.dark .lstmonths,.dark .lstyears{

	color:#efefef !important;
}

.eventsingle .texte h1{
	margin-left:0px !important
}

.eb-description.descisvide{
	display:none !important
}

.recap li{
	line-height:1.5em !important;
}

.recap .lieux{
	opacity:1 !important
}

.recap .listatt{
	display:block;width:100%;float:left;
}

.recap .recapbottom .directionss,.recap .recapbottom .favoriscalendar{
	display:none !important
}

.recapbottom{
	display:none
}
.recap .recapbottom{
	display:block !important
}


@media(max-width:1190px){
	#legende{
		height:1px !important
	}
	.dsc{
		display:block !important
	}
	.ssdsc{
		display:none !important
	}

	#legende.toggling{
		height:auto !important
	}
	.dsc.toggling{
		display:none !important
	}
	.ssdsc.toggling{
		display:block !important
	}
}

@media(min-width:1191px){
	#legende.toggling{
		height:auto !important
	}
	.dsc.toggling{
		display:block !important
	}
	.ssdsc.toggling{
		display:none !important
	}
}

.eb-category.closed{
	-opacity:0.5;
}
.accueil .eb-category.closed .cntt::after{
	content:'non ouvert a l\'inscription';
	background:#666 !important;
	border:#666 !important;
}

.integrate .hdcal  {
	display:none !important
}

#menutoggle span{
	clear:both
}

.vdde{
	opacity:0 !important
}

.recapbottom a i::before{
	margin-right:5px
}

.recap{background:#efefef}
.dark .recap{background:#252525}