/* CSS SHIWATAI 2009 - Nicolas G */

/* GLOBAL --------------------------------------------------------------------- */
body {
font-family: 'Trebuchet MS', times, verdana, arial, sans-serif;
font-size: 13px ;
color: #000000;
letter-spacing: normal;
line-height: normal;
word-spacing: normal;
background: url(img/fond.jpg) repeat;
margin: 30px 0px 0px 0px;
padding: 0px;
}
a {
color: #cc0000;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #cc0000;
text-decoration: none;
}
a:hover, a:focus {
color: #993333;
text-decoration: underline;
}
#accueil {
color: #993333;
margin: 0px;
padding: 0px;
height: 50px;
background: url(img/h3_accueil.jpg) no-repeat left top;
}
#plan {
color: #993333;
margin: 0px;
padding: 0px;
height: 50px;
background: url(img/h3_plan.jpg) no-repeat left top;
}
h4 {
color: #cc6666;
margin: 15px 0px 0px 0px;
padding: 0px;
}
p {
margin: 10px 0px 0px 0px;
padding: 0px;
}
ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.cacher {
visibility: hidden;
}
/* BANDEAU LOGO ET ANIMATIONS -------------------------------------------------- */
#titre {
position: relative;
margin: 0px auto 0px auto;
padding: 0px;
background: url(img/bando.png);
width: 860px;
height: 212px;
}
.menubando {
margin: 70px 0px 0px 250px;
padding: 0px;
}
.menubando li {
margin: 0px;
padding: 0px;
float: left;
}
#lienews {
position: absolute;
right: 110px;
top: 180px;
width: auto;
margin: 0px;
padding: 0px;
}
#lienews a {
margin: 0px;
padding: 0px;
color: #cccccc;
font-size: 11px;
font-style: italic;
text-decoration: underline;
}
#lienews a:hover, #lienews a:focus {
text-decoration: none;
}
#newsflash {
position: absolute;
right: 35px;
top: 173px;
height: 37px;
width: 70px;
margin: 0px;
padding: 0px;
background: #ffffff;
}
/*  ---------------------------------------------------------------------------- */
/* BLOC CENTRAL => MENU ET CONTENU  -------------------------------------------- */
#central {
margin: 0px auto 0px auto;
padding: 0px;
background: url(img/bordfond_contenu.png);
width: 860px;
height: 430px;
}
/*  ---------------------------------------------------------------------------- */
/* BLOC DU  MENU  -------------------------------------------------------------- */
#menu {
margin: 0px 0px 0px 30px;
padding: 0px;
width: 150px;
height: auto;
float: left;
}
.lesmenus {
margin: 0px auto 5px auto;
padding: 0px 0px 12px 0px;
background: url(img/pied_menu.png) bottom no-repeat;
}
.coursenligne {
display: none;
}
.zen {
margin: 0px auto 5px auto;
padding: 0px 0px 12px 0px;
background: url(img/combattant_zen.png) no-repeat;
width: 150px;
height: 117px;
}
.lesmenus ul {
background: url(img/fond_menu.png);
}
.lesmenus li {
margin: 0px;
padding: 0px;
}
.lesmenus a {
display: block;
width: 140px;
height: 20px;
margin: 0px auto 0px auto;
padding: 0px;
text-decoration: none;
}
/* EFFET SUR LES MENUS  ------------------------------------------------------- */
a#muaytahai {
background: url(img/menu.png) 0% 0px;
}
a#muaytahai:hover, a#muaytahai:focus {
background: url(img/menu.png) 0% -20px;
}
a#boran {
background: url(img/menu.png) 0% -40px;
}
a#boran:hover, a#boran:focus {
background: url(img/menu.png) 0% -60px;
}
a#krabi {
background: url(img/menu.png) 0% -80px;
}
a#krabi:hover, a#krabi:focus {
background: url(img/menu.png) 0% -100px;
}
a#self {
background: url(img/menu.png) 0% -120px;
}
a#self:hover, a#self:focus {
background: url(img/menu.png) 0% -140px;
}
a#massage {
background: url(img/menu.png) 0% -200px;
}
a#massage:hover, a#massage:focus {
background: url(img/menu.png) 0% -220px;
}
a#stages {
background: url(img/menu.png) 0% -160px;
}
a#stages:hover, a#stages:focus {
background: url(img/menu.png) 0% -180px;
}
a#tourisme {
background: url(img/menu.png) 0% -240px;
}
a#tourisme:hover, a#tourisme:focus {
background: url(img/menu.png) 0% -260px;
}
a#vocab {
background: url(img/menu.png) 0% -280px;
}
a#vocab:hover, a#vocab:focus {
background: url(img/menu.png) 0% -300px;
}
a#galerie {
background: url(img/menu.png) 0% -320px;
}
a#galerie:hover, a#galerie:focus {
background: url(img/menu.png) 0% -340px;
}
a#liens {
background: url(img/menu.png) 0% -360px;
}
a#liens:hover, a#liens:focus {
background: url(img/menu.png) 0% -380px;
}
a#cours {
background: url(img/menu.png) 0% -400px;
}
a#cours:hover, a#cours:focus {
background: url(img/menu.png) 0% -420px;
}
/* ---------------------------------------------------------------------------- */
.lesmenus a:hover, .lesmenus a:focus {
background: #000000;
}
#menuculture {
margin: 0px 0px 15px 0px;
padding: 0px;
}
#courshebdo {
margin: 0px 0px 15px 0px;
padding: 0px;
}
#titremenusport {
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(img/titre_menusport.png);
height: 30px;
}
#titremenuculture {
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(img/titre_menuculture.png);
height: 30px;
}
#titremenucours {
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(img/titre_menucours.png);
height: 30px;
}
/* --------------------------------------------- */
/* BLOC DU  CONTENU ------------------------------------------------------------ */
#contenu {
margin: 0px 0px 0px 195px;
padding: 0px;
background: url(img/fond_contenu.jpg);
width: 630px;
height: 430px;
}
.textecontenu {
margin: 0px;
padding: 0px;
text-indent: 10px;
}
.paragraphe {
margin: 0px 0px 0px 15px;
padding: 0px 15px 0px 0px;
width: 595px;
height: 370px;
text-align: justify;
overflow: auto;
}
.video {
margin: 0px 0px 10px 10px;
padding: 0px;
width: 320px;
height: 264px;
float: right;
text-align: center;
}
#professeur {
margin: 5px 0px 10px 10px;
padding: 0px;
float: right;
}
.img {
margin: 14px 0px 5px 10px;
padding: 0px;
float: right;
}
/*  ---------------------------------------------------------------------------- */
/* BLOC DU  PIED DE PAGE AVEC SOUS MENU ---------------------------------------- */
#pied {
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
background: url(img/fond_pied.png) top no-repeat;
width: 860px;
height: 20px;
}
#sousmenu {
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
#sousmenu li {
display: inline;
margin: 0px 0px 0px 20px;
padding: 0px;
}
#sousmenu a{
color: #999999;
font-size: 12px;
font-variant: small-caps;
}
/*  ---------------------------------------------------------------------------- */
/* COPYRIGHT DU SITE SHIWATAI  ---------------------------------------- */
#copyright {
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
color: #cccccc;
font-size: 11px;
}