body, html{
	margin:0;
	height:100%;
	position:relative;
}
.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;
}
.week-picker{
	width:205px;
}
.ui-state-active-custom{
	background: url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") repeat-x scroll 50% 50% #F5F8F9 !important;
    border: 1px solid #79B7E7 !important;
    color: #E17009 !important;
    font-weight: bold !important;
}
#fixedWidthContent{
	margin:auto;
	width:1024px;
}

#ActiviteSocieteTh > select
{
	width:100%;
}

.colorpicker
{
	z-index: 1002;
}

#menu, #menu ul{
	list-style: none outside none;
    margin: 5px 0 0;
    padding: 0;
    white-space:nowrap;
}
#menu ul{
	margin:0;
	z-index:2;
}
#ssmenuContainer{
	margin:0;
	z-index:2;
	text-align:center;	
}

#ssmenu{
	border-radius:10px;
	margin : 6px;	
	display:inline-block;
	background:#FFFFFF;
    border: 1px solid #4FA5D6;
    cursor: pointer;
    padding:10px;
    position:relative;
    width:25%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    white-space: normal;
}

#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;
    padding:10px;
    position:relative;
    width:25%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    white-space: normal;
	z-index:2;
}
#menu a,
#ssmenuContainer a{
	text-decoration:none;	
}
#menu li:hover,
#ssmenuContainer > div: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 > 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: 15px;
	vertical-align: middle;
}
.menutitleclient{
	color:#4FA5D6;
	text-transform: uppercase;
	margin-bottom:5px;
	font-size: 12px;
	text-decoration: none;
}
.menudescriptionclient{
	color:#CCCCCC;
	font-size:11px;
	text-decoration:none;
}
.contenttitletableclient{
	margin-left:30px;
	margin-bottom: 15px;
}
#mainContent{
	border: 1px solid #4FA5D6;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding: 10px;
	position: relative;
	margin-bottom: 5px;
}
.disabledButton{
	opacity: 0.35;
	cursor: default !important;
}
.disabledButton:active{
	border-style:outset !important;	
}
.btnenregistrer.disabledButton:hover
{
	background-image: url("/images/ui-bg_gloss-wave_75_2191c0_500x100.png");
}
.btnsupprimer.disabledButton:hover
{
	background-image: url("/images/ui-bg_gloss-wave_75_2191c0_500x100.png");
}
.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;
}

.btnsupprimer{
   	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;
}
.btnsupprimer:hover{
	background-image: url("/images/ui-bg_gloss-wave_red_over_500x100.png");
    background-position: 0 center;
}
.btnsupprimer:active{
	border-style:inset;	
}
.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,.btnenregistrer > span{
	vertical-align: middle;
}
.btnsupprimer > img,.btnsupprimer > span{
	vertical-align: middle;
}
.customlinearhr{
	background-image:linear-gradient(to right, #ffffff 0%,#4fa5d6 35%,#4fa5d6 65%,#ffffff 100%);
	border: 0 none;
	height:1px;
}
.mediumcustomlinearhr{
	background-image:linear-gradient(to right, #ffffff 0%,#3db538 45%,#3db538 55%,#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: 340px;
}


.divAlignFixedWidth{
	text-align: left;
    width: 370px;
}

.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: 118px;
    height:15px;
}

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

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

.aligninput3
{
	border-left: 1px solid #000000 !important;
    font-size: 13px !important;
    margin-left: -3px;
    padding-left: 5px;
    vertical-align: middle !important;
}

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

.infoClientCheckboxContainerPopUp{
	display: inline-block;
	width: 200px;
	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;
}
.textRight{
	text-align:right
}

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

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

.valueAbo{
	font-size:12px;
	font-weight: bold;
	color: black;
}

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

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

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

.tableTd{
	padding: 2px 2px 10px 10px;
}

.tablePadding10{
	padding: 10px 10px;
}

.badField{
	color:red;
	border:1px solid red;
}

#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;
}
#reservationTableActivite{
	width:100%;
	text-align:center;
}

#reservationTableActivite 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{
	border: 2px solid #9FDA1D;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#reservationTableActivite 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{
      width:100%;
      text-align:center;
      font-size: 13.3px; 
}

#reservationTableActivite 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{
      border: 2px solid #9FDA1D;
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
}

#choixSemaine{
      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 *
{
      font-size: 12px !important;
}
#choixSemaine td
{
	width:33%;
}
#choixSemaine td,#choixSemaine 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
{
	background:#4FA5D6;
}
#choixSemaine td ul{
	margin-top:10px;
	margin-bottom:0;
	padding-left:0;
	list-style:none;
}

#choixSemaine td.selectedWeek,#choixSemaine li.selectedWeek,#choixSemaine td.selectedWeekInfo{
      background: #9FDA1D;
      color:white;
      text-shadow: none !important;
}
#choixSemaine td.selectedWeekInfo ul{
	color:black;
}
#choixSemaine td:first-child{
      border-right:2px solid #4FA5D6;
      border-top-left-radius:12px;
}
#choixSemaine td:last-child{
      border-left:2px solid #4FA5D6;
      border-top-right-radius:12px;
}

#choixSemaine td.noLeftRightBorder{
	border-right:0;
	border-left:0;
}
#choixSemaine td.noRightBorder{
	border-right:0;
	border-top-right-radius:0;
}
#selectableDateChoice{
      border: 2px solid #4FA5D6;
      border-top:none;
    border-spacing: 0;
      width: 100%;
      border-radius: 0 0 15px 15px;
}

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

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

#spinnerNbPersonneReservation{
	width:35px;
}

.valignMiddle{
	vertical-align:middle;
}
#choixSemaine 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;
}


#zoneAffichagePlanning{
	margin-top:5px;
}
#zoneAffichagePlanning table{
	width:100%;
	border-collapse:collapse;
	background:#ECECEC;
}

#zoneAffichagePlanning table th.thHeures{
    width: auto;
}
#zoneAffichagePlanning table td,#zoneAffichagePlanning table th{
	border:1px solid black;
	width:14%;
	padding: 0;
}

#zoneAffichagePlanning .heuresContainer{
	height:1400px;
}
#zoneAffichagePlanning .heuresContainer .heureLabel{
	height:47.2px;
	border-top:1px dotted black;
	padding-left:5px;
	padding-right:5px;
}

#zoneAffichagePlanning .daySeancesContainer{
	position:relative;
	height:1400px;
	cursor:crosshair;
}

#zoneAffichagePlanning .seance{
	position:absolute;
	width:100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background: none repeat scroll 0 0 #808080;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    cursor:pointer;
    -webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	z-index:0;
	overflow:hidden;
	border-radius:5px;
}
#zoneAffichagePlanning .seance:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index:2;
}
#zoneAffichagePlanning .seance .nomActivitePlanning {
    text-align: center;
}
#zoneAffichagePlanning .seance .trancheHorairePlanning {
    text-align: center;
    font-size:10px;
}
#zoneAffichagePlanning .seance .inscritsPlanning {
    text-align: center;
    font-size:12px;
}
#zoneAffichagePlanning .seance .infos{
	vertical-align:middle;
	display: inline-block;
    width: 100%;
}

.fakeInlineBlockVerticalAlign{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

@keyframes defilementInfos
{
	from {
		margin-top:45px;
	}
	to {
		margin-top:-50px;
	}
}

@-webkit-keyframes defilementInfos /* Safari and Chrome */
{
	from {
		margin-top:45px;
	}
	to {
		margin-top:-50px;
	}
}

#zoneAffichagePlanning .defilementInfosSeance{
	animation: defilementInfos 7s linear 0s infinite;
	-webkit-animation: defilementInfos 7s linear 0s infinite ; /* Safari and Chrome */	
}

#zoneAffichagePlanning .defilementInfosSeance:hover{
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

@keyframes clignotementScale
{
	from {
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}

@-webkit-keyframes clignotementScale /* Safari and Chrome */
{
	from {
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}

#zoneAffichagePlanning .seance.enErreur{
	animation: clignotementScale 0.7s linear 0s infinite alternate;
	-webkit-animation: clignotementScale 0.7s linear 0s infinite alternate; /* Safari and Chrome */
	background-color:red !important;
	color:black !important;
}
#zoneAffichagePlanning .seance.enErreur:hover{
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
@keyframes clignotementOpacity
{
	from {
		opacity:1;
		opacity:1;
	}
	to {
		opacity:0.5;
		opacity:0.5;
	}
}

@-webkit-keyframes clignotementOpacity /* Safari and Chrome */
{
	from {
		opacity:1;
		opacity:1;
	}
	to {
		opacity:0.5;
		opacity:0.5;
	}
}

#zoneAffichagePlanning .seance.clignotement{
	animation: clignotementOpacity 0.3s linear 0s infinite alternate;
	-webkit-animation: clignotementOpacity 0.3s linear 0s infinite alternate; /* Safari and Chrome */
}

#zoneAffichagePlanning .seance.activite1{
	background:#969992;
	color:white;
}
#zoneAffichagePlanning .seance.activite2{
	background:#B8B799;
	color:black;
}
#zoneAffichagePlanning .seance.activite3{
	background:#EAE6CA;
	color:black
}
#zoneAffichagePlanning .seance.activite4{
	background:#E6D690;
	color:black;
}
#zoneAffichagePlanning .seance.activite5{
	background:#C1876B;
	color:black;
}
#zoneAffichagePlanning .seance.activite6{
	background:#B44C43;
	color:black;
}
#zoneAffichagePlanning .seance.activite7{
	background:#A18594;
	color:black;
}
#zoneAffichagePlanning .seance.activite8{
	background:#6C7156;
	color:white;
}
#layoutChargement{
	display:none;
	background:rgba(128,128,128,.7);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 2000;
	top:0;
	left:0;
}

#layoutChargement > div {
	border: 2px solid black;
	border-radius:3px;
	background:white;
	left: 41%;
	opacity: 1;
	padding: 5px;
	position: relative;
	top: 45%;
	width:200px;
}
#layoutChargement > div > img{
	margin-right: 15px;
	vertical-align: middle;
}

.printableInlineBlock
{
	display: none;
}

input.spanLike
{
	border:0;
}

.jHeureDebutSeance{
	width:40px;
} 

#dialogAddSeanceInPlanning label, #dialogModifSeanceInPlanning > div#tab-modification label{
	display:inline-block;
	width:150px;
}

#dialogAddSeanceInPlanning span, #dialogModifSeanceInPlanning > div#tab-modification span{
	display:inline-block;
}

#dialogAddSeanceInPlanning > div > div, #dialogModifSeanceInPlanning > div#tab-modification > div > div{
	margin-top:10px;
	margin-bottom:10px;
}

#dialogAddSeanceInPlanning > div > div > *, #dialogModifSeanceInPlanning > div#tab-modification > div > div > *{
	vertical-align:middle;
}
#dialogAddSeanceInPlanning > div{
	display:inline-block;
	text-align:left;
}
#dialogModifSeanceInPlanning > div#tab-modification{
	text-align:center;
}
#dialogModifSeanceInPlanning > div#tab-modification > div{
	display:inline-block;
	text-align:left;
}

.sliderDureeSeance{
	margin-left: 0.6em;
    margin-top:5px;
}

.rightColNewSeance{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 150px;
}

.nbPlacesSpinner span.ui-spinner{
	width: 148px;
}

#tablehistabo .DataTables_sort_wrapper,
#tabHistReserv .DataTables_sort_wrapper
{
	padding-right:0px !important;
	color : black !important;
}

#tabHistReserv.dataTable td 
{
    height: 25px;
}

#tabAbo .dataTables_wrapper .ui-toolbar,
#tabRDV .dataTables_wrapper .ui-toolbar
{
	padding:0px 5px !important;
}

.TableSupClient
{
	text-align: center !important;
	vertical-align: middle !important;
	border: 1px dotted red;	
	width: 100%;
	padding: 6px !important;
}

.crossOver
{
	background-image: url("/images/ui-icons_f9bd01_256x240.png");
}
.notOverCross
{
	background-image: url("/images/ui-icons_cd0a0a_256x240.png");
}

.trFormuleInactive
{
	background:#FF0000 !important;
}

.tablesFormules
{
	margin-left:auto;
	margin-right:auto;
	border : 1px solid #4fa5d6;
	border-radius: 15px;
	margin-top:15px;	
}

.retrocession_display_none
{
	display: none;
}

.retrocession_display
{
	font-family: Arial !important;
	font-size: 12px;
	text-align: center;
	display: block;
} 

.monnaieValue
{
	font-size: 16px;
    padding-bottom: 20px;
    vertical-align: middle;
}

.divRetrocession
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
}

.resultRetrocession
{
	border: 1px solid #000000;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 300px;
}

.noDisplay
{
	display: none !important;
}

.ajaxLoading{
	display:none;
	background:rgba(128,128,128,.35);
	height: 200px;
	width: 100%;
	z-index: 2000;
	text-align:center;
	position:absolute;
}

.ajaxLoading > div {
	border: 2px solid black;
	border-radius:3px;
	background:white;
	opacity: 1;
	padding: 5px;
	width:200px;
	display:inline-block;
}
.ajaxLoading > div > img{
	margin-right: 15px;
	vertical-align: middle;
}

.tableListesReservEtAttente{
	border: 1px solid #000000;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

.tableListesReservEtAttente th {
    border: 1px solid #000000;
}

.tableListesReservEtAttente td {
    border-bottom: 1px solid #000000;
}

.bordertablePresence
{
	border: 1px solid #4FA5D6;
    border-radius: 15px;
}

.tablePresence
{
	width: 100%;
    padding: 3px;
    page-break-inside: avoid;
}

.thPresence
{
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    background-color : #4FA5D6;
    width:140px;
}

.tdPresence
{
	border: 1px solid #4FA5D6;
    margin: 10px;
    text-align: left;
    vertical-align: middle;
}

.divPresence
{
	border: 1px solid white;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
   
    height: 60px;    
    display:inline-block;
    background-color: #ADD8E6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.divPresenceVide
{
	border: 1px solid white;
    height: 60px;
    display:inline-block;
    background-color: #ADD8E6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
    vertical-align: middle;  
}

.trDecouverteInactive
{
	background:#FF0000 !important;
}

#listeDecouvertes thead th
{
	padding: 2px !important;
	/*max-width: 125px !important;*/
}

#listeDecouvertes thead th > input
{
	width: 100% !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#listeDecouvertes thead th > input
{
      max-width: 100% !important;
}
#listeDecouvertes  thead th div.DataTables_sort_wrapper
{
	padding-right: 0px !important;
}

#listeDecouvertes td
{
	text-align: center;
}

#checkbox_seance_a_venir{
	color: #FFFFFF;
    display: inline-block;
    left: 385px;
    padding: 5px;
    position: absolute;
    z-index: 1;
}

#checkbox_seance_a_venir > label,#checkbox_seance_a_venir > input{
	vertical-align:middle;
}

.tablesDecouvertes
{
	margin-left:auto;
	margin-right:auto;
	border : 1px solid #4fa5d6;
	border-radius: 15px;
	margin-top:15px;	
}

.labelDecouvertes {
    color: #4FA5DC;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.pointerCursor{
	cursor:pointer;
}

.SupprReservation
{
      margin-left:auto;
      margin-right:auto;
      border : 1px solid #4fa5d6;
      border-radius: 15px;
      margin-top:15px;  
      padding: 5px;
}

form.autopositionnedForm{
	display:table;
}
form.autopositionnedForm > div{
	display:table-row;
	margin-bottom:5px;
}
form.autopositionnedForm > div > *{
	display: table-cell;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: middle;
}
form.autopositionnedForm > div > input[type="submit"]{
	margin-left:0;
}
.blockCenter{
	margin-left:auto;
	margin-right:auto;
}
div.divClientId{
	cursor: pointer;
}

#affichageAboEtReservs{
    margin-top:25px;
}

#affichageAboEtReservs .boxAbo{
    border: 2px solid rgb(79, 165, 214);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-top: 5px;
}

#affichageAboEtReservs .boxAbo > div{
    padding:5px;
}

#affichageAboEtReservs .boxAbo .aboDetails{
    border-bottom:2px solid rgb(79, 165, 214);
}

#affichageAboEtReservs .boxAbo .reservDetails{
    display:table;
}

#affichageAboEtReservs .boxAbo .reservDetails > div{
    display:table-row;
}

#affichageAboEtReservs .boxAbo .reservDetails > div span.dateheureseance{
    display:table-cell;
}

#affichageAboEtReservs .boxAbo .reservDetails > div span.activitepersonnes{
    display:table-cell;
}

#affichageAboEtReservs .boxAbo .reservDetails > div span.activitepersonnes::before{
    content: "";
    padding-left: 10px;
}

#affichageAboEtReservs .boxAbo .reservDetails > div span.activitepersonnes::after{
    content: "";
    padding-right: 5px;
}

#divRechercheClient{
    margin-bottom:10px;
}

#colorSelectorColor, 
#colorSelectorBackGround,
#colorSelectorBackGroundModif,
#colorSelectorColorModif,
#colorSelectorColorText,
#colorSelectorColorPlanning {
	position: relative;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: url(../images/select2.png);
}

#colorSelectorColor div, 
#colorSelectorBackGround div,
#colorSelectorColorModif div,
#colorSelectorBackGroundModif div,
#colorSelectorColorText div,
#colorSelectorColorPlanning div {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: url(../images/select2.png) center;
}