body {
    background-color: #d7ecbf;
    color: #FFFFFF;
}

.extensionContentDiv {
	background-color : pink !important;
}

/* *********************************************************************  */
/* ********  from home\ard\www\fileadmin\templates\ard2018v1\css *******  */
/* *********************************************************************  */

/* Override Ext Crisp Theme Css */
.x-body {
	background: transparent !important;
	font-size:24px !important;
}
/* Responsive Mobile First */
html { 
	font-family: Arial,Helvetica,sans-serif;
	font-size:24px;
	color:#535353;
	line-height:normal;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	cursor: default;
}
body {
	font-size: 150%;
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	background-color: transparent;
	line-height: 17px;
}
#layout {

}
#header {
	position: fixed;
	height: 80px;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index:9998;
	background-color: #214a78 /*#06596b blue green */ /*#265f8a blue ard*/; 
	box-shadow: 0px 10px 20px #eee;
}
#headerlogin {
	display:none;
}
#logo_client {
	display: none;
	position:fixed;
	width:50px;
	height:50px;
	text-align:left;
	left:14px;
	top: 14px;
	z-index:9999;
	background-color: #214a78;
}
#logo_client img {
	max-width:50px;
	max-height:50px;
}
#logo_client_login {
	position:fixed;
	width:100%;
	height: 130px;
	text-align:center;
	left:0px;
	top: 0px;
	z-index:-5;
	background-color: white;
	display: initial;
}

#logo_client_login img {
    width: auto;
    max-height: 80px;
	margin: 15px;
}

#client_titre {
	position: relative;
	display: block;
	top: 20px;
	left: 14px;
	text-align: left;
	width: 75%;
}
.titre1 {
	font-size:16px;
	font-weight: 100;
	/*color: white;*/
	color: #52c1d9;
}
.titre2 {
	font-size:14px;
	color: white;
	font-weight: 600;
}
#header address {
	display:none
}
#content {
	position: relative;
	overflow:hidden;
	/*top: 90px;*/
	padding: 0px;
	min-height:350px;
	background-color: white;
}
a.bt_logout {
	position: absolute;
	right: 14px;
	top: 14px;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background-color: black;
	background:url(../Images/Interface/logout.png) center top no-repeat;
	background-size: cover;
}
a.bt_aide {
	display:none;
}
/*** LOGIN ***/
#contentlogin {
	position: relative;
	overflow:hidden;
	min-height:350px;
	top: 100px;
	width: 100%;
	text-align:center;
}

#contentlogin.form {
	background-color: pink;
}

h1.login {
	/*margin: 25px;*/
	padding: 0px;
	text-transform: uppercase;
	color: #214a78;
}

h1.login span, .felogin-msg{
	text-transform: none;
	font-size: 12px;
	color: #535353;
	padding: 10px;
	font-weight: 600;
}
label {
	display:block;
	color:black;
	font-size:16px;
}
form.login, #contentlogin form  {
	margin:0px;
	padding:10px;
	margin-top:10px;
	background-color: #f7f7f7;
}
form.login input.saisie, #contentlogin form input.saisie {
	text-align: left;
	/*background:#e6f9fd;*/
	background: white;
	border:#cecece 1px solid;
	padding:0px 0px 0px 10px;
	border-radius:0px;
	font-size:18px;
	height: 58px;
	color: #535353;
}
input.saisie {
	/*background:#c4e1e7;*/
	/*padding:10px;*/
	color: black;/*#214a78;*/ /*#0993b2;*/
	font-weight:300;
	/*font-size:30px;*/
	/*border:#AAA 2px solid;*/
	width:250px;
	margin-bottom:10px;
	margin-top:10px;
}
form.login input:focus {
	border-color: #3386c2; /*#3a578a;*/
}

form.login {
	margin:0;
	padding:0;
	margin-top:20px;
	text-align:center;
}

form.login label {
	text-align:left;
	/*padding-left:260px;*/
	padding-left:238px;
}

form.login input.saisie {
	background:#e6f9fd;
	border:#ccc 3px solid;
	padding:7px;
	border-radius:10px;
	font-size:15px;
}

form.login p {
	padding:0;
	padding-bottom:20px;
	margin:0;
}

#iddivSupportKeyPad {
    margin-left: -25px;
    margin-bottom: 20px;
}


input.bt_orange, a.bt_orange {
	display:block;
	width:262px; /*280*/
	height:50px;
	margin:0;
	margin:0 auto;
	padding:0;
	/*background:url(../Images/Interface/bouton_orange.png) center top no-repeat;*/
	cursor:pointer;
	color:white;
	font-weight:bold;
	font-size:18px; /*20*/
	text-align:center;
	line-height:40px; /*50*/
	border:none;
	/*text-shadow: 0px -1px 1px #333;
	-webkit-text-shadow: 0px -1px 1px #333;
	margin-left: auto;
	margin-right: auto;*/
	background-color: #3892d3; /*#3a578a;*/
	margin-top: 10px;
}
input.bt_orange:hover, input.bt_orange:active, a.bt_orange:hover, a.bt_orange:active {
	background-position:center bottom;
	text-decoration:none;
	background-color: #3386c2; /*#214a78;*/
}
.bt_orange_small {
	display:block;
	width:140px;
	height:25px;
	margin:0;
	margin:0 auto;
	padding:0;
	background:url(../Images/Interface/bouton_orange.png) center top no-repeat;
	background-size: cover;
	cursor:pointer;
	color:white;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	border:none;
	text-shadow: 0px -1px 1px #333;
	-webkit-text-shadow: 0px -1px 1px #333;
	margin-left: auto;
	margin-right: auto;
}
.bt_orange_small:hover, .bt_orange_small:active {
	background-position:center bottom;
	text-decoration:none;
}
#rgpdBtn {
	width: 200px;
	height:40px;
	text-align: center;
	cursor: pointer;
	background-color: white;
	color: #214a78;
	border: 0;
	font-size: 16px;
	font-weight: 900;
}
#rgpdBtn:hover {
	background-color: #214a78;
	color: white;	
}
#contentlogin address {
	position: relative;
	width: 99%;
	margin-top: 15px;
	font-size:14px;
	color:grey;
	text-align:center;
	font-style:normal;
	line-height:16px;	
	margin-bottom: 50px;
}
#contentlogin address h2{
	font-size: 16px;
	font-weight: 900;
	color:grey;
	margin: 0px;
}
#contentlogin address span{
	display: block;
}

#sso_mainPanel, #tx_ardrecharge {
	color : initial;
}

/*** END LOGIN ***/
#welcomeMessage {
	margin: 5px;
	padding: 40px 20px 20px 20px;
	font-size: 18px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	z-index: 999;
	opacity: 0.95;
	height: 75%;
}
/*#welcomeMessage:hover {
	 background-color: #afc5d1;
	 cursor: pointer;
}*/
#welcomeMessageBtnPanel {
	margin: 20px auto;
	display: block;
}
#welcomeMessageBtn {
	width: 200px;
	height:50px;
	margin: 25px 5px;
	line-height:40px;
	text-align: center;
	cursor: pointer;
	background-color: white;
	color: #214a78;
	border: 0;
	font-size: 16px;
	font-weight: 900;
}
#welcomeMessageBtn:hover {
	/*border:white 1px solid;*/
	background-color: #214a78;
	color: white;	
}
.alert-info {
	/*color: #31708f;
    background-color: #d9edf7;*/
	color: white;
	background-color: #839AB4; /*#52c1d9;*/
    /*border-color: #52c1d9;*/
}
#bottom {
	text-align: center;
	width: 100%;
	position: relative;
	padding: 25px 0px 0px 0px;
	margin-bottom: 10px;
	background: url(../Images/Interface/mentions_legales_mobile.png) no-repeat center top;
}

#bottom2 {
	text-align: center;
	width: 100%;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin-bottom: 100px;
}

#footer {
	position: fixed;
	width: 100%;
	margin:0px;
	padding:0px;
	bottom:0px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	font-weight: 900;
	z-index: 9999;
	box-shadow: 0px -5px 15px #666;
	background-color: #535353;
	
}
#footer .footer_menu{
	display: inline-block;
	width: 33.3%;
	/*width: 25%;*/
	height:70px;
	line-height:70px;
	text-align: center;
	color: white;
}

#footer .footer_menuPage{
	display: inline-block;
	width: 29%;
	height:70px;
	line-height:70px;
	text-align: center;
	color: white;
}
#footer .footer_menuPageH{
	display: inline-block;
	width: 13%;
	height:70px;
	line-height:70px;
	text-align: center;
	color: white;
}
#footer .footer_menu:hover, #footer .footer_menuPage:hover, #footer .footer_menuPageH:hover{
	cursor: pointer;
	background-color: #FFDB09;
	color: #535353;
}

#footer_hom {
	background-color: #9baebf; /*#0b94b3; Acc*/
}
#footer_pay {
	background-color: #3a578a;
}
#footer_res {
	background-color: #214a78;
}
#footer_qr {
	background-color: #1c3e64;
}
#mentions {
	display:none;
}

#site_ard {
	display:none;
}

#site_ard_mob{ 
	display:block;
	text-align: center;
}

#site_ard_mob img{
	max-height : 30px;
}

#mobile_mentions {
	font-size: 10px;
}
#rgpd {
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 180px;
	z-index: 10000;
	background-color: #3a578a;
	color: white;
	font-size: 14px;
	padding: 20px 20px 0px 20px;
    margin: 0px auto;
}
#rgpd div{
	color: white;
	text-align: center;
	width: 100%;
	height: 100%;
}
a {
	color:#52c1d9;
	text-decoration:none;
}
a:hover {
	color:#FFDB09;
	text-decoration:underline;
}
ul#menu {
	display:none;
}
h1 {
	color: #535353;
	font-size: 20px;
	font-weight: 600;
}
#titredat {
	color: #535353;
}
h1.home {
	position: relative;
	text-align:center;
	margin:0;
	padding:0;
	/*color:black;
	font-size: 16px;*/
	top: 15px;
	margin-bottom: 20px;
}
h1.home span {
	display:none;
}
.nextMonth {
	margin-top: 20px;
}
.month h2 {
	color:#535353;
	font-size:24px;
	font-weight:900;
	text-align: left;
	margin: 0px;
	padding: 5px;
	margin-left: 10px;
}
.month h3 {
	color:#696969;
	font-size:16px;
	font-weight:100;
	text-align: left;
	margin: 0px;
	margin-left: 17px;
	margin-bottom: 10px;
	letter-spacing: 4px;
}
.nores {
	position: absolute;
	width: 100%;
	top: 240px;
	margin: 0px auto;
	padding: 20px;
	background-color : #214a78;
	color: white; 
	font-size: 16px;
	font-weight: 800;
}
ul.menu_home {
	list-style:none;
	line-height:normal;
	text-align:center;
	height:auto;
	padding:0px;
	margin:0px;
	margin-bottom: 100px;
}
ul.menu_home li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 2px;
	padding: 2px;
}
ul.menu_home li a {
	display:block;
	width:112px;
	font-weight:bold;
	font-size:11px;
	padding-top:95px;
	background:url(../Images/Interface/home_menu.png) no-repeat;
	text-decoration:none;
	color: #0b94b3;
}
/** in Ext **/
.swiper-container {
    /*width: 100%;*/
    height: 60px;
	/*background-color:#ab1704;*/
	cursor: pointer;
}
.swiper-slide {
	padding : 20px;
	background-color: white;
	color: #214a78;
	font-size: 16px;
	font-weight:600;
}
.swiper-slide-booking {
	padding: 8px 40px 20px 40px;
}
.swiper-slide span{
	color: #696969;
	font-size: 12px;
	font-weight: 600;
}
#loader {
	position:relative;
	left: 0px;
	top: 100px;
	margin: 0 auto;
	width: 80%;
	text-align: center;
}
#loaderApp {
	position: relative;
	margin: 0 auto;
	width: 80%;
	text-align: center;
}
#loader img, #loaderApp img{
	width:50%;
	height:50%;
}
#appContainer {
	text-align: center;
	margin-bottom: 150px;
}
#filter {
	position: relative;
	float: right;
	background:url(../Images/Interface/search.png) center top no-repeat;
	background-size: cover;
	right: 10px;
	width: 50px;
	height:50px;
	cursor: pointer;
}
#filterdetail{
	position: absolute;
	display: none;
	left: 0px;
	width: 100%;
	/*height: 250px;*/
	padding: 10px;
	/*background-color:#06596b;*/
	background-color: #839AB4; /*#52c1d9*//*#696969;*/
	color:white;
	box-shadow: 0px 5px 15px #666;
	z-index: 9999;
}
#res {
	margin-bottom: 50px;
	padding-top: 10px;
}
#resDetails {
	z-index: 999;
}
.resDetailsRow {
	background-color: #666666;
	padding-left: 10px;
	margin-bottom: 10px;
	height: 70px;
}
.resDetailsRow0 {
	background-color: #666666;
	color: #666666;
}
.resDetailsRow1 {
	background-color: #da291c;
	color: #da291c;
}
.resDetailsRow2 {
	background-color: #60066b;
	color: #60066b;
}
.resDetailsRow3 {
	background-color: #1c25da;
	color: #1c25da;
}
.resDetailsRow4 {
	background-color: #6b0606;
	color: #6b0606;
}
.resDetailsRow5 {
	background-color: #666666;
	color: #666666;
}
.resDetailsRow6 {
	background-color: #ff9808;
	color: #ff9808;
}
.resDetailsRow7 {
	background-color: #000000;
	color: #000000;
}
.resDetailsRowDate,.resDetailsRowDateResa {
	float: left;
	display: inline-block;
	width: 25%;
	height: 70px;
	border-right: #666666 3px solid;
	background-color: #efefef; /*d3d3d3*/
}
.resDetailsRowDate span{
	display: block;
	padding: 3px;
}
.resDetailsRowDate_dayNum {
	font-size: 32px;
	font-weight: 500;
}
.resDetailsRowDesc {
	float: left;
	display: inline-block;
	width: 50%;
	height: 70px;
	line-height: 17px;
	background-color: #efefef;
	font-size: 14px;
	text-align: left;
	padding: 5px 0px 0px 10px;
}
.resDetailsRowDescHistPay {
	line-height: 12px;
	font-size: 12px;
	/*padding: 0px 0px 0px 10px;*/
}
.resDetailsRowDescHistPay_transac {
	font-weight: 600;
	font-size: 13px;
}
.resDetailsRowAmount {
	float: right;
	display: inline-block;
	width: 25%;
	height: 70px;
	line-height: 70px;
	background-color: #efefef;
	font-size: 18px;
	font-weight: 600;
}
#resDetailsSpacer {
	min-height: 200px;
	/*background-color: yellow;*/
}
input {
	height: 30px;	
}
/** FILTER DATE ONLY MOBILE DRIVED BY #FILTERDETAIL**/
.inputDateSearch > div > select{
	height: 40px;
	padding: 10px;
	font-size: 16px;	
}
.inputDateSearch > div > input{
	height: 40px;
	width: 300px;
	padding: 10px;
	font-size: 16px; /*14*/
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
}
.inputDateSearch > div > label{
	font-size: 18px;
	color: white;
	padding: 10px;
}

#filterdetails, #datStart, #datEnd, .div_btn {
	background-color: #839AB4 !important;
}

.btn_form {
	margin: 10px 5px 0px 5px;
	height:50px;
	line-height:50px;
	text-align: center;
	color: white;	
	cursor: pointer;
	border: 0px;
	color: white;
	font-size: 16px;
	font-weight: 900;
}
.div_btn div {
	display: inline-block;
}
#btn_cancel {
	width: 50px;
	background-color: #9baebf;
}
#btn_done {
	width: 200px;
	background-color: #214a78;
}
#btn_cancel:hover, #btn_done:hover {
	background-color: #FFDB09;
	color: #535353;
}
/** END FILTERING **/
.textFixed {
 -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */    	
}
/** RELOAD **/
.walletSummary {
	background-color: #FFDB09;
	height: 50px;
	line-height: 50px;
	margin: 20px 0px;
	font-weight: 600;
	font-size: 16px;
}
.walletSummaryError {
    background-color: #F4082D;
    height: 100px;
    line-height: 25px;
    font-size: 18px;
    padding: 25px;
    color: white;
}
.walletSummaryDetails {
	height: 100px;
	line-height: 25px;	
}
.walletSummaryTitle {
	font-size: 16px;
	font-weight: 100;
	height: 30px;
	line-height: 40px;
	text-align: left;
	margin-left: 15px;
}
.walletSummaryDesc {
	width: 100%;
	height: 70px;
}
.walletSummaryTotal {
	display: inline-block;
	width: 45%;
	background-color: white;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
}
.walletSummaryPay {
	display: inline-block;
	width: 45%;
	line-height: 70px;
	height: 70px;
	/* work for button innerHTML directly margin-left: 5px;*/
	/* for use widget button extjs */
	position: relative;
	float: right;
	right: 15px;
}
#paybutton {
	background-color: #3a578a;
	width: 100% !important; /** important to override calculate width **/
	height: 60px !important; 
	margin: 0px 5px;
	/** not use with button class **/
	border: 0px;
	color: white;
	font-size: 16px;
	font-weight: 900;
	line-height: 60px;
	/** use to override default extjs button **/
	border-radius: 0px;
}
#paybutton:hover {
	background-color: #214a78;
	cursor: pointer;
}
#paybutton-btnInnerEl {
	font-size: 16px;
	font-weight: 900;
}
.walletOwner {
	background-color: #DEDEDE;
	margin: 20px 15px 5px 15px;
	font-weight: 600;
	font-size: 16px;
	text-align: left;
}
.walletOwner:hover{
	cursor: pointer;
}
.walletOwner .ico {
	width: 50px;
	background:url(../Images/Interface/owner.png) center center no-repeat;
	display: inline-block;
}
.walletOwner .collapseRemove, .walletSummary .collapseRemove {
	width: 32px;
	height: 50px;
	background: url(../Images/Interface/-.png) center center no-repeat;
	background-size: 32px 32px;
	position: relative;
	float: right;
}
.walletOwner .collapseAdd, .walletSummary .collapseAdd {
	width: 32px;
	height: 50px;
	background: url(../Images/Interface/+.png) center center no-repeat;
	background-size: 32px 32px;
	position: relative;
	float: right;
}
.walletCollapse {
	cursor:pointer;
}
.wallet {
	background-color: #EEEEEE;
	text-align: center;
	line-height: 20px;
	padding: 5px 0px;
	margin: 0px 15px 5px 25px;
	z-index: 1;
}
.wallet .ico {
	width: 50px;
	background: url(../Images/Interface/wallet.png) center center no-repeat;
	background-size: 20px 20px;
	position: relative;
	float: left;
	top: 10px;
}
.walletTitle {
	position: absolute;
	left: 75px;
	width: 75%;
	text-align: left;
}
.walletName {
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
}
.walletDate {
	font-size: 11px;
	font-weight: 100;
}
.walletAmount {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
}
.walletAmountNegat {
	color:red;
}
.walletReload {
	display: none;
	position: absolute;
	right: 20px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-weight: 600;
	font-size: 14px;
	background: #FFDB09 url(../Images/Interface/close.png) right top no-repeat;
	background-size: 8px 8px;
	background-position-x: 69px;
	background-position-y: 2px;
	z-index: 2;
}
.initWalletReload {
	display: block;
	position: absolute;
	right: 20px;
	width: 80px;
	height: 40px;
	z-index: 2;
	background: #FFDB09 url(../Images/Interface/next.png) center center no-repeat;
	background-size: 16px 16px;
}
.initWalletReloadSettle {
	background: #FFDB09 !important;
	line-height: 40px;
	font-size: 14px;
}
.initWalletReloadHover, .initWalletReload:hover {
	background-color: #214a78 !important;
}
/** Wallet Reload Panel **/
#walletReloadPanel {
	display: none;
	/*background-color: #FFDB09;*/
	background-color: #EEEEEE;
	/*opacity: 0.95;*/
	position: absolute;
	top: 80px;
	width: 100%;
	height: 100%;
	z-index: 3;
	text-align: left;
	padding: 15px;
}
#walletReloadPanelClose{
	position: relative;
	float: right;
	width: 32px;
	height: 32px;
	right: 10px;
	/*top: 10px;*/
	background: #DEDEDE url(../Images/Interface/close.png) center center no-repeat;
}
#walletReloadPanelClose:hover{
	background: #214a78 url(../Images/Interface/close.png) center center no-repeat;
	cursor: pointer;
}
#walletReloadPanel #walletReloadPanelPm {
	font-size: 16px;
	font-weight: 600;
	background: url(../Images/Interface/wallet.png) left center no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
	margin-top: 8px;
}
#walletReloadPanel #walletReloadPanelName {
	font-size: 14px;
	font-weight: 100;
	margin-top: 10px;
}
#walletReloadPanel #walletReloadPanelDate {
	display: inline-block;
	margin-top: 5px;
	font-size: 12px;
}
#walletReloadPanel #walletReloadPanelAmount {
	float: right;
	font-size: 18px;
	font-weight: 600;
	margin: 2px 10px 0px 0px;
}
#walletReloadPanel #walletReloadPanelAction {
	margin: 15px 10px 0px 0px;
	background-color: white;
	padding: 10px;
}
#walletReloadPanel #walletReloadPanelAction #walletReloadPanelTitle {
	font-size: 14px;
	font-weight: 100;
	margin-bottom: 10px;
}
#walletReloadPanel #walletReloadPanelAction #walletReloadPanelBtn {
	width: 33%;
	display: inline-block;
	text-align: center;
	padding: 5px;
}
#walletReloadPanel #walletReloadPanelAction #walletReloadPanelBtn button {
	width: 100%;
	height: 50px;
	font-size: 14px;
	background-color: #FFDB09;
	border: 0px;
	font-weight: 800;
	color: black;
}
#walletReloadPanel #walletReloadPanelAction #walletReloadPanelBtn button:hover {
	background-color: #214a78;
	color: white;
	cursor: pointer;
}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel {

}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel #walletReloadPanelTitleFree {
	font-size: 14px;
	font-weight: 100;
	margin-bottom: 10px;
	margin-top: 20px;
}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel #freeAmount {
	display: inline-block;
	width: 50%;
	height: 49px;
	text-align: center;
	font-size: 16px;
}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel #freeAmount::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel #freeAmount:hover::-webkit-inner-spin-button { 
    background: #eee url(../Images/Interface/inputNum.png) no-repeat 50% 50%;  
    width: 14px;
    height: 14px;
    padding: 4px;
    position: relative;
    right: 4px;
    border-radius: 28px;
}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel button{
	height: 50px;
	font-size: 14px;
	background-color: #FFDB09;
	border: 0px;
	font-weight: 800;
	color: black;
	display: inline-block;
	width: 45%;
}
#walletReloadPanel #walletReloadPanelAction #freeAmountPanel button:hover{
	background-color: #214a78;
	color: white;
	cursor: pointer;
}
/** Transaction Recap Panel **/
.performedTransactions {
	padding: 20px;
	margin: 20px 0px;
	font-size: 16px;
	background-color: #DEDEDE;
}
#performedTransactionsAmount {
	font-size: 16px;
	margin: 20px 0px;
}
.successfulTransactionMob{
	background-color : #78CA78 !important;
}
.pendingTransactionMob {
	background-color : #FFDB09 !important;
}
.failedTransactionMob{
	background-color : #F5F5F5 !important;
}
#reloadEtabTitle {
	background-color: #DEDEDE;
	height: 30px;
	line-height: 30px;
	color: #696969;
}
#reloadItems {
	display: none;
	background-color: #DEDEDE;
	padding: 5px;
	margin-bottom: 10px; /*test*/
}
.reloadItemsOwner {
	background: #696969;
	color: white;
	padding: 10px;
}
.reloadItemsDetail {
	background: white;
	color: #696969;
	padding: 10px 10px 20px 10px;
}
#delayNotice {
	background-color: #F45908;
	color: white;
	padding: 10px;
}
#appContainer form {
	position: relative;
	top: -10px;
}
#cancelbutton {
	position: relative;
	top: -10px; /* test -20 */
	background-color: #9baebf;
}
#paybuttonPayline, #paybuttonPayzen {
	background-color: #214a78;
}
#paybuttonPayline, #cancelbutton, #paybuttonPayzen {
	/*background-color: #0a809b;*/
	width: 50% !important;
	height: 60px !important;
	margin: 10px;
	border: 0px;
	color: white;
	font-size: 16px;
	font-weight: 900;
}
/* And For Desktop */
@media only screen and (min-width: 1025px) {
	#paybuttonPayzen {
		margin: 30px 150px;
	}
}
#paybuttonPayline, #cancelbutton {
	max-width: 200px;
}
#paybuttonPayline:hover, #cancelbutton:hover, #paybuttonPayzen:hover {
	background-color: #FFDB09;
	color: #535353;
	cursor: pointer;
}

/*** T3 styles - Transaction Confirmation **/
#c3379, #c3382 {
	text-align: center;
}
#c3379 .bodytext, #c3382 .bodytext{
	padding: 0px 60px;
	font-size: 16px;
	line-height: 28px;	
}
#c3378, #c3381 {
	padding: 10px;
	font-size: 18px;
	text-align: center;
}
#c3377, #c3380 {
	display: none;
}
div.csc-header br {
	display: none;
}
div.csc-header img.spacer-gif {
	display: none;
}
.menuMobile {
	display: block;
}
.inputUser {
	width: 100% !important;
	padding: 5px;
	height: 70px;
}
.inputUser input{
	font-size: 18px;
}
/* Booking panel */
.resDetailsRowResa {
	float: left;
	display: inline-block;
	width: 75%;
	height: 70px;
	line-height: 17px;
	background-color: #efefef;
	font-size: 14px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.resDetailsRowDateResa span{
	display: block;
	padding: 10px 0px 0px 0px;
}
.messagePanelAlert {
	top: 150px !important;
}
.services1 {
	width: 100%;
	height: 100%;
/*	display: inline-grid;
	overflow: hidden;*/
	position: relative;
}
.servicesCol_1_0{
	margin-left: 0%;	
}
.services2 {
	width: 50%;
	height: 100%;
	position: absolute;
	text-align: center;
}
.servicesCol_2_0{
	margin-left: 0%;	
}
.servicesCol_2_1{
	margin-left: 50%;
}
.services3 {
	width: 33%;
	height: 100%;
	position: absolute;
}
.servicesCol_3_0{
	margin-left: 0%;
}
.servicesCol_3_1{
	margin-left: 33%;
}
.servicesCol_3_2{
	margin-left: 66%; /*65% col superpose.. */
}
.services4 {
	width: 25%;
	height: 70px;
	position: absolute;
}
.servicesCol_4_0{
	margin-left: 0%;
}
.servicesCol_4_1{
	margin-left: 25%;
}
.servicesCol_4_2{
	margin-left: 50%;
}
.servicesCol_4_3{
	margin-left: 75%;
}
.servicesTips {
	display: none;
	font-size: 10px;
}
.services {
    display: inline-block;
}
.services input {
	position: absolute;
	visibility: hidden;
}
/* Special 2 colons */
.services2 label {
      padding: 25px 15px !important;
}
.services2 label:after {
	top: 70% !important;
}
/* Special 3 & 4 colons */
.services3 label, .services4 label {
	padding: 0px !important;
	text-align: center !important;
	padding-top : 10px !important;
}
.services3 label:after {
	transform: none !important;
	right: 35% !important;
	top: 50% !important;
}
.services4 label:after {
	right: 30% !important;
	transform: none !important;
}
/* Special 2 chains */
.servicesMulti label{
	padding-top: 3px !important;
	line-height: 13px;
}
.services label {
	padding: 12px 0px 0px 0px !important;
	cursor: pointer;
	position: relative;
	z-index: 2;
	height: 100%; /* 50% to show tip above*/
	color: #444444;
	transition: color 200ms ease-in;
	overflow: hidden;
	font-size: 10px;
	line-height: 10px;
	 /* top: 50%;*/
}
.services label:before {
	width: 100px;
	height: 100%;
	border-radius: 50%;
	content: '';
	background-color: #FFDB09;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	opacity: 0;
	z-index: -1;
}
/* Booked so we affect the label before background to override the yellow */
.servicesBooked input:checked ~ label:before, .rowServicesBooked, .servicesBooked .servicesNonBookable, .servicesBooked span, .servicesBooked select {
	background-color: #00965e !important;
}
.rowServicesRequested, .servicesCancel {
	background-color: #F1BCAB;
}
.rowServicesError, .servicesInError{
	background-color: red !important;
	cursor: pointer;
}
.servicesInError input[disabled][checked] ~ label:before {
	background-color: red !important;
	border-color: red !important;
}
.servicesInError input[checked] ~ label:before {
	background-color: red !important;
	border-color: red !important;
}
/* For unchecked we override the default background to activate the cancelRequest */
.servicesBooked{
	background-color: #FFDB09 !important;
}
.servicesMultiBooked {
	background-color: #00965e !important;
}
.servicesMultiBooked select:disabled, .selectDisabled {
	color: black !important;
}

.services label:after {
	width: 20px;
	height: 20px;
	content: '';
	border: 2px solid #D1D7DC;
	background-color: white;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	border-radius: 20%;
	z-index: 2;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all 200ms ease-in;
}

.services input:checked ~ label {
	color: black;
}
.services input:checked ~ label:before {
	transform: translate(-50%, -50%) scale3d(56, 56, 1);
	opacity: 1;
}
.services input:checked ~ label:after {
	background-color: black;
	border-color: black;
}
.services .servicesNonBookable {
	width: 100%;
	height: 100%; /*50% to tip above*/
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	/*padding-top: 25px 145% to show above;*/
	padding: 12px 10px 10px 10px; /* 25 10 10 10 before add service name above*/
	cursor: pointer;
}
.services input:disabled ~ label {
	background-color: #FFEFEF;
	border-color: #FFEFEF;
	opacity: 0.3;
}
.services input[disabled][checked] ~ label {
	opacity: 1;
}
.services input[disabled][checked] ~ label:before {
	background-color: #F1BCAB;
	border-color: #F1BCAB;
}
/* show tips */
.checkrequesttip {
	display:none;
	position: absolute;
	background-color: #FFDB09;
	top: 0%;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	z-index: 3;
	opacity: 0.95;
	height: 100%;
	padding: 10px;
	cursor: pointer;
}
.errorTip {
	display:none;
	position: absolute;
	background-color: red;
	text-align: justify;
	font-size: 12px;
	line-height: 12px;
	z-index: 3;
	opacity: 0.95;
	height: 70px;
	padding: 5px 20px 5px 60px;
	cursor: pointer;
	overflow: auto;
	background: red url(../Images/Interface/warning.png) left center no-repeat !important;
	background-size: 48px !important; /*64*/
	background-position-x: 0px !important; /* -20 */
}
.resDetailsRow > .rowServicesError {
	background: red url(../Images/Interface/warning.png) left center no-repeat !important;
	background-size: 22px !important;
}
.checktip {
	background-color: #F1BCAB !important;
}
.services1 .checkrequesttip{
	width: 100%;
}
.services2 .checkrequesttip{
	width: 200%;
}
.services3 .checkrequesttip{
	width: 300%;
}
.services4 .checkrequesttip{
	width: 400%;
}
.servicesCol_2_1 .checkrequesttip, .servicesCol_3_1 .checkrequesttip, .servicesCol_4_1 .checkrequesttip {
	left: -100%;
}
.servicesCol_3_2 .checkrequesttip, .servicesCol_4_2 .checkrequesttip {
	left: -200%;
}
.servicesCol_4_3 .checkrequesttip {
	left: -300%;
}
.checkrequest{
	background-color:pink;
}
/* Multi passage */
.services select {
	display: block;
	margin: 1px auto;
	width: 55px;
	height: 30px;
	border-radius: 0%;
	border: 2px solid #D1D7DC;
	text-align: center;
	font-size: 16px;
}
.services span {
	display: block;
	text-align: center !important;
	padding-top: 10px !important;
	color: #666666;
	cursor: pointer;
	font-size: 10px;
	line-height: 10px;
}
/* Special 1 services */
.services1 span {
	display: inline-block !important;
	/*height: 100% !important;*/
	margin: 20px 120px 15px 25px !important;
}
.services1 select {
	position: absolute;
	top: 20px;
	right: 40px;
}
.services1 label {
	padding: 30px 10px 0px 20px !important;
}
.services1 .servicesNonBookable {
	padding: 30px 10px 10px 10px;
}
/* Special 2 services */
.services1 select, .services2 select {
	/*display: inline-block !important;*/
}
.services2 span {
	display: block !important;
	/*height: 100% !important;*/
	/*margin: 15px !important;*/
}
.services2 .servicesNonBookable {
	padding: 25px 30px 30px 30px !important;	
}
.services2  label:after {
	right: 40% !important;
	top: 70% !important;
}
/* Special 2-3-4 chains after -> checkbox*/
@media only screen and (min-width: 400px) and (max-width:579px) {
	.services2 label:after {
		right: 43% !important;
	}
	.services3 label:after {
		right: 40% !important;
	}
	.services4 label:after {
		right: 35% !important;
	}
}
@media only screen and (min-width: 580px) and (max-width:799px) {
	.services2 label:after {
		right: 46% !important;
	}
	.services3 label:after {
		right: 43% !important;
	}
	.services4 label:after {
		right: 40% !important;
	}
}
@media only screen and (min-width: 800px) and (max-width:1025px) {
	.services2 label:after {
		right: 47% !important;
	}
	.services3 label:after {
		right: 45% !important;
	}
	.services4 label:after {
		right: 43% !important;
	}
}
.servicesInputSelected {
	background-color: #FFDB09 !important;
	color: black !important;
}
.servicesInputSelectedInput {
	background-color: black !important;
	color: white !important;
	border: 2px solid black !important;
}
.servicesMulti span{
	/*padding-top: 3px !important;
	line-height: 11px;
	padding-bottom: 5px;*/
}
.servicesSelectControl {
	position: absolute !important;
	background: url(../Images/Interface/refresh.png) center 30px no-repeat;
	width: 100%;
	height: 70px;
	cursor: pointer;
	background-size: 35px 35px;
	top: 0px;
	display: none;
}
.bookingSummary {
	display: block;
	height: 132px; /*70px;*/
	background-color: #FFDB09;
	position: fixed;
	width: 100%;
	top: 80px;
	z-index: 9999;
}
#bookingProcessing {
	display: none;
	height: 800px;
	background-color: white;
	position: fixed;
	width: 100%;
	top: 80px;
	z-index: 10000;
	padding: 50px;
	font-size: 18px;
}
.bookingRefresh {
	display: block;
	height: 60px;
	background: #FFDB09 url(../Images/Interface/refresh.png) right center no-repeat;
	background-size: 30%;
	position: fixed;
	width: 100%;
	bottom: 70px;
	z-index: 9999;
	padding: 10px 30% 0px 20px;
	cursor: pointer;
	text-align: right;
	font-weight: 600;
}
.bookingRefresh:hover {
	background-color: #07586b;
	color: white;	
}
#bookingSummaryBtnCancel {
	display:inline-block;
	width: 30%;
}
#bookingSummaryBtn {
	display:inline-block;
	width: 69%;
}
/* to override default btn on msgbox */
.mobile .x-btn-default-small {
	height: 40px;
	border-width: 0px;
	border-radius: 0px;
}
.mobile .x-window-text{
	min-height: 50px;
}
#cancelbookbutton {
	background-color: #9baebf;
	width: 80% !important;
	height: 50px !important;
/* lite panel with swiper margin: 10px;*/
	margin: 40px 10px 40px 10px;
	border: 0px;
	color: white;
	font-size: 16px;
	font-weight: 900;
	line-height: 60px;
	border-radius: 0px;
}
#cancelbookbutton:hover {
	background-color: #214a78;
	cursor: pointer;
}
#cancelbookbutton-btnInnerEl {
	font-size: 12px;
	font-weight: 900;
}
#bookbutton {
	background-color: #3a578a;
	width: 95% !important;
	height: 50px !important;
/* lite panel with swiper margin: 10px;*/
	margin: 40px 10px 40px 0px;
	border: 0px;
	color: white;
	font-size: 16px;
	font-weight: 900;
	line-height: 60px;
	border-radius: 0px;
}
#bookbutton:hover {
	background-color: #214a78;
	cursor: pointer;
}
#bookbutton-btnInnerEl {
	font-size: 14px;
	font-weight: 900;
	letter-spacing: -1px;
}
/** FAQ **/
#efaq, #maintenance {
	padding: 20px;
	font-size: 75% !important;
}
#efaq li {
	margin-bottom: 20px;
}
/*.csc-default {
	padding: 20px;
}
.csc-default h1 {
	font-size: 18px;
	color: #0b94b3;
}*/
/** MENTIONS LEGALES **/
#mentionsContent {
	padding: 0px 20px;
	margin-bottom: 150px;
	font-size: 60%;
	color: #535353;
}
#mentionsContent h1{
	text-align: center;
}
#mentionsContent h2{
	font-size: 125%;
	margin-top: 40px;
	color: #214a78;
}
#mentionsContent h3{
	font-size: 111%;
	/*color: #0b94b3;*/
	color:  #4D6E93;
}
#mentionsContent h4 {
	color:  #839AB4;
}
#mentionsContent h4, .h4{
	margin-left: 10px;
}
#mentionsContent div {
	text-align: justify;
}
.contentLeft {
	text-align: left !important;
}
#mentionsContent ul {
	padding-left: 15px;
}
#mentionsContent ul li {
	margin-bottom: 20px;
}
#mentionsContent table {
	margin: 20px 0px;
	width: 100%;
}
#mentionsContent table tr td{
	padding: 10px;
	text-align: center;
}
#mentionsContent table tr th{
	text-align: center;
	/*background-color: #dbdcdd;*/
	/*border: black 1px solid;*/
	padding: 5px;
	background-color: #839AB4;
	color: white;
}
/* Only for bank callback*/
#payBack {
	text-align: center;
	padding: 20px;
	font-size: 70%;
}
/* News 2020 */
#news2020back {
	position: absolute;
	display: block;
	top: 0px;
	z-index: 999998;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.9;
	cursor: pointer;
}
#news2020wrap {
	position: absolute;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
#news2020 {
	position: relative;
	display: inline-block;
	z-index: 999999;
	width: 320px;
	height: 568px;
	top: 20px;
	background: url(../Images/ard-news2020-mobile.jpg) center top no-repeat white;
	box-shadow: 1px 1px 12px #555;
	color : #214a78;
}
#news2020close {
	position: absolute;
	bottom: 0px;
	right: 0px;
	/*padding: 20px;
	background: white;*/
	cursor: pointer;
	padding: 10px;
	width: 40%;
	font-size: 14px;
	background-color: white;
}
#news2020close:hover {
	background: #214a78;
	color: white;
}
#news2020hide {
	position: absolute;
	bottom: 0px;
	left: 0px;
	/*padding: 20px;
	background: white;*/
	padding: 10px;
	cursor: pointer;
	width: 50%;
    font-size: 12px;
    background-color: white;
}
#news2020hide:hover {
	background: #214a78;
	color: white;
}

#logo-white{
	display : none;
}
#logo{
	display : unset;
}

#logo_client_login.user-logged-in{
	display : none;
}

/* And For Desktop */
@media only screen and (min-width: 1025px) {
    html {
		background-color: #214a78;
		font-size:13px;
		line-height: 17px;
	}
	body {
		font-size: 150%;
	}
	#logo{
		display : none;
	}
	#logo-white{
		display : initial;
	}
	#layout {
		/*width:1400px;*/
		margin:0 auto;
	}

	/*#user_mgmt_mainPanel {
		height: 280px !important;
	}
	#AppPanel {
		height: auto !important;
	}*/
	#header, #headerlogin {
		display: block;
		position: relative;
		padding-bottom: 0px;
		top:0px;
		height:150px;
		z-index:10000;
	/*	background:url(../Images/Interface/header-v3.png) center top no-repeat;*/
		box-shadow: none;
	}
	/*#header {
		text-align: center;	
	}*/
	#header, #headerlogin {
		height:125px;/*200px;*/
		text-align: center;	
	}
	#headerlogin ul {
		/*display:none !important;*/
	}
	#logo_client, #logo_client_login {
		display: block;
		position: absolute;
		text-align:left;
		width:243px;
		height:185px;
		top: 0px;
		left:0px;
		padding-left:10px;
		padding-top:10px;
		background:url(../Images/Interface/Bg_logo_client.png) no-repeat;
		z-index: 99999;
	}
	#logo_client img, #logo_client_login img {
		max-width:150px;
		max-height:100px;
		margin: 0px;
	}

	#logo_client_login.user-logged-in{
		display : block;
	}

	#client_titre {
		display:none;
	}
	#header address, #headerlogin address {
		position: relative;
		display:block;
		width:400px;
		margin:0 auto;
		padding-top:20px;
		color:white;
		text-align:center;
		font-style:normal;
		font-size:12px;
		/*line-height:20px;*/
		line-height:16px;
		top: 0px;
	}
	#header address span, #headerlogin address span {
		display:block;
	}
	#header address strong, #headerlogin address strong {
		font-size:16px;
		font-weight:bold;
	}
	#content {
		position:relative;
		top:0px;
		/*background:url(../Images/Interface/content-v3.png) center repeat-y;
		padding-left:140px;
		padding-right:140px;*/
		background-color: none;
		/*padding: 20px;*/
		min-height: 0px;
	}
	/* Menu */
	#menuPdf{
		min-height: 600px;
	}
	/** Login **/
	#contentlogin {
		position:relative;
		top: 0px;
		/*background:url(../Images/Interface/content-v3.png) center repeat-y;*/
		/*padding-left:140px;
		padding-right:140px;*/
		min-height: 0px;
		background-color: white;
		padding: 20px;
		width: auto;
	}
	#contentlogin address{
		display:none;
	}
	form.login, #contentlogin form {
	/*	margin-top: 20px;*/
		padding: 0px;
		background-color: transparent !important;
	}
	h1.login {
		color: #0b94b3;
		text-transform: none;
		line-height: 24px;
	}
	h1.login span{
		color: #0b94b3;
		font-size: 14px;
		font-weight: 100;
		margin-top: 10px;
		line-height: 17px;
	}
	form.login label {
		text-align:left;
		/*padding-left:260px;*/
		/*padding-left:238px;*/
		padding-left:425px;
	}
	form.login input.saisie {
		/*background:#e6f9fd;
		color: #0993b2;
		padding:7px;
		font-size:15px;*/
	}
	/*label {
		font-size:15px;
	}*/
	/** Home **/
	#welcomeMessage {
		height: auto;
		position: relative;
		margin: 20px 0px 20px 0px;
		padding: 20px 180px 20px 180px;
		font-size: 18px;
		line-height: 20px;
	}
	#welcomeMessageBtnPanel {
		display: none;
	}
	#bottom, #bottom2 {
		height:20px;
		/*background:url(../Images/Interface/bottom-v3.png) center top no-repeat;*/
		padding: 0px;
		margin-bottom: 0px;
		background: none;
	}
	#bottomP {
		height:20px;
	}
	#footer {
		position: relative;
		/*width: 1024px;*/
		display: block;
		height:150px;
		box-shadow: none;
		font-weight: 100;
		background-color: #214a78;
	}
	#footer .footer_menu, #footer .footer_menuPage, #footer .footer_menuPageH{
		display:none;
	}
	/*** MENU TOP ***/
	.menuMobile {
		display: none !important;
	}
	ul#menu {
		display:inline-block;
		list-style:none;
		line-height:normal;
		/*position:absolute;*/
		padding:0;
		margin-left:-5px;
		/*margin-top:5px;*/
		z-index: 10000;
	}
	ul#menu li {
		float:left;
		text-indent:-9999px;
		margin:0;
		padding:0;
	}
	ul#menu li a {
		display:block;
		cursor:pointer;
		width:60px;
		height:64px;
		background:url(../Images/Interface/menu.png) no-repeat;
	}
	ul#menu li.home a {
		background-position:0px top;
	}
	ul#menu li.home a:hover, ul#menu li.home a:active, ul#menu li.home a.current {
		background-position:0px bottom;
	}
	ul#menu li.recharger a {
		background-position:-64px top;
	}
	ul#menu li.recharger a:hover, ul#menu li.recharger a:active, ul#menu li.recharger a.current {
		background-position:-64px bottom;
	}
	ul#menu li.operations a {
		background-position:-128px top;
	}
	ul#menu li.operations a:hover, ul#menu li.operations a:active, ul#menu li.operations a.current {
		background-position:-128px bottom;
	}
	ul#menu li.menus a {
		background-position:-192px top;
	}
	ul#menu li.menus a:hover, ul#menu li.menus a:active, ul#menu li.menus a.current {
		background-position:-192px bottom;
	}
	ul#menu li.messagerie a {
		background-position:-256px top;
	}
	ul#menu li.messagerie a:hover, ul#menu li.messagerie a:active, ul#menu li.messagerie a.current {
		background-position:-256px bottom;
	}
	ul#menu li.internet a {
		background-position:-320px top;
	}
	ul#menu li.internet a:hover, ul#menu li.internet a:active, ul#menu li.internet a.current {
		background-position:-320px bottom;
	}
	ul#menu li.cheque a {
		background-position:-384px top;
	}
	ul#menu li.cheque a:hover, ul#menu li.cheque a:active, ul#menu li.cheque a.current {
		background-position:-384px bottom;
	}
	ul#menu li.repas a {
		background-position:-448px top;
	}
	ul#menu li.repas a:hover, ul#menu li.repas a:active, ul#menu li.repas a.current {
		background-position:-448px bottom;
	}
	ul#menu li.actualites a {
		background-position:-512px top;
	}
	ul#menu li.actualites a:hover, ul#menu li.actualites a:active, ul#menu li.actualites a.current {
		background-position:-512px bottom;
	}
	ul#menu li.profil a {
		background-position:-576px top;
	}
	ul#menu li.profil a:hover, ul#menu li.profil a:active, ul#menu li.profil a.current {
		background-position:-576px bottom;
	}
	ul#menu li.opposition a {
		background-position:-640px top;
	}
	ul#menu li.opposition a:hover, ul#menu li.opposition a:active, ul#menu li.opposition a.current {
		background-position:-640px bottom;
	}
	ul#menu li.groupe a {
		background-position:-704px top;
	}
	ul#menu li.groupe a:hover, ul#menu li.groupe a:active, ul#menu li.groupe a.current {
		background-position:-704px bottom;
	}
	ul#menu li.mobile_help a {
		background-position:-768px top;
	}
	ul#menu li.mobile_help a:hover, ul#menu li.mobile_help a:active, ul#menu li.mobile_help a.current {
		background-position:-768px bottom;
	}
	ul#menu li.qrcode a {
		background-position:-896px top;
	}
	ul#menu li.qrcode a:hover, ul#menu li.qrcode a:active, ul#menu li.qrcode a.current {
		background-position:-896px bottom;
	}
	ul#menu li.qrcode_admin a {
		background-position:-960px top;
	}
	ul#menu li.qrcode_admin a:hover, ul#menu li.qrcode_admin a:active, ul#menu li.qrcode_admin a.current {
		background-position:-960px bottom;
	}
	
	/*** END MENU ***/
	a.bt_logout {
		/*position:relative;*/
		display:block;
		/*width:70px;
		height:80px;*/
		margin-left:1210px;
		/*top:-7px;*/
		right: 20px;
		/*background:url(../Images/Interface/bouton_logout.png) center top no-repeat;*/
		
	}
	a.bt_logout:hover, a.bt_logout:active {
		background-position:center bottom;
	}
	a.bt_aide {
		display:block;
		background:url(../Images/Interface/bouton_aide.png) center top no-repeat;
		cursor:pointer;
		width:50px;
		height:50px;
		text-indent:-9999px;
		position: absolute;
		right: 90px;
		top: 20px;
	}
	a.bt_aide:hover, a.bt_aide:active {
		background-position:center bottom;
	}
	.swiper-container{
		/*display:none;*/
	}
	/*** PAGE MAINTENANCE ***/
	h2.message {
		color:black;
		text-align:center;
	}
	h1 {
		/*color:#0b94b3;*/
		font-size:23px;
		font-weight:bold;
	}
	h1.home {
		top: 0px;
		font-size: 23px;
	}
	h1 span {
		font-weight:normal;
		font-size:14px;
		display:block;
	}
	#mentions {
		display:block;
		width:250px;
		background:url(../Images/Interface/mentions_legales.png) no-repeat center top;
		color:white;
		font-size:11px;
		margin:0 auto;
		text-align:center;
		padding-top:25px;
		/*cursor:pointer;*/
	}
	
	#site_ard {
		display:block;
		width:250px;
		/*background:url(../Images/Interface/ard-logo-blanc.png) no-repeat center top;*/
		color:white;
		font-size:11px;
		margin:0 auto;
		text-align:center;
		padding-top:25px;
	}
	
	#site_ard img{
		max-width:51px;
	}
	
	#mobile_mentions {
		display: none;
	}
	
	#site_ard_mob {
		display: none;
	}
	
	/*** PAGE HOME MENU CENTRAL ***/

	.menu_home {
		text-align:center;.
	}

	ul.menu_home {
		width:/*405px;*/ /*540px;*/ 680px;
		margin:0 auto;
	}
	ul.menu_home li {
		float:left;
		margin:0;
		/*margin-right:23px;*/
		margin-right: 12px;
		margin-left: 12px;
		padding:0;
		display: block;
		text-align: center;
		vertical-align: top;
		margin-bottom: 45px;
	}
	ul.menu_home li a {
		height:40px;
	}
	/** END PAGE HOME MENU **/
	#rgpd {	
		width: 100%;
		height: 200px;
	}
	#rgpd div{
		width: 50%;
		height: 50%;
		padding: 20px 0px 0px 0px;
		margin: 0px auto;
	}
	/*** T3 styles - Transaction Confirmation **/
	.csc-header-n1 {
		color: #0B94B3;
		font-size: 23px;
		font-weight: bold;
	}
	.csc-header-n2 {
		color: #0B94B3;
		font-size: 18px;
		font-weight: normal;
		margin-top: 10px;
	}
	span.total {
		float:left;
		margin-left:50px;
	}
	.csc-default p {
		margin-bottom: 10px;
	}
	#c3379 {
		text-align: left;
	}
	#c3379 .bodytext{
		padding: 10px;
		font-size: 18px;	
	}
	#c3378 {
		padding: 10px;
		font-size: 18px;
		text-align: left;
	}
	#c3377 {
		display: block;
	}
	.nores {
		position: relative;
		width: 100%;
		top: 0px;
		margin: 0px;
		padding: 20px;
		background-color: transparent;
		color: black;
		font-size: 24px;
		font-weight: 300;
	}
	/* to hide specific mobile menu*/
	.mobile_legals/*, .mobile_help*/ {
		display: none !important;		
	}
	/*ul.menu_home li.mobile_help a {
		display: block !important;
	}*/
	ul.menu_home li.mobile_legals a {
		display: none !important;
	}
	.csc-default {
		padding: 0px;
	}
	
	/* Specific for Booking Panel Desktop */
	#weekPanelId-body {
		text-align: center;
		overflow-x: visible;
	}
	#weekPanelId-body .x-table-layout {
		display: inline-block;
	}
	#weekPanelId-body .x-table-layout .x-table-layout-cell {
		text-align: left;
	}
	#requestPanel-body {
		text-align: left;
	}
	 #maintenance {
		font-size: 100% !important;
	}
	/** MENTIONS LEGALES **/
	#mentionsContent {
		padding: 0px
		margin-bottom: 0px;
		font-size: 100%;
	}
	#mentionsContent h2{
		font-size: 120%;
		margin-top: 40px;
		/*color: #0b94b3;*/
		
	}
	#mentionsContent h3{
		font-size: 110%;

	}
	#mentionsContent h4{
		font-size: 90%;
	}
	#mentionsContent h4, .h4{
		margin-left: 10px;
		font-size: 100% !important;
	}
	#mentionsContent div {
		text-align: justify;
		font-size: 70%;
	}
	/* Only for bank callback*/
	#payBack {
		padding: 0px;
		font-size: 100%;
	}

	#news2020 {
		width: 960px;
		height: 640px;
		top: 20px;
		background: url(../Images/ard-news2020.jpg) center top no-repeat white;
	}
}

/** MENU HOME GLOBAL **/
ul.menu_home li.internet {
	margin-bottom: 30px;
}
ul.menu_home li.recharger a {
	background-position:-112px top;
}
ul.menu_home li.recharger a:hover, ul.menu_home li.recharger a:active, ul.menu_home li.recharger a.current {
	background-position:-112px -152px;
	text-decoration:none;
}
ul.menu_home li.operations a {
	background-position:-224px top;
}
ul.menu_home li.operations a:hover, ul.menu_home li.operations a:active, ul.menu_home li.operations a.current {
	background-position:-224px -152px;
	text-decoration:none;
}
ul.menu_home li.menus a {
	background-position:-336px top;
}
ul.menu_home li.menus a:hover, ul.menu_home li.menus a:active, ul.menu_home li.menus a.current {
	background-position:-336px -152px;
	text-decoration:none;
}
ul.menu_home li.messagerie a {
	background-position:-448px top;
}
ul.menu_home li.messagerie a:hover, ul.menu_home li.messagerie a:active, ul.menu_home li.messagerie a.current {
	background-position:-448px -152px;
	text-decoration:none;
}
ul.menu_home li.internet a {
	background-position:-560px top;
}
ul.menu_home li.internet a:hover, ul.menu_home li.internet a:active, ul.menu_home li.internet a.current {
	background-position:-560px -152px;
	text-decoration:none;
}
ul.menu_home li.cheque a {
	background-position:-672px top;
}
ul.menu_home li.cheque a:hover, ul.menu_home li.cheque a:active, ul.menu_home li.cheque a.current {
	background-position:-672px -152px;
	text-decoration:none;
}
ul.menu_home li.repas a {
	background-position:-784px top;
}
ul.menu_home li.repas a:hover, ul.menu_home li.repas a:active, ul.menu_home li.repas a.current {
	background-position:-784px -152px;
	text-decoration:none;
}
ul.menu_home li.actualites a {
	background-position:-896px top;
}
ul.menu_home li.actualites a:hover, ul.menu_home li.actualites a:active, ul.menu_home li.actualites a.current {
	background-position:-896px -152px;
	text-decoration:none;
}
ul.menu_home li.profil a {
	background-position:-1008px top;
}
ul.menu_home li.profil a:hover, ul.menu_home li.profil a:active, ul.menu_home li.profil a.current {
	background-position:-1008px -152px;
	text-decoration:none;
}
ul.menu_home li.opposition a {
	background-position:-1120px top;
}
ul.menu_home li.opposition a:hover, ul.menu_home li.opposition a:active, ul.menu_home li.opposition a.current {
	background-position:-1120px -152px;
	text-decoration:none;
}
ul.menu_home li.groupe a {
	background-position:-1232px top;
}
ul.menu_home li.groupe a:hover, ul.menu_home li.groupe a:active, ul#menu li.groupe a.current {
	background-position:-1232px -152px;
	text-decoration:none;
	color:#AAA;
}
ul.menu_home li.mobile_help a {
	background-position:-1343px top;
	display: block;
}
ul.menu_home li.mobile_help a:hover, ul.menu_home li.mobile_help a:active, ul#menu li.mobile_help a.current {
	background-position:-1343px -152px;
	text-decoration:none;
	color:#AAA;
}
ul.menu_home li.mobile_legals a {
	background-position:-1232px top;
	display: block;
}
ul.menu_home li.mobile_legals a:hover, ul.menu_home li.mobile_legals a:active, ul#menu li.mobile_legals a.current {
	background-position:-1232px -152px;
	text-decoration:none;
	color:#AAA;
}
ul.menu_home li.qrcode a {
	background-position:-1565px top;
	display: block;
}
ul.menu_home li.qrcode a:hover, ul.menu_home li.qrcode a:active, ul#menu li.qrcode a.current {
	background-position:-1565px -152px;
	text-decoration:none;
	color:#AAA;
}
ul.menu_home li.qrcode_admin a {
	background-position:-1682px top;
	display: block;
}
ul.menu_home li.qrcode_admin a:hover, ul.menu_home li.qrcode_admin a:active, ul#menu li.qrcode_admin a.current {
	background-position:-1682px -152px;
	text-decoration:none;
	color:#AAA;
}