/* Start of CMSMS style sheet 'Speedinfo' */
/*************** General ************************/
body{
   margin:0;
   padding:0;
   background:#EEEEEE url('images/skin/bg_body.jpg') repeat-x;
   font-size:13px;
   font-family: Arial, Helvetica,sans-serif; 
   color:#333;
}

#container{
   width:950px;
   margin:auto;
   position:relatve;
}

ul{
padding-left:15px;
}

a img{
   border:0;
}
a:hover{
text-decoration:underline;
}
a:hover img{
  text-decoration:none;
}

a{
   outline:none;
   color:#000099;
  text-decoration:none;
}


h1{
   font-size:18px;
   font-weight:normal;
}

.lefttd{
   border-left:4px solid #E5E5E5;
   padding-left:10px;
}

/*************** Portofolio / Screens openSI************************/

#gallery img{
margin-right:10px;
}
#gallery .portfolio{
float:left;
text-align:center;
font-size:11px;
margin-bottom:20px;
}
#gallery .portfolio a{
text-decoration:none;
}
/*************** Home  ************************/
.hpblock{background: transparent url(images/skin/block.jpg) no-repeat ; width: 270px; height: 320px;padding:10px 10px; 10px 10px;float:left;margin:0 0 30px 20px ;}

.hpblock ul li{
list-style-type:none;
text-indent:18px;
margin:10px 0 0 0;padding:0;
text-align:left;
background:url(images/skin/arrow.jpg) top left no-repeat;
}

.hpblock ul{
margin:0;padding:20px 0 0 0;
}

.titleblock{
text-align:center;
}

/*************** Header ************************/
#header {
   height:165px;
   position:relative;
}

#logo{
   padding-top:25px;
}

#logo a{
   display:block;
   width:256px;
   height:112px;
}

#contactus{
   position:absolute;
   top:65px;
   left:635px;
}

#filigrane{
   background:url('images/skin/filigrane.jpg');
   height:235px;
   width:470px;
   position:absolute;
   top:0;
   margin-left:-60px;
}

/*************** Content ************************/
#content{
   margin-top:38px !important;
   margin-top:50px;
   color:#333;
   text-align:justify;
   line-height:16px;
}

.leftdiv{
   border-left:4px solid #E5E5E5;
   padding-left:10px;
   margin-left:2px;
}


/******************************* CONTACT *******************************/
.contactform label {width:160px;float:left;}
.contactform input {width:780px;border:1px solid #ccc;font-size:11px;color:#666;}
.contactform textarea {width:780px;height:100px;border:1px solid #ccc;font-size:11px;color:#666;}
.contactform div {padding-bottom:6px; clear:both;}
.contactform div .contact_error {color:#666;margin-left:160px;}
.submit {text-align:right;margin-right:10px;}
.submit input {border:1px solid #ccc;color:#666;width:90px;text-transform:uppercase;font-size:10px;}
.error_message {margin-bottom:20px;}

/******************************* DEVIS*******************************/
.devisform label {width:200px;float:left;}
.devisform input {width:740px;border:1px solid #ccc;font-size:11px;color:#666;}
.devisform textarea {width:740px;height:60px;border:1px solid #ccc;font-size:11px;color:#666;}
.devisform input[type="radio"] {width:20px;}
.devisform div {padding-bottom:6px; clear:both;}
.devisform div .contact_error {color:#666;margin-left:160px;}
.submit {text-align:right;margin-right:10px;}
.submit input {border:1px solid #ccc;color:#666;width:90px;text-transform:uppercase;font-size:10px;}
.error_message {margin-bottom:20px;}

/*************** Footer ************************/

#footer{
   clear:both;
   height:160px;
   color:#666666;
   margin:30px 0 10px 0;
   background:url('images/skin/bg_footer.jpg') repeat-x;
}

#content_footer{
   padding:20px;
   float:left;
   height:160px;

}

#left_footer{
   float:left;
   height:160px;
   width:11px;
   background:url('images/skin/left_footer.jpg') no-repeat left;
}

#right_footer{
   float:right;
   height:160px;
   width:285px;
   background:url('images/skin/right_footer.jpg') no-repeat right;
}

/*************** Horizontal Navigation ************************/
.nav {
height:28px; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:12px; 
width:1000px; 
z-index:90;
margin-left:-8px !important;
margin-left:-3px;
}

.nav .table {
display:table; 

}

.nav .table .row {display:table-row;}
.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin-left:8px !important;
margin-left:3px;
padding:0; 
height:auto; 
float:left;
width:auto !important;
width:85px;
}

.nav .select a {
display:block; 
float:left; 
height:28px;
line-height:28px;
background: url('images/skin/menu/nav-top.jpg') top left; 
padding-left:21px;
text-decoration:none; 
line-height:28px; 
white-space:nowrap; 
color:#ddd;
}

.nav .select a b{
background:url('images/skin/menu/nav-top.jpg') top right;
height:28px;
line-height:28px;
padding-right:21px;
display:block;
}


.nav .current a {
padding-left:21px;
display:block; 
float:left; 
background: url('images/skin/menu/nav-top.jpg') 0 -28px; 
text-decoration:none; 
line-height:28px; 
height:28px;
white-space:nowrap; 
color:#fff;
}

.nav .current a b {
background:url('images/skin/menu/nav-top.jpg') 100% -28px;
height:28px;
line-height:28px;
padding-right:21px;
display:block;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url('images/skin/menu/nav-top.jpg') 0 -28px; 
}

.nav .select a:hover b, 
.nav .select li:hover a b {

background:url('images/skin/menu/nav-top.jpg') 100% -28px;

}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#fff;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:950px; 
top:28px; 
height:28px;
padding:2px 0 25px 0;
background:url(images/skin/menu/dropline.jpg) left 5px no-repeat; 
z-index:80; 
left:0; 
text-align:center;
margin-left:8px !important;
margin-left:3px;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
line-height:32px;
color:#fff;
}

.nav .current .sub li.sub_show a {
cursor:pointer; 
color:#000;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#000; 
}


.menu{
width:1000px;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li.first,
.menu li.firstcurrent
{
float:left;
position:relative;
z-index:10;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:20;
left:-1px;
top:25px;
}


/* premier niveau */
.menu li.first a{
color:#FFF;
width:auto !important;
width:50px;
display:block;
font-family:arial, verdana, sans-serif; 
font-size:12px; 
color:#ddd;
padding-left:22px;
height:28px;
line-height:28px;
background:url(images/skin/menu/nav-top.jpg) left top;
text-decoration:none;
text-align:center;
margin-right:5px !important;
margin-right:4px;
}

.menu li.firstcurrent a{
color:#FFF;
width:auto !important;
width:50px;
display:block;
font-family:arial, verdana, sans-serif; 
font-size:12px; 
color:#ddd;
padding-left:22px;
height:28px;
line-height:28px;
background:url(images/skin/menu/nav-top.jpg) 0px -168px;
text-decoration:none;
text-align:center;
margin-right:5px !important;
margin-right:4px;
}

.menu li.first b{
display:block;
height:28px;
background:url(images/skin/menu/nav-top.jpg) 100% -0;
padding-right:22px;
}

.menu li.firstcurrent b{
display:block;
height:28px;
background:url(images/skin/menu/nav-top.jpg) 100% -0;
padding-right:22px;
}

.menu li.first ul,
.menu li.firstcurrent ul
{
border-top:1px solid #ddd;
width:200px;
margin:0;padding:0;
}

/* deuxieme niveau */
.menu li.first ul li.second a, .menu li.first ul li.second:visited,
.menu li.firstcurrent ul li.second a, .menu li.firstcurrent ul li.second:visited, .menu li.firstcurrent ul li.second a:visited {
color:#333;width:200px;
display:block;
padding:0 10px 0 10px;
background:#F5F5F5;
background-image:none;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
text-decoration:none;
margin-right:1px;
text-align:left;
}

/* dernier du deuxieme niveau */
.menu li.first ul li.lastsecond a, .menu li.first ul li.lastsecond:visited,
.menu li.firstcurrent ul li.lastsecond a, .menu li.firstcurrent ul li.lastsecond:visited, .menu li.firstcurrent ul li.lastsecond a:visited{
color:#333;width:200px;
display:block;
padding:0 10px 0 10px;
background:#F5F5F5;
background-image:none;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
-moz-border-radius : 0 0 5px 5px; 
-webkit-border-radius : 0 0 5px 5px; 
text-decoration:none;
margin-right:1px;
text-align:left;
}

.border{
border-bottom:1px dotted #ccc;
height:26px;
}

.menu li.first a:hover,
.menu li.first:hover a,
.menu li.firstcurrent a:hover,
.menu li.firstcurrent :hover a
{
cursor:pointer;
background:url(images/skin/menu/nav-top.jpg) 0px -28px;
}
.menu li.first a:hover b,
.menu li.first:hover a b,
.menu li.firstcurrent a:hover b,
.menu li.firstcurrent :hover a b{
cursor:pointer;
background:url(images/skin/menu/nav-top.jpg) 100% -28px;
}

/* style the links hover */
.menu li.first ul li.second a:hover,
.menu li.first ul li.lastsecond a:hover,
.menu li.firstcurrent ul li.second a:hover,
.menu li.firstcurrent ul li.lastsecond a:hover
{
cursor:pointer;
color:#4C86AB;
background:#F5F5F5;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/*********************** SIFR *********************/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example: */
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  
}

/* End of 'Speedinfo' */