#container {
	width:964px;
	height: 336px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:964px;
	height: 336px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:964px;
	height: 336px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/



/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:146px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:964px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	margin-top: 3px;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../asset/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/******************************************************************************
*							style de la page	    						  *
******************************************************************************/
body 
{
	background: #8c540f; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #8c540f 0%, #70430c 44%, #4e2f08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8c540f), color-stop(44%,#70430c), color-stop(100%,#4e2f08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #8c540f 0%,#70430c 44%,#4e2f08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #8c540f 0%,#70430c 44%,#4e2f08 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #8c540f 0%,#70430c 44%,#4e2f08 100%); /* IE10+ */
	background: linear-gradient(135deg, #8c540f 0%,#70430c 44%,#4e2f08 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c540f', endColorstr='#4e2f08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	text-align: justify;
	
	

}
.bouton
{
	position: absolute;
}
h1
{
	font-family: 'Press Start 2P', cursive;
	color:#8D1919;

}
h2
{
	font-family: 'Press Start 2P', cursive;
	color: #3366FF;
	line-height: 22px;
	text-shadow: #644b0a 1px 1px 1px, #644b0a -1px 1px 1px, #644b0a -1px -1px 1px, #644b0a 1px -1px 1px;
}
#titre1
{
	margin-top: 110px;
	margin-bottom: -50px;
}
a:not(.bouton):not(.notNormalA):not(.fullsize-close):not(.babes)
{
    color: #03c;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a:not(.bouton):not(.notNormalA):not(.fullsize-close):not(.babes):hover 
{
    color: #39f;
}
.gameName
{
	color:#00A600;
}
.peopleName
{
	color:#A71482;
}
.charaName
{
	color:#3366FF;
}
.categorie
{
	color:#8D1919;
}
.tinyLogo
{
	position: relative;
	left: 50%;
	margin-left: -200px;
}
#cadre
{
	border-radius: 5px;
	vertical-align: middle;
	position : relative;
	border: 4px solid black;
	width: 1220px;
	min-height:300px;
	/*left: calc(50% - 610px); */
	margin: 0 auto;
	background-color: black;
}
#ban 
{
	border-radius: 5px;
	position: static;
	z-index: 1;
}
#sousban
{
	z-index: 2;
	position: absolute;
}
.screenshot
{
	position: absolute;
	left: 650px;
	border: 4px inset #954545;
	border-radius: 30px;
	-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.acceuilVideo
{
	position: absolute;
	left: 650px;
	border: 4px inset #954545;
	-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
}
.video
{
	border: 4px inset #954545;
	-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
}
#fond
{
	border-radius: 5px;
	background-image: url(../asset/fond.jpg);
	width :1220px;
	min-height:770px;
	z-index: 1;
	position: absolute;
}
.news
{
	margin-top: 80px;
	margin-left: 10px;
	width: 550px;
}
.news2
{
	margin-top: 30px;
	margin-left: 600px;
	width: 550px;
}
#text
{
	font-family: 'Press Start 2P', cursive;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color:#52527A;
	padding: 50px;
	padding-top: 0px;
	
}
#contText
{
	overflow: auto;
	width :1220px;
	min-height:681px;
	margin-top: 56px;
	margin-left: -4px;
	z-index: 2;
	position: absolute;
	border: 4px solid black;
	border-top: 0px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	
	background-image: url(../asset/fond.jpg);
	background-repeat: repeat-y;
}
#btn1
{
	background-image: url(../asset/bouton1.png);
	background-repeat:no-repeat;
	z-index: 3;
	left:126px;
	width: 244px;
	height: 55px;
	background-position: 0px 0px;
}
#btn1:hover
{
	background-position: left bottom;		/*le :hover marche quand on passe la souris par dessus */
}
#bio 
{
	margin-left: 200px;
	width: 900px;
	font-family: 'Bad Script', cursive;
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;
}
#watashi
{
	position: absolute;
	-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 750px;
	border: 4px inset #954545;
	border-radius: 30px;
}
#btn2
{
	background-image: url(../asset/bouton2.png);
	background-repeat:no-repeat;
	z-index: 3;
	left:370px;
	width: 244px;
	height: 55px;
	background-position: 0px 0px;
}
#btn2:hover
{
	background-position: left bottom;		/*le :hover marche quand on passe la souris par dessus */
}
#btn3
{
	background-image: url(../asset/bouton3.png);
	background-repeat:no-repeat;
	z-index: 3;
	left:614px;
	width: 244px;
	height: 55px;
	background-position: 0px 0px;
}
#btn3:hover
{
	background-position: left bottom;		/*le :hover marche quand on passe la souris par dessus */
}
#btn4
{
	background-image: url(../asset/bouton4.png);
	background-repeat:no-repeat;
	z-index: 3;
	left:858px;
	width: 244px;
	height: 55px;
	background-position: 0px 0px;
}
#btn4:hover
{
	background-position: left bottom;		/*le :hover marche quand on passe la souris par dessus */
}

/******************************************************************************
*							Jeu des coffres									  *
******************************************************************************/
#message
{
	color: black;
	z-index: 2;							/*options de superposition */
	left:1000px;							/*placer sur la map*/
	top:-40px;
	position:absolute;
}
#coffre1
{
	background-image: url(../asset/coffre.png);	/*charger l'image en background*/
	z-index: 3;							/*options de superposition */
	width:32px;							/*définir le cadre de lecture sur le background*/
	height:33px;
	left:1000px;							/*placer sur la map*/
	top:-35px;
	position:absolute;
	background-position: 0px 0px;	/*définir la position du cadre de lecture sur le background*/
}

#coffre2
{
	background-image: url(../asset/coffre.png);	/*charger l'image en background*/
	z-index: 3;							/*options de superposition */
	width:32px;							/*définir le cadre de lecture sur le background*/
	height:33px;
	left:1050px;							/*placer sur la map*/
	top:-35px;
	position:absolute;
	background-position: 0px 0px;	/*définir la position du cadre de lecture sur le background*/
}



#coffre3
{
	background-image: url(../asset/coffre.png);	/*charger l'image en background*/
	z-index: 3;							/*options de superposition */
	width:32px;							/*définir le cadre de lecture sur le background*/
	height:33px;
	left:1100px;							/*placer sur la map*/
	top:-35px;
	position:absolute;
	background-position: 0px 0px;	/*définir la position du cadre de lecture sur le background*/
}

#coffre1:active
{
	background-position: 0px 33px;
}
#coffre2:active
{
	background-position: 0px 33px;
}
#coffre3:active
{
	background-position: 0px 33px;
}
/***********************************************************************************************************
*				Fin du jeu des coffres 																	   *
***********************************************************************************************************/

#sophia
{
	background-image: url(../asset/sophia.png);	/*charger l'image en background*/
	z-index: 3;							/*options de superposition */
	width:21px;							/*définir le cadre de lecture sur le background*/
	height:36px;
	left:25px;							/*placer sur la map*/
	top:190px;
	position:absolute;
	background-position: 0px 0px;	/*définir la position du cadre de lecture sur le background*/
}

#sophia:hover
{
	background-position: 0px 36px;
}
#ghost
{
	position: absolute;
	background-image: url(../asset/ghost.png);
	background-position: 32px 0px;
	top:900px;
	left: 450px;
	z-index: 3;
	height: 100px;
	width: 16px;
	height: 16px;
}
#CV 
{
	position: absolute;
	height: 125px;
	width: 121px;

	left:540px;
	border: 2px solid black;
	border-radius: 5px;
	background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#CV:hover
{
	background: -moz-linear-gradient(top, rgba(142,39,62,1) 0%, rgba(142,39,62,0.99) 10%, rgba(204,4,40,0.96) 59%, rgba(204,4,40,0.93) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,39,62,1)), color-stop(10%,rgba(142,39,62,0.99)), color-stop(59%,rgba(204,4,40,0.96)), color-stop(100%,rgba(204,4,40,0.93))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(142,39,62,1) 0%,rgba(142,39,62,0.99) 10%,rgba(204,4,40,0.96) 59%,rgba(204,4,40,0.93) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(142,39,62,1) 0%,rgba(142,39,62,0.99) 10%,rgba(204,4,40,0.96) 59%,rgba(204,4,40,0.93) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(142,39,62,1) 0%,rgba(142,39,62,0.99) 10%,rgba(204,4,40,0.96) 59%,rgba(204,4,40,0.93) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(142,39,62,1) 0%,rgba(142,39,62,0.99) 10%,rgba(204,4,40,0.96) 59%,rgba(204,4,40,0.93) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e273e', endColorstr='#edcc0428',GradientType=0 ); /* IE6-9 */
}
#CV:active
{
	background: -moz-linear-gradient(top, rgba(196,29,73,1) 0%, rgba(196,29,73,0.99) 10%, rgba(242,4,32,0.94) 85%, rgba(242,4,32,0.93) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,29,73,1)), color-stop(10%,rgba(196,29,73,0.99)), color-stop(85%,rgba(242,4,32,0.94)), color-stop(100%,rgba(242,4,32,0.93))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(196,29,73,1) 0%,rgba(196,29,73,0.99) 10%,rgba(242,4,32,0.94) 85%,rgba(242,4,32,0.93) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(196,29,73,1) 0%,rgba(196,29,73,0.99) 10%,rgba(242,4,32,0.94) 85%,rgba(242,4,32,0.93) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(196,29,73,1) 0%,rgba(196,29,73,0.99) 10%,rgba(242,4,32,0.94) 85%,rgba(242,4,32,0.93) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(196,29,73,1) 0%,rgba(196,29,73,0.99) 10%,rgba(242,4,32,0.94) 85%,rgba(242,4,32,0.93) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c41d49', endColorstr='#edf20420',GradientType=0 ); /* IE6-9 */
}
#book
{
	position: absolute;
	height: 125px;
	width: 121px;
	background-image: url(../asset/dlcv.png);
	left:670px;
	border: 2px solid black;
	border-radius: 5px;
}
.babes
{
	position: absolute;
	left: 1100px;
	width:19px;
	height: 31px;
	z-index: 10;
	background-position: 0px 0px;
}
.babes:hover
{
	background-position: 0px bottom;
}
#sanaki
{
	background-image: url(../asset/Sanaki.png);
}
#silphys
{
	background-image: url(../asset/Silphys.png);
}
#syra
{
	background-image: url(../asset/Syra.png);
}
#elyse
{
	background-image: url(../asset/Elyse.png);
}
#elyria
{
	background-image: url(../asset/Elyria.png);
}
#johnny
{
	background-image: url(../asset/Johnny.png);
}
#sophia2
{
	background-image: url(../asset/Sophia2.png);
}
#leda
{
	background-image: url(../asset/Leda.png);
}
#eos
{
	background-image: url(../asset/eosUp.png);
}
#blind
{
	background-image: url(../asset/blind.png);
}
#intr
{
	background-image: url(../asset/intr.png);
}
#goose
{
	background-image: url(../asset/goose.png);
}
#tako
{
	background-image: url(../asset/tako.png);
}
#baby
{
	background-image: url(../asset/baby.png);
}
#dwarf
{
	background-image: url(../asset/dwarf.png);
}
#para
{
	background-image: url(../asset/paradox.png);
}
#heaven
{
	background-image: url(../asset/spin.png);
}
#werther
{
	background-image: url(../asset/werther.png);
}
#hero
{
	background-image: url(../asset/hero.png);
}
#alan
{
	background-image: url(../asset/alan.png);
}
#bigTako
{
	width: 38px;
	height : 62px;
	background-image: url(../asset/bigtako.png);
	top: 0px;
	left: 48%;
	margin: 0 auto;
}
.playButton
{
	padding: 15px;
	color: white;
	border: 2px solid black;
	border-radius: 10px;
	text-decoration: none;
	margin-left: 200px;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.playButton:hover
{
	background: rgb(59,103,158); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gallerie ul 
{
	list-style: none;
	list-style-type: none;
	display: inline;
}
.gallerie ul li
{
	list-style: none;
	list-style-type: none;
	display: inline;
}
.gallerie
{
	margin-bottom: 100px;
}
.galerieScreen
{
	border: 4px inset #954545;
	-moz-box-shadow: 5px 5px 10px 0px #656565;
	-webkit-box-shadow: 5px 5px 10px 0px #656565;
	-o-box-shadow: 5px 5px 10px 0px #656565;
	box-shadow: 5px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#footer
{
	font-family: 'Press Start 2P', cursive;
	text-shadow: #CCCCFF 1px 1px 1px, #CCCCFF -1px 1px 1px, #CCCCFF -1px -1px 1px, #CCCCFF 1px -1px 1px;
	font-size: 10px;
	font-weight: normal;
	color:#8F006B;
	
	position			: fixed;
	margin: 0 auto;
	margin-left: -4px;
	bottom				: 30px;
	z-index: 5;
	width: 1220px;
	height: 53px;
	border: 4px solid black;
	border-radius: 5px;
	background: rgb(134,174,204); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(134,174,204,1) 0%, rgba(212,228,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,174,204,1)), color-stop(100%,rgba(212,228,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(134,174,204,1) 0%,rgba(212,228,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(134,174,204,1) 0%,rgba(212,228,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(134,174,204,1) 0%,rgba(212,228,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(134,174,204,1) 0%,rgba(212,228,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aecc', endColorstr='#d4e4ef',GradientType=0 ); /* IE6-9 */
}
#footertxt
{
	padding: 20px;
}
#bottom
{
	position: absolute;
	width: 1220px;
	z-index: 2;
	background: url(../asset/ground.png);
	background-repeat: repeat-x;
	border-bottom-left-radius:20px;
	border-bottom-right-radius: 10px;
}
#footer p 
{
	position: absolute;
	z-index: 3;
}
#licence
{
	margin-top: -5px;
	font-size: 8px;
	position: absolute;
	z-index: 3;
	left: 940px;
	width: 250px;
}
#licenseimg
{
	margin-left: 80px;
	margin-top: -5px;
}
#WarningObsolete
{
	border: 4px solid red;
	font-size: 16px;
	padding: 10px;
	background-color: white;
	color: #ff5050;
}
/******************************************************************************
*							images       									  *
******************************************************************************/
::-webkit-scrollbar {
                width: 10px;
                height: 10px;
            }
            ::-webkit-scrollbar-button:start:decrement,
            ::-webkit-scrollbar-button:end:increment  {
                display: none;
            }
             
            ::-webkit-scrollbar-track-piece  {
                background: rgb(243,226,199); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(243,226,199,1)), color-stop(50%,rgba(193,158,103,1)), color-stop(51%,rgba(182,141,76,1)), color-stop(100%,rgba(233,212,179,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                -webkit-border-radius: 6px;
            }
             
            ::-webkit-scrollbar-thumb:vertical {
                -webkit-border-radius: 6px;
                background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
            }