html { height: 100%; }
body
{
background-color: #0C1739;
height: 100%;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
}
img {
border: 0px;
padding: 0px;
margin: 0px;
}
.strike {
text-decoration: line-through;
} 
ul {
list-style-image: url(../interface/liste.png);
margin-left: -7px;
margin-right: 10px;
text-shadow: #08101f 1px 1px 1px;
}
li { margin-top: 10px; }
.margul li { margin-top: 0px; }

li:hover {
	color: #F7C16B;
	list-style-image: url(../interface/liste2.png);
}
br {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	text-decoration: none;
	font-weight: normal;
}
div {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	text-decoration: none;
	font-weight: normal;
}
h1 {
	font-family: verdana;
	color: #A5D6FF;
	font-size: 17pt;
	font-weight: bold;
	text-decoration: none;
	background-position: center;
	text-align: center;
	text-shadow: #65a3f8 0px 0px 6px, #08101f 5px 5px 2px;
	transition: color 1s, text-shadow 1s;
}
h1:hover
{
	color: #C0E2FF;
	text-shadow: #99c2fb 0px 0px 12px, #08101f 5px 5px 2px;
	transition: color 0s, text-shadow 0s;
}
h2 {
	font-family: verdana;
	color: #A5D6FF;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-position: center;
	text-align: center;
	text-shadow: #4e94f4 0px 0px 4px, #08101f 1px 1px 1px;
}

h2:hover
{
	color: #C0E2FF;
	text-shadow: #6fa9f8 0px 0px 6px, #08101f 1px 1px 1px;
}
h3 {
	font-family: verdana;
	font-size: 10pt;
	color: #FCD7B6;
	font-weight: normal;
	text-align: left;
	margin-left: 5px;
	text-shadow: #08101f 1px 1px 1px;
}
h3:hover
{
	color: #FFE8D3;
}
a {
	font-family: verdana;
	font-size: 10pt;
	color: #5A8FD6;
	text-decoration: none;
	font-weight: bold;
	transition: color 1s, text-shadow 1s;
}
a:hover {
	font-family: verdana;
	font-size: 10pt;
	color: #97B8E5;
	text-decoration: none;
	font-weight: bold;
	text-shadow: #65a3f8 0px 0px 6px, #08101f 1px 1px 1px;
	transition: color 0s, text-shadow 0s;
}
p {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	text-shadow: #08101f 1px 1px 1px;
}
p:hover {
	color: #F7C16B;
}

em {
	color: #FCD7B6;
}
.marg {
	font-family: verdana;
	font-size: 10pt;
	margin-left: 5px;
	margin-right: 5px;
}
.margbis {
	font-family: verdana;
	font-size: 10pt;
	margin-left: 8px;
	margin-right: 5px;
}
.margc {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}
.titrec {
	font-family: verdana;
	color: #A5D6FF;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-position: center;
	text-align: center;
	text-shadow: #08101f 1px 1px 1px;

}
.titre {

	font-family: verdana;
	color: #A5D6FF;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #08101f 1px 1px 1px;
}
.texte {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	text-decoration: none;
	background-position: left;
	font-weight: normal;
}
.textec {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	font-weight: normal;
	margin-left: 0px;
	text-decoration: none;
	background-position: center;
	text-align: center;
}
.texted {
	font-family: verdana;
	font-size: 10pt;
	color: #F7AE6B;
	text-align: right;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 5px;
	text-decoration: none;
	background-position: center;
}
.petit
{
text-align: center;
margin-left: 5px;
margin-right: 5px;
font-size: 10px;
}
.petit a { font-size: 10px; }

.titrepetit {
font-size: 10pt;
	text-shadow: #4e94f4 0px 0px 4px, #08101f 1px 1px 1px;
}
.titrepetit:hover {
	text-shadow: #90bcf9 0px 0px 6px, #08101f 1px 1px 1px;
}
.couleur {
	color: #FCD7B6;
	text-align: left;
}
.couleurb {
	color: #FCD7B6;
	font-weight: bold;
}
.italique { font-style: italic; }

.couleurc {
	color: #FCD7B6;
	text-align: center;
}
.floatleft { float: left; border: 1px solid #F7AE6B; margin-right: 5px; margin-top: 5px; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s }
.floatleft:hover { border: 1px solid #ffd28a; box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s }
.floatright { float: right; border: 1px solid #F7AE6B; margin-left: 8px; margin-right: 7px; margin-top: 5px; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s }
.floatright:hover { border: 1px solid #ffd28a; box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s }
.hr {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
}
.bloc { height: 550px; width: 100%; }
#blocpersos { height: 1235px; width: 100%; }
.screen { border: 1px solid #F7AE6B; margin: 2px; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s }
.screen:hover { border: 1px solid #ffd28a; margin: 2px; box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s }.screenlum { border: 1px solid #F7AE6B; margin: 2px; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s }.screenlum:hover { border: 1px solid #ffd28a; margin: 2px; box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s; filter: brightness(1.30); }.screenbig { border: 1px solid #F7AE6B; margin: 2px; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s; width: 640px; height: 480px; image-rendering: pixelated; }.screenbig:hover { border: 1px solid #ffd28a; margin: 2px; box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s }

.telechbandeson { border: 0px; background-position: 0px 0px; display: inline-block; width: 100px; height: 20px; background-image: url(../interface/telechargerbouton.jpg); box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s; vertical-align: middle;}
.telechbandeson:hover { background-position: 0px -20px;  box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s }.tableost { margin-left: 100px; }
.player { box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s width: 200px; height: 20px;}
.player:hover { box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s }
input
{
background-image:url(../interface/background.JPG);
color:#F7AE6B;
font-family:verdana;
border-width:2px;
border-color: #FCD7B6 #FCD7B6 #FCD7B6 #FCD7B6;
border-style:ridge;
font-size:10pt;
}
input:hover
{
background-image:url(../interface/backgroundbis.jpg);
box-shadow: #3879d1 0px 0px 6px;
border-color: #fce7c7 #FCD7B6 #FCD7B6 #FCD7B6;
}
input:focus
{
background-image:url(../interface/backgroundbis.jpg);
box-shadow: #6ba8fb 0px 0px 12px;
border-color: #fce7c7 #FCD7B6 #FCD7B6 #FCD7B6;
}
.submit
{
background-color:#2A3958;
color: #F7AE6B;
border-width:2px;
border-color: #FCD7B6 #FCD7B6 #FCD7B6 #FCD7B6;
}
textarea
{
background-image:url(../interface/background.JPG);
color:#F7AE6B;
font-family:verdana;
border-width:2px;
border-color: #FCD7B6 #FCD7B6 #FCD7B6 #FCD7B6;
border-style: ridge;
font-size: 10pt;
}
textarea:hover
{
background-image:url(../interface/backgroundbis.jpg);
box-shadow: #3879d1 0px 0px 6px;
border-color: #fce7c7 #FCD7B6 #FCD7B6 #FCD7B6;
}
textarea:focus
{
background-image:url(../interface/backgroundbis.jpg);
box-shadow: #6ba8fb 0px 0px 12px;
border-color: #fce7c7 #FCD7B6 #FCD7B6 #FCD7B6;
}
form
{
margin-top:2px;
margin-bottom:2px;
}
#supergeneral
{
margin: 0px auto; width: 100%; padding: 0px; min-width: 1000px;
background-image:url(../interface/lateralomni.jpg);
background-repeat: repeat-y;
background-position: top center;
z-index: 1;
position: relative;
background-attachment: fixed;
}
#general
{
width: 1000px;
padding: 0px;
margin: 0px auto;
border: 0px;
height: 100%;
display: block;
position: relative;
}
#etoiles
{
background-image: url(../interface/etoiles.png);
z-index: -2;
position: absolute;
height: 100%;
width: 100%;
background-position: center center;
background-attachment: fixed;
pointer-events: none;
}
#fondbis
{
background-image: url(../interface/nuages.png);
z-index: -10;
position: absolute;
height: 100%;
width: 100%;
background-position: center top;
background-attachment: fixed;
pointer-events: none;
}
#banetoiles
{
width:100%;
height:230px;
background-image:url(../interface/doubleban_etoiles.png);
background-repeat: repeat-x;
background-position: 50% 0px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
z-index: -2;
background-attachment: fixed;animation: 120s linear infinite 0s normal none banetoiles;
}@-moz-keyframes banetoiles {0% {  background-position: 0px 0px; }100% {  background-position: 2296px -0px; }}@-o-keyframes banetoiles {0% {  background-position: 0px -0px; }100% {  background-position: 2296px -0px; }}@-webkit-keyframes banetoiles {0% {  background-position: 0px -0px; }100% {  background-position: 2296px -0px; }}@-ms-keyframes banetoiles {0% {  background-position: 0px -0px; }100% {  background-position: 2296px -0px; }}@keyframes banetoiles {0% {  background-position: 0px -0px; }100% {  background-position: 2296px -0px; }}
#baneffets
{
width:100%;
height:318px;
background-image:url(../interface/doubleban_effets.png);
background-repeat: no-repeat;
background-position: 50% 0px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: 6;
-moz-animation: 2s linear infinite 0s normal none baneffets;
-o-animation: 2s linear infinite 0s normal none baneffets;
-webkit-animation: 2s linear infinite 0s normal none baneffets;
-ms-animation: 2s linear infinite 0s normal none baneffets;
animation: 2s linear infinite 0s normal none baneffets;
}
#baneffets:hover
{
background-position: 50% -318px;
}

#baneffetsnuit
{
width:100%;
height:318px;
background-image:url(../interface/doubleban_effets.png);
background-repeat: no-repeat;
background-position: 50% -318px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: -1;
-moz-animation: 2s linear infinite 0s normal none baneffets;
-o-animation: 2s linear infinite 0s normal none baneffets;
-webkit-animation: 2s linear infinite 0s normal none baneffets;
-ms-animation: 2s linear infinite 0s normal none baneffets;
animation: 2s linear infinite 0s normal none baneffets;
}

@-moz-keyframes baneffets {
0% {
  opacity: 0; }
50% {
  opacity: 1; }
100% {
  opacity: 0; }
}
@-o-keyframes baneffets {
0% {
  opacity: 0; }
50% {
  opacity: 1; }
100% {
  opacity: 0; }
}
@-webkit-keyframes baneffets {
0% {
  opacity: 0; }
50% {
  opacity: 1; }
100% {
  opacity: 0; }
}
@-ms-keyframes baneffets {
0% {
  opacity: 0; }
50% {
  opacity: 1; }
100% {
  opacity: 0; }
}
@keyframes baneffets {
0% {
  opacity: 0; }
50% {
  opacity: 1; }
100% {
  opacity: 0; }
}
#irzyyeuxfermesnuit
{
width:100%;
height:318px;
background-image:url(../interface/irzyyeuxfermes.png);
background-repeat: no-repeat;
background-position: 50% -318px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: -1;
-moz-animation: 20s linear infinite 0s normal none irzycligne;
-o-animation: 20s linear infinite 0s normal none irzycligne;
-webkit-animation: 20s linear infinite 0s normal none irzycligne;
-ms-animation: 20s linear infinite 0s normal none irzycligne;
animation: 20s linear infinite 0s normal none irzycligne;
}
#irzyyeuxfermes
{
width:100%;
height:318px;
background-image:url(../interface/irzyyeuxfermes.png);
background-repeat: no-repeat;
background-position: 50% 0px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: 5;
-moz-animation: 20s linear infinite 0s normal none irzycligne;
-o-animation: 20s linear infinite 0s normal none irzycligne;
-webkit-animation: 20s linear infinite 0s normal none irzycligne;
-ms-animation: 20s linear infinite 0s normal none irzycligne;
animation: 20s linear infinite 0s normal none irzycligne;
}
#irzyyeuxfermes:hover
{
background-position: 50% -318px;
}
#banniere
{
display:block;
width:100%;
height:318px;
background-image:url(../interface/doubleban_transp.png);
background-repeat: no-repeat;
background-position: 50% 0px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
}
#banniere:hover
{
opacity: 0;
background-position: 50% -318px;
}
#bannierenuit
{
height: 100px;
background-image:url(../interface/doubleban_transp.png);
width:100%;
height:318px;
background-repeat: repeat-x;
background-position: 50% -318px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: -1;
}
#bannierecieldefilnuit
{
height: 100px;
background-image: url(../interface/doubleban_cieldefil.png);
width:100%;
height:318px;
background-repeat: repeat-x;
background-position: 50% 0px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: -9;
-moz-animation: 90s linear infinite 0s normal none bancieldefilnuit;
-o-animation: 90s linear infinite 0s normal none bancieldefilnuit;
-webkit-animation: 90s linear infinite 0s normal none bancieldefilnuit;
-ms-animation: 90s linear infinite 0s normal none bancieldefilnuit;
animation: 90s linear infinite 0s normal none bancieldefilnuit;
}
#bannierecieldefil
{
height: 100px;
width:100%;
height:318px;
background-image: url(../interface/doubleban_cieldefil.png);
background-repeat: repeat-x;
background-position: 50% -318px;
border: 0px;
position: absolute;
left: -1px;
min-width: 1000px;
opacity: 1;
z-index: -3;
-moz-animation: 90s linear infinite 0s normal none bancieldefil;
-o-animation: 90s linear infinite 0s normal none bancieldefil;
-webkit-animation: 90s linear infinite 0s normal none bancieldefil;
-ms-animation: 90s linear infinite 0s normal none bancieldefil;
animation: 90s linear infinite 0s normal none bancieldefil;
}
#bannierecieldefil:hover
{
opacity: 0;
}

@-moz-keyframes bancieldefil {
0% {
  background-position: 0px -318px; }
100% {
  background-position: 2296px -318px; }
}
@-o-keyframes bancieldefil {
0% {
  background-position: 0px -318px; }
100% {
  background-position: 2296px -318px; }
}
@-webkit-keyframes bancieldefil {
0% {
  background-position: 0px -318px; }
100% {
  background-position: 2296px -318px; }
}
@-ms-keyframes bancieldefil {
0% {
  background-position: 0px -318px; }
100% {
  background-position: 2296px -318px; }
}
@keyframes bancieldefil {
0% {
  background-position: 0px -318px; }
100% {
  background-position: 2296px -318px; }
}

@-moz-keyframes bancieldefilnuit {
0% {
  background-position: 0px 0px; }
100% {
  background-position: 2296px 0px; }
}
@-o-keyframes bancieldefilnuit {
0% {
  background-position: 0px 0px; }
100% {
  background-position: 2296px 0px; }
}
@-webkit-keyframes bancieldefilnuit {
0% {
  background-position: 0px 0px; }
100% {
  background-position: 2296px 0px; }
}
@-ms-keyframes bancieldefilnuit {
0% {
  background-position: 0px 0px; }
100% {
  background-position: 2296px 0px; }
}
@keyframes bancieldefilnuit {
0% {
  background-position: 0px 0px; }
100% {
  background-position: 2296px 0px; }
}
#bannierecielparal{height: 100px;width:100%;height:318px;background-image: url(../interface/doubleban_cielparal.png);background-repeat: repeat-x;background-position: 50% 0px;border: 0px;position: absolute;left: -1px;min-width: 1000px;opacity: 1;z-index: -2;-moz-animation: 45s linear infinite 0s normal none bancieldefil;-o-animation: 45s linear infinite 0s normal none bancieldefil;-webkit-animation: 45s linear infinite 0s normal none bancieldefil;-ms-animation: 45s linear infinite 0s normal none bancieldefil;animation: 45s linear infinite 0s normal none bancieldefil;}#bannierecielparal:hover{opacity: 1;}#bannierecielparalnuit{height: 100px;width:100%;height:318px;background-image: url(../interface/doubleban_cielparalnuit.png);background-repeat: repeat-x;background-position: 50% 0px;border: 0px;position: absolute;left: -1px;min-width: 1000px;opacity: 1;z-index: -2;-moz-animation: 70s linear infinite 0s normal none bancieldefil;-o-animation: 70s linear infinite 0s normal none bancieldefil;-webkit-animation: 65s linear infinite 0s normal none bancieldefil;-ms-animation: 70s linear infinite 0s normal none bancieldefil;animation: 70s linear infinite 0s normal none bancieldefil;}#bannierecielparalnuit:hover{opacity: 1;}
#bannieretd
{
width:100%;
height:317px;
padding: 0px;
margin: 0px auto;
border: 0px;
}
#bgcompltrois
{
position: absolute;
width: 100%;
background-position: 50% 0px;
height: 132px;
top: 318px;
margin: 0px auto;
padding: 0px;
background-image: url(../interface/bgcompl3.png);
left: -43px;
z-index: -1;
min-width: 1000px;
background-repeat: no-repeat;
}
#vertical
{
width: 130px;
height: 1200px;
padding: 0px;
float: left;
}
#vertical p { margin-left: 1px; }
#verticalinner
{
background-image:url(../interface/vertical.jpg);
height: 1050px;
margin-top: -13px;
border: 0px;
}
#verticalgtransp
{
width: 130px; height: 150px; border: 0px; margin: 0px; padding: 0px; background-image: url(../interface/verticaltransp.png); background-position: bottom right; vertical-align: bottom;
}
#bastransition { background-image: url(../interface/texture-bottom.png); width: 669px; height: 162px; padding: 0px; margin: 0px; border: 0px; }
#bascentre { background-image: url(../interface/bascentre.png); width: 669px; height: 154px; padding: 0px; margin-left:147px; border: 0px; }
#verticald
{
width: 168px;
height: 1200px;
float: right;
padding: 0px;
}
#verticald p { margin-left: 1px; }
#verticaldinner
{
background-image:url(../interface/vertical2.jpg);
background-position: top right;
height: 1050px;
margin-top: -13px;
}
#verticaldtransp
{
width: 167px; height: 150px; border: 0px; margin: 0px; padding: 0px; background-image: url(../interface/vertical2transp.png); background-position: bottom left; vertical-align: bottom
}
#centre
{
background-image:url(../interface/texture.JPG);
margin-left: 147px;
margin-bottom: 0px;
width: 669px;
}
#interieur
{
border: 0px;
margin-left: 3px;
padding: 0px;
background-image:url(../interface/texture-top.jpg);
background-position: center top;
background-repeat: no-repeat;
min-height: 542px;
display: block;
width: 662px;
}
#interieurbis
{
border: 0px;
margin: auto;
margin-bottom: 0px;
padding: 0px;
background-image:url(../interface/texture-bottom.png);
background-position: center bottom;
background-repeat: repeat-x;
display: block;
height: 162px;
width: 680px;
}
#screen
{
line-height: 0px;
text-align: center;
}
#basg { background-image: url(../interface/basg.png); padding: 0px; margin: 0px; }
#basd { background-image: url(../interface/basd.png); padding: 0px; margin: 0px; }
#bas
{
clear: both;
bottom: 0px;
margin: auto 0px;
background-repeat: repeat-x;
height: 319px;
width: 100%;
background-position: 50% -160px;
background: url(../interface/bannierebas_transp.png) center bottom no-repeat;
background-repeat: no-repeat;
}
#textefooter {
margin-top: -1120px;z-index: 25;
}
#bastransp
{
position: absolute;bottom: 0px;
background-position: center top;
background-image:url(../interface/bannierebas_transp.png);
background-repeat: repeat-x;
height: 480px;
width: 100%;
z-index: 10;
}
#bascieldefil
{
background-image:url(../interface/bannierebas_cieldefil.jpg);
position: absolute;bottom: 0px;
background-position: 50% 17px;
background-repeat: repeat-x;
height: 319px;
width: 100%;
z-index: -2;


-moz-animation: 85 linear infinite 0s normal none bascieldefil;
-o-animation: 85 linear infinite 0s normal none bascieldefil;
-webkit-animation: 85 linear infinite 0s normal none bascieldefil;
-ms-animation: 85 linear infinite 0s normal none bascieldefil;
animation: 85 linear infinite 0s normal none bascieldefil;
}#bascieldefilparal{background-image:url(../interface/bannierebas_cieldefilparal1.png);position: absolute;background-position: 50% 250px;background-repeat: repeat;height: 320px;width: 100%;bottom: 0px;z-index: 3;opacity: 1;pointer-events: none;-moz-animation: 50s linear infinite 0s normal none bascieldefil;-o-animation: 50s linear infinite 0s normal none bascieldefil;-webkit-animation: 50s linear infinite 0s normal none bascieldefil;-ms-animation: 50s linear infinite 0s normal none bascieldefil;animation: 50s linear infinite 0s normal none bascieldefil;}#bascieldefilparalbis{background-image:url(../interface/bannierebas_cieldefilparal2.png);position: absolute;background-position: center top;background-repeat: repeat;height: 350px;width: 100%;bottom: 0px;z-index: 4;opacity: 1;pointer-events: none;-moz-animation: 70s linear infinite 0s normal none bascieldefil;-o-animation: 70s linear infinite 0s normal none bascieldefil;-webkit-animation: 70s linear infinite 0s normal none bascieldefil;-ms-animation: 70s linear infinite 0s normal none bascieldefil;animation: 70s linear infinite 0s normal none bascieldefil;}

#basetoiles
{
position: absolute;bottom: 0px;
background-position: center top;
background-image:url(../interface/bannierebas_etoiles.png);
background-repeat: repeat;
background-position: center bottom;
height: 320px;
width: 100%;
z-index: 0;
background-attachment: fixed;-moz-animation: 150s linear infinite 0s normal none basetoiles;-o-animation: 150s linear infinite 0s normal none basetoiles;-webkit-animation: 150s linear infinite 0s normal none basetoiles;-ms-animation: 150s linear infinite 0s normal none basetoiles;animation: 150s linear infinite 0s normal none basetoiles;background-attachment: fixed;
}
@-moz-keyframes basetoiles {0% {  background-position: 0px bottom; }100% {  background-position: 2296px bottom; }}@-o-keyframes basetoiles {0% {  background-position: 0px bottom; }100% {  background-position: 2296px bottom; }}@-webkit-keyframes basetoiles {0% {  background-position: 0px bottom; }100% {  background-position: 2296px bottom; }}@-ms-keyframes basetoiles {0% {  background-position: 0px bottom; }100% {  background-position: 2296px bottom; }}@keyframes basetoiles {0% {  background-position: 0px bottom; }100% {  background-position: 2296px bottom; }}
#basrayons
{
background-image:url(../interface/rayonssoleil.png);
position: absolute;bottom: 0px;
background-position: 50% 17px;
background-repeat: repeat-x;
height: 319px;
width: 100%;
z-index: -1;


-moz-animation: 10s linear infinite 0s normal none basrayons;
-o-animation: 10s linear infinite 0s normal none basrayons;
-webkit-animation: 10s linear infinite 0s normal none basrayons;
-ms-animation: 10s linear infinite 0s normal none basrayons;
animation: 10s linear infinite 0s normal none basrayons;
}
#basrayonsbis
{
background-image:url(../interface/rayonssoleil.png);
position: absolute;bottom: 0px;
background-position: 25% 17px;
background-repeat: repeat-x;
height: 319px;
width: 100%;
z-index: -1;


-moz-animation: 8s linear infinite 0s normal none basrayonsbis;
-o-animation: 8s linear infinite 0s normal none basrayonsbis;
-webkit-animation: 8s linear infinite 0s normal none basrayonsbis;
-ms-animation: 8s linear infinite 0s normal none basrayonsbis;
animation: 8s linear infinite 0s normal none basrayonsbis;
}

@-moz-keyframes bascieldefil {
0% {
  background-position: 0px 17px; }
100% {
  background-position: 2296px 17px; }
}
@-o-keyframes bascieldefil {
0% {
  background-position: 0px 17px; }
100% {
  background-position: 2296px 17px; }
}
@-webkit-keyframes bascieldefil {
0% {
  background-position: 0px 17px; }
100% {
  background-position: 2296px 17px; }
}
@-ms-keyframes bascieldefil {
0% {
  background-position: 0px 17px; }
100% {
  background-position: 2296px 17px; }
}
@keyframes bascieldefil {
0% {
  background-position: 0px 17px; }
100% {
  background-position: 2296px 17px; }
}

@-moz-keyframes basrayons {
0% {
  opacity: 1; }
50% {
  opacity: 0.3; }
100% {
  opacity: 1; }
}
@-o-keyframes basrayons {
0% {
  opacity: 1; }
50% {
  opacity: 0.3; }
100% {
  opacity: 1; }
}
@-webkit-keyframes basrayons {
0% {
  opacity: 1; }
50% {
  opacity: 0.3; }
100% {
  opacity: 1; }
}
@-ms-keyframes basrayons {
0% {
  opacity: 1; }
50% {
  opacity: 0.3; }
100% {
  opacity: 1; }
}
@keyframes basrayons {
0% {
  opacity: 1; }
50% {
  opacity: 0.3; }
100% {
  opacity: 1; }
}
@-moz-keyframes basrayonsbis {
0% {
  opacity: 0.3; }
50% {
  opacity: 1; }
100% {
  opacity: 0.3; }
}
@-o-keyframes basrayonsbis {
0% {
  opacity: 0.3; }
50% {
  opacity: 1; }
100% {
  opacity: 0.3; }
}
@-webkit-keyframes basrayonsbis {
0% {
  opacity: 0.3; }
50% {
  opacity: 1; }
100% {
  opacity: 0.3; }
}
@-ms-keyframes basrayonsbis {
0% {
  opacity: 0.3; }
50% {
  opacity: 1; }
100% {
  opacity: 0.3; }
}
@keyframes basrayonsbis {
0% {
  opacity: 0.3; }
50% {
  opacity: 1; }
100% {
  opacity: 0.3; }
}

@-moz-keyframes irzycligne {
0% {
  opacity: 0; }
15% {
  opacity: 0; }
15.1% {
  opacity: 1; }
15.9% {
  opacity: 1; }
16% {
  opacity: 0; }
49% {
  opacity: 0; }
49.1% {
  opacity: 1; }
49.9% {
  opacity: 1; }
50% {
  opacity: 0; }
80% {
  opacity: 0; }
80.1% {
  opacity: 1; }
81.9% {
  opacity: 1; }
82% {
  opacity: 0; }
82.9% {
  opacity: 0; }
83% {
  opacity: 1; }
83.9% {
  opacity: 1; }
84% {
  opacity: 0; }
100% {
  opacity: 0; }
}
@-o-keyframes irzycligne {
0% {
  opacity: 0; }
15% {
  opacity: 0; }
15.1% {
  opacity: 1; }
15.9% {
  opacity: 1; }
16% {
  opacity: 0; }
49% {
  opacity: 0; }
49.1% {
  opacity: 1; }
49.9% {
  opacity: 1; }
50% {
  opacity: 0; }
80% {
  opacity: 0; }
80.1% {
  opacity: 1; }
81.9% {
  opacity: 1; }
82% {
  opacity: 0; }
82.9% {
  opacity: 0; }
83% {
  opacity: 1; }
83.9% {
  opacity: 1; }
84% {
  opacity: 0; }
100% {
  opacity: 0; }
}
@-webkit-keyframes irzycligne {
0% {
  opacity: 0; }
15% {
  opacity: 0; }
15.1% {
  opacity: 1; }
15.9% {
  opacity: 1; }
16% {
  opacity: 0; }
49% {
  opacity: 0; }
49.1% {
  opacity: 1; }
49.9% {
  opacity: 1; }
50% {
  opacity: 0; }
80% {
  opacity: 0; }
80.1% {
  opacity: 1; }
81.9% {
  opacity: 1; }
82% {
  opacity: 0; }
82.9% {
  opacity: 0; }
83% {
  opacity: 1; }
83.9% {
  opacity: 1; }
84% {
  opacity: 0; }
100% {
  opacity: 0; }
}
@-ms-keyframes irzycligne {
0% {
  opacity: 0; }
15% {
  opacity: 0; }
15.1% {
  opacity: 1; }
15.9% {
  opacity: 1; }
16% {
  opacity: 0; }
49% {
  opacity: 0; }
49.1% {
  opacity: 1; }
49.9% {
  opacity: 1; }
50% {
  opacity: 0; }
80% {
  opacity: 0; }
80.1% {
  opacity: 1; }
81.9% {
  opacity: 1; }
82% {
  opacity: 0; }
82.9% {
  opacity: 0; }
83% {
  opacity: 1; }
83.9% {
  opacity: 1; }
84% {
  opacity: 0; }
100% {
  opacity: 0; }
}
@keyframes irzycligne {
0% {
  opacity: 0; }
15% {
  opacity: 0; }
15.1% {
  opacity: 1; }
15.9% {
  opacity: 1; }
16% {
  opacity: 0; }
49% {
  opacity: 0; }
49.1% {
  opacity: 1; }
49.9% {
  opacity: 1; }
50% {
  opacity: 0; }
80% {
  opacity: 0; }
80.1% {
  opacity: 1; }
81.9% {
  opacity: 1; }
82% {
  opacity: 0; }
82.9% {
  opacity: 0; }
83% {
  opacity: 1; }
83.9% {
  opacity: 1; }
84% {
  opacity: 0; }
100% {
  opacity: 0; }
}

#google { text-align: center; width: 468px; height: 70px; margin: auto; margin-bottom: 10px; }
#acctelech
{
margin-left: -5px;
margin-top: -0px;
padding: 0px;
width: 500px;
height: 76px;
background-image: url(../interface/dlaccueil_lien.jpg);
background-position: 0px 0px;
display: block;
}
#acctelech:hover
{
background-position: 0px 76px;
}
#accueil
{
width: 500px;
height: 320px;
display: block;
background-image: url(../interface/dlaccueil.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#sonddiv
{
display: block;
float: right;
margin-right: 13px;
padding: 0px;
border: 0px;
width: 149px;
height: 320px;
background-image:url(../interface/sondfond.jpg);
}
#sondbonus
{
position: absolute;
width: 149px;
height: 55px;
left: 50%;
margin-left: 150px;
z-index: 3;
background-image:url(../interface/sondagebonus.png);
top: 263px;
}
.tablenews
{
border: 2px outset #F7AE6B;
margin-left: auto;
margin-right: auto;
}
.tdnews
{
width: 600px;
background-image: url("../interface/background.JPG");
border: 2px inset #6C3A15;
}
.divnews
{
width: 604px;
background-image: url("../interface/background.JPG");
border: 2px outset #F7AE6B;
margin-left: auto;
margin-right: auto;
box-shadow: #08172b 0px 4px 5px;
transition: box-shadow 1s;
}
.divnews:hover
{
background-image: url("../interface/backgroundbis.jpg");
border: 2px outset #fbce86;
box-shadow: #4888de 0px 0px 10px;
transition: box-shadow 0s;
}
.divnewsinner { border: 2px inset #6C3A15; width: 600px; }
.tablec
{
margin-left: auto;
margin-right: auto;
}
.tablesoluce
{
border: 2px outset #F7AE6B;
margin-left: 8px;
margin-top: 8px;
float: left;
box-shadow: #08172b 0px 4px 5px;
}
.tdsoluce
{
width: 200px;
background-image: url("../interface/background.JPG");
border: 2px inset #6C3A15;
height: 250px;
}
#chapfondun { background-image:url(../images/solucebg1.jpg); }
#chapfonddeux { background-image:url(../images/solucebg2.jpg); }
#chapfondtrois { background-image:url(../images/solucebg3.jpg); }
#chapfondquatre { background-image:url(../images/solucebg4.jpg); }
#chapfondcinq { background-image:url(../images/solucebg5.jpg); }
#chapfondsix { background-image:url(../images/solucebg6.jpg); }
#chapfondsept { background-image:url(../images/solucebg7.jpg); }#chapfondhuit { background-image:url(../images/solucebg8.jpg); }
.art { width: 100px; }
.artimg { display: block; border: 1px solid #F7AE6B; width: 100px; height: 100px; background-position: 0 0; background-repeat: no-repeat; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s }
.artimg:hover {box-shadow: #6ba8fb 0px 0px 12px; background-position: 0 -100px; transition: box-shadow 0s }

.artbis { display: block; width: 175px; border: 1px solid #F7AE6B; height: 131px; background-position: 0 0; background-repeat: no-repeat; box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s }
.artbis:hover {box-shadow: #6ba8fb 0px 0px 12px; background-position: 0 -131px; transition: box-shadow 0s }
.artbistd { width: 175px; height: 190px; }


.tdpersos { width: 200px; }

.ombre { box-shadow: #08172b 0px 4px 5px; transition: box-shadow 1s; }
.ombre:hover {box-shadow: #6ba8fb 0px 0px 12px; transition: box-shadow 0s; }


#scenarillu { float: left; border: 0px; margin-left: 0px; margin-right: -5px;}

#encyclo h2 { text-align: left; margin-left: 5px; }
#encyclakza
{
height: 550px;
width: 323px;
border: 0px;
padding: 0px;
background-image: url(../interface/encyclakza.jpg);
background-position: 0px 0px;
display: block;
float: left;
margin-left: 10px;
}
#encyclakza:hover { background-position: 0px -550px; }
#encyclestar
{
height: 550px;
width: 317px;
border: 0px;
padding: 0px;
background-image: url(../interface/encyclestar.jpg);
background-position: 0px 0px;
display: block;
float: left;
}
#encyclestar:hover { background-position: 0px -550px; }audio {  background-color: none;}