@import url('https://fonts.googleapis.com/css?family=Gabriela');

html, *{font-family:'gabriela', serif;}
body{margin-left:auto; margin-right:auto;background:#fff url(/images/background/backgroundIndex.jpg) repeat-x;overflow:hidden;margin-top:10%;}
div.txt{border:0px solid red;width:100px;}
.bFoot{font-size:11px;position:relative; top:20px; width:100%;}
.bFoot div{display:inline; padding:5px;}
.bFoot #left{}
.bFoot #right{position:absolute; right:5px;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}

/*a, a:visited,
a#recovery{font-size:12px;text-decoration:none;color:rgba(51, 51, 51, 0.8)}
a:hover, a#recovery:hover{text-decoration:none; color:rgba(51, 102, 153, 1) !important;}*/

input.txt{height:30px !important; width:150px;border:1px solid #2274BD;padding:2px !important}
button{
	width:150px;
	height:35px;
	padding:2px 10px 2px 10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
button.clsbtn{
	width:auto !important;margin:5px;
	/*border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}
button.clsbtn A{text-decoration:none;color:#333;}
label{cursor:pointer;}

#closeA{background:url(/images/closebOf.gif) no-repeat;cursor:pointer;width:41px;}
#closeA:hover{background:url(/images/closebOn.gif) no-repeat;cursor:pointer;width:41px;}
#largeur{display:none; width:100%; height:1px}
#hauteur{display:none; height:100%; width:1px;}

#tableBox, #tablePass{position:absolute;visibility:hidden;
	border:1px solid #ccc;
	width:360px;height:220px;background:#fff;
	-moz-box-shadow: 2px 2px 5px 2px #bbbbbb;
	-webkit-box-shadow: 2px 2px 5px 2px #bbbbbb;
	-o-box-shadow: 2px 2px 5px 2px #bbbbbb;
	box-shadow: 2px 2px 5px 2px #bbbbbb;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb, Direction=134, Strength=10);
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	/*transition: top 0.4s ease, left 0.4s ease;*/ /* ANIMATION ici */
}
#tableBox{
	pointer-events: none;
	opacity: 0;
	transform: scale(0.55);
	transition: opacity 0.6s ease; /* Animation uniquement sur l'opacité */
}
#tablePass {
  pointer-events: none;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.6s ease, transform 0.3s ease;
}
#tableBox.visible {
  opacity: 1; /* visible une fois prêt */
  transform: scale(1);
  pointer-events: auto;
}
#tableBox TABLE.content{margin:0; padding:0; margin-left:auto; margin-right:auto; width:80%; /*padding:2px;*/}
#tableBox TABLE TH, #tablePass TABLE TH{white-space:nowrap;}
#tableBox TABLE TD A{font-size:11px}
#tableBox input[type='text'], #tableBox input[type='password'] {
	width:150px;
	min-width:100px;
	max-width:200px;
	height:30px !important;
	padding:4px !important;
}
#tablePass{
	width:360px; 
	height:220px; 
	position:absolute; 
	left:50%; top:50%; 
	margin:-120px 0 0 -200px;
}
#tablePass #email{height:30px;}
#tableBox.show, #tablePass.show {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  visibility: visible;
}

.msgBox{
	width: 100%;
	height: 100px;
	overflow: auto;
	padding: 5px;
}
.boxHeader{
	background:#336699;
	width:100%; 
	height:29px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px 0px 0px 0px;
	cursor: move;
	user-select: none;
}
.boxBody{height:160px;}
.boxFooter{height:30px; border-top:1px solid #ccc;margin:0 2px 0 2px ;padding:2px;}.boxFooter DIV{padding:5px 2px 5px 2px;font-size:10px;white-space:nowrap;}
.boxBody #Cook{font-size:12px;color:rgba(51, 51, 51, 0.8)}
.boxBody #Cook:hover{color:rgba(51, 51, 51, 1)}
.boxBody #recovery{font-size:12px;text-decoration:none;color:rgba(51, 51, 51, 0.8)}
.boxBody #recovery::before{content:'\27A2';padding-right:2px}
.boxBody #recovery:hover{color:rgba(51, 102, 153, 1); border:1px solid #369; background-color:#368; padding:1px 5px; border-radius:10px;color:#fff;}
.boxBody #recovery:hover::before{content:'';}
.boxBody #recovery:hover::after{content:'\27A4';padding-left:2px}
.boxFooter DIV.date #Update{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 7vw !important; display: inline-flex;}
.boxFooter DIV.ip{float:left;width:100px;}
.boxFooter DIV.date{float:right;width:auto;}

.bhtitle{float:left; width:300px; height:17px; color:#fff; padding:5px; overflow:hidden; border:0px solid red; white-space:nowrap;font-family:Zona Pro;}
.bhicon{float:right;cursor:pointer;background:url(/images/closebOf.gif) no-repeat; width:41px !important; height:16px; margin:6px 5px 5px 0px;}
.bhicon:hover{background:url(/images/closebOn.gif) no-repeat;}
#tablePass .boxHeader{cursor:default !important;}
#passContent{padding:10px;}
#waitPoints{height: 20px;position: absolute;bottom: 10%;width: 100%;text-align: center;color:#aaa}

#_eklizeInfo{
	position:absolute;top:0; left:0; width:100%; height:auto;
}
#_eklizeIeNavInfo{
	display:none;padding:10 5px; border:1px solid #ddd;background:#ffffdd;
}
#_eklizeCookieInfo{
	display:none; padding:10 5px; border:1px solid #ddd;background:#FFDDEE;
}
#_eklizeIeNavInfo > p,
#_eklizeCookieInfo > p {margin:0; padding:2px;text-align:center}

/* barre fenetre de connexion bottom */
#_eklizeConnector{
	display:none;position:absolute;bottom:0; left:0; width:100%; height:35px; padding:5px 0 5px 0; border-top:1px solid #ddd;background:#EEE;text-align:center
}
#_eklizeConnector button{width:auto; font-weight:bold;}

Table.badlogin{
	background:#FFFFFF;
	border:1px solid grey;
	-webkit-border-radius: 50px 10px 50px 10px;
	border-radius: 50px 10px 50px 10px;
	-moz-border-radius-topleft: 50px 10px 50px 10px;
}
Table.badlogin td hr{border:0.5px solid #1b639b;}