/*Skin réalisé par Spowny pour Biogym*/

	
body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica ;
	background-image: url(bg.jpg);
	background-position: center top ;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	color: #000000;
}

div#conteneur
{
	width: 900px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: justify;
	border: 0 ;
	background: url(bg_contenu.png) repeat-y center;
}

h1#header
{
	height: 120px ;
	background: url() no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 529px ;
	height: 100px ;
	display: block ;
	background: url(title2.png) no-repeat ;
	position: relative ;
	left: 330px ;
	top: 12px ;
	text-indent: -5000px ;
}

#menu
{
	height: 100px ;
	margin: 0 auto ;
	margin-bottom: 50px ;
	padding: 0 ;
	background: url(bg_menu.png) no-repeat;
}

#menu li
{
	float: left;
	text-align: center ;
	list-style-type: none ;
	background: url(bg_li2.png) no-repeat center -100px ;
}

#menu li a
{
	line-height: 22px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000000 ;
	display: block ;
	text-decoration: none ;
	width: 120px ;
	height: 100px ;
	padding-top: 25px ;
}

#menu li a:hover
{
	background: url(bg_li2.png) no-repeat center top ;
}

#menu li#_1 a:hover {color: #FF0000 ;}
#menu li#_2 a:hover {color: #FF9900 ;}
#menu li#_3 a:hover {color: #FFFF00 ;}
#menu li#_4 a:hover {color: #00CC33 ;}
#menu li#_5 a:hover {color: #00CCFF ;}
#menu li#_6 a:hover {color: #0066FF ;}
#menu li#_7 a:hover {color: #9900FF ;}

div#contenu
{
	color: #000000 ;
	padding: 0 100px 0 100px ;
}

div#contenu h2
{
	padding-left: 50px ;
	margin-bottom: -5px ;
	line-height: 30px ;
	background: url(h2.png) no-repeat left top ;
	color: #000000 ;
	margin-top: 0px ;
	height: 36px ;
	width: auto ;
	font-size: 1.5em ;
	letter-spacing: 0.1em ;
}

div#contenu h3
{
	margin-left: -20px ;
	padding-left: 20px ;
	border-bottom: 2px solid #333333 ;
	border-left: 4px solid #333333 ;
	color: #000000 ;
	font-size: 1.5em ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.2em ;
	color: #000000;
	padding: 0 0px 0 0px ;
	background: url() repeat ;
}

div#contenu a
{
	color: #00CC00 ;
	font-weight: bold ;
}

div#contenu a:hover
{
	color: #FF9900 ;
	text-decoration: none ;
	font-weight: bold ;
}

#footer
{
	padding-top: 10px ;
	font-size: 10px ;
	font-family: verdana,arial ;
	color: #666666 ;
	text-decoration: none ;
	text-align: center ;
}

#footer a
{
	color: #666666 ;
	text-decoration: underline ;
}

#footer a:hover
{
	text-decoration: none ;
	color: #000000 ;
}

.gauche
{
	float: left ;
	margin: 10px ;
} 

.droite
{
	float: right ;
	margin: 10px ;
}

img
{
	border: 0 ;
}

table
{
	text-align: justify ;
	margin: 0 auto ;
	border : 0 ;
	margin-left: -10px ;
	margin-right: -10px ;
}

#table td
{
	width: 50% ;
}

#planning
{
	width: 100% ;
}

#planning td
{
	text-align: center;
	margin: 0 auto ;
	border: #000000 2px solid ;
	margin-left: -10px ;
	margin-right: -10px ;
	padding: 10px ;
}

#table td h2
{
	padding-left: 50px ;
	margin-bottom: -5px ;
	line-height: 30px ;
	background: url(h2table.png) no-repeat left top ;
	color: #000000 ;
	margin-top: 0px ;
	height: 36px ;
	width: auto ;
	font-size: 1.5em ;
	letter-spacing: 0.1em ;
}

td
{
	padding: 10px ;
	vertical-align: top ;
}

#contenu li
{
	margin-left: 50px ;
}

.red
{
	font-weight: bold ;
	color: #FF0000 ;
}

input#bouton
{
	border: solid #999999 1px ;
	background: #CCEEFF ;
}

pre
{
	border: #FF0000 solid 2px ;
	background: #CCCCCC ;
	color: #000000 ;
	text-align: center ;
	font-size: 20px ;
	margin-top: 5px ;
	margin-bottom: 5px ;
	padding: 10px ;
}