body, html{
	margin:0;
	height:100%;
}
.ui-dialog {font-size: 13px;}
.ui-dialog-title {font-size: 14px;}
.ui-dialog-buttonset {font-size: 13px;}
#borderedBody {
	border-top:10px solid #0261A3;
	border-bottom:10px solid #9FDA1D;
	width:100%;
	min-height:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ui-tooltip{
	font-size:12px;
}
#fixedWidthContent{
	margin:auto;
	width:1024px;
}
#menu, #menu ul{
	list-style: none outside none;
    margin: 5px 0 0;
    padding: 0;
    white-space:nowrap;
}
#menu ul{
	margin:0;
	z-index:2;
}
#menu > li:first-child{
	border-top-left-radius: 10px;
}
#menu > li:last-child{
	border-top-right-radius: 10px;
	border-right:1px solid #4FA5D6;
}
#menu li{
	display:inline-block;
	background:#FFFFFF;
    border: 1px solid #4FA5D6;
    border-right:none;
    cursor: pointer;
    position:relative;
    width:20%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    white-space: normal;
	z-index:2;
}
#menu a{
	text-decoration:none;	
}
#menu li:hover{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 55%, rgba(220,243,252,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(255,255,255,1)), color-stop(100%,rgba(220,243,252,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 55%,rgba(220,243,252,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 55%,rgba(220,243,252,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 55%,rgba(220,243,252,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 55%,rgba(220,243,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcf3fc',GradientType=0 );
	/*padding-left:15px;*/
}
#menu li.menuSelected{
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTdlM2Y5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #ffffff 47%, #a7e3f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#ffffff), color-stop(100%,#a7e3f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 47%,#a7e3f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 47%,#a7e3f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 47%,#a7e3f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 47%,#a7e3f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a7e3f9',GradientType=0 ); /* IE6-8 */

}
#menu > li > ul{
	left: -1px;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#FFFFFF;
}
#menu > li > ul > li{
	display:block;
	width:100%;
	-moz-box-sizing:padding-box;
    box-sizing:padding-box;
    border-top:0;
    border-right:1px solid #4FA5D6;
    opacity:1;
}
#menu > li > ul > li:first-child{
	border-top:1px solid #4FA5D6;;
}
#menu > li > ul > li:last-child{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#menu > li:hover > ul{
	opacity:1;
	visibility:visible;
	z-index:1;
}
.menuimageclient {
	padding-right: 10px;
	vertical-align: middle;
}
.menutitleclient{
	color:#4FA5D6;
	text-transform: uppercase;
	margin-bottom:5px;
	font-size: 12px;
	text-decoration: none;
	font-family:Arial;
}
.menudescriptionclient{
	color:#CCCCCC;
	font-size:11px;
	text-decoration:none;
	font-family:Arial;
}
.contenttitletableclient{
	margin-left:30px;
	margin-bottom: 15px;
}
.menuclienttable{
    height: 100px;
    padding: 5px;
    -moz-box-sizing:inherit;
    box-sizing:inherit;
}
#mainContent{
	border: 1px solid #4FA5D6;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding: 10px;
	position: relative;
	margin-bottom: 5px;
}

#infoAbonnement{
	border: 1px solid #4FA5D6;
	padding: 10px;
	position: relative;
	margin-bottom: 5px;
}
.aboProgressbarContainer{
	display: inline-block;
	height: 25px;
	vertical-align: middle;
	width: 520px;
	border:1px solid #4FA5D6;
	text-align:center;
	position:relative;
	margin-left: 80px;
}
.aboProgressbarContainer > span{
	height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.aboProgress{
	background: rgb(179,220,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
	max-width:100%;
	height:100%;
}

.aboProgressAlert{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 38%, #f6290c 68%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(38%,#f16f5c), color-stop(68%,#f6290c), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 38%,#f6290c 68%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 38%,#f6290c 68%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 38%,#f6290c 68%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 38%,#f6290c 68%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
	max-width:100%;
	height:100%;
}
.countSeances{
	border: 1px solid #4FA5D6;
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
	padding:5px;
	text-align:center;
	width:110px;
}
#nbJourAboLeft{
	font-weight:bold;
}
#nbSeanceLeftAlert{
	color:red;
}
.countSeances > span{
	color:#4FA5D6;
	font-weight:bold;
}
.tempsaborestantcritique{
	color: #FF0000;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
	font-size: 15px;
}
.masked{
	display:none;
}
.tableAbo .tdLabel{
	width:160px;
}
.btnenregistrer{
   	background-image: url("/images/ui-bg_gloss-wave_75_2191c0_500x100.png");
    background-position: 0 center;
    border: 1px outset #878C81;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    padding: 1px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 15px;
    font-family: Arial;
    text-decoration:none;
}

.btnenregistrer:disabled, .btnenregistrer:disabled:active, .btnenregistrer:disabled:hover {
    background: none repeat scroll 0 0 #808080;
    border: 1px outset #878C81;
    color: #D3D3D3;
}
.withoutpadding{
	padding: 1px;
}
.btnenregistrer:hover{
	background-image: url("/images/ui-bg_gloss-wave_50_6eac2c_500x100.png");
    background-position: 0 center;
}
.btnenregistrer:active{
	border-style:inset;	
}
.btnenregistrer > img{
	vertical-align: middle;
}
.customlinearhr{
	background-image:linear-gradient(to right, #ffffff 0%,#4fa5d6 35%,#4fa5d6 65%,#ffffff 100%);
	border: 0 none;
	height:1px;
}
.bluegradientborder{
	background-image: 
		linear-gradient(to bottom, rgba(79,165,214,1) 0%,rgba(93,171,219,1) 30%,rgba(100,174,222,0.7) 45%,rgba(125,185,232,0) 100%), 
		linear-gradient(to bottom, rgba(79,165,214,1) 0%,rgba(93,171,219,1) 30%,rgba(100,174,222,0.7) 45%,rgba(125,185,232,0) 100%);
	background-position: 0 0px, 100% 0;
	background-repeat: no-repeat;
	background-size: 1px 75%;
	border-top: 1px solid #4FA5D6;
	padding: 3px 5px 0;
}
#listeClients{
	width:100% !important;
}
#listeClients thead input,#listeClients thead select{
	width:100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#listeClients tr:first-child th {
    padding-left: 3px;
    padding-right: 3px;
}

.actionsListeClients {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 68px;
    padding:0 !important;
    margin:0 !important;
}

#checkbox_clients_actif{
	color: #FFFFFF;
    display: inline-block;
    left: 178px;
    padding: 5px;
    position: absolute;
    z-index: 1;
}
#checkbox_clients_actif > img {
	cursor:pointer;
}
#checkbox_clients_actif > label,#checkbox_clients_actif > input,#checkbox_clients_actif > img{
	vertical-align:middle;
}
#listeClients > tbody {
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}
#ui-datepicker-div{
	font-size:12px;
}
.separateurVertical{
	border-left:1px solid;
	margin-left:10px;
	margin-right:10px;
}

.divAlignRightFixedWidth{
	text-align: left;
    width: 331px;
}

.divAlignLeftFixedWidth{
	width: 535px;
	text-align: left;
}
.alignlabel{
    border-bottom: 1px solid #4FA5D6;
    border-bottom-left-radius: 10px;
    border-left: 2px solid #4FA5D6;
    border-top: 1px solid #4FA5D6;
    border-top-left-radius: 10px;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 2px 5px 2px 10px;
    text-align: right;
    vertical-align: middle;
    width: 110px;
    height:15px;
}

.aligninput{
	border: 1px inset #4FA5D6;
    height: 17px;
    margin-left: -3px;
    vertical-align: middle;
     width: 199px;
}

select.aligninput{
	height:21px;
	width:203px;
}

.alignlabel2{
	border-bottom: 1px solid #4FA5D6;
    border-bottom-left-radius: 10px;
    border-left: 2px solid #4FA5D6;
    border-top: 1px solid #4FA5D6;
    border-top-left-radius: 10px;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 2px 5px 2px 10px;
    text-align: right;
    vertical-align: middle;
    width: 150px;
}

.aligninput2{
	border: 1px inset #4FA5D6;
    height: 17px;
    margin-left: -3px;
    vertical-align: middle;
    width:250px;
}

.fixFonts{
	font-size: 12px !important;
	font-family:Arial
}

.HeaderBtnContainer{
	text-align:right;
}

.littleTitle{
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 10px;
	color: #4FA5D6;
}

.tableInfoClient{
	font-size: 12px;
	text-align: center;
	margin: auto;
}

.infoClientCheckboxContainer{
	display: inline-block;
	width: 248px;
	margin-left: -3px;
	vertical-align: middle;
	text-align: left;
}
.infoClientCheckboxSubContainer{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid rgb(79, 165, 214);
	width:34px;
	height:34px;
}
.infoClientCheckbox{
	margin-top:10px;
	margin-left:10px;
}

.textCenter{
	text-align:center;
}
.textLeft{
	text-align:left;
}

.tablehist{
	font-size: 12px;
	text-align: center;
	width: 100%;
	border: 1px solid grey;
}
.tablehist tbody tr:nth-child(odd){
	background:#FF7C7C;
}

.tablehist tbody tr:nth-child(even){
	background:#FFAFAF;
}
.tablehist thead th{
	background:#DDDDDD;
}
.tablehist td{
	cursor:pointer;
}
.tablehist tbody tr.futur:nth-child(odd){
	background:#BBF0BB;
}
.tablehist tbody tr.futur:nth-child(even){
	background:#CCFFCC;
}
.tablehist tbody tr.vide{
	background:none;
}
.tablehistclient{
	font-size: 15px;
	text-align: center;
	width: 100%;
	border: 1px solid grey;
}
.tablehistclient thead th{
	background:#DDDDDD;
}
.dataTables_paginate{
	margin-top:10px;
}
div.selectable{
	display:table;
	border: 2px solid #4FA5D6;
	border-radius:5px;
	box-shadow: 0 0 5px 0;
	margin: 10px auto;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	cursor:pointer;
	padding: 3px 5px;
    font-weight:bold;
	min-width:120px;
	text-align:center;
}
div.selectable:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
div.selectable.selected{
	border: 2px solid #9FDA1D;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#dialog-message{
	display:none;
	font-size:13px;
}

#spinnerNbPersonne{
	width:30px;
}

.tableDonneePerso input{
	width:210px;
}
.tableDonneePerso select{
	width:216px;
}
.valueAbo{
	font-size:12px;
	font-weight: bold;
	color: black;
}

.labelAbo{
	color:#4FA5DC;
	font-size: 12px;!important;
	font-weight: bold;!important;
	text-transform: uppercase;
}
.sepTableAbo{
	color: #666;
	border-bottom: 1px solid #b4b4b4;
	padding: 2px 2px 10px 10px;
}

.PopupTableAbo{
	margin-left:auto;
	margin-right:auto;
	border-spacing:0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
}

.tableTd{
	padding: 2px 2px 10px 10px;
}
.badField{
	color:red;
}
.infoPerso
{
	color:black;
	font-size: 12px;
    font-weight: bold;
    font-style:italic;
}

#CadreConnexionEspaceClient{
	border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 4px 1px;
    color:grey;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    width: 290px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGRmYWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliZjBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 25%, #ddfaff 100%, #9bf0ff 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(25%,#ffffff), color-stop(100%,#ddfaff), color-stop(100%,#9bf0ff)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 25%,#ddfaff 100%,#9bf0ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 25%,#ddfaff 100%,#9bf0ff 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 25%,#ddfaff 100%,#9bf0ff 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 25%,#ddfaff 100%,#9bf0ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9bf0ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.labelStyleLogin{
	text-align:left;
	color:black;
	text-transform : uppercase;
}
.inputStyleLogin{
	border: 2px inset #999595;
    border-radius: 10px 10px 10px 10px;
    height: 30px;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
}
#alertDivLogin{
    border: 2px outset black;
    border-radius: 10px 10px 10px 10px;
    color: black;
    font-weight: bold;
    padding: 5px;
    width: 97%;
    margin-top: 15px;
    background: rgb(248,80,50);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4NTAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNmY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2MjkwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2YwMmYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzM4MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1)));
	background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
}

#imgAlertLogin {
    float: left;
    margin-right: 10px;
    width: 40px;
}

.trAboExpire{
	background:#FF0000 !important;
}

.tablehist{
	border-collapse:inherit !important;
	font-family:Arial !important;	
}
.tablehist th,.tablehist td{
	border-bottom:none !important;
	padding:0 !important;
}
.clear{
	clear:both;
}

.noDisplay
{
	display: none !important;
}

#reservationTableActivite, 
#reservationTableJours
{
	width:100%;
	text-align:center;
}

#reservationTableActivite span, 
#reservationTableJours span
{
	display:block;
	border: 2px solid #4FA5D6;
	border-radius:5px;
	box-shadow: 0 0 5px 0;
	margin: 5px;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	cursor:pointer;
	padding-bottom: 3px;
    padding-top: 3px;
}
#reservationTableActivite span.selectedActivity, 
#reservationTableJours span.selectedDay
{
	border: 2px solid #9FDA1D;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#reservationTableActivite span:hover,
 #reservationTableJours span:hover
 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.infoReservation
{
      font-size: 12px;
    text-align: center;
}

.legendeDispo
{
      border: 2px outset #4FA5D6; 
      height: 16px; 
      padding: 0.4em; 
      width: 20px; 
      margin: 3px;
      border-radius:6px;
      display:inline-block;
      vertical-align:middle;
}

.legendeAttente
{
      border: 2px dashed #FF8F0F; 
      height: 16px; 
      padding: 0.4em; 
      width: 20px; 
      margin: 3px;
      border-radius:6px;
      display:inline-block;
      vertical-align:middle;
      margin-left:20px;
}

#reservationTableActivite, 
#reservationTableJours
{
      width:100%;
      text-align:center;
      font-size: 13.3px; 
}

#reservationTableActivite span,
 #reservationTableJours span
 {
      display:block;
      border: 2px solid #4FA5D6;
      border-radius:5px;
      box-shadow: 0 0 5px 0;
      margin: 5px;
      -webkit-transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      cursor:pointer;
      padding: 3px 1px ;
      vertical-align: middle;
      background:white;
}

#reservationTableActivite span.selectedActivity,
#reservationTableJours span.selectedDay
{
      border: 2px solid #9FDA1D;
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
}

#choixSemaine,
#choixSemaineViaDays
{
    border: 2px solid #4FA5D6;
    border-radius: 15px 15px 0 0;
    border-spacing: 0;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
    margin-top:15px;
}
#choixSemaine *,
#choixSemaineViaDays *
{
      font-size: 12px !important;
}
#choixSemaine td,
#choixSemaineViaDays td
{
	width:33%;
}
#choixSemaine td,
#choixSemaine li,
#choixSemaineViaDays td,
#choixSemaineViaDays li
{
    padding-bottom: 10px;
    padding-top: 10px;
	font-weight:bold;
	cursor:pointer;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
#choixSemaine td:hover,
#choixSemaine li:hover,
#choixSemaineViaDays td:hover,
#choixSemaineViaDays li:hover
{
	background:#4FA5D6;
}
#choixSemaine td ul,
#choixSemaineViaDays td ul
{
	margin-top:10px;
	margin-bottom:0;
	padding-left:0;
	list-style:none;
}

#choixSemaine td.selectedWeek,
#choixSemaine li.selectedWeek,
#choixSemaine td.selectedWeekInfo,
#choixSemaineViaDays td.selectedWeek,
#choixSemaineViaDays li.selectedWeek,
#choixSemaineViaDays td.selectedWeekInfo
{
      background: #9FDA1D;
      color:white;
      text-shadow: none !important;
}

#choixSemaine td.selectedWeekInfo ul,
#choixSemaineViaDays td.selectedWeekInfo ul
{
	color:black;
}
#choixSemaine td:first-child,
#choixSemaineViaDays td:first-child
{
      border-right:2px solid #4FA5D6;
      border-top-left-radius:12px;
}
#choixSemaine td:last-child,
#choixSemaineViaDays td:last-child
{
      border-left:2px solid #4FA5D6;
      border-top-right-radius:12px;
}

#choixSemaine td.noLeftRightBorder,
#choixSemaineViaDays td.noLeftRightBorder
{
	border-right:0;
	border-left:0;
}

#choixSemaine td.noRightBorder,
#choixSemaineViaDays td.noRightBorder
{
	border-right:0;
	border-top-right-radius:0;
}

#selectableDateChoice,
#selectableDateChoiceViaDays
{
      border: 2px solid #4FA5D6;
      border-top:none;
    border-spacing: 0;
      width: 100%;
      border-radius: 0 0 15px 15px;
}

#selectableDateChoice *,
#selectableDateChoiceViaDays *
{
	font-size: 12px !important;
}

#selectableDateChoice span.ui-selected ,
#selectableDateChoiceViaDays span.ui-selected
{ 
	border: 2px outset #9FDA1D !important;
    box-shadow: 0 0 5px 0 #155000 !important; 
}
#selectableDateChoice td span.ui-selected ,
#selectableDateChoiceViaDays td span.ui-selected
{ 
	font-weight:bold;
}
#selectableDateChoice ,
#selectableDateChoiceViaDays
{
	margin: 0;
	padding: 0;
}
#selectableDateChoice td span ,
#selectableDateChoiceViaDays td span
{
	border: 2px outset #4FA5D6;
    cursor: pointer;
    margin: 3px;
	padding: 0.4em;
	border-radius:6px;
	background:white;
	display:inline-block;
}
#selectableDateChoice tr ,
#selectableDateChoiceViaDays tr
{
    text-align: left;
}
#selectableDateChoice th ,
#selectableDateChoiceViaDays th 
{
    padding-left:5px;
    width: 100px;
}
#selectableDateChoice tr > * ,
#selectableDateChoiceViaDays tr > *
{
    border-top: 2px solid #4FA5D6;
}
#selectableDateChoice td ,
#selectableDateChoiceViaDays td
{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: left;
}
#selectableDateChoice tr:first-child > * ,
#selectableDateChoiceViaDays tr:first-child > *
{
      border:none;
}
#selectableDateChoice .not-enough-place ,
#selectableDateChoiceViaDays .not-enough-place 
{
      border: 2px dashed #FF8F0F;
}

#btnReserver,
#btnReserverViaDays
{
	border:1px solid #9FDA1D;
	border-radius:5px;
	background: #d1efa2; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1efa2 0%, #bfe83a 50%, #9fda1d 51%, #aaef43 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1efa2), color-stop(50%,#bfe83a), color-stop(51%,#9fda1d), color-stop(100%,#aaef43)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1efa2 0%,#bfe83a 50%,#9fda1d 51%,#aaef43 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1efa2 0%,#bfe83a 50%,#9fda1d 51%,#aaef43 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1efa2 0%,#bfe83a 50%,#9fda1d 51%,#aaef43 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d1efa2 0%,#bfe83a 50%,#9fda1d 51%,#aaef43 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1efa2', endColorstr='#aaef43',GradientType=0 ); /* IE6-9 */
	padding: 4px 8px;
	display:none;
	cursor:pointer;
	width:145px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#divSemaineSeances,
#divSemaineSeancesViaDays
{
	text-align:center;
	display:none;
}

#spinnerNbPersonneReservation{
	width:35px;
}

.valignMiddle{
	vertical-align:middle;
}
#choixSemaine td:hover .listeSemainesSuivantes,
#choixSemaineViaDays td:hover .listeSemainesSuivantes
{
	opacity:1 !important;
	visibility:visible  !important;
	z-index:1;
}

.listeSemainesSuivantes
{
	opacity: 0;
    visibility: hidden;
	left: -3px;
    position: absolute;
    right: -3px;
    background:white;
}
.blueBorderLeft
{
      text-align:left;
      border: 2px solid #4FA5D6;
      border-radius: 6px;
      margin: 5px;  
}

.listeSemainesSuivantes > li
{
    border: 2px solid #4FA5D6;
    border-top:none;
}
.listeSemainesSuivantes > li:first-child
{
    border-top:2px solid #4FA5D6;
}
.listeSemainesSuivantes > li:last-child
{
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
}

.welcomingclient{
	color: #348ABB;
	font-weight: bold;
	display: inline-block;
	margin-top:10px;
	margin-bottom:10px;
	font-style: italic;
}
.divChoixPriorite{
	text-align:center;
}
.divChoixPriorite div{
	display:inline-block;
}
.divChoixPriorite .iPhoneCheckContainer{
    vertical-align: middle;
}
.choixPersonnePrio{
	text-align:center;
	margin-top:10px;
}
.resultatRechercheClient{
	margin-top:10px;
}
.resultatRechercheClient tbody tr{
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.resultatRechercheClient tbody tr > td{
	height:25px;
}
.resultatRechercheClient tbody tr:nth-child(odd){
	background:#51C2FF;
}
.resultatRechercheClient tbody tr:nth-child(even){
	background:#99DBFF;
}
.resultatRechercheClient tbody tr.selectedClient{
	background:#3CC951;
}
.resultatRechercheClient tbody tr:hover{
	background:#3CC951;
}

.labelMonCompte{
	width:195px;
}

.redBorder{
	padding:3px;
	border: 2px dashed red;
	border-radius: 5px 5px 5px;
	margin-bottom:5px;
	color: #D30808;
}

.linkLikeInput{
	display: inline-block;
    padding-bottom: 4px;
    padding-top: 6px;
    width: 45px;
    text-decoration:none;
}

#CadreMdpPerdu {
    height: 200px;
    left: 50%;
    margin-left: -300px;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 600px;
}