/*------------------------
	common
------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

a {
	text-decoration: none;
	outline: none;
}

/*------------------------
	clearfix
------------------------*/


.clearfix:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

* html .clearfix {
}

*+html .clearfix {zoom:1} /* haslayout trigger */

.clearfix {
	display: block;
}


/* -------------------------------------------------------------- 

   main.css
   * medisystem
   
-------------------------------------------------------------- */


html {
height: 100%;
}

body {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	min-height: 101%;
	background: #999 url(../img/bg.png) repeat top left;
}

p, span {
line-height: 15px;
}
/* -------------------------------------------------------------- 
   LINKS
-------------------------------------------------------------- */

a {
text-decoration: none;
color: #0099CC;
line-height: 15px;
}

a:hover {
text-decoration: underline;
}


a.link2 {
color: #323232;
}

/* -------------------------------------------------------------- 
   LISTS
-------------------------------------------------------------- */
ul li {
display: inline;
list-style-type: none;
}


/* -------------------------------------------------------------- 
   BODY STRUCTURE
-------------------------------------------------------------- */

#wrap {
background: #999 url(../img/bg.png) repeat top left;
margin: 0;
width: 100%;
}

#header {
position: relative;
height: 110px; /*160px;*/
background-color: #FFF;
width: 960px;

}

#globalcontent {
position: relative;
background-color: #FFF;
margin: 0pt auto 0pt ;
width: 960px;
}

div#news {
position: relative;
height: 360px;
}

#contents {
position: absolute;
margin-top: 360px;
width: 960px;
background-color: #F2F2F2;
float: left;

}

#footer {
float: left;
/*bottom: 0px;*/
height: 40px;
width: 960px;
line-height: 40px;
background-color: #FFF;

}

/* -------------------------------------------------------------- 
   HEADER > LOGO POSITIONING
-------------------------------------------------------------- */
div#header h1 {
position: relative;
width: 347px;
top: 15px; /*30px;*/
left: 20px;
}


div#header h1 a {
display: block;
width: 347px;
height: 71px; /*88px;*/
background: url(../img/medisystem_logo2bis.png) no-repeat scroll 0 0;
text-indent: -5000px;
}

div#header h1 a:hover {
background: url(../img/medisystem_logo2bis.png) no-repeat scroll 0 -71px; /*-88px;*/
}


/* -------------------------------------------------------------- 
   HEADER > BLOCKS POSITIONING
-------------------------------------------------------------- */

ul#language {
position: absolute;
top: 0;
right: 0;
}

ul#navigation {
position: absolute;
right: 0;
bottom: 0;
/*width: 320px;*/
width: 420px;
}

/* -------------------------------------------------------------- 
   HEADER > LANGUAGE BAR
-------------------------------------------------------------- */

ul#language li a, ul#language li a:hover { /*background: transparent url('../img/fr.png') no-repeat scroll 3pt 5px; */}
ul#language li.current a, ul#language li.current a:hover { /*background: url('../img/en.png') no-repeat scroll 3pt 5px;*/ }
ul#language li a { /*border-left: 1px solid #eee;*/ padding: 5px; display: block; float: left; }


/* -------------------------------------------------------------- 
   HEADER > NAVIGATION BAR
-------------------------------------------------------------- */

ul#navigation li a{
display: block;
float: left;
font-family:"Helvetica", Arial, sans-serif;
font-size: 11.5px;
font-weight: bold;
color: #333;
border-left: 1px solid #ccc;
text-align: center;
padding: 7px 0;
}

ul#navigation li:first-child a, 
ul#navigation li.first a,  
ul#navigation li.one a {
border: none !important;
*border: none !important;
}

ul#navigation li.one a{
/*width: 104px;*/
 width: 60px;	
 padding: 7px 20px 7px; 
}


ul#navigation li.two a {
width: 90px;
}

ul#navigation li.two_en a {
width: 90px;
}

ul#navigation li.three a{
width: 57px;	
}

ul#navigation li.three_en a{
width: 64px;	
}

ul#navigation li.four a{
width: 110px;	
}

ul#navigation li.four_en a{
width: 110px;	
}

ul#navigation li.five a{
width: 117px;

}

ul#navigation li.five_en a{
width: 117px;	
}

ul#navigation li a:hover {
text-decoration: none;
 background: #f0f4f7;
}

/* -------------------------------------------------------------- 
   FOOTER
-------------------------------------------------------------- */

div#footer p {
display: inline;
color: #666;
}

div#footer p a {
color: #323232;
}

div#footer p.copyright {
margin-left: 20px;
}

div#footer p.termsofuse{
margin-left: 20px;
}

div#footer p.sitecredits a{
text-align: right;
margin-left: 660px;
top: 14px;
}


/* -------------------------------------------------------------- 
   LEFT CONTENT /
-------------------------------------------------------------- */

div.leftcontent {
float: left;
display: block;
width: 640px;
background-color: #FFF;

}

div.md.module {
position: relative;
width: 320px;
}


/* -------------------------------------------------------------- 
   RIGHT CONTENT / 
-------------------------------------------------------------- */

div.rightcontent {
display: block;
right: 0;
float: left;
width: 280px;
height: 375px;
padding: 0 20px 50px;
background-color: #F2F2F2;
}

div.rightcontent p.style {
padding: 0px 0 0px;
color: #333;
}

div.rightcontent p.style a {
color: #000;
text-decoration: none;
}

div.rightcontent p.related {
font-family: "Helvetica", Arial bold, sans-serif;
font-size: 28x;
color: #000;
}
div.rightcontent p.related a {
font-family: Helvetica, Arial bold, sans-serif;
font-size: 20px;
color: #333;
text-decoration: none;
}

div.module_header1 { 
position: relative; 
border-bottom: 1px dotted #948F8A; 
width: 280px;
margin: 0pt 0px 25px 0px; 
padding: 25px 0pt 8px;
}
div.module_header1 h2.style { 
margin: 0pt; 
padding: 0pt; 
font-weight: normal; 
font-size: 30px; 
color: #000;
}
div.module_header1 h2.style a{ 
margin: 0pt; 
padding: 0pt; 
font-weight: normal; 
font-size: 30px; 
color: #000;
text-decoration: none;
}
div.module_header1 h2.style a:hover{ 
margin: 0pt; 
padding: 0pt; 
font-weight: normal; 
font-size: 30px; 
color: #000;
text-decoration: none;
}
/* -------------------------------------------------------------- 
   NEWS > HOMEPAGE
-------------------------------------------------------------- */

div#news {
width: 960px;
height: 360px;
background-color: #1A1A1A;
float: left;
}

div#news ul.content {
float: left;
}

div#news ul.content li{
	width: 960px;
}

div#news ul.content li div.image {
	position: absolute;
	top: 0;
	width: 640px;
	height: 360px;
	padding: 0;
	background-color: #000;
}

div#news ul.content li div.description {
	position: absolute;
	top: 0;
	left: 640px;
	width: 280px;
	height: 301px;
	color: #FFF;
	padding: 39px 20px 20px;
	background-color: #003366;
	background: url(../img/degrade-bg-news.jpg) repeat-x 0 0;

}

div#news ul.content li div.description h1 {
margin: 0 0 18px 0;
font-size: 36px;
font-weight: normal;
font-family: "Helvetica", Arial, sans-serif;
}

/*navigation news*/
div#news div.nextprev {
position: absolute;
width: 320px;
z-index: 99999;
left: 640px;
bottom: 0;
line-height: 23px;
margin: 0 0 5px;
}

div#news div.nextprev ul {
position: relative;
}

div#news div.nextprev ul li{
text-align: left;
}

div#news div.nextprev ul li.prev a{
position: absolute;
bottom: 0;
left: 0;
display: block;
z-index: 9999;
text-indent: -50000px;
background: transparent url(../img/btnnews_prev_combo.png) no-repeat scroll 0 -100px;
height: 50px;
width: 50px;
}

div#news div.nextprev ul li.prev a:hover {
background-position: 0 -50px;
}

div#news div.nextprev ul li.next a{
position: absolute;
bottom: 0;
right: 0;
display: block;
z-index: 999;
text-indent: -50000px;
background: transparent url(../img/btnnews_next_combo.png) no-repeat scroll 0 0;
height: 50px;
width: 50px;
}

div#news div.nextprev ul li.next a:hover {
background-position: 0 -50px;
}


/* -------------------------------------------------------------- 
   HOME > 2 ENTREES MEDECINE NUCLEAIRE, INDUSTRIE
-------------------------------------------------------------- */

div.md.module ul.md_module {
width: 640px;
height: 375px;

}

div.md.module ul.md_module li {
height: 375px;
float: left;
width: 280px;
/*height: 100%;*/
padding: 25px 20px 25px 20px;
}

div.md.module ul.md_module li:hover {
background-color: #f1fefe;
}

div.md.module ul.md_module li:first-child, div.md.module ul.md_module li.first {
border-right: 1px dotted #948F8A;
width: 279px;
padding-left: 20px;
}
div.md.module ul.md_module li p.related {
margin: 10px 0 10px 0;
font-family: "Helvetica", Arial bold, sans-serif;
font-size: 30px;
color: #000;
}
div.md.module ul.md_module li p.related a {
margin: 20px 0 20px 0;
font-family: Helvetica, Arial bold, sans-serif;
font-size: 30px;
color: #000;
text-decoration: none;
}
div.md.module ul.md_module li p.related a:hover {
margin: 20px 0 20px 0;
font-family: Helvetica, Arial bold, sans-serif;
font-size: 30px;
color: #333;
text-decoration: none;
}
div.md.module ul.md_module li p.related a.plus {
margin: 20px 0 20px 0;
font-family: Helvetica, Arial bold, sans-serif;
font-size: 20px;
color: #333;
text-decoration: none;
}
div.md.module ul.md_module li p.related a.plus:hover {
margin: 20px 0 20px 0;
font-family: Helvetica, Arial bold, sans-serif;
font-size: 20px;
color: #000;
text-decoration: none;
}
div.md.module ul.md_module li p.relatedMN {
font-family: "Helvetica", Arial bold, sans-serif;
font-size: 28x;
color: #000;
display: block;
border-top: 1px dotted #948F8A;
border-bottom: 1px dotted #948F8A;
padding: 10px 0 10px 0;
margin-top: 30px;
}
div.md.module ul.md_module li p.relatedMN a {
font-family: Helvetica, Arial bold, sans-serif;
font-size: 20px;
color: #333;
}
div.md.module ul.md_module li p.title{
margin: 0 0 7px 0;
}
div.md.module ul.md_module li p.title a {
font-family: Helvetica, Arial bold, sans-serif;
font-size: 12.5px;
color: #323232;
}
div.md.module ul.md_module li p.title a:hover {
text-decoration: none;
}
div.md.module ul.md_module li div.description span p {
display: inline;
line-height: 15px;
}
div.md.module ul.md_module li div.description span.learnmore p {
color: #666;
}
div.md.module ul.md_module li div.description span.service {
margin: 10px 0 10px 0;
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
display: block;
}
div.md.module ul.md_module li div.description span.service a {
margin: 10px 0 10px 0;
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #323232;
text-decoration: none;
}

/* -------------------------------------------------------------- 
   HEADLINES INDEX
-------------------------------------------------------------- */
div.module_header {
border-bottom: 1px dotted #948F8A;
padding: 25px 0 8px;
/*margin: 0 20px 25px 0;
*/position: relative;

}

div.module_header h2   {
font-weight: normal;
font-size: 30px;
color: #323232;
padding: 0;
margin: 0;
}

div.news.module div.module_header  {
margin-left: 20px;
margin-bottom: 0;
}


div.rightcontent div.module_header {
width: 100%;
}


/* -------------------------------------------------------------- 
   NEWS > INDEX PAGE
-------------------------------------------------------------- */

div.news.index div.wrapper {
padding-top: 0;
}

div.news.index div.wrapper ul.news_index li {
display: block;
overflow: hidden;
border-bottom: 1px dotted #948F8A;
padding: 0 0 30px;
margin: 20px 0 22px;
}

div.news.index div.wrapper div.content p.image {
margin: 0 0 30px 0;
display: block;
}

div.news.index div.wrapper div.content p.wrap-image {
margin: 0 30px 30px 0;
float: left;
}

div.news.index div.wrapper div.content p {
margin: 0 0 5px 0;
}

div.news.index div.wrapper div.content p.title a {
font-family: "Arial rounded MT bold", Arial bold, sans-serif;
color: #323232;
margin-left: 0;
}

div.news.index div.wrapper div.content div.intro {
margin-left: 0;
}

div.news.index div.wrapper div.content div.intro p {
color: #323232;
}

div.news.index div.wrapper div.content div.body {
color: #666;
margin-left: 0;
}

div.news.index div.wrapper div.content div#read-more {
color: #666;
margin-left: 0;
}

div.news.index div.wrapper div.content p.see_all {
margin: 15px 0 0;
}

div.news.index div.wrapper div.content p.readmore a{
color: #323232;
text-decoration: underline;
}

div.news.show div.top div.filter{
bottom: 30px;
}

div.news.show div.wrapper{
padding-top: 20px;
}

/* -------------------------------------------------------------- 
   FORM > INDEX PAGE
-------------------------------------------------------------- */

div#header form#global-search 
{
	background: transparent url(../img/bg-search.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 88px;
	width: 160px;
	overflow: hidden;
	height: 23px;
}

div#header form#global-search.active 
{
background-position: 0 -22px;
}

div#header form#global-search fieldset 
{
padding: 3px 13px 3px 30px; 
padding-left: 22px;
}

div#header form#global-search fieldset input[type=text] 
{
background: 0; 
border: 0; 
padding: 0 !important; 
margin: 0; 
width: 114px; 
height: 16px; 
outline: none !important; 
font-size: 12px;
}

div#header form#global-search fieldset input.text 
{
background: 0; 
border: 0; 
padding: 0 !important; 
margin: 0; 
width: 114px; 
height: 16px; 
outline: none !important; 
font-size: 12px;
}

form#global-search fieldset >input[type=text] 
{
padding: 2px 0 !important
}

body.isSafari form#global-search fieldset input.text 
{
padding: 0 !important
}

form#global-search fieldset label 
{
display: block; 
overflow: hidden; 
width: 0; 
height: 0; 
padding: 0; 
margin: 0;
}