html, body {
height: 100%;
margin: 0;
padding: 0;
color: #000;
font-size:12px;
font-family:  "Arial", "Verdana", "Tahoma" sans-serif;
line-height:160%;
overflow:auto;
background: #f0ede4 url('../images/main-bg.jpg') top center no-repeat fixed;
}

* {
margin:0px auto;
padding:0;
}

img {
border:0;
}

a {
text-decoration:none;
color: #DB0C1F;
}

a:hover, a:active {
text-decoration:none;
color: #8a8964;
}

div#shim {
visibility: hidden;
width: 1%;
height: 50%;
margin-top: -290px;
float: left;
}

#layout {
margin: 0 auto;
width:980px;
clear: both;
position: relative;
top: -270px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */

}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}

html, body {
height: auto;
}
/* end hack */

/* ]]> */


#top-nav{
float:right;
width:600px;
height:32px;
padding: 68px 0 0 0;
text-align:right;
}

#top-logo{
height:100px;
width:360px;
float:left;
}

#mainarea_box {
width:954px;
background: transparent !important;
padding: 10px;
border: solid 3px #FFF;
margin: 5px 0 0 0;
}

#mainarea {
width:954px;
height:460px;
background: #FFF;
}

#main-side {
width:380px;
height:100%;
float:left;
background: url('../images/main-left.jpg') no-repeat;
}

#side-text {
width:200px;
background: url('../images/side-bg.png') repeat;
margin: 0 0 0 180px;
color: #FFF;
height: 460px;
overflow:hidden;
}

.side-text-eve {
display:none;
}

#eve-side {
width:380px;
height:460px;
float:left;
color: #FFF;
background: url('../images/noimage-bg.jpg') repeat;
}

#main-content{
float:right;
width:554px;
padding:10px;
color: #000;
height: 440px;
}

#footer {
clear:both;
}

#clear, .clear {
clear:both;
}

/* navigation */
#nav2 {
background:url("../images/navigation.gif") no-repeat #f0ede4;
width:600px;
height:40px;
margin:0;
padding:0;
}

#nav2 span {
display: none;
}

#nav2 li, #nav2 a {
height:40px;
display:block;
}

#nav2 li {
float:left;
list-style:none;
display:inline;
}

#nav2-01, #nav2-02, #nav2-03, #nav2-04, #nav2-05, #nav2-06, #nav2-07, #nav2-08 {width: 74px; margin:0 0 0 1px;}


#nav2-01 a:hover, #nav2-01 a.selected {background:url("../images/navigation.gif") -1px -40px no-repeat;}
#nav2-02 a:hover, #nav2-02 a.selected {background:url("../images/navigation.gif") -76px -40px no-repeat;}
#nav2-03 a:hover, #nav2-03 a.selected {background:url("../images/navigation.gif") -151px -40px no-repeat;}
#nav2-04 a:hover, #nav2-04 a.selected {background:url("../images/navigation.gif") -226px -40px no-repeat;}
#nav2-05 a:hover, #nav2-05 a.selected {background:url("../images/navigation.gif") -301px -40px no-repeat;}
#nav2-06 a:hover, #nav2-06 a.selected {background:url("../images/navigation.gif") -376px -40px no-repeat;}
#nav2-07 a:hover, #nav2-07 a.selected {background:url("../images/navigation.gif") -451px -40px no-repeat;}
#nav2-08 a:hover, #nav2-08 a.selected {background:url("../images/navigation.gif") -526px -40px no-repeat;}

#nav2 div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFF !important;
	z-index:1000}

	#nav2 div a
	{	position: relative;
		display: block;
		margin:0;
		padding: 4px;
		width: auto;
		height:auto;
		color: #888;
		white-space: nowrap;
		background: #FFF;
		text-align: left;
		text-decoration: none;
		border-top: solid 1px #EEE;}

	#nav2 div a:hover
	{	
		color: #000}

#nav2 div a.evenements:hover {	
	background: #DB0C1F;
	}

#nav2 div a.medecine:hover {	
	background: #D1BE7C;
	}

#nav2 div a.infertilite:hover {	
	background: #C6A7A5;
	}

#nav2 div a.gynecologie:hover {	
	background: #ACC1B0;
	}


/* mainarea content */


p.box {
padding: 10px;
background: url('../images/col2-box-bg.png') repeat-x;
}

.divider {
background-color: #90a23f;
height: 1px;
}


/* header classes */
h1 {
margin: 0;
padding: 0 0 0 40px;
font-size: 14px;

}

h2 {
margin: 0 0 5px 0;
padding: 0 0 5px 40px;
font-size: 14px;

}

h3 {
margin: 0;
padding: 0 0 5px 0;
font-size: 14px;
}

h4 {
margin: 0;
padding: 0 0 5px 0;
font-size: 12px;
font-weight:bold;
}

ul {
margin: 0 0 0 30px;
padding: 0;
}

li {
margin: 0;
padding: 0;
list-style-type:square;
}

/* scrollbars */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	padding:0;
	margin:0;
	height: 100%;
	background: #E7E6DA;
}
.jScrollPaneDrag {
	position: absolute;
	background: #AFACA4;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.scroll-pane1 {
	overflow: auto;
	float: left;
	width:540px;
}

.scroll-pane2 {
	overflow: auto;
	float: left;
}

.scroll-pane3 {
	overflow: auto;
	float: left;
	width:540px;
	padding-right:1em;
	scrollbar-face-color: #afaca4;
}

#panel1, #panel2, #panel3 {
height:440px;
}