/* CSS Document */

body {
background:url(../images/bodybackgr.jpg) repeat-x #000000;
margin:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

h1, h2, h3, h4, h5 {
    margin: 0px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 12px;
}

h3 {
    font-size: 20px;
}

h4 {
    color: #c06;
    font-size: 12px;
}

h5 {
    font-size: 16px;
}

h6 {
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
}

#container {
position:relative;
width:958px;
height:auto;
margin:0 auto;
}

#header {
position:relative;
margin-left:0px;
margin-top:0px;
width:100%;
height:109px;
}

#body {
border-left:#1B1B1B solid 1px;
border-right:#1B1B1B solid 1px;
width:100%;
height:auto;
}

#left {
z-index:10000;
overflow: visible;
position:relative;
float:left;
margin-left:0px;
margin-top:0px;
background:url(../images/leftbackgr.jpg) no-repeat top left;
width:247px;
height:100%;
border-top:2px solid #cc0066;
}

#content {
z-index: 1;
position:relative;
float:left;
margin-left:0px;
margin-top:2px;
width:710px;
height:auto !important;
height:800px;
min-height:800px;
background:url(../images/contenubackgr.jpg) left top no-repeat;
border-left:#1B1B1B solid 1px;
}

.pprec {
	width:20px;
	height:20px;
	background:#c06;
	color:#FFFFFF;
	line-height:20px;
	text-align:center;
	float:left;
	margin-left:5px;
}

.psuiv {
	width:20px;
	height:20px;
	background:#c06;
	color:#FFFFFF;
	line-height:20px;
	text-align:center;
	float:right;
	margin-right:5px;
}

#w_footer {
border-top: 2px solid #c06;
display: block;
width: 100%;
}

#footer {
margin: 0px auto;
width: 945px;
padding: 10px 0px;
}

/* objet */

#logo {
position:absolute;
margin-left:0px;
margin-top:0px;
background:url(../images/logo.jpg) no-repeat bottom left;
width:230px;
height:108px;
}

#top {
position:absolute;
margin-top:0px;
margin-left:380px;
width:515px;
height:25px;
}

#claim {
position:absolute;
margin-top:30px;
margin-left:300px;
background:url(../images/claim.jpg) no-repeat;
width:543px;
height:29px;
}

#claim2 {
position:absolute;
margin-top:30px;
margin-left:300px;
background:url(../images/claim2.jpg) no-repeat;
width:626px;
height:35px;
}

#topnav {
position:absolute;
margin-top:84px;
margin-left:300px;
width:543px;
height:25px;
line-height:25px;
vertical-align:middle;
}

.floatleft {
float:left;
margin:0px 0px 0px 0px;
padding-left:10px;
padding-right:10px;
}

.floatright {
float:right;
margin-right:0px;
}

.purpleline {
float:left;
background:url(../images/purplelines.jpg) repeat-y;
width:10px;
height:22px;
}

#boxlogin {
position:relative;
width:100%;
height:146px;
border-bottom:#cc0066 solid 2px;
}

.field {
margin-bottom:5px;
height:20px;
line-height:20px;
}
.topspacer {
margin-top:0px;
}

#loginmenu-icons {
width:100%;
height:auto;
text-align:center;
margin-top:20px;
margin-bottom:10px;
}

#bannniere {
position:relative;
margin-left:0px;
margin-top:0px;
width:auto;
height:146px;
border-bottom:#cc0066 solid 2px;
}

.title {
width:710px;
text-align:center;
margin-left:0px;
margin-top:15px;
}

.content-left {
width:90%;
height:auto !important;
height:650px;
min-height:650px;
padding:20px 10px 10px 20px;
text-align:justify;
}

.block-left {
float:left;
margin:25px 0px 0px 0px;
padding-left:20px;
border-right:#1B1B1B solid 1px;
width:48%;
height:auto !important;
height:700px;
min-height:685px;
}

.block-right {
float:left;
margin:25px 0px 0px 0px;
padding-left:20px;
width:45%;
height:auto;
}

.spacer-mid {
margin-top:30px;
}

.spacer-small {
margin-top:10px;
clear:both;
}

.spacer-xsmall {
margin-top:5px;
clear:both;
}

.center {
text-align:center;
width:100%;
height:auto;
margin:0px 0px 0px 0px;
clear:both;
}

.leftalign {
text-align:left;
width:90%;
height:30px;
margin-left:4px;
}

.buttonleft {
width:250px;
text-align:right;
margin-left:0px;
margin-bottom:10px;
}

.block-text {
width:90%;
text-align:justify;
margin-top:10px;
}

.top-medmar {
    margin-top: 25px;
}

.top-smallmar {
margin-left:3px;
vertical-align:top;
}

.columns {
position:relative;
width:175px !important;
width:165px;
height:auto !important;
float:left;
margin-left:0px;
margin-top:15px;
border-right:#1B1B1B solid 1px;
}

.columns-last {
position:relative;
width:175px !important;
width:165px;
height:auto !important;
float:left;
margin-left:0px;
margin-top:15px;
}


.columns-small {
position:relative;
width:175px !important;
width:165px;
height:auto !important;
height:500px;
min-height:500px;
float:left;
margin-left:0px;
margin-top:0px;
border-right:#1B1B1B solid 1px;
}

.columns-lastsmall {
width:175px !important;
width:165px;
height:auto !important;
height:500px;
min-height:500px;
float:left;
margin-left:0px;
margin-top:0px;
}

.columns-profdet {
width:175px !important;
width:165px;
height:auto !important;
height:360px;
min-height:340px;
float:left;
margin-left:0px;
margin-top:10px;
border-right:#1B1B1B solid 1px;
border-left:#1B1B1B solid 1px;
}

.columns-lastprofdet {
width:175px !important;
width:160px;
height:auto !important;
height:360px;
min-height:340px;
float:left;
margin-left:0px;
margin-top:10px;
}

.smallprod {
width:100%;
height:auto;
margin-left:10px;
margin-bottom:10px;
}


.smallthumbimg {
float:left;
margin-top:10px;
margin-left:0px;
width:100px;
height:100px;
}

.smallthumbimg a img {
	border: 4px solid #000;
}

.smallthumbimg a img:hover {
	border: 4px solid #c06;
}

.refleft {
float:left;
margin-left:7px;
margin-top:35px;
}

.smallitems {
float:left;
margin-left:4px;
margin-top:2px;
height:23px;
line-height:23px;
}

.boxprod {
float:left;
width:336px;
height:auto;
margin-top:10px;
margin-left:14px !important;
margin-left:7px;
margin-bottom:10px;
}

.borderbottom-cnt {
width:100%;
margin-top:10px;
margin-bottom:10px;
border-bottom:#1B1B1B solid 1px;
text-align:center;
}

#onglet-box {
position:absolute;
left:10px;
bottom:0px;
width:710px;
height:20px;
}

.onglet {
width:20px;
height:20px;
background:#c06;
color:#FFFFFF;
line-height:20px;
text-align:center;
float:left;
margin-left:5px;
}

.onglet a {
color:#FFFFFF;
text-decoration:none;
}

.onglet a:hover {
color:#000000;
text-decoration:underlie;
font-weight:bold;
}

/* TABS */

td {
	vertical-align: middle;
	text-indent: 4px;
	padding-top:2px;
	padding-bottom:2px;
}

.tdtop {
	vertical-align: top;
	text-indent: 4px;
}

.graybackgr {
    background: #333333;
}

.borderleft {
    border-left: #1B1B1B solid 1px;
}

.borderright {
    border-right: #1B1B1B solid 1px;
}

.td-title {
    height: 25px;
    text-align: center;
}

.contentleft-nomarg {
    width: 363px;
    height: inherit;
    background: none;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    min-height: 350px;
}

.contentright-nomarg {
    width: 47%;
	height:auto !important;
	height:660px;
	min-height:660px;
    background: none;
    border-left: #1B1B1B solid 1px;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

.leftmargin {
margin-left:10px;
}


/* menu */

div#navigation div.navigation {
    padding: 10px 0px;
    text-indent: 10px;
	width:100%;
}


#navigation div .menu {
text-indent: 0px;
}

#navigation div.menu_section {
border-bottom: 2px solid #cc0066;
padding: 10px 0px;
text-indent:10px;
}

#navigation div.h_menu_section {
border-bottom: 2px solid #cc0066;
padding: 10px 4px;
text-indent:10px;
}

.v_menu {
display: block;
}

a.menu_item {
padding: 4px 0px 4px 4px;
}

a.menu_item:hover {
background: #333;
color: #fc0;
padding: 4px 0px 4px 4px;
}

/* inputs */

.inp-purple {
border-top:solid #CC3366 1px;
border-left:solid #CC3366 1px;
border-right:solid #CC3366 1px;
border-bottom:none;
background:url(../images/inputbackgr.gif) repeat;
height:20px;
color:#797979;
}

.inp-gray {
border:solid #999999 1px;
background:url(../images/inputbackgr.gif) repeat;
height:18px;
color:#999999;
}

.inp-graymed {
border:solid #999999 1px;
background:url(../images/inputbackgr.gif) repeat;
width:95%;
height:20px;
color:#CCCCCC;
margin-top:5px;
margin-bottom:10px;
}

.inp-graybig {
border:solid #999999 1px;
background:url(../images/inputbackgr.gif) repeat;
width:95%;
height:35px;
color:#CCCCCC;
margin-top:5px;
margin-bottom:10px;
}

.inp-grayhuge {
border:solid #999999 1px;
background:url(../images/inputbackgr.gif) repeat;
width:95%;
height:55px;
color:#CCCCCC;
margin-top:5px;
margin-bottom:10px;
}

.infobulle{
  z-index:1010;
  color: #000000;
  position: absolute;
  visibility : hidden;
  border: 1px solid #C0C0C0;
  padding: 10px;
  font-family: Trebuchet MS;
  align: center;
  font-size: 10pt;
  background-color: #000000;
}

/* hacks */

.clear {
clear:both;
height:0px;
visibility:hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


img, div { { behavior: url(../iepngfix.htc) }

input [ type = "image" ] { { behavior: url(../iepngfix.htc) }