/* *** css by kavlan *** */
body {
background-color: #002000;
font-size: normal;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#002000;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 12px;
text-transform:uppercase;
background-color: #009000;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

#container {
width: 96%;
margin-bottom: 0px;
margin-left: 2%;
margin-right: 2%;
background-color: #ddffdd;
}

#banner {
background-color: #eeffee;
text-align: ;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 10px;} 

#content {
background-color: #ffffff;
padding: 10px;
margin-left: 220px;
margin-right: 0px;
}
#content02 {
background-color: #000000;
padding: 10px;
margin-left: 220px;
margin-right: 0px;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

#left {
float: left;
width: 220px;
margin: 0px;
padding: 0px;
}

#kromuyo01 {
background-color: #ffffaa;
width: 90%;
margin: 20px;
padding: 20px;
}

#kromuyo02 {
background-color: #ffccaa;
width: 90%;
margin: 20px;
padding: 20px;
}

#kromuyo03 {
background-color: #ffcc22;
width: 90%;
margin: 20px;
padding: 20px;
}

#kromuyo04 {
background-color: #cccccc;
width: 90%;
margin: 20px;
padding: 20px;
}

#kromuyo05 {
background-color: #000000;
width: 90%;
margin: 20px;
padding: 20px;
}

#uyo {
background-color: #00ff00;
width: 50%;
margin: 20px;
padding: 20px;
}

#uyo02 {
background-color: #aaffaa;
width: 80%;
margin: 20px;
padding: 20px;
}

#uyo03 {
background-color: #eeffee;
width: 80%;
margin: 20px;
padding: 20px;
text-align: left; 
}

#uyeto {
background-color: #bbffbb;
width: 25%;
margin: 25px;
padding: 5px;
}

#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }


/* ----------Onglets----------- */
#en-tete {
  overflow: hidden;
  background-color: #dae0d2;
  background-image: url(../img/fono.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
#en-tete ul {
  float: right;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../img/livangulo.png);
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../img/livangulo.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../img/dextrangulo.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../img/dextrangulo.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
}
#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;