@charset "UTF-8";
/* CSS Document */

/* Couleurs */
/*
	
*/

/******************** Container ********************/
* { font-family: Verdana, Geneva, sans-serif; }

BODY { background-color: #888E6C; }

#container {
	position: relative;
	width: 753px; margin-top: 130px; padding-bottom: 1px;
	font-size: 0.8em;
	background: url(../images/columnleft-bg.gif) repeat-y 0 0;
}
/***************************************************/

/********************* Header **********************/
#header {
	position: absolute; top: 0; left: 0; width: 100%; height: 130px; min-width: 753px;
	font-size: 0.8em; text-align: center;
	background: url(../images/header-bg-gauche.gif) repeat-x 0 0;
}
#header .bg {
	position: absolute; z-index: 0; top: 0; right: 0; width: 50%; height: 130px;
	background: url(../images/header-bg-droite.gif) repeat-x 0 0;	
}

#header .content {
	position: relative; z-index: 10; width: 723px; margin: 0 auto; padding-left: 35px; text-align: left;
	background: url(../images/header.gif) no-repeat 100% 0;
}

#header .facebook { position: absolute; top: 101px; right: 0; z-index: 100; background-color: #FFFFFF; padding: 1px 1px 0 1px; }
#header .facebook IMG { margin-bottom: -3px; }

#header .menu {
	position: absolute; top: 106px; left: 161px; z-index: 10;
}

#header .menu UL {
	list-style-type: none;
	margin: 0; padding: 0;
	font-size: 105%;
}
#header .menu LI {
	position: relative; float: left;
	border-left: 1px solid #FFFFFF; padding: 0 2px;
}
#header .menu LI.home { border: none; }
#header .menu LI.home IMG { vertical-align: middle; }
#header .menu LI:hover UL, #header .menu LI.hover UL { display: block; }

#header .menu A { display: block; color: #FFFFFF; text-decoration: none; }
#header .menu LI:hover A, #header .menu LI.hover A, #header .menu A:hover { color: #272725; background-color: #888E6C; }
#header .menu A SPAN { display: block; padding: 0 5px 2px 5px; }

#header .menu LI.home A { background-color: transparent !important; }

#header .menu UL UL { 
	display: none;
	position: absolute; top: 100%; left: 1px; width: 175px;
	background-color: #888E6C; font-size: 90%; padding: 5px 1px 1px 1px;
	border: 1px solid #272725; border-top: none;
}
#header .menu LI LI { 
	display: block; float: none;
	border: none;
}

#header .menu LI LI A { color: #FFFFFF !important; width: 100%; }
#header .menu LI LI A:hover { background-color: #272725; }
#header .menu LI LI A SPAN { padding: 0 2px; } 
/***************************************************/

/****************** Column left ********************/
#columnleft { 
	position: relative; float: left; left: 100%; width: 203px; margin-left: -100%;
	padding: 15px 10px 15px 35px;
}

#columnleft .titre { text-align: center; margin: 0 0 10px 0; }
#columnleft P { font-size: 85%; }
#columnleft UL { list-style-type: none; margin: 0 0 15px 0; padding: 0; }
#columnleft LI { font-weight: bold; }
#columnleft LI LI { font-size: 85%; font-weight: normal; }
/***************************************************/

/******************** Content **********************/
#content {
	position: relative; float: left; left: 100%; width: 495px; margin-left: -508px;
	padding: 15px 10px;
}

#content .content {
	position: relative;
	background-color: #B2BB90;
	margin: 0 0 25px 0; padding: 20px 10px 10px 10px;
}

#content .menu { position: relative; background-color: #B2BB90; margin: 0 0 25px 0; padding: 10px; text-align: center; }
#content .menu UL { list-style-type: none; margin: 0; padding: 0; }
#content .menu LI { display: inline; margin: 0 8px 0 0px; padding: 0 0 0 10px; border-left: 1px solid #FFFFFF; }
#content .menu LI.first { border: none; }

H1 { font-family: "Comic Sans MS", cursive; color: #FFFFFF; font-weight: normal; }
H2 { font-size: 120%; margin: 0 0 15px 0; }
H3 { color: #545843; font-size: 110%; margin: 25px 0 10px 0; }
H4 { font-size: 100%; margin: 20px 0 5px 0; }

A { color: #D22B1B; text-decoration: underline; }
A:hover { color: #9B0907; }

UL.mainlisting { padding-left: 15px; }
UL.mainlisting LI { margin-bottom: 10px; }
UL.mainlisting UL LI { margin-bottom: 2px; }

SUP { line-height: 50%; }

.note { font-size: 80%; }
.link { color: #D22B1B; font-size: 90%; }
.legende { font-size: 90%; font-weight: bold; }
.signature { font-size: 90%; }

TABLE { background-color: #B2BB90; border: none; width: 100%; }
TH, TD { border: none; }
TH { background-color: #DAE5B0; }

#content .content TABLE { border-bottom: 1px solid #DAE5B0; border-right: 1px solid #DAE5B0; }
#content .content TABLE TD { border-left: 1px solid #DAE5B0; border-top: 1px solid #DAE5B0; }
#content .content TABLE TH { border-left: 1px solid #B2BB90; border-top: 1px solid #B2BB90; }
#content .content TABLE TD.empty { border: none; }

FORM TH { padding-left: 15px; }

.requiredtext { color: #D22B1B; font-size: 80%; }
TABLE .requiredtext { margin-left: -12px; }

LABEL { font-size: 90%; }

LABEL.error { display: block; color: #D22B1B; font-size: 90%; }
INPUT.error { color: #000000; border: 1px solid #D22B1B; }
.errormsg { color: #D22B1B; border-color: #D22B1B; }

TABLE.captcha TH { padding-top: 5px; }
#captcha.error { border: 1px solid #D22B1B; background: #ffbcbc; }

BUTTON { cursor: pointer; }

P.actions { text-align: right; }

BODY.home #content .intro { padding-right: 150px; height: 65px; margin-bottom: 50px; }
BODY.home #content .intro OBJECT { position: absolute; top: -29px; right: 0; }
BODY.home #content .intro OBJECT OBJECT { position: static; }

BODY.home #content .liens { padding-top: 10px; }
BODY.home #content .liens UL { list-style-type: none; margin: 0; padding: 0; }
BODY.home #content .liens LI { display: inline; margin: 0 0 0 10px; padding: 0; }
BODY.home #content .liens LI.first { margin-left: 0; }

#content DIV.karatekas { position: relative; margin-left: -15px; }

#content DIV.karateka {
	position: relative; float: left; width: 125px; height: 215px;
	background-color: #B2BB90; text-align: center;
	margin: 0 0 15px 15px; padding: 15px;
}

TABLE.tarification TH, TABLE.tarification TD { text-align: center; }

DIV.photo { text-align: center; }
IMG.pdf { vertical-align: bottom; }

UL.glossaire { list-style-type: none; padding-left: 0; }

TABLE.karatekas TH, TABLE.karatekas TD { font-size: 90%; width: 15px; padding-left: 0; padding-right: 0; text-align: center; }
TABLE.karatekas .num { width: auto; font-size: 80%; text-align: left; padding: 2px; }
TABLE.karatekas .nom { width: auto; font-size: 90%; text-align: left; padding: 2px; }
TABLE.karatekas .blanche, TABLE.karatekas .blanche2 { background-color: #FFFFFF; }
TABLE.karatekas .jaune, TABLE.karatekas .jaune2 { background-color: #F7F700; }
TABLE.karatekas .orange, TABLE.karatekas .orange2 { background-color: #FF6300; }
TABLE.karatekas .verte, TABLE.karatekas .verte2 { background-color: #008400; }
TABLE.karatekas .bleue, TABLE.karatekas .bleue2 { background-color: #0000FF; }
TABLE.karatekas .brune, TABLE.karatekas .brune2 { background-color: #421B0A; }
TABLE.karatekas .noire1, TABLE.karatekas .noire2, TABLE.karatekas .noire3, TABLE.karatekas .noire4, TABLE.karatekas .noire5 { background-color: #000000; color: #FFFFFF; }
TABLE.karatekas .noire6, TABLE.karatekas .noire7 { background: #C00000 url(../images/grades/noire6dan.gif) no-repeat top center; }
TABLE.karatekas .noire8, TABLE.karatekas .noire9, TABLE.karatekas .noire10 { background-color: #C00; }
/***************************************************/

/********************* Footer **********************/
#footer {
	position: relative; min-width: 753px;
	color: #898C7C; font-size: 0.65em; text-align: center;
	background-color: #272725;
	padding: 10px;
}

#footer A { color: #898C7C; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
/***************************************************/