@charset "utf-8";
/* CSS Document */

/* GLOBAL */



@font-face{
    font-family : "Gill Sans";
    src : url('../assets/fonts/Gill_Sans_MT.ttf') format('truetype');
}

@font-face{
    font-family : "Gill Sans Light";
    src : url('../assets/fonts/Gill_Sans_MT_Light.ttf') format('truetype');
}


@font-face{
    font-family : "Gill Sans Bold";
    src : url('../assets/fonts/Gill_Sans_MT_Bold.ttf') format('truetype');
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
background-color: #FEDA98;
border-color: #DBBB83;
text-shadow: none;
 font-family : "Gill Sans" , "Arial";
}

.clear {
clear: both;
float: none;
}

*:not(input):not(textarea) {
-webkit-user-select: none; /* disable selection/Copy of UIWebView */
    -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */

}

a#btnback {
background-color: transparent !important;
border: 0;
box-shadow: none;
text-shadow: none;
font-size: 1.5em;
padding: 0;
color: #FFF;
font-family: "Gill Sans Light", "Arial";
top: 50%;
left: 0;
height: 1.6em;
margin-top: -0.8em;
width: 1.6em;
}

a#btnback img {
width: 100%;
height: 100%;

}

div.loader {
position: fixed;
top: 0;
height: 100%;
overflow: hidden;
width: 100%;
left: 0;
background: #FEDA98;
padding-top: 20%;
z-index: 10;
display: none;
}

.loader p {
text-align: center;
margin-top: -15%;
font-style: italic;
}

#index div.loader {
background: rgba(254, 218, 152, 0.7);	
}


@-webkit-keyframes rotateloader{
    from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }

}

@-moz-keyframes rotateloader{
    from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }

}

div.loader img {

width: 100%;
-webkit-animation: rotateloader 1s linear 0s infinite;
-moz-animation: rotateloader 1s linear 0s infinite;
	
}





/* not connected Index */

body.index {
background: #003466;	
}



#preindex .logointro img {
width: 100%;
}

#preindex .logointro {
margin: 0;	
}

#preindex {
background: #003466;	
}


#index .ui-content {
padding: 0;	
}

#index .ui-widget-content {
background: #003466;
border:0;
}

#index .ui-state-default, #index  .ui-widget-content .ui-state-default, #index  .ui-widget-header .ui-state-default {
background: #003466;
margin: 0;
border-radius: 0 !important;
border-color: #FFF;
border: 1px solid;
border-left: 0;
color: #FFF;
border-bottom: 0;
border-right: 0;
text-transform: uppercase;
text-align: center;
font-family: "Gill Sans Bold", "Arial";
font-size: 1em;
padding: .5em 0;
background: url(../assets/img/TBR_fleche_02.png) right no-repeat;
font-weight: normal;
background-size: 2.5em;
}

#index h3.ui-accordion-header.ui-accordion-header-active {
background: url(../assets/img/TBR_fleche_00.png) right no-repeat;	
background-size: 2.5em;	
}

#index .ui-accordion .ui-accordion-content {
background: #003466;
border-color: #FFF;
border-top: 1px solid #FFF;
border-bottom: 0;
border-right: 0;
border-left: 0;
border-radius: 0 !important;
padding: 1em 1.2em;
font-weight: normal;
text-align: center;
-webkit-overflow-scrolling: touch;

}

#index div#ui-accordion-accordion-panel-0 {
border: 0;

}
/*
#index h3.ui-accordion-header:after {
position: absolute;
right: 0.3em;
background: url(../assets/img/TBR_fleche_02.png);
display: block;
top: 0.2em;
font-size: 1.5em;
}



#index h3.ui-accordion-header.ui-accordion-header-active:after {
background: url(../assets/img/TBR_fleche_00.png);
}*/


#index .ui-accordion-content p {
font-family: "Gill Sans Light", "Arial";
margin: 0.8em 0;
font-size: 0.9em;
}

#index .ui-accordion-content h4 {
font-family: "Gill Sans", "Arial";
color: #F3850A;
font-size: 1em;
margin: 0.4em;
width: 100%;
text-align: center;
font-weight: normal;
letter-spacing: -0.04em;
}

#index .ui-accordion-content h4.title {
font-family: "Gill Sans Bold", "Arial";
color: #F3850A;
font-size: 1em;
margin: 0.4em;
width: 100%;
text-align: center;
font-weight: normal;
}
#index .logointro {
margin: 0;	
}



#index .logointro img {
width: 100%;
}


#index .ui-input-text {
margin: 0;
border-radius: 0;
color: #000;
border: 0;
border-color: transparent;
background: transparent;
}

#index input#identifiant, #index input#password, #index input#contactname, #index input#contactemail, #index input#contactsubject, #index textarea#contactmessage {
margin: 0;
border: 0;
color: #000;
border: 1px solid #000;
background: #FFF;
font-family: "Gill Sans", "Arial";
height: 1.5em;
background-clip: padding-box;
}

#index textarea#contactmessage {
height: 3em;
	
}

#index input#identifiant, #index input#contactname {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#index input#password, #index textarea#contactmessage {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;	
border-top: 0;
}

 #index input#contactemail, #index input#contactsubject {
 	border-top: 0;
 	}


#index #contactsend, #index #connectbutton {
width: 100%;
text-align: center;
margin-top: 0.6em;
background: #4CD964;
height: auto;
padding: 0.3em 0;
text-decoration: none;
border-radius: 10px !important;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
}

/*
#index input#connectbutton {
width: 100%;
text-align: center;
margin-top: 0.6em;
display: block;
background: #4CD964;
height: auto;
padding: 0.3em 0;
text-decoration: none;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
}
*/
/* HEADER */

.ui-header {
    background: #FF3B30;
    border-color: #DBBB83;
    border-top: 0;
}
.ui-header .ui-title {
    color: #FFF;
    text-shadow: none;
   font-size: 1em;
    text-transform: uppercase;
    font-family : "Gill Sans Bold" , "Arial";
    font-weight: normal;
	text-overflow: initial;
	margin: 0 0;
	letter-spacing: -0.04em;
	padding: 0.62em 0;

}



/* MENU HEADER */



/* MENU FOOTER */

.ui-footer {
border-color: #DBBB83;	
border-bottom: 0;	
}

.FooterNavBar #btactu.ui-icon-btactu, 
.FooterNavBar #btevent.ui-icon-btevent, 
.FooterNavBar #btgeo.ui-icon-btgeo, 
.FooterNavBar #btprofil.ui-icon-btprofil, 
.FooterNavBar #btannuaire.ui-icon-btannuaire, 
#header .HeaderNavBar #btgeobiere.ui-icon-btgeobiere, 
#header .HeaderNavBar #btgeochance.ui-icon-btchance,
#header .HeaderNavBar #btevlist.ui-icon-btevlist, 
#header .HeaderNavBar #btevcalendar.ui-icon-btevcalendar, 
#header .HeaderNavBar #btevloc.ui-icon-btevloc,
#header .HeaderNavBar #btcontactannuaire.ui-icon-btcontactannuaire,
#header .HeaderNavBar #btcontactintro.ui-icon-btcontactintro,
#header .HeaderNavBar #bteditprofil.ui-icon-bteditprofil,
#header .HeaderNavBar .ui-icon-btmyprofile,
#header .HeaderNavBar #btmatable.ui-icon-btmatable,
#header .HeaderNavBar #btmestablers.ui-icon-btmestablers
{
background: #FEDA98;
background-color: #FEDA98 !important;
border-color: #DBBB83;
 text-shadow: none;
}



.ui-btn-icon-top:after {
top: 0.0625em;
}

.ui-btn-icon-notext:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after {
left: 50%;
margin-left: -21px;
}


.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
content: "";
position: absolute;
display: block;
width: 42px;
height: 42px;
}



.FooterNavBar #btactu.ui-icon-btactu:after {
/* background: url(../assets/img/BT_menu_actu.png) 50% 50% no-repeat;
background-size: contain; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 0 0;
background-size: 500%;


}

.FooterNavBar #btevent.ui-icon-btevent:after {
/*background: url(../assets/img/BT_menu_event.png) 50% 50% no-repeat;
background-size: contain; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 25% 0;
background-size: 500%;


}

.FooterNavBar #btgeo.ui-icon-btgeo:after {
/* background: url(../assets/img/BT_menu_geo.png) 50% 50% no-repeat;
background-size: contain; */

background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 50% 0;
background-size: 500%;

}

.FooterNavBar #btprofil.ui-icon-btprofil:after {
/*background: url(../assets/img/BT_menu_profil.png) 50% 50% no-repeat;
background-size: contain; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 75% 0;
background-size: 500%;

}

.FooterNavBar #btannuaire.ui-icon-btannuaire:after {
/*background: url(../assets/img/BT_menu_annuaire.png) 50% 50% no-repeat;
background-size: contain; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 100% 0;
background-size: 500%;

}




.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
	
background-color: transparent;	
}

.FooterNavBar #btactu.ui-icon-btactu.ui-btn-active, 
.FooterNavBar #btevent.ui-icon-btevent.ui-btn-active, 
.FooterNavBar #btgeo.ui-icon-btgeo.ui-btn-active, 
.FooterNavBar #btprofil.ui-icon-btprofil.ui-btn-active, 
.FooterNavBar #btannuaire.ui-icon-btannuaire.ui-btn-active, 
#header .HeaderNavBar #btgeobiere.ui-icon-btgeobiere.ui-btn-active,
#header .HeaderNavBar #btgeochance.ui-icon-btchance.ui-btn-active,
#header .HeaderNavBar #btevlist.ui-icon-btevlist.ui-btn-active,
#header .HeaderNavBar #btevcalendar.ui-icon-btevcalendar.ui-btn-active,
#header .HeaderNavBar #btevloc.ui-icon-btevloc.ui-btn-active,
#header .HeaderNavBar #btcontactannuaire.ui-icon-btcontactannuaire.ui-btn-active,
#header .HeaderNavBar #btcontactintro.ui-icon-btcontactintro.ui-btn-active,
#header .HeaderNavBar #bteditprofil.ui-icon-bteditprofil.ui-btn-active,
#header .HeaderNavBar #btmatable.ui-icon-btmatable.ui-btn-active,
#header .HeaderNavBar #btmestablers.ui-icon-btmestablers.ui-btn-active

{
background-color: #DBBB83 !important;
border-color: #DBBB83;
 text-shadow: none;
}


#header .HeaderNavBar .ui-btn-icon-top {
color: #000;	
padding: 30px 1px 1px 1px;
font-weight: normal;
}

/*

.FooterNavBar #btactu.ui-icon-btactu:hover, 
.FooterNavBar #btevent.ui-icon-btevent:hover, 
.FooterNavBar #btgeo.ui-icon-btgeo:hover, 
.FooterNavBar #btprofil.ui-icon-btprofil:hover, 
.FooterNavBar #btannuaire.ui-icon-btannuaire:hover, 
#header .HeaderNavBar #btgeobiere.ui-icon-btgeobiere:hover,
#header .HeaderNavBar #btgeochance.ui-icon-btchance:hover,
.FooterNavBar #btactu.ui-icon-btactu.ui-btn-active:hover, 
.FooterNavBar #btevent.ui-icon-btevent.ui-btn-active:hover, 
.FooterNavBar #btgeo.ui-icon-btgeo.ui-btn-active:hover, 
.FooterNavBar #btprofil.ui-icon-btprofil.ui-btn-active:hover, 
.FooterNavBar #btannuaire.ui-icon-btannuaire.ui-btn-active:hover, 
#header .HeaderNavBar #btgeobiere.ui-icon-btgeobiere.ui-btn-active:hover,
#header .HeaderNavBar #btgeochance.ui-icon-btchance.ui-btn-active:hover,
#header .HeaderNavBar #btevlist.ui-icon-btevlist.ui-btn-active:hover,
#header .HeaderNavBar #btevcalendar.ui-icon-btevcalendar.ui-btn-active:hover,
#header .HeaderNavBar #btevloc.ui-icon-btevloc.ui-btn-active:hover{
background-color: #DBBB83 !important;
border-color: #DBBB83;
 text-shadow: none;	
}
*/

/* pages */


/* news */

#news #main {
background: #E3D3B9;
padding: 0 0.5em;
}

#news .content-news {
background: #FFF;
padding: 0 0.5em;
border: 1px solid #B2B2B2;
color: #707173;
font-family : "Gill Sans Light" , "Arial";
}

#news .content-news h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
}

#news .content-news p {
margin-top: 0;
}

#news .content-news .news {
border-bottom: 1px solid #FF3B30;
}

.news img {
max-width: 100%;
height: auto;
}

/* events */


#header .HeaderNavBar #btevlist.ui-icon-btevlist:after {
/* background: url(../assets/img/BT_event_list.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 0 50%;
background-size: 500%;
}

#header .HeaderNavBar #btevcalendar.ui-icon-btevcalendar:after {
/*background: url(../assets/img/BT_event_calendrier.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 25% 50%;
background-size: 500%;
}

#header .HeaderNavBar #btevloc.ui-icon-btevloc:after {
/* background: url(../assets/img/BT_event_carte.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 50% 50%;
background-size: 500%;
}



/*

#eventslist #header .HeaderNavBar #btevlist.ui-icon-btevlist, #eventscalendar #header .HeaderNavBar #btevcalendar.ui-icon-btevcalendar, #eventsloc #header .HeaderNavBar #btevloc.ui-icon-btevloc,
#eventslist #footer .FooterNavBar #btevent.ui-icon-btevent, #eventscalendar #footer .FooterNavBar #btevent.ui-icon-btevent, #eventsloc #footer .FooterNavBar #btevent.ui-icon-btevent,
#news .FooterNavBar #btactu.ui-icon-btactu, 
#soif .FooterNavBar #btgeo.ui-icon-btgeo, 
#chance .FooterNavBar #btgeo.ui-icon-btgeo, 
#profil .FooterNavBar #btprofil.ui-icon-btprofil, 
#annuaire .FooterNavBar #btannuaire.ui-icon-btannuaire
#introniser .FooterNavBar #btannuaire.ui-icon-btannuaire,
#soif #header .HeaderNavBar #btgeobiere.ui-icon-btgeobiere,
#chance #header .HeaderNavBar #btgeochance.ui-icon-btchance

{
        
    background-color: #DBBB83 !important;
border-color: #DBBB83;
text-shadow: none;
    
}
*/

#eventslist #main, #soloevent #main {
background: #E3D3B9;
padding: 0 0.5em;
}

#eventslist .content-events, #soloevent .content-event {
background: #FFF;
padding: 0 0.5em;
border: 1px solid #B2B2B2;
color: #707173;
font-family : "Gill Sans Light" , "Arial";
}

#soloevent .content-event {

color: #4D4D4D;
}

#soloevent .content-event {

padding: 0 0.5em 1em 0.5em;
}

#eventslist .content-events h2, #soloevent .content-event h2 {
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
margin: 0;
}

#eventslist .content-events h2 {
max-width: 90%;
}

#soloevent .content-event h2 {
margin: 0.5em 0 0 0;	
}

#eventslist .content-events h2.nodate {
margin: 0.5em 0 0 0;
}

#eventslist .content-events .event {
border-bottom: 1px solid #FF3B30;
position: relative;
}

#eventslist .content-events .event p {
margin: 0em 0 0.6em 0;
max-width: 90%;
}

#soloevent .content-event p {
margin: 0.6em 0 0 0;
}

#eventslist .content-events .event span.eventarrow {
background: url(../assets/img/TBR_fleche_event.png);
position: absolute;
right: 0;
width: 2em;
height: 2em;
top: 50%;
margin-top: -2em;
background-size: contain;
}

span.bluelabel {
color: #007AFF;
text-transform: uppercase;
font-family : "Gill Sans" , "Arial";
}
#soloevent span.bluelabel {
font-size: 0.8em;
}

.content-events .date {
color: #000;
font-family: "Gill Sans" , "Arial";
margin: 0.6em 0 0 0;
}

.content-events .event .solo, .content-event .notsolo {
	display: none;
}


.content-event .lefteventdate {
    float: left;
    width: 50%;
}
.content-event .righteventdate {
    float: right;
    width: 50%;
}




/* events calendar */

#eventscalendar #calendar {
background: #FFF;
overflow: hidden;
}

#eventscalendar .jq-calendar-wrapper .ui-listview {
display: none;
}

#eventscalendar th.ui-bar-a.header {
    background: transparent;
    color: #FF3B30;
    text-transform: uppercase;
    font-family: "Gill Sans Bold", "Arial";
    text-shadow: none;
	font-size: 1em;
	font-weight: normal;
}

#eventscalendar  #calendar th.ui-bar-a.header a.ui-icon-arrow-l {
background-color: transparent;
border: 0;
text-shadow: none;
background: url(../assets/img/TBR_fleche_Retour_CALENDRIER_01.png) no-repeat;
box-shadow: none;
background-size: contain;
border-color: transparent;
}

#eventscalendar  #calendar th.ui-bar-a.header a.ui-icon-arrow-r {
background-color: transparent;
border: 0;
text-shadow: none;
background: url(../assets/img/TBR_fleche_Retour_CALENDRIER_02.png) no-repeat;
box-shadow: none;
background-size: contain;
border-color: transparent;
}


#eventscalendar  #calendar th.ui-bar-a.header .ui-icon-arrow-l:after, #eventscalendar  #calendar th.ui-bar-a.header .ui-icon-arrow-r:after {
background: transparent;	
}

#eventscalendar th.ui-bar-a {
    background: transparent;
    color: #FF3B30;
    font-family: "Gill Sans Bold", "Arial";
    text-shadow: none;
    font-size: 0.9em;
    font-weight: normal;
}
#eventscalendar .jq-calendar-wrapper table {
    border: 0;
    border-color: transparent;
    height: 100%;
}
#eventscalendar #calendar tr,#eventscalendar  #calendar td {
    border-top: 1px solid;
    border-left: 0;
    border-right: 0;
    text-shadow: none;
    background: transparent;
    border-color: #DBBB83;
}

#eventscalendar #calendar th {
border: 1px solid;
text-shadow: none;
background: transparent;
border-color: #DBBB83;
border-left: 0;
border-right: 0;
}

#eventscalendar a.ui-btn.ui-btn-up-a {
    background: transparent;
    font-family: "Gill Sans", "Arial";
    text-shadow: none;
    color: #FF3B30;
    font-size: 1.3em;
    font-weight: normal;
}

#eventscalendar a.ui-btn.ui-btn-up-a.importance-0 {
color: #007AFF ;
}


#eventscalendar a.ui-btn.ui-btn-up-a.ui-btn-active.ui-btn-today, #eventscalendar a.ui-btn.ui-btn-up-a.ui-btn-today {
color: #007AFF;	
}

#eventscalendar td.ui-body-a.darker a.ui-btn.ui-btn-up-a {
    font-family: "Gill Sans Light";
}

#eventscalendar  .jq-calendar-wrapper td span {
display: none;	
}

/* events loc */

#eventsloc #main {
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

/* geoloc */

#header #toggle {
position: absolute;
right: 2%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
text-shadow: none;
padding: 0;
display: block;
height: 25px;
top: 0.42em;
color: #FFF;
margin: 0;
border: 1px solid #FFF;
background-clip: padding-box;
}

#toggle .ui-slider-switch {
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 3.6em;
height: 25px;
}


#toggle .ui-slider-label{
background-color: #FF3B30;
text-shadow: none;
text-transform: uppercase;
border-radius: 20px;
margin: 0;
padding: 0;
font-size: 1em;
height: 25px;
border-color: #FFF;
color: #FFF;
line-height: 24px;
font-family: "Gill Sans Bold" , "Arial";
font-weight: normal;
margin-right: 0.3em;
letter-spacing: -0.07em;
background-clip: padding-box;
}

#toggle .ui-slider-label.ui-btn-active {
background-color: #4CD964;
margin-right:0;
}




#toggle .ui-slider-handle {
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
border: 1px solid;
border-color: #FFF;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0px;
margin-top: -0.1em;
height: 1.8em;
width: 1.8em;
background-clip: padding-box;
}

#toggle .ui-slider-inneroffset {
margin: 0 11px;
position: relative;
z-index: 1;
}

#toggle .ui-slider-handle[aria-valuenow="on"] {
	
	background-color: #4CD964;
}

#toggle .ui-slider-handle[aria-valuenow="off"] {
	
	background-color: #FF3B30;
	margin-left: -18px;
}


#header .HeaderNavBar a {
font-family: "Gill Sans" , "Arial";
font-weight: normal;
}
#header .HeaderNavBar li {
/*  border: 1px solid #DBBB83; */
border-top: 0;

}

#header .HeaderNavBar #btgeobiere.ui-icon-btgeobiere:after {
/*background: url(../assets/img/BT_geo_biere.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 0 25%;
background-size: 500%;
}

#header .HeaderNavBar #btgeochance.ui-icon-btchance:after {
/*background: url(../assets/img/BT_geo_chance.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 25% 25%;
background-size: 500%;
}

/* soif */

#chance {
overflow: hidden !important;	
}

#chancewrapper {
position: absolute;
/* bottom: 61px; */
margin-top: -88px;
left: 0;
}

#soiftable {
    margin: 0 auto;
    text-align: center;
}
#soiftable img {
   max-width: 90%;
}


#chance #geolocoff {
position: absolute;
width: 100%;
left: 0;
top: 0;
background: #FEDA98;
z-index: 100;
height: 100%; 
padding: 150px 0;
display: none;
}



#chance .chancetabler {
    bottom: 41px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1001;
}
#chance .chancetabler .tabler {
width: 80%;
position: absolute;
bottom: 0;
border: 2px solid #000;
margin: 0 8%;
right: -100%;
background: #FFF;
/*-webkit-transform: rotate(60deg);
transform: rotate(60deg); */
padding: 0 2%;
border-radius: 15px;
background-clip: padding-box;
}

#chance .chancetabler .tabler .close {
position: absolute;
top: -20px;
right: -20px;
background: #FFF;
padding: 10px;
margin: 0;
line-height: 0;
-webkit-border-radius: 60px;
border-radius: 60px;
border: 2px solid #000;
width: 20px;
background-clip: padding-box;
}

#chance .chancetabler .tabler .close img {
    width: 100%;
    height: auto;
}


/* #chance .chancetabler .tabler.Top{
    transition        : .6s linear;
    
    -webkit-transform : rotate(0deg);
   
    bottom: 120px;
    right:0%;
} */

#chance .chancetabler .tabler.Right{
    transition        : 0.6s linear;
    -webkit-transition        : 0.6s linear;
    /* -webkit-transform : rotate(60deg); */
   /*  bottom: -200px; */
    opacity: 0;
    right: -100%;
}

#chance .chancetabler .tabler.Left{
    transition        : 0.6s linear;
      -webkit-transition        : 0.6s linear;
    /* -webkit-transform : rotate(-60deg); */
    right: 100%;
   /* bottom: -100px; */
    opacity: 0;
  
}


#chance .chancetabler .tabler.Bottom{
   
    bottom: -1000px;
    right:0%;
}



@-webkit-keyframes rotatetable{
    0% {
    -webkit-transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(360deg);
  }

}




@-moz-keyframes rotatetable{
    from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }

}

/*
#soiftable img {

-webkit-animation: rotatetable 1s linear 0s infinite normal forwards;
-moz-animation: rotatetable 1s linear 0s infinite normal forwards;
	
}


#soiftable.reverse img {

-webkit-animation: rotatetable 1s linear 0s infinite reverse forwards;
-moz-animation: rotatetable 1s linear 0s infinite reverse forwards;
	
}



#soiftable.off img {

-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused;
	
}

*/

.chancetabler  h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
}

.chancetabler  p {
margin-top: 0;
}

.chancetabler  .contact img {
width: 22%;
margin-right: 3%;
}

#soif #sliderwrapper, #chance #sliderwrapper {
	
position: fixed;
bottom: 41px;
width: 100%;
}

#chance .sliderchancerange div.ui-slider {
border-top: 1px solid #DBBB83;
height: 1.5em;
margin: 0.3em 0 0.5em 0;
}

#soif .slidersoifrange div.ui-slider {
border-top: 1px solid #DBBB83;
height: 2.5em;
margin: 0.3em 0 0.5em 0;
}

#chance .sliderchancerange input#slider-chance-range, #soif .slidersoifrange input#slider-soif-range {
display: none;
}

#chance .sliderchancerange div.ui-slider-track.ui-shadow-inset.ui-bar-inherit.ui-corner-all, #soif .slidersoifrange div.ui-slider-track.ui-shadow-inset.ui-bar-inherit.ui-corner-all {
margin: 0 10px;
border: 0;
padding: 0.2em 0;
height: 1.9em;
background: url(../assets/img/TBR_regle_50.png) no-repeat center;
background-size: 100%;
border-color: transparent;
box-shadow: none;
-webkit-box-shadow: none;
}
#chance .sliderchancerange  label#slider-chance-range-label, #soif .slidersoifrange  label#slider-soif-range-label {
margin: 0 5px;
font-size: 12.5px;
font-family: "Gill Sans" , "Arial";
font-weight: normal;
}

#chance .sliderchancerange a.ui-slider-handle, #soif .slidersoifrange a.ui-slider-handle {
background: #FF3B30;
color: #FFF;
text-shadow: none;
border-radius: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: -0.7em 0 0 -1.5em;
width: 3em;
line-height: 1.6em;
padding: 0 0.3em;
height: 1.5em;
background-clip: padding-box;
}

 #map-canvas { width: 100%; height: 100%; padding: 0; }
 
 #soif #main {
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}


#soif #geolocoff {
position: absolute;
width: 100%;
left: 0;
top: 0;
background: #FEDA98;
z-index: 100;
height: 100%;
padding: 150px 0;
display: none;
}

.insidegeolocoff {
    margin: 0 2%;
    height: auto;
    background: #FFF;
    text-align: center;
    padding: 50px 10px;
    overflow: hidden;
    border: 1px solid #000;
}


.insidegeolocoff a {
width: 100%;
text-align: center;
margin-top: 0.6em;
display: block;
background: #4CD964;
height: auto;
padding: 0.3em 0;
text-decoration: none;
border-radius: 10px !important;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
}

#soifnotice, #chancenotice {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: -100%;
    background: #FFEECC;
    z-index: 1001;
}
#soifnotice img, #chancenotice img {
    width: 100%;
}
#soifnotice a, #chancenotice a {
    width: 90%;  text-align: center;  
    margin: 0.2em auto 0 auto;  display: block;  background: #4CD964;  height: auto;  
    padding: 0.5em 0;  text-decoration: none;  border-radius: 10px !important;  text-transform: uppercase;  border-color: #000;  border: 1px solid #000;  font-family: "Gill Sans Bold", "Arial";  display: block;  font-weight: normal;  color: #FFF;  background-clip: padding-box;
}

@-webkit-keyframes noticetop {
    from {top: 40px;}
    to {top: -1000px;}
} 
                

@-webkit-keyframes noticebottom {
    from {top: -1000px;}
    to {top: 40px;}
} 
   

#soifnotice.top, #chancenotice.top {
  -webkit-animation: noticetop 1.5s;   
  top: -1000px;
}

#soifnotice.bottom, #chancenotice.bottom {
    
    -webkit-animation: noticebottom 1.5s;   
    
    top: 40px;
}

.noticetoggle {
position: absolute;
left: 0;
margin: 0;
top: 0;
}

.noticetoggle img {
max-height: 41px;
}

 #soif #legende {
    width: 35%;
    position: absolute;
    -webkit-user-select: none;
    
}
 #soif #legende img {
    width: 100%;
    -webkit-user-select: none;
}


#soif #tablersoiflightbox {
width: 80%;
position: absolute;
bottom: 20%;
right: 0;
border: 2px solid #000;
margin: 0 8%;
background: #FFF;
padding: 0 2%;
border-radius: 15px;
background-clip: padding-box;
z-index: 1001;
display: none;
}


#soif #tablersoiflightbox .close {
position: absolute;
top: -20px;
right: -20px;
background: #FFF;
padding: 10px;
margin: 0;
line-height: 0;
-webkit-border-radius: 60px;
border-radius: 60px;
border: 2px solid #000;
width: 20px;
background-clip: padding-box;
}

#soif #tablersoiflightbox .close img {
    width: 100%;
    height: auto;
}


#tablersoiflightbox h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
}

 #tablersoiflightbox .contact img {
width: 22%;
margin-right: 3%;
}

.error-soif, .error-chance {
    width: 80%;  position: absolute;    border: 2px solid #000;  margin: 0 8%;  
    right: 0;  
    z-index: 100;
    height: auto;
    background: #FFF;  
    padding: 0px;
    top: 40%;
    padding: 0 2%;  border-radius: 15px;  background-clip: padding-box;
}
.error-soif p, .error-chance p {
    margin: 0;
}
.error-soif h2, .error-chance h2 {
    margin: 2px;
    font-size: 18px;
}
.error-soif div, .error-chance div {
    padding: 10px;
}
 
 
 /* annuaire */
 
 #header .HeaderNavBar #btcontactannuaire.ui-icon-btcontactannuaire:after {
/* background: url(../assets/img/BT_contact_rech.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 0 100%;
background-size: 500%;
}

 #header .HeaderNavBar #btcontactintro.ui-icon-btcontactintro:after {
/*background: url(../assets/img/BT_contact_intro.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 25% 100%;
background-size: 500%;
}

#header .HeaderNavBar #btmatable.ui-icon-btmatable:after {
	background: url(../assets/img/BT_sprites.png) no-repeat;
	background-position: 25% 25%;
	background-size: 500%;
}
#header .HeaderNavBar #btmestablers.ui-icon-btmestablers:after {
	background: url(../assets/img/BT_sprites.png) no-repeat;
	background-position: 100% 50%;
	background-size: 500%;
}

#annuaire .ui-input-text {
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

#annuaire .ui-input-text input {
margin: 0;
border: 0;
color: #000;
border: 1px solid #000;
background: #FFF;
font-family: "Gill Sans", "Arial";
height: 1.5em;
border-radius: 0;

}

#annuaire .ui-input-text input#lastname {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-clip: padding-box;
}


#annuaire .ui-input-text input#firstname, #annuaire .ui-input-text input#city, #annuaire .ui-input-text input#nbtable {
	
	border-top: 0;
	
}

#annuaire .ui-input-text input#nbtable {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-clip: padding-box;
}

#annuaire .ui-input-btn, #annuaire #submit-search {
width: 100%;
text-align: center;
margin-top: 0.6em;
display: block;
background: #4CD964;
height: auto;
padding: 0.3em 0;
text-decoration: none;
border-radius: 10px !important;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
}

#annuaire #typetabchoicewrapper {
border: 1px solid #DBBB83;
margin: 10px 0;
width: 100%;
border-radius: 10px;
background-clip: padding-box;
}

#annuaire #typetabchoicewrapper .choicewrapper {
float: left;
height: 100%;
width: 33.3%;

}

#annuaire .typetabchoice {

width: 100%;
float: left;
text-align: center;
padding: 5px 0;	
min-height: 60px;
}

#annuaire .typetabchoice img {
width: 50%;	
}

#annuaire .typetabchoice p {
margin: -15% 0 0 0;
padding: 55px 0 0 0;
position: relative;
}

#annuaire #actif.typetabchoice  {

border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
    border-right: 1px solid #DBBB83;
    margin-right: -1px;
    background-clip: padding-box;
}

#annuaire #mac.typetabchoice {
    border-right: 1px solid #DBBB83;
    margin-right: -1px;
}
#annuaire #ma.typetabchoice {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background-clip: padding-box;
}



.choicewrapper .typetabchoice p:after, .choicewrapper .typenotifchoice p:after {

position: absolute;
width: 50%;
top: 15px;
left: 50%;
height: 50px;
width: 50px;
margin-left: -25px;
}

#ma p:after {
content: "";
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 100% 100%;
background-size: 500%;

}

#mac p:after {
content: "";
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 75% 100%;
background-size: 500%;

}

#actif p:after {
content: "";
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 50% 100%;
background-size: 500%;

}


#annuaire .typetabchoice.on {
background: #DBBB83;
}



#searchresults  h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
width: 90%;
}


#searchresults #main {
background: #E3D3B9;
padding: 0 0.5em;
}

#searchresults .search-results {
background: #FFF;
padding: 0 0.5em;
border: 1px solid #B2B2B2;
color: #707173;
font-family : "Gill Sans Light" , "Arial";
}


#searchresults .search-results p {
margin-top: 0;
}

#searchresults .search-results p.line2 {
display: none;
}

#searchresults .tabler span.arrow {
background: url(../assets/img/TBR_fleche_event.png);
position: absolute;
right: 0;
width: 2em;
height: 2em;
top: 0;
margin-top: -0.2em;
background-size: contain;
}

#searchresults .tabler span.arrow.turned {

transform: rotate(90deg);
-webkit-transform: rotate(90deg);	
}

#searchresults .tabler {
border-bottom: 1px solid #FF3B30;
position: relative;
}

#searchresults .tabler span.notcolored {
color: #707173;
font-family: "Gill Sans Light" , "Arial";
font-size: 0.8em;
}

#searchresults .contact img {
width: 15%;
margin-right: 3%;
}

.loadmore a {
width: 100%;
display: block;
text-align: center;
}

.loadmore a img {
width: 20%;
-webkit-animation: rotateloader 1s linear 0s infinite;
-moz-animation: rotateloader 1s linear 0s infinite;
}

/* profil */

#header .HeaderNavBar #bteditprofil.ui-icon-bteditprofil:after {
/*background: url(../assets/img/BT_profil_edit.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px; */
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 25% 75%;
background-size: 500%;	
}

.ui-icon-btmyprofile:after {
background: url(../assets/img/BT_sprites.png) no-repeat;
background-position: 0% 75%;
background-size: 500%;
}


#profil #header #disconnect {
position: absolute;
right: 0;
padding: 0;
display: block;
width: 14%;
margin: 2px 0;
top: 0;
}

#profil #header #disconnect img {
width: 100%;
height: auto;
max-width: 40px;
max-height: 40px;
}


#profil #header .HeaderNavBar .ui-grid-a, #editprofil #header .HeaderNavBar .ui-grid-a {

background: #FEDA98;	

}

#profil #header .HeaderNavBar .ui-grid-a .ui-block-a, #editprofil #header .HeaderNavBar .ui-grid-a .ui-block-a {

width: 100%;
border-top: 1px solid #DBBB83;
/*
background: url(../assets/img/BT_profil_mine.png) 50% 50% no-repeat;
background-size: 40px;
color: #000;
padding: 30px 1px 1px 1px;
*/
text-align: center;
border-color: #DBBB83;
text-shadow: none;
font-family: "Gill Sans" , "Arial";
font-weight: normal;
font-size: 12.5px;
}




#profil #header .HeaderNavBar .ui-grid-a .ui-block-b, #editprofil #header .HeaderNavBar .ui-grid-a .ui-block-b {

width:20%;
position: absolute;
right: 0;
top: 1px;
}

#profil  h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
}


#profil #main {
background: #E3D3B9;
padding: 0 0.5em;
}

#profil .profil {
background: #FFF;
padding: 0 0.5em;
border: 1px solid #B2B2B2;
color: #707173;
font-family : "Gill Sans Light" , "Arial";
}


#profil .profil p {
margin-top: 0;
}

#profil .tabler {

}

#profil .contact img {
width: 15%;
margin-right: 3%;
}



#editprofil .ui-input-text {
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}


#editprofil .ui-input-text input {
margin: 0;
border: 0;
color: #000;
border: 1px solid #000;
border-top: 0;
background: #FFF;
font-family: "Gill Sans", "Arial";
height: 1.5em;
border-radius: 0;
}



#editprofil .ui-input-text input#lastname {
border-top: 1px solid #000;	
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-clip: padding-box;
}


#editprofil .ui-input-text input#procity {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-clip: padding-box;
}


#editprofil  a#submit, #editprofil  a#cancel {
width: 46%;
text-align: center;
margin-top: 0.6em;
display: block;
float: left;
margin: 5px 2%;
background: #4CD964;
height: auto;
box-sizing: border-box;
padding: 0.3em 0;
text-decoration: none;
border-radius: 10px !important;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
}

#editprofil  a#cancel {
	background: #FF3B30;
	background-clip: padding-box;
}

#editprofil  .ui-footer {
background: #FEDA98;
}


/* introniser */


#introniser .ui-input-text {
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}


#introniser .ui-input-text input {
margin: 0;
border: 0;
color: #000;
border: 1px solid #000;
background: #FFF;
font-family: "Gill Sans", "Arial";
height: 1.5em;
border-radius: 0;
}

#introniser .ui-input-text input#lastname, #introniser .ui-input-text input#addr1 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-clip: padding-box;
}


#introniser .ui-input-text input#firstname,  #introniser .ui-input-text input#nbtable, #introniser .ui-input-text input#addr2, #introniser .ui-input-text input#postalcode, #introniser .ui-input-text input#city, #introniser .ui-input-text input#email, #introniser .ui-input-text input#phone, #introniser .ui-input-text input#phonemob       {
	
	border-top: 0;
	
}

#introniser .ui-input-text input#nbtable, #introniser .ui-input-text input#phonemob {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-clip: padding-box;
}


#introniser p.labelforbirthday {
padding: 0;
margin: 0;
color: #000;
border: 1px solid #000;
border-top: 0;
background: #FFF;
font-family: "Gill Sans", "Arial";
height: 2.2em;
border-radius: 0;
}

#introniser p.labelforbirthday span {
    float: left;
    padding: 7px 0 7px 6px;
    color: #AAAAAA;
}


#introniser p.labelforbirthday label {
float: left;
font-size: 1em;
padding: 7px 0 7px 6px;
margin: 0;
border: 0;
}


#introniser .ui-input-text input#birthday {
float: right;
width: 49%;
border: 0;
}

#introniser #introniser-btn {
width: 100%;
text-align: center;
margin-top: 0.6em;
display: block;
background: #4CD964;
height: auto;
padding: 0.3em 0;
text-decoration: none;
border-radius: 10px !important;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
}


#introniser a#searchparrain {
margin: 0;
display: block;
color: #000;
border: 1px solid #000;
background: #FFF;
font-family: "Gill Sans", "Arial";
border-radius: 10px;
text-decoration: none;
padding: 5px;
background-clip: padding-box;
}

#introniser a#searchparrain span {
font-size: 0.8em;
color: #FF3B30;
}

#introniser #parrainlightbox {
position: fixed;
bottom: 30px;
height: 85%;
z-index: 1001;
background: #FFF;
width: 80%;
margin: 0 10%;
border: 1px solid #000;
display: none;
border-radius: 15px;
background-clip: padding-box;
}

#introniser #parrainlightbox.show {
display: block !important;	
}

#introniser #parrainlightbox  .close {
position: absolute;
top: -20px;
right: -20px;
background: #FFF;
padding: 10px;
margin: 0;
line-height: 0;
-webkit-border-radius: 60px;
border-radius: 60px;
border: 2px solid #000;
width: 20px;
background-clip: padding-box;
}

#introniser #parrainlightbox  .close img {
    width: 100%;
    height: auto;
}


#introniser #parrainlightbox  #parraincontent {
overflow: auto;
height: 100%;
}


#introniser #parrainlightbox  #parraincontent  h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
}

#introniser #parrainlightbox  #parraincontent .parrain {
border-bottom: 1px solid #000;
padding: 5px;
}

#matable .ui-input-text {

    box-shadow: none;
    
}

#matable div.ui-input-text {
    background: transparent;
    border: 0;
}

#matable .ui-input-text input {
margin: 0;
border: 0;
color: #000;
border: 1px solid #000;
background: #FFF;
font-family: "Gill Sans", "Arial";
height: 1.5em;
border-radius: 10px;

}

#matable textarea {
margin: 0;
border: 0;
color: #000;
border: 1px solid #000;
background: #FFF;
font-family: "Gill Sans", "Arial";
border-radius: 10px;

}

#matable .ui-input-btn, #matable #send-matable {
width: 100%;
text-align: center;
margin-top: 0.6em;
display: block;
background: #4CD964;
height: auto;
padding: 0.3em 0;
text-decoration: none;
text-transform: uppercase;
border-color: #000;
border: 1px solid #000;
font-family: "Gill Sans Bold", "Arial";
display: block;
font-weight: normal;
color: #FFF;
background-clip: padding-box;
border-radius: 10px !important;
}

#matable h2, #mestablers h2 {

color: #FF3B30;

font-family: "Gill Sans" , "Arial";

font-weight: normal;

}

#matable #typetabchoicewrapper, #matable #typenotifchoicewrapper {
border: 1px solid #DBBB83;
margin: 10px 0;
width: 100%;
border-radius: 10px;
background-clip: padding-box;
}

#matable #typetabchoicewrapper .choicewrapper, #matable #typenotifchoicewrapper .choicewrapper {
float: left;
height: 100%;
width: 50%;

}

#matable .typetabchoice, #matable .typenotifchoice {

width: 100%;
float: left;
text-align: center;
padding: 5px 0;	
min-height: 60px;
}

#matable .typetabchoice img, #matable .typenotifchoice img {
width: 50%;	
}

#matable .typetabchoice p, #matable .typenotifchoice p {
margin: -10% 0 0 0;
padding: 55px 0 0 0;
position: relative;
}

#matable #actif.typetabchoice  {

	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
    border-right: 1px solid #DBBB83;
    margin-right: -1px;
    background-clip: padding-box;
}

#matable #mac.typetabchoice {
    border-right: 1px solid #DBBB83;
    margin-right: -1px;
    background-clip: padding-box;
    border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
}

#matable .typetabchoice.on,#matable .typenotifchoice.on {
background: #DBBB83;
}

#matable #email.typenotifchoice {
	
	border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-right: 1px solid #DBBB83;
    margin-right: -1px;
	
}
#email.typenotifchoice p:after {
    content: "";
	background: url(../assets/img/BT_sprites.png) no-repeat;
	background-position: 50% 75%;
	background-size: 500%;
}

#push.typenotifchoice p:after {
    content: "";
	background: url(../assets/img/BT_sprites.png) no-repeat;
	background-position: 75% 75%;
	background-size: 500%;
}

#mestablers .ui-content {
    padding: 0 0.5em;
}

#mestablers .tabler h2 {
margin: 0.5em 0 0.2em 0;
color: #FF3B30;
padding: 0;
font-family: "Gill Sans" , "Arial";
font-size: 1.2em;
font-weight: normal;
width: 90%;
}



#mestablers .matable-tablers, #mestablers .matable-macs {
background: #FFF;
padding: 0 0.5em;
border: 1px solid #B2B2B2;
color: #707173;
font-family : "Gill Sans Light" , "Arial";
}


#mestablerse .matable-tablers p, #mestablers .matable-macs p {
margin-top: 0;
}

#mestablers .matable-tablers p.line2, #mestablers .matable-macs p.line2 {
display: none;
}

#mestablers .tabler span.arrow {
background: url(../assets/img/TBR_fleche_event.png);
position: absolute;
right: 0;
width: 2em;
height: 2em;
top: 0;
margin-top: -0.2em;
background-size: contain;
}

#mestablers .tabler span.arrow.turned {

transform: rotate(90deg);
-webkit-transform: rotate(90deg);	
}

#mestablers .tabler {
border-bottom: 1px solid #FF3B30;
position: relative;
}

#mestablers .tabler span.notcolored {
color: #707173;
font-family: "Gill Sans Light" , "Arial";
font-size: 0.8em;
}

#mestablers .contact img {
width: 15%;
margin-right: 3%;
}