/*******************************************    GENERAL   *********************************/
body{background-color: #000000;}

.break{clear:both;}

a{text-decoration: none;}

*{
	font-family: arial;
	font-size:14px;
}

/*******************************************    HEADER   *********************************/
#conteneur{
	position: relative;
	width: 1024px;
	height: 784px;
	margin-left: auto;
	margin-right: auto;
	background: url(../import/osteopathe_fond_degrade.jpg) repeat-y;
}

#header{
	width: 1024px;
	height: 111px;
	padding-top: 8px;
	color: #FFFFFF;
	background: url(../import/osteopathe_header.jpg) top left no-repeat;
}

#header h1, #header h2, #header h3{
	margin: 2px 190px;
	padding: 0;
	font-weight: inherit;
}

#header h1{font-size: 35px;}

#header h2{font-size: 20px;}

#header h3{font-size: 20px;}


/*******************************************    MENU GAUCHE   *********************************/
#menu_left{
	position: absolute;
	top: 133px;
	left: 0;
	overflow: hidden;
}

#menu_left ul{
	margin: 0;
	padding: 0;
}

#menu_left li{
	margin: 1px;
	padding: 0;
	list-style-type: none;
	width: 235px;
	height: 62px;
	background: url(img/menu_onglet.png) right;
}

#menu_left li div{
	width: 210px;
	height: 42px;
	margin: 3px 0;
	padding: 20px 0 0 130px;
	float: right;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}

#menu_1{
	background: url(../import/osteopathe_menu_1.png) top left no-repeat;
	color: #000000;
}

#menu_2{
	background: url(../import/osteopathe_menu_2.png) top left no-repeat;
	color: #000000;
}

#menu_3{
	background: url(../import/osteopathe_menu_3.png) top left no-repeat;
	color: #000000;
}

#menu_4{
	background: url(../import/osteopathe_menu_4.png) top left no-repeat;
	color: #000000;
}

#menu_5{
	background: url(../import/osteopathe_menu_5.png) top left no-repeat;
	color: #000000;
}

#menu_6{
	background: url(../import/osteopathe_menu_6.png) top left no-repeat;
	color: #FFFFFF;
}

#menu_7{
	background: url(../import/osteopathe_menu_7.png) top left no-repeat;
	color: #FFFFFF;
}

#menu_8{
	background: url(../import/osteopathe_menu_8.png) top left no-repeat;
	color: #FFFFFF;
}

#menu_9{
	background: url(../import/osteopathe_menu_9.png) top left no-repeat;
	color: #FFFFFF;
}


/*******************************************    CONTENU MILIEU   *********************************/
#contenu{
	width: 780px;
	height: 600px;
	margin: 20px 0 3px 3px;
	float: right;
	background-color: #000000;
	color: #E3CEA3;
}

.souligne{text-decoration: underline;}
.over:hover{color:#6F7CF7;}
.over{color:#F6D699;}
.gras{font-weight: bold;}
/*******************************************    FOOTER   *********************************/
#footer{
	width: 1024px;
	height: 30px;
	clear: left;
	background: url(../import/osteopathe_fond_footer.jpg) repeat-x;
}

#footer ul{
	list-style: none;
	color: #333333;
	font-size: 12px;
	text-align: center;
}

#footer ul li{display: inline;}

.separateur{
	font-size: 20px;
	font-weight: bold;
}

#mentions{
	width: 800px;
	height: 10px;
	margin: 17px auto;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
}

#mentions a{
	color: #AAAAAA;
	font-size: 10px;
}