body {
width: 100%;
margin: 0; /* Pour centrer notre page */
padding: 0;
margin-bottom: 20px;    /* Idem pour le bas du navigateur */
font: 80% verdana, arial, sans-serif;
background: url("img/kasinaback.gif") repeat-x #1e6a0f;
}
#banniere {
margin:0;
width: 800px;
height: 160px;
padding-top:15px; 
border-bottom: white solid 1px;
text-align: right;
}
#banniere a {
color: #ffffff;
text-decoration: none;
}
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: 0.9em;
top: 150;
left: 250;
z-index:100;
width: 100%; /* correction pour Opera */
width: 100px;
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
width: 100px;
height:30px;
cursor: pointer;
font-weight: bold;
font-size:1.1em;
color: white;
background: url("img/backmenu.gif") no-repeat;
}
#menu dt a {
padding-top:5px;
padding-left:0px;
padding-right:5px;
text-align: center;
}
#menu dd {
display: none;
margin-left: 5px;
color: white;
}
#menu li {
width: 100px;
height:30px;
color: #ec4242;
padding-top: 5px;
padding:1px !important;
padding:0;
}
#menu li a {
background: url("img/backmenu.gif") no-repeat;
color: white;
text-decoration: none;
text-align: center;
padding-left:0px;
padding-right:5px;
padding-top: 5px ;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus {
font-weight: bold;
color: #ec4242;
min-height: 18px;
background: url("img/backmenu2.gif") no-repeat;
}
#menu dt a:hover, #menu dt a:focus {
font-weight: bold;
color: #ec4242;
background: url("img/backmenu2.gif") no-repeat;
}
#gauche {
float: left; 
margin-top: 20px;
width: 200px;
height: 100px;
}
#logos {
z-index: 20;
clear:left;
float: left; 
margin-top: 20px !important;
margin-top: 0;
margin-left: 5px !important;
margin-left: 0;
width: 200px;
height: 240px;
}
#animookpreso a, #namookpreso a, #kabpreso a, #ekopreso a, #akwapreso a {
text-decoration: none;
color: #ffffff;
}
#animookpreso a:hover, #namookpreso a:hover, #ekopreso a:hover, #kabpreso a:hover, #akwapreso a:hover {
background: none; /* correction d'un bug IE */
}
#animookpreso a span, #namookpreso a span, #ekopreso a span, #kabpreso a span, #akwapreso a span {
display: none;
}
#animookpreso a:hover span, #namookpreso a:hover span, #ekopreso a:hover span, #kabpreso a:hover span, #akwapreso a:hover span {
padding: 7px 7px 0 4px;
margin: 10px 0 0 5px;
display: inline;
z-index: 20;
position: absolute;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size:0.7em;
color: white;
background: #089f08 no-repeat;
border: 2px solid #ffffff;
width: 130px;
height: 50px;
}
.animook, .namook, .eko, .kab, .akwa {
margin-left: 70px !important;
margin-left: 80px;
}
#contact {
color: #ffffff;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 10px;
text-align: center;
margin-left: 0px !important;
margin-left: 20px;
}
#liens {
color: #ffffff;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 25px;
text-align: center;
margin-left: 0px !important;
margin-left: 20px;
}
#contact a, #liens a {
text-decoration: none;
color: #ffffff;
}
#contact a:hover, #liens a:hover {
text-decoration: underline;
color: #ffffff;
}
#form {
position: absolute;
z-index: 10;
top: 185px; 
left: 230px;
margin-top: 15px;
padding-left: 8px;
padding-top:6px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
font-size:0.95em;
color: #ffffff;
width:460px;
height:30px;
}
#form a {
text-decoration: none;
color: #ec4242;
}
#form a:hover {
color: #ff8c00;
text-decoration: underline;
}
#corps {
position: absolute;
top: 200;
//top:150;
left: 250;
//left: 0 !important;
z-index: 8;
width: 500px; 
margin-left: 201px;
margin-top: 125px;
margin-bottom: 20px;
color: #ffffff;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
}
.index {
margin: 200px 0 0 200px;
color: white;
font-size: 24px;
font-weight: bold;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
}
#corpform {
z-index: 8;
width: 600px; 
margin-left: 221px !important;
margin-left: 15px;
margin-top: 115px;
margin-bottom: 20px;
color: white;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
text-align: center;
}
.asterisque {
color: #ff8c00;
}
h3 {
font-size:1.2em;
font-weight: bold;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
table {
margin-left: 20px;
}
#contacts, #liensami {
margin-left: 20px;
background: url("img/kasinacorps.gif") no-repeat;
}
#contacts a, #liensami a {
text-decoration:none;
color: #ff8c00;
}
#contacts .top a, #liensami .top a {
text-decoration:none;
color: #006400;
}
#contacts a:hover, #liensami a:hover {
color: #006400;
text-decoration:underline;
}
.nom {
font-weight: bold;
}
.legende {
text-align:center
}
caption {
font-size: 1.4em !important;
font-size: 1.36em;
text-align: center;
padding-bottom: 1px;
margin-left: 20px ;
color: #ffffff;
}
.titab {
border-top: 1px #ffffff solid;
text-align: left;
font-size:1.3em;
padding-top: 10px;
padding-bottom: 10px;
}
.titabend {
border-top: 1px white solid;
text-align: center;
font-size:1.3em;
padding-top: 10px;
padding-bottom: 10px;
}
.titab a {
text-decoration: none;
color: #006400;
}
.titab a:hover {
color: #ec4242;
text-decoration: underline;
}
.nom {
text-align: left;
}
td {
font-size:0.8em;
padding-bottom: 8px;
padding-right: 20px;
text-align: left;
}
.photo a , .portrait a {
text-decoration: none;
color: #ffffff;
}
.cv, .pitch{
text-align: justify;
}
.sommaire {
text-align: justify;
background-color: #666633;

border: 1px solid white;
}
.credit {
font-size: 0.9em;
color: #ffd700;
}
sub  {
font-size: 0.7em;
}
.perso {
font-size: 1.5em;
padding:0;
}
.top {
color: violet;
}
.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: pink;
text-decoration: none; }
#corps .nomliens a:hover, .nomliensital a:hover {
color: #009933;}

#corps .pitchliens {
text-align: justify;
}
#corps .pitchliens a {
text-decoration: none;
color: #ffffff;
}
#corps .pitchliens a:hover {
text-decoration: none;
color: pink;
}
#corps .top a, #corps .topend a {
text-decoration: none;
color: #98fb98;
}
#corps .top a:hover, #corps .topend a:hover  {
color: pink;
text-decoration: underline;
}
.top a {
text-decoration: none;
color: #ec4242;
}
.top a:hover  {
color: #ff8c00;
text-decoration: underline;
}
.terms {
text-align: justify;
}
textarea, .fondformulaire {
background-color: #666633;
color: white;
border: 1px white solid;
}
textarea:focus , input:focus {
background-color: #333300;
color: white;
border: 1px white solid;
}
select  {
background-color: #333300;
color: white;
border: 1px white solid;
font-weight: bold;
font-family: arial, sans-serif;
}
.pseudo {
color: #ff8c00;
}
.text {
color: #ffd700;
font-size: 0.8em;
}
.stream {
text-align: center;
}
.stream  a {
text-decoration:none;
color: #ff8c00;
}
.stream a:hover {
text-decoration:underline;
}
.selection {
background-color: #666633;
margin-top: 10px;
font-size: 1.1em;
font-weight: bold;
text-align: center;
font-weight: normal;
border: 1px white solid;
}
h4 {
font-size: 1.1em;
}
#pied{
height:28px;
width: 530px;
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: 80%;
background: url("img/animooklogo.gif") no-repeat right;
}
#pied a {
text-decoration: none;
color: #ffffff;
}
.conditions {
padding-left: 20px;
padding-right: 20px;
}
.conditions a, .terms a {
text-decoration: none;
color: #009933;
}
.conditions a:hover, .terms a:hover {
text-decoration: underline;
color: #b22222;
}
#pied a:hover {
text-decoration: underline;
color: #b22222;
}
#connect {
width: 500px;
padding-top: 200px;
margin-top: 20px;
font-size: 0.7em;
margin-left: 0;
font-weight: bold;
text-align: center;
font-weight: normal;
}