/************************************/
/****    		Page				*/
/************************************/

/************************************/
/****    		Blocs				*/
/************************************/
#body {
	font-family: Verdana, sans-serif;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	padding-bottom : 20px;
}

.cguButtonShow  {
	display: none;
}

.page {
	border: solid black 1px;
	width : 800px;
	background-color : #FFFFFF;
	min-height : 700px;
	padding : 10px;
	margin: 0 auto 0 auto;
	position: relative;

	border-radius : 5px;
	behavior: url(/themes/pie/PIE.php);
}

.pageHeader{
	float:left;
	width : 350px;
	margin-top : 10px;
}

.welcomePanel{
	text-align:center;
}

.lawDisplayBlock, .cguDisplayBlock, .optinCguDisplayBlock{
	float:right;
	width : 100%;
	height:100px;
	overflow: scroll;
	font-size:8pt;
	text-align:justify;
	overflow-x:hidden;
	margin-bottom:5px;
}

.optinCguDisplayBlock::-webkit-scrollbar {
    display: none;
}

.optinCguBlock p:first-child {
	display : inline;
}

.optinCguHeaderBlock {
	visibility:hidden;
}
.contentBlockHeader{
	display:none;
}


.autoTicketBlock{
	padding:5px;
	font-size:10pt;
	text-align:justify;
	margin-bottom:5px;
}

.customerContent{
	width : 310px;
	height : 260px;
	border : solid black 1px;
	margin : 40px auto 40px auto;
	position : relative;
	border-radius : 5px;
	behavior: url(/themes/pie/PIE.php);
}


.logo-welcome{
	margin: 5px auto 5px auto;
	width : 353px;
	height: 98px;
	border: solid 1px black;
}


.pageContent{
	width : 400px;
	min-height : 610px;
	margin : 10px auto 80px auto;
	position : relative;
	float:right;
	padding : 10px;
	border: solid black 1px;
	border-radius : 5px;

	behavior: url(/themes/pie/PIE.php);
}

.contentBlock{
	margin-bottom : 80px;
}

.contentBlockFooter{
	width:350px;
	color : black;
	text-align : center;
	padding : 5px;
	margin-top : 5px;
	margin-right:25px;
	position : absolute;
	bottom : 0;
}


.flagsBlock {
	margin-left : 15px;
}


.registerBlock, .loginBlock{
}


.openUrlBlock{
	font-size: 10pt;
}

.registerLine, .loginLine, .errorButtonLine, .redirectButtonLine{
	height : 40px;
	font-size: 8pt;
}



.imgSlideShow{
	position: relative;
	margin: 5px;
	float:left;
	width:300px;
	height : 250px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




.hotspotFinderblock{
}

.lawBlock, .cguBlock{
	padding : 5px;
}

.lawHeaderBlock, .cguHeaderBlock{
	visibility:hidden;
}

.pageFooter{
	width : 800px;
	text-align:right;
	font-size: 8pt;
	position: absolute;
	bottom: 0;
	margin : auto 0 auto 0;

}

.footerBlock{
	float:right;
}

.logo-block, .redirectBlock, .errorBlock{
	margin-top:20px;
	text-align:center;
}

.isMandatoryStar{
	color : #990000;
	font-size : 8pt;
}



/************************************/
/****    	Séparateurs				*/
/************************************/



.lawSeparator, .cguSeparator{
	clear: both;
	background-color:black;
	height:1px;
	border:none;
	width:75%;
	margin-top:5px;

}

.autoTicketSeparator{
	background-color:black;
	height:1px;
	border:none;
	width:75%;
	margin-top:5px;
	clear : both;
}

.separator{
	clear: both;
	visibility: hidden;
}

.contentBreak{
	clear: both;
	background-color:black;
	height:1px;
	border:none;
	width:75%;
}

.SocialMediaBlockTitle{
	margin-top:10px;
	margin-bottom:10px;
}

.socialMediaSectionTitle{
	text-align:left;
	margin-bottom:10px;
	font-weight:bold;
}

.socialMediasContentBreak {
	clear: both;
	background-color:black;
	height:1px;
	border:none;
	width:75%;
}

.socialMediaContentBreaker{
		clear: both;
	background-color:black;
	height:1px;
	border:none;
	width:100%;
	margin-top : 10px;
	margin-bottom:10px;
}


.followASocialMediaBlock, .anAppStoreBlock{
	min-width:180px;
	display : inline-block;
	margin-top : 10px;
}

.socialMediaSection{
	border:none;
}

.pageContentEnder, .registerBlockEnder{
	clear:both;
	visibility: hidden;
}

.registerLineBreaker, .loginLineBreaker, .redirectLineBreaker, .errorLineBreaker{
	clear: both;
	visibility: hidden;
}

.isMandatoryStar{
	font-style: italic;
}

.pageEnder{
	clear:both;
	visibility:hidden;
}

.autoLoginExplain{
	margin-top : 5px;
}


/************************************/
/****    	controles				*/
/************************************/

.registerButton, .loginButton, .errorButton, .autoLoginButton{
	width: 210px;
	margin : 20px auto 5px auto;
}

.textRegister, .textLogin, .textLoginError, .textRegisterError {
	width: 180px;
	border:solid 1px black;
	color:black;
	height: 15px;
	border-radius : 5px;
	background-color : #FFFFFF;
	position : relative;
	behavior: url(/themes/pie/PIE.php);
}

.textLoginError, .textRegisterError {
	background-color: #E2C1C3;
}

.ddlRegister{
	height: 18px;
	width: 180px;
	color:black;
}

.ddlRegisterDate {
	width:31%;
}

.registerInput, .loginInput{
	float:right;
}

.registerInputDate {
	width: 180px;
}

.checkboxLogin, .checkboxRegister{
	color: black;
	text-align:justify;
	float:left;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 8pt;
}

.labelRegister, .labelLogin{
	float:left;
	color: black;
	font-weight: bold;
}


.editIdButton{
	width : 19px;
	margin-left : 5px;
	border: none;
	height: 16px;
	cursor: pointer;
	background: url("/themes/quickspot/images/edit_id.png")  no-repeat;

}

.portalButtonContenair{
	width: 125px;
	height: 30px;
	margin: 0 auto 0 auto;
}

.portalButton{
	width: 125px;
	margin : 2px;
	padding-top: 1px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 4px;
	cursor: pointer;
	font-size:12px;
	font-weight:bold;
	color:black;
	background: white;
	border: solid black 1px;
	height: 26px;

	border-radius : 5px;

	background: -webkit-linear-gradient( #FFFFFF, #FFFFFF);
    background:    -moz-linear-gradient( #FFFFFF, #FFFFFF);
    background:     -ms-linear-gradient( #FFFFFF, #FFFFFF);
    background:      -o-linear-gradient( #FFFFFF, #FFFFFF);
    background:         linear-gradient( #FFFFFF, #FFFFFF);
    -pie-background: linear-gradient(#FFFFFF, #FFFFFF);

    position : relative;

	behavior: url(/themes/pie/PIE.php);
}

.portalButtonLeft, .portalButtonRight{
	display : none;
}



/************************************/
/****    		images				*/
/************************************/


.logoImg{
	width : 353px;
	height: 98px;
}

.logoFooter{
	float:right;
	height :45px;
	width : 45px;
	background: url("/themes/quickspot/images/Logo-Spot-Coffee-45.png") no-repeat;
}

/************************************/
/****    		textes				*/
/************************************/


.textFooter{
	margin-top: 22px;
	float:left;
}

.openUrlLink{
	color:black;
}

a:link, a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.flagsBlock a:hover {
	text-decoration:none;
}

a img {
	border : none;
}

.hotspotFinderLink, .openUrlLink{
	font-size: 9pt;
	color:black;
}

.postLogoText{
	font-size: 10pt;
	color:black;
}

.postLogoLink, .editIdentityLink, .redirectLink{
		font-size: 10pt;
		color:black;
		font-weight : bold;
}

.errorMessage{
	color:#990000;
}

.pageTitle{
	margin-left:5px;
	font-weight : bold;
}


.AutoLoginTitle, .loginTitle {
	font-weight : bold;
	color: #2477E6;
	font-size: 12pt;
	margin-top : 5px;
	margin-bottom : 10px;
}

/************************************/
/****    Popup 						*/
/************************************/
.bodyPopup {
	font-family: Verdana, sans-serif;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
}

.pagePopup{
	height: 390px;
	width: 300px;
	border : solid black 1px;
	border-radius : 5px;
	margin: 0 auto 0 auto;
}

.popupTitle{
	color: black;
	font-size:12pt;
	margin : 5px;
}

.popupLogo{
	width:218px;
	height:82px;
	margin-left:41px;
	border: solid black 1px;
	margin-bottom:15px;
}

.popupMain{
	margin-top:20px;
	margin: 0 auto 0 auto;
	width:270px;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	padding : 15px 0px;
}

.popupLine, .popupButtonLine, .popupOfflineLine{
	width: 270px;
}



.popupButtonLine, .popupOfflineLine{
	margin-top : 15px;
	text-align:center;
}
.popupLabel {
	font-size : 10pt;
	color: black;
	float:left;
}


.PopupOfflineOkText{
	font-size : 10pt;
	color: #636363;
}

.PopupOfflineErrorText{
	font-size : 10pt;
	color: #990000;
}

.popupInfoLabel{
	font-size : 10pt;
	color: black;
	float:right;
}

.popupLineBreaker{
	clear:both;
	visibility:hidden;

}

.popupBreaker{
	clear:both;
	visibility:hidden;
}

span.supportText {
	font-size : 8pt;
}

a.editIdentityLink {
    font-size : 8pt;
}

.wifiPlannigBlock{
	text-align:left;
}

.imagePartners {
	height:30px;
}
.imagePartners img{
	height: 90px;
}