body {
width: 100%;
margin: 0; /* Pour centrer notre page */
padding: 0;
margin-bottom: 20px;    /* Idem pour le bas du navigateur */
font: Verdana, arial, sans-serif;
background: url("img/background.gif") no-repeat top left #910500 fixed;
}
table {
margin-left: 20px;
}
sup  {
font-size: 10px;
}
.center {
text-align: center;}
#banniere {
width: 700px;
margin: 5px 0 0 10px;
padding:5px 30px 0 0; 
height:140px; 
text-align: right;
}
hr {
color:white;
height: 0px;
}
#banniere a {
color: #ffffff;
text-decoration: none;
}
#gauche {
float: left; 
margin-top: 20px;
width: 200px;
height: 140px;
}
#logos {
z-index: 20;
clear:left;
float: left; 
margin-top: 30px !important;
margin-top: 20px;
margin-left: 5px !important;
margin-left: 0;
width: 200px;
height: 240px;
}
#logos h1	{
font-weight: bold;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin-left: 5px !important;
margin-left: 8px;
line-height : 120%;
color: white;
text-align: center;
width: 180px;
}
#animookpreso a, #namookpreso a, #kasinapreso a,  #ekopreso a,  #akwapreso a {
text-decoration: none;
color: #ffffff;
}
#animookpreso a:hover, #namookpreso a:hover, #kasinapreso a:hover, #ekopreso a:hover, #akwapreso a:hover {
background: none; /* correction d'un bug IE */
}
#animookpreso a span, #namookpreso a span, #kasinapreso a span, #ekopreso a span, #akwapreso a span {
display: none;
}
#animookpreso a:hover span, #namookpreso a:hover span, #kasinapreso a:hover span, #ekopreso a:hover span, #akwapreso a:hover span {
padding:7px 5px 8px 5px;
display: inline;
z-index: 20;
position: absolute;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size:9px;
color: white;
background: #910500 no-repeat;
border: 1px solid white;
width: 130px;
margin: 5px;
}
.animook, .namook, .kasina, .eko, .akwa {
margin-left: 65px !important;
margin-left: 75px;
}
#contact {
color: #ff8c00;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 10px;
text-align: center;
font-size: 13px;
margin-left: -20px !important;
margin-left: 5px;
}
#liens {
font-size: 13px;
color: #ff8c00;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 25px;
text-align: center;
margin-left: -20px !important;
margin-left: 5px;
}
#contact a, #liens a {
text-decoration: none;
color: white;
}
#contact a:hover, #liens a:hover {
text-decoration: underline;
color: #ffd700;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
margin-top: 25px;
margin-left: 251px;
margin-bottom: 10px;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
top: 150;
left: 230;
//left: 0 !important;
z-index:100;
width: 100%; /* correction pour Opera */
width: 800px;
}
#menu dl {
float: left;
width: 110px;

}
.noselect {
width: 100px;
cursor: pointer;
font-weight: bold;
font-size:13px;
color: white;
background: #910500;
border: 1px solid #ae1915;
}
.noselect a {
color: white;}
#menu dt a {
height:30px;
padding:5px;
text-align: center;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover, #menu dt a:focus {
font-weight: bold;
color: #910500;
background: #ff8c00;
border: 1px solid white;
}
.select {
width: 100px;
cursor: pointer;
font-weight: bold;
font-size:13px;
color: #910500;
background: #ff8c00;
border: 1px solid white;
}
.select a {
color: #910500;}
#menu dd {
display: none;
margin-left: 10px;
color: white;
width: 90px;
background: #910500;
border: 1px solid #ae1915;
}
#menu li {
font-size:11px;
}
#menu li a {

color: white;
text-decoration: none;
text-align: center;
padding: 5px 0;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus {
font-weight: bold;
color: #910500;
background: #ff8c00;
border: 1px solid white;
}

#form {
position: absolute;
z-index: 10;
top: 218px; 
left: 230px;
margin-top: 25px;
padding:4px 8px 5px 8px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
font-size:12px;
text-align:center;
color: white;
border: white solid 1px;
background: #910500;
-moz-opacity:.9;
filter:alpha(opacity=90);
width: 450px;
}
#form a {
text-decoration: none;
color: #ff8c00;
}
#form a:hover {
color: #ffd700;
text-decoration: underline;
}
#corps {
position: absolute;
top: 200;
left: 250;
//left: 0 !important;
z-index: 8;
width: 650px; 
margin: 85px 0 20px 201px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
border-left: 1px solid #ae1915;
}
#corpsdreaming {
position: absolute;
top: 160;
left: 250;
//left: 0 !important;
z-index: 8;
width: 750px;
margin: 75px 0 20px 201px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
border-left: 1px solid #ae1915;
}
#corpformok {
height:460px;
}
#corpformok .titab {
text-align: center;
}
.legende, .legendedream {
text-align:justify;
font-size:10px;
color: white;
padding:5px 7px 2px 7px;
background: #910500; -moz-opacity:.9; filter:alpha(opacity=90);
border: #ae1915 solid 1px;
}
#newsdream {
float: left;
margin-right: 40px;}
#fiche caption {
margin-top:15px;}

.top{
font-size:10px;
border-bottom: 1px #ae1915 solid; 
color: #ff8c00;
padding-top:5px;
}
.top a, .topend a, .legende a, .table2 a, .legendedream a, .intro a, .sommaire a {
text-decoration: none;
color: #ff8c00;
}
.top a:hover, .topend a:hover, .legende a:hover, .table2 a:hover, .legendedream a:hover, .intro a:hover, .sommaire a:hover  {
color: #ffd700;
text-decoration: underline;
}
.table, .table2 {
background: #910500;
-moz-opacity:.9;
filter:alpha(opacity=90);}
.animwall
{padding: 0;
line-height:0;}
.gras {
font-weight: bolder;}
caption {
font-size: 15px;
font-weight:bold;
text-align: center;
padding: 3px;
border: 1px #ae1915 solid;
color: white;
background: #910500;
-moz-opacity:.9;
filter:alpha(opacity=90);
}
#corps h2, #corpsdreaming h2, #corpsformok h2 {
text-align: left;
padding: 2px 0 3px 20px;
font-weight:bolder;
font-size:14px;
color: #910500;
background: #ff8c00;
border: 1px solid white;
}
h2 a {
text-decoration: none;
color: #910500;
font-weight: bold;
}
h2 a:hover {
color: white;
}
#diapo h2 {
text-align: center;
padding: 3px 4px;}
h3 {
font-size:13px;
font-weight: bold;
color: #ffffff;
font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}
h4 {
font-weight:bold;
font-size: 12px;
color: white;
vertical-align: top;
text-align: center;
margin:15px 0 10px 0;
padding:0;
}
h4 p {
margin:5px 0 0 0;
padding:0;}
h5 {
font-weight:bold;
font-size: 11px;
color: #ff8c00;
vertical-align: top;
text-align: justify;
margin:0;
padding:0;
}
h5 a {
text-decoration: none;
color: pink;
}
h5 a:hover {
color: white;
text-decoration: underline;}
h6 {
font-size: 11px;
color: white;
font-weight: bold;
vertical-align: top;
text-align: justify;
margin:10px 0 2px 0;
padding:0;
}
h6 a {
text-decoration: none;
color: white;
}
h6 a:hover {
text-decoration: underline;
color: #ffd700;}

.orange a{
text-decoration: none;
color: white;
}
.orange a:hover{
text-decoration: underline;
color: #910500;
}
.jaune {
font-size: 11px;
font-weight: bold;
margin:10px 0 2px 0;
text-align: justify;
padding-top: 10px;
}
.jaune a{
text-decoration: none;
color: #ffd700;
}
.jaune a:hover{
text-decoration: underline;
color: #ffd700;}

.photo {
margin: 0;
padding: 0;
text-align: center;
}
.photo img {
border: 1px solid white;
}
.photo a  {
text-decoration: none;
color: #ffffff;
}
.addthis {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0;
}
#connect {
text-align: center;
margin-top: 20px;
padding: 0;
font-size: 10px;
font-weight: bold;
text-align: center;
font-weight: normal;
color: white;
}
#pied{
height:28px;
width: 620px;
margin: auto; /* Pour centrer notre page */
margin-left: 0px;
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
padding-top: 10px;
padding-right: 37px;
text-align: right;
font-size: 10px;
background: url("img/animooklogo3.gif") no-repeat right;
}
#pied2 {
height:28px;
width: 590px;
margin: auto; /* Pour centrer notre page */
margin-left: 0px;
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
padding-top: 10px;
padding-right: 37px;
text-align: right;
font-size: 10px;
background: url("img/animooklogo3.gif") no-repeat right;
}
#pied a, #pied2 a  {
text-decoration: none;
color: #ff8c00;
}
#pied a:hover , #pied2 a:hover {
text-decoration: underline;
color: #ffd700;}

.titread {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0 0 0 61px;
//margin: 0 0 0 31px;
color: #910500;
background: #ff8c00;
border: 1px solid white;
padding:3px;
width: 135px;
}
.titread2 {
font-size: 9px;
text-align: center;
font-weight: bold;
margin-bottom: 0;
color: #ec4242;
}
.ad2 {
color:white;
text-align: left;
padding-left: 5px;
}
#adsense {
position: absolute;
top: 170;
left: 711;
//left: 0;
margin-top: 50px;
margin-left:711px;
text-align: center;
 width:230px;
}
#comments {
position: absolute;
top: 220;
left: 751;
//left: 0;
padding:0;
margin-top: 220px;
margin-left:971px;
text-align: center;
width:280px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
}
#comments table {
margin-left: 0px;
}
#comments caption {
margin: 0;
font-size:14px;
}
#comments h2 {
text-align: center;
padding: 2px 0 3px 0;
font-weight:bolder;
font-size:14px;
color: #910500;
background: #ff8c00;
border: 1px solid white;}
.commentstable {
border: 1px solid #ae1915;
text-align: center;
padding-left: 12px;
}
#comments input{
background: #910500;
}
#adsenseform {
color:white;
position: absolute;
top: 170;
left: 771;
//left: 0;
margin-top: 50px;
margin-left:771px;
width: 220px;
text-align: center;
}
.table1 {
text-align: center;
background: #910500;
-moz-opacity:.9;
filter:alpha(opacity=90);
}
.table2 {
text-align: justify;
font-size: 11px;
color: white;
background: #910500;
-moz-opacity:.9;
filter:alpha(opacity=90);
}


.asterisque {
padding-left:2px;
font-size:10px;
color: #ff8c00;
text-align: center;
}
.formcentre, .stream  {
text-align: center;
}
.phototitre {
text-align: left;
}
.portrait a, .phototitre a {
text-decoration: none;
color: #ffffff;
}
.texteformulaire caption {
margin-bottom: 10px;
}
textarea, .fondformulaire {
background-color: #ec4242;
color: white;
border: 1px white solid;
}
textarea:focus , input:focus {
color: white;
background-color: #ae1915;
font-weight: bold;
border: 1px white solid;
}
select  {
background-color: #ec4242;
color: white;
border: 1px white solid;
font-weight: bold;
font-family: arial, sans-serif;
}
#jmef a, #jmef2 a, #ail a,  #rat a, #lok a , #rft a, #dlb a, #tfd a, #itin a, #inri a, #babe a, #rafa a, #pde a, #dor a, #lond a, #ht a , #babp a, #wn a, #mook a, #blai a, #brba a, #sapa a, #gesa a, #ailc a, #pink a, #lokc a,#tbs a, #htc a, #aii a, #pj a , #man a ,  #sot a {
text-decoration: none;
color: #ffffff;
}
#jmef:hover a, #jmef2 a:hover, #ail a:hover, #rat a:hover, #lok a:hover, #tbs a:hover, #rft a:hover, #dlb a:hover, #tfd a:hover, #itin a:hover, #inri a:hover, #babe a:hover, #rafa a:hover, #pde a:hover, #dor a:hover, #lond a:hover, #ht a:hover, #babp a:hover, #wn a:hover, #mook a:hover, #blai a:hover, #brba a:hover, #sapa a:hover, #gesa a:hover, #ailc a:hover, #pink a:hover, #lokc a:hover, #htc a:hover, #aii a:hover, #pj a:hover, #man a :hover, #sot a:hover {
background: none; /* correction d'un bug IE */
}
#jmef a span, #jmef2 a span, #ail a span, #rat a span, #tbs a span, #lok a span, #rft a span, #dlb a span, #tfd a span, #itin a span, #inri a span, #babe a span, #rafa a span, #pde a span, #dor a span, #lond a span, #ht a span, #babp a span, #wn a span, #mook a span, #blai a span, #brba a span, #gesa a span, #ailc a span, #sapa a span, #pink a span, #lokc a span, #htc a span, #aii a span , #pj a span, #man a span, #sot a span{
display: none;
}
#jmef a:hover span, #jmef2 a:hover span, #ail a:hover span, #rat a:hover span, #tbs a:hover span, #lok a:hover span, #rft a:hover span, #dlb a:hover span, #tfd a:hover span, #itin a:hover span, #inri a:hover span, #babe a:hover span, #rafa a:hover span, #pde a:hover span, #dor a:hover span, #lond a:hover span, #ht a:hover span, #babp a:hover span, #wn a:hover span, #mook a:hover span, #blai a:hover span, #sapa a:hover span, #aii a:hover span, #pj a:hover span, #man a :hover span, #sot a:hover span  {
padding: 5px 10px;
display: inline;
z-index: 20;
position: absolute;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size:9px;
line-height: 15px;
margin-left: 28px;
color: #910500;
background: #ff8c00;
border: 1px solid white;
}
#brba a:hover span, #gesa a:hover span, #ailc a:hover span, #pink a:hover span, #lokc a:hover span, #htc a:hover span {
padding: 5px 10px 10px 0;
display: inline;
z-index: 20;
position: absolute;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size:9px;
line-height: 15px;
margin-left: 28px;
color: white;
background: #910500;
border: 1px solid white;
-moz-opacity:1;
filter:alpha(opacity=100);
} 
.titres {
font-size:12px;
font-weight: bolder;
font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}
#tfd a:hover span {
margin-left: -310px;
}
#tbs a:hover span, #pj a:hover span {
margin-top:-5px;
}
#lond a:hover span {
margin-left: -330px;
}
#mook a:hover span {
margin-left: -330px;
}
#sapa a:hover span {
margin-left: -384px;
}
#babe a:hover span {
margin-left: -285px;
}
#brba a:hover span {
margin-top:-200px;
}
#gesa a:hover span {
width: 450px;
margin-top:-200px;
margin-left: 10px;
}
#ailc a:hover span {
margin-left: 10px;
margin-top:-300px;
}
#pink a:hover span {
margin-top:-350px;
margin-left: 10px;
}
#lokc a:hover span {
margin-top:-350px;
margin-left: -400px;
}
#htc a:hover span {
margin-top:-300px;
margin-left: 10px;
}
#brba td, #gesa td, #ailc td, #pink td, #lokc td, #htc td {
padding: 5px 5px;}
#popup {
background: url("") #910500 no-repeat; 
}
#video, #audio, #web, #illustration, #concepts, #preprod, #tournage, #postprod {
text-align: left;
font-size:16.5px;
padding-top: 10px;
padding-bottom: 10px;
}

#bandiapo {
width: 600px;
padding-top:5px; 
height:63px; 
text-align: right;
padding-bottom: 2px
}
#diapo {
width: 600px;
margin-top: 10px;
color: white;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
color:white;
position: absolute;
top: 100;
left: 0;
z-index: 8;
}
#diapo .legende {
font-size:11px;
margin: 15px 0;}
.legendedream{
font-size:10px;
margin: 15px 0 15px 20px;}
.stream  {
padding-bottom: 15px;}
.stream  a {
text-decoration:none;
color: #ffffff;
}
.stream a:hover {
text-decoration:underline;
}
.perso {
text-align: center;
font-size: 18px;
padding:0 0 5px 0;
}
.credit {
text-align: center;
font-size: 10px;
color: #ffd700;
padding:5px 0 5px 0;
}
sub  {
font-size: 9px;
}





#contacts .pitch a, #liensami .pitch a {
text-decoration:none;
color: #808000;}
#contacts a:hover {
color: #ff8c00;
}
.nom {
font-weight: bold;
text-align: left;
}
.nomliens {
font-weight: bold;
text-align: center;
}
.nomliensital {
font-weight: bold;
text-align: center;
font-size: 10px;
font-style: italic;
}
#corps .nomliens a, .nomliensital a {
color: #ffffff;
text-decoration: none; }
#corps .nomliens a:hover, .nomliensital a:hover {
color: #191970;}

#corps .pitchliens {
text-align: justify;
}
#corps .pitchliens a {
text-decoration: none;
color: #191970;
}
#corps .pitchliens a:hover {
text-decoration: none;
color: #ffffff;
}








.intro {
border-top: 1px #ffffff solid;
text-align: justify;
font-size:13px;
font-weight:bold;
padding-top: 10px;
padding-bottom: 10px;
}
.terms {
text-align:justify;
padding:3px;
background: #910500;
-moz-opacity:.9;
filter:alpha(opacity=90);
border: white solid 1px;}

.topend {
border-bottom: 1px solid #ffffff;
color: #ff8c00;
padding-top:5px;
}



.pseudo {
color: #ffffff;
}
.text {
color: #ffffff;
font-size: 11px;
}

.selection {
background-color: #910500;
color: white;
margin-top: 10px;
font-size: 12px;
font-weight: bold;
text-align: center;
font-weight: normal;
border: 1px white solid;
}
.emission {
font-size: 18px;
font-weight:bold;
}


#connectform {
width: 500px;
padding-top: 130px;
margin-top: 20px;
font-size: 10px;
margin-left: 0;
text-align: center;
font-weight: normal;
color: #ec4242;
}

#adsenseliens {
color:white;
position: absolute;
top: 250;
left: 841;
//left: 0;
margin-top: 130px;
margin-left:841px;
//margin-left: 871px;
padding-left: 20px;
width: 180px;
text-align: center;
}
#adsensecond{
color:white;
position: absolute;
top: 250;
left: 821;
//left: 0;
margin-top: 130px;
margin-left:821px;
//margin-left: 801px;
padding-left: 20px;
width: 180px;
text-align: center;
}


#addiapo {
color:white;
position: absolute;
top: 100;
left: 641;
margin-top: 10px;
margin-left:641px;
width: 120px;
}
#addiapo3 {
color:white;
position: absolute;
top: 100;
left: 721;
margin-top: 10px;
margin-left:721px;
width: 120px;
}
#addiapo4 {
color:white;
position: absolute;
top: 100;
left: 621;
margin-top: 10px;
margin-left:601px;
width: 120px;
}

#addiapo2 {
color:white;
position: absolute;
top: 100;
left: 661;
margin-top: 10px;
margin-left:661px;
width: 120px;}


#addiapo5 {
color:white;
position: absolute;
top: 100;
left: 701;
margin-top: 10px;
margin-left:701px;
width: 120px;}