/** general styles START **/
html {
min-height: 100%;
margin-bottom: 1px;
}

body {
background-color: #E4F2FD;
font-family: "Lucida Grande", Trebuchet, Arial, Verdana, "Bitstream Vera Sans", sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
margin: 0 auto 0 auto;
padding: 0;
color: #000000;
z-index: auto;
}

form {
margin: 0;
padding: 0;
}
/** general styles STOP **/

/* police text (begin) */
p.hecube_website_text{
font-size: 12px;
text-align: justify;
line-height: 20px;
color: #464646;
text-decoration: none;
margin: 0px auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
z-index: auto;
}

p.hecube_website_text_reference{
font-size: 12px;
text-align: justify;
line-height: 20px;
color: #464646;
text-decoration: none;
margin: 0px auto;
padding: 0;
margin-right: 5px;
margin-bottom: 5px;
z-index: auto;
}

div.box_slider ul {
list-style-image: url(../images/pucehecube.jpg);
z-index: auto;
}

div.box_slider ul li {
font-size: 12px;
text-align: left;
line-height: 18px;
color: #464646;
text-decoration: none;
padding-left: 10px;
z-index: auto;
}

div.box_page_left ul {
list-style-image: url(../images/pucehecube.jpg);
z-index: auto;
}

div.box_page_left ul li {
font-size: 12px;
text-align: left;
line-height: 18px;
color: #464646;
text-decoration: none;
padding-left: 10px;
z-index: auto;
}

h1.hecube_website_title {
font-family: georgia;
font-size: 22px;
font-style: italic;
text-align: left;
line-height: 20px;
fonth1weight: bold;
color: #556677;
text-decoration: none;
margin: 5px 0 15px 0;
z-index: auto;
}

h2.hecube_website_title {
font-family: georgia;
font-size: 22px;
font-style: italic;
text-align: left;
line-height: 20px;
font-weight: bold;
color: #556677;
text-decoration: none;
margin: 5px 0 15px 0;
z-index: auto;
}

h2.hecube_website_title_sliders {
font-family: georgia;
font-size: 22px;
font-style: italic;
text-align: left;
line-height: 15px;
font-weight: bold;
color: #556677;
text-decoration: none;
margin: 0 0 15px 10px;
padding-top: 2px;
z-index: auto;
}

h3.hecube_website_title {
font-size: 16px;
text-align: left;
line-height: 15px;
color: #556677;
text-decoration: none;
margin: 15px 0 10px 5px;
z-index: auto;
}
h4.hecube_website_title {
font-size: 12px;
text-align: left;
font-weight: bold;
line-height: 15px;
color: #667788;
text-decoration: none;
margin: 15px 0 10px 5px;
z-index: auto;
}
p.hecube_website_date {
font-family: Georgia;
font-size: 12px;
text-align: left;
color: #464646;
text-decoration:none;
padding-bottom: 5px;
margin-top: -10px;
z-index: auto;
}

p.hecube_website_copyright {
font-size: 11px;
text-align: center;
color: #464646;
text-decoration: none;
margin-top: 10px;
padding: 0px;
z-index: auto;
}


.sub_header_text_title{
font-family: Georgia;
font-size: 33px;
line-height: 15px;
color: #464646;
text-align: justify;
margin: 0px auto;
padding-top: 25px;
z-index: auto;
}

.sub_header_text_title_he{
font-family: Georgia;
font-size: 33px;
line-height: 15px;
color: #464646;
text-align: justify;
margin: 0px auto;
padding-top: 25px;
z-index: auto;
}

.sub_header_subtitle{
font-family: Georgia;
font-size: 17px;
line-height: 24px;
color: #666666;
text-align: justify;
margin: 0px auto;
padding-bottom: 10px;
z-index: auto;
}

.sub_header_text{
font-family: "Lucida Grande";
font-size: 15px;
line-height: 20px;
color: #464646;
text-align: left;
margin: 0px auto;
padding-bottom: 30px;
z-index: auto;
}

.text_link_blog{
font-family: Georgia;
font-size: 26px;
text-align: left;
line-height: 35px;
color: #667788;
text-decoration:none;
margin: 0px auto;
padding-top: 25px;
z-index: auto;
}

.hecube_nav_title{
font-family: georgia;
font-size: 16px;
font-style: italic;
font-weight: bold;
text-align: left;
line-height: 18px;
color: #556677;
text-decoration:none;
margin: 0px auto;
padding-bottom: 5px;
z-index: auto;
}

.contact_text{
font-size: 12px;
line-height: 20px;
color: #666666;
text-align: left;
margin: 0px auto;
padding: 0px;
z-index: auto;
}
/* police text (stop) */

/*  text link (begin) */
a.hecube_website_link{
font-size: 11px;
text-align: left;
color: #556677;
text-decoration: none;
margin: 0px;
padding: 0px;
z-index: auto;
}

a.hecube_website_link:hover{
font-size: 11px;
text-align: left;
color: #e06522;
text-decoration: underline;
margin: 0px;
padding: 0px;
z-index: auto;
}

a.hecube_website_link_space{
font-family: "Lucida Grande";
font-size: 11px;
text-align: left;
color: #5c7d7f;
text-decoration: none;
margin: 0px;
padding-left: 40px;
z-index: auto;
}

a.hecube_website_link_space:hover{
font-family: "Lucida Grande";
font-size: 11px;
text-align: left;
color: #e06522;
text-decoration: underline;
margin: 0px;
padding-left: 40px;
z-index: auto;
}

a.hecube_website_link_big_space{
font-size: 13px;
text-align: left;
color: #778899;
text-decoration: none;
margin: 0px auto;
padding-left: 10px;
z-index: auto;
}

a.hecube_website_link_big_space:hover{
font-size: 13px;
text-align: left;
color: #e06522;
text-decoration: none;
margin: 0px auto;
padding-left: 10px;
z-index: auto;
}

a.hecube_website_link_big{
font-size: 13px;
text-align: left;
color: #e06522;
text-decoration: none;
margin: 0px auto;
padding: 0px;
z-index: auto;
}

a.hecube_website_link_big:hover{
font-size: 13px;
text-align: left;
color: #e06522;
text-decoration: underline;
margin: 0px auto;
padding: 0px;
z-index: auto;
}

a.hecube_website_copyright{
text-decoration: none;
font-size: 11px;
text-align: center;
color: #464646;
z-index: auto;
}

a.hecube_website_copyright:hover{
text-decoration: none;
font-size: 11px;
text-align: center;
color: #E06522;
z-index: auto;
}
/*  text link (stop) */


/* skeleton page (begin) */
#content {
background-color: #ffffff;
z-index: auto;
}

.container_box{
background: transparent;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 0px;
z-index: auto;
}

.box_header {
background-color: #223344;
/*background: url(../images/header_bg.png);*/
height: 120px;
margin: 0px auto;
padding: 0px;
z-index: auto;
}

.sub_header_content_title {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 0px auto;
}

.box_sub_header_content{
background-color: #E4F2FD;
border-top: solid 1px #d4d4d4;
border-bottom: solid 1px #d4d4d4;
height: 90px;
padding-top: 5px;
z-index: auto;
}

.box_sub_header{
background-color: #E4F2FD;
/* border-top: solid 1px #a4a4a4; */
border-bottom: solid 1px #d4d4d4;
margin-top: -1px ;
padding: 0px;
z-index: auto;
}

.box_middle_content{
background: transparent;
height: 260px;
margin-left: 10px;
margin-top: 10px;
padding: 0px;
z-index: auto;
}

.box_middle{
background-color: #E4F2FD;
border: solid 1px #d4d4d4;
width: 978px;
margin-top: 20px;
padding: 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
z-index: auto;
}


div.box_button_slide{
background: url(../images/fond_button_slide.png);
width: 40px;
height: 40px;
margin-left: 940px;
margin-top: 20px;
margin-bottom: -1px;
padding: 0px;
z-index: auto;
}

img.button_slide{
margin-left: 0px;
margin-top: 2px;
cursor:pointer;
z-index: auto;
}


div.box_content{
background: transparent;
width: 980px;
margin-left: auto;
margin-right: auto;
padding: 0px;
z-index: auto;
}

div.box_footer{
background-color: #E4F2FD;
border-top: solid 1px #D4D4D4;
height: 120px;
margin: 0px;
padding: 0px;
z-index: auto;
}
/* skeleton page (stop) */


/* header (begin) */
.header_content{
background: transparent;
height: 100px;
width: 1000px;
position: relative;
margin-left: auto;
margin-right: auto;
margin: 0px auto;
padding: 0px;
z-index: auto;
}

.form_search{
float: left;
background: transparent;
height: 30px;
width: 170px;
padding-top: 71px;
z-index: auto;
}

input.search{
background: transparent;
border:medium none;
font-size: 14px;
color: #464646;
width: 120px;
height: 25px;
margin: 0px auto;
padding-top: 5px;
z-index: 1000;
}

a.valid_search{
background: transparent;
text-decoration: none;
font-size: 14px;
line-height:30px;
color: #666666;
border: 1px solid #CCCCCC;
padding: 5px;
margin-left: 396px;
z-index: auto;
}

a.valid_search:hover{
background-color: #E4F2FD;
text-decoration: none;
font-size: 14px;
line-height:30px;
color: #666666;
border: 1px solid #CCCCCC;
padding: 5px;
margin-left: 396px;
z-index: auto;
}

a.linklogo{
background: transparent;
width: 150px;
height: 40px;
margin: 0px auto;
padding: 0px;
z-index: auto;
}

.header_box_logo {
float: left;
background: transparent;
width: 260px;
margin-top: 40px;
height: 10px;
padding: 0px;
z-index: auto;
}

.header_box_search {
float: left;
background: transparent;
margin-left: 5px;
padding: 0;
z-index: auto;
}

ul.nav_content  {
background: transparent;
margin: 0px auto;
padding: 0px;
z-index: auto;
}

/*  nav header (begin) */

div.nav_header {
background: transparent;
float: right;
height: 30px;
margin-top: 98px;
padding-left: 10
px;
z-index: auto;
}

li.parent {
float:left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 5px;
margin-right: 5px;
z-index: auto;
}

div.current_blog {
float: left;
background: url(../images/blogtab.png) no-repeat;
height: 23px;
width: 58px;
margin: 0px auto;
padding: 0;
z-index: auto;
}

div.current_left {
float: left;
background: url(../images/current_left.png) no-repeat;
height: 23px;
width: 4px;
margin: 0px auto;
padding: 0;
z-index: auto;
}

div.current_right {
float: left;
height: 23px;
width: 4px;
background: url(../images/current_right.png) no-repeat;
margin: 0px auto;
padding: 0;
z-index: auto;
}

div.current {
float: left;
background-color: #E4F2FD;
color: #464646;
text-decoration: none;
font-size: 14px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
margin: 0px auto;
height: 23px;
z-index: auto;
}

li.parent div.search_form {
float: left;
color: #464646;
background-color: #E4F2FD;
padding: 0px 10px 10px;
height: 23px;
z-index: auto;
}

div.nav_header ul li a.parent {
color: #cccccc;	
z-index: auto;
}

li.parent a {
text-decoration: none;
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
margin: 0px auto;
text-align: center;
z-index: auto;
}

li.parent a.parent:hover {
color: #ffffff;
z-index: auto;
}

li.parent form {
margin-top: -4px;
z-index: auto;
}

/*  nav header (stop) */

/* header (stop) */


/* sub header (begin) */
.sub_header {
background: transparent;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
z-index: auto;
/*height:230px; 02092009*/
}

.sub_header_title{
background: transparent;
height: 60px;
margin-top: -40px;
margin-left: 0px;
padding: 0;
}

.box_sub_header_text{
float: left;
background: transparent;
height: 300px;
width: 560px;
margin-left: 420px;
margin-top: -50px;
padding: 0px;
z-index: auto;
}

sub_header_nav{
background: transparent;
height: 28px;
margin: 0px auto;
padding: 0px;
z-index: auto;
}


div.box_title_content {
background: transparent;
margin-top: -20px;
padding: 0px;
z-index: auto;
}

div.title_picto {
	float: left;
	width: 80px;
	height: 60px;
	margin-top: 10px;
	z-index: auto;
}

h1.title_text {
	float: left;
	font-family: Georgia;
	font-style: italic;
	font-size: 36px;
	text-align: left;
	color: #999999;
	font-weight: normal;
	margin-top: 17px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-left: 10px;
	z-index: auto;
}

/* sub header (stop) */


/*  contained index (begin) */
.middle_content_img_ref {
float: left;
background: transparent;
width: 180px;
height: 160px;
margin-left: 60px;
margin-right: 10px;
margin-top: 20px;
padding: 0px;
z-index: auto;
}

.middle_content_ref_text{
float: left;
background: transparent;
width: 200px;
height: 160px;
margin-top: 20px;
margin-right: 20px;
padding: 0px;
z-index: auto;
}

.container_content{
background: transparent;
width: 980px;
height: 470px;
margin-top: 20px;
padding: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: auto;
}

.container_content_left{
/*background: url(../images/creation.png) bottom right no-repeat;*/
float: left;
width: 460px;
height: 260px;
margin-left: 10px;
padding: 0px;
z-index: auto;
}

.container_content_right{
/*background: url(../images/gestion.png) bottom right no-repeat;*/
float: left;
width: 430px;
height: 260px;
margin-left: 30px;
padding: 0px;
z-index: auto;
}

.container_content_line_vertical {
float: left;
background-color: #cccccc;
width: 1px;
height: 214px;
margin-top: 17px;
margin-right: 20px;
margin-left: 20px;
padding: 0px;
z-index: auto;
}

.container_content_line_vertical_bottom {
float: left;
background-color: #cccccc;
width: 1px;
height: 100px;
margin-top: 17px;
margin-right: 20px;
margin-left: 20px;
padding: 0px;
z-index: auto;
}

.container_content_line_horizon{
border-top: 1px solid #cccccc;
width: 980px;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}

.container_content_bottom_left{
background: url(../images/expertise.png) bottom right no-repeat;
float: left;
width: 298px;
height: 150px;
margin-bottom: 10px;
padding: 0px;
z-index: auto;
}

.container_content_bottom_center{
background: url(../images/references.png) bottom right no-repeat;
float: left;
width: 298px;
height: 150px;
margin-bottom: 10px;
padding: 0px;
z-index: auto;
}

.container_content_bottom_right{
background: url(../images/contact.png) bottom right no-repeat;
float: left;
width: 298px;
height: 150px;
margin-bottom: 10px;
padding: 0px;
z-index: auto;
}

div.title_home_picto {
float: left;
background: transparent;
margin: 0px;
padding: 0px;
z-index: auto;
}

div.title_home_text {
float: left;
background: transparent;
padding-top: 20px;
z-index: auto;
}
/*  contained index (stop) */


/*  content page (begin) */
.box_page_left{
float: left;
background: transparent;
width: 729px;
margin-top: 20px;
margin-bottom: 40px;
padding: 0px;
z-index: auto;
}

.box_page_right{
float: left;
background: transparent;
width: 190px;
margin-top: 20px;
margin-bottom: 60px;
padding: 0px;
z-index: auto;
}

.box_page_space_line_vert{
float: left;
background-color: #cccccc;
width: 1px;
height: 500px;
margin-top: 25px;
margin-left: 30px;
margin-right: 30px;
padding: 0px;
z-index: auto;
}

.up_actu_blog {
background: transparent;
width: 729px;
height: 40px;
margin: 0px auto;
padding: 0;
z-index: auto;
}

.page_left_highlight {
/*background: #e5eff8 url(../images/puce_hecube_info.png) no-repeat scroll 5px 5px;*/
background-color: #e5eff8;
border: solid 1px #b7bfc6;
color: #464646;
text-align: justify;
line-height: 20px;
width: 705px;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px 10px 5px 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
z-index: auto;
}

.page_left_highlight2 {
/*background: #FFFBCC url(../images/puce_hecube_tip.png) no-repeat scroll 5px 5px;*/
background-color: #FFFBCC;
border: solid 1px #E6DB55;
color: #464646;
text-align: justify;
line-height: 20px;
width: 705px;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px 10px 5px 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
z-index: auto;
}

.page_left_actu_blog {
background-color: #ccddee;
border: solid 1px #aaaaaa;
width: 729px;
height: 80px;
margin-bottom: 20px;
padding: 0;
z-index: auto;
}

.actu_blog_left{
float: left;
background: transparent;
width: 270px;
height: 80px;
margin-left: 100px;
margin-right: 20px;
padding: 0px;
z-index: auto;
}

.actu_blog_right{
float: left;
background: transparent;
width: 220px;
height: 80px;
margin-left: 20px;
padding: 0px;
z-index: auto;
}

.box_page_bottom{
background: transparent;
width: 980px;
height: 160px;
margin-bottom: 30px;
padding: 0px;
z-index: auto;
}

a.blog_link{
background: url(../images/blog_link.png) no-repeat;
width: 110px;
height: 45px;
margin-left: 80px;
margin-top: 18px;
padding-top: 6px;
color: #ffffff;
float: left;
font-family: "Lucida Grande";
font-size: 25px;
text-align: center;
text-decoration: none;
z-index: auto;
}

a.blog_link:hover{
background: url(../images/blog_link_on.png) no-repeat;
z-index: auto;
}

a.hecube_nav_text{
font-size: 12px;
text-align: left;
line-height: 18px;
color: #778899;
text-align: justify;
text-decoration: none;
margin: 0px auto;
padding: 0 0 5px 5px;
z-index: auto;
}

a.hecube_nav_text:hover{
font-size: 12px;
text-align: left;
line-height: 18px;
color: #e06522;
text-align: justify;
text-decoration: none;
margin: 0px auto;
padding-bottom: 5px;
z-index: auto;
}

a.hecube_nav_text:active{
font-size: 12px;
text-align: left;
line-height: 18px;
color: #e06522;
text-align: justify;
text-decoration: none;
margin: 0px auto;
padding-bottom: 5px;
z-index: auto;
}

div.title {
background-image: url(../images/title_bg.png);
background-repeat: no-repeat;
margin-bottom: -5px;
padding: 15px 0 28px 0;
z-index: auto;
cursor: pointer;
}

div.content_bottom {
/*background: transparent;
background: url(../images/content_bottom_bg.png) repeat-x;
border-bottom: 1px solid #cccccc;
margin-top: 20px;
margin-bottom: 15px;
padding: 0;*/
}

div.title_slideleft {
float: left;
background: transparent;
width: 690px;
margin: 0 auto;
padding: 0;
z-index: auto;
}

div.title_slideright {
float: left;
background: transparent;
width: 18px;
margin-top: -4px;
padding: 0;
}

a.hecube_website_top {
background: transparent;
width: 18px;
margin-left: 694px;
padding: 0;
z-index: auto;
}
/*  content page (stop) */

/*  reference page (begin) */
.box_reference{
float: left;
background: transparent;
margin-top: 20px;
margin-bottom: 20px;
padding:0;
z-index: auto;
}

.box_reference_space{
float: left;
background: transparent;
width: 60px;
height: 300px;
margin: 0px auto;
padding:0;
z-index: auto;
}

.box_reference_content{
float: left;
background: transparent;
width: 200px;
height: 350px;
margin: 0px auto;
padding:0;
z-index: auto;
}

.box_reference_img{
float: left;
background: transparent;
width: 150px;
height: 150px;
margin-bottom: 10px;
padding:0;
z-index: 0;
}

.box_reference_text{
float: left;
background-color: transparent;
width: 200px;
margin-top: 10px;
padding: 0px;
z-index: auto;
}

div.content_ref_detail {
margin-left: 27px;
}

a.link_screen {
margin-left: 262px;
}

div.content_ref_detail img {
padding-bottom: 10px;
}

.flash_content img.img_detail {
width: 200px;
margin-right: 10px;
}
/*  reference page (stop) */

/*  contact page (begin) */
.box_contact_form{
float: left;
background-color: transparent;
width: 500px;
margin-right: 20px;
margin-top: -15px;
padding: 0px;
z-index: auto;
}

.box_contact{
float: left;
background-color: transparent;
margin-top: -15px;
padding: 0px;
z-index: auto;
}

.box_map{
width:500px;
background-color: transparent;

padding: 0px;
z-index: auto;
}
.form_box {
background: transparent;
border: 1px solid #DDDDDD;
height: 36px;
margin-bottom: 5px;
padding: 0px;
width: 450px;
z-index: auto;
}

input.name {
background: transparent;
border: medium none;
font-size: 22px;
line-height: 20px;
color: #999999;
margin-left: 2px;
margin-top: 4px;
padding: 0px;
width: 446px;
z-index: auto;
}

.form_box_error {
background-color:#E4F2FD;
border: 1px solid #CCCCCC;
height: 36px;
margin-bottom: 5px;
padding: 0px;
width: 450px;
z-index: auto;
}

.form_question {
background:transparent;
border: 1px solid #DDDDDD;
height: 200px;
margin-bottom: 5px;
padding: 0;
width: 450px;
z-index: auto;
}
.form_question_error {
background-color:#E4F2FD;
border: 1px solid #CCCCCC;
height: 200px;
margin-bottom: 5px;
padding: 0;
width: 450px;
z-index: auto;
}

textarea.question {
background:transparent;
border: medium none;
font-size: 16px;
line-height: 20px;
color: #999999;
margin-left: 2px;
margin-top: 2px;
padding: 0px;
width: 448px;
height: 198px;
z-index: auto;
font-family: "Lucida Grande";
font-size: 17px;
}

.box_google_map{
background: transparent;
border: 1px solid #DDDDDD;
height: 400px;
width: 500px;
margin-top: 600px;
margin-bottom: 20px;
padding-left: 0px;
z-index: auto;
}



/*  contact page (stop) */

/*  footer (begin) */
body #presence {
bottom: 0;
font-size: 11px;
height: 30px;
padding: 0;
position: fixed;
right: 0;
width: 100%;
z-index: auto;
}

#presence_ui {
background-color: transparent;
/*
margin-left: 15px;
margin-right: 15px;
*/
overflow: visible !important;
position: relative;
}
/*html[xmlns] .clearfix {
display:block;
}
.clearfix {
display:inline-block;
}*/
/*  footer (stop) */




/*  slider homepage (begin) */
#box8{
	position:absolute;
}
div.container, div.previous_button, div.previous_button_disabled, div.next_button {
	width: 960px;
	float: left;
}

div.container, previous_button, previous_button_disabled{
	width: 940px;
	float: left;
}

#box8 .buttons{
	text-align: left
}
#box8 .next{
	float: right
}
.sample8 .buttons{
	text-align: center;
	clear: both;
	margin-top: 30px;
	margin-bottom: 0px;
}

div.sample8{
	margin-top: 0px;
	height:100%;
	border: 0px solid #000 ;
}

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

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position: relative;
	width: 950px;
	height: 210px;
	overflow: hidden;
	margin-top: 10px;
}
.mask2{
	position: relative;
	width: 750px;
	height: 210px;
	overflow: hidden;
	margin-top: 10px;
}

h2{color:#999;font-size:16px;font-weight:normal;z-index: auto;}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%;z-index: auto;}

.description{padding:16px;margin:10px 0;background:#eee}

h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

div.buttons{
margin-left: -30px;
color: #bebebe;
}

.buttons span {
background: url(../images/slide_buttons_grey.png) no-repeat;
color: #0080FF;
padding: 0 5px;
cursor: pointer;
margin-right: 15px;
}

.buttons span.active, .buttons span:hover {
background: url(../images/slide_buttons_orange.png) no-repeat;
}

span.prevnext {
background: transparent;
color: #ff6600;
padding: 0 5px;
cursor: pointer;
margin: 0px auto;
}

span.prevnext:hover {
background: transparent;
color: #ff6600;
padding: 0 5px;
cursor: pointer;
margin: 0px auto;
}

span.prevnext.active {
background: transparent;
color: #ff6600;
padding: 0 5px;
cursor: pointer;
margin: 0px auto;
}

#box8 div.slide_box_reference {
float: left;
background: transparent;
height: 160px;
width: 475px;
}
#box8 div.slide_box_reference_detail {
float: left;
background: transparent;
height: 150px;
width: 750px;
}

#box8 div.slide_box_reference_space {
float: left;
background: transparent;
height: 150px;
width: 50px;
}


#box8 div.slide_box_reference_text {
float: left;
background: transparent;
height: 300px;
width: 260px;
}
#box8 div.slide_box_reference_text_detail {
float: left;
background: transparent;
width: 460px;
}

#box8 div.slide_box_reference_image {
float: left;
background: transparent;
height: 150px;
width: 150px;
margin-right: 20px;
}

/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  overflow:hidden;
  margin-left: 20px;
  margin-right: 20px;
}            

li.li_caroussel {
float: left;
list-style: none;   
width: 475px;
height: 160px;
}


#horizontal_carousel ul {
  width: 100000px;
  position: relative;
	margin:0px;
	padding:0px;
}                      

#horizontal_carousel .previous_button {
  position: absolute;
  top: 185px;
  left:400px;
	background: transparent;
	color: #556677;
	padding: 0 40px;
	cursor: pointer;
	margin: 0px auto;
}

#horizontal_carousel .previous_button_disabled {
  background: url(classic/horizontal/left-disabled.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 185px;
	left:500px;
	background: transparent;
	color: #556677;
	padding: 0 5px;
	cursor: pointer;
	margin: 0px auto;
}   

#horizontal_carousel .next_button_disabled {
  background: url(classic/horizontal/right-disabled.gif);
  cursor:default;
}

div.learn_more {
	background-color: #D4D4D4;
	width: 78px;
	height: 20px;
	padding-left: 3px;
	margin-left: 150px;
	margin-top: 10px;
	border: 1px solid #E06522 ;
}


/* Autocompletion */
div.update {
	z-index: 99;
	position:relative;
}

ul.reponses {
/*	background: #E4F2FD url(../images/fond_resultsearch.png) no-repeat; */
	background-color: #E4F2FD;
	position: relative;
	margin-left: -187px;
	padding: 0;
	margin-top: -5px;
	text-align: left;
	width: 320px;
	border-left: 1px solid #D4D4D4 ;
	border-right: 1px solid #D4D4D4 ;
	border-bottom: 1px solid #D4D4D4 ;
	z-index: 99;
}

ul.reponses li.reponse_References {
background: transparent;
list-style : none;
list-style-position: outside;
clear: both;
height: 40px;
margin: 0px auto;
padding: 5px;
z-index: 99;
}

ul.reponses li.reponse_contenu {
background: transparent;
list-style : none;
list-style-position: outside;
clear: both;
height: 30px;
margin: 0px auto;
padding: 5px;
z-index: 99;
}

ul.reponses li.reponse_contenu.selected {
	cursor: pointer;
	background: #cccccc;
	z-index: 99;
}

ul.reponses li.reponse_References.selected {
	cursor: pointer;
	background: #EEEEEE;
	z-index: 99;
}

div.reponse_header_top {
background-color: #334455;
height: 30px;
width: 320px;
margin-bottom: 5px;
padding: 0;
z-index: 99;
}

div.reponse_header_bottom {
background-color: #334455;
height: 30px;
width: 320px;
margin-bottom: 5px;
margin-top: 5px;
padding: 0;
z-index: 99;
}

p.search_title {
text-align: left;
font-size: 12px;
line-height: 5px;
color: #E06522;
margin-bottom: -8px;
margin-top: 0px;
padding: 0;
z-index: 99;
}

p.texte_info {
text-align: left;
font-size: 10px;
line-height: 12px;
color: #464646;
margin: 0px auto;
padding: 0;
z-index: 99;
}

p.search_title_contenue {
text-align: left;
font-size: 12px;
line-height: 22px;
color: #E06522;
margin: 0px auto;
padding-top: 5px;
z-index: 99;
}

p.reponse_header_text {
text-align: left;
font-size: 16px;
line-height: 22px;
color: #ffffff;
margin: 0px auto;
padding-top: 5px;
padding-left: 10px;
z-index: 99;
}

div.reponse_image {
float : left;
margin-left: 10px;
z-index: 99;
}

div.reponse_texte {
float : left;
margin-left: 10px;
width: 200px;
padding-top: 3px;
z-index: 99;
}

/*lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*  slider homepage (stop) */



a.hecube_website_top:link, a.hecube_website_top:visited,
a.hecube_website_top:hover, a.hecube_website_top:active {
text-decoration: none;
font-family: "Lucida Grande";
font-size: 11px;
text-align: center;
color: #464646;
/*cursor:n-resize;*/
}

.flash_content {
	background-color: #E4F2FD;
	border: solid 1px #d4d4d4;
	width: 670px;
	padding: 0px;
	margin-bottom: 20px;
}

/* Home fade */

#fade_home li {
	background-color: #E4F2FD;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	height: 200px;
	font-family: Georgia;
	font-weight: bold;
	font-size: 32px;
	color: #999999;
	text-align: center;
	visibility: hidden;
	list-style-type:none;
}