* { padding: 0; margin: 0; }

img, div { behavior: url(css/iepngfix.htc) }

body {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #605951 url(/images/bg-new-21052010.jpg) repeat-x 0 0 ;
}
#wrapper { 
 margin: 0 auto;
 width: 920px;
 }
#site {
margin-bottom: 0px;
padding:0px 10px 0px 10px;
height:100%;
background: url(/images/main_container_bg2.png) repeat-y 0 0;
top:0px;
width:100%;
 }

#header {
 color: #333;
 width: 900px;
 padding: 0px;
 height: 100px;
 margin-left: 10px;
 background: url(/images/header-new-21052010.jpg);
 background-repeat:no-repeat;
}

.home {
background: url (/images/blind.gif) top left;
float:left;
left:0px;
top: 0px;
width: 310px;
height:80px;
cursor: hand;
cursor: pointer;
 }

/* End Navigation*/
.search {
 float:right;
 position:relative;
 top:0px;
 right: 19px;
 overflow:hidden;
 width:430px;
 /*background: url(/images/barre-250px-search.gif);*/
display:none;
}

.logo_idees {
display:inline;
border: 1px solid black;
border-top:0px;
float:left;
}

.searchfield {
 width:170px;
 height:17px;
 margin-left: 15px;
margin-top:6px;
 float:left;
 display:inline;
 border: 1px solid #505050;
 border-right: 0px;
 padding: 2px 0px 0px 2px;
 font-family: tahoma, verdana, sans-serif;
 /*background: url(/images/barre-250px-search.gif);*/
   -moz-border-radius: 0px 0px 0px 4px;
    -webkit-border-radius: 0px 0px 0px 4px;
    border-radius: 0px 0px 0px 4px;
}

.searchbutton {
 width:60px;
 height:21px;
 border: 1px solid #505050;
 margin-top:6px;
 font-weight:bold;
 font-size:13px;
 padding-bottom: 3px;
 float:left;
 cursor: hand;
 background: url(/images/bg-search.gif);
 font-family: tahoma; verdana;sans-serif;
 letter-spacing: 1px;
 cursor: hand;
 cursor: pointer;
  -moz-border-radius: 0px 0px 4px 0px;
    -webkit-border-radius: 0px 0px 4px 0px;
    border-radius: 0px 0px 4px 0px;
 }

/*End Header*/


#leftcolumn { 
 float: left;
 color: #000;
 margin:10px 0px 10px 10px;;
 padding: 0px;
 position: relative;
 background-repeat: no repeat;
}

div.headerHome {
    width: 618px;
    height: 32px;
    background-image: url(/images/barre.png);

}
.boxHome {
    border-right: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    background-color: #fff;
    height:660px;
    text-align: justify;
    padding: 15px 10px 10px 12px;
    width:594px;
}
.boxHome_sub {
    width: 590px;
    border-right: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    background-color: #fff;
    padding: 10px 14px 10px 12px;
    height:100%;
    text-align: justify;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    border-radius:0px 0px 7px 7px;
}


div.boxHome-detail {
    width: 616px;
    border-right: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    background-color: #fff;
    padding: 0px;
    height:490px;
    background-image: url(/images/bg-contact.gif);
}

div.boxfooter {
    width: 616px;
    border-right: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    background-color: #fff;
    height:370px;
    overflow:hidden;
}
#boxfooter-left {
   float:left;
   border-right: 1px solid #C5C5C5;
   height:370px;
   background-image: url(/images/barre-205.jpg);
   background-repeat: no-repeat;
   width:205px;
   text-align: justify;
   
}
#boxfooter-center{
    float:left;
    border-right: 1px solid #C5C5C5;
    height:370px;
    background-image: url(/images/barre-205.jpg);
    background-repeat: no-repeat;
    width:205px;
    position:absolute;
    left:207px;
    text-align: justify;
}
#boxfooter-right {
    float:right;
    background-image: url(/images/barre-205.jpg);
    background-repeat: repeat-x;
    width:33%;
    height:370px;
    width:204px;
    position:absolute;
    left:413px;
    text-align: justify;
    
}

#rightcolumn { 
 display: inline;
 padding: 9px 0px 0px 11px;
 width: 250px;
 float: left;
}

div.headerHome_small_right {
    width: 250px;
    height: 32px;
    background-image: url(/images/barre-250px-dark.png);
    float: right;
    color:#ffffff;
}

div.boxHome_small_right {
    width: 248px;
    border-right: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    float: right;
    height: auto;
    margin: 0 0 10px 0px;
    background: #efefef;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    border-radius:0px 0px 7px 7px;
}
div.boxHome_small_right img{
    float:right;
    border:none;
}

div.boxHome_small_special {
    width: 248px;
    border-right: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    float: right;
    height: auto;
    margin: 0 0 10px 0px;
    background: #fff;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
    background: url(/images/bg_oscarbox.gif) no-repeat -0px -70px;
}

div.boxHome_small_special1 {
    width: 248px;
    border: 1px solid #AFAFAF;
    float: right;
    height: auto;
    margin: 0 0 10px 0px;
    background: #fff;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
    }

div.boxHome_small_special .special_head {
    font-size:12px;
    font-weight:bold;
    display:block;
    line-height:125%;
    }
div.boxHome_small_special img {
    float:right;
    border:0px;
    margin-left:5px;
    }
div.boxHome_small_special .special_link {
    font-size:11px;
    margin:10px;
    border:none;
    }
div.boxHome_small_special .special_link1 {
    font-size:11px;
    margin:10px;
    border:none;
    }
div.boxHome_small_special .a {
    display:block;
    margin-top:10px;
    border:0px;
    margin-bottom:10px;
    }
div.boxHome_small_special .special_link a img {
    border:0px;
    margin-top:5px;
    
    }



div.box-player {
    width: 250px;
    border-right: 0px solid #C5C5C5;
    border-left: 0px solid #C5C5C5;
    border-bottom: 0px solid #C5C5C5;
    background-color: #fff;
    float: right;
    height: 200px;
    margin: 0 0 10px 0px;
}



#footer { 
 text-align:center;
 width: 870px;
 clear: both;
 margin: 30px 0px 5px 0x;
 padding: 15px;
 font-size:11px;
 border-top: 1px solid #AFAFAF;
 
}
.clear { clear: both; background: none; }

a {
    text-decoration: none;
    color: #000;
    
  }

a.small
  {
  background-image: url(/images/link_col.png) left top;
  color:#FF9500;
  }

a.orange
  {
    background-image: url(/images/link_col.png) left top;
   color:#FF9500;
   font-weight: bold;
   }
  

h1 {
    font-size: 12px;

    }
.white {
   color:#fff;
}
h2 {
    font-size: 12px;
    color: #000;
    padding: 8px 10px 0px 10px;
    font-weight: 700;
}
h3 {
    font-size: 12px;
    color: #000;
    padding: 8px 10px 8px 10px;
    font-weight: 700;
    font-family: tahoma;
}
h4 {
    font-size: 13px;
    color: #000;
    padding: 0px;
    font-weight: 700;
    padding:0px;
}
h4.grey {
    color: #9c9c9c;
    letter-spacing: 1px;
    font-size: 11px;
    margin-bottom: 7px;
    text-transform: uppercase;
     }

}
h5 {
    color: #9c9c9c;
    letter-spacing: 1px;
    font-size: 13px;
    margin-bottom: 7px;
     }
h6 {
    color: #3F3F3F;
    letter-spacing: 0px;
    font-size: 13px;
    padding: 8px 10px 8px 10px;
     }

.big-orange {
    font-size:22px;
    color:#FF9500;
    padding: 0px 0px 12px 0px;
text-align:left;
    }
.small-orange {
    font-size:16px;
    color:#FF9500;
    padding: 0px 0px 0px 0px;
    float:left;
    text-align:left;
    }

.small-black {
    font-size:14px;
    color:#000000;
    padding: 2px 0px 0px 0px;
    float:left;
    text-align:left;
    line-height:140%;
    }
.small-orange-frame {
    font-size:16px;
    color:#ffffff;
    float:left;
    background-color: #FF9500;
    padding:3px 7px 3px 8px;
    margin-right: 10px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    }
.big-grey {
    font-size:22px;
    color:#8B8C8C;
    padding: 0px 0px 0px 0px;
    text-align:left;
    line-height: 120%;
}
.big-black {
    font-size:22px;
    color:#000;
    padding: 0px 0px 0px 0px;
    text-align:left;
    line-height: 120%;
}

.boxbig-text
{
    font-size: 12px;
    color: #000;
    padding:0px 0px 8px 0px;
    line-height: 130%;
 }
.boxlittle-text
{
    font-size: 11px;
    color: #000;
    padding: 0px 10px 8px 10px;
    line-height: 130%;
}
#videoPlayer {
    padding: 0px 10px px 6px;
}
.img-small-home {
      padding: 10px 10px 5px 10px;
      border: 0px;
}

.img-big-home {
      padding: 25px 7px 10px 20px;
      display:inline;
      float:right;
      border: 0px;
}

.img-big-detail{
      padding: 5px 0px 10px 20px;
      display:block;
      float:right;
      border:none;
      border:0px;
}
.img-small-detail{
      padding:0;
      margin-left:10px;
     display:inline;
      float:right;
      border: 0px;
      float:right;
}
/* Links in den Spalten rechts und links*/
div.link {
     border-bottom: 1px solid #ECFAEC;
     background-image: url(/images/fleche_orange.png);
     background-repeat: no-repeat;
     background-position: 6px 8px;
     font-size:11px;
     padding: 6px 8px 8px 20px;
}
.link a{
     display: block;
     color: #000;
     text-decoration: none;
     
}

.link a:hover {
	text-decoration: underline;
}


div.link a#current {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(/images/link_col_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 6px 2px 0px 20px;
}
div.tab1 {
      color:#8a8a8a;
      float:left;
}
div.tab2 {
       
 margin-left: 230px;
 font-size:14px;
 line-height: 150%;
       }

.lienplus{
 font-weight:bold;
 margin:0px;
 padding:0px 3px 0px 0px; 
 top:3px;
 position:relative; 
}

.lien {
 font-weight:bold;
 margin:0px;
 padding:0px;
 font-size:11px;
 color: #FF9500;
 }

.lien:hover {
 text-decoration:underline;
 }
.line-grey {
 padding-top:15px;
 border-bottom: 1px solid #d7d7d7;
 margin-bottom:15px;
}
.article-shorttext
{line-height: 130%;
}

.article-shorttext ul
{margin-left: 15px;
 line-height: 130%;
}

.red
{color: #ff0000;
}

.small
{font-size:11px;
text-align:right;
}

.small_presse
{font-size:11px;
text-align:left;
display:block;
margin-bottom:60px;
}
#cadre_orange {
border: 2px outset #efefef;
padding:15px 10px 0px 10px;
height:50px;
background-color: #FFE9AF;
}
.head_cadre {
font-size:14px;
font-weight:bold;
display:inline;
height:15px;
position:relative;
bottom:3px;
}

.registered
{font-size:60%;
top:-6px;
position:relative;
margin:0px;
padding:0px;
}

.registered_big
{font-size:50%;
top:-10px;
position:relative;
margin:0px;
padding:0px;
}
#kaccess {
width:580px;
padding:0px;
}
#kaccess td {
width:280px;
valign: top;
vertical-align:top;
padding-top:15px;
}
#kaccess td img {
width:280px;
}


#kaccess td.right {
padding-left:25px;
}
#kaccess-pub{
border:0px solid black;
position:relative;
top:-50px;
}

#kaccess-logos {
}
/* ---------- Homepage ----------*/

#imagefader{
display:block;
overflow:hidden;
width:590px;
border: 1px solid #e2e2e2;
border-bottom:0px;
height:270px;
}

#buttons {
display:block;
height:250px;
width:592px;

}

#button1, #button2, #button3, #button4 {
display:block;
float:left;
width: 146px;
border:1px solid #e2e2e2;
border-top:0px;
height:385px;
background-color: white;}

.buttonhead {
float:left;
width:131px;
background: url(/images/bg_buttonhead.png) #2C2C2C;
display:inline;
padding:5px 5px 5px 10px;
font-weight:bold;
color:white;
font-size:11px;
}
#button1 a.but_sym:hover {
background: url(/images/button_e-banking_bichrome.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button1 a.but_sym {
background: url(/images/button_e-banking.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button2 a.but_sym:hover {
background: url(/images/button_e-commerce_bichrome.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button2 a.but_sym {
background: url(/images/button_e-commerce.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button3 a.but_sym:hover {
background: url(/images/button_e-gouvernement_bichrome.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button3 a.but_sym {
background: url(/images/button_e-gouvernement.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button4 a.but_sym:hover {
background: url(/images/button_e-sante_bichrome.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
#button4 a.but_sym {
background: url(/images/button_e-sante.png) no-repeat;
display:block;
width: 145px;
height:130px;
margin-top:30px;
}
.buttontext {
padding:10px;
font-size:12px;
}