/* CSS Document */
* {margin:0; padding:0; border:0;}

img { behavior: url(iepngfix.htc) }

body{
	background:#f8f9fa url('skin/background_20090625_2.jpg') top center no-repeat;
	font:11px  Arial, Verdana, Helvetica sans serif;
}

.nobg{ background:#f8f9fa url() top center no-repeat; }

a{text-decoration:none;}

li{
	list-style:none;
	float:left;
}


input {
	height:16px;
	width:120px;
	border:solid 1px #d4d4d4;
}

select {
	height:16px;
	width:120px;
	text-transform: none;
	border:solid 1px #d4d4d4;
}

input, select { font-size: 10px; }
.minus input, .minus select { margin-left:5px; }


h1{ 
	font-size:18px; 
	font-weight:normal; 
	text-transform:uppercase; 
	/*color:#60B3EE;*/
	color:#636465;
	padding-bottom:10px;
}


h2 {
	margin:0;
	padding:0 0 10px 0;
	font-size:14px; 
	font-weight:normal; 
	text-transform:uppercase;
	color:#60B3EE;
}


.spacer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	height: 1px;
	border: 0;
	overflow: hidden;
}


.clearer {clear:both; font-size:11px !important;}

.minus {text-transform: none !important;}

.white {color:#fff;}
.grey {color:#636465;}
.blue {color:#60B3EE !important;}


.searchItalic {
	text-decoration:none !important;
	font-style:italic; 
	font-weight:bold;
	font-size:13px; 
}
.search {text-decoration:underline !important;}

.paddingB {padding-bottom:15px;} 


#container {background:transparent url('skin/logo_dermobiotic.png') center 195px no-repeat;}
#containerLogoBig {background:transparent url('skin/logo_dermobiotic_big.png') center 205px no-repeat !important;}

#main{
	width:930px;
	margin:auto;
	padding-top:15px;
}


/* ************************************************************************************************
  header
************************************************************************************************ */
#header{
	color:#636465;
	text-transform:uppercase;
	padding-bottom:20px;
	position: relative;
	width:930px;
	min-height:30px;
	_height:30px;
}

#header div span {text-decoration:underline;}

#header a {color:#636465;}

#header div{ 
	width:50%;
	position: absolute;
	left:0;
}

#header div.right{ 
	text-align:right;
	margin-left:50%;
	position: absolute;
	right:0;
}


/* ************************************************************************************************
  menu haut
************************************************************************************************ */
#nav{
	margin:auto;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
	/*background:transparent url('skin/horizontal-gradients.png') no-repeat left top; */
	background:transparent url('skin/pixel_gris_20090506.gif') 0px 1px 50px no-repeat;
	/*
	_width:930px;
	_height:22px;
	_position:absolute;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/horizontal-gradients.png' , sizingMethod="scale");
	*/
	
	padding-top:5px;
	min-height:22px;
}

#nav DIV a.selected 
{   color:#60B3EE;
}
#sous-nav li a.selected 
{   color:#60B3EE;
}


/* ************************************************************************************************
sous  menu haut
************************************************************************************************ */
#sous-nav-container{
	margin:auto;
	width:100%;
	font-size: 10px;
	text-align:right;
	text-transform:uppercase;	
	padding-top:5px;
	min-height:22px;
	height: 20px;
}

#sous-nav-container ul{
	float: right;
	margin-right:103.5px;
	_margin-right:65.2px;
}


/*
#sous-nav-container {
	height: 20px;
}
*/

/* ************************************************************************************************
  footer
************************************************************************************************ */
#footer{
	width:930px;
	position:absolute;
	bottom:0;
	text-align:center;
	color:#69818d;
	font-size:10px;
}

#footer label{
		display: inline;
		float: left;
}

#navBottom{
	margin:auto;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	/*background:transparent url('skin/horizontal-gradient.png') top center no-repeat;*/
	padding-top:10px;
	margin-bottom:2px;
	min-height:22px;
}

#navBottom li{ 
	white-space:nowrap;
	width:20%; 
	color:#636465 
}

/* css commune au menu et footer */
#nav div{ float:left; }
#nav div a { color:#636465; padding-left:10px;padding-right:10px;}
#nav div a:hover { color:#60B3EE; } 
#nav div.on { color:#60B3EE; }

#navsep1, #navsep2, #navsep3, #navsep4 {background:url(skin/pixel_gris_20090506.gif); background-repeat:repeat-x; background-position:center;height:16px;}

#navsep1 {width:125px;}
#navsep2 {width:90px;}
#navsep3 {width:100px;}
#navsep4 {width:150px;}

#sous-nav li{ padding-left:10px; padding-right: 10px; }
#navBottom  input { _width:100px; }
#navBottom  select { _width:80px; }
#navBottom li a, #sous-nav li a{ color:#636465; }
#navBottom li a:hover, #sous-nav li a:hover{ color:#60B3EE; }
#navBottom li.on , #sous-nav li.on{ color:#60B3EE; }
#navsepBottom {background:url(skin/pixel_gris_20090506.gif); background-repeat:repeat-x; background-position:center;height:1px;}

/* ************************************************************************************************
  page login / page register
************************************************************************************************ */
#login {
	position:absolute;
	top:260px;
	left:670px;
	width:280px;
	border-top: solid 1px #636465;
	border-bottom: solid 1px #636465;
	text-transform:uppercase;
}

#register, #profile {
	position:absolute;
	top:50px;
	left:680px;
	width:290px;
	/*padding-right:30px;*/
	text-transform:uppercase;
	/*margin-left:650px;
	border-top: solid 1px #636465;
	border-bottom: solid 1px #636465;*/
}

#profile {
	top:20px;
	left:320px;
}

#register select, #profile select {
	height:20px;
}

#login label, #register label, #profile label {
	float: left;
	margin:0 0 4px 0;
	padding:3px 0 0 0;
	height:17px;/* 20 */
	width:90px;
}

#login span, #register span, #profile span {
	display: block;
	float: left;
	margin:0 0 4px 0;
	padding:0 0 0 5px;
	height:20px;
	text-transform:none;
}

#forget{ display:none; }

#forget input{ display:block; }

#login span {width:130px;}
#register span, #profile span {width:190px;}

#login form, #register form {
	margin-top:20px;
}

a.btn {
	display:block;
	float:right;
	margin:10px 0px 0 0px;
	padding:2px 4px;
	color:#636465;
	/*background-color:#326079;
	border:1px solid #7495a4;*/
	text-decoration:underline;
	text-transform:none;
}
a.btn:hover {color:#60B3EE;} 

.btn {
	display:block;	 
	color:#636465;
	/*background-color:#326079;
	border:1px solid #7495a4;*/
	text-decoration:underline;
	text-transform:none;
}
.btn:hover {color:#60B3EE;}

#login p, #register p, #profile p {
	text-transform:none;
	padding-top:20px;
}

#login p a{
	text-decoration:underline;
	color:#636465;
} 


/* ************************************************************************************************
  CONTENT
************************************************************************************************ */
#content, #contentregister{ 
	position:relative;
	padding-top:20px;
	/* border:0px solid #444;  */
	overflow:auto; 
	margin:auto;
	width:100%;
	height:370px;
	/*height:540px;*//* 560 */
	color:#636465;
}

#content p{ 
	text-decoration:none;
	font-size:12px;
	margin-bottom:20px;
}

#contentregister p{ 
	text-decoration:none;
	font-size:9px;
	margin-bottom:2px;
}
#content h2 {
	margin:0 0 10px 0;
}

#contentregister h2, #profile h2 {
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
}
#content h2 a, #contentregister h2 a{
	text-transform:uppercase;
	color:#636465;
}

#content h2 a:hover, #contentregister h2 a:hover{
	text-transform:uppercase;
	color:#60B3EE;
}

#contentregister {
	height:580px;
}


/* ************************************************************************************************
  CONTACTS
************************************************************************************************ */
#content #contactL{
	width:600px;
	min-height:300px;
	_height:300px;
	position:absolute;
	left:0;
	/*background:transparent url('skin/vertical-gradient-300.png') 500px top no-repeat;*/
}

#content #contactR{
	width:300px;
	position:absolute;
	left:0;
	margin-left:600px;
}

#content #contactL a, #content #contactR a{
	color:#636465;
	text-decoration:none;
}
#content #contactL a:hover, #content #contactR a:hover{
	color:#636465;
	text-decoration:underline;
}


#content #contactL h2, #content #contactR h2 {
	margin:0 !important;
	padding:0 !important;
	font-size:12px;
	text-transform:uppercase;
}

#content #contactL h3, #content #contactR h3 {
	margin:30px 0 10px 0;
	font-size:11px;
}
#content #contactL h4, #content #contactR h4 {
	font-size:11px;
}
#content #contactL, #content #contactR {
	font-size:11px;
}


.error, .popup{ 
	text-align:center !important;
	margin-top:150px !important;
	font-size:20px !important;
}


.error {
	height:390px !important;
}

/* ************************************************************************************************
  page products-detail
************************************************************************************************ */
/* 
#dossiers{display:none;}  
#video{display:none;}  
*/
#prodcomL {
	width:440px;
	min-height:270px;
	_height:270px;
	position:absolute;
	left:0;
	border: solid 1px #d4d4d4;
	padding:10px;
	/*background-color:#FFFFFF;*/
	
	/*background:transparent url('skin/vertical-gradient-300.png') 465px top no-repeat;*/
}

#prodcomR {
	width:460px;
	min-height:290px;
	_height:290px;
	position:absolute;
	right:0;
	margin-left:520px;
	text-align:center;
	border: solid 1px #d4d4d4;
	/*padding:10px;*/
	background-color:#FFFFFF;
}

#prodcomR a {
	color:#636465;
	font-size:13px;
}

#prodcomR a:hover {
	color:#60B3EE;
}

#prodcomL img {
	border:1px solid #d4d4d4; margin-bottom:5px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#prodcomL h2 {
	float:left;
	padding:0;
	margin:0;
	width:290px;
}

#prodcomL p {
	/*width:330px;
	clear:left;*/
}

#prodcomL #download {
	/*background:transparent url('skin/vertical-gradient.png') left top no-repeat;*/
	width:280px;
	float:left;
	clear:left;
	padding-top:10px;
}

#prodcomL #download li {
	margin-left:20px;
	float:none;
	width:280px;
	clear:both;
}

#prodcomL #download li img {
	border:0px;
	margin-bottom:5px;
}

#prodcomL #download li span {
	display:block;
	float:left;
	width:180px;
	padding-bottom:10px;
	margin-top:3px;
}

#prodcomL #download li a {
	display:block;float:right;color:#636465; padding:3px; margin:0;
	text-decoration:underline;
}

#prodcomL #download li a:hover {
	/*color:#60B3EE; background-color:#326079; padding:3px; border:1px solid #7495a4;*/
	color:#60B3EE;
	text-decoration:underline;
}

#prodcomL #download li a.noFile {
	display:block;float:right;color:#999999; padding:3px; margin:0;
	text-decoration:none;
	cursor:text;
}

#prodcomL #download li a.noFile:hover {
	color:#999999;
	text-decoration:none;
	cursor:text;
}

#prodcomL #detail-download{
	/*display:none;float:left;width:170px;height:87px;color:#636465; background-color:#326079; padding:3px; margin-top:10px; border:1px solid #7495a4;*/
	display:none;float:left;width:170px;height:87px;color:#636465; background-color:#fff; padding:3px; margin-top:10px; text-decoration:underline;
}

#prodcomL h2, #prodcomR h2 {
	text-transform:uppercase;
	font-size:18px;
	/*margin-bottom:8px;*/
}

#prodcomL h3, #prodcomR h3 {
	font-size:11px;
	margin:20px 0 15px 0;
}

#prodcomL, #prodcomR {
	font-size:11px;
}


/* ************************************************************************************************
  page com prod
************************************************************************************************ */




/* **********************************************
  bloc news - utilise sur index et 
********************************************** */
.blockNews {
	position: relative;
	width:820px;
	min-height:120px;
	overflow:hidden; _overflow:visible; zoom:1;
}

.blockNews p {
	margin:5px 0 !important;
	padding:0;
}

.newsTable {
	/*margin:5px 0 !important;*/
	border: solid 1px #636465;
	/*background-color:#FFFFFF;*/
}

.newsTable TR TD {
	padding:4px;
}


.newsThumb {
	float:left;
	min-height:84px;
	width:140px;
	color:#636465;
	/*background:transparent url('skin/vertical-gradient.png') 160px 14px no-repeat;*/
}
.newsThumb img {
	border:1px solid #d4d4d4;
}


.newsContent {
	float:left;
	width:550px;
	color:#636465;
}

.newsDate {
	width:90px;
	text-align:right;
	padding-right:4px;
}

.newsLinks {
	float:right;
	/*padding:36px 0 0 40px;*/
	width:400px;/* 220 */
	text-align:right;
}
.newsLinks a {
	/*display:block;
	float:right;*/
	margin-right:4px;
	font-size:10px;
	/*padding:2px 5px 2px 5px;*/
	/*color:#636465;
	border:1px solid #7495a4;
	background-color:#326079;*/
	color:#636465;
	text-decoration:underline;
}

.newsLinks a:hover {color:#60B3EE;}

.blockSearch{
	width:550px;
	min-height:80px;
	_height:80px;
	position: relative;
}

.blockSearch .searchContent { width:320px; color:#636465; padding-right:10px; margin-right:0px; font-size:11px; }
.blockSearch .searchContent  h2{ color:#999; font-size:11px; padding:0; margin:0; display:inline;}
.blockSearch .searchContent  p{ padding:0; margin:0;}
.blockSearch .searchLinks { position:absolute; right:0; top:14px; width:200px;}
.blockSearch .searchLinks a{ color:#636465; background-color:#326079; padding:2px; margin-right:4px; border:1px solid #7495a4; display:block; float:left;}
.blockSearch .searchLinks a:hover{ color:#60B3EE; background-color:#326079; padding:2px; margin-right:4px; border:1px solid #7495a4; }