/* ===============
	28/11/2011 - NEW DESIGN
   =============== */


/* 
 * GLOBAL
 */

body {
    background-color: #fafafa;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

#page, #main {
  background: #FFF;
  border: 1px solid #E0E0E0;
  margin:0px auto;
  width:980px;
  padding-left: 0;
}

a {
    color: #FA9E61;
    text-decoration: underline;
}


a.udl_none { text-decoration: none;}


/*
 * HEADER - MAIN MENU 
 */

.header {
    background: #fcfcfc;
}

.header .logo a { margin-left: 10px;}
ul#mainmenu {
    background: none;
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.header .lang select {
    background: #f1f1f1;
    border: none;
    color: #707070;
}


.header .lang select option {
     background-position: left 0;
     margin-bottom: 3px;
     padding: 0 0 0 20px;
}
.header .lang select option[value='fr']{
     background: url("/images/2011/lang/fr.png") no-repeat;
}
.header .lang select option[value='en']{
     background: url("/images/2011/lang/en.png") no-repeat;
}
.header .lang select option[value='de']{
     background: url("/images/2011/lang/de.png") no-repeat;
}
.header .lang select option[value='nl']{
     background: url("/images/2011/lang/nl.png") no-repeat;
}
.header .lang select option[value='hu']{
     background: url("/images/2011/lang/hu.png") no-repeat;
}
.header .lang select option[value='ru']{
     background: url("/images/2011/lang/ru.png") no-repeat;
}




            
#mainmenu li {
    border-right: 1px solid #DADADA;
    float: left;
    margin: 0;
}

#mainmenu li#n1_on a{
    background: url("/images/2011/nav-selected.png") repeat-x 0 center;
    color: #fff;
}

#mainmenu li a {
    color: #009cda;
    font: bold 11px Arial,Verdana,sans-serif;
    margin: 0 4px;
    padding: 8px 5px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#mainmenu li a:hover {
    color: #008bc2;
}


/*
 * HEADER - SEARCH
 */

.search-controls div{
    color: #4c4c4c;
    float: left;
    position: relative;
}

.search-controls div.direct_access { 
    width: 220px;
    margin-left: 20px;
}
.search-controls div.direct_access select {
    border: 1px solid #efefef;
    height: 19px;
    padding-left: 5px;
    width: 130px;
}

.search-controls div.search label {
    left: 10px;
    position: absolute;
    top: 4px;
}

div.search input.input-search {
    background: url("/images/2011/bkg-field-search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    float: left;
    height: 19px;
    padding-left: 7px;
    width: 120px;

}

div.search input.button {
    background: url("/images/2011/bkg-button-search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 19px;
    width: 42px;

}

/*
 * HEADER - USERS ACTIONS
 */

form.lang {
    float: left;
    line-height: 24px;
}

div.border { border-left: 1px solid #CCC;}
.p5 {
    padding: 4px 10px;
}
.contact-us { 
    color: #2a2a2a;
    font: bold 13px Arial,Verdana,sans-serif;
    text-decoration: none;
}

div.actions_client { 
    float: left;
    width: 358px;
}
div.actions_client .p5{
    display: block;
    float: left;
}

div.actions_client .p5.devis {
    background: #FFF;
    border-top: 1px solid #fff;
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
    display: block;
    float: left;
    padding: 3px 5px 0;    
    width: 133px;
}

div.actions_client a.arrow-blue {
    background: url('/images/2011/icons/arrow-blue.png') no-repeat left center;
    color: #009CDA;
    font: bold 13px Arial,Verdana,sans-serif;
    padding-left: 15px;
    text-decoration: none;
}

div.actions_client a.arrow-orange {
    background: url('/images/2011/icons/arrow-orange.png') no-repeat left center;
    color: #ff6600;
    font: bold 13px Arial,Verdana,sans-serif;
    padding-left: 15px;
    text-decoration: none;
}

/*
 * BANDEAU
 */
.bandeau {
    background: url('/images/2011/sample.png') no-repeat;
    height: 175px;
    width: 980px;
}

.bandeau_home {
    background: url('/images/2011/sample_home.png') no-repeat;
    height: 288px;
    width: 980px;
}

#solution {
    margin: 180px 0 0 495px;
    width: 320px;
}

#solution .title {
    color: #9c9ea0;
    font: normal 16px/16px Arial,Verdana,sans-serif;
    padding: 0;
    text-align: center;
}

#blochome {
    margin-left: 80px;
    width: 645px;
}

#blochome h3 {
    padding: 0 0 10px 0;
}

#blochome table.articles tr td {
    width: 310px;
}

/*
 * SIDEBAR RIGHT - HOME
 */

#sidebarright {
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
    color: #000;
    margin: 40px 0;
    margin-bottom:20px;
    padding: 0 5px 12px;
}

#page #sidebarright { margin-top: 0;}

#sidebarright a { 
    color: #000;
    overflow: hidden;
}

#sidebarright li {
    padding: 5px 0 5px 0;
}

#sidebarright h2 {
    border-bottom: 1px solid #f4f4f4;
    color: #f29606;
    font-size: 19px;
    font-weight: lighter;
    margin: 0;
    padding-left: 10px;
}

ul.sidebar-home {
    list-style: none;
    width: 220px;
    padding: 0;
}

ul.sidebar-home img, ul.sidebar-right .img { float:left; width: 46px; height: 56px;}

ul.sidebar-home li {
     
    overflow: hidden;
}

ul.sidebar-home li.border {
    border-bottom: 1px solid #f4f4f4;
}

ul.sidebar-home .text { 
    float: left;
    margin-left: 10px;
    width: 150px;
}
ul.sidebar-home .text a { 
    text-decoration: none;
}


/*
 * CONTENT - PAGE
 */

#page #content {
    float: left;
    padding: 8px;
    position: relative;
    top: -50px;
}

#page #sidebar_left {
    margin-left: 5px;
    position: relative;
    top: -15px;
}


/*
 * FOOTER
 */

#page_footer {
    background: #ececec;
    height: 288px;
    margin: 2px auto 0;
    padding-left: 0;
    width: 982px;
}

#page_footer table.col {
    float: left;
    width: 700px;
    margin-left: 10px;
}
#page_footer table.col tr td {
    padding-right: 40px;
}

#page_footer table.col ul li {
     background: #ECECEC url('/images/2011/arrow-gray.png') no-repeat left center;
     padding-left: 10px;
}

#page_footer h3 {
    background: #ECECEC url('/images/2011/bkg-h3-footer.png') repeat-x 0 bottom;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 4px;
    text-transform: uppercase;
}

#page_footer .copyright {
    color: #5a5a5a;
    float:right;
    width:250px;
}