html, body{
	width:100%;
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image: url(/i/templ/v2_bg.jpg);
	background-position:center;
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}
.oneColElsCtr #background{
	width: 1000px;
	height: 1600px;
	position:absolute; 
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-800px;
	background: #FFFFFF;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColElsCtr #container {
	width: 1000px;
	height: 600px;
	position:absolute; 
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-300px;
	background: #FFFFFF;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px;
}

.oneColElsCtr #copyright {
	float:left;
	height:34px;
	line-height:32px;
	margin-left:16px;
	font-size:12px;
}

#contentZone{
	float:left;
	position:absolute;
	top:136px;
	left:0px;
	width:1000px;
	height:430px;
	background-color:#ffffff;
	background-image:url(/i/templ/content-bg.gif);
	color:#000000;
}

#pictZone{
	float:right;
}

#divContent{
	
}

.divContentBody{
	padding-top:10px;
	padding-left:100px;
	padding-right:20px;
	overflow:hidden;
}

#divMenu{
	position:absolute;
	z-index:5;
	top:102px;
	left:0px;
	width:917px;
	height:34px;
	padding-left:83px;
	background-image:url(/i/templ/menu-bar.gif);
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#divMenuBottom{
	position:absolute;
	z-index:5;
	top:566px;
	left:0px;
	width:912px;
	height:34px;
	
	padding-left:88px;
	
	line-height:34px;
	background-image:url(/i/templ/bottom-bar.gif);
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.menuItem, .menuItemActive{
	float:left;
	height:34px;
	line-height:32px;
	cursor:pointer;
}

#divMenu .menuItem, #divMenu .menuItemActive{
	margin-left:10px;
	margin-right:10px;
}

#divMenuBottom .menuItem, #divMenuBottom .menuItemActive{
	margin-left:10px;
	margin-right:10px;
}

#divMenu .menuSeparator{
	float:left;
	margin:0px;
	padding:0px;
	width:1px;
	height:34px;
	background-image:url(/i/templ/menu-bar-separator.gif);
}

#divMenuBottom .menuSeparator{
	float:left;
	margin:0px;
	padding:0px;
	width:1px;
	height:34px;
	background-image:url(/i/templ/bottom-bar-separator.gif);
}

/*****************
* MENU LINKS
*****************/
#divMenu .menuItem a:link, #divMenu .menuItem a:visited, #divMenu .menuItem a:active,
#divMenuBottom .menuItem a:link, #divMenuBottom .menuItem a:visited, #divMenuBottom .menuItem a:active{
	color:#FFFFFF;
	text-decoration:none;
}

#divMenu .menuItem a:hover,
#divMenuBottom .menuItem a:hover{
	color:#8db2d7;
	text-decoration:none;
}

#divMenu .menuItemActive a:link, #divMenu .menuItemActive a:visited, #divMenu .menuItemActive a:active,
#divMenuBottom .menuItemActive a:link, #divMenuBottom .menuItemActive a:visited, #divMenuBottom .menuItemActive a:active{
	color:#8db2d7;
	text-decoration:none;
}

#divMenu .menuItemActive a:hover,
#divMenuBottom .menuItemActive a:hover{
	color:#8db2d7;
	text-decoration:none;
}

/******************/

#divLogo{
	position:absolute;
	top:17px;
	left:16px;
	width:227px;
	height:63px;
	background-image:url(/i/templ/logo-ardentis.gif);
	background-color:#ffffff;
	cursor:pointer;
}

#divLogoSDC{
	float:right;
	width:138px;
	height:23px;
	margin-right:20px;
	margin-top:5px;
	background-image:url(/i/templ/logo-sdc.gif);
	background-color:#000000;
	cursor:pointer;
}

#djthumbnail{
	position:absolute;
	z-index:5;
	top:120px;
	left:327px;
	width:80px;
	height:80px;
}

#leftContent{
	position:absolute;
	z-index:5;
	top:208px;
	left:16px;
	width:391px;
	height:219px;
	background-image:url(/_images/content-left.gif);
	background-color:#000000;
}

#langSelector{
	display:none;
	position:absolute;
	z-index:5;
	left:970px;
	top:60px;
	text-align:right;
	line-height:18px;
	color:#CCCCCC;
}

#pbackground{
	position:absolute;
	z-index:1;
	left:0px;
	top:40px;
	background-image:url(/_images/p-bg.jpg);
	width:410px;
	height:504px;
}


.divSeparator{
	clear:both;
}

h1{
	color:#0054a6;
	font-size:24px;
	font-weight:normal;
	text-align:left;
	margin:0px;
}

h1.cliniques{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}

h2{
	color:#000000;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	text-align:left;
	margin:0px;
}

#highlight{
	color:#e41869;
}

p{
	margin:0px;
	margin-top:5px;
	margin-bottom:10px;
	line-height:18px;
}

a:link, a:visited, a:active{
	color:#0054a6;
	text-decoration:underline;
}

a:hover{
	color:#0054a6;
	text-decoration:none;
}

#pictZone a:link, #pictZone a:visited, #pictZone a:active{
	color:#ffffff;
	text-decoration:underline;
}

#pictZone a:hover{
	color:#ffffff;
	text-decoration:none;
}

#pictZoneTxt{
	position:absolute;
	top:215px;
	margin-left:10px;
	width:258px;
	height:215px;
	z-index:80;
}

.hidden{
	display:none;
}

#langSelector a:link, #langSelector a:visited, #langSelector a:active{
	color:#666666;
	text-decoration:none;
}

#langSelector a:hover{
	color:#999999;
	text-decoration:underline;
}

ul{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

li{
	line-height:18px;
	margin:0px;
	margin-left:15px;
	padding:0px;
}

/*********************
* CLINICS
*********************/
.activeSection{
	color:#8db2d7;
}
ul.listClinics{
	margin:0px;
	padding:0px;
}
ul.listClinics li{
	list-style-type:none;
	line-height:22px;
}
ul.listClinics, ul.listClinics li{
	display:block;
	clear:both;
	margin-left:0px;
	margin:0px;
	padding:0px;
}
.col1{
	float:left;
	width:130px;
}
.col2{
	float:left;
	width:200px;
}
.col3{
	float:left;
	width:130px;
}
.col4{
	float:left;
	width:100px;
}

#map{
	float:right;
	width:650px;
	height:430px;
}

/*********************
* TEAM
*********************/
.teamList{
	display:inline;
	float:left;
	width:220px;
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-position:outside;
}

ul.teamList li{
	margin:0px;
	padding:0px;
	
	color:#0054a6;
	font-size:14px;
	line-height:17px;
	cursor:default;
}

ul.teamList li span.black{
	color:#000000;
	font-weight:bold;
}

ul.teamList li span{
	cursor:default;
}

.teamDetail{
}

.teamDetailPicture{
	position:absolute;
	top:10px;
	left:10px;
	width:115px;
}

.teamDetailText{
	position:absolute;
	top:10px;
	left:135px;
	width:230px;
	text-align:left;
	font-size:12px;
	line-height:15px;
}

.teamList-tip{
	display:inline;
	z-index:20;
	width:372px;
	height:180px;
	
	background-image:url(/i/templ/team-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.teamListColumn{
	float:left;
}


/***********************
* SCROLLER
***********************/
#wrapper_1{
	position:absolute;
	left:100px;
	top:40px;
	
	padding:0px;
	width:550px;
	height:370px;
	overflow:hidden;
}

#scrollbar_1{
	position:absolute;
	left:670px;
	top:40px;
	
	visibility:hidden;
}

#arrowup_1{
	width:14px;
	height:18px;
	background-image:url(/i/templ/scrollup.gif);
}
#arrowdown_1{
	width:14px;
	height:18px;
	background-image:url(/i/templ/scrolldown.gif);
}
#area_1 {
	background: #4481be;
	background-image:url(/i/templ/scroll-bg.gif);
	height: 334px;
	width: 14px;
}
 
#knob_1 {
	height: 20px;
	width: 10px;
	margin:auto;
	background: #ffffff;
	background-image:url(/i/templ/scroll-knob.gif);
	background-position:center;
	background-repeat:no-repeat;
}


/***************
* COMPETENCES
***************/
h1.competences{
	position:absolute;
	left:320px;
	top:10px;
}

#competenceLinks{
	
}

#competenceLinks ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#competenceLinks ul li {
	margin:0px;
	padding:0px;
	line-height:22px;
}

ul.competence_valeurs{
	list-style:none;
	margin:0px;
	margin-top:50px;
	padding:0px;
	color:#E41869;
	font-weight:bold;
}

ul.competence_valeurs li{
	display:inline;
	margin:0px;
	margin-right:35px;
	padding:0px;
}