#tabs{visibility: hidden;}
/* ========== colors */
/*
bleu fonce : #0069B3
gris bordures : #d9d9d9
*/

/* ========== base html */
html{ background: #e3e3e3; }
body{ 
       border-top:3px solid #000; 
     background: #fff; 
  }

h1{ font-size: 1.6em; 
    font-weight: bold; 
    display: block;  
    width: 100%;  
    color:#0069B3;
    border-bottom: 2px solid #d9d9d9; 
    margin-bottom: 10px;
    }
h2{ font-size: 1.4em; 
    font-weight: bold; 
    display: block;  
    width: 100%;  
    color:#4681AD;
    margin-bottom: 10px;
    font-family: Verdana, Segoe UI, Arial, sans-serif !important;
    } 

  
h3{ font-size: 1.2em;
    font-weight: bold; 
    display: block;  
    width: 100%;  
    /*color:#99cc00;*/
    color:#F58400;
    margin-bottom: 10px;
    font-family: Verdana, Segoe UI, Arial, sans-serif !important;
    } 

h4{
    color:#014888;
}

a{
    color :#0667B3;
    text-decoration: none;
    border-bottom:1px dotted #0667B3;
}

a:hover {
    border-bottom:1px dotted #F58400;
    color:#F58400;
}

p{text-align: left;
    font-size: 0.9em;
    font-weight: normal; 
    display: block;  
    width: 100%;  
    color:#014888;
    margin-bottom:10px;
    font-family: Verdana, Segoe UI, Arial, sans-serif !important;
}

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

/* ========== base template */

div#doc2{ background:#e3e3e3; width:100%;}

/********************************* Bandeau ********************************/

div#hd { 
        background:transparent url(../../../images/lusis/header-background.gif) repeat-x right bottom; 
        width:880px;
        height:65px; 
        text-indent: -9000px; 
        margin-bottom:2px;
        margin-right:auto; 
        margin-left:auto;
        position:relative;
}

div#hd span {  }
        
div#hd a { 
        background:transparent url(../../../images/lusis/logo-lusis-86x35.png) no-repeat left 5px; 
        display:block; 
        height:65px; 
        padding-left: 5px; 
        border:none;
}

div#slogan {
  background: transparent url(../../../images/lusis/20090827-slogan-lusis.fr.png) no-repeat scroll left top; 
  height:65px; 
  left:160px; 
  position:absolute; 
  top:18px; 
  width:650px;
  z-index:1;
} 

div#language div#jflanguageselection div.rawimages {
  position:absolute; 
  bottom:5px; 
  right:20px;
  z-index:200;
text-indent: 0;
}

div#language div#jflanguageselection div.rawimages a {
	text-ident:1em;
	width:20px; 
  	height:14px;
  	border-bottom: none;
	z-index:200;
	float: left;
}
        
/********************** Autres éléments du template *********************/     
   
    div.yui-g{ width:880px; margin-right:auto; margin-left:auto; min-height:380px;}
    
    
    
    div#bd{ margin: 0px 0 0; }
    div#ft{ border:1px solid #e0e0e0;  margin: 2px 0 0 0;}
    
        div#footerHome{background: white; width:880px; margin-right:auto; margin-left:auto; position:relative;}

/* used in overlays contents */    
div#overlayDoc{ width:100%; }    
    div#overlayDoc div#bd{ padding-top:0; }

    div.downloadWp{ height:90px; width:10%; border: 1px solid #d9d9d9; text-align: center; padding:5px; }
        div.downloadWp a p{ font-size: 90%; background: #0069B3; color: white;}
        div.downloadWp a:hover p{ background: white; color:#0069B3;}
    
/* ========== Main content */
#mainContent{ background:white; margin: 5px 5% 0 5%; padding: 10px; }
    #mainContentLeft{ float:left; width:45%; padding: 0 2%;}
    #mainContentRight{ float:right; width:45%; padding:25px 2% 0;}

p.accroche{ margin: 5px 0; font-weight: bold; font-size: 1.2em; }
p.intro{ font-style: italic; margin:5px 0 5px 5px;}

ul.checked-list li{
  background : transparent url(../../../images/lusis/check-15x15.png) no-repeat 0px 8px;
  padding: 7px 0 3px 24px;
  font-weight: bold;
  color:#014888;
  font-family: Verdana, Segoe UI, Arial, sans-serif !important;
}

/* nested list */
ul.nested li{
  list-style-image:url(../../../images/lusis/check-201.png); 
  margin:15px 0 3px 35px; 
  font-weight: bold; 
  color:#014888;
  font-family: Verdana, Segoe UI, Arial, sans-serif !important;
}
ul.nested li ul{margin-top : 3px;  }
ul.nested li li{list-style-image:url(../../../images/lusis/arrow.gif); font-weight: normal; margin-top : 0;}

a.externalLink{ background: transparent url(../../../images/lusis/external-link.jpg) no-repeat left top scroll; 
padding-left:20px;
border-bottom: 1px dotted #284C8D;
color:#284C8D;}

/*a.externalLink:hover{border-bottom: 1px dotted #fff; background: #284C8D; color:white;}*/

div.portofolio{ width: 80%; border: 1px solid #284C8D; padding:0; margin-left: 0px;}
    div.portofolio h4{  background: #284C8D; border : 1px solid #284C8D; padding:3px; color:white; 
                        font-size: 110%; font-weight: bold;}
    div.portofolio h5{  padding:3px; font-weight: bold;}
    div.portofolio p{ padding:3px; }


#mainContent.mecenat{background:white url(../../../images/lusis/delacroix-fond.jpg) no-repeat right bottom scroll}
    #mainContentLeft.mecenat{ float:left; width:70%; padding: 0 5% 0;}
        img.mecenat{background:#bbb; padding:2px; border:1px solid #aaa; margin:3px;}
        img.mecenat.left{float:left;}
        img.mecenat.right{float:right}

table.drawing{ margin : 10px 0; width:100%; border-top:1px solid black; text-align: center;}
    table.drawing tr.blackBorder{ border-top:2px solid black; border-bottom:2px solid black; }
        table.drawing td{ padding:3px; vertical-align: top;}

/* ========== footer content */
#footerContent{ text-align: center; padding:3px; color:#777; }

/* ========== common menu */
#navContener{ position:relative;   margin0; width:100%; height:1.6em; background-color:#0069B3; }

#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }
#nav ul { position:absolute; width:12em; display:none; top:1.5em; }
#nav ul ul{ top:auto; } 

#nav>li { border-right : 1px solid white; }
#nav li{ float:left; position:relative;  font-weight: bold;}
#nav li ul ul { left:12em; margin:0px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }

#nav a.isParent{ background: url(../../../images/lusis/menu-more.gif) no-repeat; background-position: right 5px; }
#nav a{ width:12em; float:left; border:1px solid #0069B3; }    
#nav a:link, #nav a:active, #nav a:visited{ display:block; padding:0px 5px; color:#fff;
text-decoration:none; background-color:#0069B3;  }
#nav a:hover{ background-color:#fff; color:#0069B3; }

/*KAW*/
#m3moduleform_1 .col1{
  padding:0.1em;
  font-weight:bold;
}

#m3moduleform_1 .col2{
  padding-left:5px;
  padding-top:2px;
  padding-bottom:2px;
}

#m3moduleform_1 div.submit{
  margin-top:10px;
}

/* home page footer style */
    
div#ft .footerDiv{
    /*background: #ff00ff;*/
    background: white url(../../../images/lusis/css/footer/content_footer.gif) repeat-x 0 100%;
    display:block;
    width:16.5%;
    float:left;
    border-right:1px solid #d9d9d9;

}

div#ft .lastDiv{
    float:right;
    margin-right:0;
    border-right:none;
}

div#ft .footerDiv span{
    background:yellow;
    margin-right:0;
    padding-bottom:5px;
}

div#ft a{
    color :#0667B3;
    text-decoration: none;
    font-size: 0.9em;
}
div#ft h2{
  color : #000033; /*KAW*/
  font-size: 1.3em; 
  font-weight: bold;
  font-family: Verdana, Arial,clean,sans-serif !important ;
  letter-spacing:-1px;
  margin : 5px 5px 0 3px;
  overflow:hidden;
 
}

#footerHome div{}
#footerHome div img {float:right; }

/*KAW 10/08/2009*/
#tab-text{ float:left; margin:0 0 15px 0; width:55%; }
#tab-text-right{ float:right; margin:0 0 15px 0; width:55%; }


#tab-img{ float:left; text-align:center; }

.yui-g{
background:white none repeat scroll 0 0;
margin:0 5% 0;
padding:10px 0;
}

#mainContentLeft {
float:left;
padding:0 2%;
width:45%;
padding-top:20px;
}

#mainContentRight {
float:right;
padding:25px 2% 0;
width:45%;
padding-top:20px;
}

table.contentpaneopen{
width:100%
}

table.contentpaneopen td{vertical-align: top;}

table.contentpaneopen #mainContentRight{  margin-top:20px; padding-top:0; }


#tabs li.ui-state-default a,#tabs li.ui-state-active a {
cursor:pointer;
font-size:70%;
font-weight:bold;
height:2.8em;
min-height:2.8em;
}

.attachmentsList{ padding: 2% ; clear: right;}

.attachmentsList table{ }

.ui-tabs {
margin:0 0;
padding:0;
}


li.latestnews{
  margin-top:20px;
}

a.latestnews_news{
  
}

.article_separator{
  clear:both;
}

#mainContent.mecenat {
margin:0;
padding:0;
}
#mainContent.entreprise, #mainContent.white-papers{ background:white; margin: 5px 5% 0 5%; padding: 10px; }
#mainContentLeft.entreprise, #mainContentLeft.white-papers{ 
float:left; width:80%; padding: 0 5% 0 2%;
}



div.chronoform{display: none;}



.chronoform a:hover{
color:#ffffff;
}

.chronoform a:link{
color:#ffffff;
}

.chronoform a:visited{
color:#ffffff;
}


/* registration form */

#ChronoContact_Registration #mainContentRight{width:100%; margin-top:0; padding-top:0;}


.invalid {
border-color:#FF0000;
}

label.invalid {
color:#FF0000;
}

input.button{padding:3px; border:1px solid #99CC00;}

#registrationHead{
margin:20px 2% 0;
padding:0.2em;
}


#loginBox{
  width:100%;
  padding:0 0 0 20px;
}

#loginBox .form_item {
margin: 0 0 5px 0;
}

#form-login .form_item label{
  vertical-align:middle;
        width:10em !important;
        white-space: nowrap;
        color:#014888;
}

#registerForm{
  width:100%;
}

#registerForm h4{
  font-size:1.1em;
  margin-bottom: 1em;
}

#registerForm .form_element, #form-login .form_element {
  margin: 0 0 5px 0;
  font-size:13px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#014888;
}

#registerForm .form_item, #form-login .form_item {
    font-size:13px;
}

#registerForm .form_element label{
  width:10em !important;
  white-space: nowrap;
}

.buttonHolder{
  text-align:left;
  margin-bottom:10px;
}

/*formulaire chronoForm */
h1.cf_text {
font-family:Verdana,Arial,Helvetica,sans-serif;
}

.form_element {
  margin: 0 0 5px 0;
  font-size:13px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#014888;
}

/* style annonce home */
#announce{display:none;
          position:absolute; top:2%; left:10%;
          z-index:300;
          width : 70%; height: auto;
          padding:4% 4%;
          text-align:center;
          background:transparent url(../../../images/lusis/background-annonce-home.png) repeat right bottom; 
          border:4px solid grey;
          }

#announce-banner 
{ 
        background:white url(../../../images/lusis/header-background.gif) repeat-x right bottom; 
        width:100%;
        height:65px; 
        text-indent: -9000px; 
        margin-bottom:2px;
        margin-right:auto; 
        margin-left:auto;
        position:relative;
        z-index:310;
        padding:0 15px;
}

#announce-banner a, #announce-banner span { 
        background:transparent url(../../../images/lusis/logo-lusis-86x35.png) no-repeat left 5px; 
        display:block; 
        height:65px; 
        padding-left: 5px; 
        border:none;
}

#announce-slogan {
  background: transparent url(../../../images/lusis/20090827-slogan-lusis.fr.png) no-repeat scroll left top; 
  height:65px; 
  left:160px; 
  position:absolute; 
  top:18px; 
  width:650px;
  z-index:1;
} 

#announce-text{
	 width : 100%;
	 height: auto; 
   overflow: auto; 
   background:white;
   padding:15px;
   margin:0 auto;
   opacity:1;
   z-index:320;
}

#announce-continu{
	position:absolute;http://www.lusis.com/SITE/administrator/index.php#
	bottom:5px;
	right:5px;
	z-index:330;
	background:transparent url(../../../images/lusis/button_annouce_left.png) no-repeat scroll left top;
	padding:0;
	}

#announce-continu a{
  cursor:pointer;
  background: transparent url(../../../images/lusis/button_annouce_continue.png) no-repeat scroll right top;
margin: 0 0 0 0;
padding:5px 30px 0 5px;
white-space:nowrap;


              
              display:block;
  height:26px;
  border:none;
  }

#announce-close a:hover{border:none;}