/* CSS Document */
/*
=header
=presentation
=menu
=page
=forums
=footer

*/


body {
width:100%;
height:100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#fff
}
#conteneur {
display:block;
width:970px;
height:100%;
margin:0 auto;
background-image:url(../images/fond_r_y.jpg);
background-repeat:repeat-y;
background-position:center;
}

/* HEADER =header */
#header {
height:130px;
background-image:url(../images/fond_hd.jpg);
background-repeat:no-repeat;
background-position:top right;
}
#logo {
float:left;
}


/* PRESENTATION =presentation */
#presentation {
float:left;
padding:30px 25px;
font:18px Dotum, Arial, Helvetica, sans-serif;
}
#presentation .first {
color:#666;
}
#presentation .second {
color:#FA3402;
}
#presentation .third {
color:#999;
}
#contenu {
display:block;
width:970px;
height:100%;

background-image:url(../images/fond_page.jpg);
background-repeat:no-repeat;
background-position:top center;
}


/* MENU =menu */
#menu {
float:left;
width:237px;
padding-top:10px;
}

#menu #horaire {
color:#999;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
padding:20px 9px 10px 21px;
text-align:center;
}

#menu ul {
margin:0 0 0 2px;
padding:0;
}
#menu li {
margin-left:20px;
margin-bottom:1px;
list-style-type:none;
width:208px;
height:28px;

}
#menu li a {
display:block;
width:188px;
height:16px;
padding:6px 10px;
font:14px Arial, Helvetica, sans-serif;
color:#f7d4cb;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;

background-image:url(../images/boutons_kimchi.png);
background-repeat:no-repeat;
background-position:bottom center;
}
#menu li a:hover {
background-image:url(../images/boutons_kimchi.png);
background-repeat:no-repeat;
background-position:top center;
color:#FFF;
}


/* PAGE =page */
#page {
float:left;
display:block;
margin-top:-10px;
margin-left:10px;
height:100%;

width:690px;

border-left:1px solid #FEE1C0;
border-right:1px solid #FCC280;
border-bottom:1px solid #FCC280;

background-color:#FFF;

color:#c33;
font:14px Arial, Helvetica, sans-serif;
}
html>body #page {
width:693px;
}
#page ul {
list-style:square;
}
#page h2{
color:#FA3402;
font:24px Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0;
margin:0 0 10px 0;
text-align:left;
}
#page h3{
clear:both;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}
#page h4{
color:#999;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}
#page h1{
display:block;
width:690px;
padding:2px;
margin:0;

text-align:center;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FEDEBA;

background-image:url(../images/fond_titre.png);
background-repeat:repeat-x;
background-position:top;
background-color:#FB9E34;
}
#page .imprimer{
float:right;
}
#page .imprimer a{
background-image:url(../images/picto_fleche.png);
background-repeat:no-repeat;
background-position:left;
padding-left:12px;
}
#page .dispo_kimchi{
padding:0;
}

.photo-d{
float:right;
margin-left:10px;
border:1px solid #AD2402;
}
#page .texte{
padding:4px 8px;
}
#page .texte a{
color:#F97B01;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
#page .texte a:hover{
color:#F97B01;
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#page .plan{
display:block;
text-align:center;
}
#page .plan img {
border:1px solid #BDB1A4;;
}
#page .partenaire {
float:left;
padding:20px 10px 10px 10px;
}
#page .message {
background-color:#FA3402;
color:#FFF;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
padding:2px;
text-align:center;
}



/* FORUMS =forums */
#forums {
padding-top:20px;
}
#forums .comment {
background-color:#fae6cf;
border:1px solid #fcc381;
color:#c33;
font-size:12px;
margin:4px 0;
padding:2px 4px;
}
#forums .citation {
color:#666;
font-size:14px;
}
#forums .pages {
color:#666;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
}
#forums .pages a {
font-weight:bold;
padding: 0 4px;
}
#forums .pages a:hover {
font-weight:bold;
text-decoration:underline;
}
#formulaire {
margin: auto;
padding-top:20px;
width:600px;
}
#formulaire #controle_decompte {
color:#999;
float:right;
padding-right:4px;
}
#formulaire  .nom_champ {
float:left;
width:130px;
}



/* FOOTER =footer */
#footer {
display:block;
width:970px;
height:30px;
background-image:url(../images/fond_b.jpg);
background-repeat:no-repeat;
background-position:top center;
}
#xiti-logo {
display:block;
background-color:#FFF;
text-align:right;
}
.copy {
clear:both;
margin:0 30px 0 0;
padding-top:10px;
font:10px Arial, Helvetica, sans-serif;
color:#BDB1A4;
text-align:right;
}
.copy a {
font:10px Arial, Helvetica, sans-serif;
color:#BDB1A4;
text-decoration:none;
}
.copy a:hover {
font:10px Arial, Helvetica, sans-serif;
color:#BDB1A4;
text-decoration:underline;
}