/*--------------------------------------------------------------------------------------------------------------Général--------------------------------------------------------------------------------------------------------------*/

body{
	background:url('Fond/BG.jpg') repeat center bottom fixed;
	margin:0px;
	font-family: arial, verdana, sans-serif;
	
	font-size:20px;
	font-weight:bold;
	color:#dcdcdc;
	text-shadow:1px 2px 0px #000000,1px 2px 2px #363026;
}
a{
	color:#dcdcdc;
	border-style:none;
	text-decoration:none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
img{
	border-style:none;
}

.StyleRed{
	color:#e00000;
}
.StyleGreen{
	color:#00e000;
}

.BActif:hover{
	cursor:pointer;
}

#Val1,#Val2,#Val3{
	position:fixed;
	top:0px;
	height:28px;
	width:70px;
	padding:13px;
	padding-bottom:19px;
	z-index:10;
	
	font-size:18px;
}
#Val1{
	background:url('Cadres/Val1.png') top right;
	padding-left:69px;
	right:300px;
}
#Val2{
	background:url('Cadres/Val2.png') top right;
	padding-left:69px;
	right:450px;
}
#Val3{
	background:url('Cadres/Val1.png') top right;
	padding-left:69px;
	right:600px;
}
.ValImg{
	position:absolute;
	top:8px;
	left:23px;
	width:40px;
	border-radius:20px;
}

.BandeauInfo{
	position:fixed;
	top:0px;
	left:50%;
	font-size:14px;
	text-align:center;
	margin-left:-300px;
	width:600px;
	height:20px;
	border:1px solid red;
	border-top:none;
	border-radius:0px 0px 12px 12px;
	background:linear-gradient(to right, #990011, #660002);
}
.BandeauInfo2{
	position:fixed;
	bottom:0px;
	right:20px;
	font-size:12px;
	text-align:center;
	margin-left:-300px;
	width:250px;
	height:14px;
	border:1px solid #00a608;
	border-top:none;
	border-radius:12px 12px 0px 0px;
	background:linear-gradient(to right, #007d06, #005c04);
}

.Titre{
	z-index:100;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-200px;
}

#Fond{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
#Fond .Plan{
	position:absolute;
	left:0%;
	width:100%;
	height:100%;
	transition: bottom 2s ease-in;
	-moz-transition: bottom 2s ease-in;
	-webkit-transition: bottom 2s ease-in;
	-o-transition: bottom 2s ease-in;
}
#Fond img{
	position:absolute;
	bottom:0px;
}
#Dir1{
	position:absolute;
	animation: frameDir1 120s ease-in infinite,frameDir1H 5s ease-in-out infinite;
	-webkit-animation: frameDir1 120s ease-in infinite,frameDir1H 5s ease-in-out infinite;
}
@keyframes frameDir1 { 0% {right:-10%;}	100% {right:120%;} }
@keyframes frameDir1H { 0% {top:20%;}	50% {top:20.5%;} 100% {top:20%;} }

@-webkit-keyframes frameDir1 { 0% {right:-10%;}	100% {right:120%;} }
@-webkit-keyframes frameDir1H { 0% {top:20%;}	50% {top:20.5%;} 100% {top:20%;} }

#Dir2{
	position:absolute;
	animation: frameDir2 180s ease-in infinite,frameDir2H 6.2s ease-in-out infinite;
	-webkit-animation: frameDir2 180s ease-in infinite,frameDir2H 6.2s ease-in-out infinite;
}
@keyframes frameDir2 { 0% {left:-15%;}	100% {left:120%;} }
@keyframes frameDir2H { 0% {top:15%;}	50% {top:15.5%;} 100% {top:15%;} }

@-webkit-keyframes frameDir2 { 0% {left:-15%;}	100% {left:120%;} }
@-webkit-keyframes frameDir2H { 0% {top:15%;}	50% {top:15.5%;} 100% {top:15%;} }

#Dir3{
	position:absolute;
	top:30%;
	animation: frameDir3 200s ease-in infinite;
	-webkit-animation: frameDir3 200s ease-in infinite;
}
@keyframes frameDir3 { 0% {left:-20%;}	100% {left:120%;} }

@-webkit-keyframes frameDir3 { 0% {left:-20%;}	100% {left:120%;} }

#AffInscr{
	z-index:100;
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-100px;
	width:200px;
	height:280px;
}


#AffConnexion{
	z-index:100;
	position:absolute;
	top:60px;
	left:0;
	width:381px;
	height:111px;
}
#AffConnexionT{
	position:absolute;
	left:15px;
	top:-37px;
	width:130px;
	height:26px;
	padding:16px 9px 8px 62px;
	background:url('Cadres/CadreCo.png');
}

#PageBot{
	position:fixed;
	bottom:0px;
	left:0px;
	border:2px solid #363026;
	border-radius:5px;
	width:auto;
	height:20px;
	padding:2px 15px;
	box-shadow:0px 0px 20px 10px #363026;
	background: url('Cadres/Page.jpg') center repeat;
}

.Page{
	box-shadow: inset 0px 0px 50px 20px #363026, 0px 0px 20px 10px #363026;
	background: url('Cadres/Page.jpg') center repeat;
}
.PageTop{
	position:absolute;
	top:-5px;
	left:0px;
	width:100%;
	height:10px;
	background:url('Cadres/PageTop.jpg');
}
.PageBot{
	position:absolute;
	bottom:-5px;
	left:0px;
	width:100%;
	height:10px;
	background:url('Cadres/PageTop.jpg');
}
.PageLeft{
	position:absolute;
	left:-5px;
	top:0px;
	height:100%;
	width:20px;
	background:url('Cadres/PageLeft.png');
}
.PageRight{
	position:absolute;
	right:-5px;
	top:0px;
	height:100%;
	width:20px;
	background:url('Cadres/PageRight.png');
}
.PageTL{
	position:absolute;
	top:-10px;
	left:-66px;
	width:156px;
	height:100px;
	background:url('Cadres/PageTL.png');
}
.PageTR{
	position:absolute;
	top:-10px;
	right:-23px;
	width:113px;
	height:100px;
	background:url('Cadres/PageTR.png');
}
.PageBL{
	position:absolute;
	bottom:-10px;
	left:-10px;
	width:100px;
	height:100px;
	background:url('Cadres/PageBL.png');
}
.PageBR{
	position:absolute;
	bottom:-10px;
	right:-52px;
	width:142px;
	height:116px;
	background:url('Cadres/PageBR.png');
}
.PageContenu{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
	overflow:auto;
}
.PageContenuI{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:100%;
	z-index:2;
	padding:10px;
}

.Input0{
	position:relative;
	margin-left:-10px;
	width:200px;
	height:42px;
	margin-bottom:5px;
	background: url('Cadres/Input0.png') center;
}
.Input1{
	position:relative;
	margin-left:-10px;
	width:200px;
	height:54px;
	margin-bottom:5px;
	background: url('Cadres/Input1.png') center;
}
.Input2{
	padding:19px 17px 14px 17px;
	margin-left:-10px;
	position:relative;
	width:266px;
	height:21px;
	margin-bottom:5px;
	background: url('Cadres/Input2.png') center;
}
.Input0 input,.Input1 input{
	position:absolute;
	bottom:10px;
	left:20px;
	width:160px;
}
.Input2 input{
	width:126px;
}

input{
	border:1px solid #363026;
	border-radius:3px;
	background: url('Cadres/Page2.png') center repeat;
}

.Input2 .InputCo{
	position:absolute;
	right:-30px;
	top:8px;
	width:50px;
	height:50px;
	background: url('Cadres/InputCo.png') center repeat;
	border:none;
}

#Page,#Page2{
	position:fixed;
	top:50%;
	right:150%;
	margin-right:-350px;
	margin-top:-225px;
	width:700px;
	height:450px;
	
	z-index:150;
	
	transition: right 0.5s ease-in;
	-moz-transition: right 0.5s ease-in;
	-webkit-transition: right 0.5s ease-in;
	-o-transition: right 0.5s ease-in;
}
#AffOK{
	position:fixed;
	top:50%;
	right:50%;
	margin-right:-350px;
	margin-top:-225px;
	width:700px;
	height:250px;
	
	z-index:150;
	
	transition: right 0.5s ease-in;
	-moz-transition: right 0.5s ease-in;
	-webkit-transition: right 0.5s ease-in;
	-o-transition: right 0.5s ease-in;
}

#PageTitre,#Page2Titre{
	position:absolute;
	top:-40px;
	left:20px;
	padding:19px 17px 14px 17px;
	width:266px;
	height:21px;
	background:url('Cadres/Titre.png');
	z-index:50;
}

.PageClose{
	display:block;
	position:absolute;
	top:-2px;
	left:-57px;
	width:35px;
	height:35px;
	background: url('Boutons/Close.png') center no-repeat;
	
	z-index:2;
}

.Screen{
	width:210px;
	margin:5px;
	border:2px solid black;
}
.ScreenI{
	max-width:685px;
	margin:5px;
	border:2px solid black;
}