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/ekoback.gif") repeat-x #c48600;
}
#banniere {
margin:0;
width: 1100px;
height: 125px;
padding-top:15px; 
text-align: center;
border-bottom: white solid 1px;
}
#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: 14px !important;
margin-top: 15px;
margin-left: 211px;
//margin-left: 23px;
margin-bottom: 10px;
font-size: 11px;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 95px;
margin-right: 5px;
}
#menu dt {
width: 65px;
height:20px;
cursor: pointer;
background: #c48600;
border: 2px solid white;
font-weight: bolder;
font-size:12px;
color: white;
}
#menu dt a {
padding-top: 2px;
padding-left:0;
text-align: center;
display: block;
color: white;
text-decoration: none;
height:20px;
border: 0 none;
}
#menu dd {
display: none;
margin-left: 40px;
padding-top:0;
color: white;
}
#menu li {
margin-left: -30px;
text-align: center;
width: 68px;
height:20px;
background: #c48600;
border-top:1px solid white;
border-bottom:1px solid white;
border-left:2px solid white;
border-right:2px solid white;
color: white;
padding:1px;
list-style-type: none;
}
#menu li a {
padding-top: 2px;
font-weight: bold;
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus {
font-weight: bold;
background: white;
color: #c48600;
height:14px;
border: 2px solid #ffd200;

}
#menu dt a:hover, #menu dt a:focus {
font-weight: bold;
background: white;
color: #c48600;
}
#gauche {
float: left; 
text-align: center;
margin-top: 20px;
width: 200px;
height: 235px;
}
#gauche p {
margin-top: 7px;
}
.titread1 {
font-size: 11px;
font-weight: bold;
color: #c48600;}
#logos {
z-index: 20;
clear:left;
float: left; 
margin-top: 25px;
margin-left: 5px;
width: 200px;
height: 240px;
}
#logos h1{
border: 1px solid #ffd200;
background: white;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
text-align: center;
margin-left: 8px !important;
margin-left: 3px;
color: #c48600;
font-weight:bolder;
width: 170px;
}
#animookpreso a, #namookpreso a, #kabpreso a, #kasinapreso a,   #akwapreso a {
text-decoration: none;
color: #ffffff;
}
#animookpreso a:hover, #namookpreso a:hover, #kasinapreso a:hover, #kabpreso a:hover, #akwapreso a:hover {
background: none; /* correction d'un bug IE */
}
#animookpreso a span, #namookpreso a span, #kasinapreso a span, #kabpreso a span, #akwapreso a span {
display: none;
}
#animookpreso a:hover span, #namookpreso a:hover span, #kasinapreso a:hover span, #kabpreso a:hover span, #akwapreso a:hover span {
margin-top: 8px;
margin-left: 5px;
padding-top:7px;
padding-left:4px;
padding-right:7px;
padding-bottom:5px;
display: inline;
z-index: 20;
position: absolute;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size:0.7em;
color: #c48600;
background: #ffffff no-repeat;
border: 2px solid #ffd200;
width: 130px;
height: 40px;
}
.animook, .namook, .kasina, .kab, .akwa {
margin-left: 65px !important;
margin-left: 60px;
}
#contact {
color: #ffffff;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 13px;
text-align: center;
margin-left: -18px !important;
margin-left: -25px;
}
#liens {
color: #ffffff;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 15px;
text-align: center;
margin-left: -18px !important;
margin-left: -25px;
margin-bottom: 30px;
}
#contact a, #liens a {
text-decoration: none;
color: #ffffff;
}
#contact a:hover, #liens a:hover {
text-decoration: underline;
color: #ffd200;
}
#form {
background: url("img/backform.gif") no-repeat;
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: #191970;
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: 700px; 
margin-left: 201px;
margin-top: 125px;
margin-bottom: 20px;
color: #ffffff;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
border-left: 1px solid #ffffff;
}
#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;
border-left: 1px solid white;
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/ekocorps.gif") no-repeat;
}
#contacts a, #liensami a {
text-decoration:none;
font-weight: bold;
color: white;
}
#contacts a:hover, #liensami a :hover{
text-decoration:underline;
}
.nom {
font-weight: bold;
text-align: left;
}
.legende {
text-align:center
}
caption {
font-size: 1.4em !important;
font-size: 1.36em;
text-align: center;
font-weight: bold;
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: #191970;
}
.titab a:hover {
color: #ec4242;
text-decoration: underline;
}
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;
}
.pitch a {
color: #c71585;
text-decoration: none;
}
.pitch a :hover{
text-decoration: underline;
}

.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: #0000ff;
font-weight: bold;
}
.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: white;
text-decoration: none; }
#corps .nomliens a:hover, .nomliensital a:hover {
color: #5c6d67;}

#corps .pitchliens {
text-align: justify;
}
#corps .pitchliens a {
text-decoration: none;
color: #5c6d67;
}
#corps .pitchliens a:hover {
text-decoration: none;
color: white;
}
#corps .top a, #corps .topend a {
text-decoration: none;
color: #ffd700;
}
#corps .top a:hover, #corps .topend a:hover  {
color: #ffd700;
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: #ffffff;
}
.conditions a:hover, .terms a:hover {
text-decoration: underline;

}
#pied a:hover {
text-decoration: underline;
}
#connect {
width: 500px;
padding-top: 400px;
margin-top: 20px;
font-size: 0.7em;
margin-left: 0;
font-weight: bold;
text-align: center;
font-weight: normal;
}
.addthis {
padding-top: 4px;
text-align: left;
margin-left:25px;
}
.addthisblog {
padding-top: 12px;
margin-left: 15px;
text-align: center;
margin:0;
}