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-color: #333300;
}
#banniere {
width: 750px;
padding-top:25px; 
height:110px; 
text-align: center;
background: url("img/bandiapo.gif") no-repeat; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#banniereintro {
width: 750px;
padding-top:25px; 
height:110px; 
text-align: right;

}
#bandiapo {
width: 600px;
padding-top:5px; 
height:50px; 
text-align: right;
}
#banniere a {
color: #333300;
text-decoration: none;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
font-family: Verdana, Arial, sans-serif; 
margin-top: 10px;
margin-left: 241px;
margin-bottom: 10px;
font-size: 12px;
top: 150;
left: 250;
//left:0 !important;
z-index:100;
width: 100%; /* correction pour Opera */
width: 1000px;
}
#menu dl {
float: left;
width: 130px;
}
#menu dt {
width: 100px;
height:18px;
cursor: pointer;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size:14px;
color: #dcdcdc;
background: #333300;
border: 1px solid #dcdcdc;
}
#menu dd {
display: none;
margin-left: 5px;
color: #dcdcdc;
}
#menu li {
text-align: center;
width: 100px;
min-height:18px;
background: white;
border-top:5px solid #333300;
color: #333300;
padding:1px;
}
#menu li a {
color: #333300;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a {
color: #dcdcdc;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus {
font-weight: bold;
background: #333300;
color: white;
min-height: 18px;
border: 1px solid white;
}
#menu dt a:hover, #menu dt a:focus {
font-weight: bold;
background: white;
color: black;
}
#gauche {
float: left; 
margin-top: 20px;
padding-top: 0 !important;
//padding-top: 20px!important;
padding-top: 20px;
width: 200px;
height: 240px;
}
.mdls {
color: white;
font-family: Verdana, Arial, sans-serif; 
padding-top: 20px;
padding-right: 12px;
} 
.auteur {
font-size: 9px;
text-align: right;
padding-top: 0; 
padding-right: 1px!important;
//padding-right:10px!important;
padding-right: 12px;
font-weight: bold;
}
.contenu {
font-size: 10px;
text-align: center;
padding-right: 1px!important;
//padding-right:10px!important;
padding-right: 13px;
}
#logos h1	{
font-weight: bold;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin-left: 10px !important;
margin-left: 13px;
line-height : 120%;
color : white;
text-align: center;
width: 180px;
}
#logos {
z-index: 20;
clear:left;
float: left; 
margin-top: 20px !important;
margin-top:10px;
margin-left: 5px !important;
margin-left: 0;
width: 200px;
height: 300px;
}
#search {
font-family: Verdana, Arial, "Times New Roman", Times, serif;
position: absolute;
top:10;
left:570;
margin-left: 580px;
margin-top: 10px;
z-index: 99;
}
#kabpreso  {
//padding-top: 0;
//margin-top: 0;
}
#animookpreso a, #kabpreso a, #kasinapreso a,  #ekopreso a,  #akwapreso a {
text-decoration: none;
color: #333300;
}
#animookpreso a:hover, #kabpreso a:hover, #kasinapreso a:hover, #ekopreso a:hover, #akwapreso a:hover {
background: none; /* correction d'un bug IE */
}
#animookpreso a span, #kabpreso a span, #kasinapreso a span, #ekopreso a span, #akwapreso a span {
display: none;
}
#animookpreso a:hover span, #kabpreso a:hover span, #kasinapreso a:hover span, #ekopreso a:hover span, #akwapreso a:hover span {
padding:5px;
display: inline;
z-index: 20;
position: absolute;
background: #333300;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size:9px;
border: 1px solid white;
color: white;
width: 130px;
height: 38px;
}
.animook, .kab, .kasina, .eko, .akwa {
margin-left: 75px;
}
#contact {
color: white;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 10px;
font-size: 13px;
text-align: center;
margin-left: 5px;
}
#liens {
color: white;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
padding-top: 25px;
font-size: 13px;
text-align: center;
margin-left: 5px;
}
.addthis {
padding-top: 25px;
text-align: center;
margin:0;
margin-left: 3px;
}
#contact a, #liens a {
text-decoration: none;
color: white;
}
#contact a:hover, #liens a:hover {
color: #ff8c00;
}
#form {
position: absolute;
z-index: 10;
top: 185px; 
left: 281px;
margin-top: 15px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
font-size:13px;
color: white;
width:700px;
}
#form a {
text-decoration: none;
color: #ff8c00;
}
#form a:hover {
color: #ffd700;
}
#corps, #corpsintro {
position: absolute;
top: 200;
left: 250;
//left:0 !important;
z-index: 8;
width: 600px; 
margin-left: 221px;
margin-top: 115px;
margin-bottom: 5px;
color: white;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
border-left: 1px solid white;
}
#corpform {
z-index: 8;
position: absolute;
top: 200;
left: 250;
width: 580px; 
margin-left: 221px;
//margin-left:20px;
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;
}
.erreur {
font-weight:bold;
font-size:14px;
color: #ffd700;
}
.asterisque {
color: #ff8c00;
}
h3 {
font-size:15px;
font-weight: bold;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
table {
margin-left: 20px;
}
#contacts, #liensami {
margin-left: 20px;
}
#contacts a, #liensami a {
text-decoration:none;
color: #ffd700;
}
#contacts .top a, #liensami .top a {
text-decoration:none;
color: #ff8c00;
}
#contacts a:hover, #liensami a:hover {
color: white;
}
.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 .pitchliens a {
text-decoration: none;
color: white;
}
#corps .pitchliens a:hover {
text-decoration: none;
color: #ffd700;
}
.legende {
text-align:center
}
caption {
font-size: 18px;
text-align: left;
padding-bottom: 1px;
margin-left: 20px;
}
#corpsintro caption {
font-size: 18px;
text-align: center;
padding-bottom: 1px;
margin-left: 20px;
}
#diapo .titab {
text-align: center;
}
.titab {
border-top: 1px white solid;
text-align: left;
font-size:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.titabend {
border-top: 1px white solid;
text-align: center;
font-size:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.titabend2 {
text-align: center;
font-size:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.titab a, .titabend a, .titabend2 a, h2 a, h1 a {
text-decoration: none;
color: white;
}
.titab a:hover, .titabend a:hover, .titabend2 a:hover, h2 a:hover, h1 a:hover {
color: #ff8c00;
}
.nom {
text-align: left;
}
td {
font-size:11px;
padding-bottom: 8px;
padding-right: 20px;
text-align: center;
}
.photo a , .portrait a {
text-decoration: none;
color: #333300;
}
.cv, .pitch, .pitchliens {
text-align: justify;
}
.sommaire {
text-align: justify;
border: 1px solid white;
padding:8px;
}
.credit {
font-size: 10px;
color: #ffd700;
}
sub  {
font-size: 9px;
}
.perso {
font-size: 18px;
padding:0;
}
.top a {
text-decoration: none;
color: #ff8c00;
}
.top a:hover  {
color: white;
text-decoration: underline;
}
#diapo {
width: 600px;
margin-top: 10px;
color: white;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
position: absolute;
top: 100;
left: 0;
z-index: 8;
width: 600px; 
margin-left: O;
}
#diapo .cv a, #corps .pitch a, .sommaire a {
text-decoration: none;
color: #ffd700;
}
#diapo .cv a:hover, #corps .pitch a:hover, .sommaire a:hover  {
text-decoration: none;
color: white;
}
#livreor {
margin-top: 20px;
margin-left:100px;
padding-bottom:20px;
width: 400px;
color: white;
text-align: center;
font: 13px Verdana, arial, sans-serif;
}
#livreor a {
text-decoration: none;
color: #ffd700;
}
#livreor a:hover {
text-decoration: underline;
color: #ffd700;
}
.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: 10px;
}
.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: 14px;
font-weight: bold;
text-align: center;
font-weight: normal;
border: 1px white solid;
}
.emission {
font-size: 18px;
font-weight:bold;
}
h2 {
padding-left:5px;
text-align:center;
font-size: 17px;
font-weight:bolder;
}
h1 {
text-align:center;
font-size: 20px;
font-weight:bolder;
}
h4 {
font-size: 14px;
}
.texteformulaire  {
font-size: 14px;
}
.conditions {
font-size: 12px;
padding-left: 20px;
padding-right: 20px;
}
.conditions a, .terms a {
text-decoration: none;
color: #ffd700;
}
.conditions a:hover, .terms a:hover {
text-decoration: underline;
color: #ffd700;
}
#piedform{
height:28px;
width: 720px;
margin: auto; /* Pour centrer notre page */
margin-left: 0;
color: white;
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/animooklogo.gif") no-repeat right;
}
#pied{
height:28px;
width: 620px;
margin: auto; /* Pour centrer notre page */
margin-left: 0;
color: white;
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/animooklogo.gif") no-repeat right;
}
#pied a, #pieddiapo a, #piedform a, #ref a{
text-decoration: none;
color: white;
}
#pied a:hover, #pieddiapo a:hover, #piedform a:hover, #ref a:hover {
text-decoration: underline;
color: #ffd700;
}
#pieddiapo{
height:28px;
width: 600px;
margin: auto; /* Pour centrer notre page */
margin-left: 0;
color: white;
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/animooklogo.gif") no-repeat right;
}
#connect, #ref {
font-size: 9px;
font-weight: bold;
text-align: center;
font-weight: normal;
color:white;
padding: 0 80px 0 80px;
}

#adsense {
color:white;
position: absolute;
text-align:center;
top: 250;
left: 841;
margin-top: 130px;
//margin-top: 125px!important;
//margin-top: 110px;
margin-left:841px;
//margin-left:621px;
//padding-left: 5px;
padding-top: 0 !important;
//padding-top: 20px;
width: 160px;
height: 800px;
}
#adsense a {
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-size: 9px;
color:white;
text-decoration: none;
font-weight: bold;
}
#adsense a:hover {
color: #ffd700;
}
#corpsintro table {
border-top: white 1px solid;}
#formintro {
position: absolute;
z-index: 10;
top: 185px; 
left: 501px;
margin-top: 15px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
font-size:13px;
color: white;
width:700px;
}
#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;
}
#addiapo2 {
color:white;
position: absolute;
top: 100;
left: 661;
margin-top: 10px;
margin-left:661px;
width: 120px;
}
#droite {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color:white;
position: absolute;
text-align:center;
top: 135;
left: 841;
margin-top: 135px;
//margin-top: 150px;
margin-left:841px;
//margin-left:621px;
//padding-left: 5px;
//padding-top: 20px;
width: 160px;
}
#droite a {
text-decoration: none;
}
.addthis {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding: 0 40px;
}
/*Diaporama*/
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:600px; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:600px; height:399px; padding:2px; border:1px solid #ccc; background:#000;}
#information {position:absolute; bottom:0; left:0; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);}
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px; font-size: 11px;}
#image {width:600px;}
#image img {position:absolute; top: 0; left: 0; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:399px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(filetterre/images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(filetterre/images/right.gif) right center no-repeat;}
#imglink {position:absolute; height:399px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(filetterre/images/link.gif) center center no-repeat;}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(filetterre/images/scroll-left.gif) center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:81px; background:#222 url(filetterre/images/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:550px; margin-left:5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}